@font-face {
    font-family: 'DS-Digital';
    src: url('../fonts/DS-Digital.eot');
    src: url('../fonts/DS-Digital.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DS-Digital.woff2') format('woff2'),
        url('../fonts/DS-Digital.woff') format('woff'),
        url('../fonts/DS-Digital.ttf') format('truetype'),
        url('../fonts/DS-Digital.svg#DS-Digital') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

	 
.countdown,
.countdown .container-fluid,
.countdown .container-fluid .row { height:100vh; }



.timer { position:absolute; right:0px; left:0px; margin:0 auto; top:70%; transform:translateY(-70%); }

.timer #future_date { color:#000; text-align:center; padding-left:0px; margin-bottom:0px; }
.timer #future_date li:nth-child(1) { border-left:0px; } 
.timer #future_date li:after { content:':'; font-family: 'DS-Digital'; font-size:40px; font-weight:700; position:absolute; right:-10px; top:0px; color:#000; } 
.timer #future_date li:nth-child(4):after  { content:':'; display:none; } 

.timer #future_date li { font-family: 'DS-Digital'; display:inline-block; text-align:center; margin-left:10px; position:relative; line-height:normal; padding:0 6px; margin-bottom:0px; }
.timer #future_date li span { color:#000; margin-bottom:20px; display:block;  font-size:44px; font-weight:700; border-radius:4px; overflow:hidden; }
.timer #future_date li sup { color:#000;  text-transform:uppercase; font-weight:700 !important; display:none !important; }
.timer #future_date li:first-child { margin-left:0; }
.timer #future_date .displayformat { font-size:24px; display:block;  padding-bottom:20px; font-weight:normal; }
.timer #future_date .displayformat:last-child { margin-right:0px; }