.outer_face_216 {
	position: relative;
	width: 125px;
	height: 125px;
	border-radius: 120px;
	background: none;
	box-shadow: none;
	border: none; 
	margin-bottom: 22px;
}

.outer_face_216::before, .outer_face_216::after, .outer_face_216 .marker_216 {
	content: "";
	position: absolute;
	width: 8px; /* width of 12-6 and 3-9 marker_216s */
	height: 100%;
	background: none;
	z-index: 0;
	left: 50%;
	margin-left: -4px; /* set this value of 1/2 marker_216 width */
	top: 0
}

.outer_face_216::after {
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.outer_face_216 .marker_216 {
	background: none;
	width: 6px; /* width of all other marker_216s */
	margin-left: -3px /* set this value of 1/2 marker_216 width */
}

.outer_face_216 .marker_216.oneseven_216 {
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg)
}

.outer_face_216 .marker_216.twoeight_216 {
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg)
}

.outer_face_216 .marker_216.fourten_216 {
	-moz-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	-webkit-transform: rotate(120deg);
	transform: rotate(120deg)
}

.outer_face_216 .marker_216.fiveeleven_216 {
	-moz-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	-webkit-transform: rotate(150deg);
	transform: rotate(150deg)
}

.inner_face_216 {
	position: relative;
	width: 88%;
	height: 88%;
	background: none;
	-moz-border-radius: 1000px;
	-webkit-border-radius: 1000px;
	border-radius: 1000px;
	z-index: 1000;
	left: 6%; /* set this value of 1/2 width value*/
	top: 6% /* set this value of 1/2 height value*/
}

.inner_face_216::before {
	/* clock center circle small */
	content: "";
	width: 18px; /* width of inner circle */
	height: 18px; /* height of inner circle */
	border-radius: 18px;
	margin-left: -9px; /* set this value of 1/2 width value*/
	margin-top: -9px; /* set this value of 1/2 height value*/
	background: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.inner_face_216::after {
	content: "";
	position: absolute;
	width: 100%;
	font: normal 10px Verdana;
	color: gray;
	text-align: center;
	top: 85%
}

.hand_216, .hand_216.hour_216 {
	position: absolute;
	width: 4px; /* width of hour hand */
	height: 30%; /* height of hour hand */
	top: 20%; /* set top to 50% - height */
	left: 50%;
	margin-left: -2px; /* set this value to 1/2 width */
	background: #FFFFFF;
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	z-index: -1;
	-moz-box-shadow: 0 0 3px #000000;
	-webkit-box-shadow: 0 0 3px #000000;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.hand_216.minute_216 {
	height: 40%; /* height of min hand */
	top: 10%; /* set top to 50% - height */
	width: 5px; /* width of min hand */
	margin-left: -2.5px; /* set this value to 1/2 width */
}

.hand_216.second_216 {
	height: 50%; /* height of sec hand */
	width: 2px; /* width of sec hand */
	margin-left: -1px; /* set this value to 1/2 width */
	top: 0;
	background: #FFFFFF;
}