@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,600;0,700;0,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800");
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css");
@font-face {
  font-family: 'SfProText-Regular';
  src: url("/static/yachtcellar/fonts/SF-Pro-Text-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'SfProText-Medium';
  src: url("/static/yachtcellar/fonts/SF-Pro-Text-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'SfProText-Semibold';
  src: url("/static/yachtcellar/fonts/SF-Pro-Text-Semibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'SfProDisplay-Medium';
  src: url("/static/yachtcellar/fonts/SF-Pro-Display-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal; }
:root {
  --bs-primary: #242C3D;
  --bs-primary-rgb: 36, 44, 61;
  --bs-secondary: #FFDD66;
  --bs-secondary-rgb: 255, 221, 102;
  --bs-navbar-color: #C3C7CF;
  --bs-accordion-btn-padding-x: 0;
  --bs-accordion-btn-padding-y: 1rem;
  --swiper-theme-color: #B69316; }

.modal-backdrop {
  --bs-backdrop-bg: #242C3D;
  --bs-backdrop-opacity: 0.9; }

.body {
  background-color: #F0EFEB; }
  .body div {
    scroll-margin-top: 56px; }
    @media (min-width: 992px) {
      .body div {
        scroll-margin-top: 152px; } }
  .body a {
    text-decoration: none !important;
    color: inherit; }

.break-out-of-container-sm,
.break-out-of-container {
  width: 100vw;
  position: relative;
  left: calc(-1 * (100vw - 100%) / 2); }

@media only screen and (min-width: 768px) {
  .break-out-of-container-sm {
    width: unset;
    position: relative;
    left: unset; } }

.font-promo-discount {
  font-family: "Playfair Display", sans-serif;
  font-size: 42px;
  font-weight: 400;
  font-style: normal;
  color: #CC4949; }
  @media (min-width: 992px) {
    .font-promo-discount {
      font-size: 100px; } }

.link-promo {
  font-family: "SfProText-Medium", sans-serif;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  color: #B3A07F;
  text-decoration: none; }

@media (min-width: 992px) {
  .btn-yc-fixed-width {
    width: 276px !important; } }

@media (min-width: 992px) {
  .vetrina {
    background-color: white;
    padding: 56px; } }

.yc-vetrina {
  background-color: inherit; }
  @media (min-width: 992px) {
    .yc-vetrina {
      background-color: inherit; } }

.tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px; }

/* Override container styles for small screens */
.container-mobile {
  padding: 0;
  margin: 0; }

/* Apply container styles for larger screens */
@media (min-width: 992px) {
  .container-mobile {
    padding: 0 calc(var(--bs-gutter-x) * .5);
    margin: 0 auto; } }
@media (max-width: 767px) {
  .reversed-row {
    flex-direction: column-reverse; } }
.swiper-placeholder-hp {
  height: 100px; }
  @media (min-width: 992px) {
    .swiper-placeholder-hp {
      height: 424px;
      margin-top: 48px; } }

.show-child-on-hover .appear-on-hover {
  max-width: 0;
  overflow: hidden;
  transition: max-width 0.2s ease-in-out; }
.show-child-on-hover:hover .appear-on-hover {
  max-width: 150px; }

.swiper-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  color: #CCBFA9;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  z-index: 100; }

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

@media (min-width: 992px) {
  .swiper-container {
    padding: 0 76px 56px 76px; } }
.swiper-container .swiper {
  overflow-x: clip; }
  .swiper-container .swiper .swiper-wrapper {
    overflow: visible; }
@media (min-width: 767px) {
  .swiper-container .swiper-wine {
    padding: 1px; } }
.swiper-container .swiper-slide {
  border: 1px solid #F0EFEB;
  padding: 8px 0;
  border-radius: 4px;
  gap: 16px;
  background-color: #FFFFFF; }
  .swiper-container .swiper-slide a {
    color: #37445E; }
  .swiper-container .swiper-slide .image-container img {
    max-height: 250px !important;
    max-width: unset; }
  .swiper-container .swiper-slide:hover {
    background-color: #F0EFEB;
    border-color: #DBD4C6; }
  .swiper-container .swiper-slide .title {
    padding: 0 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .swiper-container .swiper-slide .produttore {
    padding: 0 16px; }
  .swiper-container .swiper-slide:first-child {
    margin-left: 16px; }
    @media (min-width: 992px) {
      .swiper-container .swiper-slide:first-child {
        margin-left: 0; } }
.swiper-container .swiper-pagination-bullets {
  bottom: -10px !important; }
  .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: #DBD4C6;
    opacity: 1; }
    .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #AA946F; }

.swiper-total .swiper-button-prev,
.swiper-total .swiper-button-next {
  color: #B3A07F;
  background-color: #FFFFFF;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  text-align: center;
  z-index: 10; }
  .swiper-total .swiper-button-prev:before,
  .swiper-total .swiper-button-next:before {
    content: ""; }
  .swiper-total .swiper-button-prev:after,
  .swiper-total .swiper-button-next:after {
    font-family: 'Font Awesome 6 Free';
    font-size: 18px;
    font-weight: 600;
    content: "\f060"; }
  .swiper-total .swiper-button-prev:hover,
  .swiper-total .swiper-button-next:hover {
    color: #716148; }
.swiper-total .swiper-button-next {
  right: 0; }
  .swiper-total .swiper-button-next:after {
    content: "\f061"; }

.steps {
  background-image: url("/static/yachtcellar/img/pattern-brown.png");
  background-color: white;
  padding: 24px 16px;
  align-items: center; }
  @media (min-width: 992px) {
    .steps {
      padding: 56px; } }
  .steps .step {
    background-color: white;
    border: 1px solid #DBD4C6;
    margin-top: 16px;
    padding: 24px 16px; }
    @media (min-width: 992px) {
      .steps .step {
        min-height: 120px;
        align-items: center;
        padding: 24px; } }

.brands {
  background-color: white;
  gap: 16px; }
  @media (min-width: 992px) {
    .brands {
      padding: 56px; } }
  .brands .brand {
    border: 1px solid #F0EFEB;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (min-width: 992px) {
      .brands .brand {
        padding: 24px;
        width: 200px;
        height: 112px; }
        .brands .brand img {
          width: 160px;
          height: 96px; } }

.yc-p {
  padding: 56px; }

.yc-ph {
  padding: 0 56px; }

.yc-pv {
  padding: 56px 0; }

.yc-pvh {
  padding: 56px 56px 0 56px; }

.yc-m {
  margin: 56px; }

.yc-mh {
  margin: 0 56px; }

.yc-mv {
  margin: 56px 0; }

.yc-mt {
  margin-top: 56px; }

.yc-mb {
  margin-bottom: 56px; }

.yc-ms {
  margin-left: 56px; }

.yc-me {
  margin-right: 56px; }

.yc-link-secondary {
  color: #AA946F;
  text-align: left;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: color 0.2s ease-in-out; }
  .yc-link-secondary:hover {
    color: #716148; }
    .yc-link-secondary:hover img {
      filter: invert(41%) sepia(3%) saturate(5602%) hue-rotate(358deg) brightness(81%) contrast(68%);
      transition: filter 0.2s ease-in-out; }

a.disabled {
  pointer-events: none; }

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

@media (min-width: 0) {
  .yc-p-xs-0 {
    padding: 0px !important; } }
@media (min-width: 576px) {
  .yc-p-sm-0 {
    padding: 0px !important; } }
@media (min-width: 768px) {
  .yc-p-md-0 {
    padding: 0px !important; } }
@media (min-width: 992px) {
  .yc-p-lg-0 {
    padding: 0px !important; } }
@media (min-width: 1200px) {
  .yc-p-xl-0 {
    padding: 0px !important; } }
.yc-px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important; }

@media (min-width: 0) {
  .yc-px-xs-0 {
    padding-left: 0px !important;
    padding-right: 0px !important; } }
@media (min-width: 576px) {
  .yc-px-sm-0 {
    padding-left: 0px !important;
    padding-right: 0px !important; } }
@media (min-width: 768px) {
  .yc-px-md-0 {
    padding-left: 0px !important;
    padding-right: 0px !important; } }
@media (min-width: 992px) {
  .yc-px-lg-0 {
    padding-left: 0px !important;
    padding-right: 0px !important; } }
@media (min-width: 1200px) {
  .yc-px-xl-0 {
    padding-left: 0px !important;
    padding-right: 0px !important; } }
.yc-py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

@media (min-width: 0) {
  .yc-py-xs-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important; } }
@media (min-width: 576px) {
  .yc-py-sm-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important; } }
@media (min-width: 768px) {
  .yc-py-md-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important; } }
@media (min-width: 992px) {
  .yc-py-lg-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important; } }
@media (min-width: 1200px) {
  .yc-py-xl-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important; } }
.yc-pt-0 {
  padding-top: 0px !important; }

@media (min-width: 0) {
  .yc-pt-xs-0 {
    padding-top: 0px !important; } }
@media (min-width: 576px) {
  .yc-pt-sm-0 {
    padding-top: 0px !important; } }
@media (min-width: 768px) {
  .yc-pt-md-0 {
    padding-top: 0px !important; } }
@media (min-width: 992px) {
  .yc-pt-lg-0 {
    padding-top: 0px !important; } }
@media (min-width: 1200px) {
  .yc-pt-xl-0 {
    padding-top: 0px !important; } }
.yc-pb-0 {
  padding-bottom: 0px !important; }

@media (min-width: 0) {
  .yc-pb-xs-0 {
    padding-bottom: 0px !important; } }
@media (min-width: 576px) {
  .yc-pb-sm-0 {
    padding-bottom: 0px !important; } }
@media (min-width: 768px) {
  .yc-pb-md-0 {
    padding-bottom: 0px !important; } }
@media (min-width: 992px) {
  .yc-pb-lg-0 {
    padding-bottom: 0px !important; } }
@media (min-width: 1200px) {
  .yc-pb-xl-0 {
    padding-bottom: 0px !important; } }
.yc-ps-0 {
  padding-left: 0px !important; }

@media (min-width: 0) {
  .yc-ps-xs-0 {
    padding-left: 0px !important; } }
@media (min-width: 576px) {
  .yc-ps-sm-0 {
    padding-left: 0px !important; } }
@media (min-width: 768px) {
  .yc-ps-md-0 {
    padding-left: 0px !important; } }
@media (min-width: 992px) {
  .yc-ps-lg-0 {
    padding-left: 0px !important; } }
@media (min-width: 1200px) {
  .yc-ps-xl-0 {
    padding-left: 0px !important; } }
.yc-pe-0 {
  padding-right: 0px !important; }

@media (min-width: 0) {
  .yc-pe-xs-0 {
    padding-right: 0px !important; } }
@media (min-width: 576px) {
  .yc-pe-sm-0 {
    padding-right: 0px !important; } }
@media (min-width: 768px) {
  .yc-pe-md-0 {
    padding-right: 0px !important; } }
@media (min-width: 992px) {
  .yc-pe-lg-0 {
    padding-right: 0px !important; } }
@media (min-width: 1200px) {
  .yc-pe-xl-0 {
    padding-right: 0px !important; } }
.yc-m-0 {
  margin: 0px !important; }

.yc-m-n0 {
  margin: -0px !important; }

@media (min-width: 0) {
  .yc-m-xs-0 {
    margin: 0px !important; } }
@media (min-width: 576px) {
  .yc-m-sm-0 {
    margin: 0px !important; } }
@media (min-width: 768px) {
  .yc-m-md-0 {
    margin: 0px !important; } }
@media (min-width: 992px) {
  .yc-m-lg-0 {
    margin: 0px !important; } }
@media (min-width: 1200px) {
  .yc-m-xl-0 {
    margin: 0px !important; } }
.yc-mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important; }

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

@media (min-width: 0) {
  .yc-mx-xs-0 {
    margin-left: 0px !important;
    margin-right: 0px !important; } }
@media (min-width: 576px) {
  .yc-mx-sm-0 {
    margin-left: 0px !important;
    margin-right: 0px !important; } }
@media (min-width: 768px) {
  .yc-mx-md-0 {
    margin-left: 0px !important;
    margin-right: 0px !important; } }
@media (min-width: 992px) {
  .yc-mx-lg-0 {
    margin-left: 0px !important;
    margin-right: 0px !important; } }
@media (min-width: 1200px) {
  .yc-mx-xl-0 {
    margin-left: 0px !important;
    margin-right: 0px !important; } }
.yc-my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

.yc-my-n0 {
  margin-top: -0px !important;
  margin-bottom: -0px !important; }

@media (min-width: 0) {
  .yc-my-xs-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important; } }
@media (min-width: 576px) {
  .yc-my-sm-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important; } }
@media (min-width: 768px) {
  .yc-my-md-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important; } }
@media (min-width: 992px) {
  .yc-my-lg-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important; } }
@media (min-width: 1200px) {
  .yc-my-xl-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important; } }
.yc-mt-0 {
  margin-top: 0px !important; }

.yc-mt-n0 {
  margin-top: -0px !important; }

@media (min-width: 0) {
  .yc-mt-xs-0 {
    margin-top: 0px !important; } }
@media (min-width: 576px) {
  .yc-mt-sm-0 {
    margin-top: 0px !important; } }
@media (min-width: 768px) {
  .yc-mt-md-0 {
    margin-top: 0px !important; } }
@media (min-width: 992px) {
  .yc-mt-lg-0 {
    margin-top: 0px !important; } }
@media (min-width: 1200px) {
  .yc-mt-xl-0 {
    margin-top: 0px !important; } }
.yc-mb-0 {
  margin-bottom: 0px !important; }

.yc-mb-n0 {
  margin-bottom: -0px !important; }

@media (min-width: 0) {
  .yc-mb-xs-0 {
    margin-bottom: 0px !important; } }
@media (min-width: 576px) {
  .yc-mb-sm-0 {
    margin-bottom: 0px !important; } }
@media (min-width: 768px) {
  .yc-mb-md-0 {
    margin-bottom: 0px !important; } }
@media (min-width: 992px) {
  .yc-mb-lg-0 {
    margin-bottom: 0px !important; } }
@media (min-width: 1200px) {
  .yc-mb-xl-0 {
    margin-bottom: 0px !important; } }
.yc-ms-0 {
  margin-left: 0px !important; }

.yc-ms-n0 {
  margin-left: -0px !important; }

@media (min-width: 0) {
  .yc-ms-xs-0 {
    margin-left: 0px !important; } }
@media (min-width: 576px) {
  .yc-ms-sm-0 {
    margin-left: 0px !important; } }
@media (min-width: 768px) {
  .yc-ms-md-0 {
    margin-left: 0px !important; } }
@media (min-width: 992px) {
  .yc-ms-lg-0 {
    margin-left: 0px !important; } }
@media (min-width: 1200px) {
  .yc-ms-xl-0 {
    margin-left: 0px !important; } }
.yc-me-0 {
  margin-right: 0px !important; }

.yc-me-n0 {
  margin-right: -0px !important; }

@media (min-width: 0) {
  .yc-me-xs-0 {
    margin-right: 0px !important; } }
@media (min-width: 576px) {
  .yc-me-sm-0 {
    margin-right: 0px !important; } }
@media (min-width: 768px) {
  .yc-me-md-0 {
    margin-right: 0px !important; } }
@media (min-width: 992px) {
  .yc-me-lg-0 {
    margin-right: 0px !important; } }
@media (min-width: 1200px) {
  .yc-me-xl-0 {
    margin-right: 0px !important; } }
.yc-p-4 {
  padding: 4px !important; }

@media (min-width: 0) {
  .yc-p-xs-4 {
    padding: 4px !important; } }
@media (min-width: 576px) {
  .yc-p-sm-4 {
    padding: 4px !important; } }
@media (min-width: 768px) {
  .yc-p-md-4 {
    padding: 4px !important; } }
@media (min-width: 992px) {
  .yc-p-lg-4 {
    padding: 4px !important; } }
@media (min-width: 1200px) {
  .yc-p-xl-4 {
    padding: 4px !important; } }
.yc-px-4 {
  padding-left: 4px !important;
  padding-right: 4px !important; }

@media (min-width: 0) {
  .yc-px-xs-4 {
    padding-left: 4px !important;
    padding-right: 4px !important; } }
@media (min-width: 576px) {
  .yc-px-sm-4 {
    padding-left: 4px !important;
    padding-right: 4px !important; } }
@media (min-width: 768px) {
  .yc-px-md-4 {
    padding-left: 4px !important;
    padding-right: 4px !important; } }
@media (min-width: 992px) {
  .yc-px-lg-4 {
    padding-left: 4px !important;
    padding-right: 4px !important; } }
@media (min-width: 1200px) {
  .yc-px-xl-4 {
    padding-left: 4px !important;
    padding-right: 4px !important; } }
.yc-py-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important; }

@media (min-width: 0) {
  .yc-py-xs-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important; } }
@media (min-width: 576px) {
  .yc-py-sm-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important; } }
@media (min-width: 768px) {
  .yc-py-md-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important; } }
@media (min-width: 992px) {
  .yc-py-lg-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important; } }
@media (min-width: 1200px) {
  .yc-py-xl-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important; } }
.yc-pt-4 {
  padding-top: 4px !important; }

@media (min-width: 0) {
  .yc-pt-xs-4 {
    padding-top: 4px !important; } }
@media (min-width: 576px) {
  .yc-pt-sm-4 {
    padding-top: 4px !important; } }
@media (min-width: 768px) {
  .yc-pt-md-4 {
    padding-top: 4px !important; } }
@media (min-width: 992px) {
  .yc-pt-lg-4 {
    padding-top: 4px !important; } }
@media (min-width: 1200px) {
  .yc-pt-xl-4 {
    padding-top: 4px !important; } }
.yc-pb-4 {
  padding-bottom: 4px !important; }

@media (min-width: 0) {
  .yc-pb-xs-4 {
    padding-bottom: 4px !important; } }
@media (min-width: 576px) {
  .yc-pb-sm-4 {
    padding-bottom: 4px !important; } }
@media (min-width: 768px) {
  .yc-pb-md-4 {
    padding-bottom: 4px !important; } }
@media (min-width: 992px) {
  .yc-pb-lg-4 {
    padding-bottom: 4px !important; } }
@media (min-width: 1200px) {
  .yc-pb-xl-4 {
    padding-bottom: 4px !important; } }
.yc-ps-4 {
  padding-left: 4px !important; }

@media (min-width: 0) {
  .yc-ps-xs-4 {
    padding-left: 4px !important; } }
@media (min-width: 576px) {
  .yc-ps-sm-4 {
    padding-left: 4px !important; } }
@media (min-width: 768px) {
  .yc-ps-md-4 {
    padding-left: 4px !important; } }
@media (min-width: 992px) {
  .yc-ps-lg-4 {
    padding-left: 4px !important; } }
@media (min-width: 1200px) {
  .yc-ps-xl-4 {
    padding-left: 4px !important; } }
.yc-pe-4 {
  padding-right: 4px !important; }

@media (min-width: 0) {
  .yc-pe-xs-4 {
    padding-right: 4px !important; } }
@media (min-width: 576px) {
  .yc-pe-sm-4 {
    padding-right: 4px !important; } }
@media (min-width: 768px) {
  .yc-pe-md-4 {
    padding-right: 4px !important; } }
@media (min-width: 992px) {
  .yc-pe-lg-4 {
    padding-right: 4px !important; } }
@media (min-width: 1200px) {
  .yc-pe-xl-4 {
    padding-right: 4px !important; } }
.yc-m-4 {
  margin: 4px !important; }

.yc-m-n4 {
  margin: -4px !important; }

@media (min-width: 0) {
  .yc-m-xs-4 {
    margin: 4px !important; } }
@media (min-width: 576px) {
  .yc-m-sm-4 {
    margin: 4px !important; } }
@media (min-width: 768px) {
  .yc-m-md-4 {
    margin: 4px !important; } }
@media (min-width: 992px) {
  .yc-m-lg-4 {
    margin: 4px !important; } }
@media (min-width: 1200px) {
  .yc-m-xl-4 {
    margin: 4px !important; } }
.yc-mx-4 {
  margin-left: 4px !important;
  margin-right: 4px !important; }

.yc-mx-n4 {
  margin-left: -4px !important;
  margin-right: -4px !important; }

@media (min-width: 0) {
  .yc-mx-xs-4 {
    margin-left: 4px !important;
    margin-right: 4px !important; } }
@media (min-width: 576px) {
  .yc-mx-sm-4 {
    margin-left: 4px !important;
    margin-right: 4px !important; } }
@media (min-width: 768px) {
  .yc-mx-md-4 {
    margin-left: 4px !important;
    margin-right: 4px !important; } }
@media (min-width: 992px) {
  .yc-mx-lg-4 {
    margin-left: 4px !important;
    margin-right: 4px !important; } }
@media (min-width: 1200px) {
  .yc-mx-xl-4 {
    margin-left: 4px !important;
    margin-right: 4px !important; } }
.yc-my-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important; }

.yc-my-n4 {
  margin-top: -4px !important;
  margin-bottom: -4px !important; }

@media (min-width: 0) {
  .yc-my-xs-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important; } }
@media (min-width: 576px) {
  .yc-my-sm-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important; } }
@media (min-width: 768px) {
  .yc-my-md-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important; } }
@media (min-width: 992px) {
  .yc-my-lg-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important; } }
@media (min-width: 1200px) {
  .yc-my-xl-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important; } }
.yc-mt-4 {
  margin-top: 4px !important; }

.yc-mt-n4 {
  margin-top: -4px !important; }

@media (min-width: 0) {
  .yc-mt-xs-4 {
    margin-top: 4px !important; } }
@media (min-width: 576px) {
  .yc-mt-sm-4 {
    margin-top: 4px !important; } }
@media (min-width: 768px) {
  .yc-mt-md-4 {
    margin-top: 4px !important; } }
@media (min-width: 992px) {
  .yc-mt-lg-4 {
    margin-top: 4px !important; } }
@media (min-width: 1200px) {
  .yc-mt-xl-4 {
    margin-top: 4px !important; } }
.yc-mb-4 {
  margin-bottom: 4px !important; }

.yc-mb-n4 {
  margin-bottom: -4px !important; }

@media (min-width: 0) {
  .yc-mb-xs-4 {
    margin-bottom: 4px !important; } }
@media (min-width: 576px) {
  .yc-mb-sm-4 {
    margin-bottom: 4px !important; } }
@media (min-width: 768px) {
  .yc-mb-md-4 {
    margin-bottom: 4px !important; } }
@media (min-width: 992px) {
  .yc-mb-lg-4 {
    margin-bottom: 4px !important; } }
@media (min-width: 1200px) {
  .yc-mb-xl-4 {
    margin-bottom: 4px !important; } }
.yc-ms-4 {
  margin-left: 4px !important; }

.yc-ms-n4 {
  margin-left: -4px !important; }

@media (min-width: 0) {
  .yc-ms-xs-4 {
    margin-left: 4px !important; } }
@media (min-width: 576px) {
  .yc-ms-sm-4 {
    margin-left: 4px !important; } }
@media (min-width: 768px) {
  .yc-ms-md-4 {
    margin-left: 4px !important; } }
@media (min-width: 992px) {
  .yc-ms-lg-4 {
    margin-left: 4px !important; } }
@media (min-width: 1200px) {
  .yc-ms-xl-4 {
    margin-left: 4px !important; } }
.yc-me-4 {
  margin-right: 4px !important; }

.yc-me-n4 {
  margin-right: -4px !important; }

@media (min-width: 0) {
  .yc-me-xs-4 {
    margin-right: 4px !important; } }
@media (min-width: 576px) {
  .yc-me-sm-4 {
    margin-right: 4px !important; } }
@media (min-width: 768px) {
  .yc-me-md-4 {
    margin-right: 4px !important; } }
@media (min-width: 992px) {
  .yc-me-lg-4 {
    margin-right: 4px !important; } }
@media (min-width: 1200px) {
  .yc-me-xl-4 {
    margin-right: 4px !important; } }
.yc-p-8 {
  padding: 8px !important; }

@media (min-width: 0) {
  .yc-p-xs-8 {
    padding: 8px !important; } }
@media (min-width: 576px) {
  .yc-p-sm-8 {
    padding: 8px !important; } }
@media (min-width: 768px) {
  .yc-p-md-8 {
    padding: 8px !important; } }
@media (min-width: 992px) {
  .yc-p-lg-8 {
    padding: 8px !important; } }
@media (min-width: 1200px) {
  .yc-p-xl-8 {
    padding: 8px !important; } }
.yc-px-8 {
  padding-left: 8px !important;
  padding-right: 8px !important; }

@media (min-width: 0) {
  .yc-px-xs-8 {
    padding-left: 8px !important;
    padding-right: 8px !important; } }
@media (min-width: 576px) {
  .yc-px-sm-8 {
    padding-left: 8px !important;
    padding-right: 8px !important; } }
@media (min-width: 768px) {
  .yc-px-md-8 {
    padding-left: 8px !important;
    padding-right: 8px !important; } }
@media (min-width: 992px) {
  .yc-px-lg-8 {
    padding-left: 8px !important;
    padding-right: 8px !important; } }
@media (min-width: 1200px) {
  .yc-px-xl-8 {
    padding-left: 8px !important;
    padding-right: 8px !important; } }
.yc-py-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important; }

@media (min-width: 0) {
  .yc-py-xs-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important; } }
@media (min-width: 576px) {
  .yc-py-sm-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important; } }
@media (min-width: 768px) {
  .yc-py-md-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important; } }
@media (min-width: 992px) {
  .yc-py-lg-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important; } }
@media (min-width: 1200px) {
  .yc-py-xl-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important; } }
.yc-pt-8 {
  padding-top: 8px !important; }

@media (min-width: 0) {
  .yc-pt-xs-8 {
    padding-top: 8px !important; } }
@media (min-width: 576px) {
  .yc-pt-sm-8 {
    padding-top: 8px !important; } }
@media (min-width: 768px) {
  .yc-pt-md-8 {
    padding-top: 8px !important; } }
@media (min-width: 992px) {
  .yc-pt-lg-8 {
    padding-top: 8px !important; } }
@media (min-width: 1200px) {
  .yc-pt-xl-8 {
    padding-top: 8px !important; } }
.yc-pb-8 {
  padding-bottom: 8px !important; }

@media (min-width: 0) {
  .yc-pb-xs-8 {
    padding-bottom: 8px !important; } }
@media (min-width: 576px) {
  .yc-pb-sm-8 {
    padding-bottom: 8px !important; } }
@media (min-width: 768px) {
  .yc-pb-md-8 {
    padding-bottom: 8px !important; } }
@media (min-width: 992px) {
  .yc-pb-lg-8 {
    padding-bottom: 8px !important; } }
@media (min-width: 1200px) {
  .yc-pb-xl-8 {
    padding-bottom: 8px !important; } }
.yc-ps-8 {
  padding-left: 8px !important; }

@media (min-width: 0) {
  .yc-ps-xs-8 {
    padding-left: 8px !important; } }
@media (min-width: 576px) {
  .yc-ps-sm-8 {
    padding-left: 8px !important; } }
@media (min-width: 768px) {
  .yc-ps-md-8 {
    padding-left: 8px !important; } }
@media (min-width: 992px) {
  .yc-ps-lg-8 {
    padding-left: 8px !important; } }
@media (min-width: 1200px) {
  .yc-ps-xl-8 {
    padding-left: 8px !important; } }
.yc-pe-8 {
  padding-right: 8px !important; }

@media (min-width: 0) {
  .yc-pe-xs-8 {
    padding-right: 8px !important; } }
@media (min-width: 576px) {
  .yc-pe-sm-8 {
    padding-right: 8px !important; } }
@media (min-width: 768px) {
  .yc-pe-md-8 {
    padding-right: 8px !important; } }
@media (min-width: 992px) {
  .yc-pe-lg-8 {
    padding-right: 8px !important; } }
@media (min-width: 1200px) {
  .yc-pe-xl-8 {
    padding-right: 8px !important; } }
.yc-m-8 {
  margin: 8px !important; }

.yc-m-n8 {
  margin: -8px !important; }

@media (min-width: 0) {
  .yc-m-xs-8 {
    margin: 8px !important; } }
@media (min-width: 576px) {
  .yc-m-sm-8 {
    margin: 8px !important; } }
@media (min-width: 768px) {
  .yc-m-md-8 {
    margin: 8px !important; } }
