@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-right: 1px solid #dee2e6 !important; }

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

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

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

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

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

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

.border-x {
  border-left: 1px solid #dee2e6 !important;
  border-right: 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-right: 1px solid #dee2e6 !important; }
  .border-sm-bottom {
    border-bottom: 1px solid #dee2e6 !important; }
  .border-sm-left {
    border-left: 1px solid #dee2e6 !important; }
  .border-sm-top-0 {
    border-top: 0 !important; }
  .border-sm-right-0 {
    border-right: 0 !important; }
  .border-sm-bottom-0 {
    border-bottom: 0 !important; }
  .border-sm-left-0 {
    border-left: 0 !important; }
  .border-sm-x {
    border-left: 1px solid #dee2e6 !important;
    border-right: 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-right: 1px solid #dee2e6 !important; }
  .border-md-bottom {
    border-bottom: 1px solid #dee2e6 !important; }
  .border-md-left {
    border-left: 1px solid #dee2e6 !important; }
  .border-md-top-0 {
    border-top: 0 !important; }
  .border-md-right-0 {
    border-right: 0 !important; }
  .border-md-bottom-0 {
    border-bottom: 0 !important; }
  .border-md-left-0 {
    border-left: 0 !important; }
  .border-md-x {
    border-left: 1px solid #dee2e6 !important;
    border-right: 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-right: 1px solid #dee2e6 !important; }
  .border-lg-bottom {
    border-bottom: 1px solid #dee2e6 !important; }
  .border-lg-left {
    border-left: 1px solid #dee2e6 !important; }
  .border-lg-top-0 {
    border-top: 0 !important; }
  .border-lg-right-0 {
    border-right: 0 !important; }
  .border-lg-bottom-0 {
    border-bottom: 0 !important; }
  .border-lg-left-0 {
    border-left: 0 !important; }
  .border-lg-x {
    border-left: 1px solid #dee2e6 !important;
    border-right: 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-right: 1px solid #dee2e6 !important; }
  .border-xl-bottom {
    border-bottom: 1px solid #dee2e6 !important; }
  .border-xl-left {
    border-left: 1px solid #dee2e6 !important; }
  .border-xl-top-0 {
    border-top: 0 !important; }
  .border-xl-right-0 {
    border-right: 0 !important; }
  .border-xl-bottom-0 {
    border-bottom: 0 !important; }
  .border-xl-left-0 {
    border-left: 0 !important; }
  .border-xl-x {
    border-left: 1px solid #dee2e6 !important;
    border-right: 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-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 0.625rem;
  padding-right: 0.625rem; }
  @media (min-width: 768px) {
    .container {
      padding-left: 2.125rem;
      padding-right: 2.125rem; } }
  @media (min-width: 1025px) {
    .container {
      padding-left: 1.875rem;
      padding-right: 1.875rem; } }
  @media (min-width: 1440px) {
    .container {
      max-width: 1600px; } }

.container-fluid, .container-xl {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 0.625rem;
  padding-right: 0.625rem; }
  @media (min-width: 768px) {
    .container-fluid, .container-xl {
      padding-left: 2.125rem;
      padding-right: 2.125rem; } }
  @media (min-width: 1025px) {
    .container-fluid, .container-xl {
      padding-left: 1.875rem;
      padding-right: 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-left: -0.3125rem;
  margin-right: -0.3125rem; }
  @media (min-width: 768px) {
    .row {
      margin-left: -0.625rem;
      margin-right: -0.625rem; } }
  @media (min-width: 1025px) {
    .row {
      margin-left: -0.9375rem;
      margin-right: -0.9375rem; } }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 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-left: 0.3125rem;
  padding-right: 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-left: 0.625rem;
      padding-right: 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-left: 0.9375rem;
      padding-right: 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-left: 8.33333%; }

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

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

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

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

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

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

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

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

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

.offset-11 {
  margin-left: 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-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 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-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 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-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 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-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 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-right: 1px solid #dee2e6 !important; }

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

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

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

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

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

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

.border-left-0 {
  border-left: 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-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important; }

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

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

.rounded-left {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-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;
    left: 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: left !important; }

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

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

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

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

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

@media (min-width: 1440px) {
  .float-xl-left {
    float: left !important; }
  .float-xl-right {
    float: right !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: sticky !important; }

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

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

@supports (position: sticky) {
  .sticky-top {
    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;
  right: 0;
  bottom: 0;
  left: 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-right: 0 !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-auto,
.mx-auto {
  margin-left: 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-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 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-right: 0.25rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 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-right: 0.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 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-right: 1rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 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-right: 1.5rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 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-right: 3rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 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-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 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-right: 0.25rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 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-right: 0.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 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-right: 1rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 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-right: 1.5rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 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-right: 3rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 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-right: -0.25rem !important; }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -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-right: -0.5rem !important; }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -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-right: -1rem !important; }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important; }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -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-right: -1.5rem !important; }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -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-right: -3rem !important; }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important; }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -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-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: 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-right: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 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-right: 0.25rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 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-right: 0.5rem !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 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-right: 1rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 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-right: 1.5rem !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 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-right: 3rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 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-right: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 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-right: 0.25rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: 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-right: 0.5rem !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: 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-right: 1rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3,
  .px-md-3 {
    padding-left: 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-right: 1.5rem !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4,
  .px-md-4 {
    padding-left: 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-right: 3rem !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: 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-right: -0.25rem !important; }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -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-right: -0.5rem !important; }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -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-right: -1rem !important; }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important; }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -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-right: -1.5rem !important; }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -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-right: -3rem !important; }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important; }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -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-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: 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-right: 0 !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 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-right: 0.25rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 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-right: 0.5rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 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-right: 1rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 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-right: 1.5rem !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 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-right: 3rem !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 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-right: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 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-right: 0.25rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 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-right: 0.5rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 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-right: 1rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 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-right: 1.5rem !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 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-right: 3rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 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-right: -0.25rem !important; }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -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-right: -0.5rem !important; }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -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-right: -1rem !important; }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important; }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -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-right: -1.5rem !important; }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -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-right: -3rem !important; }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important; }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -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-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: 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-right: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 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-right: 0.25rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 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-right: 0.5rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 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-right: 1rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 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-right: 1.5rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 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-right: 3rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 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-right: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 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-right: 0.25rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 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-right: 0.5rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 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-right: 1rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 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-right: 1.5rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 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-right: 3rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 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-right: -0.25rem !important; }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -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-right: -0.5rem !important; }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -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-right: -1rem !important; }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important; }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -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-right: -1.5rem !important; }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -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-right: -3rem !important; }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important; }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -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-right: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: 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: left !important; }

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

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

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

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

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

@media (min-width: 1440px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !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 {
  left: 0; }

.carousel-control-next {
  right: 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;
  left: 15%;
  padding-bottom: 20px;
  padding-top: 20px;
  position: absolute;
  right: 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;
  left: 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-left: 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: left;
  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-right: 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: ltr;
  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: left;
  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-left: 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: left; }

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-left::before {
  content: ""; }

.icon-arrow-right::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:ignore*/; }

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

.outline-none {
  outline: none; }

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

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

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

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

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

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

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

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

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

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

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

.no-margin-xl {
  margin-left: 0;
  margin-right: 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-right: 1rem; } }

.opacity-background {
  position: relative;
  z-index: 1; }
  .opacity-background::before {
    background: #fff;
    content: "";
    height: 100%;
    left: 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, left bottom, left 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, left top, left 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, left bottom, left 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, left top, left 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%;
  left: 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-left: 0;
  list-style: none; }

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

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

.list-default {
  padding-left: 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;
  right: 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 {
      right: 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 2.5rem 1.0625rem 0.625rem;
  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 3.125rem 1.0625rem 1.875rem; } }
  @media (max-width: 767.98px) {
    .accordion-button.m-secondary {
      font-size: 0.9375rem; } }
  .accordion-button.additional-info-btn {
    text-align: left;
    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 3.125rem 1.5625rem 1.5625rem;
    text-transform: none; }
  .accordion-button-wrapper.m-tertiary .accordion-icon {
    right: 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 2.5rem 1.25rem 1.25rem; } }
    .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 {
        right: 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: left; }
  .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; } }

.address-error-messages {
  position: fixed;
  bottom: 80px;
  left: 0;
  right: 0;
  z-index: 1050;
  pointer-events: none;
  margin: 0 16px; }
  @media (max-width: 1024.98px) {
    .address-error-messages {
      bottom: 60px; } }
  @media (max-width: 1024.98px) {
    .address-error-messages.feedback-toast {
      position: fixed;
      bottom: 110px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      width: 90%;
      max-width: 500px;
      margin: 0;
      z-index: 1060; } }

.address-error-alert {
  background-color: #04061b;
  color: #fff;
  padding: 16px 20px;
  margin: 0 auto 8px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  max-width: 600px;
  margin-bottom: -30px !important;
  font-size: 12px;
  line-height: 14px;
  pointer-events: auto;
  border: none;
  border-radius: 12px; }
  @media (max-width: 1024.98px) {
    .address-error-alert {
      max-width: 100%;
      margin: 0 2px -2px 2px !important;
      padding: 20px 16px;
      font-size: 13px; } }

