@keyframes customFadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 0.5em, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

a[href^=tel] {
  color: inherit;
  text-decoration: none; }

.container-content {
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%; }

.promotion-wrapper .search-results {
  display: none; }

.content-slot-wrapper.container {
  max-width: none;
  padding: 0; }

body,
.modal {
  padding-right: 0 !important; }

.campaign-background,
.campaign-special-deals img {
  width: 100%; }

.campaign {
  position: relative; }
  .campaign .content-section {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 0;
    color: #fff; }
  .campaign h1.title {
    font-family: "Sojourn";
    margin: 0; }
  .campaign .has-animation {
    opacity: 0; }
    .campaign .has-animation .info {
      opacity: 0; }
    .campaign .has-animation.load-animation {
      opacity: 1;
      animation-duration: 0.5s;
      animation-fill-mode: both;
      animation-name: customFadeInUp; }
      .campaign .has-animation.load-animation .info {
        opacity: 1;
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-name: customFadeInUp; }

.page-designer-reference {
  position: relative;
  overflow: hidden; }
  .page-designer-reference .sticky-menu-wrapper {
    position: absolute;
    top: -26vw;
    left: 50%;
    transform: translateX(-50%);
    width: 75%;
    z-index: 10;
    transition: all 1.5s ease; }
    @media (min-width: 768px) {
      .page-designer-reference .sticky-menu-wrapper {
        position: fixed;
        top: 50%;
        left: auto;
        right: -16.2vw;
        transform: translateY(-50%);
        width: 21vw;
        z-index: 10; } }
    .page-designer-reference .sticky-menu-wrapper:hover {
      top: 0; }
      @media (min-width: 768px) {
        .page-designer-reference .sticky-menu-wrapper:hover {
          top: 50%;
          right: 0; }
          .page-designer-reference .sticky-menu-wrapper:hover .arrow-down {
            transform: rotate(180deg); } }
    .sticky-header .page-designer-reference .sticky-menu-wrapper {
      top: -11vw;
      position: fixed; }
      @media (min-width: 768px) {
        .sticky-header .page-designer-reference .sticky-menu-wrapper {
          top: 50%; } }
      .sticky-header .page-designer-reference .sticky-menu-wrapper:hover {
        top: 57px; }
        @media (min-width: 768px) {
          .sticky-header .page-designer-reference .sticky-menu-wrapper:hover {
            top: 50%; } }
  .page-designer-reference .sticky-menu {
    position: relative; }
    .page-designer-reference .sticky-menu .sticky-background {
      width: 100%;
      display: block; }
  .page-designer-reference .sticky-menu-content {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0; }
    @media (min-width: 768px) {
      .page-designer-reference .sticky-menu-content {
        width: 75%;
        left: auto;
        top: 3vw;
        right: 0; } }
    .page-designer-reference .sticky-menu-content .row {
      margin: 0;
      padding: 0 11vw; }
      @media (min-width: 768px) {
        .page-designer-reference .sticky-menu-content .row {
          padding: 0; } }
      .page-designer-reference .sticky-menu-content .row .col-6 {
        padding: 0; }
    .page-designer-reference .sticky-menu-content .gwp-promotion-message {
      color: #fff;
      font-family: var(--promotion-message-font);
      font-size: 3.8vw;
      line-height: 5vw;
      letter-spacing: 0.1vw;
      margin-top: 3vw; }
      @media (min-width: 768px) {
        .page-designer-reference .sticky-menu-content .gwp-promotion-message {
          font-size: 1vw;
          line-height: 1.2vw;
          -ms-flex: 0 0 45%;
              flex: 0 0 45%;
          max-width: 45%;
          margin-top: 1vw; } }
      .page-designer-reference .sticky-menu-content .gwp-promotion-message h2 {
        font-family: var(--price-message-font);
        font-size: 6vw;
        display: block; }
        @media (min-width: 768px) {
          .page-designer-reference .sticky-menu-content .gwp-promotion-message h2 {
            font-size: 1.65vw;
            margin-top: 0.2vw; } }
      .page-designer-reference .sticky-menu-content .gwp-promotion-message a {
        color: #fff;
        text-decoration: none; }
    @media (min-width: 768px) {
      .page-designer-reference .sticky-menu-content .gwp-product {
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
        max-width: 55%; } }
    .page-designer-reference .sticky-menu-content .more-offer-button {
      font-family: var(--price-message-font);
      text-align: center;
      color: #fff; }
      @media (min-width: 768px) {
        .page-designer-reference .sticky-menu-content .more-offer-button {
          left: -4.5vw;
          top: 50%;
          transform: translateY(-50%) rotate(90deg);
          position: absolute; } }
      .page-designer-reference .sticky-menu-content .more-offer-button span {
        display: block;
        font-size: 3.5vw; }
        @media (min-width: 768px) {
          .page-designer-reference .sticky-menu-content .more-offer-button span {
            font-size: 0.9vw; } }
        .page-designer-reference .sticky-menu-content .more-offer-button span img {
          width: 3vw;
          margin-top: -2vw; }
          @media (min-width: 768px) {
            .page-designer-reference .sticky-menu-content .more-offer-button span img {
              width: 1vw;
              margin-top: 0; } }