.countdown-timer__title > * {
    margin: 0 !important;
  }
.countdown-timer__long-description > * {
    margin: 0 !important;
  }
  .countdown-timer {
      background-color: #333;
      background-image: -webkit-gradient(linear, right top, left top, from(#252525), color-stop(0%, #333333));
      background-image: -webkit-linear-gradient(right, #252525, #333333 0%);
      background-image: -moz-linear-gradient(right, #252525, #333333 0%);
      background-image: -o-linear-gradient(right, #252525, #333333 0%);
      background-image: linear-gradient(to left, #252525, #333333 0%);
      position: relative;
      z-index: 1;
    }
    .countdown-timer.div-link {
      cursor: pointer;
    }
    .countdown-timer .inner {
      max-width: 1250px;
    }
    @media (min-width: 768px) {
      .countdown-timer .inner > .clear {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
      }
    }
    .countdown-timer__left {
      padding-right: 15px;
    }
    @media (min-width: 768px) {
      .countdown-timer__left {
        width: 50%;
        float: left;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
           -moz-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
      }
    }
    .countdown-timer__right {
      width: 100%;
      max-width: 354px;
      margin: auto;
    }
    @media (min-width: 768px) {
      .countdown-timer__right {
        float: right;
      }
    }
    .countdown-timer__title {
      font-size: 1rem;
      color: #fff;
      width: 100%;
      padding: 13px 0 3px 0;
    }
    @media (min-width: 768px) {
      .countdown-timer__title {
        font-size: 1.125rem;
        padding: 13px 0;
      }
    }
    .countdown-timer__title a {
      text-decoration: underline;
      color: #fff;
    }
    .countdown-timer__title p {
      margin: 0;
    }
    .countdown-timer__long-description {
      font-size: 0.825rem;
      width: 100%;
      padding: 8px 0 13px 0;
    }
    .countdown-timer__long-description p {
      margin: 0;
    }
    @media (min-width: 768px) {
      .countdown-timer__long-description {
        padding: 8px 0 0 0;
      }
    }
    .countdown-timer__display {
      padding: 10px 0 13px 0;
      -webkit-transition: opacity 0.3s ease-out;
      -o-transition: opacity 0.3s ease-out;
      -moz-transition: opacity 0.3s ease-out;
      transition: opacity 0.3s ease-out;
    }
    .countdown-timer__display--hidden {
      opacity: 0;
    }
    .countdown-timer__display__column {
      width: 25%;
      float: left;
      text-align: center;
    }
    .countdown-timer__display__column--hours {
      width: 36.6%;
    }
    .countdown-timer__display__column--colon {
      width: 6.7%;
      height: 40px;
      background-image: url(../images/icons/icon-colon.png);
      background-image: url(../images/icons/icon-colon.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
      background-image: url(../images/icons/icon-colon.svg), -webkit-linear-gradient(transparent, transparent);
      background-image: url(../images/icons/icon-colon.svg), -moz-linear-gradient(transparent, transparent);
      background-image: url(../images/icons/icon-colon.svg), -o-linear-gradient(transparent, transparent);
      background-image: url(../images/icons/icon-colon.svg), linear-gradient(transparent, transparent);
      background-repeat: no-repeat;
      background-position: 50% 50%;
      margin-top: 16px;
    }
    .countdown-timer__display__label {
      padding: 0 0 4px 0;
    }
    .countdown-timer__display__digit {
      font-family: "Roboto", sans-serif;
      font-size: 1.75rem;
      font-weight: 700;
      width: 30px;
      display: inline-block;
      margin: 0 0 0 0;
    }
    .countdown-timer__display__digit:last-child {
      margin-right: 0;
    }
    @media (min-width: 375px) {
      .countdown-timer__display__digit {
        width: 36px;
        margin: 0 0 0 0;
      }
    }
    @media (min-width: 530px) {
      .countdown-timer__display__digit {
        width: 39px;
        margin: 0 0 0 0;
      }
    }
    .countdown-timer__display__label {
      display: block;
      text-align: center;
      font-size: 0.5625rem;
      color: #d8d8d8;
      text-transform: uppercase;
    }
    .countdown-timer .flip-clock {
      text-align: center;
      position: relative;
    }
    .countdown-timer .flip-clock *,
    .countdown-timer .flip-clock *:before,
    .countdown-timer .flip-clock *:after {
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
    }
    .countdown-timer .flip-clock__piece {
      display: block;
      float: left;
      margin: 0;
      width: 30px;
      border: 1px solid #aeaeae;
      -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
              border-radius: 5px;
    }
    @media (min-width: 375px) {
      .countdown-timer .flip-clock__piece {
        width: 34px;
      }
    }
    @media (min-width: 530px) {
      .countdown-timer .flip-clock__piece {
        width: 37px;
      }
    }
    .countdown-timer .flip-clock__slot {
      font-size: 2vw;
    }
    .countdown-timer .card {
      display: block;
      position: relative;
      padding-bottom: 0.72em;
      font-size: 1.75rem;
      line-height: 0.95;
    }
    .countdown-timer .card__top,
    .countdown-timer .card__bottom,
    .countdown-timer .card__back::before,
    .countdown-timer .card__back::after {
      display: block;
      height: 0.72em;
      background: #474747;
      padding: 0.25em 0.25em;
      -webkit-border-radius: 0.15em 0.15em 0 0;
         -moz-border-radius: 0.15em 0.15em 0 0;
              border-radius: 0.15em 0.15em 0 0;
      -webkit-backface-visibility: hidden;
         -moz-backface-visibility: hidden;
              backface-visibility: hidden;
      -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
              transform-style: preserve-3d;
      width: 28px;
      -webkit-transform: translateZ(0);
         -moz-transform: translateZ(0);
              transform: translateZ(0);
    }
    @media (min-width: 375px) {
      .countdown-timer .card__top,
    .countdown-timer .card__bottom,
    .countdown-timer .card__back::before,
    .countdown-timer .card__back::after {
        width: 32px;
      }
    }
    @media (min-width: 530px) {
      .countdown-timer .card__top,
    .countdown-timer .card__bottom,
    .countdown-timer .card__back::before,
    .countdown-timer .card__back::after {
        width: 35px;
      }
    }
    .countdown-timer .card_top {
      position: relative;
      z-index: 1;
    }
    .countdown-timer .card__bottom {
      position: absolute;
      top: 50%;
      left: 0;
      border-top: solid 1px #474747;
      background-color: #474747;
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 26, 26, 0.5)), to(rgba(26, 26, 26, 0)));
      background-image: -webkit-linear-gradient(top, rgba(26, 26, 26, 0.5), rgba(26, 26, 26, 0));
      background-image: -moz-linear-gradient(top, rgba(26, 26, 26, 0.5), rgba(26, 26, 26, 0));
      background-image: -o-linear-gradient(top, rgba(26, 26, 26, 0.5), rgba(26, 26, 26, 0));
      background-image: linear-gradient(to bottom, rgba(26, 26, 26, 0.5), rgba(26, 26, 26, 0));
      -webkit-border-radius: 0 0 0.15em 0.15em;
         -moz-border-radius: 0 0 0.15em 0.15em;
              border-radius: 0 0 0.15em 0.15em;
      pointer-events: none;
      overflow: hidden;
      z-index: 1;
    }
    .countdown-timer .card__bottom::after {
      display: block;
      margin-top: -0.72em;
      position: relative;
      z-index: 1;
    }
    .countdown-timer .card__back::before,
    .countdown-timer .card__bottom::after {
      content: attr(data-value);
    }
    .countdown-timer .card__back {
      position: absolute;
      top: 0;
      height: 100%;
      left: 0%;
      pointer-events: none;
      z-index: 1;
    }
    .countdown-timer .card__back::before {
      position: relative;
      z-index: 0;
      overflow: hidden;
    }
    .countdown-timer .flip .card__back::before {
      -webkit-animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
         -moz-animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
           -o-animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
              animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
      -webkit-animation-fill-mode: both;
         -moz-animation-fill-mode: both;
           -o-animation-fill-mode: both;
              animation-fill-mode: both;
      -webkit-transform-origin: center bottom;
         -moz-transform-origin: center bottom;
          -ms-transform-origin: center bottom;
           -o-transform-origin: center bottom;
              transform-origin: center bottom;
    }
    .countdown-timer .flip .card__back .card__bottom {
      -webkit-transform-origin: center top;
         -moz-transform-origin: center top;
          -ms-transform-origin: center top;
           -o-transform-origin: center top;
              transform-origin: center top;
      -webkit-animation-fill-mode: both;
         -moz-animation-fill-mode: both;
           -o-animation-fill-mode: both;
              animation-fill-mode: both;
      -webkit-animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
         -moz-animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
           -o-animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
              animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
    }
    @-webkit-keyframes flipTop {
      0% {
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg);
        z-index: 20;
        opacity: 0.99;
      }
      99% {
        opacity: 0.99;
      }
      100% {
        -webkit-transform: rotateX(-90deg);
                transform: rotateX(-90deg);
        opacity: 0;
      }
    }
    @-moz-keyframes flipTop {
      0% {
        -moz-transform: rotateX(0deg);
             transform: rotateX(0deg);
        z-index: 20;
        opacity: 0.99;
      }
      99% {
        opacity: 0.99;
      }
      100% {
        -moz-transform: rotateX(-90deg);
             transform: rotateX(-90deg);
        opacity: 0;
      }
    }
    @-o-keyframes flipTop {
      0% {
        transform: rotateX(0deg);
        z-index: 20;
        opacity: 0.99;
      }
      99% {
        opacity: 0.99;
      }
      100% {
        transform: rotateX(-90deg);
        opacity: 0;
      }
    }
    @keyframes flipTop {
      0% {
        -webkit-transform: rotateX(0deg);
           -moz-transform: rotateX(0deg);
                transform: rotateX(0deg);
        z-index: 20;
        opacity: 0.99;
      }
      99% {
        opacity: 0.99;
      }
      100% {
        -webkit-transform: rotateX(-90deg);
           -moz-transform: rotateX(-90deg);
                transform: rotateX(-90deg);
        opacity: 0;
      }
    }
    @-webkit-keyframes flipBottom {
      0%, 50% {
        z-index: 0;
        -webkit-transform: rotateX(90deg);
                transform: rotateX(90deg);
        opacity: 0;
      }
      51% {
        opacity: 0.99;
        z-index: 0;
      }
      100% {
        opacity: 0.99;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg);
        z-index: 50;
      }
    }
    @-moz-keyframes flipBottom {
      0%, 50% {
        z-index: 0;
        -moz-transform: rotateX(90deg);
             transform: rotateX(90deg);
        opacity: 0;
      }
      51% {
        opacity: 0.99;
        z-index: 0;
      }
      100% {
        opacity: 0.99;
        -moz-transform: rotateX(0deg);
             transform: rotateX(0deg);
        z-index: 50;
      }
    }
    @-o-keyframes flipBottom {
      0%, 50% {
        z-index: 0;
        transform: rotateX(90deg);
        opacity: 0;
      }
      51% {
        opacity: 0.99;
        z-index: 0;
      }
      100% {
        opacity: 0.99;
        transform: rotateX(0deg);
        z-index: 50;
      }
    }
    @keyframes flipBottom {
      0%, 50% {
        z-index: 0;
        -webkit-transform: rotateX(90deg);
           -moz-transform: rotateX(90deg);
                transform: rotateX(90deg);
        opacity: 0;
      }
      51% {
        opacity: 0.99;
        z-index: 0;
      }
      100% {
        opacity: 0.99;
        -webkit-transform: rotateX(0deg);
           -moz-transform: rotateX(0deg);
                transform: rotateX(0deg);
        z-index: 50;
      }
    }