/*
.countdown{ position:absolute; top:39%; left:0; width:100%; text-align:center; font-size:1em;  }

.countdownBanner{
		position:relative;
	height:100%; margin:0; padding:0 0;
}
.countdownBanner > img{
	width:100%; height:auto;
}


.dd{ color:#fff; text-transform:uppercase; font-size:2.9vw; width:100%; text-align:center; font-weight:300; border:0pt solid #fff; }
.dd > span{ padding:0 2px; }
.hh, .mm, .ss{ color:#ee7f00; }
.times{ width:100%; text-align:center; color:#fff; }
.times > div{ display:inline-block; font-size:2.2vw; width:20%; text-align:center; margin:0 auto; }
.times > div > span{ display:block; text-align:center; }
.times > div > span:last-child{ clear:both; color:#fff; font-size:1vw; }
.times > div.sep{ color:#ee7f00; width:2%; vertical-align:top; padding:0 2px; text-align:center; font-weight:300; }


.times > div:last-child{ width:20%; vertical-align:top; padding:1.5vw 0 0 0 ; text-align:right; font-size:2vw; }


@media (max-width: 1024px) {
.countdownBanner{ width:100%; margin:15px auto !important; float:none !important; display:block !important; }

.dd{ color:#fff; text-transform:uppercase; font-size:2.2vw; width:100%; text-align:center; font-weight:300; border:0pt solid #fff; margin: 0.1vw 0 0 0; }
.dd > span{ padding:0 2px; }
.hh, .mm, .ss{ color:#ee7f00; }
.times{ width:100%; text-align:center; padding:10px 0 0 0; }
.times > div{ display:inline-block; font-size:2.3vw; width:20%; text-align:center; margin: 0.1vw auto 0 auto; }
.times > div > span{ display:block; text-align:center; }
.times > div > span:last-child{ clear:both; color:#fff; font-size:1vw; }
.times > div.sep{ color:#ee7f00; width:2%; vertical-align:top; padding:0 2px; text-align:center; font-weight:300; }
.times > div:last-child{ width:20%; vertical-align:top; padding:1vw 0 0 0 ; text-align:right; }
}

@media (max-width: 750px) {
.countdownBanner{ width:75%; margin:15px auto !important; float:none !important; display:block !important; }

.dd{ color:#fff; text-transform:uppercase; font-size:7vw; width:100%; text-align:center; font-weight:300; border:0pt solid #fff; }
.dd > span{ padding:0 2px; }
.hh, .mm, .ss{ color:#ee7f00; }
.times{ width:100%; text-align:center; }
.times > div{ display:inline-block; font-size:8vw; width:20%; text-align:center; margin:0 auto; }
.times > div > span{ display:block; text-align:center; }
.times > div > span:last-child{ clear:both; color:#fff; font-size:3vw; }
.times > div.sep{ color:#ee7f00; width:2%; vertical-align:top; padding:0 2px; text-align:center; font-weight:300; }
.times > div:last-child{ width:20%; vertical-align:top; padding:5vw 0 0 0 ; text-align:right; font-size:6vw; }
}
*/

/***
Coming Soon Page
***/
/*Countdown*/

.countdownBanner {
    position: relative;
    margin: 0 !important;
}
    .countdownBanner:hover {
        cursor: pointer;
    }
    .countdownBanner > img {
        width: 100%;
        height: auto;
    }

.countdown {
    position: absolute;
    top: -5%;
    left: 0;
    padding: 62% 6.8% 12.6% 6.8%;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

    .countdown .hasCountdown {
        height: 100% !important;
    }

.times {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .times > div {
        position: relative;
        width: 24%;
        height: 100%;
        text-align: center;
        margin: 0 .5%;
        border: 1pt solid #d6d6d6;
        box-sizing: border-box;
        vertical-align: top;
        border-radius: 4px !important;
        float: left;
    }

        .times > div:first-child {
            color: #000000;
        }

        .times > div > span {
            display: block;
            clear: both;
        }

            .times > div > span:first-child {
                height: 70%;
                background-color: #FFFFFF;
                color: #000000;
                font-size: 1.6vw;
                line-height: 3.5vw;
            }

            .times > div > span:nth-child(2) {
                height: 30%;
                background-color: #174566;
                color: #FFFFFF;
                font-size: .6vw;
                line-height: 1.2vw;
                border-radius: 4px !important;
            }

        .times > div:last-child > span:last-child {
            font-size: .6vw;
            line-height: 1vw;
        }

        .times > div.sep {
            display: none;
        }

.hkst {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}


@media (max-width: 767px) {
    .times > div > span {
        font-size: 3vw;
    }

        .times > div > span:first-child {
            font-size: 8vw;
            line-height: 13vw;
        }

        .times > div > span:nth-child(2) {
            font-size: 2vw;
            line-height: 5vw;
        }

    .times > div:last-child > span:last-child {
        font-size: 2vw;
        line-height: 4vw;
    }
}


@media (max-width: 568px) {
    .times > div > span:first-child {
        font-size: 9vw;
        line-height: 20vw;
    }

    .times > div:last-child > span:last-child {
        font-size: 3vw;
        line-height: 6vw;
    }
}