/* 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;
  right: 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;
      right: 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.5rem 1rem 0; }
    .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: none /*rtl:scaleX(-1)*/;
              transform: none /*rtl:scaleX(-1)*/; }
    .breadcrumb-item:last-child::after {
      display: none; }
  .breadcrumb-link {
    margin-right: 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-right: 1.25rem;
  position: relative;
  width: 7.5rem; }
  @media (min-width: 1025px) {
    .card-image-wrapper {
      padding-right: 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;
  left: 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-right: 0.625rem; }
  @media (min-width: 576px) {
    .card-variation-name {
      margin-right: 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-right: 1.875rem; }

.card-label {
  margin-bottom: 0.625rem;
  margin-right: 0.625rem;
  min-width: 4.0625rem; }
  @media (min-width: 576px) {
    .card-label {
      margin-right: 0;
      min-width: auto; } }

@media (min-width: 576px) {
  .card-price {
    min-width: 7.5rem;
    margin-right: 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-left: 1.5625rem;
  position: relative; }

.card-cod-icon {
  font-size: 1.125rem;
  left: 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;
  right: 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;
    right: 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 /*rtl:ignore*/;
  text-align: left /*rtl: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-right: 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-right: 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-right: 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;
    left: 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%;
    left: 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;
      left: 0;
      overflow: hidden;
      position: absolute;
      top: 0;
      width: 17px; }
  @media (min-width: 1025px) {
    .card .item-image {
      margin-right: 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;
      left: 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%;
      left: 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;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 17px; }

.card .item-image.m-small {
  margin-right: 1.875rem;
  min-width: 6.25rem;
  width: 6.25rem; }
  @media (max-width: 1024.98px) {
    .card .item-image.m-small {
      margin-right: 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%;
      left: 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-right: 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 0.375rem 0.375rem 0; }
    .carousel-control.plp-arrows.m-next {
      border-radius: 0.375rem 0 0 0.375rem; }
  .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;
    left: 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 {
    left: 0.625rem; }
    @media (min-width: 1025px) {
      .carousel-control.m-prev {
        left: 5.3125rem; } }
    .carousel-control.m-prev.plp-arrows {
      left: 0; }
    .carousel-control.m-prev.pdp-arrows {
      left: 0.625rem !important; }
  .carousel-control.m-next {
    left: auto;
    right: 0.625rem; }
    @media (min-width: 1025px) {
      .carousel-control.m-next {
        right: 5.3125rem; } }
    .carousel-control.m-next.plp-arrows {
      right: 0; }
    .carousel-control.m-next.pdp-arrows {
      right: 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 {
      left: 0; }
      @media (min-width: 1025px) {
        .carousel.m-horizontal-carousel .carousel-control.m-prev {
          left: -0.9375rem; } }
    .carousel.m-horizontal-carousel .carousel-control.m-next {
      right: 0; }
      @media (min-width: 1025px) {
        .carousel.m-horizontal-carousel .carousel-control.m-next {
          right: -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;
  left: 1.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
  pointer-events: auto;
  position: absolute;
  right: 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 {
    left: 0.3125rem; }
  .carousel.m-secondary .carousel-control.m-next {
    right: 0.3125rem; }
  .carousel.m-secondary .slick-slide {
    line-height: 0;
    position: relative;
    -webkit-transform-origin: center center 0;
            transform-origin: center center 0; }

.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 {
    left: 0; }
  .product-carousel-inner .carousel-control.m-next {
    right: -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;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

@media (max-width: 767.98px) {
  .pdp-carousel {
    width: 100vw;
    position: relative;
    left: 48%;
    margin-left: -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; } }

.carousel-hero-container .slick-track:has(> .carousel-item.m-hero-item:first-child:last-child) {
  width: 100% !important; }

.carousel-hero-container .slick-track:has(> .carousel-item.m-hero-item:first-child:last-child) > .carousel-item.m-hero-item {
  width: 100% !important;
  margin-right: 0 !important; }

.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;
    left: 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%;
    left: 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;
      left: 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%;
    left: 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;
      left: 0;
      padding: 0.8125rem 0.625rem 0.9375rem;
      position: absolute;
      right: 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;
      left: 0;
      padding: 0.625rem 0;
      right: 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-right: 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;
    left: 0;
    right: 0;
    padding: 1.5rem;
    background: -webkit-gradient(linear, left top, left 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;
  left: 0;
  padding: 0.625rem 0;
  position: fixed;
  right: 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-left: 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-right: 5rem; }
    @media (min-width: 768px) {
      .consent-tracking.m-secondary .consent-tracking-content {
        padding-right: 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-right: 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;
      right: 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;
    left: 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;
      left: 0;
      position: absolute;
      right: 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-right: 0.9375rem; }
    @media (min-width: 768px) {
      .gift-wrap-button::before {
        padding-right: 1.25rem; } }

.gift-wrap-details {
  position: relative; }

.gift-wrap-totals {
  bottom: 0;
  position: absolute;
  right: 0.9375rem;
  width: 100%; }

.gift-wrap-message {
  font-size: 0.9375rem;
  line-height: 1.25;
  padding-left: 3.125rem;
  position: relative; }
  .gift-wrap-message-icon {
    font-size: 2.25rem;
    left: 0;
    position: absolute; }
  .gift-wrap-message .m-size {
    font-size: 0.8125rem; }

.gift-wrap .alert-info {
  margin-left: 2.1875rem; }
  .gift-wrap .alert-info:last-child {
    margin-bottom: 1.25rem; }

.highlights-banner-new {
  margin: 25px 0 !important; }
  .highlights-banner-new .highlight-header .h2 {
    color: #051f2f;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px; }
    @media (min-width: 1025px) {
      .highlights-banner-new .highlight-header .h2 {
        font-size: 43px;
        font-weight: 600;
        line-height: 40px;
        margin-bottom: 30px; } }
  .highlights-banner-new .banner-list-3 {
    display: none;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
    margin: 0; }
    @media (min-width: 768px) {
      .highlights-banner-new .banner-list-3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    .highlights-banner-new .banner-list-3 .banner-item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
      padding: 0;
      border: 1px solid #c2c2c2;
      border-radius: 16px; }
      @media (min-width: 768px) {
        .highlights-banner-new .banner-list-3 .banner-item {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 calc(33.333% - 14px);
                  flex: 0 0 calc(33.333% - 14px);
          max-width: calc(33.333% - 14px); } }
      .highlights-banner-new .banner-list-3 .banner-item a {
        display: block;
        text-decoration: none;
        color: inherit; }
  .highlights-banner-new .carousel-hero-container {
    display: block;
    padding: 0;
    margin-right: -10px; }
    @media (min-width: 768px) {
      .highlights-banner-new .carousel-hero-container {
        display: none; } }
    .highlights-banner-new .carousel-hero-container .slick-track {
      padding: 0 0 10px 0; }
    .highlights-banner-new .carousel-hero-container .highlight-carousel-item {
      height: 210px;
      width: 168px;
      border: 1px solid #c2c2c2;
      border-radius: 16px;
      margin-left: 8px;
      -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
              box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
      .highlights-banner-new .carousel-hero-container .highlight-carousel-item:first-child {
        margin-left: 0; }
      .highlights-banner-new .carousel-hero-container .highlight-carousel-item .banner-item {
        border: 1px solid #c2c2c2;
        border-radius: 16px;
        margin: 0;
        max-width: 100%; }
  .highlights-banner-new .slick-dots {
    display: none !important; }
  .highlights-banner-new .highlight-image-wrapper {
    width: 100%;
    height: 168px;
    overflow: hidden;
    margin-bottom: 12px; }
    @media (min-width: 1025px) {
      .highlights-banner-new .highlight-image-wrapper {
        height: 400px; } }
  .highlights-banner-new .highlight-image {
    width: 100%;
    height: 100%;
    border-radius: 16px 16px 0 0;
    display: block; }
  .highlights-banner-new .highlight-text {
    text-align: left; }
    .highlights-banner-new .highlight-text h3 {
      font-size: 12px;
      line-height: 15px;
      padding: 0 12px; }
      @media (min-width: 1025px) {
        .highlights-banner-new .highlight-text h3 {
          font-size: 24px;
          font-weight: 700;
          line-height: 40px;
          margin: 0;
          color: #051f2f;
          padding: 0 30px 12px 30px; } }

.section-divider {
  background-color: #dbe3e8; }
  @media (max-width: 1439.98px) {
    .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) {
    .section-divider {
      margin: 23px -10px; } }
  @media (max-width: 1439.98px) {
    .section-divider--bottom {
      margin-top: 0.8125rem; } }

.shop-the-look-container .section-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  color: #000; }
  @media (min-width: 768px) {
    .shop-the-look-container .section-title {
      font-size: 26px;
      font-weight: 700; } }

.shop-the-look-container .shop-the-look-mobile .slick-list {
  padding-left: 0;
  overflow: hidden; }

.shop-the-look-container .shop-the-look-mobile .slick-slide {
  margin-right: 10px;
  margin-bottom: 10px;
  width: 160px !important; }

.shop-the-look-container .shop-the-look-mobile .shop-look-card {
  border: none;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  background-color: #fff;
  aspect-ratio: 160 / 247;
  height: auto; }
  .shop-the-look-container .shop-the-look-mobile .shop-look-card.main-card .main-look-img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 6px;
    display: block; }
  .shop-the-look-container .shop-the-look-mobile .shop-look-card.main-card .view-items-btn {
    position: absolute;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: #4a004a;
    color: #fff;
    border: none;
    border-radius: 5px;
    width: 117px;
    padding: 8px 0;
    text-align: center;
    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;
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    z-index: 2;
    height: 18px; }
    .shop-the-look-container .shop-the-look-mobile .shop-look-card.main-card .view-items-btn:hover {
      background-color: #310031;
      color: #fff;
      text-decoration: none; }
  .shop-the-look-container .shop-the-look-mobile .shop-look-card.product-card {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .shop-the-look-container .shop-the-look-mobile .shop-look-card.product-card .card-img-wrapper {
      position: relative;
      padding: 8px 10px 0 10px;
      border-radius: 11px 11px 0 0; }
      .shop-the-look-container .shop-the-look-mobile .shop-look-card.product-card .card-img-wrapper.product-tile-image-link {
        border-radius: 11px 11px 0 0; }
        .shop-the-look-container .shop-the-look-mobile .shop-look-card.product-card .card-img-wrapper.product-tile-image-link::before {
          display: none; }
        .shop-the-look-container .shop-the-look-mobile .shop-look-card.product-card .card-img-wrapper.product-tile-image-link::after {
          content: none; }
        .shop-the-look-container .shop-the-look-mobile .shop-look-card.product-card .card-img-wrapper.product-tile-image-link.image-load-error::before {
          display: block; }
        .shop-the-look-container .shop-the-look-mobile .shop-look-card.product-card .card-img-wrapper.product-tile-image-link .best-seller-badge {
          position: absolute;
          top: 15px !important;
          left: 15px !important;
          background-color: #4dd4ac;
          color: #000;
          font-size: 8px;
          font-weight: 600;
          padding: 3px 8px;
          border-radius: 4px;
          z-index: 5;
          text-transform: capitalize;
          margin-right: 5px; }
      .shop-the-look-container .shop-the-look-mobile .shop-look-card.product-card .card-img-wrapper img {
        width: 100%;
        height: auto;
        aspect-ratio: 140 / 164;
        -o-object-fit: cover;
           object-fit: cover;
        display: block;
        mix-blend-mode: multiply;
        border-radius: 12px; }
    .shop-the-look-container .shop-the-look-mobile .shop-look-card.product-card .card-body {
      padding: 10px 12px;
      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;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
      .shop-the-look-container .shop-the-look-mobile .shop-look-card.product-card .card-body .product-name {
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 6px;
        color: #333;
        line-height: 1.3;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; }
        .shop-the-look-container .shop-the-look-mobile .shop-look-card.product-card .card-body .product-name a {
          color: inherit;
          text-decoration: none; }
      .shop-the-look-container .shop-the-look-mobile .shop-look-card.product-card .card-body .product-footer {
        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;
        margin-top: auto; }
        .shop-the-look-container .shop-the-look-mobile .shop-look-card.product-card .card-body .product-footer .price {
          font-size: 12px;
          font-weight: 700;
          color: #000;
          line-height: 160%;
          gap: 3px; }
        .shop-the-look-container .shop-the-look-mobile .shop-look-card.product-card .card-body .product-footer .btn-icon-cart {
          background: transparent;
          border: none;
          color: #333;
          font-size: 1.1rem;
          padding: 0; }

.shop-the-look-container .shop-the-look-desktop .shop-the-look-inner {
  border-top: 4px solid #f5f5f5;
  padding-top: 20px; }

.shop-the-look-container .shop-the-look-desktop .shop-look-image-col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 52%;
          flex: 0 0 52%;
  max-width: 52%;
  margin: 0 7px 0 15px;
  -webkit-transition: max-width 0.3s ease, -webkit-flex-basis 0.3s ease;
  transition: max-width 0.3s ease, -webkit-flex-basis 0.3s ease;
  transition: flex-basis 0.3s ease, max-width 0.3s ease;
  transition: flex-basis 0.3s ease, max-width 0.3s ease, -webkit-flex-basis 0.3s ease, -ms-flex-preferred-size 0.3s ease; }
  .shop-the-look-container .shop-the-look-desktop .shop-look-image-col.product-tile-image-link {
    aspect-ratio: auto;
    background-color: transparent; }
    .shop-the-look-container .shop-the-look-desktop .shop-look-image-col.product-tile-image-link::after {
      content: none; }
  html[dir="rtl"] .shop-the-look-container .shop-the-look-desktop .shop-look-image-col {
    margin: 0 15px 0 7px; }
  @media (min-width: 1150px) and (max-width: 1350px) {
    .shop-the-look-container .shop-the-look-desktop .shop-look-image-col {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 40%;
              flex: 0 0 40%;
      max-width: 40%; } }
  @media (min-width: 992px) and (max-width: 1149px) {
    .shop-the-look-container .shop-the-look-desktop .shop-look-image-col {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 57%;
              flex: 0 0 57%;
      max-width: 57%; } }

.shop-the-look-container .shop-the-look-desktop .shop-look-products-col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 42%;
          flex: 0 0 42%;
  max-width: 42%;
  -webkit-transition: max-width 0.3s ease, -webkit-flex-basis 0.3s ease;
  transition: max-width 0.3s ease, -webkit-flex-basis 0.3s ease;
  transition: flex-basis 0.3s ease, max-width 0.3s ease;
  transition: flex-basis 0.3s ease, max-width 0.3s ease, -webkit-flex-basis 0.3s ease, -ms-flex-preferred-size 0.3s ease; }
  @media (min-width: 1150px) and (max-width: 1350px) {
    .shop-the-look-container .shop-the-look-desktop .shop-look-products-col {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 56%;
              flex: 0 0 56%;
      max-width: 56%; } }
  @media (min-width: 992px) and (max-width: 1149px) {
    .shop-the-look-container .shop-the-look-desktop .shop-look-products-col {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 36%;
              flex: 0 0 36%;
      max-width: 36%; } }
  .shop-the-look-container .shop-the-look-desktop .shop-look-products-col .row {
    margin-left: -7.5px;
    margin-right: -7.5px;
    height: 483px; }
  .shop-the-look-container .shop-the-look-desktop .shop-look-products-col .col-6 {
    padding-left: 7.5px;
    padding-right: 7.5px; }
    .shop-the-look-container .shop-the-look-desktop .shop-look-products-col .col-6:nth-last-child(-n+2) {
      margin-bottom: 0 !important; }
  .shop-the-look-container .shop-the-look-desktop .shop-look-products-col .swatch-scroll-arrow.left {
    left: -6px; }
    html[dir="rtl"] .shop-the-look-container .shop-the-look-desktop .shop-look-products-col .swatch-scroll-arrow.left {
      left: auto;
      right: -6px;
      -webkit-transform: translateY(-50%) rotate(180deg);
              transform: translateY(-50%) rotate(180deg); }
  .shop-the-look-container .shop-the-look-desktop .shop-look-products-col .swatch-scroll-arrow.right {
    right: -6px; }
    html[dir="rtl"] .shop-the-look-container .shop-the-look-desktop .shop-look-products-col .swatch-scroll-arrow.right {
      right: auto;
      left: -6px;
      -webkit-transform: translateY(-50%) rotate(180deg);
              transform: translateY(-50%) rotate(180deg); }

.shop-the-look-container .shop-the-look-desktop .shop-look-main-image-wrapper {
  border-radius: 12px;
  overflow: hidden; }
  .shop-the-look-container .shop-the-look-desktop .shop-look-main-image-wrapper img {
    -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; }
  .shop-the-look-container .shop-the-look-desktop .shop-look-main-image-wrapper:hover img {
    -webkit-transform: scale(1.02);
            transform: scale(1.02); }
  .shop-the-look-container .shop-the-look-desktop .shop-look-main-image-wrapper .view-items-btn {
    width: 90%;
    max-width: 275px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: #4a004a;
    color: #fff;
    border: none;
    padding: 10px 0;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    z-index: 2;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    text-align: center;
    border-radius: 12px;
    height: 36px; }
    .shop-the-look-container .shop-the-look-desktop .shop-look-main-image-wrapper .view-items-btn:hover {
      background-color: #310031; }

.shop-the-look-container .shop-the-look-desktop .product-scroll {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(2, auto);
  grid-auto-columns: 171px;
  overflow-x: auto;
  overflow-y: hidden;
  margin-right: -17px;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  row-gap: 15px;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable overlay;
  scrollbar-width: none;
  scrollbar-color: #cfcfcf transparent; }
  html[dir="rtl"] .shop-the-look-container .shop-the-look-desktop .product-scroll {
    margin-right: 0;
    margin-left: -17px; }
  @media (min-width: 992px) and (max-width: 1149px) {
    .shop-the-look-container .shop-the-look-desktop .product-scroll {
      -webkit-column-gap: 15px;
         -moz-column-gap: 15px;
              column-gap: 15px;
      grid-auto-columns: 90%; } }
  .shop-the-look-container .shop-the-look-desktop .product-scroll::-webkit-scrollbar {
    display: none; }
  .shop-the-look-container .shop-the-look-desktop .product-scroll::-webkit-scrollbar-track {
    background: transparent; }
  .shop-the-look-container .shop-the-look-desktop .product-scroll::-webkit-scrollbar-thumb {
    background-color: #d0d0d0;
    border-radius: 10px; }

.shop-the-look-container .shop-the-look-desktop .product-scroll > .col-6 {
  width: 171px;
  max-width: 171px;
  min-width: 171px;
  padding: 0;
  margin: 0; }
  @media (min-width: 992px) and (max-width: 1149px) {
    .shop-the-look-container .shop-the-look-desktop .product-scroll > .col-6 {
      width: 100%;
      max-width: none;
      margin: 0; } }

.shop-the-look-container .shop-the-look-desktop .shop-look-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 160px; }

.shop-the-look-container .shop-the-look-desktop .product-card {
  border: none;
  border-radius: 12px;
  overflow: hidden;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  height: 236px !important; }
  .shop-the-look-container .shop-the-look-desktop .product-card:hover {
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important; }
  .shop-the-look-container .shop-the-look-desktop .product-card .card-img-wrapper {
    padding: 6px 8px; }
    .shop-the-look-container .shop-the-look-desktop .product-card .card-img-wrapper.product-tile-image-link {
      aspect-ratio: auto;
      min-height: 161px; }
      .shop-the-look-container .shop-the-look-desktop .product-card .card-img-wrapper.product-tile-image-link::before {
        display: none; }
      .shop-the-look-container .shop-the-look-desktop .product-card .card-img-wrapper.product-tile-image-link::after {
        content: none; }
      .shop-the-look-container .shop-the-look-desktop .product-card .card-img-wrapper.product-tile-image-link.image-load-error::before {
        display: block;
        font-size: 3rem !important; }
      .shop-the-look-container .shop-the-look-desktop .product-card .card-img-wrapper.product-tile-image-link .best-seller-badge {
        position: absolute;
        top: 15px !important;
        left: 15px !important;
        background-color: #4dd4ac;
        color: #000;
        font-size: 8px;
        font-weight: 600;
        padding: 3px 8px;
        border-radius: 4px;
        z-index: 5;
        text-transform: capitalize;
        margin-right: 5px; }
    .shop-the-look-container .shop-the-look-desktop .product-card .card-img-wrapper img {
      mix-blend-mode: multiply;
      width: 100%;
      aspect-ratio: 1 / 1;
      -o-object-fit: cover;
         object-fit: cover;
      margin: 0 auto;
      display: block;
      border-radius: 12px;
      height: 155px; }
  .shop-the-look-container .shop-the-look-desktop .product-card .product-name {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px !important;
    min-height: 33px; }
    .shop-the-look-container .shop-the-look-desktop .product-card .product-name a {
      color: #333; }
      .shop-the-look-container .shop-the-look-desktop .product-card .product-name a:hover {
        text-decoration: underline; }
  .shop-the-look-container .shop-the-look-desktop .product-card .product-footer {
    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;
    margin-top: auto; }
    .shop-the-look-container .shop-the-look-desktop .product-card .product-footer .price {
      font-size: 12px;
      color: #000;
      font-weight: 700;
      gap: 3px; }
    .shop-the-look-container .shop-the-look-desktop .product-card .product-footer .shop-look-cart-btn {
      width: 30px;
      height: 30px;
      background: #fff;
      color: #dea035;
      border: 1px solid #f0f0f0;
      position: static !important;
      margin: 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%;
      -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
              box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); }
      .shop-the-look-container .shop-the-look-desktop .product-card .product-footer .shop-look-cart-btn:hover {
        background: #fdfdfd; }

@media (min-width: 1025px) {
  .js-shop-the-look-inline-below-rating .shop-the-look-desktop .shop-look-image-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 406px;
            flex: 0 0 406px;
    max-width: 406px; }
  .js-shop-the-look-inline-below-rating .shop-the-look-desktop .shop-look-products-col {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: calc(100% - 406px - 22px); }
    .js-shop-the-look-inline-below-rating .shop-the-look-desktop .shop-look-products-col .row {
      height: 480px; }
  .js-shop-the-look-inline-below-rating .shop-the-look-desktop .shop-look-main-image-wrapper {
    height: 480px; } }

.shop-the-look-banner-wrapper .banner-inner-container {
  border-radius: 16px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border: 1px solid #c2c2c2;
  background-color: #fff; }
  @media (max-width: 1024.98px) {
    .shop-the-look-banner-wrapper .banner-inner-container {
      border: 0.5px solid #4d4d4d; }
      .shop-the-look-banner-wrapper .banner-inner-container .banner-main-image {
        height: 307px;
        position: relative; } }
    @media (max-width: 1024.98px) and (min-width: 576px) {
      .shop-the-look-banner-wrapper .banner-inner-container .banner-main-image {
        height: 500px; } }
  @media (max-width: 1024.98px) {
        .shop-the-look-banner-wrapper .banner-inner-container .banner-main-image img {
          height: 100%;
          width: 100%;
          -o-object-fit: inherit;
             object-fit: inherit;
          border-radius: 0; }
      .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area {
        padding: 16px 15px; }
        .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-title {
          font-size: 18px;
          font-weight: 700;
          line-height: 18px;
          margin-bottom: 3px;
          color: #001f3f; }
        .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-products-container {
          margin-bottom: 16px; }
        .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-product-item {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          border-bottom: 1px solid #d9d9d9;
          padding: 20px 0; }
          .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-product-item:last-child {
            border-bottom: none; }
          .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-product-item .product-img-wrapper {
            width: 82px;
            height: 82px;
            -ms-flex-negative: 0;
                flex-shrink: 0;
            margin-right: 16px;
            background: #f8f8f8;
            border-radius: 8px;
            overflow: hidden; }
            .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-product-item .product-img-wrapper.product-tile-image-link::before {
              display: none !important; }
            .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-product-item .product-img-wrapper.product-tile-image-link::after {
              content: none; }
            .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-product-item .product-img-wrapper.product-tile-image-link.image-load-error::before {
              display: block !important;
              font-size: 1.5rem !important; }
            .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-product-item .product-img-wrapper img {
              width: 100%;
              height: 100%;
              -o-object-fit: cover;
                 object-fit: cover;
              mix-blend-mode: multiply; }
          .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-product-item .product-details {
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1; }
            .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-product-item .product-details .product-name {
              font-size: 14px;
              font-weight: 500;
              color: #001f3f;
              text-decoration: none;
              margin-bottom: 6px;
              display: block;
              line-height: 1.4; }
            .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-product-item .product-details .product-price-wrapper {
              font-size: 13px;
              line-height: 14px;
              font-weight: 700;
              color: #000; }
              .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-product-item .product-details .product-price-wrapper .price {
                font-size: 12px;
                gap: 3px; }
              .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-product-item .product-details .product-price-wrapper .list-price {
                text-decoration: line-through;
                font-weight: 400; }
        .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-cta-wrapper {
          margin-top: 3px;
          margin-bottom: 7px; }
      .shop-the-look-banner-wrapper .banner-inner-container .banner-cta-btn {
        background-color: #4a004a;
        border-color: #4a004a;
        color: #fff;
        border-radius: 12px;
        padding: 12px;
        font-weight: 600;
        text-transform: none;
        font-size: 14px;
        height: 44px !important;
        width: 100%; }
        .shop-the-look-banner-wrapper .banner-inner-container .banner-cta-btn:hover {
          background-color: #310031;
          border-color: #310031;
          color: #fff; } }
  @media (min-width: 1025px) {
    .shop-the-look-banner-wrapper .banner-inner-container {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      max-height: 457px; }
      .shop-the-look-banner-wrapper .banner-inner-container .banner-main-image {
        width: 38%;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        position: relative; }
        .shop-the-look-banner-wrapper .banner-inner-container .banner-main-image img {
          height: 100%;
          -o-object-fit: inherit;
             object-fit: inherit;
          border-radius: 0; }
      .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area {
        width: 60%;
        padding: 35px 30px;
        margin-left: 1.5%;
        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: flex-start; }
        .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-title {
          font-size: 22px;
          font-weight: 700;
          margin-bottom: 30px !important;
          color: #001f3f;
          line-height: 20px; }
        .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-products-container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          gap: 6%;
          overflow-x: auto;
          margin-bottom: auto;
          padding-bottom: 10px; }
          .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-products-container::-webkit-scrollbar {
            height: 6px; }
          .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-products-container::-webkit-scrollbar-thumb {
            background-color: rgba(0, 0, 0, 0.2);
            border-radius: 4px; }
        .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-product-item {
          width: 20%;
          min-width: 163px;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          background: #fff;
          border: 1px solid #f0f0f0;
          border-radius: 8px;
          padding: 10px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          text-align: left;
          -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
                  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); }
          .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-product-item .product-img-wrapper {
            width: 100%;
            aspect-ratio: 1/1;
            margin-bottom: 10px;
            border-radius: 6px;
            overflow: hidden;
            background: #f8f8f8;
            height: 149px; }
            .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-product-item .product-img-wrapper.product-tile-image-link::before {
              display: none !important; }
            .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-product-item .product-img-wrapper.product-tile-image-link::after {
              content: none; }
            .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-product-item .product-img-wrapper.product-tile-image-link.image-load-error::before {
              display: block !important;
              font-size: 3rem !important; }
            .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-product-item .product-img-wrapper img {
              width: 100%;
              height: 149px;
              -o-object-fit: cover;
                 object-fit: cover;
              mix-blend-mode: multiply; }
          .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-product-item .product-details .product-name {
            font-size: 12px;
            font-weight: 500;
            color: #333;
            line-height: 1.3;
            min-height: 33px;
            overflow: hidden;
            margin-bottom: 8px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            text-decoration: none; }
          .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-product-item .product-details .product-price-wrapper {
            font-size: 12px !important;
            font-weight: 700; }
          .shop-the-look-banner-wrapper .banner-inner-container .banner-content-area .banner-product-item .product-details .price {
            font-size: 12px;
            gap: 3px; }
      .shop-the-look-banner-wrapper .banner-inner-container .banner-cta-btn {
        background-color: #4a004a;
        border-color: #4a004a;
        color: #fff;
        border-radius: 16px;
        padding: 12px;
        font-weight: 600;
        text-transform: none;
        font-size: 16px;
        height: 65px;
        width: 99%;
        margin-top: 20px; }
        .shop-the-look-banner-wrapper .banner-inner-container .banner-cta-btn:hover {
          background-color: #310031;
          border-color: #310031;
          color: #fff; } }

@media (max-width: 1024.98px) {
  .shop-the-look-banner-wrapper .swatch-scroll-wrapper {
    display: block; } }

.shop-the-look-banner-wrapper .banner-scroll-arrow {
  display: none; }
  @media (min-width: 1025px) {
    .shop-the-look-banner-wrapper .banner-scroll-arrow {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

@media (max-width: 1024.98px) {
  .shop-the-look-banner-wrapper .banner-products-container.color-options {
    display: block !important;
    white-space: normal !important;
    overflow: visible !important;
    margin-right: 0 !important;
    margin-left: 0 !important; } }

.shop-the-look-banner-wrapper .swatch-scroll-arrow {
  top: 100px;
  width: 32px;
  height: 32px; }
  .shop-the-look-banner-wrapper .swatch-scroll-arrow.left {
    left: -12px; }
  .shop-the-look-banner-wrapper .swatch-scroll-arrow.right {
    right: -12px; }

.product-primary-image img {
  aspect-ratio: 763 / 657;
  border-radius: 16px; }

@media (min-width: 1025px) {
  .product-detail-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start; } }

@media (min-width: 1025px) {
  .product-detail-grid .product-detail-grid-img-side {
    position: sticky;
    top: 100px;
    -ms-flex-item-align: start;
        align-self: start; } }

@media (max-width: 767.98px) {
  .product-detail-grid .product-detail-grid-img-side .product-primary-image img {
    width: 100% !important; } }

@media (min-width: 1025px) {
  .product-detail-grid .product-detail-grid-title-side {
    position: sticky;
    top: 100px;
    -ms-flex-item-align: start;
        align-self: start; } }

@media (max-width: 1439.98px) {
  .product-detail-grid .product-brand-link {
    font-size: 12px;
    text-decoration: underline;
    font-family: "Montserrat" !important;
    line-height: 22px; } }

.notify-btn {
  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;
  font-size: 13px;
  margin-right: 0.3125rem;
  padding: 0 18px;
  font-weight: 500; }

.product-image-wrapper {
  border: 1px solid #000; }
  .product-image-wrapper.product-tile-image-link.image-load-error::before {
    display: block !important;
    font-size: 1.5rem !important; }

@media (min-width: 1025px) {
  .perks-you-love-section {
    border-bottom: 4px solid #f5f5f5;
    padding: 30px;
    margin-bottom: 40px !important; } }

@media (max-width: 1439.98px) {
  .perks-you-love-section .perk-heading {
    font-size: 21px;
    font-weight: 600;
    line-height: 18px; } }

.perks-you-love-section .perks-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: auto;
  gap: 16px;
  padding-bottom: 10px;
  margin-right: -15px;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .perks-you-love-section .perks-container .perks-container.slick-initialized {
    display: block;
    padding-bottom: 30px;
    margin-right: 0;
    padding-right: 0; }
    .perks-you-love-section .perks-container .perks-container.slick-initialized .perk-card {
      width: auto;
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      margin: 0 8px;
      height: auto; }
      .perks-you-love-section .perks-container .perks-container.slick-initialized .perk-card .perk-content {
        font-weight: 500; }
  @media (min-width: 768px) {
    .perks-you-love-section .perks-container {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 24px;
      overflow-x: visible;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-right: 0;
      padding-right: 0;
      padding-bottom: 0; } }
  .perks-you-love-section .perks-container::-webkit-scrollbar {
    display: none; }

.perks-you-love-section .perk-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 260px;
          flex: 0 0 260px;
  width: 260px;
  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%; }
  @media (min-width: 768px) {
    .perks-you-love-section .perk-card {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      width: auto; } }

.perks-you-love-section .perk-icon-wrapper {
  width: 78px;
  height: 78px;
  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; }
  @media (min-width: 768px) {
    .perks-you-love-section .perk-icon-wrapper {
      width: 90px;
      height: 90px; } }
  .perks-you-love-section .perk-icon-wrapper svg {
    width: 28px;
    height: 28px;
    color: #000; }

.perks-you-love-section .perk-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.perks-you-love-section .perk-title {
  font-size: 14px;
  line-height: 17px;
  font-weight: 500; }
  @media (min-width: 768px) {
    .perks-you-love-section .perk-title {
      font-size: 16px;
      line-height: 20px;
      font-weight: 500; } }

.perks-you-love-section .perk-subtitle {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px; }
  @media (min-width: 768px) {
    .perks-you-love-section .perk-subtitle {
      font-size: 16px;
      line-height: 20px;
      font-weight: 400; } }

.perks-you-love-section .perk-description {
  font-size: 12px;
  line-height: 17px;
  font-weight: 400;
  color: #4d4d4d; }
  @media (min-width: 768px) {
    .perks-you-love-section .perk-description {
      font-size: 14px;
      line-height: 20px;
      font-weight: 400;
      color: #4d4d4d; } }

.address-error-messages {
  position: fixed;
  bottom: 80px;
  left: 0;
  right: 0;
  z-index: 1050;
  pointer-events: none;
  margin: 0 16px; }
  @media (max-width: 1024.98px) {
    .address-error-messages {
      bottom: 60px; } }

.address-error-alert {
  background-color: #04061b;
  color: #fff;
  padding: 16px 20px;
  margin: 0 auto -45px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  max-width: 600px;
  font-size: 12px;
  line-height: 14px;
  pointer-events: auto;
  border: none;
  border-radius: 12px; }
  @media (max-width: 1024.98px) {
    .address-error-alert {
      max-width: 100%;
      margin: 0 0 12px;
      padding: 20px 16px;
      font-size: 13px; } }

.shop-the-look-minicart .minicart-header-wrapper {
  padding: 1.25rem 1rem 0; }
  .shop-the-look-minicart .minicart-header-wrapper .minicart-header {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1rem; }

.shop-the-look-minicart .checkout-continue .btn-primary,
.shop-the-look-minicart .checkout-continue .btn {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #fff !important; }
  .shop-the-look-minicart .checkout-continue .btn-primary:hover, .shop-the-look-minicart .checkout-continue .btn-primary:focus, .shop-the-look-minicart .checkout-continue .btn-primary:active,
  .shop-the-look-minicart .checkout-continue .btn:hover,
  .shop-the-look-minicart .checkout-continue .btn:focus,
  .shop-the-look-minicart .checkout-continue .btn:active {
    background-color: #333 !important;
    border-color: #333 !important; }

.shop-the-look-minicart .line-item-header {
  width: 100%;
  padding-left: 26px; }
  .shop-the-look-minicart .line-item-header .line-item-name {
    font-size: 13px;
    color: #828282;
    padding-top: 16px; }
  .shop-the-look-minicart .line-item-header .line-item-price {
    font-size: 13px; }

.shop-the-look-minicart .card-body .col-3 {
  padding-right: 0 !important; }
  .shop-the-look-minicart .card-body .col-3 img {
    height: 100px;
    margin-top: -9px;
    width: 100px !important;
    max-width: none !important; }

.shop-the-look-minicart .stl-btn-black {
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
  -webkit-box-shadow: inset 0 0 0 0.0625rem #000;
          box-shadow: inset 0 0 0 0.0625rem #000; }
  .shop-the-look-minicart .stl-btn-black:hover, .shop-the-look-minicart .stl-btn-black:active, .shop-the-look-minicart .stl-btn-black:focus {
    background-color: #333 !important;
    border-color: #333 !important;
    color: #fff !important;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none; }

.shop-the-look-minicart .stl-btn-white {
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  -webkit-box-shadow: inset 0 0 0 0.0625rem #000;
          box-shadow: inset 0 0 0 0.0625rem #000; }
  .shop-the-look-minicart .stl-btn-white:hover, .shop-the-look-minicart .stl-btn-white:active, .shop-the-look-minicart .stl-btn-white:focus {
    background-color: #f8f8f8 !important;
    color: #000 !important;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none; }

.shop-look-items-container {
  border: 1px solid #efecf0;
  border-radius: 7px;
  overflow: hidden;
  margin-top: 30px; }
  @media (max-width: 1439.98px) {
    .shop-look-items-container {
      margin-top: 15px; } }
  .shop-look-items-container .product-detail {
    padding-bottom: 0 !important; }
    .shop-look-items-container .product-detail .item-name {
      font-size: 16px;
      font-weight: 500;
      width: 70%; }
      @media (max-width: 767.98px) {
        .shop-look-items-container .product-detail .item-name {
          font-size: 12px; } }
    .shop-look-items-container .product-detail .item-unavailable {
      font-size: 15px; }
      @media (max-width: 767.98px) {
        .shop-look-items-container .product-detail .item-unavailable {
          font-size: 10px; } }
    @media (min-width: 576px) {
      .shop-look-items-container .product-detail .sale-price {
        font-size: 17px; } }
    @media (max-width: 767.98px) {
      .shop-look-items-container .product-detail .sale-price {
        font-size: 10px; } }
    .shop-look-items-container .product-detail .list-price {
      text-decoration: line-through;
      font-size: 15px; }
      @media (max-width: 767.98px) {
        .shop-look-items-container .product-detail .list-price {
          font-size: 10px; } }
  .shop-look-items-container h5 {
    background-color: #efecf0;
    font-size: 1rem;
    margin-bottom: 0;
    padding: 0.75rem 1rem; }
  .shop-look-items-container > div {
    padding: 0 1rem;
    max-height: 500px;
    overflow-y: auto; }
    .shop-look-items-container > div::-webkit-scrollbar {
      width: 6px; }
    .shop-look-items-container > div::-webkit-scrollbar-track {
      background: #f1f1f1;
      border-radius: 3px; }
    .shop-look-items-container > div::-webkit-scrollbar-thumb {
      background: #c1c1c1;
      border-radius: 3px; }
      .shop-look-items-container > div::-webkit-scrollbar-thumb:hover {
        background: #a8a8a8; }

@media (min-width: 1025px) {
  .shop-the-look-pdp-slot {
    margin-top: 4rem; } }

.look-description h4 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 0.625rem; }

.look-description p {
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: normal; }

.complete-collection-container .product-tile-image-link {
  background-color: transparent; }
  .complete-collection-container .product-tile-image-link::before {
    font-size: 3rem !important; }
    @media (max-width: 1024.98px) {
      .complete-collection-container .product-tile-image-link::before {
        font-size: 1.5rem !important; } }

.complete-collection-container .section-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  color: #000; }
  @media (min-width: 768px) {
    .complete-collection-container .section-title {
      font-size: 26px;
      font-weight: 700; } }

.complete-collection-container .price-badge {
  background: linear-gradient(135deg, #ff9500 0%, #ffb84d 100%);
  border-radius: 8px;
  padding: 8px 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-weight: 700;
  color: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(255, 149, 0, 0.3);
          box-shadow: 0 2px 8px rgba(255, 149, 0, 0.3); }
  .complete-collection-container .price-badge .original-price {
    font-size: 18px;
    text-decoration: line-through;
    opacity: 0.9; }
  .complete-collection-container .price-badge .discount-separator {
    font-size: 20px;
    font-weight: 900; }
  .complete-collection-container .price-badge .discounted-price {
    font-size: 22px; }

.complete-collection-container .complete-collection-mobile .collection-header {
  padding: 0 0 10px 0; }

.complete-collection-container .complete-collection-mobile .slick-list {
  padding-left: 0;
  overflow: hidden; }

.complete-collection-container .complete-collection-mobile .slick-slide {
  margin-right: 10px;
  margin-bottom: 10px; }
  @media (min-width: 576px) {
    .complete-collection-container .complete-collection-mobile .slick-slide {
      width: 220px !important; } }

.complete-collection-container .complete-collection-mobile .collection-card {
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  background-color: #fff;
  aspect-ratio: 160 / 280;
  height: auto;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); }
  @media (min-width: 576px) {
    .complete-collection-container .complete-collection-mobile .collection-card {
      aspect-ratio: auto;
      height: 340px; } }
  .complete-collection-container .complete-collection-mobile .collection-card.product-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .complete-collection-container .complete-collection-mobile .collection-card.product-card .product-checkbox-wrapper {
      position: absolute;
      top: 12px;
      right: 0;
      z-index: 10; }
      .complete-collection-container .complete-collection-mobile .collection-card.product-card .product-checkbox-wrapper .custom-control {
        min-height: auto; }
      .complete-collection-container .complete-collection-mobile .collection-card.product-card .product-checkbox-wrapper .custom-control-label {
        cursor: pointer; }
      .complete-collection-container .complete-collection-mobile .collection-card.product-card .product-checkbox-wrapper .fake-checkbox-button.m-checked::before,
      .complete-collection-container .complete-collection-mobile .collection-card.product-card .product-checkbox-wrapper input[type='checkbox']:checked + label::before {
        background-color: #000;
        border-color: #000; }
      .complete-collection-container .complete-collection-mobile .collection-card.product-card .product-checkbox-wrapper .custom-control-input:focus ~ .custom-control-label::before {
        -webkit-box-shadow: none !important;
                box-shadow: none !important; }
      .complete-collection-container .complete-collection-mobile .collection-card.product-card .product-checkbox-wrapper .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #adb5bd; }
    .complete-collection-container .complete-collection-mobile .collection-card.product-card .best-seller-badge {
      position: absolute;
      top: 10px !important;
      left: 15px !important;
      background-color: #4dd4ac;
      color: #000;
      font-size: 8px;
      font-weight: 600;
      padding: 3px 8px;
      border-radius: 4px;
      z-index: 5;
      text-transform: capitalize;
      margin-right: 5px; }
    .complete-collection-container .complete-collection-mobile .collection-card.product-card .card-img-wrapper {
      position: relative;
      padding: 5px;
      border-radius: 11px 11px 0 0;
      aspect-ratio: 140 / 164; }
      .complete-collection-container .complete-collection-mobile .collection-card.product-card .card-img-wrapper .product-img-bg {
        width: 100%;
        height: 0;
        padding-bottom: 117%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        border-radius: 12px; }
      .complete-collection-container .complete-collection-mobile .collection-card.product-card .card-img-wrapper img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
           object-fit: cover;
        display: block;
        mix-blend-mode: multiply;
        border-radius: 12px; }
    .complete-collection-container .complete-collection-mobile .collection-card.product-card .card-body {
      padding: 10px 12px;
      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;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
      .complete-collection-container .complete-collection-mobile .collection-card.product-card .card-body .product-name {
        font-size: 10px;
        font-weight: 600;
        margin-bottom: 6px;
        color: #333;
        line-height: 1.3;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; }
        @media (min-width: 576px) {
          .complete-collection-container .complete-collection-mobile .collection-card.product-card .card-body .product-name {
            font-size: 13px;
            margin-bottom: 8px; } }
        .complete-collection-container .complete-collection-mobile .collection-card.product-card .card-body .product-name a {
          color: inherit;
          text-decoration: none; }
      .complete-collection-container .complete-collection-mobile .collection-card.product-card .card-body .product-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: auto; }
        .complete-collection-container .complete-collection-mobile .collection-card.product-card .card-body .product-footer .price {
          font-size: 10px;
          font-weight: 700;
          color: #000;
          line-height: 160%;
          gap: 3px; }
          @media (min-width: 576px) {
            .complete-collection-container .complete-collection-mobile .collection-card.product-card .card-body .product-footer .price {
              font-size: 13px; } }

.complete-collection-container .complete-collection-mobile .collection-cta-wrapper {
  margin-top: 16px; }
  .complete-collection-container .complete-collection-mobile .collection-cta-wrapper .collection-add-all-btn {
    background-color: #fff;
    border: 2px solid #000;
    color: #000;
    border-radius: 8px;
    padding: 14px 24px;
    font-weight: 600;
    font-size: 10px;
    width: 100%;
    height: 30px; }
    @media (min-width: 576px) {
      .complete-collection-container .complete-collection-mobile .collection-cta-wrapper .collection-add-all-btn {
        font-size: 14px;
        height: 48px; } }
    .complete-collection-container .complete-collection-mobile .collection-cta-wrapper .collection-add-all-btn:disabled {
      opacity: 0.5;
      cursor: not-allowed; }
    .complete-collection-container .complete-collection-mobile .collection-cta-wrapper .collection-add-all-btn .collection-selected-count {
      padding: 0 3px; }

.complete-collection-container .complete-collection-desktop .complete-collection-inner {
  border-top: 4px solid #f5f5f5;
  padding-top: 20px; }

.complete-collection-container .complete-collection-desktop .collection-detail-container {
  max-width: 100%; }

.complete-collection-container .complete-collection-desktop .collection-header {
  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;
  margin-bottom: 20px; }

.complete-collection-container .complete-collection-desktop .collection-products-wrapper {
  position: relative;
  margin-bottom: 20px; }

.complete-collection-container .complete-collection-desktop .collection-products-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch; }
  .complete-collection-container .complete-collection-desktop .collection-products-scroll::-webkit-scrollbar {
    display: none; }

.complete-collection-container .complete-collection-desktop .collection-product-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(33.333% - 8px);
  min-width: 170px;
  max-width: 220px;
  padding-bottom: 10px; }
  @media (min-width: 1025px) {
    .complete-collection-container .complete-collection-desktop .collection-product-item {
      width: calc(33.333% - 8px);
      max-width: 265px; } }

.complete-collection-container .complete-collection-desktop .collection-scroll-arrow {
  position: absolute;
  width: 32px;
  height: 32px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  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;
  cursor: pointer;
  z-index: 10;
  font-size: 24px;
  line-height: 1;
  color: #333;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
  .complete-collection-container .complete-collection-desktop .collection-scroll-arrow:hover {
    background: #f5f5f5;
    border-color: #999; }
  .complete-collection-container .complete-collection-desktop .collection-scroll-arrow:focus {
    outline: none; }
  .complete-collection-container .complete-collection-desktop .collection-scroll-arrow.left {
    left: -16px; }
  .complete-collection-container .complete-collection-desktop .collection-scroll-arrow.right {
    right: -16px; }

.complete-collection-container .complete-collection-desktop .collection-card {
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  overflow: hidden;
  background-color: #fff;
  -webkit-transition: -webkit-box-shadow 0.3s ease, -webkit-transform 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease, -webkit-transform 0.3s ease;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  transition: box-shadow 0.3s ease, transform 0.3s ease, -webkit-box-shadow 0.3s ease, -webkit-transform 0.3s ease;
  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;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); }
  .complete-collection-container .complete-collection-desktop .collection-card .product-checkbox-wrapper {
    position: absolute;
    top: 20px;
    right: 12px;
    z-index: 20; }
    .complete-collection-container .complete-collection-desktop .collection-card .product-checkbox-wrapper .custom-control {
      min-height: auto; }
    .complete-collection-container .complete-collection-desktop .collection-card .product-checkbox-wrapper .custom-control-label {
      cursor: pointer; }
    .complete-collection-container .complete-collection-desktop .collection-card .product-checkbox-wrapper .custom-control-label::before {
      border-radius: 4px;
      background-color: #fff;
      border: 1px solid #adb5bd; }
    .complete-collection-container .complete-collection-desktop .collection-card .product-checkbox-wrapper .custom-control-input:checked ~ .custom-control-label::before {
      background-color: #000;
      border-color: #000; }
    .complete-collection-container .complete-collection-desktop .collection-card .product-checkbox-wrapper .custom-control-input:focus ~ .custom-control-label::before {
      -webkit-box-shadow: none !important;
              box-shadow: none !important; }
    .complete-collection-container .complete-collection-desktop .collection-card .product-checkbox-wrapper .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
      border-color: #adb5bd; }
  .complete-collection-container .complete-collection-desktop .collection-card .best-seller-badge {
    position: absolute;
    top: 15px !important;
    left: 15px !important;
    background-color: #4dd4ac;
    color: #000;
    font-size: 10px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 4px;
    z-index: 5;
    text-transform: capitalize; }
  .complete-collection-container .complete-collection-desktop .collection-card .card-img-wrapper {
    position: relative;
    padding: 10px;
    text-align: center; }
    .complete-collection-container .complete-collection-desktop .collection-card .card-img-wrapper a {
      position: relative;
      z-index: 1; }
    .complete-collection-container .complete-collection-desktop .collection-card .card-img-wrapper .product-img-bg {
      width: 100%;
      height: 0;
      padding-bottom: 100%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      display: block;
      border-radius: 8px; }
    .complete-collection-container .complete-collection-desktop .collection-card .card-img-wrapper img {
      width: 100%;
      height: auto;
      aspect-ratio: 1 / 1;
      -o-object-fit: cover;
         object-fit: cover;
      margin: 0 auto;
      display: block;
      border-radius: 8px;
      mix-blend-mode: multiply;
      max-height: 160px; }
  .complete-collection-container .complete-collection-desktop .collection-card .card-body {
    padding: 12px 16px 16px 16px;
    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; }
    .complete-collection-container .complete-collection-desktop .collection-card .card-body .product-name {
      font-size: 13px;
      font-weight: 500;
      line-height: 1.3;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical;
      margin-bottom: 8px;
      min-height: 34px; }
      .complete-collection-container .complete-collection-desktop .collection-card .card-body .product-name a {
        color: #333;
        text-decoration: none; }
        .complete-collection-container .complete-collection-desktop .collection-card .card-body .product-name a:hover {
          text-decoration: underline; }
    .complete-collection-container .complete-collection-desktop .collection-card .card-body .product-footer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-top: auto; }
      .complete-collection-container .complete-collection-desktop .collection-card .card-body .product-footer .price {
        font-size: 13px;
        color: #000;
        font-weight: 700;
        -webkit-box-pack: start !important;
            -ms-flex-pack: start !important;
                justify-content: flex-start !important;
        gap: 5px; }

.complete-collection-container .complete-collection-desktop .collection-cta-wrapper {
  margin-top: 20px;
  text-align: center; }
  .complete-collection-container .complete-collection-desktop .collection-cta-wrapper .collection-add-all-btn {
    background-color: #fff;
    border: 2px solid #000;
    color: #000;
    border-radius: 17px;
    padding: 14px 32px;
    font-weight: 600;
    font-size: 14px;
    width: 100%;
    height: 50px;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .complete-collection-container .complete-collection-desktop .collection-cta-wrapper .collection-add-all-btn:disabled {
      opacity: 0.5;
      cursor: not-allowed;
      -webkit-transform: none;
              transform: none; }
    .complete-collection-container .complete-collection-desktop .collection-cta-wrapper .collection-add-all-btn .collection-selected-count {
      padding: 0 3px; }

.complete-collection-desktop .card-img-wrapper a .product-img-bg {
  pointer-events: none; }

.complete-collection-banner .collection-selected-count {
  padding: 0 3px; }

.complete-collection-banner .banner-main-image {
  background-color: #f9f9f9;
  border-radius: 10.43px;
  position: relative;
  position: relative;
  display: block; }
  .complete-collection-banner .banner-main-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; }
  .complete-collection-banner .banner-main-image::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #ccc;
    font-size: 3.75rem; }
    @media (min-width: 768px) {
      .complete-collection-banner .banner-main-image::before {
        font-size: 5rem; } }
    @media (min-width: 1025px) {
      .complete-collection-banner .banner-main-image::before {
        font-size: 6.25rem; } }
  .complete-collection-banner .banner-main-image::after {
    content: '';
    display: block;
    padding-top: 100%; }
  .complete-collection-banner .banner-main-image img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    color: transparent; }
    .complete-collection-banner .banner-main-image img::before {
      background-color: #f9f9f9;
      content: '';
      height: 17px;
      left: 0;
      overflow: hidden;
      position: absolute;
      top: 0;
      width: 17px; }
  .complete-collection-banner .banner-main-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: 2; }
  .complete-collection-banner .banner-main-image::after {
    content: '';
    display: block;
    padding-top: 100%; }

.complete-collection-banner .banner-products-container {
  gap: 2% !important; }

@media (min-width: 1440px) {
  .complete-collection-banner .banner-product-item {
    min-width: 163px !important; } }

.complete-collection-banner .banner-product-item .product-img-wrapper.product-tile-image-link {
  position: relative; }
  .complete-collection-banner .banner-product-item .product-img-wrapper.product-tile-image-link::before {
    display: none !important;
    z-index: 0 !important; }
  .complete-collection-banner .banner-product-item .product-img-wrapper.product-tile-image-link.image-load-error::before {
    display: block !important; }
  .complete-collection-banner .banner-product-item .product-img-wrapper.product-tile-image-link a {
    position: relative;
    z-index: 1; }

.complete-collection-banner .banner-product-item .product-tile-image {
  background-color: #f9f9f9;
  border-radius: 10.43px;
  position: relative;
  /*stylelint-disable-next-line*/
  aspect-ratio: 1;
  position: relative;
  display: block;
  margin: 0 !important; }
  .complete-collection-banner .banner-product-item .product-tile-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; }
  .complete-collection-banner .banner-product-item .product-tile-image::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #ccc;
    font-size: 3rem; }
    @media (min-width: 768px) {
      .complete-collection-banner .banner-product-item .product-tile-image::before {
        font-size: 4.125rem; } }
    @media (min-width: 1025px) {
      .complete-collection-banner .banner-product-item .product-tile-image::before {
        font-size: 5.75rem; } }
  .complete-collection-banner .banner-product-item .product-tile-image::after {
    content: '';
    display: block;
    padding-top: 100%; }
  .complete-collection-banner .banner-product-item .product-tile-image img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    color: transparent; }
    .complete-collection-banner .banner-product-item .product-tile-image img::before {
      background-color: #f9f9f9;
      content: '';
      height: 17px;
      left: 0;
      overflow: hidden;
      position: absolute;
      top: 0;
      width: 17px; }
  .complete-collection-banner .banner-product-item .product-tile-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 6px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; }
  .complete-collection-banner .banner-product-item .product-tile-image::after {
    padding: 0 !important; }