@media (min-width: 992px) {
  .yc-m-lg-8 {
    margin: 8px !important; } }
@media (min-width: 1200px) {
  .yc-m-xl-8 {
    margin: 8px !important; } }
.yc-mx-8 {
  margin-left: 8px !important;
  margin-right: 8px !important; }

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

@media (min-width: 0) {
  .yc-mx-xs-8 {
    margin-left: 8px !important;
    margin-right: 8px !important; } }
@media (min-width: 576px) {
  .yc-mx-sm-8 {
    margin-left: 8px !important;
    margin-right: 8px !important; } }
@media (min-width: 768px) {
  .yc-mx-md-8 {
    margin-left: 8px !important;
    margin-right: 8px !important; } }
@media (min-width: 992px) {
  .yc-mx-lg-8 {
    margin-left: 8px !important;
    margin-right: 8px !important; } }
@media (min-width: 1200px) {
  .yc-mx-xl-8 {
    margin-left: 8px !important;
    margin-right: 8px !important; } }
.yc-my-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important; }

.yc-my-n8 {
  margin-top: -8px !important;
  margin-bottom: -8px !important; }

@media (min-width: 0) {
  .yc-my-xs-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important; } }
@media (min-width: 576px) {
  .yc-my-sm-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important; } }
@media (min-width: 768px) {
  .yc-my-md-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important; } }
@media (min-width: 992px) {
  .yc-my-lg-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important; } }
@media (min-width: 1200px) {
  .yc-my-xl-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important; } }
.yc-mt-8 {
  margin-top: 8px !important; }

.yc-mt-n8 {
  margin-top: -8px !important; }

@media (min-width: 0) {
  .yc-mt-xs-8 {
    margin-top: 8px !important; } }
@media (min-width: 576px) {
  .yc-mt-sm-8 {
    margin-top: 8px !important; } }
@media (min-width: 768px) {
  .yc-mt-md-8 {
    margin-top: 8px !important; } }
@media (min-width: 992px) {
  .yc-mt-lg-8 {
    margin-top: 8px !important; } }
@media (min-width: 1200px) {
  .yc-mt-xl-8 {
    margin-top: 8px !important; } }
.yc-mb-8 {
  margin-bottom: 8px !important; }

.yc-mb-n8 {
  margin-bottom: -8px !important; }

@media (min-width: 0) {
  .yc-mb-xs-8 {
    margin-bottom: 8px !important; } }
@media (min-width: 576px) {
  .yc-mb-sm-8 {
    margin-bottom: 8px !important; } }
@media (min-width: 768px) {
  .yc-mb-md-8 {
    margin-bottom: 8px !important; } }
@media (min-width: 992px) {
  .yc-mb-lg-8 {
    margin-bottom: 8px !important; } }
@media (min-width: 1200px) {
  .yc-mb-xl-8 {
    margin-bottom: 8px !important; } }
.yc-ms-8 {
  margin-left: 8px !important; }

.yc-ms-n8 {
  margin-left: -8px !important; }

@media (min-width: 0) {
  .yc-ms-xs-8 {
    margin-left: 8px !important; } }
@media (min-width: 576px) {
  .yc-ms-sm-8 {
    margin-left: 8px !important; } }
@media (min-width: 768px) {
  .yc-ms-md-8 {
    margin-left: 8px !important; } }
@media (min-width: 992px) {
  .yc-ms-lg-8 {
    margin-left: 8px !important; } }
@media (min-width: 1200px) {
  .yc-ms-xl-8 {
    margin-left: 8px !important; } }
.yc-me-8 {
  margin-right: 8px !important; }

.yc-me-n8 {
  margin-right: -8px !important; }

@media (min-width: 0) {
  .yc-me-xs-8 {
    margin-right: 8px !important; } }
@media (min-width: 576px) {
  .yc-me-sm-8 {
    margin-right: 8px !important; } }
@media (min-width: 768px) {
  .yc-me-md-8 {
    margin-right: 8px !important; } }
@media (min-width: 992px) {
  .yc-me-lg-8 {
    margin-right: 8px !important; } }
@media (min-width: 1200px) {
  .yc-me-xl-8 {
    margin-right: 8px !important; } }
.yc-p-12 {
  padding: 12px !important; }

@media (min-width: 0) {
  .yc-p-xs-12 {
    padding: 12px !important; } }
@media (min-width: 576px) {
  .yc-p-sm-12 {
    padding: 12px !important; } }
@media (min-width: 768px) {
  .yc-p-md-12 {
    padding: 12px !important; } }
@media (min-width: 992px) {
  .yc-p-lg-12 {
    padding: 12px !important; } }
@media (min-width: 1200px) {
  .yc-p-xl-12 {
    padding: 12px !important; } }
.yc-px-12 {
  padding-left: 12px !important;
  padding-right: 12px !important; }

@media (min-width: 0) {
  .yc-px-xs-12 {
    padding-left: 12px !important;
    padding-right: 12px !important; } }
@media (min-width: 576px) {
  .yc-px-sm-12 {
    padding-left: 12px !important;
    padding-right: 12px !important; } }
@media (min-width: 768px) {
  .yc-px-md-12 {
    padding-left: 12px !important;
    padding-right: 12px !important; } }
@media (min-width: 992px) {
  .yc-px-lg-12 {
    padding-left: 12px !important;
    padding-right: 12px !important; } }
@media (min-width: 1200px) {
  .yc-px-xl-12 {
    padding-left: 12px !important;
    padding-right: 12px !important; } }
.yc-py-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important; }

@media (min-width: 0) {
  .yc-py-xs-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important; } }
@media (min-width: 576px) {
  .yc-py-sm-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important; } }
@media (min-width: 768px) {
  .yc-py-md-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important; } }
@media (min-width: 992px) {
  .yc-py-lg-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important; } }
@media (min-width: 1200px) {
  .yc-py-xl-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important; } }
.yc-pt-12 {
  padding-top: 12px !important; }

@media (min-width: 0) {
  .yc-pt-xs-12 {
    padding-top: 12px !important; } }
@media (min-width: 576px) {
  .yc-pt-sm-12 {
    padding-top: 12px !important; } }
@media (min-width: 768px) {
  .yc-pt-md-12 {
    padding-top: 12px !important; } }
@media (min-width: 992px) {
  .yc-pt-lg-12 {
    padding-top: 12px !important; } }
@media (min-width: 1200px) {
  .yc-pt-xl-12 {
    padding-top: 12px !important; } }
.yc-pb-12 {
  padding-bottom: 12px !important; }

@media (min-width: 0) {
  .yc-pb-xs-12 {
    padding-bottom: 12px !important; } }
@media (min-width: 576px) {
  .yc-pb-sm-12 {
    padding-bottom: 12px !important; } }
@media (min-width: 768px) {
  .yc-pb-md-12 {
    padding-bottom: 12px !important; } }
@media (min-width: 992px) {
  .yc-pb-lg-12 {
    padding-bottom: 12px !important; } }
@media (min-width: 1200px) {
  .yc-pb-xl-12 {
    padding-bottom: 12px !important; } }
.yc-ps-12 {
  padding-left: 12px !important; }

@media (min-width: 0) {
  .yc-ps-xs-12 {
    padding-left: 12px !important; } }
@media (min-width: 576px) {
  .yc-ps-sm-12 {
    padding-left: 12px !important; } }
@media (min-width: 768px) {
  .yc-ps-md-12 {
    padding-left: 12px !important; } }
@media (min-width: 992px) {
  .yc-ps-lg-12 {
    padding-left: 12px !important; } }
@media (min-width: 1200px) {
  .yc-ps-xl-12 {
    padding-left: 12px !important; } }
.yc-pe-12 {
  padding-right: 12px !important; }

@media (min-width: 0) {
  .yc-pe-xs-12 {
    padding-right: 12px !important; } }
@media (min-width: 576px) {
  .yc-pe-sm-12 {
    padding-right: 12px !important; } }
@media (min-width: 768px) {
  .yc-pe-md-12 {
    padding-right: 12px !important; } }
@media (min-width: 992px) {
  .yc-pe-lg-12 {
    padding-right: 12px !important; } }
@media (min-width: 1200px) {
  .yc-pe-xl-12 {
    padding-right: 12px !important; } }
.yc-m-12 {
  margin: 12px !important; }

.yc-m-n12 {
  margin: -12px !important; }

@media (min-width: 0) {
  .yc-m-xs-12 {
    margin: 12px !important; } }
@media (min-width: 576px) {
  .yc-m-sm-12 {
    margin: 12px !important; } }
@media (min-width: 768px) {
  .yc-m-md-12 {
    margin: 12px !important; } }
@media (min-width: 992px) {
  .yc-m-lg-12 {
    margin: 12px !important; } }
@media (min-width: 1200px) {
  .yc-m-xl-12 {
    margin: 12px !important; } }
.yc-mx-12 {
  margin-left: 12px !important;
  margin-right: 12px !important; }

.yc-mx-n12 {
  margin-left: -12px !important;
  margin-right: -12px !important; }

@media (min-width: 0) {
  .yc-mx-xs-12 {
    margin-left: 12px !important;
    margin-right: 12px !important; } }
@media (min-width: 576px) {
  .yc-mx-sm-12 {
    margin-left: 12px !important;
    margin-right: 12px !important; } }
@media (min-width: 768px) {
  .yc-mx-md-12 {
    margin-left: 12px !important;
    margin-right: 12px !important; } }
@media (min-width: 992px) {
  .yc-mx-lg-12 {
    margin-left: 12px !important;
    margin-right: 12px !important; } }
@media (min-width: 1200px) {
  .yc-mx-xl-12 {
    margin-left: 12px !important;
    margin-right: 12px !important; } }
.yc-my-12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important; }

.yc-my-n12 {
  margin-top: -12px !important;
  margin-bottom: -12px !important; }

@media (min-width: 0) {
  .yc-my-xs-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important; } }
@media (min-width: 576px) {
  .yc-my-sm-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important; } }
@media (min-width: 768px) {
  .yc-my-md-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important; } }
@media (min-width: 992px) {
  .yc-my-lg-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important; } }
@media (min-width: 1200px) {
  .yc-my-xl-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important; } }
.yc-mt-12 {
  margin-top: 12px !important; }

.yc-mt-n12 {
  margin-top: -12px !important; }

@media (min-width: 0) {
  .yc-mt-xs-12 {
    margin-top: 12px !important; } }
@media (min-width: 576px) {
  .yc-mt-sm-12 {
    margin-top: 12px !important; } }
@media (min-width: 768px) {
  .yc-mt-md-12 {
    margin-top: 12px !important; } }
@media (min-width: 992px) {
  .yc-mt-lg-12 {
    margin-top: 12px !important; } }
@media (min-width: 1200px) {
  .yc-mt-xl-12 {
    margin-top: 12px !important; } }
.yc-mb-12 {
  margin-bottom: 12px !important; }

.yc-mb-n12 {
  margin-bottom: -12px !important; }

@media (min-width: 0) {
  .yc-mb-xs-12 {
    margin-bottom: 12px !important; } }
@media (min-width: 576px) {
  .yc-mb-sm-12 {
    margin-bottom: 12px !important; } }
@media (min-width: 768px) {
  .yc-mb-md-12 {
    margin-bottom: 12px !important; } }
@media (min-width: 992px) {
  .yc-mb-lg-12 {
    margin-bottom: 12px !important; } }
@media (min-width: 1200px) {
  .yc-mb-xl-12 {
    margin-bottom: 12px !important; } }
.yc-ms-12 {
  margin-left: 12px !important; }

.yc-ms-n12 {
  margin-left: -12px !important; }

@media (min-width: 0) {
  .yc-ms-xs-12 {
    margin-left: 12px !important; } }
@media (min-width: 576px) {
  .yc-ms-sm-12 {
    margin-left: 12px !important; } }
@media (min-width: 768px) {
  .yc-ms-md-12 {
    margin-left: 12px !important; } }
@media (min-width: 992px) {
  .yc-ms-lg-12 {
    margin-left: 12px !important; } }
@media (min-width: 1200px) {
  .yc-ms-xl-12 {
    margin-left: 12px !important; } }
.yc-me-12 {
  margin-right: 12px !important; }

.yc-me-n12 {
  margin-right: -12px !important; }

@media (min-width: 0) {
  .yc-me-xs-12 {
    margin-right: 12px !important; } }
@media (min-width: 576px) {
  .yc-me-sm-12 {
    margin-right: 12px !important; } }
@media (min-width: 768px) {
  .yc-me-md-12 {
    margin-right: 12px !important; } }
@media (min-width: 992px) {
  .yc-me-lg-12 {
    margin-right: 12px !important; } }
@media (min-width: 1200px) {
  .yc-me-xl-12 {
    margin-right: 12px !important; } }
.yc-p-16 {
  padding: 16px !important; }

@media (min-width: 0) {
  .yc-p-xs-16 {
    padding: 16px !important; } }
@media (min-width: 576px) {
  .yc-p-sm-16 {
    padding: 16px !important; } }
@media (min-width: 768px) {
  .yc-p-md-16 {
    padding: 16px !important; } }
@media (min-width: 992px) {
  .yc-p-lg-16 {
    padding: 16px !important; } }
@media (min-width: 1200px) {
  .yc-p-xl-16 {
    padding: 16px !important; } }
.yc-px-16 {
  padding-left: 16px !important;
  padding-right: 16px !important; }

@media (min-width: 0) {
  .yc-px-xs-16 {
    padding-left: 16px !important;
    padding-right: 16px !important; } }
@media (min-width: 576px) {
  .yc-px-sm-16 {
    padding-left: 16px !important;
    padding-right: 16px !important; } }
@media (min-width: 768px) {
  .yc-px-md-16 {
    padding-left: 16px !important;
    padding-right: 16px !important; } }
@media (min-width: 992px) {
  .yc-px-lg-16 {
    padding-left: 16px !important;
    padding-right: 16px !important; } }
@media (min-width: 1200px) {
  .yc-px-xl-16 {
    padding-left: 16px !important;
    padding-right: 16px !important; } }
.yc-py-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important; }

@media (min-width: 0) {
  .yc-py-xs-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important; } }
@media (min-width: 576px) {
  .yc-py-sm-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important; } }
@media (min-width: 768px) {
  .yc-py-md-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important; } }
@media (min-width: 992px) {
  .yc-py-lg-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important; } }
@media (min-width: 1200px) {
  .yc-py-xl-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important; } }
.yc-pt-16 {
  padding-top: 16px !important; }

@media (min-width: 0) {
  .yc-pt-xs-16 {
    padding-top: 16px !important; } }
@media (min-width: 576px) {
  .yc-pt-sm-16 {
    padding-top: 16px !important; } }
@media (min-width: 768px) {
  .yc-pt-md-16 {
    padding-top: 16px !important; } }
@media (min-width: 992px) {
  .yc-pt-lg-16 {
    padding-top: 16px !important; } }
@media (min-width: 1200px) {
  .yc-pt-xl-16 {
    padding-top: 16px !important; } }
.yc-pb-16 {
  padding-bottom: 16px !important; }

@media (min-width: 0) {
  .yc-pb-xs-16 {
    padding-bottom: 16px !important; } }
@media (min-width: 576px) {
  .yc-pb-sm-16 {
    padding-bottom: 16px !important; } }
@media (min-width: 768px) {
  .yc-pb-md-16 {
    padding-bottom: 16px !important; } }
@media (min-width: 992px) {
  .yc-pb-lg-16 {
    padding-bottom: 16px !important; } }
@media (min-width: 1200px) {
  .yc-pb-xl-16 {
    padding-bottom: 16px !important; } }
.yc-ps-16 {
  padding-left: 16px !important; }

@media (min-width: 0) {
  .yc-ps-xs-16 {
    padding-left: 16px !important; } }
@media (min-width: 576px) {
  .yc-ps-sm-16 {
    padding-left: 16px !important; } }
@media (min-width: 768px) {
  .yc-ps-md-16 {
    padding-left: 16px !important; } }
@media (min-width: 992px) {
  .yc-ps-lg-16 {
    padding-left: 16px !important; } }
@media (min-width: 1200px) {
  .yc-ps-xl-16 {
    padding-left: 16px !important; } }
.yc-pe-16 {
  padding-right: 16px !important; }

@media (min-width: 0) {
  .yc-pe-xs-16 {
    padding-right: 16px !important; } }
@media (min-width: 576px) {
  .yc-pe-sm-16 {
    padding-right: 16px !important; } }
@media (min-width: 768px) {
  .yc-pe-md-16 {
    padding-right: 16px !important; } }
@media (min-width: 992px) {
  .yc-pe-lg-16 {
    padding-right: 16px !important; } }
@media (min-width: 1200px) {
  .yc-pe-xl-16 {
    padding-right: 16px !important; } }
.yc-m-16 {
  margin: 16px !important; }

.yc-m-n16 {
  margin: -16px !important; }

@media (min-width: 0) {
  .yc-m-xs-16 {
    margin: 16px !important; } }
@media (min-width: 576px) {
  .yc-m-sm-16 {
    margin: 16px !important; } }
@media (min-width: 768px) {
  .yc-m-md-16 {
    margin: 16px !important; } }
@media (min-width: 992px) {
  .yc-m-lg-16 {
    margin: 16px !important; } }
@media (min-width: 1200px) {
  .yc-m-xl-16 {
    margin: 16px !important; } }
.yc-mx-16 {
  margin-left: 16px !important;
  margin-right: 16px !important; }

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

@media (min-width: 0) {
  .yc-mx-xs-16 {
    margin-left: 16px !important;
    margin-right: 16px !important; } }
@media (min-width: 576px) {
  .yc-mx-sm-16 {
    margin-left: 16px !important;
    margin-right: 16px !important; } }
@media (min-width: 768px) {
  .yc-mx-md-16 {
    margin-left: 16px !important;
    margin-right: 16px !important; } }
@media (min-width: 992px) {
  .yc-mx-lg-16 {
    margin-left: 16px !important;
    margin-right: 16px !important; } }
@media (min-width: 1200px) {
  .yc-mx-xl-16 {
    margin-left: 16px !important;
    margin-right: 16px !important; } }
.yc-my-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important; }

.yc-my-n16 {
  margin-top: -16px !important;
  margin-bottom: -16px !important; }

@media (min-width: 0) {
  .yc-my-xs-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important; } }
@media (min-width: 576px) {
  .yc-my-sm-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important; } }
@media (min-width: 768px) {
  .yc-my-md-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important; } }
@media (min-width: 992px) {
  .yc-my-lg-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important; } }
@media (min-width: 1200px) {
  .yc-my-xl-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important; } }
.yc-mt-16 {
  margin-top: 16px !important; }

.yc-mt-n16 {
  margin-top: -16px !important; }

@media (min-width: 0) {
  .yc-mt-xs-16 {
    margin-top: 16px !important; } }
@media (min-width: 576px) {
  .yc-mt-sm-16 {
    margin-top: 16px !important; } }
@media (min-width: 768px) {
  .yc-mt-md-16 {
    margin-top: 16px !important; } }
@media (min-width: 992px) {
  .yc-mt-lg-16 {
    margin-top: 16px !important; } }
@media (min-width: 1200px) {
  .yc-mt-xl-16 {
    margin-top: 16px !important; } }
.yc-mb-16 {
  margin-bottom: 16px !important; }

.yc-mb-n16 {
  margin-bottom: -16px !important; }

@media (min-width: 0) {
  .yc-mb-xs-16 {
    margin-bottom: 16px !important; } }
@media (min-width: 576px) {
  .yc-mb-sm-16 {
    margin-bottom: 16px !important; } }
@media (min-width: 768px) {
  .yc-mb-md-16 {
    margin-bottom: 16px !important; } }
@media (min-width: 992px) {
  .yc-mb-lg-16 {
    margin-bottom: 16px !important; } }
@media (min-width: 1200px) {
  .yc-mb-xl-16 {
    margin-bottom: 16px !important; } }
.yc-ms-16 {
  margin-left: 16px !important; }

.yc-ms-n16 {
  margin-left: -16px !important; }

@media (min-width: 0) {
  .yc-ms-xs-16 {
    margin-left: 16px !important; } }
@media (min-width: 576px) {
  .yc-ms-sm-16 {
    margin-left: 16px !important; } }
@media (min-width: 768px) {
  .yc-ms-md-16 {
    margin-left: 16px !important; } }
@media (min-width: 992px) {
  .yc-ms-lg-16 {
    margin-left: 16px !important; } }
@media (min-width: 1200px) {
  .yc-ms-xl-16 {
    margin-left: 16px !important; } }
.yc-me-16 {
  margin-right: 16px !important; }

.yc-me-n16 {
  margin-right: -16px !important; }

@media (min-width: 0) {
  .yc-me-xs-16 {
    margin-right: 16px !important; } }
@media (min-width: 576px) {
  .yc-me-sm-16 {
    margin-right: 16px !important; } }
@media (min-width: 768px) {
  .yc-me-md-16 {
    margin-right: 16px !important; } }
@media (min-width: 992px) {
  .yc-me-lg-16 {
    margin-right: 16px !important; } }
@media (min-width: 1200px) {
  .yc-me-xl-16 {
    margin-right: 16px !important; } }
.yc-p-24 {
  padding: 24px !important; }

@media (min-width: 0) {
  .yc-p-xs-24 {
    padding: 24px !important; } }
@media (min-width: 576px) {
  .yc-p-sm-24 {
    padding: 24px !important; } }
@media (min-width: 768px) {
  .yc-p-md-24 {
    padding: 24px !important; } }
@media (min-width: 992px) {
  .yc-p-lg-24 {
    padding: 24px !important; } }
@media (min-width: 1200px) {
  .yc-p-xl-24 {
    padding: 24px !important; } }
.yc-px-24 {
  padding-left: 24px !important;
  padding-right: 24px !important; }

@media (min-width: 0) {
  .yc-px-xs-24 {
    padding-left: 24px !important;
    padding-right: 24px !important; } }
@media (min-width: 576px) {
  .yc-px-sm-24 {
    padding-left: 24px !important;
    padding-right: 24px !important; } }
@media (min-width: 768px) {
  .yc-px-md-24 {
    padding-left: 24px !important;
    padding-right: 24px !important; } }
@media (min-width: 992px) {
  .yc-px-lg-24 {
    padding-left: 24px !important;
    padding-right: 24px !important; } }
@media (min-width: 1200px) {
  .yc-px-xl-24 {
    padding-left: 24px !important;
    padding-right: 24px !important; } }
.yc-py-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important; }

@media (min-width: 0) {
  .yc-py-xs-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important; } }
@media (min-width: 576px) {
  .yc-py-sm-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important; } }
@media (min-width: 768px) {
  .yc-py-md-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important; } }
@media (min-width: 992px) {
  .yc-py-lg-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important; } }
@media (min-width: 1200px) {
  .yc-py-xl-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important; } }
.yc-pt-24 {
  padding-top: 24px !important; }

@media (min-width: 0) {
  .yc-pt-xs-24 {
    padding-top: 24px !important; } }
@media (min-width: 576px) {
  .yc-pt-sm-24 {
    padding-top: 24px !important; } }
@media (min-width: 768px) {
  .yc-pt-md-24 {
    padding-top: 24px !important; } }
@media (min-width: 992px) {
  .yc-pt-lg-24 {
    padding-top: 24px !important; } }
@media (min-width: 1200px) {
  .yc-pt-xl-24 {
    padding-top: 24px !important; } }
.yc-pb-24 {
  padding-bottom: 24px !important; }

@media (min-width: 0) {
  .yc-pb-xs-24 {
    padding-bottom: 24px !important; } }
@media (min-width: 576px) {
  .yc-pb-sm-24 {
    padding-bottom: 24px !important; } }
@media (min-width: 768px) {
  .yc-pb-md-24 {
    padding-bottom: 24px !important; } }
@media (min-width: 992px) {
  .yc-pb-lg-24 {
    padding-bottom: 24px !important; } }
@media (min-width: 1200px) {
  .yc-pb-xl-24 {
    padding-bottom: 24px !important; } }
.yc-ps-24 {
  padding-left: 24px !important; }

@media (min-width: 0) {
  .yc-ps-xs-24 {
    padding-left: 24px !important; } }
@media (min-width: 576px) {
  .yc-ps-sm-24 {
    padding-left: 24px !important; } }
@media (min-width: 768px) {
  .yc-ps-md-24 {
    padding-left: 24px !important; } }
@media (min-width: 992px) {
  .yc-ps-lg-24 {
    padding-left: 24px !important; } }
@media (min-width: 1200px) {
  .yc-ps-xl-24 {
    padding-left: 24px !important; } }
.yc-pe-24 {
  padding-right: 24px !important; }

@media (min-width: 0) {
  .yc-pe-xs-24 {
    padding-right: 24px !important; } }
@media (min-width: 576px) {
  .yc-pe-sm-24 {
    padding-right: 24px !important; } }
@media (min-width: 768px) {
  .yc-pe-md-24 {
    padding-right: 24px !important; } }
@media (min-width: 992px) {
  .yc-pe-lg-24 {
    padding-right: 24px !important; } }
@media (min-width: 1200px) {
  .yc-pe-xl-24 {
    padding-right: 24px !important; } }
.yc-m-24 {
  margin: 24px !important; }

.yc-m-n24 {
  margin: -24px !important; }

@media (min-width: 0) {
  .yc-m-xs-24 {
    margin: 24px !important; } }
@media (min-width: 576px) {
  .yc-m-sm-24 {
    margin: 24px !important; } }
@media (min-width: 768px) {
  .yc-m-md-24 {
    margin: 24px !important; } }
@media (min-width: 992px) {
  .yc-m-lg-24 {
    margin: 24px !important; } }
@media (min-width: 1200px) {
  .yc-m-xl-24 {
    margin: 24px !important; } }
.yc-mx-24 {
  margin-left: 24px !important;
  margin-right: 24px !important; }

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

@media (min-width: 0) {
  .yc-mx-xs-24 {
    margin-left: 24px !important;
    margin-right: 24px !important; } }
@media (min-width: 576px) {
  .yc-mx-sm-24 {
    margin-left: 24px !important;
    margin-right: 24px !important; } }
@media (min-width: 768px) {
  .yc-mx-md-24 {
    margin-left: 24px !important;
    margin-right: 24px !important; } }
@media (min-width: 992px) {
  .yc-mx-lg-24 {
    margin-left: 24px !important;
    margin-right: 24px !important; } }
@media (min-width: 1200px) {
  .yc-mx-xl-24 {
    margin-left: 24px !important;
    margin-right: 24px !important; } }
.yc-my-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important; }

.yc-my-n24 {
  margin-top: -24px !important;
  margin-bottom: -24px !important; }

@media (min-width: 0) {
  .yc-my-xs-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important; } }
@media (min-width: 576px) {
  .yc-my-sm-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important; } }
@media (min-width: 768px) {
  .yc-my-md-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important; } }
@media (min-width: 992px) {
  .yc-my-lg-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important; } }
@media (min-width: 1200px) {
  .yc-my-xl-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important; } }
.yc-mt-24 {
  margin-top: 24px !important; }

.yc-mt-n24 {
  margin-top: -24px !important; }

@media (min-width: 0) {
  .yc-mt-xs-24 {
    margin-top: 24px !important; } }
@media (min-width: 576px) {
  .yc-mt-sm-24 {
    margin-top: 24px !important; } }
@media (min-width: 768px) {
  .yc-mt-md-24 {
    margin-top: 24px !important; } }
@media (min-width: 992px) {
  .yc-mt-lg-24 {
    margin-top: 24px !important; } }
@media (min-width: 1200px) {
  .yc-mt-xl-24 {
    margin-top: 24px !important; } }
.yc-mb-24 {
  margin-bottom: 24px !important; }

.yc-mb-n24 {
  margin-bottom: -24px !important; }

@media (min-width: 0) {
  .yc-mb-xs-24 {
    margin-bottom: 24px !important; } }
@media (min-width: 576px) {
  .yc-mb-sm-24 {
    margin-bottom: 24px !important; } }
@media (min-width: 768px) {
  .yc-mb-md-24 {
    margin-bottom: 24px !important; } }
@media (min-width: 992px) {
  .yc-mb-lg-24 {
    margin-bottom: 24px !important; } }
@media (min-width: 1200px) {
  .yc-mb-xl-24 {
    margin-bottom: 24px !important; } }
