time.icon1 {font-size: 1em;
display: block;
position: relative;
width: 5em;
height: 6em;
background-color: #fff;
border-radius: .6em;
box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
overflow: hidden;
-webkit-backface-visibility: hidden;
-webkit-transform: rotate(0deg) skewY(0deg);
-webkit-transform-origin: 50% 10%;
transform-origin: 50% 10%;}

time.icon1 * {
	display:block;
	width:100%;
	font-size:.8em;
	font-weight:700;
	font-style:normal;
	text-align:center;
}

time.icon1 strong {
	position:absolute;
	top:0;
	padding:.4em 0;
	color:#fff;
	background-color:#ff0000;
	border-bottom:1px dashed #c00808;
	box-shadow:0 2px 0 #c00808;
}

time.icon1 em {
	position:absolute;
	bottom:.3em;
	color:#ff0000;
}

time.icon1 span {
	font-size:1.3em;
	letter-spacing:-.05em;
	padding-top:2.6em;
	color:#2f2f2f;
}
time.icon1:hover,time.icon1:focus {
	-webkit-animation:swing .6s ease-out;
	animation:swing .6s ease-out;
}

time.icon2 {font-size: 1em;
display: block;
position: relative;
width: 5em;
height: 6em;
background-color: #fff;
border-radius: .6em;
box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
overflow: hidden;
-webkit-backface-visibility: hidden;
-webkit-transform: rotate(0deg) skewY(0deg);
-webkit-transform-origin: 50% 10%;
transform-origin: 50% 10%;}

time.icon2 * {
	display:block;
	width:100%;
	font-size:.8em;
	font-weight:700;
	font-style:normal;
	text-align:center;
}

time.icon2 strong {
	position:absolute;
	top:0;
	padding:.4em 0;
	color:#fff;
	background-color:#28b62c;
	border-bottom:1px dashed #28b62c;
	box-shadow:0 2px 0 #28b62c;
}

time.icon2 em {
	position:absolute;
	bottom:.3em;
	color:#28b62c;
}

time.icon2 span {
	font-size:1.3em;
	letter-spacing:-.05em;
	padding-top:2.6em;
	color:#2f2f2f;
}
time.icon2:hover,time.icon2:focus {
	-webkit-animation:swing .6s ease-out;
	animation:swing .6s ease-out;
}


time.icon3 {font-size: 1em;
display: block;
position: relative;
width: 5em;
height: 6em;
background-color: #fff;
border-radius: .6em;
box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
overflow: hidden;
-webkit-backface-visibility: hidden;
-webkit-transform: rotate(0deg) skewY(0deg);
-webkit-transform-origin: 50% 10%;
transform-origin: 50% 10%;}

time.icon3 * {
	display:block;
	width:100%;
	font-size:.8em;
	font-weight:700;
	font-style:normal;
	text-align:center;
}

time.icon3 strong {
	position:absolute;
	top:0;
	padding:.4em 0;
	color:#fff;
	background-color:#ff851b;
	border-bottom:1px dashed #ff851b;
	box-shadow:0 2px 0 #ff851b;
}

time.icon3 em {
	position:absolute;
	bottom:.3em;
	color:#ff851b;
}

time.icon3 span {
	font-size:1.3em;
	letter-spacing:-.05em;
	padding-top:2.6em;
	color:#2f2f2f;
}
time.icon3:hover,time.icon3:focus {
	-webkit-animation:swing .6s ease-out;
	animation:swing .6s ease-out;
}



time.icon4 {font-size: 1em;
display: block;
position: relative;
width: 5em;
height: 6em;
background-color: #fff;
border-radius: .6em;
box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
overflow: hidden;
-webkit-backface-visibility: hidden;
-webkit-transform: rotate(0deg) skewY(0deg);
-webkit-transform-origin: 50% 10%;
transform-origin: 50% 10%;}

time.icon4 * {
	display:block;
	width:100%;
	font-size:.8em;
	font-weight:700;
	font-style:normal;
	text-align:center;
}

time.icon4 strong {
	position:absolute;
	top:0;
	padding:.4em 0;
	color:#fff;
	background-color:#127ba3;
	border-bottom:1px dashed #127ba3;
	box-shadow:0 2px 0 #127ba3;
}

time.icon4 em {
	position:absolute;
	bottom:.3em;
	color:#127ba3;
}

time.icon4 span {
	font-size:1.3em;
	letter-spacing:-.05em;
	padding-top:2.6em;
	color:#2f2f2f;
}
time.icon4:hover,time.icon4:focus {
	-webkit-animation:swing .6s ease-out;
	animation:swing .6s ease-out;
}