/* COUNTDOWN TIMER CSS */ .countdownBlock, .countdownBlock .sqs-block-content{ height: 160px; } #countdown{ width: 465px; height: 112px; text-align: center; border-radius: 5px; margin: auto; padding: 24px 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #countdown #tiles{ position: relative; z-index: 1; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center; justify-content: center; } #countdown #tiles > span{ width: 23%; max-width: none; font: bold 48px 'Droid Sans', Arial, sans-serif; text-align: center; color: #111111; background-color: #ffffff; border-radius: 3px; margin: 0 1%; padding: 18px 0; display: inline-block; position: relative; } #countdown .labels{ width: 100%; height: 25px; text-align: center; position: absolute; bottom: 8px; padding-left: 0px; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } #countdown .labels li{ width: 23%; margin: 0 1%; font: bold 15px 'Droid Sans', Arial, sans-serif; color: #000000; text-align: center; text-transform: uppercase; display: inline-block; }
  • Days
  • Hours
  • Mins
  • Secs