/* stylelint-disable */
@import url("https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap");
html {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth; }

body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  scroll-behavior: smooth; }
  body * {
    box-sizing: border-box; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

.show-medium {
  display: none; }
  @media (min-width: 768px) {
    .show-medium {
      display: block; } }
  @media (min-width: 992px) {
    .show-medium {
      display: none; } }

.show-large {
  display: none; }
  @media (min-width: 992px) {
    .show-large {
      display: block; } }
  @media (min-width: 1200px) {
    .show-large {
      display: none; } }

.show-xl {
  display: none; }
  @media (min-width: 1366px) {
    .show-xl {
      display: block; } }

.show-xxl {
  display: none; }
  @media (min-width: 1550px) {
    .show-xxl {
      display: block; } }

.owl-dots {
  display: none; }

.ldm-article-wrapper {
  padding: 0;
  margin-top: -3px; }
  @media (min-width: 768px) {
    .ldm-article-wrapper {
      margin-top: -7px; } }
  .ldm-article-wrapper > .ldm-container {
    padding: 0;
    width: 100%;
    max-width: 1920px; }

#lander-wrapper {
  position: relative;
  margin: 0 auto;
  max-width: 1920px; }

.top-bar {
  display: block;
  width: 100%;
  padding: 10px;
  background-color: #2b3e29;
  color: #FFFFFF;
  text-align: right;
  font-family: "PT Serif", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem; }