.complete-collection-banner .banner-product-item .product-checkbox-wrapper {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  min-height: 172px; }
  .complete-collection-banner .banner-product-item .product-checkbox-wrapper .custom-control {
    min-height: auto;
    padding-left: 0;
    top: 10px; }
  .complete-collection-banner .banner-product-item .product-checkbox-wrapper .product-details {
    padding-right: 40px; }
  .complete-collection-banner .banner-product-item .product-checkbox-wrapper .custom-control-label::before {
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #adb5bd; }
  .complete-collection-banner .banner-product-item .product-checkbox-wrapper .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #000;
    border-color: #000; }

@media (max-width: 1024.98px) {
  .complete-collection-banner .banner-product-item .product-checkbox-wrapper {
    position: absolute;
    top: 20px;
    right: -10px; }
  .complete-collection-banner .banner-product-item .product-name-wrapper {
    width: 85%; } }

.complete-collection-banner .banner-plus-separator {
  display: none;
  padding-top: 120px; }
  @media (min-width: 1025px) {
    .complete-collection-banner .banner-plus-separator {
      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: 22px;
      font-weight: 400;
      color: #000;
      width: 22px;
      height: 22px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      line-height: 1; } }

@media (max-width: 1024.98px) {
  .complete-collection-banner .swatch-scroll-arrow,
  .complete-collection-banner .banner-scroll-arrow {
    display: none !important; } }

.js-complete-the-collection-inline-desktop .complete-collection-banner .banner-inner-container {
  height: 372px; }

.js-complete-the-collection-inline-desktop .complete-collection-banner .banner-main-image {
  height: 372px; }

.js-complete-the-collection-inline-desktop .complete-collection-banner .banner-content-area {
  padding: 24px 10px; }
  .js-complete-the-collection-inline-desktop .complete-collection-banner .banner-content-area .banner-title {
    font-size: 17px; }
  .js-complete-the-collection-inline-desktop .complete-collection-banner .banner-content-area .banner-product-item {
    min-width: 124px !important;
    width: 124px;
    height: 183px;
    padding: 7px !important; }
  .js-complete-the-collection-inline-desktop .complete-collection-banner .banner-content-area .product-details .product-name {
    display: block;
    font-size: 10.5px !important;
    margin-bottom: 4px;
    min-height: 28px !important;
    line-height: 12px; }

.js-complete-the-collection-inline-desktop .complete-collection-banner .banner-products-container {
  gap: 9px !important;
  scrollbar-width: none;
  -ms-overflow-style: none; }
  .js-complete-the-collection-inline-desktop .complete-collection-banner .banner-products-container::-webkit-scrollbar {
    display: none; }

.js-complete-the-collection-inline-desktop .complete-collection-banner .banner-product-item {
  min-width: 124px !important;
  width: 124px;
  height: 183px;
  padding: 7px; }
  .js-complete-the-collection-inline-desktop .complete-collection-banner .banner-product-item .product-checkbox-wrapper {
    top: 4px;
    right: 0; }

.js-complete-the-collection-inline-desktop .complete-collection-banner .product-img-wrapper {
  height: 120px; }

.js-complete-the-collection-inline-desktop .complete-collection-banner .product-name-wrapper .product-name {
  font-size: 10.5px !important;
  margin-bottom: 4px !important;
  min-height: 28px !important;
  line-height: 12px; }

.js-complete-the-collection-inline-desktop .complete-collection-banner .product-price-wrapper .sale-price,
.js-complete-the-collection-inline-desktop .complete-collection-banner .product-price-wrapper .list-price {
  font-size: 10.5px;
  line-height: 16px; }

.js-complete-the-collection-inline-desktop .complete-collection-banner .banner-cta-btn {
  height: 48px; }

.ctc-toast-message {
  position: fixed;
  top: auto;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #05051e;
  color: #fff;
  padding: 16px 20px;
  border-radius: 12px;
  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;
  gap: 20px;
  z-index: 1050;
  width: 600px;
  max-width: 90%;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  pointer-events: none;
  line-height: 14px;
  font-size: 12px; }
  .ctc-toast-message.show {
    opacity: 1;
    pointer-events: auto; }
  .ctc-toast-message .toast-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.3px; }
  .ctc-toast-message .toast-icon {
    background-color: #fff;
    color: #05051e;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    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: 10px;
    font-weight: bold;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .ctc-toast-message .view-cart-link {
    color: #fff;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap; }
    .ctc-toast-message .view-cart-link:hover {
      color: #d0d0d0;
      text-decoration: underline; }
  @media (max-width: 1024.98px) {
    .ctc-toast-message {
      top: auto;
      bottom: 80px;
      width: 90%;
      min-width: 0;
      border-radius: 12px;
      padding: 20px 16px; } }

.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;
  left: 0.625rem;
  min-width: 1.1875rem;
  padding: 0 0.125rem;
  position: absolute;
  line-height: 1;
  top: -0.5rem; }

.minicart-icon {
  padding-right: 0.5625rem; }

.minicart-message {
  font-weight: 700;
  padding-left: 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-left: 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;
  left: 0;
  outline: 0;
  overflow: hidden;
  position: fixed;
  right: 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;
    left: 0;
    position: fixed;
    right: 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;
    right: 0.625rem;
    top: 0.625rem; }
    @media (min-width: 768px) {
      .modal .close {
        right: 1.25rem;
        top: 1.25rem; } }
    .modal .close.m-secondary {
      top: 1.875rem; }
      @media (min-width: 768px) {
        .modal .close.m-secondary {
          right: 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-right: 1.0625rem; } }
    @media (min-width: 1025px) {
      .modal-open .header-main.m-sticky {
        margin-right: 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;
    right: 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-left: 0;
      padding-right: 0; }
    .navigation [class*="col-"],
    .navigation .col {
      padding-left: 0;
      padding-right: 0;
      position: static; }
    .navigation .row {
      margin-left: 0;
      margin-right: 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.625rem 0.9375rem 1.875rem; }
    @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%;
    left: 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.625rem 0 0;
    font-size: 1.125rem;
    -webkit-transform: scaleX(-1) /*rtl:none*/;
            transform: scaleX(-1) /*rtl: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-left: 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-left: 0.625rem;
    margin-right: 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;
      left: 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-left: 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: '';
      left: 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;
      left: 0;
      position: absolute;
      right: 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 3.125rem 1rem 1.875rem;
    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;
    left: 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-right: 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;
    left: 0;
    opacity: 0;
    padding: 1.5rem 2.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 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%;
      left: 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;
      left: 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 3.125rem 0 1.875rem;
    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;
      right: 1.875rem;
      top: 50%;
      font-size: 1.125rem;
      -webkit-transform: translateY(-50%) /*rtl:append:scaleX(-1)*/;
              transform: translateY(-50%) /*rtl:append: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;
        left: 0;
        width: 0.1875rem;
        margin-left: -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;
    left: 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 3.125rem 1rem 1.875rem;
      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; }

.promotional-banner-new {
  margin: 0 !important; }
  .promotional-banner-new .pdp-banner-height {
    height: 18.75rem;
    width: 100%;
    display: block;
    border-radius: 0.5625rem; }
  @media (max-width: 767.98px) {
    .promotional-banner-new .pdp-banner-height {
      height: 10.1875rem;
      border-radius: 0.5625rem; } }
  .promotional-banner-new .banner-list-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.8125rem;
    margin: 0.9375rem 0 1.5625rem 0; }
    @media (max-width: 1024.98px) {
      .promotional-banner-new .banner-list-2 {
        gap: 0.8125rem;
        margin: 0.9375rem 0 1.0625rem 0; } }
    @media (min-width: 1025px) {
      .promotional-banner-new .banner-list-2 {
        gap: 1.25rem; } }
    .promotional-banner-new .banner-list-2 .banner-item {
      padding: 0 !important; }
      @media (max-width: 1024.98px) {
        .promotional-banner-new .banner-list-2 .banner-item {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%;
          max-width: 100%; }
          .promotional-banner-new .banner-list-2 .banner-item:last-child {
            margin-bottom: 0; } }
      @media (min-width: 1025px) {
        .promotional-banner-new .banner-list-2 .banner-item {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 calc(50% - 10px);
                  flex: 0 0 calc(50% - 10px);
          max-width: calc(50% - 10px); } }
      .promotional-banner-new .banner-list-2 .banner-item a {
        display: block;
        height: 100%; }

/*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;
  left: auto;
  max-width: 29.375rem;
  min-height: 6.25rem;
  min-width: 29.375rem;
  position: fixed;
  right: -100%;
  top: 0;
  z-index: 50; }
  @media (max-width: 767.98px) {
    .popover {
      min-width: 22.5rem; } }
  .popover.show {
    right: 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;
    left: 0;
    position: fixed;
    right: 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-right: 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-right: 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"; }

.short-address-tooltip-container {
  position: relative;
  display: inline-block;
  cursor: pointer; }
  .short-address-tooltip-container .question-icon {
    width: 16px;
    height: 16px; }
    @media (max-width: 1024.98px) {
      .short-address-tooltip-container .question-icon {
        width: 16px;
        height: 16px; } }

.short-address-tooltip-text {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  position: absolute;
  top: -25px;
  left: 28px;
  background: #000;
  color: #fff;
  padding: 10px 14px;
  border-radius: 8px;
  width: 250px;
  z-index: 999;
  font-size: 13px;
  line-height: 16px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); }
  .short-address-tooltip-text a {
    font-size: 10px;
    line-height: 15px;
    text-decoration: underline;
    font-weight: 400 !important;
    color: #00c2ff; }
  @media (max-width: 1024.98px) {
    .short-address-tooltip-text {
      width: 210px !important;
      font-size: 12px !important;
      font-weight: 400 !important;
      line-height: 1.2;
      border-radius: 6px;
      top: -18px;
      left: 25px; }
      .short-address-tooltip-text a {
        font-size: 10px !important;
        line-height: 12px !important; } }
  .short-address-tooltip-text::after {
    content: "";
    position: absolute;
    left: -17px;
    top: 20px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #000 transparent transparent; }
    @media (max-width: 1024.98px) {
      .short-address-tooltip-text::after {
        left: -17px;
        top: 13px;
        border-width: 12px;
        border-color: transparent #000 transparent transparent; } }

.short-address-tooltip-container:hover .short-address-tooltip-text {
  visibility: visible;
  opacity: 1; }

@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;
      right: 0;
      top: 0;
      width: 0.0625rem; } }

@media (min-width: 1440px) {
  .sidebar-nav {
    margin-left: 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;
    right: -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-right: 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-left: 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-right: 1.25rem;
    margin-right: 1.25rem;
    border-right: 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-right: 0.9375rem;
        margin-right: 0.9375rem; } }
    @media (max-width: 767.98px) {
      .slider-component-items-parent {
        width: 6.25rem;
        padding-right: 0.625rem;
        margin-right: 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 {
    left: 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;
    right: 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: left;
    cursor: pointer; }
    .social-new-dropdown-link:hover {
      background-color: #efecf0;
      text-decoration: none; }

.social-new-icon {
  width: 20px;
  height: 20px;
  margin-right: 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;
  left: 50%;
  margin: -1.125rem 0 0 -1.125rem;
  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%;
    left: -12.5%;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: top center;
            transform-origin: top center;
    width: 150%; }

.veil {
  height: 100%;
  left: 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%;
    left: 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;
    left: 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 1.625rem 0.6875rem 1rem; }
      @media (min-width: 768px) {
        .subscribe-form-group .subscribe-input {
          font-size: 0.9375rem;
          padding: 0.9375rem 1.875rem 0.9375rem 1.25rem; } }
  .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-right: 0.625rem; }
    .subscribe-button::after {
      margin-left: 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-left: 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;
    left: 0;
    margin-top: 0.625rem;
    max-width: 100%;
    min-width: 9.375rem;
    padding: 0.625rem;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000; }
  .tooltip-parent.tooltip-active::before {
    border-bottom: 0.3125rem solid #eba140;
    border-left: 0.3125rem solid transparent;
    border-right: 0.3125rem solid transparent;
    bottom: -0.625rem;
    content: '';
    display: block;
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 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 {
    left: auto;
    right: 0; }
  .tooltip-parent.m-left .tooltip {
    left: 0;
    right: 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;
  left: 0;
  right: 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;
  left: 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-left: 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: left; }

.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-left: 0.75rem solid #8f52a0; }

.filter-refinements-result {
  overflow-y: auto;
  scrollbar-color: #eba140 #efecf0;
  scrollbar-width: thin;
  border-left: 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%;
  left: 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;
    right: 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-right: 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-right: 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: left;
  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-left: 3.625rem;
    text-align: left; }
    .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;
      left: 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-left: 3.625rem;
    text-align: left; }
    .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;
      left: 1.25rem;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .alert-info.m-secondary {
      background-color: transparent;
      font-style: italic;
      left: 0;
      margin-bottom: 0;
      padding: 0.375rem 1.25rem 0.375rem 2rem; }
      .alert-info.m-secondary::before {
        color: #828282;
        left: 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-left: 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%;
    left: 0;
    padding: 1.875rem 0.9375rem;
    position: absolute;
    right: 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-left: 0.3125rem;
    padding-right: 0.3125rem;
    margin: 0 0 0.3125rem;
    text-align: center; }
    @media (min-width: 768px) {
      .banner-item {
        padding-left: 0.625rem;
        padding-right: 0.625rem; } }
    @media (min-width: 1025px) {
      .banner-item {
        padding-left: 0.9375rem;
        padding-right: 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%;
      left: 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: left; }
  .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-left: -0.3125rem;
    margin-right: -0.3125rem; }
    @media (min-width: 768px) {
      .banner-list {
        margin-left: -0.625rem;
        margin-right: -0.625rem; } }
    @media (min-width: 1025px) {
      .banner-list {
        margin-left: -0.9375rem;
        margin-right: -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-left: 0;
      padding-right: 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: left;
    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: left; } }
  .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-left: 0;
      padding-right: 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%;
    left: 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-left: 13px; }
      @media only screen and (max-width: 1024px) {
        .b-bnr__content-cta-holder--horizontal, .b-bnr__content-cta-link-holder--horizontal {
          margin-left: 0; } }
  .b-bnr .b-bnr__content-cta {
    min-width: 160px; }
  .b-bnr__overlay-link {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 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-left: auto;
      margin-right: 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 {
    right: 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 {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  .b-bnr.m-content-pos--left .b-bnr__content {
    left: 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 {
    left: 0;
    top: 0; }
  .b-bnr.m-content-pos--bottomleft .b-bnr__content {
    bottom: 0;
    left: 0; }
  .b-bnr.m-content-pos--topright .b-bnr__content {
    right: 0;
    top: 0; }
  .b-bnr.m-content-pos--bottomright .b-bnr__content {
    bottom: 0;
    right: 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-left: 0;
      padding-right: 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-left: auto;
      margin-right: 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-right: 4.6875em; } }
  .b-bnr.m-content-pos--sideleft.b-bnr--image-padding .b-bnr__inner {
    margin-left: 0;
    margin-right: 0; }
  @media only screen and (min-width: 1025px) {
    .b-bnr.m-content-pos--sideright.b-bnr--image-padding {
      padding-left: 4.6875em; } }
  .b-bnr.m-content-pos--sideright.b-bnr--image-padding .b-bnr__inner {
    margin-left: 0;
    margin-right: 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-left: 0;
      padding-right: 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-left: -0.25em;
      margin-right: -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-left: -1.25em;
      margin-right: -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-left: 0.25em;
      padding-right: 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-left: 1.25em;
      padding-right: 1.25em; } }
  .b-bnr.m-content-pos--sideleft .b-bnr__content, .b-bnr.m-content-pos--sideright .b-bnr__content {
    margin-left: auto;
    margin-right: 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-left: 0.25em;
          padding-right: 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-left: 1.25em;
        padding-right: 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;
    clip-path: inset(0 0 0 0);
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1; }
  .b-bnr--layered .b-bnr__text-layer-content {
    left: 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-left: 45px; }
      .b-plaintext__picture.h-float--left {
        margin-right: 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-right: 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;
    left: 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;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.b-link--icon {
  font-size: 0.875rem; }
  .b-link--icon .b-icon {
    font-size: 1rem;
    margin-right: 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-left: 0.3125rem; }
    .cart-items::after {
      content: "\200E"; }
    @media (min-width: 576px) {
      .cart-items {
        font-size: 1.0625rem;
        padding-left: 0.625rem; } }
    @media (min-width: 1025px) {
      .cart-items {
        padding-left: 1.25rem; } }
  .cart-cod {
    color: #828282;
    margin-bottom: 1.875rem;
    padding-left: 1.5625rem;
    position: relative; }
  .cart-cod-icon {
    font-size: 1.125rem;
    left: 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 0 0 1.25rem; } }
  .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 3.125rem 0 0;
        text-align: left; } }
  .cart-promo-content {
    text-align: center; }
    @media (min-width: 576px) {
      .cart-promo-content {
        text-align: left;
        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-right: 0.625rem; }
  .footer-store-locator-button::after {
    margin-left: 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-right: 0.0625rem solid #ccc;
    padding: 0 1.125rem 0 0; }
    @media (min-width: 1025px) and (max-width: 1439.98px) {
      .footer-help-text-wrapper {
        padding: 0 0.5rem 0 0; } }
  .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-right: 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;
  left: 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-left: 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: '';
    left: 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;
  left: 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;
  left: 0.625rem;
  line-height: inherit;
  margin-left: -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;
    right: 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% - 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 1.875rem 0.6875rem 0.9375rem;
  width: 100%; }
  .custom-select select::-ms-expand {
    display: none; }
  .product-detail .custom-select select {
    padding: 0.6rem 1.875rem 0.6rem 0.9375rem;
    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% - 0.5rem);
  padding-left: 0.625rem;
  padding-right: 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-left: 0.9375rem;
  margin-bottom: 0.625rem;
  position: relative;
  text-align: left; }
  .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 {
    left: 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: left;
  display: block; }

.form-group {
  margin-bottom: 1.25rem;
  /*&.required {
        .form-control-label {
            @include required-sign;
        }
    }*/ }

.custom-control {
  position: relative; }

.form-required-label {
  padding-left: 0.5rem;
  position: relative;
  display: table;
  margin-bottom: 0.9375rem;
  margin-left: auto; }
  .form-required-label::before {
    color: #e94f54;
    content: '*';
    font-weight: 700;
    left: 0;
    position: absolute;
    top: 0; }

.form-field-description,
.form-text {
  font-size: 10px;
  color: #344153;
  font-weight: 500;
  text-align: left; }

.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: left;
    display: block; }
  .form-select-container .helper-text {
    font-size: 10px;
    color: #344153;
    font-weight: 500;
    text-align: left; }
  .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.75rem 0 0 0.75rem;
      padding: 0.75rem;
      text-align: center;
      border-right: 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 0.75rem 0.75rem 0;
      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 0.75rem 0.75rem 0; }
      .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.75rem 0 0 0.75rem; }
      @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-right: none;
        border-radius: 0.75rem 0 0 0.75rem; }
      .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-left: none;
        border-radius: 0 0.75rem 0.75rem 0; }
  .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: left;
    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: left; }
  .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: left;
    display: block; }
  .form-dropdown-container .helper-text {
    font-size: 10px;
    color: #344153;
    font-weight: 500;
    text-align: left; }
  .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 0.5rem 0.75rem;
      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-left: 0.0625rem solid #c2c2c2; }
    .form-dropdown-container .custom-dropdown-content {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      right: 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, left top, right top, color-stop(40%, #ccc), color-stop(20%, #fff));
    background-image: linear-gradient(to right, #ccc 40%, #fff 20%);
    background-position: center 0;
    background-repeat: repeat-x;
    background-size: 0.625rem 0.0625rem;
    content: '';
    height: 0.0625rem;
    left: 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-right: 0.625rem; }
  .btn-primary::after {
    margin-left: 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-right: 0.625rem; }
    .btn-primary.variant-purple::after {
      margin-left: 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-right: 0.625rem; }
    .btn-primary.variant-black::after {
      margin-left: 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-right: 0.625rem; }
  .btn-secondary::after {
    margin-left: 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-right: 0.625rem; }
    .btn-secondary.variant-purple::after {
      margin-left: 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-right: 0.625rem; }
  .btn-tertiary::after {
    margin-left: 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-right: 0.625rem; }
    .btn-tertiary.variant-purple::after {
      margin-left: 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-right: 0.625rem; }
  .btn-primary-small::after {
    margin-left: 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-right: 0.625rem; }
    .btn-primary-small.variant-purple::after {
      margin-left: 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-right: 0.625rem; }
  .btn-secondary-small::after {
    margin-left: 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-right: 0.625rem; }
    .btn-secondary-small.variant-purple::after {
      margin-left: 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-right: 0.625rem; }
  .btn-tertiary-small::after {
    margin-left: 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-right: 0.625rem; }
    .btn-tertiary-small.variant-purple::after {
      margin-left: 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-right: 0.625rem; }
  .btn-extra-small::after {
    margin-left: 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-right: 0.625rem; }
    .btn-extra-small.variant-purple::after {
      margin-left: 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-right: 0.625rem; }
  .btn-primary-large::after {
    margin-left: 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-right: 0.625rem; }
    .btn-primary-large.variant-purple::after {
      margin-left: 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-right: 0.625rem; }
  .btn-secondary-large::after {
    margin-left: 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-right: 0.625rem; }
    .btn-secondary-large.variant-purple::after {
      margin-left: 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-right: 0.625rem; }
  .btn-tertiary-large::after {
    margin-left: 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-right: 0.625rem; }
    .btn-tertiary-large.variant-purple::after {
      margin-left: 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-right: 0.625rem; }
  .btn-primary-xlarge::after {
    margin-left: 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-right: 0.625rem; }
    .btn-primary-xlarge.variant-purple::after {
      margin-left: 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-right: 0.625rem; }
  .btn-secondary-xlarge::after {
    margin-left: 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-right: 0.625rem; }
    .btn-secondary-xlarge.variant-purple::after {
      margin-left: 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-right: 0.625rem; }
  .btn-tertiary-xlarge::after {
    margin-left: 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-right: 0.625rem; }
    .btn-tertiary-xlarge.variant-purple::after {
      margin-left: 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;
  right: 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-right: 0;
  background-color: white;
  margin-left: auto;
  width: 43px;
  height: 43px;
  position: absolute;
  right: 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;
    right: 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 {
        right: 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-right: 0;
  background-color: white;
  margin-left: auto;
  position: absolute;
  right: calc(1rem - 10px);
  top: 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;
      right: calc(11px - 8px); } }
  .empty-search-tile .add-to-card-btn {
    font-size: 1rem !important;
    width: 1.875rem;
    height: 1.875rem;
    right: 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;
        right: 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 {
      right: 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-right: 0;
  margin-left: auto;
  position: absolute;
  right: 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 {
      right: 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-right: 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;
    right: 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 0.625rem 0.625rem 1.875rem; }
    @media (min-width: 768px) {
      .header-banner-promo {
        font-size: 0.8125rem;
        padding-left: 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-left: 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-right: 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 {
      right: 0.9375rem; }
    .header-slots .carousel-control.m-prev {
      left: 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-left: 0; }
    .header-utility-item.language-selector {
      position: relative;
      margin-top: 0.25rem;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      border-right: 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-left: 0.9375rem;
      margin-right: 0.3125rem; }
    .header-utility-item.header-login {
      border-right: 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-right: 0.3125rem;
        text-align: center;
        width: 1.5625rem; } }
    .header-utility-icon.m-secondary {
      font-size: inherit;
      margin-right: 0.625rem;
      width: 1.5625rem; }
    .header-utility-icon.flag {
      border-right: 0.0625rem solid #ccc;
      padding-right: 0.625rem;
      width: 1.875rem;
      margin-right: 0.3125rem; }
    .header-utility-icon.icon-user-v2 {
      font-size: 0.8125rem; }
  .header-utility-message {
    margin-left: 0.1875rem;
    max-width: 100%; }
    @media (max-width: 1024.98px) {
      .header-utility-message-item {
        border-right: 0.0625rem solid #ccc;
        display: inline-block;
        margin-right: 0.6875rem;
        padding-right: 0.9375rem; }
        .header-utility-message-item:last-child {
          border-right: none;
          margin-right: 0;
          padding-right: 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;
  right: -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-left: 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: left;
    width: 100%; }
  .order-totals-coupon-toggler-icon {
    font-size: 0.4375rem;
    position: absolute;
    right: 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.625rem 1.25rem 0;
    padding: 0 0 0 1.25rem; }
    @media (max-width: 1024.98px) {
      .order-totals-product-list {
        padding: 0 0.625rem 0 1.25rem; } }
    .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-right: 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-left: 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;
        left: 2.125rem;
        padding: 1.25rem;
        position: fixed;
        width: calc(100% - 4.25rem); } }
    @media (max-width: 767.98px) {
      .order-totals-checkout.m-sticky {
        left: 0.625rem;
        width: calc(100% - 1.25rem); } }
  .order-totals-checkout-icon {
    font-size: 1.1875rem;
    margin: 0 0.3125rem 0 0;
    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-left: 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-left: 0;
  padding-right: 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-left: 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-left: 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-wrapper .position-relative {
      margin-bottom: 16px; }
      @media (max-width: 1439.98px) {
        .product-tile-wrapper .position-relative {
          margin-bottom: 8px; } }
      .product-tile-wrapper .position-relative:has(> div[class*="color-swatch-empty"]) {
        display: none; }
    .product-tile-wrapper .color-swatch {
      margin-bottom: 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;
        left: 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%;
        left: 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;
          left: 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;
    right: 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;
    right: 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: white;
  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 {
  left: 10px;
  top: 10px;
  max-width: 100%; }

.product-tile-image-link .product-badge-discount {
  left: 0;
  z-index: 2;
  bottom: 0; }

.main-image-wrapper .product-badge-discount {
  left: 0;
  position: absolute;
  bottom: 0;
  z-index: 2;
  font-size: 0.9375rem; }

.main-image-wrapper .product-badge-lable {
  left: 0;
  position: absolute;
  bottom: 1.875rem;
  z-index: 2;
  font-size: 0.9375rem;
  max-width: unset; }

.product-set-image .product-badge-discount {
  left: 0.625rem;
  position: absolute;
  top: 0.625rem;
  z-index: 2; }
  @media (min-width: 1025px) {
    .product-set-image .product-badge-discount {
      font-size: 0.8125rem;
      left: 0.3125rem;
      padding: 0.1875rem 0.9375rem 0.25rem;
      top: 0.3125rem; } }

.pdp-side-price .product-badge-discount {
  margin-right: 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-left: 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-right: 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;
      left: 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%;
      left: 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;
        left: 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-left: 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-right: 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-right: 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;
  left: 0;
  position: absolute;
  right: 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-right: 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;
  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 {
  left: 8px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.swatch-scroll-arrow.right {
  right: 8px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.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:hover,
.swatch-scroll-arrow.right:focus {
  -webkit-transform: translateY(-50%) scale(1.1);
          transform: translateY(-50%) scale(1.1); }

.swatch-scroll-arrow.left:active {
  -webkit-transform: translateY(-50%) scale(0.95);
          transform: translateY(-50%) scale(0.95); }

.swatch-scroll-arrow.right: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-left: 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 0 12px 8px;
    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-left: 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-right: 8px; }
    @media (max-width: 1439.98px) {
      .variant-selection-panel .swatch {
        width: 98px;
        height: 67px;
        padding: 8px;
        border-radius: 10px;
        margin-left: 0;
        margin-right: 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;
        left: 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-left: 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-right: 8px; }
    @media (max-width: 1439.98px) {
      .variant-selection-panel .size {
        width: 98px;
        height: 40px;
        padding: 8px;
        border-radius: 10px;
        margin-left: 0;
        margin-right: 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;
        left: 0;
        width: 100%;
        height: 100%; }

.product-details-table {
  margin: 2rem 0;
  border-top: 4px solid #f5f5f5;
  border-bottom: 4px solid #f5f5f5; }
  @media (max-width: 1024.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: 1024.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: 1024.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: left; }
        @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-left: 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: left; }
        .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: #c2c2c2;
          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: right;
          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 20px;
      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: 10px;
        margin-bottom: 12px; }
      .feedback-section .feedback-carousel .feedback-card-actions .btn {
        font-size: 10px;
        padding: 4px 8px;
        border: 1px solid #4e004f;
        border-radius: 8px;
        color: #4e004f;
        height: 30px;
        background: #fff;
        white-space: nowrap; }
      .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: 12px !important;
          width: 11px;
          height: 11px; }
          .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-right: 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:last-of-type {
    border-bottom: none; }
  .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-right: 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 5px 0 -10px;
      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: left;
        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: #c2c2c2;
        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: right;
        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-left: 75px;
        margin-right: 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;
  margin: auto; }
  @media (max-width: 1024.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;
  margin: auto; }
  @media (max-width: 1024.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: 1024.98px) {
  .pdp-fd-form .modal-body {
    margin: 0;
    padding: 0 0 6.25rem;
    overflow-y: auto;
    max-height: calc(100vh - 140px); } }

.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;
    right: 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-right: 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;
    right: 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: 16px; }
    @media (max-width: 1439.98px) {
      .pdp-fd-form .feedback-form-posting {
        font-size: 12px; } }
    .pdp-fd-form .feedback-form-posting .posting-text {
      font-size: 16px; }
      @media (max-width: 1439.98px) {
        .pdp-fd-form .feedback-form-posting .posting-text {
          font-size: 12px; } }
    .pdp-fd-form .feedback-form-posting .custom-checkbox-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .pdp-fd-form .feedback-form-posting .custom-checkbox-input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
    .pdp-fd-form .feedback-form-posting .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;
      margin-right: -30px; }
      .pdp-fd-form .feedback-form-posting .custom-checkbox-label::before {
        display: none; }
      .pdp-fd-form .feedback-form-posting .custom-checkbox-label::after {
        display: none; }
    .pdp-fd-form .feedback-form-posting .custom-checkbox-toggle {
      position: relative;
      width: 44px;
      height: 24px;
      background-color: #ddd;
      border-radius: 12px;
      margin-right: 12px;
      -webkit-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease;
      cursor: pointer; }
      .pdp-fd-form .feedback-form-posting .custom-checkbox-toggle::before {
        content: '';
        position: absolute;
        top: 2px;
        left: 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); }
    .pdp-fd-form .feedback-form-posting .custom-checkbox-input:checked + .custom-checkbox-label .custom-checkbox-toggle {
      background-color: #4e004f; }
    .pdp-fd-form .feedback-form-posting .custom-checkbox-input:checked + .custom-checkbox-label .custom-checkbox-toggle::before {
      -webkit-transform: translateX(20px);
              transform: translateX(20px); }
    .pdp-fd-form .feedback-form-posting .custom-checkbox-text {
      font-size: 16px;
      font-weight: 400;
      cursor: pointer; }
      @media (max-width: 1439.98px) {
        .pdp-fd-form .feedback-form-posting .custom-checkbox-text {
          font-size: 12px; } }
  .pdp-fd-form .feedback-form-actions {
    margin-top: 1.5rem; }
    @media (max-width: 1024.98px) {
      .pdp-fd-form .feedback-form-actions {
        position: fixed;
        bottom: 0;
        width: calc(100% - 32px);
        left: 50%;
        padding: 16px 0;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        -webkit-box-shadow: 0 -8px 12px 0 #dbe3e852;
                box-shadow: 0 -8px 12px 0 #dbe3e852;
        background: #fff;
        z-index: 10;
        margin: 0; } }
    .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-right: 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 15px 0 6px; }

.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: 0 0;
            transform-origin: 0 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;
    left: 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-left: 0.2rem;
      padding-right: 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-right: 9px; }
    @media (max-width: 1024.98px) {
      .notify-form-label-icon {
        width: 15px;
        margin-right: 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: 1024.98px) {
  .notify-form-submit-container {
    margin: 35px -20px 0;
    padding: 16px 16px 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;
      left: 0;
      padding: 1rem 1rem;
      position: fixed;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      right: 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;
  right: 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;
        right: 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 40px 12px 44px;
      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 44px 9px 40px; } }
      .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;
      right: 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;
      left: 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-right: 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;
        left: 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; } }

.pdp-ratings-socials-social .add-to-wishlist-btn-new::before,
.pdp-ratings-socials-social .pdp-accordion-btn-share-new::after {
  font-weight: 900; }

.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-right: 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-right: 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: left; }
  .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-left: 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-left: 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 2.5rem 0.9375rem 1.25rem;
    position: relative;
    text-align: left;
    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;
      right: 1.4375rem;
      top: 50%;
      -webkit-transform: translateY(-50%) /*rtl:append:scale(-1)*/;
              transform: translateY(-50%) /*rtl:append:scale(-1)*/; }
      @media (min-width: 768px) {
        .refinements .refinement-title::after {
          right: 2.0625rem; } }
      @media (min-width: 1025px) {
        .refinements .refinement-title::after {
          display: none; } }
    @media (min-width: 768px) {
      .refinements .refinement-title {
        padding: 1.25rem 3.125rem 1.25rem 1.875rem; } }
    @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-right: 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-right: 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%;
      left: 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-left: 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-right: 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-right: 0.5625rem;
  position: relative;
  width: 1.625rem; }
  .refinements .swatch-circle::before {
    border: 1px solid #ccc;
    border-radius: 50%;
    content: '';
    height: 1.625rem;
    left: -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-left: 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: left top;
                transform-origin: left 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;
    right: 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;
    right: 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-right: unset;
        margin-left: 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;
          left: 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;
  left: 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-right: 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-left: auto;
      margin-right: 0.625rem;
      position: static;
      right: 0.625rem;
      top: 0.625rem;
      z-index: 4; }
      @media (max-width: 1439.98px) {
        .suggestions .do-you-mean .search-reset-btn {
          font-size: 0.8125rem;
          right: 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-left: 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-right: 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: left;
      margin-right: 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;
    left: 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-right: 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.8rem 0 0.2rem; } }
  .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-left: 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 0 0.375rem 1.125rem;
  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 0 0.375rem 1.125rem;
  margin: 0 0.5rem 0.625rem 0;
  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-right: 1.25rem;
    margin-right: 1.25rem;
    border-right: 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-right: 0.9375rem;
        margin-right: 0.9375rem; } }
    @media (max-width: 767.98px) {
      .plp-category-horizontal-scroll-parent {
        width: 6.25rem;
        padding-right: 0.625rem;
        margin-right: 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;
        left: 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%;
        left: 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;
          left: 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-right: 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 1.5625rem 0 0; } }
  .storelocator-holder {
    display: block;
    margin-bottom: 1.875rem; }
    @media (min-width: 1025px) {
      .storelocator-holder {
        padding-bottom: 0.1875rem; } }
  .storelocator-city {
    padding-right: 0.3125rem;
    width: 50%; }
    @media (min-width: 576px) {
      .storelocator-city {
        margin-right: 1.25rem;
        padding-right: 0;
        width: 14.6875rem; } }
  .storelocator-radius {
    margin-right: 0;
    padding-left: 0.3125rem;
    width: 50%; }
    @media (min-width: 576px) {
      .storelocator-radius {
        margin-right: 1.25rem;
        padding-left: 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-left: 0; }
    .storelocator-map .gm-style .gm-style-iw button.gm-ui-hover-effect {
      outline: none;
      position: absolute !important;
      left: auto !important;
      right: 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-left: 30px;
      padding-right: 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-left: 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;
      left: 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 0 1.25rem 1.875rem; }
  .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 0 0 1.25rem; } }
    .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 0.3125rem 0.3125rem; }
      .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-right: 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-right: 0; }