.yc-ms-24 {
  margin-left: 24px !important; }

.yc-ms-n24 {
  margin-left: -24px !important; }

@media (min-width: 0) {
  .yc-ms-xs-24 {
    margin-left: 24px !important; } }
@media (min-width: 576px) {
  .yc-ms-sm-24 {
    margin-left: 24px !important; } }
@media (min-width: 768px) {
  .yc-ms-md-24 {
    margin-left: 24px !important; } }
@media (min-width: 992px) {
  .yc-ms-lg-24 {
    margin-left: 24px !important; } }
@media (min-width: 1200px) {
  .yc-ms-xl-24 {
    margin-left: 24px !important; } }
.yc-me-24 {
  margin-right: 24px !important; }

.yc-me-n24 {
  margin-right: -24px !important; }

@media (min-width: 0) {
  .yc-me-xs-24 {
    margin-right: 24px !important; } }
@media (min-width: 576px) {
  .yc-me-sm-24 {
    margin-right: 24px !important; } }
@media (min-width: 768px) {
  .yc-me-md-24 {
    margin-right: 24px !important; } }
@media (min-width: 992px) {
  .yc-me-lg-24 {
    margin-right: 24px !important; } }
@media (min-width: 1200px) {
  .yc-me-xl-24 {
    margin-right: 24px !important; } }
.yc-p-32 {
  padding: 32px !important; }

@media (min-width: 0) {
  .yc-p-xs-32 {
    padding: 32px !important; } }
@media (min-width: 576px) {
  .yc-p-sm-32 {
    padding: 32px !important; } }
@media (min-width: 768px) {
  .yc-p-md-32 {
    padding: 32px !important; } }
@media (min-width: 992px) {
  .yc-p-lg-32 {
    padding: 32px !important; } }
@media (min-width: 1200px) {
  .yc-p-xl-32 {
    padding: 32px !important; } }
.yc-px-32 {
  padding-left: 32px !important;
  padding-right: 32px !important; }

@media (min-width: 0) {
  .yc-px-xs-32 {
    padding-left: 32px !important;
    padding-right: 32px !important; } }
@media (min-width: 576px) {
  .yc-px-sm-32 {
    padding-left: 32px !important;
    padding-right: 32px !important; } }
@media (min-width: 768px) {
  .yc-px-md-32 {
    padding-left: 32px !important;
    padding-right: 32px !important; } }
@media (min-width: 992px) {
  .yc-px-lg-32 {
    padding-left: 32px !important;
    padding-right: 32px !important; } }
@media (min-width: 1200px) {
  .yc-px-xl-32 {
    padding-left: 32px !important;
    padding-right: 32px !important; } }
.yc-py-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important; }

@media (min-width: 0) {
  .yc-py-xs-32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important; } }
@media (min-width: 576px) {
  .yc-py-sm-32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important; } }
@media (min-width: 768px) {
  .yc-py-md-32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important; } }
@media (min-width: 992px) {
  .yc-py-lg-32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important; } }
@media (min-width: 1200px) {
  .yc-py-xl-32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important; } }
.yc-pt-32 {
  padding-top: 32px !important; }

@media (min-width: 0) {
  .yc-pt-xs-32 {
    padding-top: 32px !important; } }
@media (min-width: 576px) {
  .yc-pt-sm-32 {
    padding-top: 32px !important; } }
@media (min-width: 768px) {
  .yc-pt-md-32 {
    padding-top: 32px !important; } }
@media (min-width: 992px) {
  .yc-pt-lg-32 {
    padding-top: 32px !important; } }
@media (min-width: 1200px) {
  .yc-pt-xl-32 {
    padding-top: 32px !important; } }
.yc-pb-32 {
  padding-bottom: 32px !important; }

@media (min-width: 0) {
  .yc-pb-xs-32 {
    padding-bottom: 32px !important; } }
@media (min-width: 576px) {
  .yc-pb-sm-32 {
    padding-bottom: 32px !important; } }
@media (min-width: 768px) {
  .yc-pb-md-32 {
    padding-bottom: 32px !important; } }
@media (min-width: 992px) {
  .yc-pb-lg-32 {
    padding-bottom: 32px !important; } }
@media (min-width: 1200px) {
  .yc-pb-xl-32 {
    padding-bottom: 32px !important; } }
.yc-ps-32 {
  padding-left: 32px !important; }

@media (min-width: 0) {
  .yc-ps-xs-32 {
    padding-left: 32px !important; } }
@media (min-width: 576px) {
  .yc-ps-sm-32 {
    padding-left: 32px !important; } }
@media (min-width: 768px) {
  .yc-ps-md-32 {
    padding-left: 32px !important; } }
@media (min-width: 992px) {
  .yc-ps-lg-32 {
    padding-left: 32px !important; } }
@media (min-width: 1200px) {
  .yc-ps-xl-32 {
    padding-left: 32px !important; } }
.yc-pe-32 {
  padding-right: 32px !important; }

@media (min-width: 0) {
  .yc-pe-xs-32 {
    padding-right: 32px !important; } }
@media (min-width: 576px) {
  .yc-pe-sm-32 {
    padding-right: 32px !important; } }
@media (min-width: 768px) {
  .yc-pe-md-32 {
    padding-right: 32px !important; } }
@media (min-width: 992px) {
  .yc-pe-lg-32 {
    padding-right: 32px !important; } }
@media (min-width: 1200px) {
  .yc-pe-xl-32 {
    padding-right: 32px !important; } }
.yc-m-32 {
  margin: 32px !important; }

.yc-m-n32 {
  margin: -32px !important; }

@media (min-width: 0) {
  .yc-m-xs-32 {
    margin: 32px !important; } }
@media (min-width: 576px) {
  .yc-m-sm-32 {
    margin: 32px !important; } }
@media (min-width: 768px) {
  .yc-m-md-32 {
    margin: 32px !important; } }
@media (min-width: 992px) {
  .yc-m-lg-32 {
    margin: 32px !important; } }
@media (min-width: 1200px) {
  .yc-m-xl-32 {
    margin: 32px !important; } }
.yc-mx-32 {
  margin-left: 32px !important;
  margin-right: 32px !important; }

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

@media (min-width: 0) {
  .yc-mx-xs-32 {
    margin-left: 32px !important;
    margin-right: 32px !important; } }
@media (min-width: 576px) {
  .yc-mx-sm-32 {
    margin-left: 32px !important;
    margin-right: 32px !important; } }
@media (min-width: 768px) {
  .yc-mx-md-32 {
    margin-left: 32px !important;
    margin-right: 32px !important; } }
@media (min-width: 992px) {
  .yc-mx-lg-32 {
    margin-left: 32px !important;
    margin-right: 32px !important; } }
@media (min-width: 1200px) {
  .yc-mx-xl-32 {
    margin-left: 32px !important;
    margin-right: 32px !important; } }
.yc-my-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important; }

.yc-my-n32 {
  margin-top: -32px !important;
  margin-bottom: -32px !important; }

@media (min-width: 0) {
  .yc-my-xs-32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important; } }
@media (min-width: 576px) {
  .yc-my-sm-32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important; } }
@media (min-width: 768px) {
  .yc-my-md-32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important; } }
@media (min-width: 992px) {
  .yc-my-lg-32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important; } }
@media (min-width: 1200px) {
  .yc-my-xl-32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important; } }
.yc-mt-32 {
  margin-top: 32px !important; }

.yc-mt-n32 {
  margin-top: -32px !important; }

@media (min-width: 0) {
  .yc-mt-xs-32 {
    margin-top: 32px !important; } }
@media (min-width: 576px) {
  .yc-mt-sm-32 {
    margin-top: 32px !important; } }
@media (min-width: 768px) {
  .yc-mt-md-32 {
    margin-top: 32px !important; } }
@media (min-width: 992px) {
  .yc-mt-lg-32 {
    margin-top: 32px !important; } }
@media (min-width: 1200px) {
  .yc-mt-xl-32 {
    margin-top: 32px !important; } }
.yc-mb-32 {
  margin-bottom: 32px !important; }

.yc-mb-n32 {
  margin-bottom: -32px !important; }

@media (min-width: 0) {
  .yc-mb-xs-32 {
    margin-bottom: 32px !important; } }
@media (min-width: 576px) {
  .yc-mb-sm-32 {
    margin-bottom: 32px !important; } }
@media (min-width: 768px) {
  .yc-mb-md-32 {
    margin-bottom: 32px !important; } }
@media (min-width: 992px) {
  .yc-mb-lg-32 {
    margin-bottom: 32px !important; } }
@media (min-width: 1200px) {
  .yc-mb-xl-32 {
    margin-bottom: 32px !important; } }
.yc-ms-32 {
  margin-left: 32px !important; }

.yc-ms-n32 {
  margin-left: -32px !important; }

@media (min-width: 0) {
  .yc-ms-xs-32 {
    margin-left: 32px !important; } }
@media (min-width: 576px) {
  .yc-ms-sm-32 {
    margin-left: 32px !important; } }
@media (min-width: 768px) {
  .yc-ms-md-32 {
    margin-left: 32px !important; } }
@media (min-width: 992px) {
  .yc-ms-lg-32 {
    margin-left: 32px !important; } }
@media (min-width: 1200px) {
  .yc-ms-xl-32 {
    margin-left: 32px !important; } }
.yc-me-32 {
  margin-right: 32px !important; }

.yc-me-n32 {
  margin-right: -32px !important; }

@media (min-width: 0) {
  .yc-me-xs-32 {
    margin-right: 32px !important; } }
@media (min-width: 576px) {
  .yc-me-sm-32 {
    margin-right: 32px !important; } }
@media (min-width: 768px) {
  .yc-me-md-32 {
    margin-right: 32px !important; } }
@media (min-width: 992px) {
  .yc-me-lg-32 {
    margin-right: 32px !important; } }
@media (min-width: 1200px) {
  .yc-me-xl-32 {
    margin-right: 32px !important; } }
.yc-p-48 {
  padding: 48px !important; }

@media (min-width: 0) {
  .yc-p-xs-48 {
    padding: 48px !important; } }
@media (min-width: 576px) {
  .yc-p-sm-48 {
    padding: 48px !important; } }
@media (min-width: 768px) {
  .yc-p-md-48 {
    padding: 48px !important; } }
@media (min-width: 992px) {
  .yc-p-lg-48 {
    padding: 48px !important; } }
@media (min-width: 1200px) {
  .yc-p-xl-48 {
    padding: 48px !important; } }
.yc-px-48 {
  padding-left: 48px !important;
  padding-right: 48px !important; }

@media (min-width: 0) {
  .yc-px-xs-48 {
    padding-left: 48px !important;
    padding-right: 48px !important; } }
@media (min-width: 576px) {
  .yc-px-sm-48 {
    padding-left: 48px !important;
    padding-right: 48px !important; } }
@media (min-width: 768px) {
  .yc-px-md-48 {
    padding-left: 48px !important;
    padding-right: 48px !important; } }
@media (min-width: 992px) {
  .yc-px-lg-48 {
    padding-left: 48px !important;
    padding-right: 48px !important; } }
@media (min-width: 1200px) {
  .yc-px-xl-48 {
    padding-left: 48px !important;
    padding-right: 48px !important; } }
.yc-py-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important; }

@media (min-width: 0) {
  .yc-py-xs-48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important; } }
@media (min-width: 576px) {
  .yc-py-sm-48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important; } }
@media (min-width: 768px) {
  .yc-py-md-48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important; } }
@media (min-width: 992px) {
  .yc-py-lg-48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important; } }
@media (min-width: 1200px) {
  .yc-py-xl-48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important; } }
.yc-pt-48 {
  padding-top: 48px !important; }

@media (min-width: 0) {
  .yc-pt-xs-48 {
    padding-top: 48px !important; } }
@media (min-width: 576px) {
  .yc-pt-sm-48 {
    padding-top: 48px !important; } }
@media (min-width: 768px) {
  .yc-pt-md-48 {
    padding-top: 48px !important; } }
@media (min-width: 992px) {
  .yc-pt-lg-48 {
    padding-top: 48px !important; } }
@media (min-width: 1200px) {
  .yc-pt-xl-48 {
    padding-top: 48px !important; } }
.yc-pb-48 {
  padding-bottom: 48px !important; }

@media (min-width: 0) {
  .yc-pb-xs-48 {
    padding-bottom: 48px !important; } }
@media (min-width: 576px) {
  .yc-pb-sm-48 {
    padding-bottom: 48px !important; } }
@media (min-width: 768px) {
  .yc-pb-md-48 {
    padding-bottom: 48px !important; } }
@media (min-width: 992px) {
  .yc-pb-lg-48 {
    padding-bottom: 48px !important; } }
@media (min-width: 1200px) {
  .yc-pb-xl-48 {
    padding-bottom: 48px !important; } }
.yc-ps-48 {
  padding-left: 48px !important; }

@media (min-width: 0) {
  .yc-ps-xs-48 {
    padding-left: 48px !important; } }
@media (min-width: 576px) {
  .yc-ps-sm-48 {
    padding-left: 48px !important; } }
@media (min-width: 768px) {
  .yc-ps-md-48 {
    padding-left: 48px !important; } }
@media (min-width: 992px) {
  .yc-ps-lg-48 {
    padding-left: 48px !important; } }
@media (min-width: 1200px) {
  .yc-ps-xl-48 {
    padding-left: 48px !important; } }
.yc-pe-48 {
  padding-right: 48px !important; }

@media (min-width: 0) {
  .yc-pe-xs-48 {
    padding-right: 48px !important; } }
@media (min-width: 576px) {
  .yc-pe-sm-48 {
    padding-right: 48px !important; } }
@media (min-width: 768px) {
  .yc-pe-md-48 {
    padding-right: 48px !important; } }
@media (min-width: 992px) {
  .yc-pe-lg-48 {
    padding-right: 48px !important; } }
@media (min-width: 1200px) {
  .yc-pe-xl-48 {
    padding-right: 48px !important; } }
.yc-m-48 {
  margin: 48px !important; }

.yc-m-n48 {
  margin: -48px !important; }

@media (min-width: 0) {
  .yc-m-xs-48 {
    margin: 48px !important; } }
@media (min-width: 576px) {
  .yc-m-sm-48 {
    margin: 48px !important; } }
@media (min-width: 768px) {
  .yc-m-md-48 {
    margin: 48px !important; } }
@media (min-width: 992px) {
  .yc-m-lg-48 {
    margin: 48px !important; } }
@media (min-width: 1200px) {
  .yc-m-xl-48 {
    margin: 48px !important; } }
.yc-mx-48 {
  margin-left: 48px !important;
  margin-right: 48px !important; }

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

@media (min-width: 0) {
  .yc-mx-xs-48 {
    margin-left: 48px !important;
    margin-right: 48px !important; } }
@media (min-width: 576px) {
  .yc-mx-sm-48 {
    margin-left: 48px !important;
    margin-right: 48px !important; } }
@media (min-width: 768px) {
  .yc-mx-md-48 {
    margin-left: 48px !important;
    margin-right: 48px !important; } }
@media (min-width: 992px) {
  .yc-mx-lg-48 {
    margin-left: 48px !important;
    margin-right: 48px !important; } }
@media (min-width: 1200px) {
  .yc-mx-xl-48 {
    margin-left: 48px !important;
    margin-right: 48px !important; } }
.yc-my-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important; }

.yc-my-n48 {
  margin-top: -48px !important;
  margin-bottom: -48px !important; }

@media (min-width: 0) {
  .yc-my-xs-48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important; } }
@media (min-width: 576px) {
  .yc-my-sm-48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important; } }
@media (min-width: 768px) {
  .yc-my-md-48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important; } }
@media (min-width: 992px) {
  .yc-my-lg-48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important; } }
@media (min-width: 1200px) {
  .yc-my-xl-48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important; } }
.yc-mt-48 {
  margin-top: 48px !important; }

.yc-mt-n48 {
  margin-top: -48px !important; }

@media (min-width: 0) {
  .yc-mt-xs-48 {
    margin-top: 48px !important; } }
@media (min-width: 576px) {
  .yc-mt-sm-48 {
    margin-top: 48px !important; } }
@media (min-width: 768px) {
  .yc-mt-md-48 {
    margin-top: 48px !important; } }
@media (min-width: 992px) {
  .yc-mt-lg-48 {
    margin-top: 48px !important; } }
@media (min-width: 1200px) {
  .yc-mt-xl-48 {
    margin-top: 48px !important; } }
.yc-mb-48 {
  margin-bottom: 48px !important; }

.yc-mb-n48 {
  margin-bottom: -48px !important; }

@media (min-width: 0) {
  .yc-mb-xs-48 {
    margin-bottom: 48px !important; } }
@media (min-width: 576px) {
  .yc-mb-sm-48 {
    margin-bottom: 48px !important; } }
@media (min-width: 768px) {
  .yc-mb-md-48 {
    margin-bottom: 48px !important; } }
@media (min-width: 992px) {
  .yc-mb-lg-48 {
    margin-bottom: 48px !important; } }
@media (min-width: 1200px) {
  .yc-mb-xl-48 {
    margin-bottom: 48px !important; } }
.yc-ms-48 {
  margin-left: 48px !important; }

.yc-ms-n48 {
  margin-left: -48px !important; }

@media (min-width: 0) {
  .yc-ms-xs-48 {
    margin-left: 48px !important; } }
@media (min-width: 576px) {
  .yc-ms-sm-48 {
    margin-left: 48px !important; } }
@media (min-width: 768px) {
  .yc-ms-md-48 {
    margin-left: 48px !important; } }
@media (min-width: 992px) {
  .yc-ms-lg-48 {
    margin-left: 48px !important; } }
@media (min-width: 1200px) {
  .yc-ms-xl-48 {
    margin-left: 48px !important; } }
.yc-me-48 {
  margin-right: 48px !important; }

.yc-me-n48 {
  margin-right: -48px !important; }

@media (min-width: 0) {
  .yc-me-xs-48 {
    margin-right: 48px !important; } }
@media (min-width: 576px) {
  .yc-me-sm-48 {
    margin-right: 48px !important; } }
@media (min-width: 768px) {
  .yc-me-md-48 {
    margin-right: 48px !important; } }
@media (min-width: 992px) {
  .yc-me-lg-48 {
    margin-right: 48px !important; } }
@media (min-width: 1200px) {
  .yc-me-xl-48 {
    margin-right: 48px !important; } }
.yc-p-56 {
  padding: 56px !important; }

@media (min-width: 0) {
  .yc-p-xs-56 {
    padding: 56px !important; } }
@media (min-width: 576px) {
  .yc-p-sm-56 {
    padding: 56px !important; } }
@media (min-width: 768px) {
  .yc-p-md-56 {
    padding: 56px !important; } }
@media (min-width: 992px) {
  .yc-p-lg-56 {
    padding: 56px !important; } }
@media (min-width: 1200px) {
  .yc-p-xl-56 {
    padding: 56px !important; } }
.yc-px-56 {
  padding-left: 56px !important;
  padding-right: 56px !important; }

@media (min-width: 0) {
  .yc-px-xs-56 {
    padding-left: 56px !important;
    padding-right: 56px !important; } }
@media (min-width: 576px) {
  .yc-px-sm-56 {
    padding-left: 56px !important;
    padding-right: 56px !important; } }
@media (min-width: 768px) {
  .yc-px-md-56 {
    padding-left: 56px !important;
    padding-right: 56px !important; } }
@media (min-width: 992px) {
  .yc-px-lg-56 {
    padding-left: 56px !important;
    padding-right: 56px !important; } }
@media (min-width: 1200px) {
  .yc-px-xl-56 {
    padding-left: 56px !important;
    padding-right: 56px !important; } }
.yc-py-56 {
  padding-top: 56px !important;
  padding-bottom: 56px !important; }

@media (min-width: 0) {
  .yc-py-xs-56 {
    padding-top: 56px !important;
    padding-bottom: 56px !important; } }
@media (min-width: 576px) {
  .yc-py-sm-56 {
    padding-top: 56px !important;
    padding-bottom: 56px !important; } }
@media (min-width: 768px) {
  .yc-py-md-56 {
    padding-top: 56px !important;
    padding-bottom: 56px !important; } }
@media (min-width: 992px) {
  .yc-py-lg-56 {
    padding-top: 56px !important;
    padding-bottom: 56px !important; } }
@media (min-width: 1200px) {
  .yc-py-xl-56 {
    padding-top: 56px !important;
    padding-bottom: 56px !important; } }
.yc-pt-56 {
  padding-top: 56px !important; }

@media (min-width: 0) {
  .yc-pt-xs-56 {
    padding-top: 56px !important; } }
@media (min-width: 576px) {
  .yc-pt-sm-56 {
    padding-top: 56px !important; } }
@media (min-width: 768px) {
  .yc-pt-md-56 {
    padding-top: 56px !important; } }
@media (min-width: 992px) {
  .yc-pt-lg-56 {
    padding-top: 56px !important; } }
@media (min-width: 1200px) {
  .yc-pt-xl-56 {
    padding-top: 56px !important; } }
.yc-pb-56 {
  padding-bottom: 56px !important; }

@media (min-width: 0) {
  .yc-pb-xs-56 {
    padding-bottom: 56px !important; } }
@media (min-width: 576px) {
  .yc-pb-sm-56 {
    padding-bottom: 56px !important; } }
@media (min-width: 768px) {
  .yc-pb-md-56 {
    padding-bottom: 56px !important; } }
@media (min-width: 992px) {
  .yc-pb-lg-56 {
    padding-bottom: 56px !important; } }
@media (min-width: 1200px) {
  .yc-pb-xl-56 {
    padding-bottom: 56px !important; } }
.yc-ps-56 {
  padding-left: 56px !important; }

@media (min-width: 0) {
  .yc-ps-xs-56 {
    padding-left: 56px !important; } }
@media (min-width: 576px) {
  .yc-ps-sm-56 {
    padding-left: 56px !important; } }
@media (min-width: 768px) {
  .yc-ps-md-56 {
    padding-left: 56px !important; } }
@media (min-width: 992px) {
  .yc-ps-lg-56 {
    padding-left: 56px !important; } }
@media (min-width: 1200px) {
  .yc-ps-xl-56 {
    padding-left: 56px !important; } }
.yc-pe-56 {
  padding-right: 56px !important; }

@media (min-width: 0) {
  .yc-pe-xs-56 {
    padding-right: 56px !important; } }
@media (min-width: 576px) {
  .yc-pe-sm-56 {
    padding-right: 56px !important; } }
@media (min-width: 768px) {
  .yc-pe-md-56 {
    padding-right: 56px !important; } }
@media (min-width: 992px) {
  .yc-pe-lg-56 {
    padding-right: 56px !important; } }
@media (min-width: 1200px) {
  .yc-pe-xl-56 {
    padding-right: 56px !important; } }
.yc-m-56 {
  margin: 56px !important; }

.yc-m-n56 {
  margin: -56px !important; }

@media (min-width: 0) {
  .yc-m-xs-56 {
    margin: 56px !important; } }
@media (min-width: 576px) {
  .yc-m-sm-56 {
    margin: 56px !important; } }
@media (min-width: 768px) {
  .yc-m-md-56 {
    margin: 56px !important; } }
@media (min-width: 992px) {
  .yc-m-lg-56 {
    margin: 56px !important; } }
@media (min-width: 1200px) {
  .yc-m-xl-56 {
    margin: 56px !important; } }
.yc-mx-56 {
  margin-left: 56px !important;
  margin-right: 56px !important; }

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

@media (min-width: 0) {
  .yc-mx-xs-56 {
    margin-left: 56px !important;
    margin-right: 56px !important; } }
@media (min-width: 576px) {
  .yc-mx-sm-56 {
    margin-left: 56px !important;
    margin-right: 56px !important; } }
@media (min-width: 768px) {
  .yc-mx-md-56 {
    margin-left: 56px !important;
    margin-right: 56px !important; } }
@media (min-width: 992px) {
  .yc-mx-lg-56 {
    margin-left: 56px !important;
    margin-right: 56px !important; } }
@media (min-width: 1200px) {
  .yc-mx-xl-56 {
    margin-left: 56px !important;
    margin-right: 56px !important; } }
.yc-my-56 {
  margin-top: 56px !important;
  margin-bottom: 56px !important; }

.yc-my-n56 {
  margin-top: -56px !important;
  margin-bottom: -56px !important; }

@media (min-width: 0) {
  .yc-my-xs-56 {
    margin-top: 56px !important;
    margin-bottom: 56px !important; } }
@media (min-width: 576px) {
  .yc-my-sm-56 {
    margin-top: 56px !important;
    margin-bottom: 56px !important; } }
@media (min-width: 768px) {
  .yc-my-md-56 {
    margin-top: 56px !important;
    margin-bottom: 56px !important; } }
@media (min-width: 992px) {
  .yc-my-lg-56 {
    margin-top: 56px !important;
    margin-bottom: 56px !important; } }
@media (min-width: 1200px) {
  .yc-my-xl-56 {
    margin-top: 56px !important;
    margin-bottom: 56px !important; } }
.yc-mt-56 {
  margin-top: 56px !important; }

.yc-mt-n56 {
  margin-top: -56px !important; }

@media (min-width: 0) {
  .yc-mt-xs-56 {
    margin-top: 56px !important; } }
@media (min-width: 576px) {
  .yc-mt-sm-56 {
    margin-top: 56px !important; } }
@media (min-width: 768px) {
  .yc-mt-md-56 {
    margin-top: 56px !important; } }
@media (min-width: 992px) {
  .yc-mt-lg-56 {
    margin-top: 56px !important; } }
@media (min-width: 1200px) {
  .yc-mt-xl-56 {
    margin-top: 56px !important; } }
.yc-mb-56 {
  margin-bottom: 56px !important; }

.yc-mb-n56 {
  margin-bottom: -56px !important; }

@media (min-width: 0) {
  .yc-mb-xs-56 {
    margin-bottom: 56px !important; } }
@media (min-width: 576px) {
  .yc-mb-sm-56 {
    margin-bottom: 56px !important; } }
@media (min-width: 768px) {
  .yc-mb-md-56 {
    margin-bottom: 56px !important; } }
@media (min-width: 992px) {
  .yc-mb-lg-56 {
    margin-bottom: 56px !important; } }
@media (min-width: 1200px) {
  .yc-mb-xl-56 {
    margin-bottom: 56px !important; } }
.yc-ms-56 {
  margin-left: 56px !important; }

.yc-ms-n56 {
  margin-left: -56px !important; }

@media (min-width: 0) {
  .yc-ms-xs-56 {
    margin-left: 56px !important; } }
@media (min-width: 576px) {
  .yc-ms-sm-56 {
    margin-left: 56px !important; } }
@media (min-width: 768px) {
  .yc-ms-md-56 {
    margin-left: 56px !important; } }
@media (min-width: 992px) {
  .yc-ms-lg-56 {
    margin-left: 56px !important; } }
@media (min-width: 1200px) {
  .yc-ms-xl-56 {
    margin-left: 56px !important; } }
.yc-me-56 {
  margin-right: 56px !important; }

.yc-me-n56 {
  margin-right: -56px !important; }

@media (min-width: 0) {
  .yc-me-xs-56 {
    margin-right: 56px !important; } }
@media (min-width: 576px) {
  .yc-me-sm-56 {
    margin-right: 56px !important; } }
@media (min-width: 768px) {
  .yc-me-md-56 {
    margin-right: 56px !important; } }
@media (min-width: 992px) {
  .yc-me-lg-56 {
    margin-right: 56px !important; } }
@media (min-width: 1200px) {
  .yc-me-xl-56 {
    margin-right: 56px !important; } }
.yc-p-64 {
  padding: 64px !important; }

@media (min-width: 0) {
  .yc-p-xs-64 {
    padding: 64px !important; } }
@media (min-width: 576px) {
  .yc-p-sm-64 {
    padding: 64px !important; } }
@media (min-width: 768px) {
  .yc-p-md-64 {
    padding: 64px !important; } }
@media (min-width: 992px) {
  .yc-p-lg-64 {
    padding: 64px !important; } }
@media (min-width: 1200px) {
  .yc-p-xl-64 {
    padding: 64px !important; } }
.yc-px-64 {
  padding-left: 64px !important;
  padding-right: 64px !important; }

@media (min-width: 0) {
  .yc-px-xs-64 {
    padding-left: 64px !important;
    padding-right: 64px !important; } }
