@import url('http://fonts.googleapis.com/css?family=Montserrat:400,700');

/*based on default 1em=16px*/

.byad-countdown { display: inline-block; margin: 0; text-align: center; /* min-height: 150px; */ }

.byad-countdown .countdown-display { margin-bottom: 15px; font: 700 2em/0.4em 'Montserrat', sans-serif; color: #231f20; text-align: center}
.byad-countdown .countdown-display > span { background-color: #F1F1F1; display: inline-block; padding: 10px 0; line-height: 1em; position: relative; bottom: -55px; width: 100%;}
.byad-countdown .countdown-display > span:after { content: "."; font: 700 1.8em/0.1em 'Montserrat',sans-serif; color: #e2007a; }

.byad-countdown .countdown-display > span img { font: 700 1.8em/0.1em 'Montserrat',sans-serif; color: #e2007a; vertical-align: baseline; }

.byad-countdown .countdown-display ul, .countdown-display ul li { padding: 0; margin: 0; list-style: none none; }
.byad-countdown .countdown-display ul { background-color: #f0f1f1; padding: 4px 5px !important; display: inline-block; }
.byad-countdown .countdown-display ul li { 
  display: inline-block; 
  font: 700 1.4em/0.4em 'Montserrat', sans-serif; 
  color: #231f20; 
  background-color: #fff; 
  width: 60px; 
  margin: 3px !important; 
  padding: 20px 0 0 !important; 
  text-align: center;
  /* letter-spacing: -0.1em; */
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  -ms-hyphens: manual;
  -o-hyphens: manual;
  hyphens: manual;
}
.byad-countdown .countdown-display ul li span { color: #ec008c; font-size: 0.25em; text-transform: uppercase; text-align: center; letter-spacing: 0;}

.byad-countdown span.byad-title { 
  display: inline-block; 
  text-align: center; 
  color: #929395; 
  text-transform: uppercase; 
  font: 400 1em/1em 'Montserrat',sans-serif;
  margin-top: 10px;
}

.byad-countdown .arrow-container {position: relative; text-align: center; border-bottom: 1px solid #e3e3e4; width: 100%; height: 20px; margin-top: 3px}
.byad-countdown .arrow-container {border-width: 0 0 1px;}
.byad-countdown .arrow-up {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;  /* left arrow slant */
	border-right: 20px solid transparent; /* right arrow slant */
	border-bottom: 20px solid #e3e3e4; /* bottom, add background color here */
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 99;
	bottom: 0;
	left: 50%;
	margin-left: -20px;
}

.byad-countdown .arrow-up.white { border-bottom: 20px solid #fff; z-index: 100; bottom: -1px}