.wishlist-guest .add-to-card-wrapper {
  width: 100%; }
  @media (min-width: 1025px) {
    .wishlist-guest .add-to-card-wrapper {
      margin-left: 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-right: 0;
    min-width: 4.6875rem;
    padding-right: 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-right: 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; } }
    .pdp-ratings-socials-social .add-to-wishlist-btn-new {
      color: #4e004f; }
      .pdp-ratings-socials-social .add-to-wishlist-btn-new::before {
        font-weight: 900; }
  .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;
    right: 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;
        right: 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 {
        right: 1rem;
        top: 1rem; } }

.add-to-wishlist-animation {
  color: #fff;
  font-size: 5rem;
  left: 50%;
  margin: -0.5em 0 0 -0.5em;
  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-right: 1.125rem; }
    @media (min-width: 576px) {
      .wl-social-sharing-text {
        margin-right: 1.5625rem; } }
    @media (max-width: 767.98px) {
      .wl-social-sharing-text {
        margin-bottom: 1.25rem; } }
  .wl-social-sharing-item {
    margin-right: 1.5625rem; }
    .wl-social-sharing-item:last-child {
      margin-right: 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: left;
      padding-bottom: 100%; }
  .b-video__element.b-video__element {
    bottom: 0;
    left: 0;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 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%;
    left: 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;
    left: 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%;
    left: 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 16px 18px 0;
    position: relative;
    text-align: left;
    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-right: 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-left: 16px;
      padding-right: 26px; }
      .b-accordion--type-1 .b-accordion__item[data-accordion-level="0"] > .b-accordion__header::after {
        color: #000;
        right: 16px; }
    .b-accordion--type-1 .b-accordion__item[data-accordion-level="0"] > .b-accordion__content {
      padding-left: 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-left: 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;
  right: 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;
    left: 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-left: 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-right: 0.5rem;
    position: relative;
    width: 10rem; }
    .review-rating-stats-bar > span {
      background-color: #eba140;
      bottom: 0;
      left: 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: left;
    width: 3.125rem; }
  .review-rating-stats .rating-point,
  .review-rating-stats .icon.icon-star {
    margin-right: 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-right: 0.0625rem solid #eba140;
      padding-right: 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-right: 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-left: 0; }
      .review-stats > ul li:last-child {
        padding-right: 0; }
      .review-stats > ul li:not(:last-child)::after {
        border-right: 0.0625rem solid #eba140;
        bottom: 0.0625rem;
        content: '';
        position: absolute;
        right: 0;
        top: 0.0625rem; }