@media (min-width: 576px) {
  .yc-px-sm-64 {
    padding-left: 64px !important;
    padding-right: 64px !important; } }
@media (min-width: 768px) {
  .yc-px-md-64 {
    padding-left: 64px !important;
    padding-right: 64px !important; } }
@media (min-width: 992px) {
  .yc-px-lg-64 {
    padding-left: 64px !important;
    padding-right: 64px !important; } }
@media (min-width: 1200px) {
  .yc-px-xl-64 {
    padding-left: 64px !important;
    padding-right: 64px !important; } }
.yc-py-64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important; }

@media (min-width: 0) {
  .yc-py-xs-64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important; } }
@media (min-width: 576px) {
  .yc-py-sm-64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important; } }
@media (min-width: 768px) {
  .yc-py-md-64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important; } }
@media (min-width: 992px) {
  .yc-py-lg-64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important; } }
@media (min-width: 1200px) {
  .yc-py-xl-64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important; } }
.yc-pt-64 {
  padding-top: 64px !important; }

@media (min-width: 0) {
  .yc-pt-xs-64 {
    padding-top: 64px !important; } }
@media (min-width: 576px) {
  .yc-pt-sm-64 {
    padding-top: 64px !important; } }
@media (min-width: 768px) {
  .yc-pt-md-64 {
    padding-top: 64px !important; } }
@media (min-width: 992px) {
  .yc-pt-lg-64 {
    padding-top: 64px !important; } }
@media (min-width: 1200px) {
  .yc-pt-xl-64 {
    padding-top: 64px !important; } }
.yc-pb-64 {
  padding-bottom: 64px !important; }

@media (min-width: 0) {
  .yc-pb-xs-64 {
    padding-bottom: 64px !important; } }
@media (min-width: 576px) {
  .yc-pb-sm-64 {
    padding-bottom: 64px !important; } }
@media (min-width: 768px) {
  .yc-pb-md-64 {
    padding-bottom: 64px !important; } }
@media (min-width: 992px) {
  .yc-pb-lg-64 {
    padding-bottom: 64px !important; } }
@media (min-width: 1200px) {
  .yc-pb-xl-64 {
    padding-bottom: 64px !important; } }
.yc-ps-64 {
  padding-left: 64px !important; }

@media (min-width: 0) {
  .yc-ps-xs-64 {
    padding-left: 64px !important; } }
@media (min-width: 576px) {
  .yc-ps-sm-64 {
    padding-left: 64px !important; } }
@media (min-width: 768px) {
  .yc-ps-md-64 {
    padding-left: 64px !important; } }
@media (min-width: 992px) {
  .yc-ps-lg-64 {
    padding-left: 64px !important; } }
@media (min-width: 1200px) {
  .yc-ps-xl-64 {
    padding-left: 64px !important; } }
.yc-pe-64 {
  padding-right: 64px !important; }

@media (min-width: 0) {
  .yc-pe-xs-64 {
    padding-right: 64px !important; } }
@media (min-width: 576px) {
  .yc-pe-sm-64 {
    padding-right: 64px !important; } }
@media (min-width: 768px) {
  .yc-pe-md-64 {
    padding-right: 64px !important; } }
@media (min-width: 992px) {
  .yc-pe-lg-64 {
    padding-right: 64px !important; } }
@media (min-width: 1200px) {
  .yc-pe-xl-64 {
    padding-right: 64px !important; } }
.yc-m-64 {
  margin: 64px !important; }

.yc-m-n64 {
  margin: -64px !important; }

@media (min-width: 0) {
  .yc-m-xs-64 {
    margin: 64px !important; } }
@media (min-width: 576px) {
  .yc-m-sm-64 {
    margin: 64px !important; } }
@media (min-width: 768px) {
  .yc-m-md-64 {
    margin: 64px !important; } }
@media (min-width: 992px) {
  .yc-m-lg-64 {
    margin: 64px !important; } }
@media (min-width: 1200px) {
  .yc-m-xl-64 {
    margin: 64px !important; } }
.yc-mx-64 {
  margin-left: 64px !important;
  margin-right: 64px !important; }

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

@media (min-width: 0) {
  .yc-mx-xs-64 {
    margin-left: 64px !important;
    margin-right: 64px !important; } }
@media (min-width: 576px) {
  .yc-mx-sm-64 {
    margin-left: 64px !important;
    margin-right: 64px !important; } }
@media (min-width: 768px) {
  .yc-mx-md-64 {
    margin-left: 64px !important;
    margin-right: 64px !important; } }
@media (min-width: 992px) {
  .yc-mx-lg-64 {
    margin-left: 64px !important;
    margin-right: 64px !important; } }
@media (min-width: 1200px) {
  .yc-mx-xl-64 {
    margin-left: 64px !important;
    margin-right: 64px !important; } }
.yc-my-64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important; }

.yc-my-n64 {
  margin-top: -64px !important;
  margin-bottom: -64px !important; }

@media (min-width: 0) {
  .yc-my-xs-64 {
    margin-top: 64px !important;
    margin-bottom: 64px !important; } }
@media (min-width: 576px) {
  .yc-my-sm-64 {
    margin-top: 64px !important;
    margin-bottom: 64px !important; } }
@media (min-width: 768px) {
  .yc-my-md-64 {
    margin-top: 64px !important;
    margin-bottom: 64px !important; } }
@media (min-width: 992px) {
  .yc-my-lg-64 {
    margin-top: 64px !important;
    margin-bottom: 64px !important; } }
@media (min-width: 1200px) {
  .yc-my-xl-64 {
    margin-top: 64px !important;
    margin-bottom: 64px !important; } }
.yc-mt-64 {
  margin-top: 64px !important; }

.yc-mt-n64 {
  margin-top: -64px !important; }

@media (min-width: 0) {
  .yc-mt-xs-64 {
    margin-top: 64px !important; } }
@media (min-width: 576px) {
  .yc-mt-sm-64 {
    margin-top: 64px !important; } }
@media (min-width: 768px) {
  .yc-mt-md-64 {
    margin-top: 64px !important; } }
@media (min-width: 992px) {
  .yc-mt-lg-64 {
    margin-top: 64px !important; } }
@media (min-width: 1200px) {
  .yc-mt-xl-64 {
    margin-top: 64px !important; } }
.yc-mb-64 {
  margin-bottom: 64px !important; }

.yc-mb-n64 {
  margin-bottom: -64px !important; }

@media (min-width: 0) {
  .yc-mb-xs-64 {
    margin-bottom: 64px !important; } }
@media (min-width: 576px) {
  .yc-mb-sm-64 {
    margin-bottom: 64px !important; } }
@media (min-width: 768px) {
  .yc-mb-md-64 {
    margin-bottom: 64px !important; } }
@media (min-width: 992px) {
  .yc-mb-lg-64 {
    margin-bottom: 64px !important; } }
@media (min-width: 1200px) {
  .yc-mb-xl-64 {
    margin-bottom: 64px !important; } }
.yc-ms-64 {
  margin-left: 64px !important; }

.yc-ms-n64 {
  margin-left: -64px !important; }

@media (min-width: 0) {
  .yc-ms-xs-64 {
    margin-left: 64px !important; } }
@media (min-width: 576px) {
  .yc-ms-sm-64 {
    margin-left: 64px !important; } }
@media (min-width: 768px) {
  .yc-ms-md-64 {
    margin-left: 64px !important; } }
@media (min-width: 992px) {
  .yc-ms-lg-64 {
    margin-left: 64px !important; } }
@media (min-width: 1200px) {
  .yc-ms-xl-64 {
    margin-left: 64px !important; } }
.yc-me-64 {
  margin-right: 64px !important; }

.yc-me-n64 {
  margin-right: -64px !important; }

@media (min-width: 0) {
  .yc-me-xs-64 {
    margin-right: 64px !important; } }
@media (min-width: 576px) {
  .yc-me-sm-64 {
    margin-right: 64px !important; } }
@media (min-width: 768px) {
  .yc-me-md-64 {
    margin-right: 64px !important; } }
@media (min-width: 992px) {
  .yc-me-lg-64 {
    margin-right: 64px !important; } }
@media (min-width: 1200px) {
  .yc-me-xl-64 {
    margin-right: 64px !important; } }
.yc-p-96 {
  padding: 96px !important; }

@media (min-width: 0) {
  .yc-p-xs-96 {
    padding: 96px !important; } }
@media (min-width: 576px) {
  .yc-p-sm-96 {
    padding: 96px !important; } }
@media (min-width: 768px) {
  .yc-p-md-96 {
    padding: 96px !important; } }
@media (min-width: 992px) {
  .yc-p-lg-96 {
    padding: 96px !important; } }
@media (min-width: 1200px) {
  .yc-p-xl-96 {
    padding: 96px !important; } }
.yc-px-96 {
  padding-left: 96px !important;
  padding-right: 96px !important; }

@media (min-width: 0) {
  .yc-px-xs-96 {
    padding-left: 96px !important;
    padding-right: 96px !important; } }
@media (min-width: 576px) {
  .yc-px-sm-96 {
    padding-left: 96px !important;
    padding-right: 96px !important; } }
@media (min-width: 768px) {
  .yc-px-md-96 {
    padding-left: 96px !important;
    padding-right: 96px !important; } }
@media (min-width: 992px) {
  .yc-px-lg-96 {
    padding-left: 96px !important;
    padding-right: 96px !important; } }
@media (min-width: 1200px) {
  .yc-px-xl-96 {
    padding-left: 96px !important;
    padding-right: 96px !important; } }
.yc-py-96 {
  padding-top: 96px !important;
  padding-bottom: 96px !important; }

@media (min-width: 0) {
  .yc-py-xs-96 {
    padding-top: 96px !important;
    padding-bottom: 96px !important; } }
@media (min-width: 576px) {
  .yc-py-sm-96 {
    padding-top: 96px !important;
    padding-bottom: 96px !important; } }
@media (min-width: 768px) {
  .yc-py-md-96 {
    padding-top: 96px !important;
    padding-bottom: 96px !important; } }
@media (min-width: 992px) {
  .yc-py-lg-96 {
    padding-top: 96px !important;
    padding-bottom: 96px !important; } }
@media (min-width: 1200px) {
  .yc-py-xl-96 {
    padding-top: 96px !important;
    padding-bottom: 96px !important; } }
.yc-pt-96 {
  padding-top: 96px !important; }

@media (min-width: 0) {
  .yc-pt-xs-96 {
    padding-top: 96px !important; } }
@media (min-width: 576px) {
  .yc-pt-sm-96 {
    padding-top: 96px !important; } }
@media (min-width: 768px) {
  .yc-pt-md-96 {
    padding-top: 96px !important; } }
@media (min-width: 992px) {
  .yc-pt-lg-96 {
    padding-top: 96px !important; } }
@media (min-width: 1200px) {
  .yc-pt-xl-96 {
    padding-top: 96px !important; } }
.yc-pb-96 {
  padding-bottom: 96px !important; }

@media (min-width: 0) {
  .yc-pb-xs-96 {
    padding-bottom: 96px !important; } }
@media (min-width: 576px) {
  .yc-pb-sm-96 {
    padding-bottom: 96px !important; } }
@media (min-width: 768px) {
  .yc-pb-md-96 {
    padding-bottom: 96px !important; } }
@media (min-width: 992px) {
  .yc-pb-lg-96 {
    padding-bottom: 96px !important; } }
@media (min-width: 1200px) {
  .yc-pb-xl-96 {
    padding-bottom: 96px !important; } }
.yc-ps-96 {
  padding-left: 96px !important; }

@media (min-width: 0) {
  .yc-ps-xs-96 {
    padding-left: 96px !important; } }
@media (min-width: 576px) {
  .yc-ps-sm-96 {
    padding-left: 96px !important; } }
@media (min-width: 768px) {
  .yc-ps-md-96 {
    padding-left: 96px !important; } }
@media (min-width: 992px) {
  .yc-ps-lg-96 {
    padding-left: 96px !important; } }
@media (min-width: 1200px) {
  .yc-ps-xl-96 {
    padding-left: 96px !important; } }
.yc-pe-96 {
  padding-right: 96px !important; }

@media (min-width: 0) {
  .yc-pe-xs-96 {
    padding-right: 96px !important; } }
@media (min-width: 576px) {
  .yc-pe-sm-96 {
    padding-right: 96px !important; } }
@media (min-width: 768px) {
  .yc-pe-md-96 {
    padding-right: 96px !important; } }
@media (min-width: 992px) {
  .yc-pe-lg-96 {
    padding-right: 96px !important; } }
@media (min-width: 1200px) {
  .yc-pe-xl-96 {
    padding-right: 96px !important; } }
.yc-m-96 {
  margin: 96px !important; }

.yc-m-n96 {
  margin: -96px !important; }

@media (min-width: 0) {
  .yc-m-xs-96 {
    margin: 96px !important; } }
@media (min-width: 576px) {
  .yc-m-sm-96 {
    margin: 96px !important; } }
@media (min-width: 768px) {
  .yc-m-md-96 {
    margin: 96px !important; } }
@media (min-width: 992px) {
  .yc-m-lg-96 {
    margin: 96px !important; } }
@media (min-width: 1200px) {
  .yc-m-xl-96 {
    margin: 96px !important; } }
.yc-mx-96 {
  margin-left: 96px !important;
  margin-right: 96px !important; }

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

@media (min-width: 0) {
  .yc-mx-xs-96 {
    margin-left: 96px !important;
    margin-right: 96px !important; } }
@media (min-width: 576px) {
  .yc-mx-sm-96 {
    margin-left: 96px !important;
    margin-right: 96px !important; } }
@media (min-width: 768px) {
  .yc-mx-md-96 {
    margin-left: 96px !important;
    margin-right: 96px !important; } }
@media (min-width: 992px) {
  .yc-mx-lg-96 {
    margin-left: 96px !important;
    margin-right: 96px !important; } }
@media (min-width: 1200px) {
  .yc-mx-xl-96 {
    margin-left: 96px !important;
    margin-right: 96px !important; } }
.yc-my-96 {
  margin-top: 96px !important;
  margin-bottom: 96px !important; }

.yc-my-n96 {
  margin-top: -96px !important;
  margin-bottom: -96px !important; }

@media (min-width: 0) {
  .yc-my-xs-96 {
    margin-top: 96px !important;
    margin-bottom: 96px !important; } }
@media (min-width: 576px) {
  .yc-my-sm-96 {
    margin-top: 96px !important;
    margin-bottom: 96px !important; } }
@media (min-width: 768px) {
  .yc-my-md-96 {
    margin-top: 96px !important;
    margin-bottom: 96px !important; } }
@media (min-width: 992px) {
  .yc-my-lg-96 {
    margin-top: 96px !important;
    margin-bottom: 96px !important; } }
@media (min-width: 1200px) {
  .yc-my-xl-96 {
    margin-top: 96px !important;
    margin-bottom: 96px !important; } }
.yc-mt-96 {
  margin-top: 96px !important; }

.yc-mt-n96 {
  margin-top: -96px !important; }

@media (min-width: 0) {
  .yc-mt-xs-96 {
    margin-top: 96px !important; } }
@media (min-width: 576px) {
  .yc-mt-sm-96 {
    margin-top: 96px !important; } }
@media (min-width: 768px) {
  .yc-mt-md-96 {
    margin-top: 96px !important; } }
@media (min-width: 992px) {
  .yc-mt-lg-96 {
    margin-top: 96px !important; } }
@media (min-width: 1200px) {
  .yc-mt-xl-96 {
    margin-top: 96px !important; } }
.yc-mb-96 {
  margin-bottom: 96px !important; }

.yc-mb-n96 {
  margin-bottom: -96px !important; }

@media (min-width: 0) {
  .yc-mb-xs-96 {
    margin-bottom: 96px !important; } }
@media (min-width: 576px) {
  .yc-mb-sm-96 {
    margin-bottom: 96px !important; } }
@media (min-width: 768px) {
  .yc-mb-md-96 {
    margin-bottom: 96px !important; } }
@media (min-width: 992px) {
  .yc-mb-lg-96 {
    margin-bottom: 96px !important; } }
@media (min-width: 1200px) {
  .yc-mb-xl-96 {
    margin-bottom: 96px !important; } }
.yc-ms-96 {
  margin-left: 96px !important; }

.yc-ms-n96 {
  margin-left: -96px !important; }

@media (min-width: 0) {
  .yc-ms-xs-96 {
    margin-left: 96px !important; } }
@media (min-width: 576px) {
  .yc-ms-sm-96 {
    margin-left: 96px !important; } }
@media (min-width: 768px) {
  .yc-ms-md-96 {
    margin-left: 96px !important; } }
@media (min-width: 992px) {
  .yc-ms-lg-96 {
    margin-left: 96px !important; } }
@media (min-width: 1200px) {
  .yc-ms-xl-96 {
    margin-left: 96px !important; } }
.yc-me-96 {
  margin-right: 96px !important; }

.yc-me-n96 {
  margin-right: -96px !important; }

@media (min-width: 0) {
  .yc-me-xs-96 {
    margin-right: 96px !important; } }
@media (min-width: 576px) {
  .yc-me-sm-96 {
    margin-right: 96px !important; } }
@media (min-width: 768px) {
  .yc-me-md-96 {
    margin-right: 96px !important; } }
@media (min-width: 992px) {
  .yc-me-lg-96 {
    margin-right: 96px !important; } }
@media (min-width: 1200px) {
  .yc-me-xl-96 {
    margin-right: 96px !important; } }
.yc-p-178 {
  padding: 178px !important; }

@media (min-width: 0) {
  .yc-p-xs-178 {
    padding: 178px !important; } }
@media (min-width: 576px) {
  .yc-p-sm-178 {
    padding: 178px !important; } }
@media (min-width: 768px) {
  .yc-p-md-178 {
    padding: 178px !important; } }
@media (min-width: 992px) {
  .yc-p-lg-178 {
    padding: 178px !important; } }
@media (min-width: 1200px) {
  .yc-p-xl-178 {
    padding: 178px !important; } }
.yc-px-178 {
  padding-left: 178px !important;
  padding-right: 178px !important; }

@media (min-width: 0) {
  .yc-px-xs-178 {
    padding-left: 178px !important;
    padding-right: 178px !important; } }
@media (min-width: 576px) {
  .yc-px-sm-178 {
    padding-left: 178px !important;
    padding-right: 178px !important; } }
@media (min-width: 768px) {
  .yc-px-md-178 {
    padding-left: 178px !important;
    padding-right: 178px !important; } }
@media (min-width: 992px) {
  .yc-px-lg-178 {
    padding-left: 178px !important;
    padding-right: 178px !important; } }
@media (min-width: 1200px) {
  .yc-px-xl-178 {
    padding-left: 178px !important;
    padding-right: 178px !important; } }
.yc-py-178 {
  padding-top: 178px !important;
  padding-bottom: 178px !important; }

@media (min-width: 0) {
  .yc-py-xs-178 {
    padding-top: 178px !important;
    padding-bottom: 178px !important; } }
@media (min-width: 576px) {
  .yc-py-sm-178 {
    padding-top: 178px !important;
    padding-bottom: 178px !important; } }
@media (min-width: 768px) {
  .yc-py-md-178 {
    padding-top: 178px !important;
    padding-bottom: 178px !important; } }
@media (min-width: 992px) {
  .yc-py-lg-178 {
    padding-top: 178px !important;
    padding-bottom: 178px !important; } }
@media (min-width: 1200px) {
  .yc-py-xl-178 {
    padding-top: 178px !important;
    padding-bottom: 178px !important; } }
.yc-pt-178 {
  padding-top: 178px !important; }

@media (min-width: 0) {
  .yc-pt-xs-178 {
    padding-top: 178px !important; } }
@media (min-width: 576px) {
  .yc-pt-sm-178 {
    padding-top: 178px !important; } }
@media (min-width: 768px) {
  .yc-pt-md-178 {
    padding-top: 178px !important; } }
@media (min-width: 992px) {
  .yc-pt-lg-178 {
    padding-top: 178px !important; } }
@media (min-width: 1200px) {
  .yc-pt-xl-178 {
    padding-top: 178px !important; } }
.yc-pb-178 {
  padding-bottom: 178px !important; }

@media (min-width: 0) {
  .yc-pb-xs-178 {
    padding-bottom: 178px !important; } }
@media (min-width: 576px) {
  .yc-pb-sm-178 {
    padding-bottom: 178px !important; } }
@media (min-width: 768px) {
  .yc-pb-md-178 {
    padding-bottom: 178px !important; } }
@media (min-width: 992px) {
  .yc-pb-lg-178 {
    padding-bottom: 178px !important; } }
@media (min-width: 1200px) {
  .yc-pb-xl-178 {
    padding-bottom: 178px !important; } }
.yc-ps-178 {
  padding-left: 178px !important; }

@media (min-width: 0) {
  .yc-ps-xs-178 {
    padding-left: 178px !important; } }
@media (min-width: 576px) {
  .yc-ps-sm-178 {
    padding-left: 178px !important; } }
@media (min-width: 768px) {
  .yc-ps-md-178 {
    padding-left: 178px !important; } }
@media (min-width: 992px) {
  .yc-ps-lg-178 {
    padding-left: 178px !important; } }
@media (min-width: 1200px) {
  .yc-ps-xl-178 {
    padding-left: 178px !important; } }
.yc-pe-178 {
  padding-right: 178px !important; }

@media (min-width: 0) {
  .yc-pe-xs-178 {
    padding-right: 178px !important; } }
@media (min-width: 576px) {
  .yc-pe-sm-178 {
    padding-right: 178px !important; } }
@media (min-width: 768px) {
  .yc-pe-md-178 {
    padding-right: 178px !important; } }
@media (min-width: 992px) {
  .yc-pe-lg-178 {
    padding-right: 178px !important; } }
@media (min-width: 1200px) {
  .yc-pe-xl-178 {
    padding-right: 178px !important; } }
.yc-m-178 {
  margin: 178px !important; }

.yc-m-n178 {
  margin: -178px !important; }

@media (min-width: 0) {
  .yc-m-xs-178 {
    margin: 178px !important; } }
@media (min-width: 576px) {
  .yc-m-sm-178 {
    margin: 178px !important; } }
@media (min-width: 768px) {
  .yc-m-md-178 {
    margin: 178px !important; } }
@media (min-width: 992px) {
  .yc-m-lg-178 {
    margin: 178px !important; } }
@media (min-width: 1200px) {
  .yc-m-xl-178 {
    margin: 178px !important; } }
.yc-mx-178 {
  margin-left: 178px !important;
  margin-right: 178px !important; }

.yc-mx-n178 {
  margin-left: -178px !important;
  margin-right: -178px !important; }

@media (min-width: 0) {
  .yc-mx-xs-178 {
    margin-left: 178px !important;
    margin-right: 178px !important; } }
@media (min-width: 576px) {
  .yc-mx-sm-178 {
    margin-left: 178px !important;
    margin-right: 178px !important; } }
@media (min-width: 768px) {
  .yc-mx-md-178 {
    margin-left: 178px !important;
    margin-right: 178px !important; } }
@media (min-width: 992px) {
  .yc-mx-lg-178 {
    margin-left: 178px !important;
    margin-right: 178px !important; } }
@media (min-width: 1200px) {
  .yc-mx-xl-178 {
    margin-left: 178px !important;
    margin-right: 178px !important; } }
.yc-my-178 {
  margin-top: 178px !important;
  margin-bottom: 178px !important; }

.yc-my-n178 {
  margin-top: -178px !important;
  margin-bottom: -178px !important; }

@media (min-width: 0) {
  .yc-my-xs-178 {
    margin-top: 178px !important;
    margin-bottom: 178px !important; } }
@media (min-width: 576px) {
  .yc-my-sm-178 {
    margin-top: 178px !important;
    margin-bottom: 178px !important; } }
@media (min-width: 768px) {
  .yc-my-md-178 {
    margin-top: 178px !important;
    margin-bottom: 178px !important; } }
@media (min-width: 992px) {
  .yc-my-lg-178 {
    margin-top: 178px !important;
    margin-bottom: 178px !important; } }
@media (min-width: 1200px) {
  .yc-my-xl-178 {
    margin-top: 178px !important;
    margin-bottom: 178px !important; } }
.yc-mt-178 {
  margin-top: 178px !important; }

.yc-mt-n178 {
  margin-top: -178px !important; }

@media (min-width: 0) {
  .yc-mt-xs-178 {
    margin-top: 178px !important; } }
@media (min-width: 576px) {
  .yc-mt-sm-178 {
    margin-top: 178px !important; } }
@media (min-width: 768px) {
  .yc-mt-md-178 {
    margin-top: 178px !important; } }
@media (min-width: 992px) {
  .yc-mt-lg-178 {
    margin-top: 178px !important; } }
@media (min-width: 1200px) {
  .yc-mt-xl-178 {
    margin-top: 178px !important; } }
.yc-mb-178 {
  margin-bottom: 178px !important; }

.yc-mb-n178 {
  margin-bottom: -178px !important; }

@media (min-width: 0) {
  .yc-mb-xs-178 {
    margin-bottom: 178px !important; } }
@media (min-width: 576px) {
  .yc-mb-sm-178 {
    margin-bottom: 178px !important; } }
@media (min-width: 768px) {
  .yc-mb-md-178 {
    margin-bottom: 178px !important; } }
@media (min-width: 992px) {
  .yc-mb-lg-178 {
    margin-bottom: 178px !important; } }
@media (min-width: 1200px) {
  .yc-mb-xl-178 {
    margin-bottom: 178px !important; } }
.yc-ms-178 {
  margin-left: 178px !important; }

.yc-ms-n178 {
  margin-left: -178px !important; }

@media (min-width: 0) {
  .yc-ms-xs-178 {
    margin-left: 178px !important; } }
@media (min-width: 576px) {
  .yc-ms-sm-178 {
    margin-left: 178px !important; } }
@media (min-width: 768px) {
  .yc-ms-md-178 {
    margin-left: 178px !important; } }
@media (min-width: 992px) {
  .yc-ms-lg-178 {
    margin-left: 178px !important; } }
@media (min-width: 1200px) {
  .yc-ms-xl-178 {
    margin-left: 178px !important; } }
.yc-me-178 {
  margin-right: 178px !important; }

.yc-me-n178 {
  margin-right: -178px !important; }

@media (min-width: 0) {
  .yc-me-xs-178 {
    margin-right: 178px !important; } }
@media (min-width: 576px) {
  .yc-me-sm-178 {
    margin-right: 178px !important; } }
@media (min-width: 768px) {
  .yc-me-md-178 {
    margin-right: 178px !important; } }
@media (min-width: 992px) {
  .yc-me-lg-178 {
    margin-right: 178px !important; } }
@media (min-width: 1200px) {
  .yc-me-xl-178 {
    margin-right: 178px !important; } }
.yc-p-268 {
  padding: 268px !important; }

@media (min-width: 0) {
  .yc-p-xs-268 {
    padding: 268px !important; } }
@media (min-width: 576px) {
  .yc-p-sm-268 {
    padding: 268px !important; } }
@media (min-width: 768px) {
  .yc-p-md-268 {
    padding: 268px !important; } }
@media (min-width: 992px) {
  .yc-p-lg-268 {
    padding: 268px !important; } }
@media (min-width: 1200px) {
  .yc-p-xl-268 {
    padding: 268px !important; } }
.yc-px-268 {
  padding-left: 268px !important;
  padding-right: 268px !important; }

@media (min-width: 0) {
  .yc-px-xs-268 {
    padding-left: 268px !important;
    padding-right: 268px !important; } }
@media (min-width: 576px) {
  .yc-px-sm-268 {
    padding-left: 268px !important;
    padding-right: 268px !important; } }
@media (min-width: 768px) {
  .yc-px-md-268 {
    padding-left: 268px !important;
    padding-right: 268px !important; } }
@media (min-width: 992px) {
  .yc-px-lg-268 {
    padding-left: 268px !important;
    padding-right: 268px !important; } }
@media (min-width: 1200px) {
  .yc-px-xl-268 {
    padding-left: 268px !important;
    padding-right: 268px !important; } }
.yc-py-268 {
  padding-top: 268px !important;
  padding-bottom: 268px !important; }

@media (min-width: 0) {
  .yc-py-xs-268 {
    padding-top: 268px !important;
    padding-bottom: 268px !important; } }
