body {
  background-color: #fff;
  color: #015488;
}

a.link-ww {
  color: #015488;
}

  a.link-ww:hover, a.link-ww:active {
    color: #ff214f;
  }

.bg-ww {
  background-color: #015488;
}

.btn-ww {
  background-color: #015488;
  color: #fff !important;
}

  .btn-ww:hover {
    background-color: #ff214f;
  }

.countdown-font {
  font-size: 12rem;
  color: #ff214f;
  margin: 0;
}

  .countdown-font span {
    font-size: 6rem;
    margin-right: 10px;
  }

.w-100 {
  width: 100%;
}

.white-space-normal {
  white-space: normal;
}

.ww-news a, .ww-feature a {
  text-decoration: none !important;
}

  .ww-news a:hover img, .ww-feature a:hover img {
    opacity: 0.7;
  }

.ww-feature .ww-feature-label {
  position: absolute;
  bottom: 0;
  background-color: rgba(1, 84, 136, 0.6);
}

.ww-news a:hover .ww-news-label, .ww-feature a:hover .ww-feature-label {
  background-color: #ff214f;
}

.modal-close-button button.mfp-close {
  background: #015488;
  position: relative;
  display: inline-block;
  font-weight: 600;
  right: 0;
  top: 0;
  height: auto;
  border: 2px solid transparent;
}

.modal-close-button button:hover.mfp-close {
  background: #ff214f;
}

@media (max-width: 1600px) {
  .countdown-font {
    font-size: 8rem;
  }

    .countdown-font span {
      font-size: 4rem;
    }
}

@media (max-width: 1000px) {
  .countdown-font {
    font-size: 6rem;
  }

    .countdown-font span {
      font-size: 2rem;
    }
}

@media (max-width: 768px) {
  .d-flex-mobile {
    display: block !important;
  }

  .countdown-font {
    font-size: 6rem;
    line-height: 5.5rem;
  }

    .countdown-font span {
      font-size: 2.5rem;
      margin-right: 0;
      display: block;
    }
}

.big-form-select {
  background-repeat: no-repeat;
  background-position: right 1.5rem center;
  background-size: 16px 12px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Marquee */
.marquee {
  width: 100%;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}

  .marquee p {
    font-size: 25px;
    display: inline-block;
    animation-name: marquee;
    animation-duration: 35s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-direction: normal;
  }

@keyframes marquee {
  0% {
    transform: translateX(50%);
  }

  100% {
    transform: translateX(-100%);
  }
}