.circular-large {
width: 300px;
height: 300px;
margin: 0 auto; border-radius: 150px;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
box-shadow: 0 0 8px rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
}
.circular-medium {
width: 150px;
height: 150px;
margin: 0 auto; border-radius: 75px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
box-shadow: 0 0 8px rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
}
.circular-small {
width: 100px;
height: 100px;
margin: 0 auto; border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
box-shadow: 0 0 4px rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .8);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .8);
}.event-countdown {
font-family: Arial, Helvetica, sans-serif;
margin: 40px 0;
}
.event-countdown .dash,
.event-countdown .digit {
display: inline-block;
}
.event-countdown .dash {
margin: 0 -10px;
}
.event-countdown .days_dash,
.event-countdown .hours_dash,
.event-countdown .minutes_dash,
.event-countdown .seconds_dash {
margin-bottom: 20px;
}
.event-countdown .time-number {
border-width: 3px;
border-style: solid;
width: 150px;
height: 150px;
margin: auto;
text-align: center;
border-radius: 100%;
line-height: 150px;
font-size: 4em;
font-weight: 800;
background-color: rgba(255, 255, 255, .2);
}
.event-countdown .digit {
overflow: hidden;
height: 125px;
margin: 0 -8px;
}
.event-countdown .dash_title {
font-weight: 800;
font-size: 1.5em;
margin-top: 10px;
display: block;
text-align: center;
}