@media (min-width: 576px) {
  .yc-py-sm-268 {
    padding-top: 268px !important;
    padding-bottom: 268px !important; } }
@media (min-width: 768px) {
  .yc-py-md-268 {
    padding-top: 268px !important;
    padding-bottom: 268px !important; } }
@media (min-width: 992px) {
  .yc-py-lg-268 {
    padding-top: 268px !important;
    padding-bottom: 268px !important; } }
@media (min-width: 1200px) {
  .yc-py-xl-268 {
    padding-top: 268px !important;
    padding-bottom: 268px !important; } }
.yc-pt-268 {
  padding-top: 268px !important; }

@media (min-width: 0) {
  .yc-pt-xs-268 {
    padding-top: 268px !important; } }
@media (min-width: 576px) {
  .yc-pt-sm-268 {
    padding-top: 268px !important; } }
@media (min-width: 768px) {
  .yc-pt-md-268 {
    padding-top: 268px !important; } }
@media (min-width: 992px) {
  .yc-pt-lg-268 {
    padding-top: 268px !important; } }
@media (min-width: 1200px) {
  .yc-pt-xl-268 {
    padding-top: 268px !important; } }
.yc-pb-268 {
  padding-bottom: 268px !important; }

@media (min-width: 0) {
  .yc-pb-xs-268 {
    padding-bottom: 268px !important; } }
@media (min-width: 576px) {
  .yc-pb-sm-268 {
    padding-bottom: 268px !important; } }
@media (min-width: 768px) {
  .yc-pb-md-268 {
    padding-bottom: 268px !important; } }
@media (min-width: 992px) {
  .yc-pb-lg-268 {
    padding-bottom: 268px !important; } }
@media (min-width: 1200px) {
  .yc-pb-xl-268 {
    padding-bottom: 268px !important; } }
.yc-ps-268 {
  padding-left: 268px !important; }

@media (min-width: 0) {
  .yc-ps-xs-268 {
    padding-left: 268px !important; } }
@media (min-width: 576px) {
  .yc-ps-sm-268 {
    padding-left: 268px !important; } }
@media (min-width: 768px) {
  .yc-ps-md-268 {
    padding-left: 268px !important; } }
@media (min-width: 992px) {
  .yc-ps-lg-268 {
    padding-left: 268px !important; } }
@media (min-width: 1200px) {
  .yc-ps-xl-268 {
    padding-left: 268px !important; } }
.yc-pe-268 {
  padding-right: 268px !important; }

@media (min-width: 0) {
  .yc-pe-xs-268 {
    padding-right: 268px !important; } }
@media (min-width: 576px) {
  .yc-pe-sm-268 {
    padding-right: 268px !important; } }
@media (min-width: 768px) {
  .yc-pe-md-268 {
    padding-right: 268px !important; } }
@media (min-width: 992px) {
  .yc-pe-lg-268 {
    padding-right: 268px !important; } }
@media (min-width: 1200px) {
  .yc-pe-xl-268 {
    padding-right: 268px !important; } }
.yc-m-268 {
  margin: 268px !important; }

.yc-m-n268 {
  margin: -268px !important; }

@media (min-width: 0) {
  .yc-m-xs-268 {
    margin: 268px !important; } }
@media (min-width: 576px) {
  .yc-m-sm-268 {
    margin: 268px !important; } }
@media (min-width: 768px) {
  .yc-m-md-268 {
    margin: 268px !important; } }
@media (min-width: 992px) {
  .yc-m-lg-268 {
    margin: 268px !important; } }
@media (min-width: 1200px) {
  .yc-m-xl-268 {
    margin: 268px !important; } }
.yc-mx-268 {
  margin-left: 268px !important;
  margin-right: 268px !important; }

.yc-mx-n268 {
  margin-left: -268px !important;
  margin-right: -268px !important; }

@media (min-width: 0) {
  .yc-mx-xs-268 {
    margin-left: 268px !important;
    margin-right: 268px !important; } }
@media (min-width: 576px) {
  .yc-mx-sm-268 {
    margin-left: 268px !important;
    margin-right: 268px !important; } }
@media (min-width: 768px) {
  .yc-mx-md-268 {
    margin-left: 268px !important;
    margin-right: 268px !important; } }
@media (min-width: 992px) {
  .yc-mx-lg-268 {
    margin-left: 268px !important;
    margin-right: 268px !important; } }
@media (min-width: 1200px) {
  .yc-mx-xl-268 {
    margin-left: 268px !important;
    margin-right: 268px !important; } }
.yc-my-268 {
  margin-top: 268px !important;
  margin-bottom: 268px !important; }

.yc-my-n268 {
  margin-top: -268px !important;
  margin-bottom: -268px !important; }

@media (min-width: 0) {
  .yc-my-xs-268 {
    margin-top: 268px !important;
    margin-bottom: 268px !important; } }
@media (min-width: 576px) {
  .yc-my-sm-268 {
    margin-top: 268px !important;
    margin-bottom: 268px !important; } }
@media (min-width: 768px) {
  .yc-my-md-268 {
    margin-top: 268px !important;
    margin-bottom: 268px !important; } }
@media (min-width: 992px) {
  .yc-my-lg-268 {
    margin-top: 268px !important;
    margin-bottom: 268px !important; } }
@media (min-width: 1200px) {
  .yc-my-xl-268 {
    margin-top: 268px !important;
    margin-bottom: 268px !important; } }
.yc-mt-268 {
  margin-top: 268px !important; }

.yc-mt-n268 {
  margin-top: -268px !important; }

@media (min-width: 0) {
  .yc-mt-xs-268 {
    margin-top: 268px !important; } }
@media (min-width: 576px) {
  .yc-mt-sm-268 {
    margin-top: 268px !important; } }
@media (min-width: 768px) {
  .yc-mt-md-268 {
    margin-top: 268px !important; } }
@media (min-width: 992px) {
  .yc-mt-lg-268 {
    margin-top: 268px !important; } }
@media (min-width: 1200px) {
  .yc-mt-xl-268 {
    margin-top: 268px !important; } }
.yc-mb-268 {
  margin-bottom: 268px !important; }

.yc-mb-n268 {
  margin-bottom: -268px !important; }

@media (min-width: 0) {
  .yc-mb-xs-268 {
    margin-bottom: 268px !important; } }
@media (min-width: 576px) {
  .yc-mb-sm-268 {
    margin-bottom: 268px !important; } }
@media (min-width: 768px) {
  .yc-mb-md-268 {
    margin-bottom: 268px !important; } }
@media (min-width: 992px) {
  .yc-mb-lg-268 {
    margin-bottom: 268px !important; } }
@media (min-width: 1200px) {
  .yc-mb-xl-268 {
    margin-bottom: 268px !important; } }
.yc-ms-268 {
  margin-left: 268px !important; }

.yc-ms-n268 {
  margin-left: -268px !important; }

@media (min-width: 0) {
  .yc-ms-xs-268 {
    margin-left: 268px !important; } }
@media (min-width: 576px) {
  .yc-ms-sm-268 {
    margin-left: 268px !important; } }
@media (min-width: 768px) {
  .yc-ms-md-268 {
    margin-left: 268px !important; } }
@media (min-width: 992px) {
  .yc-ms-lg-268 {
    margin-left: 268px !important; } }
@media (min-width: 1200px) {
  .yc-ms-xl-268 {
    margin-left: 268px !important; } }
.yc-me-268 {
  margin-right: 268px !important; }

.yc-me-n268 {
  margin-right: -268px !important; }

@media (min-width: 0) {
  .yc-me-xs-268 {
    margin-right: 268px !important; } }
@media (min-width: 576px) {
  .yc-me-sm-268 {
    margin-right: 268px !important; } }
@media (min-width: 768px) {
  .yc-me-md-268 {
    margin-right: 268px !important; } }
@media (min-width: 992px) {
  .yc-me-lg-268 {
    margin-right: 268px !important; } }
@media (min-width: 1200px) {
  .yc-me-xl-268 {
    margin-right: 268px !important; } }
.yc-w-lg-50 {
  width: unset; }
  @media (min-width: 992px) {
    .yc-w-lg-50 {
      width: 50%; } }

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

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

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