@media (min-width: 768px) {
  .review-actions {
    margin-left: 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-right: 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;
    right: 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-right: 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-right: 0.6rem; }
  .review-form .review-feedback-buttons .btn:last-child {
    margin-left: 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;
  right: 0.413rem; }
  .close-review-form i::before, .close-review-form i::after {
    margin: -0.0625rem 0 0 -1.08125rem; }

@media (max-width: 575.98px) {
  .write-review .container-title {
    font-family: var(--font-primary);
    font-size: 1.0625rem;
    font-weight: 700;
    text-align: left;
    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;
    left: 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-left: 0; } }
  .homepage-timer-asset .timer-discount .timer-shop-btn {
    border: 2px solid #eba140;
    border-radius: 50em;
    padding: 0.4rem;
    margin-left: 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 {
      left: 0;
      position: fixed;
      right: 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 (max-width: 1024.98px) {
    .footer-content .header-logo {
      margin: 0 auto; } }
  @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;
    left: 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 {
  width: 100%;
  padding: 1.875rem 0; }
  @media (max-width: 1024.98px) {
    .footer-icons-wrapper {
      max-width: 100%;
      padding: 1.875rem 0.9375rem 0.625rem; } }

.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; }

.footer-five-cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (min-width: 768px) {
    .footer-five-cols {
      row-gap: 14px; } }

.footer-five-cols > .col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%; }

@media (min-width: 1025px) {
  .footer-five-cols .col-lg-fifth {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; } }

.footer-app-links-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.625rem;
  margin-top: 10px; }
  .footer-app-links-container p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.625rem;
    margin: 0;
    width: 100%; }
  .footer-app-links-container img,
  .footer-app-links-container svg {
    height: 3.75rem;
    width: auto;
    margin-bottom: 0.625rem;
    max-width: 100%; }
    @media (max-width: 767.98px) {
      .footer-app-links-container img,
      .footer-app-links-container svg {
        height: auto !important;
        width: 100% !important; } }
  .footer-app-links-container .content-asset {
    width: 100%; }
  .footer-app-links-container .payment-icons {
    width: 100% !important;
    margin-bottom: 0 !important; }
  @media (max-width: 767.98px) {
    .footer-app-links-container .payment-icons-list {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0 !important; } }
  @media (max-width: 767.98px) {
    .footer-app-links-container .payment-icons-item {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin: 0 !important; }
      .footer-app-links-container .payment-icons-item:last-child {
        -webkit-box-flex: 1.13;
            -ms-flex: 1.13;
                flex: 1.13; } }
  @media (min-width: 768px) {
    .footer-app-links-container img,
    .footer-app-links-container svg {
      height: 2.8125rem !important;
      width: 9.5625rem !important;
      max-width: none !important;
      margin-bottom: 0.625rem;
      -o-object-fit: fill;
         object-fit: fill; } }

.footer-payments-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.9375rem;
  width: auto;
  max-width: 100%;
  overflow: hidden;
  margin-top: 10px; }
  .footer-payments-container p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.9375rem;
    margin: 0;
    width: 100%;
    max-width: 100%; }
  .footer-payments-container .payment-icons-list {
    gap: 0.9375rem;
    padding: 0 20px; }
    @media (max-width: 767.98px) {
      .footer-payments-container .payment-icons-list {
        gap: 0.3125rem; } }
  .footer-payments-container img,
  .footer-payments-container svg,
  .footer-payments-container .icon,
  .footer-payments-container span {
    height: 1.5625rem !important;
    width: 1.875rem !important;
    margin-bottom: 0.5rem;
    -o-object-fit: contain;
       object-fit: contain;
    display: inline-block; }
    @media (min-width: 768px) {
      .footer-payments-container img,
      .footer-payments-container svg,
      .footer-payments-container .icon,
      .footer-payments-container span {
        line-height: 29px; } }
  @media (min-width: 768px) {
    .footer-payments-container img,
    .footer-payments-container svg,
    .footer-payments-container .icon,
    .footer-payments-container span {
      height: 2rem !important;
      width: 2rem !important;
      max-width: 5rem !important;
      margin-bottom: 0.5rem; } }

.subscribe-form {
  width: 100%;
  max-width: 100%; }
  .subscribe-form .subscribe-form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    max-width: 100%; }
    .subscribe-form .subscribe-form-group .form-control {
      height: 2.8125rem;
      border-radius: 0.5rem;
      border: 1px solid #dcdcdc;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .subscribe-form .subscribe-form-group .form-control:focus {
        -webkit-box-shadow: none;
                box-shadow: none;
        border-color: #000; }
    .subscribe-form .subscribe-form-group .subscribe-button {
      height: 2.8125rem;
      border-radius: 0.5rem;
      background-color: #dea035;
      color: #fff;
      border: none;
      font-weight: 600;
      padding: 0 1.875rem;
      min-width: 11.25rem;
      margin-left: 2%; }
      .subscribe-form .subscribe-form-group .subscribe-button:hover {
        background-color: #d69523; }
      @media (max-width: 767.98px) {
        .subscribe-form .subscribe-form-group .subscribe-button {
          padding: 0 1.25rem;
          min-width: auto; } }
  @media (min-width: 768px) {
    .subscribe-form .subscribe-header {
      font-size: 20px; }
    .subscribe-form .subscribe-text {
      font-size: 15px; } }

.footer-social-email-wrapper {
  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: 1024.98px) {
    .footer-social-email-wrapper {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .footer-social-email-wrapper .social-icons,
  .footer-social-email-wrapper .social-links,
  .footer-social-email-wrapper a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.9375rem; }
  .footer-social-email-wrapper svg,
  .footer-social-email-wrapper img {
    font-size: 1.5rem;
    width: auto;
    height: 1.5rem; }
    @media (min-width: 768px) {
      .footer-social-email-wrapper svg,
      .footer-social-email-wrapper img {
        font-size: 1.75rem;
        height: 1.75rem; } }

.payment-label {
  font-size: 0.875rem;
  color: #666; }

@media (min-width: 768px) {
  .footer-content-header {
    font-size: 20px !important; }
  .footer-content-text {
    font-size: 15px !important; } }

@media (max-width: 1024.98px) {
  .footer-content-header {
    font-size: 15px !important; }
  .footer-content-text {
    font-size: 13px !important; } }

.footer-app-download-section {
  padding-right: 35px !important; }

.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%;
    left: 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-left: -0.25em;
  margin-right: -0.25em;
  width: auto; }
  @media only screen and (min-width: 1025px) {
    .l-grid__row {
      margin-left: -1.25em;
      margin-right: -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-left: -5px;
    margin-right: -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-left: -4px;
  margin-right: -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);
          left: 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: left; } }

.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;
    left: 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%;
    left: 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;
      left: 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;
      left: 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%;
      left: 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;
        left: 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-right: 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;
      right: 0;
      z-index: 2; } }

.main-image-zoom-image {
  left: 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 0;
          transform-origin: center center 0;
  -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-right: 0.625rem; }
        .product-wrapper .product-shipment-options-head-main-paragraph {
          margin-bottom: 0; }

.product-wrapper .product-icon-style {
  font-size: 1.05rem;
  margin-right: 0.4rem;
  color: #eba140; }

.product-brand_bk {
  margin-right: 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-left: 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-left: auto; }
  @media (min-width: 1025px) {
    .product-discount {
      margin-left: 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 0 0 auto;
      padding-left: 0.625rem;
      text-align: right; } }

.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 15px 10px 4px;
    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: "";
    left: -0.375rem;
    position: absolute;
    right: -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, right bottom, left top, color-stop(48%, transparent), color-stop(#ccc), color-stop(52%, transparent));
      background-image: linear-gradient(to top left, transparent 48%, #ccc, transparent 52%);
      bottom: 0;
      content: "";
      left: 0;
      position: absolute;
      right: 0;
      top: 0; }

.product-quantity {
  margin-right: 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;
      left: 0;
      right: 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-left: 0.3125rem;
    padding-right: 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;
  right: 0.625rem;
  text-align: center; }

.product-details-badge-container {
  position: absolute;
  top: 0.625rem;
  right: 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;
      right: 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;
  color: white; }
  @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%;
  left: 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-left: 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;
      left: 0;
      padding: 1rem 1rem;
      position: fixed;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      right: 0;
      z-index: 10; }
      .product-actions.m-sticky .sticky-price {
        display: block;
        margin-right: 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-right: 0.3125rem;
        padding-left: 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-left: 1.3125rem;
        padding-right: 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: 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: 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: 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: 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: 0; }
  @media (max-width: 1024.98px) {
    .pdp-new-title {
      font-size: 14px;
      font-family: "Montserrat" !important;
      margin-bottom: 10px; } }

.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; } }

.pdp-title-row--no-rating {
  border-bottom: 1px solid #dee2e6 !important; }

@media (max-width: 768px) {
  body.has-sticky-cart .footer-copyright,
  body.has-sticky-cart .product-detail {
    padding-bottom: 15px; }
  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-left: 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;
      left: 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%;
      left: 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;
        left: 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 {
        left: 0; }
      .product-set-image .carousel .carousel-control.m-next {
        right: 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-left: 0;
    text-align: left; }
  .product-set-item .product-quantity {
    margin-right: 0.625rem; }
  .product-set-item .product-add-to-cart {
    max-width: calc(100% - 7.5rem); }
  .product-set-item .product-add-to-wishlist {
    margin-left: 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-right: 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-right: 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-right: 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-right: 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;
    left: 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%;
    left: 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;
      left: 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.625rem 1.25rem 0; }

.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-left: 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: right; }

.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-left: 0; }

.ma-return-products-list-item {
  display: inline-block;
  font-weight: 700; }

.ma-return-products-shipping-info {
  color: #828282;
  font-size: 0.6875rem;
  margin-left: 2.375rem; }

.ma-return-products-label {
  font-size: 1.375rem; }

.ma-return-products .line-item-total-price {
  text-align: right; }

.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-right: 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-right: 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-right: 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-right: 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-left: 1rem; }
      .my-ratings-card-header .review-status {
        color: #3f3936;
        display: block;
        font-size: 0.75rem;
        font-weight: 500;
        margin-left: 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: left; }

.error-link-item {
  line-height: 2.8125rem;
  white-space: nowrap; }

.error-link-icon {
  font-size: 1.25rem;
  margin-right: 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-left: 1.25rem; } }
    @media (min-width: 1440px) {
      .content-page-content {
        margin-left: 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-right: 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-right: 2.1875rem;
        width: calc(100% - 20rem); } }
    .content-page-body p {
      margin-bottom: 0;
      padding-bottom: 1.4375rem; }
    .content-page-body ol {
      padding-left: 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 0 0.9375rem 2.1875rem;
    position: relative; }
  .content-page-contacts-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    font-size: 1.25rem;
    left: 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-right: 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: left; }
  @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-right: 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-left: 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;
    left: 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;
    left: 0;
    padding: 0.625rem 2.125rem;
    position: fixed;
    right: 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;
    left: 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; }

.shippingShortAddress.loading {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23999' d='M10 3a7 7 0 1 0 0 14 7 7 0 0 0 0-14zm0 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10z' opacity='.4'/%3E%3Cpath fill='%23000' d='M10 0a10 10 0 0 1 10 10h-2a8 8 0 0 0-8-8V0z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 10 10' to='360 10 10' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 20px 20px;
  padding-right: 40px; }

.readonly-field {
  background-color: #f9f9f9 !important;
  cursor: not-allowed; }

