@charset "UTF-8";
:root {
  --font-primary: 'Poppins', sans-serif;
  --line-height-base: 1.2; }

:root[lang="ar"] {
  --font-primary: 'Vazirmatn', sans-serif;
  --line-height-base: 1.5; }

/* stylelint-disable */
.border-top {
  border-top: 1px solid #dee2e6 !important; }

.border-right {
  border-left: 1px solid #dee2e6 !important; }

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important; }

.border-left {
  border-right: 1px solid #dee2e6 !important; }

.border-top-0 {
  border-top: 0 !important; }

.border-right-0 {
  border-left: 0 !important; }

.border-bottom-0 {
  border-bottom: 0 !important; }

.border-left-0 {
  border-right: 0 !important; }

.border-x {
  border-right: 1px solid #dee2e6 !important;
  border-left: 1px solid #dee2e6 !important; }

.border-y {
  border-bottom: 1px solid #dee2e6 !important;
  border-top: 1px solid #dee2e6 !important; }

@media (min-width: 576px) {
  .border-sm-top {
    border-top: 1px solid #dee2e6 !important; }
  .border-sm-right {
    border-left: 1px solid #dee2e6 !important; }
  .border-sm-bottom {
    border-bottom: 1px solid #dee2e6 !important; }
  .border-sm-left {
    border-right: 1px solid #dee2e6 !important; }
  .border-sm-top-0 {
    border-top: 0 !important; }
  .border-sm-right-0 {
    border-left: 0 !important; }
  .border-sm-bottom-0 {
    border-bottom: 0 !important; }
  .border-sm-left-0 {
    border-right: 0 !important; }
  .border-sm-x {
    border-right: 1px solid #dee2e6 !important;
    border-left: 1px solid #dee2e6 !important; }
  .border-sm-y {
    border-bottom: 1px solid #dee2e6 !important;
    border-top: 1px solid #dee2e6 !important; } }

@media (min-width: 768px) {
  .border-md-top {
    border-top: 1px solid #dee2e6 !important; }
  .border-md-right {
    border-left: 1px solid #dee2e6 !important; }
  .border-md-bottom {
    border-bottom: 1px solid #dee2e6 !important; }
  .border-md-left {
    border-right: 1px solid #dee2e6 !important; }
  .border-md-top-0 {
    border-top: 0 !important; }
  .border-md-right-0 {
    border-left: 0 !important; }
  .border-md-bottom-0 {
    border-bottom: 0 !important; }
  .border-md-left-0 {
    border-right: 0 !important; }
  .border-md-x {
    border-right: 1px solid #dee2e6 !important;
    border-left: 1px solid #dee2e6 !important; }
  .border-md-y {
    border-bottom: 1px solid #dee2e6 !important;
    border-top: 1px solid #dee2e6 !important; } }

@media (min-width: 1025px) {
  .border-lg-top {
    border-top: 1px solid #dee2e6 !important; }
  .border-lg-right {
    border-left: 1px solid #dee2e6 !important; }
  .border-lg-bottom {
    border-bottom: 1px solid #dee2e6 !important; }
  .border-lg-left {
    border-right: 1px solid #dee2e6 !important; }
  .border-lg-top-0 {
    border-top: 0 !important; }
  .border-lg-right-0 {
    border-left: 0 !important; }
  .border-lg-bottom-0 {
    border-bottom: 0 !important; }
  .border-lg-left-0 {
    border-right: 0 !important; }
  .border-lg-x {
    border-right: 1px solid #dee2e6 !important;
    border-left: 1px solid #dee2e6 !important; }
  .border-lg-y {
    border-bottom: 1px solid #dee2e6 !important;
    border-top: 1px solid #dee2e6 !important; } }

@media (min-width: 1440px) {
  .border-xl-top {
    border-top: 1px solid #dee2e6 !important; }
  .border-xl-right {
    border-left: 1px solid #dee2e6 !important; }
  .border-xl-bottom {
    border-bottom: 1px solid #dee2e6 !important; }
  .border-xl-left {
    border-right: 1px solid #dee2e6 !important; }
  .border-xl-top-0 {
    border-top: 0 !important; }
  .border-xl-right-0 {
    border-left: 0 !important; }
  .border-xl-bottom-0 {
    border-bottom: 0 !important; }
  .border-xl-left-0 {
    border-right: 0 !important; }
  .border-xl-x {
    border-right: 1px solid #dee2e6 !important;
    border-left: 1px solid #dee2e6 !important; }
  .border-xl-y {
    border-bottom: 1px solid #dee2e6 !important;
    border-top: 1px solid #dee2e6 !important; } }

/* stylelint-enable */
/* stylelint-disable */
.text-small {
  font-size: 0.6875rem !important; }

.text-normal {
  font-size: 0.8125rem !important; }

.text-big {
  font-size: 0.9375rem !important; }

@media (max-width: 575.98px) {
  .text-small {
    font-size: 0.6875rem !important; }
  .text-normal {
    font-size: 0.8125rem !important; }
  .text-big {
    font-size: 0.9375rem !important; } }

@media (max-width: 575.98px) {
  .text-small {
    font-size: 0.6875rem !important; }
  .text-normal {
    font-size: 0.8125rem !important; }
  .text-big {
    font-size: 0.9375rem !important; } }

@media (min-width: 576px) {
  .text-sm-small {
    font-size: 0.6875rem !important; }
  .text-sm-normal {
    font-size: 0.8125rem !important; }
  .text-sm-big {
    font-size: 0.9375rem !important; } }

@media (max-width: 767.98px) {
  .text-sm-small {
    font-size: 0.6875rem !important; }
  .text-sm-normal {
    font-size: 0.8125rem !important; }
  .text-sm-big {
    font-size: 0.9375rem !important; } }

@media (min-width: 576px) and (max-width: 767.98px) {
  .text-sm-small {
    font-size: 0.6875rem !important; }
  .text-sm-normal {
    font-size: 0.8125rem !important; }
  .text-sm-big {
    font-size: 0.9375rem !important; } }

@media (min-width: 768px) {
  .text-md-small {
    font-size: 0.6875rem !important; }
  .text-md-normal {
    font-size: 0.8125rem !important; }
  .text-md-big {
    font-size: 0.9375rem !important; } }

@media (max-width: 1024.98px) {
  .text-md-small {
    font-size: 0.6875rem !important; }
  .text-md-normal {
    font-size: 0.8125rem !important; }
  .text-md-big {
    font-size: 0.9375rem !important; } }

@media (min-width: 768px) and (max-width: 1024.98px) {
  .text-md-small {
    font-size: 0.6875rem !important; }
  .text-md-normal {
    font-size: 0.8125rem !important; }
  .text-md-big {
    font-size: 0.9375rem !important; } }

@media (min-width: 1025px) {
  .text-lg-small {
    font-size: 0.6875rem !important; }
  .text-lg-normal {
    font-size: 0.8125rem !important; }
  .text-lg-big {
    font-size: 0.9375rem !important; } }

@media (max-width: 1439.98px) {
  .text-lg-small {
    font-size: 0.6875rem !important; }
  .text-lg-normal {
    font-size: 0.8125rem !important; }
  .text-lg-big {
    font-size: 0.9375rem !important; } }

@media (min-width: 1025px) and (max-width: 1439.98px) {
  .text-lg-small {
    font-size: 0.6875rem !important; }
  .text-lg-normal {
    font-size: 0.8125rem !important; }
  .text-lg-big {
    font-size: 0.9375rem !important; } }

@media (min-width: 1440px) {
  .text-xl-small {
    font-size: 0.6875rem !important; }
  .text-xl-normal {
    font-size: 0.8125rem !important; }
  .text-xl-big {
    font-size: 0.9375rem !important; } }

.text-xl-small {
  font-size: 0.6875rem !important; }

.text-xl-normal {
  font-size: 0.8125rem !important; }

.text-xl-big {
  font-size: 0.9375rem !important; }

@media (min-width: 1440px) {
  .text-xl-small {
    font-size: 0.6875rem !important; }
  .text-xl-normal {
    font-size: 0.8125rem !important; }
  .text-xl-big {
    font-size: 0.9375rem !important; } }

/* stylelint-enable */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
.btn-up-block {
  display: block !important;
  width: 100% !important; }

@media (max-width: 575.98px) {
  .btn-down-block {
    display: block !important;
    width: 100% !important; } }

@media (max-width: 575.98px) {
  .btn-only-block {
    display: block !important;
    width: 100% !important; } }

@media (min-width: 576px) {
  .btn-sm-up-block {
    display: block !important;
    width: 100% !important; } }

@media (max-width: 767.98px) {
  .btn-sm-down-block {
    display: block !important;
    width: 100% !important; } }

@media (min-width: 576px) and (max-width: 767.98px) {
  .btn-sm-only-block {
    display: block !important;
    width: 100% !important; } }

@media (min-width: 768px) {
  .btn-md-up-block {
    display: block !important;
    width: 100% !important; } }

@media (max-width: 1024.98px) {
  .btn-md-down-block {
    display: block !important;
    width: 100% !important; } }

@media (min-width: 768px) and (max-width: 1024.98px) {
  .btn-md-only-block {
    display: block !important;
    width: 100% !important; } }

@media (min-width: 1025px) {
  .btn-lg-up-block {
    display: block !important;
    width: 100% !important; } }

@media (max-width: 1439.98px) {
  .btn-lg-down-block {
    display: block !important;
    width: 100% !important; } }

@media (min-width: 1025px) and (max-width: 1439.98px) {
  .btn-lg-only-block {
    display: block !important;
    width: 100% !important; } }

@media (min-width: 1440px) {
  .btn-xl-up-block {
    display: block !important;
    width: 100% !important; } }

.btn-xl-down-block {
  display: block !important;
  width: 100% !important; }

@media (min-width: 1440px) {
  .btn-xl-only-block {
    display: block !important;
    width: 100% !important; } }

.l-btn--primary {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #eba140;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #eba140;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--primary {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--primary:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--primary:focus, .l-btn--primary.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--primary.disabled, .l-btn--primary:disabled {
    opacity: 0.65; }
  .l-btn--primary:hover {
    background-color: rgba(235, 161, 64, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--primary {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--primary {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--primary-purple {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #4e004f;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #4e004f;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--primary-purple {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--primary-purple:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--primary-purple:focus, .l-btn--primary-purple.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--primary-purple.disabled, .l-btn--primary-purple:disabled {
    opacity: 0.65; }
  .l-btn--primary-purple:hover {
    background-color: rgba(78, 0, 79, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--primary-purple {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--primary-purple {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--primary-active {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #f99d1c;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #f99d1c;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--primary-active {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--primary-active:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--primary-active:focus, .l-btn--primary-active.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--primary-active.disabled, .l-btn--primary-active:disabled {
    opacity: 0.65; }
  .l-btn--primary-active:hover {
    background-color: rgba(249, 157, 28, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--primary-active {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--primary-active {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--secondary {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #f99d1c;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #f99d1c;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--secondary {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--secondary:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--secondary:focus, .l-btn--secondary.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--secondary.disabled, .l-btn--secondary:disabled {
    opacity: 0.65; }
  .l-btn--secondary:hover {
    background-color: rgba(249, 157, 28, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--secondary {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--secondary {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--secondary-active {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #a53c14;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #a53c14;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--secondary-active {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--secondary-active:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--secondary-active:focus, .l-btn--secondary-active.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--secondary-active.disabled, .l-btn--secondary-active:disabled {
    opacity: 0.65; }
  .l-btn--secondary-active:hover {
    background-color: rgba(165, 60, 20, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--secondary-active {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--secondary-active {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--text {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #3f3936;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #3f3936;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--text {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--text:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--text:focus, .l-btn--text.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--text.disabled, .l-btn--text:disabled {
    opacity: 0.65; }
  .l-btn--text:hover {
    background-color: rgba(63, 57, 54, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--text {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--text {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--text-secondary {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #828282;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #828282;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--text-secondary {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--text-secondary:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--text-secondary:focus, .l-btn--text-secondary.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--text-secondary.disabled, .l-btn--text-secondary:disabled {
    opacity: 0.65; }
  .l-btn--text-secondary:hover {
    background-color: rgba(130, 130, 130, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--text-secondary {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--text-secondary {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--text-tertiary {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #efecf0;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #efecf0;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--text-tertiary {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--text-tertiary:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--text-tertiary:focus, .l-btn--text-tertiary.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--text-tertiary.disabled, .l-btn--text-tertiary:disabled {
    opacity: 0.65; }
  .l-btn--text-tertiary:hover {
    background-color: rgba(239, 236, 240, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--text-tertiary {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--text-tertiary {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--success {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #3dc13c;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #3dc13c;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--success {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--success:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--success:focus, .l-btn--success.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--success.disabled, .l-btn--success:disabled {
    opacity: 0.65; }
  .l-btn--success:hover {
    background-color: rgba(61, 193, 60, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--success {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--success {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--success-secondary {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #80871a;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #80871a;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--success-secondary {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--success-secondary:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--success-secondary:focus, .l-btn--success-secondary.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--success-secondary.disabled, .l-btn--success-secondary:disabled {
    opacity: 0.65; }
  .l-btn--success-secondary:hover {
    background-color: rgba(128, 135, 26, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--success-secondary {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--success-secondary {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--brand-redish {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #ed5e5e;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #ed5e5e;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--brand-redish {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--brand-redish:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--brand-redish:focus, .l-btn--brand-redish.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--brand-redish.disabled, .l-btn--brand-redish:disabled {
    opacity: 0.65; }
  .l-btn--brand-redish:hover {
    background-color: rgba(237, 94, 94, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--brand-redish {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--brand-redish {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--brand-yellow {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #f7da5d;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #f7da5d;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--brand-yellow {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--brand-yellow:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--brand-yellow:focus, .l-btn--brand-yellow.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--brand-yellow.disabled, .l-btn--brand-yellow:disabled {
    opacity: 0.65; }
  .l-btn--brand-yellow:hover {
    background-color: rgba(247, 218, 93, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--brand-yellow {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--brand-yellow {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--brand-pink {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #ef5ba1;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #ef5ba1;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--brand-pink {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--brand-pink:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--brand-pink:focus, .l-btn--brand-pink.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--brand-pink.disabled, .l-btn--brand-pink:disabled {
    opacity: 0.65; }
  .l-btn--brand-pink:hover {
    background-color: rgba(239, 91, 161, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--brand-pink {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--brand-pink {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--brand-purple {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #8f52a0;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #8f52a0;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--brand-purple {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--brand-purple:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--brand-purple:focus, .l-btn--brand-purple.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--brand-purple.disabled, .l-btn--brand-purple:disabled {
    opacity: 0.65; }
  .l-btn--brand-purple:hover {
    background-color: rgba(143, 82, 160, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--brand-purple {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--brand-purple {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--brand-blue {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #62a1d7;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #62a1d7;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--brand-blue {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--brand-blue:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--brand-blue:focus, .l-btn--brand-blue.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--brand-blue.disabled, .l-btn--brand-blue:disabled {
    opacity: 0.65; }
  .l-btn--brand-blue:hover {
    background-color: rgba(98, 161, 215, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--brand-blue {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--brand-blue {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--brand-green {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #8dc73f;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #8dc73f;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--brand-green {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--brand-green:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--brand-green:focus, .l-btn--brand-green.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--brand-green.disabled, .l-btn--brand-green:disabled {
    opacity: 0.65; }
  .l-btn--brand-green:hover {
    background-color: rgba(141, 199, 63, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--brand-green {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--brand-green {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--brand-darker-green {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #437a37;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #437a37;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--brand-darker-green {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--brand-darker-green:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--brand-darker-green:focus, .l-btn--brand-darker-green.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--brand-darker-green.disabled, .l-btn--brand-darker-green:disabled {
    opacity: 0.65; }
  .l-btn--brand-darker-green:hover {
    background-color: rgba(67, 122, 55, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--brand-darker-green {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--brand-darker-green {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--brand-gray {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #939598;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #939598;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--brand-gray {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--brand-gray:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--brand-gray:focus, .l-btn--brand-gray.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--brand-gray.disabled, .l-btn--brand-gray:disabled {
    opacity: 0.65; }
  .l-btn--brand-gray:hover {
    background-color: rgba(147, 149, 152, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--brand-gray {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--brand-gray {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--brand-darker-gray {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #575b62;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #575b62;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--brand-darker-gray {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--brand-darker-gray:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--brand-darker-gray:focus, .l-btn--brand-darker-gray.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--brand-darker-gray.disabled, .l-btn--brand-darker-gray:disabled {
    opacity: 0.65; }
  .l-btn--brand-darker-gray:hover {
    background-color: rgba(87, 91, 98, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--brand-darker-gray {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--brand-darker-gray {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--warning {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #f3bb1b;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #f3bb1b;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--warning {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--warning:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--warning:focus, .l-btn--warning.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--warning.disabled, .l-btn--warning:disabled {
    opacity: 0.65; }
  .l-btn--warning:hover {
    background-color: rgba(243, 187, 27, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--warning {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--warning {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--alert {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #e94f54;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #e94f54;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--alert {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--alert:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--alert:focus, .l-btn--alert.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--alert.disabled, .l-btn--alert:disabled {
    opacity: 0.65; }
  .l-btn--alert:hover {
    background-color: rgba(233, 79, 84, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--alert {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--alert {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--disabled {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #ccc;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #ccc;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--disabled {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--disabled:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--disabled:focus, .l-btn--disabled.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--disabled.disabled, .l-btn--disabled:disabled {
    opacity: 0.65; }
  .l-btn--disabled:hover {
    background-color: rgba(204, 204, 204, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--disabled {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--disabled {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--disabled-secondary {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #efecf0;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #efecf0;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--disabled-secondary {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--disabled-secondary:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--disabled-secondary:focus, .l-btn--disabled-secondary.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--disabled-secondary.disabled, .l-btn--disabled-secondary:disabled {
    opacity: 0.65; }
  .l-btn--disabled-secondary:hover {
    background-color: rgba(239, 236, 240, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--disabled-secondary {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--disabled-secondary {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--background {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #fff;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #fff;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--background {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--background:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--background:focus, .l-btn--background.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--background.disabled, .l-btn--background:disabled {
    opacity: 0.65; }
  .l-btn--background:hover {
    background-color: rgba(255, 255, 255, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--background {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--background {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--background-secondary {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #f9f9f9;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #f9f9f9;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--background-secondary {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--background-secondary:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--background-secondary:focus, .l-btn--background-secondary.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--background-secondary.disabled, .l-btn--background-secondary:disabled {
    opacity: 0.65; }
  .l-btn--background-secondary:hover {
    background-color: rgba(249, 249, 249, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--background-secondary {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--background-secondary {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--background-tertiary {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #ccc;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #ccc;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--background-tertiary {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--background-tertiary:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--background-tertiary:focus, .l-btn--background-tertiary.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--background-tertiary.disabled, .l-btn--background-tertiary:disabled {
    opacity: 0.65; }
  .l-btn--background-tertiary:hover {
    background-color: rgba(204, 204, 204, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--background-tertiary {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--background-tertiary {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--border {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #efecf0;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #efecf0;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--border {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--border:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--border:focus, .l-btn--border.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--border.disabled, .l-btn--border:disabled {
    opacity: 0.65; }
  .l-btn--border:hover {
    background-color: rgba(239, 236, 240, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--border {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--border {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--border-secondary {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #ccc;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #ccc;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--border-secondary {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--border-secondary:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--border-secondary:focus, .l-btn--border-secondary.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--border-secondary.disabled, .l-btn--border-secondary:disabled {
    opacity: 0.65; }
  .l-btn--border-secondary:hover {
    background-color: rgba(204, 204, 204, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--border-secondary {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--border-secondary {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--border-tertiary {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #828282;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #828282;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--border-tertiary {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--border-tertiary:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--border-tertiary:focus, .l-btn--border-tertiary.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--border-tertiary.disabled, .l-btn--border-tertiary:disabled {
    opacity: 0.65; }
  .l-btn--border-tertiary:hover {
    background-color: rgba(130, 130, 130, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--border-tertiary {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--border-tertiary {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--info {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #434cf5;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #434cf5;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--info {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--info:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--info:focus, .l-btn--info.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--info.disabled, .l-btn--info:disabled {
    opacity: 0.65; }
  .l-btn--info:hover {
    background-color: rgba(67, 76, 245, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--info {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--info {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--light {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #fff;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #fff;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--light {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--light:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--light:focus, .l-btn--light.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--light.disabled, .l-btn--light:disabled {
    opacity: 0.65; }
  .l-btn--light:hover {
    background-color: rgba(255, 255, 255, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--light {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--light {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--light-dark {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #f0f0f0;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #f0f0f0;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--light-dark {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--light-dark:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--light-dark:focus, .l-btn--light-dark.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--light-dark.disabled, .l-btn--light-dark:disabled {
    opacity: 0.65; }
  .l-btn--light-dark:hover {
    background-color: rgba(240, 240, 240, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--light-dark {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--light-dark {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--dark {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #3f3936;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #3f3936;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--dark {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--dark:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--dark:focus, .l-btn--dark.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--dark.disabled, .l-btn--dark:disabled {
    opacity: 0.65; }
  .l-btn--dark:hover {
    background-color: rgba(63, 57, 54, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--dark {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--dark {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--red-price {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #e94f54;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #e94f54;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--red-price {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--red-price:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--red-price:focus, .l-btn--red-price.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--red-price.disabled, .l-btn--red-price:disabled {
    opacity: 0.65; }
  .l-btn--red-price:hover {
    background-color: rgba(233, 79, 84, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--red-price {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--red-price {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--gray-price {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #c3c4c2;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #c3c4c2;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--gray-price {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--gray-price:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--gray-price:focus, .l-btn--gray-price.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--gray-price.disabled, .l-btn--gray-price:disabled {
    opacity: 0.65; }
  .l-btn--gray-price:hover {
    background-color: rgba(195, 196, 194, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--gray-price {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--gray-price {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--secondary-indigo-dye {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #033163;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #033163;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--secondary-indigo-dye {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--secondary-indigo-dye:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--secondary-indigo-dye:focus, .l-btn--secondary-indigo-dye.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--secondary-indigo-dye.disabled, .l-btn--secondary-indigo-dye:disabled {
    opacity: 0.65; }
  .l-btn--secondary-indigo-dye:hover {
    background-color: rgba(3, 49, 99, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--secondary-indigo-dye {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--secondary-indigo-dye {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--secondary-tea-rose {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #ebc1c5;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #ebc1c5;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--secondary-tea-rose {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--secondary-tea-rose:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--secondary-tea-rose:focus, .l-btn--secondary-tea-rose.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--secondary-tea-rose.disabled, .l-btn--secondary-tea-rose:disabled {
    opacity: 0.65; }
  .l-btn--secondary-tea-rose:hover {
    background-color: rgba(235, 193, 197, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--secondary-tea-rose {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--secondary-tea-rose {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--secondary-vivid-sky-blue {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #5adbff;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #5adbff;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--secondary-vivid-sky-blue {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--secondary-vivid-sky-blue:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--secondary-vivid-sky-blue:focus, .l-btn--secondary-vivid-sky-blue.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--secondary-vivid-sky-blue.disabled, .l-btn--secondary-vivid-sky-blue:disabled {
    opacity: 0.65; }
  .l-btn--secondary-vivid-sky-blue:hover {
    background-color: rgba(90, 219, 255, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--secondary-vivid-sky-blue {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--secondary-vivid-sky-blue {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--secondary-timberwolf {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #d4cbc4;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #d4cbc4;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--secondary-timberwolf {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--secondary-timberwolf:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--secondary-timberwolf:focus, .l-btn--secondary-timberwolf.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--secondary-timberwolf.disabled, .l-btn--secondary-timberwolf:disabled {
    opacity: 0.65; }
  .l-btn--secondary-timberwolf:hover {
    background-color: rgba(212, 203, 196, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--secondary-timberwolf {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--secondary-timberwolf {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--neutrals-dark {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #3d3d3d;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #3d3d3d;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--neutrals-dark {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--neutrals-dark:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--neutrals-dark:focus, .l-btn--neutrals-dark.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--neutrals-dark.disabled, .l-btn--neutrals-dark:disabled {
    opacity: 0.65; }
  .l-btn--neutrals-dark:hover {
    background-color: rgba(61, 61, 61, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--neutrals-dark {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--neutrals-dark {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--neutrals-medium {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #7a7a7a;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #7a7a7a;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--neutrals-medium {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--neutrals-medium:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--neutrals-medium:focus, .l-btn--neutrals-medium.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--neutrals-medium.disabled, .l-btn--neutrals-medium:disabled {
    opacity: 0.65; }
  .l-btn--neutrals-medium:hover {
    background-color: rgba(122, 122, 122, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--neutrals-medium {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--neutrals-medium {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--neutrals-light {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #c2c2c2;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #c2c2c2;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--neutrals-light {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--neutrals-light:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--neutrals-light:focus, .l-btn--neutrals-light.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--neutrals-light.disabled, .l-btn--neutrals-light:disabled {
    opacity: 0.65; }
  .l-btn--neutrals-light:hover {
    background-color: rgba(194, 194, 194, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--neutrals-light {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--neutrals-light {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--neutrals-border {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #d9d9d9;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #d9d9d9;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--neutrals-border {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--neutrals-border:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--neutrals-border:focus, .l-btn--neutrals-border.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--neutrals-border.disabled, .l-btn--neutrals-border:disabled {
    opacity: 0.65; }
  .l-btn--neutrals-border:hover {
    background-color: rgba(217, 217, 217, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--neutrals-border {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--neutrals-border {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--neutrals-lighter {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #f2f3f9;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #f2f3f9;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--neutrals-lighter {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--neutrals-lighter:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--neutrals-lighter:focus, .l-btn--neutrals-lighter.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--neutrals-lighter.disabled, .l-btn--neutrals-lighter:disabled {
    opacity: 0.65; }
  .l-btn--neutrals-lighter:hover {
    background-color: rgba(242, 243, 249, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--neutrals-lighter {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--neutrals-lighter {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--neutrals-purple {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #e5e7f1;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #e5e7f1;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--neutrals-purple {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--neutrals-purple:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--neutrals-purple:focus, .l-btn--neutrals-purple.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--neutrals-purple.disabled, .l-btn--neutrals-purple:disabled {
    opacity: 0.65; }
  .l-btn--neutrals-purple:hover {
    background-color: rgba(229, 231, 241, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--neutrals-purple {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--neutrals-purple {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--neutrals-blue {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #d8daea;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #d8daea;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--neutrals-blue {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--neutrals-blue:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--neutrals-blue:focus, .l-btn--neutrals-blue.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--neutrals-blue.disabled, .l-btn--neutrals-blue:disabled {
    opacity: 0.65; }
  .l-btn--neutrals-blue:hover {
    background-color: rgba(216, 218, 234, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--neutrals-blue {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--neutrals-blue {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--neutrals-pink {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #e5e7f1;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #e5e7f1;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--neutrals-pink {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--neutrals-pink:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--neutrals-pink:focus, .l-btn--neutrals-pink.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--neutrals-pink.disabled, .l-btn--neutrals-pink:disabled {
    opacity: 0.65; }
  .l-btn--neutrals-pink:hover {
    background-color: rgba(229, 231, 241, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--neutrals-pink {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--neutrals-pink {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--neutrals-rose {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #d8daea;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #d8daea;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--neutrals-rose {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--neutrals-rose:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--neutrals-rose:focus, .l-btn--neutrals-rose.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--neutrals-rose.disabled, .l-btn--neutrals-rose:disabled {
    opacity: 0.65; }
  .l-btn--neutrals-rose:hover {
    background-color: rgba(216, 218, 234, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--neutrals-rose {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--neutrals-rose {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--neutrals-form {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #344153;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #344153;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--neutrals-form {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--neutrals-form:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--neutrals-form:focus, .l-btn--neutrals-form.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--neutrals-form.disabled, .l-btn--neutrals-form:disabled {
    opacity: 0.65; }
  .l-btn--neutrals-form:hover {
    background-color: rgba(52, 65, 83, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--neutrals-form {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--neutrals-form {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

.l-btn--navigation-color {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #051f2f;
  display: inline-block;
  font-weight: 400;
  color: #3f3936;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #051f2f;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .l-btn--navigation-color {
      -webkit-transition: none;
      transition: none; } }
  .l-btn--navigation-color:hover {
    color: #3f3936;
    text-decoration: none; }
  .l-btn--navigation-color:focus, .l-btn--navigation-color.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .l-btn--navigation-color.disabled, .l-btn--navigation-color:disabled {
    opacity: 0.65; }
  .l-btn--navigation-color:hover {
    background-color: rgba(5, 31, 47, 0.9) !important; }
  @media (max-width: 1024.98px) {
    .l-btn--navigation-color {
      min-width: 5rem !important;
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
      line-height: 1;
      border-radius: 0.2rem; } }
  @media (min-width: 1025px) {
    .l-btn--navigation-color {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem; } }

/* stylelint-enable */
.text-display {
  font-size: 84px;
  font-weight: 700;
  line-height: 88px; }

.text-h1 {
  font-size: 64px;
  font-weight: 700;
  line-height: 66px; }

.text-h2 {
  font-size: 56px;
  font-weight: 700;
  line-height: 60px; }

.text-h3 {
  font-size: 48px;
  font-weight: 700;
  line-height: 52px; }

.text-h4 {
  font-size: 36px;
  font-weight: 700;
  line-height: 40px; }

.text-h5 {
  font-size: 28px;
  font-weight: 700;
  line-height: 32px; }

.text-h6 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px; }

.text-p {
  font-size: 24px; }

.text-p-xl {
  font-size: 20px; }

.text-p-lg {
  font-size: 18px; }

.text-p-m {
  font-size: 16px; }

.text-p-s {
  font-size: 14px; }

.text-p-xs {
  font-size: 12px; }

.text-l {
  font-size: 11px; }

.text-m {
  font-size: 10px; }

.text-s {
  font-size: 9px; }

.text-xs {
  font-size: 8px; }

/* stylelint-disable */
/* stylelint-enable */
/*
* Usage:
* 1. Same values for all properties:
*   .f-button {
*       @include (
*           (background-color, border-color, color, box-shadow, transform),
*           $transition-duration: $transition-duration-long
*       );
*   }
*
* 2. Different values for specific properties:
*   .f-button {
*       @include transition((
*           background-color: $transition-duration-base null null,
*           border-color: null,
*           box-shadow: 0.215s ease-in null,
*           transform: null ease null
*       ));
*   }
* (!) All values for each property is required.
* (!) 'null' is used for setting default value.
*/
/* Mixin to cut off the rest of one-line text with dots */
.container {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media (min-width: 768px) {
    .container {
      padding-right: 2.125rem;
      padding-left: 2.125rem; } }
  @media (min-width: 1025px) {
    .container {
      padding-right: 1.875rem;
      padding-left: 1.875rem; } }
  @media (min-width: 1440px) {
    .container {
      max-width: 1600px; } }

.container-fluid, .container-xl {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media (min-width: 768px) {
    .container-fluid, .container-xl {
      padding-right: 2.125rem;
      padding-left: 2.125rem; } }
  @media (min-width: 1025px) {
    .container-fluid, .container-xl {
      padding-right: 1.875rem;
      padding-left: 1.875rem; } }

@media (min-width: 1440px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1600px; } }

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -0.3125rem;
  margin-left: -0.3125rem; }
  @media (min-width: 768px) {
    .row {
      margin-right: -0.625rem;
      margin-left: -0.625rem; } }
  @media (min-width: 1025px) {
    .row {
      margin-right: -0.9375rem;
      margin-left: -0.9375rem; } }

.no-gutters {
  margin-left: 0;
  margin-right: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-left: 0;
    padding-right: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 0.3125rem;
  padding-left: 0.3125rem; }
  @media (min-width: 768px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
    .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
    .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
    .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
    .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
    .col-xl-auto {
      padding-right: 0.625rem;
      padding-left: 0.625rem; } }
  @media (min-width: 1025px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
    .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
    .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
    .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
    .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
    .col-xl-auto {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }

.col {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%; }

.row-cols-1 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%; }

.row-cols-2 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%; }

.row-cols-3 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.row-cols-4 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%; }

.row-cols-5 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%; }

.row-cols-6 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%; }

.col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333%;
          flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333%;
          flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66667%;
          flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333%;
          flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66667%;
          flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1; }

.order-last {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13; }

.order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0; }

.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }

.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; }

.order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3; }

.order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4; }

.order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5; }

.order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6; }

.order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7; }

.order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8; }

.order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9; }

.order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10; }

.order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11; }

.order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12; }

.offset-1 {
  margin-right: 8.33333%; }

.offset-2 {
  margin-right: 16.66667%; }

.offset-3 {
  margin-right: 25%; }

.offset-4 {
  margin-right: 33.33333%; }

.offset-5 {
  margin-right: 41.66667%; }

.offset-6 {
  margin-right: 50%; }

.offset-7 {
  margin-right: 58.33333%; }

.offset-8 {
  margin-right: 66.66667%; }

.offset-9 {
  margin-right: 75%; }

.offset-10 {
  margin-right: 83.33333%; }

.offset-11 {
  margin-right: 91.66667%; }

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .row-cols-sm-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-sm-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-sm-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-sm-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-sm-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-sm-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13; }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .offset-sm-0 {
    margin-right: 0; }
  .offset-sm-1 {
    margin-right: 8.33333%; }
  .offset-sm-2 {
    margin-right: 16.66667%; }
  .offset-sm-3 {
    margin-right: 25%; }
  .offset-sm-4 {
    margin-right: 33.33333%; }
  .offset-sm-5 {
    margin-right: 41.66667%; }
  .offset-sm-6 {
    margin-right: 50%; }
  .offset-sm-7 {
    margin-right: 58.33333%; }
  .offset-sm-8 {
    margin-right: 66.66667%; }
  .offset-sm-9 {
    margin-right: 75%; }
  .offset-sm-10 {
    margin-right: 83.33333%; }
  .offset-sm-11 {
    margin-right: 91.66667%; } }

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .row-cols-md-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-md-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-md-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-md-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-md-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-md-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13; }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .offset-md-0 {
    margin-right: 0; }
  .offset-md-1 {
    margin-right: 8.33333%; }
  .offset-md-2 {
    margin-right: 16.66667%; }
  .offset-md-3 {
    margin-right: 25%; }
  .offset-md-4 {
    margin-right: 33.33333%; }
  .offset-md-5 {
    margin-right: 41.66667%; }
  .offset-md-6 {
    margin-right: 50%; }
  .offset-md-7 {
    margin-right: 58.33333%; }
  .offset-md-8 {
    margin-right: 66.66667%; }
  .offset-md-9 {
    margin-right: 75%; }
  .offset-md-10 {
    margin-right: 83.33333%; }
  .offset-md-11 {
    margin-right: 91.66667%; } }

@media (min-width: 1025px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .row-cols-lg-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-lg-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-lg-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-lg-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-lg-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-lg-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-lg-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13; }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .offset-lg-0 {
    margin-right: 0; }
  .offset-lg-1 {
    margin-right: 8.33333%; }
  .offset-lg-2 {
    margin-right: 16.66667%; }
  .offset-lg-3 {
    margin-right: 25%; }
  .offset-lg-4 {
    margin-right: 33.33333%; }
  .offset-lg-5 {
    margin-right: 41.66667%; }
  .offset-lg-6 {
    margin-right: 50%; }
  .offset-lg-7 {
    margin-right: 58.33333%; }
  .offset-lg-8 {
    margin-right: 66.66667%; }
  .offset-lg-9 {
    margin-right: 75%; }
  .offset-lg-10 {
    margin-right: 83.33333%; }
  .offset-lg-11 {
    margin-right: 91.66667%; } }

@media (min-width: 1440px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .row-cols-xl-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-xl-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-xl-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-xl-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-xl-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-xl-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13; }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .offset-xl-0 {
    margin-right: 0; }
  .offset-xl-1 {
    margin-right: 8.33333%; }
  .offset-xl-2 {
    margin-right: 16.66667%; }
  .offset-xl-3 {
    margin-right: 25%; }
  .offset-xl-4 {
    margin-right: 33.33333%; }
  .offset-xl-5 {
    margin-right: 41.66667%; }
  .offset-xl-6 {
    margin-right: 50%; }
  .offset-xl-7 {
    margin-right: 58.33333%; }
  .offset-xl-8 {
    margin-right: 66.66667%; }
  .offset-xl-9 {
    margin-right: 75%; }
  .offset-xl-10 {
    margin-right: 83.33333%; }
  .offset-xl-11 {
    margin-right: 91.66667%; } }

.fade {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
  @media (prefers-reduced-motion: reduce) {
    .fade {
      -webkit-transition: none;
      transition: none; } }
  .fade:not(.show) {
    opacity: 0; }

.collapse:not(.show) {
  display: none; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease; }
  @media (prefers-reduced-motion: reduce) {
    .collapsing {
      -webkit-transition: none;
      transition: none; } }

.align-baseline {
  vertical-align: baseline !important; }

.align-top {
  vertical-align: top !important; }

.align-middle {
  vertical-align: middle !important; }

.align-bottom {
  vertical-align: bottom !important; }

.align-text-bottom {
  vertical-align: text-bottom !important; }

.align-text-top {
  vertical-align: text-top !important; }

.bg-primary {
  background-color: #007bff !important; }

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important; }

.bg-secondary {
  background-color: #6c757d !important; }

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important; }

.bg-success {
  background-color: #28a745 !important; }

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important; }

.bg-info {
  background-color: #17a2b8 !important; }

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important; }

.bg-warning {
  background-color: #ffc107 !important; }

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important; }

.bg-danger {
  background-color: #dc3545 !important; }

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important; }

.bg-light {
  background-color: #f8f9fa !important; }

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important; }

.bg-dark {
  background-color: #343a40 !important; }

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important; }

.bg-white {
  background-color: #fff !important; }

.bg-transparent {
  background-color: transparent !important; }

.border {
  border: 1px solid #dee2e6 !important; }

.border-top {
  border-top: 1px solid #dee2e6 !important; }

.border-right {
  border-left: 1px solid #dee2e6 !important; }

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important; }

.border-left {
  border-right: 1px solid #dee2e6 !important; }

.border-0 {
  border: 0 !important; }

.border-top-0 {
  border-top: 0 !important; }

.border-right-0 {
  border-left: 0 !important; }

.border-bottom-0 {
  border-bottom: 0 !important; }

.border-left-0 {
  border-right: 0 !important; }

.border-primary {
  border-color: #007bff !important; }

.border-secondary {
  border-color: #6c757d !important; }

.border-success {
  border-color: #28a745 !important; }

.border-info {
  border-color: #17a2b8 !important; }

.border-warning {
  border-color: #ffc107 !important; }

.border-danger {
  border-color: #dc3545 !important; }

.border-light {
  border-color: #f8f9fa !important; }

.border-dark {
  border-color: #343a40 !important; }

.border-white {
  border-color: #fff !important; }

.rounded-sm {
  border-radius: 0.2rem !important; }

.rounded {
  border-radius: 0.5rem !important; }

.rounded-top {
  border-top-right-radius: 0.5rem !important;
  border-top-left-radius: 0.5rem !important; }

.rounded-right {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important; }

.rounded-bottom {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important; }

.rounded-left {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important; }

.rounded-lg {
  border-radius: 0.3rem !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-pill {
  border-radius: 50rem !important; }

.rounded-0 {
  border-radius: 0 !important; }

.border-divider {
  border: 1px solid #efecf0; }

.clearfix::after {
  clear: both;
  content: "";
  display: table; }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 1025px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 1440px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .embed-responsive::before {
    display: block;
    content: ""; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9::before {
  padding-top: 42.85714%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }

.embed-responsive-4by3::before {
  padding-top: 75%; }

.embed-responsive-1by1::before {
  padding-top: 100%; }

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important; }

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important; }

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important; }

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important; }

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

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important; }

.flex-fill {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important; }

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important; }

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

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important; }

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important; }

.justify-content-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important; }

.justify-content-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important; }

.justify-content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important; }

.justify-content-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important; }

.justify-content-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important; }

.align-items-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important; }

.align-items-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important; }

.align-items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important; }

.align-items-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important; }

.align-items-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important; }

.align-content-start {
  -ms-flex-line-pack: start !important;
      align-content: flex-start !important; }

.align-content-end {
  -ms-flex-line-pack: end !important;
      align-content: flex-end !important; }

.align-content-center {
  -ms-flex-line-pack: center !important;
      align-content: center !important; }

.align-content-between {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important; }

.align-content-around {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important; }

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important; }

.align-self-auto {
  -ms-flex-item-align: auto !important;
      align-self: auto !important; }

.align-self-start {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important; }

.align-self-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important; }

.align-self-center {
  -ms-flex-item-align: center !important;
      align-self: center !important; }

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important; }

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
      align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important; }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; }
  .align-items-sm-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .align-items-sm-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .align-items-sm-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important; }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important; }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important; }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important; }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important; }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important; }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important; }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important; }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important; }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
        align-self: center !important; }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important; }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important; }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important; }
  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important; }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; }
  .align-items-md-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .align-items-md-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .align-items-md-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important; }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important; }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important; }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important; }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important; }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important; }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important; }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important; }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important; }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
        align-self: center !important; }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important; }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important; } }

@media (min-width: 1025px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important; }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; }
  .align-items-lg-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .align-items-lg-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .align-items-lg-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important; }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important; }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important; }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important; }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important; }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important; }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important; }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important; }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important; }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
        align-self: center !important; }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important; }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important; } }

@media (min-width: 1440px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important; }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; }
  .align-items-xl-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .align-items-xl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .align-items-xl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important; }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important; }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important; }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important; }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important; }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important; }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important; }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important; }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important; }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
        align-self: center !important; }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important; }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important; } }

.float-left {
  float: right !important; }

.float-right {
  float: left !important; }

.float-none {
  float: none !important; }

@media (min-width: 576px) {
  .float-sm-left {
    float: right !important; }
  .float-sm-right {
    float: left !important; }
  .float-sm-none {
    float: none !important; } }

@media (min-width: 768px) {
  .float-md-left {
    float: right !important; }
  .float-md-right {
    float: left !important; }
  .float-md-none {
    float: none !important; } }

@media (min-width: 1025px) {
  .float-lg-left {
    float: right !important; }
  .float-lg-right {
    float: left !important; }
  .float-lg-none {
    float: none !important; } }

@media (min-width: 1440px) {
  .float-xl-left {
    float: right !important; }
  .float-xl-right {
    float: left !important; }
  .float-xl-none {
    float: none !important; } }

.overflow-auto {
  overflow: auto !important; }

.overflow-hidden {
  overflow: hidden !important; }

.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.position-fixed {
  position: fixed !important; }

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important; }

.fixed-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030; }

.fixed-bottom {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1030; }

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020; } }

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

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

.shadow-sm {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
          box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow {
  -webkit-box-shadow: 0.81px 0 2.44px 0 #00000040 !important;
          box-shadow: 0.81px 0 2.44px 0 #00000040 !important; }

.shadow-lg {
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
          box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none {
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.w-auto {
  width: auto !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.h-auto {
  height: auto !important; }

.mw-100 {
  max-width: 100% !important; }

.mh-100 {
  max-height: 100% !important; }

.min-vw-100 {
  min-width: 100vw !important; }

.min-vh-100 {
  min-height: 100vh !important; }

.vw-100 {
  width: 100vw !important; }

.vh-100 {
  height: 100vh !important; }

.stretched-link::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0); }

.m-0 {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-left: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-right: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
  margin-left: 0.25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
  margin-right: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
  margin-left: 0.5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
  margin-right: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3,
.my-3 {
  margin-top: 1rem !important; }

.mr-3,
.mx-3 {
  margin-left: 1rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
  margin-right: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5,
.my-5 {
  margin-top: 3rem !important; }

.mr-5,
.mx-5 {
  margin-left: 3rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 3rem !important; }

.ml-5,
.mx-5 {
  margin-right: 3rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-left: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-right: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-left: 0.25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-right: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
  padding-left: 0.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
  padding-right: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3,
.py-3 {
  padding-top: 1rem !important; }

.pr-3,
.px-3 {
  padding-left: 1rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
  padding-right: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-left: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-right: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5,
.py-5 {
  padding-top: 3rem !important; }

.pr-5,
.px-5 {
  padding-left: 3rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
  padding-right: 3rem !important; }

.m-n1 {
  margin: -0.25rem !important; }

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important; }

.mr-n1,
.mx-n1 {
  margin-left: -0.25rem !important; }

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important; }

.ml-n1,
.mx-n1 {
  margin-right: -0.25rem !important; }

.m-n2 {
  margin: -0.5rem !important; }

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important; }

.mr-n2,
.mx-n2 {
  margin-left: -0.5rem !important; }

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important; }

.ml-n2,
.mx-n2 {
  margin-right: -0.5rem !important; }

.m-n3 {
  margin: -1rem !important; }

.mt-n3,
.my-n3 {
  margin-top: -1rem !important; }

.mr-n3,
.mx-n3 {
  margin-left: -1rem !important; }

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important; }

.ml-n3,
.mx-n3 {
  margin-right: -1rem !important; }

.m-n4 {
  margin: -1.5rem !important; }

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important; }

.mr-n4,
.mx-n4 {
  margin-left: -1.5rem !important; }

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important; }

.ml-n4,
.mx-n4 {
  margin-right: -1.5rem !important; }

.m-n5 {
  margin: -3rem !important; }

.mt-n5,
.my-n5 {
  margin-top: -3rem !important; }

.mr-n5,
.mx-n5 {
  margin-left: -3rem !important; }

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important; }

.ml-n5,
.mx-n5 {
  margin-right: -3rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-left: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-right: auto !important; }

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important; }
  .m-sm-n1 {
    margin: -0.25rem !important; }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important; }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important; }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important; }
  .m-sm-n2 {
    margin: -0.5rem !important; }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important; }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important; }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important; }
  .m-sm-n3 {
    margin: -1rem !important; }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important; }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important; }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important; }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important; }
  .m-sm-n4 {
    margin: -1.5rem !important; }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important; }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important; }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important; }
  .m-sm-n5 {
    margin: -3rem !important; }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important; }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important; }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important; }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3,
  .mx-md-3 {
    margin-left: 1rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-right: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-left: 3rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-right: 3rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0,
  .px-md-0 {
    padding-left: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-right: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3,
  .px-md-3 {
    padding-left: 1rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3,
  .px-md-3 {
    padding-right: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important; }
  .pr-md-5,
  .px-md-5 {
    padding-left: 3rem !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5,
  .px-md-5 {
    padding-right: 3rem !important; }
  .m-md-n1 {
    margin: -0.25rem !important; }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important; }
  .mr-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important; }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important; }
  .m-md-n2 {
    margin: -0.5rem !important; }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important; }
  .mr-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important; }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important; }
  .m-md-n3 {
    margin: -1rem !important; }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important; }
  .mr-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important; }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important; }
  .ml-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important; }
  .m-md-n4 {
    margin: -1.5rem !important; }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important; }
  .mr-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important; }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important; }
  .m-md-n5 {
    margin: -3rem !important; }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important; }
  .mr-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important; }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important; }
  .ml-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-left: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-right: auto !important; } }

@media (min-width: 1025px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important; }
  .m-lg-n1 {
    margin: -0.25rem !important; }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important; }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important; }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important; }
  .m-lg-n2 {
    margin: -0.5rem !important; }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important; }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important; }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important; }
  .m-lg-n3 {
    margin: -1rem !important; }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important; }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important; }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important; }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important; }
  .m-lg-n4 {
    margin: -1.5rem !important; }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important; }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important; }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important; }
  .m-lg-n5 {
    margin: -3rem !important; }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important; }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important; }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important; }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; } }

@media (min-width: 1440px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-left: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-right: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important; }
  .m-xl-n1 {
    margin: -0.25rem !important; }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important; }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important; }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important; }
  .m-xl-n2 {
    margin: -0.5rem !important; }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important; }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important; }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important; }
  .m-xl-n3 {
    margin: -1rem !important; }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important; }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important; }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important; }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important; }
  .m-xl-n4 {
    margin: -1.5rem !important; }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important; }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important; }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important; }
  .m-xl-n5 {
    margin: -3rem !important; }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important; }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important; }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important; }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important; } }

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }

.text-justify {
  text-align: justify !important; }

.text-wrap {
  white-space: normal !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-left {
  text-align: right !important; }

.text-right {
  text-align: left !important; }

.text-center {
  text-align: center !important; }

@media (min-width: 576px) {
  .text-sm-left {
    text-align: right !important; }
  .text-sm-right {
    text-align: left !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .text-md-left {
    text-align: right !important; }
  .text-md-right {
    text-align: left !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 1025px) {
  .text-lg-left {
    text-align: right !important; }
  .text-lg-right {
    text-align: left !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1440px) {
  .text-xl-left {
    text-align: right !important; }
  .text-xl-right {
    text-align: left !important; }
  .text-xl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-lighter {
  font-weight: lighter !important; }

.font-weight-normal {
  font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.font-weight-bolder {
  font-weight: bolder !important; }

.font-italic {
  font-style: italic !important; }

.text-white {
  color: #fff !important; }

.text-primary {
  color: #007bff !important; }

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important; }

.text-secondary {
  color: #6c757d !important; }

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important; }

.text-success {
  color: #28a745 !important; }

a.text-success:hover, a.text-success:focus {
  color: #19692c !important; }

.text-info {
  color: #17a2b8 !important; }

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important; }

.text-warning {
  color: #ffc107 !important; }

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important; }

.text-danger {
  color: #dc3545 !important; }

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important; }

.text-light {
  color: #f8f9fa !important; }

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important; }

.text-dark {
  color: #343a40 !important; }

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important; }

.text-body {
  color: #3f3936 !important; }

.text-muted {
  color: #828282 !important; }

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important; }

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.text-decoration-none {
  text-decoration: none !important; }

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important; }

.text-reset {
  color: inherit !important; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

.carousel {
  position: relative; }

.carousel.pointer-event {
  -ms-touch-action: pan-y;
      touch-action: pan-y; }

.carousel-inner {
  overflow: hidden;
  position: relative;
  width: 100%; }
  .carousel-inner::after {
    clear: both;
    content: "";
    display: table; }

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block; }

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%); }

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  -webkit-transform: translateX(100%);
          transform: translateX(100%); }

.carousel-fade .carousel-item {
  opacity: 0;
  -webkit-transform: none;
          transform: none;
  -webkit-transition-property: opacity;
  transition-property: opacity; }

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
  z-index: 1; }

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
  z-index: 0;
  -webkit-transition: opacity 0s 0.6s;
  transition: opacity 0s 0.6s; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
      -webkit-transition: none;
      transition: none; } }

.carousel-control-prev,
.carousel-control-next {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 0;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0.5;
  position: absolute;
  text-align: center;
  top: 0;
  width: 15%;
  z-index: 1;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
      -webkit-transition: none;
      transition: none; } }
  .carousel-control-prev:hover, .carousel-control-prev:focus,
  .carousel-control-next:hover,
  .carousel-control-next:focus {
    color: #fff;
    opacity: 0.9;
    outline: 0;
    text-decoration: none; }

.carousel-control-prev {
  right: 0; }

.carousel-control-next {
  left: 0; }

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background: no-repeat 50% / 100% 100%;
  display: inline-block;
  height: 20px;
  width: 20px; }

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); }

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); }

.carousel-caption {
  bottom: 20px;
  color: #fff;
  right: 15%;
  padding-bottom: 20px;
  padding-top: 20px;
  position: absolute;
  left: 15%;
  text-align: center;
  z-index: 10; }

.slick-slider {
  display: block;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.slick-list {
  display: block;
  height: inherit;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: inherit;
  right: 0;
  position: relative;
  top: 0; }
  .recommendation .slick-track {
    padding: 0.625rem 0; }
  .empty-search-recommendations .slick-track {
    padding: 0.625rem 0; }
    @media (max-width: 1024.98px) {
      .empty-search-recommendations .slick-track {
        padding: 0.3125rem 0; } }
  .slick-vertical .slick-track {
    display: block; }
  .slick-track::before, .slick-track::after {
    content: "";
    display: table; }
  .slick-track::after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.mobile-category-slider {
  padding-right: 0;
  background-color: #fff; }
  .mobile-category-slider .slider-component {
    padding: 0; }
  .mobile-category-slider .slider-component-item-link-title {
    text-align: center;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1rem;
    letter-spacing: 0; }
  .mobile-category-slider .selected .slider-component-item-link-title {
    color: #eba140; }
  .mobile-category-slider .selected img {
    border: 2px solid #eba140; }
  .mobile-category-slider .slider-component-item-link-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.slick-slide {
  display: none;
  float: right;
  height: auto;
  min-height: 1px; }
  .slick-slide img {
    display: block; }
    .mobile-category-slider .slick-slide img {
      border-radius: 50%;
      aspect-ratio: 1/1; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto; }
  .empty-search-recommendations .slick-slide {
    margin-left: 0.9375rem; }

.slick-initialized ~ .slick__arrow.element-hidden,
.slick-arrow.slick-hidden {
  display: none; }

@media (max-width: 1024.98px) {
  .empty-search-recommendations .slick__arrow,
  .empty-search-recommendations .slick-arrow,
  .empty-search-recommendations .slick-prev,
  .empty-search-recommendations .slick-next,
  .empty-search-recommendations .carousel-control,
  .empty-search-recommendations .js-empty-search-arrows {
    display: none !important; } }

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

html {
  direction: rtl;
  font-size: 100%;
  height: 100%;
  min-width: 360px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%; }

.atlas-content,
body {
  background-color: #fff;
  color: #3f3936;
  font-size: 0.8125rem;
  height: 100%;
  letter-spacing: 0.01em;
  line-height: var(--line-height-base);
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: right;
  word-wrap: break-word; }

* {
  font-family: var(--font-primary) !important; }

img {
  border-style: none;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle; }

figure {
  margin: 0; }

input,
textarea,
select,
button {
  color: inherit;
  letter-spacing: inherit; }

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

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

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important; }

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible; }

abbr[title],
abbr[data-original-title] {
  border-bottom: 0;
  cursor: help;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none; }

address {
  font-style: normal;
  line-height: inherit;
  margin-bottom: 1rem; }

ol,
ul,
dl {
  margin-bottom: 1rem;
  margin-top: 0; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: 0.5rem;
  margin-right: 0; }

blockquote {
  margin: 0 0 1rem; }

b,
strong {
  font-weight: 700; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

a {
  background-color: transparent;
  color: #3f3936;
  text-decoration: none; }
  @media (min-width: 1025px) {
    a:hover, a:active {
      color: #f99d1c;
      text-decoration: none; } }

a:not([href]) {
  color: inherit;
  text-decoration: none; }
  .m-non-touch a:not([href]):hover {
    color: inherit;
    text-decoration: none; }

pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

pre {
  margin-bottom: 1rem;
  margin-top: 0;
  overflow: auto; }

svg {
  overflow: hidden;
  vertical-align: middle; }

table {
  border-collapse: collapse; }

caption {
  caption-side: bottom;
  color: #6c757d;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
  text-align: right; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: 0.5rem; }

button,
input,
optgroup,
select,
textarea {
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  margin: 0; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

select {
  word-wrap: normal; }

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

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0; }

legend {
  font-size: 1.5rem;
  color: inherit;
  display: block;
  line-height: inherit;
  margin-bottom: 0.5rem;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  width: 100%; }

progress {
  vertical-align: baseline; }

[type="search"] {
  -webkit-appearance: none;
  outline-offset: -2px; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

output {
  display: inline-block; }

summary {
  cursor: pointer;
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none !important; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button {
  border-radius: 0; }

/* stylelint-disable */
/*md

# Grid system

<style>
    .atlas-playground [class*=col-] {
        height: 50vh;
        background: #eee;
        background-clip: content-box;
    }
</style>

## Grid

```html_example
    <div class="container">
        <div class="row">
            <div class="col-6 col-md-1"></div>
            <div class="col-6 col-md-1"></div>
            <div class="col-6 col-md-1 d-none d-md-block"></div>
            <div class="col-6 col-md-1 d-none d-md-block"></div>
            <div class="col-6 col-md-1 d-none d-md-block"></div>
            <div class="col-6 col-md-1 d-none d-md-block"></div>
            <div class="col-6 col-md-1 d-none d-md-block"></div>
            <div class="col-6 col-md-1 d-none d-md-block"></div>
            <div class="col-6 col-md-1 d-none d-md-block"></div>
            <div class="col-6 col-md-1 d-none d-md-block"></div>
            <div class="col-6 col-md-1 d-none d-md-block"></div>
            <div class="col-6 col-md-1 d-none d-md-block"></div>
        </div>
    </div>
```

## Grid Fluid

```html_example
    <div class="page">
        <div class="container-fluid">
            <div class="row">
                <div class="col-6 col-md-1"></div>
                <div class="col-6 col-md-1"></div>
                <div class="col-6 col-md-1 d-none d-md-block"></div>
                <div class="col-6 col-md-1 d-none d-md-block"></div>
                <div class="col-6 col-md-1 d-none d-md-block"></div>
                <div class="col-6 col-md-1 d-none d-md-block"></div>
                <div class="col-6 col-md-1 d-none d-md-block"></div>
                <div class="col-6 col-md-1 d-none d-md-block"></div>
                <div class="col-6 col-md-1 d-none d-md-block"></div>
                <div class="col-6 col-md-1 d-none d-md-block"></div>
                <div class="col-6 col-md-1 d-none d-md-block"></div>
                <div class="col-6 col-md-1 d-none d-md-block"></div>
            </div>
        </div>
    </div>
```

*/
/* stylelint-enable */
.container-fluid, .container-xl {
  max-width: 1920px; }

/* stylelint-disable */
/*md

# Text color classes

The .text-* classes are designed to set the color of any text.

```html_example
<ul class="styleguide-text-color">
    <li class="text-primary">.text-primary</li>
    <li class="text-primary-active">.text-primary-active</li>
    <li class="text-secondary">.text-secondary</li>
    <li class="text-secondary-active">.text-secondary-active</li>
    <li class="text-success">.text-success</li>
    <li class="text-warning">.text-warning</li>
    <li class="text-alert">.text-alert</li>
    <li class="text-disabled">.text-disabled</li>
    <li class="text-light bg-text">.text-light</li>
    <li class="text-white bg-text">.text-white</li>
    <li class="text-dark">.text-dark</li>
</ul>
```

```html
    <p class="text-primary">primary color text</p>
    <p class="text-primary-active">primary-active color text</p>
    <p class="text-secondary">secondary color text</p>
    <p class="text-secondary-active">secondary-active color text</p>
    <p class="text-success">success color text</p>
    <p class="text-warning">warning color text</p>
    <p class="text-alert">alert color text</p>
    <p class="text-disabled">disabled color text</p>
    <p class="text-light">light color text</p>
    <p class="text-white">white color text</p>
    <p class="text-dark">dark color text</p>
```

# Background color classes

Similar to the contextual text color classes, easily set the background of an element to any contextual class. Background utilities do not set color, so in some cases you’ll want to use .text-* utilities.

```html_example
<ul  class="styleguide-bg-color">
    <li class="bg-primary text-light">.bg-primary</li>
    <li class="bg-primary-active text-light">.bg-primary-active</li>
    <li class="bg-secondary text-light">.bg-secondary</li>
    <li class="bg-secondary-active text-light">.bg-secondary-active</li>
    <li class="bg-success text-light">.bg-success</li>
    <li class="bg-warning text-light">.bg-warning</li>
    <li class="bg-alert text-light">.bg-alert</li>
    <li class="bg-disabled text-light">.bg-disabled</li>
    <li class="bg-light">.bg-light</li>
    <li class="bg-dark text-light">.bg-dark</li>
<ul>
```

```html
    <p class="bg-primary">primary color bg</p>
    <p class="bg-primary-active">primary-active color bg</p>
    <p class="bg-secondary">secondary color bg</p>
    <p class="bg-secondary-active">secondary-active color bg</p>
    <p class="bg-success">success color bg</p>
    <p class="bg-warning">warning color bg</p>
    <p class="bg-alert">alert color bg</p>
    <p class="bg-disabled">disabled color bg</p>
    <p class="bg-light">light color bg</p>
    <p class="bg-dark">dark color bg</p>
```

<style>
    .styleguide-bg-color {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
    }

    .styleguide-bg-color li {
        font-weight: bold;
        height: 100px;
        margin: 5px;
        padding: 10px;
        width: 250px;
    }

    .styleguide-text-color {
        list-style: none;
    }

    .styleguide-text-color li {
        font-size: 36px;
        font-weight: bold;
    }
</style>
*/
/* stylelint-enable */
.text-primary {
  color: #eba140 !important; }

.bg-primary {
  background-color: #eba140 !important; }

.text-primary-purple {
  color: #4e004f !important; }

.bg-primary-purple {
  background-color: #4e004f !important; }

.text-primary-active {
  color: #f99d1c !important; }

.bg-primary-active {
  background-color: #f99d1c !important; }

.text-secondary {
  color: #f99d1c !important; }

.bg-secondary {
  background-color: #f99d1c !important; }

.text-secondary-active {
  color: #a53c14 !important; }

.bg-secondary-active {
  background-color: #a53c14 !important; }

.text-text {
  color: #3f3936 !important; }

.bg-text {
  background-color: #3f3936 !important; }

.text-text-secondary {
  color: #828282 !important; }

.bg-text-secondary {
  background-color: #828282 !important; }

.text-text-tertiary {
  color: #efecf0 !important; }

.bg-text-tertiary {
  background-color: #efecf0 !important; }

.text-success {
  color: #3dc13c !important; }

.bg-success {
  background-color: #3dc13c !important; }

.text-success-secondary {
  color: #80871a !important; }

.bg-success-secondary {
  background-color: #80871a !important; }

.text-brand-redish {
  color: #ed5e5e !important; }

.bg-brand-redish {
  background-color: #ed5e5e !important; }

.text-brand-yellow {
  color: #f7da5d !important; }

.bg-brand-yellow {
  background-color: #f7da5d !important; }

.text-brand-pink {
  color: #ef5ba1 !important; }

.bg-brand-pink {
  background-color: #ef5ba1 !important; }

.text-brand-purple {
  color: #8f52a0 !important; }

.bg-brand-purple {
  background-color: #8f52a0 !important; }

.text-brand-blue {
  color: #62a1d7 !important; }

.bg-brand-blue {
  background-color: #62a1d7 !important; }

.text-brand-green {
  color: #8dc73f !important; }

.bg-brand-green {
  background-color: #8dc73f !important; }

.text-brand-darker-green {
  color: #437a37 !important; }

.bg-brand-darker-green {
  background-color: #437a37 !important; }

.text-brand-gray {
  color: #939598 !important; }

.bg-brand-gray {
  background-color: #939598 !important; }

.text-brand-darker-gray {
  color: #575b62 !important; }

.bg-brand-darker-gray {
  background-color: #575b62 !important; }

.text-warning {
  color: #f3bb1b !important; }

.bg-warning {
  background-color: #f3bb1b !important; }

.text-alert {
  color: #e94f54 !important; }

.bg-alert {
  background-color: #e94f54 !important; }

.text-disabled {
  color: #ccc !important; }

.bg-disabled {
  background-color: #ccc !important; }

.text-disabled-secondary {
  color: #efecf0 !important; }

.bg-disabled-secondary {
  background-color: #efecf0 !important; }

.text-background {
  color: #fff !important; }

.bg-background {
  background-color: #fff !important; }

.text-background-secondary {
  color: #f9f9f9 !important; }

.bg-background-secondary {
  background-color: #f9f9f9 !important; }

.text-background-tertiary {
  color: #ccc !important; }

.bg-background-tertiary {
  background-color: #ccc !important; }

.text-border {
  color: #efecf0 !important; }

.bg-border {
  background-color: #efecf0 !important; }

.text-border-secondary {
  color: #ccc !important; }

.bg-border-secondary {
  background-color: #ccc !important; }

.text-border-tertiary {
  color: #828282 !important; }

.bg-border-tertiary {
  background-color: #828282 !important; }

.text-info {
  color: #434cf5 !important; }

.bg-info {
  background-color: #434cf5 !important; }

.text-light {
  color: #fff !important; }

.bg-light {
  background-color: #fff !important; }

.text-light-dark {
  color: #f0f0f0 !important; }

.bg-light-dark {
  background-color: #f0f0f0 !important; }

.text-dark {
  color: #3f3936 !important; }

.bg-dark {
  background-color: #3f3936 !important; }

.text-red-price {
  color: #e94f54 !important; }

.bg-red-price {
  background-color: #e94f54 !important; }

.text-gray-price {
  color: #c3c4c2 !important; }

.bg-gray-price {
  background-color: #c3c4c2 !important; }

.text-secondary-indigo-dye {
  color: #033163 !important; }

.bg-secondary-indigo-dye {
  background-color: #033163 !important; }

.text-secondary-tea-rose {
  color: #ebc1c5 !important; }

.bg-secondary-tea-rose {
  background-color: #ebc1c5 !important; }

.text-secondary-vivid-sky-blue {
  color: #5adbff !important; }

.bg-secondary-vivid-sky-blue {
  background-color: #5adbff !important; }

.text-secondary-timberwolf {
  color: #d4cbc4 !important; }

.bg-secondary-timberwolf {
  background-color: #d4cbc4 !important; }

.text-neutrals-dark {
  color: #3d3d3d !important; }

.bg-neutrals-dark {
  background-color: #3d3d3d !important; }

.text-neutrals-medium {
  color: #7a7a7a !important; }

.bg-neutrals-medium {
  background-color: #7a7a7a !important; }

.text-neutrals-light {
  color: #c2c2c2 !important; }

.bg-neutrals-light {
  background-color: #c2c2c2 !important; }

.text-neutrals-border {
  color: #d9d9d9 !important; }

.bg-neutrals-border {
  background-color: #d9d9d9 !important; }

.text-neutrals-lighter {
  color: #f2f3f9 !important; }

.bg-neutrals-lighter {
  background-color: #f2f3f9 !important; }

.text-neutrals-purple {
  color: #e5e7f1 !important; }

.bg-neutrals-purple {
  background-color: #e5e7f1 !important; }

.text-neutrals-blue {
  color: #d8daea !important; }

.bg-neutrals-blue {
  background-color: #d8daea !important; }

.text-neutrals-pink {
  color: #e5e7f1 !important; }

.bg-neutrals-pink {
  background-color: #e5e7f1 !important; }

.text-neutrals-rose {
  color: #d8daea !important; }

.bg-neutrals-rose {
  background-color: #d8daea !important; }

.text-neutrals-form {
  color: #344153 !important; }

.bg-neutrals-form {
  background-color: #344153 !important; }

.text-navigation-color {
  color: #051f2f !important; }

.bg-navigation-color {
  background-color: #051f2f !important; }

/* stylelint-disable */
/*md
# Icons

```html
    <span class="icon icon-add-to-bag" aria-hidden="true"></span>
    <span class="icon icon-alert" aria-hidden="true"></span>
    <span class="icon icon-arrow-down" aria-hidden="true"></span>
    <span class="icon icon-arrow-left" aria-hidden="true"></span>
    <span class="icon icon-arrow-right" aria-hidden="true"></span>
    <span class="icon icon-arrow-thin" aria-hidden="true"></span>
    <span class="icon icon-arrow-up" aria-hidden="true"></span>
    <span class="icon icon-badges" aria-hidden="true"></span>
    <span class="icon icon-bag" aria-hidden="true"></span>
    <span class="icon icon-bin" aria-hidden="true"></span>
    <span class="icon icon-cash" aria-hidden="true"></span>
    <span class="icon icon-cc-store" aria-hidden="true"></span>
    <span class="icon icon-checkmark" aria-hidden="true"></span>
    <span class="icon icon-close" aria-hidden="true"></span>
    <span class="icon icon-cross-var-2" aria-hidden="true"></span>
    <span class="icon icon-cross" aria-hidden="true"></span>
    <span class="icon icon-crosshair" aria-hidden="true"></span>
    <span class="icon icon-delivery" aria-hidden="true"></span>
    <span class="icon icon-eye-slash" aria-hidden="true"></span>
    <span class="icon icon-eye" aria-hidden="true"></span>
    <span class="icon icon-facebook" aria-hidden="true"></span>
    <span class="icon icon-feedback-empty" aria-hidden="true"></span>
    <span class="icon icon-flash" aria-hidden="true"></span>
    <span class="icon icon-gift" aria-hidden="true"></span>
    <span class="icon icon-google" aria-hidden="true"></span>
    <span class="icon icon-home-delivery" aria-hidden="true"></span>
    <span class="icon icon-instagram" aria-hidden="true"></span>
    <span class="icon icon-ksa-currency" aria-hidden="true"></span>
    <span class="icon icon-language" aria-hidden="true"></span>
    <span class="icon icon-layout-grid-2" aria-hidden="true"></span>
    <span class="icon icon-layout-grid-3" aria-hidden="true"></span>
    <span class="icon icon-layout-grid-4" aria-hidden="true"></span>
    <span class="icon icon-layout-grid-page" aria-hidden="true"></span>
    <span class="icon icon-link" aria-hidden="true"></span>
    <span class="icon icon-locate-mark" aria-hidden="true"></span>
    <span class="icon icon-location" aria-hidden="true"></span>
    <span class="icon icon-lock" aria-hidden="true"></span>
    <span class="icon icon-logo-simple" aria-hidden="true"></span>
    <span class="icon icon-logout" aria-hidden="true"></span>
    <span class="icon icon-magnifier" aria-hidden="true"></span>
    <span class="icon icon-mail" aria-hidden="true"></span>
    <span class="icon icon-menu" aria-hidden="true"></span>
    <span class="icon icon-messanger" aria-hidden="true"></span>
    <span class="icon icon-minus" aria-hidden="true"></span>
    <span class="icon icon-notify-exclamation" aria-hidden="true"></span>
    <span class="icon icon-notify" aria-hidden="true"></span>
    <span class="icon icon-payment-applepay" aria-hidden="true"></span>
    <span class="icon icon-payment-cash" aria-hidden="true"></span>
    <span class="icon icon-payment-mada" aria-hidden="true"></span>
    <span class="icon icon-payment-mc" aria-hidden="true"></span>
    <span class="icon icon-payment-visa" aria-hidden="true"></span>
    <span class="icon icon-phone" aria-hidden="true"></span>
    <span class="icon icon-plus" aria-hidden="true"></span>
    <span class="icon icon-print" aria-hidden="true"></span>
    <span class="icon icon-returns" aria-hidden="true"></span>
    <span class="icon icon-rounded-check" aria-hidden="true"></span>
    <span class="icon icon-search" aria-hidden="true"></span>
    <span class="icon icon-secure" aria-hidden="true"></span>
    <span class="icon icon-share" aria-hidden="true"></span>
    <span class="icon icon-snapchat" aria-hidden="true"></span>
    <span class="icon icon-sort-arrow" aria-hidden="true"></span>
    <span class="icon icon-sort" aria-hidden="true"></span>
    <span class="icon icon-star-empty" aria-hidden="true"></span>
    <span class="icon icon-star-fill-half" aria-hidden="true"></span>
    <span class="icon icon-star" aria-hidden="true"></span>
    <span class="icon icon-tabby" aria-hidden="true"></span>
    <span class="icon icon-tag-started" aria-hidden="true"></span>
    <span class="icon icon-thumbs-up" aria-hidden="true"></span>
    <span class="icon icon-timer" aria-hidden="true"></span>
    <span class="icon icon-tooltip" aria-hidden="true"></span>
    <span class="icon icon-track" aria-hidden="true"></span>
    <span class="icon icon-trending-search" aria-hidden="true"></span>
    <span class="icon icon-twitter" aria-hidden="true"></span>
    <span class="icon icon-user-v2" aria-hidden="true"></span>
    <span class="icon icon-user" aria-hidden="true"></span>
    <span class="icon icon-watsapp" aria-hidden="true"></span>
    <span class="icon icon-wishlist-solid" aria-hidden="true"></span>
    <span class="icon icon-wishlist" aria-hidden="true"></span>
    <span class="icon icon-youtube" aria-hidden="true"></span>
    <span class="icon icon-zoom-out" aria-hidden="true"></span>
    <span class="icon icon-zoom" aria-hidden="true"></span>
    
```


```html_example
    <ul class="styleguide-icons">
        <li><span class="icon icon-add-to-bag">icon-add-to-bag</span></li>
        <li><span class="icon icon-alert">icon-alert</span></li>
        <li><span class="icon icon-arrow-down">icon-arrow-down</span></li>
        <li><span class="icon icon-arrow-left">icon-arrow-left</span></li>
        <li><span class="icon icon-arrow-right">icon-arrow-right</span></li>
        <li><span class="icon icon-arrow-thin">icon-arrow-thin</span></li>
        <li><span class="icon icon-arrow-up">icon-arrow-up</span></li>
        <li><span class="icon icon-badges">icon-badges</span></li>
        <li><span class="icon icon-bag">icon-bag</span></li>
        <li><span class="icon icon-bin">icon-bin</span></li>
        <li><span class="icon icon-cash">icon-cash</span></li>
        <li><span class="icon icon-cc-store">icon-cc-store</span></li>
        <li><span class="icon icon-checkmark">icon-checkmark</span></li>
        <li><span class="icon icon-close">icon-close</span></li>
        <li><span class="icon icon-cross-var-2">icon-cross-var-2</span></li>
        <li><span class="icon icon-cross">icon-cross</span></li>
        <li><span class="icon icon-crosshair">icon-crosshair</span></li>
        <li><span class="icon icon-delivery">icon-delivery</span></li>
        <li><span class="icon icon-eye-slash">icon-eye-slash</span></li>
        <li><span class="icon icon-eye">icon-eye</span></li>
        <li><span class="icon icon-facebook">icon-facebook</span></li>
        <li><span class="icon icon-feedback-empty">icon-feedback-empty</span></li>
        <li><span class="icon icon-flash">icon-flash</span></li>
        <li><span class="icon icon-gift">icon-gift</span></li>
        <li><span class="icon icon-google">icon-google</span></li>
        <li><span class="icon icon-home-delivery">icon-home-delivery</span></li>
        <li><span class="icon icon-instagram">icon-instagram</span></li>
        <li><span class="icon icon-ksa-currency">icon-ksa-currency</span></li>
        <li><span class="icon icon-language">icon-language</span></li>
        <li><span class="icon icon-layout-grid-2">icon-layout-grid-2</span></li>
        <li><span class="icon icon-layout-grid-3">icon-layout-grid-3</span></li>
        <li><span class="icon icon-layout-grid-4">icon-layout-grid-4</span></li>
        <li><span class="icon icon-layout-grid-page">icon-layout-grid-page</span></li>
        <li><span class="icon icon-link">icon-link</span></li>
        <li><span class="icon icon-locate-mark">icon-locate-mark</span></li>
        <li><span class="icon icon-location">icon-location</span></li>
        <li><span class="icon icon-lock">icon-lock</span></li>
        <li><span class="icon icon-logo-simple">icon-logo-simple</span></li>
        <li><span class="icon icon-logout">icon-logout</span></li>
        <li><span class="icon icon-magnifier">icon-magnifier</span></li>
        <li><span class="icon icon-mail">icon-mail</span></li>
        <li><span class="icon icon-menu">icon-menu</span></li>
        <li><span class="icon icon-messanger">icon-messanger</span></li>
        <li><span class="icon icon-minus">icon-minus</span></li>
        <li><span class="icon icon-notify-exclamation">icon-notify-exclamation</span></li>
        <li><span class="icon icon-notify">icon-notify</span></li>
        <li><span class="icon icon-payment-applepay">icon-payment-applepay</span></li>
        <li><span class="icon icon-payment-cash">icon-payment-cash</span></li>
        <li><span class="icon icon-payment-mada">icon-payment-mada</span></li>
        <li><span class="icon icon-payment-mc">icon-payment-mc</span></li>
        <li><span class="icon icon-payment-visa">icon-payment-visa</span></li>
        <li><span class="icon icon-phone">icon-phone</span></li>
        <li><span class="icon icon-plus">icon-plus</span></li>
        <li><span class="icon icon-print">icon-print</span></li>
        <li><span class="icon icon-returns">icon-returns</span></li>
        <li><span class="icon icon-rounded-check">icon-rounded-check</span></li>
        <li><span class="icon icon-search">icon-search</span></li>
        <li><span class="icon icon-secure">icon-secure</span></li>
        <li><span class="icon icon-share">icon-share</span></li>
        <li><span class="icon icon-snapchat">icon-snapchat</span></li>
        <li><span class="icon icon-sort-arrow">icon-sort-arrow</span></li>
        <li><span class="icon icon-sort">icon-sort</span></li>
        <li><span class="icon icon-star-empty">icon-star-empty</span></li>
        <li><span class="icon icon-star-fill-half">icon-star-fill-half</span></li>
        <li><span class="icon icon-star">icon-star</span></li>
        <li><span class="icon icon-tabby">icon-tabby</span></li>
        <li><span class="icon icon-tag-started">icon-tag-started</span></li>
        <li><span class="icon icon-thumbs-up">icon-thumbs-up</span></li>
        <li><span class="icon icon-timer">icon-timer</span></li>
        <li><span class="icon icon-tooltip">icon-tooltip</span></li>
        <li><span class="icon icon-track">icon-track</span></li>
        <li><span class="icon icon-trending-search">icon-trending-search</span></li>
        <li><span class="icon icon-twitter">icon-twitter</span></li>
        <li><span class="icon icon-user-v2">icon-user-v2</span></li>
        <li><span class="icon icon-user">icon-user</span></li>
        <li><span class="icon icon-watsapp">icon-watsapp</span></li>
        <li><span class="icon icon-wishlist-solid">icon-wishlist-solid</span></li>
        <li><span class="icon icon-wishlist">icon-wishlist</span></li>
        <li><span class="icon icon-youtube">icon-youtube</span></li>
        <li><span class="icon icon-zoom-out">icon-zoom-out</span></li>
        <li><span class="icon icon-zoom">icon-zoom</span></li>
        
    </ul>
```

<style>
    .styleguide-icons {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }
    .styleguide-icons li {
        padding: 20px 5px;
        margin: 0px 5px 15px;
        border: 1px solid #ccc;
        flex: 1 0 160px;
        font-weight: bold;
    }
    .styleguide-icons .icon::before {
        margin: 0 auto 10px;
        font-size: 22px;
        display: block;
    }

</style>
*/
/* @include font-face(iconsFont, $display: false); */
.icons-hidden .icon {
  visibility: hidden; }

.icon {
  display: inline-block;
  line-height: 1;
  vertical-align: middle; }
  .icon::before {
    font-family: iconsFont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle; }

.icon-add-to-bag::before {
  content: ""; }

.icon-alert::before {
  content: ""; }

.icon-arrow-down::before {
  content: ""; }

.icon-arrow-right::before {
  content: ""; }

.icon-arrow-left::before {
  content: ""; }

.icon-arrow-thin::before {
  content: ""; }

.icon-arrow-up::before {
  content: ""; }

.icon-badges::before {
  content: ""; }

.icon-bag::before {
  content: ""; }

.icon-bin::before {
  content: ""; }

.icon-cash::before {
  content: ""; }

.icon-cc-store::before {
  content: ""; }

.icon-checkmark::before {
  content: ""; }

.icon-close::before {
  content: ""; }

.icon-cross-var-2::before {
  content: ""; }

.icon-cross::before {
  content: ""; }

.icon-crosshair::before {
  content: ""; }

.icon-delivery::before {
  content: ""; }

.icon-eye-slash::before {
  content: ""; }

.icon-eye::before {
  content: ""; }

.icon-facebook::before {
  content: ""; }

.icon-feedback-empty::before {
  content: ""; }

.icon-flash::before {
  content: ""; }

.icon-gift::before {
  content: ""; }

.icon-google::before {
  content: ""; }

.icon-home-delivery::before {
  content: ""; }

.icon-instagram::before {
  content: ""; }

.icon-ksa-currency::before {
  content: ""; }

.icon-language::before {
  content: ""; }

.icon-layout-grid-2::before {
  content: ""; }

.icon-layout-grid-3::before {
  content: ""; }

.icon-layout-grid-4::before {
  content: ""; }

.icon-layout-grid-page::before {
  content: ""; }

.icon-link::before {
  content: ""; }

.icon-locate-mark::before {
  content: ""; }

.icon-location::before {
  content: ""; }

.icon-lock::before {
  content: ""; }

.icon-logo-simple::before {
  content: ""; }

.icon-logout::before {
  content: ""; }

.icon-magnifier::before {
  content: ""; }

.icon-mail::before {
  content: ""; }

.icon-menu::before {
  content: ""; }

.icon-messanger::before {
  content: ""; }

.icon-minus::before {
  content: ""; }

.icon-notify-exclamation::before {
  content: ""; }

.icon-notify::before {
  content: ""; }

.icon-payment-applepay::before {
  content: ""; }

.icon-payment-cash::before {
  content: ""; }

.icon-payment-mada::before {
  content: ""; }

.icon-payment-mc::before {
  content: ""; }

.icon-payment-visa::before {
  content: ""; }

.icon-phone::before {
  content: ""; }

.icon-plus::before {
  content: ""; }

.icon-print::before {
  content: ""; }

.icon-returns::before {
  content: ""; }

.icon-rounded-check::before {
  content: ""; }

.icon-search::before {
  content: ""; }

.icon-secure::before {
  content: ""; }

.icon-share::before {
  content: ""; }

.icon-snapchat::before {
  content: ""; }

.icon-sort-arrow::before {
  content: ""; }

.icon-sort::before {
  content: ""; }

.icon-star-empty::before {
  content: ""; }

.icon-star-fill-half::before {
  content: ""; }

.icon-star::before {
  content: ""; }

.icon-tabby::before {
  content: ""; }

.icon-tag-started::before {
  content: ""; }

.icon-thumbs-up::before {
  content: ""; }

.icon-timer::before {
  content: ""; }

.icon-tooltip::before {
  content: ""; }

.icon-track::before {
  content: ""; }

.icon-trending-search::before {
  content: ""; }

.icon-twitter::before {
  content: ""; }

.icon-user-v2::before {
  content: ""; }

.icon-user::before {
  content: ""; }

.icon-watsapp::before {
  content: ""; }

.icon-wishlist-solid::before {
  content: ""; }

.icon-wishlist::before {
  content: ""; }

.icon-youtube::before {
  content: ""; }

.icon-zoom-out::before {
  content: ""; }

.icon-zoom::before {
  content: ""; }

.icon-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.icon-group-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

/* stylelint-enable */
/* stylelint-disable */
/*md
# Link not clickable
It can be used for different breakpoints. Class 'js-disable-click' can't be used without helpers.

```html
    <a href="tel:+920003805" class="js-disable-click m-all">Telephone number +920003805</a>
    <a href="tel:+920003805" class="js-disable-click m-small">Telephone number +920003805</a>
    <a href="tel:+920003805" class="js-disable-click m-medium">Telephone number +920003805</a>
    <a href="tel:+920003805" class="js-disable-click m-large">Telephone number +920003805</a>
```

```html_example
    <div style="padding: 15px 0; display: flex; justify-content: space-around">
        <a href="tel:+920003805" class="js-disable-click m-all">Telephone +920003805 (all breakpoints)</a>
        <a href="tel:+920003805" class="js-disable-click m-small">Telephone +920003805 (only small)</a>
        <a href="tel:+920003805" class="js-disable-click m-medium">Telephone +920003805 (only medium)</a>
        <a href="tel:+920003805" class="js-disable-click m-large">Telephone +920003805 (only large)</a>
    </div>
```

# Opacity Background
```html
    <div class="opacity-background"><span>Without Opacity<span></div>
    <div class="opacity-background m-opacity-10"><span>Opacity 10<span></div>
    <div class="opacity-background m-opacity-20"><span>Opacity 20<span></div>
    <div class="opacity-background m-opacity-30"><span>Opacity 30<span></div>
    <div class="opacity-background m-opacity-40"><span>Opacity 40<span></div>
    <div class="opacity-background m-opacity-50"><span>Opacity 50<span></div>
    <div class="opacity-background m-opacity-60"><span>Opacity 60<span></div>
    <div class="opacity-background m-opacity-70"><span>Opacity 70<span></div>
    <div class="opacity-background m-opacity-80"><span>Opacity 80<span></div>
    <div class="opacity-background m-opacity-90"><span>Opacity 90<span></div>
```
```html_example
    <ul class="styleguide-list">
        <li class="opacity-background"><span>Without Opacity<span></li>
        <li class="opacity-background m-opacity-10"><span>Opacity 10<span></li>
        <li class="opacity-background m-opacity-20"><span>Opacity 20<span></li>
        <li class="opacity-background m-opacity-30"><span>Opacity 30<span></li>
        <li class="opacity-background m-opacity-40"><span>Opacity 40<span></li>
        <li class="opacity-background m-opacity-50"><span>Opacity 50<span></li>
        <li class="opacity-background m-opacity-60"><span>Opacity 60<span></li>
        <li class="opacity-background m-opacity-70"><span>Opacity 70<span></li>
        <li class="opacity-background m-opacity-80"><span>Opacity 80<span></li>
        <li class="opacity-background m-opacity-90"><span>Opacity 90<span></li>
    </ul>
```

<style>
    .styleguide-list {
        display: flex;
        flex-wrap: wrap;
        max-width: 785px;
    }
    .styleguide-list li {
        background: url('./03-base/images/content-pages/delivery-image-m.jpg') center / cover no-repeat;
        color: #3f3936;
        width: 147px;
        height: 147px;
        margin: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
    }
    .styleguide-list span {
        text-align: center;
        z-index: 1;
    }
</style>
*/
/* stylelint-enable */
.no-bullet {
  list-style: none;
  margin: 0;
  padding: 0; }

.ltr {
  direction: ltr ; }

.rtl-english::before, .rtl-english::after {
  content: "\200E"; }

.outline-none {
  outline: none; }

@media (max-width: 575.98px) {
  .no-padding-to {
    padding-right: 0;
    padding-left: 0; }
  .no-padding-xs {
    padding-right: 0;
    padding-left: 0; } }

@media (max-width: 767.98px) {
  .no-padding-to-sm {
    padding-right: 0;
    padding-left: 0; }
  .no-padding-sm {
    padding-right: 0;
    padding-left: 0; } }

@media (max-width: 1024.98px) {
  .no-padding-to-md {
    padding-right: 0;
    padding-left: 0; }
  .no-padding-md {
    padding-right: 0;
    padding-left: 0; } }

@media (max-width: 1439.98px) {
  .no-padding-to-lg {
    padding-right: 0;
    padding-left: 0; }
  .no-padding-lg {
    padding-right: 0;
    padding-left: 0; } }

.no-padding-to-xl {
  padding-right: 0;
  padding-left: 0; }

.no-padding-xl {
  padding-right: 0;
  padding-left: 0; }

@media (max-width: 575.98px) {
  .no-margin-to {
    margin-right: 0;
    margin-left: 0; }
  .no-margin-xs {
    margin-right: 0;
    margin-left: 0; } }

@media (max-width: 767.98px) {
  .no-margin-to-sm {
    margin-right: 0;
    margin-left: 0; }
  .no-margin-sm {
    margin-right: 0;
    margin-left: 0; } }

@media (max-width: 1024.98px) {
  .no-margin-to-md {
    margin-right: 0;
    margin-left: 0; }
  .no-margin-md {
    margin-right: 0;
    margin-left: 0; } }

@media (max-width: 1439.98px) {
  .no-margin-to-lg {
    margin-right: 0;
    margin-left: 0; }
  .no-margin-lg {
    margin-right: 0;
    margin-left: 0; } }

.no-margin-to-xl {
  margin-right: 0;
  margin-left: 0; }

.no-margin-xl {
  margin-right: 0;
  margin-left: 0; }

@media (max-width: 767.98px) {
  .no-clicked.m-small {
    color: #3f3936;
    cursor: default; } }
  @media (max-width: 767.98px) and (min-width: 1025px) {
    .no-clicked.m-small:hover, .no-clicked.m-small:active {
      color: #3f3936;
      cursor: default; } }

@media (min-width: 768px) and (max-width: 1024.98px) {
  .no-clicked.m-medium {
    color: #3f3936;
    cursor: default; } }
  @media (min-width: 768px) and (max-width: 1024.98px) and (min-width: 1025px) {
    .no-clicked.m-medium:hover, .no-clicked.m-medium:active {
      color: #3f3936;
      cursor: default; } }

@media (min-width: 1025px) {
  .no-clicked.m-large {
    color: #3f3936;
    cursor: default; } }
  @media (min-width: 1025px) and (min-width: 1025px) {
    .no-clicked.m-large:hover, .no-clicked.m-large:active {
      color: #3f3936;
      cursor: default; } }

.no-clicked.m-all {
  color: #3f3936;
  cursor: default; }
  @media (min-width: 1025px) {
    .no-clicked.m-all:hover, .no-clicked.m-all:active {
      color: #3f3936;
      cursor: default; } }

.unset-css h1,
.unset-css h2,
.unset-css h3,
.unset-css h4,
.unset-css h5,
.unset-css h6 {
  all: unset; }

.unscrollable {
  overflow: hidden; }
  @media (min-width: 1025px) {
    .unscrollable {
      margin-left: 1rem; } }

.opacity-background {
  position: relative;
  z-index: 1; }
  .opacity-background::before {
    background: #fff;
    content: "";
    height: 100%;
    right: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }
  .opacity-background.m-opacity-dark::before {
    background: #000; }
  .opacity-background.m-gradient-light-top::before {
    background: -webkit-gradient(linear, right bottom, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.5)), to(white));
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, white 100%); }
  .opacity-background.m-gradient-light-bottom::before {
    background: -webkit-gradient(linear, right top, right bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.5)), to(white));
    background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, white 100%); }
  .opacity-background.m-gradient-dark-top::before {
    background: -webkit-gradient(linear, right bottom, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.5)));
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.5) 100%); }
  .opacity-background.m-gradient-dark-bottom::before {
    background: -webkit-gradient(linear, right top, right bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.5)));
    background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.5) 100%); }
  .opacity-background.m-gradient-light-bottom::before, .opacity-background.m-gradient-light-top::before, .opacity-background.m-gradient-dark-bottom::before, .opacity-background.m-gradient-dark-top::before {
    opacity: 0.5; }
  .opacity-background.m-opacity-10::before {
    opacity: 0.1; }
  .opacity-background.m-opacity-20::before {
    opacity: 0.2; }
  .opacity-background.m-opacity-30::before {
    opacity: 0.3; }
  .opacity-background.m-opacity-40::before {
    opacity: 0.4; }
  .opacity-background.m-opacity-50::before {
    opacity: 0.5; }
  .opacity-background.m-opacity-60::before {
    opacity: 0.6; }
  .opacity-background.m-opacity-70::before {
    opacity: 0.7; }
  .opacity-background.m-opacity-80::before {
    opacity: 0.8; }
  .opacity-background.m-opacity-90::before {
    opacity: 0.9; }

.sr-only-hover {
  color: transparent;
  font-size: 6.25rem;
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }
  .sr-only-hover.m-secondary {
    height: 1px;
    width: 1px; }
  .sr-only-hover.m-tertiary {
    overflow: hidden; }

/* stylelint-disable */
.disable-text {
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.grid-gap-row {
  grid-row-gap: 2rem; }

/* stylelint-enable */
/* stylelint-disable */
/*md

# Common styles
Use `content-section` HTML class for wrap content

# Headings
If you need it could be added to different types of HTML-elements.


```html
    <h1 class="h1">H1 - The quick brown fox jumps over the lazy dog</h1>
    <h1 class="h1 font-weight-light">H1 - The quick brown fox jumps over the lazy dog</h1>
    <h2 class="h2">H2 - The quick brown fox jumps over the lazy dog</h2>
    <h2 class="h2 font-weight-light">H2 - The quick brown fox jumps over the lazy dog</h2>
    <h3 class="h3">H3 - The quick brown fox jumps over the lazy dog</h3>
    <h3 class="h3 font-weight-light">H3 - The quick brown fox jumps over the lazy dog</h3>
```

## H1 - H3

```html_example
    <h1 class="h1">H1 - The quick brown fox jumps over the lazy dog</h1>
    <h1 class="h1 font-weight-light">H1 - The quick brown fox jumps over the lazy dog</h1>
    <h2 class="h2">H2 - The quick brown fox jumps over the lazy dog</h2>
    <h2 class="h2 font-weight-light">H2 - The quick brown fox jumps over the lazy dog</h2>
    <h3 class="h3">H3 - The quick brown fox jumps over the lazy dog</h3>
    <h3 class="h3 font-weight-light">H3 - The quick brown fox jumps over the lazy dog</h3>
```

# Paragraphs

```html
    <p>The natural environment of the Nice area</p>
    <p class="text-muted">Through the ages</p>
    <p class="paragraph-secondary">For centuries it was a dominion of Savoy</p>
```

```html_example
    <div class="container-fluid">
        <div class="row">
            <div class="col-6">
                <p>The natural environment of the Nice area and its mild Mediterranean climate came to the attention of the English upper classes in the second half of the 18th century, when an increasing number of aristocratic families took to spending their winters there.</p>
                <p class="text-muted">Through the ages, the town has changed hands many times. Its strategic location and port significantly contributed to its maritime strength. The city's main seaside promenade, the Promenade des Anglais ("Walkway of the English") owes its name to visitors to the resort.</p>
            </div>
            <div class="col-6">
                <p class="paragraph-secondary">For centuries it was a dominion of Savoy, and was then part of France between 1792 and 1815, when it was returned to the Kingdom of Piedmont-Sardinia until its re-annexation by France in 1860. The clear air and soft light have particularly appealed to notable painters, such as Marc Chagall, Henri Matisse, Niki de Saint Phalle and Arman.</p>
            </div>
        </div>
    </div>
```

# Lists

## Unstyled list

```html
    <ul class="list-unstyled">
        <li>Lorem ipsum dolor sit amet</li>
        <li>Consectetur adipiscing elit</li>
        <li>Integer molestie lorem at massa</li>
        <li>Facilisis in pretium nisl aliquet</li>
        <li>Nulla volutpat aliquam velit
            <ul>
                <li>Phasellus iaculis neque</li>
                <li>Purus sodales ultricies</li>
                <li>Vestibulum laoreet porttitor sem</li>
                <li>Ac tristique libero volutpat at</li>
            </ul>
        </li>
        <li>Faucibus porta lacus fringilla vel</li>
        <li>Aenean sit amet erat nunc</li>
        <li>Eget porttitor lorem</li>
    </ul>
```

```html_example
    <ul class="list-unstyled">
        <li>Lorem ipsum dolor sit amet</li>
        <li>Consectetur adipiscing elit</li>
        <li>Integer molestie lorem at massa</li>
        <li>Facilisis in pretium nisl aliquet</li>
        <li>Nulla volutpat aliquam velit
            <ul style="list-style-type: circle;padding-inline-start: 40px;">
                <li>Phasellus iaculis neque</li>
                <li>Purus sodales ultricies</li>
                <li>Vestibulum laoreet porttitor sem</li>
                <li>Ac tristique libero volutpat at</li>
            </ul>
        </li>
        <li>Faucibus porta lacus fringilla vel</li>
        <li>Aenean sit amet erat nunc</li>
        <li>Eget porttitor lorem</li>
    </ul>
```

## Inline list

```html
    <ul class="list-inline">
        <li class="list-inline-item">Lorem ipsum</li>
        <li class="list-inline-item">Phasellus iaculis</li>
        <li class="list-inline-item">Nulla volutpat</li>
    </ul>
```

```html_example
    <ul class="list-inline">
        <li class="list-inline-item">Lorem ipsum</li>
        <li class="list-inline-item">Phasellus iaculis</li>
        <li class="list-inline-item">Nulla volutpat</li>
    </ul>
```

## Default list

```html
    <ul class="list-default">
        <li>Lorem ipsum</li>
        <li>Phasellus iaculis</li>
        <li>Nulla volutpat</li>
    </ul>
```

```html_example
    <ul class="list-default" style="list-style-type: initial;">
        <li>Lorem ipsum</li>
        <li>Phasellus iaculis</li>
        <li>Nulla volutpat</li>
    </ul>
```

*/
/* stylelint-enable */
h1,
.h1 {
  color: #3f3936;
  font-size: 1.375rem;
  letter-spacing: -0.01em;
  font-weight: 700; }
  @media (min-width: 768px) {
    h1,
    .h1 {
      font-size: 2.6875rem; } }
  @media (min-width: 1025px) {
    h1,
    .h1 {
      font-size: 2.8125rem; } }

h2,
.h2 {
  color: #3f3936;
  font-size: 1.375rem;
  letter-spacing: -0.01em;
  font-weight: 700; }
  @media (min-width: 768px) {
    h2,
    .h2 {
      font-size: 1.75rem; } }
  @media (min-width: 1025px) {
    h2,
    .h2 {
      font-size: 2.375rem; } }

h3,
.h3 {
  color: #3f3936;
  font-size: 1.375rem;
  letter-spacing: -0.01em;
  font-weight: 700; }
  @media (min-width: 768px) {
    h3,
    .h3 {
      font-size: 1.75rem; } }
  @media (min-width: 1025px) {
    h3,
    .h3 {
      font-size: 1.75rem; } }

.h4 {
  color: #3f3936;
  font-size: 1.0625rem;
  letter-spacing: -0.01em;
  font-weight: 700; }
  @media (min-width: 768px) {
    .h4 {
      font-size: 1.375rem; } }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--font-primary);
  margin-bottom: 0.9375rem;
  margin-top: 0; }

p {
  color: #3f3936;
  font-size: 0.8125rem;
  line-height: 1.4;
  margin-bottom: 0.625rem;
  margin-top: 0; }

.paragraph-secondary {
  color: #828282;
  font-size: 0.6875rem; }

hr {
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 1rem;
  margin-top: 1rem; }

small,
.small {
  font-size: 80%;
  font-weight: 400; }

mark,
.mark {
  background-color: #fcf8e3;
  padding: 0.2em; }

.list-inline {
  padding-right: 0;
  list-style: none; }

.list-unstyled {
  padding-right: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-left: 0.5rem; }

.list-default {
  padding-right: 1.2em; }

.blockquote {
  font-size: 1.25rem;
  margin-bottom: 1rem; }

.blockquote-footer {
  font-size: 80%;
  color: #6c757d;
  display: block; }
  .blockquote-footer::before {
    content: "\2014\00A0"; }

.text-justify {
  text-align: justify !important; }

@media (min-width: 576px) {
  .text-sm-justify {
    text-align: justify !important; } }

@media (min-width: 768px) {
  .text-md-justify {
    text-align: justify !important; } }

@media (min-width: 1025px) {
  .text-lg-justify {
    text-align: justify !important; } }

@media (min-width: 1440px) {
  .text-xl-justify {
    text-align: justify !important; } }

.content-section {
  line-height: 1.4; }
  .content-section p:last-child,
  .content-section ul:last-child,
  .content-section ol:last-child,
  .content-section table:last-child,
  .content-section h1:last-child,
  .content-section h2:last-child,
  .content-section h3:last-child,
  .content-section h4:last-child,
  .content-section h5:last-child,
  .content-section h6:last-child,
  .content-section blockquote:last-child {
    margin-bottom: 0; }

/* stylelint-disable */
/*md

# Links

## Link default

```html
    <a href="#" class="link-default">Bed Sheets</a>
```

```html_example
    <div style="padding: 15px 0; display: flex; justify-content: space-around">
        <a href="#" class="link-default text-capitalize">Bed Sheets</a>
        <a href="#" class="link-default text-lowercase">Bed Sheets</a>
        <a href="#" class="link-default text-uppercase">Bed Sheets</a>
    </div>
```

## Link primary

```html
    <a href="#" class="link-primary">Bed Sheets</a>
```

```html_example
    <div style="padding: 15px 0; display: flex; justify-content: space-around">
        <a href="#" class="link-primary text-capitalize">Bed Sheets</a>
        <a href="#" class="link-primary text-lowercase">Bed Sheets</a>
        <a href="#" class="link-primary text-uppercase">Bed Sheets</a>
    </div>
```

## Link secondary

```html
    <a href="#" class="link-secondary">Bed Sheets</a>
```

```html_example
    <div style="padding: 15px 0; display: flex; justify-content: space-around">
        <a href="#" class="link-secondary text-capitalize">Bed Sheets</a>
        <a href="#" class="link-secondary text-lowercase">Bed Sheets</a>
        <a href="#" class="link-secondary text-uppercase">Bed Sheets</a>
    </div>
```

## Link tertiary

```html
    <a href="#" class="link-tertiary">Bed Sheets</a>
```

```html_example
    <div style="padding: 15px 0; display: flex; justify-content: space-around">
        <a href="#" class="link-tertiary text-capitalize">Bed Sheets</a>
        <a href="#" class="link-tertiary text-lowercase">Bed Sheets</a>
        <a href="#" class="link-tertiary text-uppercase">Bed Sheets</a>
    </div>
```
*/
/* stylelint-enable */
.link-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0; }

.link-default {
  color: #eba140; }
  @media (min-width: 1025px) {
    .link-default:hover, .link-default:active {
      border-bottom-color: #f99d1c; } }
  .link-default.underline {
    text-decoration: underline; }

.link-primary {
  color: #3f3936;
  border-bottom: 0.0625rem solid #eba140; }
  @media (min-width: 1025px) {
    .link-primary:hover, .link-primary:active {
      border-bottom-color: transparent;
      color: #f99d1c; } }

.link-secondary {
  color: #3f3936;
  border-bottom: 0.0625rem solid #969696;
  color: #969696; }
  @media (min-width: 1025px) {
    .link-secondary:hover, .link-secondary:active {
      border-bottom-color: transparent;
      color: #f99d1c; } }

.link-tertiary {
  color: #3f3936;
  border-bottom: 0.0625rem solid #f3bb1b; }
  @media (min-width: 1025px) {
    .link-tertiary:hover, .link-tertiary:active {
      border-bottom-color: transparent;
      color: #f99d1c; } }

/*stylelint-disable*/
/*md
# Accordion
```html
    <div class="accordion-button-wrapper">
        <button class="accordion-button text-left btn-block collapsed"
            data-toggle="collapse" data-target="#collapsible-customer-service"
            aria-expanded="false" aria-controls="collapsible-customer-service">Customer Service
        </button>
        <span class="icon accordion-icon icon-arrow-down" aria-hidden="true" title="arrow-down"></span>
    </div>

    <ul id="collapsible-customer-service" class="accordion-sublist footer-navigation content collapse no-bullet" data-parent=".accordion">
        <li class="accordion-subitem"><a href="#" class="accordion-sublink" title="Go to Contact Us">Contact Us</a></li>
        <li class="accordion-subitem"><a href="#" class="accordion-sublink" title="Go to Gift Certificates">Gift Certificates</a></li>
        <li class="accordion-subitem"><a href="#" class="accordion-sublink" title="Go to Help">Help</a></li>
        <li class="accordion-subitem"><a href="#" class="accordion-sublink" title="Go to Site Map">Site Map</a></li>
    </ul>
```

```html_example
     <div class="flex-column row accordion">
        <div class="accordion-button-wrapper">
            <button class="accordion-button text-left btn-block collapsed"
                data-toggle="collapse" data-target="#collapsible-customer-service"
                aria-expanded="false" aria-controls="collapsible-customer-service">Customer Service
            </button>
            <span class="icon accordion-icon icon-arrow-down" aria-hidden="true" title="arrow-down"></span>
        </div>

        <ul id="collapsible-customer-service" class="px-lg-3 mx-lg-3 accordion-sublist footer-navigation content collapse no-bullet" data-parent=".accordion">
            <li class="accordion-subitem"><a href="#" class="accordion-sublink" title="Go to Contact Us">Contact Us</a></li>
            <li class="accordion-subitem"><a href="#" class="accordion-sublink" title="Go to Gift Certificates">Gift Certificates</a></li>
            <li class="accordion-subitem"><a href="#" class="accordion-sublink" title="Go to Help">Help</a></li>
            <li class="accordion-subitem"><a href="#" class="accordion-sublink" title="Go to Site Map">Site Map</a></li>
        </ul>
     </div>
```
*/
/*stylelint-enable*/
.accordion-icon {
  color: #eba140;
  font-size: 0.4375rem;
  position: absolute;
  left: 0.625rem;
  top: 50%;
  cursor: pointer;
  -webkit-transform: translateY(-50%) rotate(-180deg);
          transform: translateY(-50%) rotate(-180deg);
  z-index: -1; }
  .accordion-icon.side-icon {
    position: unset; }
  @media (min-width: 768px) {
    .accordion-icon {
      left: 1.875rem; } }

.accordion-button.collapsed + .accordion-icon {
  color: #828282;
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  line-height: 1.5; }

.accordion-button {
  border: 0.0625rem solid transparent;
  background: transparent;
  color: #3f3936;
  cursor: pointer;
  font-size: 0.8125rem;
  font-weight: 700;
  padding: 1.0625rem 0.625rem 1.0625rem 2.5rem;
  text-transform: uppercase;
  width: 100%; }
  .accordion-button.fit-content {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
  @media (min-width: 768px) {
    .accordion-button {
      padding: 1.0625rem 1.875rem 1.0625rem 3.125rem; } }
  @media (max-width: 767.98px) {
    .accordion-button.m-secondary {
      font-size: 0.9375rem; } }
  .accordion-button.additional-info-btn {
    text-align: right;
    padding: 0.3rem 0; }
  .brand-info .accordion-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1rem; }

.accordion-button-wrapper {
  position: relative;
  z-index: 2;
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  .accordion-button-wrapper.brand-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .accordion-button-wrapper.m-tertiary .accordion-button {
    border-bottom: none;
    padding: 1.5625rem 1.5625rem 1.5625rem 3.125rem;
    text-transform: none; }
  .accordion-button-wrapper.m-tertiary .accordion-icon {
    left: 1.5625rem; }
  .accordion-button-wrapper.additional-info {
    border: 2px solid #f7da5d;
    background-color: rgba(98, 161, 215, 0.1) !important; }
  .accordion-button-wrapper.m-secondary .accordion-button {
    text-transform: none; }
    @media (min-width: 768px) {
      .accordion-button-wrapper.m-secondary .accordion-button {
        padding: 1.25rem 1.25rem 1.25rem 2.5rem; } }
    .accordion-button-wrapper.m-secondary .accordion-button:not(.collapsed) {
      border-bottom-color: #828282; }
      .accordion-button-wrapper.m-secondary .accordion-button:not(.collapsed) + .accordion-icon {
        color: #3dc13c; }
    .accordion-button-wrapper.m-secondary .accordion-button.m-no-border {
      border: none; }
  .accordion-button-wrapper.m-secondary .accordion-icon {
    /* stylelint-disable-line */ }
    @media (min-width: 768px) {
      .accordion-button-wrapper.m-secondary .accordion-icon {
        left: 1.25rem; } }

.accordion-sublist {
  border-bottom: 0.0625rem solid #efecf0; }
  @media (min-width: 1025px) {
    .accordion-sublist {
      border: none; } }

.accordion-subitem {
  margin-bottom: 1.25rem;
  text-align: right; }
  .accordion-subitem:first-child {
    padding-top: 1.875rem; }
  .accordion-subitem:last-child {
    margin-bottom: 0;
    padding-bottom: 1.875rem; }

.accordion-sublink {
  color: #3f3936;
  border-bottom: 0.0625rem solid #969696;
  color: #969696;
  position: relative;
  border: 0 !important; }
  @media (min-width: 1025px) {
    .accordion-sublink:hover, .accordion-sublink:active {
      border-bottom-color: transparent;
      color: #f99d1c; } }
  .accordion-sublink ul {
    text-decoration: none !important; }

.accordion-content {
  padding: 1.0625rem 0.625rem;
  font-size: 0.8125rem;
  font-weight: 400; }
  @media (min-width: 768px) {
    .accordion-content {
      padding: 1.0625rem 1.25rem; } }

/* stylelint-disable */
/*md

# Back to top button

```html
    <button class="back-to-top" title="${Resource.msg('button.back_to_top', 'common', null)}" aria-label="${Resource.msg('button.back_to_top', 'common', null)}">
    </button>
```

```html_example
    <div style="padding: 15px 0; display: flex; justify-content: space-around">
        <button class="back-to-top" title="Back to top" aria-label="Back to top"></button>
    </div>
```
*/
/* stylelint-enable */
.back-to-top {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background: rgba(255, 255, 255, 0.8);
  border: 0.125rem solid currentColor;
  border-radius: 50%;
  bottom: 0.625rem;
  color: #eba140;
  cursor: pointer;
  height: 3.75rem;
  opacity: 1;
  position: fixed;
  left: 0.625rem;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  visibility: visible;
  width: 3.75rem;
  z-index: 15; }
  @media (prefers-reduced-motion: reduce) {
    .back-to-top {
      -webkit-transition: none;
      transition: none; } }
  .back-to-top::after {
    font-family: iconsFont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle; }
  .back-to-top::after {
    content: "";
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: relative;
    top: 0; }
    @media (prefers-reduced-motion: reduce) {
      .back-to-top::after {
        -webkit-transition: none;
        transition: none; } }
  @media (min-width: 1025px) {
    .back-to-top:hover, .back-to-top:active {
      color: #f99d1c; }
      .back-to-top:hover::after, .back-to-top:active::after {
        top: -0.1875rem; } }
  @media (min-width: 768px) {
    .back-to-top {
      bottom: 1.25rem;
      left: 1.25rem; } }
  .back-to-top.m-hide {
    opacity: 0;
    -webkit-transform: translate3d(0, 0.625rem, 0);
            transform: translate3d(0, 0.625rem, 0);
    visibility: hidden; }

/*stylelint-disable*/
/*md
# Breadcrumbs
```html
    <ul class="breadcrumb no-bullet" role="navigation" aria-label="breadcrumbs">
        <li class="breadcrumb-item">
            <a href="#" class="breadcrumb-link">Womens</a>
        </li>
        <li class="breadcrumb-item">
            <a href="#" class="breadcrumb-link">Clothing</a>
        </li>
        <li class="breadcrumb-item">
            <a href="#" class="breadcrumb-link">Tops</a>
        </li>
    </ul>
```

```html_example
    <ul class="breadcrumb no-bullet" role="navigation" aria-label="breadcrumbs">
        <li class="breadcrumb-item">
            <a href="#" class="breadcrumb-link">Womens</a>
        </li>
        <li class="breadcrumb-item">
            <a href="#" class="breadcrumb-link">Clothing</a>
        </li>
        <li class="breadcrumb-item">
            <a href="#" class="breadcrumb-link">Tops</a>
        </li>
    </ul>
```
*/
/*stylelint-enable*/
.breadcrumb {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .breadcrumb-item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 1rem 0.5rem; }
    .breadcrumb-item::after {
      font-family: iconsFont;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      vertical-align: middle; }
    .breadcrumb-item::after {
      content: "";
      color: #828282;
      font-size: 0.5rem;
      font-weight: 700;
      -webkit-transform: scaleX(-1);
              transform: scaleX(-1); }
    .breadcrumb-item:last-child::after {
      display: none; }
  .breadcrumb-link {
    margin-left: 0.625rem;
    border-bottom: unset;
    text-transform: capitalize;
    color: #3f3936;
    border-bottom: 0.0625rem solid #969696;
    color: #969696; }
    @media (min-width: 1025px) {
      .breadcrumb-link:hover, .breadcrumb-link:active {
        border-bottom-color: transparent;
        color: #f99d1c; } }

.card-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 0.0625rem solid #efecf0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 1.875rem;
  position: relative; }

.card-image-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-left: 1.25rem;
  position: relative;
  width: 7.5rem; }
  @media (min-width: 1025px) {
    .card-image-wrapper {
      padding-left: 1.875rem;
      width: 11.25rem; } }

.card-image {
  max-width: 100%;
  width: 100%; }

.card-not-available {
  background-color: #828282;
  border-radius: 0.78125rem;
  color: #fff;
  font-size: 0.6875rem;
  font-weight: 700;
  right: 0.3125rem;
  line-height: 1.5625rem;
  min-width: 5.625rem;
  padding: 0 0.625rem;
  position: absolute;
  top: 0.3125rem; }
  @media (min-width: 1025px) {
    .card-not-available {
      font-size: 0.8125rem;
      line-height: 1.5625rem;
      min-width: 6.875rem;
      padding: 0 0.9375rem; } }

.card-error {
  margin-bottom: 1.875rem; }

.card-name {
  line-height: 1.25rem;
  margin-bottom: 0.75rem; }
  @media (min-width: 1025px) {
    .card-name {
      font-size: 0.9375rem; } }

.card-content {
  width: calc(100% - 7.5rem); }
  @media (min-width: 1025px) {
    .card-content {
      width: calc(100% - 11.25rem); } }

.card-sku {
  color: #828282;
  margin-bottom: 1.5rem;
  line-height: 1.6; }

.card-variation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.875rem; }
  @media (min-width: 576px) {
    .card-variation {
      display: block; } }

.card-variation-value {
  font-weight: 700; }

.card-variation-name {
  display: inline-block;
  min-width: 4.5rem;
  padding-left: 0.625rem; }
  @media (min-width: 576px) {
    .card-variation-name {
      margin-left: 0;
      min-width: auto; } }

@media (min-width: 576px) {
  .card-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.card-info {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

.card-actions {
  margin-top: 1rem; }
  @media (min-width: 576px) {
    .card-actions {
      margin-top: 0; } }

.card-edit {
  margin-left: 1.875rem; }

.card-label {
  margin-bottom: 0.625rem;
  margin-left: 0.625rem;
  min-width: 4.0625rem; }
  @media (min-width: 576px) {
    .card-label {
      margin-left: 0;
      min-width: auto; } }

@media (min-width: 576px) {
  .card-price {
    min-width: 7.5rem;
    margin-left: 1.25rem; } }

@media (min-width: 1440px) {
  .card-price {
    width: 10.625rem; } }

.card-price .price {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.card-price .price-sales {
  color: #3f3936;
  font-size: 0.9375rem;
  padding: 0; }

.card-price .price-formatted {
  font-size: 0.6875rem; }

.card-quantity {
  min-width: 5rem; }

.card-total-price {
  font-size: 1rem;
  font-weight: 700; }

@media (min-width: 576px) {
  .card-quantity-wrapper {
    width: 7.5rem; } }

@media (min-width: 1440px) {
  .card-quantity-wrapper {
    width: 9.375rem; } }

@media (min-width: 576px) {
  .card-total-price-wrapper {
    width: 6.25rem; } }

@media (min-width: 1440px) {
  .card-total-price-wrapper {
    width: 7.1875rem; } }

.card-price, .card-quantity-form, .card-total-price-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: block; }

.card-quantity-form {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  .card-quantity-form .card-label {
    padding-top: 0.625rem; }
    @media (min-width: 576px) {
      .card-quantity-form .card-label {
        padding-top: 0; } }

.card-cod {
  color: #828282;
  font-size: 0.6875rem;
  margin-top: 1.875rem;
  padding-right: 1.5625rem;
  position: relative; }

.card-cod-icon {
  font-size: 1.125rem;
  right: 0;
  position: absolute;
  top: -0.1875rem; }

.card-promotions-item {
  color: #eba140;
  line-height: 1.6;
  margin-top: 1.875rem; }

.card-delete {
  background: none;
  border: 0;
  color: #828282;
  cursor: pointer;
  font-size: 1.5rem;
  padding: 0;
  position: absolute;
  left: 0;
  top: 1.25rem; }
  .has-error .card-delete {
    top: 5.625rem; }

.card-body {
  width: 100%; }

.card-number-wrapper {
  position: relative; }
  .card-number-wrapper::after {
    content: "";
    position: absolute;
    background-image: url("../images/payment-types/card.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 1.25rem;
    left: 0.25rem;
    top: 0.625rem;
    width: 3rem; }
  .card-number-wrapper[data-type="visa"]::after {
    background-image: url("../images/payment-types/visa.svg"); }
  .card-number-wrapper[data-type="mastercard"]::after {
    background-image: url("../images/payment-types/mastercard.svg"); }
  .card-number-wrapper[data-type="mada"]::after {
    background-image: url("../images/payment-types/mada.svg"); }
  .card-number-wrapper[data-type="amex"]::after {
    background-image: url("../images/payment-types/amex.svg"); }

.card-number-input {
  direction: ltr ;
  text-align: right; }

.card.product-card {
  border-top: 0.0625rem solid #efecf0;
  padding-top: 1.875rem; }

.card .product-line-item-details {
  margin-bottom: 1.875rem; }

@media (max-width: 767.98px) {
  .card .line-item-pricing-info {
    min-width: 4.6875rem;
    padding-left: 0.625rem; } }

.card .line-item-attributes {
  font-size: 0.875rem;
  margin-bottom: 0.625rem; }

.card .item-attributes {
  -webkit-box-flex: 10;
      -ms-flex-positive: 10;
          flex-grow: 10; }

.card .custom-select.m-secondary-card {
  margin-bottom: 0.9375rem;
  width: 5rem; }

.card .price-sales {
  color: #3f3936;
  font-size: 1rem;
  padding: 0;
  margin-top: 0; }

.card .price {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.card .line-item-name {
  color: #828282;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 1.5625rem;
  padding-left: 1.875rem;
  width: calc(100% - 1.5rem);
  word-break: break-word; }

.card .product-line-item {
  border-bottom: 0.0625rem solid #efecf0;
  padding: 0 0 0.625rem; }
  .card .product-line-item.m-not-allowed {
    border-bottom: 1px solid #e94f54; }
    .card .product-line-item.m-not-allowed .line-item-name,
    .card .product-line-item.m-not-allowed .line-item-attributes,
    .card .product-line-item.m-not-allowed .product-line-item-totals,
    .card .product-line-item.m-not-allowed .line-item-pricing-info,
    .card .product-line-item.m-not-allowed .price-sales,
    .card .product-line-item.m-not-allowed .price-formatted,
    .card .product-line-item.m-not-allowed .line-item-total-text,
    .card .product-line-item.m-not-allowed .remove-product {
      color: #f99d1c; }

.card .item-image {
  background-color: #f9f9f9;
  border-radius: 10.43px;
  position: relative;
  margin-left: 1.25rem;
  width: 6.25rem; }
  .card .item-image::before {
    font-family: iconsFont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle; }
  .card .item-image::before {
    content: "";
    position: absolute;
    right: 50%;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
    color: #ccc;
    font-size: 1.875rem; }
  .card .item-image::after {
    content: '';
    display: block;
    padding-top: 100%; }
  .card .item-image img {
    height: 100%;
    right: 0;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    color: transparent; }
    .card .item-image img::before {
      background-color: #f9f9f9;
      content: '';
      height: 17px;
      right: 0;
      overflow: hidden;
      position: absolute;
      top: 0;
      width: 17px; }
  @media (min-width: 1025px) {
    .card .item-image {
      margin-left: 1.875rem;
      width: 9.375rem; } }
  .card .item-image.m-gift {
    background-color: #f9f9f9;
    border-radius: 10.43px;
    position: relative;
    background-color: #f0f0f0; }
    .card .item-image.m-gift::before {
      font-family: iconsFont;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      vertical-align: middle; }
    .card .item-image.m-gift::before {
      content: "";
      position: absolute;
      right: 50%;
      top: 50%;
      -webkit-transform: translate(50%, -50%);
              transform: translate(50%, -50%);
      color: #ccc;
      font-size: 3.75rem; }
    .card .item-image.m-gift::after {
      content: '';
      display: block;
      padding-top: 100%; }
    .card .item-image.m-gift img {
      height: 100%;
      right: 0;
      -o-object-fit: cover;
         object-fit: cover;
      position: absolute;
      top: 0;
      width: 100%;
      color: transparent; }
      .card .item-image.m-gift img::before {
        background-color: #f9f9f9;
        content: '';
        height: 17px;
        right: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 17px; }

.card .item-image.m-small {
  margin-left: 1.875rem;
  min-width: 6.25rem;
  width: 6.25rem; }
  @media (max-width: 1024.98px) {
    .card .item-image.m-small {
      margin-left: 1.25rem; } }

@media (min-width: 576px) {
  .carousel-hero-container {
    padding: 0; } }

.carousel.slick-initialized .carousel-indicators {
  visibility: visible; }

.carousel-item {
  position: relative; }
  .carousel-item.m-hero-item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #ccc;
    background-size: 100% 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 18.75rem; }
    @media (min-width: 1025px) {
      .carousel-item.m-hero-item {
        height: 18.75rem; } }
    @media (min-width: 1025px) {
      .carousel-item.m-hero-item.m-hero-item-large {
        height: 33.75rem; } }
    .carousel-item.m-hero-item .banner-content {
      padding: 0 3.75rem; }
      @media (min-width: 1025px) {
        .carousel-item.m-hero-item .banner-content {
          padding: 0 8.75rem; } }
    .carousel-item.m-hero-item img {
      height: 100%;
      right: 0;
      -o-object-fit: fill;
         object-fit: fill;
      position: absolute;
      top: 0;
      width: 100%; }
    @media (max-width: 1024.98px) {
      .carousel-hero-container .carousel-item.m-hero-item {
        margin-left: 0.625rem; } }
  .carousel-item.m-horizontal-carousel-item {
    padding: 0 0.625rem; }
    @media (min-width: 1025px) {
      .carousel-item.m-horizontal-carousel-item {
        padding: 0 0.9375rem; } }

.carousel-control {
  background: rgba(249, 249, 249, 0.7);
  border: 0.0625rem solid #efecf0;
  border-radius: 50%;
  cursor: pointer;
  display: none;
  height: 3.5rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3.5rem;
  z-index: 1; }
  @media (min-width: 768px) {
    .carousel-control {
      height: 3.75rem;
      width: 3.75rem; } }
  @media (min-width: 1025px) {
    .carousel-control {
      height: 4.375rem;
      width: 4.375rem; } }
  .carousel-control.plp-arrows {
    background: rgba(61, 61, 61, 0.23);
    border: none;
    width: 1.5625rem;
    height: 2.625rem;
    visibility: hidden;
    pointer-events: auto;
    z-index: 2; }
    .carousel-control.plp-arrows.m-prev {
      border-radius: 0.375rem 0 0 0.375rem; }
    .carousel-control.plp-arrows.m-next {
      border-radius: 0 0.375rem 0.375rem 0; }
  .carousel-control.pdp-arrows {
    background: #4e004f;
    border-radius: 1.125rem;
    border: none;
    width: 2.75rem;
    height: 4.5rem;
    pointer-events: auto;
    z-index: 2;
    padding: 8px 16px; }
    @media (max-width: 767.98px) {
      .carousel-control.pdp-arrows {
        display: none !important; } }
    .carousel-control.pdp-arrows.m-prev {
      border-radius: 1rem; }
    .carousel-control.pdp-arrows.m-next {
      border-radius: 1rem; }
  .carousel-control-icon {
    color: #3f3936;
    font-size: 1.25rem;
    right: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%); }
    .plp-arrows .carousel-control-icon {
      font-size: 1rem; }
    .pdp-arrows .carousel-control-icon {
      font-size: 1.5rem;
      color: white !important; }
  .carousel-control.m-prev {
    right: 0.625rem; }
    @media (min-width: 1025px) {
      .carousel-control.m-prev {
        right: 5.3125rem; } }
    .carousel-control.m-prev.plp-arrows {
      right: 0; }
    .carousel-control.m-prev.pdp-arrows {
      right: 0.625rem !important; }
  .carousel-control.m-next {
    right: auto;
    left: 0.625rem; }
    @media (min-width: 1025px) {
      .carousel-control.m-next {
        left: 5.3125rem; } }
    .carousel-control.m-next.plp-arrows {
      left: 0; }
    .carousel-control.m-next.pdp-arrows {
      left: 0.625rem !important; }
  .carousel-control.slick-disabled {
    background-color: #efecf0;
    opacity: 0.5; }
    .pdp-carousel .carousel-control.slick-disabled {
      visibility: hidden; }

.carousel-vertical-control {
  background: rgba(249, 249, 249, 0.7);
  border: 0.0625rem solid #efecf0;
  border-radius: 0.5rem;
  cursor: pointer;
  height: 1.875rem;
  margin: 0 0.1875rem;
  position: relative;
  width: calc(100% - 0.375rem);
  z-index: 1; }
  .carousel-vertical-control.m-prev {
    margin-bottom: 0.9375rem; }
  .carousel-vertical-control .carousel-control-icon {
    color: #828282;
    font-size: 0.6875rem; }

.carousel.m-horizontal-carousel {
  margin: 0 -0.625rem; }
  @media (min-width: 1025px) {
    .carousel.m-horizontal-carousel {
      margin: 0 -0.9375rem; } }
  .carousel.m-horizontal-carousel .carousel-control {
    margin-top: calc((100% - 1.25rem) / 2.4);
    top: 0; }
    @media (min-width: 576px) {
      .carousel.m-horizontal-carousel .carousel-control {
        margin-top: calc((100% - 2.5rem) / 4.4); } }
    @media (min-width: 768px) {
      .carousel.m-horizontal-carousel .carousel-control {
        margin-top: calc((100% - 6.75rem) / 6); } }
    @media (min-width: 1025px) {
      .carousel.m-horizontal-carousel .carousel-control {
        margin-top: calc((100% - 7.5rem) / 8); } }
    .carousel.m-horizontal-carousel .carousel-control.m-prev {
      right: 0; }
      @media (min-width: 1025px) {
        .carousel.m-horizontal-carousel .carousel-control.m-prev {
          right: -0.9375rem; } }
    .carousel.m-horizontal-carousel .carousel-control.m-next {
      left: 0; }
      @media (min-width: 1025px) {
        .carousel.m-horizontal-carousel .carousel-control.m-next {
          left: -0.9375rem; } }

.carousel-indicators {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  right: 1.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
  pointer-events: auto;
  position: absolute;
  left: 1.25rem;
  z-index: 2; }
  @media (min-width: 1025px) {
    .carousel-indicators {
      bottom: 1.25rem; } }
  .carousel-indicators-item {
    background: #fff;
    border: 0.0625rem solid #4e004f;
    display: inline-block;
    border-radius: 50%;
    margin: 0 0.125rem;
    width: 0.4375rem;
    height: 0.4375rem;
    cursor: pointer;
    pointer-events: auto; }
    .slick-active .carousel-indicators-item {
      background: #4e004f;
      border-radius: 50px;
      width: 31px; }
    @media (min-width: 1025px) {
      .carousel-indicators-item {
        width: 0.4375rem;
        height: 0.4375rem; } }
  .carousel-indicators > li:only-child {
    display: none; }
  .carousel-indicators.m-secondary .carousel-indicators-item {
    background: #fff;
    border-color: #eba140; }
  .carousel-indicators.m-secondary .slick-active .carousel-indicators-item {
    background: #eba140; }

.carousel.m-secondary {
  margin: 0; }
  .carousel.m-secondary .carousel-control.m-prev {
    right: 0.3125rem; }
  .carousel.m-secondary .carousel-control.m-next {
    left: 0.3125rem; }
  .carousel.m-secondary .slick-slide {
    line-height: 0;
    position: relative;
    -webkit-transform-origin: center center 100%;
            transform-origin: center center 100%; }

.carousel:not(.slick-initialized) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }
  .carousel:not(.slick-initialized) > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
  .carousel:not(.slick-initialized).m-horizontal-carousel > * {
    -ms-flex-preferred-size: 45.45455%;
        flex-basis: 45.45455%; }
    @media (min-width: 576px) {
      .carousel:not(.slick-initialized).m-horizontal-carousel > * {
        -ms-flex-preferred-size: 44.44444%;
            flex-basis: 44.44444%; } }
    @media (min-width: 768px) {
      .carousel:not(.slick-initialized).m-horizontal-carousel > * {
        -ms-flex-preferred-size: 45.45455%;
            flex-basis: 45.45455%; } }
    @media (min-width: 1025px) {
      .carousel:not(.slick-initialized).m-horizontal-carousel > * {
        -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%; } }
    @media (min-width: 1440px) {
      .carousel:not(.slick-initialized).m-horizontal-carousel > * {
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%; } }

.product-carousel-wrapper {
  overflow: visible !important; }

/* stylelint-disable */
.product-carousel-inner .carousel-control {
  top: 30%; }
  .product-carousel-inner .carousel-control.m-prev {
    right: 0; }
  .product-carousel-inner .carousel-control.m-next {
    left: -0.1rem; }

.product-listing-carousel {
  display: none;
  height: 100%; }
  .product-listing-carousel.slick-initialized {
    display: block; }
    .product-listing-carousel.slick-initialized .carousel-indicators {
      visibility: visible; }

/* stylelint-enable */
.pdp-carousel .carousel-indicators {
  pointer-events: auto;
  position: relative;
  top: 12px;
  z-index: 2;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%); }

@media (max-width: 767.98px) {
  .pdp-carousel {
    width: 100vw;
    position: relative;
    right: 48%;
    margin-right: -48vw !important; }
  .pdp-carousel .slick-list .slick-slide {
    height: 330px;
    -webkit-box-shadow: 0 1.89px 3.79px 0 #00000024;
            box-shadow: 0 1.89px 3.79px 0 #00000024;
    border: 0.95px solid #c2c2c2;
    border-radius: 16px; }
  .pdp-carousel .slick-list .slick-slide.slick-center {
    height: 360px; }
  .pdp-carousel .slick-list .slick-slide img {
    height: inherit;
    -o-object-fit: cover;
       object-fit: cover; }
  .pdp-carousel .slick-track {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px; } }

.category-tile {
  background-color: #f9f9f9;
  border-radius: 10.43px;
  position: relative;
  display: block;
  margin-bottom: 1.875rem;
  position: relative; }
  .category-tile::before {
    font-family: iconsFont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle; }
  .category-tile::before {
    content: "";
    position: absolute;
    right: 50%;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
    color: #ccc;
    font-size: 3.75rem; }
  .category-tile::after {
    content: '';
    display: block;
    padding-top: 67.67372%; }
  .category-tile img {
    height: 100%;
    right: 0;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    color: transparent; }
    .category-tile img::before {
      background-color: #f9f9f9;
      content: '';
      height: 17px;
      right: 0;
      overflow: hidden;
      position: absolute;
      top: 0;
      width: 17px; }
  .category-tile::after {
    background-color: rgba(255, 255, 255, 0.2);
    position: relative;
    z-index: 1; }
  .category-tile-img {
    height: 100%;
    right: 0;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%; }
  .category-tile-name {
    color: #3f3936;
    border-bottom: 0.0625rem solid #eba140;
    color: #3f3936;
    display: inline;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase; }
    @media (min-width: 1025px) {
      .category-tile-name:hover, .category-tile-name:active {
        border-bottom-color: transparent;
        color: #f99d1c; } }
    .category-tile-name-wrap {
      background-color: rgba(255, 255, 255, 0.9);
      bottom: 0;
      right: 0;
      padding: 0.8125rem 0.625rem 0.9375rem;
      position: absolute;
      left: 0;
      text-align: center;
      z-index: 2; }
  .category-tile-link {
    position: relative;
    z-index: 2; }
  .category-tile.m-secondary {
    margin-bottom: 0.9375rem;
    margin-top: 0.9375rem; }
  .category-tile.m-category-secondary {
    margin-bottom: 0.75rem; }
    .category-tile.m-category-secondary::after {
      padding-top: 78.43137%; }

.rounded-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (max-width: 1024.98px) {
    .css-rounded-category .rounded-category {
      overflow-x: auto;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
      .css-rounded-category .rounded-category::-webkit-scrollbar {
        -webkit-appearance: none;
        height: 0.25rem; } }
  .rounded-category .grid-col-rounded {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18%;
            flex: 0 0 18%;
    max-width: 18%;
    padding: 0 0.625rem; }
    @media (max-width: 1024.98px) {
      .rounded-category .grid-col-rounded {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 23%;
                flex: 0 0 23%;
        max-width: 23%;
        padding: 0 0.25rem; } }
  .rounded-category-tile-img {
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 15em;
    width: 100%;
    aspect-ratio: 1; }
  .rounded-category-tile-name {
    color: #3f3936;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase; }
    .rounded-category-tile-name-wrap {
      background-color: rgba(255, 255, 255, 0.9);
      bottom: 0;
      right: 0;
      padding: 0.625rem 0;
      left: 0;
      text-align: center; }
      @media (max-width: 1439.98px) {
        .rounded-category-tile-name-wrap {
          font-size: 0.6875rem; } }

.trending-search-icon,
.icon-magnifier {
  color: #eba140;
  font-size: 14px; }

.suggestions__categories .icon-magnifier {
  font-size: 18px;
  margin-left: 0.1875rem; }

.category-landing {
  background-color: #d4cbc44d;
  padding: 2rem 1rem; }
  .category-landing__header {
    text-align: center;
    margin-bottom: 1rem; }
  .category-landing__title {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 0; }
  .category-landing__carousel {
    position: relative;
    margin: 1.25rem 0;
    overflow-y: auto;
    scrollbar-color: #eba140 #efecf0;
    scrollbar-width: thin; }
    .category-landing__carousel::-webkit-scrollbar {
      width: 0.25rem; }
    .category-landing__carousel::-webkit-scrollbar-button {
      display: none; }
    .category-landing__carousel::-webkit-scrollbar-track, .category-landing__carousel::-webkit-scrollbar-track-piece {
      background: #efecf0;
      border-radius: 0.125rem; }
    .category-landing__carousel::-webkit-scrollbar-thumb {
      background: #eba140;
      border-radius: 0.125rem; }
  .category-landing__carousel-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem; }
  .category-landing__carousel-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
    scroll-snap-align: center; }

.category-card {
  position: relative;
  background: #fff;
  border-radius: 8px;
  border: 0.55px solid #c2c2c2;
  -webkit-box-shadow: 0 3.92px 19.59px 0 #0000001a;
          box-shadow: 0 3.92px 19.59px 0 #0000001a;
  overflow: hidden; }
  .category-card__link {
    display: block;
    text-decoration: none; }
  .category-card__image {
    width: 100%;
    aspect-ratio: 1;
    display: block; }
  .category-card__content {
    padding: 1rem;
    text-align: center; }
  .category-card__title {
    color: #333;
    font-size: 1.125rem;
    font-weight: 500;
    text-decoration: none; }
    .category-card__title:hover {
      color: #666; }

.room-card {
  position: relative;
  border-radius: 8px;
  overflow: hidden; }
  .room-card__link {
    display: block;
    text-decoration: none;
    position: relative; }
  .room-card__image {
    width: 100%;
    height: auto;
    display: block;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
    .room-card__image:hover {
      -webkit-transform: scale(1.05);
              transform: scale(1.05); }
  .room-card__content {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 1.5rem;
    background: -webkit-gradient(linear, right top, right bottom, from(transparent), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); }
  .room-card__title {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 600;
    display: block; }

.consent-tracking {
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  right: 0;
  padding: 0.625rem 0;
  position: fixed;
  left: 0;
  z-index: 14; }
  .consent-tracking-content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #efecf0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    @media (max-width: 767.98px) {
      .consent-tracking-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: justify; } }
  @media (max-width: 767.98px) {
    .consent-tracking-btn {
      width: 100%; }
      .consent-tracking-btn-wrapper {
        margin-top: 0.625rem;
        width: 100%; } }
  @media (min-width: 768px) {
    .consent-tracking-btn-wrapper {
      margin-right: 1.25rem; } }
  .consent-tracking-link {
    border-bottom-color: #efecf0;
    color: #efecf0; }
  .consent-tracking-body {
    max-width: 32.5rem; }
    @media (min-width: 1025px) {
      .consent-tracking-body {
        max-width: 48.125rem; } }
  .consent-tracking.m-secondary .consent-tracking-content {
    padding-left: 5rem; }
    @media (min-width: 768px) {
      .consent-tracking.m-secondary .consent-tracking-content {
        padding-left: 4.375rem; } }

.flyout {
  position: relative; }
  .flyout-single {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    line-height: 1;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: none;
    border: none;
    padding: 0;
    cursor: text;
    line-height: unset; }
  .flyout-button {
    cursor: pointer;
    padding-left: 0.75rem; }
    .flyout-button::after {
      font-family: iconsFont;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      vertical-align: middle; }
    .flyout-button::after {
      content: "";
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      font-size: 5px;
      font-weight: 700;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      -webkit-transform-origin: 50% 40%;
              transform-origin: 50% 40%; }
      @media (prefers-reduced-motion: reduce) {
        .flyout-button::after {
          -webkit-transition: none;
          transition: none; } }
  .flyout-dropdown {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: #fff;
    border: 0.0625rem solid #efecf0;
    border-radius: 0.5rem;
    right: 0;
    margin-top: 0.625rem;
    min-width: 7.5rem;
    opacity: 0;
    padding: 0 0.9375rem;
    position: absolute;
    top: 100%;
    visibility: hidden;
    z-index: 50; }
    @media (prefers-reduced-motion: reduce) {
      .flyout-dropdown {
        -webkit-transition: none;
        transition: none; } }
    .flyout-dropdown::before {
      bottom: 100%;
      content: '';
      height: 0.625rem;
      right: 0;
      position: absolute;
      left: 0; }
    .flyout-dropdown.m-size {
      min-width: 9.375rem; }
  .flyout-item {
    border-top: 0.0625rem solid #efecf0;
    padding: 0.75rem 0; }
    .flyout-item:first-child {
      border: none; }
  @media (min-width: 1025px) {
    .flyout:hover .flyout-dropdown, .flyout:active .flyout-dropdown {
      opacity: 1;
      visibility: visible; }
    .flyout:hover .flyout-button, .flyout:active .flyout-button {
      color: #f99d1c;
      text-decoration: none; }
      .flyout:hover .flyout-button::after, .flyout:active .flyout-button::after {
        -webkit-transform: translateY(-50%) scaleY(-1);
                transform: translateY(-50%) scaleY(-1); } }

.gift-wrap-button {
  color: #3f3936;
  font-size: 1.0625rem;
  letter-spacing: -0.01em;
  font-weight: 700;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  border-top: 0.0625rem solid #efecf0; }
  @media (min-width: 768px) {
    .gift-wrap-button {
      font-size: 1.375rem; } }
  .gift-wrap-button::before {
    font-family: iconsFont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle; }
  .gift-wrap-button::before {
    content: ""; }
  .gift-wrap-button::before {
    margin-top: -0.3125rem;
    padding-left: 0.9375rem; }
    @media (min-width: 768px) {
      .gift-wrap-button::before {
        padding-left: 1.25rem; } }

.gift-wrap-details {
  position: relative; }

.gift-wrap-totals {
  bottom: 0;
  position: absolute;
  left: 0.9375rem;
  width: 100%; }

.gift-wrap-message {
  font-size: 0.9375rem;
  line-height: 1.25;
  padding-right: 3.125rem;
  position: relative; }
  .gift-wrap-message-icon {
    font-size: 2.25rem;
    right: 0;
    position: absolute; }
  .gift-wrap-message .m-size {
    font-size: 0.8125rem; }

.gift-wrap .alert-info {
  margin-right: 2.1875rem; }
  .gift-wrap .alert-info:last-child {
    margin-bottom: 1.25rem; }

.minicart-link {
  position: relative; }

.minicart-quantity {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #eba140;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.6875rem;
  font-weight: 700;
  height: 1.1875rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  right: 0.625rem;
  min-width: 1.1875rem;
  padding: 0 0.125rem;
  position: absolute;
  line-height: 1;
  top: -0.5rem; }

.minicart-icon {
  padding-left: 0.5625rem; }

.minicart-message {
  font-weight: 700;
  padding-right: 0.3125rem;
  white-space: nowrap; }
  @media (max-width: 767.98px) {
    .minicart-message {
      display: none; } }

.minicart-top {
  border-bottom: 0.0625rem solid #efecf0;
  margin: 0 0.9375rem 1.5625rem; }

.minicart-header-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f9f9f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.25rem 1.875rem; }

.minicart-header {
  font-size: 1.375rem;
  margin-bottom: 0; }

.minicart-header-bar-close {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  border: none;
  padding: 0;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  font-size: 1.1875rem;
  position: relative; }
  .minicart-header-bar-close::before {
    font-family: iconsFont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle; }
  .minicart-header-bar-close::before {
    content: ""; }

.minicart-product-list {
  overflow-y: auto;
  scrollbar-color: #eba140 #efecf0;
  scrollbar-width: thin;
  max-height: calc(100vh - 12.5rem);
  padding: 0 0.9375rem; }
  .minicart-product-list::-webkit-scrollbar {
    width: 0.25rem; }
  .minicart-product-list::-webkit-scrollbar-button {
    display: none; }
  .minicart-product-list::-webkit-scrollbar-track, .minicart-product-list::-webkit-scrollbar-track-piece {
    background: #efecf0;
    border-radius: 0.125rem; }
  .minicart-product-list::-webkit-scrollbar-thumb {
    background: #eba140;
    border-radius: 0.125rem; }
  .minicart-product-list .grand-total-label strong {
    font-size: 0.875rem; }

.minicart-list {
  margin-bottom: 0;
  padding: 1.5625rem 0.9375rem; }

.minicart .line-item-divider {
  display: none; }

.minicart .line-item-quantity {
  padding-top: 0.25rem; }

.minicart .card-label {
  display: none; }

.minicart .grand-total {
  font-weight: 700; }

.minicart .item-attributes {
  width: calc(100% - 8.125rem); }

.minicart .card {
  padding: 0; }
  .minicart .card:first-of-type {
    border: none; }

.minicart .tiered {
  margin-right: 0.375rem; }

.minicart .line-item-unit-price {
  width: 7.1875rem; }

/* stylelint-disable */
/*md

# Modal
For opening modal popup, please add button with id of the modal popup

```html
    <button type="button" data-toggle="modal" data-target="#exampleModal">Show popup</button>
```
```html_example
    <button type="button" data-toggle="modal" data-target="#exampleModal">Show popup</button>
```
```html
    <div id="exampleModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span class="icon icon-close" aria-hidden="true"></span>
                    </button>
                    <div class="h3 text-center">
                        Delivering to Italy?
                    </div>
                </div>
                <div class="modal-body text-center">
                    <p>
                        We're showing you items that ship to the United Kingdom. But we've noticed you're visiting us from Italy.
                    </p>
                    <p class="product-to-remove">
                        To see items that ship to a different country, change your delivery destination.
                    </p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary-small order-2 order-sm-1" data-dismiss="modal">
                        Continue with it (€)
                    </button>
                    <button type="button" class="btn btn-primary-small checkout-delete-confirmation-btn delete-confirmation-btn order-1 order-sm-2 mb-3 mb-sm-0" data-dismiss="modal">
                        See all Countries
                    </button>
                </div>
            </div>
        </div>
    </div>
```

```html_example
    <div id="exampleModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span class="icon icon-close" aria-hidden="true"></span>
                    </button>
                    <div class="h3 text-center">
                        Delivering to Italy?
                    </div>
                </div>
                <div class="modal-body text-center">
                    <p>
                        We're showing you items that ship to the United Kingdom. But we've noticed you're visiting us from Italy.
                    </p>
                    <p class="product-to-remove">
                        To see items that ship to a different country, change your delivery destination.
                    </p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary-small order-2 order-sm-1" data-dismiss="modal">
                        Continue with it (€)
                    </button>
                    <button type="button" class="btn btn-primary-small checkout-delete-confirmation-btn delete-confirmation-btn order-1 order-sm-2 mb-3 mb-sm-0" data-dismiss="modal">
                        See all Countries
                    </button>
                </div>
            </div>
        </div>
    </div>
```

<style>
    .atlas-page.modal-open .modal-backdrop{
        z-index: 0;
    }

    .modal:before {
        content: "";
        position:fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.6);
    }
</style>
*/
/* stylelint-enable */
.modal {
  bottom: 0;
  display: none;
  right: 0;
  outline: 0;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50; }
  .modal.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear; }
  .modal.fade.show {
    opacity: 1; }
  .modal-dialog {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 33.75rem;
    min-height: 100%;
    pointer-events: none;
    position: relative;
    width: calc(100% - 1.25rem); }
    @media (min-width: 768px) {
      .modal-dialog {
        width: calc(100% - 4.25rem); } }
    @media (min-width: 1025px) {
      .modal-dialog {
        width: calc(100% - 3.75rem); } }
    .modal-dialog.m-medium {
      max-width: 62.25rem; }
    .modal-dialog.m-large {
      max-width: 100%; }
  .modal-content {
    background-color: #fff;
    border-radius: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 1rem auto;
    outline: 0;
    padding: 2.1875rem 1.25rem;
    pointer-events: auto;
    position: relative;
    width: 100%; }
    @media (min-width: 768px) {
      .modal-content {
        padding: 2.8125rem; } }
    .modal-content.m-secondary {
      padding: 1.875rem 0.625rem; }
      @media (min-width: 768px) {
        .modal-content.m-secondary {
          padding: 1.875rem; } }
    .modal-content.sort-modal-content {
      position: absolute;
      bottom: 0;
      padding: unset; }
    .modal-content.filter-modal-content {
      position: absolute;
      bottom: 0;
      padding: unset;
      height: 70%; }
  .modal-body.m-restricted {
    overflow-y: auto;
    scrollbar-color: #eba140 #efecf0;
    scrollbar-width: thin;
    margin: 0 -0.3125rem;
    max-height: calc(100vh - 12.5rem);
    min-height: 15.625rem;
    padding: 0 0.3125rem; }
    .modal-body.m-restricted::-webkit-scrollbar {
      width: 0.25rem; }
    .modal-body.m-restricted::-webkit-scrollbar-button {
      display: none; }
    .modal-body.m-restricted::-webkit-scrollbar-track, .modal-body.m-restricted::-webkit-scrollbar-track-piece {
      background: #efecf0;
      border-radius: 0.125rem; }
    .modal-body.m-restricted::-webkit-scrollbar-thumb {
      background: #eba140;
      border-radius: 0.125rem; }
    @media (min-width: 768px) {
      .modal-body.m-restricted {
        margin: 0 -1.25rem;
        padding: 0 1.25rem; } }
  .modal-body > p:last-of-type {
    font-weight: 700; }
    .otp .modal-body > p:last-of-type {
      font-weight: unset; }
  .modal-footer {
    border-radius: 0 0 0.5rem 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 1.875rem; }
    @media (min-width: 576px) {
      .modal-footer {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
    .modal-footer.m-sticky {
      background-color: #f9f9f9;
      margin: 0.9375rem -0.625rem 0;
      padding: 0.9375rem 0.625rem; }
      @media (min-width: 768px) {
        .modal-footer.m-sticky {
          margin: 0.9375rem -1.875rem 0;
          padding: 0.9375rem 1.875rem; } }
    @media (min-width: 576px) {
      .modal-footer .btn {
        margin: 0 0.625rem;
        width: 11.25rem; } }
  .modal-backdrop, .modal-background {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    cursor: pointer;
    right: 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 40; }
  .modal-background {
    display: none; }
  .modal .close {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    line-height: 1;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    left: 0.625rem;
    top: 0.625rem; }
    @media (min-width: 768px) {
      .modal .close {
        left: 1.25rem;
        top: 1.25rem; } }
    .modal .close.m-secondary {
      top: 1.875rem; }
      @media (min-width: 768px) {
        .modal .close.m-secondary {
          left: 1.875rem; } }
    .modal .close::before {
      font-family: iconsFont;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      vertical-align: middle; }
    .modal .close::before {
      content: "";
      font-size: 1.125rem; }
  .modal-open {
    overflow: hidden; }
    @media (min-width: 1025px) {
      .modal-open {
        margin-left: 1.0625rem; } }
    @media (min-width: 1025px) {
      .modal-open .header-main.m-sticky {
        margin-left: 1.0625rem; } }
    .modal-open .modal {
      overflow-x: hidden;
      overflow-y: auto; }

#flooriModal .modal-dialog {
  max-width: 100%; }
  #flooriModal .modal-dialog .floori-modal-iframe {
    border: none;
    height: 82vh;
    width: 100%; }

@media (min-width: 576px) and (max-width: 1024.98px) {
  .navigation {
    max-width: 23.4375rem; } }

@media (max-width: 1024.98px) {
  .navigation {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: #fff;
    bottom: 0;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    overflow: hidden;
    position: fixed;
    left: 100%;
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: hidden;
    width: 100%;
    z-index: 20; } }
  @media (max-width: 1024.98px) and (prefers-reduced-motion: reduce) {
    .navigation {
      -webkit-transition: none;
      transition: none; } }

@media (max-width: 1024.98px) {
    .navigation .container {
      padding-right: 0;
      padding-left: 0; }
    .navigation [class*="col-"],
    .navigation .col {
      padding-right: 0;
      padding-left: 0;
      position: static; }
    .navigation .row {
      margin-right: 0;
      margin-left: 0; } }

@media (min-width: 1025px) {
  .navigation {
    border-bottom: 0.0625rem solid #ccc;
    padding-top: 0.625rem; } }

.navigation-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 0.0625rem solid #ccc; }
  .navigation-head-item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #f9f9f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    height: 3.875rem;
    padding: 0.9375rem 1.875rem 0.9375rem 1.625rem; }
    @media (max-width: 1024.98px) {
      .navigation-head-item {
        background-color: #fff; } }

.navigation-button-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  border: none;
  padding: 0.125rem;
  font-size: 1rem;
  position: relative;
  z-index: 1; }
  .navigation-button-toggle::before {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: rgba(0, 0, 0, 0.6);
    content: '';
    height: 200%;
    right: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%; }
    @media (prefers-reduced-motion: reduce) {
      .navigation-button-toggle::before {
        -webkit-transition: none;
        transition: none; } }

.navigation-button-back {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  border: none;
  padding: 0.375rem 0 0.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 0.6875rem;
  text-transform: uppercase; }
  .navigation-button-back::before {
    content: "";
    color: #c2c2c2;
    margin: -0.125rem 0 0 0.625rem;
    font-size: 1.125rem;
    -webkit-transform: none;
            transform: none; }

.navigation-button-close {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  border: none;
  padding: 0;
  color: #0065a4;
  font-size: 1.125rem;
  margin-right: auto; }

.navigation-assets-container {
  margin-bottom: 1.25rem; }
  @media (max-width: 1024.98px) {
    .navigation-assets-container:not(.mobile-slot) {
      display: none; } }
  .navigation-assets-container.mobile-slot {
    margin-right: 0.625rem;
    margin-left: 0.625rem; }
    @media (min-width: 1025px) {
      .navigation-assets-container.mobile-slot {
        display: none; } }
  .navigation-assets-container .navigation-container {
    display: grid;
    gap: 0.625rem;
    width: 100%; }
    @media (min-width: 1025px) {
      .navigation-assets-container .navigation-container {
        margin: 0 1.5625rem; } }
    .navigation-assets-container .navigation-container .banner-content-wrapper {
      width: 100%;
      height: 100%;
      border-radius: 1rem;
      background-size: cover;
      background-position: center; }
    @media (max-width: 1439.98px) {
      .navigation-assets-container .navigation-container .navigation-banner-item {
        width: 100%; } }
    .navigation-assets-container .navigation-container-1 {
      grid-template-columns: 1fr; }
      .navigation-assets-container .navigation-container-1 .navigation-banner-item {
        grid-column: span 1;
        grid-row: span 1;
        /* stylelint-disable-next-line property-no-unknown */
        aspect-ratio: 3.13; }
        @media (min-width: 1025px) {
          .navigation-assets-container .navigation-container-1 .navigation-banner-item {
            width: 23.4375rem;
            height: 21.875rem; } }
    .navigation-assets-container .navigation-container-3 {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(2, 1fr); }
      @media (max-width: 1439.98px) {
        .navigation-assets-container .navigation-container-3 {
          grid-template-rows: repeat(2, auto); } }
      .navigation-assets-container .navigation-container-3 .navigation-banner-item:not(:last-child) {
        grid-column: span 1;
        grid-row: span 1;
        /* stylelint-disable-next-line property-no-unknown */
        aspect-ratio: 2.17; }
        @media (min-width: 1025px) {
          .navigation-assets-container .navigation-container-3 .navigation-banner-item:not(:last-child) {
            width: 11.6875rem;
            height: 5.625rem; } }
      .navigation-assets-container .navigation-container-3 .navigation-banner-item:last-child {
        grid-column: span 2;
        grid-row: span 1;
        /* stylelint-disable-next-line property-no-unknown */
        aspect-ratio: 3.13; }
        @media (min-width: 1025px) {
          .navigation-assets-container .navigation-container-3 .navigation-banner-item:last-child {
            width: 24.0625rem;
            height: 5.625rem; } }
    .navigation-assets-container .navigation-container-2 {
      grid-template-columns: 1fr;
      grid-template-rows: repeat(2, 1fr); }
      @media (max-width: 1439.98px) {
        .navigation-assets-container .navigation-container-2 {
          grid-template-rows: repeat(2, auto); } }
      @media (min-width: 1025px) {
        .navigation-assets-container .navigation-container-2 .navigation-banner-item {
          width: 23.4375rem;
          height: 8.125rem; } }

.navigation-menu {
  position: relative; }
  @media (max-width: 1024.98px) {
    .navigation-menu {
      -webkit-transition: opacity 0.1s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out;
      transition: opacity 0.1s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out, opacity 0.1s ease-in-out 0.2s;
      transition: transform 0.2s ease-in-out, opacity 0.1s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out;
      background-color: #f9f9f9;
      right: 0;
      position: absolute;
      top: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); } }
  @media (max-width: 1024.98px) and (prefers-reduced-motion: reduce) {
    .navigation-menu {
      -webkit-transition: none;
      transition: none; } }
  @media (max-width: 1024.98px) {
      .navigation-menu.m-level-1 {
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0); }
      .navigation-menu.m-level-2 {
        -webkit-transform: translate3d(200%, 0, 0);
                transform: translate3d(200%, 0, 0); } }
  .navigation-menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 0.75rem; }
    @media (min-width: 768px) {
      .navigation-menu-list {
        padding: 0.5rem 0 0 0; } }
    .navigation-menu-list-title {
      font-size: 16px;
      padding: 0 0.75rem;
      margin: 0;
      font-weight: 700; }
      .navigation-assets-container .navigation-menu-list-title {
        padding: 0; }
      @media (min-width: 1025px) {
        .navigation-menu-list-title {
          display: none; }
          .navigation-assets-container .navigation-menu-list-title {
            display: block;
            color: #4e004f;
            padding-right: 1.875rem;
            font-weight: 500; } }
    @media (max-width: 1024.98px) {
      .navigation-menu-list {
        margin-bottom: 3.125rem;
        max-height: 0%;
        overflow: hidden; }
        .m-level-1 .navigation-menu-list {
          -webkit-transition: all 0s 0.2s;
          transition: all 0s 0.2s;
          margin-bottom: 0;
          max-height: 0; } }
    @media (max-width: 1024.98px) and (prefers-reduced-motion: reduce) {
      .m-level-1 .navigation-menu-list {
        -webkit-transition: none;
        transition: none; } }
    .navigation-menu-list.top-categories {
      padding: 0; }
      @media (max-width: 1024.98px) {
        .navigation-menu-list.top-categories {
          padding: 0 0.75rem;
          overflow-x: auto;
          margin: 0.625rem 0; }
          .navigation-menu-list.top-categories::-webkit-scrollbar {
            -webkit-appearance: none;
            height: 0.25rem; } }
      @media (max-width: 1024.98px) {
        .navigation-menu-list.top-categories .homepage {
          display: none; } }
    .navigation-menu-list.bottom-categories {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 0.3125rem;
      margin-bottom: 0.75rem;
      overflow-y: auto; }
      @media (min-width: 768px) {
        .navigation-menu-list.bottom-categories {
          margin-bottom: 0;
          border-bottom: 0.0625rem solid #efecf0;
          overflow-y: visible; } }
      @media (max-width: 1024.98px) {
        .navigation-menu-list.bottom-categories {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          grid-column-gap: 0.75rem;
          grid-row-gap: 0.75rem;
          margin-bottom: 1.25rem;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: start; } }
      .navigation-menu-list.bottom-categories .navigation-menu-item .navigation-menu-link .navigation-menu-link-image-wrapper img {
        -o-object-fit: cover;
           object-fit: cover;
        width: 100%;
        height: auto;
        border-radius: 0.5rem; }
  .navigation-menu-link {
    -webkit-transition: color 0.2s, background-color 0.2s;
    transition: color 0.2s, background-color 0.2s;
    color: #051f2f;
    display: block;
    padding: 0;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    z-index: 1; }
    @media (prefers-reduced-motion: reduce) {
      .navigation-menu-link {
        -webkit-transition: none;
        transition: none; } }
    @media (min-width: 1025px) {
      .navigation-menu-link {
        font-size: 0.6875rem;
        padding: 0.625rem 0.625rem;
        text-align: center; } }
    @media (min-width: 1440px) {
      .navigation-menu-link {
        font-size: 0.8125rem;
        padding: 0.625rem 0.9375rem; } }
    @media (max-width: 1024.98px) {
      .navigation-menu-link-image-wrapper-text {
        display: none; } }
    @media (min-width: 1025px) {
      .navigation-menu-link-image-wrapper-image {
        display: none; } }
    .navigation-menu-link.m-primary {
      display: block;
      font-weight: 600; }
      .navigation-menu-link.m-primary.menu-item {
        font-weight: 600; }
  @media (max-width: 1024.98px) {
    .navigation-menu-item {
      border-top: 0.0625rem solid #efecf0; }
      .navigation-menu-item:last-child {
        border-bottom: 0.0625rem solid #efecf0; }
      .navigation-menu-item.m-secondary {
        border-bottom-color: transparent;
        border-top-color: transparent; }
        .navigation-menu-item.m-secondary + .navigation-menu-item {
          border-top: transparent; } }
  @media (max-width: 1024.98px) and (max-width: 1024.98px) {
    .navigation-menu-item.no-border-mweb {
      border: none; } }
  @media (max-width: 1024.98px) and (max-width: 1024.98px) {
    .navigation-menu-item[role="menuitem"] {
      padding: 0.75rem; } }
  @media (min-width: 1025px) {
    .navigation-menu-item:hover .navigation-menu-link, .navigation-menu-item:active .navigation-menu-link {
      color: #f99d1c; }
    .navigation-menu-item:hover .navigation-submenu, .navigation-menu-item:active .navigation-submenu {
      opacity: 1;
      visibility: visible; } }
  @media (min-width: 1025px) {
    .navigation-menu-item.active:hover .navigation-menu-link, .navigation-menu-item.active:active .navigation-menu-link {
      color: #fff; } }
  @media (min-width: 1025px) {
    .top-categories .navigation-menu-item.active .navigation-menu-link, .top-categories .navigation-menu-item.active.homepage {
      background-color: #eba140;
      color: #fff;
      font-weight: 700;
      border-radius: 1rem; }
    .bottom-categories .navigation-menu-item.active .navigation-menu-link, .bottom-categories .navigation-menu-item.active.homepage {
      border-bottom: 0.125rem solid #f99d1c;
      color: #f99d1c; } }
  @media (min-width: 1025px) {
    .navigation-menu-item.m-expanded .navigation-menu-link {
      color: #f99d1c; }
    .navigation-menu-item.m-expanded .navigation-submenu {
      opacity: 1;
      visibility: visible; } }
  @media (min-width: 1025px) {
    .navigation-menu-item.m-dropdown:not(.m-secondary) .navigation-menu-link::after {
      -webkit-transition: -webkit-transform 0.2s;
      transition: -webkit-transform 0.2s;
      transition: transform 0.2s;
      transition: transform 0.2s, -webkit-transform 0.2s;
      border-bottom: 0.125rem solid #f99d1c;
      bottom: 0;
      content: '';
      right: 0;
      position: absolute;
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
      width: 100%; } }
  @media (min-width: 1025px) and (prefers-reduced-motion: reduce) {
    .navigation-menu-item.m-dropdown:not(.m-secondary) .navigation-menu-link::after {
      -webkit-transition: none;
      transition: none; } }
  @media (min-width: 1025px) {
    .navigation-menu-item.m-dropdown:not(.m-secondary):hover .navigation-menu-link, .navigation-menu-item.m-dropdown:not(.m-secondary):active .navigation-menu-link {
      color: #f99d1c; }
      .navigation-menu-item.m-dropdown:not(.m-secondary):hover .navigation-menu-link::after, .navigation-menu-item.m-dropdown:not(.m-secondary):active .navigation-menu-link::after {
        -webkit-transform: scaleX(1);
                transform: scaleX(1); } }
  @media (min-width: 1025px) {
    .navigation-menu-item.m-dropdown:not(.m-secondary).active:hover .navigation-menu-link, .navigation-menu-item.m-dropdown:not(.m-secondary).active:active .navigation-menu-link {
      color: #fff; }
      .bottom-categories .navigation-menu-item.m-dropdown:not(.m-secondary).active:hover .navigation-menu-link, .bottom-categories .navigation-menu-item.m-dropdown:not(.m-secondary).active:active .navigation-menu-link {
        color: #eba140; }
      .navigation-menu-item.m-dropdown:not(.m-secondary).active:hover .navigation-menu-link::after, .navigation-menu-item.m-dropdown:not(.m-secondary).active:active .navigation-menu-link::after {
        -webkit-transform: scaleX(0);
                transform: scaleX(0); } }
  @media (min-width: 1025px) {
    .navigation-menu-item.m-dropdown:not(.m-secondary).m-expanded .navigation-menu-link {
      color: #f99d1c;
      /* stylelint-disable-next-line */ }
      .navigation-menu-item.m-dropdown:not(.m-secondary).m-expanded .navigation-menu-link::after {
        -webkit-transform: scaleX(1);
                transform: scaleX(1); } }
  @media (min-width: 1025px) {
    .navigation-menu-item.m-secondary {
      margin: 0 0.3125rem; } }
  .navigation-menu-item.m-secondary .navigation-menu-link {
    background-color: #eba140;
    color: #fff; }
    @media (max-width: 1024.98px) {
      .navigation-menu-item.m-secondary .navigation-menu-link::after {
        color: inherit; } }
    @media (min-width: 1025px) {
      .navigation-menu-item.m-secondary .navigation-menu-link {
        border-radius: 1.25rem;
        padding: 0.5rem 0.9375rem 0.4375rem; } }
  @media (min-width: 1025px) {
    .navigation-menu-item.m-secondary .navigation-submenu-inner::before {
      bottom: 100%;
      content: '';
      height: 0.75rem;
      right: 0;
      position: absolute;
      left: 0; } }
  @media (min-width: 1025px) {
    .navigation-menu-item.m-secondary:hover .navigation-menu-link, .navigation-menu-item.m-secondary:active .navigation-menu-link {
      background-color: #f99d1c; } }
  @media (min-width: 1025px) {
    .navigation-menu-item.m-secondary.active:hover .navigation-menu-link, .navigation-menu-item.m-secondary.active:active .navigation-menu-link {
      background-color: #eba140; } }
  .navigation-menu-parent {
    border-top: 0.0625rem solid #efecf0;
    display: block;
    font-weight: 700;
    padding: 1rem 1.875rem 1rem 3.125rem;
    text-transform: uppercase; }
    .navigation-menu-parent.m-secondary {
      background-color: #f9f9f9; }

@media (max-width: 767.98px) {
  .navigation-menu-wrapper {
    max-height: 100vh;
    /* stylelint-disable-next-line unit-no-unknown */ }
    @supports (height: 100dvh) {
      .navigation-menu-wrapper {
        /* stylelint-disable-next-line unit-no-unknown */
        max-height: 100dvh; } } }

@media (min-width: 576px) and (max-width: 1024.98px) {
  .navigation-menu-wrapper {
    max-height: calc(100vh - 3.875rem - env(safe-area-inset-bottom));
    /* stylelint-disable-next-line unit-no-unknown */ }
    @supports (height: 100dvh) {
      .navigation-menu-wrapper {
        /* stylelint-disable-next-line unit-no-unknown */
        max-height: calc(100dvh - 3.875rem - env(safe-area-inset-bottom)); } } }

@media (max-width: 1024.98px) {
  .navigation-menu-wrapper {
    overflow-y: auto;
    scrollbar-color: #eba140 #efecf0;
    scrollbar-width: thin;
    padding-bottom: calc(env(safe-area-inset-bottom) + 1rem);
    scroll-padding-bottom: calc(env(safe-area-inset-bottom) + 1rem); }
    .navigation-menu-wrapper::-webkit-scrollbar {
      width: 0.25rem; }
    .navigation-menu-wrapper::-webkit-scrollbar-button {
      display: none; }
    .navigation-menu-wrapper::-webkit-scrollbar-track, .navigation-menu-wrapper::-webkit-scrollbar-track-piece {
      background: #efecf0;
      border-radius: 0.125rem; }
    .navigation-menu-wrapper::-webkit-scrollbar-thumb {
      background: #eba140;
      border-radius: 0.125rem; } }

@media (max-width: 1024.98px) {
  .navigation-submenu {
    background-color: #f8f8f899;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    right: 100%;
    position: absolute;
    top: 3.875rem;
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.4s ease;
    transition: opacity 0.2s ease, -webkit-transform 0.4s ease;
    transition: opacity 0.2s ease, transform 0.4s ease;
    transition: opacity 0.2s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
    will-change: opacity, transform;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
    width: 100%; }
    .navigation-submenu.active {
      opacity: 1;
      pointer-events: auto;
      visibility: visible;
      -webkit-transform: translateX(0);
              transform: translateX(0); } }

.navigation-submenu-tile-img {
  position: static;
  width: 2.8125rem;
  height: 2.8125rem;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-left: 0.625rem; }

@media (min-width: 1025px) {
  .navigation-submenu {
    -webkit-transition: opacity 0.2s ease-in-out 0.7s, visibility 0.2s ease-in-out 0.7s;
    transition: opacity 0.2s ease-in-out 0.7s, visibility 0.2s ease-in-out 0.7s;
    background-color: #fff;
    right: 0;
    opacity: 0;
    padding: 1.5rem 2.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    top: 100%;
    visibility: hidden;
    z-index: 4;
    max-height: calc(100vh - 10rem);
    overflow: hidden;
    -webkit-box-shadow: 0 5px 10px 0 #0000001a;
            box-shadow: 0 5px 10px 0 #0000001a; } }
  @media (min-width: 1025px) and (prefers-reduced-motion: reduce) {
    .navigation-submenu {
      -webkit-transition: none;
      transition: none; } }

@media (min-width: 1025px) {
    .navigation-submenu::after {
      background-color: currentColor;
      -webkit-box-shadow: -20px 0 0 currentColor, 20px 0 0 currentColor;
              box-shadow: -20px 0 0 currentColor, 20px 0 0 currentColor;
      color: #fff;
      content: '';
      height: 100%;
      right: 50%;
      position: absolute;
      -webkit-transform: translateX(50%);
              transform: translateX(50%);
      width: calc(100vw - 40px);
      z-index: -1;
      top: 0; }
    .navigation-submenu::before {
      background-color: currentColor;
      -webkit-box-shadow: -1.25rem 0 0 currentColor, 1.25rem 0 0 currentColor, 0 50vh 0 1.25rem currentColor;
              box-shadow: -1.25rem 0 0 currentColor, 1.25rem 0 0 currentColor, 0 50vh 0 1.25rem currentColor;
      color: #000;
      content: '';
      height: 50vh;
      right: 50%;
      opacity: 0.6;
      pointer-events: none;
      position: absolute;
      -webkit-transform: translateX(50%);
              transform: translateX(50%);
      width: calc(100vw - 2.5rem);
      z-index: -1; } }

@media (max-width: 1024.98px) {
  .navigation-submenu-container {
    overflow-y: auto;
    scrollbar-color: #eba140 #efecf0;
    scrollbar-width: thin;
    max-height: calc(100vh - 3.875rem - env(safe-area-inset-bottom));
    /* stylelint-disable-next-line unit-no-unknown */
    padding-bottom: calc(env(safe-area-inset-bottom) + 1rem);
    scroll-padding-bottom: calc(env(safe-area-inset-bottom) + 1rem); }
    .navigation-submenu-container::-webkit-scrollbar {
      width: 0.25rem; }
    .navigation-submenu-container::-webkit-scrollbar-button {
      display: none; }
    .navigation-submenu-container::-webkit-scrollbar-track, .navigation-submenu-container::-webkit-scrollbar-track-piece {
      background: #efecf0;
      border-radius: 0.125rem; }
    .navigation-submenu-container::-webkit-scrollbar-thumb {
      background: #eba140;
      border-radius: 0.125rem; }
    @supports (height: 100dvh) {
      .navigation-submenu-container {
        /* stylelint-disable-next-line unit-no-unknown */
        max-height: calc(100dvh - 3.875rem - env(safe-area-inset-bottom)); } } }

@media (max-width: 1024.98px) {
  .navigation-submenu-container-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0.75rem;
    height: 3.4375rem; } }

@media (min-width: 1025px) {
  .navigation-submenu-container-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 0.9375rem 0.9375rem;
    border-bottom: 0.0625rem solid; } }

.navigation-submenu-container-items {
  background-color: #fff; }
  @media (max-width: 1024.98px) {
    .navigation-submenu-container-items {
      width: 100%; } }
  @media (min-width: 1025px) {
    .navigation-submenu-container-items {
      margin: 0 0.3125rem;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 25%;
              flex: 0 0 25%;
      max-width: 25%; } }

@media (max-width: 1439.98px) {
  .navigation-submenu-container .navigation-assets-container.mobile-slot.m-0 .banner {
    padding: 0 10px; } }

@media (min-width: 1025px) {
  .navigation-submenu-inner {
    overflow-y: auto;
    scrollbar-color: #eba140 #efecf0;
    scrollbar-width: thin;
    max-height: calc(100vh - 15.625rem);
    overflow-y: auto;
    padding-bottom: 0.3125rem; }
    .navigation-submenu-inner::-webkit-scrollbar {
      width: 0.25rem; }
    .navigation-submenu-inner::-webkit-scrollbar-button {
      display: none; }
    .navigation-submenu-inner::-webkit-scrollbar-track, .navigation-submenu-inner::-webkit-scrollbar-track-piece {
      background: #efecf0;
      border-radius: 0.125rem; }
    .navigation-submenu-inner::-webkit-scrollbar-thumb {
      background: #eba140;
      border-radius: 0.125rem; } }

.navigation-submenu-inner-container {
  margin: 0;
  gap: 0.375rem; }
  @media (min-width: 768px) {
    .navigation-submenu-inner-container {
      gap: 6.25rem;
      row-gap: 1.25rem; } }

@media (max-width: 1024.98px) {
  .navigation-submenu-title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0 1.875rem 0 3.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    height: 3.375rem;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0%;
    line-height: 1.5; }
    .navigation-submenu-title.m-dropdown::after {
      font-family: iconsFont;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      vertical-align: middle; }
    .navigation-submenu-title.m-dropdown::after {
      content: "";
      color: #c2c2c2;
      position: absolute;
      left: 1.875rem;
      top: 50%;
      font-size: 1.125rem;
      -webkit-transform: translateY(-50%) scaleX(-1);
              transform: translateY(-50%) scaleX(-1); } }

@media (min-width: 1025px) {
  .navigation-submenu-title {
    color: #3f3936;
    border-bottom: 0.0625rem solid #eba140;
    border-bottom: unset;
    font-weight: 700;
    line-height: 1.4;
    font-size: 14px;
    margin-bottom: 0.625rem; } }
  @media (min-width: 1025px) and (min-width: 1025px) {
    .navigation-submenu-title:hover, .navigation-submenu-title:active {
      border-bottom-color: transparent;
      color: #f99d1c; } }

@media (min-width: 1025px) {
    .navigation-submenu-title:hover {
      position: relative; }
      .navigation-submenu-title:hover::before {
        content: '';
        position: absolute;
        right: 0;
        width: 0.1875rem;
        margin-right: -0.625rem;
        height: 1.5rem;
        background-color: #eba140; } }

@media (max-width: 1024.98px) {
  .navigation-submenu-list {
    overflow-y: auto;
    scrollbar-color: #eba140 #efecf0;
    scrollbar-width: thin;
    border-bottom: 0.0625rem solid #efecf0;
    display: none;
    right: 100%;
    max-height: calc(100vh - 3.875rem - env(safe-area-inset-bottom));
    /* stylelint-disable-next-line unit-no-unknown */
    position: absolute;
    top: 0;
    width: 100%;
    padding-bottom: calc(env(safe-area-inset-bottom) + 1rem);
    scroll-padding-bottom: calc(env(safe-area-inset-bottom) + 1rem); }
    .navigation-submenu-list::-webkit-scrollbar {
      width: 0.25rem; }
    .navigation-submenu-list::-webkit-scrollbar-button {
      display: none; }
    .navigation-submenu-list::-webkit-scrollbar-track, .navigation-submenu-list::-webkit-scrollbar-track-piece {
      background: #efecf0;
      border-radius: 0.125rem; }
    .navigation-submenu-list::-webkit-scrollbar-thumb {
      background: #eba140;
      border-radius: 0.125rem; }
    @supports (height: 100dvh) {
      .navigation-submenu-list {
        /* stylelint-disable-next-line unit-no-unknown */
        max-height: calc(100dvh - 3.875rem - env(safe-area-inset-bottom)); } }
    .navigation-submenu-list.active {
      display: block; } }

@media (max-width: 1024.98px) {
  .navigation-submenu-item {
    border-top: 0.0625rem solid #efecf0; } }

@media (min-width: 1025px) {
  .navigation-submenu-item {
    margin-top: 0.75rem; } }

.navigation-submenu-link {
  border: 0 !important; }
  @media (max-width: 1024.98px) {
    .navigation-submenu-link {
      display: block;
      padding: 1rem 1.875rem 1rem 3.125rem;
      text-transform: uppercase; } }

.navigation-submenu-viewall {
  color: #3f3936;
  border-bottom: 0.0625rem solid #eba140;
  display: inline-block;
  font-weight: 700;
  margin-top: 0.625rem; }
  @media (min-width: 1025px) {
    .navigation-submenu-viewall:hover, .navigation-submenu-viewall:active {
      border-bottom-color: transparent;
      color: #f99d1c; } }

.navigation-submenu-promo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 27%;
          flex: 0 0 27%;
  min-width: 20rem; }

.navigation-opened {
  overflow: hidden; }
  @media (max-width: 1024.98px) {
    .navigation-opened .navigation {
      background: #f9f9f9;
      -webkit-transform: translate3d(-100%, 0, 0);
              transform: translate3d(-100%, 0, 0);
      visibility: visible; }
      .navigation-opened .navigation-button-toggle::before {
        opacity: 1;
        visibility: visible; } }

.top-categories-mobile {
  padding: 1.25rem 0; }
  .top-categories-mobile .top-category-slider-wrapper {
    max-height: 7.5rem;
    overflow: hidden; }
    .top-categories-mobile .top-category-slider-wrapper .slider-component {
      height: 100%; }
      .top-categories-mobile .top-category-slider-wrapper .slider-component .slider-component-container {
        height: 100%; }
        .top-categories-mobile .top-category-slider-wrapper .slider-component .slider-component-container .slider-component-items {
          height: 7.5rem; }
          .top-categories-mobile .top-category-slider-wrapper .slider-component .slider-component-container .slider-component-items .slider-component-item {
            height: 100%;
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
            .top-categories-mobile .top-category-slider-wrapper .slider-component .slider-component-container .slider-component-items .slider-component-item .slider-component-item-link {
              height: 100%;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              background-color: #ccc;
              border-radius: 0.75rem;
              margin: 0 0.3125rem;
              text-decoration: none;
              font-weight: 600;
              -webkit-transition: all 0.3s ease;
              transition: all 0.3s ease; }
              .top-categories-mobile .top-category-slider-wrapper .slider-component .slider-component-container .slider-component-items .slider-component-item .slider-component-item-link:hover {
                background-color: #eba140;
                color: #fff;
                -webkit-transform: translateY(-0.125rem);
                        transform: translateY(-0.125rem); }
              .top-categories-mobile .top-category-slider-wrapper .slider-component .slider-component-container .slider-component-items .slider-component-item .slider-component-item-link .slider-component-item-link-title {
                font-size: 0.6875rem;
                text-align: center;
                padding: 0.5rem 0.75rem;
                line-height: 1.2; }
            .top-categories-mobile .top-category-slider-wrapper .slider-component .slider-component-container .slider-component-items .slider-component-item.top-category-slide-item {
              padding: 0 0.25rem; }

.content-navigation-section-new .carousel-hero-container .slick-track {
  height: 140px; }

.content-navigation-section-new .carousel-hero-container .carousel-item {
  background-size: cover;
  height: 135px;
  padding: 0;
  margin: 0;
  border-radius: 12px; }

/*stylelint-disable*/
/*md
# Payment-icons
```html
    <div class="payment-icons">
        <ul class="payment-icons-list no-bullet d-flex align-items-center justify-content-between">
            <li class="payment-icons-item"><span class="icon payment-icons-item-icon icon-payment-mada"></span></li>
            <li class="payment-icons-item"><span class="icon payment-icons-item-icon icon-payment-mc"></span></li>
            <li class="payment-icons-item"><span class="icon payment-icons-item-icon icon-payment-visa"></span></li>
            <li class="payment-icons-item"><span class="icon payment-icons-item-icon icon-payment-cash"></span></li>
        </ul>
    </div>
```

```html_example
<div style="max-width: 360px; margin: 0 auto;">
    <div class="payment-icons">
        <ul class="payment-icons-list no-bullet d-flex align-items-center justify-content-between">
            <li class="payment-icons-item"><span class="icon payment-icons-item-icon icon-payment-mada"></span></li>
            <li class="payment-icons-item"><span class="icon payment-icons-item-icon icon-payment-mc"></span></li>
            <li class="payment-icons-item"><span class="icon payment-icons-item-icon icon-payment-visa"></span></li>
            <li class="payment-icons-item"><span class="icon payment-icons-item-icon icon-payment-cash"></span></li>
        </ul>
    </div>
</div>
```
*/
/*stylelint-enable*/
.payment-icons-item-icon {
  font-size: 1.25rem;
  opacity: 0.8; }

.payment-icons-list {
  gap: 10px; }
  @media (max-width: 767.98px) {
    .payment-icons-list .payment-icons-list {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width: auto; } }

.popover {
  background: #fff;
  height: 100vh;
  right: auto;
  max-width: 29.375rem;
  min-height: 6.25rem;
  min-width: 29.375rem;
  position: fixed;
  left: -100%;
  top: 0;
  z-index: 50; }
  @media (max-width: 767.98px) {
    .popover {
      min-width: 22.5rem; } }
  .popover.show {
    left: 0;
    -webkit-transition: all 0.7s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 0.7s cubic-bezier(0.2, 1, 0.3, 1); }
  .popover-background {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    cursor: pointer;
    right: 0;
    position: fixed;
    left: 0;
    top: 0;
    visibility: hidden;
    z-index: 40; }
    .popover-background.show {
      visibility: visible; }
  @media (max-width: 767.98px) {
    .popover-add-to-cart {
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      width: 100%; } }
  .popover-add-to-cart-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #f9f9f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 1.25rem 1.875rem; }
    @media (max-width: 767.98px) {
      .popover-add-to-cart-header {
        padding: 0.3125rem; } }
    .popover-add-to-cart-header-title {
      font-size: 1.075rem;
      margin: auto 0; }
  .popover-add-to-cart-list {
    padding-top: 1rem; }
  @media (max-width: 767.98px) {
    .popover-add-to-cart-line-item-details {
      margin-bottom: 0; } }
  .popover-add-to-cart-line-item-name {
    color: #828282;
    margin-bottom: 1.5625rem;
    padding-left: 1.875rem;
    width: calc(100% - 1.5rem);
    word-break: break-word; }
    @media (max-width: 767.98px) {
      .popover-add-to-cart-line-item-name {
        margin-bottom: 0.75rem; } }
    .popover-add-to-cart-line-item-name b {
      font-size: 1rem; }
  .popover-feedback {
    width: 100%;
    max-width: none;
    height: 100vh;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: none;
    transition: none; }
    .popover-feedback .popover-inner {
      max-width: none;
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .popover-feedback .popover-inner > * {
      background: white;
      border-radius: 16px;
      max-width: none; }
    @media (max-width: 767.98px) {
      .popover-feedback .popover-inner {
        max-width: 100%;
        width: 100%; } }

@media (min-width: 1025px) {
  .quick-view-carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0.0625rem; } }

.quick-view-carousel-tile {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 22.5%;
          flex: 0 0 22.5%;
  max-width: 22.5%;
  padding-left: 1.5625rem; }
  @media (max-width: 1024.98px) {
    .quick-view-carousel-tile {
      display: none; } }

@media (min-width: 1025px) {
  .quick-view-carousel-main {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 77.5%;
            flex: 0 0 77.5%;
    max-width: 77.5%; } }

.quick-view-header {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden; }
  @media (min-width: 1025px) {
    .quick-view-header {
      display: none; } }

.quick-view-header-lg {
  display: none; }
  @media (min-width: 1025px) {
    .quick-view-header-lg {
      -webkit-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      overflow: hidden; } }

/* stylelint-disable */
/*md
# Stylized scrollbar

## Vertical scrollbar

```html
    <div class="box-scrollbar"></div>
```

```html_example
    <div class="box-scrollbar guide-scrollbar-example">
        <div class="guide-scrollbar-example-vertical"></div>
    </div>
```

## Horizontal scrollbar

```html
    <div class="box-scrollbar m-horizontal"></div>
```

```html_example
    <div class="box-scrollbar m-horizontal guide-scrollbar-example">
        <div class="guide-scrollbar-example-horizontal"></div>
    </div>
```

<style>
    .guide-scrollbar-example {
        width: 300px;
        height: 300px;
    }
    .guide-scrollbar-example-vertical {
        height: 500px;
        background-color: #eee;
    }
    .guide-scrollbar-example-horizontal {
        width: 500px;
        height: 100%;
        background-color: #eee;
    }
</style>
*/
/* stylelint-enable */
.box-scrollbar {
  overflow-y: auto;
  scrollbar-color: #eba140 #efecf0;
  scrollbar-width: thin; }
  .box-scrollbar::-webkit-scrollbar {
    width: 0.25rem; }
  .box-scrollbar::-webkit-scrollbar-button {
    display: none; }
  .box-scrollbar::-webkit-scrollbar-track, .box-scrollbar::-webkit-scrollbar-track-piece {
    background: #efecf0;
    border-radius: 0.125rem; }
  .box-scrollbar::-webkit-scrollbar-thumb {
    background: #eba140;
    border-radius: 0.125rem; }
  .box-scrollbar.m-horizontal {
    overflow-x: auto; }
    .box-scrollbar.m-horizontal::-webkit-scrollbar {
      -webkit-appearance: none;
      height: 0.25rem; }

.section-title {
  margin-bottom: 0.625rem;
  font-size: 1.375rem; }

.shipping-method-arrival-time::after {
  content: "\200E"; }

@media (max-width: 767.98px) {
  .sidebar-nav {
    border: 0.0625rem solid #efecf0;
    border-radius: 0.5rem;
    margin-bottom: 2.1875rem; } }

@media (min-width: 768px) {
  .sidebar-nav {
    height: 100%; }
    .sidebar-nav::after {
      background-color: #efecf0;
      content: '';
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      width: 0.0625rem; } }

@media (min-width: 1440px) {
  .sidebar-nav {
    margin-right: 8.125rem; } }

@media (min-width: 768px) {
  .sidebar-nav-list.collapse {
    display: block; } }

.sidebar-nav-item {
  position: relative; }
  @media (max-width: 767.98px) {
    .sidebar-nav-item {
      border-top: 0.0625rem solid #efecf0; } }
  @media (min-width: 768px) {
    .sidebar-nav-item {
      margin-bottom: 1.25rem; }
      .sidebar-nav-item.m-last-item {
        margin-top: 2.5rem; } }

.sidebar-nav-link {
  color: #969696;
  display: inline-block;
  font-size: 0.9375rem;
  font-weight: 700; }
  .sidebar-nav-link.active {
    color: #f99d1c; }
  .sidebar-nav-link::before {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #f99d1c;
    content: '';
    height: 100%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: -0.875rem;
    top: 0;
    -webkit-transform: scaleY(0.3);
            transform: scaleY(0.3);
    width: 0.1875rem; }
    @media (prefers-reduced-motion: reduce) {
      .sidebar-nav-link::before {
        -webkit-transition: none;
        transition: none; } }
  @media (min-width: 1025px) {
    .sidebar-nav-link:hover, .sidebar-nav-link:active {
      color: #3f3936; }
      .sidebar-nav-link:hover::before, .sidebar-nav-link:active::before {
        opacity: 1;
        -webkit-transform: scaleY(1);
                transform: scaleY(1); } }
  @media (max-width: 767.98px) {
    .sidebar-nav-link {
      padding: 0.9375rem 0.625rem;
      width: 100%; } }

.sidebar-nav-logout-icon {
  margin-left: 0.625rem; }
  @media (min-width: 576px) {
    .sidebar-nav-logout-icon {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); } }

.sidebar-nav-sub-menu .sidebar-nav-item {
  padding-right: 1.25rem; }

.skip-nav {
  background-color: #fff;
  opacity: 0;
  padding: 1.25rem 2.5rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .skip-nav:focus {
    border: 0.0625rem solid #efecf0;
    clip: auto;
    height: auto;
    opacity: 1;
    width: auto;
    z-index: 2; }

.slider-component {
  width: 100%;
  padding: 1.25rem 0; }
  .top-category-slider .slider-component {
    padding: 0; }
  @media (min-width: 768px) {
    .slider-component {
      padding: 1.875rem 0; } }
  .slider-component-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    position: relative; }
  .slider-component-items-parent {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    text-align: center;
    padding-left: 1.25rem;
    margin-left: 1.25rem;
    border-left: 2px solid #d9d9d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 9.375rem; }
    @media (min-width: 768px) {
      .slider-component-items-parent {
        padding-bottom: 0.625rem; } }
    @media (max-width: 1024.98px) {
      .slider-component-items-parent {
        width: 7.5rem;
        padding-left: 0.9375rem;
        margin-left: 0.9375rem; } }
    @media (max-width: 767.98px) {
      .slider-component-items-parent {
        width: 6.25rem;
        padding-left: 0.625rem;
        margin-left: 0.625rem; } }
  .slider-component-items {
    overflow: hidden; }
    .slider-component-items.slider-component-items-parent {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .slider-component-items:not(.slider-component-items-parent) {
      -webkit-box-flex: 9;
          -ms-flex-positive: 9;
              flex-grow: 9; }
    .slider-component-items.slick-slider-component {
      position: relative; }
      .slider-component-items.slick-slider-component .slick-list {
        overflow-x: auto;
        height: 100%; }
        @media (min-width: 768px) {
          .slider-component-items.slick-slider-component .slick-list {
            padding-bottom: 0.625rem; } }
        .slider-component-items.slick-slider-component .slick-list::-webkit-scrollbar {
          height: 8px; }
        .slider-component-items.slick-slider-component .slick-list::-webkit-scrollbar-track {
          background: #efecf0;
          border-radius: 4px; }
        .slider-component-items.slick-slider-component .slick-list::-webkit-scrollbar-thumb {
          background: #4e004f;
          border-radius: 4px; }
        @media (max-width: 1024.98px) {
          .slider-component-items.slick-slider-component .slick-list {
            overflow: hidden; } }
      .slider-component-items.slick-slider-component .slick-track {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
        .top-category-slider .slider-component-items.slick-slider-component .slick-track {
          gap: 0; }
        .mobile-category-slider .slider-component-items.slick-slider-component .slick-track {
          gap: 0.5rem;
          margin: 0; }
  .slider-component-item {
    padding: 0.5rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    width: 7.5rem;
    visibility: hidden; }
    @media (max-width: 1024.98px) {
      .slider-component-item {
        width: 6.875rem;
        padding: 0.375rem; } }
    @media (max-width: 767.98px) {
      .slider-component-item {
        width: 6.25rem;
        padding: 0.25rem; } }
    .mobile-category-slider .slider-component-item {
      width: auto;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      padding: 0.25rem 0.375rem; }
      @media (max-width: 767.98px) {
        .mobile-category-slider .slider-component-item {
          padding: 0.25rem 0.25rem; } }
    .slick-initialized .slider-component-item {
      visibility: visible; }
  .slider-component-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-decoration: none;
    color: inherit;
    text-align: center;
    border-radius: 0.75rem;
    cursor: pointer;
    height: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .slider-component-item-link.selected .slider-component-item-link-title {
      font-weight: 700; }
    .slider-component-item-link.selected .slider-component-item-link-image img {
      border: 4px solid #eba140; }
      @media (max-width: 1024.98px) {
        .slider-component-item-link.selected .slider-component-item-link-image img {
          border: 3px solid #eba140; } }
  .slider-component-item-link-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    .top-category-slider .slider-component-item-link-image {
      width: unset;
      height: unset; }
    .slider-component-item-link-image img {
      border-radius: 50%;
      -o-object-fit: cover;
         object-fit: cover;
      border: 2px solid #efecf0;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      width: 5rem;
      height: 5rem;
      margin-bottom: 0.625rem; }
      @media (max-width: 1024.98px) {
        .slider-component-item-link-image img {
          width: 4.375rem;
          height: 4.375rem;
          margin-bottom: 0.5rem; } }
      @media (max-width: 767.98px) {
        .slider-component-item-link-image img {
          width: 3.75rem;
          height: 3.75rem;
          margin-bottom: 0.375rem; } }
      .top-category-slider .slider-component-item-link-image img {
        border-radius: 0.5rem;
        border: none;
        width: unset;
        height: unset; }
  .slider-component-item-link-title {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .slider-component-items-parent .slider-component-item-link-title {
      font-weight: 500;
      display: block;
      min-height: calc(1.2em * 2); }
    @media (max-width: 1024.98px) {
      .slider-component-item-link-title {
        font-size: 0.625rem; } }

.social-icon {
  font-size: 1.25rem;
  color: #eba140; }
  @media (min-width: 1025px) {
    .social-icon:hover, .social-icon:active {
      color: #f99d1c; } }

.social-item {
  position: relative; }
  .social-item-input-hidden {
    right: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0; }

.social-new-dropdown {
  position: relative;
  z-index: 1000; }
  .social-new-dropdown-list {
    background: white;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    list-style: none;
    margin: 0;
    padding: 8px 0;
    min-width: 230px;
    position: absolute;
    top: -30px;
    left: 40px; }
  .social-new-dropdown-item {
    margin: 0;
    padding: 0; }
  .social-new-dropdown-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px 16px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    border: none;
    background: none;
    width: 100%;
    text-align: right;
    cursor: pointer; }
    .social-new-dropdown-link:hover {
      background-color: #efecf0;
      text-decoration: none; }

.social-new-icon {
  width: 20px;
  height: 20px;
  margin-left: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  color: #4e004f;
  font-size: 20px;
  text-align: center; }

.social-new-text {
  font-size: 14px;
  line-height: 1.4;
  color: inherit; }

@-webkit-keyframes spinner-loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes spinner-loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

.spinner {
  animation: spinner-loader 2s linear infinite reverse;
  border: 0.225rem solid #eba140;
  -webkit-box-shadow: 0 0 0 1px #eba140 inset;
          box-shadow: 0 0 0 1px #eba140 inset;
  height: 2.25rem;
  right: 50%;
  margin: -1.125rem -1.125rem 0 0;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 2.25rem;
  z-index: 50; }
  .spinner::before {
    -webkit-animation: spinner-loader 2s cubic-bezier(0.59, 0.25, 0.4, 0.69) infinite;
            animation: spinner-loader 2s cubic-bezier(0.59, 0.25, 0.4, 0.69) infinite;
    background: #eba140;
    border-radius: 50%;
    content: "";
    height: 150%;
    right: -12.5%;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: top center;
            transform-origin: top center;
    width: 150%; }

.veil {
  height: 100%;
  right: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 50; }
  .veil .underlay {
    background-color: rgba(0, 0, 0, 0.15);
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 100%; }

.subscribe {
  position: relative;
  z-index: 1;
  text-align: center; }
  .subscribe::before {
    background-color: currentColor;
    -webkit-box-shadow: -20px 0 0 currentColor, 20px 0 0 currentColor;
            box-shadow: -20px 0 0 currentColor, 20px 0 0 currentColor;
    color: #efecf0;
    content: '';
    height: 1px;
    right: 50%;
    position: absolute;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    width: calc(100vw - 40px);
    z-index: -1;
    top: 0; }
  .subscribe-header {
    font-size: 0.9375rem; }
  .subscribe-text {
    font-size: 0.8125rem;
    margin-bottom: 1.25rem; }
  .subscribe-form {
    margin-bottom: 1rem;
    max-width: 28.75rem; }
    @media (min-width: 1025px) {
      .subscribe-form {
        max-width: 31.25rem; } }
  .subscribe-form-group {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%; }
    .subscribe-form-group .subscribe-input {
      font-size: 0.8125rem;
      padding: 0.6875rem 1rem 0.6875rem 1.625rem; }
      @media (min-width: 768px) {
        .subscribe-form-group .subscribe-input {
          font-size: 0.9375rem;
          padding: 0.9375rem 1.25rem 0.9375rem 1.875rem; } }
  .subscribe-button {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    border-radius: 0.5rem;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: #eba140;
    color: #fff;
    font-size: 0.9375rem;
    padding: 0.5rem 1rem;
    height: 2rem;
    font-size: 12px;
    min-width: 7.875rem;
    min-width: 30%;
    height: auto;
    position: relative; }
    .subscribe-button::before {
      line-height: 0;
      margin-left: 0.625rem; }
    .subscribe-button::after {
      margin-right: 0.625rem; }
    @media (min-width: 1025px) {
      .subscribe-button:hover, .subscribe-button:active {
        color: #fff;
        text-decoration: none; } }
    .subscribe-button.disabled {
      pointer-events: none;
      background-color: #ccc;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
              box-shadow: inset 0 0 0 0.0625rem #ccc;
      cursor: default; }
    .subscribe-button:has(.icon) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 0.25rem; }
    @media (min-width: 1025px) {
      .subscribe-button:hover, .subscribe-button:active {
        opacity: 0.8; } }
    .subscribe-button.disabled {
      background-color: #ccc; }

.table-stripy {
  margin-bottom: 1rem;
  width: 100%; }
  .table-stripy tbody tr:nth-child(odd) {
    background-color: #f9f9f9; }
  .table-stripy td {
    padding: 0.9375rem 1.25rem; }
    .table-stripy td + td {
      border-right: 4px solid #fff; }

.table-fixed {
  table-layout: fixed; }

/* stylelint-disable */
/*md

# Tooltip
For using tooltip on disabled button need use helper class 'disabled' not attribute 'disabled'.

```html
    <div class="js-tooltip-parent tooltip-parent">
        <button type="button" class="btn btn-primary-small">Checkout</button>
        <span class="js-tooltip tooltip d-none">
                To continue checkout process please fill fields marker as *,
                if you have any questions please do not hesitate to use our Support Centre
        </span>
    </div>
```

```html_example
    <div style="padding: 15px 0; display: flex; justify-content: space-around; align-items: center">
        <div class="js-tooltip-parent tooltip-parent">
            <button type="button" class="btn btn-primary-small disabled">
                Checkout (on button disabled)
            </button>
            <span class="js-tooltip tooltip d-none">
                To continue checkout process please fill fields marker as *,
                if you have any questions please do not hesitate to use our Support Centre
            </span>
        </div>

        <div class="js-tooltip-parent tooltip-parent">
            <button type="button" class="btn btn-primary-small">Checkout</button>
            <span class="js-tooltip tooltip d-none">
                    To continue checkout process please fill fields marker as *,
                    if you have any questions please do not hesitate to use our Support Centre
            </span>
        </div>

        <div class="js-tooltip-parent tooltip-parent">
            <a href="#" class="link-primary">Link text</a>
            <span class="js-tooltip tooltip d-none">
                To continue checkout process please fill fields marker as *,
                if you have any questions please do not hesitate to use our Support Centre
            </span>
        </div>
    </div>
```
*/
/* stylelint-enable */
.tooltip-parent {
  position: relative; }
  .tooltip-parent .tooltip {
    background: #eba140;
    border-radius: 0.5rem;
    color: #3f3936;
    font-size: 0.6875rem;
    font-weight: 400;
    right: 0;
    margin-top: 0.625rem;
    max-width: 100%;
    min-width: 9.375rem;
    padding: 0.625rem;
    position: absolute;
    text-align: right;
    top: 100%;
    z-index: 1000; }
  .tooltip-parent.tooltip-active::before {
    border-bottom: 0.3125rem solid #eba140;
    border-right: 0.3125rem solid transparent;
    border-left: 0.3125rem solid transparent;
    bottom: -0.625rem;
    content: '';
    display: block;
    height: 0;
    right: 0;
    margin: auto;
    position: absolute;
    left: 0;
    width: 0;
    z-index: 1000; }
  .tooltip-parent.tooltip-active .tooltip {
    opacity: 1; }
  .tooltip-parent.m-bottom::before {
    border-bottom: 0.3125rem solid #eba140;
    bottom: -0.625rem; }
  .tooltip-parent.m-bottom .tooltip {
    bottom: auto;
    margin-bottom: 0;
    margin-top: 0.625rem;
    top: 100%; }
  .tooltip-parent.m-right .tooltip {
    right: auto;
    left: 0; }
  .tooltip-parent.m-left .tooltip {
    right: 0;
    left: auto; }
  .tooltip-parent.m-top::before {
    border-bottom: 0.3125rem solid transparent;
    border-top: 0.3125rem solid #eba140;
    bottom: auto;
    top: -0.625rem; }
  .tooltip-parent.m-top .tooltip {
    bottom: 100%;
    margin-bottom: 0.625rem;
    margin-top: 0;
    top: auto; }
  .tooltip-parent.m-password .tooltip {
    max-width: initial;
    width: 21.25rem; }
    @media (max-width: 575.98px) {
      .tooltip-parent.m-password .tooltip {
        width: 100%; } }
  @media (max-width: 575.98px) {
    .tooltip-parent-wrapper {
      position: relative; }
      .tooltip-parent-wrapper .tooltip-parent {
        position: initial; }
        .tooltip-parent-wrapper .tooltip-parent::before {
          display: none; } }

.switch {
  position: relative;
  display: inline-block;
  width: 2.5rem;
  height: 1.25rem; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 30px; }

.slider::before {
  position: absolute;
  content: "";
  height: 1rem;
  width: 1rem;
  right: 0.125rem;
  bottom: 0.125rem;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%; }

input:checked + .slider {
  background-color: #eba140; }

input:checked + .slider::before {
  -webkit-transform: translateX(-19px);
          transform: translateX(-19px); }

input:disabled + .slider {
  background-color: #e6e6e6;
  cursor: not-allowed; }

.switch-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: 700; }

.layout-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.2rem;
  border-top: 2px solid #efecf0;
  margin-right: auto;
  padding: 0.7rem; }
  @media (max-width: 1024.98px) {
    .layout-grid {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly; } }
  .layout-grid-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.3rem; }
    @media (min-width: 768px) {
      .layout-grid-icons {
        display: none; } }
  .layout-grid-3, .layout-grid-2 {
    font-size: 1.5rem;
    cursor: pointer;
    opacity: 0.5; }
    .layout-grid-3.m-active, .layout-grid-2.m-active {
      color: #eba140;
      opacity: 1; }

.layout-grid-3-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: white;
  border: none;
  padding: 0;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  font-size: 1.6rem; }
  .layout-grid-3-btn::after {
    font-family: iconsFont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle; }
  .layout-grid-3-btn::after {
    content: ""; }
  @media (max-width: 1439.98px) {
    .layout-grid-3-btn {
      font-size: 1.5rem;
      padding: 0;
      display: inline-block;
      line-height: 1;
      vertical-align: middle; }
      .layout-grid-3-btn::after {
        font-family: iconsFont;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        vertical-align: middle; }
      .layout-grid-3-btn::after {
        content: ""; } }

.layout-grid-2-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: white;
  border: none;
  padding: 0;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  font-size: 1.5rem; }
  .layout-grid-2-btn::after {
    font-family: iconsFont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle; }
  .layout-grid-2-btn::after {
    content: ""; }
  @media (max-width: 1439.98px) {
    .layout-grid-2-btn {
      display: inline-block;
      line-height: 1;
      vertical-align: middle;
      -webkit-transform: rotate(-90);
              transform: rotate(-90); }
      .layout-grid-2-btn::after {
        font-family: iconsFont;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        vertical-align: middle; }
      .layout-grid-2-btn::after {
        content: ""; } }

@-webkit-keyframes scaleAnimation {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes scaleAnimation {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.tabby {
  font-size: 14px !important;
  color: #3f3936 !important;
  line-height: 21px !important;
  border: 1px solid #efecf0;
  border-radius: 12px;
  padding: 16px 16px;
  height: 100%; }
  .tabby-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  .tabby-container .modal-content {
    -webkit-animation: scaleAnimation 0.4s linear;
            animation: scaleAnimation 0.4s linear;
    padding: 0;
    margin-top: 10rem; }
    @media (max-width: 1439.98px) {
      .tabby-container .modal-content {
        margin-top: 5rem; } }
  .tabby-badge {
    width: 53px;
    height: 25px;
    top: -10px !important;
    position: absolute; }
  .tabby:hover {
    background-color: #f2f2f2;
    cursor: pointer;
    -webkit-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear; }

.tabby-iframe,
.tamara-iframe {
  height: 70vh;
  width: 100%;
  overflow: hidden;
  scrollbar-width: none;
  border: none;
  -ms-overflow-style: none;
  border-radius: 5px; }
  @media (max-width: 1439.98px) {
    .tabby-iframe,
    .tamara-iframe {
      height: 80vh; } }

.filter-refinements-dropdown {
  background-color: unset;
  border: none;
  text-align: right; }

.filter-refinements-container {
  background-color: rgba(235, 161, 64, 0.1) !important; }
  .filter-refinements-container .form-check {
    padding: 0.5rem 1.2rem;
    margin: 0; }
    .filter-refinements-container .form-check-label {
      margin: 0; }
    .filter-refinements-container .form-check.checked {
      background-color: #eba140 !important;
      font-weight: 700;
      border-right: 0.75rem solid #8f52a0; }

.filter-refinements-result {
  overflow-y: auto;
  scrollbar-color: #eba140 #efecf0;
  scrollbar-width: thin;
  border-right: 0.0625rem solid #efecf0; }
  .filter-refinements-result::-webkit-scrollbar {
    width: 0.25rem; }
  .filter-refinements-result::-webkit-scrollbar-button {
    display: none; }
  .filter-refinements-result::-webkit-scrollbar-track, .filter-refinements-result::-webkit-scrollbar-track-piece {
    background: #efecf0;
    border-radius: 0.125rem; }
  .filter-refinements-result::-webkit-scrollbar-thumb {
    background: #eba140;
    border-radius: 0.125rem; }

.filter-sort-container {
  position: fixed;
  bottom: 5%;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  z-index: 14;
  background-color: #193e60;
  border-radius: 20px; }
  .filter-sort-container-element {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .filter-sort-container-element hr {
      width: 2px;
      height: 10px;
      background-color: white; }
    @media (min-width: 1025px) {
      .filter-sort-container-element {
        display: none; } }

.filter-sort-btn {
  font-weight: 700;
  border: none;
  color: white;
  text-wrap: nowrap;
  padding: 0.8rem; }
  .filter-sort-btn > span {
    font-size: 0.625rem; }
  .filter-sort-btn .notifications {
    position: absolute;
    padding: 0.1875rem;
    border-radius: 50%;
    background-color: #e94f54;
    color: white;
    top: 0.75rem;
    left: 0.1875rem;
    display: none; }

.filter-footer-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  overflow-x: scroll;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  scrollbar-width: none; }
  .modal .filter-footer-modal {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: 0.3rem;
    margin-bottom: 0.3rem; }
  @media (max-width: 1024.98px) {
    .css-filter-container .filter-footer-modal {
      margin-bottom: 0.625rem; } }
  .filter-footer-modal .refinement-selected-hint {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0.2rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.4rem; }
    .filter-footer-modal .refinement-selected-hint > small {
      font-size: 80%;
      border: 2px solid #eba140;
      border-radius: 1rem;
      padding: 0.4rem;
      white-space: nowrap; }

.sorting-container .rules {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  border: none;
  text-align: right;
  width: 100%;
  padding: 0.625rem 0.3125rem; }
  .sorting-container .rules.selected {
    background-color: rgba(235, 161, 64, 0.1) !important; }
  .sorting-container .rules:hover {
    background-color: rgba(235, 161, 64, 0.1) !important; }
    .sorting-container .rules:hover .selected {
      background-color: unset; }

/*stylelint-disable*/
/*md
# Alerts
## Alert Danger
```html
    <div class="alert alert-danger" role="alert">
        Alert content
    </div>
```

```html_example
     <div class="alert alert-danger" role="alert">
        ERROR Your shopping cart can currently not be ordered since one or more of product in your cart have an invalid price or are not availiable in the requested quantity. Please remove the product(s) with prices marked as N/A from your cart or change the quantities to the availiable amount. If you have any questions, please contact customer service.
    </div>
```

## Alert Danger Small
```html
    <div class="alert alert-danger m-small" role="alert">
        Alert content
    </div>
```

```html_example
     <div class="alert alert-danger m-small" role="alert">
        ERROR Your shopping cart can currently not be ordered since one or more of product in your cart have an invalid price or are not availiable in the requested quantity. Please remove the product(s) with prices marked as N/A from your cart or change the quantities to the availiable amount. If you have any questions, please contact customer service.
    </div>
```

## Alert Success
```html
    <div class="alert alert-success" role="alert">
        Alert content
    </div>
```

```html_example
     <div class="alert alert-success" role="alert">
        You have successfully created a new password for your account.
    </div>
```

*/
/*stylelint-enable*/
.alert {
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  position: relative;
  text-align: center;
  width: 100%; }
  .alert-danger {
    background-color: rgba(233, 79, 84, 0.05);
    color: #e94f54;
    padding-right: 3.625rem;
    text-align: right; }
    .alert-danger::before {
      font-family: iconsFont;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      vertical-align: middle; }
    .alert-danger::before {
      content: "";
      font-size: 1.0625rem;
      right: 1.25rem;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
  .alert-success {
    background-color: rgba(128, 135, 26, 0.05);
    color: #3dc13c; }
  .alert-info {
    background-color: rgba(67, 76, 245, 0.05);
    padding-right: 3.625rem;
    text-align: right; }
    .alert-info::before {
      font-family: iconsFont;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      vertical-align: middle; }
    .alert-info::before {
      content: "";
      color: #434cf5;
      font-size: 1.0625rem;
      right: 1.25rem;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .alert-info.m-secondary {
      background-color: transparent;
      font-style: italic;
      right: 0;
      margin-bottom: 0;
      padding: 0.375rem 2rem 0.375rem 1.25rem; }
      .alert-info.m-secondary::before {
        color: #828282;
        right: 0; }
  .alert.m-small {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem; }

/* stylelint-disable */
/*md

# Content banner component

## Please check all documentation in 00-assets/Content Banners area

*/
/* stylelint-enable */
.banner {
  margin: 1.25rem 0; }
  .navigation .banner {
    margin: 0;
    padding: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (min-width: 1025px) {
      .navigation .banner {
        border-right: 0.0625rem solid #efecf0; } }
  .empty-search-assets-container .banner {
    margin: 0; }
  .banner-hero-header {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 0.625rem; }
    @media (min-width: 1025px) {
      .banner-hero-header {
        font-size: 3.75rem; } }
  .banner-hero-subheader {
    font-size: 1.0625rem;
    margin-bottom: 0.625rem; }
    @media (min-width: 1025px) {
      .banner-hero-subheader {
        font-size: 2.125rem; } }
  .banner-hero-title {
    font-size: 1.75rem; }
    @media (min-width: 1025px) {
      .banner-hero-title {
        font-size: 2.8125rem;
        line-height: 1; } }
  .banner-hero-info {
    font-size: 0.8125rem;
    line-height: var(--line-height-base); }
    @media (min-width: 768px) {
      .banner-hero-info {
        font-size: 0.9375rem;
        line-height: 1.4; } }
  .banner-hero-discount {
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: 0.625rem; }
    @media (min-width: 1025px) {
      .banner-hero-discount {
        font-size: 7.375rem;
        margin-bottom: 0.9375rem; } }
  @media (min-width: 768px) {
    .banner-hero-button {
      min-width: 17.5rem; } }
  @media (min-width: 1025px) {
    .banner-hero-button {
      min-width: 21.875rem; } }
  .banner-link {
    bottom: 0;
    display: block;
    height: 100%;
    right: 0;
    padding: 1.875rem 0.9375rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2; }
    @media (min-width: 1025px) {
      .banner-link:hover, .banner-link:active {
        color: #3f3936; } }
    .suggestions .banner-link {
      position: relative;
      padding: 0; }
    @media (min-width: 1025px) {
      .banner-link.m-secondary .banner-hero-header {
        font-size: 4.75rem; } }
    @media (min-width: 1025px) {
      .banner-link.m-secondary .banner-hero-subheader {
        font-size: 2.8125rem; } }
    @media (min-width: 1025px) {
      .banner-link.m-secondary .banner-hero-discount {
        font-size: 9.25rem; } }
  .banner-item {
    position: relative;
    width: 100%;
    padding-right: 0.3125rem;
    padding-left: 0.3125rem;
    margin: 0 0 0.3125rem;
    text-align: center; }
    @media (min-width: 768px) {
      .banner-item {
        padding-right: 0.625rem;
        padding-left: 0.625rem; } }
    @media (min-width: 1025px) {
      .banner-item {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem; } }
  .banner-content-wrapper {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    text-align: center;
    width: 100%; }
    .banner-content-wrapper img {
      height: 100%;
      right: 0;
      -o-object-fit: fill;
         object-fit: fill;
      position: absolute;
      top: 0;
      width: 100%; }
      .navigation .banner-content-wrapper img {
        border-radius: 1rem;
        height: 100%; }
    .empty-search .banner-content-wrapper {
      aspect-ratio: 2.2; }
  .banner-item-info {
    text-align: right; }
  .banner-content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
    padding: 0 1.25rem;
    position: relative;
    z-index: 2; }
    @media (min-width: 768px) {
      .banner-content {
        padding: 0 1.875rem; } }
    @media (min-width: 1025px) {
      .banner-content {
        padding: 0 3.125rem; } }
  .banner-image {
    display: block;
    margin-bottom: 0.875rem; }
  .banner-content-wrapper.m-banner-secondary {
    height: 15rem; }
    @media (min-width: 1025px) {
      .banner-content-wrapper.m-banner-secondary {
        height: 30rem; } }
    @media (min-width: 1025px) {
      .banner-content-wrapper.m-banner-secondary .banner-title {
        color: #3f3936;
        font-size: 1.375rem;
        letter-spacing: -0.01em;
        font-weight: 700; } }
  @media (min-width: 1025px) and (min-width: 768px) {
    .banner-content-wrapper.m-banner-secondary .banner-title {
      font-size: 2.6875rem; } }
  @media (min-width: 1025px) and (min-width: 1025px) {
    .banner-content-wrapper.m-banner-secondary .banner-title {
      font-size: 2.8125rem; } }
    .banner-content-wrapper.m-banner-secondary .banner-text {
      font-size: 0.9375rem;
      line-height: 1.6; }
    .banner-content-wrapper.m-banner-secondary .banner-link {
      padding: 1.875rem 0.9375rem 0.9375rem 0.9375rem; }
      @media (min-width: 1025px) {
        .banner-content-wrapper.m-banner-secondary .banner-link {
          padding: 1.875rem; } }
    .banner-content-wrapper.m-banner-secondary .banner-content {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0; }
      @media (min-width: 1025px) {
        .banner-content-wrapper.m-banner-secondary .banner-content {
          padding: 0 1.5625rem; } }
  .banner-content-wrapper.m-banner-tertiary {
    height: 18.5rem; }
    @media (min-width: 1025px) {
      .banner-content-wrapper.m-banner-tertiary {
        height: 17.5rem; } }
    .banner-content-wrapper.m-banner-tertiary .banner-title {
      font-size: 1.375rem;
      line-height: -0.01em; }
      @media (min-width: 1025px) {
        .banner-content-wrapper.m-banner-tertiary .banner-title {
          font-size: 1.0625rem; } }
    .banner-content-wrapper.m-banner-tertiary .banner-content {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0; }
  .banner-content-wrapper.m-banner-quaternary {
    height: 10rem; }
    @media (min-width: 1025px) {
      .banner-content-wrapper.m-banner-quaternary {
        height: 20rem; } }
    .banner-content-wrapper.m-banner-quaternary .banner-text {
      font-size: 0.9375rem; }
      @media (min-width: 1025px) {
        .banner-content-wrapper.m-banner-quaternary .banner-text {
          font-size: 1.375rem; } }
    .banner-content-wrapper.m-banner-quaternary .banner-content {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .banner-content-wrapper.m-hero-item {
    height: 12.5rem; }
    @media (min-width: 768px) {
      .banner-content-wrapper.m-hero-item {
        height: 15rem; } }
    @media (min-width: 1025px) {
      .banner-content-wrapper.m-hero-item {
        height: 31.25rem; } }
  .banner-content-wrapper.m-banner-primary, .banner.m-banner-primary {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 12.5rem;
    position: relative; }
    @media (min-width: 768px) {
      .banner-content-wrapper.m-banner-primary, .banner.m-banner-primary {
        min-height: 15rem; } }
    @media (min-width: 1025px) {
      .banner-content-wrapper.m-banner-primary, .banner.m-banner-primary {
        min-height: 18.75rem; } }
    .banner-content-wrapper.m-banner-primary .banner-content, .banner.m-banner-primary .banner-content {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 83.33333%;
              flex: 0 0 83.33333%;
      max-width: 83.33333%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: relative;
      text-align: center;
      z-index: 2; }
      @media (min-width: 1025px) {
        .banner-content-wrapper.m-banner-primary .banner-content, .banner.m-banner-primary .banner-content {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 50%;
                  flex: 0 0 50%;
          max-width: 50%; } }
      @media (min-width: 1440px) {
        .banner-content-wrapper.m-banner-primary .banner-content, .banner.m-banner-primary .banner-content {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 33.33333%;
                  flex: 0 0 33.33333%;
          max-width: 33.33333%; } }
  .banner-content-wrapper.m-bg-contain {
    background-size: contain; }
  .banner-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: -0.3125rem;
    margin-left: -0.3125rem; }
    @media (min-width: 768px) {
      .banner-list {
        margin-right: -0.625rem;
        margin-left: -0.625rem; } }
    @media (min-width: 1025px) {
      .banner-list {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem; } }
    .banner-list-6 .banner-item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%; }
      @media (min-width: 576px) {
        .banner-list-6 .banner-item {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 33.33333%;
                  flex: 0 0 33.33333%;
          max-width: 33.33333%; } }
      @media (min-width: 1025px) {
        .banner-list-6 .banner-item {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 16.66667%;
                  flex: 0 0 16.66667%;
          max-width: 16.66667%; } }
    .banner-list-5 .banner-item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%; }
      @media (min-width: 576px) {
        .banner-list-5 .banner-item {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 33.33333%;
                  flex: 0 0 33.33333%;
          max-width: 33.33333%; } }
      @media (min-width: 1025px) {
        .banner-list-5 .banner-item {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 20%;
                  flex: 0 0 20%;
          max-width: 20%; } }
    @media (min-width: 576px) {
      .banner-list-4 .banner-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%; } }
    @media (min-width: 1025px) {
      .banner-list-4 .banner-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
        max-width: 25%; } }
    @media (min-width: 576px) {
      .banner-list-3 .banner-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%; } }
    @media (min-width: 1025px) {
      .banner-list-3 .banner-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 33.33333%;
                flex: 0 0 33.33333%;
        max-width: 33.33333%; } }
    @media (min-width: 576px) {
      .banner-list-2 .banner-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%; } }

/* stylelint-disable */
/*md

# Content banner component

## Please check all documentation in 00-assets/Content Banners area

*/
/* stylelint-enable */
.hero-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 1.25rem; }
  @media (min-width: 1025px) {
    .hero-banner {
      margin-bottom: 2.5rem; } }
  .hero-banner-title {
    font-size: 1.875rem; }
    @media (min-width: 1025px) {
      .hero-banner-title {
        font-size: 5rem; } }
  .hero-banner-discount {
    font-size: 1.75rem;
    margin: 0.5rem 0 1rem; }
    @media (min-width: 1025px) {
      .hero-banner-discount {
        font-size: 10rem;
        line-height: 1;
        margin: 0 0 1.25rem; } }
  .hero-banner-text {
    font-size: 1.0625rem;
    font-weight: 300; }
    @media (min-width: 1025px) {
      .hero-banner-text {
        font-size: 2.8125rem; } }
  .hero-banner-link {
    display: block;
    height: 100%;
    padding: 1.875rem; }
    @media (min-width: 1025px) {
      .hero-banner-link:hover, .hero-banner-link:active {
        color: #3f3936; } }
  .hero-banner-item {
    background-size: cover;
    min-height: 15rem;
    text-align: center;
    width: 100%; }
    @media (min-width: 1025px) {
      .hero-banner-item {
        min-height: 33.75rem; } }
  .hero-banner-content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-weight: 700;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
    max-width: 31.25rem; }

.b-bnr {
  position: relative; }
  .b-bnr--card {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 8vw;
    text-align: center; }
    @media only screen and (min-width: 1025px) {
      .b-bnr--card {
        padding: 16px 0; } }
    .b-bnr--card.b-bnr .b-bnr__content-cta {
      min-width: 200px;
      padding-right: 0;
      padding-left: 0;
      width: 250px; }
    .b-bnr--card .b-bnr__content-cta-holder {
      margin-top: 1px; }
      .b-bnr--card .b-bnr__content-cta-holder:first-child {
        margin-top: 0; }
    .b-bnr--card .b-bnr__inner {
      max-width: 470px;
      width: 100%; }
      @media only screen and (min-width: 1025px) {
        .b-bnr--card .b-bnr__inner {
          width: 90%; } }
  .b-bnr--tile .b-bnr__content {
    padding: 20px 5px 5px;
    text-align: center; }
  .b-bnr--tile .b-bnr__content-markup-field h2 a {
    color: #3f3936;
    border-bottom: 0.0625rem solid #eba140; }
    @media (min-width: 1025px) {
      .b-bnr--tile .b-bnr__content-markup-field h2 a:hover, .b-bnr--tile .b-bnr__content-markup-field h2 a:active {
        border-bottom-color: transparent;
        color: #f99d1c; } }
    .m-non-touch .b-bnr--tile .b-bnr__content-markup-field h2 a:hover {
      color: #897358 !important; }
  .b-bnr--tile .b-bnr__content-markup-field .h-arrow--top {
    margin: 8px 0 24px; }
    @media only screen and (min-width: 1025px) {
      .b-bnr--tile .b-bnr__content-markup-field .h-arrow--top {
        margin: 16px 0 32px; } }
  .b-bnr--content-padding .b-bnr__content {
    background-color: #fff;
    padding: 8vw;
    text-align: right;
    width: auto; }
    @media only screen and (min-width: 1025px) {
      .b-bnr--content-padding .b-bnr__content {
        padding: 3vw 4vw; } }
  .b-bnr--plpgridpush .b-bnr__inner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .b-bnr--plpgridpush .b-bnr__content {
    padding-top: 32px; }
    @media only screen and (min-width: 1025px) {
      .b-bnr--plpgridpush .b-bnr__content {
        padding-top: 0; } }
  .b-bnr--plpgridpush .b-bnr__content:not([class*="h-t-a--"]) {
    text-align: center; }
    @media only screen and (min-width: 1025px) {
      .b-bnr--plpgridpush .b-bnr__content:not([class*="h-t-a--"]) {
        text-align: right; } }
  .b-bnr__wrapper, .b-bnr__picture,
  .b-bnr .b-picture__el, .b-bnr__video, .b-bnr__image {
    width: 100%; }
  .b-bnr__image, .b-bnr__video {
    position: relative; }
  .b-bnr__image {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .b-bnr__image[class*="l-grid__col"] {
      padding-right: 0;
      padding-left: 0; }
  .b-bnr__bgimage-holder {
    position: relative;
    width: 100%; }
  .b-bnr__bgimage {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .b-bnr__content {
    position: relative; }
    .b-bnr__content.m-content-padding--vw {
      padding: 8vw; }
    .b-bnr__content.h-arrow--top {
      display: block; }
      .b-bnr__content.h-arrow--top.h-arrow--top-center::before {
        margin: -18px auto 18px; }
      @media only screen and (min-width: 1025px) {
        .b-bnr__content.h-arrow--top.h-arrow--top-m::before {
          display: none; } }
  .b-bnr .b-bnr__content-markup-field h2 span[class*="h-text--"] {
    display: block; }
  .b-bnr .b-bnr__content-buttons-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .b-bnr__content-cta-holder, .b-bnr__content-cta-link-holder {
    margin-top: 0.75rem; }
    .b-bnr__content-cta-holder--horizontal, .b-bnr__content-cta-link-holder--horizontal {
      margin-right: 13px; }
      @media only screen and (max-width: 1024px) {
        .b-bnr__content-cta-holder--horizontal, .b-bnr__content-cta-link-holder--horizontal {
          margin-right: 0; } }
  .b-bnr .b-bnr__content-cta {
    min-width: 160px; }
  .b-bnr__overlay-link {
    bottom: 0;
    right: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }
  @media only screen and (min-width: 1025px) {
    .b-bnr.b-bnr.m-content-width--1 .b-bnr__content-inner {
      max-width: 350px; } }
  @media only screen and (min-width: 1025px) {
    .b-bnr.b-bnr.m-content-width--2 .b-bnr__content-inner {
      max-width: 380px; } }
  @media only screen and (min-width: 1025px) {
    .b-bnr.b-bnr.m-bnr-width--1 .b-bnr__inner {
      margin-right: auto;
      margin-left: auto;
      max-width: 622px; } }
  .b-bnr.b-bnr.h-invert-order .b-bnr__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
    @media only screen and (min-width: 1025px) {
      .b-bnr.b-bnr.h-invert-order .b-bnr__inner {
        display: block; } }
  @media only screen and (max-width: 1024px) {
    .b-bnr.b-bnr.h-invert-order__m .b-bnr__inner {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: reverse !important;
          -ms-flex-direction: column-reverse !important;
              flex-direction: column-reverse !important; } }
  .b-bnr.m-content-pos--top .b-bnr__content, .b-bnr.m-content-pos--bottom .b-bnr__content, .b-bnr.m-content-pos--right .b-bnr__content, .b-bnr.m-content-pos--left .b-bnr__content, .b-bnr.m-content-pos--topleft .b-bnr__content, .b-bnr.m-content-pos--bottomleft .b-bnr__content, .b-bnr.m-content-pos--topright .b-bnr__content, .b-bnr.m-content-pos--bottomright .b-bnr__content {
    max-width: 500px; }
  .b-bnr.m-content-pos--top .b-bnr__content, .b-bnr.m-content-pos--bottom .b-bnr__content, .b-bnr.m-content-pos--right .b-bnr__content, .b-bnr.m-content-pos--left .b-bnr__content, .b-bnr.m-content-pos--topleft .b-bnr__content, .b-bnr.m-content-pos--bottomleft .b-bnr__content, .b-bnr.m-content-pos--topright .b-bnr__content, .b-bnr.m-content-pos--bottomright .b-bnr__content {
    position: absolute;
    z-index: 1; }
  .b-bnr.m-content-pos--top .b-bnr__content, .b-bnr.m-content-pos--bottom .b-bnr__content, .b-bnr.m-content-pos--right .b-bnr__content, .b-bnr.m-content-pos--left .b-bnr__content {
    max-width: 690px; }
  .b-bnr.m-content-pos--left .b-bnr__content, .b-bnr.m-content-pos--right .b-bnr__content {
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); }
  .b-bnr.m-content-pos--top .b-bnr__content, .b-bnr.m-content-pos--bottom .b-bnr__content {
    right: 50%;
    -webkit-transform: translate(50%, 0);
            transform: translate(50%, 0); }
  .b-bnr.m-content-pos--left .b-bnr__content {
    right: 0; }
  .b-bnr.m-content-pos--top .b-bnr__content {
    top: 0; }
  .b-bnr.m-content-pos--bottom .b-bnr__content {
    bottom: 0; }
  .b-bnr.m-content-pos--topleft .b-bnr__content {
    right: 0;
    top: 0; }
  .b-bnr.m-content-pos--bottomleft .b-bnr__content {
    bottom: 0;
    right: 0; }
  .b-bnr.m-content-pos--topright .b-bnr__content {
    left: 0;
    top: 0; }
  .b-bnr.m-content-pos--bottomright .b-bnr__content {
    bottom: 0;
    left: 0; }
  @media only screen and (max-width: 1024px) {
    .b-bnr.m-content-pos--sidetop, .b-bnr.m-content-pos--sidebottom, .b-bnr.m-content-pos--sideright, .b-bnr.m-content-pos--sideleft {
      padding-right: 0;
      padding-left: 0; } }
  .b-bnr.m-content-pos--sidetop .b-bnr__inner, .b-bnr.m-content-pos--sidebottom .b-bnr__inner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .b-bnr.m-content-pos--sidetop .b-bnr__inner .b-bnr__content, .b-bnr.m-content-pos--sidebottom .b-bnr__inner .b-bnr__content {
      margin-right: auto;
      margin-left: auto;
      max-width: 1200px;
      padding: 24px 0;
      width: 75%; }
  .b-bnr.m-content-pos--sidetop .b-bnr__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
  .b-bnr.m-content-pos--sideleft .b-bnr__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  @media only screen and (min-width: 1025px) {
    .b-bnr.m-content-pos--sideleft.b-bnr--image-padding {
      padding-left: 4.6875em; } }
  .b-bnr.m-content-pos--sideleft.b-bnr--image-padding .b-bnr__inner {
    margin-right: 0;
    margin-left: 0; }
  @media only screen and (min-width: 1025px) {
    .b-bnr.m-content-pos--sideright.b-bnr--image-padding {
      padding-right: 4.6875em; } }
  .b-bnr.m-content-pos--sideright.b-bnr--image-padding .b-bnr__inner {
    margin-right: 0;
    margin-left: 0; }
  @media only screen and (min-width: 1025px) {
    .b-bnr.m-content-pos--sideleft.b-bnr--image-padding .b-bnr__content:not([class*="l-grid__col"]),
    .b-bnr.m-content-pos--sideleft.b-bnr--image-padding .b-bnr__image:not([class*="l-grid__col"]),
    .b-bnr.m-content-pos--sideleft.b-bnr--image-padding .b-bnr__video:not([class*="l-grid__col"]), .b-bnr.m-content-pos--sideright.b-bnr--image-padding .b-bnr__content:not([class*="l-grid__col"]),
    .b-bnr.m-content-pos--sideright.b-bnr--image-padding .b-bnr__image:not([class*="l-grid__col"]),
    .b-bnr.m-content-pos--sideright.b-bnr--image-padding .b-bnr__video:not([class*="l-grid__col"]) {
      padding-right: 0;
      padding-left: 0; } }
  @media only screen and (min-width: 1025px) {
    .b-bnr.m-content-pos--sideleft .b-bnr__inner, .b-bnr.m-content-pos--sideright .b-bnr__inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-right: -0.25em;
      margin-left: -0.25em;
      width: auto; } }
  @media only screen and (min-width: 1025px) and (min-width: 1025px) {
    .b-bnr.m-content-pos--sideleft .b-bnr__inner, .b-bnr.m-content-pos--sideright .b-bnr__inner {
      margin-right: -1.25em;
      margin-left: -1.25em; } }
  @media only screen and (min-width: 1025px) {
      .b-bnr.m-content-pos--sideleft .b-bnr__inner.l-grid__row--center, .b-bnr.m-content-pos--sideright .b-bnr__inner.l-grid__row--center {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
  @media only screen and (min-width: 1025px) {
    .b-bnr.m-content-pos--sideleft .b-bnr__image:not([class*="l-grid__col"]),
    .b-bnr.m-content-pos--sideleft .b-bnr__video:not([class*="l-grid__col"]), .b-bnr.m-content-pos--sideright .b-bnr__image:not([class*="l-grid__col"]),
    .b-bnr.m-content-pos--sideright .b-bnr__video:not([class*="l-grid__col"]) {
      padding-right: 0.25em;
      padding-left: 0.25em;
      max-width: grid-col-width(8);
      width: grid-col-width(8); } }
  @media only screen and (min-width: 1025px) and (min-width: 1025px) {
    .b-bnr.m-content-pos--sideleft .b-bnr__image:not([class*="l-grid__col"]),
    .b-bnr.m-content-pos--sideleft .b-bnr__video:not([class*="l-grid__col"]), .b-bnr.m-content-pos--sideright .b-bnr__image:not([class*="l-grid__col"]),
    .b-bnr.m-content-pos--sideright .b-bnr__video:not([class*="l-grid__col"]) {
      padding-right: 1.25em;
      padding-left: 1.25em; } }
  .b-bnr.m-content-pos--sideleft .b-bnr__content, .b-bnr.m-content-pos--sideright .b-bnr__content {
    margin-right: auto;
    margin-left: auto; }
    @media only screen and (max-width: 1024px) {
      .b-bnr.m-content-pos--sideleft .b-bnr__content, .b-bnr.m-content-pos--sideright .b-bnr__content {
        max-width: 1200px;
        padding: 8vw 0;
        width: 75%; } }
    @media only screen and (min-width: 1025px) {
      .b-bnr.m-content-pos--sideleft .b-bnr__content, .b-bnr.m-content-pos--sideright .b-bnr__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .b-bnr.m-content-pos--sideleft .b-bnr__content:not([class*="l-grid__col"]), .b-bnr.m-content-pos--sideright .b-bnr__content:not([class*="l-grid__col"]) {
          padding-right: 0.25em;
          padding-left: 0.25em;
          max-width: grid-col-width(4);
          width: grid-col-width(4); } }
    @media only screen and (min-width: 1025px) and (min-width: 1025px) {
      .b-bnr.m-content-pos--sideleft .b-bnr__content:not([class*="l-grid__col"]), .b-bnr.m-content-pos--sideright .b-bnr__content:not([class*="l-grid__col"]) {
        padding-right: 1.25em;
        padding-left: 1.25em; } }
  @media only screen and (min-width: 1025px) {
    .b-bnr.m-content-pos--sideleft .b-bnr__content-inner, .b-bnr.m-content-pos--sideright .b-bnr__content-inner {
      margin: auto;
      max-width: 500px; } }
  @media only screen and (max-width: 1024px) {
    .b-bnr.m-content-pos--sideleft.b-bnr--in-container .b-bnr__content, .b-bnr.m-content-pos--sideright.b-bnr--in-container .b-bnr__content {
      width: 90%; } }
  @media only screen and (min-width: 1025px) {
    .b-bnr.m-content-pos--sideleft.b-bnr--full-screen .b-bnr__inner, .b-bnr.m-content-pos--sideright.b-bnr--full-screen .b-bnr__inner {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; } }
  .b-bnr.m-content-pos--sideleft.b-bnr--full-screen.m-content-pos--sideright .b-bnr__content, .b-bnr.m-content-pos--sideleft.b-bnr--full-screen.m-content-pos--sideleft .b-bnr__content, .b-bnr.m-content-pos--sideright.b-bnr--full-screen.m-content-pos--sideright .b-bnr__content, .b-bnr.m-content-pos--sideright.b-bnr--full-screen.m-content-pos--sideleft .b-bnr__content {
    padding: 8vw; }
    @media only screen and (max-width: 1024px) {
      .b-bnr.m-content-pos--sideleft.b-bnr--full-screen.m-content-pos--sideright .b-bnr__content, .b-bnr.m-content-pos--sideleft.b-bnr--full-screen.m-content-pos--sideleft .b-bnr__content, .b-bnr.m-content-pos--sideright.b-bnr--full-screen.m-content-pos--sideright .b-bnr__content, .b-bnr.m-content-pos--sideright.b-bnr--full-screen.m-content-pos--sideleft .b-bnr__content {
        margin: auto;
        padding: 8vw 0;
        width: 75%; } }
  @media only screen and (max-width: 1024px) {
    .b-bnr.m-content-pos--sideleft.b-bnr--full-screen .b-bnr__content, .b-bnr.m-content-pos--sideright.b-bnr--full-screen .b-bnr__content {
      width: 90%; } }
  .b-bnr.m-content-pos--sideleft.b-bnr--cta-centered .b-bnr__content-cta-holder, .b-bnr.m-content-pos--sideright.b-bnr--cta-centered .b-bnr__content-cta-holder {
    text-align: center; }
  @media only screen and (max-width: 1024px) {
    .b-bnr.m-content-pos--sideleft.b-bnr--cta-centered__m .b-bnr__content-cta-holder, .b-bnr.m-content-pos--sideright.b-bnr--cta-centered__m .b-bnr__content-cta-holder {
      text-align: center; } }
  .b-bnr__next-section-link-btn {
    padding: 10px; }
  .b-bnr .m-video-full-height .b-video__holder {
    height: 100%; }
  .b-bnr--layered .b-bnr__wrapper {
    position: relative;
    width: 100%; }
  .b-bnr--layered .b-bnr__text-layer {
    bottom: 0;
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    right: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }
  .b-bnr--layered .b-bnr__text-layer-content {
    right: 0;
    line-height: 1.2;
    padding: 0 16px;
    position: fixed;
    text-align: center;
    top: 48vh;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 0; }
    .b-bnr--layered .b-bnr__text-layer-content .mobile-view {
      display: inline-block; }
      @media only screen and (min-width: 1025px) {
        .b-bnr--layered .b-bnr__text-layer-content .mobile-view {
          display: none; } }
    .b-bnr--layered .b-bnr__text-layer-content .desktop-view {
      display: none; }
      @media only screen and (min-width: 1025px) {
        .b-bnr--layered .b-bnr__text-layer-content .desktop-view {
          display: inline-block; } }
  .b-bnr--layered .b-bnr__foreground-layer {
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 2; }
  .b-bnr--fade-in {
    opacity: 0;
    -webkit-transition: all 1s ease;
    transition: all 1s ease; }
    .b-bnr--fade-in.m-loaded {
      opacity: 1; }
  .b-bnr--fade-in.b-bnr--fade-in-slide {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%); }
    .b-bnr--fade-in.b-bnr--fade-in-slide.m-loaded {
      -webkit-transform: translateY(0%) !important;
              transform: translateY(0%) !important; }
  .b-bnr__wrapper {
    position: relative; }
  .b-bnr__overlay-text {
    font-family: var(--font-primary);
    letter-spacing: 0.01em;
    line-height: 24px;
    padding: 0 24px;
    position: absolute;
    z-index: 3;
    top: 20vh;
    width: 100%; }
    @media only screen and (min-width: 1025px) {
      .b-bnr__overlay-text {
        line-height: 1.14; } }
    .b-bnr__overlay-text * {
      display: inline-block; }

.b-experience-region > .b-experience-component--bnr {
  margin: 30px 0; }
  @media only screen and (min-width: 1025px) {
    .b-experience-region > .b-experience-component--bnr {
      margin: 40px 0; } }
  .b-experience-region > .b-experience-component--bnr:first-child {
    margin-top: 0; }

.b-pdcontentasset__name {
  text-align: center; }

.b-plaintext {
  padding: 8px 0; }
  .b-plaintext__picture {
    margin-bottom: 32px; }
    @media only screen and (min-width: 1025px) {
      .b-plaintext__picture.h-float--right {
        margin-right: 45px; }
      .b-plaintext__picture.h-float--left {
        margin-left: 45px; } }

blockquote {
  color: #333;
  font-size: 1.4375rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 16px;
  font-family: var(--font-primary);
  line-height: 1.2em;
  margin: 35px auto;
  max-width: 1400px;
  text-align: center; }
  @media only screen and (min-width: 1025px) {
    blockquote {
      font-size: 1.6875rem; } }

.b-picture {
  display: block; }
  .b-picture__el, .b-picture__link {
    display: block; }
  .b-picture__image {
    display: block;
    width: 100%; }

.b-section__title {
  color: #333;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 31px;
  margin-bottom: 32px;
  font-family: var(--font-primary);
  margin-bottom: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 0.3125rem; }
  @media only screen and (min-width: 1025px) {
    .b-section__title {
      font-size: 2rem;
      line-height: 41px; } }

.b-section__subtitle {
  color: #897358;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.09375em;
  line-height: 17px;
  margin-bottom: 16px;
  text-transform: uppercase;
  margin-bottom: 0.9375rem; }
  @media only screen and (min-width: 1025px) {
    .b-section__subtitle {
      font-size: 0.8125rem;
      line-height: 20px; } }

.b-section__bottom-subtitle {
  margin-top: 35px;
  text-align: center; }
  .b-section__bottom-subtitle a {
    /* stylelint-disable-line */ }

.b-section__header {
  margin-bottom: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .b-section__header__subcontainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .b-section__header .b_timer_viewAll {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1;
            flex: 0 0 1; }

.b-section__actions {
  padding: 8px 0;
  text-align: center; }

.b-section .h-arrow--down {
  position: relative; }
  .b-section .h-arrow--down::before {
    border-top-color: #897358;
    bottom: -15px;
    right: 50%;
    position: absolute;
    -webkit-transform: translateX(50%);
            transform: translateX(50%); }

.b-link, .b-link--underline, .b-section__bottom-subtitle a, .b-link--akcent {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  /* stylelint-disable */
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  /* stylelint-enable */
  color: #333;
  cursor: pointer; }
  .m-non-touch .b-link:hover, .m-non-touch .b-link--underline:hover, .m-non-touch .b-section__bottom-subtitle a:hover, .b-section__bottom-subtitle .m-non-touch a:hover, .m-non-touch .b-link--akcent:hover {
    color: #897358; }

.b-link--underline, .b-section__bottom-subtitle a, .b-link--akcent {
  /* stylelint-disable-line */
  text-decoration: underline; }

.b-link--akcent {
  /* stylelint-disable-line */
  color: #897358; }

.b-link--overlay {
  bottom: 0;
  font-size: 0;
  right: 0;
  position: absolute;
  left: 0;
  top: 0; }

.b-link--icon {
  font-size: 0.875rem; }
  .b-link--icon .b-icon {
    font-size: 1rem;
    margin-left: 8px; }
  .b-link--icon .b-link__text {
    text-decoration: underline; }
    .m-non-touch .b-link--icon .b-link__text:hover {
      text-decoration: none; }

.cart {
  margin-bottom: 1.25rem; }
  @media (min-width: 1025px) {
    .cart {
      margin-bottom: 3.75rem; } }
  .cart-title {
    margin-top: 1.875rem; }
    @media (min-width: 1025px) {
      .cart-title {
        margin: 2.5rem 0 1.5625rem; } }
  .cart-items {
    font-size: 0.8125rem;
    padding-right: 0.3125rem; }
    .cart-items::after {
      content: "\200E"; }
    @media (min-width: 576px) {
      .cart-items {
        font-size: 1.0625rem;
        padding-right: 0.625rem; } }
    @media (min-width: 1025px) {
      .cart-items {
        padding-right: 1.25rem; } }
  .cart-cod {
    color: #828282;
    margin-bottom: 1.875rem;
    padding-right: 1.5625rem;
    position: relative; }
  .cart-cod-icon {
    font-size: 1.125rem;
    right: 0;
    position: absolute;
    top: -0.1875rem; }
  .cart-single-approaching-discount {
    background-color: #f3bb1b;
    border-radius: 0.5rem;
    margin-bottom: 1.875rem;
    padding: 1.25rem;
    text-align: center; }
    @media (min-width: 576px) {
      .cart-single-approaching-discount {
        margin-bottom: 2.5rem;
        padding: 0.625rem 1.25rem; } }
  .cart-approaching-discounts-link {
    display: block;
    margin: 0.9375rem auto 0;
    text-decoration: underline; }
    .cart-approaching-discounts-link:hover {
      color: #3f3936;
      text-decoration: none; }
    @media (min-width: 576px) {
      .cart-approaching-discounts-link {
        display: inline-block;
        margin: 0 1.25rem 0 0; } }
  .cart-promo {
    border: 0.0625rem solid #ccc;
    margin: 2.5rem 0 3.75rem;
    padding: 1.875rem 1.25rem; }
    @media (min-width: 576px) {
      .cart-promo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 1.875rem 0 0;
        padding: 1.875rem; } }
  .cart-promo-title {
    font-size: 1.0625rem;
    font-weight: 700; }
  .cart-promo-image-wrapper {
    margin: 0 auto 1.875rem;
    text-align: center;
    width: 6.25rem; }
    @media (min-width: 576px) {
      .cart-promo-image-wrapper {
        margin: 0 0 0 3.125rem;
        text-align: right; } }
  .cart-promo-content {
    text-align: center; }
    @media (min-width: 576px) {
      .cart-promo-content {
        text-align: right;
        width: calc(100% - 9.375rem); } }
  .cart-promo-msg {
    padding: 0.75rem 0 1.25rem; }
  .cart-empty {
    margin-bottom: 3.75rem; }
  .cart-empty-image {
    display: block;
    margin: 0 auto; }
  .cart-empty-title {
    margin-top: 1.25rem; }
  .cart-empty-description {
    margin-bottom: 2.1875rem; }
  .cart-empty-btn {
    width: 20rem; }
  @media (min-width: 576px) {
    .cart-delete {
      min-width: 33.75rem; } }
  .cart-delete-btn {
    margin: 0 0.625rem;
    width: 100%; }
    @media (min-width: 576px) {
      .cart-delete-btn {
        width: 11.25rem; } }
  @media (max-width: 575.98px) {
    .cart-delete-confirmation-btn {
      margin-bottom: 0.9375rem;
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1; } }
  @media (min-width: 576px) {
    .cart-delete-header.modal-header {
      font-size: 1.75rem; } }
  .cart-delete-close {
    cursor: pointer; }
  .cart-delete-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 1.875rem; }

.footer-store-locator-button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  border-radius: 0.5rem;
  font-size: 16px;
  cursor: pointer;
  font-weight: 600;
  line-height: 1;
  max-width: 100%;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 14px;
  height: 2.25rem;
  padding: 0.5rem 1rem;
  min-width: 8.875rem;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  position: relative; }
  .footer-store-locator-button::before {
    line-height: 0;
    margin-left: 0.625rem; }
  .footer-store-locator-button::after {
    margin-right: 0.625rem; }
  @media (min-width: 1025px) {
    .footer-store-locator-button:hover, .footer-store-locator-button:active {
      color: #fff;
      text-decoration: none; } }
  .footer-store-locator-button.disabled {
    pointer-events: none;
    background-color: #ccc;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
            box-shadow: inset 0 0 0 0.0625rem #ccc;
    cursor: default; }
  .footer-store-locator-button:has(.icon) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.25rem; }
  .footer-store-locator-button::before {
    font-family: iconsFont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle; }
  .footer-store-locator-button::before {
    content: ""; }
  .footer-store-locator-button::before {
    font-size: 1.125rem; }

.footer-help {
  border-bottom: 0.0625rem solid #efecf0;
  padding-bottom: 1.875rem; }
  @media (min-width: 768px) {
    .footer-help {
      border: none;
      padding: 0; } }
  @media (min-width: 768px) and (max-width: 1024.98px) {
    .footer-help {
      margin-bottom: 0; } }
  .footer-help-text-wrapper {
    border-left: 0.0625rem solid #ccc;
    padding: 0 0 0 1.125rem; }
    @media (min-width: 1025px) and (max-width: 1439.98px) {
      .footer-help-text-wrapper {
        padding: 0 0 0 0.5rem; } }
  .footer-help-text {
    font-size: 0.9375rem;
    font-weight: 700; }
  .footer-help-item {
    font-weight: 700;
    margin: 0 0 1.625rem 0; }
    .footer-help-item:last-child {
      margin-bottom: 0; }
    @media (min-width: 768px) and (max-width: 1024.98px) {
      .footer-help-item {
        margin-bottom: 0; } }
    @media (min-width: 1025px) and (max-width: 1439.98px) {
      .footer-help-item {
        margin: 0 0 1rem 0; } }
  .footer-help-icon {
    font-size: 1.0625rem;
    margin-left: 0.9375rem;
    color: #eba140; }
  .footer-help-link {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }

.footer-copyright {
  color: rgba(130, 130, 130, 0.7);
  font-size: 0.6875rem; }

.footer-copyright-wrapper .footer-copyright {
  border-top: 0.0625rem solid #efecf0;
  padding: 0.9375rem 0;
  text-align: center; }

/* stylelint-disable */
/*md

# Input checkbox
```html
    <form>
        <input type="checkbox" id="checkbox1" name="checkboxMe" value="true">
        <label for="checkbox1">Test checkbox button</label>
    </form>
```

```html_example
    <form>
        <input type="checkbox" id="checkbox1" name="checkboxMe" value="true">
        <label for="checkbox1">Test checkbox button</label>
    </form>
```

# Input radio
```html
    <form>
        <input type="radio" id="radio1" name="checkboxMe" value="true">
        <label for="radio1">Test radio button</label>
    </form>
```

```html_example
    <form>
        <input type="radio" id="radio1" name="checkboxMe" value="true">
        <label for="radio1">Test radio button</label>
        <br>
        <input type="radio" id="radio2" name="checkboxMe" value="true">
        <label for="radio2">Test radio button</label>
    <form>
```

# Fake input checkbox
```html
    <button type="button" class="fake-checkbox-button">Test checkbox button</button>
    <button type="button" class="fake-checkbox-button m-checked">Test checkbox button</button>
    <button type="button" class="fake-checkbox-button m-checked disabled">Test checkbox button</button>
```

```html_example
    <button type="button" class="fake-checkbox-button">Test checkbox button</button>
    <br>
    <button type="button" class="fake-checkbox-button m-checked">Test checkbox button</button>
    <br>
    <button type="button" class="fake-checkbox-button m-checked disabled">Test checkbox button</button>
```

# Fake input radio
```html
    <button type="button" class="fake-radio-button">Test radio button</button>
    <button type="button" class="fake-radio-button m-checked">Test radio button</button>
    <button type="button" class="fake-radio-button m-checked disabled">Test radio button</button>
```

```html_example
    <button type="button" class="fake-radio-button">Test radio button</button>
    <br>
    <button type="button" class="fake-radio-button m-checked">Test radio button</button>
    <br>
    <button type="button" class="fake-radio-button m-checked disabled">Test radio button</button>
```

*/
/* stylelint-enable */
input[type='checkbox'],
input[type='radio'] {
  border-color: transparent;
  right: 0;
  opacity: 0;
  position: absolute;
  width: 0;
  z-index: -1; }

.fake-checkbox-button,
.fake-radio-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  border: none;
  padding: 0;
  margin-bottom: 0.5rem; }

.fake-checkbox-button,
.fake-radio-button,
input[type='checkbox'] + label,
input[type='radio'] + label {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25rem;
  min-height: 1.25rem;
  padding-right: 2.1875rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .fake-checkbox-button::before,
  .fake-radio-button::before,
  input[type='checkbox'] + label::before,
  input[type='radio'] + label::before {
    content: '';
    right: 0;
    position: absolute;
    top: 0; }

.fake-radio-button::after,
input[type='radio'] + label::after {
  -webkit-transition: border-width 0.25s cubic-bezier(0.35, 0.9, 0.4, 0.9);
  transition: border-width 0.25s cubic-bezier(0.35, 0.9, 0.4, 0.9);
  border: 0.5rem solid #fff;
  border-radius: 50%;
  content: '';
  height: 1rem;
  right: 0.125rem;
  position: absolute;
  top: 0.0625rem;
  width: 1rem;
  will-change: border-width; }
  @media (prefers-reduced-motion: reduce) {
    .fake-radio-button::after,
    input[type='radio'] + label::after {
      -webkit-transition: none;
      transition: none; } }

.fake-radio-button::before,
input[type='radio'] + label::before {
  background: #fff;
  border: 0.125rem solid #828282;
  content: '';
  height: 1.25rem;
  min-width: 1.25rem;
  border-radius: 50%;
  margin-top: -0.0625rem; }

@media (min-width: 1025px) {
  .fake-radio-button:hover::before, .fake-radio-button:active::before,
  input[type='radio'] + label:hover::before,
  input[type='radio'] + label:active::before {
    border-color: #eba140; } }

.fake-radio-button.m-checked::before,
input[type='radio']:checked + label::before {
  background-color: #eba140;
  border-color: #eba140; }

.refinement-body .fake-radio-button.m-checked::before, .refinement-body
input[type='radio']:checked + label::before {
  background-color: #4e004f;
  border-color: #4e004f; }

.fake-radio-button.m-checked::after,
input[type='radio']:checked + label::after {
  border-width: 0.25rem; }

.fake-radio-button.disabled,
input[type='radio']:disabled + label {
  cursor: default; }
  .fake-radio-button.disabled::before,
  input[type='radio']:disabled + label::before {
    background: #f9f9f9;
    border-color: #efecf0; }

.fake-radio-button.disabled.m-checked,
input[type='radio']:disabled:checked + label {
  cursor: default; }
  .fake-radio-button.disabled.m-checked::before,
  input[type='radio']:disabled:checked + label::before {
    background: #ccc;
    border-color: #ccc; }
  .fake-radio-button.disabled.m-checked::after,
  input[type='radio']:disabled:checked + label::after {
    background-color: #ccc; }

/*stylelint-disable */
.fake-checkbox-button::before,
input[type='checkbox'] + label::before {
  background: #fff;
  border: 0.125rem solid #828282;
  content: '';
  height: 1.25rem;
  min-width: 1.25rem;
  border-radius: 0.3125rem; }

.fake-checkbox-button::after,
input[type='checkbox'] + label::after {
  font-family: iconsFont;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle; }

.fake-checkbox-button::after,
input[type='checkbox'] + label::after {
  content: "";
  -webkit-transition: width 0.3s cubic-bezier(0, 0.3, 1, 1);
  transition: width 0.3s cubic-bezier(0, 0.3, 1, 1);
  color: #fff;
  font-size: 0.625rem;
  right: 0.625rem;
  line-height: inherit;
  margin-right: -0.5em;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 0;
  will-change: width; }
  @media (prefers-reduced-motion: reduce) {
    .fake-checkbox-button::after,
    input[type='checkbox'] + label::after {
      -webkit-transition: none;
      transition: none; } }

.fake-checkbox-button.m-checked::before,
input[type='checkbox']:checked + label::before {
  background-color: #eba140;
  border-color: #eba140; }

.refinement-body .fake-checkbox-button.m-checked::before, .refinement-body
input[type='checkbox']:checked + label::before {
  background-color: #4e004f;
  border-color: #4e004f; }

.fake-checkbox-button.m-checked::after,
input[type='checkbox']:checked + label::after {
  width: 1.01em; }

.fake-checkbox-button::before,
input[type='checkbox']:focus + label::before {
  border-color: #eba140; }

.fake-checkbox-button.disabled,
input[type='checkbox']:disabled + label {
  cursor: default; }
  .fake-checkbox-button.disabled::before,
  input[type='checkbox']:disabled + label::before {
    background: #f9f9f9;
    border-color: #efecf0; }

.fake-checkbox-button.disabled.m-checked,
input[type='checkbox']:disabled:checked + label {
  cursor: default; }
  .fake-checkbox-button.disabled.m-checked::before,
  input[type='checkbox']:disabled:checked + label::before {
    background: #ccc;
    border-color: #ccc; }

/*stylelint-enable */
/* stylelint-disable */
/*md

# Text input markup
```html
    <form>
        <div>
            <label class="form-control-label required">Test input</label>
            <input type="text" class="form-control" name="common" />
        </div>
    </form>
```

```html_example
    <form>
        <div>
            <label class="form-control-label required">Test input</label>
            <input type="text" class="form-control" name="common" />
        </div>
    </form>
```

# Textarea markup
```html
    <form>
        <div>
            <label class="form-control-label">Test textarea</label>
            <textarea placeholder="Test textarea" class="form-control"></textarea>
        </div>
        <div>
            <label class="form-control-label">Test textarea</label>
            <textarea class="m-height form-control">Test textarea</textarea>
        </div>
        <div>
            <label class="form-control-label">Test textarea</label>
            <textarea class="m-resize form-control">Test textarea</textarea>
        </div>
    </form>
```

```html_example
    <form>
        <div style="margin-bottom:10px">
            <label class="form-control-label">Test textarea</label>
            <textarea placeholder="Test textarea" class="form-control"></textarea>
        </div>
        <div style="margin-bottom:10px">
            <label class="form-control-label">Test textarea</label>
            <textarea class="m-height form-control">Test textarea</textarea>
        </div>
        <div style="margin-bottom:10px">
            <label class="form-control-label">Test textarea</label>
            <textarea class="m-resize form-control">Test textarea</textarea>
        </div>
    </form>
```
*/
/* stylelint-enable */
input {
  padding: 0.6875rem 0.9375rem; }
  input[type='email'] ~ .icon {
    position: absolute;
    left: 0;
    top: 0; }
    input[type='email'] ~ .icon::before {
      content: ""; }
  input[type='password']::before {
    content: ""; }
  input[type='password'].reveal::before {
    content: ""; }
  input::-ms-clear {
    display: none;
    height: 0;
    width: 0; }
  input::-ms-reveal {
    display: none;
    height: 0;
    width: 0; }

textarea {
  max-width: 100%;
  padding: 1.25rem;
  resize: none; }
  textarea.m-height {
    height: 8.75rem; }
  textarea.m-resize {
    resize: auto; }

.form-control {
  padding: 0.6875rem 0.9375rem; }

input,
textarea,
.form-control {
  background-color: #fff;
  border: 0.0625rem solid #ccc;
  border-radius: 0.75rem;
  color: #3f3936;
  display: block;
  font-family: var(--font-primary);
  font-size: 0.8125rem;
  line-height: var(--line-height-base);
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  input:focus,
  textarea:focus,
  .form-control:focus {
    border-color: #7a7a7a;
    outline-width: 0; }
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .form-control::-webkit-input-placeholder {
    color: rgba(130, 130, 130, 0.7); }
  input::-moz-placeholder, textarea::-moz-placeholder, .form-control::-moz-placeholder {
    color: rgba(130, 130, 130, 0.7); }
  input:-ms-input-placeholder, textarea:-ms-input-placeholder, .form-control:-ms-input-placeholder {
    color: rgba(130, 130, 130, 0.7); }
  input::-ms-input-placeholder, textarea::-ms-input-placeholder, .form-control::-ms-input-placeholder {
    color: rgba(130, 130, 130, 0.7); }
  input::placeholder,
  textarea::placeholder,
  .form-control::placeholder {
    color: rgba(130, 130, 130, 0.7); }
  input:disabled, input.disabled,
  textarea:disabled,
  textarea.disabled,
  .form-control:disabled,
  .form-control.disabled {
    background-color: #f9f9f9;
    border-color: #ccc;
    color: #828282;
    cursor: default; }
  input[readonly], input.readonly,
  textarea[readonly],
  textarea.readonly,
  .form-control[readonly],
  .form-control.readonly {
    background-color: #f9f9f9;
    border-color: #ccc;
    color: #828282;
    cursor: default; }

/* stylelint-disable */
/*md

# Select markup
```html
    <form>
        <div class="custom-select form-group">
            <label class="form-control-label">Test select</label>
            <select class="form-control">
                <option value="value1">Value1</option>
                <option value="value2">Value2</option>
            </select>
        </div>
        <div class="custom-select form-group">
            <label class="form-control-label">Test select disabled</label>
            <select class="form-control">
                <option value="value1">Value1</option>
                <option value="value2">Value2</option>
            </select>
        </div>
    </form>
    <div>
        <label class="form-control-label">Test select</label>
        <div class="d-flex">
            <div class="custom-select m-secondary form-group flex-shrink-0 mr-2 mb-0">
                <select class="form-control">
                    <option value="966">+966</option>
                    <option value="38">+38</option>
                </select>
            </div>
            <div class="ml-1 flex-grow-1">
                <input type="text" class="text-input" name="common" placeholder="5 x x x x x x x" />
            </div>
        </div>
    </div>
```

```html_example
    <form>
        <div class="custom-select form-group" style="margin-bottom:10px">
            <label class="form-control-label">Test select</label>
            <select class="form-control">
                <option value="value1">Value1</option>
                <option value="value2">Value2</option>
            </select>
        </div>
        <div class="custom-select form-group" style="margin-bottom:10px">
            <label class="form-control-label">Test select disabled</label>
            <select class="form-control" disabled>
                <option value="value1">Value1</option>
                <option value="value2">Value2</option>
            </select>
        </div>
    </form>
    <div>
        <label class="form-control-label">Test select</label>
        <div class="d-flex">
            <div class="custom-select m-secondary form-group flex-shrink-0 mr-2 mb-0">
                <select class="form-control">
                    <option value="966">+966</option>
                    <option value="38">+38</option>
                </select>
            </div>
            <div class="ml-1 flex-grow-1">
                <input type="text" class="text-input" name="common" placeholder="5 x x x x x x x" />
            </div>
        </div>
    </div>
```

*/
/* stylelint-enable */
.custom-select select {
  background-image: url("data:image/svg+xml,%3Csvg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill%3D%22%233f3936%22 d='M0 4 H32 L16 28 z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.5rem 0.5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  background-position: calc(100% - (100% - 0.9375rem)) 52%;
  border: 0.0625rem solid #ccc;
  border-radius: 0.5rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #3f3936;
  cursor: default;
  display: block;
  line-height: var(--line-height-base);
  padding: 0.6875rem 0.9375rem 0.6875rem 1.875rem;
  width: 100%; }
  .custom-select select::-ms-expand {
    display: none; }
  .product-detail .custom-select select {
    padding: 0.6rem 0.9375rem 0.6rem 1.875rem;
    height: 2.25rem; }
  .custom-select select:focus {
    border-color: #828282;
    outline-width: 0; }
  .custom-select select:disabled, .custom-select select.disabled {
    background-color: #f9f9f9;
    border-color: #ccc;
    color: #828282;
    cursor: default;
    background-image: none;
    pointer-events: none; }
  .custom-select select[readonly], .custom-select select.readonly {
    background-image: url("data:image/svg+xml,%3Csvg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill%3D%22%23828282%22 d='M0 4 H32 L16 28 z'/%3E%3C/svg%3E");
    background-color: #f9f9f9;
    border-color: #ccc;
    color: #828282;
    cursor: default; }

.custom-select.error select {
  border-color: #e94f54; }
  .custom-select.error select:focus {
    border-color: #e94f54;
    outline: none; }

.custom-select.error .error-message {
  color: #e94f54;
  font-size: 0.6875rem;
  margin-top: 0.3125rem;
  display: block; }

.custom-select.m-secondary select {
  background-position-x: calc(100% - (100% - 0.5rem));
  padding-right: 0.625rem;
  padding-left: 1.5625rem; }

/* stylelint-disable */
/*md

# Text input error
```html
    <div class="form-group required">
        <label class="form-control-label">Test input</label>
        <input type="text" class="text-input form-control is-invalid" name="common" />
        <div class="invalid-feedback">This field is required</div>
    </div>
```

```html_example
    <div class="form-group required">
        <label class="form-control-label">Test input</label>
        <input type="text" class="text-input form-control is-invalid" name="common" />
        <div class="invalid-feedback">This field is required</div>
    </div>
```

# Textarea error

```html
    <div class="form-group required">
        <label class="form-control-label ">Test textarea</label>
        <textarea placeholder="Test textarea" class="form-control is-invalid"></textarea>
        <div class="invalid-feedback">This field is required</div>
    </div>
```

```html_example
    <div class="form-group required">
        <label class="form-control-label">Test textarea</label>
        <textarea placeholder="Test textarea" class="form-control is-invalid"></textarea>
        <div class="invalid-feedback">This field is required</div>
    </div>
```

# Select error

```html
    <div class="custom-select form-group required">
        <label class="form-control-label">Test select</label>
        <select class="form-control is-invalid">
            <option value="value1">Value1</option>
            <option value="value2">Value2</option>
        </select>
        <div class="invalid-feedback">This field is required</div>
    </div>
```

```html_example
    <div class="custom-select form-group required">
        <label class="form-control-label">Test select</label>
        <select class="form-control is-invalid">
            <option value="value1">Value1</option>
            <option value="value2">Value2</option>
        </select>
        <div class="invalid-feedback">This field is required</div>
    </div>
```

*/
/* stylelint-enable */
.form-control {
  margin-bottom: 0.5rem; }
  .form-control.is-invalid, .form-control.is-invalid:focus {
    border: 0.0625rem solid #e94f54 !important; }
  .form-control ~ .form-text {
    margin-top: -0.3125rem; }

.invalid-feedback {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  color: #e94f54;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.5;
  display: none;
  padding-right: 0.9375rem;
  margin-bottom: 0.625rem;
  position: relative;
  text-align: right; }
  .invalid-feedback::before {
    font-family: iconsFont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle; }
  .invalid-feedback::before {
    content: ""; }
  .invalid-feedback::before {
    right: 0;
    position: absolute;
    font-weight: 600; }
  .is-invalid .invalid-feedback {
    display: block; }

.js-input-validation.is-invalid .invalid-feedback,
.js-input-validation.is-invalid ~ .invalid-feedback {
  display: block; }

.form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip {
  display: block; }

.form-control-label {
  font-size: 12px;
  color: #344153;
  font-weight: 600;
  text-align: right;
  display: block; }

.form-group {
  margin-bottom: 1.25rem;
  /*&.required {
        .form-control-label {
            @include required-sign;
        }
    }*/ }

.custom-control {
  position: relative; }

.form-required-label {
  padding-right: 0.5rem;
  position: relative;
  display: table;
  margin-bottom: 0.9375rem;
  margin-right: auto; }
  .form-required-label::before {
    color: #e94f54;
    content: '*';
    font-weight: 700;
    right: 0;
    position: absolute;
    top: 0; }

.form-field-description,
.form-text {
  font-size: 10px;
  color: #344153;
  font-weight: 500;
  text-align: right; }

.form-text {
  margin-bottom: 0.3125rem; }

.form-select-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  /* Base Element Styles */
  /* States */ }
  .form-select-container label {
    font-size: 12px;
    color: #344153;
    font-weight: 600;
    text-align: right;
    display: block; }
  .form-select-container .helper-text {
    font-size: 10px;
    color: #344153;
    font-weight: 500;
    text-align: right; }
  .form-select-container-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .form-select-container-inner.is-invalid select,
    .form-select-container-inner.is-invalid input {
      border-color: #e94f54; }
    .form-select-container-inner select {
      height: 2.5rem;
      border: 0.0625rem solid #c2c2c2;
      border-radius: 0 0.75rem 0.75rem 0;
      padding: 0.75rem;
      text-align: center;
      border-left: none; }
      .form-select-container-inner select.default {
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        pointer-events: none;
        opacity: 0.5; }
    .form-select-container-inner input {
      height: 2.5rem;
      border-radius: 0.75rem 0 0 0.75rem;
      border: 0.0625rem solid #c2c2c2;
      padding: 0.75rem 0.5rem; }
  .form-select-container.error .form-select-container-inner select,
  .form-select-container.error .form-select-container-inner input,
  .form-select-container.error .select-container-inner select,
  .form-select-container.error .select-container-inner input {
    border-color: #e94f54; }
    .form-select-container.error .form-select-container-inner select:focus,
    .form-select-container.error .form-select-container-inner input:focus,
    .form-select-container.error .select-container-inner select:focus,
    .form-select-container.error .select-container-inner input:focus {
      border-color: #e94f54; }
  .form-select-container.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed; }
    .form-select-container.disabled label,
    .form-select-container.disabled .helper-text,
    .form-select-container.disabled input,
    .form-select-container.disabled select {
      opacity: 0.5;
      cursor: not-allowed; }
    .form-select-container.disabled-inner,
    .form-select-container.disabled select,
    .form-select-container.disabled input {
      background-color: #f8f9fa;
      border-color: #c2c2c2; }
  .form-select-container.helper-off .helper-text,
  .form-select-container.label-off label {
    display: none; }
  .form-select-container.focused-off input:focus, .form-select-container.focused-off input:focus-within,
  .form-select-container.focused-off select:focus,
  .form-select-container.focused-off select:focus-within, .form-select-container.focused-off-inner:focus, .form-select-container.focused-off-inner:focus-within {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-color: #c2c2c2; }

.form-mail-container, .form-password-container, .form-input-container, .form-textarea-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  /* Base Element Styles */ }
  .form-mail-container-inner, .form-password-container-inner, .form-input-container-inner, .form-textarea-container-inner {
    width: 100%;
    height: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 0.75rem;
    margin-bottom: 0.5rem; }
    .form-mail-container-inner.is-invalid input,
    .form-mail-container-inner.is-invalid .icon, .form-password-container-inner.is-invalid input,
    .form-password-container-inner.is-invalid .icon, .form-input-container-inner.is-invalid input,
    .form-input-container-inner.is-invalid .icon, .form-textarea-container-inner.is-invalid input,
    .form-textarea-container-inner.is-invalid .icon {
      border-color: #e94f54; }
    .form-mail-container-inner input, .form-password-container-inner input, .form-input-container-inner input, .form-textarea-container-inner input {
      width: 100%;
      height: 100%;
      border: 0.0625rem solid #c2c2c2;
      margin: unset; }
      .form-mail-container .form-mail-container-inner input, .form-mail-container .form-password-container-inner input, .form-mail-container .form-input-container-inner input, .form-mail-container .form-textarea-container-inner input {
        border-radius: 0.75rem 0 0 0.75rem; }
      .form-password-container .form-mail-container-inner input, .form-password-container .form-password-container-inner input, .form-password-container .form-input-container-inner input, .form-password-container .form-textarea-container-inner input {
        border-radius: 0 0.75rem 0.75rem 0; }
      @media (max-width: 1439.98px) {
        .form-mail-container-inner input, .form-password-container-inner input, .form-input-container-inner input, .form-textarea-container-inner input {
          width: 100%; } }
    .form-mail-container-inner .icon, .form-password-container-inner .icon, .form-input-container-inner .icon, .form-textarea-container-inner .icon {
      padding: 0.5rem 0.75rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 100%;
      border: 1px solid #c2c2c2; }
      .form-mail-container .form-mail-container-inner .icon, .form-mail-container .form-password-container-inner .icon, .form-mail-container .form-input-container-inner .icon, .form-mail-container .form-textarea-container-inner .icon {
        border-left: none;
        border-radius: 0 0.75rem 0.75rem 0; }
      .form-password-container .form-mail-container-inner .icon, .form-password-container .form-password-container-inner .icon, .form-password-container .form-input-container-inner .icon, .form-password-container .form-textarea-container-inner .icon {
        border-right: none;
        border-radius: 0.75rem 0 0 0.75rem; }
  .form-textarea-container .form-mail-container-inner, .form-textarea-container .form-password-container-inner, .form-textarea-container .form-input-container-inner, .form-textarea-container .form-textarea-container-inner {
    border: unset;
    border-radius: unset;
    display: block;
    width: 100%;
    height: 100%; }
  .form-textarea-container .form-mail-container textarea, .form-textarea-container .form-password-container textarea, .form-textarea-container .form-input-container textarea, .form-textarea-container .form-textarea-container textarea {
    width: 21.4375rem;
    min-height: 4.875rem;
    margin: unset;
    resize: none;
    padding: 0.5rem 0.75rem;
    border: 1px solid #c2c2c2; }
  .form-password-container .form-mail-container-inner .icon::before, .form-password-container .form-password-container-inner .icon::before, .form-password-container .form-input-container-inner .icon::before, .form-password-container .form-textarea-container-inner .icon::before {
    content: ""; }
  .form-password-container .form-mail-container-inner .icon.reveal::before, .form-password-container .form-password-container-inner .icon.reveal::before, .form-password-container .form-input-container-inner .icon.reveal::before, .form-password-container .form-textarea-container-inner .icon.reveal::before {
    content: ""; }
  .form-mail-container label, .form-password-container label, .form-input-container label, .form-textarea-container label {
    font-size: 12px;
    color: #344153;
    font-weight: 600;
    text-align: right;
    display: block; }
  .form-mail-container .helper-text, .form-password-container .helper-text, .form-input-container .helper-text, .form-textarea-container .helper-text {
    font-size: 10px;
    color: #344153;
    font-weight: 500;
    text-align: right; }
  .form-mail-container.disabled, .form-password-container.disabled, .form-input-container.disabled, .form-textarea-container.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed; }
    .form-mail-container.disabled label,
    .form-mail-container.disabled .helper-text,
    .form-mail-container.disabled input,
    .form-mail-container.disabled select, .form-password-container.disabled label,
    .form-password-container.disabled .helper-text,
    .form-password-container.disabled input,
    .form-password-container.disabled select, .form-input-container.disabled label,
    .form-input-container.disabled .helper-text,
    .form-input-container.disabled input,
    .form-input-container.disabled select, .form-textarea-container.disabled label,
    .form-textarea-container.disabled .helper-text,
    .form-textarea-container.disabled input,
    .form-textarea-container.disabled select {
      opacity: 0.5;
      cursor: not-allowed; }
    .form-mail-container.disabled-inner,
    .form-mail-container.disabled select,
    .form-mail-container.disabled input, .form-password-container.disabled-inner,
    .form-password-container.disabled select,
    .form-password-container.disabled input, .form-input-container.disabled-inner,
    .form-input-container.disabled select,
    .form-input-container.disabled input, .form-textarea-container.disabled-inner,
    .form-textarea-container.disabled select,
    .form-textarea-container.disabled input {
      background-color: #f8f9fa;
      border-color: #c2c2c2; }
  .form-mail-container.helper-off .helper-text,
  .form-mail-container.label-off label, .form-password-container.helper-off .helper-text,
  .form-password-container.label-off label, .form-input-container.helper-off .helper-text,
  .form-input-container.label-off label, .form-textarea-container.helper-off .helper-text,
  .form-textarea-container.label-off label {
    display: none; }
  .form-mail-container.focused-off input:focus, .form-mail-container.focused-off input:focus-within,
  .form-mail-container.focused-off select:focus,
  .form-mail-container.focused-off select:focus-within, .form-mail-container.focused-off-inner:focus, .form-mail-container.focused-off-inner:focus-within, .form-password-container.focused-off input:focus, .form-password-container.focused-off input:focus-within,
  .form-password-container.focused-off select:focus,
  .form-password-container.focused-off select:focus-within, .form-password-container.focused-off-inner:focus, .form-password-container.focused-off-inner:focus-within, .form-input-container.focused-off input:focus, .form-input-container.focused-off input:focus-within,
  .form-input-container.focused-off select:focus,
  .form-input-container.focused-off select:focus-within, .form-input-container.focused-off-inner:focus, .form-input-container.focused-off-inner:focus-within, .form-textarea-container.focused-off input:focus, .form-textarea-container.focused-off input:focus-within,
  .form-textarea-container.focused-off select:focus,
  .form-textarea-container.focused-off select:focus-within, .form-textarea-container.focused-off-inner:focus, .form-textarea-container.focused-off-inner:focus-within {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-color: #c2c2c2; }

.form-dropdown-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start; }
  .form-dropdown-container label {
    font-size: 12px;
    color: #344153;
    font-weight: 600;
    text-align: right;
    display: block; }
  .form-dropdown-container .helper-text {
    font-size: 10px;
    color: #344153;
    font-weight: 500;
    text-align: right; }
  .form-dropdown-container .custom-dropdown {
    position: relative;
    width: 100%;
    margin-bottom: 0.5rem; }
    .form-dropdown-container .custom-dropdown-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 2.5rem;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0.5rem 0.75rem 0.5rem 0;
      border: 1px solid #c2c2c2;
      margin-bottom: 0.25rem;
      border-radius: 0.75rem;
      cursor: pointer;
      background: #fff;
      outline: none;
      -webkit-transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
      transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
      transition: border-color 0.2s ease, box-shadow 0.2s ease;
      transition: border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease; }
      .form-dropdown-container .custom-dropdown-header.disabled {
        opacity: 0.5;
        pointer-events: none; }
      .form-dropdown-container .custom-dropdown-header input {
        border: none;
        border-radius: 0;
        padding: 0;
        margin: 0;
        height: 100%; }
        .form-dropdown-container .custom-dropdown-header input:focus::-webkit-input-placeholder {
          color: transparent; }
        .form-dropdown-container .custom-dropdown-header input:focus::-moz-placeholder {
          color: transparent; }
        .form-dropdown-container .custom-dropdown-header input:focus:-ms-input-placeholder {
          color: transparent; }
        .form-dropdown-container .custom-dropdown-header input:focus::-ms-input-placeholder {
          color: transparent; }
        .form-dropdown-container .custom-dropdown-header input:focus::placeholder {
          color: transparent; }
      .form-dropdown-container .custom-dropdown-header .icon {
        color: #344153; }
        .form-dropdown-container .custom-dropdown-header .icon::before {
          content: ""; }
        .form-dropdown-container .custom-dropdown-header .icon.chevron-container {
          width: 2.5rem;
          height: 2.5rem;
          font-size: 9px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          border-right: 0.0625rem solid #c2c2c2; }
    .form-dropdown-container .custom-dropdown-content {
      display: none;
      position: absolute;
      top: 100%;
      right: 0;
      left: 0;
      background: #fff;
      border: 1px solid #c2c2c2;
      border-radius: 0.5rem;
      margin-top: 0.25rem;
      max-height: 9.5rem;
      overflow-y: auto;
      z-index: 3;
      -webkit-box-shadow: 0 4px 12px 0 #4955642e;
              box-shadow: 0 4px 12px 0 #4955642e;
      -ms-overflow-style: none;
      /* IE 10+ */
      scrollbar-width: none;
      /* Firefox */ }
      .form-dropdown-container .custom-dropdown-content::-webkit-scrollbar {
        /* WebKit */
        height: 0;
        width: 0; }
    .form-dropdown-container .custom-dropdown-item {
      padding: 0.5rem 0.75rem;
      height: 2.375rem;
      font-size: 14px;
      cursor: pointer; }
      .form-dropdown-container .custom-dropdown-item:hover {
        background: #f5f5f5; }
      .form-dropdown-container .custom-dropdown-item.selected {
        background: #e9ecef; }
      .form-dropdown-container .custom-dropdown-item:focus {
        background-color: #f5f5f5;
        outline: none; }
    .form-dropdown-container .custom-dropdown.active .custom-dropdown-content {
      display: block; }
    .form-dropdown-container .custom-dropdown.active .custom-dropdown-header .icon::before {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
    .form-dropdown-container .custom-dropdown.error .custom-dropdown-header, .form-dropdown-container .custom-dropdown.is-invalid .custom-dropdown-header {
      border-color: #e94f54; }
      .form-dropdown-container .custom-dropdown.error .custom-dropdown-header .icon.chevron-container, .form-dropdown-container .custom-dropdown.is-invalid .custom-dropdown-header .icon.chevron-container {
        border-color: #e94f54; }
    .form-dropdown-container .custom-dropdown.error .error-message, .form-dropdown-container .custom-dropdown.is-invalid .error-message {
      color: #e94f54;
      font-size: 0.6875rem;
      margin-top: 0.3125rem;
      display: block; }
    .form-dropdown-container .custom-dropdown.disabled {
      opacity: 0.5;
      pointer-events: none; }
      .form-dropdown-container .custom-dropdown.disabled .custom-dropdown-header {
        background-color: #f8f9fa;
        border-color: #dee2e6;
        cursor: not-allowed; }
  .form-dropdown-container.error .custom-dropdown-header {
    border-color: #e94f54; }
  .form-dropdown-container.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed; }
    .form-dropdown-container.disabled label,
    .form-dropdown-container.disabled .helper-text,
    .form-dropdown-container.disabled input,
    .form-dropdown-container.disabled select {
      opacity: 0.5;
      cursor: not-allowed; }
    .form-dropdown-container.disabled-inner,
    .form-dropdown-container.disabled select,
    .form-dropdown-container.disabled input {
      background-color: #f8f9fa;
      border-color: #c2c2c2; }
  .form-dropdown-container.helper-off .helper-text,
  .form-dropdown-container.label-off label {
    display: none; }
  .form-dropdown-container.focused-off .custom-dropdown-header:focus {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-color: #c2c2c2; }

.icon-mail {
  line-height: 1.2; }

.login-form-remember-forgot {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 1.875rem 0; }

.login-form-divider {
  margin-bottom: 1.875rem;
  position: relative;
  text-align: center; }
  .login-form-divider::before {
    background-image: -webkit-gradient(linear, right top, left top, color-stop(40%, #ccc), color-stop(20%, #fff));
    background-image: linear-gradient(to left, #ccc 40%, #fff 20%);
    background-position: center 0;
    background-repeat: repeat-x;
    background-size: 0.625rem 0.0625rem;
    content: '';
    height: 0.0625rem;
    right: 0;
    position: absolute;
    top: 50%;
    width: 100%; }
  .login-form-divider-text {
    background-color: #fff;
    color: #828282;
    padding: 0 0.9375rem;
    position: relative;
    text-transform: uppercase;
    z-index: 1; }

/* stylelint-disable */
/*md

# Buttons
If you need it could be added to different types of HTML-elements.

# Primary button

```html
    <a href="#" class="btn btn-primary">button (on a)</a>
    <span class="btn btn-primary" tabindex="0">button (on span)</span>
    <button class="btn btn-primary">button (on button)</button>
    <button class="btn btn-primary disabled">button (disable)</button>

```

```html_example
    <div style="padding: 15px 0; display: flex; justify-content: space-around">
        <a href="#" class="btn btn-primary">button (on a)</a>
        <span class="btn btn-primary" tabindex="0">button (on span)</span>
        <button class="btn btn-primary">button (on button)</button>
        <button class="btn btn-primary disabled">button (disable)</button>
    </div>
```

# Secondary button

```html
    <a href="#" class="btn btn-secondary">button (on a)</a>
    <span class="btn btn-secondary" tabindex="0">button (on span)</span>
    <button class="btn btn-secondary">button (on button)</button>
    <button class="btn btn-secondary disabled">button (disable)</button>
```

```html_example
    <div style="padding: 15px 0; display: flex; justify-content: space-around">
        <a href="#" class="btn btn-secondary">button (on a)</a>
        <span class="btn btn-secondary" tabindex="0">button (on span)</span>
        <button class="btn btn-secondary">button (on button)</button>
        <button class="btn btn-secondary disabled">button (disable)</button>
    </div>
```

# Primary button small

```html
    <a href="#" class="btn btn-primary-small">button (on a)</a>
    <span class="btn btn-primary-small" tabindex="0">button (on span)</span>
    <button class="btn btn-primary-small">button (on button)</button>
    <button class="btn btn-primary-small disabled">button (disable)</button>
```

```html_example
    <div style="padding: 15px 0; display: flex; justify-content: space-around">
        <a href="#" class="btn btn-primary-small">button (on a)</a>
        <span class="btn btn-primary-small" tabindex="0">button (on span)</span>
        <button class="btn btn-primary-small">button (on button)</button>
        <button class="btn btn-primary-small disabled">button (disable)</button>
    </div>
```

# Secondary button small

```html
    <a href="#" class="btn btn-secondary-small">button (on a)</a>
    <span class="btn btn-secondary-small" tabindex="0">button (on span)</span>
    <button class="btn btn-secondary-small">button (on button)</button>
    <button class="btn btn-secondary-small disabled">button (disable)</button>
```

```html_example
    <div style="padding: 15px 0;  display: flex; justify-content: space-around">
        <a href="#" class="btn btn-secondary-small">button (on a)</a>
        <span class="btn btn-secondary-small" tabindex="0">button (on span)</span>
        <button class="btn btn-secondary-small">button (on button)</button>
        <button class="btn btn-secondary-small disabled">button (disable)</button>
    </div>
```

# Remove button
```html
    <button type="button" class="remove-btn" aria-label="Remove"></button>
```

```html_example
    <button type="button" class="remove-btn" aria-label="Remove"></button>
```

# small-width
You can use special min-width for my account buttons:

```html
    <a href="#" class="btn btn-secondary-small m-small-width">button (on a)</a>
    <span class="btn btn-secondary-small m-small-width" tabindex="0">button (on span)</span>
    <button class="btn btn-secondary-small m-small-width">button (on button)</button>
    <button class="btn btn-secondary-small m-small-width disabled">button (disable)</button>
```

```html_example
    <div style="padding: 15px 0;  display: flex; justify-content: space-around">
        <a href="#" class="btn btn-secondary-small m-small-width">button (on a)</a>
        <span class="btn btn-secondary-small m-small-width" tabindex="0">button (on span)</span>
        <button class="btn btn-secondary-small m-small-width">button (on button)</button>
        <button class="btn btn-secondary-small m-small-width disabled">button (disable)</button>
    </div>
```

# medium-width
You can use special min-width for my account buttons:

```html
    <a href="#" class="btn btn-secondary-small m-medium-width">button (on a)</a>
    <span class="btn btn-secondary-small m-medium-width" tabindex="0">button (on span)</span>
    <button class="btn btn-secondary-small m-medium-width">button (on button)</button>
    <button class="btn btn-secondary-small m-medium-width disabled">button (disable)</button>
```

```html_example
    <div style="padding: 15px 0;  display: flex; justify-content: space-around">
        <a href="#" class="btn btn-secondary-small m-medium-width">button (on a)</a>
        <span class="btn btn-secondary-small m-medium-width" tabindex="0">button (on span)</span>
        <button class="btn btn-secondary-small m-medium-width">button (on button)</button>
        <button class="btn btn-secondary-small m-medium-width disabled">button (disable)</button>
    </div>
```
*/
/* stylelint-enable */
.btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative; }
  @media (max-width: 575.98px) {
    .btn.m-mobile-space {
      margin-bottom: 0.9375rem;
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1; } }
  .btn.m-small-width {
    min-width: 5rem; }
    @media (min-width: 768px) {
      .btn.m-small-width {
        min-width: 7.8125rem; } }
  .btn.m-medium-width {
    min-width: 9.375rem; }

.btn-primary {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  border-radius: 0.5rem;
  font-size: 16px;
  cursor: pointer;
  font-weight: 600;
  line-height: 1;
  max-width: 100%;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #eba140;
  color: #fff;
  font-size: 0.9375rem;
  font-size: 14px;
  height: 2.25rem;
  padding: 0.5rem 1rem;
  min-width: 8.875rem; }
  .btn-primary::before {
    line-height: 0;
    margin-left: 0.625rem; }
  .btn-primary::after {
    margin-right: 0.625rem; }
  @media (min-width: 1025px) {
    .btn-primary:hover, .btn-primary:active {
      color: #fff;
      text-decoration: none; } }
  .btn-primary.disabled {
    pointer-events: none;
    background-color: #ccc;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
            box-shadow: inset 0 0 0 0.0625rem #ccc;
    cursor: default; }
  .btn-primary:has(.icon) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.25rem; }
  @media (min-width: 1025px) {
    .btn-primary:hover, .btn-primary:active {
      opacity: 0.8; } }
  .btn-primary.disabled {
    background-color: #ccc; }
  .btn-primary.variant-purple {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    border-radius: 0.5rem;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: #4e004f;
    color: #fff;
    font-size: 0.9375rem;
    font-size: 14px;
    height: 2.25rem;
    padding: 0.5rem 1rem;
    min-width: 8.875rem; }
    .btn-primary.variant-purple::before {
      line-height: 0;
      margin-left: 0.625rem; }
    .btn-primary.variant-purple::after {
      margin-right: 0.625rem; }
    @media (min-width: 1025px) {
      .btn-primary.variant-purple:hover, .btn-primary.variant-purple:active {
        color: #fff;
        text-decoration: none; } }
    .btn-primary.variant-purple.disabled {
      pointer-events: none;
      background-color: #ccc;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
              box-shadow: inset 0 0 0 0.0625rem #ccc;
      cursor: default; }
    .btn-primary.variant-purple:has(.icon) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 0.25rem; }
    @media (min-width: 1025px) {
      .btn-primary.variant-purple:hover, .btn-primary.variant-purple:active {
        opacity: 0.8; } }
    .btn-primary.variant-purple.disabled {
      background-color: #ccc; }
  .btn-primary.variant-black {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    border-radius: 0.5rem;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: #3f3936;
    color: #fff;
    font-size: 0.9375rem;
    font-size: 14px;
    height: 2.25rem;
    padding: 0.5rem 1rem;
    min-width: 8.875rem; }
    .btn-primary.variant-black::before {
      line-height: 0;
      margin-left: 0.625rem; }
    .btn-primary.variant-black::after {
      margin-right: 0.625rem; }
    @media (min-width: 1025px) {
      .btn-primary.variant-black:hover, .btn-primary.variant-black:active {
        color: #fff;
        text-decoration: none; } }
    .btn-primary.variant-black.disabled {
      pointer-events: none;
      background-color: #ccc;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
              box-shadow: inset 0 0 0 0.0625rem #ccc;
      cursor: default; }
    .btn-primary.variant-black:has(.icon) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 0.25rem; }
    @media (min-width: 1025px) {
      .btn-primary.variant-black:hover, .btn-primary.variant-black:active {
        opacity: 0.8; } }
    .btn-primary.variant-black.disabled {
      background-color: #ccc; }

.btn-secondary {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  border-radius: 0.5rem;
  font-size: 16px;
  cursor: pointer;
  font-weight: 600;
  line-height: 1;
  max-width: 100%;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 0 0.0625rem #eba140;
          box-shadow: inset 0 0 0 0.0625rem #eba140;
  color: #eba140;
  font-size: 0.9375rem;
  font-size: 14px;
  height: 2.25rem;
  padding: 0.5rem 1rem;
  min-width: 8.875rem; }
  .btn-secondary::before {
    line-height: 0;
    margin-left: 0.625rem; }
  .btn-secondary::after {
    margin-right: 0.625rem; }
  @media (min-width: 1025px) {
    .btn-secondary:hover, .btn-secondary:active {
      color: #fff;
      text-decoration: none; } }
  .btn-secondary.disabled {
    pointer-events: none;
    background-color: #ccc;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
            box-shadow: inset 0 0 0 0.0625rem #ccc;
    cursor: default; }
  .btn-secondary:has(.icon) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.25rem; }
  @media (min-width: 1025px) {
    .btn-secondary:hover, .btn-secondary:active {
      color: #eba140;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #eba140;
              box-shadow: inset 0 0 0 0.0625rem #eba140;
      opacity: 0.8; } }
  .btn-secondary.disabled {
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
            box-shadow: inset 0 0 0 0.0625rem #ccc;
    color: #ccc; }
  .btn-secondary.variant-purple {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    border-radius: 0.5rem;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #4e004f;
            box-shadow: inset 0 0 0 0.0625rem #4e004f;
    color: #4e004f;
    font-size: 0.9375rem;
    font-size: 14px;
    height: 2.25rem;
    padding: 0.5rem 1rem;
    min-width: 8.875rem; }
    .btn-secondary.variant-purple::before {
      line-height: 0;
      margin-left: 0.625rem; }
    .btn-secondary.variant-purple::after {
      margin-right: 0.625rem; }
    @media (min-width: 1025px) {
      .btn-secondary.variant-purple:hover, .btn-secondary.variant-purple:active {
        color: #fff;
        text-decoration: none; } }
    .btn-secondary.variant-purple.disabled {
      pointer-events: none;
      background-color: #ccc;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
              box-shadow: inset 0 0 0 0.0625rem #ccc;
      cursor: default; }
    .btn-secondary.variant-purple:has(.icon) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 0.25rem; }
    @media (min-width: 1025px) {
      .btn-secondary.variant-purple:hover, .btn-secondary.variant-purple:active {
        color: #4e004f;
        -webkit-box-shadow: inset 0 0 0 0.0625rem #4e004f;
                box-shadow: inset 0 0 0 0.0625rem #4e004f;
        opacity: 0.8; } }
    .btn-secondary.variant-purple.disabled {
      background-color: transparent;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
              box-shadow: inset 0 0 0 0.0625rem #ccc;
      color: #ccc; }

.btn-tertiary {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  border-radius: 0.5rem;
  font-size: 16px;
  cursor: pointer;
  font-weight: 600;
  line-height: 1;
  max-width: 100%;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: unset;
  background-color: unset;
  color: #eba140;
  font-size: 14px;
  height: 2.25rem;
  padding: 0.5rem 1rem;
  min-width: 8.875rem; }
  .btn-tertiary::before {
    line-height: 0;
    margin-left: 0.625rem; }
  .btn-tertiary::after {
    margin-right: 0.625rem; }
  @media (min-width: 1025px) {
    .btn-tertiary:hover, .btn-tertiary:active {
      color: #fff;
      text-decoration: none; } }
  .btn-tertiary.disabled {
    pointer-events: none;
    background-color: #ccc;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
            box-shadow: inset 0 0 0 0.0625rem #ccc;
    cursor: default; }
  .btn-tertiary:has(.icon) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.25rem; }
  @media (min-width: 1025px) {
    .btn-tertiary:hover, .btn-tertiary:active {
      color: #eba140;
      opacity: 0.8; } }
  .btn-tertiary.disabled {
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
            box-shadow: inset 0 0 0 0.0625rem #ccc;
    color: #ccc; }
  .btn-tertiary.variant-purple {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    border-radius: 0.5rem;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border: unset;
    background-color: unset;
    color: #4e004f;
    font-size: 14px;
    height: 2.25rem;
    padding: 0.5rem 1rem;
    min-width: 8.875rem; }
    .btn-tertiary.variant-purple::before {
      line-height: 0;
      margin-left: 0.625rem; }
    .btn-tertiary.variant-purple::after {
      margin-right: 0.625rem; }
    @media (min-width: 1025px) {
      .btn-tertiary.variant-purple:hover, .btn-tertiary.variant-purple:active {
        color: #fff;
        text-decoration: none; } }
    .btn-tertiary.variant-purple.disabled {
      pointer-events: none;
      background-color: #ccc;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
              box-shadow: inset 0 0 0 0.0625rem #ccc;
      cursor: default; }
    .btn-tertiary.variant-purple:has(.icon) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 0.25rem; }
    @media (min-width: 1025px) {
      .btn-tertiary.variant-purple:hover, .btn-tertiary.variant-purple:active {
        color: #4e004f;
        opacity: 0.8; } }
    .btn-tertiary.variant-purple.disabled {
      background-color: transparent;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
              box-shadow: inset 0 0 0 0.0625rem #ccc;
      color: #ccc; }

.btn-primary-small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  border-radius: 0.5rem;
  font-size: 16px;
  cursor: pointer;
  font-weight: 600;
  line-height: 1;
  max-width: 100%;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #eba140;
  color: #fff;
  font-size: 0.9375rem;
  padding: 0.5rem 1rem;
  height: 2rem;
  font-size: 12px;
  min-width: 7.875rem; }
  .btn-primary-small::before {
    line-height: 0;
    margin-left: 0.625rem; }
  .btn-primary-small::after {
    margin-right: 0.625rem; }
  @media (min-width: 1025px) {
    .btn-primary-small:hover, .btn-primary-small:active {
      color: #fff;
      text-decoration: none; } }
  .btn-primary-small.disabled {
    pointer-events: none;
    background-color: #ccc;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
            box-shadow: inset 0 0 0 0.0625rem #ccc;
    cursor: default; }
  .btn-primary-small:has(.icon) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.25rem; }
  @media (min-width: 1025px) {
    .btn-primary-small:hover, .btn-primary-small:active {
      opacity: 0.8; } }
  .btn-primary-small.disabled {
    background-color: #ccc; }
  .btn-primary-small.variant-purple {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    border-radius: 0.5rem;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: #4e004f;
    color: #fff;
    font-size: 0.9375rem;
    padding: 0.5rem 1rem;
    height: 2rem;
    font-size: 12px;
    min-width: 7.875rem; }
    .btn-primary-small.variant-purple::before {
      line-height: 0;
      margin-left: 0.625rem; }
    .btn-primary-small.variant-purple::after {
      margin-right: 0.625rem; }
    @media (min-width: 1025px) {
      .btn-primary-small.variant-purple:hover, .btn-primary-small.variant-purple:active {
        color: #fff;
        text-decoration: none; } }
    .btn-primary-small.variant-purple.disabled {
      pointer-events: none;
      background-color: #ccc;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
              box-shadow: inset 0 0 0 0.0625rem #ccc;
      cursor: default; }
    .btn-primary-small.variant-purple:has(.icon) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 0.25rem; }
    @media (min-width: 1025px) {
      .btn-primary-small.variant-purple:hover, .btn-primary-small.variant-purple:active {
        opacity: 0.8; } }
    .btn-primary-small.variant-purple.disabled {
      background-color: #ccc; }

.btn-secondary-small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  border-radius: 0.5rem;
  font-size: 16px;
  cursor: pointer;
  font-weight: 600;
  line-height: 1;
  max-width: 100%;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 0 0.0625rem #eba140;
          box-shadow: inset 0 0 0 0.0625rem #eba140;
  color: #eba140;
  font-size: 0.9375rem;
  padding: 0.5rem 1rem;
  height: 2rem;
  font-size: 12px;
  min-width: 7.875rem; }
  .btn-secondary-small::before {
    line-height: 0;
    margin-left: 0.625rem; }
  .btn-secondary-small::after {
    margin-right: 0.625rem; }
  @media (min-width: 1025px) {
    .btn-secondary-small:hover, .btn-secondary-small:active {
      color: #fff;
      text-decoration: none; } }
  .btn-secondary-small.disabled {
    pointer-events: none;
    background-color: #ccc;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
            box-shadow: inset 0 0 0 0.0625rem #ccc;
    cursor: default; }
  .btn-secondary-small:has(.icon) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.25rem; }
  @media (min-width: 1025px) {
    .btn-secondary-small:hover, .btn-secondary-small:active {
      color: #eba140;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #eba140;
              box-shadow: inset 0 0 0 0.0625rem #eba140;
      opacity: 0.8; } }
  .btn-secondary-small.disabled {
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
            box-shadow: inset 0 0 0 0.0625rem #ccc;
    color: #ccc; }
  .btn-secondary-small.variant-purple {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    border-radius: 0.5rem;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #4e004f;
            box-shadow: inset 0 0 0 0.0625rem #4e004f;
    color: #4e004f;
    font-size: 0.9375rem;
    padding: 0.5rem 1rem;
    height: 2rem;
    font-size: 12px;
    min-width: 7.875rem; }
    .btn-secondary-small.variant-purple::before {
      line-height: 0;
      margin-left: 0.625rem; }
    .btn-secondary-small.variant-purple::after {
      margin-right: 0.625rem; }
    @media (min-width: 1025px) {
      .btn-secondary-small.variant-purple:hover, .btn-secondary-small.variant-purple:active {
        color: #fff;
        text-decoration: none; } }
    .btn-secondary-small.variant-purple.disabled {
      pointer-events: none;
      background-color: #ccc;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
              box-shadow: inset 0 0 0 0.0625rem #ccc;
      cursor: default; }
    .btn-secondary-small.variant-purple:has(.icon) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 0.25rem; }
    @media (min-width: 1025px) {
      .btn-secondary-small.variant-purple:hover, .btn-secondary-small.variant-purple:active {
        color: #4e004f;
        -webkit-box-shadow: inset 0 0 0 0.0625rem #4e004f;
                box-shadow: inset 0 0 0 0.0625rem #4e004f;
        opacity: 0.8; } }
    .btn-secondary-small.variant-purple.disabled {
      background-color: transparent;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
              box-shadow: inset 0 0 0 0.0625rem #ccc;
      color: #ccc; }

.btn-tertiary-small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  border-radius: 0.5rem;
  font-size: 16px;
  cursor: pointer;
  font-weight: 600;
  line-height: 1;
  max-width: 100%;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: unset;
  background-color: unset;
  color: #eba140;
  padding: 0.5rem 1rem;
  height: 2rem;
  font-size: 12px;
  min-width: 7.875rem; }
  .btn-tertiary-small::before {
    line-height: 0;
    margin-left: 0.625rem; }
  .btn-tertiary-small::after {
    margin-right: 0.625rem; }
  @media (min-width: 1025px) {
    .btn-tertiary-small:hover, .btn-tertiary-small:active {
      color: #fff;
      text-decoration: none; } }
  .btn-tertiary-small.disabled {
    pointer-events: none;
    background-color: #ccc;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
            box-shadow: inset 0 0 0 0.0625rem #ccc;
    cursor: default; }
  .btn-tertiary-small:has(.icon) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.25rem; }
  @media (min-width: 1025px) {
    .btn-tertiary-small:hover, .btn-tertiary-small:active {
      color: #eba140;
      opacity: 0.8; } }
  .btn-tertiary-small.disabled {
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
            box-shadow: inset 0 0 0 0.0625rem #ccc;
    color: #ccc; }
  .btn-tertiary-small.variant-purple {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    border-radius: 0.5rem;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border: unset;
    background-color: unset;
    color: #4e004f;
    padding: 0.5rem 1rem;
    height: 2rem;
    font-size: 12px;
    min-width: 7.875rem; }
    .btn-tertiary-small.variant-purple::before {
      line-height: 0;
      margin-left: 0.625rem; }
    .btn-tertiary-small.variant-purple::after {
      margin-right: 0.625rem; }
    @media (min-width: 1025px) {
      .btn-tertiary-small.variant-purple:hover, .btn-tertiary-small.variant-purple:active {
        color: #fff;
        text-decoration: none; } }
    .btn-tertiary-small.variant-purple.disabled {
      pointer-events: none;
      background-color: #ccc;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
              box-shadow: inset 0 0 0 0.0625rem #ccc;
      cursor: default; }
    .btn-tertiary-small.variant-purple:has(.icon) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 0.25rem; }
    @media (min-width: 1025px) {
      .btn-tertiary-small.variant-purple:hover, .btn-tertiary-small.variant-purple:active {
        color: #4e004f;
        opacity: 0.8; } }
    .btn-tertiary-small.variant-purple.disabled {
      background-color: transparent;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
              box-shadow: inset 0 0 0 0.0625rem #ccc;
      color: #ccc; }

.btn-extra-small {
  padding: 0.25rem 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  border-radius: 0.5rem;
  font-size: 16px;
  cursor: pointer;
  font-weight: 600;
  line-height: 1;
  max-width: 100%;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #eba140;
  color: #fff;
  font-size: 0.9375rem;
  padding: 0.5rem 1rem;
  height: 2rem;
  font-size: 12px;
  min-width: 7.875rem; }
  .btn-extra-small::before {
    line-height: 0;
    margin-left: 0.625rem; }
  .btn-extra-small::after {
    margin-right: 0.625rem; }
  @media (min-width: 1025px) {
    .btn-extra-small:hover, .btn-extra-small:active {
      color: #fff;
      text-decoration: none; } }
  .btn-extra-small.disabled {
    pointer-events: none;
    background-color: #ccc;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
            box-shadow: inset 0 0 0 0.0625rem #ccc;
    cursor: default; }
  .btn-extra-small:has(.icon) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.25rem; }
  @media (min-width: 1025px) {
    .btn-extra-small:hover, .btn-extra-small:active {
      opacity: 0.8; } }
  .btn-extra-small.disabled {
    background-color: #ccc; }
  .btn-extra-small.variant-purple {
    padding: 0.25rem 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    border-radius: 0.5rem;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: #4e004f;
    color: #fff;
    font-size: 0.9375rem;
    padding: 0.5rem 1rem;
    height: 2rem;
    font-size: 12px;
    min-width: 7.875rem; }
    .btn-extra-small.variant-purple::before {
      line-height: 0;
      margin-left: 0.625rem; }
    .btn-extra-small.variant-purple::after {
      margin-right: 0.625rem; }
    @media (min-width: 1025px) {
      .btn-extra-small.variant-purple:hover, .btn-extra-small.variant-purple:active {
        color: #fff;
        text-decoration: none; } }
    .btn-extra-small.variant-purple.disabled {
      pointer-events: none;
      background-color: #ccc;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
              box-shadow: inset 0 0 0 0.0625rem #ccc;
      cursor: default; }
    .btn-extra-small.variant-purple:has(.icon) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 0.25rem; }
    @media (min-width: 1025px) {
      .btn-extra-small.variant-purple:hover, .btn-extra-small.variant-purple:active {
        opacity: 0.8; } }
    .btn-extra-small.variant-purple.disabled {
      background-color: #ccc; }

.btn-primary-large {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  border-radius: 0.5rem;
  font-size: 16px;
  cursor: pointer;
  font-weight: 600;
  line-height: 1;
  max-width: 100%;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #eba140;
  color: #fff;
  font-size: 0.9375rem;
  padding: 1rem 1.5rem;
  height: 3rem;
  font-size: 24px;
  min-width: 12.4375rem; }
  .btn-primary-large::before {
    line-height: 0;
    margin-left: 0.625rem; }
  .btn-primary-large::after {
    margin-right: 0.625rem; }
  @media (min-width: 1025px) {
    .btn-primary-large:hover, .btn-primary-large:active {
      color: #fff;
      text-decoration: none; } }
  .btn-primary-large.disabled {
    pointer-events: none;
    background-color: #ccc;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
            box-shadow: inset 0 0 0 0.0625rem #ccc;
    cursor: default; }
  .btn-primary-large:has(.icon) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.25rem; }
  @media (min-width: 1025px) {
    .btn-primary-large:hover, .btn-primary-large:active {
      opacity: 0.8; } }
  .btn-primary-large.disabled {
    background-color: #ccc; }
  .btn-primary-large.variant-purple {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    border-radius: 0.5rem;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: #4e004f;
    color: #fff;
    font-size: 0.9375rem;
    padding: 1rem 1.5rem;
    height: 3rem;
    font-size: 24px;
    min-width: 12.4375rem; }
    .btn-primary-large.variant-purple::before {
      line-height: 0;
      margin-left: 0.625rem; }
    .btn-primary-large.variant-purple::after {
      margin-right: 0.625rem; }
    @media (min-width: 1025px) {
      .btn-primary-large.variant-purple:hover, .btn-primary-large.variant-purple:active {
        color: #fff;
        text-decoration: none; } }
    .btn-primary-large.variant-purple.disabled {
      pointer-events: none;
      background-color: #ccc;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
              box-shadow: inset 0 0 0 0.0625rem #ccc;
      cursor: default; }
    .btn-primary-large.variant-purple:has(.icon) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 0.25rem; }
    @media (min-width: 1025px) {
      .btn-primary-large.variant-purple:hover, .btn-primary-large.variant-purple:active {
        opacity: 0.8; } }
    .btn-primary-large.variant-purple.disabled {
      background-color: #ccc; }

.btn-secondary-large {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  border-radius: 0.5rem;
  font-size: 16px;
  cursor: pointer;
  font-weight: 600;
  line-height: 1;
  max-width: 100%;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 0 0.0625rem #eba140;
          box-shadow: inset 0 0 0 0.0625rem #eba140;
  color: #eba140;
  font-size: 0.9375rem;
  padding: 1rem 1.5rem;
  height: 3rem;
  font-size: 24px;
  min-width: 12.4375rem; }
  .btn-secondary-large::before {
    line-height: 0;
    margin-left: 0.625rem; }
  .btn-secondary-large::after {
    margin-right: 0.625rem; }
  @media (min-width: 1025px) {
    .btn-secondary-large:hover, .btn-secondary-large:active {
      color: #fff;
      text-decoration: none; } }
  .btn-secondary-large.disabled {
    pointer-events: none;
    background-color: #ccc;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
            box-shadow: inset 0 0 0 0.0625rem #ccc;
    cursor: default; }
  .btn-secondary-large:has(.icon) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.25rem; }
  @media (min-width: 1025px) {
    .btn-secondary-large:hover, .btn-secondary-large:active {
      color: #eba140;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #eba140;
              box-shadow: inset 0 0 0 0.0625rem #eba140;
      opacity: 0.8; } }
  .btn-secondary-large.disabled {
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
            box-shadow: inset 0 0 0 0.0625rem #ccc;
    color: #ccc; }
  .btn-secondary-large.variant-purple {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    border-radius: 0.5rem;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #4e004f;
            box-shadow: inset 0 0 0 0.0625rem #4e004f;
    color: #4e004f;
    font-size: 0.9375rem;
    padding: 1rem 1.5rem;
    height: 3rem;
    font-size: 24px;
    min-width: 12.4375rem; }
    .btn-secondary-large.variant-purple::before {
      line-height: 0;
      margin-left: 0.625rem; }
    .btn-secondary-large.variant-purple::after {
      margin-right: 0.625rem; }
    @media (min-width: 1025px) {
      .btn-secondary-large.variant-purple:hover, .btn-secondary-large.variant-purple:active {
        color: #fff;
        text-decoration: none; } }
    .btn-secondary-large.variant-purple.disabled {
      pointer-events: none;
      background-color: #ccc;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
              box-shadow: inset 0 0 0 0.0625rem #ccc;
      cursor: default; }
    .btn-secondary-large.variant-purple:has(.icon) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 0.25rem; }
    @media (min-width: 1025px) {
      .btn-secondary-large.variant-purple:hover, .btn-secondary-large.variant-purple:active {
        color: #4e004f;
        -webkit-box-shadow: inset 0 0 0 0.0625rem #4e004f;
                box-shadow: inset 0 0 0 0.0625rem #4e004f;
        opacity: 0.8; } }
    .btn-secondary-large.variant-purple.disabled {
      background-color: transparent;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
              box-shadow: inset 0 0 0 0.0625rem #ccc;
      color: #ccc; }

.btn-tertiary-large {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  border-radius: 0.5rem;
  font-size: 16px;
  cursor: pointer;
  font-weight: 600;
  line-height: 1;
  max-width: 100%;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: unset;
  background-color: unset;
  color: #eba140;
  padding: 1rem 1.5rem;
  height: 3rem;
  font-size: 24px;
  min-width: 12.4375rem; }
  .btn-tertiary-large::before {
    line-height: 0;
    margin-left: 0.625rem; }
  .btn-tertiary-large::after {
    margin-right: 0.625rem; }
  @media (min-width: 1025px) {
    .btn-tertiary-large:hover, .btn-tertiary-large:active {
      color: #fff;
      text-decoration: none; } }
  .btn-tertiary-large.disabled {
    pointer-events: none;
    background-color: #ccc;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
            box-shadow: inset 0 0 0 0.0625rem #ccc;
    cursor: default; }
  .btn-tertiary-large:has(.icon) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.25rem; }
  @media (min-width: 1025px) {
    .btn-tertiary-large:hover, .btn-tertiary-large:active {
      color: #eba140;
      opacity: 0.8; } }
  .btn-tertiary-large.disabled {
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
            box-shadow: inset 0 0 0 0.0625rem #ccc;
    color: #ccc; }
  .btn-tertiary-large.variant-purple {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    border-radius: 0.5rem;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border: unset;
    background-color: unset;
    color: #4e004f;
    padding: 1rem 1.5rem;
    height: 3rem;
    font-size: 24px;
    min-width: 12.4375rem; }
    .btn-tertiary-large.variant-purple::before {
      line-height: 0;
      margin-left: 0.625rem; }
    .btn-tertiary-large.variant-purple::after {
      margin-right: 0.625rem; }
    @media (min-width: 1025px) {
      .btn-tertiary-large.variant-purple:hover, .btn-tertiary-large.variant-purple:active {
        color: #fff;
        text-decoration: none; } }
    .btn-tertiary-large.variant-purple.disabled {
      pointer-events: none;
      background-color: #ccc;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
              box-shadow: inset 0 0 0 0.0625rem #ccc;
      cursor: default; }
    .btn-tertiary-large.variant-purple:has(.icon) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 0.25rem; }
    @media (min-width: 1025px) {
      .btn-tertiary-large.variant-purple:hover, .btn-tertiary-large.variant-purple:active {
        color: #4e004f;
        opacity: 0.8; } }
    .btn-tertiary-large.variant-purple.disabled {
      background-color: transparent;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
              box-shadow: inset 0 0 0 0.0625rem #ccc;
      color: #ccc; }

.btn-primary-xlarge {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  border-radius: 0.5rem;
  font-size: 16px;
  cursor: pointer;
  font-weight: 600;
  line-height: 1;
  max-width: 100%;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #eba140;
  color: #fff;
  font-size: 0.9375rem;
  padding: 1.125rem 2.25rem;
  height: 4rem;
  font-size: 24px;
  min-width: 15.5rem; }
  .btn-primary-xlarge::before {
    line-height: 0;
    margin-left: 0.625rem; }
  .btn-primary-xlarge::after {
    margin-right: 0.625rem; }
  @media (min-width: 1025px) {
    .btn-primary-xlarge:hover, .btn-primary-xlarge:active {
      color: #fff;
      text-decoration: none; } }
  .btn-primary-xlarge.disabled {
    pointer-events: none;
    background-color: #ccc;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
            box-shadow: inset 0 0 0 0.0625rem #ccc;
    cursor: default; }
  .btn-primary-xlarge:has(.icon) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.25rem; }
  @media (min-width: 1025px) {
    .btn-primary-xlarge:hover, .btn-primary-xlarge:active {
      opacity: 0.8; } }
  .btn-primary-xlarge.disabled {
    background-color: #ccc; }
  .btn-primary-xlarge.variant-purple {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    border-radius: 0.5rem;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: #4e004f;
    color: #fff;
    font-size: 0.9375rem;
    padding: 1.125rem 2.25rem;
    height: 4rem;
    font-size: 24px;
    min-width: 15.5rem; }
    .btn-primary-xlarge.variant-purple::before {
      line-height: 0;
      margin-left: 0.625rem; }
    .btn-primary-xlarge.variant-purple::after {
      margin-right: 0.625rem; }
    @media (min-width: 1025px) {
      .btn-primary-xlarge.variant-purple:hover, .btn-primary-xlarge.variant-purple:active {
        color: #fff;
        text-decoration: none; } }
    .btn-primary-xlarge.variant-purple.disabled {
      pointer-events: none;
      background-color: #ccc;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
              box-shadow: inset 0 0 0 0.0625rem #ccc;
      cursor: default; }
    .btn-primary-xlarge.variant-purple:has(.icon) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 0.25rem; }
    @media (min-width: 1025px) {
      .btn-primary-xlarge.variant-purple:hover, .btn-primary-xlarge.variant-purple:active {
        opacity: 0.8; } }
    .btn-primary-xlarge.variant-purple.disabled {
      background-color: #ccc; }

.btn-secondary-xlarge {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  border-radius: 0.5rem;
  font-size: 16px;
  cursor: pointer;
  font-weight: 600;
  line-height: 1;
  max-width: 100%;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 0 0.0625rem #eba140;
          box-shadow: inset 0 0 0 0.0625rem #eba140;
  color: #eba140;
  font-size: 0.9375rem;
  padding: 1.125rem 2.25rem;
  height: 4rem;
  font-size: 24px;
  min-width: 15.5rem; }
  .btn-secondary-xlarge::before {
    line-height: 0;
    margin-left: 0.625rem; }
  .btn-secondary-xlarge::after {
    margin-right: 0.625rem; }
  @media (min-width: 1025px) {
    .btn-secondary-xlarge:hover, .btn-secondary-xlarge:active {
      color: #fff;
      text-decoration: none; } }
  .btn-secondary-xlarge.disabled {
    pointer-events: none;
    background-color: #ccc;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
            box-shadow: inset 0 0 0 0.0625rem #ccc;
    cursor: default; }
  .btn-secondary-xlarge:has(.icon) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.25rem; }
  @media (min-width: 1025px) {
    .btn-secondary-xlarge:hover, .btn-secondary-xlarge:active {
      color: #eba140;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #eba140;
              box-shadow: inset 0 0 0 0.0625rem #eba140;
      opacity: 0.8; } }
  .btn-secondary-xlarge.disabled {
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
            box-shadow: inset 0 0 0 0.0625rem #ccc;
    color: #ccc; }
  .btn-secondary-xlarge.variant-purple {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    border-radius: 0.5rem;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #4e004f;
            box-shadow: inset 0 0 0 0.0625rem #4e004f;
    color: #4e004f;
    font-size: 0.9375rem;
    padding: 1.125rem 2.25rem;
    height: 4rem;
    font-size: 24px;
    min-width: 15.5rem; }
    .btn-secondary-xlarge.variant-purple::before {
      line-height: 0;
      margin-left: 0.625rem; }
    .btn-secondary-xlarge.variant-purple::after {
      margin-right: 0.625rem; }
    @media (min-width: 1025px) {
      .btn-secondary-xlarge.variant-purple:hover, .btn-secondary-xlarge.variant-purple:active {
        color: #fff;
        text-decoration: none; } }
    .btn-secondary-xlarge.variant-purple.disabled {
      pointer-events: none;
      background-color: #ccc;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
              box-shadow: inset 0 0 0 0.0625rem #ccc;
      cursor: default; }
    .btn-secondary-xlarge.variant-purple:has(.icon) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 0.25rem; }
    @media (min-width: 1025px) {
      .btn-secondary-xlarge.variant-purple:hover, .btn-secondary-xlarge.variant-purple:active {
        color: #4e004f;
        -webkit-box-shadow: inset 0 0 0 0.0625rem #4e004f;
                box-shadow: inset 0 0 0 0.0625rem #4e004f;
        opacity: 0.8; } }
    .btn-secondary-xlarge.variant-purple.disabled {
      background-color: transparent;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
              box-shadow: inset 0 0 0 0.0625rem #ccc;
      color: #ccc; }

.btn-tertiary-xlarge {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  border-radius: 0.5rem;
  font-size: 16px;
  cursor: pointer;
  font-weight: 600;
  line-height: 1;
  max-width: 100%;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: unset;
  background-color: unset;
  color: #eba140;
  padding: 1.125rem 2.25rem;
  height: 4rem;
  font-size: 24px;
  min-width: 15.5rem; }
  .btn-tertiary-xlarge::before {
    line-height: 0;
    margin-left: 0.625rem; }
  .btn-tertiary-xlarge::after {
    margin-right: 0.625rem; }
  @media (min-width: 1025px) {
    .btn-tertiary-xlarge:hover, .btn-tertiary-xlarge:active {
      color: #fff;
      text-decoration: none; } }
  .btn-tertiary-xlarge.disabled {
    pointer-events: none;
    background-color: #ccc;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
            box-shadow: inset 0 0 0 0.0625rem #ccc;
    cursor: default; }
  .btn-tertiary-xlarge:has(.icon) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.25rem; }
  @media (min-width: 1025px) {
    .btn-tertiary-xlarge:hover, .btn-tertiary-xlarge:active {
      color: #eba140;
      opacity: 0.8; } }
  .btn-tertiary-xlarge.disabled {
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
            box-shadow: inset 0 0 0 0.0625rem #ccc;
    color: #ccc; }
  .btn-tertiary-xlarge.variant-purple {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    border-radius: 0.5rem;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border: unset;
    background-color: unset;
    color: #4e004f;
    padding: 1.125rem 2.25rem;
    height: 4rem;
    font-size: 24px;
    min-width: 15.5rem; }
    .btn-tertiary-xlarge.variant-purple::before {
      line-height: 0;
      margin-left: 0.625rem; }
    .btn-tertiary-xlarge.variant-purple::after {
      margin-right: 0.625rem; }
    @media (min-width: 1025px) {
      .btn-tertiary-xlarge.variant-purple:hover, .btn-tertiary-xlarge.variant-purple:active {
        color: #fff;
        text-decoration: none; } }
    .btn-tertiary-xlarge.variant-purple.disabled {
      pointer-events: none;
      background-color: #ccc;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
              box-shadow: inset 0 0 0 0.0625rem #ccc;
      cursor: default; }
    .btn-tertiary-xlarge.variant-purple:has(.icon) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 0.25rem; }
    @media (min-width: 1025px) {
      .btn-tertiary-xlarge.variant-purple:hover, .btn-tertiary-xlarge.variant-purple:active {
        color: #4e004f;
        opacity: 0.8; } }
    .btn-tertiary-xlarge.variant-purple.disabled {
      background-color: transparent;
      -webkit-box-shadow: inset 0 0 0 0.0625rem #ccc;
              box-shadow: inset 0 0 0 0.0625rem #ccc;
      color: #ccc; }

.btn-block {
  width: 100%; }
  .btn-block + .btn-block {
    margin-top: 0.5rem; }

.img-btn {
  border: none;
  height: 30px;
  max-width: 100%;
  width: 35px; }

.download-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%; }
  .download-container__btn {
    margin: 3rem 0;
    width: 25rem; }
    @media (max-width: 767.98px) {
      .download-container__btn {
        width: 12rem; } }

.remove-btn {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  border: none;
  padding: 0;
  color: #828282;
  font-size: 1.375rem;
  overflow: hidden;
  position: relative;
  left: 0;
  top: 0;
  padding-top: 3px; }
  .remove-btn::after {
    font-family: iconsFont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle; }
  .remove-btn::after {
    content: ""; }
  .remove-btn.m-secondary {
    position: absolute; }

.notify-me-button {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  border: none;
  padding: 0;
  border-radius: 50%;
  color: #eba140;
  margin-left: 0;
  background-color: white;
  margin-right: auto;
  width: 43px;
  height: 43px;
  position: absolute;
  left: calc(1rem - 10px);
  bottom: 0;
  z-index: 4;
  -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.2) 0 0 5px);
          filter: drop-shadow(rgba(0, 0, 0, 0.2) 0 0 5px);
  font-size: 1.375rem;
  text-align: center;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .notify-me-button::after {
    font-family: iconsFont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle; }
  .notify-me-button::after {
    content: ""; }
  .empty-search-tile .notify-me-button {
    font-size: 1rem !important;
    left: 8px;
    bottom: 8px;
    width: 1.875rem;
    height: 1.875rem; }
  @media (max-width: 1024.98px) {
    .notify-me-button {
      width: 25px;
      height: 25px;
      font-size: 1rem !important;
      bottom: 0; }
      .js-resize-product-grid.col-12 .notify-me-button {
        left: calc(1rem - 10px);
        bottom: 1rem; } }

.add-to-card-btn {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  border: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  width: 43px;
  height: 43px;
  color: #eba140;
  margin-left: 0;
  background-color: white;
  margin-right: auto;
  position: absolute;
  left: calc(1rem - 10px);
  bottom: 0;
  z-index: 4;
  font-size: 18px;
  text-align: center;
  user-select: none;
  -webkit-box-shadow: 0 0 2.9px 1.45px #00000026;
          box-shadow: 0 0 2.9px 1.45px #00000026;
  padding-bottom: 0.0625rem; }
  .add-to-card-btn::after {
    font-family: iconsFont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle; }
  .add-to-card-btn::after {
    content: ""; }
  @media (max-width: 1024.98px) {
    .add-to-card-btn {
      width: 1.5625rem;
      height: 1.5625rem;
      font-size: 12px;
      left: calc(11px - 8px); } }
  .empty-search-tile .add-to-card-btn {
    font-size: 1rem !important;
    width: 1.875rem;
    height: 1.875rem;
    left: 8px;
    bottom: 8px; }
    @media (max-width: 1024.98px) {
      .empty-search-tile .add-to-card-btn {
        width: 1.5625rem;
        height: 1.5625rem;
        font-size: 12px !important;
        left: calc(11px - 8px); } }
  .suggestions .add-to-card-btn {
    width: 2.1875rem;
    height: 2.1875rem;
    font-size: 14px; }
  @media (max-width: 1024.98px) {
    .js-resize-product-grid.col-12 .add-to-card-btn {
      left: calc(16px - 8px);
      bottom: 0.625rem; } }

.close-btn {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: white;
  border: none;
  padding: 20px 20px 18px 20px;
  border-radius: 50%;
  margin-left: 0;
  margin-right: auto;
  position: absolute;
  left: 0.1875rem;
  top: 0.1875rem;
  z-index: 4;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  font-size: 1rem;
  text-align: center;
  user-select: none; }
  .close-btn::after {
    font-family: iconsFont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle; }
  .close-btn::after {
    content: ""; }
  @media (min-width: 576px) {
    .close-btn {
      left: 0.625rem;
      top: 0.625rem; } }

.btn-reset {
  font-weight: 400;
  font-size: 14px;
  color: #4e004f;
  background-color: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0.2rem;
  padding: 0.3125rem 1rem;
  border-radius: 18.53px;
  white-space: nowrap;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  border: none;
  padding: 0; }

.cross-btn {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  border: none;
  padding: 0;
  font-size: 1rem;
  font-weight: 700;
  user-select: none; }
  .cross-btn::after {
    font-family: iconsFont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle; }
  .cross-btn::after {
    content: ""; }
  .refinement-selected-hint .cross-btn {
    font-size: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.2rem; }
  .empty-search .cross-btn {
    position: absolute;
    top: 0.75rem;
    left: 1.5rem;
    z-index: 2; }

.text-btn {
  background-color: unset;
  border: unset;
  color: #eba140;
  -webkit-box-shadow: unset;
          box-shadow: unset; }

.header-banner {
  background-color: #74716f;
  color: #fff;
  max-height: 9.375rem;
  overflow-x: auto; }
  .header-banner.m-hide {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    max-height: 0; }
    @media (prefers-reduced-motion: reduce) {
      .header-banner.m-hide {
        -webkit-transition: none;
        transition: none; } }
  .header-banner-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .header-banner-promo {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-size: 0.6875rem;
    padding: 0.625rem 1.875rem 0.625rem 0.625rem; }
    @media (min-width: 768px) {
      .header-banner-promo {
        font-size: 0.8125rem;
        padding-right: 2.125rem; } }
  .header-banner-close {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    line-height: 1;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: none;
    border: none;
    padding: 0;
    font-size: 1.25rem; }
    @media (min-width: 768px) {
      .header-banner-close {
        font-size: 1.5rem; } }

.header-slots {
  margin: 0.25rem 0;
  position: relative;
  z-index: 1; }
  @media (min-width: 1025px) {
    .header-slots {
      background-color: #f9f9f9; } }
  @media (max-width: 1024.98px) {
    .header-slots-list:not(.slick-initialized) {
      -ms-overflow-style: none;
      /* IE 10+ */
      scrollbar-width: none;
      /* Firefox */
      overflow-x: auto;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory; }
      .header-slots-list:not(.slick-initialized)::-webkit-scrollbar {
        /* WebKit */
        height: 0;
        width: 0; }
      .header-slots-list:not(.slick-initialized) .header-slots-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        scroll-snap-align: start; } }
  .header-slots-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (min-width: 1025px) {
      .header-slots-list a:hover, .header-slots-list a:active {
        color: #000; } }
  .header-slots-item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #f9f9f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0.625rem 2.8125rem; }
    @media (min-width: 1025px) {
      .header-slots-item + .header-slots-item {
        border-right: 0.25rem solid #fff; } }
    @media (min-width: 1025px) {
      .header-slots-item {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 0px;
                flex: 1 0 0;
        padding: 0.8125rem 0.625rem; } }
  .header-slots-icon {
    font-size: 2rem;
    font-weight: 600;
    margin-left: 0.625rem;
    padding-top: 0.3125rem; }
  .header-slots-text {
    text-align: center; }
  .header-slots .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 100%; }
  .header-slots .slick-slider,
  .header-slots .slick-list {
    width: 100%; }
  .header-slots .slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;
    height: auto; }
  .header-slots .carousel-control {
    background: none;
    border: none;
    height: 20px;
    width: 12px; }
    .header-slots .carousel-control.m-next {
      left: 0.9375rem; }
    .header-slots .carousel-control.m-prev {
      right: 0.9375rem; }

.header-utility {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .header-utility.m-reverse {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .header-utility-wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 0.5625rem;
    padding-top: 0.5625rem;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (min-width: 1025px) {
      .header-utility-wrapper {
        padding-bottom: 0.625rem;
        padding-top: 0.625rem; } }
    .header-utility-wrapper.m-secondary {
      background-color: rgba(147, 149, 152, 0.3) !important;
      padding-bottom: 0.3125rem;
      padding-top: 0.3125rem; }
      @media (max-width: 1024.98px) {
        .header-utility-wrapper.m-secondary {
          display: none; } }
  .header-utility-item {
    padding: 0.625rem; }
    @media (min-width: 1025px) and (max-width: 1439.98px) {
      .header-utility-item {
        font-size: 0.6875rem; } }
    .header-utility-item:first-child {
      margin-right: 0; }
    .header-utility-item.language-selector {
      position: relative;
      margin-top: 0.25rem;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      border-left: 0.0625rem solid #ccc; }
    .header-utility-item.country-selector {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    .header-utility-item.flag-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .header-utility-item.header-user {
      margin-right: 0.9375rem;
      margin-left: 0.3125rem; }
    .header-utility-item.header-login {
      border-left: 0.0625rem solid #ccc; }
    .header-utility-item .user-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 0.3125rem; }
  .header-utility-link {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 0.375rem;
    position: relative;
    text-align: center; }
    .header-utility-link .sr-only-hover {
      font-size: 0.875rem; }
  .header-utility-icon {
    font-size: 1.1875rem;
    margin-top: -0.125rem; }
    @media (max-width: 1024.98px) {
      .header-utility-icon.m-size {
        margin-left: 0.3125rem;
        text-align: center;
        width: 1.5625rem; } }
    .header-utility-icon.m-secondary {
      font-size: inherit;
      margin-left: 0.625rem;
      width: 1.5625rem; }
    .header-utility-icon.flag {
      border-left: 0.0625rem solid #ccc;
      padding-left: 0.625rem;
      width: 1.875rem;
      margin-left: 0.3125rem; }
    .header-utility-icon.icon-user-v2 {
      font-size: 0.8125rem; }
  .header-utility-message {
    margin-right: 0.1875rem;
    max-width: 100%; }
    @media (max-width: 1024.98px) {
      .header-utility-message-item {
        border-left: 0.0625rem solid #ccc;
        display: inline-block;
        margin-left: 0.6875rem;
        padding-left: 0.9375rem; }
        .header-utility-message-item:last-child {
          border-left: none;
          margin-left: 0;
          padding-left: 0; } }
  .header-utility-hamburger {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
    @media (min-width: 1025px) {
      .header-utility-hamburger {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; } }
  .header-utility-side-icons {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }

.header-errors-text {
  background-color: #e94f54;
  color: #fff;
  font-size: 0.8125rem;
  padding: 0.75rem 0;
  text-align: center; }

.nav-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 1.875rem 0;
  padding: 0;
  text-align: center; }
  .nav-tabs-item {
    list-style: none;
    width: 50%; }
  .nav-tabs-link {
    border-bottom: 1px solid #ccc;
    color: #828282;
    display: inline-block;
    font-size: 0.875rem;
    letter-spacing: -0.01em;
    padding: 1.25rem 0;
    width: 100%; }
    @media (min-width: 768px) and (max-width: 1024.98px) {
      .nav-tabs-link {
        font-size: 0.8125rem; } }
    @media (min-width: 1025px) {
      .nav-tabs-link {
        font-size: 1rem; } }
    .nav-tabs-link.clickable {
      cursor: pointer; }
    .nav-tabs-link.active {
      border-bottom: 3px solid #eba140;
      color: #3f3936;
      padding-bottom: 1.125rem; }
  .nav-tabs-border-link {
    border: 1px solid #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 10px;
    padding: 0.625rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 0.875rem;
    letter-spacing: -0.01em;
    height: 100%;
    width: 100%; }
    .nav-tabs-border-link .active {
      color: #eba140; }
    @media (min-width: 768px) and (max-width: 1024.98px) {
      .nav-tabs-border-link {
        font-size: 0.8125rem; } }
    @media (min-width: 1025px) {
      .nav-tabs-border-link {
        font-size: 1rem; } }
    .nav-tabs-border-link.clickable {
      cursor: pointer; }
    .nav-tabs-border-link.active {
      border-color: transparent;
      -webkit-box-shadow: 0 0 0 3px #eba140;
              box-shadow: 0 0 0 3px #eba140;
      color: #3f3936; }

.nav-tab-gap {
  gap: 1.25rem; }

.tab-pane {
  display: none; }
  .tab-pane.active, .tab-pane.show {
    display: block; }

.nav-tab-check-icon {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  left: -0.75rem;
  top: -0.75rem;
  background-color: white;
  border-radius: 50%;
  padding: 0.3125rem;
  color: #eba140; }

.order-product-summary-group-return {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  @media (max-width: 575.98px) {
    .order-product-summary-group-return {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; } }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .order-product-summary-group-return {
      margin-bottom: 1.25rem; } }
  @media (min-width: 576px) {
    .order-product-summary-group-return {
      margin-bottom: 1.875rem; } }
  @media (min-width: 576px) {
    .order-product-summary-group-return-item:last-child {
      margin-right: 1.25rem; } }
  @media (max-width: 575.98px) {
    .order-product-summary-group-return-item {
      margin-bottom: 1.25rem;
      width: 100%; } }

@media (max-width: 575.98px) {
  .order-product-summary-btn {
    width: 100%; } }

.order-total-summary {
  background-color: #f9f9f9;
  margin-bottom: 1.5625rem;
  padding: 1.5625rem 1.25rem; }
  .order-total-summary-sum {
    font-size: 0.9375rem;
    font-weight: 700; }

.order-totals {
  background-color: #f9f9f9;
  border-radius: 0.5rem;
  margin-top: 1.875rem;
  padding: 1.25rem 0.625rem; }
  @media (min-width: 1025px) {
    .order-totals.m-sticky {
      position: fixed; } }
  @media (min-width: 1025px) {
    .order-totals.m-sticky-bottom {
      bottom: 0;
      position: absolute;
      top: auto !important;
      width: calc(100% - 1.875rem); } }
  @media (min-width: 768px) {
    .order-totals {
      padding: 1.25rem; } }
  @media (min-width: 1025px) {
    .order-totals {
      margin-top: 0; } }
  .order-totals-wrapper {
    position: relative; }
  .order-totals-header {
    border-bottom: 0.0625rem solid #efecf0;
    font-size: 1.0625rem;
    padding-bottom: 1.25rem; }
    @media (min-width: 576px) {
      .order-totals-header {
        font-size: 1.375rem; } }
  .order-totals-coupon {
    border-bottom: 0.0625rem solid #efecf0;
    border-top: 0.0625rem solid #efecf0;
    margin-top: 0.3125rem;
    padding: 1.25rem 0; }
  .order-totals-coupon-form {
    margin-top: 0.8125rem; }
  .order-totals-coupon-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem; }
  .order-totals-coupon-input-field {
    width: calc(100% - 8.75rem);
    height: 2.5rem;
    padding: 0.5rem 1rem; }
  .order-totals-coupon-submit {
    width: 8.75rem;
    height: 2.5rem;
    padding: 0.5rem 1rem; }
  .order-totals-coupon-error {
    display: none;
    margin-bottom: 0;
    margin-top: 1.25rem; }
  .order-totals-coupon-toggler {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    position: relative;
    text-align: right;
    width: 100%; }
  .order-totals-coupon-toggler-icon {
    font-size: 0.4375rem;
    position: absolute;
    left: 0;
    top: 0.3125rem;
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg); }
    .order-totals-coupon-toggler.m-open .order-totals-coupon-toggler-icon {
      -webkit-transform: rotate(0);
              transform: rotate(0); }
  .order-totals-coupon-remove-code {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    line-height: 1;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: none;
    border: none;
    padding: 0;
    border-bottom: 0.0625rem solid #ccc;
    color: #3f3936;
    font-size: 0.6875rem; }
  .order-totals-total {
    padding: 1.25rem 0 0.625rem; }
  .order-totals-confirmation-box {
    background-color: #f9f9f9;
    margin-bottom: 2.5rem;
    padding: 1.5625rem 1.5625rem 0.9375rem;
    text-align: center; }
  .order-totals-receipt .product-line-item-totals {
    display: none; }
  .order-totals-receipt .product-line-item-totals.m-secondary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  @media (min-width: 1025px) {
    .order-totals-receipt .item-image.m-small {
      width: 9.375rem; } }
  .order-totals-product-list {
    margin: 1.25rem 0 1.25rem 0.625rem;
    padding: 0 1.25rem 0 0; }
    @media (max-width: 1024.98px) {
      .order-totals-product-list {
        padding: 0 1.25rem 0 0.625rem; } }
    .order-totals-product-list .product-line-item:last-child {
      border-bottom: none;
      margin-bottom: 0; }
    .order-totals-product-list .line-item-unit-price {
      width: auto; }
      @media (min-width: 768px) {
        .order-totals-product-list .line-item-unit-price {
          width: 7.1875rem; } }
    .order-totals-product-list .price-formatted {
      font-size: 0.8125rem;
      margin: 0; }
    .order-totals-product-list .product-line-item.m-alert {
      -webkit-box-shadow: 0 0 0.3125rem #e94f54;
              box-shadow: 0 0 0.3125rem #e94f54;
      margin-top: 0.3125rem;
      padding: 0.625rem; }
    .order-totals-product-list .scrollable {
      overflow-y: auto;
      scrollbar-color: #eba140 #efecf0;
      scrollbar-width: thin;
      max-height: 19.375rem;
      padding-left: 0.9375rem; }
      .order-totals-product-list .scrollable::-webkit-scrollbar {
        width: 0.25rem; }
      .order-totals-product-list .scrollable::-webkit-scrollbar-button {
        display: none; }
      .order-totals-product-list .scrollable::-webkit-scrollbar-track, .order-totals-product-list .scrollable::-webkit-scrollbar-track-piece {
        background: #efecf0;
        border-radius: 0.125rem; }
      .order-totals-product-list .scrollable::-webkit-scrollbar-thumb {
        background: #eba140;
        border-radius: 0.125rem; }
  .order-totals-product-container {
    padding-right: 0.3125rem; }
  @media (max-width: 1024.98px) {
    .order-totals-checkout-wrapper .product-line-item-totals {
      display: none; } }
  .order-totals-checkout-wrapper .product-line-item-totals.m-secondary {
    display: none; }
    @media (max-width: 1024.98px) {
      .order-totals-checkout-wrapper .product-line-item-totals.m-secondary {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  .order-totals-checkout-wrapper .order-product-summary {
    border: 0.0625rem solid #efecf0;
    border-radius: 0.5rem;
    margin-bottom: 1.875rem; }
    .order-totals-checkout-wrapper .order-product-summary .price {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin: 0 0 0.9375rem; }
    .order-totals-checkout-wrapper .order-product-summary .price-sales {
      margin: 0; }
  .order-totals-checkout-wrapper .line-item-pricing-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .order-totals-checkout-wrapper .order-totals-product-list .product-line-item:last-child {
    border-bottom: none;
    margin-bottom: 0; }
  .order-totals-checkout-wrapper .order-totals-product-list .product-line-item-details {
    margin-bottom: 0;
    padding-bottom: 0.625rem; }
    @media (max-width: 1024.98px) {
      .order-totals-checkout-wrapper .order-totals-product-list .product-line-item-details {
        padding-bottom: 0; } }
  .order-totals-checkout-wrapper .product-summary-block {
    border-top: 0.0625rem solid #efecf0; }
  .order-totals-checkout-wrapper .qty-card-quantity-label {
    margin-bottom: 0.625rem; }
  .order-totals-checkout-wrapper .line-item-divider {
    display: none; }
  .order-totals-checkout-wrapper .alert {
    margin-bottom: 0; }
  .order-totals-checkout-total {
    border-top: 0.0625rem solid #efecf0;
    padding-top: 1.25rem; }
  .order-totals-checkout-btn {
    position: relative; }
  .order-totals-grand-total, .order-totals-total-label {
    font-size: 0.9375rem;
    font-weight: 700; }
  .order-totals-item-label {
    font-size: 0.9375rem; }
    .order-totals-item-label::after {
      content: "\200E"; }
  .order-totals-total-vat {
    font-size: 0.8125rem;
    font-weight: 400; }
  .order-totals-checkout {
    z-index: 3; }
    @media (max-width: 1024.98px) {
      .order-totals-checkout.m-sticky {
        background-color: #f9f9f9;
        bottom: 0;
        right: 2.125rem;
        padding: 1.25rem;
        position: fixed;
        width: calc(100% - 4.25rem); } }
    @media (max-width: 767.98px) {
      .order-totals-checkout.m-sticky {
        right: 0.625rem;
        width: calc(100% - 1.25rem); } }
  .order-totals-checkout-icon {
    font-size: 1.1875rem;
    margin: 0 0 0 0.3125rem;
    visibility: visible; }
  .order-totals-coupon-list-header {
    margin-bottom: 0.9375rem; }
  .order-totals .coupon-price-adjustment {
    border: 0.0625rem dotted #eba140;
    border-radius: 0.3125rem;
    padding: 0.625rem; }

.apple-pay-blocker {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%; }
  .apple-pay-blocker-btn {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    line-height: 1;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: none;
    border: none;
    padding: 0;
    position: relative;
    width: 100%;
    height: 100%; }

.tamara-order-confirmation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  .tamara-order-confirmation-text {
    padding-right: 15px; }

.price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%; }
  .price-sar-format {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.2rem;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
    .price-sar-format-currency {
      font-size: 0.6875rem; }
  @media (min-width: 768px) {
    .price {
      font-size: 1.125rem; } }
  .price-sales {
    color: #3f3936;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    min-height: 1.25rem;
    margin-top: 0.4375rem;
    margin-bottom: 0.4375rem; }
    .sticky-price .price-sales {
      margin-bottom: 0; }
    @media (max-width: 1024.98px) {
      .price-sales {
        margin-top: 0.3125rem;
        margin-bottom: 0.125rem; } }
    .product-actions .price-sales {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
    .price-sales-prices {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      white-space: nowrap;
      gap: 0.375rem; }
      @media (max-width: 1024.98px) {
        .product-tile .price-sales-prices {
          font-size: 14px; } }
  .price-discount-text {
    color: #e94f54;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -ms-flex-item-align: baseline;
        align-self: baseline; }
  .price-formatted-value-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 0.25rem; }
  .price-formatted {
    color: #7a7a7a;
    text-decoration: line-through;
    -ms-flex-item-align: baseline;
        align-self: baseline;
    font-size: 0.9375rem;
    line-height: 15px;
    font-weight: 400;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 0.1875rem; }
    @media (max-width: 1439.98px) {
      .price-formatted {
        font-size: 0.625rem;
        line-height: 10px; } }
  .price-value {
    color: #3f3936; }
  .price-set {
    font-weight: 700;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    @media (min-width: 576px) and (max-width: 1024.98px) {
      .price-set {
        margin-bottom: 0; } }
    .price-set-label {
      -ms-flex-item-align: end;
          align-self: flex-end;
      color: #828282;
      font-size: 1rem;
      margin: 0 0.375rem; }
    .price-set-value {
      color: #3f3936;
      font-size: 1.375rem;
      line-height: 1;
      margin: 0 0.375rem; }
      @media (min-width: 768px) {
        .price-set-value {
          font-size: 1.5rem; } }

.price_new-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-right: 0;
  padding-left: 0;
  gap: 0.2rem; }
  .price_new-wrapper .icon {
    vertical-align: bottom !important; }
  .price_new-wrapper .icon-ksa-currency::before {
    vertical-align: baseline !important; }

.price_new-price {
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }
  .price_new-price-sale-value {
    font-size: 32px;
    color: #3f3936; }
    @media (max-width: 1439.98px) {
      .price_new-price-sale-value {
        font-size: 22px; } }
  .price_new-price-sale-after {
    font-size: 12px;
    color: #828282;
    margin-right: 0.5rem;
    font-weight: normal; }
    @media (max-width: 1439.98px) {
      .price_new-price-sale-after {
        font-size: 8px; } }
  .price_new-price-list-value {
    font-weight: 400;
    font-size: 15px;
    text-decoration: line-through; }
    @media (max-width: 1439.98px) {
      .price_new-price-list-value {
        font-size: 12px; } }
  .price_new-price-list-after {
    font-size: 15px;
    color: #e94f54;
    text-decoration: none;
    margin-right: 0.5rem;
    font-weight: normal;
    font-weight: 600; }
    @media (max-width: 1439.98px) {
      .price_new-price-list-after {
        font-size: 12px; } }

.product-tile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-shadow: 0 2px 6px 0 #d9d9d980;
          box-shadow: 0 2px 6px 0 #d9d9d980;
  background-color: white;
  border-radius: 0.75938rem; }
  .empty-search-tile .product-tile {
    -webkit-box-shadow: 0 2px 6px 0 #d9d9d980;
            box-shadow: 0 2px 6px 0 #d9d9d980; }
  .product-tile-wrapper {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0; }
  .product-tile-notify-me {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .product-tile-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    font-size: 0.6875rem;
    padding: 5px 10px; }
    @media (max-width: 1439.98px) {
      .product-tile-body {
        padding: 5px 0.5rem; } }
    .product-tile-body .container-body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 0.125rem; }
  .product-tile-old-price {
    margin-bottom: 0;
    color: #7a7a7a;
    white-space: nowrap;
    font-size: 0.6875rem;
    font-weight: 500; }
    @media (max-width: 1024.98px) {
      .product-tile-old-price {
        padding-bottom: 0.125rem;
        font-size: 0.625rem; } }
    .product-detail .product-tile-old-price {
      width: 100%; }
  .product-tile-image {
    width: 95%;
    position: relative;
    aspect-ratio: 1;
    margin: 9px auto; }
    @media (max-width: 1439.98px) {
      .product-tile-image {
        margin: 0.25rem auto; } }
    .product-tile-image-link {
      background-color: #f9f9f9;
      border-radius: 10.43px;
      position: relative;
      /*stylelint-disable-next-line*/
      aspect-ratio: 1;
      position: relative;
      display: block; }
      .product-tile-image-link::before {
        font-family: iconsFont;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        vertical-align: middle; }
      .product-tile-image-link::before {
        content: "";
        position: absolute;
        right: 50%;
        top: 50%;
        -webkit-transform: translate(50%, -50%);
                transform: translate(50%, -50%);
        color: #ccc;
        font-size: 3rem; }
        @media (min-width: 768px) {
          .product-tile-image-link::before {
            font-size: 4.125rem; } }
        @media (min-width: 1025px) {
          .product-tile-image-link::before {
            font-size: 5.75rem; } }
      .product-tile-image-link::after {
        content: '';
        display: block;
        padding-top: 100%; }
      .product-tile-image-link img {
        height: 100%;
        right: 0;
        -o-object-fit: cover;
           object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%;
        color: transparent; }
        .product-tile-image-link img::before {
          background-color: #f9f9f9;
          content: '';
          height: 17px;
          right: 0;
          overflow: hidden;
          position: absolute;
          top: 0;
          width: 17px; }
      .product-tile-image-link.link-carousel {
        pointer-events: none; }
        .product-tile-image-link.link-carousel img {
          pointer-events: auto; }
      .product-tile-image-link:hover .plp-arrows {
        visibility: visible; }
      .product-tile-image-link img {
        border-radius: 10.43px;
        position: relative;
        z-index: 2; }
      .product-tile-image-link::after {
        padding: 0; }
      @media (max-width: 767.98px) {
        .product-tile-image-link {
          margin-bottom: 0; } }
  .product-tile-name {
    font-size: 0.6875rem;
    line-height: 1.5;
    height: calc(1.5em * 2);
    margin-bottom: 0.375rem; }
    @media (min-width: 768px) {
      .product-tile-name {
        font-size: 0.9375rem;
        margin-bottom: 0.75rem; } }
  .product-tile-link {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden; }
    .product-tile-link::before, .product-tile-link::after {
      content: "\200E"; }
  .product-tile-availability {
    color: #fff;
    font-weight: 700;
    line-height: 1.25;
    font-size: 0.625rem;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    padding: 0.0625rem 0.1875rem;
    background-color: #ed5e5e;
    top: 1.2rem; }
    @media (min-width: 576px) {
      .product-tile-availability {
        bottom: 2.4rem;
        max-height: 1rem; } }
  .product-tile-notify-button {
    position: absolute;
    left: 0;
    bottom: 0; }
    .product-cart-container .product-tile-notify-button-primary {
      padding: 0.725rem 1.125rem; }
    .product-tile-image .product-tile-notify-button-primary {
      padding: 0.25rem 0.8rem 0.25rem; }
      @media (max-width: 1439.98px) {
        .product-tile-image .product-tile-notify-button-primary {
          font-size: 0.8125rem; } }
  .product-tile-form-check {
    position: absolute; }
  .product-tile-body .product-tile-countdown {
    margin: 0; }
  .product-tile-badge-price-container {
    height: 1.0625rem; }

.color-swatch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1.25rem; }
  .color-swatch-link {
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 1.625rem;
    margin: 0 0.46875rem;
    overflow: hidden;
    padding: 0.125rem;
    width: 1.625rem; }
    .color-swatch-link.m-active {
      border: 1px solid #3f3936; }
    .color-swatch-link.m-more {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #ccc;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-family: "Arial", sans-serif;
      font-size: 1.25rem;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      line-height: 1.25rem; }
  .color-swatch-image {
    border-radius: 50%;
    height: 1.3125rem;
    width: 1.3125rem; }
  .color-swatch-empty {
    margin: 0; }

.product-badge-lable, .product-badge-discount {
  font-size: 0.625rem;
  text-align: center;
  -webkit-box-shadow: 0.81px 0 2.44px 0 #00000040;
          box-shadow: 0.81px 0 2.44px 0 #00000040;
  font-weight: 600;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline;
  vertical-align: sub;
  border-radius: 5px; }
  @media (max-width: 1024.98px) {
    .product-badge-lable, .product-badge-discount {
      font-weight: 500; } }

.product-badge-lable {
  color: #3d3d3d;
  padding: 0.0625rem 0.9375rem;
  max-width: 6.25rem; }

.product-badge-discount {
  color: #fff;
  background-color: #e94f54;
  padding: 0.0625rem 0.5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: initial; }
  @media (max-width: 1024.98px) {
    .product-badge-discount {
      font-size: 9px; } }
  .product-badge-discount.m-secondary {
    background-color: #3dc13c;
    padding: 0.375rem 0.625rem; }

.product-tile-image-link .product-badge-lable, .product-tile-image-link .product-badge-discount {
  position: absolute;
  z-index: 2; }

.product-tile-image-link .product-badge-lable {
  right: 10px;
  top: 10px;
  max-width: 100%; }

.product-tile-image-link .product-badge-discount {
  right: 0;
  z-index: 2;
  bottom: 0; }

.main-image-wrapper .product-badge-discount {
  right: 0;
  position: absolute;
  bottom: 0;
  z-index: 2;
  font-size: 0.9375rem; }

.main-image-wrapper .product-badge-lable {
  right: 0;
  position: absolute;
  bottom: 1.875rem;
  z-index: 2;
  font-size: 0.9375rem;
  max-width: unset; }

.product-set-image .product-badge-discount {
  right: 0.625rem;
  position: absolute;
  top: 0.625rem;
  z-index: 2; }
  @media (min-width: 1025px) {
    .product-set-image .product-badge-discount {
      font-size: 0.8125rem;
      right: 0.3125rem;
      padding: 0.1875rem 0.9375rem 0.25rem;
      top: 0.3125rem; } }

.pdp-side-price .product-badge-discount {
  margin-left: 1rem;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 8px; }
  @media (max-width: 1439.98px) {
    .pdp-side-price .product-badge-discount {
      font-size: 10px;
      padding: 3px 6px; } }

.pdp-side-price .product-badge-lable {
  margin-right: auto; }

.product-line-item {
  margin-bottom: 1.5625rem; }
  @media (min-width: 576px) {
    .product-line-item {
      margin-bottom: 2.1875rem; } }
  @media (min-width: 768px) {
    .product-line-item {
      margin-bottom: 1.875rem; } }
  .product-line-item-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .product-line-item-image {
    background-color: #f9f9f9;
    border-radius: 10.43px;
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 2.5rem;
            flex: 0 0 2.5rem;
    margin-left: 0.9375rem; }
    .product-line-item-image::before {
      font-family: iconsFont;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      vertical-align: middle; }
    .product-line-item-image::before {
      content: "";
      position: absolute;
      right: 50%;
      top: 50%;
      -webkit-transform: translate(50%, -50%);
              transform: translate(50%, -50%);
      color: #ccc;
      font-size: 1.875rem; }
    .product-line-item-image::after {
      content: '';
      display: block;
      padding-top: 100%; }
    .product-line-item-image img {
      height: 100%;
      right: 0;
      -o-object-fit: cover;
         object-fit: cover;
      position: absolute;
      top: 0;
      width: 100%;
      color: transparent; }
      .product-line-item-image img::before {
        background-color: #f9f9f9;
        content: '';
        height: 17px;
        right: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 17px; }
  .product-line-item-name-sku {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .product-line-item-sku {
    color: #828282;
    margin-bottom: 0.9375rem; }
  .product-line-item-tracking {
    color: #828282;
    font-size: 0.9375rem;
    margin-bottom: 0.625rem; }
    .product-line-item-tracking-number {
      display: inline-block;
      margin-bottom: 0.3125rem; }
      .product-line-item-tracking-number:not(:only-child)::after {
        content: '|';
        padding-right: 0.3125rem; }
    .product-line-item-tracking-link {
      display: inline-block;
      margin-bottom: 0.3125rem; }
  .product-line-item-status {
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem; }
    .product-line-item-status:last-child {
      border-bottom: none;
      margin-bottom: 0; }
  .product-line-item-totals.m-secondary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 75%; }
    @media (max-width: 575.98px) {
      .product-line-item-totals.m-secondary {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%; } }
    .product-line-item-totals.m-secondary .line-item-quantity {
      padding-top: 0; }
    .product-line-item-totals.m-secondary .line-item-pricing-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      @media (max-width: 575.98px) {
        .product-line-item-totals.m-secondary .line-item-pricing-info {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row; } }
    .product-line-item-totals.m-secondary .qty-card-quantity-label {
      margin-bottom: 0.625rem; }
      @media (max-width: 575.98px) {
        .product-line-item-totals.m-secondary .qty-card-quantity-label {
          min-width: 4.6875rem;
          padding-left: 0.625rem; } }
    .product-line-item-totals.m-secondary .qty-card-quantity-count {
      font-weight: 700; }
      @media (max-width: 767.98px) {
        .product-line-item-totals.m-secondary .qty-card-quantity-count {
          line-height: 1.4; } }
    @media (max-width: 575.98px) {
      .product-line-item-totals.m-secondary .line-item-unit-price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    @media (max-width: 575.98px) {
      .product-line-item-totals.m-secondary .line-item-total-price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  .product-line-item-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 575.98px) {
      .product-line-item-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .product-line-item-wrapper {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    margin-left: 1.25rem; }

.product-image {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%; }

.promo-countdown {
  font-weight: 700;
  font-size: 0.8125rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  gap: 0.1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.2rem 0.6rem;
  word-break: break-word;
  color: #fff;
  vertical-align: sub; }
  .product-tile .promo-countdown {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0.75rem 1rem;
    border: unset;
    border-radius: 0 0 0.9375rem 0.9375rem;
    background-color: #4e004f;
    color: #fff; }
    @media (max-width: 1439.98px) {
      .product-tile .promo-countdown {
        padding: 0.3rem 0.75rem; } }
  .pdp-stripe-badges .promo-countdown {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 0.9375rem;
    height: 100%; }
  .promo-countdown-value {
    text-align: center; }
    html[lang='ar'] .promo-countdown-value {
      margin-top: 0.15625rem; }
  .promo-countdown-label, .promo-countdown-value {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  @media (max-width: 1439.98px) {
    .promo-countdown {
      font-size: 11px;
      line-height: 11px;
      padding: 0.3125rem 0.625rem; } }

.pdp-stripe-badges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-top: 0.3125rem;
  gap: 0.2rem; }

.countdown-timer-character {
  display: inline-block;
  width: 2.2ch;
  text-align: center;
  font-variant-numeric: tabular-nums; }
  .countdown-timer-character-1 {
    width: 1.5ch; }
  .countdown-timer-character-2 {
    width: 2.2ch; }
  .countdown-timer-character-3 {
    width: 3.3ch; }
  .countdown-timer-character-4 {
    width: 4.2ch; }

.tiered td {
  border: 0.0625rem solid #efecf0;
  font-size: 0.9375rem;
  padding: 0.3125rem;
  text-align: center; }
  .tiered td.value .price-sales {
    font-size: 0.9375rem;
    margin: 0; }

.tiered th {
  border: 0.0625rem solid #efecf0;
  font-size: 0.8125rem;
  padding: 0.3125rem;
  text-align: center; }

.tiered-card-price {
  display: block; }
  .tiered-card-price .price,
  .tiered-card-price .price .price {
    margin: 0; }

.return-items .return-card-body {
  padding: 0; }

.return-items .product-line-item {
  margin-bottom: 0;
  padding: 0.9375rem; }
  .return-items .product-line-item.js-gray-bg {
    background-color: #f9f9f9; }

.return-items .total-refund {
  margin-top: 1.875rem; }

.return-items .quantity-form {
  margin: auto; }

.scroll-images {
  display: grid;
  height: 100%;
  position: absolute;
  width: 100%; }
  @media (max-width: 767.98px) {
    .scroll-images {
      display: none; } }
  .scroll-images-item {
    background: transparent;
    z-index: 3; }

.bullet-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  right: 0;
  position: absolute;
  left: 0; }
  @media (max-width: 1024.98px) {
    .bullet-container {
      display: none; } }
  .bullet-container-dots {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0; }
  .bullet-container-dot {
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 6px;
    margin-left: 6px;
    width: 6px;
    z-index: 2; }
    .bullet-container-dot.active {
      background-color: #4e004f;
      border: 1px solid #4e004f; }

.swatch-scroll-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: auto; }

.swatch-scroll-arrow {
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(230, 217, 176, 0.8);
  color: #07213a;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 3;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  top: 37px; }
  @media (max-width: 1439.98px) {
    .swatch-scroll-arrow {
      top: 33px; } }
  .variant-size-wrapper .swatch-scroll-arrow {
    top: 20px; }

.swatch-scroll-arrow:focus,
.swatch-scroll-arrow:hover {
  background: rgba(255, 233, 179, 0.9);
  border-color: rgba(255, 217, 102, 0.9);
  outline: none;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }

.swatch-scroll-arrow:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95); }

.swatch-scroll-arrow.left {
  right: 8px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.swatch-scroll-arrow.right {
  left: 8px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.swatch-scroll-arrow.right:hover,
.swatch-scroll-arrow.right:focus {
  -webkit-transform: translateY(-50%) scale(1.1);
          transform: translateY(-50%) scale(1.1); }

.swatch-scroll-arrow.left:hover,
.swatch-scroll-arrow.left:focus {
  -webkit-transform: translateY(-50%) scale(1.1);
          transform: translateY(-50%) scale(1.1); }

.swatch-scroll-arrow.right:active {
  -webkit-transform: translateY(-50%) scale(0.95);
          transform: translateY(-50%) scale(0.95); }

.swatch-scroll-arrow.left:active {
  -webkit-transform: translateY(-50%) scale(0.95);
          transform: translateY(-50%) scale(0.95); }

.color-options {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0; }

.variant-size-wrapper .swatch-scroll-arrow {
  -webkit-transform: none !important;
          transform: none !important; }

.variant-selection-panel {
  background: #efecf0;
  border-radius: 10px;
  padding: 18px;
  gap: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 10px; }
  .variant-selection-panel [data-attr="size"] h3 {
    margin-right: 8px; }
  @media (max-width: 1439.98px) {
    .variant-selection-panel {
      padding: 10px 10px 15px; } }
  .variant-selection-panel .swatch-scroll-wrapper.variant-size-wrapper {
    padding: 0; }
  .variant-selection-panel--color-only {
    padding-bottom: 1.5rem; }
    .variant-selection-panel--color-only .variant-sub {
      margin-bottom: 0.75rem; }
    .variant-selection-panel--color-only .color-options {
      margin-bottom: 0 !important;
      padding-bottom: 0 !important; }
  .variant-selection-panel h3 {
    font-size: 16px;
    margin: 0 0 7px 0;
    font-weight: 700;
    color: #051f2f; }
    @media (max-width: 1439.98px) {
      .variant-selection-panel h3 {
        font-size: 14px; } }
  .variant-selection-panel .variant-sub {
    color: #051f2f;
    font-size: 1.125rem;
    margin: 0 8px 12px 0;
    font-weight: 500; }
    @media (max-width: 1439.98px) {
      .variant-selection-panel .variant-sub {
        font-size: 12px; } }
  .variant-selection-panel .color-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    max-width: 100%;
    min-width: 0;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
    scroll-behavior: smooth; }
    @media (max-width: 1439.98px) {
      .variant-selection-panel .color-options {
        margin-right: 8px; } }
  .variant-selection-panel .color-options::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari and Opera */ }
  .variant-selection-panel .color-options > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .variant-selection-panel .swatch {
    background: #fff;
    border: 1.52px solid #c2c2c2;
    border-radius: 10px;
    padding: 10px;
    width: 120px;
    height: 72px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    margin-left: 8px; }
    @media (max-width: 1439.98px) {
      .variant-selection-panel .swatch {
        width: 98px;
        height: 67px;
        padding: 8px;
        border-radius: 10px;
        margin-right: 0;
        margin-left: 10px; } }
    .variant-selection-panel .swatch.selected {
      border-color: #4e004f; }
    .variant-selection-panel .swatch.disabled {
      opacity: 0.5; }
      .variant-selection-panel .swatch.disabled.selected {
        border-color: #c2c2c2; }
      .variant-selection-panel .swatch.disabled::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%; }
    .variant-selection-panel .swatch img {
      width: 100px;
      height: 56px;
      max-width: 100%;
      max-height: 100%;
      display: block;
      border-radius: 8px;
      border-radius: 10px;
      -o-object-fit: cover;
         object-fit: cover; }
  .variant-selection-panel .size-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
    margin-bottom: 0;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 0;
    max-width: 100%;
    min-width: 0;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
    scroll-behavior: smooth; }
    @media (max-width: 1439.98px) {
      .variant-selection-panel .size-options {
        margin-top: 0;
        margin-right: 8px; } }
  .variant-selection-panel .size-options::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari and Opera */ }
  .variant-selection-panel .size-options > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .variant-selection-panel .size {
    width: 120px;
    background: #fff;
    border: 1.52px solid #c2c2c2;
    border-radius: 10px;
    padding: 0.375rem 0.875rem;
    min-height: 3rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    margin-left: 8px; }
    @media (max-width: 1439.98px) {
      .variant-selection-panel .size {
        width: 98px;
        height: 40px;
        padding: 8px;
        border-radius: 10px;
        margin-right: 0;
        margin-left: 10px; } }
    .variant-selection-panel .size.selected {
      border-color: #4e004f; }
    .variant-selection-panel .size.disabled {
      opacity: 0.5; }
      .variant-selection-panel .size.disabled.selected {
        border-color: #c2c2c2; }
      .variant-selection-panel .size.disabled::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%; }

.product-details-table {
  margin: 2rem 0;
  border-top: 4px solid #f5f5f5;
  border-bottom: 4px solid #f5f5f5; }
  @media (max-width: 1439.98px) {
    .product-details-table {
      border-top: 0;
      border-bottom: 0;
      margin: 1.25rem 0; } }
  .product-details-table .section-divider {
    background-color: #dbe3e8; }
    @media (max-width: 1439.98px) {
      .product-details-table .section-divider {
        display: block;
        height: 0.625rem;
        background-color: #f5f5f5;
        border-radius: 0;
        margin: 0 -38px;
        width: 100vw;
        -webkit-box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.04), inset 0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.04);
                box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.04), inset 0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.04); } }
    @media (max-width: 767.98px) {
      .product-details-table .section-divider {
        margin: 0 -10px; } }
    @media (max-width: 1439.98px) {
      .product-details-table .section-divider--bottom {
        margin-top: 0.8125rem; } }
  .product-details-table .details-table-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1rem 0; }
    @media (max-width: 1439.98px) {
      .product-details-table .details-table-header {
        padding: 1rem 0; } }
    .product-details-table .details-table-header .details-table-title {
      font-size: 32px;
      font-weight: 700;
      margin: 0;
      color: #333; }
      @media (max-width: 1439.98px) {
        .product-details-table .details-table-header .details-table-title {
          font-size: 18px;
          font-weight: 600; } }
    .product-details-table .details-table-header .details-table-icon {
      padding: 0.5rem; }
      .product-details-table .details-table-header .details-table-icon .icon-chevron-down {
        width: 1.2rem;
        height: 1.2rem;
        display: inline-block; }
        .product-details-table .details-table-header .details-table-icon .icon-chevron-down::before {
          content: "▼";
          font-size: 0.875rem;
          color: #666; }
  .product-details-table .details-table-content {
    padding: 2rem 0; }
    @media (max-width: 1439.98px) {
      .product-details-table .details-table-content {
        padding: 0; } }
  .product-details-table .details-grid {
    display: grid;
    grid-template-columns: 40% 1fr 1fr; }
    @media (max-width: 1439.98px) {
      .product-details-table .details-grid {
        padding-bottom: 24px; } }
    .product-details-table .details-grid .detail-row {
      display: contents; }
      .product-details-table .details-grid .detail-row .detail-category {
        font-weight: 700;
        color: #333;
        font-size: 20px;
        padding: 0.5rem 0; }
        @media (max-width: 1439.98px) {
          .product-details-table .details-grid .detail-row .detail-category {
            font-size: 14px;
            font-weight: 500; } }
      .product-details-table .details-grid .detail-row .detail-label {
        font-weight: 400;
        color: #666;
        font-size: 20px;
        padding: 0.5rem 0; }
        @media (max-width: 1439.98px) {
          .product-details-table .details-grid .detail-row .detail-label {
            font-size: 14px; } }
      .product-details-table .details-grid .detail-row .detail-value {
        font-weight: 500;
        color: #333;
        font-size: 20px;
        padding: 0.5rem 0;
        text-align: right; }
        @media (max-width: 1439.98px) {
          .product-details-table .details-grid .detail-row .detail-value {
            font-size: 14px; } }
    .product-details-table .details-grid .section-divider {
      grid-column: 1 / -1;
      background-color: #dbe3e8;
      margin: 1rem 0;
      height: 1px; }
    @media (max-width: 1439.98px) {
      .product-details-table .details-grid {
        grid-template-columns: 1fr;
        gap: 0;
        margin-right: 0; }
        .product-details-table .details-grid .detail-row {
          display: grid;
          grid-template-columns: 50% 50%;
          padding: 4px 0; }
          .product-details-table .details-grid .detail-row .detail-category {
            grid-column: 1 / -1;
            font-weight: 500;
            color: #333;
            font-size: 0.9rem;
            padding: 0 0 1rem 0;
            border-bottom: none; }
            .product-details-table .details-grid .detail-row .detail-category:empty {
              display: none; }
          .product-details-table .details-grid .detail-row .detail-label {
            font-size: 14px;
            padding: 0;
            font-weight: 400;
            font-style: regular;
            line-height: 16px;
            letter-spacing: 0%;
            vertical-align: middle; }
          .product-details-table .details-grid .detail-row .detail-value {
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            padding: 0;
            color: #051f2f; }
        .product-details-table .details-grid .section-divider {
          grid-column: 1 / -1;
          height: 0.625rem;
          background-color: #f5f5f5;
          border-radius: 0;
          margin: 1rem -34px;
          width: 100vw;
          -webkit-box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.04), inset 0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.04);
                  box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.04), inset 0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.04); } }
    @media (max-width: 767.98px) {
      .product-details-table .details-grid .section-divider {
        margin: 1rem -10px; } }

.quantity-field {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid grey;
  border-radius: 0.625rem;
  background: white;
  height: 2.25rem; }
  .quantity-field .quantity-decrease,
  .quantity-field .quantity-increase {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 3rem;
    height: 2rem;
    border: none;
    background: transparent;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    padding: 0; }
  .quantity-field .quantity-input {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
            appearance: textfield;
    text-align: center;
    width: 2.5rem;
    border: none;
    background: transparent;
    font-size: 1rem;
    margin: 0 0.5rem;
    padding: 0;
    outline: none; }
  .quantity-field .quantity-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .quantity-field .quantity-decrease[disabled],
  .quantity-field .quantity-increase[disabled],
  .quantity-field .quantity-input[disabled] {
    opacity: 0.5;
    cursor: not-allowed; }

.pdp-component {
  margin-top: 0.6875rem;
  margin-bottom: 0.6875rem; }
  .pdp-component .inner {
    background: #fff;
    border-radius: 12px;
    border: 3px solid #efecf0;
    overflow: hidden; }
  .pdp-component .header {
    background: #efecf0;
    padding: 0.75rem 1rem;
    z-index: auto; }
  .pdp-component .title {
    line-height: 0.75rem;
    margin: 0;
    font-size: 1.0625rem;
    font-weight: 700;
    color: #23112a; }
    @media (max-width: 1439.98px) {
      .pdp-component .title {
        font-size: 0.875rem; } }
  .pdp-component .content {
    padding: 8px; }

.pay-later .pay-later-row .options:has(> div) {
  width: 100% !important; }

.pdp-paylater {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  background-color: #efecf0;
  border: 1px solid #efecf0;
  border-radius: 5px;
  padding: 8px;
  margin: 0 4px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  min-height: 80px; }
  @media (max-width: 1439.98px) {
    .pdp-paylater {
      margin: 0 2px;
      padding: 4px; } }
  .pdp-paylater:hover {
    background-color: #e9ecef;
    border-color: #dee2e6; }
  .pdp-paylater .pdp-paylater-icon {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    .pdp-paylater .pdp-paylater-icon .pdp-paylater-logo {
      height: 23px; }
      @media (max-width: 1439.98px) {
        .pdp-paylater .pdp-paylater-icon .pdp-paylater-logo {
          height: 16px; } }
  .pdp-paylater .pdp-paylater-content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    width: 100%; }
    .pdp-paylater .pdp-paylater-content .pdp-paylater-text {
      font-size: 12px;
      font-weight: 400;
      color: #333;
      line-height: 1.3;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
    .pdp-paylater .pdp-paylater-content .pdp-paylater-more {
      font-size: 11px;
      color: #06c;
      text-decoration: none;
      font-weight: 500; }
      .pdp-paylater .pdp-paylater-content .pdp-paylater-more:hover {
        text-decoration: underline; }
  .pdp-paylater:has(img[alt*="tamara"]) .pdp-paylater-icon .pdp-paylater-logo {
    background-color: #fff;
    padding: 2px; }
  .pdp-paylater:has(img[alt*="Tabby"]) .pdp-paylater-icon .pdp-paylater-logo {
    background-color: #fff; }

.feedback-section {
  padding: 0 0 24px 0; }
  .feedback-section .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 20px;
    z-index: 1; }
    @media (max-width: 1024.98px) {
      .feedback-section .header {
        font-size: 18px; } }
    .feedback-section .header .title {
      font-size: 22px;
      margin-bottom: 15px; }
      @media (max-width: 1024.98px) {
        .feedback-section .header .title {
          font-size: 18px;
          font-weight: 600; } }
    .feedback-section .header .icon {
      color: #4e004f;
      vertical-align: text-top !important; }
  .feedback-section .fd-summary-card {
    padding: 30px 12px;
    background: #fff;
    border: none; }
    @media (min-width: 1025px) {
      .feedback-section .fd-summary-card {
        border: 2px solid #3a0050;
        border-radius: 8px;
        padding: 40px 20px; } }
    .feedback-section .fd-summary-card .summary-top .rating-inline {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 12px; }
    .feedback-section .fd-summary-card .summary-top .average {
      font-size: 30px;
      font-weight: 600;
      color: #3a0050; }
    .feedback-section .fd-summary-card .summary-top .count {
      margin-top: 10px;
      color: #777;
      font-size: 13px;
      text-align: center; }
    .feedback-section .fd-summary-card .summary-breakdown {
      margin-top: 40px; }
      @media (max-width: 1439.98px) {
        .feedback-section .fd-summary-card .summary-breakdown {
          margin-top: 10px; } }
      .feedback-section .fd-summary-card .summary-breakdown .break-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin: 12px 0; }
        @media (max-width: 1439.98px) {
          .feedback-section .fd-summary-card .summary-breakdown .break-row {
            margin: 6px 0; } }
        .feedback-section .fd-summary-card .summary-breakdown .break-row .label {
          width: 30px;
          font-weight: 600;
          color: #3a0050;
          text-align: right; }
        .feedback-section .fd-summary-card .summary-breakdown .break-row .bar {
          -webkit-box-flex: 1;
              -ms-flex: 1 1 auto;
                  flex: 1 1 auto;
          height: 10px;
          background: #f1f1f1;
          border-radius: 8px;
          margin: 0 12px;
          overflow: hidden; }
        .feedback-section .fd-summary-card .summary-breakdown .break-row .fill {
          height: 100%;
          background: #3a0050;
          border-radius: 8px; }
        .feedback-section .fd-summary-card .summary-breakdown .break-row .num {
          width: 40px;
          text-align: left;
          color: #777;
          font-size: 13px; }
      .feedback-section .fd-summary-card .summary-breakdown .star {
        font-size: 10px; }
      .feedback-section .fd-summary-card .summary-breakdown .icon-star::before {
        vertical-align: baseline !important; }
    .feedback-section .fd-summary-card .summary-action {
      margin-top: 50px;
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media (max-width: 1439.98px) {
        .feedback-section .fd-summary-card .summary-action {
          margin-top: 20px; } }
      .feedback-section .fd-summary-card .summary-action .btn-write-review {
        background: #3a0050;
        border: none;
        color: #fff;
        padding: 10px 22px;
        border-radius: 20px; }
        .feedback-section .fd-summary-card .summary-action .btn-write-review:disabled {
          background: rgba(58, 0, 80, 0.25);
          cursor: not-allowed; }
  .feedback-section .fd-photos .section-title {
    font-size: 16px;
    margin-bottom: 8px;
    color: #222; }
  .feedback-section .fd-photos .photo-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px; }
    .feedback-section .fd-photos .photo-list img {
      width: 72px;
      height: 72px;
      -o-object-fit: cover;
         object-fit: cover;
      border-radius: 4px;
      border: 1px solid #dedede; }
  .feedback-section .feedback-carousel {
    position: relative; }
    .feedback-section .feedback-carousel .slick-track {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      gap: 7px; }
    .feedback-section .feedback-carousel .slick-slide {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: auto; }
    .feedback-section .feedback-carousel .feedback-card {
      border: 0.5px solid black;
      border-radius: 16px;
      padding: 20px 22px;
      width: 70%;
      margin: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 165px;
      overflow: hidden; }
      .feedback-section .feedback-carousel .feedback-card-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 14px;
        margin-bottom: 12px; }
      .feedback-section .feedback-carousel .feedback-card-avatar {
        width: 46px;
        height: 46px;
        border-radius: 50%;
        background: rgba(58, 0, 80, 0.08);
        border: 1px solid rgba(58, 0, 80, 0.25);
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-weight: 600;
        color: #3a0050;
        letter-spacing: 0.5px;
        text-transform: uppercase; }
        @media (max-width: 1439.98px) {
          .feedback-section .feedback-carousel .feedback-card-avatar {
            font-size: 17px; } }
      .feedback-section .feedback-carousel .feedback-card-meta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
      .feedback-section .feedback-carousel .feedback-card-name {
        font-weight: 400;
        font-size: 16px;
        margin: 0;
        color: #222; }
      .feedback-section .feedback-carousel .feedback-card-rating {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 8px; }
        .feedback-section .feedback-carousel .feedback-card-rating .star {
          font-size: 16px !important; }
          .feedback-section .feedback-carousel .feedback-card-rating .star::before {
            vertical-align: baseline; }
      .feedback-section .feedback-carousel .feedback-card-date {
        color: #777;
        font-size: 13px; }
      .feedback-section .feedback-carousel .feedback-card-body {
        margin: 12px 0 0;
        color: #1c1c1c;
        font-size: 12px;
        line-height: 1.5;
        overflow: hidden; }
        .feedback-section .feedback-carousel .feedback-card-body p {
          margin: 0;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          line-clamp: 3;
          overflow: hidden;
          text-overflow: ellipsis;
          height: 60px !important; }
    .feedback-section .feedback-carousel .feedback-stars {
      color: #3a0050; }
      .feedback-section .feedback-carousel .feedback-stars .star {
        font-size: 16px;
        margin-left: 2px; }
  .feedback-section .feedback-mobile .btn-view {
    width: -webkit-fill-available;
    margin: 16px 20px 0; }
    .feedback-section .feedback-mobile .btn-view:disabled {
      background: #d9d9d9;
      cursor: not-allowed; }
  .feedback-section .feedback-mobile .feedback-mobile__view-link {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    color: #3f3936;
    border-bottom: 0.0625rem solid #eba140;
    display: inline-block;
    color: #4e004f;
    border-bottom: none;
    text-decoration: underline;
    width: 100%;
    margin-top: 10px; }
    @media (min-width: 1025px) {
      .feedback-section .feedback-mobile .feedback-mobile__view-link:hover, .feedback-section .feedback-mobile .feedback-mobile__view-link:active {
        border-bottom-color: transparent;
        color: #f99d1c; } }

@media (max-width: 1439.98px) {
  .fd-list {
    margin-top: 0.625rem; } }

.fd-list .section-title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 13px;
  color: #222; }
  .fd-list .section-title small {
    font-size: 14px; }

.fd-list .list-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 12px; }

.fd-list .review-item {
  padding: 4px 0 11px;
  border-bottom: 1px solid #dedede; }
  .fd-list .review-item .rating-all-stars {
    font-size: 20px; }
  .fd-list .review-item .review-stars {
    color: #4e004f;
    margin-bottom: 8px; }
  .fd-list .review-item .review-content {
    font-size: 15px;
    margin: 12px 0; }
  .fd-list .review-item .review-meta {
    font-size: 13px;
    font-weight: 600; }
    .fd-list .review-item .review-meta .date {
      font-weight: 400; }

.fd-list .fd-pagination .dot {
  background: #f0f0f0;
  border: none;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  margin: 0 6px;
  color: #777;
  cursor: pointer;
  font-size: 10px; }

.fd-list .fd-pagination .dot.active {
  background: #3a0050;
  color: #fff; }

.feedback-mobile-modal {
  width: 100%;
  max-width: unset; }
  .feedback-mobile-modal .modal-content {
    border-radius: 20px 20px 0 0;
    background-color: #f0eee8;
    height: calc(100vh - 81px);
    overflow: auto;
    position: fixed;
    bottom: 0;
    margin: 0;
    padding: 0.625rem 1rem;
    width: 100%;
    overflow-x: hidden; }
  .feedback-mobile-modal .modal-header {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: -10px -20px;
    padding: 0.625rem 1.25rem;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
    .feedback-mobile-modal .modal-header .title {
      margin: 0 !important;
      font-size: 14px;
      font-weight: 700; }
  .feedback-mobile-modal .close {
    position: static !important;
    font-size: 22px;
    background: transparent;
    border: none;
    color: #0065a4; }
    .feedback-mobile-modal .close::before {
      display: none; }
  .feedback-mobile-modal .feedback-card {
    padding: 20px 0;
    border-bottom: 1px solid #dedede;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 14px; }
    .feedback-mobile-modal .feedback-card-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 14px; }
    .feedback-mobile-modal .feedback-card-avatar {
      width: 46px;
      height: 46px;
      border-radius: 50%;
      background: rgba(58, 0, 80, 0.08);
      border: 1px solid rgba(58, 0, 80, 0.25);
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-weight: 600;
      color: #3a0050;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      font-size: 17px; }
    .feedback-mobile-modal .feedback-card-meta {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .feedback-mobile-modal .feedback-card-name {
      font-weight: 400;
      font-size: 16px;
      margin: 0; }
    .feedback-mobile-modal .feedback-card-rating {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 8px; }
      .feedback-mobile-modal .feedback-card-rating .star {
        font-size: 12px !important; }
        .feedback-mobile-modal .feedback-card-rating .star::before {
          vertical-align: baseline; }
    .feedback-mobile-modal .feedback-card-date {
      font-size: 13px; }
      @media (max-width: 1439.98px) {
        .feedback-mobile-modal .feedback-card-date {
          font-size: 12px; } }
    .feedback-mobile-modal .feedback-card-body {
      margin: 4px 0 0;
      color: #1c1c1c;
      font-size: 15px;
      line-height: 1.5; }
      .feedback-mobile-modal .feedback-card-body p {
        margin: 0; }
  .feedback-mobile-modal .feedback-stars {
    color: #3a0050; }
    .feedback-mobile-modal .feedback-stars .star {
      font-size: 12px;
      margin-left: 2px; }
  .feedback-mobile-modal .fd-list-header {
    font-size: 16px;
    margin: 27px 0 8px 0;
    font-weight: 600; }

.fd-summary-card {
  border: 2px solid #3a0050;
  border-radius: 8px;
  padding: 40px 20px; }
  @media (max-width: 1439.98px) {
    .fd-summary-card {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding: 0 0 20px 0;
      margin: 20px -10px 0 5px;
      border: none;
      border-bottom: 0.0625rem solid #dedede;
      border-radius: 0; } }
  @media (max-width: 1439.98px) {
    .fd-summary-card .summary-top {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .fd-summary-card .summary-top .rating-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 12px; }
    @media (max-width: 1439.98px) {
      .fd-summary-card .summary-top .rating-inline {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 0; } }
    .fd-summary-card .summary-top .rating-inline .star {
      font-size: 27px;
      position: relative;
      top: -3px; }
      @media (max-width: 1439.98px) {
        .fd-summary-card .summary-top .rating-inline .star {
          font-size: 10px !important; } }
  .fd-summary-card .summary-top .average {
    font-size: 30px;
    font-weight: 600;
    color: #3a0050; }
    @media (max-width: 1439.98px) {
      .fd-summary-card .summary-top .average {
        font-size: 36px;
        color: #000; } }
  .fd-summary-card .summary-top .count {
    margin-top: 10px;
    color: #777;
    font-size: 13px;
    text-align: center; }
  .fd-summary-card .summary-breakdown {
    margin-top: 40px; }
    @media (max-width: 1439.98px) {
      .fd-summary-card .summary-breakdown {
        margin-top: 10px; } }
    .fd-summary-card .summary-breakdown .break-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 12px 0; }
      @media (max-width: 1439.98px) {
        .fd-summary-card .summary-breakdown .break-row {
          margin: 6px 0; } }
      .fd-summary-card .summary-breakdown .break-row .label {
        width: 15px;
        font-weight: 600;
        color: #3a0050;
        text-align: right;
        font-size: 16px; }
        @media (max-width: 1439.98px) {
          .fd-summary-card .summary-breakdown .break-row .label {
            font-weight: 700;
            color: #051f2f;
            font-family: "Montserrat" !important; } }
      .fd-summary-card .summary-breakdown .break-row .bar {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        height: 10px;
        background: #f1f1f1;
        border-radius: 8px;
        margin: 0 12px;
        overflow: hidden; }
      .fd-summary-card .summary-breakdown .break-row .fill {
        height: 100%;
        background: #3a0050;
        border-radius: 8px; }
        @media (max-width: 1439.98px) {
          .fd-summary-card .summary-breakdown .break-row .fill {
            background: #000; } }
      .fd-summary-card .summary-breakdown .break-row .num {
        width: 40px;
        text-align: left;
        color: #777;
        font-size: 16px; }
        @media (max-width: 1439.98px) {
          .fd-summary-card .summary-breakdown .break-row .num {
            font-weight: 500;
            color: #051f2f;
            font-family: "Montserrat" !important; } }
    .fd-summary-card .summary-breakdown .icon {
      font-size: 15px; }
      @media (max-width: 1439.98px) {
        .fd-summary-card .summary-breakdown .icon {
          display: none; } }
  .fd-summary-card .summary-action {
    margin-top: 50px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (max-width: 1439.98px) {
      .fd-summary-card .summary-action {
        margin-top: 0.625rem; } }
    .fd-summary-card .summary-action .btn-write-review {
      background: #3a0050;
      border: none;
      color: #fff;
      padding: 3px 13px;
      border-radius: 10px;
      font-size: 10px;
      width: 300px; }
      .fd-summary-card .summary-action .btn-write-review:disabled {
        background: rgba(58, 0, 80, 0.25);
        cursor: not-allowed; }
      @media (max-width: 1439.98px) {
        .fd-summary-card .summary-action .btn-write-review {
          width: 90%;
          border-radius: 12px;
          margin: 1.25rem auto; } }

.feedback-empty-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 0.5rem; }

.feedback-empty-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.feedback-empty-icon {
  width: 28px;
  height: 28px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #4e004f;
  border-radius: 50%;
  color: white;
  font-size: 12px; }

.feedback-empty-title {
  font-weight: 700;
  font-size: 20px;
  margin: 0;
  line-height: 1.15; }

.feedback-empty-subtitle {
  margin-top: 8px;
  color: #5b6a71;
  font-size: 14px; }

.feedback-empty-divider {
  height: 1px;
  background: #e6e6e6;
  margin: 0.75rem 0; }
  @media (max-width: 1439.98px) {
    .feedback-empty-divider {
      margin: 0; } }

.feedback-empty-visual {
  text-align: center; }
  .feedback-empty-visual-illustration {
    display: inline-block;
    width: 360px;
    max-width: 100%; }
    @media (max-width: 1439.98px) {
      .feedback-empty-visual-illustration {
        width: 233px;
        height: 116px; } }
  .feedback-empty-visual-caption {
    margin-top: 22px;
    font-size: 18px;
    font-weight: 600;
    color: #102128; }
    @media (max-width: 1439.98px) {
      .feedback-empty-visual-caption {
        margin-top: 12px;
        font-size: 12px;
        margin-right: 75px;
        margin-left: 75px; } }

.feedback-empty .mobile {
  background-color: #efecf0;
  margin: 12px 0;
  padding: 1rem;
  border-radius: 0.5rem; }
  .feedback-empty .mobile .feedback-empty-icon {
    width: 17px;
    height: 18px;
    font-size: 10px; }
  .feedback-empty .mobile .feedback-empty-title {
    font-size: 12px; }
  .feedback-empty .mobile .feedback-empty-subtitle {
    font-size: 10px; }

.section-feedback {
  width: 60%; }
  .section-feedback .icon::before {
    color: white !important;
    font-size: 28px !important; }

.pdp-fd-form .modal-dialog {
  max-width: none; }
  @media (max-width: 1439.98px) {
    .pdp-fd-form .modal-dialog {
      margin: 0; } }

.pdp-fd-form .modal-content {
  border: none;
  border-radius: 0.5rem;
  padding: 1.5rem;
  max-width: 75rem; }
  @media (max-width: 1439.98px) {
    .pdp-fd-form .modal-content {
      height: calc(100vh - 81px);
      padding: 0 1rem;
      border-radius: 1rem 1rem 0 0;
      position: fixed;
      width: 100%;
      bottom: 0;
      margin: 0; } }

.pdp-fd-form .modal-header {
  padding: 0.625rem 1.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.5rem; }
  @media (max-width: 1439.98px) {
    .pdp-fd-form .modal-header {
      margin: 15px -16px 14px;
      padding: 0 16px 9px;
      border-bottom: 0.1px solid #c2c2c2; } }
  .pdp-fd-form .modal-header .close {
    position: static !important;
    font-size: 22px;
    background: transparent;
    border: none; }
    @media (max-width: 1439.98px) {
      .pdp-fd-form .modal-header .close {
        position: relative !important;
        top: -3px;
        padding: 0; } }
    .pdp-fd-form .modal-header .close::before {
      display: none; }

@media (max-width: 1439.98px) {
  .pdp-fd-form .modal-body {
    margin: 0;
    padding: 0; } }

.pdp-fd-form .title {
  margin: 0;
  font-size: 2rem;
  font-weight: 700;
  color: #1c1c1c; }
  @media (max-width: 1439.98px) {
    .pdp-fd-form .title {
      font-size: 14px; } }

.pdp-fd-form .close {
  color: #777;
  opacity: 1;
  padding: 0.375rem;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease; }
  .pdp-fd-form .close:hover, .pdp-fd-form .close:focus {
    color: #3a0050; }
  .pdp-fd-form .close .icon::before {
    font-size: 1.875rem; }
    @media (max-width: 1439.98px) {
      .pdp-fd-form .close .icon::before {
        font-size: 1.25rem; } }

.pdp-fd-form .feedback-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .pdp-fd-form .feedback-form-alert {
    margin-bottom: 1rem; }
  .pdp-fd-form .feedback-form-shell {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-self: center; }
  .pdp-fd-form .feedback-form-card {
    border: none;
    background: transparent; }
  .pdp-fd-form .feedback-form-image-wrapper {
    padding: 10px 0; }
  .pdp-fd-form .feedback-form-media .img-fluid {
    border-radius: 1.5rem;
    -o-object-fit: contain;
       object-fit: contain;
    margin: 10px; }
  @media (max-width: 1439.98px) {
    .pdp-fd-form .feedback-form-media {
      display: none; } }
  .pdp-fd-form .feedback-form-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 25px 15px 0; }
    @media (max-width: 1439.98px) {
      .pdp-fd-form .feedback-form-content {
        padding: 0 12px; } }
  .pdp-fd-form .feedback-form-dismiss {
    display: none;
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    border: 0;
    background: transparent;
    color: #777;
    padding: 0.25rem;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease; }
    .pdp-fd-form .feedback-form-dismiss:hover, .pdp-fd-form .feedback-form-dismiss:focus {
      color: #3a0050; }
    .pdp-fd-form .feedback-form-dismiss .icon::before {
      font-size: 1.125rem; }
    @media (max-width: 1439.98px) {
      .pdp-fd-form .feedback-form-dismiss {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
  .pdp-fd-form .feedback-form-heading {
    font-size: 1.375rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 1.25rem; }
    @media (max-width: 1439.98px) {
      .pdp-fd-form .feedback-form-heading {
        font-size: 1.125rem;
        margin-left: 2rem; } }
  .pdp-fd-form .feedback-form-product {
    margin-bottom: 1.25rem; }
  .pdp-fd-form .feedback-form-product-mobile {
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #dedede; }
    .pdp-fd-form .feedback-form-product-mobile .brand {
      font-size: 8px;
      margin-top: 12px;
      margin-bottom: 2px; }
    .pdp-fd-form .feedback-form-product-mobile .brand-link {
      color: #3a0050;
      text-decoration: none;
      font-size: 0.5625rem;
      font-weight: 700; }
      .pdp-fd-form .feedback-form-product-mobile .brand-link:hover, .pdp-fd-form .feedback-form-product-mobile .brand-link:focus {
        text-decoration: underline; }
    .pdp-fd-form .feedback-form-product-mobile .product-name {
      font-size: 12px;
      font-weight: 700; }
  .pdp-fd-form .feedback-form-brand {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0; }
    .pdp-fd-form .feedback-form-brand-link {
      color: #3a0050;
      text-decoration: none; }
      .pdp-fd-form .feedback-form-brand-link:hover, .pdp-fd-form .feedback-form-brand-link:focus {
        text-decoration: underline; }
  .pdp-fd-form .feedback-form-product-name {
    color: #1c1c1c;
    font-weight: 700;
    font-size: 22px; }
    @media (max-width: 1439.98px) {
      .pdp-fd-form .feedback-form-product-name {
        font-weight: 600; } }
  .pdp-fd-form .feedback-form-group {
    margin: 0 0 20px; }
    .pdp-fd-form .feedback-form-group-label {
      font-size: 18px;
      font-weight: 500; }
      @media (max-width: 1439.98px) {
        .pdp-fd-form .feedback-form-group-label {
          font-size: 12px;
          font-weight: 400; } }
    .pdp-fd-form .feedback-form-group-rating .form-control-label {
      font-weight: 400;
      font-size: 18px;
      margin-bottom: 0.75rem; }
      @media (max-width: 1439.98px) {
        .pdp-fd-form .feedback-form-group-rating .form-control-label {
          font-size: 0.75rem; } }
    .pdp-fd-form .feedback-form-group-upload .upload-area {
      width: 100%; }
  .pdp-fd-form .feedback-form-stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.9375rem; }
    @media (max-width: 1439.98px) {
      .pdp-fd-form .feedback-form-stars {
        gap: 0.9375rem; }
        .pdp-fd-form .feedback-form-stars .icon::before {
          font-size: 1.5rem; } }
    .pdp-fd-form .feedback-form-stars .icon {
      cursor: pointer; }
      .pdp-fd-form .feedback-form-stars .icon::before {
        color: #4e004f !important;
        font-size: 41px !important; }
        @media (max-width: 1439.98px) {
          .pdp-fd-form .feedback-form-stars .icon::before {
            font-size: 26px !important; } }
      .pdp-fd-form .feedback-form-stars .icon.c-gray::before {
        color: #dbe3e8 !important; }
  .pdp-fd-form .feedback-form-upload {
    gap: 0.75rem; }
    .pdp-fd-form .feedback-form-upload .upload-dropzone {
      width: 9.375rem;
      height: 6.25rem;
      border: 2px dashed #dedede;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      cursor: pointer;
      outline: none; }
      @media (max-width: 1439.98px) {
        .pdp-fd-form .feedback-form-upload .upload-dropzone {
          width: 7.5rem;
          height: 5rem; } }
      .pdp-fd-form .feedback-form-upload .upload-dropzone:hover, .pdp-fd-form .feedback-form-upload .upload-dropzone:focus, .pdp-fd-form .feedback-form-upload .upload-dropzone.is-dragover, .pdp-fd-form .feedback-form-upload .upload-dropzone:focus-visible {
        border-color: #3a0050;
        background: rgba(58, 0, 80, 0.1); }
    .pdp-fd-form .feedback-form-upload img {
      height: 3.875rem;
      max-width: 100%; }
      @media (max-width: 1439.98px) {
        .pdp-fd-form .feedback-form-upload img {
          height: 3rem; } }
    .pdp-fd-form .feedback-form-upload.is-upload-limit-reached .upload-dropzone {
      opacity: 0.45;
      pointer-events: none; }
  .pdp-fd-form .feedback-form-upload-error {
    margin-bottom: 0.5rem; }
  .pdp-fd-form .feedback-form-upload-instructions {
    max-width: 16.25rem; }
  .pdp-fd-form .feedback-form-upload-note {
    margin-bottom: 0.25rem; }
    .pdp-fd-form .feedback-form-upload-note:last-child {
      margin-bottom: 0; }
  .pdp-fd-form .feedback-form-upload-thumbs {
    gap: 0.75rem;
    width: 100%; }
  .pdp-fd-form .feedback-form-upload-thumb {
    position: relative;
    width: 6.25rem;
    height: 6.25rem;
    border-radius: 0.75rem;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 0.25rem 1rem rgba(23, 17, 36, 0.08);
            box-shadow: 0 0.25rem 1rem rgba(23, 17, 36, 0.08); }
    @media (max-width: 1439.98px) {
      .pdp-fd-form .feedback-form-upload-thumb {
        width: 4.75rem;
        height: 4.75rem; } }
    .pdp-fd-form .feedback-form-upload-thumb img {
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain; }
  .pdp-fd-form .feedback-form-upload-remove {
    position: absolute;
    top: 0.375rem;
    left: 0.375rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    border: none;
    background: rgba(214, 48, 49, 0.9);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1rem;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.15s ease;
    transition: -webkit-transform 0.15s ease;
    transition: transform 0.15s ease;
    transition: transform 0.15s ease, -webkit-transform 0.15s ease; }
    .pdp-fd-form .feedback-form-upload-remove:hover, .pdp-fd-form .feedback-form-upload-remove:focus {
      -webkit-transform: scale(1.05);
              transform: scale(1.05); }
    .pdp-fd-form .feedback-form-upload-remove:focus-visible {
      outline: 0.125rem solid rgba(255, 255, 255, 0.7);
      outline-offset: 0.125rem; }
  .pdp-fd-form .feedback-form-posting {
    color: #53616a;
    font-size: 17px !important; }
    @media (max-width: 1439.98px) {
      .pdp-fd-form .feedback-form-posting {
        display: none; } }
  .pdp-fd-form .feedback-form-actions {
    margin-top: 1.5rem; }
    @media (max-width: 1439.98px) {
      .pdp-fd-form .feedback-form-actions {
        position: fixed;
        bottom: 10px;
        width: 100%;
        right: 50%;
        padding: 16px 16px 0;
        -webkit-transform: translateX(50%);
                transform: translateX(50%);
        -webkit-box-shadow: 0 -8px 12px 0 #dbe3e852;
                box-shadow: 0 -8px 12px 0 #dbe3e852; } }
    .pdp-fd-form .feedback-form-actions .btn {
      padding: 22px;
      font-size: 1.125rem;
      font-weight: 600; }
      @media (max-width: 1439.98px) {
        .pdp-fd-form .feedback-form-actions .btn {
          font-size: 1rem;
          font-weight: 600;
          padding: 1.5rem 0;
          border-radius: 0.9375rem; } }

.pdp-feedack-component-mweb-rating {
  font-size: 18px;
  font-weight: 700;
  padding-left: 5px; }
  .pdp-feedack-component-mweb-rating .icon {
    font-size: 17px;
    font-weight: 400; }

.form-control-label-feedback-rating {
  font-size: 18px;
  font-weight: 500; }
  @media (max-width: 1439.98px) {
    .form-control-label-feedback-rating {
      font-size: 12px;
      font-weight: 500; } }

.pdp-rating-container {
  display: flex-inline; }

.rating-all-stars .star {
  color: #4e004f;
  font-size: 24px;
  background-color: transparent; }
  @media (max-width: 1439.98px) {
    .rating-all-stars .star {
      font-size: 18px; } }

.pdp-shipment-content > * {
  border-bottom: 1px solid #c2c2c2 !important; }

.pdp-shipment-content > *:last-child {
  border-bottom: none !important; }

.pdp-shipment-options {
  padding: 15px; }
  @media (max-width: 1439.98px) {
    .pdp-shipment-options {
      padding: 6px; } }

.pdp-shipment-options-instore {
  padding: 15px 6px 0 15px; }

.pdp-shipment-options-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px; }
  .pdp-shipment-options-head .pdp-shipment-options-head-icon .store-icon {
    width: 44px;
    height: 44px; }
    @media (max-width: 1439.98px) {
      .pdp-shipment-options-head .pdp-shipment-options-head-icon .store-icon {
        width: 28px;
        height: 28px; } }
  @media (max-width: 1439.98px) {
    .pdp-shipment-options-head svg {
      width: 28px;
      height: 28px; }
      .pdp-shipment-options-delivery-container .pdp-shipment-options-head svg {
        width: 26px;
        height: 26px; } }

.pdp-icon-style {
  -ms-flex-item-align: center;
      align-self: center;
  display: inline-block;
  font-size: 24px; }

.pdp-shipment-options-head-main-title {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px; }
  @media (max-width: 1439.98px) {
    .pdp-shipment-options-head-main-title {
      font-size: 12px; } }

.status-indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px; }

.status-dot {
  color: #28a745;
  font-size: 24px;
  font-weight: bold; }

.status-text {
  color: #333;
  font-size: 16px;
  font-weight: 400; }
  @media (max-width: 1439.98px) {
    .status-text {
      font-size: 12px; } }

.pdp-shipment-options-head-main-paragraph {
  color: #666;
  font-size: 14px;
  line-height: 1.4;
  margin: 0; }
  @media (max-width: 1439.98px) {
    .pdp-shipment-options-head-main-paragraph {
      font-size: 10px; } }

.pdp-shipment-options-head-main-paragraph_2 {
  margin-top: 0.25rem;
  font-size: 16px; }
  @media (max-width: 1439.98px) {
    .pdp-shipment-options-head-main-paragraph_2 {
      font-size: 12px; } }

.mb-0 {
  margin-bottom: 0; }

.js-zoom-container {
  position: relative;
  overflow: hidden;
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }
  .js-zoom-container.zoomed {
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }
  .js-zoom-container .js-zoomable-image {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
    width: 100%;
    height: auto;
    display: block; }
    .js-zoom-container .js-zoomable-image.zoomed {
      cursor: -webkit-zoom-out;
      cursor: zoom-out; }
  .js-zoom-container .zoom-overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    pointer-events: none;
    border: 2px solid rgba(255, 255, 255, 0.5);
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .js-zoom-container .zoom-overlay.active {
      display: block !important; }

@media (max-width: 768px) {
  .js-zoom-container {
    cursor: pointer; }
    .js-zoom-container.zoomed {
      cursor: pointer; }
    .js-zoom-container .js-zoomable-image.zoomed {
      cursor: pointer; } }

.pdp-usps-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.pdp-usps-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 0.8125rem 0;
  min-width: 0; }

.pdp-usps-label {
  display: block;
  font-size: 18px;
  margin-top: 4px; }
  @media (max-width: 1439.98px) {
    .pdp-usps-label {
      font-size: 12px; } }

@media (max-width: 1439.98px) {
  .pdp-usps-icon img {
    width: 18px;
    height: 16px; } }

@media (max-width: 576px) {
  .pdp-usps-list {
    gap: 0.5rem; }
  .pdp-usps-item {
    padding: 6px 0; } }

/* Cleaned _notify.scss: replaced all `@media (max-width: 991.98px)` with `@include media-breakpoint-down(md)`
     and removed accidental duplicated/nested selectors. */
.notify-button-new {
  background-color: #04061b;
  color: white; }
  .notify-button-new:hover, .notify-button-new:focus {
    background-color: black; }
  .notify-button-new:disabled {
    background-color: #efecf0;
    color: white;
    cursor: not-allowed; }

@media (min-width: 1025px) {
  .notify-modal-dialog {
    max-width: 80%; } }

@media (max-width: 1024.98px) {
  .notify-modal-dialog {
    max-width: 100%;
    width: 100%;
    margin: 0; } }

.notify-modal-content {
  max-width: 1200px; }
  @media (max-width: 1024.98px) {
    .notify-modal-content {
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      border-radius: 16px 16px 0 0;
      border: none;
      position: fixed;
      bottom: 0;
      margin: 0;
      padding-top: 1rem; } }

.notify-modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (max-width: 1024.98px) {
    .notify-modal-header {
      border-bottom: 1px solid #dbe3e8;
      margin: 0 -20px;
      padding: 0 20px; } }

.notify-modal-title {
  margin: 0 !important;
  font-size: 40px;
  font-weight: 700; }
  @media (max-width: 1024.98px) {
    .notify-modal-title {
      font-size: 14px;
      color: #051f2f; } }

.notify-modal-close {
  position: static;
  font-size: 30px;
  background: transparent;
  border: none; }
  @media (max-width: 1024.98px) {
    .notify-modal-close {
      position: relative;
      top: -5px;
      font-size: 22px;
      color: #0065a4; }
      .notify-modal-close .icon-close::before {
        vertical-align: text-top !important; } }

.notify-modal-divider {
  width: 100%;
  height: 1px;
  margin-top: 12px;
  margin-bottom: 33px;
  background: #c2c2c2; }
  @media (min-width: 1025px) {
    .notify-modal-divider {
      display: none; } }

.notify-container .product-brand-link {
  font-size: 16px;
  font-weight: 700; }
  @media (max-width: 1439.98px) {
    .notify-container .product-brand-link {
      font-size: 8px; } }

.notify-container .mobile-product-header {
  border-bottom: 1px solid #c2c2c2;
  padding-bottom: 12px;
  margin-bottom: 20px !important; }

.notify-container-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-height: 60vh;
  overflow: hidden;
  border-radius: 24px; }
  .notify-container-image img,
  .notify-container-image .notify-image {
    max-height: 60vh;
    max-width: 100%;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
    display: block; }
  @media (max-width: 1024.98px) {
    .notify-container-image {
      display: none; } }

.notify-container-details {
  text-wrap: auto; }
  @media (max-width: 1024.98px) {
    .notify-container-details {
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
      padding-right: 0.2rem;
      padding-left: 0.2rem; } }

.notify-container-input {
  margin-top: 50px;
  background-color: #f6f2ef;
  border: 0.6px solid #f8c7a0;
  font-size: 16px;
  border-radius: 8px; }
  @media (max-width: 1024.98px) {
    .notify-container-input {
      font-size: 12px;
      margin-top: 33px; } }

.notify-container-success {
  font-size: 16px;
  font-weight: 400;
  color: #3dc13c; }

.notify-container-error {
  font-size: 16px;
  font-weight: 400;
  color: #e94f54; }

.notify-container-variant {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 23px; }
  @media (max-width: 1024.98px) {
    .notify-container-variant {
      gap: 13px; } }
  .notify-container-variant-sub {
    gap: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }

.notify-form-label {
  font-size: 16px; }
  .notify-form-label-options {
    font-size: 14px; }
    @media (max-width: 1024.98px) {
      .notify-form-label-options {
        font-size: 10px;
        margin-bottom: 24px; } }
  @media (max-width: 1024.98px) {
    .notify-form-label {
      font-size: 12px; } }
  .notify-form-label.bold {
    font-weight: bold; }
  .notify-form-label.semi-bold {
    font-weight: 500; }
  .notify-form-label.self-center {
    -ms-flex-item-align: center;
        align-self: center; }
  .notify-form-label-variant {
    font-size: 18px; }
    .notify-form-label-variant-value {
      color: red; }
    @media (max-width: 1024.98px) {
      .notify-form-label-variant {
        margin-top: 5px;
        font-size: 12px; } }
  .notify-form-label-subtitle {
    font-size: 14px; }
    @media (max-width: 1024.98px) {
      .notify-form-label-subtitle {
        font-size: 10px;
        margin-bottom: 27px; } }
  .notify-form-label-name {
    font-size: 22px;
    color: #051f2f; }
    @media (max-width: 1024.98px) {
      .notify-form-label-name {
        font-size: 12px; } }
  @media (max-width: 1024.98px) {
    .notify-form-label-brand {
      font-size: 8px;
      margin-bottom: 4px; } }
  .notify-form-label-notify {
    font-size: 16px; }
    @media (max-width: 1024.98px) {
      .notify-form-label-notify {
        font-size: 12px; } }
  .notify-form-label-icon {
    width: 24px;
    margin-left: 9px; }
    @media (max-width: 1024.98px) {
      .notify-form-label-icon {
        width: 15px;
        margin-left: 6px; } }

@media (max-width: 1024.98px) {
  .notify-form-control input[type="email"] {
    border-radius: 8px !important;
    padding: 8px !important; } }

.notify-form-error {
  margin-bottom: 0; }

@media (max-width: 1439.98px) {
  .notify-form-submit-container {
    margin: 35px -20px 0;
    padding: 16px 20px 0;
    -webkit-box-shadow: 0 -8px 12px 0 #dbe3e852;
            box-shadow: 0 -8px 12px 0 #dbe3e852; } }

.notify-form-submit-button {
  background-color: #4e004f;
  font-size: 18px;
  border-radius: 17px;
  height: 40px; }
  @media (max-width: 1024.98px) {
    .notify-form-submit-button {
      font-size: 16px;
      height: 48px; } }
  .notify-form-submit-button:disabled {
    background-color: #efecf0;
    color: white;
    cursor: not-allowed; }
  @media (max-width: 1024.98px) {
    .notify-form-submit-button {
      font-size: 16px;
      height: 48px;
      border-radius: 15px; } }

@media (max-width: 1024.98px) {
  .notify .mobile-product-image {
    width: 100%;
    max-width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #f8f9fa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .notify .mobile-product-image img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      border-radius: 12px; } }

@media (max-width: 1024.98px) {
  .notify .product-details-section {
    padding: 16px !important; }
  .notify .notify-container-input .card-body {
    padding: 16px !important; }
    .notify .notify-container-input .card-body .notify-form-label {
      font-size: 14px;
      line-height: 1.4; }
      .notify .notify-container-input .card-body .notify-form-label.bold {
        font-size: 15px; }
      .notify .notify-container-input .card-body .notify-form-label.semi-bold {
        font-size: 14px; }
    .notify .notify-container-input .card-body p.notify-form-label {
      font-size: 13px;
      margin-bottom: 12px; }
    .notify .notify-container-input .card-body .form-control {
      font-size: 16px;
      padding: 12px 16px; }
  .notify .modal-header .modal-title {
    font-size: 14px;
    color: #051f2f; }
  .notify .notify-form-submit-button {
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 500; } }

.pdp-notify-main .pdp-notify-button-fixed {
  margin-top: 11px; }
  @media (max-width: 1024.98px) {
    .pdp-notify-main .pdp-notify-button-fixed {
      margin-top: 0;
      background-color: #fff;
      -webkit-box-shadow: 0 -13px 10px -18px rgba(0, 0, 0, 0.45);
      box-shadow: 0 -13px 10px -18px rgba(0, 0, 0, 0.45);
      bottom: 0;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      right: 0;
      padding: 1rem 1rem;
      position: fixed;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      left: 0;
      z-index: 10; }
      .pdp-notify-main .pdp-notify-button-fixed:has(.notify-button-new.d-none) {
        display: none; } }

.pdp-notify-main .notify-container-input {
  background-color: #efecf0;
  border: 0.6px solid #efecf0;
  border-radius: 12.54px; }

.pdp-notify-main .notify-form-label.bold {
  font-size: 16px;
  font-weight: bold; }
  @media (max-width: 1439.98px) {
    .pdp-notify-main .notify-form-label.bold {
      font-size: 14px;
      font-weight: bold; } }

.pdp-notify-main .notify-form-label.semi-bold {
  font-size: 12px;
  font-weight: 600; }
  @media (max-width: 1439.98px) {
    .pdp-notify-main .notify-form-label.semi-bold {
      font-size: 12px;
      font-weight: 600; } }

.pdp-notify-main input {
  height: 40px;
  font-size: 14px;
  border: 0.63px solid #c2c2c2;
  background: #f9fafb;
  border-radius: 12px; }
  @media (max-width: 1439.98px) {
    .pdp-notify-main input {
      height: 30px;
      font-size: 12px; } }

.instore-modal {
  position: fixed;
  left: 0;
  max-width: 40rem; }
  @media (max-width: 1024.98px) {
    .instore-modal {
      width: 100%;
      bottom: 0;
      max-width: 100%; } }
  .instore-modal-content {
    margin: 0;
    padding: 1rem;
    border-radius: 0;
    border: none;
    height: 100vh; }
    @media (max-width: 1024.98px) {
      .instore-modal-content {
        border-radius: 16px 16px 0 0;
        border: none;
        position: fixed;
        bottom: 0;
        margin: 0;
        padding-top: 1rem;
        height: calc(100vh - 81px); } }
  .instore-modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end; }
    @media (max-width: 1024.98px) {
      .instore-modal-header {
        position: absolute;
        left: 12px;
        top: 10px; } }
  .instore-modal-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 1rem; }
    @media (max-width: 1439.98px) {
      .instore-modal-title {
        font-size: 14px;
        font-weight: 700; } }
    @media (max-width: 1024.98px) {
      .instore-modal-title {
        height: 30px;
        border-bottom: 1px solid #dbe3e8;
        margin: 0 -20px 15px;
        padding: 0 20px; } }
  .instore-modal-close {
    font-size: 22px;
    background: transparent;
    border: none; }
    @media (max-width: 1024.98px) {
      .instore-modal-close {
        font-size: 18px;
        color: #0065a4; } }
  .instore-modal-search {
    position: relative;
    margin-bottom: 16px; }
    .instore-modal-search-input {
      width: 100%;
      padding: 12px 44px 12px 40px;
      border: 1px solid #04061b;
      border-radius: 10px;
      font-size: 16px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      @media (max-width: 1439.98px) {
        .instore-modal-search-input {
          font-size: 10px;
          padding: 9px 40px 9px 44px; } }
      .instore-modal-search-input::-webkit-input-placeholder {
        color: #999; }
      .instore-modal-search-input::-moz-placeholder {
        color: #999; }
      .instore-modal-search-input:-ms-input-placeholder {
        color: #999; }
      .instore-modal-search-input::-ms-input-placeholder {
        color: #999; }
      .instore-modal-search-input::placeholder {
        color: #999; }
      .instore-modal-search-input:focus {
        outline: none;
        border-color: #007bff;
        -webkit-box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
                box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25); }
    .instore-modal-search-icon {
      position: absolute;
      left: 12px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      background: none;
      border: none;
      cursor: pointer;
      padding: 4px;
      font-size: 24px;
      font-weight: bold; }
      @media (max-width: 1439.98px) {
        .instore-modal-search-icon {
          font-size: 14px; } }
    .instore-modal-search-leading-icon {
      position: absolute;
      right: 16px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      pointer-events: none;
      font-size: 18px;
      color: #000; }
      @media (max-width: 1439.98px) {
        .instore-modal-search-leading-icon {
          font-size: 16px; } }
  .instore-modal-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 16px; }
    .instore-modal-filter .custom-checkbox-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .instore-modal-filter .custom-checkbox-input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
    .instore-modal-filter .custom-checkbox-label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      font-size: 14px;
      color: #333;
      position: relative;
      padding: 0; }
      .instore-modal-filter .custom-checkbox-label::before {
        display: none; }
      .instore-modal-filter .custom-checkbox-label::after {
        display: none; }
    .instore-modal-filter .custom-checkbox-toggle {
      position: relative;
      width: 44px;
      height: 24px;
      background-color: #ddd;
      border-radius: 12px;
      margin-left: 12px;
      -webkit-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease;
      cursor: pointer; }
      .instore-modal-filter .custom-checkbox-toggle::before {
        content: '';
        position: absolute;
        top: 2px;
        right: 2px;
        width: 20px;
        height: 20px;
        background-color: white;
        border-radius: 50%;
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
    .instore-modal-filter .custom-checkbox-input:checked + .custom-checkbox-label .custom-checkbox-toggle {
      background-color: #4e004f; }
    .instore-modal-filter .custom-checkbox-input:checked + .custom-checkbox-label .custom-checkbox-toggle::before {
      -webkit-transform: translateX(-20px);
              transform: translateX(-20px); }
    .instore-modal-filter .custom-checkbox-text {
      font-size: 16px;
      font-weight: 400;
      cursor: pointer; }
      @media (max-width: 767.98px) {
        .instore-modal-filter .custom-checkbox-text {
          font-size: 12px; } }
  .instore-modal-list {
    background-color: #f0eee880;
    margin: 1rem -1rem;
    height: 80vh;
    overflow-y: auto;
    padding: 4px 1.25rem; }
    @media (max-width: 767.98px) {
      .instore-modal-list {
        height: 70vh; } }
  .instore-modal .store {
    margin: 0;
    padding: 25px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    border-bottom: 1px solid #d9d9d9; }
    @media (max-width: 1439.98px) {
      .instore-modal .store {
        padding: 20px 2px; } }
    .instore-modal .store:last-child {
      margin-bottom: 0;
      border-bottom: none; }
    .instore-modal .store .name {
      margin-bottom: 0.5rem;
      font-weight: 600;
      font-size: 25px; }
      @media (max-width: 1439.98px) {
        .instore-modal .store .name {
          font-size: 14px;
          margin-bottom: 6px; } }
    .instore-modal .store .hours {
      margin: 0 0 8px 0;
      margin-bottom: 0.25rem;
      font-weight: 400;
      font-size: 20px; }
      @media (max-width: 1439.98px) {
        .instore-modal .store .hours {
          font-size: 12px;
          margin-bottom: 6px; } }
    .instore-modal .store .info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 4px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 0.25rem;
      font-weight: 400;
      font-size: 20px; }
      @media (max-width: 1439.98px) {
        .instore-modal .store .info {
          font-size: 12px;
          margin-bottom: 10px; } }
      .instore-modal .store .info .indicator {
        font-size: 24px;
        color: #3dc13c; }
        @media (max-width: 1439.98px) {
          .instore-modal .store .info .indicator {
            font-size: 14px; } }
        .instore-modal .store .info .indicator.out {
          color: #e94f54; }
    .instore-modal .store .link {
      color: #007bff;
      text-decoration: underline;
      font-weight: 400;
      font-size: 18px; }
      @media (max-width: 1439.98px) {
        .instore-modal .store .link {
          font-size: 10px; } }
  .instore-modal .userinfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding: 12px;
    gap: 8px;
    margin: 1rem 0 0;
    background: #f2f3f9;
    border: 1px solid #d8daea;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #051f2f;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px; }
    .instore-modal .userinfo .text {
      margin: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%; }

@media (max-width: 1024.98px) {
  .pdp-ratings-socials {
    z-index: 2;
    position: relative;
    top: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    border-bottom: none !important;
    height: 0.125rem; } }

.pdp-ratings-socials-rating {
  gap: 0.5rem;
  font-size: 0.9375rem; }
  .pdp-ratings-socials-rating > span {
    padding-top: 3px; }

@media (min-width: 1025px) {
  .pdp-ratings-socials-social .icon::before {
    font-weight: 700; } }

.refinements-bar-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  gap: 0.5rem; }

.refinements-filter-header {
  border-bottom: 0.0625rem solid #efecf0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.25rem;
  padding-bottom: 0.3125rem; }
  .refinements-filter-header-label {
    font-size: 0.875rem;
    font-weight: 700;
    margin: -0.625rem;
    padding: 0.625rem; }

@media (min-width: 1025px) {
  .refinements-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    margin: 0.3rem 0; } }

.refinements-header-bar {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f9f9f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.5625rem 1.25rem; }
  @media (min-width: 768px) {
    .refinements-header-bar {
      padding: 1.5625rem 1.875rem; } }
  .refinements-header-bar .filter-label {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    font-size: 0.6875rem;
    text-transform: uppercase; }
    .refinements-header-bar .filter-label span {
      margin-left: 0.625rem; }
  .refinements-header-bar-close {
    background: none;
    border: none;
    font-size: 1.0625rem;
    padding: 0; }

.refinements-filter-clear {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  border-bottom: 0.0625rem solid #efecf0;
  color: #828282;
  display: none; }
  @media (min-width: 1025px) {
    .refinements-filter-clear:hover, .refinements-filter-clear:active {
      border-color: transparent; } }
  @media (max-width: 1024.98px) {
    .refinements-filter-clear {
      margin-left: 30px; } }

@media (max-width: 1024.98px) {
  .refinements-opened {
    overflow: hidden; }
    .refinements-opened .refinements {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      visibility: visible; } }

.refinements-list {
  margin: 0;
  padding: 0; }
  .refinements-list:empty {
    display: none; }
  .refinements-list-text {
    cursor: pointer; }
    .refinements-list-text.selected {
      color: #3f3936;
      font-weight: 700; }
  .refinements-list-item {
    list-style: none;
    margin-bottom: 0.9375rem;
    position: relative;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .refinements-list-item.active > .refinements-list-text {
      font-weight: 700; }
  .refinements-list-button {
    background: none;
    border: none;
    line-height: 1;
    padding: 0;
    text-align: right; }
  .refinements-list-label {
    margin-bottom: 0; }
    .refinements-list-label > span {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      @media (max-width: 1024.98px) {
        .refinements-list-label > span {
          gap: 0.25rem; } }
  .refinements-list .refinements-list {
    padding-right: 1.25rem;
    padding-top: 0.9375rem; }
  .refinements-list-color-wrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .refinements-list-text-color {
    margin-top: 0.125rem; }

.refinements-hit-count {
  color: #828282;
  margin-right: 0.2em;
  white-space: nowrap; }
  .refinements-bar-search .refinements-hit-count {
    display: none; }

@media (max-width: 1024.98px) {
  .refinements .clear-show .refinement-body .refinements-filter-clear,
  .refinements .clear-show .refinements-header-bar .refinements-filter-clear {
    display: block; } }

@media (min-width: 768px) {
  .refinements .clear-show .refinements-filter-clear {
    display: block; } }

.refinements .refinement {
  /*stylelint-disable */
  /*stylelint-enable */ }
  @media (max-width: 1024.98px) {
    .refinements .refinement:first-child {
      border-top: 0.0625rem solid #efecf0; } }
  .refinements .refinement-header-first-bar {
    width: 100%; }
  .refinements .refinement-selected-hint {
    color: #828282;
    font-size: 0.6875rem;
    font-weight: 400;
    text-transform: none; }
  .refinements .refinement-title {
    background: none;
    border: none;
    display: block;
    font-size: 0.8125rem;
    font-weight: 400;
    margin: 0;
    padding: 0.9375rem 1.25rem 0.9375rem 2.5rem;
    position: relative;
    text-align: right;
    width: 100%; }
    .refinements .refinement-title::after {
      font-family: iconsFont;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      vertical-align: middle; }
    .refinements .refinement-title::after {
      content: "";
      color: #828282;
      position: absolute;
      left: 1.4375rem;
      top: 50%;
      -webkit-transform: translateY(-50%) scale(-1);
              transform: translateY(-50%) scale(-1); }
      @media (min-width: 768px) {
        .refinements .refinement-title::after {
          left: 2.0625rem; } }
      @media (min-width: 1025px) {
        .refinements .refinement-title::after {
          display: none; } }
    @media (min-width: 768px) {
      .refinements .refinement-title {
        padding: 1.25rem 1.875rem 1.25rem 3.125rem; } }
    @media (min-width: 1025px) {
      .refinements .refinement-title {
        padding: 0.9375rem 0; } }
  .refinements .refinement-container {
    padding: 0 1.25rem; }
    @media (min-width: 768px) {
      .refinements .refinement-container {
        padding: 0 1.875rem; } }
    @media (min-width: 1025px) {
      .refinements .refinement-container {
        line-height: 1.4;
        padding: 0; } }
  .refinements .refinement-body {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .refinements .refinement-body {
        -webkit-transition: none;
        transition: none; } }
    @media (min-width: 1025px) {
      .refinements .refinement-body {
        padding-left: 1.5625rem;
        position: absolute;
        gap: 0.3rem;
        padding: 0.4rem;
        border-radius: 1%;
        background-color: #fff;
        z-index: 28;
        border: 2px solid #eba140;
        border-top: 0; } }
    @media (min-width: 1025px) {
      .refinements .refinement-body.scrolled {
        overflow-y: auto;
        scrollbar-color: #eba140 #efecf0;
        scrollbar-width: thin;
        -webkit-margin-end: 0.3125rem;
        max-height: 18.75rem;
        padding: 0.0625rem 0.3125rem 0 0.3125rem;
        /* stylelint-disable */
        /* stylelint-enable */ }
        .refinements .refinement-body.scrolled::-webkit-scrollbar {
          width: 0.25rem; }
        .refinements .refinement-body.scrolled::-webkit-scrollbar-button {
          display: none; }
        .refinements .refinement-body.scrolled::-webkit-scrollbar-track, .refinements .refinement-body.scrolled::-webkit-scrollbar-track-piece {
          background: #efecf0;
          border-radius: 0.125rem; }
        .refinements .refinement-body.scrolled::-webkit-scrollbar-thumb {
          background: #eba140;
          border-radius: 0.125rem; }
      @-moz-document url-prefix() {
        .refinements .refinement-body.scrolled {
          margin-left: 0.1875rem; } } }
    .refinements .refinement-body.scrolled.collapsing {
      overflow: hidden; }
    .refinements .refinement-body > .refinements-list {
      padding: 1.25rem 1.25rem 2.5rem 1.25rem; }
      @media (min-width: 768px) {
        .refinements .refinement-body > .refinements-list {
          padding: 1.25rem 1.875rem 2.5rem 1.875rem; } }
      @media (min-width: 1025px) {
        .refinements .refinement-body > .refinements-list {
          padding: 0.625rem 0; } }
    .refinements .refinement-body > .refinements-list > .refinements-list-item > .refinements-list-button .refinements-list-text {
      border-color: transparent;
      font-weight: 700; }
  .refinements .refinement-btn {
    width: calc(100% - 40px); }
    @media (min-width: 768px) {
      .refinements .refinement-btn {
        width: calc(100% - 60px); } }
  @media (max-width: 1024.98px) {
    .refinements .refinement .refinement-body {
      background-color: #fff;
      display: block;
      height: 100%;
      right: 0;
      position: absolute;
      top: 0;
      -webkit-transform: translate3d(100%, 0, 0);
              transform: translate3d(100%, 0, 0);
      width: 100%;
      z-index: 2; }
    .refinements .refinement.active .refinement-body {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); } }

.refinements .refinement-header {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (min-width: 1025px) {
    .refinements .refinement-header {
      border: 1px solid #ccc;
      padding: 0 0.4rem;
      border-radius: 5px; } }
  .refinements .refinement-header-collapse {
    background: none;
    border: none;
    font-size: 0.5rem;
    margin-right: 1.25rem;
    padding: 0; }
    .refinements .refinement-header-collapse .collapse-icon {
      color: #828282;
      cursor: pointer; }
      .refinements .refinement-header-collapse .collapse-icon.active {
        -webkit-transform: rotate(-180deg);
                transform: rotate(-180deg); }
  .refinements .refinement-header .arrow-right {
    font-size: 0.8125rem;
    margin-left: 1rem; }
  .refinements .refinement-header-secondary-bar {
    display: none; }
    @media (min-width: 1025px) {
      .refinements .refinement-header-secondary-bar {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }

.refinements .swatch-circle {
  border: 0.1875rem solid #fff;
  border-radius: 50%;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 1.625rem;
  margin-left: 0.5625rem;
  position: relative;
  width: 1.625rem; }
  .refinements .swatch-circle::before {
    border: 1px solid #ccc;
    border-radius: 50%;
    content: '';
    height: 1.625rem;
    right: -0.1875rem;
    position: absolute;
    top: -0.1875rem;
    width: 1.625rem; }
  .refinements .swatch-circle.selected::before {
    border-color: #3f3936; }

.refinements .swatch-circle-beige {
  background-color: #f5f5dc; }

.refinements .swatch-circle-black {
  background-color: #000; }

.refinements .swatch-circle-blue {
  background-color: #608dc3; }

.refinements .swatch-circle-brown {
  background-color: #523528; }

.refinements .swatch-circle-green {
  background-color: #3dc13c; }

.refinements .swatch-circle-grey {
  background-color: #ccc; }

.refinements .swatch-circle-navy {
  background-color: #000080; }

.refinements .swatch-circle-orange {
  background-color: #eba140; }

.refinements .swatch-circle-pink {
  background-color: #f3bb1b; }

.refinements .swatch-circle-purple {
  background-color: #800080; }

.refinements .swatch-circle-red {
  background-color: #e94f54; }

.refinements .swatch-circle-white {
  background-color: #fff; }

.refinements .swatch-circle-yellow {
  background-color: #ff0; }

.refinements .swatch-circle-miscellaneous {
  background-image: url("../images/multicolor.svg");
  background-repeat: no-repeat;
  background-size: 100%; }

.norefinement {
  padding-bottom: 5.625rem;
  text-align: center; }
  @media (min-width: 1025px) {
    .norefinement {
      padding-bottom: 9.375rem; } }
  .norefinement-image {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem; }
  @media (max-width: 1024.98px) {
    .norefinement-title {
      font-size: 1.75rem;
      margin: 0 auto 1.875rem;
      max-width: 80%; } }
  @media (min-width: 1025px) {
    .norefinement-title {
      font-size: 2.375rem;
      margin-bottom: 3.125rem; } }

.search {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 18.75rem; }
  .search-group {
    position: relative; }
  .search-input {
    padding-right: 2.5rem;
    border-radius: 1rem;
    border: 1px solid #eba140; }
    .search-input:focus, .search-input:focus-visible {
      border-color: #eba140;
      outline: none;
      -webkit-box-shadow: none;
              box-shadow: none; }
    @media (max-width: 575.98px) {
      .search-input {
        font-size: 1rem;
        -webkit-transform: scale(0.875);
                transform: scale(0.875);
        -webkit-transform-origin: right top;
                transform-origin: right top;
        width: 114.5%; } }
  .search-button-reset {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    line-height: 1;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: none;
    border: none;
    padding: 0 0.3125rem;
    bottom: 0.0625rem;
    font-size: 0.625rem;
    position: absolute;
    left: 2.8125rem;
    top: 0; }
    @media (min-width: 1025px) {
      .search-button-reset {
        padding: 0.125rem 0; } }
    @media (min-width: 1025px) {
      .search-button-reset:hover, .search-button-reset:active {
        color: #eba140; } }
    .search-button-reset::before {
      font-weight: 700; }
  .search-button-submit {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    line-height: 1;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: none;
    border: none;
    color: #eba140;
    bottom: 0.0625rem;
    font-size: 1.125rem;
    overflow: hidden;
    padding: 0.5rem 0;
    border-radius: 50%;
    position: absolute;
    left: 0.9375rem;
    top: 0.0625rem; }
    @media (max-width: 575.98px) {
      .search-button-submit {
        font-size: 1.25rem;
        -webkit-transform: scale(0.875);
                transform: scale(0.875);
        -webkit-transform-origin: top;
                transform-origin: top; } }
    .search-button-submit-icon-primary {
      color: #eba140;
      line-height: var(--line-height-base); }
    .search-button-submit-icon-secondary {
      color: #828282;
      display: none;
      font-size: 0.8125rem;
      padding: 0 0.3125rem; }
      .search-button-submit-icon-secondary::before {
        font-weight: 700; }
    @media (max-width: 1024.98px) {
      .m-sticky .search-button-submit-icon-primary {
        display: none; }
      .m-sticky .search-button-submit-icon-secondary {
        display: block; } }
  .search-button-toggle {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    line-height: 1;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: none;
    border: none;
    padding: 0 0.125rem;
    display: none;
    font-size: 1.125rem; }
    .m-sticky .search-button-toggle {
      display: block; }
  .search-bar {
    position: relative;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    padding: 0; }
    @media (max-width: 1024.98px) {
      .search-bar {
        background-color: #fff;
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
        margin-left: unset;
        margin-right: unset;
        -webkit-box-flex: unset;
            -ms-flex: unset;
                flex: unset;
        width: 100%;
        padding-top: 0.5rem; }
        .m-sticky .search-bar {
          -webkit-box-shadow: 0 0.3125rem 0 0.3125rem #fff;
                  box-shadow: 0 0.3125rem 0 0.3125rem #fff;
          right: 0;
          opacity: 0;
          position: absolute;
          top: 100%;
          visibility: hidden; }
        .search-bar.m-show {
          -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          opacity: 1;
          visibility: visible; } }
    @media (max-width: 1024.98px) and (prefers-reduced-motion: reduce) {
      .search-bar.m-show {
        -webkit-transition: none;
        transition: none; } }

.suggestions {
  position: absolute;
  z-index: 10;
  background-color: #fff;
  padding: 0;
  border-radius: 1rem;
  bottom: initial;
  -webkit-box-shadow: 0 0 35px 0 #00000014;
          box-shadow: 0 0 35px 0 #00000014;
  font-size: 0.8125rem;
  right: 0;
  margin-top: 0.625rem;
  top: 100%;
  width: 100%; }
  @media (max-width: 1024.98px) {
    .suggestions {
      position: static;
      border: unset; } }
  .suggestions-container {
    overflow-y: auto;
    scrollbar-color: #eba140 #efecf0;
    scrollbar-width: thin;
    max-height: calc(100vh - 15.625rem);
    overflow-x: hidden;
    padding: 0.625rem 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.25rem; }
    .suggestions-container::-webkit-scrollbar {
      width: 0.25rem; }
    .suggestions-container::-webkit-scrollbar-button {
      display: none; }
    .suggestions-container::-webkit-scrollbar-track, .suggestions-container::-webkit-scrollbar-track-piece {
      background: #efecf0;
      border-radius: 0.125rem; }
    .suggestions-container::-webkit-scrollbar-thumb {
      background: #eba140;
      border-radius: 0.125rem; }
    @media (max-width: 1024.98px) {
      .suggestions-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse; } }
    .suggestions-container .product-container {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 75%;
              flex: 0 0 75%;
      max-width: 75%;
      padding-left: 0.3125rem; }
      @media (max-width: 1024.98px) {
        .suggestions-container .product-container {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%;
          max-width: 100%; } }
    .suggestions-container .suggestion-container {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 25%;
              flex: 0 0 25%;
      max-width: 25%; }
      @media (max-width: 1024.98px) {
        .suggestions-container .suggestion-container {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%;
          max-width: 100%; } }
  .suggestions__phrases {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.625rem; }
  .suggestions.show {
    display: block; }
  .suggestions-title {
    font-size: 1.0625rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin-bottom: 0.875rem;
    margin-top: 0.625rem; }
    @media (max-width: 1439.98px) {
      .suggestions-title {
        font-size: 1.0625rem;
        margin-bottom: 0.625rem; } }
  .suggestions .do-you-mean {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .suggestions .do-you-mean .search-reset-btn {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      cursor: pointer;
      line-height: 1;
      text-align: center;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      background: none;
      border: none;
      padding: 0;
      font-size: 1.0625rem;
      margin-right: auto;
      margin-left: 0.625rem;
      position: static;
      left: 0.625rem;
      top: 0.625rem;
      z-index: 4; }
      @media (max-width: 1439.98px) {
        .suggestions .do-you-mean .search-reset-btn {
          font-size: 0.8125rem;
          left: 0.625rem;
          top: 0; } }
    .suggestions .do-you-mean-link::before, .suggestions .do-you-mean-link::after {
      content: "\200E"; }
    .suggestions .do-you-mean-phrase {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      padding: 0.625rem; }
  .suggestions-category {
    margin-bottom: 0.9375rem; }
    @media (min-width: 1025px) {
      .suggestions-category {
        margin-bottom: 2.1875rem; } }
  @media (min-width: 1025px) {
    .suggestions-aside {
      margin-right: 1.25rem; } }
  .suggestions-aside-item {
    display: inline-block; }
  .suggestions__btn-clear {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    line-height: 1;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: none;
    border: none;
    padding: 0;
    font-size: 1.0625rem;
    margin-left: 0.625rem; }
  .suggestions__body {
    max-height: calc(100vh - 15.625rem);
    overflow-x: hidden;
    padding: 0.625rem 1.25rem; }
  .suggestions__popular {
    margin-bottom: 2.1875rem; }
    @media (max-width: 1024.98px) {
      .suggestions__popular {
        display: none; } }
  .suggestions__phrases__list-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.5rem; }
  .suggestions__popular-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem; }
  .suggestions__popular-item .search-suggestion-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4em;
    max-height: 3.4em;
    word-break: break-word; }
    .suggestions__popular-item .search-suggestion-text .trending-search-icon {
      float: right;
      margin-left: 0.4rem; }
  .suggestions__categories {
    margin-bottom: 1.25rem; }
  .suggestions__categories-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem; }
    @media (min-width: 768px) {
      .suggestions__categories-list {
        font-size: 14px; } }
  .suggestions__category-link {
    color: #3f3936;
    text-decoration: none; }
    .suggestions__category-link:hover {
      text-decoration: underline; }
  .suggestions__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem; }
  .suggestions__products {
    min-width: 0; }
  .suggestions-wrapper {
    padding: 0; }
  .suggestions__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem; }
    .suggestions__items .suggestions__item {
      border-radius: 0.625rem;
      -webkit-box-shadow: 0 4px 10px 0 #d9d9d980;
              box-shadow: 0 4px 10px 0 #d9d9d980;
      padding: 0.3125rem;
      margin: 0; }
    @media (min-width: 1025px) {
      .suggestions__items {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.3125rem; }
        .suggestions__items .suggestions__item {
          border-radius: none;
          -webkit-box-shadow: none;
                  box-shadow: none;
          padding: none;
          margin: none; } }
  .suggestions__item.selected {
    outline: 2px solid #efecf0;
    border-radius: 0.25rem; }

.suggestions-open body {
  overflow-y: hidden; }
  .suggestions-open body::before {
    outline: 0;
    background-color: rgba(0, 0, 0, 0.6);
    content: '';
    height: 100vh;
    right: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 19; }

.empty-search {
  overflow-x: auto;
  overflow-y: auto;
  scrollbar-color: #eba140 #efecf0;
  scrollbar-width: thin;
  padding: 0.5rem 0;
  margin-top: 0.625rem;
  position: absolute;
  border-radius: 15px;
  opacity: 0;
  visibility: hidden;
  max-height: 80vh;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-box-shadow: 0 0 35px 0 #00000014;
          box-shadow: 0 0 35px 0 #00000014; }
  .empty-search::-webkit-scrollbar {
    -webkit-appearance: none;
    height: 0.25rem; }
  .empty-search::-webkit-scrollbar {
    width: 0.25rem; }
  .empty-search::-webkit-scrollbar-button {
    display: none; }
  .empty-search::-webkit-scrollbar-track, .empty-search::-webkit-scrollbar-track-piece {
    background: #efecf0;
    border-radius: 0.125rem; }
  .empty-search::-webkit-scrollbar-thumb {
    background: #eba140;
    border-radius: 0.125rem; }
  @media (max-width: 1024.98px) {
    .empty-search {
      max-height: unset; } }
  .empty-search-arrows {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    line-height: 1;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: none;
    border: none;
    padding: 0; }
  .empty-search-container-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    @media (max-width: 1439.98px) {
      .empty-search-container-content {
        padding: 0.5rem;
        padding-left: 0; } }
  @media (min-width: 768px) {
    .empty-search-container {
      position: absolute;
      margin-top: 0.625rem;
      border-radius: 1rem;
      -webkit-box-shadow: 0 0 35px 0 #00000014;
              box-shadow: 0 0 35px 0 #00000014;
      z-index: 10;
      width: 100%;
      background-color: #fff; } }
  .empty-search-recommendations {
    margin-top: 0.625rem;
    width: 100%;
    padding: 0; }
    @media (min-width: 1440px) {
      .empty-search-recommendations {
        padding: unset; } }
    @media (max-width: 1024.98px) {
      .empty-search-recommendations {
        margin-top: 0;
        padding: 0.4rem 0.2rem 0 0.8rem; } }
  .empty-search-show {
    z-index: 10;
    visibility: visible;
    opacity: 1;
    background-color: #fff;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out; }
    @media (max-width: 1024.98px) {
      .empty-search-show {
        padding: 0;
        border: unset;
        position: relative;
        margin-top: 0.2rem;
        max-height: 60vh; } }
  .empty-search-recent-search .empty-search .empty-search-suggestion-content {
    margin-bottom: 1rem; }
  .empty-search-recent-search .empty-search-suggestions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.4rem;
    padding: 0 0.9375rem;
    font-size: 0.6875rem;
    margin-bottom: 0; }
    @media (max-width: 1439.98px) {
      .empty-search-recent-search .empty-search-suggestions {
        padding: 0;
        margin-bottom: 0; } }
    .empty-search-recent-search .empty-search-suggestions.suggestions__phrases__list {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      gap: 0.625rem; }
  .empty-search-recent-search .empty-search-suggestion {
    border: 1px solid #4e004f;
    border-radius: 1rem;
    padding: 0.375rem 1.5625rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    white-space: nowrap;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin-bottom: 0; }
  .empty-search-trending-search-link {
    border: 1px solid #4e004f;
    border-radius: 1rem;
    padding: 0.375rem 1.5625rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    white-space: nowrap;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin-bottom: 0.25rem; }
    .empty-search-trending-search-link .trending-search-icon {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .empty-search-content-asset {
    border-right: 1px solid #efecf0;
    margin: auto;
    padding: 0; }
    @media (max-width: 1024.98px) {
      .empty-search-content-asset {
        border: unset;
        padding: unset;
        display: none; } }
  .empty-search-assets-container {
    padding: 0 1.875rem; }
    @media (max-width: 1024.98px) {
      .empty-search-assets-container {
        padding: 0; } }
    .empty-search-assets-container .navigation-container-dots {
      list-style: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }

.suggestions__headline {
  font-size: 1.0625rem;
  font-weight: 700;
  margin-bottom: 0.625rem; }

.flex-gap {
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .flex-gap > div {
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.suggestions-aside-item {
  text-decoration: none;
  color: inherit; }
  .suggestions-aside-item:hover {
    text-decoration: none; }

.search-suggestion-text {
  font-size: 13px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  color: #4e004f;
  max-width: 100%;
  overflow: hidden;
  min-width: 0; }

.search-suggestion-text .icon {
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.search-suggestion-text__value {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%; }

.empty-search-suggestion {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #4e004f;
  border-radius: 62.4375rem;
  padding: 0.375rem 1.125rem 0.375rem 0;
  margin: 0 0 0.625rem 0;
  max-width: 14.0625rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.empty-search-suggestion a,
.empty-search-trending-search-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  overflow: hidden;
  min-width: 0;
  max-width: 14.0625rem;
  white-space: nowrap;
  text-overflow: ellipsis; }

.empty-search-trending-search .flex-gap > div {
  border: 1px solid #4e004f;
  border-radius: 62.4375rem;
  padding: 0.375rem 1.125rem 0.375rem 0;
  margin: 0 0 0.625rem 0.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 14.0625rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.product-grid-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 2rem 0; }

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2.5rem; }
  .pagination__button {
    color: #3f3936;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.5rem;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    line-height: 1;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: none;
    border: none;
    padding: 0; }
    .pagination__button .icon {
      font-size: 1.1875rem; }
    .pagination__button:focus {
      outline: none; }
    .pagination__button.is-active {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex; }
    .pagination__button[disabled] {
      opacity: 0.5;
      cursor: not-allowed; }
  .pagination__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    list-style: none;
    margin: 0;
    padding: 0; }
  .pagination__item {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    line-height: 1;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: none;
    border: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0.2rem;
    min-width: 2rem;
    min-height: 2rem;
    padding: 0.5rem;
    border: 0.0625rem solid #efecf0;
    border-radius: 0.3125rem;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #fff;
    background-color: #ccc;
    cursor: pointer; }
    .pagination__item.is-active {
      background-color: #4e004f;
      border-color: #4e004f;
      cursor: default; }
  .pagination__ellipsis {
    display: inline-block;
    margin: 0 0.2rem;
    font-weight: 700; }

.plp-category-horizontal-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  padding: 1.25rem 0; }
  .plp-category-horizontal-scroll-items.is-initially-hidden {
    visibility: hidden; }
  .plp-category-horizontal-scroll-parent {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    text-align: center;
    padding-left: 1.25rem;
    margin-left: 1.25rem;
    border-left: 2px solid #d9d9d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 9.375rem; }
    @media (max-width: 1024.98px) {
      .plp-category-horizontal-scroll-parent {
        width: 7.5rem;
        padding-left: 0.9375rem;
        margin-left: 0.9375rem; } }
    @media (max-width: 767.98px) {
      .plp-category-horizontal-scroll-parent {
        width: 6.25rem;
        padding-left: 0.625rem;
        margin-left: 0.625rem; } }
  .plp-category-horizontal-scroll-items {
    overflow: hidden;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .plp-category-horizontal-scroll-items-inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 0;
      margin: 0;
      -webkit-overflow-scrolling: touch;
      overflow-x: auto;
      -ms-touch-action: pan-x;
          touch-action: pan-x;
      height: 100%; }
      @media (max-width: 1024.98px) {
        .plp-category-horizontal-scroll-items-inner {
          scrollbar-width: none;
          -ms-overflow-style: none; }
          .plp-category-horizontal-scroll-items-inner::-webkit-scrollbar {
            display: none;
            height: 0; } }
      @media (min-width: 768px) {
        .plp-category-horizontal-scroll-items-inner {
          padding-bottom: 0.625rem; }
          .plp-category-horizontal-scroll-items-inner::-webkit-scrollbar {
            height: 8px; }
          .plp-category-horizontal-scroll-items-inner::-webkit-scrollbar-track {
            background: #efecf0;
            border-radius: 4px; }
          .plp-category-horizontal-scroll-items-inner::-webkit-scrollbar-thumb {
            background: #4e004f;
            border-radius: 4px; } }
  .plp-category-horizontal-scroll .plp-category-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    text-align: center;
    text-decoration: none;
    color: inherit;
    padding: 0.5rem;
    width: 7.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (max-width: 1024.98px) {
      .plp-category-horizontal-scroll .plp-category-item {
        width: 6.875rem;
        padding: 0.375rem; } }
    @media (max-width: 767.98px) {
      .plp-category-horizontal-scroll .plp-category-item {
        width: 6.25rem;
        padding: 0.25rem; } }
    .plp-category-horizontal-scroll .plp-category-item.selected .plp-category-item-title {
      font-weight: 600; }
    .plp-category-horizontal-scroll .plp-category-item-image {
      background-color: #f9f9f9;
      border-radius: 10.43px;
      position: relative;
      position: relative;
      width: 5rem;
      height: 5rem;
      margin-bottom: 0.625rem;
      border-radius: 50%;
      overflow: hidden;
      border: 2px solid #efecf0; }
      .plp-category-horizontal-scroll .plp-category-item-image::before {
        font-family: iconsFont;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        vertical-align: middle; }
      .plp-category-horizontal-scroll .plp-category-item-image::before {
        content: "";
        position: absolute;
        right: 50%;
        top: 50%;
        -webkit-transform: translate(50%, -50%);
                transform: translate(50%, -50%);
        color: #ccc;
        font-size: 1.875rem; }
        @media (min-width: 768px) {
          .plp-category-horizontal-scroll .plp-category-item-image::before {
            font-size: 2.1875rem; } }
        @media (min-width: 1025px) {
          .plp-category-horizontal-scroll .plp-category-item-image::before {
            font-size: 2.5rem; } }
      .plp-category-horizontal-scroll .plp-category-item-image::after {
        content: '';
        display: block;
        padding-top: 100%; }
      .plp-category-horizontal-scroll .plp-category-item-image img {
        height: 100%;
        right: 0;
        -o-object-fit: cover;
           object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%;
        color: transparent; }
        .plp-category-horizontal-scroll .plp-category-item-image img::before {
          background-color: #f9f9f9;
          content: '';
          height: 17px;
          right: 0;
          overflow: hidden;
          position: absolute;
          top: 0;
          width: 17px; }
      .plp-category-horizontal-scroll .plp-category-item-image::after {
        display: none; }
      .plp-category-horizontal-scroll .plp-category-item-image img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        border: 0; }
      @media (max-width: 1024.98px) {
        .plp-category-horizontal-scroll .plp-category-item-image {
          width: 4.375rem;
          height: 4.375rem;
          margin-bottom: 0.5rem; } }
      @media (max-width: 767.98px) {
        .plp-category-horizontal-scroll .plp-category-item-image {
          width: 3.75rem;
          height: 3.75rem;
          margin-bottom: 0.375rem; } }
    .plp-category-horizontal-scroll .plp-category-item-title {
      font-size: 0.875rem;
      font-weight: 400;
      line-height: 1.2;
      min-height: calc(1.2em * 2);
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 0 auto; }
      @media (max-width: 1024.98px) {
        .plp-category-horizontal-scroll .plp-category-item-title {
          font-size: 0.625rem; } }
    .plp-category-horizontal-scroll .plp-category-item.selected .plp-category-item-image {
      border-width: 4px;
      border-color: #eba140; }
    @media (max-width: 1024.98px) {
      .plp-category-horizontal-scroll .plp-category-item.selected .plp-category-item-image {
        border-width: 3px; } }
  .plp-category-horizontal-scroll .plp-top-category-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
    margin-left: 0.5rem; }
    .plp-category-horizontal-scroll .plp-top-category-item .plp-top-category-item-image {
      border-radius: 0;
      border: 0; }
      .plp-category-horizontal-scroll .plp-top-category-item .plp-top-category-item-image img {
        -o-object-fit: cover;
           object-fit: cover;
        width: 100%; }
  .plp-category-horizontal-scroll .plp-bottom-category-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28%;
            flex: 0 0 28%;
    max-width: 28%; }
    .plp-category-horizontal-scroll .plp-bottom-category-item.bottom-category-slide-item {
      text-align: center; }
    .plp-category-horizontal-scroll .plp-bottom-category-item .plp-bottom-category-item-image {
      border: 0;
      text-align: center; }
      .plp-category-horizontal-scroll .plp-bottom-category-item .plp-bottom-category-item-image img {
        aspect-ratio: 1/1;
        -o-object-fit: cover;
           object-fit: cover;
        width: 56%;
        max-width: 56%;
        border-radius: 50%; }
    .plp-category-horizontal-scroll .plp-bottom-category-item .plp-bottom-category-item-title {
      font-size: 0.75rem;
      margin-top: 0.5rem;
      font-weight: 500;
      line-height: calc($line-height-base * 2);
      text-align: center;
      min-height: calc(1.2em * 2);
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis; }
    .plp-category-horizontal-scroll .plp-bottom-category-item.selected .plp-bottom-category-item-title {
      color: #eba140; }

.storelocator {
  margin-bottom: 3.75rem;
  margin-top: 1.875rem; }
  @media (min-width: 576px) {
    .storelocator {
      margin-bottom: 6.25rem;
      margin-top: 3.75rem; } }
  .storelocator-title {
    font-size: 1.375rem;
    margin-bottom: 1.25rem; }
    @media (min-width: 576px) {
      .storelocator-title {
        font-size: 1.75rem;
        margin-bottom: 1.875rem; } }
  .storelocator-detect-location {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    padding-top: 1.5625rem; }
  .storelocator-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (min-width: 576px) {
      .storelocator-header {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; } }
    @media (max-width: 575.98px) {
      .storelocator-header.has-location .storelocator-detect-location {
        padding-top: 1.1875rem; } }
  .storelocator-results {
    padding: 0 0.625rem; }
    @media (min-width: 576px) {
      .storelocator-results {
        padding: 0; } }
    @media (min-width: 1025px) {
      .storelocator-results {
        height: 31.5625rem;
        padding: 0 0 0 1.5625rem; } }
  .storelocator-holder {
    display: block;
    margin-bottom: 1.875rem; }
    @media (min-width: 1025px) {
      .storelocator-holder {
        padding-bottom: 0.1875rem; } }
  .storelocator-city {
    padding-left: 0.3125rem;
    width: 50%; }
    @media (min-width: 576px) {
      .storelocator-city {
        margin-left: 1.25rem;
        padding-left: 0;
        width: 14.6875rem; } }
  .storelocator-radius {
    margin-left: 0;
    padding-right: 0.3125rem;
    width: 50%; }
    @media (min-width: 576px) {
      .storelocator-radius {
        margin-left: 1.25rem;
        padding-right: 0;
        width: auto; } }
  .storelocator-map {
    min-height: 17.1875rem; }
    @media (min-width: 1440px) {
      .storelocator-map {
        min-height: 43.75rem; } }
    .storelocator-map .gm-style .gm-style-iw-c {
      border-radius: 0.5rem;
      -webkit-box-shadow: none;
              box-shadow: none;
      max-width: 18.75rem !important;
      padding: 0.9375rem !important; }
    .storelocator-map .gm-style .store-name {
      padding-right: 0; }
    .storelocator-map .gm-style .gm-style-iw button.gm-ui-hover-effect {
      outline: none;
      position: absolute !important;
      right: auto !important;
      left: 0.5rem !important;
      top: 0.5rem !important;
      margin: 0 !important;
      width: -webkit-fit-content !important;
      width: -moz-fit-content !important;
      width: fit-content !important;
      height: -webkit-fit-content !important;
      height: -moz-fit-content !important;
      height: fit-content !important; }
      .storelocator-map .gm-style .gm-style-iw button.gm-ui-hover-effect::true {
        content: ""; }
      .storelocator-map .gm-style .gm-style-iw button.gm-ui-hover-effect > span {
        margin: 0 !important; }
    .storelocator-map .gm-style .gm-style-iw button.gm-ui-hover-effect img {
      display: none !important; }
    .storelocator-map .gm-style .gm-style-iw-ch {
      display: none; }
  .storelocator-checkout {
    margin-bottom: 1.875rem;
    margin-top: 1.875rem; }
    .storelocator-checkout-title {
      font-size: x-large; }
    .storelocator-checkout-back-btn {
      padding-right: 30px;
      padding-left: 30px; }
    .storelocator-checkout .gm-map {
      margin-top: 1.875rem;
      margin-bottom: 0.9375rem; }
    @media (min-width: 1025px) {
      .storelocator-checkout .click-and-collect {
        padding: 1.25rem;
        background-color: white; } }
    .storelocator-checkout .width-arrange {
      max-height: 20rem; }

.collect-store-layout {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem; }
  .collect-store-layout-stores {
    width: 100%; }
  .collect-store-layout-map {
    width: 100%;
    height: 100%; }
  @media (min-width: 1440px) {
    .collect-store-layout {
      display: grid;
      width: 100%;
      grid-template-columns: repeat(5, 1fr);
      grid-template-rows: 1fr; }
      .collect-store-layout-stores {
        margin-bottom: 1.875rem;
        align-self: start;
        border-radius: 10px 10px 0 0;
        margin-right: 1.875rem;
        margin-top: 1.875rem;
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row: 1;
        z-index: 1; }
      .collect-store-layout-map {
        grid-column-start: 1;
        grid-column-end: 6;
        grid-row: 1; } }

.store {
  margin-bottom: 1.875rem;
  position: relative; }
  .store-city {
    font-size: 1.1875rem;
    font-weight: 700;
    margin-bottom: 0.9375rem; }
  .store-map-link {
    margin-bottom: unset; }
  .store-body {
    background-color: #f9f9f9;
    padding: 1.25rem;
    position: relative; }
    .product-shipment-options .store-body {
      background-color: unset;
      padding: unset; }
  .store-count {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    height: 1.875rem;
    position: absolute;
    text-align: center;
    top: 1rem;
    width: 1.375rem; }
    .store-count::before {
      font-family: iconsFont;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      vertical-align: middle; }
    .store-count::before {
      content: ""; }
    .store-count::before {
      color: #eba140;
      font-size: 1.75rem;
      right: 0;
      position: absolute; }
  .store-count-number {
    color: #fff;
    line-height: 1.5625rem;
    position: relative;
    z-index: 1; }
  .store-name {
    border-bottom: 1px solid #efecf0;
    cursor: pointer;
    font-size: 0.9375rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
    padding: 0 1.875rem 1.25rem 0; }
  .store-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.875rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (min-width: 1440px) {
      .store-details {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    .product-shipment-options .store-details {
      gap: unset; }
  .store-get-directions {
    margin: 1.25rem 0 0; }
    @media (min-width: 576px) {
      .store-get-directions {
        margin: 0 1.25rem 0 0; } }
    .js-product-store-select-block .store-get-directions {
      margin: 0; }
  .store-address {
    line-height: 1.75rem;
    margin: -0.3125rem 0 0; }
    .store-address .store-events {
      margin-top: 0.3125rem; }
      .store-address .store-events * {
        font-size: 0.75rem; }
        .store-address .store-events *:not(:first-child) {
          margin: 0 0.3125rem 0.3125rem 0; }
      .store-address .store-events-friday {
        margin-top: 1.25rem !important; }
  .store-phone-icon {
    margin-top: -0.1875rem; }

.store-details-address {
  display: grid;
  width: 100%;
  grid-template-rows: auto;
  grid-gap: 1.875rem;
  grid-template-areas: "name name events" "info info events"; }
  @media (max-width: 1439.98px) {
    .store-details-address {
      display: block; } }
  .store-details-address-inside {
    grid-area: name; }
    .store-details-address-inside-summary {
      grid-area: name; }
    .store-details-address-inside-info {
      grid-area: name; }
    @media (max-width: 1439.98px) {
      .store-details-address-inside {
        display: block; } }
  .store-details-address-events {
    grid-area: events; }
    @media (max-width: 1439.98px) {
      .store-details-address-events {
        display: block; } }

.store-details-summary-main .details-info {
  width: 85%; }
  @media (max-width: 1024.98px) {
    .store-details-summary-main .details-info {
      width: 100%; } }

.store-information-messages {
  font-style: italic;
  grid-area: info;
  align-self: end; }

.store-details-today-working-hours {
  grid-area: events; }

.store-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.25rem;
  border: 1px solid #efecf0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.3125rem; }
  .store-card-head {
    font-weight: bold; }
  .store-card-icon-info {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border-radius: 50%;
    width: 0.5rem;
    height: 0.5rem;
    padding: 0.5rem;
    margin-left: 0.625rem;
    border: 3px solid #efecf0; }
    .store-card-icon-info-active {
      border: 2px solid #eba140;
      background-color: #eba140;
      -webkit-box-shadow: inset 0 0 0 4px white;
              box-shadow: inset 0 0 0 4px white; }

.store-card-active {
  border-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #eba140;
          box-shadow: 0 0 0 2px #eba140; }

.info-window-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  margin-bottom: 0.625rem; }
  .info-window-buttons-select {
    color: #eba140; }
  .info-window-buttons-cancel {
    cursor: pointer; }

.wishlist-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.wishlist-item {
  border-bottom: 0.0625rem solid #efecf0;
  margin-bottom: 1.875rem;
  padding-bottom: 1.875rem; }
  .wishlist-item:last-of-type {
    border: none;
    padding: 0; }

.wishlist .card-wrapper {
  border: none; }

.wishlist-item-footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (max-width: 575.98px) {
    .wishlist-item-footer {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .wishlist-item-footer-checkbox {
        margin-bottom: 1.5625rem; } }

.wishlist .wishlist-item-image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 6.25rem;
  width: 6.25rem; }

@media (max-width: 575.98px) {
  .wishlist .add-to-card {
    width: 100%; }
    .wishlist .add-to-card-wrapper {
      width: 100%; } }

.wishlist-guest-description {
  color: #828282;
  padding-bottom: 1.875rem;
  text-align: center; }
  .wishlist-guest-description.m-border {
    border-bottom: 0.0625rem solid #efecf0;
    margin-bottom: 1.875rem; }

.wishlist-empty {
  border-top: 0.0625rem solid #efecf0;
  padding: 3.125rem 0; }
  @media (min-width: 768px) {
    .wishlist-empty {
      padding: 3.75rem 0; } }
  .wishlist-empty-icon {
    width: 6.25rem; }
  .wishlist-empty-description {
    font-size: 1.5rem; }

.wishlist-card-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.wishlist .card-variation-name {
  padding-left: 0; }

.wishlist-guest .add-to-card-wrapper {
  width: 100%; }
  @media (min-width: 1025px) {
    .wishlist-guest .add-to-card-wrapper {
      margin-right: 8.125rem; } }

@media (min-width: 768px) and (max-width: 1024.98px) {
  .wishlist-guest .card .line-item-pricing-info,
  .wishlist-guest .card .card-variation-name {
    margin-left: 0;
    min-width: 4.6875rem;
    padding-left: 0.625rem; }
  .wishlist-guest .card .custom-select {
    display: inline-block; }
  .wishlist-guest .card .item-attributes,
  .wishlist-guest .card .line-item-attributes,
  .wishlist-guest .card .wishlist-line-item-quantity,
  .wishlist-guest .card .card-price,
  .wishlist-guest .card .product-card-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: inherit;
            flex-flow: inherit;
    max-width: 100%;
    width: 100%; } }

@media (max-width: 767.98px) {
  .wishlist-guest .card .line-item-pricing-info {
    margin-left: 0; } }

.wishlist .tiered {
  font-size: 0.9375rem;
  font-weight: 700;
  margin: 0 0.375rem;
  text-transform: uppercase; }

@-webkit-keyframes heart-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  15% {
    opacity: 0.9;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  30% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
  45%,
  80% {
    opacity: 0.9;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes heart-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  15% {
    opacity: 0.9;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  30% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
  45%,
  80% {
    opacity: 0.9;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.add-to-wishlist-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: white;
  border: #939598;
  border-radius: 50%;
  width: 43px;
  height: 43px;
  -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.2) 0 0 5px);
          filter: drop-shadow(rgba(0, 0, 0, 0.2) 0 0 5px);
  font-size: 1.5rem;
  text-align: center;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .add-to-wishlist-btn::before {
    content: ""; }
  .add-to-wishlist-btn-new {
    -webkit-filter: none;
            filter: none; }
    @media (max-width: 1024.98px) {
      .add-to-wishlist-btn-new {
        font-size: 1rem;
        width: 2rem;
        height: 2rem;
        -webkit-box-shadow: 0 0 1.34px 0.67px #00000026;
                box-shadow: 0 0 1.34px 0.67px #00000026; } }
    .pdp-ratings-socials .add-to-wishlist-btn-new {
      color: #4e004f; }
      @media (max-width: 1024.98px) {
        .pdp-ratings-socials .add-to-wishlist-btn-new {
          border: 1px solid #4e004f; } }
  .empty-search-tile .add-to-wishlist-btn {
    font-size: 1.25rem;
    width: 2.25rem;
    height: 2.25rem; }
  @media (min-width: 1025px) {
    .add-to-wishlist-btn:hover, .add-to-wishlist-btn:active {
      color: #4e004f; } }
  .add-to-wishlist-btn.m-active {
    color: #4e004f; }
    .add-to-wishlist-btn.m-active::before {
      content: ""; }
  .product-tile-wishlist .add-to-wishlist-btn {
    background-color: #fff;
    font-size: 1.3125rem;
    left: 1rem;
    position: absolute;
    top: 1rem;
    z-index: 4;
    padding: 0; }
    .product-tile-wishlist .add-to-wishlist-btn.m-animate + .add-to-wishlist-animation {
      -webkit-animation: 1s heart-animation ease-in-out;
              animation: 1s heart-animation ease-in-out; }
    @media (max-width: 1024.98px) {
      .product-tile-wishlist .add-to-wishlist-btn {
        height: 1.5625rem;
        width: 1.5625rem;
        left: 0.6875rem;
        top: 0.6875rem;
        font-size: 12px; } }
    @media (max-width: 1024.98px) {
      .js-resize-product-grid.col-12 .product-tile-wishlist .add-to-wishlist-btn {
        left: 1rem;
        top: 1rem; } }

.add-to-wishlist-animation {
  color: #fff;
  font-size: 5rem;
  right: 50%;
  margin: -0.5em -0.5em 0 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
  z-index: 1; }
  .add-to-wishlist-animation::before {
    content: ""; }

.wl-social-sharing {
  border-top: 0.0625rem solid #efecf0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1.5625rem; }
  @media (max-width: 575.98px) {
    .wl-social-sharing {
      display: block;
      padding-bottom: 1.875rem; } }
  .wl-social-sharing-text {
    -ms-flex-item-align: center;
        align-self: center;
    margin-left: 1.125rem; }
    @media (min-width: 576px) {
      .wl-social-sharing-text {
        margin-left: 1.5625rem; } }
    @media (max-width: 767.98px) {
      .wl-social-sharing-text {
        margin-bottom: 1.25rem; } }
  .wl-social-sharing-item {
    margin-left: 1.5625rem; }
    .wl-social-sharing-item:last-child {
      margin-left: 0; }
    @media (max-width: 767.98px) {
      .wl-social-sharing-item {
        margin-bottom: 1.25rem; } }
  .wl-social-sharing .share-icons {
    font-size: 1.1875rem; }
    @media (min-width: 1025px) {
      .wl-social-sharing .share-icons:hover, .wl-social-sharing .share-icons:active {
        color: #f99d1c; } }

.b-video {
  position: relative;
  width: 100%; }
  .b-video--bc .b-video__holder::before {
    display: none; }
  .b-video--bc .b-video__element.b-video__element {
    position: static; }
  .b-video__holder {
    overflow: hidden;
    position: relative; }
    .b-video__holder::before {
      content: "";
      display: block;
      float: right;
      padding-bottom: 100%; }
  .b-video__element.b-video__element {
    bottom: 0;
    right: 0;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    width: 100%; }
    .m-loading .b-video__element.b-video__element {
      opacity: 0; }
  .b-video__element.vjs-playing {
    background: transparent; }
  .b-video__element .vjs-tech,
  .b-video__element .vjs-poster {
    -o-object-fit: cover;
       object-fit: cover; }
  .b-video__embed {
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 100%; }

.b-video-thumbnail {
  cursor: pointer;
  position: relative; }
  .b-video-thumbnail__image {
    width: 100%; }
  .b-video-thumbnail__play {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    /* stylelint-disable */
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    /* stylelint-enable */
    color: #fff;
    font-size: 65px;
    right: 50%;
    position: absolute;
    text-shadow: 0 0 6px #BABABA;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%); }
    @media only screen and (min-width: 1025px) {
      .b-video-thumbnail__play {
        font-size: 100px; } }
    .m-non-touch .b-video-thumbnail__play:hover {
      -webkit-transform: translate(50%, -50%) scale(1.05);
              transform: translate(50%, -50%) scale(1.05); }
  .b-video-thumbnail--overlay {
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }

.ITC-figure {
  position: relative; }

.image-heading-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 55px;
  padding: 0 15px;
  position: absolute;
  top: 10%;
  width: 200px; }
  .image-heading-title p {
    color: #fff;
    font-size: 1.25rem;
    line-height: 1; }

.common-image-component {
  max-height: 480px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%; }
  @media (max-width: 1024.98px) {
    .common-image-component {
      height: 250px; } }

.image-heading-container {
  padding: 10px;
  position: absolute;
  top: 70% !important;
  width: 100%; }
  @media (min-width: 576px) {
    .image-heading-container {
      top: 80% !important; } }
  .image-heading-container p {
    color: #fff;
    font-size: 1.25rem; }

.photo-tile-container {
  font-family: var(--font-primary); }

.photo-tile-figure {
  margin-bottom: 0.75rem; }

.photo-tile-image {
  height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%; }

.b-accordion {
  color: #000; }
  .b-accordion__items {
    width: 100%; }
  .b-accordion__header {
    background: #fff;
    border: none;
    cursor: pointer;
    font-size: 0.75rem;
    letter-spacing: 0.09375em;
    line-height: 1;
    padding: 18px 0 18px 16px;
    position: relative;
    text-align: right;
    text-transform: uppercase;
    width: 100%; }
    @media only screen and (min-width: 1025px) {
      .b-accordion__header {
        margin-bottom: 0 !important; } }
  .b-accordion__content {
    display: block; }
  .b-accordion__sidetabs {
    padding-left: 28px; }
  .b-accordion__sidetab {
    margin-bottom: 21px;
    white-space: nowrap; }
    .b-accordion__sidetab.m-active .b-accordion__sidetab-btn {
      font-weight: 700; }
  .b-accordion__sidetab-btn {
    color: #000;
    font-size: 0.875rem;
    letter-spacing: 0.01em;
    line-height: 1;
    text-transform: uppercase; }
  @media only screen and (max-width: 1024px) {
    .b-accordion--type-1 .b-accordion__item[data-accordion-level="0"] > .b-accordion__header {
      color: #897358;
      padding-right: 16px;
      padding-left: 26px; }
      .b-accordion--type-1 .b-accordion__item[data-accordion-level="0"] > .b-accordion__header::after {
        color: #000;
        left: 16px; }
    .b-accordion--type-1 .b-accordion__item[data-accordion-level="0"] > .b-accordion__content {
      padding-right: 40px; }
    .b-accordion--type-1 .b-accordion__item[data-accordion-level="0"].m-expanded > .b-accordion__header {
      font-weight: 700; } }
  @media only screen and (min-width: 1025px) {
    .b-accordion--type-1 .b-accordion__item[data-accordion-level="0"]:first-child > .b-accordion__content {
      padding-top: 0; }
    .b-accordion--type-1 .b-accordion__item[data-accordion-level="1"] > .b-accordion__content {
      padding-right: 40px; }
    .b-accordion--type-1 .b-accordion__item[data-accordion-level="1"] > .b-accordion__header {
      font-size: 0.875rem; }
    .b-accordion--type-1 .b-accordion__item:last-child {
      border-bottom: 0; } }
  @media only screen and (min-width: 1025px) {
    .b-accordion--sidetabs-d {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .b-accordion--sidetabs-d > .b-accordion__items > .b-accordion__item {
        border: 0; }
        .b-accordion--sidetabs-d > .b-accordion__items > .b-accordion__item > .b-accordion__header {
          display: none; }
        .b-accordion--sidetabs-d > .b-accordion__items > .b-accordion__item.m-expanded > .b-accordion__content {
          display: block !important;
          height: auto !important;
          overflow: visible !important; } }
  @media only screen and (min-width: 1025px) {
    .b-accordion.b-accordion-tabs-d {
      border-bottom: 1px solid #BABABA;
      border-top: 1px solid #BABABA;
      padding: 90px 0; }
      .b-accordion.b-accordion-tabs-d .b-accordion__tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-bottom: 32px; }
      .b-accordion.b-accordion-tabs-d .b-accordion__tab-item {
        margin: 0 55px; }
        .b-accordion.b-accordion-tabs-d .b-accordion__tab-item.m-active .b-accordion__tab {
          opacity: 1; }
      .b-accordion.b-accordion-tabs-d .b-accordion__tab {
        color: #333;
        font-size: 0.9375rem;
        letter-spacing: 0.01em;
        line-height: 1;
        opacity: 0.5;
        padding: 5px 10px;
        text-transform: uppercase; }
      .b-accordion.b-accordion-tabs-d .b-accordion__item {
        border: 0; }
      .b-accordion.b-accordion-tabs-d .b-accordion__content {
        margin: 0 auto;
        max-width: 1000px;
        min-height: 100px;
        padding: 0; }
      .b-accordion.b-accordion-tabs-d > .b-accordion__items > .b-accordion__item > .b-accordion__header {
        display: none; } }

.b-accordion-title {
  text-align: center; }
  .b-accordion-title.h-text--h1-sm {
    margin-bottom: 36px; }
    @media only screen and (min-width: 1025px) {
      .b-accordion-title.h-text--h1-sm {
        margin-bottom: 90px; } }

.rating-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .product-tile .rating-wrapper {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .review-item .rating-wrapper {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .ratings-container .rating-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.25rem; }
  .rating-wrapper .rating-stars,
  .rating-wrapper .rating-summary,
  .rating-wrapper .review-count {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.25rem; }
  .rating-wrapper .ratings-container .rating-stars,
  .rating-wrapper .ratings-container .rating-summary,
  .rating-wrapper .ratings-container .review-count {
    text-align: center; }
  .rating-wrapper a {
    text-decoration: none; }
    .rating-wrapper a:hover {
      text-decoration: underline; }

.rating-stars .icon.icon-star::before,
.rating-stars .icon.icon-star-empty::before,
.rating-stars .icon.icon-star-fill-half::before {
  font-size: 0.875rem; }
  @media (max-width: 1024.98px) {
    .rating-stars .icon.icon-star::before,
    .rating-stars .icon.icon-star-empty::before,
    .rating-stars .icon.icon-star-fill-half::before {
      font-size: 0.5625rem; }
      .product-detail-grid .rating-stars .icon.icon-star::before, .product-detail-grid
      .rating-stars .icon.icon-star-empty::before, .product-detail-grid
      .rating-stars .icon.icon-star-fill-half::before {
        font-size: 0.875rem; } }
  .empty-search-tile .rating-stars .icon.icon-star::before, .empty-search-tile
  .rating-stars .icon.icon-star-empty::before, .empty-search-tile
  .rating-stars .icon.icon-star-fill-half::before {
    font-size: 0.75rem; }
    @media (max-width: 1024.98px) {
      .empty-search-tile .rating-stars .icon.icon-star::before, .empty-search-tile
      .rating-stars .icon.icon-star-empty::before, .empty-search-tile
      .rating-stars .icon.icon-star-fill-half::before {
        font-size: 0.5625rem; } }

.rating-stars .icon.icon-star::before,
.rating-stars .icon.icon-star-fill-half::before {
  color: #eba140; }

.rating-stars .icon.icon-star-empty::before {
  color: #ccc; }

.ratings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.125rem; }
  .ratings .rating-summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.25rem; }
  .ratings .icon-star {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.ratings-container {
  font-weight: 700;
  position: absolute;
  bottom: 0.3125rem;
  left: 0.3125rem;
  -webkit-filter: drop-shadow(0 0.852px 3.5px rgba(0, 0, 0, 0.15));
          filter: drop-shadow(0 0.852px 3.5px rgba(0, 0, 0, 0.15));
  border-radius: 13.63px;
  background-color: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  z-index: 3;
  padding: 0.3125rem 1rem;
  line-height: 1.5; }
  @media (max-width: 1024.98px) {
    .product-tile .ratings-container {
      font-size: 9px;
      padding: 0.125rem 0.5rem; } }
  .empty-search-tile .product-tile .ratings-container {
    padding: 0.1875rem 0.5rem; }
    @media (max-width: 1024.98px) {
      .empty-search-tile .product-tile .ratings-container {
        font-size: 9px; } }
  .product-detail-grid-img-side .ratings-container {
    top: 0.625rem;
    right: 0.625rem;
    padding: 0.0625rem 1rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content; }
  .ratings-container .rating-value,
  .ratings-container .rating-stars {
    line-height: 1; }
  .ratings-container.pdp-ratings-container {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    position: relative; }
  .ratings-container .rating-summary {
    color: #53616a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.125rem; }
    html[lang="ar"] .ratings-container .rating-summary {
      padding-top: 0.125rem; }
    @media (max-width: 1024.98px) {
      .product-tile .ratings-container .rating-summary {
        font-weight: 500;
        font-size: 9px; } }

.rating-stars {
  color: #3d3d3d; }
  html[lang="ar"] .rating-stars .icon-star::before {
    position: relative; }

.review-count {
  font-weight: 500;
  text-transform: lowercase; }
  @media (min-width: 768px) {
    .review-count {
      position: static; } }

.reviews-accordion {
  background: #f9f9f9; }

.review-summary {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2.5rem;
  border: 2px solid #f7da5d;
  margin: 0.5rem 0;
  background-color: rgba(247, 218, 93, 0.1) !important; }
  @media (min-width: 768px) {
    .review-summary {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  @media (min-width: 1440px) {
    .review-summary {
      margin-bottom: 1.375rem;
      margin-top: 1rem; } }

.review-rating-stats {
  margin-right: 1rem; }
  .review-rating-stats-label {
    color: #eba140;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .review-rating-stats-label[data-type='fill'] i {
      color: #eba140; }
  .review-rating-stats-bar {
    background-color: rgba(108, 117, 125, 0.2);
    height: 0.25rem;
    margin-left: 0.5rem;
    position: relative;
    width: 10rem; }
    .review-rating-stats-bar > span {
      background-color: #eba140;
      bottom: 0;
      right: 0;
      position: absolute;
      top: 0; }
  .review-rating-stats > ul {
    font-size: 0.8125rem;
    list-style: none;
    margin: 0;
    padding: 0; }
    .review-rating-stats > ul > li {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .review-rating-stats .rating-point {
    font-weight: 500;
    text-align: right;
    width: 3.125rem; }
  .review-rating-stats .rating-point,
  .review-rating-stats .icon.icon-star {
    margin-left: 0.25rem; }
  .review-rating-stats .rating-point,
  .review-rating-stats .rating-count,
  .review-rating-stats .icon.icon-star::before {
    font-size: 0.8125rem; }

.review-stats {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 1.5rem; }
  @media (min-width: 768px) {
    .review-stats {
      margin-bottom: 0; } }
  @media (min-width: 1440px) {
    .review-stats {
      border-left: 0.0625rem solid #eba140;
      padding-left: 3rem; } }
  .review-stats .rating-stars {
    margin-bottom: 0.875rem; }
    .review-stats .rating-stars .icon.icon-star::before,
    .review-stats .rating-stars .icon.icon-star-empty::before,
    .review-stats .rating-stars .icon.icon-star-fill-half::before {
      font-size: 1.1875rem;
      padding-top: 0.1875rem; }
      @media (min-width: 1440px) {
        .review-stats .rating-stars .icon.icon-star::before,
        .review-stats .rating-stars .icon.icon-star-empty::before,
        .review-stats .rating-stars .icon.icon-star-fill-half::before {
          font-size: 1.375rem; } }
  .review-stats .review-stats-rating {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 0.875rem; }
    @media (min-width: 1440px) {
      .review-stats .review-stats-rating {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
  .review-stats h4 {
    font-size: 1.1875rem; }
    @media (min-width: 1440px) {
      .review-stats h4 {
        font-size: 1.375rem;
        margin-left: 0; } }
  .review-stats > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.6875rem;
    list-style: none;
    margin: 0;
    padding: 0; }
    .review-stats > ul li {
      padding: 0 1rem;
      position: relative; }
      .review-stats > ul li:first-child {
        padding-right: 0; }
      .review-stats > ul li:last-child {
        padding-left: 0; }
      .review-stats > ul li:not(:last-child)::after {
        border-left: 0.0625rem solid #eba140;
        bottom: 0.0625rem;
        content: '';
        position: absolute;
        left: 0;
        top: 0.0625rem; }

@media (min-width: 768px) {
  .review-actions {
    margin-right: auto; } }

.review-actions .btn {
  font-size: 1.0625rem;
  width: 100%; }

.review-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 1rem; }
  @media (min-width: 1440px) {
    .review-header {
      margin-bottom: 1.25rem; } }
  .review-header .col-form-label {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.875rem;
    font-weight: 500;
    margin-left: 0.875rem;
    padding-bottom: 0;
    padding-top: 0;
    text-transform: uppercase; }
  .review-header .custom-select,
  .review-header .bootstrap-select.custom-select {
    border-color: #ccc;
    font-size: 0.875rem;
    font-weight: 500;
    height: calc(2rem + 1px) !important;
    width: 9.75rem !important; }
    .review-header .custom-select .custom-select,
    .review-header .bootstrap-select.custom-select .custom-select {
      width: 0.5px !important; }
    .review-header .custom-select .dropdown-toggle,
    .review-header .custom-select .dropdown-item,
    .review-header .bootstrap-select.custom-select .dropdown-toggle,
    .review-header .bootstrap-select.custom-select .dropdown-item {
      font-size: 0.875rem;
      font-weight: 500; }
    .review-header .custom-select .dropdown-toggle,
    .review-header .bootstrap-select.custom-select .dropdown-toggle {
      border-color: transparent; }
    .review-header .custom-select .dropdown-item,
    .review-header .bootstrap-select.custom-select .dropdown-item {
      padding: 0.5rem 0.75rem; }

.review-item {
  background-color: #fff;
  margin-bottom: 1rem;
  padding: 1.5rem;
  position: relative; }
  .review-item .review-date {
    color: #ccc;
    font-size: 0.8125rem;
    position: absolute;
    left: 1.5rem;
    top: 1.5rem; }
  .review-item .reviewer-name {
    font-size: 0.9375rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    text-transform: uppercase; }
    .review-item .reviewer-name-desc {
      font-weight: 500;
      text-transform: none; }
  .review-item .reviewer-country {
    color: #ccc;
    font-size: 0.8125rem;
    margin-bottom: 1.125rem;
    text-transform: uppercase; }
  .review-item .review-rating-stars {
    margin-bottom: 0.25rem; }
    .review-item .review-rating-stars .icon.icon-star::before,
    .review-item .review-rating-stars .icon.icon-star-empty::before,
    .review-item .review-rating-stars .icon.icon-star-fill-half::before {
      font-size: 0.875rem; }
    .review-item .review-rating-stars .rating-stars,
    .review-item .review-rating-stars .rating-summary {
      display: inline-block; }
  .review-item .review-title {
    font-size: 1.0625rem;
    font-weight: 500;
    margin-bottom: 1.25rem;
    text-transform: uppercase; }
  .review-item .review-content {
    margin-bottom: 0.75rem; }
    .review-item .review-content .js-review-more-link {
      cursor: pointer; }
  .review-item .btn-link-with-icon {
    font-size: 0.8125rem;
    font-weight: 600;
    margin-bottom: 1.375rem; }
    .review-item .btn-link-with-icon > i {
      min-width: 1.2rem; }
    .review-item .btn-link-with-icon > span {
      position: relative;
      top: 0.0625rem; }
  .review-item .review-feedback {
    font-size: 0.875rem;
    font-weight: 300;
    margin-bottom: 0.5rem;
    margin-top: 1.5rem; }
  .review-item .review-feedback-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .review-item .review-feedback-buttons .btn {
      font-size: 0.8125rem;
      font-weight: 700;
      margin-left: 1.25rem;
      min-width: 0;
      padding: 0.25rem 0.5rem; }

.review-list > .row > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.review-list .review-item {
  width: 100%; }

.review-form .rating-stars .icon.icon-star::before,
.review-form .rating-stars .icon.icon-star-empty::before,
.review-form .rating-stars .icon.icon-star-fill-half::before {
  font-size: 1.1875rem; }
  @media (min-width: 1440px) {
    .review-form .rating-stars .icon.icon-star::before,
    .review-form .rating-stars .icon.icon-star-empty::before,
    .review-form .rating-stars .icon.icon-star-fill-half::before {
      font-size: 1.375rem; } }

.review-form .rating-stars i {
  cursor: pointer; }

.review-form .review-feedback-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .review-form .review-feedback-buttons .btn {
    margin-top: 0.8125rem; }
  .review-form .review-feedback-buttons .btn:first-child {
    margin-left: 0.6rem; }
  .review-form .review-feedback-buttons .btn:last-child {
    margin-right: 0.6rem; }

.review-form .btn-submit {
  margin-bottom: 1.875rem;
  margin-top: 0 !important; }

.close-review-form {
  background: transparent;
  border: none;
  line-height: 1;
  padding: 0.3125rem 0.8125rem;
  position: absolute;
  left: 0.413rem; }
  .close-review-form i::before, .close-review-form i::after {
    margin: -0.0625rem -1.08125rem 0 0; }

@media (max-width: 575.98px) {
  .write-review .container-title {
    font-family: var(--font-primary);
    font-size: 1.0625rem;
    font-weight: 700;
    text-align: right;
    text-transform: uppercase; }
    .write-review .container-title::after {
      display: none; } }

.countdown-timer {
  gap: 0.3rem; }
  .countdown-timer-counts {
    font-size: 0.8125rem; }
    @media (min-width: 1440px) {
      .countdown-timer-counts {
        font-size: 0.9375rem; } }
  .countdown-timer-msg {
    font-size: 0.6875rem; }
    @media (min-width: 1440px) {
      .countdown-timer-msg {
        font-size: 0.8125rem; } }

.homepage-timer-asset :first-child {
  background-color: #4e004f;
  padding: 0.3125rem 0;
  width: 100%;
  color: white; }

.timer-discount {
  background-color: #eba140;
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1;
  padding: 0.3125rem 0.8125rem 0 0.8125rem;
  text-align: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  word-break: break-word;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3rem; }
  @media (min-width: 1440px) {
    .timer-discount {
      gap: 0.6rem; } }
  @media (max-width: 1024.98px) {
    .timer-discount {
      font-size: 0.6875rem; } }
  .timer-discount-asset {
    width: 100%;
    position: absolute;
    z-index: 3;
    right: 0; }
    .homepage-timer-asset .timer-discount-asset {
      position: static; }
  .timer-discount-slot {
    position: relative;
    min-height: 2em;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    gap: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: unset;
    color: #eba140; }
    @media (max-width: 1024.98px) {
      .timer-discount-slot {
        padding-right: 0; } }
  .homepage-timer-asset .timer-discount .timer-shop-btn {
    border: 2px solid #eba140;
    border-radius: 50em;
    padding: 0.4rem;
    margin-right: 0.4rem; }
  .timer-discount .timer-svg {
    padding-top: 0.2rem;
    font-size: 1.2rem; }
    .homepage-timer-asset .timer-discount .timer-svg {
      -webkit-animation: blink 1s cubic-bezier(0.61, 0.03, 1, 1) infinite;
              animation: blink 1s cubic-bezier(0.61, 0.03, 1, 1) infinite; }

@-webkit-keyframes blink {
  0% {
    opacity: 1;
    color: #eba140; }
  50% {
    opacity: 0;
    color: white; }
  100% {
    opacity: 1;
    color: #eba140; } }

@keyframes blink {
  0% {
    opacity: 1;
    color: #eba140; }
  50% {
    opacity: 0;
    color: white; }
  100% {
    opacity: 1;
    color: #eba140; } }
    @media (min-width: 1440px) {
      .timer-discount .timer-svg {
        font-size: 1.4rem; } }

.timer-viewAll {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2; }
  @media (min-width: 576px) {
    .timer-viewAll {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }

.banner-timer-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0.5rem;
  margin-bottom: 0.25rem; }
  @media (min-width: 576px) {
    .banner-timer-container {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 0.5rem; } }
  .banner-timer-container .banner-timer-comp {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100%;
    min-width: 100%;
    gap: 0.5rem;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    .banner-timer-container .banner-timer-comp-subcontainer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 5;
          -ms-flex-positive: 5;
              flex-grow: 5;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      gap: 0.5rem; }
    .banner-timer-container .banner-timer-comp h2 {
      margin-bottom: unset; }
    @media (min-width: 576px) {
      .banner-timer-container .banner-timer-comp {
        margin-bottom: unset;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }

.hero-timer-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.recommendation-countdown > .timer-discount-asset {
  position: relative !important; }

@-webkit-keyframes heart-icon-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes heart-icon-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.header {
  background-color: #fff;
  position: relative;
  z-index: 30; }
  .header-main {
    background-color: #fff;
    position: relative;
    z-index: 1; }
    .header-main.m-sticky {
      right: 0;
      position: fixed;
      left: 0;
      top: 0; }
      .header-main.m-sticky .header-utility-wrapper.m-secondary {
        display: none; }
      @media (max-width: 1024.98px) {
        .header-main.m-sticky {
          border-bottom: 0.0625rem solid #efecf0;
          -webkit-box-shadow: 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.1);
                  box-shadow: 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.1); } }
  @media (min-width: 1025px) {
    .header-user-message {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 7.5rem; } }
  @media (min-width: 1440px) {
    .header-user-message {
      max-width: 8.125rem; } }
  .header-logo {
    margin: 0 0.625rem;
    width: 9.375rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
    .header-logo-link {
      display: block;
      outline: 1px solid transparent; }
  .header-wishlist-icon {
    will-change: transform, opacity; }
    .header-wishlist-icon::before {
      content: ""; }
    .header-wishlist-icon.m-active {
      -webkit-animation: 0.3s heart-icon-animation ease-in-out;
              animation: 0.3s heart-icon-animation ease-in-out;
      color: #eba140; }
      .header-wishlist-icon.m-active::before {
        content: ""; }

.footer-content {
  background: #f9f9f9; }
  @media (min-width: 1025px) {
    .footer-content {
      padding-top: 2.1875rem; } }
  @media (min-width: 1025px) {
    .footer-content .accordion-subitem:first-child {
      padding-top: 0; } }
  @media (min-width: 1025px) {
    .footer-content .accordion-subitem:last-child {
      padding-bottom: 0; } }

.footer-item-title {
  color: #3f3936;
  font-size: 0.9375rem;
  margin-bottom: 1.875rem;
  padding-bottom: 0.9375rem;
  position: relative;
  text-transform: uppercase; }
  .footer-item-title::before {
    background: #eba140;
    bottom: 0;
    content: "";
    height: 0.125rem;
    right: 0;
    position: absolute;
    width: 2.5rem; }

.footer-help-wrapper {
  padding: 1.875rem 0 0 0; }
  @media (min-width: 768px) and (max-width: 1024.98px) {
    .footer-help-wrapper {
      border-bottom: 0.0625rem solid #efecf0;
      padding: 1.875rem; } }

.footer-store-locator-wrapper {
  margin: 0 auto 2rem;
  width: 17.5rem; }
  @media (min-width: 768px) and (max-width: 1024.98px) {
    .footer-store-locator-wrapper {
      margin: 0; } }
  @media (min-width: 768px) {
    .footer-store-locator-wrapper {
      width: 16.875rem; } }
  @media (min-width: 1025px) {
    .footer-store-locator-wrapper {
      margin: 0 auto 2rem;
      max-width: 16.875rem;
      width: 100%; } }

.footer-navigation {
  background: #fff;
  padding: 0 0.625rem; }
  @media (min-width: 768px) and (max-width: 1024.98px) {
    .footer-navigation {
      padding: 0 1.875rem; } }
  @media (min-width: 1025px) {
    .footer-navigation {
      background: transparent; } }

.footer-icons-wrapper {
  max-width: 21.25rem;
  padding: 1.875rem 0; }
  @media (max-width: 1024.98px) {
    .footer-icons-wrapper {
      max-width: 100%;
      padding: 1.875rem 0.9375rem; } }

.footer-social-wrapper {
  margin-top: 1.875rem; }
  .footer-social-wrapper .social-list {
    gap: 1.5625rem; }
    @media (max-width: 1024.98px) {
      .footer-social-wrapper .social-list {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        gap: 0.9375rem; } }

.footer-copyright-wrapper {
  margin: 0 0.625rem; }

.page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%; }

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

@media (min-width: 1025px) {
  .two-columns-spacer {
    margin: 0 auto;
    width: 27.5rem; } }

@media (min-width: 1440px) {
  .two-columns-spacer {
    width: 30rem; } }

@media (min-width: 768px) and (max-width: 1024.98px) {
  .two-columns-spacer {
    margin: 0 1.25rem; } }

@media (min-width: 768px) {
  .two-columns .left-divider::before {
    background-color: #efecf0;
    content: '';
    height: 100%;
    right: 0;
    position: absolute;
    width: 1px; } }

.two-columns-title {
  font-size: 1.375rem;
  margin-bottom: 1.5625rem;
  text-align: center; }

.container-wrapper {
  margin: 1.875rem 0; }
  @media (min-width: 768px) {
    .container-wrapper {
      margin: 2.5rem 0; } }
  @media (min-width: 1025px) {
    .container-wrapper {
      margin: 3.125rem 0; } }

.flex-gap {
  gap: 0.4rem; }

.l-grid__col-1 {
  max-width: 8.33333%;
  width: 8.33333%; }

@media only screen and (min-width: 769px) {
  [class*="l-grid__col"].l-grid__col-1-sm {
    max-width: 8.33333%;
    width: 8.33333%; } }

@media only screen and (min-width: 1025px) {
  [class*="l-grid__col"][class*="l-grid__col"].l-grid__col-1-d {
    max-width: 8.33333%;
    width: 8.33333%; } }

@media only screen and (min-width: 1500px) {
  [class*="l-grid__col"][class*="l-grid__col"][class*="l-grid__col"].l-grid__col-1-xl {
    max-width: 8.33333%;
    width: 8.33333%; } }

@media only screen and (min-width: 2000px) {
  [class*="l-grid__col"][class*="l-grid__col"][class*="l-grid__col"].l-grid__col-1-xxl {
    max-width: 8.33333%;
    width: 8.33333%; } }

.l-grid__col-2 {
  max-width: 16.66667%;
  width: 16.66667%; }

@media only screen and (min-width: 769px) {
  [class*="l-grid__col"].l-grid__col-2-sm {
    max-width: 16.66667%;
    width: 16.66667%; } }

@media only screen and (min-width: 1025px) {
  [class*="l-grid__col"][class*="l-grid__col"].l-grid__col-2-d {
    max-width: 16.66667%;
    width: 16.66667%; } }

@media only screen and (min-width: 1500px) {
  [class*="l-grid__col"][class*="l-grid__col"][class*="l-grid__col"].l-grid__col-2-xl {
    max-width: 16.66667%;
    width: 16.66667%; } }

@media only screen and (min-width: 2000px) {
  [class*="l-grid__col"][class*="l-grid__col"][class*="l-grid__col"].l-grid__col-2-xxl {
    max-width: 16.66667%;
    width: 16.66667%; } }

.l-grid__col-3 {
  max-width: 25%;
  width: 25%; }

@media only screen and (min-width: 769px) {
  [class*="l-grid__col"].l-grid__col-3-sm {
    max-width: 25%;
    width: 25%; } }

@media only screen and (min-width: 1025px) {
  [class*="l-grid__col"][class*="l-grid__col"].l-grid__col-3-d {
    max-width: 25%;
    width: 25%; } }

@media only screen and (min-width: 1500px) {
  [class*="l-grid__col"][class*="l-grid__col"][class*="l-grid__col"].l-grid__col-3-xl {
    max-width: 25%;
    width: 25%; } }

@media only screen and (min-width: 2000px) {
  [class*="l-grid__col"][class*="l-grid__col"][class*="l-grid__col"].l-grid__col-3-xxl {
    max-width: 25%;
    width: 25%; } }

.l-grid__col-4 {
  max-width: 33.33333%;
  width: 33.33333%; }

@media only screen and (min-width: 769px) {
  [class*="l-grid__col"].l-grid__col-4-sm {
    max-width: 33.33333%;
    width: 33.33333%; } }

@media only screen and (min-width: 1025px) {
  [class*="l-grid__col"][class*="l-grid__col"].l-grid__col-4-d {
    max-width: 33.33333%;
    width: 33.33333%; } }

@media only screen and (min-width: 1500px) {
  [class*="l-grid__col"][class*="l-grid__col"][class*="l-grid__col"].l-grid__col-4-xl {
    max-width: 33.33333%;
    width: 33.33333%; } }

@media only screen and (min-width: 2000px) {
  [class*="l-grid__col"][class*="l-grid__col"][class*="l-grid__col"].l-grid__col-4-xxl {
    max-width: 33.33333%;
    width: 33.33333%; } }

.l-grid__col-5 {
  max-width: 41.66667%;
  width: 41.66667%; }

@media only screen and (min-width: 769px) {
  [class*="l-grid__col"].l-grid__col-5-sm {
    max-width: 41.66667%;
    width: 41.66667%; } }

@media only screen and (min-width: 1025px) {
  [class*="l-grid__col"][class*="l-grid__col"].l-grid__col-5-d {
    max-width: 41.66667%;
    width: 41.66667%; } }

@media only screen and (min-width: 1500px) {
  [class*="l-grid__col"][class*="l-grid__col"][class*="l-grid__col"].l-grid__col-5-xl {
    max-width: 41.66667%;
    width: 41.66667%; } }

@media only screen and (min-width: 2000px) {
  [class*="l-grid__col"][class*="l-grid__col"][class*="l-grid__col"].l-grid__col-5-xxl {
    max-width: 41.66667%;
    width: 41.66667%; } }

.l-grid__col-6 {
  max-width: 50%;
  width: 50%; }

@media only screen and (min-width: 769px) {
  [class*="l-grid__col"].l-grid__col-6-sm {
    max-width: 50%;
    width: 50%; } }

@media only screen and (min-width: 1025px) {
  [class*="l-grid__col"][class*="l-grid__col"].l-grid__col-6-d {
    max-width: 50%;
    width: 50%; } }

@media only screen and (min-width: 1500px) {
  [class*="l-grid__col"][class*="l-grid__col"][class*="l-grid__col"].l-grid__col-6-xl {
    max-width: 50%;
    width: 50%; } }

@media only screen and (min-width: 2000px) {
  [class*="l-grid__col"][class*="l-grid__col"][class*="l-grid__col"].l-grid__col-6-xxl {
    max-width: 50%;
    width: 50%; } }

.l-grid__col-7 {
  max-width: 58.33333%;
  width: 58.33333%; }

@media only screen and (min-width: 769px) {
  [class*="l-grid__col"].l-grid__col-7-sm {
    max-width: 58.33333%;
    width: 58.33333%; } }

@media only screen and (min-width: 1025px) {
  [class*="l-grid__col"][class*="l-grid__col"].l-grid__col-7-d {
    max-width: 58.33333%;
    width: 58.33333%; } }

@media only screen and (min-width: 1500px) {
  [class*="l-grid__col"][class*="l-grid__col"][class*="l-grid__col"].l-grid__col-7-xl {
    max-width: 58.33333%;
    width: 58.33333%; } }

@media only screen and (min-width: 2000px) {
  [class*="l-grid__col"][class*="l-grid__col"][class*="l-grid__col"].l-grid__col-7-xxl {
    max-width: 58.33333%;
    width: 58.33333%; } }

.l-grid__col-8 {
  max-width: 66.66667%;
  width: 66.66667%; }

@media only screen and (min-width: 769px) {
  [class*="l-grid__col"].l-grid__col-8-sm {
    max-width: 66.66667%;
    width: 66.66667%; } }

@media only screen and (min-width: 1025px) {
  [class*="l-grid__col"][class*="l-grid__col"].l-grid__col-8-d {
    max-width: 66.66667%;
    width: 66.66667%; } }

@media only screen and (min-width: 1500px) {
  [class*="l-grid__col"][class*="l-grid__col"][class*="l-grid__col"].l-grid__col-8-xl {
    max-width: 66.66667%;
    width: 66.66667%; } }

@media only screen and (min-width: 2000px) {
  [class*="l-grid__col"][class*="l-grid__col"][class*="l-grid__col"].l-grid__col-8-xxl {
    max-width: 66.66667%;
    width: 66.66667%; } }

.l-grid__col-9 {
  max-width: 75%;
  width: 75%; }

@media only screen and (min-width: 769px) {
  [class*="l-grid__col"].l-grid__col-9-sm {
    max-width: 75%;
    width: 75%; } }

@media only screen and (min-width: 1025px) {
  [class*="l-grid__col"][class*="l-grid__col"].l-grid__col-9-d {
    max-width: 75%;
    width: 75%; } }

@media only screen and (min-width: 1500px) {
  [class*="l-grid__col"][class*="l-grid__col"][class*="l-grid__col"].l-grid__col-9-xl {
    max-width: 75%;
    width: 75%; } }

@media only screen and (min-width: 2000px) {
  [class*="l-grid__col"][class*="l-grid__col"][class*="l-grid__col"].l-grid__col-9-xxl {
    max-width: 75%;
    width: 75%; } }

.l-grid__col-10 {
  max-width: 83.33333%;
  width: 83.33333%; }

@media only screen and (min-width: 769px) {
  [class*="l-grid__col"].l-grid__col-10-sm {
    max-width: 83.33333%;
    width: 83.33333%; } }

@media only screen and (min-width: 1025px) {
  [class*="l-grid__col"][class*="l-grid__col"].l-grid__col-10-d {
    max-width: 83.33333%;
    width: 83.33333%; } }

@media only screen and (min-width: 1500px) {
  [class*="l-grid__col"][class*="l-grid__col"][class*="l-grid__col"].l-grid__col-10-xl {
    max-width: 83.33333%;
    width: 83.33333%; } }

@media only screen and (min-width: 2000px) {
  [class*="l-grid__col"][class*="l-grid__col"][class*="l-grid__col"].l-grid__col-10-xxl {
    max-width: 83.33333%;
    width: 83.33333%; } }

.l-grid__col-11 {
  max-width: 91.66667%;
  width: 91.66667%; }

@media only screen and (min-width: 769px) {
  [class*="l-grid__col"].l-grid__col-11-sm {
    max-width: 91.66667%;
    width: 91.66667%; } }

@media only screen and (min-width: 1025px) {
  [class*="l-grid__col"][class*="l-grid__col"].l-grid__col-11-d {
    max-width: 91.66667%;
    width: 91.66667%; } }

@media only screen and (min-width: 1500px) {
  [class*="l-grid__col"][class*="l-grid__col"][class*="l-grid__col"].l-grid__col-11-xl {
    max-width: 91.66667%;
    width: 91.66667%; } }

@media only screen and (min-width: 2000px) {
  [class*="l-grid__col"][class*="l-grid__col"][class*="l-grid__col"].l-grid__col-11-xxl {
    max-width: 91.66667%;
    width: 91.66667%; } }

.l-grid__col-12 {
  max-width: 100%;
  width: 100%; }

@media only screen and (min-width: 769px) {
  [class*="l-grid__col"].l-grid__col-12-sm {
    max-width: 100%;
    width: 100%; } }

@media only screen and (min-width: 1025px) {
  [class*="l-grid__col"][class*="l-grid__col"].l-grid__col-12-d {
    max-width: 100%;
    width: 100%; } }

@media only screen and (min-width: 1500px) {
  [class*="l-grid__col"][class*="l-grid__col"][class*="l-grid__col"].l-grid__col-12-xl {
    max-width: 100%;
    width: 100%; } }

@media only screen and (min-width: 2000px) {
  [class*="l-grid__col"][class*="l-grid__col"][class*="l-grid__col"].l-grid__col-12-xxl {
    max-width: 100%;
    width: 100%; } }

.l-grid__col-0 {
  display: none; }
  @media only screen and (min-width: 1025px) {
    .l-grid__col-0 {
      display: block; } }

@media only screen and (min-width: 1025px) {
  [class*="l-grid__col"][class*="l-grid__col"].l-grid__col-0-d {
    display: none; } }

.l-grid__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: -0.25em;
  margin-left: -0.25em;
  width: auto; }
  @media only screen and (min-width: 1025px) {
    .l-grid__row {
      margin-right: -1.25em;
      margin-left: -1.25em; } }
  .l-grid__row.l-grid__row--center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.l-grid__col {
  width: 100%; }

[class*="l-grid__col"] {
  padding: 0 0.25em; }
  @media only screen and (min-width: 1025px) {
    [class*="l-grid__col"] {
      padding: 0 1.25em; } }

.l-grid.l-grid--gutter-0 .l-grid__row {
  margin: 0 0; }

.l-grid.l-grid--gutter-0 [class*="l-grid__col"] {
  padding: 0; }

.l-grid.l-grid--gutter-5 .l-grid__row {
  margin: 0 -0.3125rem; }

.l-grid.l-grid--gutter-5 [class*="l-grid__col"] {
  padding: 0.3125rem; }

.l-grid.l-grid--gutter-10 .l-grid__row {
  margin: 0 -0.625rem; }

.l-grid.l-grid--gutter-10 [class*="l-grid__col"] {
  padding: 0.625rem; }

@media only screen and (max-width: 1024px) {
  .l-grid.l-grid--gutter-5-sm .l-grid__row {
    margin-right: -5px;
    margin-left: -5px; }
  .l-grid.l-grid--gutter-5-sm [class*="l-grid__col"] {
    padding: 0 5px; } }

@media only screen and (max-width: 1024px) {
  .l-grid.l-grid--rows-3-sm-2 [class*="l-grid__col"]:nth-child(n + 7) {
    display: none; } }

@media only screen and (min-width: 1025px) {
  .l-grid.l-grid--rows-3-sm-2 [class*="l-grid__col"]:nth-child(n + 9) {
    display: none; } }

@media only screen and (min-width: 1500px) {
  .l-grid.l-grid--rows-3-sm-2 [class*="l-grid__col"] {
    display: block !important; } }

@media only screen and (min-width: 1500px) {
  .l-grid.l-grid--col-5-xl [class*="l-grid__col"] {
    width: 20%; } }

.l-grid.l-grid--center .l-grid__row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.l-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -4px;
  margin-left: -4px; }
  .l-row [class*="l-row__col"] {
    padding: 0 4px; }

.l-row__col-1 {
  max-width: 8.33333%;
  width: 8.33333%; }

@media only screen and (min-width: 1025px) {
  [class*="l-row__col"].l-row__col-1-d {
    max-width: 8.33333%;
    width: 8.33333%; } }

.l-row__col-2 {
  max-width: 16.66667%;
  width: 16.66667%; }

@media only screen and (min-width: 1025px) {
  [class*="l-row__col"].l-row__col-2-d {
    max-width: 16.66667%;
    width: 16.66667%; } }

.l-row__col-3 {
  max-width: 25%;
  width: 25%; }

@media only screen and (min-width: 1025px) {
  [class*="l-row__col"].l-row__col-3-d {
    max-width: 25%;
    width: 25%; } }

.l-row__col-4 {
  max-width: 33.33333%;
  width: 33.33333%; }

@media only screen and (min-width: 1025px) {
  [class*="l-row__col"].l-row__col-4-d {
    max-width: 33.33333%;
    width: 33.33333%; } }

.l-row__col-5 {
  max-width: 41.66667%;
  width: 41.66667%; }

@media only screen and (min-width: 1025px) {
  [class*="l-row__col"].l-row__col-5-d {
    max-width: 41.66667%;
    width: 41.66667%; } }

.l-row__col-6 {
  max-width: 50%;
  width: 50%; }

@media only screen and (min-width: 1025px) {
  [class*="l-row__col"].l-row__col-6-d {
    max-width: 50%;
    width: 50%; } }

.l-row__col-7 {
  max-width: 58.33333%;
  width: 58.33333%; }

@media only screen and (min-width: 1025px) {
  [class*="l-row__col"].l-row__col-7-d {
    max-width: 58.33333%;
    width: 58.33333%; } }

.l-row__col-8 {
  max-width: 66.66667%;
  width: 66.66667%; }

@media only screen and (min-width: 1025px) {
  [class*="l-row__col"].l-row__col-8-d {
    max-width: 66.66667%;
    width: 66.66667%; } }

.l-row__col-9 {
  max-width: 75%;
  width: 75%; }

@media only screen and (min-width: 1025px) {
  [class*="l-row__col"].l-row__col-9-d {
    max-width: 75%;
    width: 75%; } }

.l-row__col-10 {
  max-width: 83.33333%;
  width: 83.33333%; }

@media only screen and (min-width: 1025px) {
  [class*="l-row__col"].l-row__col-10-d {
    max-width: 83.33333%;
    width: 83.33333%; } }

.l-row__col-11 {
  max-width: 91.66667%;
  width: 91.66667%; }

@media only screen and (min-width: 1025px) {
  [class*="l-row__col"].l-row__col-11-d {
    max-width: 91.66667%;
    width: 91.66667%; } }

.l-row__col-12 {
  max-width: 100%;
  width: 100%; }

@media only screen and (min-width: 1025px) {
  [class*="l-row__col"].l-row__col-12-d {
    max-width: 100%;
    width: 100%; } }

.product-rails-spacing {
  padding: 0 1.25rem 1.25rem 1.25rem; }

.recommendation {
  padding: 12px;
  border-radius: 12px;
  margin: 1.25rem 0; }
  .empty-search-show .recommendation {
    margin-top: 0;
    padding: 0 20px; }

.popular-searches-title {
  margin-bottom: 1.875rem; }

.popular-searches-item {
  color: #3f3936;
  border-bottom: 0.0625rem solid #969696;
  color: #969696;
  display: inline-block;
  margin-bottom: 0.625rem; }
  @media (min-width: 1025px) {
    .popular-searches-item:hover, .popular-searches-item:active {
      border-bottom-color: transparent;
      color: #f99d1c; } }

.result-count .search-result-suggestion-phrase {
  margin-bottom: 1.5625rem;
  text-align: center; }
  .result-count .search-result-suggestion-phrase .link-secondary {
    font-weight: 700; }

.result-count .noresults-help {
  margin-bottom: 2.5rem;
  text-align: center; }

.search-results {
  margin-top: 0.625rem; }
  @media (min-width: 768px) {
    .search-results {
      margin-top: 1.25rem; } }
  .search-results-container .container-subcategories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: 1 auto 0;
    gap: 1rem;
    margin-top: 1rem; }
    @media (max-width: 1024.98px) {
      .search-results-container .container-subcategories {
        gap: 0.5rem;
        margin-top: 0.5rem; } }
    .search-results-container .container-subcategories-image {
      width: 50px;
      height: 50px;
      border-radius: 15em; }
      @media (max-width: 1024.98px) {
        .search-results-container .container-subcategories-image {
          width: 45px;
          height: 45px; } }
    .search-results-container .container-subcategories-container-element {
      min-width: 10rem;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      padding: 0.2rem;
      gap: 0.2rem;
      border-radius: 15em;
      border: 2px solid #efecf0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-transition: 0.2s;
      transition: 0.2s; }
      .search-results-container .container-subcategories-container-element:hover {
        border-color: #eba140; }
      @media (max-width: 1024.98px) {
        .search-results-container .container-subcategories-container-element {
          min-width: 6rem;
          padding: 0.1rem; } }
  .search-results-viewed {
    margin-bottom: 1.25rem;
    text-align: center; }
  .search-results-show-more {
    margin-bottom: 1.25rem;
    text-align: center; }
  .search-results-infinite-scroll {
    display: none; }
  .search-results .grid-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 0.625rem; }
    @media (max-width: 1024.98px) {
      .search-results .grid-header .result-count {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3; } }
  .search-results .grid-header-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
    @media (max-width: 1024.98px) {
      .search-results .grid-header-wrapper {
        background-color: #fff;
        z-index: 14;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .search-results .grid-header-wrapper.m-sticky {
          border-bottom: 0.0625rem solid #efecf0;
          -webkit-box-shadow: 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.1);
                  box-shadow: 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.1);
          right: 0;
          margin: 0;
          padding-bottom: 0;
          padding-top: 0.625rem;
          position: fixed;
          width: 100%;
          z-index: 28; }
          .search-results .grid-header-wrapper.m-sticky .grid-header {
            margin-bottom: 0; }
          .search-results .grid-header-wrapper.m-sticky .result-count {
            display: none; } }
  @media (min-width: 1025px) {
    .search-results .grid-header-spacer {
      display: none; } }

.search-result-top-info {
  display: inline-block; }
  @media (max-width: 1024.98px) {
    .search-result-top-info {
      margin-top: 0.3125rem; } }
  @media (max-width: 1024.98px) {
    .search-result-top-info.m-secondary {
      margin-top: 0.625rem; } }
  @media (max-width: 767.98px) {
    .search-result-top-info.m-secondary {
      margin-top: 1.125rem; } }

.search-result-category-name {
  display: inline-block;
  font-size: 0.8125rem;
  font-weight: normal;
  margin: 0; }

.no-results-subheader {
  margin-bottom: 1.875rem; }

.no-results-help {
  margin-bottom: 1.875rem; }

.no-results .search-result-count {
  display: none; }

.no-results-content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f2f3f9;
  border: 1px solid #dbe3e8;
  border-radius: 0.625rem;
  margin: 2.5rem 3.125rem;
  padding: 1.25rem; }
  @media (max-width: 1024.98px) {
    .no-results-content-container {
      margin: 1.25rem 0; } }

.no-results-text {
  font-size: 0.8125rem;
  font-weight: 600;
  text-align: center;
  color: #000;
  margin-bottom: 0.625rem; }

.no-results-subtext {
  font-size: 0.6875rem;
  text-align: center;
  color: #39444a;
  margin-bottom: 1.25rem; }

.no-results-button {
  width: 13.75rem;
  height: 2.5rem;
  border-radius: 0.9375rem;
  font-size: 0.6875rem;
  font-weight: 600;
  color: #fff; }

.no-results-image {
  width: 15.625rem;
  height: 15.625rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 1.25rem 0; }
  @media (max-width: 1024.98px) {
    .no-results-image {
      width: 9.375rem;
      height: 9.375rem; } }

.product-image-status {
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  text-align: center; }
  @media (min-width: 768px) {
    .product-image-status {
      text-align: right; } }

.main-image-wrapper {
  margin-bottom: 0.9375rem;
  position: relative; }

.main-image-item {
  background-color: #f9f9f9;
  border-radius: 10.43px;
  position: relative; }
  .main-image-item::before {
    font-family: iconsFont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle; }
  .main-image-item::before {
    content: "";
    position: absolute;
    right: 50%;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
    color: #ccc;
    font-size: 3rem; }
    @media (min-width: 768px) {
      .main-image-item::before {
        font-size: 4.125rem; } }
    @media (min-width: 1025px) {
      .main-image-item::before {
        font-size: 5.75rem; } }
  .main-image-item::after {
    content: '';
    display: block;
    padding-top: 100%; }
  .main-image-item img {
    height: 100%;
    right: 0;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    color: transparent; }
    .main-image-item img::before {
      background-color: #f9f9f9;
      content: '';
      height: 17px;
      right: 0;
      overflow: hidden;
      position: absolute;
      top: 0;
      width: 17px; }

.main-image-pager {
  margin-bottom: 0; }
  .main-image-pager-item {
    background-color: #f9f9f9;
    border-radius: 10.43px;
    position: relative; }
    .main-image-pager-item::before {
      font-family: iconsFont;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      vertical-align: middle; }
    .main-image-pager-item::before {
      content: "";
      position: absolute;
      right: 50%;
      top: 50%;
      -webkit-transform: translate(50%, -50%);
              transform: translate(50%, -50%);
      color: #ccc;
      font-size: calc(3.1vw - 0.625rem); }
      @media (min-width: 1440px) {
        .main-image-pager-item::before {
          font-size: 2.25rem; } }
    .main-image-pager-item::after {
      content: '';
      display: block;
      padding-top: 100%; }
    .main-image-pager-item img {
      height: 100%;
      right: 0;
      -o-object-fit: cover;
         object-fit: cover;
      position: absolute;
      top: 0;
      width: 100%;
      color: transparent; }
      .main-image-pager-item img::before {
        background-color: #f9f9f9;
        content: '';
        height: 17px;
        right: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 17px; }
  .main-image-pager .slick-arrow.m-prev {
    margin-bottom: 20%; }
    @media (min-width: 1025px) {
      .main-image-pager .slick-arrow.m-prev {
        margin-bottom: 14%; } }
  .main-image-pager .slick-list {
    padding-left: 0.0625rem; }
  .main-image-pager .slick-slide {
    border: 0.1875rem solid #fff;
    cursor: pointer;
    margin: 0.0625rem 0.0625rem 21% 0.0625rem; }
    @media (min-width: 1440px) {
      .main-image-pager .slick-slide {
        margin: 0.0625rem 0.0625rem 16% 0.0625rem; } }
    .main-image-pager .slick-slide.slick-current {
      -webkit-box-shadow: #eba140 0 1px 3px 0, #eba140 0 0 0 1px;
              box-shadow: #eba140 0 1px 3px 0, #eba140 0 0 0 1px; }
    #pdpZoomModal .main-image-pager .slick-slide {
      margin-bottom: 0.625rem; }
  .main-image-pager.m-secondary .slick-slide {
    margin-bottom: 1.25rem; }

.main-image-zoom-icon {
  display: none; }
  @media (min-width: 1025px) {
    .main-image-zoom-icon {
      background-color: #efecf0;
      bottom: 0;
      cursor: pointer;
      display: inline-block;
      font-size: 1.625rem;
      opacity: 0.8;
      padding: 0.75rem;
      position: absolute;
      left: 0;
      z-index: 2; } }

.main-image-zoom-image {
  right: 0;
  position: absolute;
  top: 0;
  z-index: 2; }
  .main-image-zoom-image.active {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
    height: 100%;
    width: 100%; }
  .main-image-zoom-image .main-image-zoom-icon {
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }
  .main-image-zoom-image img {
    opacity: 1 !important; }

.main-image-big {
  -webkit-transform-origin: center center 100%;
          transform-origin: center center 100%;
  -webkit-transition: 250ms ease-in;
  transition: 250ms ease-in;
  cursor: pointer; }
  .product-modal-content .main-image-big {
    cursor: -webkit-zoom-in;
    cursor: zoom-in; }

.product-tile-block {
  height: 100%; }

.product-grid {
  gap: 1.5rem 0; }

.product-wrapper .product-shipment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 7px;
  word-break: break-word;
  padding: 0.5rem 0;
  border: 2px solid #f7da5d;
  background-color: rgba(247, 218, 93, 0.1) !important; }
  @media (min-width: 1025px) {
    .product-wrapper .product-shipment {
      margin-top: 2rem; } }
  .product-wrapper .product-shipment-options {
    width: 100%;
    border-radius: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.4rem 1rem; }
    .product-wrapper .product-shipment-options-head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline; }
      .product-wrapper .product-shipment-options-head-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding-left: 0.625rem; }
        .product-wrapper .product-shipment-options-head-main-paragraph {
          margin-bottom: 0; }

.product-wrapper .product-icon-style {
  font-size: 1.05rem;
  margin-left: 0.4rem;
  color: #eba140; }

.product-brand_bk {
  margin-left: 0.625rem;
  font-size: 0.8125rem;
  font-weight: 400; }
  .product-brand_bk-link {
    color: #3f3936;
    border-bottom: 0.0625rem solid #eba140;
    font-size: 0.9375rem; }
    @media (min-width: 1025px) {
      .product-brand_bk-link:hover, .product-brand_bk-link:active {
        border-bottom-color: transparent;
        color: #f99d1c; } }

.product-brand {
  margin-bottom: 0; }
  .product-brand-link {
    font-size: 0.8125rem;
    font-weight: bold;
    text-decoration: underline;
    color: #4e004f; }
    .product-brand-link:hover {
      color: #4e004f;
      font-weight: bolder; }

.product-sku {
  color: #828282;
  margin-right: auto; }

.product-price {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
  .product-price .price {
    font-size: 1.375rem;
    margin-bottom: 0;
    position: relative; }
    @media (min-width: 1025px) {
      .product-price .price {
        font-size: 1.5rem; } }
    .product-price .price-formatted {
      font-size: 1rem;
      white-space: nowrap;
      font-weight: 400; }
      .m-sticky .product-price .price-formatted {
        font-size: 0.875rem; }
    .m-sticky .product-price .price {
      font-size: 1.1875rem; }
  @media (min-width: 1025px) {
    .product-price.m-secondary .price {
      font-size: 1.25rem; } }
  .product-price-wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.2rem; }
    @media (max-width: 1024.98px) {
      .product-price-wrapper {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }

.product-discount {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: auto; }
  @media (min-width: 1025px) {
    .product-discount {
      margin-right: 0.9375rem; } }

.product-countdown {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  margin-top: 0.5rem; }
  @media (min-width: 1025px) {
    .product-countdown {
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      margin: 0 auto 0 0;
      padding-right: 0.625rem;
      text-align: left; } }

.product-promo {
  color: #eba140; }

.product-promo_new {
  color: black;
  font-size: 14px; }
  @media (max-width: 1439.98px) {
    .product-promo_new {
      font-size: 10px; } }

.product-modal-content {
  max-width: 100vh;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  z-index: 2; }
  .product-modal-content .carousel.m-secondary {
    margin: 0;
    padding: 0; }
  .product-modal-content .main-image-pager .slick-slide {
    margin: 5px !important; }
  .product-modal-content .product-modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding: 15px 4px 10px 15px;
    border-bottom: 1px solid #dbe3e8; }
    .product-modal-content .product-modal-header__back {
      background: none;
      border: 0;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 0.25rem;
      min-width: 2rem;
      min-height: 2rem;
      position: relative;
      top: -1px; }
      .product-modal-content .product-modal-header__back .icon {
        color: #c2c2c2;
        font-size: 1.25rem; }
    .product-modal-content .product-modal-header__title {
      font-size: 14px;
      font-weight: 700; }
    .product-modal-content .product-modal-header__group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 0.5rem; }
  .product-modal-content .product-modal-status {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .product-modal-content .product-modal-status__counter {
      font-size: 0.875rem;
      font-weight: 700; }
  .product-modal-content .image-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 30px;
    padding: 0;
    margin: 0;
    padding-bottom: 10vh; }
    @media (max-width: 1024.98px) {
      .product-modal-content .image-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-top: 30px; } }

.product-color-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -0.25rem; }

.product-color-item {
  margin: 0.25rem; }

.product-color-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #efecf0 center/cover no-repeat content-box;
  border: none;
  border-radius: 50%;
  height: 1.875rem;
  margin: 0.375rem;
  padding: 0;
  position: relative;
  width: 1.875rem; }
  .product-color-btn:focus {
    -webkit-box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.5);
    outline: none; }
  .product-color-btn.selected::before {
    border: 0.0625rem solid #3f3936;
    border-radius: inherit;
    bottom: -0.375rem;
    content: "";
    right: -0.375rem;
    position: absolute;
    left: -0.375rem;
    top: -0.375rem;
    z-index: 1; }
  .product-color-btn.unselectable {
    background-image: none !important;
    cursor: default; }
    .product-color-btn.unselectable::before {
      border-color: #ccc; }
    .product-color-btn.unselectable::after {
      background-image: -webkit-gradient(linear, left bottom, right top, color-stop(48%, transparent), color-stop(#ccc), color-stop(52%, transparent));
      background-image: linear-gradient(to top right, transparent 48%, #ccc, transparent 52%);
      bottom: 0;
      content: "";
      right: 0;
      position: absolute;
      left: 0;
      top: 0; }

.product-quantity {
  margin-left: 0.3125rem;
  position: relative; }
  .product-quantity.sticky {
    margin: 0 2px;
    padding: 0 5px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    text-align: center; }
    .product-quantity.sticky label {
      font-weight: 700; }
  .product-quantity-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }

.product-cart-container {
  padding-top: 1rem; }
  @media (max-width: 768px) {
    .product-cart-container.is-sticky {
      position: fixed;
      bottom: 0;
      right: 0;
      left: 0;
      width: 100%;
      z-index: 50;
      text-align: center;
      padding: 0.75rem 1rem;
      background: #fff; } }
  .product-cart-container[data-sticky-only="true"] {
    padding-top: 1rem;
    margin: 0; }
    @media (max-width: 1024.98px) {
      .product-cart-container[data-sticky-only="true"] {
        padding: 0;
        min-height: 0; } }

.product-btn-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr; }
  .product-btn-grid-position {
    grid-row: 1;
    grid-column: 1; }

.product-add-to-cart {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .product-add-to-cart-btn {
    min-width: 0;
    padding-right: 0.3125rem;
    padding-left: 0.3125rem; }
    .product-add-to-cart-btn.new {
      background-color: #04061b;
      color: white; }
      .product-add-to-cart-btn.new:hover, .product-add-to-cart-btn.new:focus {
        background-color: black; }

.product-details-icons-container {
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
  text-align: center; }

.product-details-badge-container {
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.5rem; }
  @media (max-width: 767.98px) {
    .product-details-badge-container {
      top: auto;
      bottom: 19px;
      left: 15px; } }

.product-details-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px 12px;
  border-radius: 5px;
  font-size: 16px;
  cursor: default; }
  @media (max-width: 1439.98px) {
    .product-details-badge {
      font-size: 12px;
      padding: 4px 9px; } }
  .product-details-badge-muted {
    background: #d8daea; }
  .product-details-badge-accent {
    background: #5adbff; }

.product-back-to-anchor {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  border: none;
  display: none;
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.product-delivery-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.2rem 0.6rem;
  word-break: break-word;
  border: 2px dashed #28a745;
  color: #3dc13c;
  font-weight: 700;
  background-color: rgba(141, 199, 63, 0.1) !important; }

.product-delivery-label {
  color: #3dc13c;
  font-weight: 700; }

.product-sticky-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .product-sticky-buttons.sticky {
    -webkit-box-flex: unset;
        -ms-flex-positive: unset;
            flex-grow: unset; }

.product-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: 0.3rem;
  bottom: 0; }
  .product-actions .sticky-price {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: none; }
  .product-actions.display-none {
    display: none; }
  @media (max-width: 1024.98px) {
    .product-actions.m-sticky {
      background-color: #fff;
      -webkit-box-shadow: 0 -13px 10px -18px rgba(0, 0, 0, 0.45);
              box-shadow: 0 -13px 10px -18px rgba(0, 0, 0, 0.45);
      bottom: 0;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      right: 0;
      padding: 1rem 1rem;
      position: fixed;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      left: 0;
      z-index: 10; }
      .product-actions.m-sticky .sticky-price {
        display: block;
        margin-left: 0.4rem;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        text-align: end; }
      .product-actions.m-sticky .sticky-quantity {
        max-width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        outline: none;
        border: none;
        padding-bottom: 0;
        gap: 0.5rem;
        -webkit-box-shadow: none;
                box-shadow: none;
        overflow: auto; }
        .product-actions.m-sticky .sticky-quantity .quantity-label {
          width: 100%;
          position: absolute;
          top: 0.3125rem;
          font-weight: 700;
          z-index: -1; }
        .product-actions.m-sticky .sticky-quantity .quantity-button {
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          cursor: pointer;
          line-height: 1;
          text-align: center;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none;
          background: none;
          border: 1px solid #ccc;
          border-radius: 0.3125rem;
          padding: 0.75rem;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          .product-actions.m-sticky .sticky-quantity .quantity-button.selected {
            background-color: #eba140;
            font-weight: 700; }
      .product-actions.m-sticky .container-title {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .product-actions.m-sticky .container-title label {
          font-weight: 700; }
      .product-actions.m-sticky .icon-cross {
        font-size: 10px;
        text-align: end; }
      .product-actions.m-sticky .product .sticky-button {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        width: 100%;
        padding-left: 0.3125rem;
        padding-right: 0.3125rem; }
      .product-actions.m-sticky .product-quantity-label {
        display: none; }
      .product-actions.m-sticky .product-not-in-stock {
        display: none; }
      .product-actions.m-sticky .product-add-to-cart-btn {
        width: 100%;
        padding-right: 1.3125rem;
        padding-left: 1.3125rem; } }
  @media (max-width: 1024.98px) and (min-width: 768px) {
    .product-actions.m-sticky .product-add-to-cart {
      max-width: 100%; } }
  @media (max-width: 1024.98px) {
      .product-actions.m-sticky .product-add-to-cart-btn.disabled + .product-back-to-anchor {
        display: block; } }

.product-description {
  padding-bottom: 2.5rem; }
  .product-description-subtitle {
    font-weight: 700;
    letter-spacing: inherit; }

.product-description-title {
  font-size: 0.8125rem; }
  @media (min-width: 1025px) {
    .product-description-title {
      font-size: 0.875rem; } }

.product-store-body {
  margin-top: 1.5625rem; }
  @media (min-width: 1025px) {
    .product-store-body {
      margin-top: 2.5rem; } }

@media (max-width: 767.98px) {
  .product-floori-btn {
    margin-bottom: 0.625rem; } }

.product-stock {
  overflow: hidden;
  min-height: 1.25rem;
  max-height: 1.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 100%;
  will-change: transform;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .pdp-new-rotating-label .product-stock:not(:has(> div)) {
    display: none; }
  @media (max-width: 1024.98px) {
    .product-stock {
      min-height: 1.0625rem;
      max-height: 1.1875rem; } }
  .sticky-price .product-stock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    min-height: 0.9375rem;
    max-height: 1.0625rem; }
  .product-stock-message {
    font-weight: 400;
    min-height: 1.25rem;
    max-height: 1.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.1875rem; }
    .product-stock-message .icon::before {
      line-height: var(--line-height-base); }
    @media (max-width: 1024.98px) {
      .product-stock-message {
        min-height: 1.0625rem;
        max-height: 1.1875rem; } }
    .sticky-price .product-stock-message {
      min-height: 0.9375rem;
      max-height: 1.0625rem; }
    .product-stock-message-flash {
      color: #eba140;
      font-size: 0.8125rem; }
      @media (max-width: 767.98px) {
        .product-stock-message-flash {
          font-size: 0.5625rem; } }
    .product-stock-message-tag-started {
      color: #8dc73f;
      font-size: 0.8125rem; }
      @media (max-width: 767.98px) {
        .product-stock-message-tag-started {
          font-size: 0.5625rem; } }
    .product-stock-message-badges {
      color: #e94f54;
      font-size: 0.8125rem; }
      @media (max-width: 767.98px) {
        .product-stock-message-badges {
          font-size: 0.5625rem; } }
    @media (max-width: 767.98px) {
      .product-stock-message {
        font-size: 0.5625rem; } }

.product-detail-side {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--sticky-header-height, 0) + clamp(1rem, 20vw, 9rem));
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto; }
  @media (max-width: 1024.98px) {
    .product-detail-side {
      display: block;
      position: static; } }

.product-detail-buy-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0; }

.product-detail-grid {
  display: grid;
  grid-template-columns: repeat(11, 1fr); }
  @media (max-width: 1024.98px) {
    .product-detail-grid {
      display: block;
      padding-top: 0; } }
  .product-detail-grid-pdpbar {
    grid-column: 1/7;
    grid-row: 2/3; }
  .product-detail-grid-img-side {
    grid-column: 1/7;
    grid-row: 1/2; }
    @media (min-width: 1025px) {
      .product-detail-grid-img-side.new {
        position: -webkit-sticky;
        position: sticky;
        top: calc(var(--sticky-header-height, 0) + 1.25rem); } }
  .product-detail-grid-title-side {
    grid-column: 7/12;
    grid-row: 1/3; }
    @media (max-width: 1024.98px) {
      .product-detail-grid-title-side {
        margin-top: 0; } }
    @media (min-width: 1025px) {
      .product-detail-grid-title-side.new {
        position: -webkit-sticky;
        position: sticky;
        top: calc(var(--sticky-header-height, 0) + 1.25rem); }
        .product-detail-grid-title-side.new[style*="position: relative"], .product-detail-grid-title-side.new.position-relative {
          top: calc(var(--sticky-header-height, 0) + 1.25rem);
          position: -webkit-sticky !important;
          position: sticky !important; } }
    @media (max-width: 1024.98px) {
      .product-detail-grid-title-side.new {
        top: 0;
        margin-top: 0.625rem; } }

.product-overview {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (max-width: 1439.98px) {
    .product-overview {
      margin-top: 18px; } }
  @media (max-width: 1439.98px) {
    .product-overview h3 {
      font-size: 1.125rem;
      margin-bottom: 9px; } }
  @media (min-width: 1025px) {
    .product-overview h3 {
      font-size: 1.625rem; } }
  .product-overview .overview {
    font-size: 1.25rem;
    line-height: 24px;
    font-weight: 400; }
    @media (max-width: 1439.98px) {
      .product-overview .overview {
        line-height: 18px;
        font-size: 0.875rem; } }

.mobile-section-divider {
  display: none; }
  @media (max-width: 1439.98px) {
    .mobile-section-divider {
      display: block;
      height: 0.625rem;
      background-color: #f5f5f5;
      border-radius: 0;
      margin: 0 -38px;
      width: 100vw;
      -webkit-box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.04), inset 0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.04);
              box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.04), inset 0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.04); } }
  @media (max-width: 767.98px) {
    .mobile-section-divider {
      margin: 0 -10px; } }

.pdp-new-title {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 10px; }
  @media (max-width: 1439.98px) {
    .pdp-new-title {
      font-size: 14px;
      font-family: "Montserrat" !important; } }

.pdp-new-brand-link {
  font-size: 13px;
  font-weight: 700; }
  @media (max-width: 1439.98px) {
    .pdp-new-brand-link {
      font-weight: 600;
      font-size: 12px;
      font-family: "Montserrat" !important; } }

.product-detail .pdp-new-recommendation {
  padding: 0 !important; }
  .product-detail .pdp-new-recommendation .section-title {
    font-size: 36px;
    font-weight: 700; }
    @media (max-width: 1439.98px) {
      .product-detail .pdp-new-recommendation .section-title {
        font-weight: 600;
        font-size: 18px; } }
  .product-detail .pdp-new-recommendation .carousel-item {
    padding: 0;
    margin: 0 15px; }
    @media (max-width: 1439.98px) {
      .product-detail .pdp-new-recommendation .carousel-item {
        margin: 0 7px; } }
  .product-detail .pdp-new-recommendation .product {
    -webkit-box-shadow: 0 6.85px 17.12px 0 #d9d9d980;
            box-shadow: 0 6.85px 17.12px 0 #d9d9d980; }
  .product-detail .pdp-new-recommendation .product-tile-name {
    font-size: 22px; }
    @media (max-width: 1439.98px) {
      .product-detail .pdp-new-recommendation .product-tile-name {
        font-size: 10px; } }
  .product-detail .pdp-new-recommendation .price-sales-prices {
    font-size: 18px; }
    @media (max-width: 1439.98px) {
      .product-detail .pdp-new-recommendation .price-sales-prices {
        font-size: 12px; } }
  .product-detail .pdp-new-recommendation .product-badge-discount {
    font-size: 12px; }
    @media (max-width: 1439.98px) {
      .product-detail .pdp-new-recommendation .product-badge-discount {
        font-size: 8px; } }

.pdp-new-rotating-label {
  margin: 10px 0; }
  @media (max-width: 1439.98px) {
    .pdp-new-rotating-label {
      margin: 5px 0; } }

@media (max-width: 768px) {
  body.has-sticky-cart .footer-copyright,
  body.has-sticky-cart .product-detail {
    padding-bottom: 70px; }
  body.has-sticky-cart .back-to-top {
    margin-bottom: 60px; } }

.navigation-opened .product-actions.m-sticky {
  display: none; }

.product-set-info {
  background-color: #f9f9f9;
  margin-bottom: 1.5rem;
  padding: 1.25rem; }
  @media (min-width: 576px) and (max-width: 1024.98px) {
    .product-set-info {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

@media (min-width: 576px) and (max-width: 1024.98px) {
  .product-set-actions-wrapper {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    margin-right: 1.25rem;
    max-width: 20rem; } }

.product-set-name {
  font-size: 1.0625rem;
  font-weight: 700;
  letter-spacing: 0.01em; }

.product-set-image {
  margin-bottom: 1.875rem;
  position: relative; }
  .product-set-image-item {
    background-color: #f9f9f9;
    border-radius: 10.43px;
    position: relative; }
    .product-set-image-item::before {
      font-family: iconsFont;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      vertical-align: middle; }
    .product-set-image-item::before {
      content: "";
      position: absolute;
      right: 50%;
      top: 50%;
      -webkit-transform: translate(50%, -50%);
              transform: translate(50%, -50%);
      color: #ccc;
      font-size: 3rem; }
      @media (min-width: 768px) {
        .product-set-image-item::before {
          font-size: 4.125rem; } }
      @media (min-width: 1025px) {
        .product-set-image-item::before {
          font-size: 5.75rem; } }
    .product-set-image-item::after {
      content: '';
      display: block;
      padding-top: 100%; }
    .product-set-image-item img {
      height: 100%;
      right: 0;
      -o-object-fit: cover;
         object-fit: cover;
      position: absolute;
      top: 0;
      width: 100%;
      color: transparent; }
      .product-set-image-item img::before {
        background-color: #f9f9f9;
        content: '';
        height: 17px;
        right: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 17px; }
  @media (min-width: 1025px) {
    .product-set-image .carousel .carousel-control {
      background-color: transparent;
      border-color: transparent;
      height: 1.875rem;
      width: 1.875rem; }
      .product-set-image .carousel .carousel-control.m-prev {
        right: 0; }
      .product-set-image .carousel .carousel-control.m-next {
        left: 0; }
      .product-set-image .carousel .carousel-control-icon {
        color: #828282;
        font-size: 1rem; } }

@media (min-width: 1025px) {
  .product-set-item .product-brand-link {
    font-size: 0.8125rem; }
  .product-set-item .product-price-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .product-set-item .price {
    font-size: 1.25rem; }
  .product-set-item .product-countdown {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    margin-top: 0.5rem;
    padding-right: 0;
    text-align: right; }
  .product-set-item .product-quantity {
    margin-left: 0.625rem; }
  .product-set-item .product-add-to-cart {
    max-width: calc(100% - 7.5rem); }
  .product-set-item .product-add-to-wishlist {
    margin-right: 0.625rem; } }

.pdp-accordion-btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.pdp-accordion-btn-share {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: white;
  border: #939598;
  padding: 0;
  width: 2.6875rem;
  height: 2.6875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.2) 0 0 5px);
          filter: drop-shadow(rgba(0, 0, 0, 0.2) 0 0 5px);
  font-size: 1.5rem;
  text-align: center;
  user-select: none;
  line-height: 1.5; }
  .pdp-accordion-btn-share::after {
    font-family: iconsFont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle; }
  .pdp-accordion-btn-share::after {
    content: ""; }

.pdp-accordion-btn-share-new {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: white;
  border: #939598;
  padding: 0;
  width: 2.6875rem;
  height: 2.6875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  font-size: 1.5rem;
  text-align: center;
  user-select: none;
  line-height: 1.5;
  color: #4e004f; }
  .pdp-accordion-btn-share-new::after {
    font-family: iconsFont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle; }
  .pdp-accordion-btn-share-new::after {
    content: ""; }
  @media (max-width: 1024.98px) {
    .pdp-accordion-btn-share-new {
      font-size: 1rem;
      border: 1px solid #4e004f;
      width: 2rem;
      height: 2rem;
      margin-left: 7px; } }

.pdp-accordion-social-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.3rem 0.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  max-width: 2rem; }

.pdp-accordion-copy-message {
  position: absolute;
  bottom: 45%;
  text-align: center;
  padding: 0.3125rem;
  margin-left: 3.75rem;
  color: #fff;
  background-color: #eba140; }

.pdp-accordion-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 0.3rem;
  overflow: auto;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-shadow: 2px 4px 28px rgba(49, 57, 95, 0.12);
          box-shadow: 2px 4px 28px rgba(49, 57, 95, 0.12);
  border-radius: 12px;
  padding: 5px;
  width: 100%;
  margin: 0.625rem 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
  background-color: rgba(247, 218, 93, 0.1) !important; }

.pdp-accordion-button {
  background: transparent;
  border: none;
  color: #3f3936;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 15em;
  font-size: 0.8125rem;
  font-weight: 700;
  padding: 0.5rem 1.5625rem;
  text-transform: uppercase;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .pdp-accordion-button[aria-expanded="true"] {
    background-color: #eba140;
    color: white; }

.ma-profile-box-wrapper {
  border: 0.0625rem solid #ccc;
  margin-bottom: 1.875rem;
  padding: 1.5625rem 1.25rem;
  word-break: break-word; }
  @media (min-width: 768px) {
    .ma-profile-box-wrapper {
      padding: 1.875rem; } }
  .ma-profile-box-wrapper:last-child {
    margin-bottom: 0; }

.ma-profile-box {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.ma-profile-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.ma-profile-icon {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  font-size: 6.25rem;
  margin-left: 2.8125rem;
  width: 6.25rem; }

.ma-profile-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.625rem;
  margin-top: -0.625rem; }
  .ma-profile-header-title {
    font-size: 1.375rem;
    margin: 0; }
    @media (max-width: 767.98px) {
      .ma-profile-header-title {
        font-size: 1.0625rem; } }
    .ma-profile-header-title.m-secondary {
      font-size: 0.9375rem; }

.ma-profile-horizontal-divider {
  margin: 1.25rem 0; }

.ma-profile-spacer {
  margin-bottom: 0.625rem; }
  .ma-profile-spacer.m-email {
    margin-bottom: 0.75rem; }

.ma-profile-group {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.ma-profile-product-image {
  background-color: #f9f9f9;
  border-radius: 10.43px;
  position: relative;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  margin-left: 1.25rem;
  width: 6.25rem; }
  .ma-profile-product-image::before {
    font-family: iconsFont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle; }
  .ma-profile-product-image::before {
    content: "";
    position: absolute;
    right: 50%;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
    color: #ccc;
    font-size: 1.875rem; }
  .ma-profile-product-image::after {
    content: '';
    display: block;
    padding-top: 100%; }
  .ma-profile-product-image img {
    height: 100%;
    right: 0;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    color: transparent; }
    .ma-profile-product-image img::before {
      background-color: #f9f9f9;
      content: '';
      height: 17px;
      right: 0;
      overflow: hidden;
      position: absolute;
      top: 0;
      width: 17px; }

.ma-profile-product-right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  .ma-profile-product-right-name {
    font-size: 0.9375rem;
    margin: 0.1875rem 0 1.25rem 0.625rem; }

.ma-profile-wishlist-row-header {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.ma-profile-box-footer-value {
  font-size: 0.9375rem;
  font-weight: 700;
  margin: 0; }

.ma-wrapper {
  margin: 1.875rem 0; }
  @media (min-width: 768px) {
    .ma-wrapper {
      margin: 2.5rem 0; } }
  @media (min-width: 1025px) {
    .ma-wrapper {
      margin: 3.125rem 0; } }
  @media (min-width: 768px) {
    .ma-wrapper-content {
      margin-right: 0.9375rem; } }

@media (min-width: 768px) {
  .ma-form-wrapper {
    width: 28.75rem; } }

@media (min-width: 1025px) {
  .ma-form-wrapper {
    width: 27.5rem; } }

.order-history {
  border-top: 0.0625rem solid #efecf0;
  margin-top: 1.5625rem;
  padding-top: 1.5625rem; }
  .order-history-card {
    border-bottom: 0.0625rem solid #efecf0;
    margin-bottom: 1.5625rem;
    padding-bottom: 1.5625rem; }
    .order-history-card:last-child {
      margin-bottom: 0; }
  .order-history-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 0.625rem; }
    .order-history-header-title {
      font-size: 0.9375rem;
      margin: 0; }
      @media (max-width: 767.98px) {
        .order-history-header-title {
          font-size: 1.0625rem; } }

.ma-order-label {
  font-size: 1.375rem; }

.ma-order .line-item-total-price {
  text-align: left; }

.ma-order .card .line-item-total-price .price {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.ma-order .price-formatted {
  font-size: 0.8125rem;
  width: 100%; }

.ma-order .product-summary-block {
  margin-bottom: 1.875rem; }

.ma-order .product-line-item-totals.m-secondary {
  display: none; }

.ma-order .product-line-item-details {
  border-bottom: 0.0625rem solid #efecf0; }

.ma-order .item-image.m-small {
  margin-bottom: 1.25rem; }

.ma-return-products-list {
  margin: 0 0 1.25rem;
  padding-right: 0; }

.ma-return-products-list-item {
  display: inline-block;
  font-weight: 700; }

.ma-return-products-shipping-info {
  color: #828282;
  font-size: 0.6875rem;
  margin-right: 2.375rem; }

.ma-return-products-label {
  font-size: 1.375rem; }

.ma-return-products .line-item-total-price {
  text-align: left; }

.ma-return-products .card .line-item-total-price .price {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.ma-return-products .price-formatted {
  font-size: 0.8125rem;
  width: 100%; }

.ma-return-products .product-summary-block {
  margin-bottom: 1.875rem; }

.ma-return-products .product-line-item-totals.m-secondary {
  display: none; }

.ma-return-products .product-line-item-details {
  border-bottom: 0.0625rem solid #efecf0; }

.ma-return-products .item-image.m-small {
  margin-bottom: 1.25rem; }

.ma-address-book-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (max-width: 767.98px) {
    .ma-address-book-header {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-bottom: 1.5625rem; }
      .ma-address-book-header-add-new {
        width: 100%; } }

.ma-address-book-item {
  border: 0.0625rem solid #efecf0;
  margin-bottom: 1.875rem;
  padding: 1.5625rem 1.25rem; }
  .ma-address-book-item:last-child {
    margin-bottom: 0; }

.ma-address-book-default-label {
  background-color: #3f3936;
  border-radius: 1.25rem;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  margin-bottom: 1.5625rem;
  padding: 0.5rem 0.75rem; }

.ma-address-book-heading {
  font-size: 0.8125rem; }

.ma-address-book-box {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .ma-address-book-box-info {
    margin-bottom: 0.9375rem; }
  @media (min-width: 768px) {
    .ma-address-book-box {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      .ma-address-book-box-info {
        margin-bottom: 0;
        margin-left: 0.9375rem; } }

.ma-payments-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.ma-payments-image-info-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 575.98px) {
    .ma-payments-image-info-wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

@media (min-width: 576px) {
  .ma-payments-image-wrapper {
    padding: 0 1.5625rem; } }

@media (max-width: 575.98px) {
  .ma-payments-image-wrapper {
    margin-bottom: 0.625rem; } }

.ma-payments-image {
  margin-left: 1.25rem;
  width: 4.0625rem; }

.return-card-head {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f9f9f9;
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.25rem;
  padding: 0.625rem; }
  .return-card-head::before {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #eba140;
    border-radius: 50%;
    color: #fff;
    content: attr(data-count);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 0.9375rem;
    font-weight: 700;
    height: 2rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 0.9375rem;
    padding-top: 0.0625rem;
    width: 2rem; }
  @media (min-width: 768px) {
    .return-card-head {
      margin-bottom: 1.875rem;
      padding: 1.25rem; }
      .return-card-head::before {
        font-size: 1.1875rem;
        height: 2.375rem;
        margin-left: 1.25rem;
        width: 2.375rem; } }
  .return-card-head-title {
    color: #3f3936;
    font-size: 1.375rem;
    letter-spacing: -0.01em;
    font-weight: 700;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .return-card-head-title {
        font-size: 1.75rem; } }
  .return-card-head.m-disabled::before {
    background-color: #ccc; }
  .return-card-head.m-disabled .return-card-head-title {
    color: #ccc; }

.return-card-body {
  padding: 0 0.625rem 0.625rem; }
  @media (min-width: 768px) {
    .return-card-body {
      padding: 0 1.25rem 1.875rem; } }

.my-ratings {
  border-top: 0.0625rem solid #efecf0;
  margin-top: 1.5625rem;
  padding-top: 1.5625rem; }
  .my-ratings-card {
    border-bottom: 0.0625rem solid #efecf0;
    margin-bottom: 1.5625rem;
    padding-bottom: 1.5625rem; }
    .my-ratings-card:last-child {
      border-bottom: 0;
      margin-bottom: 0; }
    .my-ratings-card .item-image {
      height: 4rem;
      overflow: hidden;
      width: 4rem; }
      .my-ratings-card .item-image .product-tile-image-link .product-badge-lable,
      .my-ratings-card .item-image .product-tile-image-link .product-badge-discount,
      .my-ratings-card .item-image .add-to-wishlist-btn {
        display: none; }
    .my-ratings-card .review-item {
      background: #f9f9f9;
      margin-top: 1rem; }
    .my-ratings-card-header {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .my-ratings-card-header .reviewed-item-title {
        display: block;
        font-size: 1rem;
        font-weight: 600;
        margin-right: 1rem; }
      .my-ratings-card-header .review-status {
        color: #3f3936;
        display: block;
        font-size: 0.75rem;
        font-weight: 500;
        margin-right: 1rem; }

.error-wrapper {
  margin: 0 auto;
  max-width: 38.75rem;
  padding: 1.875rem 1.875rem;
  text-align: center; }

.error-logo {
  margin: 0 auto 7.5rem;
  width: 15.625rem; }

.error-title {
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: 1.5rem; }

.error-text {
  font-size: primary-font-size;
  margin: 0.625rem auto 0;
  max-width: 25rem; }

.error-btn {
  margin: 1.875rem auto 0;
  max-width: 20rem;
  width: 100%; }

.error-image {
  margin: 0 auto 0.625rem;
  width: 8.75rem; }

.error-line {
  margin: 2.1875rem auto;
  max-width: 27.5rem; }

.error-link-list {
  list-style: none;
  margin: 1.5625rem auto 0;
  max-width: 9.375rem;
  padding: 0;
  text-align: right; }

.error-link-item {
  line-height: 2.8125rem;
  white-space: nowrap; }

.error-link-icon {
  font-size: 1.25rem;
  margin-left: 0.625rem; }

@media (max-width: 1439.98px) {
  .error-logo {
    margin-bottom: 5rem; }
  .error-wrapper {
    padding-top: 3.75rem; } }

@media (max-width: 1024.98px) {
  .error-logo {
    margin-bottom: 3.75rem; }
  .error-wrapper {
    padding: 1.25rem 1.25rem; }
  .error-title {
    font-size: 1.25rem;
    line-height: 1.25; }
  .error-image {
    width: 7rem;
    margin: 0 auto 20px; }
  .error-line {
    margin: 1.5625rem auto; } }

.content-page {
  margin: 2.1875rem 0 4.375rem; }
  @media (min-width: 768px) {
    .content-page {
      margin: 2.5rem 0 5rem; } }
  @media (min-width: 1025px) {
    .content-page {
      margin: 3.75rem 0 7.5rem; } }
  .content-page-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media (min-width: 768px) {
      .content-page-content {
        margin-right: 1.25rem; } }
    @media (min-width: 1440px) {
      .content-page-content {
        margin-right: 0.9375rem; } }
  .content-page-title {
    width: 100%; }
    @media (min-width: 768px) {
      .content-page-title {
        margin-bottom: 1.5625rem; } }
    @media (min-width: 1025px) {
      .content-page-title {
        margin-bottom: 2.1875rem;
        padding-left: 22.1875rem; } }
  .content-page-subtitle {
    display: block;
    font-size: 1.0625rem;
    margin-bottom: 0.9375rem;
    margin-top: 0.625rem; }
  .content-page-image-wrapper {
    margin-bottom: 1.25rem;
    width: 100%; }
    @media (min-width: 768px) {
      .content-page-image-wrapper {
        margin-bottom: 1.875rem; } }
    @media (min-width: 1025px) {
      .content-page-image-wrapper {
        margin: -4.6875rem 0 0;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        width: 20rem; } }
  .content-page-image {
    width: 100%; }
  .content-page-body {
    width: 100%; }
    @media (min-width: 1025px) {
      .content-page-body {
        padding-left: 2.1875rem;
        width: calc(100% - 20rem); } }
    .content-page-body p {
      margin-bottom: 0;
      padding-bottom: 1.4375rem; }
    .content-page-body ol {
      padding-right: 1.875rem; }
    .content-page-body ul li {
      padding-bottom: 0.4375rem;
      padding-top: 0.4375rem; }
  .content-page-contacts {
    margin: 0 0 0.625rem;
    padding: 0; }
  .content-page-contacts-item {
    padding: 0.9375rem 2.1875rem 0.9375rem 0;
    position: relative; }
  .content-page-contacts-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    font-size: 1.25rem;
    right: 0; }
    .content-page-contacts-icon.icon-phone {
      font-size: 1.5rem; }
  .content-page-return-item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1.875rem; }
    @media (max-width: 767.98px) {
      .content-page-return-item {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center; } }
    .content-page-return-item:first-of-type {
      padding-top: 0.9375rem; }
    .content-page-return-item:last-of-type {
      padding-bottom: 0; }
  .content-page-return-image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-bottom: 1.25rem;
    width: 6.25rem; }
    @media (min-width: 768px) {
      .content-page-return-image {
        padding-bottom: 0;
        padding-left: 1.875rem;
        width: 8.125rem; } }

.consent-form-page {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.consent-form-title {
  text-align: center;
  margin-bottom: 1rem; }

.consent-form-description {
  font-size: 1.0625rem;
  margin-bottom: 1rem; }
  @media (max-width: 1439.98px) {
    .consent-form-description {
      font-size: 0.8125rem; } }

.consent-form-wrapper {
  margin: auto;
  width: 60%; }
  .consent-form-wrapper .consent-logo-link img {
    padding: 0 15vw; }
  .consent-form-wrapper-success {
    font-weight: 700;
    text-align: center;
    margin-top: 1rem;
    padding: 1rem; }
    .consent-form-wrapper-success-logo {
      text-align: center;
      margin-bottom: 1rem; }
  @media (max-width: 1439.98px) {
    .consent-form-wrapper {
      width: 80%; } }
  .consent-form-wrapper .consent-logo {
    text-align: center;
    width: 3.75rem;
    margin-bottom: 1rem; }
    @media (max-width: 1439.98px) {
      .consent-form-wrapper .consent-logo-wrapper {
        text-align: center; } }

.contact-us-form {
  width: 100%;
  margin-bottom: 1rem; }
  @media (min-width: 1025px) {
    .contact-us-form {
      width: 100%; } }

.contact-us-container {
  width: 100%;
  margin-top: 1rem; }
  @media (min-width: 1025px) {
    .contact-us-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 1rem;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }

.contact-us-content-container {
  width: 100%; }

.contact-us-image-wrapper {
  width: 100%;
  text-align: right; }
  @media (min-width: 1025px) {
    .contact-us-image-wrapper {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      height: 100%;
      text-align: center; } }

.contact-us-contacts {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
  @media (min-width: 1025px) {
    .contact-us-contacts {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: start;
      gap: 1rem; } }

.data-checkout-stage[data-checkout-stage] .card.payment-summary,
.data-checkout-stage[data-checkout-stage] .shipping-summary {
  display: none; }

.data-checkout-stage[data-checkout-stage] button.place-order {
  display: none; }

.data-checkout-stage[data-checkout-stage] button.submit-payment {
  display: none; }

.data-checkout-stage[data-checkout-stage] button.submit-shipping {
  display: none; }

.data-checkout-stage[data-checkout-stage="shipping"].multi-ship .order-product-summary {
  display: none; }

.data-checkout-stage[data-checkout-stage="shipping"] .card.payment-form {
  display: none; }

.data-checkout-stage[data-checkout-stage="shipping"] button.submit-shipping {
  display: block; }

.data-checkout-stage[data-checkout-stage="shipping"] [data-address-mode="customer"] .shipping-address-block {
  display: none; }

.data-checkout-stage[data-checkout-stage="shipping"] [data-address-mode="shipment"] .shipping-address-form {
  display: none; }

.data-checkout-stage[data-checkout-stage="shipping"] [data-address-mode="edit"] .shipping-address-block {
  display: none; }

.data-checkout-stage[data-checkout-stage="shipping"] [data-address-mode="new"] .btn-show-details,
.data-checkout-stage[data-checkout-stage="shipping"] [data-address-mode="new"] .btn-add-new {
  display: none; }

.data-checkout-stage[data-checkout-stage="payment"] .shipping-section,
.data-checkout-stage[data-checkout-stage="payment"] .checkout-ghost {
  display: none; }

.data-checkout-stage[data-checkout-stage="payment"] .card.payment-form,
.data-checkout-stage[data-checkout-stage="payment"] .shipping-summary {
  display: block; }

.data-checkout-stage[data-checkout-stage="payment"] button.submit-payment {
  display: block; }

.data-checkout-stage[data-checkout-stage="payment"] [data-address-mode="customer"] .billing-address {
  display: none; }

.data-checkout-stage[data-checkout-stage="payment"] [data-address-mode="shipment"] .billing-address {
  display: none; }

.data-checkout-stage[data-checkout-stage="payment"] [data-address-mode="edit"] .billing-address {
  display: block; }

.data-checkout-stage[data-checkout-stage="payment"] [data-address-mode="new"] .btn-show-details,
.data-checkout-stage[data-checkout-stage="payment"] [data-address-mode="new"] .btn-add-new {
  display: none; }

.data-checkout-stage[data-checkout-stage="payment"] [data-address-mode="details"] .btn-show-details,
.data-checkout-stage[data-checkout-stage="payment"] [data-address-mode="details"] .btn-add-new {
  display: none; }

.data-checkout-stage[data-checkout-stage="placeOrder"] .shipping-section,
.data-checkout-stage[data-checkout-stage="placeOrder"] .card.payment-form,
.data-checkout-stage[data-checkout-stage="placeOrder"] .checkout-ghost {
  display: none; }

.data-checkout-stage[data-checkout-stage="placeOrder"] .card.payment-summary,
.data-checkout-stage[data-checkout-stage="placeOrder"] .shipping-summary {
  display: block; }

.data-checkout-stage[data-checkout-stage="placeOrder"] button.place-order {
  display: block; }

.data-checkout-stage[data-checkout-stage="submitted"] .shipping-form,
.data-checkout-stage[data-checkout-stage="submitted"] .card.payment-form,
.data-checkout-stage[data-checkout-stage="submitted"] .checkout-ghost {
  display: none; }

.data-checkout-stage[data-checkout-stage="submitted"] .summary-section-label.shipping-addr-label {
  display: none; }

.data-checkout-stage[data-checkout-stage="submitted"] .card.payment-summary,
.data-checkout-stage[data-checkout-stage="submitted"] .shipping-summary {
  display: block; }

.data-checkout-stage[data-checkout-stage="submitted"] button.place-order {
  display: none; }

.data-checkout-stage option[value="new"] {
  display: none; }

[data-customer-type="guest"] .single-shipping .shipment-selector-block {
  display: none; }

.single-shipping .multi-ship-action-buttons {
  display: none; }

.single-shipping .view-address-block {
  display: none; }

.checkout-hidden {
  display: none; }

.multi-shipping {
  display: none; }

.multi-ship .single-shipping .shipping-content {
  display: none; }

.multi-ship .shipping-summary .single-shipping {
  display: none; }

.multi-ship .multi-shipping {
  display: block; }

.multi-ship .confirm-details .single-shipping {
  display: none; }

.checkout-main {
  padding-bottom: 3.125rem; }
  @media (min-width: 1025px) {
    .checkout-main {
      padding-bottom: 6.25rem; } }
  .checkout-main .btn:disabled {
    background-color: #ccc;
    -webkit-box-shadow: inset 0 0 0 0.125rem #ccc;
            box-shadow: inset 0 0 0 0.125rem #ccc;
    cursor: default; }

.checkout-list-item {
  border-bottom: 0.625rem solid transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (min-width: 768px) {
    .checkout-list-item {
      border-bottom: 0.9375rem solid transparent; } }
  .checkout-list-item-info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 2.5rem; }
    .checkout-list-item-info img {
      height: 40px;
      padding-left: 15px; }
    .checkout-list-item-info .b-paymentmethod__icon-tamara {
      min-width: 70px;
      max-width: 70px;
      height: auto; }
    .checkout-list-item-info .b-paymentmethod__icon-apple-pay {
      width: 58px; }
    .checkout-list-item-info .b-paymentmethod__icon-tabby {
      height: unset;
      width: 65px; }
  .checkout-list-item .custom-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .checkout-list-item .custom-control .payment-method-option {
      margin-bottom: 0; }

.checkout-list-text {
  word-break: break-word; }

.checkout-list-cta {
  padding-right: 1.25rem; }

.checkout-list .tamara-payment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .checkout-list .tamara-payment .checkout-list-item-info {
    bottom: 12px;
    right: 5px; }

.checkout-list .apple-pay-payment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .checkout-list .apple-pay-payment .checkout-list-item-info {
    bottom: 12px; }

@media (max-width: 1024.98px) {
  .checkout-next.m-sticky {
    background-color: #fff;
    bottom: 0;
    right: 0;
    padding: 0.625rem 2.125rem;
    position: fixed;
    left: 0;
    z-index: 3; } }

@media (max-width: 767.98px) {
  .checkout-next {
    padding: 0.625rem 0.625rem; } }

.checkout-shipping .shipping-addr-label,
.checkout-shipping .shipping-method-label {
  font-size: 1.375rem; }
  @media (max-width: 767.98px) {
    .checkout-shipping .shipping-addr-label,
    .checkout-shipping .shipping-method-label {
      font-size: 1.0625rem; } }

[data-checkout-stage="payment"] .apple-pay-selected {
  display: block; }

[data-checkout-stage="shipping"] .apple-pay-not-selected,
[data-checkout-stage="shipping"] .apple-pay-selected {
  display: none; }

.btn-tooltip-security {
  margin-bottom: 7px;
  padding-top: 0.1875rem;
  position: relative; }
  .btn-tooltip-security .tooltip-security {
    min-width: 28rem;
    position: absolute;
    right: 1rem;
    top: 0; }
    @media (max-width: 767.98px) {
      .btn-tooltip-security .tooltip-security {
        min-width: 18rem; } }
  @media (max-width: 1024.98px) {
    .btn-tooltip-security {
      margin-bottom: 0.6875rem; } }

.btn-tooltip-phone {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  border: none; }

.checkout-shipment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  list-style: none;
  gap: 1rem;
  padding: unset; }
  @media (min-width: 768px) {
    .checkout-shipment {
      gap: 2rem; } }
  .checkout-shipment-method {
    width: 100%; }
    .checkout-shipment-method-active {
      cursor: pointer; }
    .checkout-shipment-method-passive {
      pointer-events: none; }
    .checkout-shipment-method .method-not-applicable {
      color: #e94f54;
      width: 100%;
      font-weight: 400; }
    .checkout-shipment-method .method-applicable {
      width: 100%;
      font-weight: 400; }
  .checkout-shipment .disabled {
    opacity: 0.5;
    cursor: not-allowed; }

.checkout-footer {
  background-color: #f9f9f9;
  padding: 0.9375rem 0; }
  .checkout-footer-group {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .checkout-footer-links {
    margin: 0;
    padding: 0;
    text-align: center; }
    @media (min-width: 768px) and (max-width: 1024.98px) {
      .checkout-footer-links {
        text-align: right; } }
  .checkout-footer-links-item {
    display: inline-block;
    margin: 0.625rem 0.9375rem; }
    .checkout-footer-links-item a {
      border: 0 !important; }
    @media (min-width: 768px) and (max-width: 1024.98px) {
      .checkout-footer-links-item:first-child {
        margin: 0; } }
  @media (max-width: 1024.98px) {
    .checkout-footer-copy {
      border-top: 0.0625rem solid #efecf0;
      margin-top: 1.5625rem;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      padding: 1.875rem 0 0.9375rem;
      text-align: center; } }
  @media (max-width: 767.98px) {
    .checkout-footer .payment-icons {
      margin: 1.25rem auto 0;
      max-width: 21.25rem; } }

.checkout-login {
  margin-bottom: 3.125rem; }
  .checkout-login-title {
    font-size: 1.875rem;
    font-weight: 700;
    margin: 2.1875rem 0;
    text-align: center; }
    @media (min-width: 1025px) {
      .checkout-login-title {
        font-size: 2.5rem;
        margin: 3.125rem 0 3.4375rem; } }
  @media (max-width: 767.98px) {
    .checkout-login-left-bar {
      border-bottom: 0.0625rem solid #efecf0;
      margin-bottom: 2.5rem;
      padding-bottom: 2.5rem; } }
  .checkout-login-description {
    color: #3f3936;
    margin-bottom: 1.5625rem;
    text-align: center; }

.checkout-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 0.0625rem solid #efecf0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.25rem;
  padding-top: 1.25rem; }
  @media (min-width: 768px) {
    .checkout-header {
      padding-bottom: 1.5625rem;
      padding-top: 1.5625rem; } }
  .checkout-header-left-box {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (min-width: 576px) {
      .checkout-header-left-box {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
  .checkout-header-secure {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 0.3125rem;
    margin-top: 0.125rem; }
    @media (min-width: 576px) {
      .checkout-header-secure {
        margin-bottom: 0.5rem;
        margin-left: 0.625rem; } }
  @media (max-width: 767.98px) {
    .checkout-header-secure-text {
      font-size: 0.75rem; } }

.checkout-card-head {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f9f9f9;
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.25rem;
  padding: 0.625rem; }
  .checkout-card-head::before {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #eba140;
    border-radius: 50%;
    color: #fff;
    content: attr(data-count);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 0.9375rem;
    font-weight: 700;
    height: 2rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 0.9375rem;
    padding-top: 0.0625rem;
    width: 2rem; }
  @media (min-width: 768px) {
    .checkout-card-head {
      margin-bottom: 1.875rem;
      padding: 1.25rem; }
      .checkout-card-head::before {
        font-size: 1.1875rem;
        height: 2.375rem;
        margin-left: 1.25rem;
        width: 2.375rem; } }
  .checkout-card-head-title {
    color: #3f3936;
    font-size: 1.375rem;
    letter-spacing: -0.01em;
    font-weight: 700;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .checkout-card-head-title {
        font-size: 1.75rem; } }
  .checkout-card-head.m-disabled::before {
    background-color: #ccc; }
  .checkout-card-head.m-disabled .checkout-card-head-title {
    color: #ccc; }

.checkout-card-body {
  padding: 0 0.625rem 0.625rem; }
  @media (min-width: 768px) {
    .checkout-card-body {
      padding: 0 1.25rem 1.875rem; } }

.checkout-method-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.625rem; }
  @media (min-width: 768px) {
    .checkout-method-item {
      margin-bottom: 0.9375rem; } }

.checkout-method-name .arrival-time {
  display: inline-block; }

.checkout-method-price {
  line-height: 1.25rem;
  text-align: left; }
  @media (max-width: 575.98px) {
    .checkout-method-price {
      margin-right: auto; } }
  .checkout-method-price-standard {
    font-weight: 700;
    margin-right: 0.9375rem;
    white-space: nowrap; }
  .checkout-method-price-sale {
    color: #828282;
    margin-right: 0.9375rem;
    white-space: nowrap; }
    @media (max-width: 575.98px) {
      .checkout-method-price-sale {
        display: block; } }

@media (min-width: 768px) {
  .checkout-saved-payment-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: -0.3125rem;
    margin-left: -0.3125rem; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .checkout-saved-payment-list {
      margin-right: -0.625rem;
      margin-left: -0.625rem; } }
  @media (min-width: 768px) and (min-width: 1025px) {
    .checkout-saved-payment-list {
      margin-right: -0.9375rem;
      margin-left: -0.9375rem; } }

.checkout-saved-payment-item {
  margin-bottom: 1.25rem; }
  @media (min-width: 768px) {
    .checkout-saved-payment-item {
      position: relative;
      width: 100%;
      padding-right: 0.3125rem;
      padding-left: 0.3125rem;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%;
      margin-bottom: 1.875rem; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .checkout-saved-payment-item {
      padding-right: 0.625rem;
      padding-left: 0.625rem; } }
  @media (min-width: 768px) and (min-width: 1025px) {
    .checkout-saved-payment-item {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  @media (min-width: 1025px) and (max-width: 1439.98px) {
    .checkout-saved-payment-item {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 21.875rem;
              flex: 1 0 21.875rem;
      max-width: 35rem; } }
  .checkout-saved-payment-item .saved-credit-card-info {
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
    line-height: 1.6;
    padding: 0 2.5rem 0 0.625rem;
    position: relative; }
  .checkout-saved-payment-item .saved-security-code {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    margin-bottom: 0; }
  .checkout-saved-payment-item .saved-payment-security-code {
    margin-bottom: 0.5rem; }

.checkout-saved-payment-button {
  right: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%); }

.checkout-saved-payment-inner {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: #f9f9f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 1.25rem; }
  @media (min-width: 1025px) and (max-width: 1439.98px) {
    .checkout-saved-payment-inner {
      padding: 0.9375rem; } }

.otp-error {
  margin-top: 1rem; }

.otp .modal-dialog {
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100%;
  min-width: 100vw; }
  @media (min-width: 576px) {
    .otp .modal-dialog {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      min-height: calc(100% - 3.5rem);
      min-width: auto;
      position: relative; } }

.otp .modal-header {
  padding-top: 10px; }

.otp .modal-body {
  padding-top: 12px; }
  .otp .modal-body .modal-timer-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 700;
    margin-bottom: 0.3125rem;
    gap: 0.5rem; }
  .otp .modal-body .otp__timer {
    font-weight: 700;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content; }
    .otp .modal-body .otp__timer-text {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin: auto; }
  .otp .modal-body .otp__links-wrapper {
    text-align: end;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }

.otp .modal-body__paragraph {
  margin-bottom: 12px; }
  .otp .modal-body__paragraph .icon-alert {
    color: #62a1d7; }

.otp .alert {
  margin-bottom: 0; }

.otp .iti__country-list {
  width: calc(100% + 46px); }

.otp .modal-close-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 10px;
  position: absolute;
  left: 1.25rem; }

.otp-resend-success {
  background: #00b388;
  color: #fff;
  margin-top: 15px; }

.otp-field {
  margin-bottom: 5px; }

.otp__link {
  color: #fd7e14;
  line-height: 1; }
  .otp__link-disabled {
    color: #ccc;
    pointer-events: none; }
  .otp__link:hover {
    color: #fd7e14;
    text-decoration: none; }

.otp__phone {
  font-weight: bold; }

.otp-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2.5rem;
  margin: 20px 0; }
  .otp-numbers input {
    border: unset;
    border-radius: unset;
    border-bottom: 1px solid #ced4da;
    font-weight: 400;
    letter-spacing: 1px;
    max-width: 60px;
    padding: 0.5rem;
    height: 46px;
    font-size: 24px;
    text-align: center;
    background-color: #fff;
    display: inline-block;
    /* Hide number input spinners */ }
    .otp-numbers input::-webkit-outer-spin-button, .otp-numbers input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .otp-numbers input[type=number] {
      -moz-appearance: textfield;
      /* Firefox */ }
    .otp-numbers input::-webkit-input-placeholder {
      font-weight: 0.8125rem;
      letter-spacing: 0; }
    .otp-numbers input::-moz-placeholder {
      font-weight: 0.8125rem;
      letter-spacing: 0; }
    .otp-numbers input:-ms-input-placeholder {
      font-weight: 0.8125rem;
      letter-spacing: 0; }
    .otp-numbers input::-ms-input-placeholder {
      font-weight: 0.8125rem;
      letter-spacing: 0; }
    .otp-numbers input::placeholder {
      font-weight: 0.8125rem;
      letter-spacing: 0; }

.receipt {
  position: relative; }
  .receipt-wrapper {
    padding: 3.125rem 0 6.25rem; }
    @media (max-width: 1439.98px) {
      .receipt-wrapper {
        padding: 3.125rem 0; } }
    .receipt-wrapper .product-line-item-details {
      margin-bottom: 0.625rem; }
  .receipt-info {
    margin-bottom: 0.9375rem;
    padding: 0 1.25rem; }
  .receipt-email-msg {
    margin-bottom: 3.125rem; }
  .receipt-continue-btn {
    margin-bottom: 1.875rem; }
  .receipt .order-product-summary {
    padding-top: 1.5625rem; }
  .receipt .summary-section-label {
    margin-bottom: 1.5625rem; }
  .receipt .price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 0.9375rem; }
    .order-details-summary-ctnr .receipt .price {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
  .receipt .price-sales {
    margin: 0 0 0 0.625rem; }
  .receipt .price-formatted {
    font-size: 0.8125rem;
    margin: 0 0 0 0.625rem; }

.taxable-invoice {
  position: relative; }
  .taxable-invoice-wrapper {
    padding: 3.125rem 0 6.25rem; }
  .taxable-invoice-header {
    margin-bottom: 3.125rem; }
  .taxable-invoice-ordered-products {
    padding-top: 1.5625rem; }
  .taxable-invoice-product-name {
    color: #828282;
    font-size: 0.9375rem;
    margin-bottom: 1.5625rem; }
  .taxable-invoice-attribute-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.9375rem;
    text-align: right; }
  .taxable-invoice-attribute-name {
    padding-left: 0.9375rem;
    width: 47%; }
    @media (min-width: 576px) {
      .taxable-invoice-attribute-name {
        min-width: 11.25rem;
        padding-left: 0.9375rem;
        width: auto; } }
  @media (max-width: 767.98px) {
    .taxable-invoice-attribute-list.m-secondary .taxable-invoice-attribute-item {
      display: block; } }
  .taxable-invoice-attribute-list.m-secondary .taxable-invoice-attribute-name {
    min-width: 16.25rem; }

.print-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  color: #3f3936;
  border-bottom: 0.0625rem solid #969696;
  color: #969696;
  position: absolute;
  left: 0.9375rem;
  top: 1.25rem; }
  @media (min-width: 1025px) {
    .print-btn:hover, .print-btn:active {
      border-bottom-color: transparent;
      color: #f99d1c; } }
  .print-btn::before {
    font-family: iconsFont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle; }
  .print-btn::before {
    content: "";
    font-size: 1.625rem;
    right: -2.125rem;
    line-height: 1;
    padding-left: 0.625rem;
    position: absolute;
    top: -0.3125rem; }
  @media (max-width: 1024.98px) {
    .print-btn {
      display: none; } }

@media print and (color) {
  @page {
    -webkit-box-shadow: 0;
            box-shadow: 0;
    size: a3; }
  * {
    -webkit-print-color-adjust: exact; }
  .header-banner {
    display: none; }
  .header-utility-wrapper {
    padding: 0; }
  .header-main .header-logo {
    margin: 0 auto;
    width: 7.5rem; }
  .header-utility {
    display: none; }
  .order-totals-confirmation-box {
    margin-top: -1.875rem;
    padding: 0.9375rem 0 0.3125rem; }
  .order-totals-receipt {
    margin-bottom: 0.3125rem;
    padding-bottom: 0.3125rem; }
  .order-total-summary {
    background: none;
    padding: 0.9375rem 0; }
  .receipt-info {
    margin-bottom: 0.3125rem;
    padding: 0; }
  .receipt-wrapper {
    padding: 0.625rem 0; }
  .receipt .order-product-summary {
    margin-top: -1.875rem;
    padding-top: 0; }
  .consent-tracking {
    visibility: hidden; }
  .search-mobile,
  .header-slots,
  .no-print,
  .subscribe,
  .footer-content {
    display: none; }
  .taxable-invoice-wrapper {
    padding: 1.875rem 0 0; }
  .card .product-line-item {
    margin-bottom: 0.9375rem;
    padding-bottom: 0; }
    .card .product-line-item:last-child {
      margin-bottom: 0; }
  .card .line-item-name {
    margin-bottom: 0.625rem; }
  .card .order-product-summary {
    padding-top: 0.625rem; } }

.browser-upgrade {
  display: none; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page {
    display: none !important; }
  .browser-upgrade {
    background: #fff;
    display: block !important;
    height: 100%;
    right: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000; }
    .browser-upgrade-content {
      right: 50%;
      max-width: 32.5rem;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(50%, -50%);
              transform: translate(50%, -50%); }
    .browser-upgrade-header {
      color: #3f3936;
      font-size: 2rem;
      margin-bottom: 0.9375rem; }
    .browser-upgrade-text {
      color: #828282;
      font-size: 1.25rem;
      margin-bottom: 1.875rem; }
    .browser-upgrade-image-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .browser-upgrade-link {
      background-size: contain;
      display: block;
      height: 5rem;
      width: 5rem; }
      .browser-upgrade-link.m-chrome {
        background-image: url("../images/browser-upgrade/chrome.svg"); }
      .browser-upgrade-link.m-firefox {
        background-image: url("../images/browser-upgrade/firefox.svg"); }
      .browser-upgrade-link.m-safari {
        background-image: url("../images/browser-upgrade/safari.svg"); }
      .browser-upgrade-link.m-edge {
        background-image: url("../images/browser-upgrade/edge.svg"); } }

.b-accordion--styleguide .b-square-block {
  display: inline-block;
  height: 20px;
  margin: 5px 10px;
  vertical-align: middle;
  width: 20px; }

.b-accordion--styleguide table td {
  padding: 5px 0; }

.b-accordion--styleguide .b-table {
  text-align: center;
  vertical-align: middle;
  width: 100%; }
  .b-accordion--styleguide .b-table tr td {
    background-color: #eee;
    border: 4px solid #fff; }
  .b-accordion--styleguide .b-table tr:not(:first-of-type) td:first-child {
    font-family: Arial, sans-serif; }

.b-accordion--styleguide .b-block {
  background-color: #eee;
  margin-bottom: 8px;
  padding: 8px; }

.b-accordion--styleguide > .b-accordion__item {
  overflow: hidden; }
  .b-accordion--styleguide > .b-accordion__item > .b-accordion__header {
    padding: 20px;
    width: 100%; }
  .b-accordion--styleguide > .b-accordion__item > .b-accordion__content {
    padding: 20px; }
  .b-accordion--styleguide > .b-accordion__item .b-carousel__slide {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .b-accordion--styleguide > .b-accordion__item .b-carousel__slide::after {
      clear: both;
      content: "";
      display: table; }
    .b-accordion--styleguide > .b-accordion__item .b-carousel__slide::before {
      content: "";
      float: right;
      padding-bottom: 28.57143%; }
  .b-accordion--styleguide > .b-accordion__item .l-grid .b-block {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center; }
    .b-accordion--styleguide > .b-accordion__item .l-grid .b-block::after {
      clear: both;
      content: "";
      display: table; }
    .b-accordion--styleguide > .b-accordion__item .l-grid .b-block::before {
      content: "";
      float: right;
      padding-bottom: 50%; }
  .b-accordion--styleguide > .b-accordion__item .b-class-block {
    border: 1px solid #ccc;
    margin: 5px 0;
    text-align: center; }
  .b-accordion--styleguide > .b-accordion__item .b-helper-block-title {
    font-weight: bold;
    margin: 15px 0 5px; }
  .b-accordion--styleguide > .b-accordion__item .b-helper-block {
    font-style: italic;
    margin: 5px 0; }
  .b-accordion--styleguide > .b-accordion__item .b-modal .b-field {
    margin-bottom: 10px;
    padding-left: 16px; }
  .b-accordion--styleguide > .b-accordion__item .b-modal .b-btn {
    margin: 24px 0 10px; }

.b-accordion--styleguide .b-accordion__item {
  border-bottom: 1px solid #ddd; }
  .b-accordion--styleguide .b-accordion__item:first-of-type {
    border-top: 1px solid #ddd; }
  .b-accordion--styleguide .b-accordion__item h2 {
    color: #000; }

.b-styleguide__item-title {
  border-bottom: 1px solid #000;
  color: #000;
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 30px;
  padding-bottom: 5px;
  text-transform: uppercase; }
  .b-styleguide__item-title a {
    color: blue;
    text-transform: none; }

.b-styleguide__item-subtitle {
  color: #000;
  font-size: 26px;
  font-weight: bold;
  margin: 20px 0 15px; }

.b-code {
  background: #eee;
  color: #000;
  font-family: Courier, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  margin: 30px 0;
  padding: 0 20px 15px; }
  @media only screen and (max-width: 1024px) {
    .b-code {
      display: none; } }

.b-styleguide {
  margin-top: 32px; }
  .b-styleguide .b-page-heading__title {
    font-size: 0.8125rem; }

.tamara-logo {
  height: 20px;
  max-width: 77px; }
  .tamara-logo svg {
    height: 24px !important; }

.tamara-product-widget, .tamara-payment-plan-widget, .tamara-summary-widget__container {
  font-family: inherit;
  color: inherit; }

.tamara-product-widget {
  border: 1px solid #d6d6d3; }
  .cart-tamara .tamara-product-widget {
    font-size: 0.8125rem;
    padding: 0 15px; }

.tamara-custom-component {
  cursor: pointer;
  font-family: inherit;
  font-size: 14px;
  color: #3f3936;
  line-height: 21px;
  -webkit-font-smoothing: auto; }

.tamara-container {
  border: 1px solid #efecf0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 16px;
  position: relative;
  border-radius: 12px; }
  .tamara-container:hover {
    background-color: #f2f2f2;
    cursor: pointer;
    -webkit-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear; }
  .cart-tamara .tamara-container {
    padding: 12px 16px;
    gap: 8px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }

.tamara-logo-wrapper {
  position: absolute;
  top: -10px; }
  .cart-tamara .tamara-logo-wrapper {
    position: static;
    margin-right: auto; }

.tamara-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.tamara-message {
  font-weight: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }
  .tamara-message-header {
    font-weight: bold;
    font-size: 15px; }

.tamara-badge {
  position: absolute;
  top: -10px;
  right: 10px;
  background-color: #ffb954;
  color: white;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: bold;
  width: 70px;
  text-align: center; }

.tamara-checkout-overlay {
  position: relative; }
  .tamara-checkout-overlay-text {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 12px 16px 12px 100px;
    pointer-events: none;
    z-index: 10; }
    .tamara-checkout-overlay-text span {
      font-size: 14px;
      color: #333;
      font-weight: normal; }

.pdp-tamara {
  padding: 0; }

.b-tamara__bag {
  padding: 16px 0; }
  .b-tamara__bag-content {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 16px 20px; }
    .b-tamara__bag-content-text {
      font-size: 0.8125rem;
      font-weight: 400;
      padding-right: 16px; }
      .b-tamara__bag-content-text__header {
        font-size: 0.9375rem;
        font-weight: 700; }
    .b-tamara__bag-content-icon img {
      height: 20px;
      max-width: 77px; }
    .b-tamara__bag-content-price, .b-tamara__bag-content-country {
      font-weight: 600; }

.b-tamara-checkout {
  margin-bottom: 2.5rem;
  padding-right: 4.25rem; }
  .b-tamara-checkout__legal {
    font-size: 0.875rem; }
  .b-tamara-checkout__fee {
    font-size: 0.8125rem;
    margin-top: 8px !important; }

.checkout-card-body-tamara-enable {
  padding: 0 1.875rem; }

.cart-tamara .tamara-logo {
  height: 1.4rem !important; }

.payment-option-tamara {
  position: relative; }
  .payment-option-tamara-info {
    font-family: "Helvetica Neue", sans-serif;
    font-size: 0.875rem;
    padding: 0 32px;
    -webkit-font-smoothing: antialiased; }
    @media only screen and (max-width: 460px) {
      .payment-option-tamara-info {
        font-size: 0.75rem;
        padding: 0 16px; } }

.payment-option-TAMARA_3_INSTALMENTS, .payment-option-TAMARA_6_INSTALMENTS {
  margin-bottom: 30px; }

.h-site-width {
  padding-right: 1em;
  padding-left: 1em; }
  @media only screen and (min-width: 1025px) {
    .h-site-width {
      margin-right: 4.6875em;
      margin-left: 4.6875em;
      padding-right: 0;
      padding-left: 0; } }

.h-border--top {
  border-top: 1px solid #BABABA; }
  @media only screen and (max-width: 1024px) {
    .h-border--top__m {
      border-top: 1px solid #BABABA !important; } }
  @media only screen and (min-width: 1025px) {
    .h-border--top__d {
      border-top: 1px solid #BABABA !important; } }

.h-border--bottom {
  border-bottom: 1px solid #BABABA; }
  @media only screen and (max-width: 1024px) {
    .h-border--bottom__m {
      border-bottom: 1px solid #BABABA !important; } }
  @media only screen and (min-width: 1025px) {
    .h-border--bottom__d {
      border-bottom: 1px solid #BABABA !important; } }

.h-border--top-bottom {
  border-bottom: 1px solid #BABABA;
  border-top: 1px solid #BABABA; }
  @media only screen and (max-width: 1024px) {
    .h-border--top-bottom__m {
      border-bottom: 1px solid #BABABA !important;
      border-top: 1px solid #BABABA !important; } }
  @media only screen and (min-width: 1025px) {
    .h-border--top-bottom__d {
      border-bottom: 1px solid #BABABA !important;
      border-top: 1px solid #BABABA !important; } }

.h-arrow--top {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .h-arrow--top::before {
    content: "";
    display: block;
    height: 0;
    width: 0; }
  .h-arrow--top::before {
    border-bottom: 3px solid #000;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent; }

.h-arrow--down {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .h-arrow--down::before {
    content: "";
    display: block;
    height: 0;
    width: 0; }
  .h-arrow--down::before {
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    border-top: 3px solid #000; }

.h-dir--ltr {
  direction: rtl; }

.h-dir--rtl {
  direction: ltr; }

.h-events--none {
  pointer-events: none; }

.h-events--all {
  pointer-events: all; }

.h-pseudoel--none::before, .h-pseudoel--none::after {
  display: none; }

.h-cursor--pointer {
  cursor: pointer !important; }

@media only screen and (min-width: 576px) {
  .h-cursor--pointer__xs {
    cursor: pointer !important; } }

@media only screen and (max-width: 1024px) {
  .h-cursor--pointer__m {
    cursor: pointer !important; } }

@media only screen and (min-width: 1025px) {
  .h-cursor--pointer__d {
    cursor: pointer !important; } }

@media only screen and (min-width: 769px) {
  .h-cursor--pointer__sm {
    cursor: pointer !important; } }

@media only screen and (min-width: 1200px) {
  .h-cursor--pointer__l {
    cursor: pointer !important; } }

@media only screen and (min-width: 1500px) {
  .h-cursor--pointer__xl {
    cursor: pointer !important; } }

@media only screen and (min-width: 2000px) {
  .h-cursor--pointer__xxl {
    cursor: pointer !important; } }

.h-disable-scroll {
  overflow: hidden; }
  .h-disable-scroll.touch {
    min-height: 100vh; }
    .h-disable-scroll.touch body {
      -ms-touch-action: none;
          touch-action: none;
      overflow: hidden;
      width: 100%;
      margin: 0 !important; }
      .h-disable-scroll.touch body:not(.h-disable-scroll-top) {
        height: 100%;
        position: fixed; }

.h-hidden {
  display: none !important;
  /*
            <div class="b-class-block h-hidden__xs">.h-hidden__xs - (media: only screen and (min-width: 576px))</div>
        */
  /*
            <div class="b-class-block h-hidden__m">.h-hidden__m - (media: only screen and (max-width: 1024px))</div>
        */
  /*
            <div class="b-class-block h-hidden__d">.h-hidden__d - (media: only screen and (min-width: 1025px))</div>
        */
  /*
            <div class="b-class-block h-hidden__sm">.h-hidden__sm - (media: only screen and (min-width: 769px))</div>
        */
  /*
            <div class="b-class-block h-hidden__l">.h-hidden__l - (media: only screen and (min-width: 1200px))</div>
        */
  /*
            <div class="b-class-block h-hidden__xl">.h-hidden__xl - (media: only screen and (min-width: 1500px))</div>
        */
  /*
            <div class="b-class-block h-hidden__xxl">.h-hidden__xxl - (media: only screen and (min-width: 2000px))</div>
        */ }
  @media only screen and (min-width: 576px) {
    .h-hidden__xs {
      display: none !important; } }
  @media only screen and (max-width: 1024px) {
    .h-hidden__m {
      display: none !important; } }
  @media only screen and (min-width: 1025px) {
    .h-hidden__d {
      display: none !important; } }
  @media only screen and (min-width: 769px) {
    .h-hidden__sm {
      display: none !important; } }
  @media only screen and (min-width: 1200px) {
    .h-hidden__l {
      display: none !important; } }
  @media only screen and (min-width: 1500px) {
    .h-hidden__xl {
      display: none !important; } }
  @media only screen and (min-width: 2000px) {
    .h-hidden__xxl {
      display: none !important; } }

.h-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  font-size: 0;
  height: 1px;
  margin: -1px;
  max-width: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.h-visibility-hidden {
  visibility: hidden; }

.h-text--h1 {
  color: #333;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 31px;
  margin-bottom: 32px;
  font-family: var(--font-primary); }
  @media only screen and (min-width: 1025px) {
    .h-text--h1 {
      font-size: 2rem;
      line-height: 41px; } }

.h-text--h1-sm {
  color: #333;
  font-size: 1.4375rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 16px;
  font-family: var(--font-primary); }
  @media only screen and (min-width: 1025px) {
    .h-text--h1-sm {
      font-size: 2.125rem; } }

.h-text--h1-lg {
  color: #333;
  font-size: 1.4375rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 16px;
  font-family: var(--font-primary); }
  @media only screen and (min-width: 1025px) {
    .h-text--h1-lg {
      font-size: 1.6875rem; } }

.h-text--h1-md {
  color: #333;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 16px;
  font-family: var(--font-primary); }

.h-text--h1-h2 {
  color: #333;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 16px;
  font-family: var(--font-primary); }

.h-text--h2 {
  color: #333;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 16px;
  text-transform: none;
  font-family: var(--font-primary); }
  @media only screen and (min-width: 1025px) {
    .h-text--h2 {
      font-size: 1.3125rem;
      line-height: 26px; } }

.h-text--h3 {
  color: #897358;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.09375em;
  line-height: 17px;
  margin-bottom: 16px;
  text-transform: uppercase; }
  @media only screen and (min-width: 1025px) {
    .h-text--h3 {
      font-size: 0.8125rem;
      line-height: 20px; } }

.h-text--h4 {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.09375em;
  line-height: 17px;
  margin-bottom: 16px;
  text-transform: uppercase; }
  @media only screen and (min-width: 1025px) {
    .h-text--h4 {
      font-size: 0.875rem;
      line-height: 20px; } }

.h-text--h5 {
  color: #333;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 16px;
  text-transform: none; }
  @media only screen and (min-width: 1025px) {
    .h-text--h5 {
      font-size: 1.3125rem;
      line-height: 1.14; } }

.h-text--body {
  color: #767676;
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 24px;
  text-transform: none; }

.h-text--body-lg {
  color: #767676;
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 24px;
  text-transform: none; }
  @media only screen and (min-width: 1025px) {
    .h-text--body-lg {
      font-size: 1.0625rem;
      line-height: 28px; } }

.h-text--bnrtext {
  font-size: 1.0625rem;
  line-height: 28px; }

.h-text--bnrtext-h2,
.h-text--bnrtext-h2 a {
  color: #333;
  font-family: var(--font-primary);
  font-size: 1.375rem;
  line-height: 27px; }
  @media only screen and (min-width: 1025px) {
    .h-text--bnrtext-h2,
    .h-text--bnrtext-h2 a {
      font-size: 1.6875rem;
      line-height: 32px; } }

.h-text--p-sm {
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 14px; }
  @media only screen and (min-width: 1025px) {
    .h-text--p-sm {
      font-size: 0.6875rem;
      line-height: 14px; } }

.h-text--p-xs {
  font-size: 0.5625rem;
  font-weight: 400;
  line-height: 14px; }
  @media only screen and (min-width: 1025px) {
    .h-text--p-xs {
      font-size: 0.625rem;
      line-height: 14px; } }

.h-ls--m {
  letter-spacing: 2.1px !important; }

.h-ls--s {
  letter-spacing: 1.8px !important; }

.h-ls--sm {
  letter-spacing: 1.5px !important; }

.h-ls--xs {
  letter-spacing: 0.5px !important; }

.h-text--left {
  text-align: right !important; }

.h-text--right {
  text-align: left !important; }

.h-text--center {
  text-align: center !important; }

@media only screen and (min-width: 576px) {
  .h-text--left__xs {
    text-align: right !important; } }

@media only screen and (min-width: 576px) {
  .h-text--right__xs {
    text-align: left !important; } }

@media only screen and (min-width: 576px) {
  .h-text--center__xs {
    text-align: center !important; } }

@media only screen and (max-width: 1024px) {
  .h-text--left__m {
    text-align: right !important; } }

@media only screen and (max-width: 1024px) {
  .h-text--right__m {
    text-align: left !important; } }

@media only screen and (max-width: 1024px) {
  .h-text--center__m {
    text-align: center !important; } }

@media only screen and (min-width: 1025px) {
  .h-text--left__d {
    text-align: right !important; } }

@media only screen and (min-width: 1025px) {
  .h-text--right__d {
    text-align: left !important; } }

@media only screen and (min-width: 1025px) {
  .h-text--center__d {
    text-align: center !important; } }

@media only screen and (min-width: 769px) {
  .h-text--left__sm {
    text-align: right !important; } }

@media only screen and (min-width: 769px) {
  .h-text--right__sm {
    text-align: left !important; } }

@media only screen and (min-width: 769px) {
  .h-text--center__sm {
    text-align: center !important; } }

@media only screen and (min-width: 1200px) {
  .h-text--left__l {
    text-align: right !important; } }

@media only screen and (min-width: 1200px) {
  .h-text--right__l {
    text-align: left !important; } }

@media only screen and (min-width: 1200px) {
  .h-text--center__l {
    text-align: center !important; } }

@media only screen and (min-width: 1500px) {
  .h-text--left__xl {
    text-align: right !important; } }

@media only screen and (min-width: 1500px) {
  .h-text--right__xl {
    text-align: left !important; } }

@media only screen and (min-width: 1500px) {
  .h-text--center__xl {
    text-align: center !important; } }

@media only screen and (min-width: 2000px) {
  .h-text--left__xxl {
    text-align: right !important; } }

@media only screen and (min-width: 2000px) {
  .h-text--right__xxl {
    text-align: left !important; } }

@media only screen and (min-width: 2000px) {
  .h-text--center__xxl {
    text-align: center !important; } }

.h-fz--0 {
  font-size: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--0__xs {
    font-size: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--0__m {
    font-size: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--0__d {
    font-size: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--0__sm {
    font-size: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--0__l {
    font-size: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--0__xl {
    font-size: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--0__xxl {
    font-size: 0px !important; } }

.h-fz--1 {
  font-size: 1px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--1__xs {
    font-size: 1px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--1__m {
    font-size: 1px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--1__d {
    font-size: 1px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--1__sm {
    font-size: 1px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--1__l {
    font-size: 1px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--1__xl {
    font-size: 1px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--1__xxl {
    font-size: 1px !important; } }

.h-fz--2 {
  font-size: 2px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--2__xs {
    font-size: 2px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--2__m {
    font-size: 2px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--2__d {
    font-size: 2px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--2__sm {
    font-size: 2px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--2__l {
    font-size: 2px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--2__xl {
    font-size: 2px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--2__xxl {
    font-size: 2px !important; } }

.h-fz--3 {
  font-size: 3px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--3__xs {
    font-size: 3px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--3__m {
    font-size: 3px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--3__d {
    font-size: 3px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--3__sm {
    font-size: 3px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--3__l {
    font-size: 3px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--3__xl {
    font-size: 3px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--3__xxl {
    font-size: 3px !important; } }

.h-fz--4 {
  font-size: 4px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--4__xs {
    font-size: 4px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--4__m {
    font-size: 4px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--4__d {
    font-size: 4px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--4__sm {
    font-size: 4px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--4__l {
    font-size: 4px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--4__xl {
    font-size: 4px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--4__xxl {
    font-size: 4px !important; } }

.h-fz--5 {
  font-size: 5px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--5__xs {
    font-size: 5px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--5__m {
    font-size: 5px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--5__d {
    font-size: 5px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--5__sm {
    font-size: 5px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--5__l {
    font-size: 5px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--5__xl {
    font-size: 5px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--5__xxl {
    font-size: 5px !important; } }

.h-fz--6 {
  font-size: 6px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--6__xs {
    font-size: 6px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--6__m {
    font-size: 6px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--6__d {
    font-size: 6px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--6__sm {
    font-size: 6px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--6__l {
    font-size: 6px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--6__xl {
    font-size: 6px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--6__xxl {
    font-size: 6px !important; } }

.h-fz--7 {
  font-size: 7px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--7__xs {
    font-size: 7px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--7__m {
    font-size: 7px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--7__d {
    font-size: 7px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--7__sm {
    font-size: 7px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--7__l {
    font-size: 7px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--7__xl {
    font-size: 7px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--7__xxl {
    font-size: 7px !important; } }

.h-fz--8 {
  font-size: 8px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--8__xs {
    font-size: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--8__m {
    font-size: 8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--8__d {
    font-size: 8px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--8__sm {
    font-size: 8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--8__l {
    font-size: 8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--8__xl {
    font-size: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--8__xxl {
    font-size: 8px !important; } }

.h-fz--9 {
  font-size: 9px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--9__xs {
    font-size: 9px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--9__m {
    font-size: 9px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--9__d {
    font-size: 9px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--9__sm {
    font-size: 9px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--9__l {
    font-size: 9px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--9__xl {
    font-size: 9px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--9__xxl {
    font-size: 9px !important; } }

.h-fz--10 {
  font-size: 10px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--10__xs {
    font-size: 10px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--10__m {
    font-size: 10px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--10__d {
    font-size: 10px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--10__sm {
    font-size: 10px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--10__l {
    font-size: 10px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--10__xl {
    font-size: 10px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--10__xxl {
    font-size: 10px !important; } }

.h-fz--11 {
  font-size: 11px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--11__xs {
    font-size: 11px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--11__m {
    font-size: 11px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--11__d {
    font-size: 11px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--11__sm {
    font-size: 11px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--11__l {
    font-size: 11px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--11__xl {
    font-size: 11px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--11__xxl {
    font-size: 11px !important; } }

.h-fz--12 {
  font-size: 12px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--12__xs {
    font-size: 12px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--12__m {
    font-size: 12px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--12__d {
    font-size: 12px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--12__sm {
    font-size: 12px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--12__l {
    font-size: 12px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--12__xl {
    font-size: 12px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--12__xxl {
    font-size: 12px !important; } }

.h-fz--13 {
  font-size: 13px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--13__xs {
    font-size: 13px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--13__m {
    font-size: 13px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--13__d {
    font-size: 13px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--13__sm {
    font-size: 13px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--13__l {
    font-size: 13px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--13__xl {
    font-size: 13px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--13__xxl {
    font-size: 13px !important; } }

.h-fz--14 {
  font-size: 14px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--14__xs {
    font-size: 14px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--14__m {
    font-size: 14px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--14__d {
    font-size: 14px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--14__sm {
    font-size: 14px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--14__l {
    font-size: 14px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--14__xl {
    font-size: 14px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--14__xxl {
    font-size: 14px !important; } }

.h-fz--15 {
  font-size: 15px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--15__xs {
    font-size: 15px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--15__m {
    font-size: 15px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--15__d {
    font-size: 15px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--15__sm {
    font-size: 15px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--15__l {
    font-size: 15px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--15__xl {
    font-size: 15px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--15__xxl {
    font-size: 15px !important; } }

.h-fz--16 {
  font-size: 16px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--16__xs {
    font-size: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--16__m {
    font-size: 16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--16__d {
    font-size: 16px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--16__sm {
    font-size: 16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--16__l {
    font-size: 16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--16__xl {
    font-size: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--16__xxl {
    font-size: 16px !important; } }

.h-fz--17 {
  font-size: 17px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--17__xs {
    font-size: 17px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--17__m {
    font-size: 17px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--17__d {
    font-size: 17px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--17__sm {
    font-size: 17px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--17__l {
    font-size: 17px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--17__xl {
    font-size: 17px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--17__xxl {
    font-size: 17px !important; } }

.h-fz--18 {
  font-size: 18px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--18__xs {
    font-size: 18px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--18__m {
    font-size: 18px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--18__d {
    font-size: 18px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--18__sm {
    font-size: 18px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--18__l {
    font-size: 18px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--18__xl {
    font-size: 18px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--18__xxl {
    font-size: 18px !important; } }

.h-fz--19 {
  font-size: 19px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--19__xs {
    font-size: 19px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--19__m {
    font-size: 19px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--19__d {
    font-size: 19px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--19__sm {
    font-size: 19px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--19__l {
    font-size: 19px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--19__xl {
    font-size: 19px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--19__xxl {
    font-size: 19px !important; } }

.h-fz--20 {
  font-size: 20px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--20__xs {
    font-size: 20px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--20__m {
    font-size: 20px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--20__d {
    font-size: 20px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--20__sm {
    font-size: 20px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--20__l {
    font-size: 20px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--20__xl {
    font-size: 20px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--20__xxl {
    font-size: 20px !important; } }

.h-fz--21 {
  font-size: 21px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--21__xs {
    font-size: 21px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--21__m {
    font-size: 21px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--21__d {
    font-size: 21px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--21__sm {
    font-size: 21px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--21__l {
    font-size: 21px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--21__xl {
    font-size: 21px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--21__xxl {
    font-size: 21px !important; } }

.h-fz--22 {
  font-size: 22px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--22__xs {
    font-size: 22px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--22__m {
    font-size: 22px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--22__d {
    font-size: 22px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--22__sm {
    font-size: 22px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--22__l {
    font-size: 22px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--22__xl {
    font-size: 22px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--22__xxl {
    font-size: 22px !important; } }

.h-fz--23 {
  font-size: 23px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--23__xs {
    font-size: 23px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--23__m {
    font-size: 23px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--23__d {
    font-size: 23px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--23__sm {
    font-size: 23px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--23__l {
    font-size: 23px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--23__xl {
    font-size: 23px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--23__xxl {
    font-size: 23px !important; } }

.h-fz--24 {
  font-size: 24px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--24__xs {
    font-size: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--24__m {
    font-size: 24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--24__d {
    font-size: 24px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--24__sm {
    font-size: 24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--24__l {
    font-size: 24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--24__xl {
    font-size: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--24__xxl {
    font-size: 24px !important; } }

.h-fz--25 {
  font-size: 25px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--25__xs {
    font-size: 25px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--25__m {
    font-size: 25px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--25__d {
    font-size: 25px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--25__sm {
    font-size: 25px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--25__l {
    font-size: 25px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--25__xl {
    font-size: 25px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--25__xxl {
    font-size: 25px !important; } }

.h-fz--26 {
  font-size: 26px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--26__xs {
    font-size: 26px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--26__m {
    font-size: 26px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--26__d {
    font-size: 26px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--26__sm {
    font-size: 26px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--26__l {
    font-size: 26px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--26__xl {
    font-size: 26px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--26__xxl {
    font-size: 26px !important; } }

.h-fz--27 {
  font-size: 27px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--27__xs {
    font-size: 27px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--27__m {
    font-size: 27px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--27__d {
    font-size: 27px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--27__sm {
    font-size: 27px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--27__l {
    font-size: 27px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--27__xl {
    font-size: 27px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--27__xxl {
    font-size: 27px !important; } }

.h-fz--28 {
  font-size: 28px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--28__xs {
    font-size: 28px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--28__m {
    font-size: 28px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--28__d {
    font-size: 28px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--28__sm {
    font-size: 28px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--28__l {
    font-size: 28px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--28__xl {
    font-size: 28px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--28__xxl {
    font-size: 28px !important; } }

.h-fz--29 {
  font-size: 29px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--29__xs {
    font-size: 29px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--29__m {
    font-size: 29px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--29__d {
    font-size: 29px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--29__sm {
    font-size: 29px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--29__l {
    font-size: 29px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--29__xl {
    font-size: 29px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--29__xxl {
    font-size: 29px !important; } }

.h-fz--30 {
  font-size: 30px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--30__xs {
    font-size: 30px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--30__m {
    font-size: 30px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--30__d {
    font-size: 30px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--30__sm {
    font-size: 30px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--30__l {
    font-size: 30px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--30__xl {
    font-size: 30px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--30__xxl {
    font-size: 30px !important; } }

.h-fz--31 {
  font-size: 31px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--31__xs {
    font-size: 31px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--31__m {
    font-size: 31px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--31__d {
    font-size: 31px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--31__sm {
    font-size: 31px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--31__l {
    font-size: 31px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--31__xl {
    font-size: 31px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--31__xxl {
    font-size: 31px !important; } }

.h-fz--32 {
  font-size: 32px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--32__xs {
    font-size: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--32__m {
    font-size: 32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--32__d {
    font-size: 32px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--32__sm {
    font-size: 32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--32__l {
    font-size: 32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--32__xl {
    font-size: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--32__xxl {
    font-size: 32px !important; } }

.h-fz--33 {
  font-size: 33px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--33__xs {
    font-size: 33px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--33__m {
    font-size: 33px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--33__d {
    font-size: 33px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--33__sm {
    font-size: 33px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--33__l {
    font-size: 33px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--33__xl {
    font-size: 33px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--33__xxl {
    font-size: 33px !important; } }

.h-fz--34 {
  font-size: 34px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--34__xs {
    font-size: 34px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--34__m {
    font-size: 34px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--34__d {
    font-size: 34px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--34__sm {
    font-size: 34px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--34__l {
    font-size: 34px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--34__xl {
    font-size: 34px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--34__xxl {
    font-size: 34px !important; } }

.h-fz--35 {
  font-size: 35px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--35__xs {
    font-size: 35px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--35__m {
    font-size: 35px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--35__d {
    font-size: 35px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--35__sm {
    font-size: 35px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--35__l {
    font-size: 35px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--35__xl {
    font-size: 35px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--35__xxl {
    font-size: 35px !important; } }

.h-fz--36 {
  font-size: 36px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--36__xs {
    font-size: 36px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--36__m {
    font-size: 36px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--36__d {
    font-size: 36px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--36__sm {
    font-size: 36px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--36__l {
    font-size: 36px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--36__xl {
    font-size: 36px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--36__xxl {
    font-size: 36px !important; } }

.h-fz--37 {
  font-size: 37px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--37__xs {
    font-size: 37px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--37__m {
    font-size: 37px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--37__d {
    font-size: 37px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--37__sm {
    font-size: 37px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--37__l {
    font-size: 37px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--37__xl {
    font-size: 37px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--37__xxl {
    font-size: 37px !important; } }

.h-fz--38 {
  font-size: 38px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--38__xs {
    font-size: 38px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--38__m {
    font-size: 38px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--38__d {
    font-size: 38px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--38__sm {
    font-size: 38px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--38__l {
    font-size: 38px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--38__xl {
    font-size: 38px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--38__xxl {
    font-size: 38px !important; } }

.h-fz--39 {
  font-size: 39px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--39__xs {
    font-size: 39px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--39__m {
    font-size: 39px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--39__d {
    font-size: 39px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--39__sm {
    font-size: 39px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--39__l {
    font-size: 39px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--39__xl {
    font-size: 39px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--39__xxl {
    font-size: 39px !important; } }

.h-fz--40 {
  font-size: 40px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--40__xs {
    font-size: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--40__m {
    font-size: 40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--40__d {
    font-size: 40px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--40__sm {
    font-size: 40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--40__l {
    font-size: 40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--40__xl {
    font-size: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--40__xxl {
    font-size: 40px !important; } }

.h-fz--41 {
  font-size: 41px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--41__xs {
    font-size: 41px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--41__m {
    font-size: 41px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--41__d {
    font-size: 41px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--41__sm {
    font-size: 41px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--41__l {
    font-size: 41px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--41__xl {
    font-size: 41px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--41__xxl {
    font-size: 41px !important; } }

.h-fz--42 {
  font-size: 42px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--42__xs {
    font-size: 42px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--42__m {
    font-size: 42px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--42__d {
    font-size: 42px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--42__sm {
    font-size: 42px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--42__l {
    font-size: 42px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--42__xl {
    font-size: 42px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--42__xxl {
    font-size: 42px !important; } }

.h-fz--43 {
  font-size: 43px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--43__xs {
    font-size: 43px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--43__m {
    font-size: 43px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--43__d {
    font-size: 43px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--43__sm {
    font-size: 43px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--43__l {
    font-size: 43px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--43__xl {
    font-size: 43px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--43__xxl {
    font-size: 43px !important; } }

.h-fz--44 {
  font-size: 44px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--44__xs {
    font-size: 44px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--44__m {
    font-size: 44px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--44__d {
    font-size: 44px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--44__sm {
    font-size: 44px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--44__l {
    font-size: 44px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--44__xl {
    font-size: 44px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--44__xxl {
    font-size: 44px !important; } }

.h-fz--45 {
  font-size: 45px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--45__xs {
    font-size: 45px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--45__m {
    font-size: 45px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--45__d {
    font-size: 45px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--45__sm {
    font-size: 45px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--45__l {
    font-size: 45px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--45__xl {
    font-size: 45px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--45__xxl {
    font-size: 45px !important; } }

.h-fz--46 {
  font-size: 46px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--46__xs {
    font-size: 46px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--46__m {
    font-size: 46px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--46__d {
    font-size: 46px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--46__sm {
    font-size: 46px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--46__l {
    font-size: 46px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--46__xl {
    font-size: 46px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--46__xxl {
    font-size: 46px !important; } }

.h-fz--47 {
  font-size: 47px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--47__xs {
    font-size: 47px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--47__m {
    font-size: 47px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--47__d {
    font-size: 47px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--47__sm {
    font-size: 47px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--47__l {
    font-size: 47px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--47__xl {
    font-size: 47px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--47__xxl {
    font-size: 47px !important; } }

.h-fz--48 {
  font-size: 48px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--48__xs {
    font-size: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--48__m {
    font-size: 48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--48__d {
    font-size: 48px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--48__sm {
    font-size: 48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--48__l {
    font-size: 48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--48__xl {
    font-size: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--48__xxl {
    font-size: 48px !important; } }

.h-fz--49 {
  font-size: 49px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--49__xs {
    font-size: 49px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--49__m {
    font-size: 49px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--49__d {
    font-size: 49px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--49__sm {
    font-size: 49px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--49__l {
    font-size: 49px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--49__xl {
    font-size: 49px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--49__xxl {
    font-size: 49px !important; } }

.h-fz--50 {
  font-size: 50px !important; }

@media only screen and (min-width: 576px) {
  .h-fz--50__xs {
    font-size: 50px !important; } }

@media only screen and (max-width: 1024px) {
  .h-fz--50__m {
    font-size: 50px !important; } }

@media only screen and (min-width: 1025px) {
  .h-fz--50__d {
    font-size: 50px !important; } }

@media only screen and (min-width: 769px) {
  .h-fz--50__sm {
    font-size: 50px !important; } }

@media only screen and (min-width: 1200px) {
  .h-fz--50__l {
    font-size: 50px !important; } }

@media only screen and (min-width: 1500px) {
  .h-fz--50__xl {
    font-size: 50px !important; } }

@media only screen and (min-width: 2000px) {
  .h-fz--50__xxl {
    font-size: 50px !important; } }

.h-fw--100 {
  font-weight: 100 !important; }

@media only screen and (min-width: 576px) {
  .h-fw--100__xs {
    font-weight: 100 !important; } }

@media only screen and (max-width: 1024px) {
  .h-fw--100__m {
    font-weight: 100 !important; } }

@media only screen and (min-width: 1025px) {
  .h-fw--100__d {
    font-weight: 100 !important; } }

@media only screen and (min-width: 769px) {
  .h-fw--100__sm {
    font-weight: 100 !important; } }

@media only screen and (min-width: 1200px) {
  .h-fw--100__l {
    font-weight: 100 !important; } }

@media only screen and (min-width: 1500px) {
  .h-fw--100__xl {
    font-weight: 100 !important; } }

@media only screen and (min-width: 2000px) {
  .h-fw--100__xxl {
    font-weight: 100 !important; } }

.h-fw--200 {
  font-weight: 200 !important; }

@media only screen and (min-width: 576px) {
  .h-fw--200__xs {
    font-weight: 200 !important; } }

@media only screen and (max-width: 1024px) {
  .h-fw--200__m {
    font-weight: 200 !important; } }

@media only screen and (min-width: 1025px) {
  .h-fw--200__d {
    font-weight: 200 !important; } }

@media only screen and (min-width: 769px) {
  .h-fw--200__sm {
    font-weight: 200 !important; } }

@media only screen and (min-width: 1200px) {
  .h-fw--200__l {
    font-weight: 200 !important; } }

@media only screen and (min-width: 1500px) {
  .h-fw--200__xl {
    font-weight: 200 !important; } }

@media only screen and (min-width: 2000px) {
  .h-fw--200__xxl {
    font-weight: 200 !important; } }

.h-fw--300 {
  font-weight: 300 !important; }

@media only screen and (min-width: 576px) {
  .h-fw--300__xs {
    font-weight: 300 !important; } }

@media only screen and (max-width: 1024px) {
  .h-fw--300__m {
    font-weight: 300 !important; } }

@media only screen and (min-width: 1025px) {
  .h-fw--300__d {
    font-weight: 300 !important; } }

@media only screen and (min-width: 769px) {
  .h-fw--300__sm {
    font-weight: 300 !important; } }

@media only screen and (min-width: 1200px) {
  .h-fw--300__l {
    font-weight: 300 !important; } }

@media only screen and (min-width: 1500px) {
  .h-fw--300__xl {
    font-weight: 300 !important; } }

@media only screen and (min-width: 2000px) {
  .h-fw--300__xxl {
    font-weight: 300 !important; } }

.h-fw--400 {
  font-weight: 400 !important; }

@media only screen and (min-width: 576px) {
  .h-fw--400__xs {
    font-weight: 400 !important; } }

@media only screen and (max-width: 1024px) {
  .h-fw--400__m {
    font-weight: 400 !important; } }

@media only screen and (min-width: 1025px) {
  .h-fw--400__d {
    font-weight: 400 !important; } }

@media only screen and (min-width: 769px) {
  .h-fw--400__sm {
    font-weight: 400 !important; } }

@media only screen and (min-width: 1200px) {
  .h-fw--400__l {
    font-weight: 400 !important; } }

@media only screen and (min-width: 1500px) {
  .h-fw--400__xl {
    font-weight: 400 !important; } }

@media only screen and (min-width: 2000px) {
  .h-fw--400__xxl {
    font-weight: 400 !important; } }

.h-fw--500 {
  font-weight: 500 !important; }

@media only screen and (min-width: 576px) {
  .h-fw--500__xs {
    font-weight: 500 !important; } }

@media only screen and (max-width: 1024px) {
  .h-fw--500__m {
    font-weight: 500 !important; } }

@media only screen and (min-width: 1025px) {
  .h-fw--500__d {
    font-weight: 500 !important; } }

@media only screen and (min-width: 769px) {
  .h-fw--500__sm {
    font-weight: 500 !important; } }

@media only screen and (min-width: 1200px) {
  .h-fw--500__l {
    font-weight: 500 !important; } }

@media only screen and (min-width: 1500px) {
  .h-fw--500__xl {
    font-weight: 500 !important; } }

@media only screen and (min-width: 2000px) {
  .h-fw--500__xxl {
    font-weight: 500 !important; } }

.h-fw--600 {
  font-weight: 600 !important; }

@media only screen and (min-width: 576px) {
  .h-fw--600__xs {
    font-weight: 600 !important; } }

@media only screen and (max-width: 1024px) {
  .h-fw--600__m {
    font-weight: 600 !important; } }

@media only screen and (min-width: 1025px) {
  .h-fw--600__d {
    font-weight: 600 !important; } }

@media only screen and (min-width: 769px) {
  .h-fw--600__sm {
    font-weight: 600 !important; } }

@media only screen and (min-width: 1200px) {
  .h-fw--600__l {
    font-weight: 600 !important; } }

@media only screen and (min-width: 1500px) {
  .h-fw--600__xl {
    font-weight: 600 !important; } }

@media only screen and (min-width: 2000px) {
  .h-fw--600__xxl {
    font-weight: 600 !important; } }

.h-fw--700 {
  font-weight: 700 !important; }

@media only screen and (min-width: 576px) {
  .h-fw--700__xs {
    font-weight: 700 !important; } }

@media only screen and (max-width: 1024px) {
  .h-fw--700__m {
    font-weight: 700 !important; } }

@media only screen and (min-width: 1025px) {
  .h-fw--700__d {
    font-weight: 700 !important; } }

@media only screen and (min-width: 769px) {
  .h-fw--700__sm {
    font-weight: 700 !important; } }

@media only screen and (min-width: 1200px) {
  .h-fw--700__l {
    font-weight: 700 !important; } }

@media only screen and (min-width: 1500px) {
  .h-fw--700__xl {
    font-weight: 700 !important; } }

@media only screen and (min-width: 2000px) {
  .h-fw--700__xxl {
    font-weight: 700 !important; } }

.h-fw--800 {
  font-weight: 800 !important; }

@media only screen and (min-width: 576px) {
  .h-fw--800__xs {
    font-weight: 800 !important; } }

@media only screen and (max-width: 1024px) {
  .h-fw--800__m {
    font-weight: 800 !important; } }

@media only screen and (min-width: 1025px) {
  .h-fw--800__d {
    font-weight: 800 !important; } }

@media only screen and (min-width: 769px) {
  .h-fw--800__sm {
    font-weight: 800 !important; } }

@media only screen and (min-width: 1200px) {
  .h-fw--800__l {
    font-weight: 800 !important; } }

@media only screen and (min-width: 1500px) {
  .h-fw--800__xl {
    font-weight: 800 !important; } }

@media only screen and (min-width: 2000px) {
  .h-fw--800__xxl {
    font-weight: 800 !important; } }

.h-fw--900 {
  font-weight: 900 !important; }

@media only screen and (min-width: 576px) {
  .h-fw--900__xs {
    font-weight: 900 !important; } }

@media only screen and (max-width: 1024px) {
  .h-fw--900__m {
    font-weight: 900 !important; } }

@media only screen and (min-width: 1025px) {
  .h-fw--900__d {
    font-weight: 900 !important; } }

@media only screen and (min-width: 769px) {
  .h-fw--900__sm {
    font-weight: 900 !important; } }

@media only screen and (min-width: 1200px) {
  .h-fw--900__l {
    font-weight: 900 !important; } }

@media only screen and (min-width: 1500px) {
  .h-fw--900__xl {
    font-weight: 900 !important; } }

@media only screen and (min-width: 2000px) {
  .h-fw--900__xxl {
    font-weight: 900 !important; } }

.h-whitespace--normal {
  white-space: normal !important; }

.h-whitespace--nowrap {
  white-space: nowrap !important; }

.h-whitespace--pre {
  white-space: pre !important; }

.h-whitespace--pre-wrap {
  white-space: pre-wrap !important; }

.h-whitespace--pre-line {
  white-space: pre-line !important; }

.h-whitespace--break-spaces {
  white-space: break-spaces !important; }

@media only screen and (min-width: 576px) {
  .h-whitespace--normal__xs {
    white-space: normal !important; } }

@media only screen and (min-width: 576px) {
  .h-whitespace--nowrap__xs {
    white-space: nowrap !important; } }

@media only screen and (min-width: 576px) {
  .h-whitespace--pre__xs {
    white-space: pre !important; } }

@media only screen and (min-width: 576px) {
  .h-whitespace--pre-wrap__xs {
    white-space: pre-wrap !important; } }

@media only screen and (min-width: 576px) {
  .h-whitespace--pre-line__xs {
    white-space: pre-line !important; } }

@media only screen and (min-width: 576px) {
  .h-whitespace--break-spaces__xs {
    white-space: break-spaces !important; } }

@media only screen and (max-width: 1024px) {
  .h-whitespace--normal__m {
    white-space: normal !important; } }

@media only screen and (max-width: 1024px) {
  .h-whitespace--nowrap__m {
    white-space: nowrap !important; } }

@media only screen and (max-width: 1024px) {
  .h-whitespace--pre__m {
    white-space: pre !important; } }

@media only screen and (max-width: 1024px) {
  .h-whitespace--pre-wrap__m {
    white-space: pre-wrap !important; } }

@media only screen and (max-width: 1024px) {
  .h-whitespace--pre-line__m {
    white-space: pre-line !important; } }

@media only screen and (max-width: 1024px) {
  .h-whitespace--break-spaces__m {
    white-space: break-spaces !important; } }

@media only screen and (min-width: 1025px) {
  .h-whitespace--normal__d {
    white-space: normal !important; } }

@media only screen and (min-width: 1025px) {
  .h-whitespace--nowrap__d {
    white-space: nowrap !important; } }

@media only screen and (min-width: 1025px) {
  .h-whitespace--pre__d {
    white-space: pre !important; } }

@media only screen and (min-width: 1025px) {
  .h-whitespace--pre-wrap__d {
    white-space: pre-wrap !important; } }

@media only screen and (min-width: 1025px) {
  .h-whitespace--pre-line__d {
    white-space: pre-line !important; } }

@media only screen and (min-width: 1025px) {
  .h-whitespace--break-spaces__d {
    white-space: break-spaces !important; } }

@media only screen and (min-width: 769px) {
  .h-whitespace--normal__sm {
    white-space: normal !important; } }

@media only screen and (min-width: 769px) {
  .h-whitespace--nowrap__sm {
    white-space: nowrap !important; } }

@media only screen and (min-width: 769px) {
  .h-whitespace--pre__sm {
    white-space: pre !important; } }

@media only screen and (min-width: 769px) {
  .h-whitespace--pre-wrap__sm {
    white-space: pre-wrap !important; } }

@media only screen and (min-width: 769px) {
  .h-whitespace--pre-line__sm {
    white-space: pre-line !important; } }

@media only screen and (min-width: 769px) {
  .h-whitespace--break-spaces__sm {
    white-space: break-spaces !important; } }

@media only screen and (min-width: 1200px) {
  .h-whitespace--normal__l {
    white-space: normal !important; } }

@media only screen and (min-width: 1200px) {
  .h-whitespace--nowrap__l {
    white-space: nowrap !important; } }

@media only screen and (min-width: 1200px) {
  .h-whitespace--pre__l {
    white-space: pre !important; } }

@media only screen and (min-width: 1200px) {
  .h-whitespace--pre-wrap__l {
    white-space: pre-wrap !important; } }

@media only screen and (min-width: 1200px) {
  .h-whitespace--pre-line__l {
    white-space: pre-line !important; } }

@media only screen and (min-width: 1200px) {
  .h-whitespace--break-spaces__l {
    white-space: break-spaces !important; } }

@media only screen and (min-width: 1500px) {
  .h-whitespace--normal__xl {
    white-space: normal !important; } }

@media only screen and (min-width: 1500px) {
  .h-whitespace--nowrap__xl {
    white-space: nowrap !important; } }

@media only screen and (min-width: 1500px) {
  .h-whitespace--pre__xl {
    white-space: pre !important; } }

@media only screen and (min-width: 1500px) {
  .h-whitespace--pre-wrap__xl {
    white-space: pre-wrap !important; } }

@media only screen and (min-width: 1500px) {
  .h-whitespace--pre-line__xl {
    white-space: pre-line !important; } }

@media only screen and (min-width: 1500px) {
  .h-whitespace--break-spaces__xl {
    white-space: break-spaces !important; } }

@media only screen and (min-width: 2000px) {
  .h-whitespace--normal__xxl {
    white-space: normal !important; } }

@media only screen and (min-width: 2000px) {
  .h-whitespace--nowrap__xxl {
    white-space: nowrap !important; } }

@media only screen and (min-width: 2000px) {
  .h-whitespace--pre__xxl {
    white-space: pre !important; } }

@media only screen and (min-width: 2000px) {
  .h-whitespace--pre-wrap__xxl {
    white-space: pre-wrap !important; } }

@media only screen and (min-width: 2000px) {
  .h-whitespace--pre-line__xxl {
    white-space: pre-line !important; } }

@media only screen and (min-width: 2000px) {
  .h-whitespace--break-spaces__xxl {
    white-space: break-spaces !important; } }

.h-drop-cap::first-letter {
  color: #897358;
  float: right;
  font-family: var(--font-primary);
  font-size: 5.5em;
  letter-spacing: 0.075em;
  line-height: 0.8em;
  margin: 3px 0 2px;
  text-transform: uppercase; }

.h-clr--default {
  color: #000 !important; }

.h-bg--default {
  background-color: #000 !important; }

.h-bdc--default {
  border-color: #000 !important; }

.h-clr--default-base {
  color: #000 !important; }

.h-bg--default-base {
  background-color: #000 !important; }

.h-bdc--default-base {
  border-color: #000 !important; }

.h-clr--black {
  color: #000 !important; }

.h-bg--black {
  background-color: #000 !important; }

.h-bdc--black {
  border-color: #000 !important; }

.h-clr--black-base {
  color: #000 !important; }

.h-bg--black-base {
  background-color: #000 !important; }

.h-bdc--black-base {
  border-color: #000 !important; }

.h-clr--black-light {
  color: #111 !important; }

.h-bg--black-light {
  background-color: #111 !important; }

.h-bdc--black-light {
  border-color: #111 !important; }

.h-clr--white {
  color: #fff !important; }

.h-bg--white {
  background-color: #fff !important; }

.h-bdc--white {
  border-color: #fff !important; }

.h-clr--white-base {
  color: #fff !important; }

.h-bg--white-base {
  background-color: #fff !important; }

.h-bdc--white-base {
  border-color: #fff !important; }

.h-clr--grey {
  color: #eee !important; }

.h-bg--grey {
  background-color: #eee !important; }

.h-bdc--grey {
  border-color: #eee !important; }

.h-clr--grey-base {
  color: #eee !important; }

.h-bg--grey-base {
  background-color: #eee !important; }

.h-bdc--grey-base {
  border-color: #eee !important; }

.h-clr--grey-light {
  color: #EFEFEF !important; }

.h-bg--grey-light {
  background-color: #EFEFEF !important; }

.h-bdc--grey-light {
  border-color: #EFEFEF !important; }

.h-clr--grey-lighter {
  color: #ccc !important; }

.h-bg--grey-lighter {
  background-color: #ccc !important; }

.h-bdc--grey-lighter {
  border-color: #ccc !important; }

.h-clr--grey-medium {
  color: #ddd !important; }

.h-bg--grey-medium {
  background-color: #ddd !important; }

.h-bdc--grey-medium {
  border-color: #ddd !important; }

.h-clr--grey-dark {
  color: #666 !important; }

.h-bg--grey-dark {
  background-color: #666 !important; }

.h-bdc--grey-dark {
  border-color: #666 !important; }

.h-clr--grey-darker {
  color: #707070 !important; }

.h-bg--grey-darker {
  background-color: #707070 !important; }

.h-bdc--grey-darker {
  border-color: #707070 !important; }

.h-clr--primary {
  color: #ffbc5a !important; }

.h-bg--primary {
  background-color: #ffbc5a !important; }

.h-bdc--primary {
  border-color: #ffbc5a !important; }

.h-clr--primary-base {
  color: #ffbc5a !important; }

.h-bg--primary-base {
  background-color: #ffbc5a !important; }

.h-bdc--primary-base {
  border-color: #ffbc5a !important; }

.h-clr--secondary {
  color: #f99d1c !important; }

.h-bg--secondary {
  background-color: #f99d1c !important; }

.h-bdc--secondary {
  border-color: #f99d1c !important; }

.h-clr--secondary-base {
  color: #f99d1c !important; }

.h-bg--secondary-base {
  background-color: #f99d1c !important; }

.h-bdc--secondary-base {
  border-color: #f99d1c !important; }

.h-clr--accent {
  color: #897358 !important; }

.h-bg--accent {
  background-color: #897358 !important; }

.h-bdc--accent {
  border-color: #897358 !important; }

.h-clr--accent-base {
  color: #897358 !important; }

.h-bg--accent-base {
  background-color: #897358 !important; }

.h-bdc--accent-base {
  border-color: #897358 !important; }

.h-clr--accent-light {
  color: #E7E3DE !important; }

.h-bg--accent-light {
  background-color: #E7E3DE !important; }

.h-bdc--accent-light {
  border-color: #E7E3DE !important; }

.h-clr--error {
  color: #A53230 !important; }

.h-bg--error {
  background-color: #A53230 !important; }

.h-bdc--error {
  border-color: #A53230 !important; }

.h-clr--error-base {
  color: #A53230 !important; }

.h-bg--error-base {
  background-color: #A53230 !important; }

.h-bdc--error-base {
  border-color: #A53230 !important; }

.h-clr--error-light {
  color: #f00 !important; }

.h-bg--error-light {
  background-color: #f00 !important; }

.h-bdc--error-light {
  border-color: #f00 !important; }

.h-clr--text {
  color: #767676 !important; }

.h-bg--text {
  background-color: #767676 !important; }

.h-bdc--text {
  border-color: #767676 !important; }

.h-clr--text-base {
  color: #767676 !important; }

.h-bg--text-base {
  background-color: #767676 !important; }

.h-bdc--text-base {
  border-color: #767676 !important; }

.h-clr--text-dark {
  color: #000 !important; }

.h-bg--text-dark {
  background-color: #000 !important; }

.h-bdc--text-dark {
  border-color: #000 !important; }

.h-clr--accenttext {
  color: #333 !important; }

.h-bg--accenttext {
  background-color: #333 !important; }

.h-bdc--accenttext {
  border-color: #333 !important; }

.h-clr--accenttext-base {
  color: #333 !important; }

.h-bg--accenttext-base {
  background-color: #333 !important; }

.h-bdc--accenttext-base {
  border-color: #333 !important; }

.h-clr--border {
  color: #BABABA !important; }

.h-bg--border {
  background-color: #BABABA !important; }

.h-bdc--border {
  border-color: #BABABA !important; }

.h-clr--border-base {
  color: #BABABA !important; }

.h-bg--border-base {
  background-color: #BABABA !important; }

.h-bdc--border-base {
  border-color: #BABABA !important; }

.h-clr--success {
  color: #76871a !important; }

.h-bg--success {
  background-color: #76871a !important; }

.h-bdc--success {
  border-color: #76871a !important; }

.h-clr--success-base {
  color: #76871a !important; }

.h-bg--success-base {
  background-color: #76871a !important; }

.h-bdc--success-base {
  border-color: #76871a !important; }

.h-clr--blue {
  color: #009CDE !important; }

.h-bg--blue {
  background-color: #009CDE !important; }

.h-bdc--blue {
  border-color: #009CDE !important; }

.h-clr--blue-base {
  color: #009CDE !important; }

.h-bg--blue-base {
  background-color: #009CDE !important; }

.h-bdc--blue-base {
  border-color: #009CDE !important; }

.h-clr--blue-dark {
  color: #252333 !important; }

.h-bg--blue-dark {
  background-color: #252333 !important; }

.h-bdc--blue-dark {
  border-color: #252333 !important; }

.h-clr--none {
  color: transparent !important; }

.h-bg--none {
  background-color: transparent !important; }

.h-bdc--none {
  border-color: transparent !important; }

.h-clr--none-base {
  color: transparent !important; }

.h-bg--none-base {
  background-color: transparent !important; }

.h-bdc--none-base {
  border-color: transparent !important; }

@media only screen and (min-width: 576px) {
  .h-clr--default__xs {
    color: #000 !important; }
  .h-bg--default__xs {
    background-color: #000 !important; }
  .h-bdc--default__xs {
    border-color: #000 !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--default-base__xs {
    color: #000 !important; }
  .h-bg--default-base__xs {
    background-color: #000 !important; }
  .h-bdc--default-base__xs {
    border-color: #000 !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--black__xs {
    color: #000 !important; }
  .h-bg--black__xs {
    background-color: #000 !important; }
  .h-bdc--black__xs {
    border-color: #000 !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--black-base__xs {
    color: #000 !important; }
  .h-bg--black-base__xs {
    background-color: #000 !important; }
  .h-bdc--black-base__xs {
    border-color: #000 !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--black-light__xs {
    color: #111 !important; }
  .h-bg--black-light__xs {
    background-color: #111 !important; }
  .h-bdc--black-light__xs {
    border-color: #111 !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--white__xs {
    color: #fff !important; }
  .h-bg--white__xs {
    background-color: #fff !important; }
  .h-bdc--white__xs {
    border-color: #fff !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--white-base__xs {
    color: #fff !important; }
  .h-bg--white-base__xs {
    background-color: #fff !important; }
  .h-bdc--white-base__xs {
    border-color: #fff !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--grey__xs {
    color: #eee !important; }
  .h-bg--grey__xs {
    background-color: #eee !important; }
  .h-bdc--grey__xs {
    border-color: #eee !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--grey-base__xs {
    color: #eee !important; }
  .h-bg--grey-base__xs {
    background-color: #eee !important; }
  .h-bdc--grey-base__xs {
    border-color: #eee !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--grey-light__xs {
    color: #EFEFEF !important; }
  .h-bg--grey-light__xs {
    background-color: #EFEFEF !important; }
  .h-bdc--grey-light__xs {
    border-color: #EFEFEF !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--grey-lighter__xs {
    color: #ccc !important; }
  .h-bg--grey-lighter__xs {
    background-color: #ccc !important; }
  .h-bdc--grey-lighter__xs {
    border-color: #ccc !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--grey-medium__xs {
    color: #ddd !important; }
  .h-bg--grey-medium__xs {
    background-color: #ddd !important; }
  .h-bdc--grey-medium__xs {
    border-color: #ddd !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--grey-dark__xs {
    color: #666 !important; }
  .h-bg--grey-dark__xs {
    background-color: #666 !important; }
  .h-bdc--grey-dark__xs {
    border-color: #666 !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--grey-darker__xs {
    color: #707070 !important; }
  .h-bg--grey-darker__xs {
    background-color: #707070 !important; }
  .h-bdc--grey-darker__xs {
    border-color: #707070 !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--primary__xs {
    color: #ffbc5a !important; }
  .h-bg--primary__xs {
    background-color: #ffbc5a !important; }
  .h-bdc--primary__xs {
    border-color: #ffbc5a !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--primary-base__xs {
    color: #ffbc5a !important; }
  .h-bg--primary-base__xs {
    background-color: #ffbc5a !important; }
  .h-bdc--primary-base__xs {
    border-color: #ffbc5a !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--secondary__xs {
    color: #f99d1c !important; }
  .h-bg--secondary__xs {
    background-color: #f99d1c !important; }
  .h-bdc--secondary__xs {
    border-color: #f99d1c !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--secondary-base__xs {
    color: #f99d1c !important; }
  .h-bg--secondary-base__xs {
    background-color: #f99d1c !important; }
  .h-bdc--secondary-base__xs {
    border-color: #f99d1c !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--accent__xs {
    color: #897358 !important; }
  .h-bg--accent__xs {
    background-color: #897358 !important; }
  .h-bdc--accent__xs {
    border-color: #897358 !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--accent-base__xs {
    color: #897358 !important; }
  .h-bg--accent-base__xs {
    background-color: #897358 !important; }
  .h-bdc--accent-base__xs {
    border-color: #897358 !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--accent-light__xs {
    color: #E7E3DE !important; }
  .h-bg--accent-light__xs {
    background-color: #E7E3DE !important; }
  .h-bdc--accent-light__xs {
    border-color: #E7E3DE !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--error__xs {
    color: #A53230 !important; }
  .h-bg--error__xs {
    background-color: #A53230 !important; }
  .h-bdc--error__xs {
    border-color: #A53230 !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--error-base__xs {
    color: #A53230 !important; }
  .h-bg--error-base__xs {
    background-color: #A53230 !important; }
  .h-bdc--error-base__xs {
    border-color: #A53230 !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--error-light__xs {
    color: #f00 !important; }
  .h-bg--error-light__xs {
    background-color: #f00 !important; }
  .h-bdc--error-light__xs {
    border-color: #f00 !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--text__xs {
    color: #767676 !important; }
  .h-bg--text__xs {
    background-color: #767676 !important; }
  .h-bdc--text__xs {
    border-color: #767676 !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--text-base__xs {
    color: #767676 !important; }
  .h-bg--text-base__xs {
    background-color: #767676 !important; }
  .h-bdc--text-base__xs {
    border-color: #767676 !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--text-dark__xs {
    color: #000 !important; }
  .h-bg--text-dark__xs {
    background-color: #000 !important; }
  .h-bdc--text-dark__xs {
    border-color: #000 !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--accenttext__xs {
    color: #333 !important; }
  .h-bg--accenttext__xs {
    background-color: #333 !important; }
  .h-bdc--accenttext__xs {
    border-color: #333 !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--accenttext-base__xs {
    color: #333 !important; }
  .h-bg--accenttext-base__xs {
    background-color: #333 !important; }
  .h-bdc--accenttext-base__xs {
    border-color: #333 !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--border__xs {
    color: #BABABA !important; }
  .h-bg--border__xs {
    background-color: #BABABA !important; }
  .h-bdc--border__xs {
    border-color: #BABABA !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--border-base__xs {
    color: #BABABA !important; }
  .h-bg--border-base__xs {
    background-color: #BABABA !important; }
  .h-bdc--border-base__xs {
    border-color: #BABABA !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--success__xs {
    color: #76871a !important; }
  .h-bg--success__xs {
    background-color: #76871a !important; }
  .h-bdc--success__xs {
    border-color: #76871a !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--success-base__xs {
    color: #76871a !important; }
  .h-bg--success-base__xs {
    background-color: #76871a !important; }
  .h-bdc--success-base__xs {
    border-color: #76871a !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--blue__xs {
    color: #009CDE !important; }
  .h-bg--blue__xs {
    background-color: #009CDE !important; }
  .h-bdc--blue__xs {
    border-color: #009CDE !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--blue-base__xs {
    color: #009CDE !important; }
  .h-bg--blue-base__xs {
    background-color: #009CDE !important; }
  .h-bdc--blue-base__xs {
    border-color: #009CDE !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--blue-dark__xs {
    color: #252333 !important; }
  .h-bg--blue-dark__xs {
    background-color: #252333 !important; }
  .h-bdc--blue-dark__xs {
    border-color: #252333 !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--none__xs {
    color: transparent !important; }
  .h-bg--none__xs {
    background-color: transparent !important; }
  .h-bdc--none__xs {
    border-color: transparent !important; } }

@media only screen and (min-width: 576px) {
  .h-clr--none-base__xs {
    color: transparent !important; }
  .h-bg--none-base__xs {
    background-color: transparent !important; }
  .h-bdc--none-base__xs {
    border-color: transparent !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--default__m {
    color: #000 !important; }
  .h-bg--default__m {
    background-color: #000 !important; }
  .h-bdc--default__m {
    border-color: #000 !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--default-base__m {
    color: #000 !important; }
  .h-bg--default-base__m {
    background-color: #000 !important; }
  .h-bdc--default-base__m {
    border-color: #000 !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--black__m {
    color: #000 !important; }
  .h-bg--black__m {
    background-color: #000 !important; }
  .h-bdc--black__m {
    border-color: #000 !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--black-base__m {
    color: #000 !important; }
  .h-bg--black-base__m {
    background-color: #000 !important; }
  .h-bdc--black-base__m {
    border-color: #000 !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--black-light__m {
    color: #111 !important; }
  .h-bg--black-light__m {
    background-color: #111 !important; }
  .h-bdc--black-light__m {
    border-color: #111 !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--white__m {
    color: #fff !important; }
  .h-bg--white__m {
    background-color: #fff !important; }
  .h-bdc--white__m {
    border-color: #fff !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--white-base__m {
    color: #fff !important; }
  .h-bg--white-base__m {
    background-color: #fff !important; }
  .h-bdc--white-base__m {
    border-color: #fff !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--grey__m {
    color: #eee !important; }
  .h-bg--grey__m {
    background-color: #eee !important; }
  .h-bdc--grey__m {
    border-color: #eee !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--grey-base__m {
    color: #eee !important; }
  .h-bg--grey-base__m {
    background-color: #eee !important; }
  .h-bdc--grey-base__m {
    border-color: #eee !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--grey-light__m {
    color: #EFEFEF !important; }
  .h-bg--grey-light__m {
    background-color: #EFEFEF !important; }
  .h-bdc--grey-light__m {
    border-color: #EFEFEF !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--grey-lighter__m {
    color: #ccc !important; }
  .h-bg--grey-lighter__m {
    background-color: #ccc !important; }
  .h-bdc--grey-lighter__m {
    border-color: #ccc !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--grey-medium__m {
    color: #ddd !important; }
  .h-bg--grey-medium__m {
    background-color: #ddd !important; }
  .h-bdc--grey-medium__m {
    border-color: #ddd !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--grey-dark__m {
    color: #666 !important; }
  .h-bg--grey-dark__m {
    background-color: #666 !important; }
  .h-bdc--grey-dark__m {
    border-color: #666 !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--grey-darker__m {
    color: #707070 !important; }
  .h-bg--grey-darker__m {
    background-color: #707070 !important; }
  .h-bdc--grey-darker__m {
    border-color: #707070 !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--primary__m {
    color: #ffbc5a !important; }
  .h-bg--primary__m {
    background-color: #ffbc5a !important; }
  .h-bdc--primary__m {
    border-color: #ffbc5a !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--primary-base__m {
    color: #ffbc5a !important; }
  .h-bg--primary-base__m {
    background-color: #ffbc5a !important; }
  .h-bdc--primary-base__m {
    border-color: #ffbc5a !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--secondary__m {
    color: #f99d1c !important; }
  .h-bg--secondary__m {
    background-color: #f99d1c !important; }
  .h-bdc--secondary__m {
    border-color: #f99d1c !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--secondary-base__m {
    color: #f99d1c !important; }
  .h-bg--secondary-base__m {
    background-color: #f99d1c !important; }
  .h-bdc--secondary-base__m {
    border-color: #f99d1c !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--accent__m {
    color: #897358 !important; }
  .h-bg--accent__m {
    background-color: #897358 !important; }
  .h-bdc--accent__m {
    border-color: #897358 !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--accent-base__m {
    color: #897358 !important; }
  .h-bg--accent-base__m {
    background-color: #897358 !important; }
  .h-bdc--accent-base__m {
    border-color: #897358 !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--accent-light__m {
    color: #E7E3DE !important; }
  .h-bg--accent-light__m {
    background-color: #E7E3DE !important; }
  .h-bdc--accent-light__m {
    border-color: #E7E3DE !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--error__m {
    color: #A53230 !important; }
  .h-bg--error__m {
    background-color: #A53230 !important; }
  .h-bdc--error__m {
    border-color: #A53230 !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--error-base__m {
    color: #A53230 !important; }
  .h-bg--error-base__m {
    background-color: #A53230 !important; }
  .h-bdc--error-base__m {
    border-color: #A53230 !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--error-light__m {
    color: #f00 !important; }
  .h-bg--error-light__m {
    background-color: #f00 !important; }
  .h-bdc--error-light__m {
    border-color: #f00 !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--text__m {
    color: #767676 !important; }
  .h-bg--text__m {
    background-color: #767676 !important; }
  .h-bdc--text__m {
    border-color: #767676 !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--text-base__m {
    color: #767676 !important; }
  .h-bg--text-base__m {
    background-color: #767676 !important; }
  .h-bdc--text-base__m {
    border-color: #767676 !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--text-dark__m {
    color: #000 !important; }
  .h-bg--text-dark__m {
    background-color: #000 !important; }
  .h-bdc--text-dark__m {
    border-color: #000 !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--accenttext__m {
    color: #333 !important; }
  .h-bg--accenttext__m {
    background-color: #333 !important; }
  .h-bdc--accenttext__m {
    border-color: #333 !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--accenttext-base__m {
    color: #333 !important; }
  .h-bg--accenttext-base__m {
    background-color: #333 !important; }
  .h-bdc--accenttext-base__m {
    border-color: #333 !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--border__m {
    color: #BABABA !important; }
  .h-bg--border__m {
    background-color: #BABABA !important; }
  .h-bdc--border__m {
    border-color: #BABABA !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--border-base__m {
    color: #BABABA !important; }
  .h-bg--border-base__m {
    background-color: #BABABA !important; }
  .h-bdc--border-base__m {
    border-color: #BABABA !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--success__m {
    color: #76871a !important; }
  .h-bg--success__m {
    background-color: #76871a !important; }
  .h-bdc--success__m {
    border-color: #76871a !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--success-base__m {
    color: #76871a !important; }
  .h-bg--success-base__m {
    background-color: #76871a !important; }
  .h-bdc--success-base__m {
    border-color: #76871a !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--blue__m {
    color: #009CDE !important; }
  .h-bg--blue__m {
    background-color: #009CDE !important; }
  .h-bdc--blue__m {
    border-color: #009CDE !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--blue-base__m {
    color: #009CDE !important; }
  .h-bg--blue-base__m {
    background-color: #009CDE !important; }
  .h-bdc--blue-base__m {
    border-color: #009CDE !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--blue-dark__m {
    color: #252333 !important; }
  .h-bg--blue-dark__m {
    background-color: #252333 !important; }
  .h-bdc--blue-dark__m {
    border-color: #252333 !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--none__m {
    color: transparent !important; }
  .h-bg--none__m {
    background-color: transparent !important; }
  .h-bdc--none__m {
    border-color: transparent !important; } }

@media only screen and (max-width: 1024px) {
  .h-clr--none-base__m {
    color: transparent !important; }
  .h-bg--none-base__m {
    background-color: transparent !important; }
  .h-bdc--none-base__m {
    border-color: transparent !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--default__d {
    color: #000 !important; }
  .h-bg--default__d {
    background-color: #000 !important; }
  .h-bdc--default__d {
    border-color: #000 !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--default-base__d {
    color: #000 !important; }
  .h-bg--default-base__d {
    background-color: #000 !important; }
  .h-bdc--default-base__d {
    border-color: #000 !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--black__d {
    color: #000 !important; }
  .h-bg--black__d {
    background-color: #000 !important; }
  .h-bdc--black__d {
    border-color: #000 !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--black-base__d {
    color: #000 !important; }
  .h-bg--black-base__d {
    background-color: #000 !important; }
  .h-bdc--black-base__d {
    border-color: #000 !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--black-light__d {
    color: #111 !important; }
  .h-bg--black-light__d {
    background-color: #111 !important; }
  .h-bdc--black-light__d {
    border-color: #111 !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--white__d {
    color: #fff !important; }
  .h-bg--white__d {
    background-color: #fff !important; }
  .h-bdc--white__d {
    border-color: #fff !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--white-base__d {
    color: #fff !important; }
  .h-bg--white-base__d {
    background-color: #fff !important; }
  .h-bdc--white-base__d {
    border-color: #fff !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--grey__d {
    color: #eee !important; }
  .h-bg--grey__d {
    background-color: #eee !important; }
  .h-bdc--grey__d {
    border-color: #eee !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--grey-base__d {
    color: #eee !important; }
  .h-bg--grey-base__d {
    background-color: #eee !important; }
  .h-bdc--grey-base__d {
    border-color: #eee !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--grey-light__d {
    color: #EFEFEF !important; }
  .h-bg--grey-light__d {
    background-color: #EFEFEF !important; }
  .h-bdc--grey-light__d {
    border-color: #EFEFEF !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--grey-lighter__d {
    color: #ccc !important; }
  .h-bg--grey-lighter__d {
    background-color: #ccc !important; }
  .h-bdc--grey-lighter__d {
    border-color: #ccc !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--grey-medium__d {
    color: #ddd !important; }
  .h-bg--grey-medium__d {
    background-color: #ddd !important; }
  .h-bdc--grey-medium__d {
    border-color: #ddd !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--grey-dark__d {
    color: #666 !important; }
  .h-bg--grey-dark__d {
    background-color: #666 !important; }
  .h-bdc--grey-dark__d {
    border-color: #666 !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--grey-darker__d {
    color: #707070 !important; }
  .h-bg--grey-darker__d {
    background-color: #707070 !important; }
  .h-bdc--grey-darker__d {
    border-color: #707070 !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--primary__d {
    color: #ffbc5a !important; }
  .h-bg--primary__d {
    background-color: #ffbc5a !important; }
  .h-bdc--primary__d {
    border-color: #ffbc5a !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--primary-base__d {
    color: #ffbc5a !important; }
  .h-bg--primary-base__d {
    background-color: #ffbc5a !important; }
  .h-bdc--primary-base__d {
    border-color: #ffbc5a !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--secondary__d {
    color: #f99d1c !important; }
  .h-bg--secondary__d {
    background-color: #f99d1c !important; }
  .h-bdc--secondary__d {
    border-color: #f99d1c !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--secondary-base__d {
    color: #f99d1c !important; }
  .h-bg--secondary-base__d {
    background-color: #f99d1c !important; }
  .h-bdc--secondary-base__d {
    border-color: #f99d1c !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--accent__d {
    color: #897358 !important; }
  .h-bg--accent__d {
    background-color: #897358 !important; }
  .h-bdc--accent__d {
    border-color: #897358 !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--accent-base__d {
    color: #897358 !important; }
  .h-bg--accent-base__d {
    background-color: #897358 !important; }
  .h-bdc--accent-base__d {
    border-color: #897358 !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--accent-light__d {
    color: #E7E3DE !important; }
  .h-bg--accent-light__d {
    background-color: #E7E3DE !important; }
  .h-bdc--accent-light__d {
    border-color: #E7E3DE !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--error__d {
    color: #A53230 !important; }
  .h-bg--error__d {
    background-color: #A53230 !important; }
  .h-bdc--error__d {
    border-color: #A53230 !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--error-base__d {
    color: #A53230 !important; }
  .h-bg--error-base__d {
    background-color: #A53230 !important; }
  .h-bdc--error-base__d {
    border-color: #A53230 !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--error-light__d {
    color: #f00 !important; }
  .h-bg--error-light__d {
    background-color: #f00 !important; }
  .h-bdc--error-light__d {
    border-color: #f00 !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--text__d {
    color: #767676 !important; }
  .h-bg--text__d {
    background-color: #767676 !important; }
  .h-bdc--text__d {
    border-color: #767676 !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--text-base__d {
    color: #767676 !important; }
  .h-bg--text-base__d {
    background-color: #767676 !important; }
  .h-bdc--text-base__d {
    border-color: #767676 !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--text-dark__d {
    color: #000 !important; }
  .h-bg--text-dark__d {
    background-color: #000 !important; }
  .h-bdc--text-dark__d {
    border-color: #000 !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--accenttext__d {
    color: #333 !important; }
  .h-bg--accenttext__d {
    background-color: #333 !important; }
  .h-bdc--accenttext__d {
    border-color: #333 !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--accenttext-base__d {
    color: #333 !important; }
  .h-bg--accenttext-base__d {
    background-color: #333 !important; }
  .h-bdc--accenttext-base__d {
    border-color: #333 !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--border__d {
    color: #BABABA !important; }
  .h-bg--border__d {
    background-color: #BABABA !important; }
  .h-bdc--border__d {
    border-color: #BABABA !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--border-base__d {
    color: #BABABA !important; }
  .h-bg--border-base__d {
    background-color: #BABABA !important; }
  .h-bdc--border-base__d {
    border-color: #BABABA !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--success__d {
    color: #76871a !important; }
  .h-bg--success__d {
    background-color: #76871a !important; }
  .h-bdc--success__d {
    border-color: #76871a !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--success-base__d {
    color: #76871a !important; }
  .h-bg--success-base__d {
    background-color: #76871a !important; }
  .h-bdc--success-base__d {
    border-color: #76871a !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--blue__d {
    color: #009CDE !important; }
  .h-bg--blue__d {
    background-color: #009CDE !important; }
  .h-bdc--blue__d {
    border-color: #009CDE !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--blue-base__d {
    color: #009CDE !important; }
  .h-bg--blue-base__d {
    background-color: #009CDE !important; }
  .h-bdc--blue-base__d {
    border-color: #009CDE !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--blue-dark__d {
    color: #252333 !important; }
  .h-bg--blue-dark__d {
    background-color: #252333 !important; }
  .h-bdc--blue-dark__d {
    border-color: #252333 !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--none__d {
    color: transparent !important; }
  .h-bg--none__d {
    background-color: transparent !important; }
  .h-bdc--none__d {
    border-color: transparent !important; } }

@media only screen and (min-width: 1025px) {
  .h-clr--none-base__d {
    color: transparent !important; }
  .h-bg--none-base__d {
    background-color: transparent !important; }
  .h-bdc--none-base__d {
    border-color: transparent !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--default__sm {
    color: #000 !important; }
  .h-bg--default__sm {
    background-color: #000 !important; }
  .h-bdc--default__sm {
    border-color: #000 !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--default-base__sm {
    color: #000 !important; }
  .h-bg--default-base__sm {
    background-color: #000 !important; }
  .h-bdc--default-base__sm {
    border-color: #000 !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--black__sm {
    color: #000 !important; }
  .h-bg--black__sm {
    background-color: #000 !important; }
  .h-bdc--black__sm {
    border-color: #000 !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--black-base__sm {
    color: #000 !important; }
  .h-bg--black-base__sm {
    background-color: #000 !important; }
  .h-bdc--black-base__sm {
    border-color: #000 !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--black-light__sm {
    color: #111 !important; }
  .h-bg--black-light__sm {
    background-color: #111 !important; }
  .h-bdc--black-light__sm {
    border-color: #111 !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--white__sm {
    color: #fff !important; }
  .h-bg--white__sm {
    background-color: #fff !important; }
  .h-bdc--white__sm {
    border-color: #fff !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--white-base__sm {
    color: #fff !important; }
  .h-bg--white-base__sm {
    background-color: #fff !important; }
  .h-bdc--white-base__sm {
    border-color: #fff !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--grey__sm {
    color: #eee !important; }
  .h-bg--grey__sm {
    background-color: #eee !important; }
  .h-bdc--grey__sm {
    border-color: #eee !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--grey-base__sm {
    color: #eee !important; }
  .h-bg--grey-base__sm {
    background-color: #eee !important; }
  .h-bdc--grey-base__sm {
    border-color: #eee !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--grey-light__sm {
    color: #EFEFEF !important; }
  .h-bg--grey-light__sm {
    background-color: #EFEFEF !important; }
  .h-bdc--grey-light__sm {
    border-color: #EFEFEF !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--grey-lighter__sm {
    color: #ccc !important; }
  .h-bg--grey-lighter__sm {
    background-color: #ccc !important; }
  .h-bdc--grey-lighter__sm {
    border-color: #ccc !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--grey-medium__sm {
    color: #ddd !important; }
  .h-bg--grey-medium__sm {
    background-color: #ddd !important; }
  .h-bdc--grey-medium__sm {
    border-color: #ddd !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--grey-dark__sm {
    color: #666 !important; }
  .h-bg--grey-dark__sm {
    background-color: #666 !important; }
  .h-bdc--grey-dark__sm {
    border-color: #666 !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--grey-darker__sm {
    color: #707070 !important; }
  .h-bg--grey-darker__sm {
    background-color: #707070 !important; }
  .h-bdc--grey-darker__sm {
    border-color: #707070 !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--primary__sm {
    color: #ffbc5a !important; }
  .h-bg--primary__sm {
    background-color: #ffbc5a !important; }
  .h-bdc--primary__sm {
    border-color: #ffbc5a !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--primary-base__sm {
    color: #ffbc5a !important; }
  .h-bg--primary-base__sm {
    background-color: #ffbc5a !important; }
  .h-bdc--primary-base__sm {
    border-color: #ffbc5a !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--secondary__sm {
    color: #f99d1c !important; }
  .h-bg--secondary__sm {
    background-color: #f99d1c !important; }
  .h-bdc--secondary__sm {
    border-color: #f99d1c !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--secondary-base__sm {
    color: #f99d1c !important; }
  .h-bg--secondary-base__sm {
    background-color: #f99d1c !important; }
  .h-bdc--secondary-base__sm {
    border-color: #f99d1c !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--accent__sm {
    color: #897358 !important; }
  .h-bg--accent__sm {
    background-color: #897358 !important; }
  .h-bdc--accent__sm {
    border-color: #897358 !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--accent-base__sm {
    color: #897358 !important; }
  .h-bg--accent-base__sm {
    background-color: #897358 !important; }
  .h-bdc--accent-base__sm {
    border-color: #897358 !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--accent-light__sm {
    color: #E7E3DE !important; }
  .h-bg--accent-light__sm {
    background-color: #E7E3DE !important; }
  .h-bdc--accent-light__sm {
    border-color: #E7E3DE !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--error__sm {
    color: #A53230 !important; }
  .h-bg--error__sm {
    background-color: #A53230 !important; }
  .h-bdc--error__sm {
    border-color: #A53230 !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--error-base__sm {
    color: #A53230 !important; }
  .h-bg--error-base__sm {
    background-color: #A53230 !important; }
  .h-bdc--error-base__sm {
    border-color: #A53230 !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--error-light__sm {
    color: #f00 !important; }
  .h-bg--error-light__sm {
    background-color: #f00 !important; }
  .h-bdc--error-light__sm {
    border-color: #f00 !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--text__sm {
    color: #767676 !important; }
  .h-bg--text__sm {
    background-color: #767676 !important; }
  .h-bdc--text__sm {
    border-color: #767676 !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--text-base__sm {
    color: #767676 !important; }
  .h-bg--text-base__sm {
    background-color: #767676 !important; }
  .h-bdc--text-base__sm {
    border-color: #767676 !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--text-dark__sm {
    color: #000 !important; }
  .h-bg--text-dark__sm {
    background-color: #000 !important; }
  .h-bdc--text-dark__sm {
    border-color: #000 !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--accenttext__sm {
    color: #333 !important; }
  .h-bg--accenttext__sm {
    background-color: #333 !important; }
  .h-bdc--accenttext__sm {
    border-color: #333 !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--accenttext-base__sm {
    color: #333 !important; }
  .h-bg--accenttext-base__sm {
    background-color: #333 !important; }
  .h-bdc--accenttext-base__sm {
    border-color: #333 !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--border__sm {
    color: #BABABA !important; }
  .h-bg--border__sm {
    background-color: #BABABA !important; }
  .h-bdc--border__sm {
    border-color: #BABABA !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--border-base__sm {
    color: #BABABA !important; }
  .h-bg--border-base__sm {
    background-color: #BABABA !important; }
  .h-bdc--border-base__sm {
    border-color: #BABABA !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--success__sm {
    color: #76871a !important; }
  .h-bg--success__sm {
    background-color: #76871a !important; }
  .h-bdc--success__sm {
    border-color: #76871a !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--success-base__sm {
    color: #76871a !important; }
  .h-bg--success-base__sm {
    background-color: #76871a !important; }
  .h-bdc--success-base__sm {
    border-color: #76871a !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--blue__sm {
    color: #009CDE !important; }
  .h-bg--blue__sm {
    background-color: #009CDE !important; }
  .h-bdc--blue__sm {
    border-color: #009CDE !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--blue-base__sm {
    color: #009CDE !important; }
  .h-bg--blue-base__sm {
    background-color: #009CDE !important; }
  .h-bdc--blue-base__sm {
    border-color: #009CDE !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--blue-dark__sm {
    color: #252333 !important; }
  .h-bg--blue-dark__sm {
    background-color: #252333 !important; }
  .h-bdc--blue-dark__sm {
    border-color: #252333 !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--none__sm {
    color: transparent !important; }
  .h-bg--none__sm {
    background-color: transparent !important; }
  .h-bdc--none__sm {
    border-color: transparent !important; } }

@media only screen and (min-width: 769px) {
  .h-clr--none-base__sm {
    color: transparent !important; }
  .h-bg--none-base__sm {
    background-color: transparent !important; }
  .h-bdc--none-base__sm {
    border-color: transparent !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--default__l {
    color: #000 !important; }
  .h-bg--default__l {
    background-color: #000 !important; }
  .h-bdc--default__l {
    border-color: #000 !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--default-base__l {
    color: #000 !important; }
  .h-bg--default-base__l {
    background-color: #000 !important; }
  .h-bdc--default-base__l {
    border-color: #000 !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--black__l {
    color: #000 !important; }
  .h-bg--black__l {
    background-color: #000 !important; }
  .h-bdc--black__l {
    border-color: #000 !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--black-base__l {
    color: #000 !important; }
  .h-bg--black-base__l {
    background-color: #000 !important; }
  .h-bdc--black-base__l {
    border-color: #000 !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--black-light__l {
    color: #111 !important; }
  .h-bg--black-light__l {
    background-color: #111 !important; }
  .h-bdc--black-light__l {
    border-color: #111 !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--white__l {
    color: #fff !important; }
  .h-bg--white__l {
    background-color: #fff !important; }
  .h-bdc--white__l {
    border-color: #fff !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--white-base__l {
    color: #fff !important; }
  .h-bg--white-base__l {
    background-color: #fff !important; }
  .h-bdc--white-base__l {
    border-color: #fff !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--grey__l {
    color: #eee !important; }
  .h-bg--grey__l {
    background-color: #eee !important; }
  .h-bdc--grey__l {
    border-color: #eee !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--grey-base__l {
    color: #eee !important; }
  .h-bg--grey-base__l {
    background-color: #eee !important; }
  .h-bdc--grey-base__l {
    border-color: #eee !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--grey-light__l {
    color: #EFEFEF !important; }
  .h-bg--grey-light__l {
    background-color: #EFEFEF !important; }
  .h-bdc--grey-light__l {
    border-color: #EFEFEF !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--grey-lighter__l {
    color: #ccc !important; }
  .h-bg--grey-lighter__l {
    background-color: #ccc !important; }
  .h-bdc--grey-lighter__l {
    border-color: #ccc !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--grey-medium__l {
    color: #ddd !important; }
  .h-bg--grey-medium__l {
    background-color: #ddd !important; }
  .h-bdc--grey-medium__l {
    border-color: #ddd !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--grey-dark__l {
    color: #666 !important; }
  .h-bg--grey-dark__l {
    background-color: #666 !important; }
  .h-bdc--grey-dark__l {
    border-color: #666 !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--grey-darker__l {
    color: #707070 !important; }
  .h-bg--grey-darker__l {
    background-color: #707070 !important; }
  .h-bdc--grey-darker__l {
    border-color: #707070 !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--primary__l {
    color: #ffbc5a !important; }
  .h-bg--primary__l {
    background-color: #ffbc5a !important; }
  .h-bdc--primary__l {
    border-color: #ffbc5a !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--primary-base__l {
    color: #ffbc5a !important; }
  .h-bg--primary-base__l {
    background-color: #ffbc5a !important; }
  .h-bdc--primary-base__l {
    border-color: #ffbc5a !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--secondary__l {
    color: #f99d1c !important; }
  .h-bg--secondary__l {
    background-color: #f99d1c !important; }
  .h-bdc--secondary__l {
    border-color: #f99d1c !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--secondary-base__l {
    color: #f99d1c !important; }
  .h-bg--secondary-base__l {
    background-color: #f99d1c !important; }
  .h-bdc--secondary-base__l {
    border-color: #f99d1c !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--accent__l {
    color: #897358 !important; }
  .h-bg--accent__l {
    background-color: #897358 !important; }
  .h-bdc--accent__l {
    border-color: #897358 !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--accent-base__l {
    color: #897358 !important; }
  .h-bg--accent-base__l {
    background-color: #897358 !important; }
  .h-bdc--accent-base__l {
    border-color: #897358 !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--accent-light__l {
    color: #E7E3DE !important; }
  .h-bg--accent-light__l {
    background-color: #E7E3DE !important; }
  .h-bdc--accent-light__l {
    border-color: #E7E3DE !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--error__l {
    color: #A53230 !important; }
  .h-bg--error__l {
    background-color: #A53230 !important; }
  .h-bdc--error__l {
    border-color: #A53230 !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--error-base__l {
    color: #A53230 !important; }
  .h-bg--error-base__l {
    background-color: #A53230 !important; }
  .h-bdc--error-base__l {
    border-color: #A53230 !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--error-light__l {
    color: #f00 !important; }
  .h-bg--error-light__l {
    background-color: #f00 !important; }
  .h-bdc--error-light__l {
    border-color: #f00 !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--text__l {
    color: #767676 !important; }
  .h-bg--text__l {
    background-color: #767676 !important; }
  .h-bdc--text__l {
    border-color: #767676 !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--text-base__l {
    color: #767676 !important; }
  .h-bg--text-base__l {
    background-color: #767676 !important; }
  .h-bdc--text-base__l {
    border-color: #767676 !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--text-dark__l {
    color: #000 !important; }
  .h-bg--text-dark__l {
    background-color: #000 !important; }
  .h-bdc--text-dark__l {
    border-color: #000 !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--accenttext__l {
    color: #333 !important; }
  .h-bg--accenttext__l {
    background-color: #333 !important; }
  .h-bdc--accenttext__l {
    border-color: #333 !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--accenttext-base__l {
    color: #333 !important; }
  .h-bg--accenttext-base__l {
    background-color: #333 !important; }
  .h-bdc--accenttext-base__l {
    border-color: #333 !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--border__l {
    color: #BABABA !important; }
  .h-bg--border__l {
    background-color: #BABABA !important; }
  .h-bdc--border__l {
    border-color: #BABABA !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--border-base__l {
    color: #BABABA !important; }
  .h-bg--border-base__l {
    background-color: #BABABA !important; }
  .h-bdc--border-base__l {
    border-color: #BABABA !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--success__l {
    color: #76871a !important; }
  .h-bg--success__l {
    background-color: #76871a !important; }
  .h-bdc--success__l {
    border-color: #76871a !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--success-base__l {
    color: #76871a !important; }
  .h-bg--success-base__l {
    background-color: #76871a !important; }
  .h-bdc--success-base__l {
    border-color: #76871a !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--blue__l {
    color: #009CDE !important; }
  .h-bg--blue__l {
    background-color: #009CDE !important; }
  .h-bdc--blue__l {
    border-color: #009CDE !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--blue-base__l {
    color: #009CDE !important; }
  .h-bg--blue-base__l {
    background-color: #009CDE !important; }
  .h-bdc--blue-base__l {
    border-color: #009CDE !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--blue-dark__l {
    color: #252333 !important; }
  .h-bg--blue-dark__l {
    background-color: #252333 !important; }
  .h-bdc--blue-dark__l {
    border-color: #252333 !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--none__l {
    color: transparent !important; }
  .h-bg--none__l {
    background-color: transparent !important; }
  .h-bdc--none__l {
    border-color: transparent !important; } }

@media only screen and (min-width: 1200px) {
  .h-clr--none-base__l {
    color: transparent !important; }
  .h-bg--none-base__l {
    background-color: transparent !important; }
  .h-bdc--none-base__l {
    border-color: transparent !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--default__xl {
    color: #000 !important; }
  .h-bg--default__xl {
    background-color: #000 !important; }
  .h-bdc--default__xl {
    border-color: #000 !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--default-base__xl {
    color: #000 !important; }
  .h-bg--default-base__xl {
    background-color: #000 !important; }
  .h-bdc--default-base__xl {
    border-color: #000 !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--black__xl {
    color: #000 !important; }
  .h-bg--black__xl {
    background-color: #000 !important; }
  .h-bdc--black__xl {
    border-color: #000 !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--black-base__xl {
    color: #000 !important; }
  .h-bg--black-base__xl {
    background-color: #000 !important; }
  .h-bdc--black-base__xl {
    border-color: #000 !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--black-light__xl {
    color: #111 !important; }
  .h-bg--black-light__xl {
    background-color: #111 !important; }
  .h-bdc--black-light__xl {
    border-color: #111 !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--white__xl {
    color: #fff !important; }
  .h-bg--white__xl {
    background-color: #fff !important; }
  .h-bdc--white__xl {
    border-color: #fff !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--white-base__xl {
    color: #fff !important; }
  .h-bg--white-base__xl {
    background-color: #fff !important; }
  .h-bdc--white-base__xl {
    border-color: #fff !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--grey__xl {
    color: #eee !important; }
  .h-bg--grey__xl {
    background-color: #eee !important; }
  .h-bdc--grey__xl {
    border-color: #eee !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--grey-base__xl {
    color: #eee !important; }
  .h-bg--grey-base__xl {
    background-color: #eee !important; }
  .h-bdc--grey-base__xl {
    border-color: #eee !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--grey-light__xl {
    color: #EFEFEF !important; }
  .h-bg--grey-light__xl {
    background-color: #EFEFEF !important; }
  .h-bdc--grey-light__xl {
    border-color: #EFEFEF !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--grey-lighter__xl {
    color: #ccc !important; }
  .h-bg--grey-lighter__xl {
    background-color: #ccc !important; }
  .h-bdc--grey-lighter__xl {
    border-color: #ccc !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--grey-medium__xl {
    color: #ddd !important; }
  .h-bg--grey-medium__xl {
    background-color: #ddd !important; }
  .h-bdc--grey-medium__xl {
    border-color: #ddd !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--grey-dark__xl {
    color: #666 !important; }
  .h-bg--grey-dark__xl {
    background-color: #666 !important; }
  .h-bdc--grey-dark__xl {
    border-color: #666 !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--grey-darker__xl {
    color: #707070 !important; }
  .h-bg--grey-darker__xl {
    background-color: #707070 !important; }
  .h-bdc--grey-darker__xl {
    border-color: #707070 !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--primary__xl {
    color: #ffbc5a !important; }
  .h-bg--primary__xl {
    background-color: #ffbc5a !important; }
  .h-bdc--primary__xl {
    border-color: #ffbc5a !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--primary-base__xl {
    color: #ffbc5a !important; }
  .h-bg--primary-base__xl {
    background-color: #ffbc5a !important; }
  .h-bdc--primary-base__xl {
    border-color: #ffbc5a !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--secondary__xl {
    color: #f99d1c !important; }
  .h-bg--secondary__xl {
    background-color: #f99d1c !important; }
  .h-bdc--secondary__xl {
    border-color: #f99d1c !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--secondary-base__xl {
    color: #f99d1c !important; }
  .h-bg--secondary-base__xl {
    background-color: #f99d1c !important; }
  .h-bdc--secondary-base__xl {
    border-color: #f99d1c !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--accent__xl {
    color: #897358 !important; }
  .h-bg--accent__xl {
    background-color: #897358 !important; }
  .h-bdc--accent__xl {
    border-color: #897358 !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--accent-base__xl {
    color: #897358 !important; }
  .h-bg--accent-base__xl {
    background-color: #897358 !important; }
  .h-bdc--accent-base__xl {
    border-color: #897358 !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--accent-light__xl {
    color: #E7E3DE !important; }
  .h-bg--accent-light__xl {
    background-color: #E7E3DE !important; }
  .h-bdc--accent-light__xl {
    border-color: #E7E3DE !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--error__xl {
    color: #A53230 !important; }
  .h-bg--error__xl {
    background-color: #A53230 !important; }
  .h-bdc--error__xl {
    border-color: #A53230 !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--error-base__xl {
    color: #A53230 !important; }
  .h-bg--error-base__xl {
    background-color: #A53230 !important; }
  .h-bdc--error-base__xl {
    border-color: #A53230 !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--error-light__xl {
    color: #f00 !important; }
  .h-bg--error-light__xl {
    background-color: #f00 !important; }
  .h-bdc--error-light__xl {
    border-color: #f00 !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--text__xl {
    color: #767676 !important; }
  .h-bg--text__xl {
    background-color: #767676 !important; }
  .h-bdc--text__xl {
    border-color: #767676 !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--text-base__xl {
    color: #767676 !important; }
  .h-bg--text-base__xl {
    background-color: #767676 !important; }
  .h-bdc--text-base__xl {
    border-color: #767676 !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--text-dark__xl {
    color: #000 !important; }
  .h-bg--text-dark__xl {
    background-color: #000 !important; }
  .h-bdc--text-dark__xl {
    border-color: #000 !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--accenttext__xl {
    color: #333 !important; }
  .h-bg--accenttext__xl {
    background-color: #333 !important; }
  .h-bdc--accenttext__xl {
    border-color: #333 !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--accenttext-base__xl {
    color: #333 !important; }
  .h-bg--accenttext-base__xl {
    background-color: #333 !important; }
  .h-bdc--accenttext-base__xl {
    border-color: #333 !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--border__xl {
    color: #BABABA !important; }
  .h-bg--border__xl {
    background-color: #BABABA !important; }
  .h-bdc--border__xl {
    border-color: #BABABA !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--border-base__xl {
    color: #BABABA !important; }
  .h-bg--border-base__xl {
    background-color: #BABABA !important; }
  .h-bdc--border-base__xl {
    border-color: #BABABA !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--success__xl {
    color: #76871a !important; }
  .h-bg--success__xl {
    background-color: #76871a !important; }
  .h-bdc--success__xl {
    border-color: #76871a !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--success-base__xl {
    color: #76871a !important; }
  .h-bg--success-base__xl {
    background-color: #76871a !important; }
  .h-bdc--success-base__xl {
    border-color: #76871a !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--blue__xl {
    color: #009CDE !important; }
  .h-bg--blue__xl {
    background-color: #009CDE !important; }
  .h-bdc--blue__xl {
    border-color: #009CDE !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--blue-base__xl {
    color: #009CDE !important; }
  .h-bg--blue-base__xl {
    background-color: #009CDE !important; }
  .h-bdc--blue-base__xl {
    border-color: #009CDE !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--blue-dark__xl {
    color: #252333 !important; }
  .h-bg--blue-dark__xl {
    background-color: #252333 !important; }
  .h-bdc--blue-dark__xl {
    border-color: #252333 !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--none__xl {
    color: transparent !important; }
  .h-bg--none__xl {
    background-color: transparent !important; }
  .h-bdc--none__xl {
    border-color: transparent !important; } }

@media only screen and (min-width: 1500px) {
  .h-clr--none-base__xl {
    color: transparent !important; }
  .h-bg--none-base__xl {
    background-color: transparent !important; }
  .h-bdc--none-base__xl {
    border-color: transparent !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--default__xxl {
    color: #000 !important; }
  .h-bg--default__xxl {
    background-color: #000 !important; }
  .h-bdc--default__xxl {
    border-color: #000 !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--default-base__xxl {
    color: #000 !important; }
  .h-bg--default-base__xxl {
    background-color: #000 !important; }
  .h-bdc--default-base__xxl {
    border-color: #000 !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--black__xxl {
    color: #000 !important; }
  .h-bg--black__xxl {
    background-color: #000 !important; }
  .h-bdc--black__xxl {
    border-color: #000 !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--black-base__xxl {
    color: #000 !important; }
  .h-bg--black-base__xxl {
    background-color: #000 !important; }
  .h-bdc--black-base__xxl {
    border-color: #000 !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--black-light__xxl {
    color: #111 !important; }
  .h-bg--black-light__xxl {
    background-color: #111 !important; }
  .h-bdc--black-light__xxl {
    border-color: #111 !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--white__xxl {
    color: #fff !important; }
  .h-bg--white__xxl {
    background-color: #fff !important; }
  .h-bdc--white__xxl {
    border-color: #fff !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--white-base__xxl {
    color: #fff !important; }
  .h-bg--white-base__xxl {
    background-color: #fff !important; }
  .h-bdc--white-base__xxl {
    border-color: #fff !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--grey__xxl {
    color: #eee !important; }
  .h-bg--grey__xxl {
    background-color: #eee !important; }
  .h-bdc--grey__xxl {
    border-color: #eee !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--grey-base__xxl {
    color: #eee !important; }
  .h-bg--grey-base__xxl {
    background-color: #eee !important; }
  .h-bdc--grey-base__xxl {
    border-color: #eee !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--grey-light__xxl {
    color: #EFEFEF !important; }
  .h-bg--grey-light__xxl {
    background-color: #EFEFEF !important; }
  .h-bdc--grey-light__xxl {
    border-color: #EFEFEF !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--grey-lighter__xxl {
    color: #ccc !important; }
  .h-bg--grey-lighter__xxl {
    background-color: #ccc !important; }
  .h-bdc--grey-lighter__xxl {
    border-color: #ccc !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--grey-medium__xxl {
    color: #ddd !important; }
  .h-bg--grey-medium__xxl {
    background-color: #ddd !important; }
  .h-bdc--grey-medium__xxl {
    border-color: #ddd !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--grey-dark__xxl {
    color: #666 !important; }
  .h-bg--grey-dark__xxl {
    background-color: #666 !important; }
  .h-bdc--grey-dark__xxl {
    border-color: #666 !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--grey-darker__xxl {
    color: #707070 !important; }
  .h-bg--grey-darker__xxl {
    background-color: #707070 !important; }
  .h-bdc--grey-darker__xxl {
    border-color: #707070 !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--primary__xxl {
    color: #ffbc5a !important; }
  .h-bg--primary__xxl {
    background-color: #ffbc5a !important; }
  .h-bdc--primary__xxl {
    border-color: #ffbc5a !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--primary-base__xxl {
    color: #ffbc5a !important; }
  .h-bg--primary-base__xxl {
    background-color: #ffbc5a !important; }
  .h-bdc--primary-base__xxl {
    border-color: #ffbc5a !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--secondary__xxl {
    color: #f99d1c !important; }
  .h-bg--secondary__xxl {
    background-color: #f99d1c !important; }
  .h-bdc--secondary__xxl {
    border-color: #f99d1c !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--secondary-base__xxl {
    color: #f99d1c !important; }
  .h-bg--secondary-base__xxl {
    background-color: #f99d1c !important; }
  .h-bdc--secondary-base__xxl {
    border-color: #f99d1c !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--accent__xxl {
    color: #897358 !important; }
  .h-bg--accent__xxl {
    background-color: #897358 !important; }
  .h-bdc--accent__xxl {
    border-color: #897358 !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--accent-base__xxl {
    color: #897358 !important; }
  .h-bg--accent-base__xxl {
    background-color: #897358 !important; }
  .h-bdc--accent-base__xxl {
    border-color: #897358 !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--accent-light__xxl {
    color: #E7E3DE !important; }
  .h-bg--accent-light__xxl {
    background-color: #E7E3DE !important; }
  .h-bdc--accent-light__xxl {
    border-color: #E7E3DE !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--error__xxl {
    color: #A53230 !important; }
  .h-bg--error__xxl {
    background-color: #A53230 !important; }
  .h-bdc--error__xxl {
    border-color: #A53230 !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--error-base__xxl {
    color: #A53230 !important; }
  .h-bg--error-base__xxl {
    background-color: #A53230 !important; }
  .h-bdc--error-base__xxl {
    border-color: #A53230 !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--error-light__xxl {
    color: #f00 !important; }
  .h-bg--error-light__xxl {
    background-color: #f00 !important; }
  .h-bdc--error-light__xxl {
    border-color: #f00 !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--text__xxl {
    color: #767676 !important; }
  .h-bg--text__xxl {
    background-color: #767676 !important; }
  .h-bdc--text__xxl {
    border-color: #767676 !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--text-base__xxl {
    color: #767676 !important; }
  .h-bg--text-base__xxl {
    background-color: #767676 !important; }
  .h-bdc--text-base__xxl {
    border-color: #767676 !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--text-dark__xxl {
    color: #000 !important; }
  .h-bg--text-dark__xxl {
    background-color: #000 !important; }
  .h-bdc--text-dark__xxl {
    border-color: #000 !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--accenttext__xxl {
    color: #333 !important; }
  .h-bg--accenttext__xxl {
    background-color: #333 !important; }
  .h-bdc--accenttext__xxl {
    border-color: #333 !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--accenttext-base__xxl {
    color: #333 !important; }
  .h-bg--accenttext-base__xxl {
    background-color: #333 !important; }
  .h-bdc--accenttext-base__xxl {
    border-color: #333 !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--border__xxl {
    color: #BABABA !important; }
  .h-bg--border__xxl {
    background-color: #BABABA !important; }
  .h-bdc--border__xxl {
    border-color: #BABABA !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--border-base__xxl {
    color: #BABABA !important; }
  .h-bg--border-base__xxl {
    background-color: #BABABA !important; }
  .h-bdc--border-base__xxl {
    border-color: #BABABA !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--success__xxl {
    color: #76871a !important; }
  .h-bg--success__xxl {
    background-color: #76871a !important; }
  .h-bdc--success__xxl {
    border-color: #76871a !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--success-base__xxl {
    color: #76871a !important; }
  .h-bg--success-base__xxl {
    background-color: #76871a !important; }
  .h-bdc--success-base__xxl {
    border-color: #76871a !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--blue__xxl {
    color: #009CDE !important; }
  .h-bg--blue__xxl {
    background-color: #009CDE !important; }
  .h-bdc--blue__xxl {
    border-color: #009CDE !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--blue-base__xxl {
    color: #009CDE !important; }
  .h-bg--blue-base__xxl {
    background-color: #009CDE !important; }
  .h-bdc--blue-base__xxl {
    border-color: #009CDE !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--blue-dark__xxl {
    color: #252333 !important; }
  .h-bg--blue-dark__xxl {
    background-color: #252333 !important; }
  .h-bdc--blue-dark__xxl {
    border-color: #252333 !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--none__xxl {
    color: transparent !important; }
  .h-bg--none__xxl {
    background-color: transparent !important; }
  .h-bdc--none__xxl {
    border-color: transparent !important; } }

@media only screen and (min-width: 2000px) {
  .h-clr--none-base__xxl {
    color: transparent !important; }
  .h-bg--none-base__xxl {
    background-color: transparent !important; }
  .h-bdc--none-base__xxl {
    border-color: transparent !important; } }

.bg-with-opacity-primary {
  background-color: rgba(235, 161, 64, 0.1) !important; }

.bg-with-opacity-primary-purple {
  background-color: rgba(78, 0, 79, 0.1) !important; }

.bg-with-opacity-primary-active {
  background-color: rgba(249, 157, 28, 0.1) !important; }

.bg-with-opacity-secondary {
  background-color: rgba(249, 157, 28, 0.1) !important; }

.bg-with-opacity-secondary-active {
  background-color: rgba(165, 60, 20, 0.1) !important; }

.bg-with-opacity-text {
  background-color: rgba(63, 57, 54, 0.1) !important; }

.bg-with-opacity-text-secondary {
  background-color: rgba(130, 130, 130, 0.1) !important; }

.bg-with-opacity-text-tertiary {
  background-color: rgba(239, 236, 240, 0.1) !important; }

.bg-with-opacity-success {
  background-color: rgba(61, 193, 60, 0.1) !important; }

.bg-with-opacity-success-secondary {
  background-color: rgba(128, 135, 26, 0.1) !important; }

.bg-with-opacity-brand-redish {
  background-color: rgba(237, 94, 94, 0.1) !important; }

.bg-with-opacity-brand-yellow {
  background-color: rgba(247, 218, 93, 0.1) !important; }

.bg-with-opacity-brand-pink {
  background-color: rgba(239, 91, 161, 0.1) !important; }

.bg-with-opacity-brand-purple {
  background-color: rgba(143, 82, 160, 0.1) !important; }

.bg-with-opacity-brand-blue {
  background-color: rgba(98, 161, 215, 0.1) !important; }

.bg-with-opacity-brand-green {
  background-color: rgba(141, 199, 63, 0.1) !important; }

.bg-with-opacity-brand-darker-green {
  background-color: rgba(67, 122, 55, 0.1) !important; }

.bg-with-opacity-brand-gray {
  background-color: rgba(147, 149, 152, 0.1) !important; }

.bg-with-opacity-brand-darker-gray {
  background-color: rgba(87, 91, 98, 0.1) !important; }

.bg-with-opacity-warning {
  background-color: rgba(243, 187, 27, 0.1) !important; }

.bg-with-opacity-alert {
  background-color: rgba(233, 79, 84, 0.1) !important; }

.bg-with-opacity-disabled {
  background-color: rgba(204, 204, 204, 0.1) !important; }

.bg-with-opacity-disabled-secondary {
  background-color: rgba(239, 236, 240, 0.1) !important; }

.bg-with-opacity-background {
  background-color: rgba(255, 255, 255, 0.1) !important; }

.bg-with-opacity-background-secondary {
  background-color: rgba(249, 249, 249, 0.1) !important; }

.bg-with-opacity-background-tertiary {
  background-color: rgba(204, 204, 204, 0.1) !important; }

.bg-with-opacity-border {
  background-color: rgba(239, 236, 240, 0.1) !important; }

.bg-with-opacity-border-secondary {
  background-color: rgba(204, 204, 204, 0.1) !important; }

.bg-with-opacity-border-tertiary {
  background-color: rgba(130, 130, 130, 0.1) !important; }

.bg-with-opacity-info {
  background-color: rgba(67, 76, 245, 0.1) !important; }

.bg-with-opacity-light {
  background-color: rgba(255, 255, 255, 0.1) !important; }

.bg-with-opacity-light-dark {
  background-color: rgba(240, 240, 240, 0.1) !important; }

.bg-with-opacity-dark {
  background-color: rgba(63, 57, 54, 0.1) !important; }

.bg-with-opacity-red-price {
  background-color: rgba(233, 79, 84, 0.1) !important; }

.bg-with-opacity-gray-price {
  background-color: rgba(195, 196, 194, 0.1) !important; }

.bg-with-opacity-secondary-indigo-dye {
  background-color: rgba(3, 49, 99, 0.1) !important; }

.bg-with-opacity-secondary-tea-rose {
  background-color: rgba(235, 193, 197, 0.1) !important; }

.bg-with-opacity-secondary-vivid-sky-blue {
  background-color: rgba(90, 219, 255, 0.1) !important; }

.bg-with-opacity-secondary-timberwolf {
  background-color: rgba(212, 203, 196, 0.1) !important; }

.bg-with-opacity-neutrals-dark {
  background-color: rgba(61, 61, 61, 0.1) !important; }

.bg-with-opacity-neutrals-medium {
  background-color: rgba(122, 122, 122, 0.1) !important; }

.bg-with-opacity-neutrals-light {
  background-color: rgba(194, 194, 194, 0.1) !important; }

.bg-with-opacity-neutrals-border {
  background-color: rgba(217, 217, 217, 0.1) !important; }

.bg-with-opacity-neutrals-lighter {
  background-color: rgba(242, 243, 249, 0.1) !important; }

.bg-with-opacity-neutrals-purple {
  background-color: rgba(229, 231, 241, 0.1) !important; }

.bg-with-opacity-neutrals-blue {
  background-color: rgba(216, 218, 234, 0.1) !important; }

.bg-with-opacity-neutrals-pink {
  background-color: rgba(229, 231, 241, 0.1) !important; }

.bg-with-opacity-neutrals-rose {
  background-color: rgba(216, 218, 234, 0.1) !important; }

.bg-with-opacity-neutrals-form {
  background-color: rgba(52, 65, 83, 0.1) !important; }

.bg-with-opacity-navigation-color {
  background-color: rgba(5, 31, 47, 0.1) !important; }

.h-mt--0 {
  margin-top: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-mt--0__xs {
    margin-top: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt--0__m {
    margin-top: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt--0__d {
    margin-top: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt--0__sm {
    margin-top: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt--0__l {
    margin-top: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt--0__xl {
    margin-top: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt--0__xxl {
    margin-top: 0px !important; } }

.h-mt--8 {
  margin-top: 8px !important; }

@media only screen and (min-width: 576px) {
  .h-mt--8__xs {
    margin-top: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt--8__m {
    margin-top: 8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt--8__d {
    margin-top: 8px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt--8__sm {
    margin-top: 8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt--8__l {
    margin-top: 8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt--8__xl {
    margin-top: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt--8__xxl {
    margin-top: 8px !important; } }

.h-mt--16 {
  margin-top: 16px !important; }

@media only screen and (min-width: 576px) {
  .h-mt--16__xs {
    margin-top: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt--16__m {
    margin-top: 16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt--16__d {
    margin-top: 16px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt--16__sm {
    margin-top: 16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt--16__l {
    margin-top: 16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt--16__xl {
    margin-top: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt--16__xxl {
    margin-top: 16px !important; } }

.h-mt--24 {
  margin-top: 24px !important; }

@media only screen and (min-width: 576px) {
  .h-mt--24__xs {
    margin-top: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt--24__m {
    margin-top: 24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt--24__d {
    margin-top: 24px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt--24__sm {
    margin-top: 24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt--24__l {
    margin-top: 24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt--24__xl {
    margin-top: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt--24__xxl {
    margin-top: 24px !important; } }

.h-mt--32 {
  margin-top: 32px !important; }

@media only screen and (min-width: 576px) {
  .h-mt--32__xs {
    margin-top: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt--32__m {
    margin-top: 32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt--32__d {
    margin-top: 32px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt--32__sm {
    margin-top: 32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt--32__l {
    margin-top: 32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt--32__xl {
    margin-top: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt--32__xxl {
    margin-top: 32px !important; } }

.h-mt--40 {
  margin-top: 40px !important; }

@media only screen and (min-width: 576px) {
  .h-mt--40__xs {
    margin-top: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt--40__m {
    margin-top: 40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt--40__d {
    margin-top: 40px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt--40__sm {
    margin-top: 40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt--40__l {
    margin-top: 40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt--40__xl {
    margin-top: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt--40__xxl {
    margin-top: 40px !important; } }

.h-mt--48 {
  margin-top: 48px !important; }

@media only screen and (min-width: 576px) {
  .h-mt--48__xs {
    margin-top: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt--48__m {
    margin-top: 48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt--48__d {
    margin-top: 48px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt--48__sm {
    margin-top: 48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt--48__l {
    margin-top: 48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt--48__xl {
    margin-top: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt--48__xxl {
    margin-top: 48px !important; } }

.h-mt--56 {
  margin-top: 56px !important; }

@media only screen and (min-width: 576px) {
  .h-mt--56__xs {
    margin-top: 56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt--56__m {
    margin-top: 56px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt--56__d {
    margin-top: 56px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt--56__sm {
    margin-top: 56px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt--56__l {
    margin-top: 56px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt--56__xl {
    margin-top: 56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt--56__xxl {
    margin-top: 56px !important; } }

.h-mt--64 {
  margin-top: 64px !important; }

@media only screen and (min-width: 576px) {
  .h-mt--64__xs {
    margin-top: 64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt--64__m {
    margin-top: 64px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt--64__d {
    margin-top: 64px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt--64__sm {
    margin-top: 64px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt--64__l {
    margin-top: 64px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt--64__xl {
    margin-top: 64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt--64__xxl {
    margin-top: 64px !important; } }

.h-mt--72 {
  margin-top: 72px !important; }

@media only screen and (min-width: 576px) {
  .h-mt--72__xs {
    margin-top: 72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt--72__m {
    margin-top: 72px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt--72__d {
    margin-top: 72px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt--72__sm {
    margin-top: 72px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt--72__l {
    margin-top: 72px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt--72__xl {
    margin-top: 72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt--72__xxl {
    margin-top: 72px !important; } }

.h-mt--80 {
  margin-top: 80px !important; }

@media only screen and (min-width: 576px) {
  .h-mt--80__xs {
    margin-top: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt--80__m {
    margin-top: 80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt--80__d {
    margin-top: 80px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt--80__sm {
    margin-top: 80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt--80__l {
    margin-top: 80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt--80__xl {
    margin-top: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt--80__xxl {
    margin-top: 80px !important; } }

.h-mt--88 {
  margin-top: 88px !important; }

@media only screen and (min-width: 576px) {
  .h-mt--88__xs {
    margin-top: 88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt--88__m {
    margin-top: 88px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt--88__d {
    margin-top: 88px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt--88__sm {
    margin-top: 88px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt--88__l {
    margin-top: 88px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt--88__xl {
    margin-top: 88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt--88__xxl {
    margin-top: 88px !important; } }

.h-mt--96 {
  margin-top: 96px !important; }

@media only screen and (min-width: 576px) {
  .h-mt--96__xs {
    margin-top: 96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt--96__m {
    margin-top: 96px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt--96__d {
    margin-top: 96px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt--96__sm {
    margin-top: 96px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt--96__l {
    margin-top: 96px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt--96__xl {
    margin-top: 96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt--96__xxl {
    margin-top: 96px !important; } }

.h-mt--104 {
  margin-top: 104px !important; }

@media only screen and (min-width: 576px) {
  .h-mt--104__xs {
    margin-top: 104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt--104__m {
    margin-top: 104px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt--104__d {
    margin-top: 104px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt--104__sm {
    margin-top: 104px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt--104__l {
    margin-top: 104px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt--104__xl {
    margin-top: 104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt--104__xxl {
    margin-top: 104px !important; } }

.h-mt--112 {
  margin-top: 112px !important; }

@media only screen and (min-width: 576px) {
  .h-mt--112__xs {
    margin-top: 112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt--112__m {
    margin-top: 112px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt--112__d {
    margin-top: 112px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt--112__sm {
    margin-top: 112px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt--112__l {
    margin-top: 112px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt--112__xl {
    margin-top: 112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt--112__xxl {
    margin-top: 112px !important; } }

.h-mt--120 {
  margin-top: 120px !important; }

@media only screen and (min-width: 576px) {
  .h-mt--120__xs {
    margin-top: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt--120__m {
    margin-top: 120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt--120__d {
    margin-top: 120px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt--120__sm {
    margin-top: 120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt--120__l {
    margin-top: 120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt--120__xl {
    margin-top: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt--120__xxl {
    margin-top: 120px !important; } }

.h-mt--128 {
  margin-top: 128px !important; }

@media only screen and (min-width: 576px) {
  .h-mt--128__xs {
    margin-top: 128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt--128__m {
    margin-top: 128px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt--128__d {
    margin-top: 128px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt--128__sm {
    margin-top: 128px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt--128__l {
    margin-top: 128px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt--128__xl {
    margin-top: 128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt--128__xxl {
    margin-top: 128px !important; } }

.h-mt--136 {
  margin-top: 136px !important; }

@media only screen and (min-width: 576px) {
  .h-mt--136__xs {
    margin-top: 136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt--136__m {
    margin-top: 136px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt--136__d {
    margin-top: 136px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt--136__sm {
    margin-top: 136px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt--136__l {
    margin-top: 136px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt--136__xl {
    margin-top: 136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt--136__xxl {
    margin-top: 136px !important; } }

.h-mt--144 {
  margin-top: 144px !important; }

@media only screen and (min-width: 576px) {
  .h-mt--144__xs {
    margin-top: 144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt--144__m {
    margin-top: 144px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt--144__d {
    margin-top: 144px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt--144__sm {
    margin-top: 144px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt--144__l {
    margin-top: 144px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt--144__xl {
    margin-top: 144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt--144__xxl {
    margin-top: 144px !important; } }

.h-mt--152 {
  margin-top: 152px !important; }

@media only screen and (min-width: 576px) {
  .h-mt--152__xs {
    margin-top: 152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt--152__m {
    margin-top: 152px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt--152__d {
    margin-top: 152px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt--152__sm {
    margin-top: 152px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt--152__l {
    margin-top: 152px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt--152__xl {
    margin-top: 152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt--152__xxl {
    margin-top: 152px !important; } }

.h-mt--160 {
  margin-top: 160px !important; }

@media only screen and (min-width: 576px) {
  .h-mt--160__xs {
    margin-top: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt--160__m {
    margin-top: 160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt--160__d {
    margin-top: 160px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt--160__sm {
    margin-top: 160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt--160__l {
    margin-top: 160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt--160__xl {
    margin-top: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt--160__xxl {
    margin-top: 160px !important; } }

.h-mb--0 {
  margin-bottom: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-mb--0__xs {
    margin-bottom: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb--0__m {
    margin-bottom: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb--0__d {
    margin-bottom: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb--0__sm {
    margin-bottom: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb--0__l {
    margin-bottom: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb--0__xl {
    margin-bottom: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb--0__xxl {
    margin-bottom: 0px !important; } }

.h-mb--8 {
  margin-bottom: 8px !important; }

@media only screen and (min-width: 576px) {
  .h-mb--8__xs {
    margin-bottom: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb--8__m {
    margin-bottom: 8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb--8__d {
    margin-bottom: 8px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb--8__sm {
    margin-bottom: 8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb--8__l {
    margin-bottom: 8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb--8__xl {
    margin-bottom: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb--8__xxl {
    margin-bottom: 8px !important; } }

.h-mb--16 {
  margin-bottom: 16px !important; }

@media only screen and (min-width: 576px) {
  .h-mb--16__xs {
    margin-bottom: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb--16__m {
    margin-bottom: 16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb--16__d {
    margin-bottom: 16px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb--16__sm {
    margin-bottom: 16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb--16__l {
    margin-bottom: 16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb--16__xl {
    margin-bottom: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb--16__xxl {
    margin-bottom: 16px !important; } }

.h-mb--24 {
  margin-bottom: 24px !important; }

@media only screen and (min-width: 576px) {
  .h-mb--24__xs {
    margin-bottom: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb--24__m {
    margin-bottom: 24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb--24__d {
    margin-bottom: 24px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb--24__sm {
    margin-bottom: 24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb--24__l {
    margin-bottom: 24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb--24__xl {
    margin-bottom: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb--24__xxl {
    margin-bottom: 24px !important; } }

.h-mb--32 {
  margin-bottom: 32px !important; }

@media only screen and (min-width: 576px) {
  .h-mb--32__xs {
    margin-bottom: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb--32__m {
    margin-bottom: 32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb--32__d {
    margin-bottom: 32px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb--32__sm {
    margin-bottom: 32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb--32__l {
    margin-bottom: 32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb--32__xl {
    margin-bottom: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb--32__xxl {
    margin-bottom: 32px !important; } }

.h-mb--40 {
  margin-bottom: 40px !important; }

@media only screen and (min-width: 576px) {
  .h-mb--40__xs {
    margin-bottom: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb--40__m {
    margin-bottom: 40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb--40__d {
    margin-bottom: 40px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb--40__sm {
    margin-bottom: 40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb--40__l {
    margin-bottom: 40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb--40__xl {
    margin-bottom: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb--40__xxl {
    margin-bottom: 40px !important; } }

.h-mb--48 {
  margin-bottom: 48px !important; }

@media only screen and (min-width: 576px) {
  .h-mb--48__xs {
    margin-bottom: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb--48__m {
    margin-bottom: 48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb--48__d {
    margin-bottom: 48px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb--48__sm {
    margin-bottom: 48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb--48__l {
    margin-bottom: 48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb--48__xl {
    margin-bottom: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb--48__xxl {
    margin-bottom: 48px !important; } }

.h-mb--56 {
  margin-bottom: 56px !important; }

@media only screen and (min-width: 576px) {
  .h-mb--56__xs {
    margin-bottom: 56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb--56__m {
    margin-bottom: 56px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb--56__d {
    margin-bottom: 56px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb--56__sm {
    margin-bottom: 56px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb--56__l {
    margin-bottom: 56px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb--56__xl {
    margin-bottom: 56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb--56__xxl {
    margin-bottom: 56px !important; } }

.h-mb--64 {
  margin-bottom: 64px !important; }

@media only screen and (min-width: 576px) {
  .h-mb--64__xs {
    margin-bottom: 64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb--64__m {
    margin-bottom: 64px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb--64__d {
    margin-bottom: 64px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb--64__sm {
    margin-bottom: 64px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb--64__l {
    margin-bottom: 64px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb--64__xl {
    margin-bottom: 64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb--64__xxl {
    margin-bottom: 64px !important; } }

.h-mb--72 {
  margin-bottom: 72px !important; }

@media only screen and (min-width: 576px) {
  .h-mb--72__xs {
    margin-bottom: 72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb--72__m {
    margin-bottom: 72px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb--72__d {
    margin-bottom: 72px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb--72__sm {
    margin-bottom: 72px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb--72__l {
    margin-bottom: 72px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb--72__xl {
    margin-bottom: 72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb--72__xxl {
    margin-bottom: 72px !important; } }

.h-mb--80 {
  margin-bottom: 80px !important; }

@media only screen and (min-width: 576px) {
  .h-mb--80__xs {
    margin-bottom: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb--80__m {
    margin-bottom: 80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb--80__d {
    margin-bottom: 80px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb--80__sm {
    margin-bottom: 80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb--80__l {
    margin-bottom: 80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb--80__xl {
    margin-bottom: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb--80__xxl {
    margin-bottom: 80px !important; } }

.h-mb--88 {
  margin-bottom: 88px !important; }

@media only screen and (min-width: 576px) {
  .h-mb--88__xs {
    margin-bottom: 88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb--88__m {
    margin-bottom: 88px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb--88__d {
    margin-bottom: 88px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb--88__sm {
    margin-bottom: 88px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb--88__l {
    margin-bottom: 88px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb--88__xl {
    margin-bottom: 88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb--88__xxl {
    margin-bottom: 88px !important; } }

.h-mb--96 {
  margin-bottom: 96px !important; }

@media only screen and (min-width: 576px) {
  .h-mb--96__xs {
    margin-bottom: 96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb--96__m {
    margin-bottom: 96px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb--96__d {
    margin-bottom: 96px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb--96__sm {
    margin-bottom: 96px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb--96__l {
    margin-bottom: 96px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb--96__xl {
    margin-bottom: 96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb--96__xxl {
    margin-bottom: 96px !important; } }

.h-mb--104 {
  margin-bottom: 104px !important; }

@media only screen and (min-width: 576px) {
  .h-mb--104__xs {
    margin-bottom: 104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb--104__m {
    margin-bottom: 104px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb--104__d {
    margin-bottom: 104px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb--104__sm {
    margin-bottom: 104px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb--104__l {
    margin-bottom: 104px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb--104__xl {
    margin-bottom: 104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb--104__xxl {
    margin-bottom: 104px !important; } }

.h-mb--112 {
  margin-bottom: 112px !important; }

@media only screen and (min-width: 576px) {
  .h-mb--112__xs {
    margin-bottom: 112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb--112__m {
    margin-bottom: 112px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb--112__d {
    margin-bottom: 112px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb--112__sm {
    margin-bottom: 112px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb--112__l {
    margin-bottom: 112px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb--112__xl {
    margin-bottom: 112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb--112__xxl {
    margin-bottom: 112px !important; } }

.h-mb--120 {
  margin-bottom: 120px !important; }

@media only screen and (min-width: 576px) {
  .h-mb--120__xs {
    margin-bottom: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb--120__m {
    margin-bottom: 120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb--120__d {
    margin-bottom: 120px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb--120__sm {
    margin-bottom: 120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb--120__l {
    margin-bottom: 120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb--120__xl {
    margin-bottom: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb--120__xxl {
    margin-bottom: 120px !important; } }

.h-mb--128 {
  margin-bottom: 128px !important; }

@media only screen and (min-width: 576px) {
  .h-mb--128__xs {
    margin-bottom: 128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb--128__m {
    margin-bottom: 128px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb--128__d {
    margin-bottom: 128px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb--128__sm {
    margin-bottom: 128px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb--128__l {
    margin-bottom: 128px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb--128__xl {
    margin-bottom: 128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb--128__xxl {
    margin-bottom: 128px !important; } }

.h-mb--136 {
  margin-bottom: 136px !important; }

@media only screen and (min-width: 576px) {
  .h-mb--136__xs {
    margin-bottom: 136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb--136__m {
    margin-bottom: 136px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb--136__d {
    margin-bottom: 136px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb--136__sm {
    margin-bottom: 136px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb--136__l {
    margin-bottom: 136px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb--136__xl {
    margin-bottom: 136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb--136__xxl {
    margin-bottom: 136px !important; } }

.h-mb--144 {
  margin-bottom: 144px !important; }

@media only screen and (min-width: 576px) {
  .h-mb--144__xs {
    margin-bottom: 144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb--144__m {
    margin-bottom: 144px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb--144__d {
    margin-bottom: 144px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb--144__sm {
    margin-bottom: 144px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb--144__l {
    margin-bottom: 144px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb--144__xl {
    margin-bottom: 144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb--144__xxl {
    margin-bottom: 144px !important; } }

.h-mb--152 {
  margin-bottom: 152px !important; }

@media only screen and (min-width: 576px) {
  .h-mb--152__xs {
    margin-bottom: 152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb--152__m {
    margin-bottom: 152px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb--152__d {
    margin-bottom: 152px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb--152__sm {
    margin-bottom: 152px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb--152__l {
    margin-bottom: 152px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb--152__xl {
    margin-bottom: 152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb--152__xxl {
    margin-bottom: 152px !important; } }

.h-mb--160 {
  margin-bottom: 160px !important; }

@media only screen and (min-width: 576px) {
  .h-mb--160__xs {
    margin-bottom: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb--160__m {
    margin-bottom: 160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb--160__d {
    margin-bottom: 160px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb--160__sm {
    margin-bottom: 160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb--160__l {
    margin-bottom: 160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb--160__xl {
    margin-bottom: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb--160__xxl {
    margin-bottom: 160px !important; } }

.h-my--0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-my--0__xs {
    margin-top: 0px !important; } }

@media only screen and (min-width: 576px) {
  .h-my--0__xs {
    margin-bottom: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--0__m {
    margin-top: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--0__m {
    margin-bottom: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--0__d {
    margin-top: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--0__d {
    margin-bottom: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--0__sm {
    margin-top: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--0__sm {
    margin-bottom: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--0__l {
    margin-top: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--0__l {
    margin-bottom: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--0__xl {
    margin-top: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--0__xl {
    margin-bottom: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--0__xxl {
    margin-top: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--0__xxl {
    margin-bottom: 0px !important; } }

.h-my--8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important; }

@media only screen and (min-width: 576px) {
  .h-my--8__xs {
    margin-top: 8px !important; } }

@media only screen and (min-width: 576px) {
  .h-my--8__xs {
    margin-bottom: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--8__m {
    margin-top: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--8__m {
    margin-bottom: 8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--8__d {
    margin-top: 8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--8__d {
    margin-bottom: 8px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--8__sm {
    margin-top: 8px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--8__sm {
    margin-bottom: 8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--8__l {
    margin-top: 8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--8__l {
    margin-bottom: 8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--8__xl {
    margin-top: 8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--8__xl {
    margin-bottom: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--8__xxl {
    margin-top: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--8__xxl {
    margin-bottom: 8px !important; } }

.h-my--16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important; }

@media only screen and (min-width: 576px) {
  .h-my--16__xs {
    margin-top: 16px !important; } }

@media only screen and (min-width: 576px) {
  .h-my--16__xs {
    margin-bottom: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--16__m {
    margin-top: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--16__m {
    margin-bottom: 16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--16__d {
    margin-top: 16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--16__d {
    margin-bottom: 16px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--16__sm {
    margin-top: 16px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--16__sm {
    margin-bottom: 16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--16__l {
    margin-top: 16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--16__l {
    margin-bottom: 16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--16__xl {
    margin-top: 16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--16__xl {
    margin-bottom: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--16__xxl {
    margin-top: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--16__xxl {
    margin-bottom: 16px !important; } }

.h-my--24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important; }

@media only screen and (min-width: 576px) {
  .h-my--24__xs {
    margin-top: 24px !important; } }

@media only screen and (min-width: 576px) {
  .h-my--24__xs {
    margin-bottom: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--24__m {
    margin-top: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--24__m {
    margin-bottom: 24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--24__d {
    margin-top: 24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--24__d {
    margin-bottom: 24px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--24__sm {
    margin-top: 24px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--24__sm {
    margin-bottom: 24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--24__l {
    margin-top: 24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--24__l {
    margin-bottom: 24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--24__xl {
    margin-top: 24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--24__xl {
    margin-bottom: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--24__xxl {
    margin-top: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--24__xxl {
    margin-bottom: 24px !important; } }

.h-my--32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important; }

@media only screen and (min-width: 576px) {
  .h-my--32__xs {
    margin-top: 32px !important; } }

@media only screen and (min-width: 576px) {
  .h-my--32__xs {
    margin-bottom: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--32__m {
    margin-top: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--32__m {
    margin-bottom: 32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--32__d {
    margin-top: 32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--32__d {
    margin-bottom: 32px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--32__sm {
    margin-top: 32px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--32__sm {
    margin-bottom: 32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--32__l {
    margin-top: 32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--32__l {
    margin-bottom: 32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--32__xl {
    margin-top: 32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--32__xl {
    margin-bottom: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--32__xxl {
    margin-top: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--32__xxl {
    margin-bottom: 32px !important; } }

.h-my--40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important; }

@media only screen and (min-width: 576px) {
  .h-my--40__xs {
    margin-top: 40px !important; } }

@media only screen and (min-width: 576px) {
  .h-my--40__xs {
    margin-bottom: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--40__m {
    margin-top: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--40__m {
    margin-bottom: 40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--40__d {
    margin-top: 40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--40__d {
    margin-bottom: 40px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--40__sm {
    margin-top: 40px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--40__sm {
    margin-bottom: 40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--40__l {
    margin-top: 40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--40__l {
    margin-bottom: 40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--40__xl {
    margin-top: 40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--40__xl {
    margin-bottom: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--40__xxl {
    margin-top: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--40__xxl {
    margin-bottom: 40px !important; } }

.h-my--48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important; }

@media only screen and (min-width: 576px) {
  .h-my--48__xs {
    margin-top: 48px !important; } }

@media only screen and (min-width: 576px) {
  .h-my--48__xs {
    margin-bottom: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--48__m {
    margin-top: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--48__m {
    margin-bottom: 48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--48__d {
    margin-top: 48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--48__d {
    margin-bottom: 48px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--48__sm {
    margin-top: 48px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--48__sm {
    margin-bottom: 48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--48__l {
    margin-top: 48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--48__l {
    margin-bottom: 48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--48__xl {
    margin-top: 48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--48__xl {
    margin-bottom: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--48__xxl {
    margin-top: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--48__xxl {
    margin-bottom: 48px !important; } }

.h-my--56 {
  margin-top: 56px !important;
  margin-bottom: 56px !important; }

@media only screen and (min-width: 576px) {
  .h-my--56__xs {
    margin-top: 56px !important; } }

@media only screen and (min-width: 576px) {
  .h-my--56__xs {
    margin-bottom: 56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--56__m {
    margin-top: 56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--56__m {
    margin-bottom: 56px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--56__d {
    margin-top: 56px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--56__d {
    margin-bottom: 56px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--56__sm {
    margin-top: 56px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--56__sm {
    margin-bottom: 56px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--56__l {
    margin-top: 56px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--56__l {
    margin-bottom: 56px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--56__xl {
    margin-top: 56px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--56__xl {
    margin-bottom: 56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--56__xxl {
    margin-top: 56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--56__xxl {
    margin-bottom: 56px !important; } }

.h-my--64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important; }

@media only screen and (min-width: 576px) {
  .h-my--64__xs {
    margin-top: 64px !important; } }

@media only screen and (min-width: 576px) {
  .h-my--64__xs {
    margin-bottom: 64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--64__m {
    margin-top: 64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--64__m {
    margin-bottom: 64px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--64__d {
    margin-top: 64px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--64__d {
    margin-bottom: 64px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--64__sm {
    margin-top: 64px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--64__sm {
    margin-bottom: 64px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--64__l {
    margin-top: 64px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--64__l {
    margin-bottom: 64px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--64__xl {
    margin-top: 64px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--64__xl {
    margin-bottom: 64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--64__xxl {
    margin-top: 64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--64__xxl {
    margin-bottom: 64px !important; } }

.h-my--72 {
  margin-top: 72px !important;
  margin-bottom: 72px !important; }

@media only screen and (min-width: 576px) {
  .h-my--72__xs {
    margin-top: 72px !important; } }

@media only screen and (min-width: 576px) {
  .h-my--72__xs {
    margin-bottom: 72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--72__m {
    margin-top: 72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--72__m {
    margin-bottom: 72px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--72__d {
    margin-top: 72px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--72__d {
    margin-bottom: 72px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--72__sm {
    margin-top: 72px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--72__sm {
    margin-bottom: 72px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--72__l {
    margin-top: 72px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--72__l {
    margin-bottom: 72px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--72__xl {
    margin-top: 72px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--72__xl {
    margin-bottom: 72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--72__xxl {
    margin-top: 72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--72__xxl {
    margin-bottom: 72px !important; } }

.h-my--80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important; }

@media only screen and (min-width: 576px) {
  .h-my--80__xs {
    margin-top: 80px !important; } }

@media only screen and (min-width: 576px) {
  .h-my--80__xs {
    margin-bottom: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--80__m {
    margin-top: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--80__m {
    margin-bottom: 80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--80__d {
    margin-top: 80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--80__d {
    margin-bottom: 80px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--80__sm {
    margin-top: 80px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--80__sm {
    margin-bottom: 80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--80__l {
    margin-top: 80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--80__l {
    margin-bottom: 80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--80__xl {
    margin-top: 80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--80__xl {
    margin-bottom: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--80__xxl {
    margin-top: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--80__xxl {
    margin-bottom: 80px !important; } }

.h-my--88 {
  margin-top: 88px !important;
  margin-bottom: 88px !important; }

@media only screen and (min-width: 576px) {
  .h-my--88__xs {
    margin-top: 88px !important; } }

@media only screen and (min-width: 576px) {
  .h-my--88__xs {
    margin-bottom: 88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--88__m {
    margin-top: 88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--88__m {
    margin-bottom: 88px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--88__d {
    margin-top: 88px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--88__d {
    margin-bottom: 88px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--88__sm {
    margin-top: 88px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--88__sm {
    margin-bottom: 88px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--88__l {
    margin-top: 88px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--88__l {
    margin-bottom: 88px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--88__xl {
    margin-top: 88px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--88__xl {
    margin-bottom: 88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--88__xxl {
    margin-top: 88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--88__xxl {
    margin-bottom: 88px !important; } }

.h-my--96 {
  margin-top: 96px !important;
  margin-bottom: 96px !important; }

@media only screen and (min-width: 576px) {
  .h-my--96__xs {
    margin-top: 96px !important; } }

@media only screen and (min-width: 576px) {
  .h-my--96__xs {
    margin-bottom: 96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--96__m {
    margin-top: 96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--96__m {
    margin-bottom: 96px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--96__d {
    margin-top: 96px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--96__d {
    margin-bottom: 96px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--96__sm {
    margin-top: 96px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--96__sm {
    margin-bottom: 96px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--96__l {
    margin-top: 96px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--96__l {
    margin-bottom: 96px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--96__xl {
    margin-top: 96px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--96__xl {
    margin-bottom: 96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--96__xxl {
    margin-top: 96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--96__xxl {
    margin-bottom: 96px !important; } }

.h-my--104 {
  margin-top: 104px !important;
  margin-bottom: 104px !important; }

@media only screen and (min-width: 576px) {
  .h-my--104__xs {
    margin-top: 104px !important; } }

@media only screen and (min-width: 576px) {
  .h-my--104__xs {
    margin-bottom: 104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--104__m {
    margin-top: 104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--104__m {
    margin-bottom: 104px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--104__d {
    margin-top: 104px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--104__d {
    margin-bottom: 104px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--104__sm {
    margin-top: 104px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--104__sm {
    margin-bottom: 104px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--104__l {
    margin-top: 104px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--104__l {
    margin-bottom: 104px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--104__xl {
    margin-top: 104px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--104__xl {
    margin-bottom: 104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--104__xxl {
    margin-top: 104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--104__xxl {
    margin-bottom: 104px !important; } }

.h-my--112 {
  margin-top: 112px !important;
  margin-bottom: 112px !important; }

@media only screen and (min-width: 576px) {
  .h-my--112__xs {
    margin-top: 112px !important; } }

@media only screen and (min-width: 576px) {
  .h-my--112__xs {
    margin-bottom: 112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--112__m {
    margin-top: 112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--112__m {
    margin-bottom: 112px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--112__d {
    margin-top: 112px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--112__d {
    margin-bottom: 112px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--112__sm {
    margin-top: 112px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--112__sm {
    margin-bottom: 112px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--112__l {
    margin-top: 112px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--112__l {
    margin-bottom: 112px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--112__xl {
    margin-top: 112px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--112__xl {
    margin-bottom: 112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--112__xxl {
    margin-top: 112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--112__xxl {
    margin-bottom: 112px !important; } }

.h-my--120 {
  margin-top: 120px !important;
  margin-bottom: 120px !important; }

@media only screen and (min-width: 576px) {
  .h-my--120__xs {
    margin-top: 120px !important; } }

@media only screen and (min-width: 576px) {
  .h-my--120__xs {
    margin-bottom: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--120__m {
    margin-top: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--120__m {
    margin-bottom: 120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--120__d {
    margin-top: 120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--120__d {
    margin-bottom: 120px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--120__sm {
    margin-top: 120px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--120__sm {
    margin-bottom: 120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--120__l {
    margin-top: 120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--120__l {
    margin-bottom: 120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--120__xl {
    margin-top: 120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--120__xl {
    margin-bottom: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--120__xxl {
    margin-top: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--120__xxl {
    margin-bottom: 120px !important; } }

.h-my--128 {
  margin-top: 128px !important;
  margin-bottom: 128px !important; }

@media only screen and (min-width: 576px) {
  .h-my--128__xs {
    margin-top: 128px !important; } }

@media only screen and (min-width: 576px) {
  .h-my--128__xs {
    margin-bottom: 128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--128__m {
    margin-top: 128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--128__m {
    margin-bottom: 128px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--128__d {
    margin-top: 128px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--128__d {
    margin-bottom: 128px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--128__sm {
    margin-top: 128px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--128__sm {
    margin-bottom: 128px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--128__l {
    margin-top: 128px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--128__l {
    margin-bottom: 128px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--128__xl {
    margin-top: 128px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--128__xl {
    margin-bottom: 128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--128__xxl {
    margin-top: 128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--128__xxl {
    margin-bottom: 128px !important; } }

.h-my--136 {
  margin-top: 136px !important;
  margin-bottom: 136px !important; }

@media only screen and (min-width: 576px) {
  .h-my--136__xs {
    margin-top: 136px !important; } }

@media only screen and (min-width: 576px) {
  .h-my--136__xs {
    margin-bottom: 136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--136__m {
    margin-top: 136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--136__m {
    margin-bottom: 136px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--136__d {
    margin-top: 136px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--136__d {
    margin-bottom: 136px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--136__sm {
    margin-top: 136px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--136__sm {
    margin-bottom: 136px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--136__l {
    margin-top: 136px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--136__l {
    margin-bottom: 136px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--136__xl {
    margin-top: 136px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--136__xl {
    margin-bottom: 136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--136__xxl {
    margin-top: 136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--136__xxl {
    margin-bottom: 136px !important; } }

.h-my--144 {
  margin-top: 144px !important;
  margin-bottom: 144px !important; }

@media only screen and (min-width: 576px) {
  .h-my--144__xs {
    margin-top: 144px !important; } }

@media only screen and (min-width: 576px) {
  .h-my--144__xs {
    margin-bottom: 144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--144__m {
    margin-top: 144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--144__m {
    margin-bottom: 144px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--144__d {
    margin-top: 144px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--144__d {
    margin-bottom: 144px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--144__sm {
    margin-top: 144px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--144__sm {
    margin-bottom: 144px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--144__l {
    margin-top: 144px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--144__l {
    margin-bottom: 144px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--144__xl {
    margin-top: 144px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--144__xl {
    margin-bottom: 144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--144__xxl {
    margin-top: 144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--144__xxl {
    margin-bottom: 144px !important; } }

.h-my--152 {
  margin-top: 152px !important;
  margin-bottom: 152px !important; }

@media only screen and (min-width: 576px) {
  .h-my--152__xs {
    margin-top: 152px !important; } }

@media only screen and (min-width: 576px) {
  .h-my--152__xs {
    margin-bottom: 152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--152__m {
    margin-top: 152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--152__m {
    margin-bottom: 152px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--152__d {
    margin-top: 152px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--152__d {
    margin-bottom: 152px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--152__sm {
    margin-top: 152px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--152__sm {
    margin-bottom: 152px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--152__l {
    margin-top: 152px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--152__l {
    margin-bottom: 152px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--152__xl {
    margin-top: 152px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--152__xl {
    margin-bottom: 152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--152__xxl {
    margin-top: 152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--152__xxl {
    margin-bottom: 152px !important; } }

.h-my--160 {
  margin-top: 160px !important;
  margin-bottom: 160px !important; }

@media only screen and (min-width: 576px) {
  .h-my--160__xs {
    margin-top: 160px !important; } }

@media only screen and (min-width: 576px) {
  .h-my--160__xs {
    margin-bottom: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--160__m {
    margin-top: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-my--160__m {
    margin-bottom: 160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--160__d {
    margin-top: 160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-my--160__d {
    margin-bottom: 160px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--160__sm {
    margin-top: 160px !important; } }

@media only screen and (min-width: 769px) {
  .h-my--160__sm {
    margin-bottom: 160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--160__l {
    margin-top: 160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-my--160__l {
    margin-bottom: 160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--160__xl {
    margin-top: 160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-my--160__xl {
    margin-bottom: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--160__xxl {
    margin-top: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-my--160__xxl {
    margin-bottom: 160px !important; } }

.h-ml---32 {
  margin-right: -32px !important; }

@media only screen and (min-width: 576px) {
  .h-ml---32__xs {
    margin-right: -32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml---32__m {
    margin-right: -32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml---32__d {
    margin-right: -32px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml---32__sm {
    margin-right: -32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml---32__l {
    margin-right: -32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml---32__xl {
    margin-right: -32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml---32__xxl {
    margin-right: -32px !important; } }

.h-ml---24 {
  margin-right: -24px !important; }

@media only screen and (min-width: 576px) {
  .h-ml---24__xs {
    margin-right: -24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml---24__m {
    margin-right: -24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml---24__d {
    margin-right: -24px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml---24__sm {
    margin-right: -24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml---24__l {
    margin-right: -24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml---24__xl {
    margin-right: -24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml---24__xxl {
    margin-right: -24px !important; } }

.h-ml---16 {
  margin-right: -16px !important; }

@media only screen and (min-width: 576px) {
  .h-ml---16__xs {
    margin-right: -16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml---16__m {
    margin-right: -16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml---16__d {
    margin-right: -16px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml---16__sm {
    margin-right: -16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml---16__l {
    margin-right: -16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml---16__xl {
    margin-right: -16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml---16__xxl {
    margin-right: -16px !important; } }

.h-ml---8 {
  margin-right: -8px !important; }

@media only screen and (min-width: 576px) {
  .h-ml---8__xs {
    margin-right: -8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml---8__m {
    margin-right: -8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml---8__d {
    margin-right: -8px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml---8__sm {
    margin-right: -8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml---8__l {
    margin-right: -8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml---8__xl {
    margin-right: -8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml---8__xxl {
    margin-right: -8px !important; } }

.h-ml--0 {
  margin-right: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--0__xs {
    margin-right: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--0__m {
    margin-right: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--0__d {
    margin-right: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--0__sm {
    margin-right: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--0__l {
    margin-right: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--0__xl {
    margin-right: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--0__xxl {
    margin-right: 0px !important; } }

.h-ml--8 {
  margin-right: 8px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--8__xs {
    margin-right: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--8__m {
    margin-right: 8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--8__d {
    margin-right: 8px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--8__sm {
    margin-right: 8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--8__l {
    margin-right: 8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--8__xl {
    margin-right: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--8__xxl {
    margin-right: 8px !important; } }

.h-ml--16 {
  margin-right: 16px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--16__xs {
    margin-right: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--16__m {
    margin-right: 16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--16__d {
    margin-right: 16px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--16__sm {
    margin-right: 16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--16__l {
    margin-right: 16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--16__xl {
    margin-right: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--16__xxl {
    margin-right: 16px !important; } }

.h-ml--24 {
  margin-right: 24px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--24__xs {
    margin-right: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--24__m {
    margin-right: 24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--24__d {
    margin-right: 24px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--24__sm {
    margin-right: 24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--24__l {
    margin-right: 24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--24__xl {
    margin-right: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--24__xxl {
    margin-right: 24px !important; } }

.h-ml--32 {
  margin-right: 32px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--32__xs {
    margin-right: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--32__m {
    margin-right: 32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--32__d {
    margin-right: 32px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--32__sm {
    margin-right: 32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--32__l {
    margin-right: 32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--32__xl {
    margin-right: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--32__xxl {
    margin-right: 32px !important; } }

.h-ml--40 {
  margin-right: 40px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--40__xs {
    margin-right: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--40__m {
    margin-right: 40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--40__d {
    margin-right: 40px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--40__sm {
    margin-right: 40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--40__l {
    margin-right: 40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--40__xl {
    margin-right: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--40__xxl {
    margin-right: 40px !important; } }

.h-ml--48 {
  margin-right: 48px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--48__xs {
    margin-right: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--48__m {
    margin-right: 48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--48__d {
    margin-right: 48px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--48__sm {
    margin-right: 48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--48__l {
    margin-right: 48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--48__xl {
    margin-right: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--48__xxl {
    margin-right: 48px !important; } }

.h-ml--56 {
  margin-right: 56px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--56__xs {
    margin-right: 56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--56__m {
    margin-right: 56px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--56__d {
    margin-right: 56px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--56__sm {
    margin-right: 56px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--56__l {
    margin-right: 56px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--56__xl {
    margin-right: 56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--56__xxl {
    margin-right: 56px !important; } }

.h-ml--64 {
  margin-right: 64px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--64__xs {
    margin-right: 64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--64__m {
    margin-right: 64px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--64__d {
    margin-right: 64px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--64__sm {
    margin-right: 64px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--64__l {
    margin-right: 64px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--64__xl {
    margin-right: 64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--64__xxl {
    margin-right: 64px !important; } }

.h-ml--72 {
  margin-right: 72px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--72__xs {
    margin-right: 72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--72__m {
    margin-right: 72px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--72__d {
    margin-right: 72px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--72__sm {
    margin-right: 72px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--72__l {
    margin-right: 72px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--72__xl {
    margin-right: 72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--72__xxl {
    margin-right: 72px !important; } }

.h-ml--80 {
  margin-right: 80px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--80__xs {
    margin-right: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--80__m {
    margin-right: 80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--80__d {
    margin-right: 80px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--80__sm {
    margin-right: 80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--80__l {
    margin-right: 80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--80__xl {
    margin-right: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--80__xxl {
    margin-right: 80px !important; } }

.h-ml--88 {
  margin-right: 88px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--88__xs {
    margin-right: 88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--88__m {
    margin-right: 88px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--88__d {
    margin-right: 88px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--88__sm {
    margin-right: 88px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--88__l {
    margin-right: 88px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--88__xl {
    margin-right: 88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--88__xxl {
    margin-right: 88px !important; } }

.h-ml--96 {
  margin-right: 96px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--96__xs {
    margin-right: 96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--96__m {
    margin-right: 96px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--96__d {
    margin-right: 96px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--96__sm {
    margin-right: 96px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--96__l {
    margin-right: 96px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--96__xl {
    margin-right: 96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--96__xxl {
    margin-right: 96px !important; } }

.h-ml--104 {
  margin-right: 104px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--104__xs {
    margin-right: 104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--104__m {
    margin-right: 104px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--104__d {
    margin-right: 104px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--104__sm {
    margin-right: 104px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--104__l {
    margin-right: 104px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--104__xl {
    margin-right: 104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--104__xxl {
    margin-right: 104px !important; } }

.h-ml--112 {
  margin-right: 112px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--112__xs {
    margin-right: 112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--112__m {
    margin-right: 112px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--112__d {
    margin-right: 112px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--112__sm {
    margin-right: 112px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--112__l {
    margin-right: 112px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--112__xl {
    margin-right: 112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--112__xxl {
    margin-right: 112px !important; } }

.h-ml--120 {
  margin-right: 120px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--120__xs {
    margin-right: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--120__m {
    margin-right: 120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--120__d {
    margin-right: 120px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--120__sm {
    margin-right: 120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--120__l {
    margin-right: 120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--120__xl {
    margin-right: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--120__xxl {
    margin-right: 120px !important; } }

.h-ml--128 {
  margin-right: 128px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--128__xs {
    margin-right: 128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--128__m {
    margin-right: 128px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--128__d {
    margin-right: 128px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--128__sm {
    margin-right: 128px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--128__l {
    margin-right: 128px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--128__xl {
    margin-right: 128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--128__xxl {
    margin-right: 128px !important; } }

.h-ml--136 {
  margin-right: 136px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--136__xs {
    margin-right: 136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--136__m {
    margin-right: 136px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--136__d {
    margin-right: 136px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--136__sm {
    margin-right: 136px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--136__l {
    margin-right: 136px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--136__xl {
    margin-right: 136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--136__xxl {
    margin-right: 136px !important; } }

.h-ml--144 {
  margin-right: 144px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--144__xs {
    margin-right: 144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--144__m {
    margin-right: 144px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--144__d {
    margin-right: 144px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--144__sm {
    margin-right: 144px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--144__l {
    margin-right: 144px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--144__xl {
    margin-right: 144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--144__xxl {
    margin-right: 144px !important; } }

.h-ml--152 {
  margin-right: 152px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--152__xs {
    margin-right: 152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--152__m {
    margin-right: 152px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--152__d {
    margin-right: 152px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--152__sm {
    margin-right: 152px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--152__l {
    margin-right: 152px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--152__xl {
    margin-right: 152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--152__xxl {
    margin-right: 152px !important; } }

.h-ml--160 {
  margin-right: 160px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--160__xs {
    margin-right: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--160__m {
    margin-right: 160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--160__d {
    margin-right: 160px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--160__sm {
    margin-right: 160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--160__l {
    margin-right: 160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--160__xl {
    margin-right: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--160__xxl {
    margin-right: 160px !important; } }

.h-mr--0 {
  margin-left: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--0__xs {
    margin-left: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--0__m {
    margin-left: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--0__d {
    margin-left: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--0__sm {
    margin-left: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--0__l {
    margin-left: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--0__xl {
    margin-left: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--0__xxl {
    margin-left: 0px !important; } }

.h-mr--8 {
  margin-left: 8px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--8__xs {
    margin-left: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--8__m {
    margin-left: 8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--8__d {
    margin-left: 8px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--8__sm {
    margin-left: 8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--8__l {
    margin-left: 8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--8__xl {
    margin-left: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--8__xxl {
    margin-left: 8px !important; } }

.h-mr--16 {
  margin-left: 16px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--16__xs {
    margin-left: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--16__m {
    margin-left: 16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--16__d {
    margin-left: 16px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--16__sm {
    margin-left: 16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--16__l {
    margin-left: 16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--16__xl {
    margin-left: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--16__xxl {
    margin-left: 16px !important; } }

.h-mr--24 {
  margin-left: 24px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--24__xs {
    margin-left: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--24__m {
    margin-left: 24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--24__d {
    margin-left: 24px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--24__sm {
    margin-left: 24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--24__l {
    margin-left: 24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--24__xl {
    margin-left: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--24__xxl {
    margin-left: 24px !important; } }

.h-mr--32 {
  margin-left: 32px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--32__xs {
    margin-left: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--32__m {
    margin-left: 32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--32__d {
    margin-left: 32px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--32__sm {
    margin-left: 32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--32__l {
    margin-left: 32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--32__xl {
    margin-left: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--32__xxl {
    margin-left: 32px !important; } }

.h-mr--40 {
  margin-left: 40px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--40__xs {
    margin-left: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--40__m {
    margin-left: 40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--40__d {
    margin-left: 40px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--40__sm {
    margin-left: 40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--40__l {
    margin-left: 40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--40__xl {
    margin-left: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--40__xxl {
    margin-left: 40px !important; } }

.h-mr--48 {
  margin-left: 48px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--48__xs {
    margin-left: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--48__m {
    margin-left: 48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--48__d {
    margin-left: 48px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--48__sm {
    margin-left: 48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--48__l {
    margin-left: 48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--48__xl {
    margin-left: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--48__xxl {
    margin-left: 48px !important; } }

.h-mr--56 {
  margin-left: 56px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--56__xs {
    margin-left: 56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--56__m {
    margin-left: 56px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--56__d {
    margin-left: 56px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--56__sm {
    margin-left: 56px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--56__l {
    margin-left: 56px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--56__xl {
    margin-left: 56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--56__xxl {
    margin-left: 56px !important; } }

.h-mr--64 {
  margin-left: 64px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--64__xs {
    margin-left: 64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--64__m {
    margin-left: 64px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--64__d {
    margin-left: 64px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--64__sm {
    margin-left: 64px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--64__l {
    margin-left: 64px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--64__xl {
    margin-left: 64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--64__xxl {
    margin-left: 64px !important; } }

.h-mr--72 {
  margin-left: 72px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--72__xs {
    margin-left: 72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--72__m {
    margin-left: 72px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--72__d {
    margin-left: 72px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--72__sm {
    margin-left: 72px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--72__l {
    margin-left: 72px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--72__xl {
    margin-left: 72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--72__xxl {
    margin-left: 72px !important; } }

.h-mr--80 {
  margin-left: 80px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--80__xs {
    margin-left: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--80__m {
    margin-left: 80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--80__d {
    margin-left: 80px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--80__sm {
    margin-left: 80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--80__l {
    margin-left: 80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--80__xl {
    margin-left: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--80__xxl {
    margin-left: 80px !important; } }

.h-mr--88 {
  margin-left: 88px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--88__xs {
    margin-left: 88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--88__m {
    margin-left: 88px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--88__d {
    margin-left: 88px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--88__sm {
    margin-left: 88px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--88__l {
    margin-left: 88px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--88__xl {
    margin-left: 88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--88__xxl {
    margin-left: 88px !important; } }

.h-mr--96 {
  margin-left: 96px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--96__xs {
    margin-left: 96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--96__m {
    margin-left: 96px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--96__d {
    margin-left: 96px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--96__sm {
    margin-left: 96px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--96__l {
    margin-left: 96px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--96__xl {
    margin-left: 96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--96__xxl {
    margin-left: 96px !important; } }

.h-mr--104 {
  margin-left: 104px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--104__xs {
    margin-left: 104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--104__m {
    margin-left: 104px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--104__d {
    margin-left: 104px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--104__sm {
    margin-left: 104px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--104__l {
    margin-left: 104px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--104__xl {
    margin-left: 104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--104__xxl {
    margin-left: 104px !important; } }

.h-mr--112 {
  margin-left: 112px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--112__xs {
    margin-left: 112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--112__m {
    margin-left: 112px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--112__d {
    margin-left: 112px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--112__sm {
    margin-left: 112px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--112__l {
    margin-left: 112px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--112__xl {
    margin-left: 112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--112__xxl {
    margin-left: 112px !important; } }

.h-mr--120 {
  margin-left: 120px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--120__xs {
    margin-left: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--120__m {
    margin-left: 120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--120__d {
    margin-left: 120px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--120__sm {
    margin-left: 120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--120__l {
    margin-left: 120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--120__xl {
    margin-left: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--120__xxl {
    margin-left: 120px !important; } }

.h-mr--128 {
  margin-left: 128px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--128__xs {
    margin-left: 128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--128__m {
    margin-left: 128px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--128__d {
    margin-left: 128px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--128__sm {
    margin-left: 128px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--128__l {
    margin-left: 128px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--128__xl {
    margin-left: 128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--128__xxl {
    margin-left: 128px !important; } }

.h-mr--136 {
  margin-left: 136px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--136__xs {
    margin-left: 136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--136__m {
    margin-left: 136px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--136__d {
    margin-left: 136px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--136__sm {
    margin-left: 136px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--136__l {
    margin-left: 136px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--136__xl {
    margin-left: 136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--136__xxl {
    margin-left: 136px !important; } }

.h-mr--144 {
  margin-left: 144px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--144__xs {
    margin-left: 144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--144__m {
    margin-left: 144px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--144__d {
    margin-left: 144px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--144__sm {
    margin-left: 144px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--144__l {
    margin-left: 144px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--144__xl {
    margin-left: 144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--144__xxl {
    margin-left: 144px !important; } }

.h-mr--152 {
  margin-left: 152px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--152__xs {
    margin-left: 152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--152__m {
    margin-left: 152px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--152__d {
    margin-left: 152px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--152__sm {
    margin-left: 152px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--152__l {
    margin-left: 152px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--152__xl {
    margin-left: 152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--152__xxl {
    margin-left: 152px !important; } }

.h-mr--160 {
  margin-left: 160px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--160__xs {
    margin-left: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--160__m {
    margin-left: 160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--160__d {
    margin-left: 160px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--160__sm {
    margin-left: 160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--160__l {
    margin-left: 160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--160__xl {
    margin-left: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--160__xxl {
    margin-left: 160px !important; } }

.h-mx--0 {
  margin-right: 0px !important;
  margin-left: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--0__xs {
    margin-right: 0px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--0__xs {
    margin-left: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--0__m {
    margin-right: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--0__m {
    margin-left: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--0__d {
    margin-right: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--0__d {
    margin-left: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--0__sm {
    margin-right: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--0__sm {
    margin-left: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--0__l {
    margin-right: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--0__l {
    margin-left: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--0__xl {
    margin-right: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--0__xl {
    margin-left: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--0__xxl {
    margin-right: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--0__xxl {
    margin-left: 0px !important; } }

.h-mx--8 {
  margin-right: 8px !important;
  margin-left: 8px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--8__xs {
    margin-right: 8px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--8__xs {
    margin-left: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--8__m {
    margin-right: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--8__m {
    margin-left: 8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--8__d {
    margin-right: 8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--8__d {
    margin-left: 8px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--8__sm {
    margin-right: 8px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--8__sm {
    margin-left: 8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--8__l {
    margin-right: 8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--8__l {
    margin-left: 8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--8__xl {
    margin-right: 8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--8__xl {
    margin-left: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--8__xxl {
    margin-right: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--8__xxl {
    margin-left: 8px !important; } }

.h-mx--16 {
  margin-right: 16px !important;
  margin-left: 16px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--16__xs {
    margin-right: 16px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--16__xs {
    margin-left: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--16__m {
    margin-right: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--16__m {
    margin-left: 16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--16__d {
    margin-right: 16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--16__d {
    margin-left: 16px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--16__sm {
    margin-right: 16px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--16__sm {
    margin-left: 16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--16__l {
    margin-right: 16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--16__l {
    margin-left: 16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--16__xl {
    margin-right: 16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--16__xl {
    margin-left: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--16__xxl {
    margin-right: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--16__xxl {
    margin-left: 16px !important; } }

.h-mx--24 {
  margin-right: 24px !important;
  margin-left: 24px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--24__xs {
    margin-right: 24px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--24__xs {
    margin-left: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--24__m {
    margin-right: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--24__m {
    margin-left: 24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--24__d {
    margin-right: 24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--24__d {
    margin-left: 24px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--24__sm {
    margin-right: 24px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--24__sm {
    margin-left: 24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--24__l {
    margin-right: 24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--24__l {
    margin-left: 24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--24__xl {
    margin-right: 24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--24__xl {
    margin-left: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--24__xxl {
    margin-right: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--24__xxl {
    margin-left: 24px !important; } }

.h-mx--32 {
  margin-right: 32px !important;
  margin-left: 32px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--32__xs {
    margin-right: 32px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--32__xs {
    margin-left: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--32__m {
    margin-right: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--32__m {
    margin-left: 32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--32__d {
    margin-right: 32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--32__d {
    margin-left: 32px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--32__sm {
    margin-right: 32px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--32__sm {
    margin-left: 32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--32__l {
    margin-right: 32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--32__l {
    margin-left: 32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--32__xl {
    margin-right: 32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--32__xl {
    margin-left: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--32__xxl {
    margin-right: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--32__xxl {
    margin-left: 32px !important; } }

.h-mx--40 {
  margin-right: 40px !important;
  margin-left: 40px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--40__xs {
    margin-right: 40px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--40__xs {
    margin-left: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--40__m {
    margin-right: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--40__m {
    margin-left: 40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--40__d {
    margin-right: 40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--40__d {
    margin-left: 40px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--40__sm {
    margin-right: 40px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--40__sm {
    margin-left: 40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--40__l {
    margin-right: 40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--40__l {
    margin-left: 40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--40__xl {
    margin-right: 40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--40__xl {
    margin-left: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--40__xxl {
    margin-right: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--40__xxl {
    margin-left: 40px !important; } }

.h-mx--48 {
  margin-right: 48px !important;
  margin-left: 48px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--48__xs {
    margin-right: 48px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--48__xs {
    margin-left: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--48__m {
    margin-right: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--48__m {
    margin-left: 48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--48__d {
    margin-right: 48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--48__d {
    margin-left: 48px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--48__sm {
    margin-right: 48px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--48__sm {
    margin-left: 48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--48__l {
    margin-right: 48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--48__l {
    margin-left: 48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--48__xl {
    margin-right: 48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--48__xl {
    margin-left: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--48__xxl {
    margin-right: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--48__xxl {
    margin-left: 48px !important; } }

.h-mx--56 {
  margin-right: 56px !important;
  margin-left: 56px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--56__xs {
    margin-right: 56px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--56__xs {
    margin-left: 56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--56__m {
    margin-right: 56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--56__m {
    margin-left: 56px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--56__d {
    margin-right: 56px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--56__d {
    margin-left: 56px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--56__sm {
    margin-right: 56px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--56__sm {
    margin-left: 56px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--56__l {
    margin-right: 56px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--56__l {
    margin-left: 56px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--56__xl {
    margin-right: 56px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--56__xl {
    margin-left: 56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--56__xxl {
    margin-right: 56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--56__xxl {
    margin-left: 56px !important; } }

.h-mx--64 {
  margin-right: 64px !important;
  margin-left: 64px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--64__xs {
    margin-right: 64px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--64__xs {
    margin-left: 64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--64__m {
    margin-right: 64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--64__m {
    margin-left: 64px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--64__d {
    margin-right: 64px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--64__d {
    margin-left: 64px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--64__sm {
    margin-right: 64px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--64__sm {
    margin-left: 64px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--64__l {
    margin-right: 64px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--64__l {
    margin-left: 64px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--64__xl {
    margin-right: 64px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--64__xl {
    margin-left: 64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--64__xxl {
    margin-right: 64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--64__xxl {
    margin-left: 64px !important; } }

.h-mx--72 {
  margin-right: 72px !important;
  margin-left: 72px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--72__xs {
    margin-right: 72px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--72__xs {
    margin-left: 72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--72__m {
    margin-right: 72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--72__m {
    margin-left: 72px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--72__d {
    margin-right: 72px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--72__d {
    margin-left: 72px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--72__sm {
    margin-right: 72px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--72__sm {
    margin-left: 72px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--72__l {
    margin-right: 72px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--72__l {
    margin-left: 72px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--72__xl {
    margin-right: 72px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--72__xl {
    margin-left: 72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--72__xxl {
    margin-right: 72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--72__xxl {
    margin-left: 72px !important; } }

.h-mx--80 {
  margin-right: 80px !important;
  margin-left: 80px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--80__xs {
    margin-right: 80px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--80__xs {
    margin-left: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--80__m {
    margin-right: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--80__m {
    margin-left: 80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--80__d {
    margin-right: 80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--80__d {
    margin-left: 80px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--80__sm {
    margin-right: 80px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--80__sm {
    margin-left: 80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--80__l {
    margin-right: 80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--80__l {
    margin-left: 80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--80__xl {
    margin-right: 80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--80__xl {
    margin-left: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--80__xxl {
    margin-right: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--80__xxl {
    margin-left: 80px !important; } }

.h-mx--88 {
  margin-right: 88px !important;
  margin-left: 88px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--88__xs {
    margin-right: 88px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--88__xs {
    margin-left: 88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--88__m {
    margin-right: 88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--88__m {
    margin-left: 88px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--88__d {
    margin-right: 88px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--88__d {
    margin-left: 88px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--88__sm {
    margin-right: 88px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--88__sm {
    margin-left: 88px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--88__l {
    margin-right: 88px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--88__l {
    margin-left: 88px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--88__xl {
    margin-right: 88px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--88__xl {
    margin-left: 88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--88__xxl {
    margin-right: 88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--88__xxl {
    margin-left: 88px !important; } }

.h-mx--96 {
  margin-right: 96px !important;
  margin-left: 96px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--96__xs {
    margin-right: 96px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--96__xs {
    margin-left: 96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--96__m {
    margin-right: 96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--96__m {
    margin-left: 96px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--96__d {
    margin-right: 96px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--96__d {
    margin-left: 96px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--96__sm {
    margin-right: 96px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--96__sm {
    margin-left: 96px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--96__l {
    margin-right: 96px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--96__l {
    margin-left: 96px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--96__xl {
    margin-right: 96px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--96__xl {
    margin-left: 96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--96__xxl {
    margin-right: 96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--96__xxl {
    margin-left: 96px !important; } }

.h-mx--104 {
  margin-right: 104px !important;
  margin-left: 104px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--104__xs {
    margin-right: 104px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--104__xs {
    margin-left: 104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--104__m {
    margin-right: 104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--104__m {
    margin-left: 104px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--104__d {
    margin-right: 104px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--104__d {
    margin-left: 104px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--104__sm {
    margin-right: 104px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--104__sm {
    margin-left: 104px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--104__l {
    margin-right: 104px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--104__l {
    margin-left: 104px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--104__xl {
    margin-right: 104px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--104__xl {
    margin-left: 104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--104__xxl {
    margin-right: 104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--104__xxl {
    margin-left: 104px !important; } }

.h-mx--112 {
  margin-right: 112px !important;
  margin-left: 112px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--112__xs {
    margin-right: 112px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--112__xs {
    margin-left: 112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--112__m {
    margin-right: 112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--112__m {
    margin-left: 112px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--112__d {
    margin-right: 112px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--112__d {
    margin-left: 112px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--112__sm {
    margin-right: 112px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--112__sm {
    margin-left: 112px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--112__l {
    margin-right: 112px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--112__l {
    margin-left: 112px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--112__xl {
    margin-right: 112px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--112__xl {
    margin-left: 112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--112__xxl {
    margin-right: 112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--112__xxl {
    margin-left: 112px !important; } }

.h-mx--120 {
  margin-right: 120px !important;
  margin-left: 120px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--120__xs {
    margin-right: 120px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--120__xs {
    margin-left: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--120__m {
    margin-right: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--120__m {
    margin-left: 120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--120__d {
    margin-right: 120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--120__d {
    margin-left: 120px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--120__sm {
    margin-right: 120px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--120__sm {
    margin-left: 120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--120__l {
    margin-right: 120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--120__l {
    margin-left: 120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--120__xl {
    margin-right: 120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--120__xl {
    margin-left: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--120__xxl {
    margin-right: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--120__xxl {
    margin-left: 120px !important; } }

.h-mx--128 {
  margin-right: 128px !important;
  margin-left: 128px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--128__xs {
    margin-right: 128px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--128__xs {
    margin-left: 128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--128__m {
    margin-right: 128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--128__m {
    margin-left: 128px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--128__d {
    margin-right: 128px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--128__d {
    margin-left: 128px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--128__sm {
    margin-right: 128px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--128__sm {
    margin-left: 128px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--128__l {
    margin-right: 128px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--128__l {
    margin-left: 128px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--128__xl {
    margin-right: 128px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--128__xl {
    margin-left: 128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--128__xxl {
    margin-right: 128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--128__xxl {
    margin-left: 128px !important; } }

.h-mx--136 {
  margin-right: 136px !important;
  margin-left: 136px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--136__xs {
    margin-right: 136px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--136__xs {
    margin-left: 136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--136__m {
    margin-right: 136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--136__m {
    margin-left: 136px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--136__d {
    margin-right: 136px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--136__d {
    margin-left: 136px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--136__sm {
    margin-right: 136px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--136__sm {
    margin-left: 136px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--136__l {
    margin-right: 136px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--136__l {
    margin-left: 136px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--136__xl {
    margin-right: 136px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--136__xl {
    margin-left: 136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--136__xxl {
    margin-right: 136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--136__xxl {
    margin-left: 136px !important; } }

.h-mx--144 {
  margin-right: 144px !important;
  margin-left: 144px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--144__xs {
    margin-right: 144px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--144__xs {
    margin-left: 144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--144__m {
    margin-right: 144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--144__m {
    margin-left: 144px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--144__d {
    margin-right: 144px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--144__d {
    margin-left: 144px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--144__sm {
    margin-right: 144px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--144__sm {
    margin-left: 144px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--144__l {
    margin-right: 144px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--144__l {
    margin-left: 144px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--144__xl {
    margin-right: 144px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--144__xl {
    margin-left: 144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--144__xxl {
    margin-right: 144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--144__xxl {
    margin-left: 144px !important; } }

.h-mx--152 {
  margin-right: 152px !important;
  margin-left: 152px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--152__xs {
    margin-right: 152px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--152__xs {
    margin-left: 152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--152__m {
    margin-right: 152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--152__m {
    margin-left: 152px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--152__d {
    margin-right: 152px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--152__d {
    margin-left: 152px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--152__sm {
    margin-right: 152px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--152__sm {
    margin-left: 152px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--152__l {
    margin-right: 152px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--152__l {
    margin-left: 152px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--152__xl {
    margin-right: 152px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--152__xl {
    margin-left: 152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--152__xxl {
    margin-right: 152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--152__xxl {
    margin-left: 152px !important; } }

.h-mx--160 {
  margin-right: 160px !important;
  margin-left: 160px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--160__xs {
    margin-right: 160px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--160__xs {
    margin-left: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--160__m {
    margin-right: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--160__m {
    margin-left: 160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--160__d {
    margin-right: 160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--160__d {
    margin-left: 160px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--160__sm {
    margin-right: 160px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--160__sm {
    margin-left: 160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--160__l {
    margin-right: 160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--160__l {
    margin-left: 160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--160__xl {
    margin-right: 160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--160__xl {
    margin-left: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--160__xxl {
    margin-right: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--160__xxl {
    margin-left: 160px !important; } }

.h-mx--auto {
  margin-right: auto !important;
  margin-left: auto !important; }

@media only screen and (min-width: 576px) {
  .h-mx--auto__xs {
    margin-right: auto !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--auto__xs {
    margin-left: auto !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--auto__m {
    margin-right: auto !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--auto__m {
    margin-left: auto !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--auto__d {
    margin-right: auto !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx--auto__d {
    margin-left: auto !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--auto__sm {
    margin-right: auto !important; } }

@media only screen and (min-width: 769px) {
  .h-mx--auto__sm {
    margin-left: auto !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--auto__l {
    margin-right: auto !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx--auto__l {
    margin-left: auto !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--auto__xl {
    margin-right: auto !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx--auto__xl {
    margin-left: auto !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--auto__xxl {
    margin-right: auto !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--auto__xxl {
    margin-left: auto !important; } }

.h-mx-neg--0 {
  margin-right: 0px !important;
  margin-left: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--0__xs {
    margin-right: 0px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--0__xs {
    margin-left: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--0__m {
    margin-right: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--0__m {
    margin-left: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--0__d {
    margin-right: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--0__d {
    margin-left: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--0__sm {
    margin-right: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--0__sm {
    margin-left: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--0__l {
    margin-right: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--0__l {
    margin-left: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--0__xl {
    margin-right: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--0__xl {
    margin-left: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--0__xxl {
    margin-right: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--0__xxl {
    margin-left: 0px !important; } }

.h-mx-neg--8 {
  margin-right: -8px !important;
  margin-left: -8px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--8__xs {
    margin-right: -8px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--8__xs {
    margin-left: -8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--8__m {
    margin-right: -8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--8__m {
    margin-left: -8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--8__d {
    margin-right: -8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--8__d {
    margin-left: -8px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--8__sm {
    margin-right: -8px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--8__sm {
    margin-left: -8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--8__l {
    margin-right: -8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--8__l {
    margin-left: -8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--8__xl {
    margin-right: -8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--8__xl {
    margin-left: -8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--8__xxl {
    margin-right: -8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--8__xxl {
    margin-left: -8px !important; } }

.h-mx-neg--16 {
  margin-right: -16px !important;
  margin-left: -16px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--16__xs {
    margin-right: -16px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--16__xs {
    margin-left: -16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--16__m {
    margin-right: -16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--16__m {
    margin-left: -16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--16__d {
    margin-right: -16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--16__d {
    margin-left: -16px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--16__sm {
    margin-right: -16px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--16__sm {
    margin-left: -16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--16__l {
    margin-right: -16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--16__l {
    margin-left: -16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--16__xl {
    margin-right: -16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--16__xl {
    margin-left: -16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--16__xxl {
    margin-right: -16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--16__xxl {
    margin-left: -16px !important; } }

.h-mx-neg--24 {
  margin-right: -24px !important;
  margin-left: -24px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--24__xs {
    margin-right: -24px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--24__xs {
    margin-left: -24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--24__m {
    margin-right: -24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--24__m {
    margin-left: -24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--24__d {
    margin-right: -24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--24__d {
    margin-left: -24px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--24__sm {
    margin-right: -24px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--24__sm {
    margin-left: -24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--24__l {
    margin-right: -24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--24__l {
    margin-left: -24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--24__xl {
    margin-right: -24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--24__xl {
    margin-left: -24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--24__xxl {
    margin-right: -24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--24__xxl {
    margin-left: -24px !important; } }

.h-mx-neg--32 {
  margin-right: -32px !important;
  margin-left: -32px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--32__xs {
    margin-right: -32px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--32__xs {
    margin-left: -32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--32__m {
    margin-right: -32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--32__m {
    margin-left: -32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--32__d {
    margin-right: -32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--32__d {
    margin-left: -32px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--32__sm {
    margin-right: -32px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--32__sm {
    margin-left: -32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--32__l {
    margin-right: -32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--32__l {
    margin-left: -32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--32__xl {
    margin-right: -32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--32__xl {
    margin-left: -32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--32__xxl {
    margin-right: -32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--32__xxl {
    margin-left: -32px !important; } }

.h-mx-neg--40 {
  margin-right: -40px !important;
  margin-left: -40px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--40__xs {
    margin-right: -40px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--40__xs {
    margin-left: -40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--40__m {
    margin-right: -40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--40__m {
    margin-left: -40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--40__d {
    margin-right: -40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--40__d {
    margin-left: -40px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--40__sm {
    margin-right: -40px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--40__sm {
    margin-left: -40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--40__l {
    margin-right: -40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--40__l {
    margin-left: -40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--40__xl {
    margin-right: -40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--40__xl {
    margin-left: -40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--40__xxl {
    margin-right: -40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--40__xxl {
    margin-left: -40px !important; } }

.h-mx-neg--48 {
  margin-right: -48px !important;
  margin-left: -48px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--48__xs {
    margin-right: -48px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--48__xs {
    margin-left: -48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--48__m {
    margin-right: -48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--48__m {
    margin-left: -48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--48__d {
    margin-right: -48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--48__d {
    margin-left: -48px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--48__sm {
    margin-right: -48px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--48__sm {
    margin-left: -48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--48__l {
    margin-right: -48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--48__l {
    margin-left: -48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--48__xl {
    margin-right: -48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--48__xl {
    margin-left: -48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--48__xxl {
    margin-right: -48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--48__xxl {
    margin-left: -48px !important; } }

.h-mx-neg--56 {
  margin-right: -56px !important;
  margin-left: -56px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--56__xs {
    margin-right: -56px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--56__xs {
    margin-left: -56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--56__m {
    margin-right: -56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--56__m {
    margin-left: -56px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--56__d {
    margin-right: -56px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--56__d {
    margin-left: -56px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--56__sm {
    margin-right: -56px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--56__sm {
    margin-left: -56px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--56__l {
    margin-right: -56px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--56__l {
    margin-left: -56px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--56__xl {
    margin-right: -56px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--56__xl {
    margin-left: -56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--56__xxl {
    margin-right: -56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--56__xxl {
    margin-left: -56px !important; } }

.h-mx-neg--64 {
  margin-right: -64px !important;
  margin-left: -64px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--64__xs {
    margin-right: -64px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--64__xs {
    margin-left: -64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--64__m {
    margin-right: -64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--64__m {
    margin-left: -64px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--64__d {
    margin-right: -64px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--64__d {
    margin-left: -64px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--64__sm {
    margin-right: -64px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--64__sm {
    margin-left: -64px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--64__l {
    margin-right: -64px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--64__l {
    margin-left: -64px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--64__xl {
    margin-right: -64px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--64__xl {
    margin-left: -64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--64__xxl {
    margin-right: -64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--64__xxl {
    margin-left: -64px !important; } }

.h-mx-neg--72 {
  margin-right: -72px !important;
  margin-left: -72px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--72__xs {
    margin-right: -72px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--72__xs {
    margin-left: -72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--72__m {
    margin-right: -72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--72__m {
    margin-left: -72px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--72__d {
    margin-right: -72px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--72__d {
    margin-left: -72px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--72__sm {
    margin-right: -72px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--72__sm {
    margin-left: -72px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--72__l {
    margin-right: -72px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--72__l {
    margin-left: -72px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--72__xl {
    margin-right: -72px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--72__xl {
    margin-left: -72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--72__xxl {
    margin-right: -72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--72__xxl {
    margin-left: -72px !important; } }

.h-mx-neg--80 {
  margin-right: -80px !important;
  margin-left: -80px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--80__xs {
    margin-right: -80px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--80__xs {
    margin-left: -80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--80__m {
    margin-right: -80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--80__m {
    margin-left: -80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--80__d {
    margin-right: -80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--80__d {
    margin-left: -80px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--80__sm {
    margin-right: -80px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--80__sm {
    margin-left: -80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--80__l {
    margin-right: -80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--80__l {
    margin-left: -80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--80__xl {
    margin-right: -80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--80__xl {
    margin-left: -80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--80__xxl {
    margin-right: -80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--80__xxl {
    margin-left: -80px !important; } }

.h-mx-neg--88 {
  margin-right: -88px !important;
  margin-left: -88px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--88__xs {
    margin-right: -88px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--88__xs {
    margin-left: -88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--88__m {
    margin-right: -88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--88__m {
    margin-left: -88px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--88__d {
    margin-right: -88px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--88__d {
    margin-left: -88px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--88__sm {
    margin-right: -88px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--88__sm {
    margin-left: -88px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--88__l {
    margin-right: -88px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--88__l {
    margin-left: -88px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--88__xl {
    margin-right: -88px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--88__xl {
    margin-left: -88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--88__xxl {
    margin-right: -88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--88__xxl {
    margin-left: -88px !important; } }

.h-mx-neg--96 {
  margin-right: -96px !important;
  margin-left: -96px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--96__xs {
    margin-right: -96px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--96__xs {
    margin-left: -96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--96__m {
    margin-right: -96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--96__m {
    margin-left: -96px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--96__d {
    margin-right: -96px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--96__d {
    margin-left: -96px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--96__sm {
    margin-right: -96px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--96__sm {
    margin-left: -96px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--96__l {
    margin-right: -96px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--96__l {
    margin-left: -96px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--96__xl {
    margin-right: -96px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--96__xl {
    margin-left: -96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--96__xxl {
    margin-right: -96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--96__xxl {
    margin-left: -96px !important; } }

.h-mx-neg--104 {
  margin-right: -104px !important;
  margin-left: -104px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--104__xs {
    margin-right: -104px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--104__xs {
    margin-left: -104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--104__m {
    margin-right: -104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--104__m {
    margin-left: -104px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--104__d {
    margin-right: -104px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--104__d {
    margin-left: -104px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--104__sm {
    margin-right: -104px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--104__sm {
    margin-left: -104px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--104__l {
    margin-right: -104px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--104__l {
    margin-left: -104px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--104__xl {
    margin-right: -104px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--104__xl {
    margin-left: -104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--104__xxl {
    margin-right: -104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--104__xxl {
    margin-left: -104px !important; } }

.h-mx-neg--112 {
  margin-right: -112px !important;
  margin-left: -112px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--112__xs {
    margin-right: -112px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--112__xs {
    margin-left: -112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--112__m {
    margin-right: -112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--112__m {
    margin-left: -112px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--112__d {
    margin-right: -112px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--112__d {
    margin-left: -112px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--112__sm {
    margin-right: -112px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--112__sm {
    margin-left: -112px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--112__l {
    margin-right: -112px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--112__l {
    margin-left: -112px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--112__xl {
    margin-right: -112px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--112__xl {
    margin-left: -112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--112__xxl {
    margin-right: -112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--112__xxl {
    margin-left: -112px !important; } }

.h-mx-neg--120 {
  margin-right: -120px !important;
  margin-left: -120px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--120__xs {
    margin-right: -120px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--120__xs {
    margin-left: -120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--120__m {
    margin-right: -120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--120__m {
    margin-left: -120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--120__d {
    margin-right: -120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--120__d {
    margin-left: -120px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--120__sm {
    margin-right: -120px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--120__sm {
    margin-left: -120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--120__l {
    margin-right: -120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--120__l {
    margin-left: -120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--120__xl {
    margin-right: -120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--120__xl {
    margin-left: -120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--120__xxl {
    margin-right: -120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--120__xxl {
    margin-left: -120px !important; } }

.h-mx-neg--128 {
  margin-right: -128px !important;
  margin-left: -128px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--128__xs {
    margin-right: -128px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--128__xs {
    margin-left: -128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--128__m {
    margin-right: -128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--128__m {
    margin-left: -128px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--128__d {
    margin-right: -128px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--128__d {
    margin-left: -128px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--128__sm {
    margin-right: -128px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--128__sm {
    margin-left: -128px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--128__l {
    margin-right: -128px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--128__l {
    margin-left: -128px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--128__xl {
    margin-right: -128px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--128__xl {
    margin-left: -128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--128__xxl {
    margin-right: -128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--128__xxl {
    margin-left: -128px !important; } }

.h-mx-neg--136 {
  margin-right: -136px !important;
  margin-left: -136px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--136__xs {
    margin-right: -136px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--136__xs {
    margin-left: -136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--136__m {
    margin-right: -136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--136__m {
    margin-left: -136px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--136__d {
    margin-right: -136px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--136__d {
    margin-left: -136px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--136__sm {
    margin-right: -136px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--136__sm {
    margin-left: -136px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--136__l {
    margin-right: -136px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--136__l {
    margin-left: -136px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--136__xl {
    margin-right: -136px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--136__xl {
    margin-left: -136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--136__xxl {
    margin-right: -136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--136__xxl {
    margin-left: -136px !important; } }

.h-mx-neg--144 {
  margin-right: -144px !important;
  margin-left: -144px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--144__xs {
    margin-right: -144px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--144__xs {
    margin-left: -144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--144__m {
    margin-right: -144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--144__m {
    margin-left: -144px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--144__d {
    margin-right: -144px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--144__d {
    margin-left: -144px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--144__sm {
    margin-right: -144px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--144__sm {
    margin-left: -144px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--144__l {
    margin-right: -144px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--144__l {
    margin-left: -144px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--144__xl {
    margin-right: -144px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--144__xl {
    margin-left: -144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--144__xxl {
    margin-right: -144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--144__xxl {
    margin-left: -144px !important; } }

.h-mx-neg--152 {
  margin-right: -152px !important;
  margin-left: -152px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--152__xs {
    margin-right: -152px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--152__xs {
    margin-left: -152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--152__m {
    margin-right: -152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--152__m {
    margin-left: -152px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--152__d {
    margin-right: -152px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--152__d {
    margin-left: -152px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--152__sm {
    margin-right: -152px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--152__sm {
    margin-left: -152px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--152__l {
    margin-right: -152px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--152__l {
    margin-left: -152px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--152__xl {
    margin-right: -152px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--152__xl {
    margin-left: -152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--152__xxl {
    margin-right: -152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--152__xxl {
    margin-left: -152px !important; } }

.h-mx-neg--160 {
  margin-right: -160px !important;
  margin-left: -160px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--160__xs {
    margin-right: -160px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--160__xs {
    margin-left: -160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--160__m {
    margin-right: -160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--160__m {
    margin-left: -160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--160__d {
    margin-right: -160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mx-neg--160__d {
    margin-left: -160px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--160__sm {
    margin-right: -160px !important; } }

@media only screen and (min-width: 769px) {
  .h-mx-neg--160__sm {
    margin-left: -160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--160__l {
    margin-right: -160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mx-neg--160__l {
    margin-left: -160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--160__xl {
    margin-right: -160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mx-neg--160__xl {
    margin-left: -160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--160__xxl {
    margin-right: -160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--160__xxl {
    margin-left: -160px !important; } }

.h-mt-neg--0 {
  margin-top: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-mt-neg--0__xs {
    margin-top: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt-neg--0__m {
    margin-top: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt-neg--0__d {
    margin-top: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt-neg--0__sm {
    margin-top: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt-neg--0__l {
    margin-top: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt-neg--0__xl {
    margin-top: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt-neg--0__xxl {
    margin-top: 0px !important; } }

.h-mt-neg--8 {
  margin-top: -8px !important; }

@media only screen and (min-width: 576px) {
  .h-mt-neg--8__xs {
    margin-top: -8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt-neg--8__m {
    margin-top: -8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt-neg--8__d {
    margin-top: -8px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt-neg--8__sm {
    margin-top: -8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt-neg--8__l {
    margin-top: -8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt-neg--8__xl {
    margin-top: -8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt-neg--8__xxl {
    margin-top: -8px !important; } }

.h-mt-neg--16 {
  margin-top: -16px !important; }

@media only screen and (min-width: 576px) {
  .h-mt-neg--16__xs {
    margin-top: -16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt-neg--16__m {
    margin-top: -16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt-neg--16__d {
    margin-top: -16px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt-neg--16__sm {
    margin-top: -16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt-neg--16__l {
    margin-top: -16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt-neg--16__xl {
    margin-top: -16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt-neg--16__xxl {
    margin-top: -16px !important; } }

.h-mt-neg--24 {
  margin-top: -24px !important; }

@media only screen and (min-width: 576px) {
  .h-mt-neg--24__xs {
    margin-top: -24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt-neg--24__m {
    margin-top: -24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt-neg--24__d {
    margin-top: -24px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt-neg--24__sm {
    margin-top: -24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt-neg--24__l {
    margin-top: -24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt-neg--24__xl {
    margin-top: -24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt-neg--24__xxl {
    margin-top: -24px !important; } }

.h-mt-neg--32 {
  margin-top: -32px !important; }

@media only screen and (min-width: 576px) {
  .h-mt-neg--32__xs {
    margin-top: -32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt-neg--32__m {
    margin-top: -32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt-neg--32__d {
    margin-top: -32px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt-neg--32__sm {
    margin-top: -32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt-neg--32__l {
    margin-top: -32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt-neg--32__xl {
    margin-top: -32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt-neg--32__xxl {
    margin-top: -32px !important; } }

.h-mt-neg--40 {
  margin-top: -40px !important; }

@media only screen and (min-width: 576px) {
  .h-mt-neg--40__xs {
    margin-top: -40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt-neg--40__m {
    margin-top: -40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt-neg--40__d {
    margin-top: -40px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt-neg--40__sm {
    margin-top: -40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt-neg--40__l {
    margin-top: -40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt-neg--40__xl {
    margin-top: -40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt-neg--40__xxl {
    margin-top: -40px !important; } }

.h-mt-neg--48 {
  margin-top: -48px !important; }

@media only screen and (min-width: 576px) {
  .h-mt-neg--48__xs {
    margin-top: -48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt-neg--48__m {
    margin-top: -48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt-neg--48__d {
    margin-top: -48px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt-neg--48__sm {
    margin-top: -48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt-neg--48__l {
    margin-top: -48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt-neg--48__xl {
    margin-top: -48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt-neg--48__xxl {
    margin-top: -48px !important; } }

.h-mt-neg--56 {
  margin-top: -56px !important; }

@media only screen and (min-width: 576px) {
  .h-mt-neg--56__xs {
    margin-top: -56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt-neg--56__m {
    margin-top: -56px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt-neg--56__d {
    margin-top: -56px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt-neg--56__sm {
    margin-top: -56px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt-neg--56__l {
    margin-top: -56px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt-neg--56__xl {
    margin-top: -56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt-neg--56__xxl {
    margin-top: -56px !important; } }

.h-mt-neg--64 {
  margin-top: -64px !important; }

@media only screen and (min-width: 576px) {
  .h-mt-neg--64__xs {
    margin-top: -64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt-neg--64__m {
    margin-top: -64px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt-neg--64__d {
    margin-top: -64px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt-neg--64__sm {
    margin-top: -64px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt-neg--64__l {
    margin-top: -64px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt-neg--64__xl {
    margin-top: -64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt-neg--64__xxl {
    margin-top: -64px !important; } }

.h-mt-neg--72 {
  margin-top: -72px !important; }

@media only screen and (min-width: 576px) {
  .h-mt-neg--72__xs {
    margin-top: -72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt-neg--72__m {
    margin-top: -72px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt-neg--72__d {
    margin-top: -72px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt-neg--72__sm {
    margin-top: -72px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt-neg--72__l {
    margin-top: -72px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt-neg--72__xl {
    margin-top: -72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt-neg--72__xxl {
    margin-top: -72px !important; } }

.h-mt-neg--80 {
  margin-top: -80px !important; }

@media only screen and (min-width: 576px) {
  .h-mt-neg--80__xs {
    margin-top: -80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt-neg--80__m {
    margin-top: -80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt-neg--80__d {
    margin-top: -80px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt-neg--80__sm {
    margin-top: -80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt-neg--80__l {
    margin-top: -80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt-neg--80__xl {
    margin-top: -80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt-neg--80__xxl {
    margin-top: -80px !important; } }

.h-mt-neg--88 {
  margin-top: -88px !important; }

@media only screen and (min-width: 576px) {
  .h-mt-neg--88__xs {
    margin-top: -88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt-neg--88__m {
    margin-top: -88px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt-neg--88__d {
    margin-top: -88px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt-neg--88__sm {
    margin-top: -88px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt-neg--88__l {
    margin-top: -88px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt-neg--88__xl {
    margin-top: -88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt-neg--88__xxl {
    margin-top: -88px !important; } }

.h-mt-neg--96 {
  margin-top: -96px !important; }

@media only screen and (min-width: 576px) {
  .h-mt-neg--96__xs {
    margin-top: -96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt-neg--96__m {
    margin-top: -96px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt-neg--96__d {
    margin-top: -96px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt-neg--96__sm {
    margin-top: -96px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt-neg--96__l {
    margin-top: -96px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt-neg--96__xl {
    margin-top: -96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt-neg--96__xxl {
    margin-top: -96px !important; } }

.h-mt-neg--104 {
  margin-top: -104px !important; }

@media only screen and (min-width: 576px) {
  .h-mt-neg--104__xs {
    margin-top: -104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt-neg--104__m {
    margin-top: -104px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt-neg--104__d {
    margin-top: -104px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt-neg--104__sm {
    margin-top: -104px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt-neg--104__l {
    margin-top: -104px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt-neg--104__xl {
    margin-top: -104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt-neg--104__xxl {
    margin-top: -104px !important; } }

.h-mt-neg--112 {
  margin-top: -112px !important; }

@media only screen and (min-width: 576px) {
  .h-mt-neg--112__xs {
    margin-top: -112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt-neg--112__m {
    margin-top: -112px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt-neg--112__d {
    margin-top: -112px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt-neg--112__sm {
    margin-top: -112px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt-neg--112__l {
    margin-top: -112px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt-neg--112__xl {
    margin-top: -112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt-neg--112__xxl {
    margin-top: -112px !important; } }

.h-mt-neg--120 {
  margin-top: -120px !important; }

@media only screen and (min-width: 576px) {
  .h-mt-neg--120__xs {
    margin-top: -120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt-neg--120__m {
    margin-top: -120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt-neg--120__d {
    margin-top: -120px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt-neg--120__sm {
    margin-top: -120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt-neg--120__l {
    margin-top: -120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt-neg--120__xl {
    margin-top: -120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt-neg--120__xxl {
    margin-top: -120px !important; } }

.h-mt-neg--128 {
  margin-top: -128px !important; }

@media only screen and (min-width: 576px) {
  .h-mt-neg--128__xs {
    margin-top: -128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt-neg--128__m {
    margin-top: -128px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt-neg--128__d {
    margin-top: -128px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt-neg--128__sm {
    margin-top: -128px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt-neg--128__l {
    margin-top: -128px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt-neg--128__xl {
    margin-top: -128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt-neg--128__xxl {
    margin-top: -128px !important; } }

.h-mt-neg--136 {
  margin-top: -136px !important; }

@media only screen and (min-width: 576px) {
  .h-mt-neg--136__xs {
    margin-top: -136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt-neg--136__m {
    margin-top: -136px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt-neg--136__d {
    margin-top: -136px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt-neg--136__sm {
    margin-top: -136px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt-neg--136__l {
    margin-top: -136px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt-neg--136__xl {
    margin-top: -136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt-neg--136__xxl {
    margin-top: -136px !important; } }

.h-mt-neg--144 {
  margin-top: -144px !important; }

@media only screen and (min-width: 576px) {
  .h-mt-neg--144__xs {
    margin-top: -144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt-neg--144__m {
    margin-top: -144px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt-neg--144__d {
    margin-top: -144px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt-neg--144__sm {
    margin-top: -144px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt-neg--144__l {
    margin-top: -144px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt-neg--144__xl {
    margin-top: -144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt-neg--144__xxl {
    margin-top: -144px !important; } }

.h-mt-neg--152 {
  margin-top: -152px !important; }

@media only screen and (min-width: 576px) {
  .h-mt-neg--152__xs {
    margin-top: -152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt-neg--152__m {
    margin-top: -152px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt-neg--152__d {
    margin-top: -152px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt-neg--152__sm {
    margin-top: -152px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt-neg--152__l {
    margin-top: -152px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt-neg--152__xl {
    margin-top: -152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt-neg--152__xxl {
    margin-top: -152px !important; } }

.h-mt-neg--160 {
  margin-top: -160px !important; }

@media only screen and (min-width: 576px) {
  .h-mt-neg--160__xs {
    margin-top: -160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mt-neg--160__m {
    margin-top: -160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mt-neg--160__d {
    margin-top: -160px !important; } }

@media only screen and (min-width: 769px) {
  .h-mt-neg--160__sm {
    margin-top: -160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mt-neg--160__l {
    margin-top: -160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mt-neg--160__xl {
    margin-top: -160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mt-neg--160__xxl {
    margin-top: -160px !important; } }

.h-mb-neg--0 {
  margin-bottom: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-mb-neg--0__xs {
    margin-bottom: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb-neg--0__m {
    margin-bottom: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb-neg--0__d {
    margin-bottom: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb-neg--0__sm {
    margin-bottom: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb-neg--0__l {
    margin-bottom: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb-neg--0__xl {
    margin-bottom: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb-neg--0__xxl {
    margin-bottom: 0px !important; } }

.h-mb-neg--8 {
  margin-bottom: -8px !important; }

@media only screen and (min-width: 576px) {
  .h-mb-neg--8__xs {
    margin-bottom: -8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb-neg--8__m {
    margin-bottom: -8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb-neg--8__d {
    margin-bottom: -8px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb-neg--8__sm {
    margin-bottom: -8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb-neg--8__l {
    margin-bottom: -8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb-neg--8__xl {
    margin-bottom: -8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb-neg--8__xxl {
    margin-bottom: -8px !important; } }

.h-mb-neg--16 {
  margin-bottom: -16px !important; }

@media only screen and (min-width: 576px) {
  .h-mb-neg--16__xs {
    margin-bottom: -16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb-neg--16__m {
    margin-bottom: -16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb-neg--16__d {
    margin-bottom: -16px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb-neg--16__sm {
    margin-bottom: -16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb-neg--16__l {
    margin-bottom: -16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb-neg--16__xl {
    margin-bottom: -16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb-neg--16__xxl {
    margin-bottom: -16px !important; } }

.h-mb-neg--24 {
  margin-bottom: -24px !important; }

@media only screen and (min-width: 576px) {
  .h-mb-neg--24__xs {
    margin-bottom: -24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb-neg--24__m {
    margin-bottom: -24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb-neg--24__d {
    margin-bottom: -24px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb-neg--24__sm {
    margin-bottom: -24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb-neg--24__l {
    margin-bottom: -24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb-neg--24__xl {
    margin-bottom: -24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb-neg--24__xxl {
    margin-bottom: -24px !important; } }

.h-mb-neg--32 {
  margin-bottom: -32px !important; }

@media only screen and (min-width: 576px) {
  .h-mb-neg--32__xs {
    margin-bottom: -32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb-neg--32__m {
    margin-bottom: -32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb-neg--32__d {
    margin-bottom: -32px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb-neg--32__sm {
    margin-bottom: -32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb-neg--32__l {
    margin-bottom: -32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb-neg--32__xl {
    margin-bottom: -32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb-neg--32__xxl {
    margin-bottom: -32px !important; } }

.h-mb-neg--40 {
  margin-bottom: -40px !important; }

@media only screen and (min-width: 576px) {
  .h-mb-neg--40__xs {
    margin-bottom: -40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb-neg--40__m {
    margin-bottom: -40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb-neg--40__d {
    margin-bottom: -40px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb-neg--40__sm {
    margin-bottom: -40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb-neg--40__l {
    margin-bottom: -40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb-neg--40__xl {
    margin-bottom: -40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb-neg--40__xxl {
    margin-bottom: -40px !important; } }

.h-mb-neg--48 {
  margin-bottom: -48px !important; }

@media only screen and (min-width: 576px) {
  .h-mb-neg--48__xs {
    margin-bottom: -48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb-neg--48__m {
    margin-bottom: -48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb-neg--48__d {
    margin-bottom: -48px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb-neg--48__sm {
    margin-bottom: -48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb-neg--48__l {
    margin-bottom: -48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb-neg--48__xl {
    margin-bottom: -48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb-neg--48__xxl {
    margin-bottom: -48px !important; } }

.h-mb-neg--56 {
  margin-bottom: -56px !important; }

@media only screen and (min-width: 576px) {
  .h-mb-neg--56__xs {
    margin-bottom: -56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb-neg--56__m {
    margin-bottom: -56px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb-neg--56__d {
    margin-bottom: -56px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb-neg--56__sm {
    margin-bottom: -56px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb-neg--56__l {
    margin-bottom: -56px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb-neg--56__xl {
    margin-bottom: -56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb-neg--56__xxl {
    margin-bottom: -56px !important; } }

.h-mb-neg--64 {
  margin-bottom: -64px !important; }

@media only screen and (min-width: 576px) {
  .h-mb-neg--64__xs {
    margin-bottom: -64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb-neg--64__m {
    margin-bottom: -64px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb-neg--64__d {
    margin-bottom: -64px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb-neg--64__sm {
    margin-bottom: -64px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb-neg--64__l {
    margin-bottom: -64px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb-neg--64__xl {
    margin-bottom: -64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb-neg--64__xxl {
    margin-bottom: -64px !important; } }

.h-mb-neg--72 {
  margin-bottom: -72px !important; }

@media only screen and (min-width: 576px) {
  .h-mb-neg--72__xs {
    margin-bottom: -72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb-neg--72__m {
    margin-bottom: -72px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb-neg--72__d {
    margin-bottom: -72px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb-neg--72__sm {
    margin-bottom: -72px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb-neg--72__l {
    margin-bottom: -72px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb-neg--72__xl {
    margin-bottom: -72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb-neg--72__xxl {
    margin-bottom: -72px !important; } }

.h-mb-neg--80 {
  margin-bottom: -80px !important; }

@media only screen and (min-width: 576px) {
  .h-mb-neg--80__xs {
    margin-bottom: -80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb-neg--80__m {
    margin-bottom: -80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb-neg--80__d {
    margin-bottom: -80px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb-neg--80__sm {
    margin-bottom: -80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb-neg--80__l {
    margin-bottom: -80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb-neg--80__xl {
    margin-bottom: -80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb-neg--80__xxl {
    margin-bottom: -80px !important; } }

.h-mb-neg--88 {
  margin-bottom: -88px !important; }

@media only screen and (min-width: 576px) {
  .h-mb-neg--88__xs {
    margin-bottom: -88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb-neg--88__m {
    margin-bottom: -88px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb-neg--88__d {
    margin-bottom: -88px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb-neg--88__sm {
    margin-bottom: -88px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb-neg--88__l {
    margin-bottom: -88px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb-neg--88__xl {
    margin-bottom: -88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb-neg--88__xxl {
    margin-bottom: -88px !important; } }

.h-mb-neg--96 {
  margin-bottom: -96px !important; }

@media only screen and (min-width: 576px) {
  .h-mb-neg--96__xs {
    margin-bottom: -96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb-neg--96__m {
    margin-bottom: -96px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb-neg--96__d {
    margin-bottom: -96px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb-neg--96__sm {
    margin-bottom: -96px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb-neg--96__l {
    margin-bottom: -96px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb-neg--96__xl {
    margin-bottom: -96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb-neg--96__xxl {
    margin-bottom: -96px !important; } }

.h-mb-neg--104 {
  margin-bottom: -104px !important; }

@media only screen and (min-width: 576px) {
  .h-mb-neg--104__xs {
    margin-bottom: -104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb-neg--104__m {
    margin-bottom: -104px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb-neg--104__d {
    margin-bottom: -104px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb-neg--104__sm {
    margin-bottom: -104px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb-neg--104__l {
    margin-bottom: -104px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb-neg--104__xl {
    margin-bottom: -104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb-neg--104__xxl {
    margin-bottom: -104px !important; } }

.h-mb-neg--112 {
  margin-bottom: -112px !important; }

@media only screen and (min-width: 576px) {
  .h-mb-neg--112__xs {
    margin-bottom: -112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb-neg--112__m {
    margin-bottom: -112px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb-neg--112__d {
    margin-bottom: -112px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb-neg--112__sm {
    margin-bottom: -112px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb-neg--112__l {
    margin-bottom: -112px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb-neg--112__xl {
    margin-bottom: -112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb-neg--112__xxl {
    margin-bottom: -112px !important; } }

.h-mb-neg--120 {
  margin-bottom: -120px !important; }

@media only screen and (min-width: 576px) {
  .h-mb-neg--120__xs {
    margin-bottom: -120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb-neg--120__m {
    margin-bottom: -120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb-neg--120__d {
    margin-bottom: -120px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb-neg--120__sm {
    margin-bottom: -120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb-neg--120__l {
    margin-bottom: -120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb-neg--120__xl {
    margin-bottom: -120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb-neg--120__xxl {
    margin-bottom: -120px !important; } }

.h-mb-neg--128 {
  margin-bottom: -128px !important; }

@media only screen and (min-width: 576px) {
  .h-mb-neg--128__xs {
    margin-bottom: -128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb-neg--128__m {
    margin-bottom: -128px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb-neg--128__d {
    margin-bottom: -128px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb-neg--128__sm {
    margin-bottom: -128px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb-neg--128__l {
    margin-bottom: -128px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb-neg--128__xl {
    margin-bottom: -128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb-neg--128__xxl {
    margin-bottom: -128px !important; } }

.h-mb-neg--136 {
  margin-bottom: -136px !important; }

@media only screen and (min-width: 576px) {
  .h-mb-neg--136__xs {
    margin-bottom: -136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb-neg--136__m {
    margin-bottom: -136px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb-neg--136__d {
    margin-bottom: -136px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb-neg--136__sm {
    margin-bottom: -136px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb-neg--136__l {
    margin-bottom: -136px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb-neg--136__xl {
    margin-bottom: -136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb-neg--136__xxl {
    margin-bottom: -136px !important; } }

.h-mb-neg--144 {
  margin-bottom: -144px !important; }

@media only screen and (min-width: 576px) {
  .h-mb-neg--144__xs {
    margin-bottom: -144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb-neg--144__m {
    margin-bottom: -144px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb-neg--144__d {
    margin-bottom: -144px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb-neg--144__sm {
    margin-bottom: -144px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb-neg--144__l {
    margin-bottom: -144px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb-neg--144__xl {
    margin-bottom: -144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb-neg--144__xxl {
    margin-bottom: -144px !important; } }

.h-mb-neg--152 {
  margin-bottom: -152px !important; }

@media only screen and (min-width: 576px) {
  .h-mb-neg--152__xs {
    margin-bottom: -152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb-neg--152__m {
    margin-bottom: -152px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb-neg--152__d {
    margin-bottom: -152px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb-neg--152__sm {
    margin-bottom: -152px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb-neg--152__l {
    margin-bottom: -152px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb-neg--152__xl {
    margin-bottom: -152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb-neg--152__xxl {
    margin-bottom: -152px !important; } }

.h-mb-neg--160 {
  margin-bottom: -160px !important; }

@media only screen and (min-width: 576px) {
  .h-mb-neg--160__xs {
    margin-bottom: -160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mb-neg--160__m {
    margin-bottom: -160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mb-neg--160__d {
    margin-bottom: -160px !important; } }

@media only screen and (min-width: 769px) {
  .h-mb-neg--160__sm {
    margin-bottom: -160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mb-neg--160__l {
    margin-bottom: -160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mb-neg--160__xl {
    margin-bottom: -160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mb-neg--160__xxl {
    margin-bottom: -160px !important; } }

.h-pt--0 {
  padding-top: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-pt--0__xs {
    padding-top: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pt--0__m {
    padding-top: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pt--0__d {
    padding-top: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-pt--0__sm {
    padding-top: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pt--0__l {
    padding-top: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pt--0__xl {
    padding-top: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pt--0__xxl {
    padding-top: 0px !important; } }

.h-pt--8 {
  padding-top: 8px !important; }

@media only screen and (min-width: 576px) {
  .h-pt--8__xs {
    padding-top: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pt--8__m {
    padding-top: 8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pt--8__d {
    padding-top: 8px !important; } }

@media only screen and (min-width: 769px) {
  .h-pt--8__sm {
    padding-top: 8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pt--8__l {
    padding-top: 8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pt--8__xl {
    padding-top: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pt--8__xxl {
    padding-top: 8px !important; } }

.h-pt--16 {
  padding-top: 16px !important; }

@media only screen and (min-width: 576px) {
  .h-pt--16__xs {
    padding-top: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pt--16__m {
    padding-top: 16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pt--16__d {
    padding-top: 16px !important; } }

@media only screen and (min-width: 769px) {
  .h-pt--16__sm {
    padding-top: 16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pt--16__l {
    padding-top: 16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pt--16__xl {
    padding-top: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pt--16__xxl {
    padding-top: 16px !important; } }

.h-pt--24 {
  padding-top: 24px !important; }

@media only screen and (min-width: 576px) {
  .h-pt--24__xs {
    padding-top: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pt--24__m {
    padding-top: 24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pt--24__d {
    padding-top: 24px !important; } }

@media only screen and (min-width: 769px) {
  .h-pt--24__sm {
    padding-top: 24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pt--24__l {
    padding-top: 24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pt--24__xl {
    padding-top: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pt--24__xxl {
    padding-top: 24px !important; } }

.h-pt--32 {
  padding-top: 32px !important; }

@media only screen and (min-width: 576px) {
  .h-pt--32__xs {
    padding-top: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pt--32__m {
    padding-top: 32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pt--32__d {
    padding-top: 32px !important; } }

@media only screen and (min-width: 769px) {
  .h-pt--32__sm {
    padding-top: 32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pt--32__l {
    padding-top: 32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pt--32__xl {
    padding-top: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pt--32__xxl {
    padding-top: 32px !important; } }

.h-pt--40 {
  padding-top: 40px !important; }

@media only screen and (min-width: 576px) {
  .h-pt--40__xs {
    padding-top: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pt--40__m {
    padding-top: 40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pt--40__d {
    padding-top: 40px !important; } }

@media only screen and (min-width: 769px) {
  .h-pt--40__sm {
    padding-top: 40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pt--40__l {
    padding-top: 40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pt--40__xl {
    padding-top: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pt--40__xxl {
    padding-top: 40px !important; } }

.h-pt--48 {
  padding-top: 48px !important; }

@media only screen and (min-width: 576px) {
  .h-pt--48__xs {
    padding-top: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pt--48__m {
    padding-top: 48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pt--48__d {
    padding-top: 48px !important; } }

@media only screen and (min-width: 769px) {
  .h-pt--48__sm {
    padding-top: 48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pt--48__l {
    padding-top: 48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pt--48__xl {
    padding-top: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pt--48__xxl {
    padding-top: 48px !important; } }

.h-pt--56 {
  padding-top: 56px !important; }

@media only screen and (min-width: 576px) {
  .h-pt--56__xs {
    padding-top: 56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pt--56__m {
    padding-top: 56px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pt--56__d {
    padding-top: 56px !important; } }

@media only screen and (min-width: 769px) {
  .h-pt--56__sm {
    padding-top: 56px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pt--56__l {
    padding-top: 56px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pt--56__xl {
    padding-top: 56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pt--56__xxl {
    padding-top: 56px !important; } }

.h-pt--64 {
  padding-top: 64px !important; }

@media only screen and (min-width: 576px) {
  .h-pt--64__xs {
    padding-top: 64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pt--64__m {
    padding-top: 64px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pt--64__d {
    padding-top: 64px !important; } }

@media only screen and (min-width: 769px) {
  .h-pt--64__sm {
    padding-top: 64px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pt--64__l {
    padding-top: 64px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pt--64__xl {
    padding-top: 64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pt--64__xxl {
    padding-top: 64px !important; } }

.h-pt--72 {
  padding-top: 72px !important; }

@media only screen and (min-width: 576px) {
  .h-pt--72__xs {
    padding-top: 72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pt--72__m {
    padding-top: 72px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pt--72__d {
    padding-top: 72px !important; } }

@media only screen and (min-width: 769px) {
  .h-pt--72__sm {
    padding-top: 72px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pt--72__l {
    padding-top: 72px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pt--72__xl {
    padding-top: 72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pt--72__xxl {
    padding-top: 72px !important; } }

.h-pt--80 {
  padding-top: 80px !important; }

@media only screen and (min-width: 576px) {
  .h-pt--80__xs {
    padding-top: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pt--80__m {
    padding-top: 80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pt--80__d {
    padding-top: 80px !important; } }

@media only screen and (min-width: 769px) {
  .h-pt--80__sm {
    padding-top: 80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pt--80__l {
    padding-top: 80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pt--80__xl {
    padding-top: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pt--80__xxl {
    padding-top: 80px !important; } }

.h-pt--88 {
  padding-top: 88px !important; }

@media only screen and (min-width: 576px) {
  .h-pt--88__xs {
    padding-top: 88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pt--88__m {
    padding-top: 88px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pt--88__d {
    padding-top: 88px !important; } }

@media only screen and (min-width: 769px) {
  .h-pt--88__sm {
    padding-top: 88px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pt--88__l {
    padding-top: 88px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pt--88__xl {
    padding-top: 88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pt--88__xxl {
    padding-top: 88px !important; } }

.h-pt--96 {
  padding-top: 96px !important; }

@media only screen and (min-width: 576px) {
  .h-pt--96__xs {
    padding-top: 96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pt--96__m {
    padding-top: 96px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pt--96__d {
    padding-top: 96px !important; } }

@media only screen and (min-width: 769px) {
  .h-pt--96__sm {
    padding-top: 96px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pt--96__l {
    padding-top: 96px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pt--96__xl {
    padding-top: 96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pt--96__xxl {
    padding-top: 96px !important; } }

.h-pt--104 {
  padding-top: 104px !important; }

@media only screen and (min-width: 576px) {
  .h-pt--104__xs {
    padding-top: 104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pt--104__m {
    padding-top: 104px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pt--104__d {
    padding-top: 104px !important; } }

@media only screen and (min-width: 769px) {
  .h-pt--104__sm {
    padding-top: 104px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pt--104__l {
    padding-top: 104px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pt--104__xl {
    padding-top: 104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pt--104__xxl {
    padding-top: 104px !important; } }

.h-pt--112 {
  padding-top: 112px !important; }

@media only screen and (min-width: 576px) {
  .h-pt--112__xs {
    padding-top: 112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pt--112__m {
    padding-top: 112px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pt--112__d {
    padding-top: 112px !important; } }

@media only screen and (min-width: 769px) {
  .h-pt--112__sm {
    padding-top: 112px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pt--112__l {
    padding-top: 112px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pt--112__xl {
    padding-top: 112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pt--112__xxl {
    padding-top: 112px !important; } }

.h-pt--120 {
  padding-top: 120px !important; }

@media only screen and (min-width: 576px) {
  .h-pt--120__xs {
    padding-top: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pt--120__m {
    padding-top: 120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pt--120__d {
    padding-top: 120px !important; } }

@media only screen and (min-width: 769px) {
  .h-pt--120__sm {
    padding-top: 120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pt--120__l {
    padding-top: 120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pt--120__xl {
    padding-top: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pt--120__xxl {
    padding-top: 120px !important; } }

.h-pt--128 {
  padding-top: 128px !important; }

@media only screen and (min-width: 576px) {
  .h-pt--128__xs {
    padding-top: 128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pt--128__m {
    padding-top: 128px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pt--128__d {
    padding-top: 128px !important; } }

@media only screen and (min-width: 769px) {
  .h-pt--128__sm {
    padding-top: 128px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pt--128__l {
    padding-top: 128px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pt--128__xl {
    padding-top: 128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pt--128__xxl {
    padding-top: 128px !important; } }

.h-pt--136 {
  padding-top: 136px !important; }

@media only screen and (min-width: 576px) {
  .h-pt--136__xs {
    padding-top: 136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pt--136__m {
    padding-top: 136px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pt--136__d {
    padding-top: 136px !important; } }

@media only screen and (min-width: 769px) {
  .h-pt--136__sm {
    padding-top: 136px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pt--136__l {
    padding-top: 136px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pt--136__xl {
    padding-top: 136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pt--136__xxl {
    padding-top: 136px !important; } }

.h-pt--144 {
  padding-top: 144px !important; }

@media only screen and (min-width: 576px) {
  .h-pt--144__xs {
    padding-top: 144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pt--144__m {
    padding-top: 144px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pt--144__d {
    padding-top: 144px !important; } }

@media only screen and (min-width: 769px) {
  .h-pt--144__sm {
    padding-top: 144px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pt--144__l {
    padding-top: 144px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pt--144__xl {
    padding-top: 144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pt--144__xxl {
    padding-top: 144px !important; } }

.h-pt--152 {
  padding-top: 152px !important; }

@media only screen and (min-width: 576px) {
  .h-pt--152__xs {
    padding-top: 152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pt--152__m {
    padding-top: 152px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pt--152__d {
    padding-top: 152px !important; } }

@media only screen and (min-width: 769px) {
  .h-pt--152__sm {
    padding-top: 152px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pt--152__l {
    padding-top: 152px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pt--152__xl {
    padding-top: 152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pt--152__xxl {
    padding-top: 152px !important; } }

.h-pt--160 {
  padding-top: 160px !important; }

@media only screen and (min-width: 576px) {
  .h-pt--160__xs {
    padding-top: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pt--160__m {
    padding-top: 160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pt--160__d {
    padding-top: 160px !important; } }

@media only screen and (min-width: 769px) {
  .h-pt--160__sm {
    padding-top: 160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pt--160__l {
    padding-top: 160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pt--160__xl {
    padding-top: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pt--160__xxl {
    padding-top: 160px !important; } }

.h-pb--0 {
  padding-bottom: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-pb--0__xs {
    padding-bottom: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pb--0__m {
    padding-bottom: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pb--0__d {
    padding-bottom: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-pb--0__sm {
    padding-bottom: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pb--0__l {
    padding-bottom: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pb--0__xl {
    padding-bottom: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pb--0__xxl {
    padding-bottom: 0px !important; } }

.h-pb--8 {
  padding-bottom: 8px !important; }

@media only screen and (min-width: 576px) {
  .h-pb--8__xs {
    padding-bottom: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pb--8__m {
    padding-bottom: 8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pb--8__d {
    padding-bottom: 8px !important; } }

@media only screen and (min-width: 769px) {
  .h-pb--8__sm {
    padding-bottom: 8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pb--8__l {
    padding-bottom: 8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pb--8__xl {
    padding-bottom: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pb--8__xxl {
    padding-bottom: 8px !important; } }

.h-pb--16 {
  padding-bottom: 16px !important; }

@media only screen and (min-width: 576px) {
  .h-pb--16__xs {
    padding-bottom: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pb--16__m {
    padding-bottom: 16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pb--16__d {
    padding-bottom: 16px !important; } }

@media only screen and (min-width: 769px) {
  .h-pb--16__sm {
    padding-bottom: 16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pb--16__l {
    padding-bottom: 16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pb--16__xl {
    padding-bottom: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pb--16__xxl {
    padding-bottom: 16px !important; } }

.h-pb--24 {
  padding-bottom: 24px !important; }

@media only screen and (min-width: 576px) {
  .h-pb--24__xs {
    padding-bottom: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pb--24__m {
    padding-bottom: 24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pb--24__d {
    padding-bottom: 24px !important; } }

@media only screen and (min-width: 769px) {
  .h-pb--24__sm {
    padding-bottom: 24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pb--24__l {
    padding-bottom: 24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pb--24__xl {
    padding-bottom: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pb--24__xxl {
    padding-bottom: 24px !important; } }

.h-pb--32 {
  padding-bottom: 32px !important; }

@media only screen and (min-width: 576px) {
  .h-pb--32__xs {
    padding-bottom: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pb--32__m {
    padding-bottom: 32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pb--32__d {
    padding-bottom: 32px !important; } }

@media only screen and (min-width: 769px) {
  .h-pb--32__sm {
    padding-bottom: 32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pb--32__l {
    padding-bottom: 32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pb--32__xl {
    padding-bottom: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pb--32__xxl {
    padding-bottom: 32px !important; } }

.h-pb--40 {
  padding-bottom: 40px !important; }

@media only screen and (min-width: 576px) {
  .h-pb--40__xs {
    padding-bottom: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pb--40__m {
    padding-bottom: 40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pb--40__d {
    padding-bottom: 40px !important; } }

@media only screen and (min-width: 769px) {
  .h-pb--40__sm {
    padding-bottom: 40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pb--40__l {
    padding-bottom: 40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pb--40__xl {
    padding-bottom: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pb--40__xxl {
    padding-bottom: 40px !important; } }

.h-pb--48 {
  padding-bottom: 48px !important; }

@media only screen and (min-width: 576px) {
  .h-pb--48__xs {
    padding-bottom: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pb--48__m {
    padding-bottom: 48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pb--48__d {
    padding-bottom: 48px !important; } }

@media only screen and (min-width: 769px) {
  .h-pb--48__sm {
    padding-bottom: 48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pb--48__l {
    padding-bottom: 48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pb--48__xl {
    padding-bottom: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pb--48__xxl {
    padding-bottom: 48px !important; } }

.h-pb--56 {
  padding-bottom: 56px !important; }

@media only screen and (min-width: 576px) {
  .h-pb--56__xs {
    padding-bottom: 56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pb--56__m {
    padding-bottom: 56px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pb--56__d {
    padding-bottom: 56px !important; } }

@media only screen and (min-width: 769px) {
  .h-pb--56__sm {
    padding-bottom: 56px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pb--56__l {
    padding-bottom: 56px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pb--56__xl {
    padding-bottom: 56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pb--56__xxl {
    padding-bottom: 56px !important; } }

.h-pb--64 {
  padding-bottom: 64px !important; }

@media only screen and (min-width: 576px) {
  .h-pb--64__xs {
    padding-bottom: 64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pb--64__m {
    padding-bottom: 64px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pb--64__d {
    padding-bottom: 64px !important; } }

@media only screen and (min-width: 769px) {
  .h-pb--64__sm {
    padding-bottom: 64px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pb--64__l {
    padding-bottom: 64px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pb--64__xl {
    padding-bottom: 64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pb--64__xxl {
    padding-bottom: 64px !important; } }

.h-pb--72 {
  padding-bottom: 72px !important; }

@media only screen and (min-width: 576px) {
  .h-pb--72__xs {
    padding-bottom: 72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pb--72__m {
    padding-bottom: 72px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pb--72__d {
    padding-bottom: 72px !important; } }

@media only screen and (min-width: 769px) {
  .h-pb--72__sm {
    padding-bottom: 72px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pb--72__l {
    padding-bottom: 72px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pb--72__xl {
    padding-bottom: 72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pb--72__xxl {
    padding-bottom: 72px !important; } }

.h-pb--80 {
  padding-bottom: 80px !important; }

@media only screen and (min-width: 576px) {
  .h-pb--80__xs {
    padding-bottom: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pb--80__m {
    padding-bottom: 80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pb--80__d {
    padding-bottom: 80px !important; } }

@media only screen and (min-width: 769px) {
  .h-pb--80__sm {
    padding-bottom: 80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pb--80__l {
    padding-bottom: 80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pb--80__xl {
    padding-bottom: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pb--80__xxl {
    padding-bottom: 80px !important; } }

.h-pb--88 {
  padding-bottom: 88px !important; }

@media only screen and (min-width: 576px) {
  .h-pb--88__xs {
    padding-bottom: 88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pb--88__m {
    padding-bottom: 88px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pb--88__d {
    padding-bottom: 88px !important; } }

@media only screen and (min-width: 769px) {
  .h-pb--88__sm {
    padding-bottom: 88px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pb--88__l {
    padding-bottom: 88px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pb--88__xl {
    padding-bottom: 88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pb--88__xxl {
    padding-bottom: 88px !important; } }

.h-pb--96 {
  padding-bottom: 96px !important; }

@media only screen and (min-width: 576px) {
  .h-pb--96__xs {
    padding-bottom: 96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pb--96__m {
    padding-bottom: 96px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pb--96__d {
    padding-bottom: 96px !important; } }

@media only screen and (min-width: 769px) {
  .h-pb--96__sm {
    padding-bottom: 96px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pb--96__l {
    padding-bottom: 96px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pb--96__xl {
    padding-bottom: 96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pb--96__xxl {
    padding-bottom: 96px !important; } }

.h-pb--104 {
  padding-bottom: 104px !important; }

@media only screen and (min-width: 576px) {
  .h-pb--104__xs {
    padding-bottom: 104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pb--104__m {
    padding-bottom: 104px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pb--104__d {
    padding-bottom: 104px !important; } }

@media only screen and (min-width: 769px) {
  .h-pb--104__sm {
    padding-bottom: 104px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pb--104__l {
    padding-bottom: 104px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pb--104__xl {
    padding-bottom: 104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pb--104__xxl {
    padding-bottom: 104px !important; } }

.h-pb--112 {
  padding-bottom: 112px !important; }

@media only screen and (min-width: 576px) {
  .h-pb--112__xs {
    padding-bottom: 112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pb--112__m {
    padding-bottom: 112px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pb--112__d {
    padding-bottom: 112px !important; } }

@media only screen and (min-width: 769px) {
  .h-pb--112__sm {
    padding-bottom: 112px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pb--112__l {
    padding-bottom: 112px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pb--112__xl {
    padding-bottom: 112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pb--112__xxl {
    padding-bottom: 112px !important; } }

.h-pb--120 {
  padding-bottom: 120px !important; }

@media only screen and (min-width: 576px) {
  .h-pb--120__xs {
    padding-bottom: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pb--120__m {
    padding-bottom: 120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pb--120__d {
    padding-bottom: 120px !important; } }

@media only screen and (min-width: 769px) {
  .h-pb--120__sm {
    padding-bottom: 120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pb--120__l {
    padding-bottom: 120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pb--120__xl {
    padding-bottom: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pb--120__xxl {
    padding-bottom: 120px !important; } }

.h-pb--128 {
  padding-bottom: 128px !important; }

@media only screen and (min-width: 576px) {
  .h-pb--128__xs {
    padding-bottom: 128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pb--128__m {
    padding-bottom: 128px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pb--128__d {
    padding-bottom: 128px !important; } }

@media only screen and (min-width: 769px) {
  .h-pb--128__sm {
    padding-bottom: 128px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pb--128__l {
    padding-bottom: 128px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pb--128__xl {
    padding-bottom: 128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pb--128__xxl {
    padding-bottom: 128px !important; } }

.h-pb--136 {
  padding-bottom: 136px !important; }

@media only screen and (min-width: 576px) {
  .h-pb--136__xs {
    padding-bottom: 136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pb--136__m {
    padding-bottom: 136px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pb--136__d {
    padding-bottom: 136px !important; } }

@media only screen and (min-width: 769px) {
  .h-pb--136__sm {
    padding-bottom: 136px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pb--136__l {
    padding-bottom: 136px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pb--136__xl {
    padding-bottom: 136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pb--136__xxl {
    padding-bottom: 136px !important; } }

.h-pb--144 {
  padding-bottom: 144px !important; }

@media only screen and (min-width: 576px) {
  .h-pb--144__xs {
    padding-bottom: 144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pb--144__m {
    padding-bottom: 144px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pb--144__d {
    padding-bottom: 144px !important; } }

@media only screen and (min-width: 769px) {
  .h-pb--144__sm {
    padding-bottom: 144px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pb--144__l {
    padding-bottom: 144px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pb--144__xl {
    padding-bottom: 144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pb--144__xxl {
    padding-bottom: 144px !important; } }

.h-pb--152 {
  padding-bottom: 152px !important; }

@media only screen and (min-width: 576px) {
  .h-pb--152__xs {
    padding-bottom: 152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pb--152__m {
    padding-bottom: 152px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pb--152__d {
    padding-bottom: 152px !important; } }

@media only screen and (min-width: 769px) {
  .h-pb--152__sm {
    padding-bottom: 152px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pb--152__l {
    padding-bottom: 152px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pb--152__xl {
    padding-bottom: 152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pb--152__xxl {
    padding-bottom: 152px !important; } }

.h-pb--160 {
  padding-bottom: 160px !important; }

@media only screen and (min-width: 576px) {
  .h-pb--160__xs {
    padding-bottom: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pb--160__m {
    padding-bottom: 160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pb--160__d {
    padding-bottom: 160px !important; } }

@media only screen and (min-width: 769px) {
  .h-pb--160__sm {
    padding-bottom: 160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pb--160__l {
    padding-bottom: 160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pb--160__xl {
    padding-bottom: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pb--160__xxl {
    padding-bottom: 160px !important; } }

.h-pl--0 {
  padding-right: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--0__xs {
    padding-right: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--0__m {
    padding-right: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--0__d {
    padding-right: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--0__sm {
    padding-right: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--0__l {
    padding-right: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--0__xl {
    padding-right: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--0__xxl {
    padding-right: 0px !important; } }

.h-pl--8 {
  padding-right: 8px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--8__xs {
    padding-right: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--8__m {
    padding-right: 8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--8__d {
    padding-right: 8px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--8__sm {
    padding-right: 8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--8__l {
    padding-right: 8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--8__xl {
    padding-right: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--8__xxl {
    padding-right: 8px !important; } }

.h-pl--16 {
  padding-right: 16px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--16__xs {
    padding-right: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--16__m {
    padding-right: 16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--16__d {
    padding-right: 16px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--16__sm {
    padding-right: 16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--16__l {
    padding-right: 16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--16__xl {
    padding-right: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--16__xxl {
    padding-right: 16px !important; } }

.h-pl--24 {
  padding-right: 24px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--24__xs {
    padding-right: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--24__m {
    padding-right: 24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--24__d {
    padding-right: 24px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--24__sm {
    padding-right: 24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--24__l {
    padding-right: 24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--24__xl {
    padding-right: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--24__xxl {
    padding-right: 24px !important; } }

.h-pl--32 {
  padding-right: 32px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--32__xs {
    padding-right: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--32__m {
    padding-right: 32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--32__d {
    padding-right: 32px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--32__sm {
    padding-right: 32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--32__l {
    padding-right: 32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--32__xl {
    padding-right: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--32__xxl {
    padding-right: 32px !important; } }

.h-pl--40 {
  padding-right: 40px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--40__xs {
    padding-right: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--40__m {
    padding-right: 40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--40__d {
    padding-right: 40px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--40__sm {
    padding-right: 40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--40__l {
    padding-right: 40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--40__xl {
    padding-right: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--40__xxl {
    padding-right: 40px !important; } }

.h-pl--48 {
  padding-right: 48px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--48__xs {
    padding-right: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--48__m {
    padding-right: 48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--48__d {
    padding-right: 48px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--48__sm {
    padding-right: 48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--48__l {
    padding-right: 48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--48__xl {
    padding-right: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--48__xxl {
    padding-right: 48px !important; } }

.h-pl--56 {
  padding-right: 56px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--56__xs {
    padding-right: 56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--56__m {
    padding-right: 56px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--56__d {
    padding-right: 56px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--56__sm {
    padding-right: 56px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--56__l {
    padding-right: 56px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--56__xl {
    padding-right: 56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--56__xxl {
    padding-right: 56px !important; } }

.h-pl--64 {
  padding-right: 64px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--64__xs {
    padding-right: 64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--64__m {
    padding-right: 64px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--64__d {
    padding-right: 64px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--64__sm {
    padding-right: 64px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--64__l {
    padding-right: 64px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--64__xl {
    padding-right: 64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--64__xxl {
    padding-right: 64px !important; } }

.h-pl--72 {
  padding-right: 72px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--72__xs {
    padding-right: 72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--72__m {
    padding-right: 72px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--72__d {
    padding-right: 72px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--72__sm {
    padding-right: 72px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--72__l {
    padding-right: 72px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--72__xl {
    padding-right: 72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--72__xxl {
    padding-right: 72px !important; } }

.h-pl--80 {
  padding-right: 80px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--80__xs {
    padding-right: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--80__m {
    padding-right: 80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--80__d {
    padding-right: 80px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--80__sm {
    padding-right: 80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--80__l {
    padding-right: 80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--80__xl {
    padding-right: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--80__xxl {
    padding-right: 80px !important; } }

.h-pl--88 {
  padding-right: 88px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--88__xs {
    padding-right: 88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--88__m {
    padding-right: 88px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--88__d {
    padding-right: 88px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--88__sm {
    padding-right: 88px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--88__l {
    padding-right: 88px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--88__xl {
    padding-right: 88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--88__xxl {
    padding-right: 88px !important; } }

.h-pl--96 {
  padding-right: 96px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--96__xs {
    padding-right: 96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--96__m {
    padding-right: 96px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--96__d {
    padding-right: 96px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--96__sm {
    padding-right: 96px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--96__l {
    padding-right: 96px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--96__xl {
    padding-right: 96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--96__xxl {
    padding-right: 96px !important; } }

.h-pl--104 {
  padding-right: 104px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--104__xs {
    padding-right: 104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--104__m {
    padding-right: 104px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--104__d {
    padding-right: 104px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--104__sm {
    padding-right: 104px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--104__l {
    padding-right: 104px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--104__xl {
    padding-right: 104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--104__xxl {
    padding-right: 104px !important; } }

.h-pl--112 {
  padding-right: 112px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--112__xs {
    padding-right: 112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--112__m {
    padding-right: 112px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--112__d {
    padding-right: 112px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--112__sm {
    padding-right: 112px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--112__l {
    padding-right: 112px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--112__xl {
    padding-right: 112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--112__xxl {
    padding-right: 112px !important; } }

.h-pl--120 {
  padding-right: 120px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--120__xs {
    padding-right: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--120__m {
    padding-right: 120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--120__d {
    padding-right: 120px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--120__sm {
    padding-right: 120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--120__l {
    padding-right: 120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--120__xl {
    padding-right: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--120__xxl {
    padding-right: 120px !important; } }

.h-pl--128 {
  padding-right: 128px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--128__xs {
    padding-right: 128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--128__m {
    padding-right: 128px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--128__d {
    padding-right: 128px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--128__sm {
    padding-right: 128px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--128__l {
    padding-right: 128px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--128__xl {
    padding-right: 128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--128__xxl {
    padding-right: 128px !important; } }

.h-pl--136 {
  padding-right: 136px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--136__xs {
    padding-right: 136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--136__m {
    padding-right: 136px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--136__d {
    padding-right: 136px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--136__sm {
    padding-right: 136px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--136__l {
    padding-right: 136px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--136__xl {
    padding-right: 136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--136__xxl {
    padding-right: 136px !important; } }

.h-pl--144 {
  padding-right: 144px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--144__xs {
    padding-right: 144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--144__m {
    padding-right: 144px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--144__d {
    padding-right: 144px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--144__sm {
    padding-right: 144px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--144__l {
    padding-right: 144px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--144__xl {
    padding-right: 144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--144__xxl {
    padding-right: 144px !important; } }

.h-pl--152 {
  padding-right: 152px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--152__xs {
    padding-right: 152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--152__m {
    padding-right: 152px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--152__d {
    padding-right: 152px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--152__sm {
    padding-right: 152px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--152__l {
    padding-right: 152px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--152__xl {
    padding-right: 152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--152__xxl {
    padding-right: 152px !important; } }

.h-pl--160 {
  padding-right: 160px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--160__xs {
    padding-right: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--160__m {
    padding-right: 160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--160__d {
    padding-right: 160px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--160__sm {
    padding-right: 160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--160__l {
    padding-right: 160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--160__xl {
    padding-right: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--160__xxl {
    padding-right: 160px !important; } }

.h-pr--0 {
  padding-left: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--0__xs {
    padding-left: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--0__m {
    padding-left: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--0__d {
    padding-left: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--0__sm {
    padding-left: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--0__l {
    padding-left: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--0__xl {
    padding-left: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--0__xxl {
    padding-left: 0px !important; } }

.h-pr--8 {
  padding-left: 8px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--8__xs {
    padding-left: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--8__m {
    padding-left: 8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--8__d {
    padding-left: 8px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--8__sm {
    padding-left: 8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--8__l {
    padding-left: 8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--8__xl {
    padding-left: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--8__xxl {
    padding-left: 8px !important; } }

.h-pr--16 {
  padding-left: 16px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--16__xs {
    padding-left: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--16__m {
    padding-left: 16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--16__d {
    padding-left: 16px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--16__sm {
    padding-left: 16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--16__l {
    padding-left: 16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--16__xl {
    padding-left: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--16__xxl {
    padding-left: 16px !important; } }

.h-pr--24 {
  padding-left: 24px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--24__xs {
    padding-left: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--24__m {
    padding-left: 24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--24__d {
    padding-left: 24px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--24__sm {
    padding-left: 24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--24__l {
    padding-left: 24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--24__xl {
    padding-left: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--24__xxl {
    padding-left: 24px !important; } }

.h-pr--32 {
  padding-left: 32px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--32__xs {
    padding-left: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--32__m {
    padding-left: 32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--32__d {
    padding-left: 32px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--32__sm {
    padding-left: 32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--32__l {
    padding-left: 32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--32__xl {
    padding-left: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--32__xxl {
    padding-left: 32px !important; } }

.h-pr--40 {
  padding-left: 40px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--40__xs {
    padding-left: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--40__m {
    padding-left: 40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--40__d {
    padding-left: 40px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--40__sm {
    padding-left: 40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--40__l {
    padding-left: 40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--40__xl {
    padding-left: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--40__xxl {
    padding-left: 40px !important; } }

.h-pr--48 {
  padding-left: 48px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--48__xs {
    padding-left: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--48__m {
    padding-left: 48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--48__d {
    padding-left: 48px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--48__sm {
    padding-left: 48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--48__l {
    padding-left: 48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--48__xl {
    padding-left: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--48__xxl {
    padding-left: 48px !important; } }

.h-pr--56 {
  padding-left: 56px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--56__xs {
    padding-left: 56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--56__m {
    padding-left: 56px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--56__d {
    padding-left: 56px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--56__sm {
    padding-left: 56px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--56__l {
    padding-left: 56px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--56__xl {
    padding-left: 56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--56__xxl {
    padding-left: 56px !important; } }

.h-pr--64 {
  padding-left: 64px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--64__xs {
    padding-left: 64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--64__m {
    padding-left: 64px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--64__d {
    padding-left: 64px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--64__sm {
    padding-left: 64px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--64__l {
    padding-left: 64px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--64__xl {
    padding-left: 64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--64__xxl {
    padding-left: 64px !important; } }

.h-pr--72 {
  padding-left: 72px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--72__xs {
    padding-left: 72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--72__m {
    padding-left: 72px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--72__d {
    padding-left: 72px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--72__sm {
    padding-left: 72px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--72__l {
    padding-left: 72px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--72__xl {
    padding-left: 72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--72__xxl {
    padding-left: 72px !important; } }

.h-pr--80 {
  padding-left: 80px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--80__xs {
    padding-left: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--80__m {
    padding-left: 80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--80__d {
    padding-left: 80px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--80__sm {
    padding-left: 80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--80__l {
    padding-left: 80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--80__xl {
    padding-left: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--80__xxl {
    padding-left: 80px !important; } }

.h-pr--88 {
  padding-left: 88px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--88__xs {
    padding-left: 88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--88__m {
    padding-left: 88px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--88__d {
    padding-left: 88px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--88__sm {
    padding-left: 88px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--88__l {
    padding-left: 88px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--88__xl {
    padding-left: 88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--88__xxl {
    padding-left: 88px !important; } }

.h-pr--96 {
  padding-left: 96px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--96__xs {
    padding-left: 96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--96__m {
    padding-left: 96px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--96__d {
    padding-left: 96px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--96__sm {
    padding-left: 96px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--96__l {
    padding-left: 96px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--96__xl {
    padding-left: 96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--96__xxl {
    padding-left: 96px !important; } }

.h-pr--104 {
  padding-left: 104px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--104__xs {
    padding-left: 104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--104__m {
    padding-left: 104px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--104__d {
    padding-left: 104px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--104__sm {
    padding-left: 104px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--104__l {
    padding-left: 104px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--104__xl {
    padding-left: 104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--104__xxl {
    padding-left: 104px !important; } }

.h-pr--112 {
  padding-left: 112px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--112__xs {
    padding-left: 112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--112__m {
    padding-left: 112px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--112__d {
    padding-left: 112px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--112__sm {
    padding-left: 112px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--112__l {
    padding-left: 112px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--112__xl {
    padding-left: 112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--112__xxl {
    padding-left: 112px !important; } }

.h-pr--120 {
  padding-left: 120px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--120__xs {
    padding-left: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--120__m {
    padding-left: 120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--120__d {
    padding-left: 120px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--120__sm {
    padding-left: 120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--120__l {
    padding-left: 120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--120__xl {
    padding-left: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--120__xxl {
    padding-left: 120px !important; } }

.h-pr--128 {
  padding-left: 128px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--128__xs {
    padding-left: 128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--128__m {
    padding-left: 128px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--128__d {
    padding-left: 128px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--128__sm {
    padding-left: 128px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--128__l {
    padding-left: 128px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--128__xl {
    padding-left: 128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--128__xxl {
    padding-left: 128px !important; } }

.h-pr--136 {
  padding-left: 136px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--136__xs {
    padding-left: 136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--136__m {
    padding-left: 136px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--136__d {
    padding-left: 136px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--136__sm {
    padding-left: 136px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--136__l {
    padding-left: 136px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--136__xl {
    padding-left: 136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--136__xxl {
    padding-left: 136px !important; } }

.h-pr--144 {
  padding-left: 144px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--144__xs {
    padding-left: 144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--144__m {
    padding-left: 144px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--144__d {
    padding-left: 144px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--144__sm {
    padding-left: 144px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--144__l {
    padding-left: 144px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--144__xl {
    padding-left: 144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--144__xxl {
    padding-left: 144px !important; } }

.h-pr--152 {
  padding-left: 152px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--152__xs {
    padding-left: 152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--152__m {
    padding-left: 152px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--152__d {
    padding-left: 152px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--152__sm {
    padding-left: 152px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--152__l {
    padding-left: 152px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--152__xl {
    padding-left: 152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--152__xxl {
    padding-left: 152px !important; } }

.h-pr--160 {
  padding-left: 160px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--160__xs {
    padding-left: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--160__m {
    padding-left: 160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--160__d {
    padding-left: 160px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--160__sm {
    padding-left: 160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--160__l {
    padding-left: 160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--160__xl {
    padding-left: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--160__xxl {
    padding-left: 160px !important; } }

.h-px--0 {
  padding-right: 0px !important;
  padding-left: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-px--0__xs {
    padding-right: 0px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--0__xs {
    padding-left: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--0__m {
    padding-right: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--0__m {
    padding-left: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--0__d {
    padding-right: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--0__d {
    padding-left: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--0__sm {
    padding-right: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--0__sm {
    padding-left: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--0__l {
    padding-right: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--0__l {
    padding-left: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--0__xl {
    padding-right: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--0__xl {
    padding-left: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--0__xxl {
    padding-right: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--0__xxl {
    padding-left: 0px !important; } }

.h-px--8 {
  padding-right: 8px !important;
  padding-left: 8px !important; }

@media only screen and (min-width: 576px) {
  .h-px--8__xs {
    padding-right: 8px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--8__xs {
    padding-left: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--8__m {
    padding-right: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--8__m {
    padding-left: 8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--8__d {
    padding-right: 8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--8__d {
    padding-left: 8px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--8__sm {
    padding-right: 8px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--8__sm {
    padding-left: 8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--8__l {
    padding-right: 8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--8__l {
    padding-left: 8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--8__xl {
    padding-right: 8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--8__xl {
    padding-left: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--8__xxl {
    padding-right: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--8__xxl {
    padding-left: 8px !important; } }

.h-px--16 {
  padding-right: 16px !important;
  padding-left: 16px !important; }

@media only screen and (min-width: 576px) {
  .h-px--16__xs {
    padding-right: 16px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--16__xs {
    padding-left: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--16__m {
    padding-right: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--16__m {
    padding-left: 16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--16__d {
    padding-right: 16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--16__d {
    padding-left: 16px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--16__sm {
    padding-right: 16px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--16__sm {
    padding-left: 16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--16__l {
    padding-right: 16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--16__l {
    padding-left: 16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--16__xl {
    padding-right: 16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--16__xl {
    padding-left: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--16__xxl {
    padding-right: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--16__xxl {
    padding-left: 16px !important; } }

.h-px--24 {
  padding-right: 24px !important;
  padding-left: 24px !important; }

@media only screen and (min-width: 576px) {
  .h-px--24__xs {
    padding-right: 24px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--24__xs {
    padding-left: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--24__m {
    padding-right: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--24__m {
    padding-left: 24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--24__d {
    padding-right: 24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--24__d {
    padding-left: 24px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--24__sm {
    padding-right: 24px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--24__sm {
    padding-left: 24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--24__l {
    padding-right: 24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--24__l {
    padding-left: 24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--24__xl {
    padding-right: 24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--24__xl {
    padding-left: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--24__xxl {
    padding-right: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--24__xxl {
    padding-left: 24px !important; } }

.h-px--32 {
  padding-right: 32px !important;
  padding-left: 32px !important; }

@media only screen and (min-width: 576px) {
  .h-px--32__xs {
    padding-right: 32px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--32__xs {
    padding-left: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--32__m {
    padding-right: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--32__m {
    padding-left: 32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--32__d {
    padding-right: 32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--32__d {
    padding-left: 32px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--32__sm {
    padding-right: 32px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--32__sm {
    padding-left: 32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--32__l {
    padding-right: 32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--32__l {
    padding-left: 32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--32__xl {
    padding-right: 32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--32__xl {
    padding-left: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--32__xxl {
    padding-right: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--32__xxl {
    padding-left: 32px !important; } }

.h-px--40 {
  padding-right: 40px !important;
  padding-left: 40px !important; }

@media only screen and (min-width: 576px) {
  .h-px--40__xs {
    padding-right: 40px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--40__xs {
    padding-left: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--40__m {
    padding-right: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--40__m {
    padding-left: 40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--40__d {
    padding-right: 40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--40__d {
    padding-left: 40px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--40__sm {
    padding-right: 40px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--40__sm {
    padding-left: 40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--40__l {
    padding-right: 40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--40__l {
    padding-left: 40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--40__xl {
    padding-right: 40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--40__xl {
    padding-left: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--40__xxl {
    padding-right: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--40__xxl {
    padding-left: 40px !important; } }

.h-px--48 {
  padding-right: 48px !important;
  padding-left: 48px !important; }

@media only screen and (min-width: 576px) {
  .h-px--48__xs {
    padding-right: 48px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--48__xs {
    padding-left: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--48__m {
    padding-right: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--48__m {
    padding-left: 48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--48__d {
    padding-right: 48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--48__d {
    padding-left: 48px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--48__sm {
    padding-right: 48px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--48__sm {
    padding-left: 48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--48__l {
    padding-right: 48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--48__l {
    padding-left: 48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--48__xl {
    padding-right: 48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--48__xl {
    padding-left: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--48__xxl {
    padding-right: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--48__xxl {
    padding-left: 48px !important; } }

.h-px--56 {
  padding-right: 56px !important;
  padding-left: 56px !important; }

@media only screen and (min-width: 576px) {
  .h-px--56__xs {
    padding-right: 56px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--56__xs {
    padding-left: 56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--56__m {
    padding-right: 56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--56__m {
    padding-left: 56px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--56__d {
    padding-right: 56px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--56__d {
    padding-left: 56px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--56__sm {
    padding-right: 56px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--56__sm {
    padding-left: 56px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--56__l {
    padding-right: 56px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--56__l {
    padding-left: 56px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--56__xl {
    padding-right: 56px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--56__xl {
    padding-left: 56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--56__xxl {
    padding-right: 56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--56__xxl {
    padding-left: 56px !important; } }

.h-px--64 {
  padding-right: 64px !important;
  padding-left: 64px !important; }

@media only screen and (min-width: 576px) {
  .h-px--64__xs {
    padding-right: 64px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--64__xs {
    padding-left: 64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--64__m {
    padding-right: 64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--64__m {
    padding-left: 64px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--64__d {
    padding-right: 64px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--64__d {
    padding-left: 64px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--64__sm {
    padding-right: 64px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--64__sm {
    padding-left: 64px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--64__l {
    padding-right: 64px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--64__l {
    padding-left: 64px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--64__xl {
    padding-right: 64px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--64__xl {
    padding-left: 64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--64__xxl {
    padding-right: 64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--64__xxl {
    padding-left: 64px !important; } }

.h-px--72 {
  padding-right: 72px !important;
  padding-left: 72px !important; }

@media only screen and (min-width: 576px) {
  .h-px--72__xs {
    padding-right: 72px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--72__xs {
    padding-left: 72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--72__m {
    padding-right: 72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--72__m {
    padding-left: 72px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--72__d {
    padding-right: 72px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--72__d {
    padding-left: 72px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--72__sm {
    padding-right: 72px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--72__sm {
    padding-left: 72px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--72__l {
    padding-right: 72px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--72__l {
    padding-left: 72px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--72__xl {
    padding-right: 72px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--72__xl {
    padding-left: 72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--72__xxl {
    padding-right: 72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--72__xxl {
    padding-left: 72px !important; } }

.h-px--80 {
  padding-right: 80px !important;
  padding-left: 80px !important; }

@media only screen and (min-width: 576px) {
  .h-px--80__xs {
    padding-right: 80px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--80__xs {
    padding-left: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--80__m {
    padding-right: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--80__m {
    padding-left: 80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--80__d {
    padding-right: 80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--80__d {
    padding-left: 80px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--80__sm {
    padding-right: 80px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--80__sm {
    padding-left: 80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--80__l {
    padding-right: 80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--80__l {
    padding-left: 80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--80__xl {
    padding-right: 80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--80__xl {
    padding-left: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--80__xxl {
    padding-right: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--80__xxl {
    padding-left: 80px !important; } }

.h-px--88 {
  padding-right: 88px !important;
  padding-left: 88px !important; }

@media only screen and (min-width: 576px) {
  .h-px--88__xs {
    padding-right: 88px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--88__xs {
    padding-left: 88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--88__m {
    padding-right: 88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--88__m {
    padding-left: 88px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--88__d {
    padding-right: 88px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--88__d {
    padding-left: 88px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--88__sm {
    padding-right: 88px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--88__sm {
    padding-left: 88px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--88__l {
    padding-right: 88px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--88__l {
    padding-left: 88px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--88__xl {
    padding-right: 88px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--88__xl {
    padding-left: 88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--88__xxl {
    padding-right: 88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--88__xxl {
    padding-left: 88px !important; } }

.h-px--96 {
  padding-right: 96px !important;
  padding-left: 96px !important; }

@media only screen and (min-width: 576px) {
  .h-px--96__xs {
    padding-right: 96px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--96__xs {
    padding-left: 96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--96__m {
    padding-right: 96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--96__m {
    padding-left: 96px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--96__d {
    padding-right: 96px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--96__d {
    padding-left: 96px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--96__sm {
    padding-right: 96px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--96__sm {
    padding-left: 96px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--96__l {
    padding-right: 96px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--96__l {
    padding-left: 96px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--96__xl {
    padding-right: 96px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--96__xl {
    padding-left: 96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--96__xxl {
    padding-right: 96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--96__xxl {
    padding-left: 96px !important; } }

.h-px--104 {
  padding-right: 104px !important;
  padding-left: 104px !important; }

@media only screen and (min-width: 576px) {
  .h-px--104__xs {
    padding-right: 104px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--104__xs {
    padding-left: 104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--104__m {
    padding-right: 104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--104__m {
    padding-left: 104px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--104__d {
    padding-right: 104px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--104__d {
    padding-left: 104px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--104__sm {
    padding-right: 104px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--104__sm {
    padding-left: 104px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--104__l {
    padding-right: 104px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--104__l {
    padding-left: 104px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--104__xl {
    padding-right: 104px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--104__xl {
    padding-left: 104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--104__xxl {
    padding-right: 104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--104__xxl {
    padding-left: 104px !important; } }

.h-px--112 {
  padding-right: 112px !important;
  padding-left: 112px !important; }

@media only screen and (min-width: 576px) {
  .h-px--112__xs {
    padding-right: 112px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--112__xs {
    padding-left: 112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--112__m {
    padding-right: 112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--112__m {
    padding-left: 112px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--112__d {
    padding-right: 112px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--112__d {
    padding-left: 112px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--112__sm {
    padding-right: 112px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--112__sm {
    padding-left: 112px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--112__l {
    padding-right: 112px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--112__l {
    padding-left: 112px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--112__xl {
    padding-right: 112px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--112__xl {
    padding-left: 112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--112__xxl {
    padding-right: 112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--112__xxl {
    padding-left: 112px !important; } }

.h-px--120 {
  padding-right: 120px !important;
  padding-left: 120px !important; }

@media only screen and (min-width: 576px) {
  .h-px--120__xs {
    padding-right: 120px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--120__xs {
    padding-left: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--120__m {
    padding-right: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--120__m {
    padding-left: 120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--120__d {
    padding-right: 120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--120__d {
    padding-left: 120px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--120__sm {
    padding-right: 120px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--120__sm {
    padding-left: 120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--120__l {
    padding-right: 120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--120__l {
    padding-left: 120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--120__xl {
    padding-right: 120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--120__xl {
    padding-left: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--120__xxl {
    padding-right: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--120__xxl {
    padding-left: 120px !important; } }

.h-px--128 {
  padding-right: 128px !important;
  padding-left: 128px !important; }

@media only screen and (min-width: 576px) {
  .h-px--128__xs {
    padding-right: 128px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--128__xs {
    padding-left: 128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--128__m {
    padding-right: 128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--128__m {
    padding-left: 128px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--128__d {
    padding-right: 128px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--128__d {
    padding-left: 128px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--128__sm {
    padding-right: 128px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--128__sm {
    padding-left: 128px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--128__l {
    padding-right: 128px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--128__l {
    padding-left: 128px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--128__xl {
    padding-right: 128px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--128__xl {
    padding-left: 128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--128__xxl {
    padding-right: 128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--128__xxl {
    padding-left: 128px !important; } }

.h-px--136 {
  padding-right: 136px !important;
  padding-left: 136px !important; }

@media only screen and (min-width: 576px) {
  .h-px--136__xs {
    padding-right: 136px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--136__xs {
    padding-left: 136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--136__m {
    padding-right: 136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--136__m {
    padding-left: 136px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--136__d {
    padding-right: 136px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--136__d {
    padding-left: 136px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--136__sm {
    padding-right: 136px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--136__sm {
    padding-left: 136px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--136__l {
    padding-right: 136px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--136__l {
    padding-left: 136px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--136__xl {
    padding-right: 136px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--136__xl {
    padding-left: 136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--136__xxl {
    padding-right: 136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--136__xxl {
    padding-left: 136px !important; } }

.h-px--144 {
  padding-right: 144px !important;
  padding-left: 144px !important; }

@media only screen and (min-width: 576px) {
  .h-px--144__xs {
    padding-right: 144px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--144__xs {
    padding-left: 144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--144__m {
    padding-right: 144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--144__m {
    padding-left: 144px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--144__d {
    padding-right: 144px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--144__d {
    padding-left: 144px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--144__sm {
    padding-right: 144px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--144__sm {
    padding-left: 144px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--144__l {
    padding-right: 144px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--144__l {
    padding-left: 144px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--144__xl {
    padding-right: 144px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--144__xl {
    padding-left: 144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--144__xxl {
    padding-right: 144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--144__xxl {
    padding-left: 144px !important; } }

.h-px--152 {
  padding-right: 152px !important;
  padding-left: 152px !important; }

@media only screen and (min-width: 576px) {
  .h-px--152__xs {
    padding-right: 152px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--152__xs {
    padding-left: 152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--152__m {
    padding-right: 152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--152__m {
    padding-left: 152px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--152__d {
    padding-right: 152px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--152__d {
    padding-left: 152px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--152__sm {
    padding-right: 152px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--152__sm {
    padding-left: 152px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--152__l {
    padding-right: 152px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--152__l {
    padding-left: 152px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--152__xl {
    padding-right: 152px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--152__xl {
    padding-left: 152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--152__xxl {
    padding-right: 152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--152__xxl {
    padding-left: 152px !important; } }

.h-px--160 {
  padding-right: 160px !important;
  padding-left: 160px !important; }

@media only screen and (min-width: 576px) {
  .h-px--160__xs {
    padding-right: 160px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--160__xs {
    padding-left: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--160__m {
    padding-right: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--160__m {
    padding-left: 160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--160__d {
    padding-right: 160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-px--160__d {
    padding-left: 160px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--160__sm {
    padding-right: 160px !important; } }

@media only screen and (min-width: 769px) {
  .h-px--160__sm {
    padding-left: 160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--160__l {
    padding-right: 160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-px--160__l {
    padding-left: 160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--160__xl {
    padding-right: 160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-px--160__xl {
    padding-left: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--160__xxl {
    padding-right: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--160__xxl {
    padding-left: 160px !important; } }

.h-py--0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-py--0__xs {
    padding-top: 0px !important; } }

@media only screen and (min-width: 576px) {
  .h-py--0__xs {
    padding-bottom: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--0__m {
    padding-top: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--0__m {
    padding-bottom: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--0__d {
    padding-top: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--0__d {
    padding-bottom: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--0__sm {
    padding-top: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--0__sm {
    padding-bottom: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--0__l {
    padding-top: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--0__l {
    padding-bottom: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--0__xl {
    padding-top: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--0__xl {
    padding-bottom: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--0__xxl {
    padding-top: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--0__xxl {
    padding-bottom: 0px !important; } }

.h-py--8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important; }

@media only screen and (min-width: 576px) {
  .h-py--8__xs {
    padding-top: 8px !important; } }

@media only screen and (min-width: 576px) {
  .h-py--8__xs {
    padding-bottom: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--8__m {
    padding-top: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--8__m {
    padding-bottom: 8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--8__d {
    padding-top: 8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--8__d {
    padding-bottom: 8px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--8__sm {
    padding-top: 8px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--8__sm {
    padding-bottom: 8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--8__l {
    padding-top: 8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--8__l {
    padding-bottom: 8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--8__xl {
    padding-top: 8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--8__xl {
    padding-bottom: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--8__xxl {
    padding-top: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--8__xxl {
    padding-bottom: 8px !important; } }

.h-py--16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important; }

@media only screen and (min-width: 576px) {
  .h-py--16__xs {
    padding-top: 16px !important; } }

@media only screen and (min-width: 576px) {
  .h-py--16__xs {
    padding-bottom: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--16__m {
    padding-top: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--16__m {
    padding-bottom: 16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--16__d {
    padding-top: 16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--16__d {
    padding-bottom: 16px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--16__sm {
    padding-top: 16px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--16__sm {
    padding-bottom: 16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--16__l {
    padding-top: 16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--16__l {
    padding-bottom: 16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--16__xl {
    padding-top: 16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--16__xl {
    padding-bottom: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--16__xxl {
    padding-top: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--16__xxl {
    padding-bottom: 16px !important; } }

.h-py--24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important; }

@media only screen and (min-width: 576px) {
  .h-py--24__xs {
    padding-top: 24px !important; } }

@media only screen and (min-width: 576px) {
  .h-py--24__xs {
    padding-bottom: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--24__m {
    padding-top: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--24__m {
    padding-bottom: 24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--24__d {
    padding-top: 24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--24__d {
    padding-bottom: 24px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--24__sm {
    padding-top: 24px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--24__sm {
    padding-bottom: 24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--24__l {
    padding-top: 24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--24__l {
    padding-bottom: 24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--24__xl {
    padding-top: 24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--24__xl {
    padding-bottom: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--24__xxl {
    padding-top: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--24__xxl {
    padding-bottom: 24px !important; } }

.h-py--32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important; }

@media only screen and (min-width: 576px) {
  .h-py--32__xs {
    padding-top: 32px !important; } }

@media only screen and (min-width: 576px) {
  .h-py--32__xs {
    padding-bottom: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--32__m {
    padding-top: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--32__m {
    padding-bottom: 32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--32__d {
    padding-top: 32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--32__d {
    padding-bottom: 32px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--32__sm {
    padding-top: 32px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--32__sm {
    padding-bottom: 32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--32__l {
    padding-top: 32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--32__l {
    padding-bottom: 32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--32__xl {
    padding-top: 32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--32__xl {
    padding-bottom: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--32__xxl {
    padding-top: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--32__xxl {
    padding-bottom: 32px !important; } }

.h-py--40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important; }

@media only screen and (min-width: 576px) {
  .h-py--40__xs {
    padding-top: 40px !important; } }

@media only screen and (min-width: 576px) {
  .h-py--40__xs {
    padding-bottom: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--40__m {
    padding-top: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--40__m {
    padding-bottom: 40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--40__d {
    padding-top: 40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--40__d {
    padding-bottom: 40px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--40__sm {
    padding-top: 40px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--40__sm {
    padding-bottom: 40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--40__l {
    padding-top: 40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--40__l {
    padding-bottom: 40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--40__xl {
    padding-top: 40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--40__xl {
    padding-bottom: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--40__xxl {
    padding-top: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--40__xxl {
    padding-bottom: 40px !important; } }

.h-py--48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important; }

@media only screen and (min-width: 576px) {
  .h-py--48__xs {
    padding-top: 48px !important; } }

@media only screen and (min-width: 576px) {
  .h-py--48__xs {
    padding-bottom: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--48__m {
    padding-top: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--48__m {
    padding-bottom: 48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--48__d {
    padding-top: 48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--48__d {
    padding-bottom: 48px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--48__sm {
    padding-top: 48px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--48__sm {
    padding-bottom: 48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--48__l {
    padding-top: 48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--48__l {
    padding-bottom: 48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--48__xl {
    padding-top: 48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--48__xl {
    padding-bottom: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--48__xxl {
    padding-top: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--48__xxl {
    padding-bottom: 48px !important; } }

.h-py--56 {
  padding-top: 56px !important;
  padding-bottom: 56px !important; }

@media only screen and (min-width: 576px) {
  .h-py--56__xs {
    padding-top: 56px !important; } }

@media only screen and (min-width: 576px) {
  .h-py--56__xs {
    padding-bottom: 56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--56__m {
    padding-top: 56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--56__m {
    padding-bottom: 56px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--56__d {
    padding-top: 56px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--56__d {
    padding-bottom: 56px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--56__sm {
    padding-top: 56px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--56__sm {
    padding-bottom: 56px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--56__l {
    padding-top: 56px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--56__l {
    padding-bottom: 56px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--56__xl {
    padding-top: 56px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--56__xl {
    padding-bottom: 56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--56__xxl {
    padding-top: 56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--56__xxl {
    padding-bottom: 56px !important; } }

.h-py--64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important; }

@media only screen and (min-width: 576px) {
  .h-py--64__xs {
    padding-top: 64px !important; } }

@media only screen and (min-width: 576px) {
  .h-py--64__xs {
    padding-bottom: 64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--64__m {
    padding-top: 64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--64__m {
    padding-bottom: 64px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--64__d {
    padding-top: 64px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--64__d {
    padding-bottom: 64px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--64__sm {
    padding-top: 64px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--64__sm {
    padding-bottom: 64px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--64__l {
    padding-top: 64px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--64__l {
    padding-bottom: 64px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--64__xl {
    padding-top: 64px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--64__xl {
    padding-bottom: 64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--64__xxl {
    padding-top: 64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--64__xxl {
    padding-bottom: 64px !important; } }

.h-py--72 {
  padding-top: 72px !important;
  padding-bottom: 72px !important; }

@media only screen and (min-width: 576px) {
  .h-py--72__xs {
    padding-top: 72px !important; } }

@media only screen and (min-width: 576px) {
  .h-py--72__xs {
    padding-bottom: 72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--72__m {
    padding-top: 72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--72__m {
    padding-bottom: 72px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--72__d {
    padding-top: 72px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--72__d {
    padding-bottom: 72px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--72__sm {
    padding-top: 72px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--72__sm {
    padding-bottom: 72px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--72__l {
    padding-top: 72px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--72__l {
    padding-bottom: 72px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--72__xl {
    padding-top: 72px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--72__xl {
    padding-bottom: 72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--72__xxl {
    padding-top: 72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--72__xxl {
    padding-bottom: 72px !important; } }

.h-py--80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important; }

@media only screen and (min-width: 576px) {
  .h-py--80__xs {
    padding-top: 80px !important; } }

@media only screen and (min-width: 576px) {
  .h-py--80__xs {
    padding-bottom: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--80__m {
    padding-top: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--80__m {
    padding-bottom: 80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--80__d {
    padding-top: 80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--80__d {
    padding-bottom: 80px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--80__sm {
    padding-top: 80px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--80__sm {
    padding-bottom: 80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--80__l {
    padding-top: 80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--80__l {
    padding-bottom: 80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--80__xl {
    padding-top: 80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--80__xl {
    padding-bottom: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--80__xxl {
    padding-top: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--80__xxl {
    padding-bottom: 80px !important; } }

.h-py--88 {
  padding-top: 88px !important;
  padding-bottom: 88px !important; }

@media only screen and (min-width: 576px) {
  .h-py--88__xs {
    padding-top: 88px !important; } }

@media only screen and (min-width: 576px) {
  .h-py--88__xs {
    padding-bottom: 88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--88__m {
    padding-top: 88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--88__m {
    padding-bottom: 88px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--88__d {
    padding-top: 88px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--88__d {
    padding-bottom: 88px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--88__sm {
    padding-top: 88px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--88__sm {
    padding-bottom: 88px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--88__l {
    padding-top: 88px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--88__l {
    padding-bottom: 88px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--88__xl {
    padding-top: 88px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--88__xl {
    padding-bottom: 88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--88__xxl {
    padding-top: 88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--88__xxl {
    padding-bottom: 88px !important; } }

.h-py--96 {
  padding-top: 96px !important;
  padding-bottom: 96px !important; }

@media only screen and (min-width: 576px) {
  .h-py--96__xs {
    padding-top: 96px !important; } }

@media only screen and (min-width: 576px) {
  .h-py--96__xs {
    padding-bottom: 96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--96__m {
    padding-top: 96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--96__m {
    padding-bottom: 96px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--96__d {
    padding-top: 96px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--96__d {
    padding-bottom: 96px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--96__sm {
    padding-top: 96px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--96__sm {
    padding-bottom: 96px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--96__l {
    padding-top: 96px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--96__l {
    padding-bottom: 96px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--96__xl {
    padding-top: 96px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--96__xl {
    padding-bottom: 96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--96__xxl {
    padding-top: 96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--96__xxl {
    padding-bottom: 96px !important; } }

.h-py--104 {
  padding-top: 104px !important;
  padding-bottom: 104px !important; }

@media only screen and (min-width: 576px) {
  .h-py--104__xs {
    padding-top: 104px !important; } }

@media only screen and (min-width: 576px) {
  .h-py--104__xs {
    padding-bottom: 104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--104__m {
    padding-top: 104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--104__m {
    padding-bottom: 104px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--104__d {
    padding-top: 104px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--104__d {
    padding-bottom: 104px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--104__sm {
    padding-top: 104px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--104__sm {
    padding-bottom: 104px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--104__l {
    padding-top: 104px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--104__l {
    padding-bottom: 104px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--104__xl {
    padding-top: 104px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--104__xl {
    padding-bottom: 104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--104__xxl {
    padding-top: 104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--104__xxl {
    padding-bottom: 104px !important; } }

.h-py--112 {
  padding-top: 112px !important;
  padding-bottom: 112px !important; }

@media only screen and (min-width: 576px) {
  .h-py--112__xs {
    padding-top: 112px !important; } }

@media only screen and (min-width: 576px) {
  .h-py--112__xs {
    padding-bottom: 112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--112__m {
    padding-top: 112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--112__m {
    padding-bottom: 112px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--112__d {
    padding-top: 112px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--112__d {
    padding-bottom: 112px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--112__sm {
    padding-top: 112px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--112__sm {
    padding-bottom: 112px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--112__l {
    padding-top: 112px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--112__l {
    padding-bottom: 112px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--112__xl {
    padding-top: 112px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--112__xl {
    padding-bottom: 112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--112__xxl {
    padding-top: 112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--112__xxl {
    padding-bottom: 112px !important; } }

.h-py--120 {
  padding-top: 120px !important;
  padding-bottom: 120px !important; }

@media only screen and (min-width: 576px) {
  .h-py--120__xs {
    padding-top: 120px !important; } }

@media only screen and (min-width: 576px) {
  .h-py--120__xs {
    padding-bottom: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--120__m {
    padding-top: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--120__m {
    padding-bottom: 120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--120__d {
    padding-top: 120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--120__d {
    padding-bottom: 120px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--120__sm {
    padding-top: 120px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--120__sm {
    padding-bottom: 120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--120__l {
    padding-top: 120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--120__l {
    padding-bottom: 120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--120__xl {
    padding-top: 120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--120__xl {
    padding-bottom: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--120__xxl {
    padding-top: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--120__xxl {
    padding-bottom: 120px !important; } }

.h-py--128 {
  padding-top: 128px !important;
  padding-bottom: 128px !important; }

@media only screen and (min-width: 576px) {
  .h-py--128__xs {
    padding-top: 128px !important; } }

@media only screen and (min-width: 576px) {
  .h-py--128__xs {
    padding-bottom: 128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--128__m {
    padding-top: 128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--128__m {
    padding-bottom: 128px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--128__d {
    padding-top: 128px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--128__d {
    padding-bottom: 128px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--128__sm {
    padding-top: 128px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--128__sm {
    padding-bottom: 128px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--128__l {
    padding-top: 128px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--128__l {
    padding-bottom: 128px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--128__xl {
    padding-top: 128px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--128__xl {
    padding-bottom: 128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--128__xxl {
    padding-top: 128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--128__xxl {
    padding-bottom: 128px !important; } }

.h-py--136 {
  padding-top: 136px !important;
  padding-bottom: 136px !important; }

@media only screen and (min-width: 576px) {
  .h-py--136__xs {
    padding-top: 136px !important; } }

@media only screen and (min-width: 576px) {
  .h-py--136__xs {
    padding-bottom: 136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--136__m {
    padding-top: 136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--136__m {
    padding-bottom: 136px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--136__d {
    padding-top: 136px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--136__d {
    padding-bottom: 136px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--136__sm {
    padding-top: 136px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--136__sm {
    padding-bottom: 136px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--136__l {
    padding-top: 136px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--136__l {
    padding-bottom: 136px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--136__xl {
    padding-top: 136px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--136__xl {
    padding-bottom: 136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--136__xxl {
    padding-top: 136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--136__xxl {
    padding-bottom: 136px !important; } }

.h-py--144 {
  padding-top: 144px !important;
  padding-bottom: 144px !important; }

@media only screen and (min-width: 576px) {
  .h-py--144__xs {
    padding-top: 144px !important; } }

@media only screen and (min-width: 576px) {
  .h-py--144__xs {
    padding-bottom: 144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--144__m {
    padding-top: 144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--144__m {
    padding-bottom: 144px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--144__d {
    padding-top: 144px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--144__d {
    padding-bottom: 144px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--144__sm {
    padding-top: 144px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--144__sm {
    padding-bottom: 144px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--144__l {
    padding-top: 144px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--144__l {
    padding-bottom: 144px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--144__xl {
    padding-top: 144px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--144__xl {
    padding-bottom: 144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--144__xxl {
    padding-top: 144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--144__xxl {
    padding-bottom: 144px !important; } }

.h-py--152 {
  padding-top: 152px !important;
  padding-bottom: 152px !important; }

@media only screen and (min-width: 576px) {
  .h-py--152__xs {
    padding-top: 152px !important; } }

@media only screen and (min-width: 576px) {
  .h-py--152__xs {
    padding-bottom: 152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--152__m {
    padding-top: 152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--152__m {
    padding-bottom: 152px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--152__d {
    padding-top: 152px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--152__d {
    padding-bottom: 152px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--152__sm {
    padding-top: 152px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--152__sm {
    padding-bottom: 152px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--152__l {
    padding-top: 152px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--152__l {
    padding-bottom: 152px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--152__xl {
    padding-top: 152px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--152__xl {
    padding-bottom: 152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--152__xxl {
    padding-top: 152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--152__xxl {
    padding-bottom: 152px !important; } }

.h-py--160 {
  padding-top: 160px !important;
  padding-bottom: 160px !important; }

@media only screen and (min-width: 576px) {
  .h-py--160__xs {
    padding-top: 160px !important; } }

@media only screen and (min-width: 576px) {
  .h-py--160__xs {
    padding-bottom: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--160__m {
    padding-top: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-py--160__m {
    padding-bottom: 160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--160__d {
    padding-top: 160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-py--160__d {
    padding-bottom: 160px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--160__sm {
    padding-top: 160px !important; } }

@media only screen and (min-width: 769px) {
  .h-py--160__sm {
    padding-bottom: 160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--160__l {
    padding-top: 160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-py--160__l {
    padding-bottom: 160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--160__xl {
    padding-top: 160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-py--160__xl {
    padding-bottom: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--160__xxl {
    padding-top: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-py--160__xxl {
    padding-bottom: 160px !important; } }

.h-p-vw--0 {
  padding: 0vw !important; }

@media only screen and (min-width: 576px) {
  .h-p-vw--0__xs {
    padding: 0vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-p-vw--0__m {
    padding: 0vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-p-vw--0__d {
    padding: 0vw !important; } }

@media only screen and (min-width: 769px) {
  .h-p-vw--0__sm {
    padding: 0vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-p-vw--0__l {
    padding: 0vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-p-vw--0__xl {
    padding: 0vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-p-vw--0__xxl {
    padding: 0vw !important; } }

.h-p-vw--1 {
  padding: 1vw !important; }

@media only screen and (min-width: 576px) {
  .h-p-vw--1__xs {
    padding: 1vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-p-vw--1__m {
    padding: 1vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-p-vw--1__d {
    padding: 1vw !important; } }

@media only screen and (min-width: 769px) {
  .h-p-vw--1__sm {
    padding: 1vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-p-vw--1__l {
    padding: 1vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-p-vw--1__xl {
    padding: 1vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-p-vw--1__xxl {
    padding: 1vw !important; } }

.h-p-vw--2 {
  padding: 2vw !important; }

@media only screen and (min-width: 576px) {
  .h-p-vw--2__xs {
    padding: 2vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-p-vw--2__m {
    padding: 2vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-p-vw--2__d {
    padding: 2vw !important; } }

@media only screen and (min-width: 769px) {
  .h-p-vw--2__sm {
    padding: 2vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-p-vw--2__l {
    padding: 2vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-p-vw--2__xl {
    padding: 2vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-p-vw--2__xxl {
    padding: 2vw !important; } }

.h-p-vw--3 {
  padding: 3vw !important; }

@media only screen and (min-width: 576px) {
  .h-p-vw--3__xs {
    padding: 3vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-p-vw--3__m {
    padding: 3vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-p-vw--3__d {
    padding: 3vw !important; } }

@media only screen and (min-width: 769px) {
  .h-p-vw--3__sm {
    padding: 3vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-p-vw--3__l {
    padding: 3vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-p-vw--3__xl {
    padding: 3vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-p-vw--3__xxl {
    padding: 3vw !important; } }

.h-p-vw--4 {
  padding: 4vw !important; }

@media only screen and (min-width: 576px) {
  .h-p-vw--4__xs {
    padding: 4vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-p-vw--4__m {
    padding: 4vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-p-vw--4__d {
    padding: 4vw !important; } }

@media only screen and (min-width: 769px) {
  .h-p-vw--4__sm {
    padding: 4vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-p-vw--4__l {
    padding: 4vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-p-vw--4__xl {
    padding: 4vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-p-vw--4__xxl {
    padding: 4vw !important; } }

.h-p-vw--5 {
  padding: 5vw !important; }

@media only screen and (min-width: 576px) {
  .h-p-vw--5__xs {
    padding: 5vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-p-vw--5__m {
    padding: 5vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-p-vw--5__d {
    padding: 5vw !important; } }

@media only screen and (min-width: 769px) {
  .h-p-vw--5__sm {
    padding: 5vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-p-vw--5__l {
    padding: 5vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-p-vw--5__xl {
    padding: 5vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-p-vw--5__xxl {
    padding: 5vw !important; } }

.h-p-vw--6 {
  padding: 6vw !important; }

@media only screen and (min-width: 576px) {
  .h-p-vw--6__xs {
    padding: 6vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-p-vw--6__m {
    padding: 6vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-p-vw--6__d {
    padding: 6vw !important; } }

@media only screen and (min-width: 769px) {
  .h-p-vw--6__sm {
    padding: 6vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-p-vw--6__l {
    padding: 6vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-p-vw--6__xl {
    padding: 6vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-p-vw--6__xxl {
    padding: 6vw !important; } }

.h-p-vw--7 {
  padding: 7vw !important; }

@media only screen and (min-width: 576px) {
  .h-p-vw--7__xs {
    padding: 7vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-p-vw--7__m {
    padding: 7vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-p-vw--7__d {
    padding: 7vw !important; } }

@media only screen and (min-width: 769px) {
  .h-p-vw--7__sm {
    padding: 7vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-p-vw--7__l {
    padding: 7vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-p-vw--7__xl {
    padding: 7vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-p-vw--7__xxl {
    padding: 7vw !important; } }

.h-p-vw--8 {
  padding: 8vw !important; }

@media only screen and (min-width: 576px) {
  .h-p-vw--8__xs {
    padding: 8vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-p-vw--8__m {
    padding: 8vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-p-vw--8__d {
    padding: 8vw !important; } }

@media only screen and (min-width: 769px) {
  .h-p-vw--8__sm {
    padding: 8vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-p-vw--8__l {
    padding: 8vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-p-vw--8__xl {
    padding: 8vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-p-vw--8__xxl {
    padding: 8vw !important; } }

.h-p-vw--9 {
  padding: 9vw !important; }

@media only screen and (min-width: 576px) {
  .h-p-vw--9__xs {
    padding: 9vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-p-vw--9__m {
    padding: 9vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-p-vw--9__d {
    padding: 9vw !important; } }

@media only screen and (min-width: 769px) {
  .h-p-vw--9__sm {
    padding: 9vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-p-vw--9__l {
    padding: 9vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-p-vw--9__xl {
    padding: 9vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-p-vw--9__xxl {
    padding: 9vw !important; } }

.h-p-vw--10 {
  padding: 10vw !important; }

@media only screen and (min-width: 576px) {
  .h-p-vw--10__xs {
    padding: 10vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-p-vw--10__m {
    padding: 10vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-p-vw--10__d {
    padding: 10vw !important; } }

@media only screen and (min-width: 769px) {
  .h-p-vw--10__sm {
    padding: 10vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-p-vw--10__l {
    padding: 10vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-p-vw--10__xl {
    padding: 10vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-p-vw--10__xxl {
    padding: 10vw !important; } }

.h-px-vw--0 {
  padding-right: 0vw !important;
  padding-left: 0vw !important; }

@media only screen and (min-width: 576px) {
  .h-px-vw--0__xs {
    padding-right: 0vw !important; } }

@media only screen and (min-width: 576px) {
  .h-px-vw--0__xs {
    padding-left: 0vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--0__m {
    padding-right: 0vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--0__m {
    padding-left: 0vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-px-vw--0__d {
    padding-right: 0vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-px-vw--0__d {
    padding-left: 0vw !important; } }

@media only screen and (min-width: 769px) {
  .h-px-vw--0__sm {
    padding-right: 0vw !important; } }

@media only screen and (min-width: 769px) {
  .h-px-vw--0__sm {
    padding-left: 0vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-px-vw--0__l {
    padding-right: 0vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-px-vw--0__l {
    padding-left: 0vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-px-vw--0__xl {
    padding-right: 0vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-px-vw--0__xl {
    padding-left: 0vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--0__xxl {
    padding-right: 0vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--0__xxl {
    padding-left: 0vw !important; } }

.h-px-vw--1 {
  padding-right: 1vw !important;
  padding-left: 1vw !important; }

@media only screen and (min-width: 576px) {
  .h-px-vw--1__xs {
    padding-right: 1vw !important; } }

@media only screen and (min-width: 576px) {
  .h-px-vw--1__xs {
    padding-left: 1vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--1__m {
    padding-right: 1vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--1__m {
    padding-left: 1vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-px-vw--1__d {
    padding-right: 1vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-px-vw--1__d {
    padding-left: 1vw !important; } }

@media only screen and (min-width: 769px) {
  .h-px-vw--1__sm {
    padding-right: 1vw !important; } }

@media only screen and (min-width: 769px) {
  .h-px-vw--1__sm {
    padding-left: 1vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-px-vw--1__l {
    padding-right: 1vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-px-vw--1__l {
    padding-left: 1vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-px-vw--1__xl {
    padding-right: 1vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-px-vw--1__xl {
    padding-left: 1vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--1__xxl {
    padding-right: 1vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--1__xxl {
    padding-left: 1vw !important; } }

.h-px-vw--2 {
  padding-right: 2vw !important;
  padding-left: 2vw !important; }

@media only screen and (min-width: 576px) {
  .h-px-vw--2__xs {
    padding-right: 2vw !important; } }

@media only screen and (min-width: 576px) {
  .h-px-vw--2__xs {
    padding-left: 2vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--2__m {
    padding-right: 2vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--2__m {
    padding-left: 2vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-px-vw--2__d {
    padding-right: 2vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-px-vw--2__d {
    padding-left: 2vw !important; } }

@media only screen and (min-width: 769px) {
  .h-px-vw--2__sm {
    padding-right: 2vw !important; } }

@media only screen and (min-width: 769px) {
  .h-px-vw--2__sm {
    padding-left: 2vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-px-vw--2__l {
    padding-right: 2vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-px-vw--2__l {
    padding-left: 2vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-px-vw--2__xl {
    padding-right: 2vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-px-vw--2__xl {
    padding-left: 2vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--2__xxl {
    padding-right: 2vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--2__xxl {
    padding-left: 2vw !important; } }

.h-px-vw--3 {
  padding-right: 3vw !important;
  padding-left: 3vw !important; }

@media only screen and (min-width: 576px) {
  .h-px-vw--3__xs {
    padding-right: 3vw !important; } }

@media only screen and (min-width: 576px) {
  .h-px-vw--3__xs {
    padding-left: 3vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--3__m {
    padding-right: 3vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--3__m {
    padding-left: 3vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-px-vw--3__d {
    padding-right: 3vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-px-vw--3__d {
    padding-left: 3vw !important; } }

@media only screen and (min-width: 769px) {
  .h-px-vw--3__sm {
    padding-right: 3vw !important; } }

@media only screen and (min-width: 769px) {
  .h-px-vw--3__sm {
    padding-left: 3vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-px-vw--3__l {
    padding-right: 3vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-px-vw--3__l {
    padding-left: 3vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-px-vw--3__xl {
    padding-right: 3vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-px-vw--3__xl {
    padding-left: 3vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--3__xxl {
    padding-right: 3vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--3__xxl {
    padding-left: 3vw !important; } }

.h-px-vw--4 {
  padding-right: 4vw !important;
  padding-left: 4vw !important; }

@media only screen and (min-width: 576px) {
  .h-px-vw--4__xs {
    padding-right: 4vw !important; } }

@media only screen and (min-width: 576px) {
  .h-px-vw--4__xs {
    padding-left: 4vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--4__m {
    padding-right: 4vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--4__m {
    padding-left: 4vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-px-vw--4__d {
    padding-right: 4vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-px-vw--4__d {
    padding-left: 4vw !important; } }

@media only screen and (min-width: 769px) {
  .h-px-vw--4__sm {
    padding-right: 4vw !important; } }

@media only screen and (min-width: 769px) {
  .h-px-vw--4__sm {
    padding-left: 4vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-px-vw--4__l {
    padding-right: 4vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-px-vw--4__l {
    padding-left: 4vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-px-vw--4__xl {
    padding-right: 4vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-px-vw--4__xl {
    padding-left: 4vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--4__xxl {
    padding-right: 4vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--4__xxl {
    padding-left: 4vw !important; } }

.h-px-vw--5 {
  padding-right: 5vw !important;
  padding-left: 5vw !important; }

@media only screen and (min-width: 576px) {
  .h-px-vw--5__xs {
    padding-right: 5vw !important; } }

@media only screen and (min-width: 576px) {
  .h-px-vw--5__xs {
    padding-left: 5vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--5__m {
    padding-right: 5vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--5__m {
    padding-left: 5vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-px-vw--5__d {
    padding-right: 5vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-px-vw--5__d {
    padding-left: 5vw !important; } }

@media only screen and (min-width: 769px) {
  .h-px-vw--5__sm {
    padding-right: 5vw !important; } }

@media only screen and (min-width: 769px) {
  .h-px-vw--5__sm {
    padding-left: 5vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-px-vw--5__l {
    padding-right: 5vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-px-vw--5__l {
    padding-left: 5vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-px-vw--5__xl {
    padding-right: 5vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-px-vw--5__xl {
    padding-left: 5vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--5__xxl {
    padding-right: 5vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--5__xxl {
    padding-left: 5vw !important; } }

.h-px-vw--6 {
  padding-right: 6vw !important;
  padding-left: 6vw !important; }

@media only screen and (min-width: 576px) {
  .h-px-vw--6__xs {
    padding-right: 6vw !important; } }

@media only screen and (min-width: 576px) {
  .h-px-vw--6__xs {
    padding-left: 6vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--6__m {
    padding-right: 6vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--6__m {
    padding-left: 6vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-px-vw--6__d {
    padding-right: 6vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-px-vw--6__d {
    padding-left: 6vw !important; } }

@media only screen and (min-width: 769px) {
  .h-px-vw--6__sm {
    padding-right: 6vw !important; } }

@media only screen and (min-width: 769px) {
  .h-px-vw--6__sm {
    padding-left: 6vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-px-vw--6__l {
    padding-right: 6vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-px-vw--6__l {
    padding-left: 6vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-px-vw--6__xl {
    padding-right: 6vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-px-vw--6__xl {
    padding-left: 6vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--6__xxl {
    padding-right: 6vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--6__xxl {
    padding-left: 6vw !important; } }

.h-px-vw--7 {
  padding-right: 7vw !important;
  padding-left: 7vw !important; }

@media only screen and (min-width: 576px) {
  .h-px-vw--7__xs {
    padding-right: 7vw !important; } }

@media only screen and (min-width: 576px) {
  .h-px-vw--7__xs {
    padding-left: 7vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--7__m {
    padding-right: 7vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--7__m {
    padding-left: 7vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-px-vw--7__d {
    padding-right: 7vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-px-vw--7__d {
    padding-left: 7vw !important; } }

@media only screen and (min-width: 769px) {
  .h-px-vw--7__sm {
    padding-right: 7vw !important; } }

@media only screen and (min-width: 769px) {
  .h-px-vw--7__sm {
    padding-left: 7vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-px-vw--7__l {
    padding-right: 7vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-px-vw--7__l {
    padding-left: 7vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-px-vw--7__xl {
    padding-right: 7vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-px-vw--7__xl {
    padding-left: 7vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--7__xxl {
    padding-right: 7vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--7__xxl {
    padding-left: 7vw !important; } }

.h-px-vw--8 {
  padding-right: 8vw !important;
  padding-left: 8vw !important; }

@media only screen and (min-width: 576px) {
  .h-px-vw--8__xs {
    padding-right: 8vw !important; } }

@media only screen and (min-width: 576px) {
  .h-px-vw--8__xs {
    padding-left: 8vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--8__m {
    padding-right: 8vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--8__m {
    padding-left: 8vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-px-vw--8__d {
    padding-right: 8vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-px-vw--8__d {
    padding-left: 8vw !important; } }

@media only screen and (min-width: 769px) {
  .h-px-vw--8__sm {
    padding-right: 8vw !important; } }

@media only screen and (min-width: 769px) {
  .h-px-vw--8__sm {
    padding-left: 8vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-px-vw--8__l {
    padding-right: 8vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-px-vw--8__l {
    padding-left: 8vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-px-vw--8__xl {
    padding-right: 8vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-px-vw--8__xl {
    padding-left: 8vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--8__xxl {
    padding-right: 8vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--8__xxl {
    padding-left: 8vw !important; } }

.h-px-vw--9 {
  padding-right: 9vw !important;
  padding-left: 9vw !important; }

@media only screen and (min-width: 576px) {
  .h-px-vw--9__xs {
    padding-right: 9vw !important; } }

@media only screen and (min-width: 576px) {
  .h-px-vw--9__xs {
    padding-left: 9vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--9__m {
    padding-right: 9vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--9__m {
    padding-left: 9vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-px-vw--9__d {
    padding-right: 9vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-px-vw--9__d {
    padding-left: 9vw !important; } }

@media only screen and (min-width: 769px) {
  .h-px-vw--9__sm {
    padding-right: 9vw !important; } }

@media only screen and (min-width: 769px) {
  .h-px-vw--9__sm {
    padding-left: 9vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-px-vw--9__l {
    padding-right: 9vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-px-vw--9__l {
    padding-left: 9vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-px-vw--9__xl {
    padding-right: 9vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-px-vw--9__xl {
    padding-left: 9vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--9__xxl {
    padding-right: 9vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--9__xxl {
    padding-left: 9vw !important; } }

.h-px-vw--10 {
  padding-right: 10vw !important;
  padding-left: 10vw !important; }

@media only screen and (min-width: 576px) {
  .h-px-vw--10__xs {
    padding-right: 10vw !important; } }

@media only screen and (min-width: 576px) {
  .h-px-vw--10__xs {
    padding-left: 10vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--10__m {
    padding-right: 10vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--10__m {
    padding-left: 10vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-px-vw--10__d {
    padding-right: 10vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-px-vw--10__d {
    padding-left: 10vw !important; } }

@media only screen and (min-width: 769px) {
  .h-px-vw--10__sm {
    padding-right: 10vw !important; } }

@media only screen and (min-width: 769px) {
  .h-px-vw--10__sm {
    padding-left: 10vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-px-vw--10__l {
    padding-right: 10vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-px-vw--10__l {
    padding-left: 10vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-px-vw--10__xl {
    padding-right: 10vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-px-vw--10__xl {
    padding-left: 10vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--10__xxl {
    padding-right: 10vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--10__xxl {
    padding-left: 10vw !important; } }

.h-py-vw--0 {
  padding-top: 0vw !important;
  padding-bottom: 0vw !important; }

@media only screen and (min-width: 576px) {
  .h-py-vw--0__xs {
    padding-top: 0vw !important; } }

@media only screen and (min-width: 576px) {
  .h-py-vw--0__xs {
    padding-bottom: 0vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-py-vw--0__m {
    padding-top: 0vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-py-vw--0__m {
    padding-bottom: 0vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-py-vw--0__d {
    padding-top: 0vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-py-vw--0__d {
    padding-bottom: 0vw !important; } }

@media only screen and (min-width: 769px) {
  .h-py-vw--0__sm {
    padding-top: 0vw !important; } }

@media only screen and (min-width: 769px) {
  .h-py-vw--0__sm {
    padding-bottom: 0vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-py-vw--0__l {
    padding-top: 0vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-py-vw--0__l {
    padding-bottom: 0vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-py-vw--0__xl {
    padding-top: 0vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-py-vw--0__xl {
    padding-bottom: 0vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-py-vw--0__xxl {
    padding-top: 0vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-py-vw--0__xxl {
    padding-bottom: 0vw !important; } }

.h-py-vw--1 {
  padding-top: 1vw !important;
  padding-bottom: 1vw !important; }

@media only screen and (min-width: 576px) {
  .h-py-vw--1__xs {
    padding-top: 1vw !important; } }

@media only screen and (min-width: 576px) {
  .h-py-vw--1__xs {
    padding-bottom: 1vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-py-vw--1__m {
    padding-top: 1vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-py-vw--1__m {
    padding-bottom: 1vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-py-vw--1__d {
    padding-top: 1vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-py-vw--1__d {
    padding-bottom: 1vw !important; } }

@media only screen and (min-width: 769px) {
  .h-py-vw--1__sm {
    padding-top: 1vw !important; } }

@media only screen and (min-width: 769px) {
  .h-py-vw--1__sm {
    padding-bottom: 1vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-py-vw--1__l {
    padding-top: 1vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-py-vw--1__l {
    padding-bottom: 1vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-py-vw--1__xl {
    padding-top: 1vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-py-vw--1__xl {
    padding-bottom: 1vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-py-vw--1__xxl {
    padding-top: 1vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-py-vw--1__xxl {
    padding-bottom: 1vw !important; } }

.h-py-vw--2 {
  padding-top: 2vw !important;
  padding-bottom: 2vw !important; }

@media only screen and (min-width: 576px) {
  .h-py-vw--2__xs {
    padding-top: 2vw !important; } }

@media only screen and (min-width: 576px) {
  .h-py-vw--2__xs {
    padding-bottom: 2vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-py-vw--2__m {
    padding-top: 2vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-py-vw--2__m {
    padding-bottom: 2vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-py-vw--2__d {
    padding-top: 2vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-py-vw--2__d {
    padding-bottom: 2vw !important; } }

@media only screen and (min-width: 769px) {
  .h-py-vw--2__sm {
    padding-top: 2vw !important; } }

@media only screen and (min-width: 769px) {
  .h-py-vw--2__sm {
    padding-bottom: 2vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-py-vw--2__l {
    padding-top: 2vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-py-vw--2__l {
    padding-bottom: 2vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-py-vw--2__xl {
    padding-top: 2vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-py-vw--2__xl {
    padding-bottom: 2vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-py-vw--2__xxl {
    padding-top: 2vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-py-vw--2__xxl {
    padding-bottom: 2vw !important; } }

.h-py-vw--3 {
  padding-top: 3vw !important;
  padding-bottom: 3vw !important; }

@media only screen and (min-width: 576px) {
  .h-py-vw--3__xs {
    padding-top: 3vw !important; } }

@media only screen and (min-width: 576px) {
  .h-py-vw--3__xs {
    padding-bottom: 3vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-py-vw--3__m {
    padding-top: 3vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-py-vw--3__m {
    padding-bottom: 3vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-py-vw--3__d {
    padding-top: 3vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-py-vw--3__d {
    padding-bottom: 3vw !important; } }

@media only screen and (min-width: 769px) {
  .h-py-vw--3__sm {
    padding-top: 3vw !important; } }

@media only screen and (min-width: 769px) {
  .h-py-vw--3__sm {
    padding-bottom: 3vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-py-vw--3__l {
    padding-top: 3vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-py-vw--3__l {
    padding-bottom: 3vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-py-vw--3__xl {
    padding-top: 3vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-py-vw--3__xl {
    padding-bottom: 3vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-py-vw--3__xxl {
    padding-top: 3vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-py-vw--3__xxl {
    padding-bottom: 3vw !important; } }

.h-py-vw--4 {
  padding-top: 4vw !important;
  padding-bottom: 4vw !important; }

@media only screen and (min-width: 576px) {
  .h-py-vw--4__xs {
    padding-top: 4vw !important; } }

@media only screen and (min-width: 576px) {
  .h-py-vw--4__xs {
    padding-bottom: 4vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-py-vw--4__m {
    padding-top: 4vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-py-vw--4__m {
    padding-bottom: 4vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-py-vw--4__d {
    padding-top: 4vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-py-vw--4__d {
    padding-bottom: 4vw !important; } }

@media only screen and (min-width: 769px) {
  .h-py-vw--4__sm {
    padding-top: 4vw !important; } }

@media only screen and (min-width: 769px) {
  .h-py-vw--4__sm {
    padding-bottom: 4vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-py-vw--4__l {
    padding-top: 4vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-py-vw--4__l {
    padding-bottom: 4vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-py-vw--4__xl {
    padding-top: 4vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-py-vw--4__xl {
    padding-bottom: 4vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-py-vw--4__xxl {
    padding-top: 4vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-py-vw--4__xxl {
    padding-bottom: 4vw !important; } }

.h-py-vw--5 {
  padding-top: 5vw !important;
  padding-bottom: 5vw !important; }

@media only screen and (min-width: 576px) {
  .h-py-vw--5__xs {
    padding-top: 5vw !important; } }

@media only screen and (min-width: 576px) {
  .h-py-vw--5__xs {
    padding-bottom: 5vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-py-vw--5__m {
    padding-top: 5vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-py-vw--5__m {
    padding-bottom: 5vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-py-vw--5__d {
    padding-top: 5vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-py-vw--5__d {
    padding-bottom: 5vw !important; } }

@media only screen and (min-width: 769px) {
  .h-py-vw--5__sm {
    padding-top: 5vw !important; } }

@media only screen and (min-width: 769px) {
  .h-py-vw--5__sm {
    padding-bottom: 5vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-py-vw--5__l {
    padding-top: 5vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-py-vw--5__l {
    padding-bottom: 5vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-py-vw--5__xl {
    padding-top: 5vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-py-vw--5__xl {
    padding-bottom: 5vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-py-vw--5__xxl {
    padding-top: 5vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-py-vw--5__xxl {
    padding-bottom: 5vw !important; } }

.h-py-vw--6 {
  padding-top: 6vw !important;
  padding-bottom: 6vw !important; }

@media only screen and (min-width: 576px) {
  .h-py-vw--6__xs {
    padding-top: 6vw !important; } }

@media only screen and (min-width: 576px) {
  .h-py-vw--6__xs {
    padding-bottom: 6vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-py-vw--6__m {
    padding-top: 6vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-py-vw--6__m {
    padding-bottom: 6vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-py-vw--6__d {
    padding-top: 6vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-py-vw--6__d {
    padding-bottom: 6vw !important; } }

@media only screen and (min-width: 769px) {
  .h-py-vw--6__sm {
    padding-top: 6vw !important; } }

@media only screen and (min-width: 769px) {
  .h-py-vw--6__sm {
    padding-bottom: 6vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-py-vw--6__l {
    padding-top: 6vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-py-vw--6__l {
    padding-bottom: 6vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-py-vw--6__xl {
    padding-top: 6vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-py-vw--6__xl {
    padding-bottom: 6vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-py-vw--6__xxl {
    padding-top: 6vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-py-vw--6__xxl {
    padding-bottom: 6vw !important; } }

.h-py-vw--7 {
  padding-top: 7vw !important;
  padding-bottom: 7vw !important; }

@media only screen and (min-width: 576px) {
  .h-py-vw--7__xs {
    padding-top: 7vw !important; } }

@media only screen and (min-width: 576px) {
  .h-py-vw--7__xs {
    padding-bottom: 7vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-py-vw--7__m {
    padding-top: 7vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-py-vw--7__m {
    padding-bottom: 7vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-py-vw--7__d {
    padding-top: 7vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-py-vw--7__d {
    padding-bottom: 7vw !important; } }

@media only screen and (min-width: 769px) {
  .h-py-vw--7__sm {
    padding-top: 7vw !important; } }

@media only screen and (min-width: 769px) {
  .h-py-vw--7__sm {
    padding-bottom: 7vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-py-vw--7__l {
    padding-top: 7vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-py-vw--7__l {
    padding-bottom: 7vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-py-vw--7__xl {
    padding-top: 7vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-py-vw--7__xl {
    padding-bottom: 7vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-py-vw--7__xxl {
    padding-top: 7vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-py-vw--7__xxl {
    padding-bottom: 7vw !important; } }

.h-py-vw--8 {
  padding-top: 8vw !important;
  padding-bottom: 8vw !important; }

@media only screen and (min-width: 576px) {
  .h-py-vw--8__xs {
    padding-top: 8vw !important; } }

@media only screen and (min-width: 576px) {
  .h-py-vw--8__xs {
    padding-bottom: 8vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-py-vw--8__m {
    padding-top: 8vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-py-vw--8__m {
    padding-bottom: 8vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-py-vw--8__d {
    padding-top: 8vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-py-vw--8__d {
    padding-bottom: 8vw !important; } }

@media only screen and (min-width: 769px) {
  .h-py-vw--8__sm {
    padding-top: 8vw !important; } }

@media only screen and (min-width: 769px) {
  .h-py-vw--8__sm {
    padding-bottom: 8vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-py-vw--8__l {
    padding-top: 8vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-py-vw--8__l {
    padding-bottom: 8vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-py-vw--8__xl {
    padding-top: 8vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-py-vw--8__xl {
    padding-bottom: 8vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-py-vw--8__xxl {
    padding-top: 8vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-py-vw--8__xxl {
    padding-bottom: 8vw !important; } }

.h-py-vw--9 {
  padding-top: 9vw !important;
  padding-bottom: 9vw !important; }

@media only screen and (min-width: 576px) {
  .h-py-vw--9__xs {
    padding-top: 9vw !important; } }

@media only screen and (min-width: 576px) {
  .h-py-vw--9__xs {
    padding-bottom: 9vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-py-vw--9__m {
    padding-top: 9vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-py-vw--9__m {
    padding-bottom: 9vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-py-vw--9__d {
    padding-top: 9vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-py-vw--9__d {
    padding-bottom: 9vw !important; } }

@media only screen and (min-width: 769px) {
  .h-py-vw--9__sm {
    padding-top: 9vw !important; } }

@media only screen and (min-width: 769px) {
  .h-py-vw--9__sm {
    padding-bottom: 9vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-py-vw--9__l {
    padding-top: 9vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-py-vw--9__l {
    padding-bottom: 9vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-py-vw--9__xl {
    padding-top: 9vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-py-vw--9__xl {
    padding-bottom: 9vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-py-vw--9__xxl {
    padding-top: 9vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-py-vw--9__xxl {
    padding-bottom: 9vw !important; } }

.h-py-vw--10 {
  padding-top: 10vw !important;
  padding-bottom: 10vw !important; }

@media only screen and (min-width: 576px) {
  .h-py-vw--10__xs {
    padding-top: 10vw !important; } }

@media only screen and (min-width: 576px) {
  .h-py-vw--10__xs {
    padding-bottom: 10vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-py-vw--10__m {
    padding-top: 10vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-py-vw--10__m {
    padding-bottom: 10vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-py-vw--10__d {
    padding-top: 10vw !important; } }

@media only screen and (min-width: 1025px) {
  .h-py-vw--10__d {
    padding-bottom: 10vw !important; } }

@media only screen and (min-width: 769px) {
  .h-py-vw--10__sm {
    padding-top: 10vw !important; } }

@media only screen and (min-width: 769px) {
  .h-py-vw--10__sm {
    padding-bottom: 10vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-py-vw--10__l {
    padding-top: 10vw !important; } }

@media only screen and (min-width: 1200px) {
  .h-py-vw--10__l {
    padding-bottom: 10vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-py-vw--10__xl {
    padding-top: 10vw !important; } }

@media only screen and (min-width: 1500px) {
  .h-py-vw--10__xl {
    padding-bottom: 10vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-py-vw--10__xxl {
    padding-top: 10vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-py-vw--10__xxl {
    padding-bottom: 10vw !important; } }

.h-width--0 {
  width: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-width--0__xs {
    width: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-width--0__m {
    width: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-width--0__d {
    width: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-width--0__sm {
    width: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-width--0__l {
    width: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-width--0__xl {
    width: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-width--0__xxl {
    width: 0px !important; } }

.h-width--50 {
  width: 50px !important; }

@media only screen and (min-width: 576px) {
  .h-width--50__xs {
    width: 50px !important; } }

@media only screen and (max-width: 1024px) {
  .h-width--50__m {
    width: 50px !important; } }

@media only screen and (min-width: 1025px) {
  .h-width--50__d {
    width: 50px !important; } }

@media only screen and (min-width: 769px) {
  .h-width--50__sm {
    width: 50px !important; } }

@media only screen and (min-width: 1200px) {
  .h-width--50__l {
    width: 50px !important; } }

@media only screen and (min-width: 1500px) {
  .h-width--50__xl {
    width: 50px !important; } }

@media only screen and (min-width: 2000px) {
  .h-width--50__xxl {
    width: 50px !important; } }

.h-width--100 {
  width: 100px !important; }

@media only screen and (min-width: 576px) {
  .h-width--100__xs {
    width: 100px !important; } }

@media only screen and (max-width: 1024px) {
  .h-width--100__m {
    width: 100px !important; } }

@media only screen and (min-width: 1025px) {
  .h-width--100__d {
    width: 100px !important; } }

@media only screen and (min-width: 769px) {
  .h-width--100__sm {
    width: 100px !important; } }

@media only screen and (min-width: 1200px) {
  .h-width--100__l {
    width: 100px !important; } }

@media only screen and (min-width: 1500px) {
  .h-width--100__xl {
    width: 100px !important; } }

@media only screen and (min-width: 2000px) {
  .h-width--100__xxl {
    width: 100px !important; } }

.h-width--150 {
  width: 150px !important; }

@media only screen and (min-width: 576px) {
  .h-width--150__xs {
    width: 150px !important; } }

@media only screen and (max-width: 1024px) {
  .h-width--150__m {
    width: 150px !important; } }

@media only screen and (min-width: 1025px) {
  .h-width--150__d {
    width: 150px !important; } }

@media only screen and (min-width: 769px) {
  .h-width--150__sm {
    width: 150px !important; } }

@media only screen and (min-width: 1200px) {
  .h-width--150__l {
    width: 150px !important; } }

@media only screen and (min-width: 1500px) {
  .h-width--150__xl {
    width: 150px !important; } }

@media only screen and (min-width: 2000px) {
  .h-width--150__xxl {
    width: 150px !important; } }

.h-width--200 {
  width: 200px !important; }

@media only screen and (min-width: 576px) {
  .h-width--200__xs {
    width: 200px !important; } }

@media only screen and (max-width: 1024px) {
  .h-width--200__m {
    width: 200px !important; } }

@media only screen and (min-width: 1025px) {
  .h-width--200__d {
    width: 200px !important; } }

@media only screen and (min-width: 769px) {
  .h-width--200__sm {
    width: 200px !important; } }

@media only screen and (min-width: 1200px) {
  .h-width--200__l {
    width: 200px !important; } }

@media only screen and (min-width: 1500px) {
  .h-width--200__xl {
    width: 200px !important; } }

@media only screen and (min-width: 2000px) {
  .h-width--200__xxl {
    width: 200px !important; } }

.h-width--250 {
  width: 250px !important; }

@media only screen and (min-width: 576px) {
  .h-width--250__xs {
    width: 250px !important; } }

@media only screen and (max-width: 1024px) {
  .h-width--250__m {
    width: 250px !important; } }

@media only screen and (min-width: 1025px) {
  .h-width--250__d {
    width: 250px !important; } }

@media only screen and (min-width: 769px) {
  .h-width--250__sm {
    width: 250px !important; } }

@media only screen and (min-width: 1200px) {
  .h-width--250__l {
    width: 250px !important; } }

@media only screen and (min-width: 1500px) {
  .h-width--250__xl {
    width: 250px !important; } }

@media only screen and (min-width: 2000px) {
  .h-width--250__xxl {
    width: 250px !important; } }

.h-width--300 {
  width: 300px !important; }

@media only screen and (min-width: 576px) {
  .h-width--300__xs {
    width: 300px !important; } }

@media only screen and (max-width: 1024px) {
  .h-width--300__m {
    width: 300px !important; } }

@media only screen and (min-width: 1025px) {
  .h-width--300__d {
    width: 300px !important; } }

@media only screen and (min-width: 769px) {
  .h-width--300__sm {
    width: 300px !important; } }

@media only screen and (min-width: 1200px) {
  .h-width--300__l {
    width: 300px !important; } }

@media only screen and (min-width: 1500px) {
  .h-width--300__xl {
    width: 300px !important; } }

@media only screen and (min-width: 2000px) {
  .h-width--300__xxl {
    width: 300px !important; } }

.h-width--350 {
  width: 350px !important; }

@media only screen and (min-width: 576px) {
  .h-width--350__xs {
    width: 350px !important; } }

@media only screen and (max-width: 1024px) {
  .h-width--350__m {
    width: 350px !important; } }

@media only screen and (min-width: 1025px) {
  .h-width--350__d {
    width: 350px !important; } }

@media only screen and (min-width: 769px) {
  .h-width--350__sm {
    width: 350px !important; } }

@media only screen and (min-width: 1200px) {
  .h-width--350__l {
    width: 350px !important; } }

@media only screen and (min-width: 1500px) {
  .h-width--350__xl {
    width: 350px !important; } }

@media only screen and (min-width: 2000px) {
  .h-width--350__xxl {
    width: 350px !important; } }

.h-width--400 {
  width: 400px !important; }

@media only screen and (min-width: 576px) {
  .h-width--400__xs {
    width: 400px !important; } }

@media only screen and (max-width: 1024px) {
  .h-width--400__m {
    width: 400px !important; } }

@media only screen and (min-width: 1025px) {
  .h-width--400__d {
    width: 400px !important; } }

@media only screen and (min-width: 769px) {
  .h-width--400__sm {
    width: 400px !important; } }

@media only screen and (min-width: 1200px) {
  .h-width--400__l {
    width: 400px !important; } }

@media only screen and (min-width: 1500px) {
  .h-width--400__xl {
    width: 400px !important; } }

@media only screen and (min-width: 2000px) {
  .h-width--400__xxl {
    width: 400px !important; } }

.h-width--450 {
  width: 450px !important; }

@media only screen and (min-width: 576px) {
  .h-width--450__xs {
    width: 450px !important; } }

@media only screen and (max-width: 1024px) {
  .h-width--450__m {
    width: 450px !important; } }

@media only screen and (min-width: 1025px) {
  .h-width--450__d {
    width: 450px !important; } }

@media only screen and (min-width: 769px) {
  .h-width--450__sm {
    width: 450px !important; } }

@media only screen and (min-width: 1200px) {
  .h-width--450__l {
    width: 450px !important; } }

@media only screen and (min-width: 1500px) {
  .h-width--450__xl {
    width: 450px !important; } }

@media only screen and (min-width: 2000px) {
  .h-width--450__xxl {
    width: 450px !important; } }

.h-width--500 {
  width: 500px !important; }

@media only screen and (min-width: 576px) {
  .h-width--500__xs {
    width: 500px !important; } }

@media only screen and (max-width: 1024px) {
  .h-width--500__m {
    width: 500px !important; } }

@media only screen and (min-width: 1025px) {
  .h-width--500__d {
    width: 500px !important; } }

@media only screen and (min-width: 769px) {
  .h-width--500__sm {
    width: 500px !important; } }

@media only screen and (min-width: 1200px) {
  .h-width--500__l {
    width: 500px !important; } }

@media only screen and (min-width: 1500px) {
  .h-width--500__xl {
    width: 500px !important; } }

@media only screen and (min-width: 2000px) {
  .h-width--500__xxl {
    width: 500px !important; } }

.h-width--550 {
  width: 550px !important; }

@media only screen and (min-width: 576px) {
  .h-width--550__xs {
    width: 550px !important; } }

@media only screen and (max-width: 1024px) {
  .h-width--550__m {
    width: 550px !important; } }

@media only screen and (min-width: 1025px) {
  .h-width--550__d {
    width: 550px !important; } }

@media only screen and (min-width: 769px) {
  .h-width--550__sm {
    width: 550px !important; } }

@media only screen and (min-width: 1200px) {
  .h-width--550__l {
    width: 550px !important; } }

@media only screen and (min-width: 1500px) {
  .h-width--550__xl {
    width: 550px !important; } }

@media only screen and (min-width: 2000px) {
  .h-width--550__xxl {
    width: 550px !important; } }

.h-width--600 {
  width: 600px !important; }

@media only screen and (min-width: 576px) {
  .h-width--600__xs {
    width: 600px !important; } }

@media only screen and (max-width: 1024px) {
  .h-width--600__m {
    width: 600px !important; } }

@media only screen and (min-width: 1025px) {
  .h-width--600__d {
    width: 600px !important; } }

@media only screen and (min-width: 769px) {
  .h-width--600__sm {
    width: 600px !important; } }

@media only screen and (min-width: 1200px) {
  .h-width--600__l {
    width: 600px !important; } }

@media only screen and (min-width: 1500px) {
  .h-width--600__xl {
    width: 600px !important; } }

@media only screen and (min-width: 2000px) {
  .h-width--600__xxl {
    width: 600px !important; } }

.h-width--650 {
  width: 650px !important; }

@media only screen and (min-width: 576px) {
  .h-width--650__xs {
    width: 650px !important; } }

@media only screen and (max-width: 1024px) {
  .h-width--650__m {
    width: 650px !important; } }

@media only screen and (min-width: 1025px) {
  .h-width--650__d {
    width: 650px !important; } }

@media only screen and (min-width: 769px) {
  .h-width--650__sm {
    width: 650px !important; } }

@media only screen and (min-width: 1200px) {
  .h-width--650__l {
    width: 650px !important; } }

@media only screen and (min-width: 1500px) {
  .h-width--650__xl {
    width: 650px !important; } }

@media only screen and (min-width: 2000px) {
  .h-width--650__xxl {
    width: 650px !important; } }

.h-width--700 {
  width: 700px !important; }

@media only screen and (min-width: 576px) {
  .h-width--700__xs {
    width: 700px !important; } }

@media only screen and (max-width: 1024px) {
  .h-width--700__m {
    width: 700px !important; } }

@media only screen and (min-width: 1025px) {
  .h-width--700__d {
    width: 700px !important; } }

@media only screen and (min-width: 769px) {
  .h-width--700__sm {
    width: 700px !important; } }

@media only screen and (min-width: 1200px) {
  .h-width--700__l {
    width: 700px !important; } }

@media only screen and (min-width: 1500px) {
  .h-width--700__xl {
    width: 700px !important; } }

@media only screen and (min-width: 2000px) {
  .h-width--700__xxl {
    width: 700px !important; } }

.h-width--750 {
  width: 750px !important; }

@media only screen and (min-width: 576px) {
  .h-width--750__xs {
    width: 750px !important; } }

@media only screen and (max-width: 1024px) {
  .h-width--750__m {
    width: 750px !important; } }

@media only screen and (min-width: 1025px) {
  .h-width--750__d {
    width: 750px !important; } }

@media only screen and (min-width: 769px) {
  .h-width--750__sm {
    width: 750px !important; } }

@media only screen and (min-width: 1200px) {
  .h-width--750__l {
    width: 750px !important; } }

@media only screen and (min-width: 1500px) {
  .h-width--750__xl {
    width: 750px !important; } }

@media only screen and (min-width: 2000px) {
  .h-width--750__xxl {
    width: 750px !important; } }

.h-width--800 {
  width: 800px !important; }

@media only screen and (min-width: 576px) {
  .h-width--800__xs {
    width: 800px !important; } }

@media only screen and (max-width: 1024px) {
  .h-width--800__m {
    width: 800px !important; } }

@media only screen and (min-width: 1025px) {
  .h-width--800__d {
    width: 800px !important; } }

@media only screen and (min-width: 769px) {
  .h-width--800__sm {
    width: 800px !important; } }

@media only screen and (min-width: 1200px) {
  .h-width--800__l {
    width: 800px !important; } }

@media only screen and (min-width: 1500px) {
  .h-width--800__xl {
    width: 800px !important; } }

@media only screen and (min-width: 2000px) {
  .h-width--800__xxl {
    width: 800px !important; } }

.h-width--850 {
  width: 850px !important; }

@media only screen and (min-width: 576px) {
  .h-width--850__xs {
    width: 850px !important; } }

@media only screen and (max-width: 1024px) {
  .h-width--850__m {
    width: 850px !important; } }

@media only screen and (min-width: 1025px) {
  .h-width--850__d {
    width: 850px !important; } }

@media only screen and (min-width: 769px) {
  .h-width--850__sm {
    width: 850px !important; } }

@media only screen and (min-width: 1200px) {
  .h-width--850__l {
    width: 850px !important; } }

@media only screen and (min-width: 1500px) {
  .h-width--850__xl {
    width: 850px !important; } }

@media only screen and (min-width: 2000px) {
  .h-width--850__xxl {
    width: 850px !important; } }

.h-width--900 {
  width: 900px !important; }

@media only screen and (min-width: 576px) {
  .h-width--900__xs {
    width: 900px !important; } }

@media only screen and (max-width: 1024px) {
  .h-width--900__m {
    width: 900px !important; } }

@media only screen and (min-width: 1025px) {
  .h-width--900__d {
    width: 900px !important; } }

@media only screen and (min-width: 769px) {
  .h-width--900__sm {
    width: 900px !important; } }

@media only screen and (min-width: 1200px) {
  .h-width--900__l {
    width: 900px !important; } }

@media only screen and (min-width: 1500px) {
  .h-width--900__xl {
    width: 900px !important; } }

@media only screen and (min-width: 2000px) {
  .h-width--900__xxl {
    width: 900px !important; } }

.h-width--950 {
  width: 950px !important; }

@media only screen and (min-width: 576px) {
  .h-width--950__xs {
    width: 950px !important; } }

@media only screen and (max-width: 1024px) {
  .h-width--950__m {
    width: 950px !important; } }

@media only screen and (min-width: 1025px) {
  .h-width--950__d {
    width: 950px !important; } }

@media only screen and (min-width: 769px) {
  .h-width--950__sm {
    width: 950px !important; } }

@media only screen and (min-width: 1200px) {
  .h-width--950__l {
    width: 950px !important; } }

@media only screen and (min-width: 1500px) {
  .h-width--950__xl {
    width: 950px !important; } }

@media only screen and (min-width: 2000px) {
  .h-width--950__xxl {
    width: 950px !important; } }

.h-width--1000 {
  width: 1000px !important; }

@media only screen and (min-width: 576px) {
  .h-width--1000__xs {
    width: 1000px !important; } }

@media only screen and (max-width: 1024px) {
  .h-width--1000__m {
    width: 1000px !important; } }

@media only screen and (min-width: 1025px) {
  .h-width--1000__d {
    width: 1000px !important; } }

@media only screen and (min-width: 769px) {
  .h-width--1000__sm {
    width: 1000px !important; } }

@media only screen and (min-width: 1200px) {
  .h-width--1000__l {
    width: 1000px !important; } }

@media only screen and (min-width: 1500px) {
  .h-width--1000__xl {
    width: 1000px !important; } }

@media only screen and (min-width: 2000px) {
  .h-width--1000__xxl {
    width: 1000px !important; } }

.h-width-perc--0 {
  width: 0% !important; }

@media only screen and (min-width: 576px) {
  .h-width-perc--0__xs {
    width: 0% !important; } }

@media only screen and (max-width: 1024px) {
  .h-width-perc--0__m {
    width: 0% !important; } }

@media only screen and (min-width: 1025px) {
  .h-width-perc--0__d {
    width: 0% !important; } }

@media only screen and (min-width: 769px) {
  .h-width-perc--0__sm {
    width: 0% !important; } }

@media only screen and (min-width: 1200px) {
  .h-width-perc--0__l {
    width: 0% !important; } }

@media only screen and (min-width: 1500px) {
  .h-width-perc--0__xl {
    width: 0% !important; } }

@media only screen and (min-width: 2000px) {
  .h-width-perc--0__xxl {
    width: 0% !important; } }

.h-width-perc--5 {
  width: 5% !important; }

@media only screen and (min-width: 576px) {
  .h-width-perc--5__xs {
    width: 5% !important; } }

@media only screen and (max-width: 1024px) {
  .h-width-perc--5__m {
    width: 5% !important; } }

@media only screen and (min-width: 1025px) {
  .h-width-perc--5__d {
    width: 5% !important; } }

@media only screen and (min-width: 769px) {
  .h-width-perc--5__sm {
    width: 5% !important; } }

@media only screen and (min-width: 1200px) {
  .h-width-perc--5__l {
    width: 5% !important; } }

@media only screen and (min-width: 1500px) {
  .h-width-perc--5__xl {
    width: 5% !important; } }

@media only screen and (min-width: 2000px) {
  .h-width-perc--5__xxl {
    width: 5% !important; } }

.h-width-perc--10 {
  width: 10% !important; }

@media only screen and (min-width: 576px) {
  .h-width-perc--10__xs {
    width: 10% !important; } }

@media only screen and (max-width: 1024px) {
  .h-width-perc--10__m {
    width: 10% !important; } }

@media only screen and (min-width: 1025px) {
  .h-width-perc--10__d {
    width: 10% !important; } }

@media only screen and (min-width: 769px) {
  .h-width-perc--10__sm {
    width: 10% !important; } }

@media only screen and (min-width: 1200px) {
  .h-width-perc--10__l {
    width: 10% !important; } }

@media only screen and (min-width: 1500px) {
  .h-width-perc--10__xl {
    width: 10% !important; } }

@media only screen and (min-width: 2000px) {
  .h-width-perc--10__xxl {
    width: 10% !important; } }

.h-width-perc--15 {
  width: 15% !important; }

@media only screen and (min-width: 576px) {
  .h-width-perc--15__xs {
    width: 15% !important; } }

@media only screen and (max-width: 1024px) {
  .h-width-perc--15__m {
    width: 15% !important; } }

@media only screen and (min-width: 1025px) {
  .h-width-perc--15__d {
    width: 15% !important; } }

@media only screen and (min-width: 769px) {
  .h-width-perc--15__sm {
    width: 15% !important; } }

@media only screen and (min-width: 1200px) {
  .h-width-perc--15__l {
    width: 15% !important; } }

@media only screen and (min-width: 1500px) {
  .h-width-perc--15__xl {
    width: 15% !important; } }

@media only screen and (min-width: 2000px) {
  .h-width-perc--15__xxl {
    width: 15% !important; } }

.h-width-perc--20 {
  width: 20% !important; }

@media only screen and (min-width: 576px) {
  .h-width-perc--20__xs {
    width: 20% !important; } }

@media only screen and (max-width: 1024px) {
  .h-width-perc--20__m {
    width: 20% !important; } }

@media only screen and (min-width: 1025px) {
  .h-width-perc--20__d {
    width: 20% !important; } }

@media only screen and (min-width: 769px) {
  .h-width-perc--20__sm {
    width: 20% !important; } }

@media only screen and (min-width: 1200px) {
  .h-width-perc--20__l {
    width: 20% !important; } }

@media only screen and (min-width: 1500px) {
  .h-width-perc--20__xl {
    width: 20% !important; } }

@media only screen and (min-width: 2000px) {
  .h-width-perc--20__xxl {
    width: 20% !important; } }

.h-width-perc--25 {
  width: 25% !important; }

@media only screen and (min-width: 576px) {
  .h-width-perc--25__xs {
    width: 25% !important; } }

@media only screen and (max-width: 1024px) {
  .h-width-perc--25__m {
    width: 25% !important; } }

@media only screen and (min-width: 1025px) {
  .h-width-perc--25__d {
    width: 25% !important; } }

@media only screen and (min-width: 769px) {
  .h-width-perc--25__sm {
    width: 25% !important; } }

@media only screen and (min-width: 1200px) {
  .h-width-perc--25__l {
    width: 25% !important; } }

@media only screen and (min-width: 1500px) {
  .h-width-perc--25__xl {
    width: 25% !important; } }

@media only screen and (min-width: 2000px) {
  .h-width-perc--25__xxl {
    width: 25% !important; } }

.h-width-perc--30 {
  width: 30% !important; }

@media only screen and (min-width: 576px) {
  .h-width-perc--30__xs {
    width: 30% !important; } }

@media only screen and (max-width: 1024px) {
  .h-width-perc--30__m {
    width: 30% !important; } }

@media only screen and (min-width: 1025px) {
  .h-width-perc--30__d {
    width: 30% !important; } }

@media only screen and (min-width: 769px) {
  .h-width-perc--30__sm {
    width: 30% !important; } }

@media only screen and (min-width: 1200px) {
  .h-width-perc--30__l {
    width: 30% !important; } }

@media only screen and (min-width: 1500px) {
  .h-width-perc--30__xl {
    width: 30% !important; } }

@media only screen and (min-width: 2000px) {
  .h-width-perc--30__xxl {
    width: 30% !important; } }

.h-width-perc--35 {
  width: 35% !important; }

@media only screen and (min-width: 576px) {
  .h-width-perc--35__xs {
    width: 35% !important; } }

@media only screen and (max-width: 1024px) {
  .h-width-perc--35__m {
    width: 35% !important; } }

@media only screen and (min-width: 1025px) {
  .h-width-perc--35__d {
    width: 35% !important; } }

@media only screen and (min-width: 769px) {
  .h-width-perc--35__sm {
    width: 35% !important; } }

@media only screen and (min-width: 1200px) {
  .h-width-perc--35__l {
    width: 35% !important; } }

@media only screen and (min-width: 1500px) {
  .h-width-perc--35__xl {
    width: 35% !important; } }

@media only screen and (min-width: 2000px) {
  .h-width-perc--35__xxl {
    width: 35% !important; } }

.h-width-perc--40 {
  width: 40% !important; }

@media only screen and (min-width: 576px) {
  .h-width-perc--40__xs {
    width: 40% !important; } }

@media only screen and (max-width: 1024px) {
  .h-width-perc--40__m {
    width: 40% !important; } }

@media only screen and (min-width: 1025px) {
  .h-width-perc--40__d {
    width: 40% !important; } }

@media only screen and (min-width: 769px) {
  .h-width-perc--40__sm {
    width: 40% !important; } }

@media only screen and (min-width: 1200px) {
  .h-width-perc--40__l {
    width: 40% !important; } }

@media only screen and (min-width: 1500px) {
  .h-width-perc--40__xl {
    width: 40% !important; } }

@media only screen and (min-width: 2000px) {
  .h-width-perc--40__xxl {
    width: 40% !important; } }

.h-width-perc--45 {
  width: 45% !important; }

@media only screen and (min-width: 576px) {
  .h-width-perc--45__xs {
    width: 45% !important; } }

@media only screen and (max-width: 1024px) {
  .h-width-perc--45__m {
    width: 45% !important; } }

@media only screen and (min-width: 1025px) {
  .h-width-perc--45__d {
    width: 45% !important; } }

@media only screen and (min-width: 769px) {
  .h-width-perc--45__sm {
    width: 45% !important; } }

@media only screen and (min-width: 1200px) {
  .h-width-perc--45__l {
    width: 45% !important; } }

@media only screen and (min-width: 1500px) {
  .h-width-perc--45__xl {
    width: 45% !important; } }

@media only screen and (min-width: 2000px) {
  .h-width-perc--45__xxl {
    width: 45% !important; } }

.h-width-perc--50 {
  width: 50% !important; }

@media only screen and (min-width: 576px) {
  .h-width-perc--50__xs {
    width: 50% !important; } }

@media only screen and (max-width: 1024px) {
  .h-width-perc--50__m {
    width: 50% !important; } }

@media only screen and (min-width: 1025px) {
  .h-width-perc--50__d {
    width: 50% !important; } }

@media only screen and (min-width: 769px) {
  .h-width-perc--50__sm {
    width: 50% !important; } }

@media only screen and (min-width: 1200px) {
  .h-width-perc--50__l {
    width: 50% !important; } }

@media only screen and (min-width: 1500px) {
  .h-width-perc--50__xl {
    width: 50% !important; } }

@media only screen and (min-width: 2000px) {
  .h-width-perc--50__xxl {
    width: 50% !important; } }

.h-width-perc--55 {
  width: 55% !important; }

@media only screen and (min-width: 576px) {
  .h-width-perc--55__xs {
    width: 55% !important; } }

@media only screen and (max-width: 1024px) {
  .h-width-perc--55__m {
    width: 55% !important; } }

@media only screen and (min-width: 1025px) {
  .h-width-perc--55__d {
    width: 55% !important; } }

@media only screen and (min-width: 769px) {
  .h-width-perc--55__sm {
    width: 55% !important; } }

@media only screen and (min-width: 1200px) {
  .h-width-perc--55__l {
    width: 55% !important; } }

@media only screen and (min-width: 1500px) {
  .h-width-perc--55__xl {
    width: 55% !important; } }

@media only screen and (min-width: 2000px) {
  .h-width-perc--55__xxl {
    width: 55% !important; } }

.h-width-perc--60 {
  width: 60% !important; }

@media only screen and (min-width: 576px) {
  .h-width-perc--60__xs {
    width: 60% !important; } }

@media only screen and (max-width: 1024px) {
  .h-width-perc--60__m {
    width: 60% !important; } }

@media only screen and (min-width: 1025px) {
  .h-width-perc--60__d {
    width: 60% !important; } }

@media only screen and (min-width: 769px) {
  .h-width-perc--60__sm {
    width: 60% !important; } }

@media only screen and (min-width: 1200px) {
  .h-width-perc--60__l {
    width: 60% !important; } }

@media only screen and (min-width: 1500px) {
  .h-width-perc--60__xl {
    width: 60% !important; } }

@media only screen and (min-width: 2000px) {
  .h-width-perc--60__xxl {
    width: 60% !important; } }

.h-width-perc--65 {
  width: 65% !important; }

@media only screen and (min-width: 576px) {
  .h-width-perc--65__xs {
    width: 65% !important; } }

@media only screen and (max-width: 1024px) {
  .h-width-perc--65__m {
    width: 65% !important; } }

@media only screen and (min-width: 1025px) {
  .h-width-perc--65__d {
    width: 65% !important; } }

@media only screen and (min-width: 769px) {
  .h-width-perc--65__sm {
    width: 65% !important; } }

@media only screen and (min-width: 1200px) {
  .h-width-perc--65__l {
    width: 65% !important; } }

@media only screen and (min-width: 1500px) {
  .h-width-perc--65__xl {
    width: 65% !important; } }

@media only screen and (min-width: 2000px) {
  .h-width-perc--65__xxl {
    width: 65% !important; } }

.h-width-perc--70 {
  width: 70% !important; }

@media only screen and (min-width: 576px) {
  .h-width-perc--70__xs {
    width: 70% !important; } }

@media only screen and (max-width: 1024px) {
  .h-width-perc--70__m {
    width: 70% !important; } }

@media only screen and (min-width: 1025px) {
  .h-width-perc--70__d {
    width: 70% !important; } }

@media only screen and (min-width: 769px) {
  .h-width-perc--70__sm {
    width: 70% !important; } }

@media only screen and (min-width: 1200px) {
  .h-width-perc--70__l {
    width: 70% !important; } }

@media only screen and (min-width: 1500px) {
  .h-width-perc--70__xl {
    width: 70% !important; } }

@media only screen and (min-width: 2000px) {
  .h-width-perc--70__xxl {
    width: 70% !important; } }

.h-width-perc--75 {
  width: 75% !important; }

@media only screen and (min-width: 576px) {
  .h-width-perc--75__xs {
    width: 75% !important; } }

@media only screen and (max-width: 1024px) {
  .h-width-perc--75__m {
    width: 75% !important; } }

@media only screen and (min-width: 1025px) {
  .h-width-perc--75__d {
    width: 75% !important; } }

@media only screen and (min-width: 769px) {
  .h-width-perc--75__sm {
    width: 75% !important; } }

@media only screen and (min-width: 1200px) {
  .h-width-perc--75__l {
    width: 75% !important; } }

@media only screen and (min-width: 1500px) {
  .h-width-perc--75__xl {
    width: 75% !important; } }

@media only screen and (min-width: 2000px) {
  .h-width-perc--75__xxl {
    width: 75% !important; } }

.h-width-perc--80 {
  width: 80% !important; }

@media only screen and (min-width: 576px) {
  .h-width-perc--80__xs {
    width: 80% !important; } }

@media only screen and (max-width: 1024px) {
  .h-width-perc--80__m {
    width: 80% !important; } }

@media only screen and (min-width: 1025px) {
  .h-width-perc--80__d {
    width: 80% !important; } }

@media only screen and (min-width: 769px) {
  .h-width-perc--80__sm {
    width: 80% !important; } }

@media only screen and (min-width: 1200px) {
  .h-width-perc--80__l {
    width: 80% !important; } }

@media only screen and (min-width: 1500px) {
  .h-width-perc--80__xl {
    width: 80% !important; } }

@media only screen and (min-width: 2000px) {
  .h-width-perc--80__xxl {
    width: 80% !important; } }

.h-width-perc--85 {
  width: 85% !important; }

@media only screen and (min-width: 576px) {
  .h-width-perc--85__xs {
    width: 85% !important; } }

@media only screen and (max-width: 1024px) {
  .h-width-perc--85__m {
    width: 85% !important; } }

@media only screen and (min-width: 1025px) {
  .h-width-perc--85__d {
    width: 85% !important; } }

@media only screen and (min-width: 769px) {
  .h-width-perc--85__sm {
    width: 85% !important; } }

@media only screen and (min-width: 1200px) {
  .h-width-perc--85__l {
    width: 85% !important; } }

@media only screen and (min-width: 1500px) {
  .h-width-perc--85__xl {
    width: 85% !important; } }

@media only screen and (min-width: 2000px) {
  .h-width-perc--85__xxl {
    width: 85% !important; } }

.h-width-perc--90 {
  width: 90% !important; }

@media only screen and (min-width: 576px) {
  .h-width-perc--90__xs {
    width: 90% !important; } }

@media only screen and (max-width: 1024px) {
  .h-width-perc--90__m {
    width: 90% !important; } }

@media only screen and (min-width: 1025px) {
  .h-width-perc--90__d {
    width: 90% !important; } }

@media only screen and (min-width: 769px) {
  .h-width-perc--90__sm {
    width: 90% !important; } }

@media only screen and (min-width: 1200px) {
  .h-width-perc--90__l {
    width: 90% !important; } }

@media only screen and (min-width: 1500px) {
  .h-width-perc--90__xl {
    width: 90% !important; } }

@media only screen and (min-width: 2000px) {
  .h-width-perc--90__xxl {
    width: 90% !important; } }

.h-width-perc--95 {
  width: 95% !important; }

@media only screen and (min-width: 576px) {
  .h-width-perc--95__xs {
    width: 95% !important; } }

@media only screen and (max-width: 1024px) {
  .h-width-perc--95__m {
    width: 95% !important; } }

@media only screen and (min-width: 1025px) {
  .h-width-perc--95__d {
    width: 95% !important; } }

@media only screen and (min-width: 769px) {
  .h-width-perc--95__sm {
    width: 95% !important; } }

@media only screen and (min-width: 1200px) {
  .h-width-perc--95__l {
    width: 95% !important; } }

@media only screen and (min-width: 1500px) {
  .h-width-perc--95__xl {
    width: 95% !important; } }

@media only screen and (min-width: 2000px) {
  .h-width-perc--95__xxl {
    width: 95% !important; } }

.h-width-perc--100 {
  width: 100% !important; }

@media only screen and (min-width: 576px) {
  .h-width-perc--100__xs {
    width: 100% !important; } }

@media only screen and (max-width: 1024px) {
  .h-width-perc--100__m {
    width: 100% !important; } }

@media only screen and (min-width: 1025px) {
  .h-width-perc--100__d {
    width: 100% !important; } }

@media only screen and (min-width: 769px) {
  .h-width-perc--100__sm {
    width: 100% !important; } }

@media only screen and (min-width: 1200px) {
  .h-width-perc--100__l {
    width: 100% !important; } }

@media only screen and (min-width: 1500px) {
  .h-width-perc--100__xl {
    width: 100% !important; } }

@media only screen and (min-width: 2000px) {
  .h-width-perc--100__xxl {
    width: 100% !important; } }

.h-width--auto {
  width: auto !important; }

@media only screen and (min-width: 576px) {
  .h-width--auto__xs {
    width: auto !important; } }

@media only screen and (max-width: 1024px) {
  .h-width--auto__m {
    width: auto !important; } }

@media only screen and (min-width: 1025px) {
  .h-width--auto__d {
    width: auto !important; } }

@media only screen and (min-width: 769px) {
  .h-width--auto__sm {
    width: auto !important; } }

@media only screen and (min-width: 1200px) {
  .h-width--auto__l {
    width: auto !important; } }

@media only screen and (min-width: 1500px) {
  .h-width--auto__xl {
    width: auto !important; } }

@media only screen and (min-width: 2000px) {
  .h-width--auto__xxl {
    width: auto !important; } }

.h-height--0 {
  height: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-height--0__xs {
    height: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--0__m {
    height: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--0__d {
    height: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--0__sm {
    height: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--0__l {
    height: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--0__xl {
    height: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--0__xxl {
    height: 0px !important; } }

.h-height--10 {
  height: 10px !important; }

@media only screen and (min-width: 576px) {
  .h-height--10__xs {
    height: 10px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--10__m {
    height: 10px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--10__d {
    height: 10px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--10__sm {
    height: 10px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--10__l {
    height: 10px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--10__xl {
    height: 10px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--10__xxl {
    height: 10px !important; } }

.h-height--20 {
  height: 20px !important; }

@media only screen and (min-width: 576px) {
  .h-height--20__xs {
    height: 20px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--20__m {
    height: 20px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--20__d {
    height: 20px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--20__sm {
    height: 20px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--20__l {
    height: 20px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--20__xl {
    height: 20px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--20__xxl {
    height: 20px !important; } }

.h-height--30 {
  height: 30px !important; }

@media only screen and (min-width: 576px) {
  .h-height--30__xs {
    height: 30px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--30__m {
    height: 30px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--30__d {
    height: 30px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--30__sm {
    height: 30px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--30__l {
    height: 30px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--30__xl {
    height: 30px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--30__xxl {
    height: 30px !important; } }

.h-height--40 {
  height: 40px !important; }

@media only screen and (min-width: 576px) {
  .h-height--40__xs {
    height: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--40__m {
    height: 40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--40__d {
    height: 40px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--40__sm {
    height: 40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--40__l {
    height: 40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--40__xl {
    height: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--40__xxl {
    height: 40px !important; } }

.h-height--50 {
  height: 50px !important; }

@media only screen and (min-width: 576px) {
  .h-height--50__xs {
    height: 50px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--50__m {
    height: 50px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--50__d {
    height: 50px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--50__sm {
    height: 50px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--50__l {
    height: 50px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--50__xl {
    height: 50px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--50__xxl {
    height: 50px !important; } }

.h-height--60 {
  height: 60px !important; }

@media only screen and (min-width: 576px) {
  .h-height--60__xs {
    height: 60px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--60__m {
    height: 60px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--60__d {
    height: 60px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--60__sm {
    height: 60px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--60__l {
    height: 60px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--60__xl {
    height: 60px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--60__xxl {
    height: 60px !important; } }

.h-height--70 {
  height: 70px !important; }

@media only screen and (min-width: 576px) {
  .h-height--70__xs {
    height: 70px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--70__m {
    height: 70px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--70__d {
    height: 70px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--70__sm {
    height: 70px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--70__l {
    height: 70px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--70__xl {
    height: 70px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--70__xxl {
    height: 70px !important; } }

.h-height--80 {
  height: 80px !important; }

@media only screen and (min-width: 576px) {
  .h-height--80__xs {
    height: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--80__m {
    height: 80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--80__d {
    height: 80px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--80__sm {
    height: 80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--80__l {
    height: 80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--80__xl {
    height: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--80__xxl {
    height: 80px !important; } }

.h-height--90 {
  height: 90px !important; }

@media only screen and (min-width: 576px) {
  .h-height--90__xs {
    height: 90px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--90__m {
    height: 90px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--90__d {
    height: 90px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--90__sm {
    height: 90px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--90__l {
    height: 90px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--90__xl {
    height: 90px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--90__xxl {
    height: 90px !important; } }

.h-height--100 {
  height: 100px !important; }

@media only screen and (min-width: 576px) {
  .h-height--100__xs {
    height: 100px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--100__m {
    height: 100px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--100__d {
    height: 100px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--100__sm {
    height: 100px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--100__l {
    height: 100px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--100__xl {
    height: 100px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--100__xxl {
    height: 100px !important; } }

.h-height--110 {
  height: 110px !important; }

@media only screen and (min-width: 576px) {
  .h-height--110__xs {
    height: 110px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--110__m {
    height: 110px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--110__d {
    height: 110px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--110__sm {
    height: 110px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--110__l {
    height: 110px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--110__xl {
    height: 110px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--110__xxl {
    height: 110px !important; } }

.h-height--120 {
  height: 120px !important; }

@media only screen and (min-width: 576px) {
  .h-height--120__xs {
    height: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--120__m {
    height: 120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--120__d {
    height: 120px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--120__sm {
    height: 120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--120__l {
    height: 120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--120__xl {
    height: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--120__xxl {
    height: 120px !important; } }

.h-height--130 {
  height: 130px !important; }

@media only screen and (min-width: 576px) {
  .h-height--130__xs {
    height: 130px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--130__m {
    height: 130px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--130__d {
    height: 130px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--130__sm {
    height: 130px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--130__l {
    height: 130px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--130__xl {
    height: 130px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--130__xxl {
    height: 130px !important; } }

.h-height--140 {
  height: 140px !important; }

@media only screen and (min-width: 576px) {
  .h-height--140__xs {
    height: 140px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--140__m {
    height: 140px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--140__d {
    height: 140px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--140__sm {
    height: 140px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--140__l {
    height: 140px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--140__xl {
    height: 140px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--140__xxl {
    height: 140px !important; } }

.h-height--150 {
  height: 150px !important; }

@media only screen and (min-width: 576px) {
  .h-height--150__xs {
    height: 150px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--150__m {
    height: 150px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--150__d {
    height: 150px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--150__sm {
    height: 150px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--150__l {
    height: 150px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--150__xl {
    height: 150px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--150__xxl {
    height: 150px !important; } }

.h-height--160 {
  height: 160px !important; }

@media only screen and (min-width: 576px) {
  .h-height--160__xs {
    height: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--160__m {
    height: 160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--160__d {
    height: 160px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--160__sm {
    height: 160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--160__l {
    height: 160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--160__xl {
    height: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--160__xxl {
    height: 160px !important; } }

.h-height--170 {
  height: 170px !important; }

@media only screen and (min-width: 576px) {
  .h-height--170__xs {
    height: 170px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--170__m {
    height: 170px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--170__d {
    height: 170px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--170__sm {
    height: 170px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--170__l {
    height: 170px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--170__xl {
    height: 170px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--170__xxl {
    height: 170px !important; } }

.h-height--180 {
  height: 180px !important; }

@media only screen and (min-width: 576px) {
  .h-height--180__xs {
    height: 180px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--180__m {
    height: 180px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--180__d {
    height: 180px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--180__sm {
    height: 180px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--180__l {
    height: 180px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--180__xl {
    height: 180px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--180__xxl {
    height: 180px !important; } }

.h-height--190 {
  height: 190px !important; }

@media only screen and (min-width: 576px) {
  .h-height--190__xs {
    height: 190px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--190__m {
    height: 190px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--190__d {
    height: 190px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--190__sm {
    height: 190px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--190__l {
    height: 190px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--190__xl {
    height: 190px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--190__xxl {
    height: 190px !important; } }

.h-height--200 {
  height: 200px !important; }

@media only screen and (min-width: 576px) {
  .h-height--200__xs {
    height: 200px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--200__m {
    height: 200px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--200__d {
    height: 200px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--200__sm {
    height: 200px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--200__l {
    height: 200px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--200__xl {
    height: 200px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--200__xxl {
    height: 200px !important; } }

.h-height--210 {
  height: 210px !important; }

@media only screen and (min-width: 576px) {
  .h-height--210__xs {
    height: 210px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--210__m {
    height: 210px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--210__d {
    height: 210px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--210__sm {
    height: 210px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--210__l {
    height: 210px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--210__xl {
    height: 210px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--210__xxl {
    height: 210px !important; } }

.h-height--220 {
  height: 220px !important; }

@media only screen and (min-width: 576px) {
  .h-height--220__xs {
    height: 220px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--220__m {
    height: 220px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--220__d {
    height: 220px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--220__sm {
    height: 220px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--220__l {
    height: 220px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--220__xl {
    height: 220px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--220__xxl {
    height: 220px !important; } }

.h-height--230 {
  height: 230px !important; }

@media only screen and (min-width: 576px) {
  .h-height--230__xs {
    height: 230px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--230__m {
    height: 230px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--230__d {
    height: 230px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--230__sm {
    height: 230px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--230__l {
    height: 230px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--230__xl {
    height: 230px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--230__xxl {
    height: 230px !important; } }

.h-height--240 {
  height: 240px !important; }

@media only screen and (min-width: 576px) {
  .h-height--240__xs {
    height: 240px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--240__m {
    height: 240px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--240__d {
    height: 240px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--240__sm {
    height: 240px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--240__l {
    height: 240px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--240__xl {
    height: 240px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--240__xxl {
    height: 240px !important; } }

.h-height--250 {
  height: 250px !important; }

@media only screen and (min-width: 576px) {
  .h-height--250__xs {
    height: 250px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--250__m {
    height: 250px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--250__d {
    height: 250px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--250__sm {
    height: 250px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--250__l {
    height: 250px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--250__xl {
    height: 250px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--250__xxl {
    height: 250px !important; } }

.h-height--260 {
  height: 260px !important; }

@media only screen and (min-width: 576px) {
  .h-height--260__xs {
    height: 260px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--260__m {
    height: 260px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--260__d {
    height: 260px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--260__sm {
    height: 260px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--260__l {
    height: 260px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--260__xl {
    height: 260px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--260__xxl {
    height: 260px !important; } }

.h-height--270 {
  height: 270px !important; }

@media only screen and (min-width: 576px) {
  .h-height--270__xs {
    height: 270px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--270__m {
    height: 270px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--270__d {
    height: 270px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--270__sm {
    height: 270px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--270__l {
    height: 270px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--270__xl {
    height: 270px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--270__xxl {
    height: 270px !important; } }

.h-height--280 {
  height: 280px !important; }

@media only screen and (min-width: 576px) {
  .h-height--280__xs {
    height: 280px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--280__m {
    height: 280px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--280__d {
    height: 280px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--280__sm {
    height: 280px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--280__l {
    height: 280px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--280__xl {
    height: 280px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--280__xxl {
    height: 280px !important; } }

.h-height--290 {
  height: 290px !important; }

@media only screen and (min-width: 576px) {
  .h-height--290__xs {
    height: 290px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--290__m {
    height: 290px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--290__d {
    height: 290px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--290__sm {
    height: 290px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--290__l {
    height: 290px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--290__xl {
    height: 290px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--290__xxl {
    height: 290px !important; } }

.h-height--300 {
  height: 300px !important; }

@media only screen and (min-width: 576px) {
  .h-height--300__xs {
    height: 300px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--300__m {
    height: 300px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--300__d {
    height: 300px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--300__sm {
    height: 300px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--300__l {
    height: 300px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--300__xl {
    height: 300px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--300__xxl {
    height: 300px !important; } }

.h-height--310 {
  height: 310px !important; }

@media only screen and (min-width: 576px) {
  .h-height--310__xs {
    height: 310px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--310__m {
    height: 310px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--310__d {
    height: 310px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--310__sm {
    height: 310px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--310__l {
    height: 310px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--310__xl {
    height: 310px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--310__xxl {
    height: 310px !important; } }

.h-height--320 {
  height: 320px !important; }

@media only screen and (min-width: 576px) {
  .h-height--320__xs {
    height: 320px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--320__m {
    height: 320px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--320__d {
    height: 320px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--320__sm {
    height: 320px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--320__l {
    height: 320px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--320__xl {
    height: 320px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--320__xxl {
    height: 320px !important; } }

.h-height--330 {
  height: 330px !important; }

@media only screen and (min-width: 576px) {
  .h-height--330__xs {
    height: 330px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--330__m {
    height: 330px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--330__d {
    height: 330px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--330__sm {
    height: 330px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--330__l {
    height: 330px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--330__xl {
    height: 330px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--330__xxl {
    height: 330px !important; } }

.h-height--340 {
  height: 340px !important; }

@media only screen and (min-width: 576px) {
  .h-height--340__xs {
    height: 340px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--340__m {
    height: 340px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--340__d {
    height: 340px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--340__sm {
    height: 340px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--340__l {
    height: 340px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--340__xl {
    height: 340px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--340__xxl {
    height: 340px !important; } }

.h-height--350 {
  height: 350px !important; }

@media only screen and (min-width: 576px) {
  .h-height--350__xs {
    height: 350px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--350__m {
    height: 350px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--350__d {
    height: 350px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--350__sm {
    height: 350px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--350__l {
    height: 350px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--350__xl {
    height: 350px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--350__xxl {
    height: 350px !important; } }

.h-height--360 {
  height: 360px !important; }

@media only screen and (min-width: 576px) {
  .h-height--360__xs {
    height: 360px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--360__m {
    height: 360px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--360__d {
    height: 360px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--360__sm {
    height: 360px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--360__l {
    height: 360px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--360__xl {
    height: 360px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--360__xxl {
    height: 360px !important; } }

.h-height--370 {
  height: 370px !important; }

@media only screen and (min-width: 576px) {
  .h-height--370__xs {
    height: 370px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--370__m {
    height: 370px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--370__d {
    height: 370px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--370__sm {
    height: 370px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--370__l {
    height: 370px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--370__xl {
    height: 370px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--370__xxl {
    height: 370px !important; } }

.h-height--380 {
  height: 380px !important; }

@media only screen and (min-width: 576px) {
  .h-height--380__xs {
    height: 380px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--380__m {
    height: 380px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--380__d {
    height: 380px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--380__sm {
    height: 380px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--380__l {
    height: 380px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--380__xl {
    height: 380px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--380__xxl {
    height: 380px !important; } }

.h-height--390 {
  height: 390px !important; }

@media only screen and (min-width: 576px) {
  .h-height--390__xs {
    height: 390px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--390__m {
    height: 390px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--390__d {
    height: 390px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--390__sm {
    height: 390px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--390__l {
    height: 390px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--390__xl {
    height: 390px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--390__xxl {
    height: 390px !important; } }

.h-height--400 {
  height: 400px !important; }

@media only screen and (min-width: 576px) {
  .h-height--400__xs {
    height: 400px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--400__m {
    height: 400px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--400__d {
    height: 400px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--400__sm {
    height: 400px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--400__l {
    height: 400px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--400__xl {
    height: 400px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--400__xxl {
    height: 400px !important; } }

.h-height--410 {
  height: 410px !important; }

@media only screen and (min-width: 576px) {
  .h-height--410__xs {
    height: 410px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--410__m {
    height: 410px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--410__d {
    height: 410px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--410__sm {
    height: 410px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--410__l {
    height: 410px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--410__xl {
    height: 410px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--410__xxl {
    height: 410px !important; } }

.h-height--420 {
  height: 420px !important; }

@media only screen and (min-width: 576px) {
  .h-height--420__xs {
    height: 420px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--420__m {
    height: 420px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--420__d {
    height: 420px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--420__sm {
    height: 420px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--420__l {
    height: 420px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--420__xl {
    height: 420px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--420__xxl {
    height: 420px !important; } }

.h-height--430 {
  height: 430px !important; }

@media only screen and (min-width: 576px) {
  .h-height--430__xs {
    height: 430px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--430__m {
    height: 430px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--430__d {
    height: 430px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--430__sm {
    height: 430px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--430__l {
    height: 430px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--430__xl {
    height: 430px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--430__xxl {
    height: 430px !important; } }

.h-height--440 {
  height: 440px !important; }

@media only screen and (min-width: 576px) {
  .h-height--440__xs {
    height: 440px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--440__m {
    height: 440px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--440__d {
    height: 440px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--440__sm {
    height: 440px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--440__l {
    height: 440px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--440__xl {
    height: 440px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--440__xxl {
    height: 440px !important; } }

.h-height--450 {
  height: 450px !important; }

@media only screen and (min-width: 576px) {
  .h-height--450__xs {
    height: 450px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--450__m {
    height: 450px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--450__d {
    height: 450px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--450__sm {
    height: 450px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--450__l {
    height: 450px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--450__xl {
    height: 450px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--450__xxl {
    height: 450px !important; } }

.h-height--460 {
  height: 460px !important; }

@media only screen and (min-width: 576px) {
  .h-height--460__xs {
    height: 460px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--460__m {
    height: 460px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--460__d {
    height: 460px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--460__sm {
    height: 460px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--460__l {
    height: 460px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--460__xl {
    height: 460px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--460__xxl {
    height: 460px !important; } }

.h-height--470 {
  height: 470px !important; }

@media only screen and (min-width: 576px) {
  .h-height--470__xs {
    height: 470px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--470__m {
    height: 470px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--470__d {
    height: 470px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--470__sm {
    height: 470px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--470__l {
    height: 470px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--470__xl {
    height: 470px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--470__xxl {
    height: 470px !important; } }

.h-height--480 {
  height: 480px !important; }

@media only screen and (min-width: 576px) {
  .h-height--480__xs {
    height: 480px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--480__m {
    height: 480px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--480__d {
    height: 480px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--480__sm {
    height: 480px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--480__l {
    height: 480px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--480__xl {
    height: 480px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--480__xxl {
    height: 480px !important; } }

.h-height--490 {
  height: 490px !important; }

@media only screen and (min-width: 576px) {
  .h-height--490__xs {
    height: 490px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--490__m {
    height: 490px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--490__d {
    height: 490px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--490__sm {
    height: 490px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--490__l {
    height: 490px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--490__xl {
    height: 490px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--490__xxl {
    height: 490px !important; } }

.h-height--500 {
  height: 500px !important; }

@media only screen and (min-width: 576px) {
  .h-height--500__xs {
    height: 500px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--500__m {
    height: 500px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--500__d {
    height: 500px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--500__sm {
    height: 500px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--500__l {
    height: 500px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--500__xl {
    height: 500px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--500__xxl {
    height: 500px !important; } }

.h-height--510 {
  height: 510px !important; }

@media only screen and (min-width: 576px) {
  .h-height--510__xs {
    height: 510px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--510__m {
    height: 510px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--510__d {
    height: 510px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--510__sm {
    height: 510px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--510__l {
    height: 510px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--510__xl {
    height: 510px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--510__xxl {
    height: 510px !important; } }

.h-height--520 {
  height: 520px !important; }

@media only screen and (min-width: 576px) {
  .h-height--520__xs {
    height: 520px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--520__m {
    height: 520px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--520__d {
    height: 520px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--520__sm {
    height: 520px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--520__l {
    height: 520px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--520__xl {
    height: 520px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--520__xxl {
    height: 520px !important; } }

.h-height--530 {
  height: 530px !important; }

@media only screen and (min-width: 576px) {
  .h-height--530__xs {
    height: 530px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--530__m {
    height: 530px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--530__d {
    height: 530px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--530__sm {
    height: 530px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--530__l {
    height: 530px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--530__xl {
    height: 530px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--530__xxl {
    height: 530px !important; } }

.h-height--540 {
  height: 540px !important; }

@media only screen and (min-width: 576px) {
  .h-height--540__xs {
    height: 540px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--540__m {
    height: 540px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--540__d {
    height: 540px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--540__sm {
    height: 540px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--540__l {
    height: 540px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--540__xl {
    height: 540px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--540__xxl {
    height: 540px !important; } }

.h-height--550 {
  height: 550px !important; }

@media only screen and (min-width: 576px) {
  .h-height--550__xs {
    height: 550px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--550__m {
    height: 550px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--550__d {
    height: 550px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--550__sm {
    height: 550px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--550__l {
    height: 550px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--550__xl {
    height: 550px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--550__xxl {
    height: 550px !important; } }

.h-height--560 {
  height: 560px !important; }

@media only screen and (min-width: 576px) {
  .h-height--560__xs {
    height: 560px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--560__m {
    height: 560px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--560__d {
    height: 560px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--560__sm {
    height: 560px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--560__l {
    height: 560px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--560__xl {
    height: 560px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--560__xxl {
    height: 560px !important; } }

.h-height--570 {
  height: 570px !important; }

@media only screen and (min-width: 576px) {
  .h-height--570__xs {
    height: 570px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--570__m {
    height: 570px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--570__d {
    height: 570px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--570__sm {
    height: 570px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--570__l {
    height: 570px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--570__xl {
    height: 570px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--570__xxl {
    height: 570px !important; } }

.h-height--580 {
  height: 580px !important; }

@media only screen and (min-width: 576px) {
  .h-height--580__xs {
    height: 580px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--580__m {
    height: 580px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--580__d {
    height: 580px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--580__sm {
    height: 580px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--580__l {
    height: 580px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--580__xl {
    height: 580px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--580__xxl {
    height: 580px !important; } }

.h-height--590 {
  height: 590px !important; }

@media only screen and (min-width: 576px) {
  .h-height--590__xs {
    height: 590px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--590__m {
    height: 590px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--590__d {
    height: 590px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--590__sm {
    height: 590px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--590__l {
    height: 590px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--590__xl {
    height: 590px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--590__xxl {
    height: 590px !important; } }

.h-height--600 {
  height: 600px !important; }

@media only screen and (min-width: 576px) {
  .h-height--600__xs {
    height: 600px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--600__m {
    height: 600px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--600__d {
    height: 600px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--600__sm {
    height: 600px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--600__l {
    height: 600px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--600__xl {
    height: 600px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--600__xxl {
    height: 600px !important; } }

.h-height--610 {
  height: 610px !important; }

@media only screen and (min-width: 576px) {
  .h-height--610__xs {
    height: 610px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--610__m {
    height: 610px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--610__d {
    height: 610px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--610__sm {
    height: 610px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--610__l {
    height: 610px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--610__xl {
    height: 610px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--610__xxl {
    height: 610px !important; } }

.h-height--620 {
  height: 620px !important; }

@media only screen and (min-width: 576px) {
  .h-height--620__xs {
    height: 620px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--620__m {
    height: 620px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--620__d {
    height: 620px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--620__sm {
    height: 620px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--620__l {
    height: 620px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--620__xl {
    height: 620px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--620__xxl {
    height: 620px !important; } }

.h-height--630 {
  height: 630px !important; }

@media only screen and (min-width: 576px) {
  .h-height--630__xs {
    height: 630px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--630__m {
    height: 630px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--630__d {
    height: 630px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--630__sm {
    height: 630px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--630__l {
    height: 630px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--630__xl {
    height: 630px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--630__xxl {
    height: 630px !important; } }

.h-height--640 {
  height: 640px !important; }

@media only screen and (min-width: 576px) {
  .h-height--640__xs {
    height: 640px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--640__m {
    height: 640px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--640__d {
    height: 640px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--640__sm {
    height: 640px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--640__l {
    height: 640px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--640__xl {
    height: 640px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--640__xxl {
    height: 640px !important; } }

.h-height--650 {
  height: 650px !important; }

@media only screen and (min-width: 576px) {
  .h-height--650__xs {
    height: 650px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--650__m {
    height: 650px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--650__d {
    height: 650px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--650__sm {
    height: 650px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--650__l {
    height: 650px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--650__xl {
    height: 650px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--650__xxl {
    height: 650px !important; } }

.h-height--660 {
  height: 660px !important; }

@media only screen and (min-width: 576px) {
  .h-height--660__xs {
    height: 660px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--660__m {
    height: 660px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--660__d {
    height: 660px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--660__sm {
    height: 660px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--660__l {
    height: 660px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--660__xl {
    height: 660px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--660__xxl {
    height: 660px !important; } }

.h-height--670 {
  height: 670px !important; }

@media only screen and (min-width: 576px) {
  .h-height--670__xs {
    height: 670px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--670__m {
    height: 670px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--670__d {
    height: 670px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--670__sm {
    height: 670px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--670__l {
    height: 670px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--670__xl {
    height: 670px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--670__xxl {
    height: 670px !important; } }

.h-height--680 {
  height: 680px !important; }

@media only screen and (min-width: 576px) {
  .h-height--680__xs {
    height: 680px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--680__m {
    height: 680px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--680__d {
    height: 680px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--680__sm {
    height: 680px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--680__l {
    height: 680px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--680__xl {
    height: 680px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--680__xxl {
    height: 680px !important; } }

.h-height--690 {
  height: 690px !important; }

@media only screen and (min-width: 576px) {
  .h-height--690__xs {
    height: 690px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--690__m {
    height: 690px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--690__d {
    height: 690px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--690__sm {
    height: 690px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--690__l {
    height: 690px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--690__xl {
    height: 690px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--690__xxl {
    height: 690px !important; } }

.h-height--700 {
  height: 700px !important; }

@media only screen and (min-width: 576px) {
  .h-height--700__xs {
    height: 700px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--700__m {
    height: 700px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--700__d {
    height: 700px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--700__sm {
    height: 700px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--700__l {
    height: 700px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--700__xl {
    height: 700px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--700__xxl {
    height: 700px !important; } }

.h-height--710 {
  height: 710px !important; }

@media only screen and (min-width: 576px) {
  .h-height--710__xs {
    height: 710px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--710__m {
    height: 710px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--710__d {
    height: 710px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--710__sm {
    height: 710px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--710__l {
    height: 710px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--710__xl {
    height: 710px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--710__xxl {
    height: 710px !important; } }

.h-height--720 {
  height: 720px !important; }

@media only screen and (min-width: 576px) {
  .h-height--720__xs {
    height: 720px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--720__m {
    height: 720px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--720__d {
    height: 720px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--720__sm {
    height: 720px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--720__l {
    height: 720px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--720__xl {
    height: 720px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--720__xxl {
    height: 720px !important; } }

.h-height--730 {
  height: 730px !important; }

@media only screen and (min-width: 576px) {
  .h-height--730__xs {
    height: 730px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--730__m {
    height: 730px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--730__d {
    height: 730px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--730__sm {
    height: 730px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--730__l {
    height: 730px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--730__xl {
    height: 730px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--730__xxl {
    height: 730px !important; } }

.h-height--740 {
  height: 740px !important; }

@media only screen and (min-width: 576px) {
  .h-height--740__xs {
    height: 740px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--740__m {
    height: 740px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--740__d {
    height: 740px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--740__sm {
    height: 740px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--740__l {
    height: 740px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--740__xl {
    height: 740px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--740__xxl {
    height: 740px !important; } }

.h-height--750 {
  height: 750px !important; }

@media only screen and (min-width: 576px) {
  .h-height--750__xs {
    height: 750px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--750__m {
    height: 750px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--750__d {
    height: 750px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--750__sm {
    height: 750px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--750__l {
    height: 750px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--750__xl {
    height: 750px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--750__xxl {
    height: 750px !important; } }

.h-height--760 {
  height: 760px !important; }

@media only screen and (min-width: 576px) {
  .h-height--760__xs {
    height: 760px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--760__m {
    height: 760px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--760__d {
    height: 760px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--760__sm {
    height: 760px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--760__l {
    height: 760px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--760__xl {
    height: 760px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--760__xxl {
    height: 760px !important; } }

.h-height--770 {
  height: 770px !important; }

@media only screen and (min-width: 576px) {
  .h-height--770__xs {
    height: 770px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--770__m {
    height: 770px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--770__d {
    height: 770px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--770__sm {
    height: 770px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--770__l {
    height: 770px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--770__xl {
    height: 770px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--770__xxl {
    height: 770px !important; } }

.h-height--780 {
  height: 780px !important; }

@media only screen and (min-width: 576px) {
  .h-height--780__xs {
    height: 780px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--780__m {
    height: 780px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--780__d {
    height: 780px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--780__sm {
    height: 780px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--780__l {
    height: 780px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--780__xl {
    height: 780px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--780__xxl {
    height: 780px !important; } }

.h-height--790 {
  height: 790px !important; }

@media only screen and (min-width: 576px) {
  .h-height--790__xs {
    height: 790px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--790__m {
    height: 790px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--790__d {
    height: 790px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--790__sm {
    height: 790px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--790__l {
    height: 790px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--790__xl {
    height: 790px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--790__xxl {
    height: 790px !important; } }

.h-height--800 {
  height: 800px !important; }

@media only screen and (min-width: 576px) {
  .h-height--800__xs {
    height: 800px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--800__m {
    height: 800px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--800__d {
    height: 800px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--800__sm {
    height: 800px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--800__l {
    height: 800px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--800__xl {
    height: 800px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--800__xxl {
    height: 800px !important; } }

.h-height--810 {
  height: 810px !important; }

@media only screen and (min-width: 576px) {
  .h-height--810__xs {
    height: 810px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--810__m {
    height: 810px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--810__d {
    height: 810px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--810__sm {
    height: 810px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--810__l {
    height: 810px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--810__xl {
    height: 810px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--810__xxl {
    height: 810px !important; } }

.h-height--820 {
  height: 820px !important; }

@media only screen and (min-width: 576px) {
  .h-height--820__xs {
    height: 820px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--820__m {
    height: 820px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--820__d {
    height: 820px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--820__sm {
    height: 820px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--820__l {
    height: 820px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--820__xl {
    height: 820px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--820__xxl {
    height: 820px !important; } }

.h-height--830 {
  height: 830px !important; }

@media only screen and (min-width: 576px) {
  .h-height--830__xs {
    height: 830px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--830__m {
    height: 830px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--830__d {
    height: 830px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--830__sm {
    height: 830px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--830__l {
    height: 830px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--830__xl {
    height: 830px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--830__xxl {
    height: 830px !important; } }

.h-height--840 {
  height: 840px !important; }

@media only screen and (min-width: 576px) {
  .h-height--840__xs {
    height: 840px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--840__m {
    height: 840px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--840__d {
    height: 840px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--840__sm {
    height: 840px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--840__l {
    height: 840px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--840__xl {
    height: 840px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--840__xxl {
    height: 840px !important; } }

.h-height--850 {
  height: 850px !important; }

@media only screen and (min-width: 576px) {
  .h-height--850__xs {
    height: 850px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--850__m {
    height: 850px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--850__d {
    height: 850px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--850__sm {
    height: 850px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--850__l {
    height: 850px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--850__xl {
    height: 850px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--850__xxl {
    height: 850px !important; } }

.h-height--860 {
  height: 860px !important; }

@media only screen and (min-width: 576px) {
  .h-height--860__xs {
    height: 860px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--860__m {
    height: 860px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--860__d {
    height: 860px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--860__sm {
    height: 860px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--860__l {
    height: 860px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--860__xl {
    height: 860px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--860__xxl {
    height: 860px !important; } }

.h-height--870 {
  height: 870px !important; }

@media only screen and (min-width: 576px) {
  .h-height--870__xs {
    height: 870px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--870__m {
    height: 870px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--870__d {
    height: 870px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--870__sm {
    height: 870px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--870__l {
    height: 870px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--870__xl {
    height: 870px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--870__xxl {
    height: 870px !important; } }

.h-height--880 {
  height: 880px !important; }

@media only screen and (min-width: 576px) {
  .h-height--880__xs {
    height: 880px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--880__m {
    height: 880px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--880__d {
    height: 880px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--880__sm {
    height: 880px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--880__l {
    height: 880px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--880__xl {
    height: 880px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--880__xxl {
    height: 880px !important; } }

.h-height--890 {
  height: 890px !important; }

@media only screen and (min-width: 576px) {
  .h-height--890__xs {
    height: 890px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--890__m {
    height: 890px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--890__d {
    height: 890px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--890__sm {
    height: 890px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--890__l {
    height: 890px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--890__xl {
    height: 890px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--890__xxl {
    height: 890px !important; } }

.h-height--900 {
  height: 900px !important; }

@media only screen and (min-width: 576px) {
  .h-height--900__xs {
    height: 900px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--900__m {
    height: 900px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--900__d {
    height: 900px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--900__sm {
    height: 900px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--900__l {
    height: 900px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--900__xl {
    height: 900px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--900__xxl {
    height: 900px !important; } }

.h-height--910 {
  height: 910px !important; }

@media only screen and (min-width: 576px) {
  .h-height--910__xs {
    height: 910px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--910__m {
    height: 910px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--910__d {
    height: 910px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--910__sm {
    height: 910px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--910__l {
    height: 910px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--910__xl {
    height: 910px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--910__xxl {
    height: 910px !important; } }

.h-height--920 {
  height: 920px !important; }

@media only screen and (min-width: 576px) {
  .h-height--920__xs {
    height: 920px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--920__m {
    height: 920px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--920__d {
    height: 920px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--920__sm {
    height: 920px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--920__l {
    height: 920px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--920__xl {
    height: 920px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--920__xxl {
    height: 920px !important; } }

.h-height--930 {
  height: 930px !important; }

@media only screen and (min-width: 576px) {
  .h-height--930__xs {
    height: 930px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--930__m {
    height: 930px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--930__d {
    height: 930px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--930__sm {
    height: 930px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--930__l {
    height: 930px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--930__xl {
    height: 930px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--930__xxl {
    height: 930px !important; } }

.h-height--940 {
  height: 940px !important; }

@media only screen and (min-width: 576px) {
  .h-height--940__xs {
    height: 940px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--940__m {
    height: 940px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--940__d {
    height: 940px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--940__sm {
    height: 940px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--940__l {
    height: 940px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--940__xl {
    height: 940px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--940__xxl {
    height: 940px !important; } }

.h-height--950 {
  height: 950px !important; }

@media only screen and (min-width: 576px) {
  .h-height--950__xs {
    height: 950px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--950__m {
    height: 950px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--950__d {
    height: 950px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--950__sm {
    height: 950px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--950__l {
    height: 950px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--950__xl {
    height: 950px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--950__xxl {
    height: 950px !important; } }

.h-height--960 {
  height: 960px !important; }

@media only screen and (min-width: 576px) {
  .h-height--960__xs {
    height: 960px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--960__m {
    height: 960px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--960__d {
    height: 960px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--960__sm {
    height: 960px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--960__l {
    height: 960px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--960__xl {
    height: 960px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--960__xxl {
    height: 960px !important; } }

.h-height--970 {
  height: 970px !important; }

@media only screen and (min-width: 576px) {
  .h-height--970__xs {
    height: 970px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--970__m {
    height: 970px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--970__d {
    height: 970px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--970__sm {
    height: 970px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--970__l {
    height: 970px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--970__xl {
    height: 970px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--970__xxl {
    height: 970px !important; } }

.h-height--980 {
  height: 980px !important; }

@media only screen and (min-width: 576px) {
  .h-height--980__xs {
    height: 980px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--980__m {
    height: 980px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--980__d {
    height: 980px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--980__sm {
    height: 980px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--980__l {
    height: 980px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--980__xl {
    height: 980px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--980__xxl {
    height: 980px !important; } }

.h-height--990 {
  height: 990px !important; }

@media only screen and (min-width: 576px) {
  .h-height--990__xs {
    height: 990px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--990__m {
    height: 990px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--990__d {
    height: 990px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--990__sm {
    height: 990px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--990__l {
    height: 990px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--990__xl {
    height: 990px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--990__xxl {
    height: 990px !important; } }

.h-height--1000 {
  height: 1000px !important; }

@media only screen and (min-width: 576px) {
  .h-height--1000__xs {
    height: 1000px !important; } }

@media only screen and (max-width: 1024px) {
  .h-height--1000__m {
    height: 1000px !important; } }

@media only screen and (min-width: 1025px) {
  .h-height--1000__d {
    height: 1000px !important; } }

@media only screen and (min-width: 769px) {
  .h-height--1000__sm {
    height: 1000px !important; } }

@media only screen and (min-width: 1200px) {
  .h-height--1000__l {
    height: 1000px !important; } }

@media only screen and (min-width: 1500px) {
  .h-height--1000__xl {
    height: 1000px !important; } }

@media only screen and (min-width: 2000px) {
  .h-height--1000__xxl {
    height: 1000px !important; } }

.h-max-width--0 {
  max-width: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--0__xs {
    max-width: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--0__m {
    max-width: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--0__d {
    max-width: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--0__sm {
    max-width: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--0__l {
    max-width: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--0__xl {
    max-width: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--0__xxl {
    max-width: 0px !important; } }

.h-max-width--50 {
  max-width: 50px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--50__xs {
    max-width: 50px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--50__m {
    max-width: 50px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--50__d {
    max-width: 50px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--50__sm {
    max-width: 50px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--50__l {
    max-width: 50px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--50__xl {
    max-width: 50px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--50__xxl {
    max-width: 50px !important; } }

.h-max-width--100 {
  max-width: 100px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--100__xs {
    max-width: 100px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--100__m {
    max-width: 100px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--100__d {
    max-width: 100px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--100__sm {
    max-width: 100px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--100__l {
    max-width: 100px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--100__xl {
    max-width: 100px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--100__xxl {
    max-width: 100px !important; } }

.h-max-width--150 {
  max-width: 150px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--150__xs {
    max-width: 150px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--150__m {
    max-width: 150px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--150__d {
    max-width: 150px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--150__sm {
    max-width: 150px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--150__l {
    max-width: 150px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--150__xl {
    max-width: 150px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--150__xxl {
    max-width: 150px !important; } }

.h-max-width--200 {
  max-width: 200px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--200__xs {
    max-width: 200px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--200__m {
    max-width: 200px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--200__d {
    max-width: 200px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--200__sm {
    max-width: 200px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--200__l {
    max-width: 200px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--200__xl {
    max-width: 200px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--200__xxl {
    max-width: 200px !important; } }

.h-max-width--250 {
  max-width: 250px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--250__xs {
    max-width: 250px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--250__m {
    max-width: 250px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--250__d {
    max-width: 250px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--250__sm {
    max-width: 250px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--250__l {
    max-width: 250px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--250__xl {
    max-width: 250px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--250__xxl {
    max-width: 250px !important; } }

.h-max-width--300 {
  max-width: 300px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--300__xs {
    max-width: 300px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--300__m {
    max-width: 300px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--300__d {
    max-width: 300px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--300__sm {
    max-width: 300px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--300__l {
    max-width: 300px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--300__xl {
    max-width: 300px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--300__xxl {
    max-width: 300px !important; } }

.h-max-width--350 {
  max-width: 350px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--350__xs {
    max-width: 350px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--350__m {
    max-width: 350px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--350__d {
    max-width: 350px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--350__sm {
    max-width: 350px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--350__l {
    max-width: 350px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--350__xl {
    max-width: 350px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--350__xxl {
    max-width: 350px !important; } }

.h-max-width--400 {
  max-width: 400px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--400__xs {
    max-width: 400px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--400__m {
    max-width: 400px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--400__d {
    max-width: 400px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--400__sm {
    max-width: 400px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--400__l {
    max-width: 400px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--400__xl {
    max-width: 400px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--400__xxl {
    max-width: 400px !important; } }

.h-max-width--450 {
  max-width: 450px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--450__xs {
    max-width: 450px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--450__m {
    max-width: 450px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--450__d {
    max-width: 450px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--450__sm {
    max-width: 450px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--450__l {
    max-width: 450px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--450__xl {
    max-width: 450px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--450__xxl {
    max-width: 450px !important; } }

.h-max-width--500 {
  max-width: 500px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--500__xs {
    max-width: 500px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--500__m {
    max-width: 500px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--500__d {
    max-width: 500px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--500__sm {
    max-width: 500px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--500__l {
    max-width: 500px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--500__xl {
    max-width: 500px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--500__xxl {
    max-width: 500px !important; } }

.h-max-width--550 {
  max-width: 550px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--550__xs {
    max-width: 550px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--550__m {
    max-width: 550px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--550__d {
    max-width: 550px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--550__sm {
    max-width: 550px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--550__l {
    max-width: 550px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--550__xl {
    max-width: 550px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--550__xxl {
    max-width: 550px !important; } }

.h-max-width--600 {
  max-width: 600px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--600__xs {
    max-width: 600px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--600__m {
    max-width: 600px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--600__d {
    max-width: 600px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--600__sm {
    max-width: 600px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--600__l {
    max-width: 600px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--600__xl {
    max-width: 600px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--600__xxl {
    max-width: 600px !important; } }

.h-max-width--650 {
  max-width: 650px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--650__xs {
    max-width: 650px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--650__m {
    max-width: 650px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--650__d {
    max-width: 650px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--650__sm {
    max-width: 650px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--650__l {
    max-width: 650px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--650__xl {
    max-width: 650px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--650__xxl {
    max-width: 650px !important; } }

.h-max-width--700 {
  max-width: 700px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--700__xs {
    max-width: 700px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--700__m {
    max-width: 700px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--700__d {
    max-width: 700px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--700__sm {
    max-width: 700px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--700__l {
    max-width: 700px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--700__xl {
    max-width: 700px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--700__xxl {
    max-width: 700px !important; } }

.h-max-width--750 {
  max-width: 750px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--750__xs {
    max-width: 750px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--750__m {
    max-width: 750px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--750__d {
    max-width: 750px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--750__sm {
    max-width: 750px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--750__l {
    max-width: 750px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--750__xl {
    max-width: 750px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--750__xxl {
    max-width: 750px !important; } }

.h-max-width--800 {
  max-width: 800px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--800__xs {
    max-width: 800px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--800__m {
    max-width: 800px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--800__d {
    max-width: 800px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--800__sm {
    max-width: 800px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--800__l {
    max-width: 800px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--800__xl {
    max-width: 800px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--800__xxl {
    max-width: 800px !important; } }

.h-max-width--850 {
  max-width: 850px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--850__xs {
    max-width: 850px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--850__m {
    max-width: 850px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--850__d {
    max-width: 850px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--850__sm {
    max-width: 850px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--850__l {
    max-width: 850px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--850__xl {
    max-width: 850px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--850__xxl {
    max-width: 850px !important; } }

.h-max-width--900 {
  max-width: 900px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--900__xs {
    max-width: 900px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--900__m {
    max-width: 900px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--900__d {
    max-width: 900px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--900__sm {
    max-width: 900px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--900__l {
    max-width: 900px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--900__xl {
    max-width: 900px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--900__xxl {
    max-width: 900px !important; } }

.h-max-width--950 {
  max-width: 950px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--950__xs {
    max-width: 950px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--950__m {
    max-width: 950px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--950__d {
    max-width: 950px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--950__sm {
    max-width: 950px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--950__l {
    max-width: 950px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--950__xl {
    max-width: 950px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--950__xxl {
    max-width: 950px !important; } }

.h-max-width--1000 {
  max-width: 1000px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--1000__xs {
    max-width: 1000px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--1000__m {
    max-width: 1000px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--1000__d {
    max-width: 1000px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--1000__sm {
    max-width: 1000px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--1000__l {
    max-width: 1000px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--1000__xl {
    max-width: 1000px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--1000__xxl {
    max-width: 1000px !important; } }

.h-max-width--1050 {
  max-width: 1050px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--1050__xs {
    max-width: 1050px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--1050__m {
    max-width: 1050px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--1050__d {
    max-width: 1050px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--1050__sm {
    max-width: 1050px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--1050__l {
    max-width: 1050px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--1050__xl {
    max-width: 1050px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--1050__xxl {
    max-width: 1050px !important; } }

.h-max-width--1100 {
  max-width: 1100px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--1100__xs {
    max-width: 1100px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--1100__m {
    max-width: 1100px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--1100__d {
    max-width: 1100px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--1100__sm {
    max-width: 1100px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--1100__l {
    max-width: 1100px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--1100__xl {
    max-width: 1100px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--1100__xxl {
    max-width: 1100px !important; } }

.h-max-width--1150 {
  max-width: 1150px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--1150__xs {
    max-width: 1150px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--1150__m {
    max-width: 1150px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--1150__d {
    max-width: 1150px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--1150__sm {
    max-width: 1150px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--1150__l {
    max-width: 1150px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--1150__xl {
    max-width: 1150px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--1150__xxl {
    max-width: 1150px !important; } }

.h-max-width--1200 {
  max-width: 1200px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--1200__xs {
    max-width: 1200px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--1200__m {
    max-width: 1200px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--1200__d {
    max-width: 1200px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--1200__sm {
    max-width: 1200px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--1200__l {
    max-width: 1200px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--1200__xl {
    max-width: 1200px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--1200__xxl {
    max-width: 1200px !important; } }

.h-max-width--1250 {
  max-width: 1250px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--1250__xs {
    max-width: 1250px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--1250__m {
    max-width: 1250px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--1250__d {
    max-width: 1250px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--1250__sm {
    max-width: 1250px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--1250__l {
    max-width: 1250px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--1250__xl {
    max-width: 1250px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--1250__xxl {
    max-width: 1250px !important; } }

.h-max-width--1300 {
  max-width: 1300px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--1300__xs {
    max-width: 1300px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--1300__m {
    max-width: 1300px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--1300__d {
    max-width: 1300px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--1300__sm {
    max-width: 1300px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--1300__l {
    max-width: 1300px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--1300__xl {
    max-width: 1300px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--1300__xxl {
    max-width: 1300px !important; } }

.h-max-width--1350 {
  max-width: 1350px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--1350__xs {
    max-width: 1350px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--1350__m {
    max-width: 1350px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--1350__d {
    max-width: 1350px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--1350__sm {
    max-width: 1350px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--1350__l {
    max-width: 1350px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--1350__xl {
    max-width: 1350px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--1350__xxl {
    max-width: 1350px !important; } }

.h-max-width--1400 {
  max-width: 1400px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--1400__xs {
    max-width: 1400px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--1400__m {
    max-width: 1400px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--1400__d {
    max-width: 1400px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--1400__sm {
    max-width: 1400px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--1400__l {
    max-width: 1400px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--1400__xl {
    max-width: 1400px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--1400__xxl {
    max-width: 1400px !important; } }

.h-max-width--1450 {
  max-width: 1450px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--1450__xs {
    max-width: 1450px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--1450__m {
    max-width: 1450px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--1450__d {
    max-width: 1450px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--1450__sm {
    max-width: 1450px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--1450__l {
    max-width: 1450px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--1450__xl {
    max-width: 1450px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--1450__xxl {
    max-width: 1450px !important; } }

.h-max-width--1500 {
  max-width: 1500px !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--1500__xs {
    max-width: 1500px !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--1500__m {
    max-width: 1500px !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--1500__d {
    max-width: 1500px !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--1500__sm {
    max-width: 1500px !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--1500__l {
    max-width: 1500px !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--1500__xl {
    max-width: 1500px !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--1500__xxl {
    max-width: 1500px !important; } }

.h-max-width-perc--0 {
  max-width: 0% !important; }

@media only screen and (min-width: 576px) {
  .h-max-width-perc--0__xs {
    max-width: 0% !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width-perc--0__m {
    max-width: 0% !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width-perc--0__d {
    max-width: 0% !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width-perc--0__sm {
    max-width: 0% !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width-perc--0__l {
    max-width: 0% !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width-perc--0__xl {
    max-width: 0% !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width-perc--0__xxl {
    max-width: 0% !important; } }

.h-max-width-perc--5 {
  max-width: 5% !important; }

@media only screen and (min-width: 576px) {
  .h-max-width-perc--5__xs {
    max-width: 5% !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width-perc--5__m {
    max-width: 5% !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width-perc--5__d {
    max-width: 5% !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width-perc--5__sm {
    max-width: 5% !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width-perc--5__l {
    max-width: 5% !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width-perc--5__xl {
    max-width: 5% !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width-perc--5__xxl {
    max-width: 5% !important; } }

.h-max-width-perc--10 {
  max-width: 10% !important; }

@media only screen and (min-width: 576px) {
  .h-max-width-perc--10__xs {
    max-width: 10% !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width-perc--10__m {
    max-width: 10% !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width-perc--10__d {
    max-width: 10% !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width-perc--10__sm {
    max-width: 10% !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width-perc--10__l {
    max-width: 10% !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width-perc--10__xl {
    max-width: 10% !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width-perc--10__xxl {
    max-width: 10% !important; } }

.h-max-width-perc--15 {
  max-width: 15% !important; }

@media only screen and (min-width: 576px) {
  .h-max-width-perc--15__xs {
    max-width: 15% !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width-perc--15__m {
    max-width: 15% !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width-perc--15__d {
    max-width: 15% !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width-perc--15__sm {
    max-width: 15% !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width-perc--15__l {
    max-width: 15% !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width-perc--15__xl {
    max-width: 15% !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width-perc--15__xxl {
    max-width: 15% !important; } }

.h-max-width-perc--20 {
  max-width: 20% !important; }

@media only screen and (min-width: 576px) {
  .h-max-width-perc--20__xs {
    max-width: 20% !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width-perc--20__m {
    max-width: 20% !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width-perc--20__d {
    max-width: 20% !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width-perc--20__sm {
    max-width: 20% !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width-perc--20__l {
    max-width: 20% !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width-perc--20__xl {
    max-width: 20% !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width-perc--20__xxl {
    max-width: 20% !important; } }

.h-max-width-perc--25 {
  max-width: 25% !important; }

@media only screen and (min-width: 576px) {
  .h-max-width-perc--25__xs {
    max-width: 25% !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width-perc--25__m {
    max-width: 25% !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width-perc--25__d {
    max-width: 25% !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width-perc--25__sm {
    max-width: 25% !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width-perc--25__l {
    max-width: 25% !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width-perc--25__xl {
    max-width: 25% !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width-perc--25__xxl {
    max-width: 25% !important; } }

.h-max-width-perc--30 {
  max-width: 30% !important; }

@media only screen and (min-width: 576px) {
  .h-max-width-perc--30__xs {
    max-width: 30% !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width-perc--30__m {
    max-width: 30% !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width-perc--30__d {
    max-width: 30% !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width-perc--30__sm {
    max-width: 30% !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width-perc--30__l {
    max-width: 30% !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width-perc--30__xl {
    max-width: 30% !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width-perc--30__xxl {
    max-width: 30% !important; } }

.h-max-width-perc--35 {
  max-width: 35% !important; }

@media only screen and (min-width: 576px) {
  .h-max-width-perc--35__xs {
    max-width: 35% !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width-perc--35__m {
    max-width: 35% !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width-perc--35__d {
    max-width: 35% !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width-perc--35__sm {
    max-width: 35% !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width-perc--35__l {
    max-width: 35% !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width-perc--35__xl {
    max-width: 35% !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width-perc--35__xxl {
    max-width: 35% !important; } }

.h-max-width-perc--40 {
  max-width: 40% !important; }

@media only screen and (min-width: 576px) {
  .h-max-width-perc--40__xs {
    max-width: 40% !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width-perc--40__m {
    max-width: 40% !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width-perc--40__d {
    max-width: 40% !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width-perc--40__sm {
    max-width: 40% !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width-perc--40__l {
    max-width: 40% !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width-perc--40__xl {
    max-width: 40% !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width-perc--40__xxl {
    max-width: 40% !important; } }

.h-max-width-perc--45 {
  max-width: 45% !important; }

@media only screen and (min-width: 576px) {
  .h-max-width-perc--45__xs {
    max-width: 45% !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width-perc--45__m {
    max-width: 45% !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width-perc--45__d {
    max-width: 45% !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width-perc--45__sm {
    max-width: 45% !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width-perc--45__l {
    max-width: 45% !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width-perc--45__xl {
    max-width: 45% !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width-perc--45__xxl {
    max-width: 45% !important; } }

.h-max-width-perc--50 {
  max-width: 50% !important; }

@media only screen and (min-width: 576px) {
  .h-max-width-perc--50__xs {
    max-width: 50% !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width-perc--50__m {
    max-width: 50% !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width-perc--50__d {
    max-width: 50% !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width-perc--50__sm {
    max-width: 50% !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width-perc--50__l {
    max-width: 50% !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width-perc--50__xl {
    max-width: 50% !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width-perc--50__xxl {
    max-width: 50% !important; } }

.h-max-width-perc--55 {
  max-width: 55% !important; }

@media only screen and (min-width: 576px) {
  .h-max-width-perc--55__xs {
    max-width: 55% !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width-perc--55__m {
    max-width: 55% !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width-perc--55__d {
    max-width: 55% !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width-perc--55__sm {
    max-width: 55% !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width-perc--55__l {
    max-width: 55% !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width-perc--55__xl {
    max-width: 55% !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width-perc--55__xxl {
    max-width: 55% !important; } }

.h-max-width-perc--60 {
  max-width: 60% !important; }

@media only screen and (min-width: 576px) {
  .h-max-width-perc--60__xs {
    max-width: 60% !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width-perc--60__m {
    max-width: 60% !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width-perc--60__d {
    max-width: 60% !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width-perc--60__sm {
    max-width: 60% !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width-perc--60__l {
    max-width: 60% !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width-perc--60__xl {
    max-width: 60% !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width-perc--60__xxl {
    max-width: 60% !important; } }

.h-max-width-perc--65 {
  max-width: 65% !important; }

@media only screen and (min-width: 576px) {
  .h-max-width-perc--65__xs {
    max-width: 65% !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width-perc--65__m {
    max-width: 65% !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width-perc--65__d {
    max-width: 65% !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width-perc--65__sm {
    max-width: 65% !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width-perc--65__l {
    max-width: 65% !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width-perc--65__xl {
    max-width: 65% !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width-perc--65__xxl {
    max-width: 65% !important; } }

.h-max-width-perc--70 {
  max-width: 70% !important; }

@media only screen and (min-width: 576px) {
  .h-max-width-perc--70__xs {
    max-width: 70% !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width-perc--70__m {
    max-width: 70% !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width-perc--70__d {
    max-width: 70% !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width-perc--70__sm {
    max-width: 70% !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width-perc--70__l {
    max-width: 70% !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width-perc--70__xl {
    max-width: 70% !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width-perc--70__xxl {
    max-width: 70% !important; } }

.h-max-width-perc--75 {
  max-width: 75% !important; }

@media only screen and (min-width: 576px) {
  .h-max-width-perc--75__xs {
    max-width: 75% !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width-perc--75__m {
    max-width: 75% !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width-perc--75__d {
    max-width: 75% !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width-perc--75__sm {
    max-width: 75% !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width-perc--75__l {
    max-width: 75% !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width-perc--75__xl {
    max-width: 75% !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width-perc--75__xxl {
    max-width: 75% !important; } }

.h-max-width-perc--80 {
  max-width: 80% !important; }

@media only screen and (min-width: 576px) {
  .h-max-width-perc--80__xs {
    max-width: 80% !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width-perc--80__m {
    max-width: 80% !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width-perc--80__d {
    max-width: 80% !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width-perc--80__sm {
    max-width: 80% !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width-perc--80__l {
    max-width: 80% !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width-perc--80__xl {
    max-width: 80% !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width-perc--80__xxl {
    max-width: 80% !important; } }

.h-max-width-perc--85 {
  max-width: 85% !important; }

@media only screen and (min-width: 576px) {
  .h-max-width-perc--85__xs {
    max-width: 85% !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width-perc--85__m {
    max-width: 85% !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width-perc--85__d {
    max-width: 85% !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width-perc--85__sm {
    max-width: 85% !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width-perc--85__l {
    max-width: 85% !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width-perc--85__xl {
    max-width: 85% !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width-perc--85__xxl {
    max-width: 85% !important; } }

.h-max-width-perc--90 {
  max-width: 90% !important; }

@media only screen and (min-width: 576px) {
  .h-max-width-perc--90__xs {
    max-width: 90% !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width-perc--90__m {
    max-width: 90% !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width-perc--90__d {
    max-width: 90% !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width-perc--90__sm {
    max-width: 90% !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width-perc--90__l {
    max-width: 90% !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width-perc--90__xl {
    max-width: 90% !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width-perc--90__xxl {
    max-width: 90% !important; } }

.h-max-width-perc--95 {
  max-width: 95% !important; }

@media only screen and (min-width: 576px) {
  .h-max-width-perc--95__xs {
    max-width: 95% !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width-perc--95__m {
    max-width: 95% !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width-perc--95__d {
    max-width: 95% !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width-perc--95__sm {
    max-width: 95% !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width-perc--95__l {
    max-width: 95% !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width-perc--95__xl {
    max-width: 95% !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width-perc--95__xxl {
    max-width: 95% !important; } }

.h-max-width-perc--100 {
  max-width: 100% !important; }

@media only screen and (min-width: 576px) {
  .h-max-width-perc--100__xs {
    max-width: 100% !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width-perc--100__m {
    max-width: 100% !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width-perc--100__d {
    max-width: 100% !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width-perc--100__sm {
    max-width: 100% !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width-perc--100__l {
    max-width: 100% !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width-perc--100__xl {
    max-width: 100% !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width-perc--100__xxl {
    max-width: 100% !important; } }

.h-max-width--none {
  max-width: none !important; }

@media only screen and (min-width: 576px) {
  .h-max-width--none__xs {
    max-width: none !important; } }

@media only screen and (max-width: 1024px) {
  .h-max-width--none__m {
    max-width: none !important; } }

@media only screen and (min-width: 1025px) {
  .h-max-width--none__d {
    max-width: none !important; } }

@media only screen and (min-width: 769px) {
  .h-max-width--none__sm {
    max-width: none !important; } }

@media only screen and (min-width: 1200px) {
  .h-max-width--none__l {
    max-width: none !important; } }

@media only screen and (min-width: 1500px) {
  .h-max-width--none__xl {
    max-width: none !important; } }

@media only screen and (min-width: 2000px) {
  .h-max-width--none__xxl {
    max-width: none !important; } }

.h-dsp--block {
  display: block !important; }

.h-dsp--inline-block {
  display: inline-block !important; }

.h-dsp--flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.h-dsp--none {
  display: none !important; }

.h-dsp--table {
  display: table !important; }

.h-dsp--table-row {
  display: table-row !important; }

.h-dsp--table-cell {
  display: table-cell !important; }

.h-dsp--grid {
  display: grid !important; }

@media only screen and (min-width: 576px) {
  .h-dsp--block__xs {
    display: block !important; } }

@media only screen and (min-width: 576px) {
  .h-dsp--inline-block__xs {
    display: inline-block !important; } }

@media only screen and (min-width: 576px) {
  .h-dsp--flex__xs {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media only screen and (min-width: 576px) {
  .h-dsp--none__xs {
    display: none !important; } }

@media only screen and (min-width: 576px) {
  .h-dsp--table__xs {
    display: table !important; } }

@media only screen and (min-width: 576px) {
  .h-dsp--table-row__xs {
    display: table-row !important; } }

@media only screen and (min-width: 576px) {
  .h-dsp--table-cell__xs {
    display: table-cell !important; } }

@media only screen and (min-width: 576px) {
  .h-dsp--grid__xs {
    display: grid !important; } }

@media only screen and (max-width: 1024px) {
  .h-dsp--block__m {
    display: block !important; } }

@media only screen and (max-width: 1024px) {
  .h-dsp--inline-block__m {
    display: inline-block !important; } }

@media only screen and (max-width: 1024px) {
  .h-dsp--flex__m {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media only screen and (max-width: 1024px) {
  .h-dsp--none__m {
    display: none !important; } }

@media only screen and (max-width: 1024px) {
  .h-dsp--table__m {
    display: table !important; } }

@media only screen and (max-width: 1024px) {
  .h-dsp--table-row__m {
    display: table-row !important; } }

@media only screen and (max-width: 1024px) {
  .h-dsp--table-cell__m {
    display: table-cell !important; } }

@media only screen and (max-width: 1024px) {
  .h-dsp--grid__m {
    display: grid !important; } }

@media only screen and (min-width: 1025px) {
  .h-dsp--block__d {
    display: block !important; } }

@media only screen and (min-width: 1025px) {
  .h-dsp--inline-block__d {
    display: inline-block !important; } }

@media only screen and (min-width: 1025px) {
  .h-dsp--flex__d {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media only screen and (min-width: 1025px) {
  .h-dsp--none__d {
    display: none !important; } }

@media only screen and (min-width: 1025px) {
  .h-dsp--table__d {
    display: table !important; } }

@media only screen and (min-width: 1025px) {
  .h-dsp--table-row__d {
    display: table-row !important; } }

@media only screen and (min-width: 1025px) {
  .h-dsp--table-cell__d {
    display: table-cell !important; } }

@media only screen and (min-width: 1025px) {
  .h-dsp--grid__d {
    display: grid !important; } }

@media only screen and (min-width: 769px) {
  .h-dsp--block__sm {
    display: block !important; } }

@media only screen and (min-width: 769px) {
  .h-dsp--inline-block__sm {
    display: inline-block !important; } }

@media only screen and (min-width: 769px) {
  .h-dsp--flex__sm {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media only screen and (min-width: 769px) {
  .h-dsp--none__sm {
    display: none !important; } }

@media only screen and (min-width: 769px) {
  .h-dsp--table__sm {
    display: table !important; } }

@media only screen and (min-width: 769px) {
  .h-dsp--table-row__sm {
    display: table-row !important; } }

@media only screen and (min-width: 769px) {
  .h-dsp--table-cell__sm {
    display: table-cell !important; } }

@media only screen and (min-width: 769px) {
  .h-dsp--grid__sm {
    display: grid !important; } }

@media only screen and (min-width: 1200px) {
  .h-dsp--block__l {
    display: block !important; } }

@media only screen and (min-width: 1200px) {
  .h-dsp--inline-block__l {
    display: inline-block !important; } }

@media only screen and (min-width: 1200px) {
  .h-dsp--flex__l {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media only screen and (min-width: 1200px) {
  .h-dsp--none__l {
    display: none !important; } }

@media only screen and (min-width: 1200px) {
  .h-dsp--table__l {
    display: table !important; } }

@media only screen and (min-width: 1200px) {
  .h-dsp--table-row__l {
    display: table-row !important; } }

@media only screen and (min-width: 1200px) {
  .h-dsp--table-cell__l {
    display: table-cell !important; } }

@media only screen and (min-width: 1200px) {
  .h-dsp--grid__l {
    display: grid !important; } }

@media only screen and (min-width: 1500px) {
  .h-dsp--block__xl {
    display: block !important; } }

@media only screen and (min-width: 1500px) {
  .h-dsp--inline-block__xl {
    display: inline-block !important; } }

@media only screen and (min-width: 1500px) {
  .h-dsp--flex__xl {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media only screen and (min-width: 1500px) {
  .h-dsp--none__xl {
    display: none !important; } }

@media only screen and (min-width: 1500px) {
  .h-dsp--table__xl {
    display: table !important; } }

@media only screen and (min-width: 1500px) {
  .h-dsp--table-row__xl {
    display: table-row !important; } }

@media only screen and (min-width: 1500px) {
  .h-dsp--table-cell__xl {
    display: table-cell !important; } }

@media only screen and (min-width: 1500px) {
  .h-dsp--grid__xl {
    display: grid !important; } }

@media only screen and (min-width: 2000px) {
  .h-dsp--block__xxl {
    display: block !important; } }

@media only screen and (min-width: 2000px) {
  .h-dsp--inline-block__xxl {
    display: inline-block !important; } }

@media only screen and (min-width: 2000px) {
  .h-dsp--flex__xxl {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media only screen and (min-width: 2000px) {
  .h-dsp--none__xxl {
    display: none !important; } }

@media only screen and (min-width: 2000px) {
  .h-dsp--table__xxl {
    display: table !important; } }

@media only screen and (min-width: 2000px) {
  .h-dsp--table-row__xxl {
    display: table-row !important; } }

@media only screen and (min-width: 2000px) {
  .h-dsp--table-cell__xxl {
    display: table-cell !important; } }

@media only screen and (min-width: 2000px) {
  .h-dsp--grid__xxl {
    display: grid !important; } }

.h-dsp-child--flex > * {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.h-flex-dir--row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important; }

.h-flex-dir--row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important; }

.h-flex-dir--column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important; }

.h-flex-dir--column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important; }

@media only screen and (min-width: 576px) {
  .h-flex-dir--row__xs {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; } }

@media only screen and (min-width: 576px) {
  .h-flex-dir--row-reverse__xs {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; } }

@media only screen and (min-width: 576px) {
  .h-flex-dir--column__xs {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; } }

@media only screen and (min-width: 576px) {
  .h-flex-dir--column-reverse__xs {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; } }

@media only screen and (max-width: 1024px) {
  .h-flex-dir--row__m {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; } }

@media only screen and (max-width: 1024px) {
  .h-flex-dir--row-reverse__m {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; } }

@media only screen and (max-width: 1024px) {
  .h-flex-dir--column__m {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; } }

@media only screen and (max-width: 1024px) {
  .h-flex-dir--column-reverse__m {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; } }

@media only screen and (min-width: 1025px) {
  .h-flex-dir--row__d {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; } }

@media only screen and (min-width: 1025px) {
  .h-flex-dir--row-reverse__d {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; } }

@media only screen and (min-width: 1025px) {
  .h-flex-dir--column__d {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; } }

@media only screen and (min-width: 1025px) {
  .h-flex-dir--column-reverse__d {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; } }

@media only screen and (min-width: 769px) {
  .h-flex-dir--row__sm {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; } }

@media only screen and (min-width: 769px) {
  .h-flex-dir--row-reverse__sm {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; } }

@media only screen and (min-width: 769px) {
  .h-flex-dir--column__sm {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; } }

@media only screen and (min-width: 769px) {
  .h-flex-dir--column-reverse__sm {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; } }

@media only screen and (min-width: 1200px) {
  .h-flex-dir--row__l {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; } }

@media only screen and (min-width: 1200px) {
  .h-flex-dir--row-reverse__l {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; } }

@media only screen and (min-width: 1200px) {
  .h-flex-dir--column__l {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; } }

@media only screen and (min-width: 1200px) {
  .h-flex-dir--column-reverse__l {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; } }

@media only screen and (min-width: 1500px) {
  .h-flex-dir--row__xl {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; } }

@media only screen and (min-width: 1500px) {
  .h-flex-dir--row-reverse__xl {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; } }

@media only screen and (min-width: 1500px) {
  .h-flex-dir--column__xl {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; } }

@media only screen and (min-width: 1500px) {
  .h-flex-dir--column-reverse__xl {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; } }

@media only screen and (min-width: 2000px) {
  .h-flex-dir--row__xxl {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; } }

@media only screen and (min-width: 2000px) {
  .h-flex-dir--row-reverse__xxl {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; } }

@media only screen and (min-width: 2000px) {
  .h-flex-dir--column__xxl {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; } }

@media only screen and (min-width: 2000px) {
  .h-flex-dir--column-reverse__xxl {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; } }

.h-flex-ai--stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important; }

.h-flex-ai--center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important; }

.h-flex-ai--start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: start !important; }

.h-flex-ai--end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: end !important; }

@media only screen and (min-width: 576px) {
  .h-flex-ai--stretch__xs {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; } }

@media only screen and (min-width: 576px) {
  .h-flex-ai--center__xs {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; } }

@media only screen and (min-width: 576px) {
  .h-flex-ai--start__xs {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: start !important; } }

@media only screen and (min-width: 576px) {
  .h-flex-ai--end__xs {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: end !important; } }

@media only screen and (max-width: 1024px) {
  .h-flex-ai--stretch__m {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; } }

@media only screen and (max-width: 1024px) {
  .h-flex-ai--center__m {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; } }

@media only screen and (max-width: 1024px) {
  .h-flex-ai--start__m {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: start !important; } }

@media only screen and (max-width: 1024px) {
  .h-flex-ai--end__m {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: end !important; } }

@media only screen and (min-width: 1025px) {
  .h-flex-ai--stretch__d {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; } }

@media only screen and (min-width: 1025px) {
  .h-flex-ai--center__d {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; } }

@media only screen and (min-width: 1025px) {
  .h-flex-ai--start__d {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: start !important; } }

@media only screen and (min-width: 1025px) {
  .h-flex-ai--end__d {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: end !important; } }

@media only screen and (min-width: 769px) {
  .h-flex-ai--stretch__sm {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; } }

@media only screen and (min-width: 769px) {
  .h-flex-ai--center__sm {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; } }

@media only screen and (min-width: 769px) {
  .h-flex-ai--start__sm {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: start !important; } }

@media only screen and (min-width: 769px) {
  .h-flex-ai--end__sm {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: end !important; } }

@media only screen and (min-width: 1200px) {
  .h-flex-ai--stretch__l {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; } }

@media only screen and (min-width: 1200px) {
  .h-flex-ai--center__l {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; } }

@media only screen and (min-width: 1200px) {
  .h-flex-ai--start__l {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: start !important; } }

@media only screen and (min-width: 1200px) {
  .h-flex-ai--end__l {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: end !important; } }

@media only screen and (min-width: 1500px) {
  .h-flex-ai--stretch__xl {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; } }

@media only screen and (min-width: 1500px) {
  .h-flex-ai--center__xl {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; } }

@media only screen and (min-width: 1500px) {
  .h-flex-ai--start__xl {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: start !important; } }

@media only screen and (min-width: 1500px) {
  .h-flex-ai--end__xl {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: end !important; } }

@media only screen and (min-width: 2000px) {
  .h-flex-ai--stretch__xxl {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; } }

@media only screen and (min-width: 2000px) {
  .h-flex-ai--center__xxl {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; } }

@media only screen and (min-width: 2000px) {
  .h-flex-ai--start__xxl {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: start !important; } }

@media only screen and (min-width: 2000px) {
  .h-flex-ai--end__xxl {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: end !important; } }

.h-flex-jc--start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: start !important; }

.h-flex-jc--center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important; }

.h-flex-jc--flex-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important; }

.h-flex-jc--space-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important; }

.h-flex-jc--space-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important; }

.h-flex-jc--space-evenly {
  -webkit-box-pack: space-evenly !important;
      -ms-flex-pack: space-evenly !important;
          justify-content: space-evenly !important; }

@media only screen and (min-width: 576px) {
  .h-flex-jc--start__xs {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: start !important; } }

@media only screen and (min-width: 576px) {
  .h-flex-jc--center__xs {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; } }

@media only screen and (min-width: 576px) {
  .h-flex-jc--flex-end__xs {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; } }

@media only screen and (min-width: 576px) {
  .h-flex-jc--space-between__xs {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; } }

@media only screen and (min-width: 576px) {
  .h-flex-jc--space-around__xs {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; } }

@media only screen and (min-width: 576px) {
  .h-flex-jc--space-evenly__xs {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important; } }

@media only screen and (max-width: 1024px) {
  .h-flex-jc--start__m {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: start !important; } }

@media only screen and (max-width: 1024px) {
  .h-flex-jc--center__m {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; } }

@media only screen and (max-width: 1024px) {
  .h-flex-jc--flex-end__m {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; } }

@media only screen and (max-width: 1024px) {
  .h-flex-jc--space-between__m {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; } }

@media only screen and (max-width: 1024px) {
  .h-flex-jc--space-around__m {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; } }

@media only screen and (max-width: 1024px) {
  .h-flex-jc--space-evenly__m {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important; } }

@media only screen and (min-width: 1025px) {
  .h-flex-jc--start__d {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: start !important; } }

@media only screen and (min-width: 1025px) {
  .h-flex-jc--center__d {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; } }

@media only screen and (min-width: 1025px) {
  .h-flex-jc--flex-end__d {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; } }

@media only screen and (min-width: 1025px) {
  .h-flex-jc--space-between__d {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; } }

@media only screen and (min-width: 1025px) {
  .h-flex-jc--space-around__d {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; } }

@media only screen and (min-width: 1025px) {
  .h-flex-jc--space-evenly__d {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important; } }

@media only screen and (min-width: 769px) {
  .h-flex-jc--start__sm {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: start !important; } }

@media only screen and (min-width: 769px) {
  .h-flex-jc--center__sm {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; } }

@media only screen and (min-width: 769px) {
  .h-flex-jc--flex-end__sm {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; } }

@media only screen and (min-width: 769px) {
  .h-flex-jc--space-between__sm {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; } }

@media only screen and (min-width: 769px) {
  .h-flex-jc--space-around__sm {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; } }

@media only screen and (min-width: 769px) {
  .h-flex-jc--space-evenly__sm {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important; } }

@media only screen and (min-width: 1200px) {
  .h-flex-jc--start__l {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: start !important; } }

@media only screen and (min-width: 1200px) {
  .h-flex-jc--center__l {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; } }

@media only screen and (min-width: 1200px) {
  .h-flex-jc--flex-end__l {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; } }

@media only screen and (min-width: 1200px) {
  .h-flex-jc--space-between__l {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; } }

@media only screen and (min-width: 1200px) {
  .h-flex-jc--space-around__l {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; } }

@media only screen and (min-width: 1200px) {
  .h-flex-jc--space-evenly__l {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important; } }

@media only screen and (min-width: 1500px) {
  .h-flex-jc--start__xl {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: start !important; } }

@media only screen and (min-width: 1500px) {
  .h-flex-jc--center__xl {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; } }

@media only screen and (min-width: 1500px) {
  .h-flex-jc--flex-end__xl {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; } }

@media only screen and (min-width: 1500px) {
  .h-flex-jc--space-between__xl {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; } }

@media only screen and (min-width: 1500px) {
  .h-flex-jc--space-around__xl {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; } }

@media only screen and (min-width: 1500px) {
  .h-flex-jc--space-evenly__xl {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important; } }

@media only screen and (min-width: 2000px) {
  .h-flex-jc--start__xxl {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: start !important; } }

@media only screen and (min-width: 2000px) {
  .h-flex-jc--center__xxl {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; } }

@media only screen and (min-width: 2000px) {
  .h-flex-jc--flex-end__xxl {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; } }

@media only screen and (min-width: 2000px) {
  .h-flex-jc--space-between__xxl {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; } }

@media only screen and (min-width: 2000px) {
  .h-flex-jc--space-around__xxl {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; } }

@media only screen and (min-width: 2000px) {
  .h-flex-jc--space-evenly__xxl {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important; } }

.h-float--left {
  float: right !important; }

.h-float--right {
  float: left !important; }

@media only screen and (min-width: 576px) {
  .h-float--left__xs {
    float: right !important; } }

@media only screen and (min-width: 576px) {
  .h-float--right__xs {
    float: left !important; } }

@media only screen and (max-width: 1024px) {
  .h-float--left__m {
    float: right !important; } }

@media only screen and (max-width: 1024px) {
  .h-float--right__m {
    float: left !important; } }

@media only screen and (min-width: 1025px) {
  .h-float--left__d {
    float: right !important; } }

@media only screen and (min-width: 1025px) {
  .h-float--right__d {
    float: left !important; } }

@media only screen and (min-width: 769px) {
  .h-float--left__sm {
    float: right !important; } }

@media only screen and (min-width: 769px) {
  .h-float--right__sm {
    float: left !important; } }

@media only screen and (min-width: 1200px) {
  .h-float--left__l {
    float: right !important; } }

@media only screen and (min-width: 1200px) {
  .h-float--right__l {
    float: left !important; } }

@media only screen and (min-width: 1500px) {
  .h-float--left__xl {
    float: right !important; } }

@media only screen and (min-width: 1500px) {
  .h-float--right__xl {
    float: left !important; } }

@media only screen and (min-width: 2000px) {
  .h-float--left__xxl {
    float: right !important; } }

@media only screen and (min-width: 2000px) {
  .h-float--right__xxl {
    float: left !important; } }

.h-float-clear--none {
  clear: none !important; }

.h-float-clear--left {
  clear: right !important; }

.h-float-clear--right {
  clear: left !important; }

.h-float-clear--both {
  clear: both !important; }

@media only screen and (min-width: 576px) {
  .h-float-clear--none__xs {
    clear: none !important; } }

@media only screen and (min-width: 576px) {
  .h-float-clear--left__xs {
    clear: right !important; } }

@media only screen and (min-width: 576px) {
  .h-float-clear--right__xs {
    clear: left !important; } }

@media only screen and (min-width: 576px) {
  .h-float-clear--both__xs {
    clear: both !important; } }

@media only screen and (max-width: 1024px) {
  .h-float-clear--none__m {
    clear: none !important; } }

@media only screen and (max-width: 1024px) {
  .h-float-clear--left__m {
    clear: right !important; } }

@media only screen and (max-width: 1024px) {
  .h-float-clear--right__m {
    clear: left !important; } }

@media only screen and (max-width: 1024px) {
  .h-float-clear--both__m {
    clear: both !important; } }

@media only screen and (min-width: 1025px) {
  .h-float-clear--none__d {
    clear: none !important; } }

@media only screen and (min-width: 1025px) {
  .h-float-clear--left__d {
    clear: right !important; } }

@media only screen and (min-width: 1025px) {
  .h-float-clear--right__d {
    clear: left !important; } }

@media only screen and (min-width: 1025px) {
  .h-float-clear--both__d {
    clear: both !important; } }

@media only screen and (min-width: 769px) {
  .h-float-clear--none__sm {
    clear: none !important; } }

@media only screen and (min-width: 769px) {
  .h-float-clear--left__sm {
    clear: right !important; } }

@media only screen and (min-width: 769px) {
  .h-float-clear--right__sm {
    clear: left !important; } }

@media only screen and (min-width: 769px) {
  .h-float-clear--both__sm {
    clear: both !important; } }

@media only screen and (min-width: 1200px) {
  .h-float-clear--none__l {
    clear: none !important; } }

@media only screen and (min-width: 1200px) {
  .h-float-clear--left__l {
    clear: right !important; } }

@media only screen and (min-width: 1200px) {
  .h-float-clear--right__l {
    clear: left !important; } }

@media only screen and (min-width: 1200px) {
  .h-float-clear--both__l {
    clear: both !important; } }

@media only screen and (min-width: 1500px) {
  .h-float-clear--none__xl {
    clear: none !important; } }

@media only screen and (min-width: 1500px) {
  .h-float-clear--left__xl {
    clear: right !important; } }

@media only screen and (min-width: 1500px) {
  .h-float-clear--right__xl {
    clear: left !important; } }

@media only screen and (min-width: 1500px) {
  .h-float-clear--both__xl {
    clear: both !important; } }

@media only screen and (min-width: 2000px) {
  .h-float-clear--none__xxl {
    clear: none !important; } }

@media only screen and (min-width: 2000px) {
  .h-float-clear--left__xxl {
    clear: right !important; } }

@media only screen and (min-width: 2000px) {
  .h-float-clear--right__xxl {
    clear: left !important; } }

@media only screen and (min-width: 2000px) {
  .h-float-clear--both__xxl {
    clear: both !important; } }

.h-flex-flex--1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

.h-flex-column-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

@-webkit-keyframes slideUpAnimation-3 {
  0% {
    -webkit-transform: translateY(-0px);
            transform: translateY(-0px); }
  33.33333% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  66.66667% {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px); }
  100% {
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px); } }

@keyframes slideUpAnimation-3 {
  0% {
    -webkit-transform: translateY(-0px);
            transform: translateY(-0px); }
  33.33333% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  66.66667% {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px); }
  100% {
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px); } }

@-webkit-keyframes slideUpAnimation-2 {
  0% {
    -webkit-transform: translateY(-0px);
            transform: translateY(-0px); }
  50% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  100% {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px); } }

@keyframes slideUpAnimation-2 {
  0% {
    -webkit-transform: translateY(-0px);
            transform: translateY(-0px); }
  50% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  100% {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px); } }

@-webkit-keyframes slideUpAnimation-3-mobile {
  0% {
    -webkit-transform: translateY(-0px);
            transform: translateY(-0px); }
  33.33333% {
    -webkit-transform: translateY(-17px);
            transform: translateY(-17px); }
  66.66667% {
    -webkit-transform: translateY(-34px);
            transform: translateY(-34px); }
  100% {
    -webkit-transform: translateY(-51px);
            transform: translateY(-51px); } }

@keyframes slideUpAnimation-3-mobile {
  0% {
    -webkit-transform: translateY(-0px);
            transform: translateY(-0px); }
  33.33333% {
    -webkit-transform: translateY(-17px);
            transform: translateY(-17px); }
  66.66667% {
    -webkit-transform: translateY(-34px);
            transform: translateY(-34px); }
  100% {
    -webkit-transform: translateY(-51px);
            transform: translateY(-51px); } }

@-webkit-keyframes slideUpAnimation-2-mobile {
  0% {
    -webkit-transform: translateY(-0px);
            transform: translateY(-0px); }
  50% {
    -webkit-transform: translateY(-17px);
            transform: translateY(-17px); }
  100% {
    -webkit-transform: translateY(-34px);
            transform: translateY(-34px); } }

@keyframes slideUpAnimation-2-mobile {
  0% {
    -webkit-transform: translateY(-0px);
            transform: translateY(-0px); }
  50% {
    -webkit-transform: translateY(-17px);
            transform: translateY(-17px); }
  100% {
    -webkit-transform: translateY(-34px);
            transform: translateY(-34px); } }

@-webkit-keyframes slideUpAnimation-3-sticky-price {
  0% {
    -webkit-transform: translateY(-0px);
            transform: translateY(-0px); }
  33.33333% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px); }
  66.66667% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  100% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px); } }

@keyframes slideUpAnimation-3-sticky-price {
  0% {
    -webkit-transform: translateY(-0px);
            transform: translateY(-0px); }
  33.33333% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px); }
  66.66667% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  100% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px); } }

@-webkit-keyframes slideUpAnimation-2-sticky-price {
  0% {
    -webkit-transform: translateY(-0px);
            transform: translateY(-0px); }
  50% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px); }
  100% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); } }

@keyframes slideUpAnimation-2-sticky-price {
  0% {
    -webkit-transform: translateY(-0px);
            transform: translateY(-0px); }
  50% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px); }
  100% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); } }

.css-animation-slideUp-3 {
  -webkit-animation: slideUpAnimation-3 infinite 7.5s ease;
          animation: slideUpAnimation-3 infinite 7.5s ease; }
  @media (max-width: 1024.98px) {
    .css-animation-slideUp-3 {
      -webkit-animation: slideUpAnimation-3-mobile infinite 7.5s ease;
              animation: slideUpAnimation-3-mobile infinite 7.5s ease; } }
  .sticky-price .css-animation-slideUp-3 {
    -webkit-animation: slideUpAnimation-3-sticky-price infinite 7.5s ease;
            animation: slideUpAnimation-3-sticky-price infinite 7.5s ease; }

.css-animation-slideUp-2 {
  -webkit-animation: slideUpAnimation-2 infinite 5s ease;
          animation: slideUpAnimation-2 infinite 5s ease; }
  @media (max-width: 1024.98px) {
    .css-animation-slideUp-2 {
      -webkit-animation: slideUpAnimation-2-mobile infinite 5s ease;
              animation: slideUpAnimation-2-mobile infinite 5s ease; } }
  .sticky-price .css-animation-slideUp-2 {
    -webkit-animation: slideUpAnimation-2-sticky-price infinite 5s ease;
            animation: slideUpAnimation-2-sticky-price infinite 5s ease; }