@media (min-width: 1000px) and (max-width: 1299px) {
    .c-article > * .c-countdown-module {
        margin-top: -10px;
    }
}
@media (min-width: 1300px) and (max-width: 1759px) {
    .c-article > * .c-countdown-module {
        margin-top: -10px;
    }
}
@media (min-width: 1760px) {
    .c-article > * .c-countdown-module {
        margin-top: -10px;
    }
}
@media (min-width: 1000px) and (max-width: 1299px) {
    .c-article > * .c-countdown-module--with-image {
        margin-top: 0;
    }
}
@media (min-width: 1300px) and (max-width: 1759px) {
    .c-article > * .c-countdown-module--with-image {
        margin-top: 0;
    }
}
@media (min-width: 1760px) {
    .c-article > * .c-countdown-module--with-image {
        margin-top: 0;
    }
}

.c-countdown {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.c-countdown--dark {
    color: #000;
}
.c-countdown--light {
    color: #fff;
}
.c-countdown__title {
    font-family: "Porsche Next", "Arial Narrow", sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
}
.c-countdown__title[lang="zh-CN"] {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif;
}
@media (min-width: 0px) and (max-width: 759px) {
    .c-countdown__title {
        font-size: 18px;
        line-height: 26px;
    }
}
@media (min-width: 760px) and (max-width: 999px) {
    .c-countdown__title {
        font-size: 30px;
        line-height: 38px;
    }
}
.c-countdown .countdown__name {
    font-size: 28px;
    line-height: 48px;
    font-family: "Porsche Next", "Arial Narrow", sans-serif;
}
.c-countdown .countdown__name[lang="zh-CN"] {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif;
}
@media (min-width: 0px) and (max-width: 759px) {
    .c-countdown .countdown__name {
        font-size: 14px;
        line-height: 20px;
    }
}
@media (min-width: 760px) and (max-width: 999px) {
    .c-countdown .countdown__name {
        font-size: 20px;
        line-height: 30px;
    }
}
.c-countdown .countdown__number {
    font-family: "Porsche Next", "Arial Narrow", sans-serif;
    font-weight: bold;
    font-size: 136px;
    line-height: 1em;
}
.c-countdown .countdown__number[lang="zh-CN"] {
    font-family: "Porsche Next", 黑体, SimHei, 宋体, SimSun, sans-serif;
}
@media (min-width: 0px) and (max-width: 759px) {
    .c-countdown .countdown__number {
        font-size: 50px;
    }
}
@media (min-width: 760px) and (max-width: 999px) {
    .c-countdown .countdown__number {
        font-size: 90px;
    }
}
.c-countdown .countdown__part {
    display: inline-block;
}
.c-countdown .countdown__part--days {
    padding-right: 44px;
}
@media (min-width: 1000px) and (max-width: 1299px) {
    .c-countdown .countdown__part--days {
        padding-right: 24px;
    }
}
@media (min-width: 1300px) and (max-width: 1759px) {
    .c-countdown .countdown__part--days {
        padding-right: 24px;
    }
}
@media (min-width: 1760px) {
    .c-countdown .countdown__part--days {
        padding-right: 24px;
    }
}
@media (min-width: 0px) and (max-width: 759px) {
    .c-countdown .countdown__part--days {
        padding-right: 18px;
    }
}
@media (min-width: 760px) and (max-width: 999px) {
    .c-countdown .countdown__part--days {
        padding-right: 18px;
    }
}
.c-countdown--teaser .c-countdown--light {
    color: rgba(255, 255, 255, 0.9);
}
@media (min-width: 1000px) and (max-width: 1299px) {
    .c-countdown--teaser .c-countdown__title {
        font-size: 20px;
        line-height: 24px;
    }
}
@media (min-width: 1300px) and (max-width: 1759px) {
    .c-countdown--teaser .c-countdown__title {
        font-size: 20px;
        line-height: 24px;
    }
}
@media (min-width: 1760px) {
    .c-countdown--teaser .c-countdown__title {
        font-size: 20px;
        line-height: 24px;
    }
}
.c-countdown--teaser .countdown__name {
    font-size: 14px;
    line-height: 24px;
    transition: color 0.5s 200ms cubic-bezier(0.42, 0.13, 0.35, 0.98);
}
@media (min-width: 1000px) and (max-width: 1299px) {
    .c-countdown--teaser .countdown__name {
        font-size: 14px;
        line-height: 24px;
    }
}
@media (min-width: 1300px) and (max-width: 1759px) {
    .c-countdown--teaser .countdown__name {
        font-size: 14px;
        line-height: 24px;
    }
}
@media (min-width: 1760px) {
    .c-countdown--teaser .countdown__name {
        font-size: 14px;
        line-height: 24px;
    }
}
.c-countdown--teaser .countdown__number {
    font-size: 48px;
}
@media (min-width: 0px) and (max-width: 759px) {
    .c-countdown--teaser .countdown__number {
        font-size: 50px;
    }
}
@media (min-width: 760px) and (max-width: 999px) {
    .c-countdown--teaser .countdown__number {
        font-size: 50px;
    }
}
.c-countdown--teaser .countdown__part {
    transition: color 0.5s 200ms cubic-bezier(0.42, 0.13, 0.35, 0.98);
}
.c-countdown-module--with-image {
    position: relative;
}
.c-countdown-module--with-image .c-countdown-module__countdown {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
}

@media (min-width: 1000px) and (max-width: 1299px) {
    .c-countdown-teaser .c-countdown {
        opacity: 0.9;
        transition: opacity 0.5s 240ms cubic-bezier(0.42, 0.13, 0.35, 0.98);
    }
}
@media (min-width: 1300px) and (max-width: 1759px) {
    .c-countdown-teaser .c-countdown {
        opacity: 0.9;
        transition: opacity 0.5s 240ms cubic-bezier(0.42, 0.13, 0.35, 0.98);
    }
}
@media (min-width: 1760px) {
    .c-countdown-teaser .c-countdown {
        opacity: 0.9;
        transition: opacity 0.5s 240ms cubic-bezier(0.42, 0.13, 0.35, 0.98);
    }
}
.c-countdown-teaser .c-countdown__branding {
    height: 34px;
    margin-bottom: 3px;
}
@media (min-width: 1000px) and (max-width: 1299px) {
    .c-countdown-teaser .c-image {
        position: relative;
    }
}
@media (min-width: 1300px) and (max-width: 1759px) {
    .c-countdown-teaser .c-image {
        position: relative;
    }
}
@media (min-width: 1760px) {
    .c-countdown-teaser .c-image {
        position: relative;
    }
}
.c-countdown-teaser .c-image:after {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: "";
}
@media (min-width: 1000px) and (max-width: 1299px) {
    .c-countdown-teaser .c-image:after {
        background-color: rgba(25, 31, 34, 0);
        transition: background-color 0.5s 200ms cubic-bezier(0.42, 0.13, 0.35, 0.98);
    }
}
@media (min-width: 1300px) and (max-width: 1759px) {
    .c-countdown-teaser .c-image:after {
        background-color: rgba(25, 31, 34, 0);
        transition: background-color 0.5s 200ms cubic-bezier(0.42, 0.13, 0.35, 0.98);
    }
}
@media (min-width: 1760px) {
    .c-countdown-teaser .c-image:after {
        background-color: rgba(25, 31, 34, 0);
        transition: background-color 0.5s 200ms cubic-bezier(0.42, 0.13, 0.35, 0.98);
    }
}
@media (min-width: 0px) and (max-width: 759px) {
    .c-countdown-teaser .c-image:after {
        background-color: rgba(25, 31, 34, 0.75);
    }
}
@media (min-width: 760px) and (max-width: 999px) {
    .c-countdown-teaser .c-image:after {
        background-color: rgba(25, 31, 34, 0.75);
    }
}
@media (min-width: 1000px) and (max-width: 1299px) {
    .c-countdown-teaser:hover .c-countdown {
        opacity: 1;
        transition: opacity 0.5s 200ms cubic-bezier(0.42, 0.13, 0.35, 0.98);
    }
}
@media (min-width: 1300px) and (max-width: 1759px) {
    .c-countdown-teaser:hover .c-countdown {
        opacity: 1;
        transition: opacity 0.5s 200ms cubic-bezier(0.42, 0.13, 0.35, 0.98);
    }
}
@media (min-width: 1760px) {
    .c-countdown-teaser:hover .c-countdown {
        opacity: 1;
        transition: opacity 0.5s 200ms cubic-bezier(0.42, 0.13, 0.35, 0.98);
    }
}
.c-countdown-teaser:hover .c-countdown .countdown__name {
    color: #fff;
    transition: color 0.5s 240ms cubic-bezier(0.42, 0.13, 0.35, 0.98);
}
.c-countdown-teaser:hover .c-countdown .countdown__part {
    color: #fff;
    transition: color 0.5s 240ms cubic-bezier(0.42, 0.13, 0.35, 0.98);
}
.c-countdown-teaser:hover .c-countdown .countdown__part--days {
    color: #d5001c;
}
.c-countdown-teaser:hover .c-countdown .countdown__part--seconds {
    color: #959899;
}
@media (min-width: 1000px) and (max-width: 1299px) {
    .c-countdown-teaser:hover .c-image:after {
        background-color: rgba(25, 31, 34, 0.75);
        transition: background-color 0.5s 240ms cubic-bezier(0.42, 0.13, 0.35, 0.98);
    }
}
@media (min-width: 1300px) and (max-width: 1759px) {
    .c-countdown-teaser:hover .c-image:after {
        background-color: rgba(25, 31, 34, 0.75);
        transition: background-color 0.5s 240ms cubic-bezier(0.42, 0.13, 0.35, 0.98);
    }
}
@media (min-width: 1760px) {
    .c-countdown-teaser:hover .c-image:after {
        background-color: rgba(25, 31, 34, 0.75);
        transition: background-color 0.5s 240ms cubic-bezier(0.42, 0.13, 0.35, 0.98);
    }
}

.c-hero-module .c-countdown__branding {
    width: 110px;
}
@media (min-width: 0px) and (max-width: 759px) {
    .c-hero-module .c-countdown__branding {
        width: 39px;
    }
}
@media (min-width: 1300px) and (max-width: 1759px) {
    .c-hero-module .c-countdown__branding {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -140px;
    }
}
@media (min-width: 1760px) {
    .c-hero-module .c-countdown__branding {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -140px;
    }
}

.hour .num:after {
	content: ':'
}
.min .num:after {
	content: ':'
}