.yc-text-cellar {
  color: #F0EFEB !important; }

.yc-border-cellar {
  border-color: #F0EFEB !important; }

.yc-bg-cellar {
  background-color: #F0EFEB !important; }

.yc-text-yellow-L2 {
  color: #FFFAE8 !important; }

.yc-border-yellow-L2 {
  border-color: #FFFAE8 !important; }

.yc-bg-yellow-L2 {
  background-color: #FFFAE8 !important; }

.yc-text-yellow-L1 {
  color: #FFF3C9 !important; }

.yc-border-yellow-L1 {
  border-color: #FFF3C9 !important; }

.yc-bg-yellow-L1 {
  background-color: #FFF3C9 !important; }

.yc-text-yellow {
  color: #FFDD66 !important; }

.yc-border-yellow {
  border-color: #FFDD66 !important; }

.yc-bg-yellow {
  background-color: #FFDD66 !important; }

.yc-text-yellow-D1 {
  color: #E9C545 !important; }

.yc-border-yellow-D1 {
  border-color: #E9C545 !important; }

.yc-bg-yellow-D1 {
  background-color: #E9C545 !important; }

.yc-text-yellow-D2 {
  color: #B69316 !important; }

.yc-border-yellow-D2 {
  border-color: #B69316 !important; }

.yc-bg-yellow-D2 {
  background-color: #B69316 !important; }

.yc-text-blue-L1 {
  color: #EBECEF !important; }

.yc-border-blue-L1 {
  border-color: #EBECEF !important; }

.yc-bg-blue-L1 {
  background-color: #EBECEF !important; }

.yc-text-blue-L2 {
  color: #C3C7CF !important; }

.yc-border-blue-L2 {
  border-color: #C3C7CF !important; }

.yc-bg-blue-L2 {
  background-color: #C3C7CF !important; }

.yc-text-blue {
  color: #878F9E !important; }

.yc-border-blue {
  border-color: #878F9E !important; }

.yc-bg-blue {
  background-color: #878F9E !important; }

.yc-text-blue-D1 {
  color: #37445E !important; }

.yc-border-blue-D1 {
  border-color: #37445E !important; }

.yc-bg-blue-D1 {
  background-color: #37445E !important; }

.yc-text-blue-D2 {
  color: #242C3D !important; }

.yc-border-blue-D2 {
  border-color: #242C3D !important; }

.yc-bg-blue-D2 {
  background-color: #242C3D !important; }

.yc-text-brown-L2 {
  color: #DBD4C6 !important; }

.yc-border-brown-L2 {
  border-color: #DBD4C6 !important; }

.yc-bg-brown-L2 {
  background-color: #DBD4C6 !important; }

.yc-text-brown-L1 {
  color: #CCBFA9 !important; }

.yc-border-brown-L1 {
  border-color: #CCBFA9 !important; }

.yc-bg-brown-L1 {
  background-color: #CCBFA9 !important; }

.yc-text-brown {
  color: #B3A07F !important; }

.yc-border-brown {
  border-color: #B3A07F !important; }

.yc-bg-brown {
  background-color: #B3A07F !important; }

.yc-text-brown-D1 {
  color: #AA946F !important; }

.yc-border-brown-D1 {
  border-color: #AA946F !important; }

.yc-bg-brown-D1 {
  background-color: #AA946F !important; }

.yc-text-brown-D2 {
  color: #716148 !important; }

.yc-border-brown-D2 {
  border-color: #716148 !important; }

.yc-bg-brown-D2 {
  background-color: #716148 !important; }

.yc-text-red-L2 {
  color: #FFADAD !important; }

.yc-border-red-L2 {
  border-color: #FFADAD !important; }

.yc-bg-red-L2 {
  background-color: #FFADAD !important; }

.yc-text-red-L1 {
  color: #FFEFEF !important; }

.yc-border-red-L1 {
  border-color: #FFEFEF !important; }

.yc-bg-red-L1 {
  background-color: #FFEFEF !important; }

.yc-text-red {
  color: #FF5B5B !important; }

.yc-border-red {
  border-color: #FF5B5B !important; }

.yc-bg-red {
  background-color: #FF5B5B !important; }

.yc-text-red-D1 {
  color: #CC4949 !important; }

.yc-border-red-D1 {
  border-color: #CC4949 !important; }

.yc-bg-red-D1 {
  background-color: #CC4949 !important; }

.yc-text-red-D2 {
  color: #B24040 !important; }

.yc-border-red-D2 {
  border-color: #B24040 !important; }

.yc-bg-red-D2 {
  background-color: #B24040 !important; }

.yc-text-green-L2 {
  color: #EFF8F1 !important; }

.yc-border-green-L2 {
  border-color: #EFF8F1 !important; }

.yc-bg-green-L2 {
  background-color: #EFF8F1 !important; }

.yc-text-green-L1 {
  color: rgba(99, 185, 113, 0.5) !important; }

.yc-border-green-L1 {
  border-color: rgba(99, 185, 113, 0.5) !important; }

.yc-bg-green-L1 {
  background-color: rgba(99, 185, 113, 0.5) !important; }

.yc-text-green {
  color: #63B971 !important; }

.yc-border-green {
  border-color: #63B971 !important; }

.yc-bg-green {
  background-color: #63B971 !important; }

.yc-text-green-D1 {
  color: #52995E !important; }

.yc-border-green-D1 {
  border-color: #52995E !important; }

.yc-bg-green-D1 {
  background-color: #52995E !important; }

.yc-text-green-D2 {
  color: #37663E !important; }

.yc-border-green-D2 {
  border-color: #37663E !important; }

.yc-bg-green-D2 {
  background-color: #37663E !important; }

.yc-f-h1 {
  font-family: "Playfair Display", sans-serif;
  font-size: 42px;
  font-weight: 400;
  font-style: normal;
  line-height: 60px; }

@media (min-width: 992px) {
  .yc-f-lg-h1 {
    font-family: "Playfair Display", sans-serif !important;
    font-size: 42px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 60px !important; } }

.yc-f-h2 {
  font-family: "Playfair Display", sans-serif;
  font-size: 32px;
  font-weight: 400;
  font-style: normal;
  line-height: 50px; }

@media (min-width: 992px) {
  .yc-f-lg-h2 {
    font-family: "Playfair Display", sans-serif !important;
    font-size: 32px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 50px !important; } }

.yc-f-h3 {
  font-family: "Playfair Display", sans-serif;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.05em; }

@media (min-width: 992px) {
  .yc-f-lg-h3 {
    font-family: "Playfair Display", sans-serif !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: normal !important;
    letter-spacing: 0.05em !important; } }

.yc-f-h4 {
  font-family: "SfProText-Medium", sans-serif;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.05em; }

@media (min-width: 992px) {
  .yc-f-lg-h4 {
    font-family: "SfProText-Medium", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    line-height: normal !important;
    letter-spacing: 0.05em !important; } }

.yc-f-h5 {
  font-family: "SfProDisplay-Medium", sans-serif;
  font-size: 32px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.05em; }

@media (min-width: 992px) {
  .yc-f-lg-h5 {
    font-family: "SfProDisplay-Medium", sans-serif !important;
    font-size: 32px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    line-height: normal !important;
    letter-spacing: 0.05em !important; } }

.yc-f-link {
  font-family: "SfProText-Medium", sans-serif;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  line-height: normal; }

@media (min-width: 992px) {
  .yc-f-lg-link {
    font-family: "SfProText-Medium", sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    line-height: normal !important; } }

.yc-f-text {
  font-family: "SfProText-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: normal; }

@media (min-width: 992px) {
  .yc-f-lg-text {
    font-family: "SfProText-Regular", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: normal !important; } }

.yc-f-button {
  font-family: "SfProText-Medium", sans-serif;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.08em; }

@media (min-width: 992px) {
  .yc-f-lg-button {
    font-family: "SfProText-Medium", sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    line-height: normal !important;
    letter-spacing: 0.08em !important; } }

.yc-f-smalltext {
  font-family: "SfProText-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: normal; }

@media (min-width: 992px) {
  .yc-f-lg-smalltext {
    font-family: "SfProText-Regular", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: normal !important; } }

.yc-f-semibold-text {
  font-family: "SfProText-Semibold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: normal; }

@media (min-width: 992px) {
  .yc-f-lg-semibold-text {
    font-family: "SfProText-Semibold", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-style: normal !important;
    line-height: normal !important; } }

.yc-f-linkhover {
  font-family: "SfProText-Medium", sans-serif;
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  line-height: normal; }

@media (min-width: 992px) {
  .yc-f-lg-linkhover {
    font-family: "SfProText-Medium", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    font-style: normal !important;
    line-height: normal !important; } }

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

.yc-letter-8 {
  letter-spacing: 0.08em; }

.yc-letter-5 {
  letter-spacing: 0.05em; }

.yc-flex-basis {
  flex-basis: 0; }

.list-autocomplete .dropdown-item:focus {
  background-color: #F0EFEB; }
.list-autocomplete .dropdown-item .img-wrapper {
  min-width: 80px;
  width: 80px; }

.language-menu-hp {
  background-color: #F0EFEB; }

.btn:focus {
  box-shadow: 0 0 0 0; }

.yc-btn-noborder {
  border: 0; }

.btn-yc-lg {
  display: flex;
  justify-content: center;
  height: 56px;
  padding: 0 48px;
  gap: 8px;
  align-items: center;
  border-radius: 4px; }

a.btn-yc-primary, .btn-yc-primary {
  --bs-btn-color: #37445E;
  --bs-btn-bg: #FFDD66;
  --bs-btn-border-color: #FFDD66;
  --bs-btn-hover-color: #37445E;
  --bs-btn-hover-bg: #E9C545;
  --bs-btn-hover-border-color: #E9C545;
  --bs-btn-focus-shadow-rgb: 255, 221, 102;
  --bs-btn-active-color: #37445E;
  --bs-btn-active-bg: #E9C545;
  --bs-btn-active-border-color: #E9C545;
  white-space: nowrap;
  color: #37445E; }

a.btn-yc-secondary, .btn-yc-secondary {
  --bs-btn-color: #AA946F;
  --bs-btn-bg: #FFFFFF;
  --bs-btn-border-color: #B3A07F;
  --bs-btn-hover-color: #716148;
  --bs-btn-hover-bg: #F0EFEB;
  --bs-btn-hover-border-color: #716148;
  --bs-btn-focus-shadow-rgb: #AA946F;
  --bs-btn-active-color: #716148;
  --bs-btn-active-bg: #FFFFFF;
  --bs-btn-active-border-color: #716148;
  color: #AA946F;
  white-space: nowrap; }
  a.btn-yc-secondary img.yc-btn-img, .btn-yc-secondary img.yc-btn-img {
    filter: invert(71%) sepia(6%) saturate(1479%) hue-rotate(360deg) brightness(91%) contrast(88%);
    transition: filter 0.15s ease-in-out; }
  a.btn-yc-secondary:hover, .btn-yc-secondary:hover {
    border-color: #716148;
    color: #716148;
    background-color: #F0EFEB; }
    a.btn-yc-secondary:hover img.yc-btn-img, .btn-yc-secondary:hover img.yc-btn-img {
      filter: invert(40%) sepia(21%) saturate(607%) hue-rotate(358deg) brightness(87%) contrast(85%); }
  a.btn-yc-secondary:disabled, .btn-yc-secondary:disabled {
    background-color: #F0EFEB;
    color: #CCBFA9;
    border-color: #CCBFA9; }
    a.btn-yc-secondary:disabled img.yc-btn-img, .btn-yc-secondary:disabled img.yc-btn-img {
      filter: invert(80%) sepia(10%) saturate(499%) hue-rotate(359deg) brightness(99%) contrast(81%); }

a.btn-yc-danger, .btn-yc-danger {
  --bs-btn-color: #FFFFFF;
  --bs-btn-bg: #CC4949;
  --bs-btn-border-color: #CC4949;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: #B24040;
  --bs-btn-hover-border-color: #B24040;
  --bs-btn-focus-shadow-rgb: #B24040;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: #B24040;
  --bs-btn-active-border-color: #B24040;
  color: #FFFFFF;
  white-space: nowrap; }

a.btn-yc-naked, .btn-yc-naked {
  --bs-btn-color: #B3A07F;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #B3A07F;
  --bs-btn-hover-color: #716148;
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: #716148;
  --bs-btn-focus-shadow-rgb: #AA946F;
  --bs-btn-active-color: #716148;
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: #716148;
  border-width: 0;
  color: #B3A07F;
  white-space: nowrap; }
  a.btn-yc-naked:hover, .btn-yc-naked:hover {
    border-width: 0;
    color: #716148;
    background-color: transparent; }
  a.btn-yc-naked:hover, .btn-yc-naked:hover {
    border-color: #716148;
    color: #716148;
    background-color: transparent; }
    a.btn-yc-naked:hover img.yc-btn-img, .btn-yc-naked:hover img.yc-btn-img {
      filter: invert(40%) sepia(21%) saturate(607%) hue-rotate(358deg) brightness(87%) contrast(85%); }
  a.btn-yc-naked:disabled, .btn-yc-naked:disabled {
    background-color: #F0EFEB;
    color: #CCBFA9;
    border-color: #CCBFA9; }
    a.btn-yc-naked:disabled img.yc-btn-img, .btn-yc-naked:disabled img.yc-btn-img {
      filter: invert(80%) sepia(10%) saturate(499%) hue-rotate(359deg) brightness(99%) contrast(81%); }

.btn-yc-menu-link {
  --bs-btn-color: #37445E;
  --bs-btn-bg: #FFFFFF;
  --bs-btn-border-color: #F0EFEB;
  --bs-btn-hover-color: #37445E;
  --bs-btn-hover-bg: #FFFFFF;
  --bs-btn-hover-border-color: #F0EFEB;
  --bs-btn-focus-shadow-rgb: 55, 68, 94;
  --bs-btn-active-color: #37445E;
  --bs-btn-active-bg: #FFFFFF;
  --bs-btn-active-border-color: #F0EFEB; }

.yc-form-group {
  color: #242C3D;
  font-family: "SfProText-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 16px; }
  .yc-form-group label {
    margin-bottom: 0;
    color: #AA946F; }
  .yc-form-group input {
    border-color: #CCBFA9;
    color: #242C3D;
    height: 56px;
    box-shadow: 0 0 0 0 !important; }
    .yc-form-group input:focus {
      border-color: #716148; }
    .yc-form-group input::placeholder {
      color: #DBD4C6; }
  .yc-form-group select {
    border-color: #CCBFA9;
    color: #242C3D;
    height: 56px;
    box-shadow: 0 0 0 0 !important; }
    .yc-form-group select:focus {
      border-color: #716148; }
    .yc-form-group select::placeholder {
      color: #DBD4C6; }
  .yc-form-group textarea {
    border-color: #CCBFA9;
    color: #242C3D;
    height: 56px;
    box-shadow: 0 0 0 0 !important; }
    .yc-form-group textarea:focus {
      border-color: #716148; }
  .yc-form-group .select2-container .select2-selection--single {
    height: 56px !important;
    outline: none; }
  .yc-form-group .select2-container--default.select2-container--focus .select2-selection--single {
    border: 1px solid #716148 !important; }
  .yc-form-group .select2-container--default .select2-selection--single {
    border: 1px solid #CCBFA9 !important; }
    .yc-form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
      line-height: 56px !important; }
    .yc-form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
      height: 56px !important; }
  .yc-form-group .input-group input {
    border-right: none; }
  .yc-form-group .input-group .input-group-text {
    border-color: #CCBFA9;
    color: #CCBFA9;
    transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out; }
  .yc-form-group .input-group:focus-within .input-group-text {
    border-color: #716148;
    color: #716148; }

.form-check-input:checked {
  background-color: #AA946F !important;
  border: 0; }

.form-check-input:focus, .form-check-input::after, .form-check-input:not(:disabled):not(.disabled):active:focus {
  color: black;
  outline: 0;
  border: 0;
  box-shadow: 0 0 0 0 !important; }

input[type=radio] {
  accent-color: #A4906E; }

.yc-chip {
  cursor: pointer; }
  .yc-chip.yc-chip-red.active, .yc-chip.yc-chip-lg-red.active {
    color: #FFFFFF !important;
    background-color: #CC4949 !important; }
  .yc-chip.yc-chip-soft.active, .yc-chip.yc-chip-lg-soft.active {
    color: #FFFFFF !important;
    background-color: #AA946F !important; }

.yc-chip-light {
  color: #AA946F;
  background-color: #FFFFFF;
  border-color: #AA946F; }

a.yc-chip-light {
  color: #AA946F; }

@media (min-width: 992px) {
  .yc-chip-lg-light.yc-chip-lg-light {
    color: #AA946F;
    background-color: #FFFFFF;
    border-color: #AA946F; } }

.yc-chip-soft {
  color: #716148;
  background-color: #F0EFEB;
  border-color: #F0EFEB; }

a.yc-chip-soft {
  color: #716148; }

@media (min-width: 992px) {
  .yc-chip-lg-soft.yc-chip-lg-soft {
    color: #716148;
    background-color: #F0EFEB;
    border-color: #F0EFEB; } }

.yc-chip-dark {
  color: #FFFFFF;
  background-color: #AA946F;
  border-color: #AA946F; }

a.yc-chip-dark {
  color: #FFFFFF; }

@media (min-width: 992px) {
  .yc-chip-lg-dark.yc-chip-lg-dark {
    color: #FFFFFF;
    background-color: #AA946F;
    border-color: #AA946F; } }

.yc-chip-red {
  color: #B24040;
  background-color: #FFEFEF;
  border-color: #FFEFEF; }

a.yc-chip-red {
  color: #B24040; }

@media (min-width: 992px) {
  .yc-chip-lg-red.yc-chip-lg-red {
    color: #B24040;
    background-color: #FFEFEF;
    border-color: #FFEFEF; } }

.yc-chip-small {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: fit-content;
  padding: 4px;
  gap: 8px;
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  font-family: "SfProText-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: normal; }

@media (min-width: 992px) {
  .yc-chip-lg-small {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: fit-content;
    padding: 4px;
    gap: 8px;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    font-family: "SfProText-Regular", sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: normal; } }

.yc-chip-big {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: fit-content;
  padding: 4px;
  gap: 8px;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  font-family: "SfProText-Medium", sans-serif;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  line-height: normal; }

@media (min-width: 992px) {
  .yc-chip-lg-big {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: fit-content;
    padding: 4px;
    gap: 8px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    font-family: "SfProText-Medium", sans-serif;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    line-height: normal; } }

.yc-chip-xl {
  height: 40px; }

.yc-chip-light-big {
  background: #FFFFFF;
  border-radius: 4px;
  border-style: solid;
  border-color: #AA946F;
  border-width: 1px;
  padding: 4px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  text-transform: uppercase;
  color: #AA946F;
  font-family: "SfProText-Medium", sans-serif;
  font-size: 18px;
  font-weight: 500; }
  .yc-chip-light-big:before {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative; }
  .yc-chip-light-big:after {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative; }

.yc-selector-group .yc-selector:first-child {
  border-radius: 4px 0 0 4px;
  border-width: 1px; }
.yc-selector-group .yc-selector:not(:first-child) {
  border-width: 1px 1px 1px 0; }
.yc-selector-group .yc-selector:last-child {
  border-radius: 0 4px 4px 0; }

.yc-selector {
  border-width: 1px;
  border-style: solid;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 0;
  height: 48px; }

.yc-sel-primary {
  background-color: #FFFFFF;
  border-color: #CCBFA9;
  color: #37445E;
  font-family: "SfProText-Regular", sans-serif;
  font-size: 16px;
  line-height: normal;
  font-weight: 400;
  font-style: normal; }
  .yc-sel-primary:active {
    background-color: #FFDD66; }
  .yc-sel-primary.active {
    background-color: #FFDD66;
    font-family: "SfProText-Semibold", sans-serif;
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
    font-style: normal; }
  .yc-sel-primary.disabled {
    pointer-events: none; }

.yc-sel-secondary {
  background-color: #FFFFFF;
  border-color: #CCBFA9;
  color: #37445E;
  font-family: "SfProText-Regular", sans-serif;
  font-size: 16px;
  line-height: normal;
  font-weight: 400;
  font-style: normal; }
  .yc-sel-secondary:active {
    background-color: #DBD4C6; }
  .yc-sel-secondary.active {
    background-color: #DBD4C6;
    font-family: "SfProText-Semibold", sans-serif;
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
    font-style: normal; }
  .yc-sel-secondary.disabled {
    pointer-events: none; }

.yc-selector-radio {
  height: 110px;
  border-radius: 4px;
  border-color: #F0EFEB;
  background-color: #FFFFFF;
  display: flex;
  align-content: center; }
  .yc-selector-radio:hover {
    background-color: #F0EFEB;
    border-color: #F0EFEB; }
  .yc-selector-radio:has(input[type="radio"]:checked) {
    background-color: #DBD4C6;
    border-color: #DBD4C6; }
  .yc-selector-radio:active {
    background-color: #DBD4C6; }
  .yc-selector-radio .yc-selector-radio-content {
    align-items: center;
    flex-grow: 1;
    gap: 24px; }
  .yc-selector-radio input[type="radio"] {
    height: 16px;
    width: 16px; }

.yc-radio.big {
  height: 16px;
  width: 16px; }
.yc-radio.small {
  height: 12px;
  width: 12px; }

.yc-checkpoint {
  background: #FFDD66;
  border-radius: 2px;
  padding: 8px;
  display: flex;
  flex-direction: row;
  gap: 0;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 32px;
  height: 32px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); }
  .yc-checkpoint:hover {
    background: #E9C545; }
  .yc-checkpoint > img {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative; }

.yc-badge-small {
  color: #FFFFFF;
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  text-transform: uppercase;
  padding: 4px;
  gap: 0;
  border-radius: 4px;
  font-family: "SfProText-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: normal; }
  .yc-badge-small > span {
    text-align: center; }

@media (min-width: 992px) {
  .yc-badge-lg-small {
    color: #FFFFFF;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    text-transform: uppercase;
    padding: 4px;
    gap: 0;
    border-radius: 4px;
    font-family: "SfProText-Regular", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: normal; }
    .yc-badge-lg-small > span {
      text-align: center; }
    .yc-badge-lg-small > i {
      width: 24px;
      height: 24px; } }

.yc-badge-medium {
  color: #FFFFFF;
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: unset;
  height: 32px;
  text-transform: uppercase;
  padding: 0 8px;
  gap: 8px;
  border-radius: 4px;
  font-family: 16px;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: normal; }
  .yc-badge-medium > span {
    text-align: center; }

@media (min-width: 992px) {
  .yc-badge-lg-medium {
    color: #FFFFFF;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-start;
    width: unset;
    height: 32px;
    text-transform: uppercase;
    padding: 0 8px;
    gap: 8px;
    border-radius: 4px;
    font-family: 16px;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: normal; }
    .yc-badge-lg-medium > span {
      text-align: center; }
    .yc-badge-lg-medium > i {
      width: 24px;
      height: 24px; } }

.yc-badge-big {
  color: #FFFFFF;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: auto;
  text-transform: uppercase;
  padding: 24px 8px 24px 8px;
  gap: 8px;
  border-radius: 0px 0px 4px 4px;
  font-family: "SfProText-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: normal; }
  .yc-badge-big > span {
    text-align: center; }

@media (min-width: 992px) {
  .yc-badge-lg-big {
    color: #FFFFFF;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: auto;
    text-transform: uppercase;
    padding: 24px 8px 24px 8px;
    gap: 8px;
    border-radius: 0px 0px 4px 4px;
    font-family: "SfProText-Regular", sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: normal; }
    .yc-badge-lg-big > span {
      text-align: center; }
    .yc-badge-lg-big > i {
      width: 24px;
      height: 24px; } }

.yc-badge-medium.yc-badge-expandable {
  padding: 4px;
  transition: padding 0.2s ease-in-out;
  min-width: 32px;
  justify-content: center !important; }
  .yc-badge-medium.yc-badge-expandable:hover {
    padding: 0 8px; }
    .yc-badge-medium.yc-badge-expandable:hover .appear-on-hover {
      max-width: 220px !important; }

.badge-container {
  position: absolute;
  top: 4%;
  right: 6%;
  display: flex;
  flex-direction: column;
  gap: 8px; }

.yc-tag-onsale {
  color: #FFFFFF !important;
  background-color: #CC4949 !important; }

.yc-tag-best {
  color: #FFFFFF !important;
  background-color: #242C3D !important; }

.yc-tag-premium {
  color: #FFFFFF !important;
  background-color: #AA946F !important; }

.yc-tag-cold {
  color: #37445E !important;
  background-color: #EBECEF !important; }

.yc-tag-default {
  color: #FFFFFF;
  background-color: #37445E; }

.yc-show-start {
  opacity: 0; }

.yc-show-end {
  opacity: 1; }

.yc-dropdown-menu {
  --bs-dropdown-padding-x: 32px;
  --bs-dropdown-padding-y: 0;
  --bs-dropdown-bg: #FFFFFF;
  --bs-dropdown-border-color: #F0EFEB;
  --bs-dropdown-border-radius: 0;
  --bs-dropdown-border-width: 0;
  --bs-dropdown-inner-border-radius: 0;
  --bs-dropdown-box-shadow: 0 0 0 0.3;
  border-top-width: 1px;
  transition: opacity 0.2s ease-in-out;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2); }
  .yc-dropdown-menu .row > :first-child {
    padding-left: 0; }
  .yc-dropdown-menu .row > :last-child {
    padding-right: 0; }
  .yc-dropdown-menu.yc-dropdown-language {
    border-width: 1px;
    padding: 0; }
    @media (max-width: 992px) {
      .yc-dropdown-menu.yc-dropdown-language li {
        padding: 32px 24px;
        width: 40svw;
        border-width: 1px; } }
    .yc-dropdown-menu.yc-dropdown-language li:first-child {
      border-top-width: 0; }
    .yc-dropdown-menu.yc-dropdown-language li:last-child {
      border-bottom-width: 0; }
    .yc-dropdown-menu.yc-dropdown-language.dropdown-sm {
      width: 75dvw !important;
      max-width: 300px; }

.card-sm-yc-sparkling {
  background-color: #37445E;
  border-radius: 4px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 64px; }
  .card-sm-yc-sparkling > span {
    color: #FFFFFF;
    text-align: left;
    font-family: "Playfair Display", sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  .card-sm-yc-sparkling > div.yc-card-bg-img {
    background-image: url("/static/yachtcellar/img/card/sparkling.png");
    flex-shrink: 0;
    width: 140px;
    height: 134.9px;
    position: absolute;
    right: -41.957px;
    top: -59px;
    transform-origin: 0 0;
    transform: rotate(20deg) scale(1, 1);
    object-fit: cover;
    background-size: cover; }

.card-sm-yc-white {
  background-color: #FFDD66;
  border-radius: 4px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 64px; }
  .card-sm-yc-white > span {
    color: #242C3D;
    text-align: left;
    font-family: "Playfair Display", sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  .card-sm-yc-white > div.yc-card-bg-img {
    background-image: url("/static/yachtcellar/img/card/white.png");
    flex-shrink: 0;
    width: 136.89px;
    height: 131.9px;
    position: absolute;
    right: -39.747px;
    top: -54.183px;
    transform-origin: 0 0;
    transform: rotate(20deg) scale(1, 1);
    object-fit: cover;
    background-size: cover; }

.card-sm-yc-red {
  background-color: #CC4949;
  border-radius: 4px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 64px; }
  .card-sm-yc-red > span {
    color: #FFFFFF;
    text-align: left;
    font-family: "Playfair Display", sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  .card-sm-yc-red > div.yc-card-bg-img {
    background-image: url("/static/yachtcellar/img/card/red.png");
    flex-shrink: 0;
    width: 129.7px;
    height: 124.98px;
    position: absolute;
    right: -28.628px;
    top: -32.68px;
    transform-origin: 0 0;
    transform: rotate(20deg) scale(1, 1);
    object-fit: cover;
    background-size: cover; }

.card-sm-yc-rose {
  background-color: #FFADAD;
  border-radius: 4px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 64px; }
  .card-sm-yc-rose > span {
    color: #242C3D;
    text-align: left;
    font-family: "Playfair Display", sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  .card-sm-yc-rose > div.yc-card-bg-img {
    background-image: url("/static/yachtcellar/img/card/rose.png");
    flex-shrink: 0;
    width: 121.6px;
    height: 117.25px;
    position: absolute;
    right: -29.291px;
    top: -39.78px;
    transform-origin: 0 0;
    transform: rotate(20deg) scale(1, 1);
    object-fit: cover;
    background-size: cover; }

.card-sm-yc-spumante {
  background-color: #699999;
  border-radius: 4px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 64px; }
  .card-sm-yc-spumante > span {
    color: #FFFFFF;
    text-align: left;
    font-family: "Playfair Display", sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  .card-sm-yc-spumante > div.yc-card-bg-img {
    background-image: url("/static/yachtcellar/img/card/spumante.png");
    flex-shrink: 0;
    width: 121.6px;
    height: 117.25px;
    position: absolute;
    right: -29.291px;
    top: -39.78px;
    transform-origin: 0 0;
    transform: rotate(20deg) scale(1, 1);
    object-fit: cover;
    background-size: cover; }

.card-sm-yc-mezcal {
  background-color: #C3C7CF;
  border-radius: 4px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 64px; }
  .card-sm-yc-mezcal > span {
    color: #242C3D;
    text-align: left;
    font-family: "Playfair Display", sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  .card-sm-yc-mezcal > div.yc-card-bg-img {
    background-image: url("/static/yachtcellar/img/card/mezcal.png");
    flex-shrink: 0;
    width: 106.319px;
    height: 106.319px;
    position: absolute;
    right: -17.27px;
    top: -31px;
    transform-origin: 0 0;
    transform: rotate(20deg) scale(1, 1);
    object-fit: cover;
    background-size: cover; }

.card-sm-yc-tequila {
  background-color: #C3C7CF;
  border-radius: 4px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 64px; }
  .card-sm-yc-tequila > span {
    color: #242C3D;
    text-align: left;
    font-family: "Playfair Display", sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  .card-sm-yc-tequila > div.yc-card-bg-img {
    background-image: url("/static/yachtcellar/img/card/tequila.png");
    flex-shrink: 0;
    width: 90.154px;
    height: 90.154px;
    position: absolute;
    right: -8.551px;
    top: -21px;
    transform-origin: 0 0;
    transform: rotate(20deg) scale(1, 1);
    object-fit: cover;
    background-size: cover; }

.card-sm-yc-vodka {
  background-color: #C3C7CF;
  border-radius: 4px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 64px; }
  .card-sm-yc-vodka > span {
    color: #242C3D;
    text-align: left;
    font-family: "Playfair Display", sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  .card-sm-yc-vodka > div.yc-card-bg-img {
    background-image: url("/static/yachtcellar/img/card/vodka.png");
    flex-shrink: 0;
    width: 140px;
    height: 134.9px;
    position: absolute;
    right: -39.697px;
    top: -65px;
    transform-origin: 0 0;
    transform: rotate(20deg) scale(1, 1);
    object-fit: cover;
    background-size: cover; }

.card-sm-yc-promo {
  background-color: #F0EFEB;
  border-radius: 4px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 64px; }
  .card-sm-yc-promo > span {
    color: #242C3D;
    text-align: left;
    font-family: "Playfair Display", sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  .card-sm-yc-promo > div.yc-card-bg-img {
    background-image: url("/static/yachtcellar/img/card/grapes.jpeg");
    flex-shrink: 0;
    width: 107px;
    height: 107px;
    position: absolute;
    right: 6px;
    top: -12px;
    transform-origin: 0 0;
    transform: rotate(0deg) scale(1, 1);
    object-fit: cover;
    background-size: cover; }

.yc-card-lg-sparkling {
  border-radius: 4px;
  padding: 16px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
  overflow: hidden;
  width: 100%; }
  .yc-card-lg-sparkling > .top {
    padding: 0 8px;
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    transition: padding 0.2s ease-in-out; }
    .yc-card-lg-sparkling > .top > span.yc-card-lg-label {
      color: #37445E;
      text-align: left;
      font-family: "Playfair Display", sans-serif;
      font-size: 24px;
      font-weight: 400;
      position: relative;
      align-self: stretch;
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
    .yc-card-lg-sparkling > .top > img {
      flex-shrink: 0;
      width: 24px;
      height: 24px;
      position: relative;
      overflow: visible; }
  .yc-card-lg-sparkling > div.bottom {
    background: #37445E;
    display: inline-flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    height: 188px;
    position: relative;
    overflow: hidden; }
    .yc-card-lg-sparkling > div.bottom > div.yc-card-lg-img img {
      flex-shrink: 0;
      width: 325.86px;
      height: 314px;
      position: relative;
      transform: rotate(20deg) scale(1, 1);
      object-fit: cover;
      background-size: cover;
      transition: transform 0.2s ease-in-out; }
    .yc-card-lg-sparkling > div.bottom > div.yc-card-lg-img-old {
      background-image: url("/static/yachtcellar/img/card/sparkling.png");
      flex-shrink: 0;
      width: 325.86px;
      height: 314px;
      position: relative;
      transform: rotate(20deg) scale(1, 1);
      object-fit: cover;
      background-size: cover;
      transition: transform 0.2s ease-in-out; }
  .yc-card-lg-sparkling:hover > .top {
    padding: 0 4px;
    transition: padding 0.2s ease-in-out; }
  .yc-card-lg-sparkling:hover > div.bottom > div.yc-card-lg-img img {
    transform: rotate(20deg) scale(1.2, 1.2);
    transition: transform 0.2s ease-in-out; }
  .yc-card-lg-sparkling:hover > div.bottom > div.yc-card-lg-img-old {
    transform: rotate(20deg) scale(1.2, 1.2);
    transition: transform 0.2s ease-in-out; }

.yc-card-lg-white {
  border-radius: 4px;
  padding: 16px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
  overflow: hidden;
  width: 100%; }
  .yc-card-lg-white > .top {
    padding: 0 8px;
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    transition: padding 0.2s ease-in-out; }
    .yc-card-lg-white > .top > span.yc-card-lg-label {
      color: #37445E;
      text-align: left;
      font-family: "Playfair Display", sans-serif;
      font-size: 24px;
      font-weight: 400;
      position: relative;
      align-self: stretch;
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
    .yc-card-lg-white > .top > img {
      flex-shrink: 0;
      width: 24px;
      height: 24px;
      position: relative;
      overflow: visible; }
  .yc-card-lg-white > div.bottom {
    background: #FFDD66;
    display: inline-flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    height: 188px;
    position: relative;
    overflow: hidden; }
    .yc-card-lg-white > div.bottom > div.yc-card-lg-img img {
      flex-shrink: 0;
      width: 325.86px;
      height: 314px;
      position: relative;
      transform: rotate(20deg) scale(1, 1);
      object-fit: cover;
      background-size: cover;
      transition: transform 0.2s ease-in-out; }
    .yc-card-lg-white > div.bottom > div.yc-card-lg-img-old {
      background-image: url("/static/yachtcellar/img/card/white.png");
      flex-shrink: 0;
      width: 325.86px;
      height: 314px;
      position: relative;
      transform: rotate(20deg) scale(1, 1);
      object-fit: cover;
      background-size: cover;
      transition: transform 0.2s ease-in-out; }
  .yc-card-lg-white:hover > .top {
    padding: 0 4px;
    transition: padding 0.2s ease-in-out; }
  .yc-card-lg-white:hover > div.bottom > div.yc-card-lg-img img {
    transform: rotate(20deg) scale(1.2, 1.2);
    transition: transform 0.2s ease-in-out; }
  .yc-card-lg-white:hover > div.bottom > div.yc-card-lg-img-old {
    transform: rotate(20deg) scale(1.2, 1.2);
    transition: transform 0.2s ease-in-out; }

.yc-card-lg-red {
  border-radius: 4px;
  padding: 16px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
  overflow: hidden;
  width: 100%; }
  .yc-card-lg-red > .top {
    padding: 0 8px;
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    transition: padding 0.2s ease-in-out; }
    .yc-card-lg-red > .top > span.yc-card-lg-label {
      color: #37445E;
      text-align: left;
      font-family: "Playfair Display", sans-serif;
      font-size: 24px;
      font-weight: 400;
      position: relative;
      align-self: stretch;
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
    .yc-card-lg-red > .top > img {
      flex-shrink: 0;
      width: 24px;
      height: 24px;
      position: relative;
      overflow: visible; }
  .yc-card-lg-red > div.bottom {
    background: #CC4949;
    display: inline-flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    height: 188px;
    position: relative;
    overflow: hidden; }
    .yc-card-lg-red > div.bottom > div.yc-card-lg-img img {
      flex-shrink: 0;
      width: 325.86px;
      height: 314px;
      position: relative;
      transform: rotate(20deg) scale(1, 1);
      object-fit: cover;
      background-size: cover;
      transition: transform 0.2s ease-in-out; }
    .yc-card-lg-red > div.bottom > div.yc-card-lg-img-old {
      background-image: url("/static/yachtcellar/img/card/red.png");
      flex-shrink: 0;
      width: 325.86px;
      height: 314px;
      position: relative;
      transform: rotate(20deg) scale(1, 1);
      object-fit: cover;
      background-size: cover;
      transition: transform 0.2s ease-in-out; }
  .yc-card-lg-red:hover > .top {
    padding: 0 4px;
    transition: padding 0.2s ease-in-out; }
  .yc-card-lg-red:hover > div.bottom > div.yc-card-lg-img img {
    transform: rotate(20deg) scale(1.2, 1.2);
    transition: transform 0.2s ease-in-out; }
  .yc-card-lg-red:hover > div.bottom > div.yc-card-lg-img-old {
    transform: rotate(20deg) scale(1.2, 1.2);
    transition: transform 0.2s ease-in-out; }

.yc-card-lg-rose {
  border-radius: 4px;
  padding: 16px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
  overflow: hidden;
  width: 100%; }
  .yc-card-lg-rose > .top {
    padding: 0 8px;
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    transition: padding 0.2s ease-in-out; }
    .yc-card-lg-rose > .top > span.yc-card-lg-label {
      color: #37445E;
      text-align: left;
      font-family: "Playfair Display", sans-serif;
      font-size: 24px;
      font-weight: 400;
      position: relative;
      align-self: stretch;
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
    .yc-card-lg-rose > .top > img {
      flex-shrink: 0;
      width: 24px;
      height: 24px;
      position: relative;
      overflow: visible; }
  .yc-card-lg-rose > div.bottom {
    background: #FFADAD;
    display: inline-flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    height: 188px;
    position: relative;
    overflow: hidden; }
    .yc-card-lg-rose > div.bottom > div.yc-card-lg-img img {
      flex-shrink: 0;
      width: 325.86px;
      height: 314px;
      position: relative;
      transform: rotate(20deg) scale(1, 1);
      object-fit: cover;
      background-size: cover;
      transition: transform 0.2s ease-in-out; }
    .yc-card-lg-rose > div.bottom > div.yc-card-lg-img-old {
      background-image: url("/static/yachtcellar/img/card/rose.png");
      flex-shrink: 0;
      width: 325.86px;
      height: 314px;
      position: relative;
      transform: rotate(20deg) scale(1, 1);
      object-fit: cover;
      background-size: cover;
      transition: transform 0.2s ease-in-out; }
  .yc-card-lg-rose:hover > .top {
    padding: 0 4px;
    transition: padding 0.2s ease-in-out; }
  .yc-card-lg-rose:hover > div.bottom > div.yc-card-lg-img img {
    transform: rotate(20deg) scale(1.2, 1.2);
    transition: transform 0.2s ease-in-out; }
  .yc-card-lg-rose:hover > div.bottom > div.yc-card-lg-img-old {
    transform: rotate(20deg) scale(1.2, 1.2);
    transition: transform 0.2s ease-in-out; }

.yc-card-lg-spumante {
  border-radius: 4px;
  padding: 16px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
  overflow: hidden;
  width: 100%; }
  .yc-card-lg-spumante > .top {
    padding: 0 8px;
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    transition: padding 0.2s ease-in-out; }
    .yc-card-lg-spumante > .top > span.yc-card-lg-label {
      color: #37445E;
      text-align: left;
      font-family: "Playfair Display", sans-serif;
      font-size: 24px;
      font-weight: 400;
      position: relative;
      align-self: stretch;
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
    .yc-card-lg-spumante > .top > img {
      flex-shrink: 0;
      width: 24px;
      height: 24px;
      position: relative;
      overflow: visible; }
  .yc-card-lg-spumante > div.bottom {
    background: #699999;
    display: inline-flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    height: 188px;
    position: relative;
    overflow: hidden; }
    .yc-card-lg-spumante > div.bottom > div.yc-card-lg-img img {
      flex-shrink: 0;
      width: 325.86px;
      height: 314px;
      position: relative;
      transform: rotate(20deg) scale(1, 1);
      object-fit: cover;
      background-size: cover;
      transition: transform 0.2s ease-in-out; }
    .yc-card-lg-spumante > div.bottom > div.yc-card-lg-img-old {
      background-image: url("/static/yachtcellar/img/card/spumante.png");
      flex-shrink: 0;
      width: 325.86px;
      height: 314px;
      position: relative;
      transform: rotate(20deg) scale(1, 1);
      object-fit: cover;
      background-size: cover;
      transition: transform 0.2s ease-in-out; }
  .yc-card-lg-spumante:hover > .top {
    padding: 0 4px;
    transition: padding 0.2s ease-in-out; }
  .yc-card-lg-spumante:hover > div.bottom > div.yc-card-lg-img img {
    transform: rotate(20deg) scale(1.2, 1.2);
    transition: transform 0.2s ease-in-out; }
  .yc-card-lg-spumante:hover > div.bottom > div.yc-card-lg-img-old {
    transform: rotate(20deg) scale(1.2, 1.2);
    transition: transform 0.2s ease-in-out; }

.yc-card-lg-mezcal {
  border-radius: 4px;
  padding: 16px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
  overflow: hidden;
  width: 100%; }
  .yc-card-lg-mezcal > .top {
    padding: 0 8px;
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    transition: padding 0.2s ease-in-out; }
    .yc-card-lg-mezcal > .top > span.yc-card-lg-label {
      color: #37445E;
      text-align: left;
      font-family: "Playfair Display", sans-serif;
      font-size: 24px;
      font-weight: 400;
      position: relative;
      align-self: stretch;
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
    .yc-card-lg-mezcal > .top > img {
      flex-shrink: 0;
      width: 24px;
      height: 24px;
      position: relative;
      overflow: visible; }
  .yc-card-lg-mezcal > div.bottom {
    background: #EBECEF;
    display: inline-flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    height: 188px;
    position: relative;
    overflow: hidden; }
    .yc-card-lg-mezcal > div.bottom > div.yc-card-lg-img img {
      flex-shrink: 0;
      width: 325.86px;
      height: 314px;
      position: relative;
      transform: rotate(20deg) scale(1, 1);
      object-fit: cover;
      background-size: cover;
      transition: transform 0.2s ease-in-out; }
    .yc-card-lg-mezcal > div.bottom > div.yc-card-lg-img-old {
      background-image: url("/static/yachtcellar/img/card/mezcal.png");
      flex-shrink: 0;
      width: 325.86px;
      height: 314px;
      position: relative;
      transform: rotate(20deg) scale(1, 1);
      object-fit: cover;
      background-size: cover;
      transition: transform 0.2s ease-in-out; }
  .yc-card-lg-mezcal:hover > .top {
    padding: 0 4px;
    transition: padding 0.2s ease-in-out; }
  .yc-card-lg-mezcal:hover > div.bottom > div.yc-card-lg-img img {
    transform: rotate(20deg) scale(1.2, 1.2);
    transition: transform 0.2s ease-in-out; }
  .yc-card-lg-mezcal:hover > div.bottom > div.yc-card-lg-img-old {
    transform: rotate(20deg) scale(1.2, 1.2);
    transition: transform 0.2s ease-in-out; }

.yc-card-lg-tequila {
  border-radius: 4px;
  padding: 16px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
  overflow: hidden;
  width: 100%; }
  .yc-card-lg-tequila > .top {
    padding: 0 8px;
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    transition: padding 0.2s ease-in-out; }
    .yc-card-lg-tequila > .top > span.yc-card-lg-label {
      color: #37445E;
      text-align: left;
      font-family: "Playfair Display", sans-serif;
      font-size: 24px;
      font-weight: 400;
      position: relative;
      align-self: stretch;
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
    .yc-card-lg-tequila > .top > img {
      flex-shrink: 0;
      width: 24px;
      height: 24px;
      position: relative;
      overflow: visible; }
  .yc-card-lg-tequila > div.bottom {
    background: #EBECEF;
    display: inline-flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    height: 188px;
    position: relative;
    overflow: hidden; }
    .yc-card-lg-tequila > div.bottom > div.yc-card-lg-img img {
      flex-shrink: 0;
      width: 325.86px;
      height: 314px;
      position: relative;
      transform: rotate(20deg) scale(1, 1);
      object-fit: cover;
      background-size: cover;
      transition: transform 0.2s ease-in-out; }
    .yc-card-lg-tequila > div.bottom > div.yc-card-lg-img-old {
      background-image: url("/static/yachtcellar/img/card/tequila.png");
      flex-shrink: 0;
      width: 325.86px;
      height: 314px;
      position: relative;
      transform: rotate(20deg) scale(1, 1);
      object-fit: cover;
      background-size: cover;
      transition: transform 0.2s ease-in-out; }
  .yc-card-lg-tequila:hover > .top {
    padding: 0 4px;
    transition: padding 0.2s ease-in-out; }
  .yc-card-lg-tequila:hover > div.bottom > div.yc-card-lg-img img {
    transform: rotate(20deg) scale(1.2, 1.2);
    transition: transform 0.2s ease-in-out; }
  .yc-card-lg-tequila:hover > div.bottom > div.yc-card-lg-img-old {
    transform: rotate(20deg) scale(1.2, 1.2);
    transition: transform 0.2s ease-in-out; }

.yc-card-lg-vodka {
  border-radius: 4px;
  padding: 16px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
  overflow: hidden;
  width: 100%; }
  .yc-card-lg-vodka > .top {
    padding: 0 8px;
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    transition: padding 0.2s ease-in-out; }
    .yc-card-lg-vodka > .top > span.yc-card-lg-label {
      color: #37445E;
      text-align: left;
      font-family: "Playfair Display", sans-serif;
      font-size: 24px;
      font-weight: 400;
      position: relative;
      align-self: stretch;
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
    .yc-card-lg-vodka > .top > img {
      flex-shrink: 0;
      width: 24px;
      height: 24px;
      position: relative;
      overflow: visible; }
  .yc-card-lg-vodka > div.bottom {
    background: #EBECEF;
    display: inline-flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    height: 188px;
    position: relative;
    overflow: hidden; }
    .yc-card-lg-vodka > div.bottom > div.yc-card-lg-img img {
      flex-shrink: 0;
      width: 325.86px;
      height: 314px;
      position: relative;
      transform: rotate(20deg) scale(1, 1);
      object-fit: cover;
      background-size: cover;
      transition: transform 0.2s ease-in-out; }
    .yc-card-lg-vodka > div.bottom > div.yc-card-lg-img-old {
      background-image: url("/static/yachtcellar/img/card/vodka.png");
      flex-shrink: 0;
      width: 325.86px;
      height: 314px;
      position: relative;
      transform: rotate(20deg) scale(1, 1);
      object-fit: cover;
      background-size: cover;
      transition: transform 0.2s ease-in-out; }
  .yc-card-lg-vodka:hover > .top {
    padding: 0 4px;
    transition: padding 0.2s ease-in-out; }
  .yc-card-lg-vodka:hover > div.bottom > div.yc-card-lg-img img {
    transform: rotate(20deg) scale(1.2, 1.2);
    transition: transform 0.2s ease-in-out; }
  .yc-card-lg-vodka:hover > div.bottom > div.yc-card-lg-img-old {
    transform: rotate(20deg) scale(1.2, 1.2);
    transition: transform 0.2s ease-in-out; }

.yc-card-lg-promo {
  border-radius: 4px;
  padding: 16px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
  overflow: hidden;
  width: 100%; }
  .yc-card-lg-promo > .top {
    padding: 0 8px;
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    transition: padding 0.2s ease-in-out; }
    .yc-card-lg-promo > .top > span.yc-card-lg-label {
      color: #37445E;
      text-align: left;
      font-family: "Playfair Display", sans-serif;
      font-size: 24px;
      font-weight: 400;
      position: relative;
      align-self: stretch;
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
    .yc-card-lg-promo > .top > img {
      flex-shrink: 0;
      width: 24px;
      height: 24px;
      position: relative;
      overflow: visible; }
  .yc-card-lg-promo > div.bottom {
    background: #F0EFEB;
    display: inline-flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    height: 188px;
    position: relative;
    overflow: hidden; }
    .yc-card-lg-promo > div.bottom > div.yc-card-lg-img img {
      flex-shrink: 0;
      width: 325.86px;
      height: 314px;
      position: relative;
      transform: rotate(0deg) scale(1, 1);
      object-fit: cover;
      background-size: cover;
      transition: transform 0.2s ease-in-out; }
    .yc-card-lg-promo > div.bottom > div.yc-card-lg-img-old {
      background-image: url("/static/yachtcellar/img/card/grapes.jpeg");
      flex-shrink: 0;
      width: 325.86px;
      height: 314px;
      position: relative;
      transform: rotate(0deg) scale(1, 1);
      object-fit: cover;
      background-size: cover;
      transition: transform 0.2s ease-in-out; }
  .yc-card-lg-promo:hover > .top {
    padding: 0 4px;
    transition: padding 0.2s ease-in-out; }
  .yc-card-lg-promo:hover > div.bottom > div.yc-card-lg-img img {
    transform: rotate(0deg) scale(1.2, 1.2);
    transition: transform 0.2s ease-in-out; }
  .yc-card-lg-promo:hover > div.bottom > div.yc-card-lg-img-old {
    transform: rotate(0deg) scale(1.2, 1.2);
    transition: transform 0.2s ease-in-out; }

.yc-card-lg-nopromo {
  border-radius: 4px;
  padding: 16px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
  overflow: hidden;
  width: 100%; }
  .yc-card-lg-nopromo > .top {
    padding: 0 8px;
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    transition: padding 0.2s ease-in-out; }
    .yc-card-lg-nopromo > .top > span.yc-card-lg-label {
      color: #37445E;
      text-align: left;
      font-family: "Playfair Display", sans-serif;
      font-size: 24px;
      font-weight: 400;
      position: relative;
      align-self: stretch;
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
    .yc-card-lg-nopromo > .top > img {
      flex-shrink: 0;
      width: 24px;
      height: 24px;
      position: relative;
      overflow: visible; }
  .yc-card-lg-nopromo > div.bottom {
    background: #FFEFEF;
    display: inline-flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    height: 188px;
    position: relative;
    overflow: hidden; }
    .yc-card-lg-nopromo > div.bottom > div.yc-card-lg-img img {
      flex-shrink: 0;
      width: 230px;
      height: 230px;
      position: relative;
      transform: rotate(0deg) scale(1, 1);
      object-fit: cover;
      background-size: cover;
      transition: transform 0.2s ease-in-out; }
    .yc-card-lg-nopromo > div.bottom > div.yc-card-lg-img-old {
      background-image: url("/static/yachtcellar/img/card/nopromo_bottle.png");
      flex-shrink: 0;
      width: 230px;
      height: 230px;
      position: relative;
      transform: rotate(0deg) scale(1, 1);
      object-fit: cover;
      background-size: cover;
      transition: transform 0.2s ease-in-out; }
  .yc-card-lg-nopromo:hover > .top {
    padding: 0 4px;
    transition: padding 0.2s ease-in-out; }
  .yc-card-lg-nopromo:hover > div.bottom > div.yc-card-lg-img img {
    transform: rotate(0deg) scale(1.2, 1.2);
    transition: transform 0.2s ease-in-out; }
  .yc-card-lg-nopromo:hover > div.bottom > div.yc-card-lg-img-old {
    transform: rotate(0deg) scale(1.2, 1.2);
    transition: transform 0.2s ease-in-out; }

.yc-bg-img-blendfix {
  mix-blend-mode: darken; }

.yc-bg-img-left {
  margin-left: -130px;
  transform: scale(0.7) !important; }
  .yc-bg-img-left.nopromo {
    margin-left: 0;
    transform: scale(1) !important; }

@media (max-width: 767px) {
  .yc-product-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 8px 0;
    width: 100%;
    max-height: 296px;
    border: 1px solid #F0EFEB;
    border-radius: 4px;
    background-color: #FFFFFF; }
    .yc-product-card:hover {
      background-color: #F0EFEB;
      border-color: #DBD4C6; }
    .yc-product-card .card-img {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      padding: 0;
      width: 100%;
      max-height: 140px; }
      .yc-product-card .card-img img {
        max-height: 140px;
        max-width: unset; }
    .yc-product-card .card-body {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0 8px;
      gap: 12px;
      align-self: stretch; }
      .yc-product-card .card-body .card-text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0 8px;
        gap: 4px;
        width: 100%; }
        .yc-product-card .card-body .card-text .winery {
          width: 100%;
          color: #AA946F; }
        .yc-product-card .card-body .card-text .title {
          width: 100%;
          color: #242C3D; }
        .yc-product-card .card-body .card-text .price {
          color: #AA946F; }
          .yc-product-card .card-body .card-text .price sup {
            vertical-align: sub; }
      .yc-product-card .card-body .card-button {
        box-sizing: border-box;
        /* Auto layout */
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0px 48px;
        gap: 8px;
        width: 248px;
        height: 48px; }
        .yc-product-card .card-body .card-button span:last-child {
          display: none !important; } }
@media (min-width: 768px) {
  .yc-product-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 0;
    max-height: 426.56px;
    max-width: 280px;
    width: 280px;
    height: 426.56px;
    border: 1px solid #F0EFEB;
    border-radius: 4px;
    background-color: #FFFFFF; }
    .yc-product-card:hover {
      background-color: #F0EFEB;
      border-color: #DBD4C6; }
    .yc-product-card .card-img {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      padding: 16px 0 0;
      width: 100%;
      height: 252.56px; }
      .yc-product-card .card-img img {
        width: 200px;
        height: 236.56px; }
    .yc-product-card .card-body {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 16px;
      gap: 24px;
      width: 100%;
      height: 166px;
      align-self: stretch; }
      .yc-product-card .card-body .card-text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0 8px;
        gap: 4px;
        width: 100%; }
        .yc-product-card .card-body .card-text .winery {
          width: 100%;
          color: #AA946F; }
        .yc-product-card .card-body .card-text .title {
          width: 100%;
          color: #242C3D; }
        .yc-product-card .card-body .card-text .price {
          color: #AA946F; }
      .yc-product-card .card-body .card-button {
        box-sizing: border-box;
        /* Auto layout */
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0px 48px;
        gap: 8px;
        width: 248px;
        height: 48px; }
        .yc-product-card .card-body .card-button .text {
          /* Button */
          font-family: 'SF Pro Text';
          font-style: normal;
          font-weight: 500;
          font-size: 18px;
          line-height: 21px;
          letter-spacing: 0.08em;
          text-transform: uppercase;
          /* Brown/Brown D1 */
          color: #AA946F; } }

.yc-apexed-price sup {
  vertical-align: sub; }

#toast-container {
  min-width: 320px;
  width: 320px; }
  @media (max-width: 768px) {
    #toast-container {
      position: absolute;
      width: 100%;
      bottom: 0;
      top: unset;
      right: 0; }
      #toast-container > div {
        width: 100% !important;
        margin-bottom: 0 !important;
        box-shadow: none !important; } }
  #toast-container > div {
    padding: 24px !important;
    min-width: 320px;
    width: 320px;
    box-shadow: none !important; }
  #toast-container .toast {
    background-color: #F0EFEB;
    color: #37445E;
    opacity: 1; }
    #toast-container .toast.toast-success {
      background-color: #EFF8F1;
      color: #52995E !important;
      opacity: 1; }
    #toast-container .toast.toast-error {
      background-color: #FFEFEF;
      color: #CC4949 !important;
      opacity: 1; }
    #toast-container .toast.toast-warning {
      background-color: #FFFAE8;
      color: #B69316 !important;
      opacity: 1; }
    #toast-container .toast.toast-info, #toast-container .toast.toast-error, #toast-container .toast.toast-warning, #toast-container .toast.toast-success {
      background-image: none !important; }
    #toast-container .toast .toast-message {
      display: flex;
      flex-direction: column;
      font-family: "SfProText-Regular", sans-serif;
      font-size: 16px;
      line-height: normal;
      font-weight: 400;
      font-style: normal; }
      #toast-container .toast .toast-message:before {
        position: fixed;
        font-family: "Font Awesome 6 Free";
        font-size: inherit;
        line-height: normal;
        float: left;
        color: #37445E; }
    #toast-container .toast .toast-text {
      display: flex;
      flex-direction: column;
      gap: 8px; }
      #toast-container .toast .toast-text > div:first-child {
        display: flex;
        align-items: center;
        gap: 8px; }
    #toast-container .toast .btn-holder {
      color: #B3A07F;
      text-transform: uppercase; }
      #toast-container .toast .btn-holder:hover {
        color: #716148;
        transition: color 0.15s ease-in-out; }
      #toast-container .toast .btn-holder a {
        color: inherit !important; }
    #toast-container .toast .btn {
      display: flex;
      height: 56px;
      width: 100%;
      align-items: center;
      justify-content: center; }
  #toast-container .toast-info .toast-text img {
    content: url("/static/yachtcellar/img/icons/base/info.svg");
    filter: invert(20%) sepia(44%) saturate(492%) hue-rotate(182deg) brightness(100%) contrast(86%); }
  #toast-container .toast-success:before,
  #toast-container .toast-info:before,
  #toast-container .toast-error:before,
  #toast-container .toast-warning:before {
    padding-top: 1rem; }

.yc-whatsapp {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
  position: fixed;
  width: 64px;
  height: 64px;
  right: 0;
  bottom: 32px;
  z-index: 8;
  background: #63B971;
  box-shadow: 0 4px 16px rgba(12, 63, 20, 0.2);
  border-radius: 100px; }
  .yc-whatsapp img {
    height: 32px;
    width: 32px;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(180deg) brightness(106%) contrast(101%); }

.yc-whatsapp-mobile {
  display: flex;
  justify-content: center;
  align-items: center; }
  .yc-whatsapp-mobile img {
    height: 28px;
    width: 28px;
    filter: invert(62%) sepia(51%) saturate(375%) hue-rotate(78deg) brightness(94%) contrast(90%); }

.yc-nav-first-row,
.yc-nav-first-row * {
  box-sizing: border-box; }

.yc-nav-first-row {
  background: #37445E;
  padding: 4px 16px 4px 16px;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 100%;
  position: relative;
  color: #C3C7CF;
  text-align: left;
  font-family: "SfProText-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400; }
  @media (min-width: 992px) {
    .yc-nav-first-row {
      background: transparent;
      height: 64px;
      justify-content: center;
      color: #716148;
      font-size: 16px; } }
  .yc-nav-first-row.yc-light-theme {
    background: transparent;
    color: #716148; }

.chip {
  color: #242C3D;
  border-radius: 2px;
  padding: 4px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 24px;
  position: relative;
  font-family: "SfProText-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-align: left; }

.yc-nav-lg-colorswitch {
  background-color: #242C3D; }

.yc-nav-second-row.yc-light-theme {
  background-color: #FFFFFF; }

@media (min-width: 992px) {
  /* lg breakpoint in Bootstrap */
  .yc-nav-lg-colorswitch {
    background-color: #FFFFFF !important;
    /* same color as .bg-light */ }

  .yc-nav-second-row {
    height: 96px;
    border-bottom: #F0EFEB solid 1px; }

  .yc-flex-basis {
    flex-basis: 0; } }
.navbar-brand {
  height: 56px; }

.yc-cart {
  position: relative; }

.nav-cart-badge {
  padding: 0 4px;
  background-color: #37445E;
  color: white;
  border-radius: 30px;
  align-self: center;
  text-align: center;
  position: absolute;
  top: 0;
  right: -3px; }

.navbar-toggler {
  border-style: hidden;
  padding: 0.25rem 0.25rem; }
  .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0; }
  .navbar-toggler .navbar-toggler-icon {
    background-image: url("/static/yachtcellar/img/icons/base/close.svg");
    transform: rotate(90deg);
    transition: transform 0.5s ease;
    width: 24px;
    height: 24px;
    filter: invert(27%) sepia(8%) saturate(2214%) hue-rotate(182deg) brightness(87%) contrast(91%); }
  .navbar-toggler.collapsed .navbar-toggler-icon, .navbar-toggler[aria-expanded='false'] .navbar-toggler-icon {
    background-image: url("/static/yachtcellar/img/icons/base/menu.svg");
    transform: rotate(0deg); }

.yc-nav-link-expanded {
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
  color: #37445E;
  text-align: center;
  font-family: "SfProText-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal; }
  .yc-nav-link-expanded.dropdown-toggle:after {
    display: none; }

.yc-nav-collapse {
  background-color: #FFFFFF; }
  .yc-nav-collapse.collapse.show {
    border-bottom: #F0EFEB 1px solid; }

.yc-nav-search {
  color: #CCBFA9;
  background-color: #FFFFFF;
  border-color: #CCBFA9;
  background-image: url("/static/yachtcellar/img/icons/search.svg");
  background-position-x: 9px;
  background-position-y: center;
  background-repeat: no-repeat;
  padding-left: 30px;
  height: 56px;
  min-width: 100%; }
  @media (min-width: 992px) {
    .yc-nav-search {
      width: 180px;
      min-width: 180px; } }
  .yc-nav-search.form-control::placeholder {
    color: #CCBFA9; }
  .yc-nav-search:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: #CCBFA9; }
  .yc-nav-search + .dropdown-menu {
    width: inherit;
    margin-top: 0.125rem;
    overflow: auto;
    max-height: 70svh; }
    @media (min-width: 992px) {
      .yc-nav-search + .dropdown-menu {
        width: auto; } }
    .yc-nav-search + .dropdown-menu .dropdown-item {
      white-space: normal;
      height: auto; }
      .yc-nav-search + .dropdown-menu .dropdown-item img {
        height: 5rem;
        width: auto; }

.yc-accordion {
  --bs-accordion-color: #37445E;
  --bs-accordion-bg: #FFFFFF;
  --bs-accordion-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, border-radius 0.15s ease;
  --bs-accordion-border-color: #F0EFEB;
  --bs-accordion-border-width: 1px;
  --bs-accordion-btn-padding-x: 0px;
  --bs-accordion-btn-color: #37445E;
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3e%3cpath d='M8 4V12M12 8H4' stroke='%23AA946F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  --bs-accordion-btn-icon-width: 16px;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3e%3cpath d='M11.3337 8H4.66699' stroke='%23AA946F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #F0EFEB;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0;
  --bs-accordion-body-padding-x: 0px;
  --bs-accordion-active-color: #37445E;
  --bs-accordion-active-bg: #FFFFFF; }
  .yc-accordion > .accordion-item > .accordion-header {
    height: 56px; }
  .yc-accordion .accordion-button:not(.collapsed) {
    box-shadow: none; }

.yc-accordion-menu-link {
  color: #37445E;
  text-align: left;
  font-family: "SfProText-Medium", sans-serif;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding-left: 0px;
  height: 100%;
  cursor: pointer; }

.yc-btn-menu-link {
  width: 100%;
  color: #37445E;
  text-align: left;
  font-family: "SfProText-Medium", sans-serif;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  height: 56px;
  cursor: pointer;
  border: 0px solid #FFFFFF;
  border-top: 1px solid #F0EFEB;
  border-radius: 0;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); }
  .yc-btn-menu-link:last-child {
    border-bottom: 1px solid #F0EFEB; }

.yc-nav-third-row,
.yc-nav-third-row * {
  box-sizing: border-box; }

.yc-nav-third-row {
  background: var(--background-white, #ffffff);
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 56px;
  position: relative;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #F0EFEB; }

.yc-fwfix:hover {
  text-shadow: -0.1px -0.1px 0 #37445E, 0.1px -0.1px 0 #37445E, -0.1px 0.1px 0 #37445E, 0.1px 0.1px 0 #37445E;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  font-weight: 500 !important; }

.yc-nav-menu-link {
  color: #37445E;
  text-align: left;
  font-family: "SfProText-Medium", sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 8px;
  height: 100%;
  cursor: pointer;
  border-radius: 0;
  border: 0 solid #FFFFFF;
  min-width: 108px;
  justify-content: center;
  transition: background-color 0.2s ease-in-out; }
  .yc-nav-menu-link:hover {
    background-color: #FFDD66;
    transition: background-color 0.2s ease-in-out;
    font-family: "SfProText-Medium", sans-serif;
    font-size: 18px;
    line-height: normal;
    font-weight: 600;
    font-style: normal; }
  .yc-nav-menu-link:active {
    border-color: transparent; }
  .yc-nav-menu-link.dropdown-toggle:after {
    display: none; }

.yc-nav-menu-link-secondary {
  color: #AA946F;
  text-align: left;
  font-family: "SfProText-Medium", sans-serif;
  font-size: 18px;
  line-height: normal;
  font-weight: 500;
  font-style: normal;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: color 0.2s ease-in-out; }
  .yc-nav-menu-link-secondary:hover {
    color: #716148; }

.yc-dropdown-menu-bot-right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex: 1;
  position: relative; }
  .yc-dropdown-menu-bot-right > .perfect-moments {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative; }
    .yc-dropdown-menu-bot-right > .perfect-moments > .chips {
      display: flex;
      flex-direction: row;
      gap: 16px;
      align-items: flex-start;
      justify-content: flex-start;
      flex-wrap: wrap;
      align-self: stretch;
      flex-shrink: 0;
      position: relative; }
  .yc-dropdown-menu-bot-right > .footertemp {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    justify-content: space-between;
    flex-shrink: 0;
    position: relative;
    width: 100%; }
  .yc-dropdown-menu-bot-right .yc-text-primary {
    color: #37445E; }
  .yc-dropdown-menu-bot-right .yc-ff-h4 {
    font-family: "SfProText-Medium", sans-serif;
    font-size: 16px;
    font-weight: 400; }
  .yc-dropdown-menu-bot-right .yc-ff-link {
    font-family: "SfProText-Medium", sans-serif;
    font-size: 18px;
    font-weight: 500; }
  .yc-dropdown-menu-bot-right .yc-text-secondary {
    color: #AA946F; }

.yc-font-promo-nav {
  font-family: "Playfair Display", sans-serif;
  font-size: 42px;
  line-height: 60px;
  font-weight: 400;
  font-style: normal;
  font-size: 90px;
  line-height: 60px;
  color: #CC4949; }

.modal-xl {
  max-width: 1000px; }

.yc-modal {
  height: 97dvh; }
  @media (min-width: 990px) {
    .yc-modal {
      height: unset; } }

.yc-login-body {
  margin-bottom: 24px;
  padding: 24px 0; }
  .yc-login-body .yc-form-group {
    color: #AA946F;
    font-family: "SfProText-Regular", sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 16px; }
    .yc-login-body .yc-form-group label {
      margin-bottom: 0; }
    .yc-login-body .yc-form-group input {
      border-color: #CCBFA9;
      color: #AA946F;
      height: 56px; }
  .yc-login-body .yc-pass-reset a {
    color: #AA946F;
    font-family: "SfProText-Medium", sans-serif;
    font-size: 18px;
    font-weight: 500; }
  .yc-login-body .yc-login-buttons .btn {
    font-family: "SfProText-Medium", sans-serif;
    font-size: 18px;
    font-weight: 500;
    height: 56px;
    border-radius: 4px;
    text-transform: uppercase; }

.yc-login-footer {
  border-color: #F0EFEB; }

.yc-login-img {
  overflow: hidden; }
  .yc-login-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scaleY(1.004); }

.yc-hero-hp .hero-sm {
  background: #242C3D;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative; }
  .yc-hero-hp .hero-sm > img {
    align-self: center;
    flex-shrink: 0;
    height: 360px;
    max-width: 100%;
    object-fit: cover;
    object-position: center; }
    @media (min-width: 550px) {
      .yc-hero-hp .hero-sm > img {
        height: auto; } }
  .yc-hero-hp .hero-sm .bottom {
    padding: 24px 16px 24px 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-end;
    align-self: stretch;
    flex-shrink: 0; }
    .yc-hero-hp .hero-sm .bottom .button {
      border-radius: 4px;
      padding: 0px 48px 0px 48px;
      display: flex;
      flex-direction: row;
      gap: 8px;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      height: 56px; }
    .yc-hero-hp .hero-sm .bottom .arrow-forward-long {
      flex-shrink: 0;
      width: 24px;
      height: 24px;
      position: relative;
      overflow: visible; }
.yc-hero-hp .hero-lg .hero {
  background-blend-mode: multiply, multiply;
  background: linear-gradient(90deg, rgba(55, 68, 94, 0.71) 0%, rgba(55, 68, 94, 0) 70.83%), url("/static/yachtcellar/img/hero/hero-lg-resized.png") no-repeat center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 500px;
  position: relative; }
.yc-hero-hp .hero-lg .hero-promo {
  display: flex;
  flex-direction: row;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 600px;
  position: relative; }
  .yc-hero-hp .hero-lg .hero-promo > div {
    flex-grow: 1;
    flex-basis: 0;
    height: 100%;
    overflow: clip; }
    .yc-hero-hp .hero-lg .hero-promo > div:first-child {
      background-image: url("/static/yachtcellar/img/icons/bg-pattern-light.svg");
      background-repeat: repeat;
      gap: 32px; }
    .yc-hero-hp .hero-lg .hero-promo > div > img {
      align-self: center;
      flex-shrink: 0;
      height: 100%;
      max-height: 100%;
      object-fit: cover;
      object-position: center; }
.yc-hero-hp .hero-lg .hero-text {
  padding: 0 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex: 1;
  position: relative; }
  .yc-hero-hp .hero-lg .hero-text .location {
    flex-shrink: 0;
    position: relative; }
    .yc-hero-hp .hero-lg .hero-text .location > span::before {
      content: ' '; }
  .yc-hero-hp .hero-lg .hero-text .button {
    border-radius: 4px;
    padding: 0px 48px 0px 48px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    height: 56px; }
    .yc-hero-hp .hero-lg .hero-text .button .arrow-forward-long {
      flex-shrink: 0;
      width: 24px;
      height: 24px; }

.yc-howitworks {
  display: flex;
  gap: 8px;
  align-items: stretch;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  background-image: url("/static/yachtcellar/img/icons/bg-pattern-light.svg");
  background-position: 0% 0%;
  background-repeat: repeat;
  background-blend-mode: lighten; }
  .yc-howitworks .frame {
    background: #FFFFFF;
    border-style: solid;
    border-color: #DBD4C6;
    border-width: 1px;
    padding: 24px;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: center;
    flex: 1;
    width: 100%;
    position: relative;
    line-height: normal; }
    .yc-howitworks .frame > div:first-child {
      text-align: left;
      position: relative; }
    .yc-howitworks .frame > div:last-child {
      display: flex;
      flex-direction: column;
      gap: 8px;
      align-items: center;
      justify-content: center;
      flex: 1;
      position: relative; }
      .yc-howitworks .frame > div:last-child > div {
        text-align: left;
        position: relative;
        align-self: stretch; }

.yc-delivery-section {
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative; }
  .yc-delivery-section .section-title {
    text-align: left;
    position: relative; }
  .yc-delivery-section .catenaccio {
    padding: 8px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative; }
    .yc-delivery-section .catenaccio > span {
      width: 50%; }
  .yc-delivery-section .yc-mappa {
    flex-shrink: 0;
    width: 100%;
    aspect-ratio: 1040/682;
    position: relative; }
    .yc-delivery-section .yc-mappa .map {
      width: 100%; }
    .yc-delivery-section .yc-mappa .yc-checkpoint {
      position: relative; }
      .yc-delivery-section .yc-mappa .yc-checkpoint.dropdown-toggle:after {
        display: none; }
    .yc-delivery-section .yc-mappa .checkpoint-card {
      background: #FFFFFF;
      border-radius: 2px;
      padding: 32px 16px 32px 16px;
      width: max-content; }
      .yc-delivery-section .yc-mappa .checkpoint-card.dropdown-menu.show {
        display: flex;
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
        justify-content: flex-start; }
      .yc-delivery-section .yc-mappa .checkpoint-card .location-name {
        text-align: left; }
      .yc-delivery-section .yc-mappa .checkpoint-card .location-field {
        display: flex;
        flex-direction: row;
        gap: 8px;
        align-items: center;
        justify-content: left;
        flex-shrink: 0; }
      .yc-delivery-section .yc-mappa .checkpoint-card .icon {
        fill: #878F9E;
        flex-shrink: 0;
        width: 24px;
        height: 24px; }

@media (min-width: 992px) {
  .yc-map-fontfix {
    transform: scale(0.8);
    transform-origin: left; } }
@media (min-width: 1200px) {
  .yc-map-fontfix {
    transform: scale(1); } }

.yc-delivery-section-sm {
  background: #FFFFFF;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  width: 100%; }
  .yc-delivery-section-sm .title {
    padding: 8px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative; }
  .yc-delivery-section-sm .catenaccio-sm {
    padding: 8px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative; }
  .yc-delivery-section-sm .location-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative; }
    .yc-delivery-section-sm .location-list .location {
      background: #F0EFEB;
      border-radius: 4px;
      padding: 0 16px;
      display: flex;
      flex-direction: row;
      gap: 8px;
      align-items: center;
      justify-content: flex-start;
      align-self: stretch;
      flex-shrink: 0;
      position: relative; }
      .yc-delivery-section-sm .location-list .location > div:first-child {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        flex: 1;
        position: relative; }
      .yc-delivery-section-sm .location-list .location > div:last-child {
        flex-shrink: 0;
        width: 48px;
        height: 48px;
        position: relative;
        overflow: visible; }
  .yc-delivery-section-sm .button {
    padding: 16px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    height: 56px;
    position: relative; }

.yc-exp-categories .row > div:first-child {
  padding-left: 0; }
.yc-exp-categories .row > div:last-child {
  padding-right: 0; }

.yc-brands > div {
  padding: 64px 16px 64px 16px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-self: stretch;
  flex-shrink: 0;
  position: relative; }
.yc-brands .brand {
  background: #FFFFFF;
  border: 1px solid #F0EFEB;
  border-radius: 4px;
  padding: 8px 0px 8px 0px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 200px;
  position: relative; }
  .yc-brands .brand img {
    width: 160px;
    flex-shrink: 0;
    height: 96px;
    position: relative;
    object-fit: cover; }

.product-info-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 80%; }
  .product-info-list .product-info {
    width: 100%;
    border-style: solid;
    border-color: #DBD4C6;
    border-width: 0.5px 0.5px 0 0.5px;
    padding: 16px 8px 16px 8px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start; }
    .product-info-list .product-info:last-child {
      border-width: 0.5px 0.5px 0.5px 0.5px; }
    .product-info-list .product-info > span {
      text-align: left; }
      .product-info-list .product-info > span:first-child {
        width: 28%;
        flex-shrink: 0; }

#carousel-container:has(.yc-no-carousel) {
  display: none !important; }

.yc-carousel-container:has(.yc-no-carousel) {
  display: none !important; }

.yc-product-gallery {
  background-image: url("/static/yachtcellar/img/icons/bg-pattern-light.svg");
  background-repeat: repeat;
  margin-bottom: 0 !important; }
  .yc-product-gallery img {
    transform: scale(0.95); }

.yc-product-gallery-sm img {
  transform: scale(0.75); }

.no-spinner::-webkit-inner-spin-button, .no-spinner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }
.no-spinner {
  -moz-appearance: textfield; }

.yc-add-to-basket {
  width: 100%; }
  .yc-add-to-basket .basket-quantity {
    height: 56px;
    width: 100%; }
    @media (min-width: 992px) {
      .yc-add-to-basket .basket-quantity {
        width: 30%; } }
    @media (min-width: 992px) {
      .yc-add-to-basket .basket-quantity input {
        width: 10%;
        min-width: 10%; } }
  .yc-add-to-basket button {
    width: 100%; }
    .yc-add-to-basket button:disabled {
      color: #DBD4C6 !important; }
    @media (min-width: 992px) {
      .yc-add-to-basket button {
        width: auto; } }

.sidebar {
  padding-left: 0; }

.yc-filters-accordion-collapse {
  border-bottom: #F0EFEB solid 1px;
  max-height: 60dvh; }
  .yc-filters-accordion-collapse.show {
    overflow-y: auto; }
  .yc-filters-accordion-collapse .yc-filter-item {
    align-items: center; }
    .yc-filters-accordion-collapse .yc-filter-item:first-child {
      padding-top: 0 !important; }
    .yc-filters-accordion-collapse .yc-filter-item input.yc-checkbox.form-check-input {
      position: unset;
      margin: unset;
      flex-shrink: 0;
      border-radius: 2px;
      border: #CCBFA9 solid 1px; }
      .yc-filters-accordion-collapse .yc-filter-item input.yc-checkbox.form-check-input:checked {
        background-color: #AA946F !important;
        border: 0;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="transparent"><path d="M19.5 7L9 17.5L5 13.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }
      .yc-filters-accordion-collapse .yc-filter-item input.yc-checkbox.form-check-input:focus, .yc-filters-accordion-collapse .yc-filter-item input.yc-checkbox.form-check-input::after, .yc-filters-accordion-collapse .yc-filter-item input.yc-checkbox.form-check-input:not(:disabled):not(.disabled):active:focus {
        color: #CCBFA9;
        background-color: #CCBFA9 !important;
        outline: 0;
        border: 0;
        box-shadow: 0 0 0 0 !important; }

.yc-offcanvas .yc-offcanvas-header {
  height: 56px; }
.yc-offcanvas .yc-offc-accordion-border {
  border-width: 0 0 1px 0 !important;
  border-style: solid !important;
  border-color: #F0EFEB !important; }

.product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 33fr));
  column-gap: 16px;
  row-gap: 16px;
  justify-items: center; }
  @media (max-width: 768px) {
    .product-grid {
      grid-template-columns: repeat(auto-fit, minmax(143px, 50fr));
      column-gap: 2px;
      row-gap: 16px; } }
  .product-grid .banner {
    grid-row: 3;
    grid-column: 1 / -1; }
    @media (max-width: 768px) {
      .product-grid .banner {
        grid-row: 4; } }

.yc-pagination {
  height: 56px;
  color: #AA946F; }
  .yc-pagination.pagination {
    --bs-pagination-color: #DBD4C6;
    --bs-pagination-bg: #FFFFFF;
    --bs-pagination-border-width: 0;
    --bs-pagination-hover-color: #716148;
    --bs-pagination-hover-bg: #FFFFFF;
    --bs-pagination-hover-border-color: transparent;
    --bs-pagination-focus-color: #AA946F;
    --bs-pagination-focus-bg: #FFFFFF;
    --bs-pagination-focus-box-shadow: 0 0 0 0;
    --bs-pagination-active-color: #716148;
    --bs-pagination-active-bg: #FFFFFF;
    --bs-pagination-active-border-color: transparent;
    --bs-pagination-disabled-color: #DBD4C6;
    --bs-pagination-disabled-bg: #FFFFFF;
    --bs-pagination-disabled-border-color: #FFFFFF; }
    .yc-pagination.pagination > .page-item.disabled > .page-link {
      color: #DBD4C6; }
    .yc-pagination.pagination > .page-item.disabled.active > .page-link {
      color: #716148; }
    .yc-pagination.pagination > .page-item > .page-link:hover {
      color: #716148 !important;
      background-color: #F0EFEB;
      border-radius: 4px; }

.yc-general-category-header {
  display: flex;
  height: 204px;
  background-image: url("/static/yachtcellar/img/icons/bg-pattern-light.svg");
  background-repeat: repeat;
  justify-content: center;
  align-items: center; }
  .yc-general-category-header.no-pattern {
    background-image: none !important; }
  @media (max-width: 992px) {
    .yc-general-category-header {
      height: 128px; } }
  .yc-general-category-header .yc-category-subtitle {
    letter-spacing: 0.08em; }

.yc-basket-items-grid {
  height: 160px;
  display: grid;
  grid-template-columns: 36px 106px 8fr 5fr 2fr;
  grid-template-rows: auto;
  justify-content: space-between;
  border: #F0EFEB solid 1px;
  border-radius: 4px;
  align-items: center;
  margin-bottom: 8px; }
  .yc-basket-items-grid:last-child {
    margin-bottom: 0; }
  .yc-basket-items-grid > div {
    align-self: center;
    justify-self: center; }
  .yc-basket-items-grid .yc-basket-line-actions {
    display: flex;
    justify-content: center;
    width: 36px;
    min-width: 36px; }
  .yc-basket-items-grid .yc-basket-image {
    height: 100%;
    width: 100%;
    max-height: 160px;
    overflow: hidden; }
    .yc-basket-items-grid .yc-basket-image a {
      position: relative; }
    .yc-basket-items-grid .yc-basket-image .img-thumbnail {
      border: none;
      max-width: none !important;
      padding: 8px 0;
      width: 100%;
      object-fit: cover;
      object-position: center; }
  .yc-basket-items-grid .checkout-quantity {
    max-width: 144px;
    height: 36px; }
  .yc-basket-items-grid .line-price {
    text-align: right;
    min-width: 120px;
    padding: 0 16px;
    white-space: nowrap; }
  .yc-basket-items-grid .basket-description {
    justify-self: start;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
    width: 100%; }

@media (max-width: 992px) {
  .yc-basket-items-grid {
    height: 113px;
    display: grid;
    grid-template-columns: 64px 1fr 40px;
    grid-template-rows: 48px auto 30px;
    grid-template-areas: "img description quant" "img price quant" "img actions quant";
    grid-column-gap: 0;
    justify-content: space-between;
    border: #F0EFEB solid 1px;
    border-radius: 4px;
    align-items: center;
    margin-bottom: 8px; }
    .yc-basket-items-grid:last-child {
      margin-bottom: 0; }
    .yc-basket-items-grid > div {
      align-self: center;
      justify-self: center; }
    .yc-basket-items-grid .yc-basket-line-actions {
      grid-area: actions;
      justify-self: left;
      align-self: start;
      display: flex;
      justify-content: center;
      width: unset;
      padding-left: 4px; }
    .yc-basket-items-grid .yc-basket-img-container {
      grid-area: img; }
      .yc-basket-items-grid .yc-basket-img-container .yc-basket-image {
        height: 100%;
        width: 100%;
        overflow: hidden; }
        .yc-basket-items-grid .yc-basket-img-container .yc-basket-image a {
          position: relative; }
        .yc-basket-items-grid .yc-basket-img-container .yc-basket-image .img-thumbnail {
          border: none;
          max-width: none !important;
          padding: 20px 0;
          width: 100%;
          object-fit: cover;
          object-position: center; }
    .yc-basket-items-grid .checkout-quantity {
      grid-area: quant;
      width: 32px;
      height: 79px;
      margin-right: 8px; }
      .yc-basket-items-grid .checkout-quantity .basket-quantity {
        height: 100%;
        flex-direction: column-reverse; }
        .yc-basket-items-grid .checkout-quantity .basket-quantity button {
          padding: 0 !important; }
    .yc-basket-items-grid .line-price {
      grid-area: price;
      justify-self: left;
      text-align: left;
      min-width: 120px;
      padding: 0 4px;
      white-space: nowrap; }
    .yc-basket-items-grid .basket-description {
      grid-area: description;
      justify-self: start;
      align-self: end;
      padding: 0 4px;
      height: 32px;
      display: flex;
      flex-direction: column;
      gap: 4px;
      overflow: hidden;
      width: 100%; }
      .yc-basket-items-grid .basket-description .winery {
        color: #878F9E !important; } }
.yc-basket-resume {
  background-color: #F0EFEB;
  border-radius: 4px;
  padding: 24px; }
  .yc-basket-resume tr th {
    border: none;
    color: inherit;
    text-align: start !important;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit; }
  .yc-basket-resume tr td {
    border: none;
    color: inherit;
    text-align: end !important; }
  .yc-basket-resume.light-version {
    background-color: #F0EFEB;
    border: #F0EFEB 1px solid; }
    .yc-basket-resume.light-version th {
      padding-left: 0; }
    .yc-basket-resume.light-version td {
      padding-right: 0; }

.yc-gradient {
  background: linear-gradient(to bottom, transparent 0%, white 10%, white 100%);
  z-index: 1019; }

.checkout-modal {
  --bs-modal-width: 541px;
  --bs-modal-border-radius: 4px;
  --bs-modal-header-border-width: 0; }
  @media (max-width: 576px) {
    .checkout-modal .modal-dialog.modal-dialog-centered {
      bottom: 0;
      height: 100dvh;
      margin: 0;
      align-items: end; } }
  .checkout-modal .modal-header {
    height: 56px; }
  .checkout-modal .modal-body > div {
    gap: 32px; }
    @media (min-width: 992px) {
      .checkout-modal .modal-body > div {
        gap: 24px; } }

.yc-post-checkout .yc-text-blue-D1 img {
  filter: invert(27%) sepia(8%) saturate(2214%) hue-rotate(182deg) brightness(87%) contrast(91%); }
@media (max-width: 576px) {
  .yc-post-checkout .yc-w-100 {
    width: 100%; } }

.yc-shipping input.yc-checkbox.form-check-input {
  position: unset;
  margin: unset;
  flex-shrink: 0;
  border-radius: 2px;
  border: #CCBFA9 solid 1px; }
  .yc-shipping input.yc-checkbox.form-check-input:not(:checked) {
    border: #CCBFA9 solid 1px; }
  .yc-shipping input.yc-checkbox.form-check-input:checked {
    background-color: #AA946F !important;
    border: 0;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="transparent"><path d="M19.5 7L9 17.5L5 13.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }
  .yc-shipping input.yc-checkbox.form-check-input:focus, .yc-shipping input.yc-checkbox.form-check-input::after, .yc-shipping input.yc-checkbox.form-check-input:not(:disabled):not(.disabled):active:focus {
    color: #CCBFA9;
    outline: 0;
    border: #CCBFA9 solid 1px;
    box-shadow: 0 0 0 0 !important; }
.yc-shipping .yc-link {
  transition: color 0.15s ease-in-out;
  color: #AA946F; }
  .yc-shipping .yc-link:hover {
    color: #716148; }
@media (max-width: 576px) {
  .yc-shipping .yc-w-100 {
    width: 100%; } }
.yc-shipping .input-group-text {
  background-color: #FFFFFF; }
.yc-shipping .invalid-feedback {
  display: block;
  margin-top: 0; }
.yc-shipping #map-col {
  display: flex; }
.yc-shipping #id_postcode {
  max-width: unset !important; }
.yc-shipping .yc-city-zip-state {
  gap: 0; }
  @media (min-width: 992px) {
    .yc-shipping .yc-city-zip-state {
      gap: 16px; } }
@media (max-width: 768px) {
  .yc-shipping .yc-checkout-map {
    display: none !important; } }
@media (min-width: 769px) {
  .yc-shipping .yc-checkout-map {
    display: block; } }

.yc-address-list {
  max-height: 370px;
  overflow-y: auto;
  padding-right: 16px;
  scrollbar-width: auto;
  scrollbar-color: #B3A07F #FFFFFF; }

.yc-fullwidth-fix .form-inline .input-group, .yc-fullwidth-fix .form-inline .custom-select {
  width: 100%; }

.yc-basket-items-summary-grid {
  height: 120px;
  display: grid;
  grid-template-columns: 106px 8fr 2fr;
  grid-template-rows: auto;
  justify-content: space-between;
  border: #F0EFEB solid 1px;
  border-radius: 4px;
  align-items: center;
  margin-bottom: 8px; }
  .yc-basket-items-summary-grid:last-child {
    margin-bottom: 0; }
  .yc-basket-items-summary-grid > div {
    align-self: center;
    justify-self: center; }
  .yc-basket-items-summary-grid .yc-basket-line-actions {
    display: flex;
    justify-content: center;
    width: 36px;
    min-width: 36px; }
  .yc-basket-items-summary-grid .yc-basket-image {
    height: 100%;
    width: 100%;
    max-height: 160px;
    overflow: hidden; }
    .yc-basket-items-summary-grid .yc-basket-image a {
      position: relative; }
    .yc-basket-items-summary-grid .yc-basket-image .img-thumbnail {
      border: none;
      max-width: none !important;
      padding: 6px 0;
      width: 100%;
      object-fit: cover;
      object-position: center; }
  .yc-basket-items-summary-grid .line-price {
    text-align: right;
    min-width: 120px;
    padding: 0 16px;
    white-space: nowrap; }
  .yc-basket-items-summary-grid .basket-description {
    justify-self: start;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
    width: 100%; }

@media (max-width: 992px) {
  .yc-basket-items-summary-grid {
    height: 113px;
    display: grid;
    grid-template-columns: 64px 2fr 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "img description price" "img description price" "img description price";
    grid-column-gap: 0;
    justify-content: space-between;
    border: #F0EFEB solid 1px;
    border-radius: 4px;
    align-items: center;
    margin-bottom: 8px; }
    .yc-basket-items-summary-grid:last-child {
      margin-bottom: 0; }
    .yc-basket-items-summary-grid > div {
      align-self: center;
      justify-self: center; }
    .yc-basket-items-summary-grid .yc-basket-line-actions {
      grid-area: actions;
      justify-self: left;
      align-self: start;
      display: flex;
      justify-content: center;
      width: unset;
      padding-left: 4px; }
    .yc-basket-items-summary-grid .yc-basket-img-container {
      grid-area: img; }
      .yc-basket-items-summary-grid .yc-basket-img-container .yc-basket-image {
        height: 100%;
        width: 100%;
        overflow: hidden; }
        .yc-basket-items-summary-grid .yc-basket-img-container .yc-basket-image a {
          position: relative; }
        .yc-basket-items-summary-grid .yc-basket-img-container .yc-basket-image .img-thumbnail {
          border: none;
          max-width: none !important;
          padding: 20px 0;
          width: 100%;
          object-fit: cover;
          object-position: center; }
    .yc-basket-items-summary-grid .checkout-quantity {
      grid-area: quant;
      width: 32px;
      height: 79px;
      margin-right: 8px; }
      .yc-basket-items-summary-grid .checkout-quantity .basket-quantity {
        height: 100%;
        flex-direction: column-reverse; }
        .yc-basket-items-summary-grid .checkout-quantity .basket-quantity button {
          padding: 0 !important; }
    .yc-basket-items-summary-grid .line-price {
      grid-area: price;
      justify-self: left;
      text-align: right;
      min-width: 100px;
      padding: 0 8px;
      white-space: nowrap; }
    .yc-basket-items-summary-grid .basket-description {
      grid-area: description;
      justify-self: start;
      align-self: center;
      padding: 0 4px;
      display: flex;
      flex-direction: column;
      gap: 4px;
      overflow: hidden;
      width: 100%; }
      .yc-basket-items-summary-grid .basket-description .winery {
        color: #878F9E !important; } }
@media (max-width: 576px) {
  .yc-shipping-method-list {
    gap: 48px !important; } }
@media (max-width: 576px) {
  .yc-shipping-method-list .yc-shipping-method .yc-w-100 {
    width: 100%; } }

.yc-summary-card {
  background-color: #F0EFEB;
  border-radius: 4px;
  padding: 24px; }
  .yc-summary-card tr th {
    border: none;
    color: inherit;
    text-align: start !important;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    padding: 0 0 4px 0; }
  .yc-summary-card tr td {
    border: none;
    color: inherit;
    padding: 2px 0; }

.yc-profile-nav li {
  height: 56px;
  display: flex;
  align-content: center;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  cursor: pointer; }
  .yc-profile-nav li.border-top {
    border-top: #F0EFEB 1px solid; }
  .yc-profile-nav li.danger {
    color: #CC4949; }
  .yc-profile-nav li:hover {
    background-color: #FFDD66;
    font-family: "SfProText-Medium", sans-serif;
    font-size: 18px;
    font-weight: 600; }
    .yc-profile-nav li:hover.danger {
      color: #FFFFFF;
      background-color: #CC4949; }
  .yc-profile-nav li.active {
    background-color: #FFDD66;
    transition: background-color 0.2s ease-in-out;
    font-family: "SfProText-Medium", sans-serif;
    font-size: 18px;
    font-weight: 600; }
    .yc-profile-nav li.active.danger {
      color: #FFFFFF;
      background-color: #B24040; }

.yc-password-change .form-group {
  color: #242C3D;
  font-family: "SfProText-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 16px; }
  .yc-password-change .form-group label {
    margin-bottom: 0;
    color: #AA946F; }
    .yc-password-change .form-group label::after {
      color: #AA946F; }
  .yc-password-change .form-group input {
    border-color: #CCBFA9;
    color: #242C3D;
    height: 56px;
    box-shadow: 0 0 0 0 !important; }
    .yc-password-change .form-group input:focus {
      border-color: #716148; }
    .yc-password-change .form-group input::placeholder {
      color: #DBD4C6; }
  .yc-password-change .form-group select {
    border-color: #CCBFA9;
    color: #242C3D;
    height: 56px;
    box-shadow: 0 0 0 0 !important; }
    .yc-password-change .form-group select:focus {
      border-color: #716148; }
    .yc-password-change .form-group select::placeholder {
      color: #DBD4C6; }
  .yc-password-change .form-group textarea {
    border-color: #CCBFA9;
    color: #242C3D;
    height: 56px;
    box-shadow: 0 0 0 0 !important; }
    .yc-password-change .form-group textarea:focus {
      border-color: #716148; }
  .yc-password-change .form-group .select2-container .select2-selection--single {
    height: 56px !important;
    outline: none; }
  .yc-password-change .form-group .select2-container--default.select2-container--focus .select2-selection--single {
    border: 1px solid #716148 !important; }
  .yc-password-change .form-group .select2-container--default .select2-selection--single {
    border: 1px solid #CCBFA9 !important; }
    .yc-password-change .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
      line-height: 56px !important; }
    .yc-password-change .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
      height: 56px !important; }
  .yc-password-change .form-group .input-group input {
    border-right: none; }
  .yc-password-change .form-group .input-group .input-group-text {
    border-color: #CCBFA9;
    color: #CCBFA9;
    transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out; }
  .yc-password-change .form-group .input-group:focus-within .input-group-text {
    border-color: #716148;
    color: #716148; }

.yc-password-help.yc-text-blue-D1 img {
  filter: invert(27%) sepia(8%) saturate(2214%) hue-rotate(182deg) brightness(87%) contrast(91%); }
.yc-password-help ul {
  margin: 0;
  padding-left: 1.4rem; }

.yc-orders-table td, .yc-orders-table th {
  height: 56px;
  vertical-align: middle; }
.yc-orders-table td:has(a) {
  color: #B3A07F;
  transition: color 0.15s ease-in-out; }
  .yc-orders-table td:has(a):hover {
    color: #716148; }
    .yc-orders-table td:has(a):hover img {
      filter: invert(41%) sepia(3%) saturate(5602%) hue-rotate(358deg) brightness(81%) contrast(68%); }
.yc-orders-table .eye-open {
  filter: invert(69%) sepia(29%) saturate(314%) hue-rotate(359deg) brightness(89%) contrast(86%);
  transition: filter 0.15s ease-in-out;
  padding-bottom: 2px; }

.yc-order-table tr {
  min-height: 51px;
  height: 51px; }
.yc-order-table th, .yc-order-table td {
  vertical-align: middle !important;
  border-bottom-width: 1px !important; }
.yc-order-table th {
  color: #37445E;
  background-color: #F0EFEB;
  font-family: "SfProText-Semibold", sans-serif;
  font-size: 16px;
  line-height: normal;
  font-weight: 600;
  font-style: normal; }
.yc-order-table td {
  color: #37445E;
  background-color: #FFFFFF;
  font-family: "SfProText-Regular", sans-serif;
  font-size: 16px;
  line-height: normal;
  font-weight: 400;
  font-style: normal; }
.yc-order-table td:has(a) {
  color: #B3A07F;
  font-family: "SfProText-Semibold", sans-serif;
  font-size: 16px;
  line-height: normal;
  font-weight: 600;
  font-style: normal;
  transition: color 0.15s ease-in-out; }
  .yc-order-table td:has(a):hover {
    color: #716148; }
    .yc-order-table td:has(a):hover img {
      filter: invert(41%) sepia(3%) saturate(5602%) hue-rotate(358deg) brightness(81%) contrast(68%); }
.yc-order-table.table-colspan-ratio th {
  width: 55%; }

.yc-account-table td, .yc-account-table th {
  padding-bottom: 16px;
  padding-top: 0; }
.yc-account-table th {
  padding-right: 24px;
  padding-left: 0;
  filter: invert(69%) sepia(29%) saturate(314%) hue-rotate(359deg) brightness(89%) contrast(86%); }
.yc-account-table td {
  padding-left: 0;
  font-family: "SfProText-Regular", sans-serif;
  font-size: 16px;
  line-height: normal;
  font-weight: 400;
  font-style: normal;
  color: #37445E;
  vertical-align: middle; }

@media (min-width: 0) {
  .yc-card-h-fix {
    height: unset !important; } }
@media (min-width: 992px) {
  .yc-card-h-fix {
    min-height: 110px !important; } }

.dropdown-menu {
  width: 96vw;
  padding: 0;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); }
  @media (min-width: 768px) {
    .dropdown-menu {
      width: unset; } }
  .dropdown-menu .dropdown-item.yc-address-dropdown {
    padding: 32px;
    border-radius: 4px;
    white-space: normal;
    font-family: "SfProText-Regular", sans-serif;
    font-size: 12px;
    line-height: normal;
    font-weight: 400;
    font-style: normal;
    color: #37445E; }
    @media (min-width: 768px) {
      .dropdown-menu .dropdown-item.yc-address-dropdown {
        white-space: nowrap;
        padding: 24px; } }
    .dropdown-menu .dropdown-item.yc-address-dropdown:focus, .dropdown-menu .dropdown-item.yc-address-dropdown:active, .dropdown-menu .dropdown-item.yc-address-dropdown:hover {
      font-family: "SfProText-Regular", sans-serif;
      font-size: 12px;
      line-height: normal;
      font-weight: 400;
      font-style: normal;
      background-color: #F0EFEB;
      color: #242C3D; }

.yc-address-btn-group {
  width: 100%; }
  @media (min-width: 576px) {
    .yc-address-btn-group {
      width: unset; } }
  .yc-address-btn-group > .yc-group-el {
    flex-grow: 1;
    flex-basis: 33%; }

.yc-registration input.yc-checkbox.form-check-input {
  position: unset;
  margin: unset;
  flex-shrink: 0;
  border-radius: 2px;
  border: #CCBFA9 solid 1px; }
  .yc-registration input.yc-checkbox.form-check-input:not(:checked) {
    border: #CCBFA9 solid 1px; }
  .yc-registration input.yc-checkbox.form-check-input:checked {
    background-color: #AA946F !important;
    border: 0;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="transparent"><path d="M19.5 7L9 17.5L5 13.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }
  .yc-registration input.yc-checkbox.form-check-input:focus, .yc-registration input.yc-checkbox.form-check-input::after, .yc-registration input.yc-checkbox.form-check-input:not(:disabled):not(.disabled):active:focus {
    color: #CCBFA9;
    outline: 0;
    border: #CCBFA9 solid 1px;
    box-shadow: 0 0 0 0 !important; }
.yc-registration .yc-link {
  transition: color 0.15s ease-in-out;
  color: #AA946F; }
  .yc-registration .yc-link:hover {
    color: #716148; }
@media (max-width: 576px) {
  .yc-registration .yc-w-100 {
    width: 100%; } }
.yc-registration .input-group-text {
  background-color: #FFFFFF; }
.yc-registration .invalid-feedback {
  display: block;
  margin-top: 0; }

.yc-footer {
  background: #242C3D;
  color: #FFFFFF;
  padding: 0px 16px 24px 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden; }
  @media (min-width: 992px) {
    .yc-footer {
      gap: 48px; } }

.yc-footer-top {
  color: #EBECEF;
  font-family: "SfProText-Medium", sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  row-gap: 16px;
  flex-wrap: wrap;
  align-self: stretch;
  flex-shrink: 0;
  position: relative; }
  @media (min-width: 992px) {
    .yc-footer-top {
      justify-content: space-between; } }

.yc-footer-topic {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 140px;
  position: relative; }
  @media (min-width: 992px) {
    .yc-footer-topic {
      width: auto;
      flex-direction: row; } }
  .yc-footer-topic .yc-text {
    display: flex;
    flex-direction: column; }
    .yc-footer-topic .yc-text > div.d-lg-none {
      text-align: center; }
  .yc-footer-topic .yc-text-bot {
    font-family: "SfProText-Regular", sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #C3C7CF; }

.yc-footer-mid {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px; }
  @media (min-width: 992px) {
    .yc-footer-mid {
      flex-direction: row;
      gap: 16px; } }
  .yc-footer-mid .yc-mid-first {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
    align-items: start;
    color: #C3C7CF;
    font-family: "SfProText-Regular", sans-serif;
    font-size: 12px;
    font-weight: 400; }
    @media (min-width: 992px) {
      .yc-footer-mid .yc-mid-first {
        align-items: start; } }
    .yc-footer-mid .yc-mid-first img {
      margin-left: -5px; }
  .yc-footer-mid .yc-mid-second {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex: 1;
    color: #FFFFFF;
    font-family: "SfProText-Medium", sans-serif;
    font-size: 18px;
    font-weight: 500; }
    @media (min-width: 992px) {
      .yc-footer-mid .yc-mid-second {
        flex-direction: row;
        justify-content: space-around;
        gap: 16px; }
        .yc-footer-mid .yc-mid-second > div:first-child {
          width: 60%; }
        .yc-footer-mid .yc-mid-second > div:last-child {
          width: 30%; } }
    .yc-footer-mid .yc-mid-second .yc-mid-mid {
      display: flex;
      flex-direction: row;
      gap: 16px; }
      .yc-footer-mid .yc-mid-second .yc-mid-mid > div:first-child .yc-foot-link {
        padding-left: 0 !important; }
    .yc-footer-mid .yc-mid-second .yc-mid-bot .yc-foot-link {
      padding-left: 0 !important; }
      .yc-footer-mid .yc-mid-second .yc-mid-bot .yc-foot-link a {
        font-family: "SfProText-Regular", sans-serif;
        font-size: 16px;
        line-height: normal;
        font-weight: 400;
        font-style: normal; }
        .yc-footer-mid .yc-mid-second .yc-mid-bot .yc-foot-link a:hover {
          font-family: "SfProText-Regular", sans-serif;
          font-size: 16px;
          line-height: normal;
          font-weight: 400;
          font-style: normal; }
        @media (min-width: 992px) {
          .yc-footer-mid .yc-mid-second .yc-mid-bot .yc-foot-link a {
            font-family: "SfProText-Medium", sans-serif;
            font-size: 18px;
            font-weight: 500; }
            .yc-footer-mid .yc-mid-second .yc-mid-bot .yc-foot-link a:hover {
              font-family: "SfProText-Medium", sans-serif;
              font-size: 18px;
              line-height: normal;
              font-weight: 600;
              font-style: normal; } }
    .yc-footer-mid .yc-mid-second .yc-foot-link {
      padding: 8px;
      white-space: nowrap; }
      .yc-footer-mid .yc-mid-second .yc-foot-link.yellow {
        color: #FFDD66 !important; }
        .yc-footer-mid .yc-mid-second .yc-foot-link.yellow svg {
          margin-left: -3px; }
        .yc-footer-mid .yc-mid-second .yc-foot-link.yellow img {
          margin-left: -3px; }
      .yc-footer-mid .yc-mid-second .yc-foot-link a {
        text-decoration: none;
        color: #FFFFFF;
        font-family: "SfProText-Medium", sans-serif;
        font-size: 18px;
        line-height: normal;
        font-weight: 500;
        font-style: normal; }
        .yc-footer-mid .yc-mid-second .yc-foot-link a:hover {
          font-family: "SfProText-Medium", sans-serif;
          font-size: 18px;
          line-height: normal;
          font-weight: 600;
          font-style: normal; }

.yc-footer-bot {
  width: 100%;
  color: #C3C7CF;
  font-family: "SfProText-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400; }

.yc-lucibello-fix {
  height: 46px; }
  .yc-lucibello-fix path {
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important; }

/*# sourceMappingURL=style.css.map */