.bottom-bar {
  display: block;
  width: 100%;
  padding: 10px;
  background-color: #2b3e29;
  color: #FFFFFF;
  text-align: right;
  font-family: "montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem; }

.logo-bar {
  display: block;
  width: 100%;
  position: relative;
  text-align: center;
  padding: 3rem 1rem; }
  .logo-bar img {
    width: 100%;
    max-width: 700px;
    height: auto; }
    @media (min-width: 768px) {
      .logo-bar img {
        display: inline-block; } }
  @media screen and (max-width: 768px) {
    .logo-bar {
      padding: 1rem 1.5rem; } }

.counter {
  display: block;
  text-align: center;
  font-size: 1rem;
  margin-top: 1.5rem; }
  @media (min-width: 992px) {
    .counter {
      display: none; } }
  @media (min-width: 768px) {
    .counter.pick-counter {
      color: #FFFFFF; } }

.form-section {
  position: relative;
  margin-bottom: 2rem;
  width: 100%; }
  @media (min-width: 992px) {
    .form-section {
      display: flex;
      align-items: center;
      aspect-ratio: 1920/1264;
      background-image: url(images/form-background-desktop.png);
      background-repeat: no-repeat;
      background-position: center left;
      background-size: contain; } }
  .form-section.form-section-bottom {
    background-image: url(images/form-background-2.png); }
  @media (min-width: 992px) {
    .form-section iframe {
      border: 2px solid #2e3235; } }
  .form-section .form-overlay {
    display: block;
    position: relative; }
    @media (min-width: 992px) {
      .form-section .form-overlay {
        width: 40%;
        margin-left: 3rem; } }
    @media (min-width: 1200px) {
      .form-section .form-overlay {
        margin-left: 5rem;
        top: -8%; } }
    @media (min-width: 1700px) {
      .form-section .form-overlay {
        margin-left: 7rem; } }
    .form-section .form-overlay h2 {
      font-family: 'PT Serif', 'Arial Narrow Bold', sans-serif;
      font-size: 4rem;
      font-weight: 700;
      margin-bottom: 84px;
      color: #2e3235; }
      @media (max-width: 991px) {
        .form-section .form-overlay h2 {
          text-align: center;
          font-size: 3rem;
          margin-bottom: 0; } }
      @media (min-width: 992px) {
        .form-section .form-overlay h2 {
          font-size: 4rem; } }
      @media (min-width: 1200px) {
        .form-section .form-overlay h2 {
          font-size: 5rem; } }
      @media (min-width: 768px) {
        .form-section .form-overlay h2 br {
          display: none; } }
      @media (min-width: 992px) {
        .form-section .form-overlay h2 br {
          display: block; } }
    .form-section .form-overlay h3 {
      font-family: "PT Serif", sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.2rem; }
      @media (max-width: 991px) {
        .form-section .form-overlay h3 {
          text-align: center;
          margin-bottom: 2rem; } }
      @media (min-width: 768px) {
        .form-section .form-overlay h3 {
          font-size: 1rem;
          margin-bottom: 3rem; } }
      @media (min-width: 992px) {
        .form-section .form-overlay h3 {
          font-size: 1.5rem; } }
      @media (min-width: 1200px) {
        .form-section .form-overlay h3 {
          font-size: 2rem;
          margin-bottom: 7rem; } }
      @media (min-width: 1600px) {
        .form-section .form-overlay h3 {
          margin-bottom: 9rem; } }
  .form-section .form-mobile {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 2rem;
    margin-bottom: 2rem; }
    @media (min-width: 992px) {
      .form-section .form-mobile {
        display: none; } }

.spots {
  display: block;
  position: relative;
  margin: 1rem; }
  @media (max-width: 767px) {
    .spots {
      margin-bottom: 1rem; } }
  @media (min-width: 992px) {
    .spots {
      margin: 0 4rem; } }
  @media (min-width: 1200px) {
    .spots {
      margin: 0 7rem; } }
  .spots h2 {
    font-family: "PT Serif";
    font-size: 2rem;
    text-align: center;
    color: #2e3235; }
    @media (max-width: 767px) {
      .spots h2 {
        text-align: center; } }
    @media (min-width: 768px) {
      .spots h2 {
        font-size: 2rem;
        margin: 2rem 2rem; } }
    @media (min-width: 992px) {
      .spots h2 {
        font-size: 3.5rem; } }
  .spots .carousel {
    position: relative; }
    .spots .carousel .arrow {
      display: none;
      position: absolute;
      top: 40%; }
      @media (min-width: 992px) {
        .spots .carousel .arrow {
          display: block; } }
      .spots .carousel .arrow img {
        width: 80px;
        height: auto; }
        @media (min-width: 992px) {
          .spots .carousel .arrow img {
            width: 40px; } }
        @media (min-width: 1200px) {
          .spots .carousel .arrow img {
            width: 80px; } }
    .spots .carousel .spots-arrow-left {
      left: -75px;
      cursor: pointer; }
      .spots .carousel .spots-arrow-left svg {
        fill: #2e3235; }
    .spots .carousel .spots-arrow-right {
      right: -75px;
      cursor: pointer; }
      .spots .carousel .spots-arrow-right svg {
        fill: #2e3235; }
    .spots .carousel .item {
      display: block;
      text-align: center;
      font-family: "PT Serif", sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1rem;
      color: #000;
      text-decoration: none; }
      .spots .carousel .item img {
        margin-bottom: 0.5rem;
        aspect-ratio: 4/3;
        object-fit: cover; }
      .spots .carousel .item:hover {
        color: #000;
        text-decoration: none; }
  .spots .button {
    position: relative;
    display: block;
    text-align: center;
    padding: 2rem; }
    .spots .button a {
      display: inline-block;
      background-color: #5E6E7B;
      color: #FFFFFF;
      font-family: "PT Serif";
      font-size: 1.5rem;
      padding: 1rem 2rem;
      text-decoration: none;
      font-weight: 700; }
      @media screen and (max-width: 767px) {
        .spots .button a {
          font-size: 1rem; } }
      .spots .button a:hover {
        text-decoration: none; }

.spots-subheader {
  font-size: 1.5rem;
  text-align: center;
  font-family: "PT Serif"; }
  @media (max-width: 767px) {
    .spots-subheader {
      font-size: 1rem; } }

.pick {
  display: block;
  position: relative;
  margin-bottom: 4rem; }
  @media (min-width: 768px) {
    .pick {
      margin-bottom: 7rem; } }
  @media (min-width: 1200px) {
    .pick {
      margin-bottom: 4rem; } }
  .pick .pick-background {
    display: none; }
    @media (min-width: 768px) {
      .pick .pick-background {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        z-index: 1; } }
  .pick .pick-overlay {
    display: block;
    z-index: 2; }
    @media (min-width: 768px) {
      .pick .pick-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; } }
    .pick .pick-overlay .spacer {
      display: none; }
      @media (min-width: 768px) {
        .pick .pick-overlay .spacer {
          display: block;
          height: 70px; } }
      @media (min-width: 992px) {
        .pick .pick-overlay .spacer {
          height: 50px; } }
      @media (min-width: 1200px) {
        .pick .pick-overlay .spacer {
          height: 100px; } }
      @media (min-width: 1600px) {
        .pick .pick-overlay .spacer {
          height: 230px; } }
  .pick .title {
    margin: 1rem; }
    @media (min-width: 768px) {
      .pick .title {
        margin: 0 3rem; } }
    @media (min-width: 992px) {
      .pick .title {
        margin: 0 6rem; } }
    @media (min-width: 1200px) {
      .pick .title {
        margin: 0 10rem; } }
  .pick h2 {
    font-family: "PT Serif";
    font-size: 2rem; }
    @media (max-width: 767px) {
      .pick h2 {
        text-align: center; } }
    @media (min-width: 768px) {
      .pick h2 {
        font-size: 2rem;
        color: #FFFFFF; } }
    @media (min-width: 992px) {
      .pick h2 {
        font-size: 3.5rem; } }
  .pick h3 {
    font-family: "PT Serif", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2rem;
    margin-top: -1rem;
    margin-bottom: 2rem; }
    @media (max-width: 767px) {
      .pick h3 {
        text-align: center; } }
    @media (min-width: 768px) {
      .pick h3 {
        margin-bottom: 1rem;
        font-size: 1rem;
        color: #FFFFFF; } }
    @media (min-width: 992px) {
      .pick h3 {
        margin-top: -2rem;
        font-size: 1.5rem; } }
    @media (min-width: 1200px) {
      .pick h3 {
        margin-top: -2rem;
        font-size: 1.5rem; } }
  .pick .carousel {
    position: relative; }
    @media (max-width: 767px) {
      .pick .carousel {
        padding: 0 1rem; } }
    @media (min-width: 768px) {
      .pick .carousel {
        margin: 0 3rem; } }
    @media (min-width: 992px) {
      .pick .carousel {
        margin: 0 6rem; } }
    @media (min-width: 1200px) {
      .pick .carousel {
        margin: 0 10rem; } }
    .pick .carousel .arrow {
      display: none;
      position: absolute;
      top: 40%; }
      @media (min-width: 992px) {
        .pick .carousel .arrow {
          display: block; } }
      .pick .carousel .arrow img {
        width: 80px;
        height: auto; }
        @media (min-width: 992px) {
          .pick .carousel .arrow img {
            width: 40px; } }
        @media (min-width: 1200px) {
          .pick .carousel .arrow img {
            width: 80px; } }
    .pick .carousel .pick-arrow-left {
      left: -90px; }
      @media (min-width: 992px) {
        .pick .carousel .pick-arrow-left {
          left: -50px; } }
      @media (min-width: 1200px) {
        .pick .carousel .pick-arrow-left {
          left: -90px; } }
      .pick .carousel .pick-arrow-left img {
        transform: rotate(180deg); }
    .pick .carousel .pick-arrow-right {
      right: -90px; }
      @media (min-width: 992px) {
        .pick .carousel .pick-arrow-right {
          right: -50px; } }
      @media (min-width: 1200px) {
        .pick .carousel .pick-arrow-right {
          right: -90px; } }
    .pick .carousel .item {
      display: block;
      text-align: center;
      font-family: "PT Serif", sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: .8rem;
      color: #000;
      text-decoration: none; }
      .pick .carousel .item img {
        margin-bottom: 0.5rem;
        aspect-ratio: 4/3;
        object-fit: cover; }
      .pick .carousel .item:hover {
        color: #000;
        text-decoration: none; }
      .pick .carousel .item a {
        color: #000;
        text-decoration: none; }
        @media (min-width: 768px) {
          .pick .carousel .item a {
            color: #FFFFFF; } }
        .pick .carousel .item a:hover {
          color: #000;
          text-decoration: none; }
          @media (min-width: 768px) {
            .pick .carousel .item a:hover {
              color: #FFFFFF; } }
  .pick .fp {
    display: block;
    text-align: center;
    font-family: "PT Serif", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-top: 2rem; }
    @media (min-width: 768px) {
      .pick .fp {
        color: #FFFFFF;
        margin-top: 1rem; } }
    @media (min-width: 992px) {
      .pick .fp {
        margin-top: 2rem; } }
  .pick .button {
    position: relative;
    display: block;
    text-align: center;
    padding: 2rem; }
    .pick .button a {
      display: inline-block;
      background-color: #b89f4e;
      color: #FFFFFF;
      font-family: "PT Serif";
      font-size: 1.5rem;
      padding: 1rem 2rem;
      text-decoration: none; }
      .pick .button a:hover {
        text-decoration: none; }

.brands {
  display: block;
  position: relative;
  width: 100%; }
  @media (max-width: 1200px) {
    .brands {
      margin-bottom: 4rem; } }
  .brands .block-button {
    margin-top: 1rem; }
  .brands .top-background {
    width: 100%;
    display: block;
    height: auto; }
  .brands .bottom-background {
    width: 100%;
    display: block;
    height: auto; }
  .brands .content {
    display: block;
    background-color: #2e3235;
    width: 100%;
    position: relative;
    padding: 1rem; }
    @media (min-width: 992px) {
      .brands .content {
        padding: 2rem; } }
    @media (min-width: 1200px) {
      .brands .content {
        padding: 4rem 6rem;
        margin-top: 4rem; } }
    .brands .content .title {
      color: #FFFFFF; }
      @media (min-width: 768px) {
        .brands .content .title {
          margin: 0 2rem; } }
      @media (min-width: 992px) {
        .brands .content .title {
          margin: 0; } }
      .brands .content .title h2 {
        display: block;
        text-align: center;
        color: #FFFFFF;
        font-family: "PT Serif";
        font-size: 2rem;
        margin: 2rem 0 3rem; }
        @media (min-width: 992px) {
          .brands .content .title h2 {
            font-size: 3rem;
            margin-bottom: 4rem; } }
      .brands .content .title h3 {
        display: block;
        text-align: center;
        font-family: "PT Serif", sans-serif;
        font-weight: 400;
        font-style: normal;
        margin-bottom: 4rem;
        font-size: 1.2rem; }
        @media (min-width: 992px) {
          .brands .content .title h3 {
            font-size: 1.5rem; } }
    .brands .content .blocks {
      position: relative; }
      .brands .content .blocks .item {
        background-color: #f4f2ec;
        margin-bottom: 2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
        @media (min-width: 992px) {
          .brands .content .blocks .item {
            flex-direction: row; } }
        .brands .content .blocks .item img:not(.logo) {
          width: 100%;
          aspect-ratio: 1/1;
          object-fit: cover; }
          @media (min-width: 768px) {
            .brands .content .blocks .item img:not(.logo) {
              width: 500px;
              aspect-ratio: 16/9; } }
          @media (min-width: 992px) {
            .brands .content .blocks .item img:not(.logo) {
              width: 300px;
              aspect-ratio: 1/1; } }
        .brands .content .blocks .item img.logo {
          display: block;
          width: 100%;
          max-width: 250px;
          margin: 2rem 1rem 1rem 1rem; }
          @media (min-width: 768px) {
            .brands .content .blocks .item img.logo {
              margin: 1rem 3rem;
              max-width: 200px; } }
          @media (min-width: 992px) {
            .brands .content .blocks .item img.logo {
              margin: 0 3rem;
              max-width: 150px; } }
          @media (min-width: 1200px) {
            .brands .content .blocks .item img.logo {
              margin: 0 3rem;
              max-width: 200px; } }
        .brands .content .blocks .item > div {
          display: block;
          font-family: "PT Serif", sans-serif;
          font-weight: 400;
          font-style: normal;
          font-size: 1rem;
          margin: 0 1rem 1rem 1rem;
          padding: 1rem 0 1rem 0;
          text-align: center; }
          @media (min-width: 992px) {
            .brands .content .blocks .item > div {
              margin: 0 2rem 0 0;
              text-align: left; } }
          @media (min-width: 1200px) {
            .brands .content .blocks .item > div {
              font-size: 1.5rem; } }
        .brands .content .blocks .item .brand-button {
          display: inline-block;
          background-color: #5E6E7B;
          color: #FFFFFF;
          font-family: "PT Serif";
          font-size: 1rem;
          padding: 0.5rem 1rem;
          text-decoration: none;
          margin-top: 0.5rem; }