.custom-dropdown-header:has(.readonly-field) {
  background-color: #f9f9f9 !important;
  border-color: #ccc; }

.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: left; } }
  .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-right: 0.3125rem;
    margin-top: 0.125rem; }
    @media (min-width: 576px) {
      .checkout-header-secure {
        margin-bottom: 0.5rem;
        margin-right: 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-right: 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-right: 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: right; }
  @media (max-width: 575.98px) {
    .checkout-method-price {
      margin-left: auto; } }
  .checkout-method-price-standard {
    font-weight: 700;
    margin-left: 0.9375rem;
    white-space: nowrap; }
  .checkout-method-price-sale {
    color: #828282;
    margin-left: 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-left: -0.3125rem;
    margin-right: -0.3125rem; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .checkout-saved-payment-list {
      margin-left: -0.625rem;
      margin-right: -0.625rem; } }
  @media (min-width: 768px) and (min-width: 1025px) {
    .checkout-saved-payment-list {
      margin-left: -0.9375rem;
      margin-right: -0.9375rem; } }

.checkout-saved-payment-item {
  margin-bottom: 1.25rem; }
  @media (min-width: 768px) {
    .checkout-saved-payment-item {
      position: relative;
      width: 100%;
      padding-left: 0.3125rem;
      padding-right: 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-left: 0.625rem;
      padding-right: 0.625rem; } }
  @media (min-width: 768px) and (min-width: 1025px) {
    .checkout-saved-payment-item {
      padding-left: 0.9375rem;
      padding-right: 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 0.625rem 0 2.5rem;
    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 {
  left: 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;
      left: 0;
      right: 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;
  right: 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.625rem 0 0; }
  .receipt .price-formatted {
    font-size: 0.8125rem;
    margin: 0 0.625rem 0 0; }

.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: left; }
  .taxable-invoice-attribute-name {
    padding-right: 0.9375rem;
    width: 47%; }
    @media (min-width: 576px) {
      .taxable-invoice-attribute-name {
        min-width: 11.25rem;
        padding-right: 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;
  right: 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;
    left: -2.125rem;
    line-height: 1;
    padding-right: 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%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000; }
    .browser-upgrade-content {
      left: 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: left;
      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: left;
      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-right: 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-left: 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;
  left: 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;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 12px 100px 12px 16px;
    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-left: 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-left: 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-left: 1em;
  padding-right: 1em; }
  @media only screen and (min-width: 1025px) {
    .h-site-width {
      margin-left: 4.6875em;
      margin-right: 4.6875em;
      padding-left: 0;
      padding-right: 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-left: 3px solid transparent;
    border-right: 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-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #000; }

.h-dir--ltr {
  direction: ltr; }

.h-dir--rtl {
  direction: rtl; }

.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: left !important; }

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

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

@media only screen and (min-width: 576px) {
  .h-text--left__xs {
    text-align: left !important; } }

@media only screen and (min-width: 576px) {
  .h-text--right__xs {
    text-align: right !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: left !important; } }

@media only screen and (max-width: 1024px) {
  .h-text--right__m {
    text-align: right !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: left !important; } }

@media only screen and (min-width: 1025px) {
  .h-text--right__d {
    text-align: right !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: left !important; } }

@media only screen and (min-width: 769px) {
  .h-text--right__sm {
    text-align: right !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: left !important; } }

@media only screen and (min-width: 1200px) {
  .h-text--right__l {
    text-align: right !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: left !important; } }

@media only screen and (min-width: 1500px) {
  .h-text--right__xl {
    text-align: right !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: left !important; } }

@media only screen and (min-width: 2000px) {
  .h-text--right__xxl {
    text-align: right !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: left;
  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-left: -32px !important; }

@media only screen and (min-width: 576px) {
  .h-ml---32__xs {
    margin-left: -32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml---32__m {
    margin-left: -32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml---32__d {
    margin-left: -32px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml---32__sm {
    margin-left: -32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml---32__l {
    margin-left: -32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml---32__xl {
    margin-left: -32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml---32__xxl {
    margin-left: -32px !important; } }

.h-ml---24 {
  margin-left: -24px !important; }

@media only screen and (min-width: 576px) {
  .h-ml---24__xs {
    margin-left: -24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml---24__m {
    margin-left: -24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml---24__d {
    margin-left: -24px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml---24__sm {
    margin-left: -24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml---24__l {
    margin-left: -24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml---24__xl {
    margin-left: -24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml---24__xxl {
    margin-left: -24px !important; } }

.h-ml---16 {
  margin-left: -16px !important; }

@media only screen and (min-width: 576px) {
  .h-ml---16__xs {
    margin-left: -16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml---16__m {
    margin-left: -16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml---16__d {
    margin-left: -16px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml---16__sm {
    margin-left: -16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml---16__l {
    margin-left: -16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml---16__xl {
    margin-left: -16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml---16__xxl {
    margin-left: -16px !important; } }

.h-ml---8 {
  margin-left: -8px !important; }

@media only screen and (min-width: 576px) {
  .h-ml---8__xs {
    margin-left: -8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml---8__m {
    margin-left: -8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml---8__d {
    margin-left: -8px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml---8__sm {
    margin-left: -8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml---8__l {
    margin-left: -8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml---8__xl {
    margin-left: -8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml---8__xxl {
    margin-left: -8px !important; } }

.h-ml--0 {
  margin-left: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--0__xs {
    margin-left: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--0__m {
    margin-left: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--0__d {
    margin-left: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--0__sm {
    margin-left: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--0__l {
    margin-left: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--0__xl {
    margin-left: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--0__xxl {
    margin-left: 0px !important; } }

.h-ml--8 {
  margin-left: 8px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--8__xs {
    margin-left: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--8__m {
    margin-left: 8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--8__d {
    margin-left: 8px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--8__sm {
    margin-left: 8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--8__l {
    margin-left: 8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--8__xl {
    margin-left: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--8__xxl {
    margin-left: 8px !important; } }

.h-ml--16 {
  margin-left: 16px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--16__xs {
    margin-left: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--16__m {
    margin-left: 16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--16__d {
    margin-left: 16px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--16__sm {
    margin-left: 16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--16__l {
    margin-left: 16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--16__xl {
    margin-left: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--16__xxl {
    margin-left: 16px !important; } }

.h-ml--24 {
  margin-left: 24px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--24__xs {
    margin-left: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--24__m {
    margin-left: 24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--24__d {
    margin-left: 24px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--24__sm {
    margin-left: 24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--24__l {
    margin-left: 24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--24__xl {
    margin-left: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--24__xxl {
    margin-left: 24px !important; } }

.h-ml--32 {
  margin-left: 32px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--32__xs {
    margin-left: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--32__m {
    margin-left: 32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--32__d {
    margin-left: 32px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--32__sm {
    margin-left: 32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--32__l {
    margin-left: 32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--32__xl {
    margin-left: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--32__xxl {
    margin-left: 32px !important; } }

.h-ml--40 {
  margin-left: 40px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--40__xs {
    margin-left: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--40__m {
    margin-left: 40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--40__d {
    margin-left: 40px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--40__sm {
    margin-left: 40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--40__l {
    margin-left: 40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--40__xl {
    margin-left: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--40__xxl {
    margin-left: 40px !important; } }

.h-ml--48 {
  margin-left: 48px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--48__xs {
    margin-left: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--48__m {
    margin-left: 48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--48__d {
    margin-left: 48px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--48__sm {
    margin-left: 48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--48__l {
    margin-left: 48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--48__xl {
    margin-left: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--48__xxl {
    margin-left: 48px !important; } }

.h-ml--56 {
  margin-left: 56px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--56__xs {
    margin-left: 56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--56__m {
    margin-left: 56px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--56__d {
    margin-left: 56px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--56__sm {
    margin-left: 56px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--56__l {
    margin-left: 56px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--56__xl {
    margin-left: 56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--56__xxl {
    margin-left: 56px !important; } }

.h-ml--64 {
  margin-left: 64px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--64__xs {
    margin-left: 64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--64__m {
    margin-left: 64px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--64__d {
    margin-left: 64px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--64__sm {
    margin-left: 64px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--64__l {
    margin-left: 64px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--64__xl {
    margin-left: 64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--64__xxl {
    margin-left: 64px !important; } }

.h-ml--72 {
  margin-left: 72px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--72__xs {
    margin-left: 72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--72__m {
    margin-left: 72px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--72__d {
    margin-left: 72px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--72__sm {
    margin-left: 72px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--72__l {
    margin-left: 72px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--72__xl {
    margin-left: 72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--72__xxl {
    margin-left: 72px !important; } }

.h-ml--80 {
  margin-left: 80px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--80__xs {
    margin-left: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--80__m {
    margin-left: 80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--80__d {
    margin-left: 80px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--80__sm {
    margin-left: 80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--80__l {
    margin-left: 80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--80__xl {
    margin-left: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--80__xxl {
    margin-left: 80px !important; } }

.h-ml--88 {
  margin-left: 88px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--88__xs {
    margin-left: 88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--88__m {
    margin-left: 88px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--88__d {
    margin-left: 88px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--88__sm {
    margin-left: 88px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--88__l {
    margin-left: 88px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--88__xl {
    margin-left: 88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--88__xxl {
    margin-left: 88px !important; } }

.h-ml--96 {
  margin-left: 96px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--96__xs {
    margin-left: 96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--96__m {
    margin-left: 96px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--96__d {
    margin-left: 96px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--96__sm {
    margin-left: 96px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--96__l {
    margin-left: 96px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--96__xl {
    margin-left: 96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--96__xxl {
    margin-left: 96px !important; } }

.h-ml--104 {
  margin-left: 104px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--104__xs {
    margin-left: 104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--104__m {
    margin-left: 104px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--104__d {
    margin-left: 104px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--104__sm {
    margin-left: 104px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--104__l {
    margin-left: 104px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--104__xl {
    margin-left: 104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--104__xxl {
    margin-left: 104px !important; } }

.h-ml--112 {
  margin-left: 112px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--112__xs {
    margin-left: 112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--112__m {
    margin-left: 112px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--112__d {
    margin-left: 112px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--112__sm {
    margin-left: 112px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--112__l {
    margin-left: 112px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--112__xl {
    margin-left: 112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--112__xxl {
    margin-left: 112px !important; } }

.h-ml--120 {
  margin-left: 120px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--120__xs {
    margin-left: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--120__m {
    margin-left: 120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--120__d {
    margin-left: 120px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--120__sm {
    margin-left: 120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--120__l {
    margin-left: 120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--120__xl {
    margin-left: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--120__xxl {
    margin-left: 120px !important; } }

.h-ml--128 {
  margin-left: 128px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--128__xs {
    margin-left: 128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--128__m {
    margin-left: 128px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--128__d {
    margin-left: 128px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--128__sm {
    margin-left: 128px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--128__l {
    margin-left: 128px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--128__xl {
    margin-left: 128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--128__xxl {
    margin-left: 128px !important; } }

.h-ml--136 {
  margin-left: 136px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--136__xs {
    margin-left: 136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--136__m {
    margin-left: 136px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--136__d {
    margin-left: 136px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--136__sm {
    margin-left: 136px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--136__l {
    margin-left: 136px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--136__xl {
    margin-left: 136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--136__xxl {
    margin-left: 136px !important; } }

.h-ml--144 {
  margin-left: 144px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--144__xs {
    margin-left: 144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--144__m {
    margin-left: 144px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--144__d {
    margin-left: 144px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--144__sm {
    margin-left: 144px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--144__l {
    margin-left: 144px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--144__xl {
    margin-left: 144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--144__xxl {
    margin-left: 144px !important; } }

.h-ml--152 {
  margin-left: 152px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--152__xs {
    margin-left: 152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--152__m {
    margin-left: 152px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--152__d {
    margin-left: 152px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--152__sm {
    margin-left: 152px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--152__l {
    margin-left: 152px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--152__xl {
    margin-left: 152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--152__xxl {
    margin-left: 152px !important; } }

.h-ml--160 {
  margin-left: 160px !important; }

@media only screen and (min-width: 576px) {
  .h-ml--160__xs {
    margin-left: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-ml--160__m {
    margin-left: 160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-ml--160__d {
    margin-left: 160px !important; } }

@media only screen and (min-width: 769px) {
  .h-ml--160__sm {
    margin-left: 160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-ml--160__l {
    margin-left: 160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-ml--160__xl {
    margin-left: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-ml--160__xxl {
    margin-left: 160px !important; } }

.h-mr--0 {
  margin-right: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--0__xs {
    margin-right: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--0__m {
    margin-right: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--0__d {
    margin-right: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--0__sm {
    margin-right: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--0__l {
    margin-right: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--0__xl {
    margin-right: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--0__xxl {
    margin-right: 0px !important; } }

.h-mr--8 {
  margin-right: 8px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--8__xs {
    margin-right: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--8__m {
    margin-right: 8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--8__d {
    margin-right: 8px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--8__sm {
    margin-right: 8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--8__l {
    margin-right: 8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--8__xl {
    margin-right: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--8__xxl {
    margin-right: 8px !important; } }

.h-mr--16 {
  margin-right: 16px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--16__xs {
    margin-right: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--16__m {
    margin-right: 16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--16__d {
    margin-right: 16px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--16__sm {
    margin-right: 16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--16__l {
    margin-right: 16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--16__xl {
    margin-right: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--16__xxl {
    margin-right: 16px !important; } }

.h-mr--24 {
  margin-right: 24px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--24__xs {
    margin-right: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--24__m {
    margin-right: 24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--24__d {
    margin-right: 24px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--24__sm {
    margin-right: 24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--24__l {
    margin-right: 24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--24__xl {
    margin-right: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--24__xxl {
    margin-right: 24px !important; } }

.h-mr--32 {
  margin-right: 32px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--32__xs {
    margin-right: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--32__m {
    margin-right: 32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--32__d {
    margin-right: 32px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--32__sm {
    margin-right: 32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--32__l {
    margin-right: 32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--32__xl {
    margin-right: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--32__xxl {
    margin-right: 32px !important; } }

.h-mr--40 {
  margin-right: 40px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--40__xs {
    margin-right: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--40__m {
    margin-right: 40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--40__d {
    margin-right: 40px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--40__sm {
    margin-right: 40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--40__l {
    margin-right: 40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--40__xl {
    margin-right: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--40__xxl {
    margin-right: 40px !important; } }

.h-mr--48 {
  margin-right: 48px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--48__xs {
    margin-right: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--48__m {
    margin-right: 48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--48__d {
    margin-right: 48px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--48__sm {
    margin-right: 48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--48__l {
    margin-right: 48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--48__xl {
    margin-right: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--48__xxl {
    margin-right: 48px !important; } }

.h-mr--56 {
  margin-right: 56px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--56__xs {
    margin-right: 56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--56__m {
    margin-right: 56px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--56__d {
    margin-right: 56px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--56__sm {
    margin-right: 56px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--56__l {
    margin-right: 56px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--56__xl {
    margin-right: 56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--56__xxl {
    margin-right: 56px !important; } }

.h-mr--64 {
  margin-right: 64px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--64__xs {
    margin-right: 64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--64__m {
    margin-right: 64px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--64__d {
    margin-right: 64px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--64__sm {
    margin-right: 64px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--64__l {
    margin-right: 64px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--64__xl {
    margin-right: 64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--64__xxl {
    margin-right: 64px !important; } }

.h-mr--72 {
  margin-right: 72px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--72__xs {
    margin-right: 72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--72__m {
    margin-right: 72px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--72__d {
    margin-right: 72px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--72__sm {
    margin-right: 72px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--72__l {
    margin-right: 72px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--72__xl {
    margin-right: 72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--72__xxl {
    margin-right: 72px !important; } }

.h-mr--80 {
  margin-right: 80px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--80__xs {
    margin-right: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--80__m {
    margin-right: 80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--80__d {
    margin-right: 80px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--80__sm {
    margin-right: 80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--80__l {
    margin-right: 80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--80__xl {
    margin-right: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--80__xxl {
    margin-right: 80px !important; } }

.h-mr--88 {
  margin-right: 88px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--88__xs {
    margin-right: 88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--88__m {
    margin-right: 88px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--88__d {
    margin-right: 88px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--88__sm {
    margin-right: 88px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--88__l {
    margin-right: 88px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--88__xl {
    margin-right: 88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--88__xxl {
    margin-right: 88px !important; } }

.h-mr--96 {
  margin-right: 96px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--96__xs {
    margin-right: 96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--96__m {
    margin-right: 96px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--96__d {
    margin-right: 96px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--96__sm {
    margin-right: 96px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--96__l {
    margin-right: 96px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--96__xl {
    margin-right: 96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--96__xxl {
    margin-right: 96px !important; } }

.h-mr--104 {
  margin-right: 104px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--104__xs {
    margin-right: 104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--104__m {
    margin-right: 104px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--104__d {
    margin-right: 104px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--104__sm {
    margin-right: 104px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--104__l {
    margin-right: 104px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--104__xl {
    margin-right: 104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--104__xxl {
    margin-right: 104px !important; } }

.h-mr--112 {
  margin-right: 112px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--112__xs {
    margin-right: 112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--112__m {
    margin-right: 112px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--112__d {
    margin-right: 112px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--112__sm {
    margin-right: 112px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--112__l {
    margin-right: 112px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--112__xl {
    margin-right: 112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--112__xxl {
    margin-right: 112px !important; } }

.h-mr--120 {
  margin-right: 120px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--120__xs {
    margin-right: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--120__m {
    margin-right: 120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--120__d {
    margin-right: 120px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--120__sm {
    margin-right: 120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--120__l {
    margin-right: 120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--120__xl {
    margin-right: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--120__xxl {
    margin-right: 120px !important; } }

.h-mr--128 {
  margin-right: 128px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--128__xs {
    margin-right: 128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--128__m {
    margin-right: 128px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--128__d {
    margin-right: 128px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--128__sm {
    margin-right: 128px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--128__l {
    margin-right: 128px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--128__xl {
    margin-right: 128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--128__xxl {
    margin-right: 128px !important; } }

.h-mr--136 {
  margin-right: 136px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--136__xs {
    margin-right: 136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--136__m {
    margin-right: 136px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--136__d {
    margin-right: 136px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--136__sm {
    margin-right: 136px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--136__l {
    margin-right: 136px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--136__xl {
    margin-right: 136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--136__xxl {
    margin-right: 136px !important; } }

.h-mr--144 {
  margin-right: 144px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--144__xs {
    margin-right: 144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--144__m {
    margin-right: 144px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--144__d {
    margin-right: 144px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--144__sm {
    margin-right: 144px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--144__l {
    margin-right: 144px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--144__xl {
    margin-right: 144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--144__xxl {
    margin-right: 144px !important; } }

.h-mr--152 {
  margin-right: 152px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--152__xs {
    margin-right: 152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--152__m {
    margin-right: 152px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--152__d {
    margin-right: 152px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--152__sm {
    margin-right: 152px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--152__l {
    margin-right: 152px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--152__xl {
    margin-right: 152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--152__xxl {
    margin-right: 152px !important; } }

.h-mr--160 {
  margin-right: 160px !important; }

@media only screen and (min-width: 576px) {
  .h-mr--160__xs {
    margin-right: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mr--160__m {
    margin-right: 160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-mr--160__d {
    margin-right: 160px !important; } }

@media only screen and (min-width: 769px) {
  .h-mr--160__sm {
    margin-right: 160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-mr--160__l {
    margin-right: 160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-mr--160__xl {
    margin-right: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mr--160__xxl {
    margin-right: 160px !important; } }

.h-mx--0 {
  margin-left: 0px !important;
  margin-right: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--0__xs {
    margin-left: 0px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--0__xs {
    margin-right: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--0__m {
    margin-left: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--0__m {
    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: 1025px) {
  .h-mx--0__d {
    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: 769px) {
  .h-mx--0__sm {
    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: 1200px) {
  .h-mx--0__l {
    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: 1500px) {
  .h-mx--0__xl {
    margin-right: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--0__xxl {
    margin-left: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--0__xxl {
    margin-right: 0px !important; } }

.h-mx--8 {
  margin-left: 8px !important;
  margin-right: 8px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--8__xs {
    margin-left: 8px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--8__xs {
    margin-right: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--8__m {
    margin-left: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--8__m {
    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: 1025px) {
  .h-mx--8__d {
    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: 769px) {
  .h-mx--8__sm {
    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: 1200px) {
  .h-mx--8__l {
    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: 1500px) {
  .h-mx--8__xl {
    margin-right: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--8__xxl {
    margin-left: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--8__xxl {
    margin-right: 8px !important; } }

.h-mx--16 {
  margin-left: 16px !important;
  margin-right: 16px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--16__xs {
    margin-left: 16px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--16__xs {
    margin-right: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--16__m {
    margin-left: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--16__m {
    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: 1025px) {
  .h-mx--16__d {
    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: 769px) {
  .h-mx--16__sm {
    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: 1200px) {
  .h-mx--16__l {
    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: 1500px) {
  .h-mx--16__xl {
    margin-right: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--16__xxl {
    margin-left: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--16__xxl {
    margin-right: 16px !important; } }

.h-mx--24 {
  margin-left: 24px !important;
  margin-right: 24px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--24__xs {
    margin-left: 24px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--24__xs {
    margin-right: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--24__m {
    margin-left: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--24__m {
    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: 1025px) {
  .h-mx--24__d {
    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: 769px) {
  .h-mx--24__sm {
    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: 1200px) {
  .h-mx--24__l {
    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: 1500px) {
  .h-mx--24__xl {
    margin-right: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--24__xxl {
    margin-left: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--24__xxl {
    margin-right: 24px !important; } }

.h-mx--32 {
  margin-left: 32px !important;
  margin-right: 32px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--32__xs {
    margin-left: 32px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--32__xs {
    margin-right: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--32__m {
    margin-left: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--32__m {
    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: 1025px) {
  .h-mx--32__d {
    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: 769px) {
  .h-mx--32__sm {
    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: 1200px) {
  .h-mx--32__l {
    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: 1500px) {
  .h-mx--32__xl {
    margin-right: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--32__xxl {
    margin-left: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--32__xxl {
    margin-right: 32px !important; } }

.h-mx--40 {
  margin-left: 40px !important;
  margin-right: 40px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--40__xs {
    margin-left: 40px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--40__xs {
    margin-right: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--40__m {
    margin-left: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--40__m {
    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: 1025px) {
  .h-mx--40__d {
    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: 769px) {
  .h-mx--40__sm {
    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: 1200px) {
  .h-mx--40__l {
    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: 1500px) {
  .h-mx--40__xl {
    margin-right: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--40__xxl {
    margin-left: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--40__xxl {
    margin-right: 40px !important; } }

.h-mx--48 {
  margin-left: 48px !important;
  margin-right: 48px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--48__xs {
    margin-left: 48px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--48__xs {
    margin-right: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--48__m {
    margin-left: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--48__m {
    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: 1025px) {
  .h-mx--48__d {
    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: 769px) {
  .h-mx--48__sm {
    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: 1200px) {
  .h-mx--48__l {
    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: 1500px) {
  .h-mx--48__xl {
    margin-right: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--48__xxl {
    margin-left: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--48__xxl {
    margin-right: 48px !important; } }

.h-mx--56 {
  margin-left: 56px !important;
  margin-right: 56px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--56__xs {
    margin-left: 56px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--56__xs {
    margin-right: 56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--56__m {
    margin-left: 56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--56__m {
    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: 1025px) {
  .h-mx--56__d {
    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: 769px) {
  .h-mx--56__sm {
    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: 1200px) {
  .h-mx--56__l {
    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: 1500px) {
  .h-mx--56__xl {
    margin-right: 56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--56__xxl {
    margin-left: 56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--56__xxl {
    margin-right: 56px !important; } }

.h-mx--64 {
  margin-left: 64px !important;
  margin-right: 64px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--64__xs {
    margin-left: 64px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--64__xs {
    margin-right: 64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--64__m {
    margin-left: 64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--64__m {
    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: 1025px) {
  .h-mx--64__d {
    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: 769px) {
  .h-mx--64__sm {
    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: 1200px) {
  .h-mx--64__l {
    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: 1500px) {
  .h-mx--64__xl {
    margin-right: 64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--64__xxl {
    margin-left: 64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--64__xxl {
    margin-right: 64px !important; } }

.h-mx--72 {
  margin-left: 72px !important;
  margin-right: 72px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--72__xs {
    margin-left: 72px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--72__xs {
    margin-right: 72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--72__m {
    margin-left: 72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--72__m {
    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: 1025px) {
  .h-mx--72__d {
    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: 769px) {
  .h-mx--72__sm {
    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: 1200px) {
  .h-mx--72__l {
    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: 1500px) {
  .h-mx--72__xl {
    margin-right: 72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--72__xxl {
    margin-left: 72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--72__xxl {
    margin-right: 72px !important; } }

.h-mx--80 {
  margin-left: 80px !important;
  margin-right: 80px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--80__xs {
    margin-left: 80px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--80__xs {
    margin-right: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--80__m {
    margin-left: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--80__m {
    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: 1025px) {
  .h-mx--80__d {
    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: 769px) {
  .h-mx--80__sm {
    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: 1200px) {
  .h-mx--80__l {
    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: 1500px) {
  .h-mx--80__xl {
    margin-right: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--80__xxl {
    margin-left: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--80__xxl {
    margin-right: 80px !important; } }

.h-mx--88 {
  margin-left: 88px !important;
  margin-right: 88px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--88__xs {
    margin-left: 88px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--88__xs {
    margin-right: 88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--88__m {
    margin-left: 88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--88__m {
    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: 1025px) {
  .h-mx--88__d {
    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: 769px) {
  .h-mx--88__sm {
    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: 1200px) {
  .h-mx--88__l {
    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: 1500px) {
  .h-mx--88__xl {
    margin-right: 88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--88__xxl {
    margin-left: 88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--88__xxl {
    margin-right: 88px !important; } }

.h-mx--96 {
  margin-left: 96px !important;
  margin-right: 96px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--96__xs {
    margin-left: 96px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--96__xs {
    margin-right: 96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--96__m {
    margin-left: 96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--96__m {
    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: 1025px) {
  .h-mx--96__d {
    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: 769px) {
  .h-mx--96__sm {
    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: 1200px) {
  .h-mx--96__l {
    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: 1500px) {
  .h-mx--96__xl {
    margin-right: 96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--96__xxl {
    margin-left: 96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--96__xxl {
    margin-right: 96px !important; } }

.h-mx--104 {
  margin-left: 104px !important;
  margin-right: 104px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--104__xs {
    margin-left: 104px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--104__xs {
    margin-right: 104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--104__m {
    margin-left: 104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--104__m {
    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: 1025px) {
  .h-mx--104__d {
    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: 769px) {
  .h-mx--104__sm {
    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: 1200px) {
  .h-mx--104__l {
    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: 1500px) {
  .h-mx--104__xl {
    margin-right: 104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--104__xxl {
    margin-left: 104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--104__xxl {
    margin-right: 104px !important; } }

.h-mx--112 {
  margin-left: 112px !important;
  margin-right: 112px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--112__xs {
    margin-left: 112px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--112__xs {
    margin-right: 112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--112__m {
    margin-left: 112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--112__m {
    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: 1025px) {
  .h-mx--112__d {
    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: 769px) {
  .h-mx--112__sm {
    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: 1200px) {
  .h-mx--112__l {
    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: 1500px) {
  .h-mx--112__xl {
    margin-right: 112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--112__xxl {
    margin-left: 112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--112__xxl {
    margin-right: 112px !important; } }

.h-mx--120 {
  margin-left: 120px !important;
  margin-right: 120px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--120__xs {
    margin-left: 120px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--120__xs {
    margin-right: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--120__m {
    margin-left: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--120__m {
    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: 1025px) {
  .h-mx--120__d {
    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: 769px) {
  .h-mx--120__sm {
    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: 1200px) {
  .h-mx--120__l {
    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: 1500px) {
  .h-mx--120__xl {
    margin-right: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--120__xxl {
    margin-left: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--120__xxl {
    margin-right: 120px !important; } }

.h-mx--128 {
  margin-left: 128px !important;
  margin-right: 128px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--128__xs {
    margin-left: 128px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--128__xs {
    margin-right: 128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--128__m {
    margin-left: 128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--128__m {
    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: 1025px) {
  .h-mx--128__d {
    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: 769px) {
  .h-mx--128__sm {
    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: 1200px) {
  .h-mx--128__l {
    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: 1500px) {
  .h-mx--128__xl {
    margin-right: 128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--128__xxl {
    margin-left: 128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--128__xxl {
    margin-right: 128px !important; } }

.h-mx--136 {
  margin-left: 136px !important;
  margin-right: 136px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--136__xs {
    margin-left: 136px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--136__xs {
    margin-right: 136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--136__m {
    margin-left: 136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--136__m {
    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: 1025px) {
  .h-mx--136__d {
    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: 769px) {
  .h-mx--136__sm {
    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: 1200px) {
  .h-mx--136__l {
    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: 1500px) {
  .h-mx--136__xl {
    margin-right: 136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--136__xxl {
    margin-left: 136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--136__xxl {
    margin-right: 136px !important; } }

.h-mx--144 {
  margin-left: 144px !important;
  margin-right: 144px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--144__xs {
    margin-left: 144px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--144__xs {
    margin-right: 144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--144__m {
    margin-left: 144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--144__m {
    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: 1025px) {
  .h-mx--144__d {
    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: 769px) {
  .h-mx--144__sm {
    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: 1200px) {
  .h-mx--144__l {
    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: 1500px) {
  .h-mx--144__xl {
    margin-right: 144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--144__xxl {
    margin-left: 144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--144__xxl {
    margin-right: 144px !important; } }

.h-mx--152 {
  margin-left: 152px !important;
  margin-right: 152px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--152__xs {
    margin-left: 152px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--152__xs {
    margin-right: 152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--152__m {
    margin-left: 152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--152__m {
    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: 1025px) {
  .h-mx--152__d {
    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: 769px) {
  .h-mx--152__sm {
    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: 1200px) {
  .h-mx--152__l {
    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: 1500px) {
  .h-mx--152__xl {
    margin-right: 152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--152__xxl {
    margin-left: 152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--152__xxl {
    margin-right: 152px !important; } }

.h-mx--160 {
  margin-left: 160px !important;
  margin-right: 160px !important; }

@media only screen and (min-width: 576px) {
  .h-mx--160__xs {
    margin-left: 160px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--160__xs {
    margin-right: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--160__m {
    margin-left: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--160__m {
    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: 1025px) {
  .h-mx--160__d {
    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: 769px) {
  .h-mx--160__sm {
    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: 1200px) {
  .h-mx--160__l {
    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: 1500px) {
  .h-mx--160__xl {
    margin-right: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--160__xxl {
    margin-left: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--160__xxl {
    margin-right: 160px !important; } }

.h-mx--auto {
  margin-left: auto !important;
  margin-right: auto !important; }

@media only screen and (min-width: 576px) {
  .h-mx--auto__xs {
    margin-left: auto !important; } }

@media only screen and (min-width: 576px) {
  .h-mx--auto__xs {
    margin-right: auto !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--auto__m {
    margin-left: auto !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx--auto__m {
    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: 1025px) {
  .h-mx--auto__d {
    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: 769px) {
  .h-mx--auto__sm {
    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: 1200px) {
  .h-mx--auto__l {
    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: 1500px) {
  .h-mx--auto__xl {
    margin-right: auto !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--auto__xxl {
    margin-left: auto !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx--auto__xxl {
    margin-right: auto !important; } }

.h-mx-neg--0 {
  margin-left: 0px !important;
  margin-right: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--0__xs {
    margin-left: 0px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--0__xs {
    margin-right: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--0__m {
    margin-left: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--0__m {
    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: 1025px) {
  .h-mx-neg--0__d {
    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: 769px) {
  .h-mx-neg--0__sm {
    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: 1200px) {
  .h-mx-neg--0__l {
    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: 1500px) {
  .h-mx-neg--0__xl {
    margin-right: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--0__xxl {
    margin-left: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--0__xxl {
    margin-right: 0px !important; } }

.h-mx-neg--8 {
  margin-left: -8px !important;
  margin-right: -8px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--8__xs {
    margin-left: -8px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--8__xs {
    margin-right: -8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--8__m {
    margin-left: -8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--8__m {
    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: 1025px) {
  .h-mx-neg--8__d {
    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: 769px) {
  .h-mx-neg--8__sm {
    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: 1200px) {
  .h-mx-neg--8__l {
    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: 1500px) {
  .h-mx-neg--8__xl {
    margin-right: -8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--8__xxl {
    margin-left: -8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--8__xxl {
    margin-right: -8px !important; } }

.h-mx-neg--16 {
  margin-left: -16px !important;
  margin-right: -16px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--16__xs {
    margin-left: -16px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--16__xs {
    margin-right: -16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--16__m {
    margin-left: -16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--16__m {
    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: 1025px) {
  .h-mx-neg--16__d {
    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: 769px) {
  .h-mx-neg--16__sm {
    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: 1200px) {
  .h-mx-neg--16__l {
    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: 1500px) {
  .h-mx-neg--16__xl {
    margin-right: -16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--16__xxl {
    margin-left: -16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--16__xxl {
    margin-right: -16px !important; } }

.h-mx-neg--24 {
  margin-left: -24px !important;
  margin-right: -24px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--24__xs {
    margin-left: -24px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--24__xs {
    margin-right: -24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--24__m {
    margin-left: -24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--24__m {
    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: 1025px) {
  .h-mx-neg--24__d {
    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: 769px) {
  .h-mx-neg--24__sm {
    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: 1200px) {
  .h-mx-neg--24__l {
    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: 1500px) {
  .h-mx-neg--24__xl {
    margin-right: -24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--24__xxl {
    margin-left: -24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--24__xxl {
    margin-right: -24px !important; } }

.h-mx-neg--32 {
  margin-left: -32px !important;
  margin-right: -32px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--32__xs {
    margin-left: -32px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--32__xs {
    margin-right: -32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--32__m {
    margin-left: -32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--32__m {
    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: 1025px) {
  .h-mx-neg--32__d {
    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: 769px) {
  .h-mx-neg--32__sm {
    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: 1200px) {
  .h-mx-neg--32__l {
    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: 1500px) {
  .h-mx-neg--32__xl {
    margin-right: -32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--32__xxl {
    margin-left: -32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--32__xxl {
    margin-right: -32px !important; } }

.h-mx-neg--40 {
  margin-left: -40px !important;
  margin-right: -40px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--40__xs {
    margin-left: -40px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--40__xs {
    margin-right: -40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--40__m {
    margin-left: -40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--40__m {
    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: 1025px) {
  .h-mx-neg--40__d {
    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: 769px) {
  .h-mx-neg--40__sm {
    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: 1200px) {
  .h-mx-neg--40__l {
    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: 1500px) {
  .h-mx-neg--40__xl {
    margin-right: -40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--40__xxl {
    margin-left: -40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--40__xxl {
    margin-right: -40px !important; } }

.h-mx-neg--48 {
  margin-left: -48px !important;
  margin-right: -48px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--48__xs {
    margin-left: -48px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--48__xs {
    margin-right: -48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--48__m {
    margin-left: -48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--48__m {
    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: 1025px) {
  .h-mx-neg--48__d {
    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: 769px) {
  .h-mx-neg--48__sm {
    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: 1200px) {
  .h-mx-neg--48__l {
    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: 1500px) {
  .h-mx-neg--48__xl {
    margin-right: -48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--48__xxl {
    margin-left: -48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--48__xxl {
    margin-right: -48px !important; } }

.h-mx-neg--56 {
  margin-left: -56px !important;
  margin-right: -56px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--56__xs {
    margin-left: -56px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--56__xs {
    margin-right: -56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--56__m {
    margin-left: -56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--56__m {
    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: 1025px) {
  .h-mx-neg--56__d {
    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: 769px) {
  .h-mx-neg--56__sm {
    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: 1200px) {
  .h-mx-neg--56__l {
    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: 1500px) {
  .h-mx-neg--56__xl {
    margin-right: -56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--56__xxl {
    margin-left: -56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--56__xxl {
    margin-right: -56px !important; } }

.h-mx-neg--64 {
  margin-left: -64px !important;
  margin-right: -64px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--64__xs {
    margin-left: -64px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--64__xs {
    margin-right: -64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--64__m {
    margin-left: -64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--64__m {
    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: 1025px) {
  .h-mx-neg--64__d {
    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: 769px) {
  .h-mx-neg--64__sm {
    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: 1200px) {
  .h-mx-neg--64__l {
    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: 1500px) {
  .h-mx-neg--64__xl {
    margin-right: -64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--64__xxl {
    margin-left: -64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--64__xxl {
    margin-right: -64px !important; } }

.h-mx-neg--72 {
  margin-left: -72px !important;
  margin-right: -72px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--72__xs {
    margin-left: -72px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--72__xs {
    margin-right: -72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--72__m {
    margin-left: -72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--72__m {
    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: 1025px) {
  .h-mx-neg--72__d {
    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: 769px) {
  .h-mx-neg--72__sm {
    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: 1200px) {
  .h-mx-neg--72__l {
    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: 1500px) {
  .h-mx-neg--72__xl {
    margin-right: -72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--72__xxl {
    margin-left: -72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--72__xxl {
    margin-right: -72px !important; } }

.h-mx-neg--80 {
  margin-left: -80px !important;
  margin-right: -80px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--80__xs {
    margin-left: -80px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--80__xs {
    margin-right: -80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--80__m {
    margin-left: -80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--80__m {
    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: 1025px) {
  .h-mx-neg--80__d {
    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: 769px) {
  .h-mx-neg--80__sm {
    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: 1200px) {
  .h-mx-neg--80__l {
    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: 1500px) {
  .h-mx-neg--80__xl {
    margin-right: -80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--80__xxl {
    margin-left: -80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--80__xxl {
    margin-right: -80px !important; } }

.h-mx-neg--88 {
  margin-left: -88px !important;
  margin-right: -88px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--88__xs {
    margin-left: -88px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--88__xs {
    margin-right: -88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--88__m {
    margin-left: -88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--88__m {
    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: 1025px) {
  .h-mx-neg--88__d {
    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: 769px) {
  .h-mx-neg--88__sm {
    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: 1200px) {
  .h-mx-neg--88__l {
    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: 1500px) {
  .h-mx-neg--88__xl {
    margin-right: -88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--88__xxl {
    margin-left: -88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--88__xxl {
    margin-right: -88px !important; } }

.h-mx-neg--96 {
  margin-left: -96px !important;
  margin-right: -96px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--96__xs {
    margin-left: -96px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--96__xs {
    margin-right: -96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--96__m {
    margin-left: -96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--96__m {
    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: 1025px) {
  .h-mx-neg--96__d {
    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: 769px) {
  .h-mx-neg--96__sm {
    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: 1200px) {
  .h-mx-neg--96__l {
    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: 1500px) {
  .h-mx-neg--96__xl {
    margin-right: -96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--96__xxl {
    margin-left: -96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--96__xxl {
    margin-right: -96px !important; } }

.h-mx-neg--104 {
  margin-left: -104px !important;
  margin-right: -104px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--104__xs {
    margin-left: -104px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--104__xs {
    margin-right: -104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--104__m {
    margin-left: -104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--104__m {
    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: 1025px) {
  .h-mx-neg--104__d {
    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: 769px) {
  .h-mx-neg--104__sm {
    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: 1200px) {
  .h-mx-neg--104__l {
    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: 1500px) {
  .h-mx-neg--104__xl {
    margin-right: -104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--104__xxl {
    margin-left: -104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--104__xxl {
    margin-right: -104px !important; } }

.h-mx-neg--112 {
  margin-left: -112px !important;
  margin-right: -112px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--112__xs {
    margin-left: -112px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--112__xs {
    margin-right: -112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--112__m {
    margin-left: -112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--112__m {
    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: 1025px) {
  .h-mx-neg--112__d {
    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: 769px) {
  .h-mx-neg--112__sm {
    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: 1200px) {
  .h-mx-neg--112__l {
    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: 1500px) {
  .h-mx-neg--112__xl {
    margin-right: -112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--112__xxl {
    margin-left: -112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--112__xxl {
    margin-right: -112px !important; } }

.h-mx-neg--120 {
  margin-left: -120px !important;
  margin-right: -120px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--120__xs {
    margin-left: -120px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--120__xs {
    margin-right: -120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--120__m {
    margin-left: -120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--120__m {
    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: 1025px) {
  .h-mx-neg--120__d {
    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: 769px) {
  .h-mx-neg--120__sm {
    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: 1200px) {
  .h-mx-neg--120__l {
    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: 1500px) {
  .h-mx-neg--120__xl {
    margin-right: -120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--120__xxl {
    margin-left: -120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--120__xxl {
    margin-right: -120px !important; } }

.h-mx-neg--128 {
  margin-left: -128px !important;
  margin-right: -128px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--128__xs {
    margin-left: -128px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--128__xs {
    margin-right: -128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--128__m {
    margin-left: -128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--128__m {
    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: 1025px) {
  .h-mx-neg--128__d {
    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: 769px) {
  .h-mx-neg--128__sm {
    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: 1200px) {
  .h-mx-neg--128__l {
    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: 1500px) {
  .h-mx-neg--128__xl {
    margin-right: -128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--128__xxl {
    margin-left: -128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--128__xxl {
    margin-right: -128px !important; } }

.h-mx-neg--136 {
  margin-left: -136px !important;
  margin-right: -136px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--136__xs {
    margin-left: -136px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--136__xs {
    margin-right: -136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--136__m {
    margin-left: -136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--136__m {
    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: 1025px) {
  .h-mx-neg--136__d {
    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: 769px) {
  .h-mx-neg--136__sm {
    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: 1200px) {
  .h-mx-neg--136__l {
    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: 1500px) {
  .h-mx-neg--136__xl {
    margin-right: -136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--136__xxl {
    margin-left: -136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--136__xxl {
    margin-right: -136px !important; } }

.h-mx-neg--144 {
  margin-left: -144px !important;
  margin-right: -144px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--144__xs {
    margin-left: -144px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--144__xs {
    margin-right: -144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--144__m {
    margin-left: -144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--144__m {
    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: 1025px) {
  .h-mx-neg--144__d {
    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: 769px) {
  .h-mx-neg--144__sm {
    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: 1200px) {
  .h-mx-neg--144__l {
    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: 1500px) {
  .h-mx-neg--144__xl {
    margin-right: -144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--144__xxl {
    margin-left: -144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--144__xxl {
    margin-right: -144px !important; } }

.h-mx-neg--152 {
  margin-left: -152px !important;
  margin-right: -152px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--152__xs {
    margin-left: -152px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--152__xs {
    margin-right: -152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--152__m {
    margin-left: -152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--152__m {
    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: 1025px) {
  .h-mx-neg--152__d {
    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: 769px) {
  .h-mx-neg--152__sm {
    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: 1200px) {
  .h-mx-neg--152__l {
    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: 1500px) {
  .h-mx-neg--152__xl {
    margin-right: -152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--152__xxl {
    margin-left: -152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--152__xxl {
    margin-right: -152px !important; } }

.h-mx-neg--160 {
  margin-left: -160px !important;
  margin-right: -160px !important; }

@media only screen and (min-width: 576px) {
  .h-mx-neg--160__xs {
    margin-left: -160px !important; } }

@media only screen and (min-width: 576px) {
  .h-mx-neg--160__xs {
    margin-right: -160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--160__m {
    margin-left: -160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-mx-neg--160__m {
    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: 1025px) {
  .h-mx-neg--160__d {
    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: 769px) {
  .h-mx-neg--160__sm {
    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: 1200px) {
  .h-mx-neg--160__l {
    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: 1500px) {
  .h-mx-neg--160__xl {
    margin-right: -160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--160__xxl {
    margin-left: -160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-mx-neg--160__xxl {
    margin-right: -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-left: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--0__xs {
    padding-left: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--0__m {
    padding-left: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--0__d {
    padding-left: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--0__sm {
    padding-left: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--0__l {
    padding-left: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--0__xl {
    padding-left: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--0__xxl {
    padding-left: 0px !important; } }

.h-pl--8 {
  padding-left: 8px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--8__xs {
    padding-left: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--8__m {
    padding-left: 8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--8__d {
    padding-left: 8px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--8__sm {
    padding-left: 8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--8__l {
    padding-left: 8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--8__xl {
    padding-left: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--8__xxl {
    padding-left: 8px !important; } }

.h-pl--16 {
  padding-left: 16px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--16__xs {
    padding-left: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--16__m {
    padding-left: 16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--16__d {
    padding-left: 16px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--16__sm {
    padding-left: 16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--16__l {
    padding-left: 16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--16__xl {
    padding-left: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--16__xxl {
    padding-left: 16px !important; } }

.h-pl--24 {
  padding-left: 24px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--24__xs {
    padding-left: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--24__m {
    padding-left: 24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--24__d {
    padding-left: 24px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--24__sm {
    padding-left: 24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--24__l {
    padding-left: 24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--24__xl {
    padding-left: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--24__xxl {
    padding-left: 24px !important; } }

.h-pl--32 {
  padding-left: 32px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--32__xs {
    padding-left: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--32__m {
    padding-left: 32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--32__d {
    padding-left: 32px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--32__sm {
    padding-left: 32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--32__l {
    padding-left: 32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--32__xl {
    padding-left: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--32__xxl {
    padding-left: 32px !important; } }

.h-pl--40 {
  padding-left: 40px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--40__xs {
    padding-left: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--40__m {
    padding-left: 40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--40__d {
    padding-left: 40px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--40__sm {
    padding-left: 40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--40__l {
    padding-left: 40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--40__xl {
    padding-left: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--40__xxl {
    padding-left: 40px !important; } }

.h-pl--48 {
  padding-left: 48px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--48__xs {
    padding-left: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--48__m {
    padding-left: 48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--48__d {
    padding-left: 48px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--48__sm {
    padding-left: 48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--48__l {
    padding-left: 48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--48__xl {
    padding-left: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--48__xxl {
    padding-left: 48px !important; } }

.h-pl--56 {
  padding-left: 56px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--56__xs {
    padding-left: 56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--56__m {
    padding-left: 56px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--56__d {
    padding-left: 56px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--56__sm {
    padding-left: 56px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--56__l {
    padding-left: 56px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--56__xl {
    padding-left: 56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--56__xxl {
    padding-left: 56px !important; } }

.h-pl--64 {
  padding-left: 64px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--64__xs {
    padding-left: 64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--64__m {
    padding-left: 64px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--64__d {
    padding-left: 64px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--64__sm {
    padding-left: 64px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--64__l {
    padding-left: 64px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--64__xl {
    padding-left: 64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--64__xxl {
    padding-left: 64px !important; } }

.h-pl--72 {
  padding-left: 72px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--72__xs {
    padding-left: 72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--72__m {
    padding-left: 72px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--72__d {
    padding-left: 72px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--72__sm {
    padding-left: 72px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--72__l {
    padding-left: 72px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--72__xl {
    padding-left: 72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--72__xxl {
    padding-left: 72px !important; } }

.h-pl--80 {
  padding-left: 80px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--80__xs {
    padding-left: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--80__m {
    padding-left: 80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--80__d {
    padding-left: 80px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--80__sm {
    padding-left: 80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--80__l {
    padding-left: 80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--80__xl {
    padding-left: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--80__xxl {
    padding-left: 80px !important; } }

.h-pl--88 {
  padding-left: 88px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--88__xs {
    padding-left: 88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--88__m {
    padding-left: 88px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--88__d {
    padding-left: 88px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--88__sm {
    padding-left: 88px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--88__l {
    padding-left: 88px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--88__xl {
    padding-left: 88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--88__xxl {
    padding-left: 88px !important; } }

.h-pl--96 {
  padding-left: 96px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--96__xs {
    padding-left: 96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--96__m {
    padding-left: 96px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--96__d {
    padding-left: 96px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--96__sm {
    padding-left: 96px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--96__l {
    padding-left: 96px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--96__xl {
    padding-left: 96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--96__xxl {
    padding-left: 96px !important; } }

.h-pl--104 {
  padding-left: 104px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--104__xs {
    padding-left: 104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--104__m {
    padding-left: 104px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--104__d {
    padding-left: 104px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--104__sm {
    padding-left: 104px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--104__l {
    padding-left: 104px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--104__xl {
    padding-left: 104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--104__xxl {
    padding-left: 104px !important; } }

.h-pl--112 {
  padding-left: 112px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--112__xs {
    padding-left: 112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--112__m {
    padding-left: 112px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--112__d {
    padding-left: 112px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--112__sm {
    padding-left: 112px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--112__l {
    padding-left: 112px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--112__xl {
    padding-left: 112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--112__xxl {
    padding-left: 112px !important; } }

.h-pl--120 {
  padding-left: 120px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--120__xs {
    padding-left: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--120__m {
    padding-left: 120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--120__d {
    padding-left: 120px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--120__sm {
    padding-left: 120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--120__l {
    padding-left: 120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--120__xl {
    padding-left: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--120__xxl {
    padding-left: 120px !important; } }

.h-pl--128 {
  padding-left: 128px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--128__xs {
    padding-left: 128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--128__m {
    padding-left: 128px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--128__d {
    padding-left: 128px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--128__sm {
    padding-left: 128px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--128__l {
    padding-left: 128px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--128__xl {
    padding-left: 128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--128__xxl {
    padding-left: 128px !important; } }

.h-pl--136 {
  padding-left: 136px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--136__xs {
    padding-left: 136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--136__m {
    padding-left: 136px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--136__d {
    padding-left: 136px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--136__sm {
    padding-left: 136px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--136__l {
    padding-left: 136px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--136__xl {
    padding-left: 136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--136__xxl {
    padding-left: 136px !important; } }

.h-pl--144 {
  padding-left: 144px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--144__xs {
    padding-left: 144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--144__m {
    padding-left: 144px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--144__d {
    padding-left: 144px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--144__sm {
    padding-left: 144px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--144__l {
    padding-left: 144px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--144__xl {
    padding-left: 144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--144__xxl {
    padding-left: 144px !important; } }

.h-pl--152 {
  padding-left: 152px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--152__xs {
    padding-left: 152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--152__m {
    padding-left: 152px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--152__d {
    padding-left: 152px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--152__sm {
    padding-left: 152px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--152__l {
    padding-left: 152px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--152__xl {
    padding-left: 152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--152__xxl {
    padding-left: 152px !important; } }

.h-pl--160 {
  padding-left: 160px !important; }

@media only screen and (min-width: 576px) {
  .h-pl--160__xs {
    padding-left: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pl--160__m {
    padding-left: 160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pl--160__d {
    padding-left: 160px !important; } }

@media only screen and (min-width: 769px) {
  .h-pl--160__sm {
    padding-left: 160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pl--160__l {
    padding-left: 160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pl--160__xl {
    padding-left: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pl--160__xxl {
    padding-left: 160px !important; } }

.h-pr--0 {
  padding-right: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--0__xs {
    padding-right: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--0__m {
    padding-right: 0px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--0__d {
    padding-right: 0px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--0__sm {
    padding-right: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--0__l {
    padding-right: 0px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--0__xl {
    padding-right: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--0__xxl {
    padding-right: 0px !important; } }

.h-pr--8 {
  padding-right: 8px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--8__xs {
    padding-right: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--8__m {
    padding-right: 8px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--8__d {
    padding-right: 8px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--8__sm {
    padding-right: 8px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--8__l {
    padding-right: 8px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--8__xl {
    padding-right: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--8__xxl {
    padding-right: 8px !important; } }

.h-pr--16 {
  padding-right: 16px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--16__xs {
    padding-right: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--16__m {
    padding-right: 16px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--16__d {
    padding-right: 16px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--16__sm {
    padding-right: 16px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--16__l {
    padding-right: 16px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--16__xl {
    padding-right: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--16__xxl {
    padding-right: 16px !important; } }

.h-pr--24 {
  padding-right: 24px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--24__xs {
    padding-right: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--24__m {
    padding-right: 24px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--24__d {
    padding-right: 24px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--24__sm {
    padding-right: 24px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--24__l {
    padding-right: 24px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--24__xl {
    padding-right: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--24__xxl {
    padding-right: 24px !important; } }

.h-pr--32 {
  padding-right: 32px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--32__xs {
    padding-right: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--32__m {
    padding-right: 32px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--32__d {
    padding-right: 32px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--32__sm {
    padding-right: 32px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--32__l {
    padding-right: 32px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--32__xl {
    padding-right: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--32__xxl {
    padding-right: 32px !important; } }

.h-pr--40 {
  padding-right: 40px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--40__xs {
    padding-right: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--40__m {
    padding-right: 40px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--40__d {
    padding-right: 40px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--40__sm {
    padding-right: 40px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--40__l {
    padding-right: 40px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--40__xl {
    padding-right: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--40__xxl {
    padding-right: 40px !important; } }

.h-pr--48 {
  padding-right: 48px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--48__xs {
    padding-right: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--48__m {
    padding-right: 48px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--48__d {
    padding-right: 48px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--48__sm {
    padding-right: 48px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--48__l {
    padding-right: 48px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--48__xl {
    padding-right: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--48__xxl {
    padding-right: 48px !important; } }

.h-pr--56 {
  padding-right: 56px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--56__xs {
    padding-right: 56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--56__m {
    padding-right: 56px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--56__d {
    padding-right: 56px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--56__sm {
    padding-right: 56px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--56__l {
    padding-right: 56px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--56__xl {
    padding-right: 56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--56__xxl {
    padding-right: 56px !important; } }

.h-pr--64 {
  padding-right: 64px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--64__xs {
    padding-right: 64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--64__m {
    padding-right: 64px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--64__d {
    padding-right: 64px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--64__sm {
    padding-right: 64px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--64__l {
    padding-right: 64px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--64__xl {
    padding-right: 64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--64__xxl {
    padding-right: 64px !important; } }

.h-pr--72 {
  padding-right: 72px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--72__xs {
    padding-right: 72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--72__m {
    padding-right: 72px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--72__d {
    padding-right: 72px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--72__sm {
    padding-right: 72px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--72__l {
    padding-right: 72px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--72__xl {
    padding-right: 72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--72__xxl {
    padding-right: 72px !important; } }

.h-pr--80 {
  padding-right: 80px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--80__xs {
    padding-right: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--80__m {
    padding-right: 80px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--80__d {
    padding-right: 80px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--80__sm {
    padding-right: 80px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--80__l {
    padding-right: 80px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--80__xl {
    padding-right: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--80__xxl {
    padding-right: 80px !important; } }

.h-pr--88 {
  padding-right: 88px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--88__xs {
    padding-right: 88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--88__m {
    padding-right: 88px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--88__d {
    padding-right: 88px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--88__sm {
    padding-right: 88px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--88__l {
    padding-right: 88px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--88__xl {
    padding-right: 88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--88__xxl {
    padding-right: 88px !important; } }

.h-pr--96 {
  padding-right: 96px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--96__xs {
    padding-right: 96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--96__m {
    padding-right: 96px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--96__d {
    padding-right: 96px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--96__sm {
    padding-right: 96px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--96__l {
    padding-right: 96px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--96__xl {
    padding-right: 96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--96__xxl {
    padding-right: 96px !important; } }

.h-pr--104 {
  padding-right: 104px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--104__xs {
    padding-right: 104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--104__m {
    padding-right: 104px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--104__d {
    padding-right: 104px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--104__sm {
    padding-right: 104px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--104__l {
    padding-right: 104px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--104__xl {
    padding-right: 104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--104__xxl {
    padding-right: 104px !important; } }

.h-pr--112 {
  padding-right: 112px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--112__xs {
    padding-right: 112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--112__m {
    padding-right: 112px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--112__d {
    padding-right: 112px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--112__sm {
    padding-right: 112px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--112__l {
    padding-right: 112px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--112__xl {
    padding-right: 112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--112__xxl {
    padding-right: 112px !important; } }

.h-pr--120 {
  padding-right: 120px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--120__xs {
    padding-right: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--120__m {
    padding-right: 120px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--120__d {
    padding-right: 120px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--120__sm {
    padding-right: 120px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--120__l {
    padding-right: 120px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--120__xl {
    padding-right: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--120__xxl {
    padding-right: 120px !important; } }

.h-pr--128 {
  padding-right: 128px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--128__xs {
    padding-right: 128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--128__m {
    padding-right: 128px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--128__d {
    padding-right: 128px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--128__sm {
    padding-right: 128px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--128__l {
    padding-right: 128px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--128__xl {
    padding-right: 128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--128__xxl {
    padding-right: 128px !important; } }

.h-pr--136 {
  padding-right: 136px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--136__xs {
    padding-right: 136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--136__m {
    padding-right: 136px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--136__d {
    padding-right: 136px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--136__sm {
    padding-right: 136px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--136__l {
    padding-right: 136px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--136__xl {
    padding-right: 136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--136__xxl {
    padding-right: 136px !important; } }

.h-pr--144 {
  padding-right: 144px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--144__xs {
    padding-right: 144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--144__m {
    padding-right: 144px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--144__d {
    padding-right: 144px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--144__sm {
    padding-right: 144px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--144__l {
    padding-right: 144px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--144__xl {
    padding-right: 144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--144__xxl {
    padding-right: 144px !important; } }

.h-pr--152 {
  padding-right: 152px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--152__xs {
    padding-right: 152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--152__m {
    padding-right: 152px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--152__d {
    padding-right: 152px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--152__sm {
    padding-right: 152px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--152__l {
    padding-right: 152px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--152__xl {
    padding-right: 152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--152__xxl {
    padding-right: 152px !important; } }

.h-pr--160 {
  padding-right: 160px !important; }

@media only screen and (min-width: 576px) {
  .h-pr--160__xs {
    padding-right: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-pr--160__m {
    padding-right: 160px !important; } }

@media only screen and (min-width: 1025px) {
  .h-pr--160__d {
    padding-right: 160px !important; } }

@media only screen and (min-width: 769px) {
  .h-pr--160__sm {
    padding-right: 160px !important; } }

@media only screen and (min-width: 1200px) {
  .h-pr--160__l {
    padding-right: 160px !important; } }

@media only screen and (min-width: 1500px) {
  .h-pr--160__xl {
    padding-right: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-pr--160__xxl {
    padding-right: 160px !important; } }

.h-px--0 {
  padding-left: 0px !important;
  padding-right: 0px !important; }

@media only screen and (min-width: 576px) {
  .h-px--0__xs {
    padding-left: 0px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--0__xs {
    padding-right: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--0__m {
    padding-left: 0px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--0__m {
    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: 1025px) {
  .h-px--0__d {
    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: 769px) {
  .h-px--0__sm {
    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: 1200px) {
  .h-px--0__l {
    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: 1500px) {
  .h-px--0__xl {
    padding-right: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--0__xxl {
    padding-left: 0px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--0__xxl {
    padding-right: 0px !important; } }

.h-px--8 {
  padding-left: 8px !important;
  padding-right: 8px !important; }

@media only screen and (min-width: 576px) {
  .h-px--8__xs {
    padding-left: 8px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--8__xs {
    padding-right: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--8__m {
    padding-left: 8px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--8__m {
    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: 1025px) {
  .h-px--8__d {
    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: 769px) {
  .h-px--8__sm {
    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: 1200px) {
  .h-px--8__l {
    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: 1500px) {
  .h-px--8__xl {
    padding-right: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--8__xxl {
    padding-left: 8px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--8__xxl {
    padding-right: 8px !important; } }

.h-px--16 {
  padding-left: 16px !important;
  padding-right: 16px !important; }

@media only screen and (min-width: 576px) {
  .h-px--16__xs {
    padding-left: 16px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--16__xs {
    padding-right: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--16__m {
    padding-left: 16px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--16__m {
    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: 1025px) {
  .h-px--16__d {
    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: 769px) {
  .h-px--16__sm {
    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: 1200px) {
  .h-px--16__l {
    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: 1500px) {
  .h-px--16__xl {
    padding-right: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--16__xxl {
    padding-left: 16px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--16__xxl {
    padding-right: 16px !important; } }

.h-px--24 {
  padding-left: 24px !important;
  padding-right: 24px !important; }

@media only screen and (min-width: 576px) {
  .h-px--24__xs {
    padding-left: 24px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--24__xs {
    padding-right: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--24__m {
    padding-left: 24px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--24__m {
    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: 1025px) {
  .h-px--24__d {
    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: 769px) {
  .h-px--24__sm {
    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: 1200px) {
  .h-px--24__l {
    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: 1500px) {
  .h-px--24__xl {
    padding-right: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--24__xxl {
    padding-left: 24px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--24__xxl {
    padding-right: 24px !important; } }

.h-px--32 {
  padding-left: 32px !important;
  padding-right: 32px !important; }

@media only screen and (min-width: 576px) {
  .h-px--32__xs {
    padding-left: 32px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--32__xs {
    padding-right: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--32__m {
    padding-left: 32px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--32__m {
    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: 1025px) {
  .h-px--32__d {
    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: 769px) {
  .h-px--32__sm {
    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: 1200px) {
  .h-px--32__l {
    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: 1500px) {
  .h-px--32__xl {
    padding-right: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--32__xxl {
    padding-left: 32px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--32__xxl {
    padding-right: 32px !important; } }

.h-px--40 {
  padding-left: 40px !important;
  padding-right: 40px !important; }

@media only screen and (min-width: 576px) {
  .h-px--40__xs {
    padding-left: 40px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--40__xs {
    padding-right: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--40__m {
    padding-left: 40px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--40__m {
    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: 1025px) {
  .h-px--40__d {
    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: 769px) {
  .h-px--40__sm {
    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: 1200px) {
  .h-px--40__l {
    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: 1500px) {
  .h-px--40__xl {
    padding-right: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--40__xxl {
    padding-left: 40px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--40__xxl {
    padding-right: 40px !important; } }

.h-px--48 {
  padding-left: 48px !important;
  padding-right: 48px !important; }

@media only screen and (min-width: 576px) {
  .h-px--48__xs {
    padding-left: 48px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--48__xs {
    padding-right: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--48__m {
    padding-left: 48px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--48__m {
    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: 1025px) {
  .h-px--48__d {
    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: 769px) {
  .h-px--48__sm {
    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: 1200px) {
  .h-px--48__l {
    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: 1500px) {
  .h-px--48__xl {
    padding-right: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--48__xxl {
    padding-left: 48px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--48__xxl {
    padding-right: 48px !important; } }

.h-px--56 {
  padding-left: 56px !important;
  padding-right: 56px !important; }

@media only screen and (min-width: 576px) {
  .h-px--56__xs {
    padding-left: 56px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--56__xs {
    padding-right: 56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--56__m {
    padding-left: 56px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--56__m {
    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: 1025px) {
  .h-px--56__d {
    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: 769px) {
  .h-px--56__sm {
    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: 1200px) {
  .h-px--56__l {
    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: 1500px) {
  .h-px--56__xl {
    padding-right: 56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--56__xxl {
    padding-left: 56px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--56__xxl {
    padding-right: 56px !important; } }

.h-px--64 {
  padding-left: 64px !important;
  padding-right: 64px !important; }

@media only screen and (min-width: 576px) {
  .h-px--64__xs {
    padding-left: 64px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--64__xs {
    padding-right: 64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--64__m {
    padding-left: 64px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--64__m {
    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: 1025px) {
  .h-px--64__d {
    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: 769px) {
  .h-px--64__sm {
    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: 1200px) {
  .h-px--64__l {
    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: 1500px) {
  .h-px--64__xl {
    padding-right: 64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--64__xxl {
    padding-left: 64px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--64__xxl {
    padding-right: 64px !important; } }

.h-px--72 {
  padding-left: 72px !important;
  padding-right: 72px !important; }

@media only screen and (min-width: 576px) {
  .h-px--72__xs {
    padding-left: 72px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--72__xs {
    padding-right: 72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--72__m {
    padding-left: 72px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--72__m {
    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: 1025px) {
  .h-px--72__d {
    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: 769px) {
  .h-px--72__sm {
    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: 1200px) {
  .h-px--72__l {
    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: 1500px) {
  .h-px--72__xl {
    padding-right: 72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--72__xxl {
    padding-left: 72px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--72__xxl {
    padding-right: 72px !important; } }

.h-px--80 {
  padding-left: 80px !important;
  padding-right: 80px !important; }

@media only screen and (min-width: 576px) {
  .h-px--80__xs {
    padding-left: 80px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--80__xs {
    padding-right: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--80__m {
    padding-left: 80px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--80__m {
    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: 1025px) {
  .h-px--80__d {
    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: 769px) {
  .h-px--80__sm {
    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: 1200px) {
  .h-px--80__l {
    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: 1500px) {
  .h-px--80__xl {
    padding-right: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--80__xxl {
    padding-left: 80px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--80__xxl {
    padding-right: 80px !important; } }

.h-px--88 {
  padding-left: 88px !important;
  padding-right: 88px !important; }

@media only screen and (min-width: 576px) {
  .h-px--88__xs {
    padding-left: 88px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--88__xs {
    padding-right: 88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--88__m {
    padding-left: 88px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--88__m {
    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: 1025px) {
  .h-px--88__d {
    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: 769px) {
  .h-px--88__sm {
    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: 1200px) {
  .h-px--88__l {
    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: 1500px) {
  .h-px--88__xl {
    padding-right: 88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--88__xxl {
    padding-left: 88px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--88__xxl {
    padding-right: 88px !important; } }

.h-px--96 {
  padding-left: 96px !important;
  padding-right: 96px !important; }

@media only screen and (min-width: 576px) {
  .h-px--96__xs {
    padding-left: 96px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--96__xs {
    padding-right: 96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--96__m {
    padding-left: 96px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--96__m {
    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: 1025px) {
  .h-px--96__d {
    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: 769px) {
  .h-px--96__sm {
    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: 1200px) {
  .h-px--96__l {
    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: 1500px) {
  .h-px--96__xl {
    padding-right: 96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--96__xxl {
    padding-left: 96px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--96__xxl {
    padding-right: 96px !important; } }

.h-px--104 {
  padding-left: 104px !important;
  padding-right: 104px !important; }

@media only screen and (min-width: 576px) {
  .h-px--104__xs {
    padding-left: 104px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--104__xs {
    padding-right: 104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--104__m {
    padding-left: 104px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--104__m {
    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: 1025px) {
  .h-px--104__d {
    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: 769px) {
  .h-px--104__sm {
    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: 1200px) {
  .h-px--104__l {
    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: 1500px) {
  .h-px--104__xl {
    padding-right: 104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--104__xxl {
    padding-left: 104px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--104__xxl {
    padding-right: 104px !important; } }

.h-px--112 {
  padding-left: 112px !important;
  padding-right: 112px !important; }

@media only screen and (min-width: 576px) {
  .h-px--112__xs {
    padding-left: 112px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--112__xs {
    padding-right: 112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--112__m {
    padding-left: 112px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--112__m {
    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: 1025px) {
  .h-px--112__d {
    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: 769px) {
  .h-px--112__sm {
    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: 1200px) {
  .h-px--112__l {
    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: 1500px) {
  .h-px--112__xl {
    padding-right: 112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--112__xxl {
    padding-left: 112px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--112__xxl {
    padding-right: 112px !important; } }

.h-px--120 {
  padding-left: 120px !important;
  padding-right: 120px !important; }

@media only screen and (min-width: 576px) {
  .h-px--120__xs {
    padding-left: 120px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--120__xs {
    padding-right: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--120__m {
    padding-left: 120px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--120__m {
    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: 1025px) {
  .h-px--120__d {
    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: 769px) {
  .h-px--120__sm {
    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: 1200px) {
  .h-px--120__l {
    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: 1500px) {
  .h-px--120__xl {
    padding-right: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--120__xxl {
    padding-left: 120px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--120__xxl {
    padding-right: 120px !important; } }

.h-px--128 {
  padding-left: 128px !important;
  padding-right: 128px !important; }

@media only screen and (min-width: 576px) {
  .h-px--128__xs {
    padding-left: 128px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--128__xs {
    padding-right: 128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--128__m {
    padding-left: 128px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--128__m {
    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: 1025px) {
  .h-px--128__d {
    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: 769px) {
  .h-px--128__sm {
    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: 1200px) {
  .h-px--128__l {
    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: 1500px) {
  .h-px--128__xl {
    padding-right: 128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--128__xxl {
    padding-left: 128px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--128__xxl {
    padding-right: 128px !important; } }

.h-px--136 {
  padding-left: 136px !important;
  padding-right: 136px !important; }

@media only screen and (min-width: 576px) {
  .h-px--136__xs {
    padding-left: 136px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--136__xs {
    padding-right: 136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--136__m {
    padding-left: 136px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--136__m {
    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: 1025px) {
  .h-px--136__d {
    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: 769px) {
  .h-px--136__sm {
    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: 1200px) {
  .h-px--136__l {
    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: 1500px) {
  .h-px--136__xl {
    padding-right: 136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--136__xxl {
    padding-left: 136px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--136__xxl {
    padding-right: 136px !important; } }

.h-px--144 {
  padding-left: 144px !important;
  padding-right: 144px !important; }

@media only screen and (min-width: 576px) {
  .h-px--144__xs {
    padding-left: 144px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--144__xs {
    padding-right: 144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--144__m {
    padding-left: 144px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--144__m {
    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: 1025px) {
  .h-px--144__d {
    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: 769px) {
  .h-px--144__sm {
    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: 1200px) {
  .h-px--144__l {
    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: 1500px) {
  .h-px--144__xl {
    padding-right: 144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--144__xxl {
    padding-left: 144px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--144__xxl {
    padding-right: 144px !important; } }

.h-px--152 {
  padding-left: 152px !important;
  padding-right: 152px !important; }

@media only screen and (min-width: 576px) {
  .h-px--152__xs {
    padding-left: 152px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--152__xs {
    padding-right: 152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--152__m {
    padding-left: 152px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--152__m {
    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: 1025px) {
  .h-px--152__d {
    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: 769px) {
  .h-px--152__sm {
    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: 1200px) {
  .h-px--152__l {
    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: 1500px) {
  .h-px--152__xl {
    padding-right: 152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--152__xxl {
    padding-left: 152px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--152__xxl {
    padding-right: 152px !important; } }

.h-px--160 {
  padding-left: 160px !important;
  padding-right: 160px !important; }

@media only screen and (min-width: 576px) {
  .h-px--160__xs {
    padding-left: 160px !important; } }

@media only screen and (min-width: 576px) {
  .h-px--160__xs {
    padding-right: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--160__m {
    padding-left: 160px !important; } }

@media only screen and (max-width: 1024px) {
  .h-px--160__m {
    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: 1025px) {
  .h-px--160__d {
    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: 769px) {
  .h-px--160__sm {
    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: 1200px) {
  .h-px--160__l {
    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: 1500px) {
  .h-px--160__xl {
    padding-right: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--160__xxl {
    padding-left: 160px !important; } }

@media only screen and (min-width: 2000px) {
  .h-px--160__xxl {
    padding-right: 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-left: 0vw !important;
  padding-right: 0vw !important; }

@media only screen and (min-width: 576px) {
  .h-px-vw--0__xs {
    padding-left: 0vw !important; } }

@media only screen and (min-width: 576px) {
  .h-px-vw--0__xs {
    padding-right: 0vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--0__m {
    padding-left: 0vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--0__m {
    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: 1025px) {
  .h-px-vw--0__d {
    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: 769px) {
  .h-px-vw--0__sm {
    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: 1200px) {
  .h-px-vw--0__l {
    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: 1500px) {
  .h-px-vw--0__xl {
    padding-right: 0vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--0__xxl {
    padding-left: 0vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--0__xxl {
    padding-right: 0vw !important; } }

.h-px-vw--1 {
  padding-left: 1vw !important;
  padding-right: 1vw !important; }

@media only screen and (min-width: 576px) {
  .h-px-vw--1__xs {
    padding-left: 1vw !important; } }

@media only screen and (min-width: 576px) {
  .h-px-vw--1__xs {
    padding-right: 1vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--1__m {
    padding-left: 1vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--1__m {
    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: 1025px) {
  .h-px-vw--1__d {
    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: 769px) {
  .h-px-vw--1__sm {
    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: 1200px) {
  .h-px-vw--1__l {
    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: 1500px) {
  .h-px-vw--1__xl {
    padding-right: 1vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--1__xxl {
    padding-left: 1vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--1__xxl {
    padding-right: 1vw !important; } }

.h-px-vw--2 {
  padding-left: 2vw !important;
  padding-right: 2vw !important; }

@media only screen and (min-width: 576px) {
  .h-px-vw--2__xs {
    padding-left: 2vw !important; } }

@media only screen and (min-width: 576px) {
  .h-px-vw--2__xs {
    padding-right: 2vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--2__m {
    padding-left: 2vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--2__m {
    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: 1025px) {
  .h-px-vw--2__d {
    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: 769px) {
  .h-px-vw--2__sm {
    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: 1200px) {
  .h-px-vw--2__l {
    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: 1500px) {
  .h-px-vw--2__xl {
    padding-right: 2vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--2__xxl {
    padding-left: 2vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--2__xxl {
    padding-right: 2vw !important; } }

.h-px-vw--3 {
  padding-left: 3vw !important;
  padding-right: 3vw !important; }

@media only screen and (min-width: 576px) {
  .h-px-vw--3__xs {
    padding-left: 3vw !important; } }

@media only screen and (min-width: 576px) {
  .h-px-vw--3__xs {
    padding-right: 3vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--3__m {
    padding-left: 3vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--3__m {
    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: 1025px) {
  .h-px-vw--3__d {
    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: 769px) {
  .h-px-vw--3__sm {
    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: 1200px) {
  .h-px-vw--3__l {
    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: 1500px) {
  .h-px-vw--3__xl {
    padding-right: 3vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--3__xxl {
    padding-left: 3vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--3__xxl {
    padding-right: 3vw !important; } }

.h-px-vw--4 {
  padding-left: 4vw !important;
  padding-right: 4vw !important; }

@media only screen and (min-width: 576px) {
  .h-px-vw--4__xs {
    padding-left: 4vw !important; } }

@media only screen and (min-width: 576px) {
  .h-px-vw--4__xs {
    padding-right: 4vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--4__m {
    padding-left: 4vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--4__m {
    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: 1025px) {
  .h-px-vw--4__d {
    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: 769px) {
  .h-px-vw--4__sm {
    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: 1200px) {
  .h-px-vw--4__l {
    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: 1500px) {
  .h-px-vw--4__xl {
    padding-right: 4vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--4__xxl {
    padding-left: 4vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--4__xxl {
    padding-right: 4vw !important; } }

.h-px-vw--5 {
  padding-left: 5vw !important;
  padding-right: 5vw !important; }

@media only screen and (min-width: 576px) {
  .h-px-vw--5__xs {
    padding-left: 5vw !important; } }

@media only screen and (min-width: 576px) {
  .h-px-vw--5__xs {
    padding-right: 5vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--5__m {
    padding-left: 5vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--5__m {
    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: 1025px) {
  .h-px-vw--5__d {
    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: 769px) {
  .h-px-vw--5__sm {
    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: 1200px) {
  .h-px-vw--5__l {
    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: 1500px) {
  .h-px-vw--5__xl {
    padding-right: 5vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--5__xxl {
    padding-left: 5vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--5__xxl {
    padding-right: 5vw !important; } }

.h-px-vw--6 {
  padding-left: 6vw !important;
  padding-right: 6vw !important; }

@media only screen and (min-width: 576px) {
  .h-px-vw--6__xs {
    padding-left: 6vw !important; } }

@media only screen and (min-width: 576px) {
  .h-px-vw--6__xs {
    padding-right: 6vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--6__m {
    padding-left: 6vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--6__m {
    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: 1025px) {
  .h-px-vw--6__d {
    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: 769px) {
  .h-px-vw--6__sm {
    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: 1200px) {
  .h-px-vw--6__l {
    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: 1500px) {
  .h-px-vw--6__xl {
    padding-right: 6vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--6__xxl {
    padding-left: 6vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--6__xxl {
    padding-right: 6vw !important; } }

.h-px-vw--7 {
  padding-left: 7vw !important;
  padding-right: 7vw !important; }

@media only screen and (min-width: 576px) {
  .h-px-vw--7__xs {
    padding-left: 7vw !important; } }

@media only screen and (min-width: 576px) {
  .h-px-vw--7__xs {
    padding-right: 7vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--7__m {
    padding-left: 7vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--7__m {
    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: 1025px) {
  .h-px-vw--7__d {
    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: 769px) {
  .h-px-vw--7__sm {
    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: 1200px) {
  .h-px-vw--7__l {
    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: 1500px) {
  .h-px-vw--7__xl {
    padding-right: 7vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--7__xxl {
    padding-left: 7vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--7__xxl {
    padding-right: 7vw !important; } }

.h-px-vw--8 {
  padding-left: 8vw !important;
  padding-right: 8vw !important; }

@media only screen and (min-width: 576px) {
  .h-px-vw--8__xs {
    padding-left: 8vw !important; } }

@media only screen and (min-width: 576px) {
  .h-px-vw--8__xs {
    padding-right: 8vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--8__m {
    padding-left: 8vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--8__m {
    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: 1025px) {
  .h-px-vw--8__d {
    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: 769px) {
  .h-px-vw--8__sm {
    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: 1200px) {
  .h-px-vw--8__l {
    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: 1500px) {
  .h-px-vw--8__xl {
    padding-right: 8vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--8__xxl {
    padding-left: 8vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--8__xxl {
    padding-right: 8vw !important; } }

.h-px-vw--9 {
  padding-left: 9vw !important;
  padding-right: 9vw !important; }

@media only screen and (min-width: 576px) {
  .h-px-vw--9__xs {
    padding-left: 9vw !important; } }

@media only screen and (min-width: 576px) {
  .h-px-vw--9__xs {
    padding-right: 9vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--9__m {
    padding-left: 9vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--9__m {
    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: 1025px) {
  .h-px-vw--9__d {
    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: 769px) {
  .h-px-vw--9__sm {
    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: 1200px) {
  .h-px-vw--9__l {
    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: 1500px) {
  .h-px-vw--9__xl {
    padding-right: 9vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--9__xxl {
    padding-left: 9vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--9__xxl {
    padding-right: 9vw !important; } }

.h-px-vw--10 {
  padding-left: 10vw !important;
  padding-right: 10vw !important; }

@media only screen and (min-width: 576px) {
  .h-px-vw--10__xs {
    padding-left: 10vw !important; } }

@media only screen and (min-width: 576px) {
  .h-px-vw--10__xs {
    padding-right: 10vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--10__m {
    padding-left: 10vw !important; } }

@media only screen and (max-width: 1024px) {
  .h-px-vw--10__m {
    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: 1025px) {
  .h-px-vw--10__d {
    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: 769px) {
  .h-px-vw--10__sm {
    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: 1200px) {
  .h-px-vw--10__l {
    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: 1500px) {
  .h-px-vw--10__xl {
    padding-right: 10vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--10__xxl {
    padding-left: 10vw !important; } }

@media only screen and (min-width: 2000px) {
  .h-px-vw--10__xxl {
    padding-right: 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: left !important; }

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

@media only screen and (min-width: 576px) {
  .h-float--left__xs {
    float: left !important; } }

@media only screen and (min-width: 576px) {
  .h-float--right__xs {
    float: right !important; } }

@media only screen and (max-width: 1024px) {
  .h-float--left__m {
    float: left !important; } }

@media only screen and (max-width: 1024px) {
  .h-float--right__m {
    float: right !important; } }

@media only screen and (min-width: 1025px) {
  .h-float--left__d {
    float: left !important; } }

@media only screen and (min-width: 1025px) {
  .h-float--right__d {
    float: right !important; } }

@media only screen and (min-width: 769px) {
  .h-float--left__sm {
    float: left !important; } }

@media only screen and (min-width: 769px) {
  .h-float--right__sm {
    float: right !important; } }

@media only screen and (min-width: 1200px) {
  .h-float--left__l {
    float: left !important; } }

@media only screen and (min-width: 1200px) {
  .h-float--right__l {
    float: right !important; } }

@media only screen and (min-width: 1500px) {
  .h-float--left__xl {
    float: left !important; } }

@media only screen and (min-width: 1500px) {
  .h-float--right__xl {
    float: right !important; } }

@media only screen and (min-width: 2000px) {
  .h-float--left__xxl {
    float: left !important; } }

@media only screen and (min-width: 2000px) {
  .h-float--right__xxl {
    float: right !important; } }

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

.h-float-clear--left {
  clear: left !important; }

.h-float-clear--right {
  clear: right !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: left !important; } }

@media only screen and (min-width: 576px) {
  .h-float-clear--right__xs {
    clear: right !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: left !important; } }

@media only screen and (max-width: 1024px) {
  .h-float-clear--right__m {
    clear: right !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: left !important; } }

@media only screen and (min-width: 1025px) {
  .h-float-clear--right__d {
    clear: right !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: left !important; } }

@media only screen and (min-width: 769px) {
  .h-float-clear--right__sm {
    clear: right !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: left !important; } }

@media only screen and (min-width: 1200px) {
  .h-float-clear--right__l {
    clear: right !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: left !important; } }

@media only screen and (min-width: 1500px) {
  .h-float-clear--right__xl {
    clear: right !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: left !important; } }

@media only screen and (min-width: 2000px) {
  .h-float-clear--right__xxl {
    clear: right !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; }