/**
 * Deps: slick-carousel
 */
.promo-slider-row {
  background: #1E3C4D; }

.promo-slider {
  position: relative; }
  .promo-slider .slick-dots {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    transition: .3s ease all; }
    .promo-slider .slick-dots > li {
      display: inline-block;
      margin: 0 5px;
      height: 3px; }
      .promo-slider .slick-dots > li > button {
        text-indent: -1000em;
        background: none;
        border: none;
        border-top: 3px solid #fff;
        width: 40px;
        height: 3px;
        padding: 0; }
      .promo-slider .slick-dots > li.slick-active > button {
        border-top-color: #1A0030; }
  .promo-slider.current-slide-has-countdown .slick-dots {
    bottom: 96px; }
  .promo-slider .slick-arrow {
    position: absolute;
    z-index: 1;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    transform: translateX(0px);
    transition: .3s ease all;
    line-height: 34px;
    width: 38px;
    height: 38px;
    white-space: nowrap;
    border: 2px solid #fff;
    color: #1E3C4D;
    text-indent: -10000em;
    background: #fff; }
    .promo-slider .slick-arrow:after {
      content: '';
      width: 20px;
      height: 20px;
      display: inline-block;
      border-right: 2px solid #29A9E0;
      border-bottom: 2px solid #29A9E0;
      transform: rotate(-45deg) translateY(-4px);
      margin-left: 10px;
      vertical-align: middle; }
    .promo-slider .slick-arrow:after {
      position: absolute;
      top: 10px;
      left: -3px;
      transition: .2s ease all;
      border-color: #29A9E0; }
    .promo-slider .slick-arrow:hover {
      border-color: #652D8C; }
      .promo-slider .slick-arrow:hover:after {
        border-color: #652D8C; }
    .promo-slider .slick-arrow.slick-prev:after {
      transform: rotate(135deg);
      top: 6px;
      left: 2px; }
  .promo-slider .slick-arrow {
    top: 50%; }
    .promo-slider .slick-arrow.slick-prev {
      left: 0;
      margin-left: 60px; }
      .promo-slider .slick-arrow.slick-prev:after {
        transform: rotate(135deg);
        top: 6px;
        left: 2px; }
    .promo-slider .slick-arrow.slick-next {
      right: 0;
      margin-right: 60px; }
  @media (max-width: 1169px) {
    .promo-slider .slick-arrow.slick-prev {
      margin-left: 10px; }
    .promo-slider .slick-arrow.slick-next {
      margin-right: 10px; } }

.promo-slider-item {
  position: relative;
  color: #fff;
  overflow: hidden; }
  .promo-slider-item > .container {
    height: 600px; }
  .promo-slider-item.has-countdown > .container {
    padding-bottom: 96px; }
  .promo-slider-item > .background-colors {
    position: absolute;
    left: 0;
    height: 100%;
    width: 50%;
    z-index: 1; }
    .promo-slider-item > .background-colors > .background-color {
      position: absolute;
      top: 0;
      right: 0;
      width: 140%;
      height: 100%;
      transform-origin: top right; }
    .promo-slider-item > .background-colors .background-color-1 {
      background: #2EC0FF;
      transform: skewX(15deg);
      transform-origin: top right;
      opacity: .76; }
    .promo-slider-item > .background-colors .background-color-2 {
      background: #2CB7F3;
      transform: skewX(7.5deg);
      transform-origin: top right; }
    .promo-slider-item > .background-colors .background-color-3 {
      background: #259ACC;
      transform: skewX(-15deg);
      transform-origin: top right; }
    .promo-slider-item > .background-colors .background-color-4 {
      background: #2780A8;
      transform: skewX(-25deg);
      transform-origin: top right; }
  .promo-slider-item > .image img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .promo-slider-item > .container {
    z-index: 1;
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .promo-slider-item .text-container {
    max-width: 50%; }
  .promo-slider-item .top-text-box {
    background: #fff;
    padding: 20px 30px;
    font-size: 20px;
    color: #1E3C4D;
    font-weight: 300;
    font-style: italic;
    display: inline-block;
    margin-bottom: 45px;
    line-height: 1.2em; }
    .promo-slider-item .top-text-box b, .promo-slider-item .top-text-box strong {
      font-style: normal;
      color: #2780A8; }
  .promo-slider-item .title {
    margin: 0 0 15px; }
  .promo-slider-item .button.button-primary {
    color: #1E3C4D !important;
    background: #fff !important; }
    .promo-slider-item .button.button-primary:before {
      background: #fff; }
  .promo-slider-item .countdown-container {
    color: #1E3C4D;
    background: #F3F2EF;
    position: relative;
    z-index: 3;
    width: 100%;
    padding: 20px 0; }
    .promo-slider-item .countdown-container > .container {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
    .promo-slider-item .countdown-container .countdown-title {
      font-size: 30px;
      margin: 0;
      display: flex;
      align-items: center; }
      .promo-slider-item .countdown-container .countdown-title strong {
        font-style: normal;
        font-size: 40px;
        margin-right: 10px;
        margin-top: -6px; }
    .promo-slider-item .countdown-container .countdown {
      height: 56px;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .promo-slider-item .countdown-container .countdown > .unit {
        margin: 0 5px;
        display: flex;
        align-items: center; }
        .promo-slider-item .countdown-container .countdown > .unit .number {
          padding-right: 10px;
          font-size: 40px;
          color: #29A9E0;
          font-weight: bold; }
  @media (min-width: 768px) {
    .promo-slider-item:before {
      content: '';
      position: absolute;
      height: 100%;
      right: 40%;
      width: 100%;
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,1+48,0+100 */
      background: -moz-linear-gradient(left, white 0%, white 48%, rgba(255, 255, 255, 0) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, white 0%, white 48%, rgba(255, 255, 255, 0) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, white 0%, white 48%, rgba(255, 255, 255, 0) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
      /* IE6-9 */
      z-index: 1;
      display: none; }
    .promo-slider-item > .container {
      height: 500px;
      max-height: calc( 100vh - 80px); }
    .promo-slider-item > .image {
      position: absolute;
      top: 0;
      right: 0;
      width: 50%;
      height: 100%;
      z-index: 0; }
    .promo-slider-item.image-color-dark .preheader,
    .promo-slider-item.image-color-dark .title,
    .promo-slider-item.image-color-dark .description,
    .promo-slider-item.image-color-dark .price-container .price-formatted {
      color: #fff; }
    .promo-slider-item.image-color-dark:before {
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#343434+0,343434+100&1+0,1+48,0+100 */
      background: -moz-linear-gradient(left, #343434 0%, #343434 48%, rgba(52, 52, 52, 0) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #343434 0%, #343434 48%, rgba(52, 52, 52, 0) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #343434 0%, #343434 48%, rgba(52, 52, 52, 0) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#00343434',GradientType=1 );
      /* IE6-9 */ } }
  @media (min-width: 1170px) {
    .promo-slider-item > .container {
      height: 570px; }
    .promo-slider-item .top-text-box {
      padding: 30px 45px;
      font-size: 30px; } }
  @media (max-width: 767px) {
    .promo-slider-item > .container {
      height: auto; }
    .promo-slider-item .image {
      z-index: 1;
      position: relative; }
    .promo-slider-item .text-container {
      max-width: 100%; }
    .promo-slider-item > .background-colors {
      width: 120%; }
    .promo-slider-item .countdown-container {
      padding-bottom: 10px; }
      .promo-slider-item .countdown-container .countdown-title {
        font-size: 20px; }
        .promo-slider-item .countdown-container .countdown-title strong {
          font-size: 30px; }
      .promo-slider-item .countdown-container .countdown {
        height: 40px; }
        .promo-slider-item .countdown-container .countdown .unit .number {
          font-size: 30px; } }
  @media (max-width: 480px) {
    .promo-slider-item > .container {
      padding-left: 60px;
      padding-right: 60px; }
    .promo-slider-item .countdown-container .countdown-title {
      font-size: 16px; }
      .promo-slider-item .countdown-container .countdown-title strong {
        font-size: 24px; }
    .promo-slider-item .countdown-container .countdown .unit .number {
      font-size: 20px; } }