.cd-wrapper {

	width: 350px;
	height: 350px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -175px;
	margin-left: -175px; z-index: 11;
}


.cd-pointer {
	position: absolute;
	left: 50%;
	top: 30px;
	margin-left: -11px;
	background-image:url(http://www.freedomknot.com/img/pointer.png);
	width: 22px;
	height: 156px;
	-webkit-animation: cd-pointer-spin 1.2s linear 0s 5 normal;
	-moz-animation:    cd-pointer-spin 1.2s linear 0s 5 normal;
	-o-animation:      cd-pointer-spin 1.2s linear 0s 5 normal;
	-ms-animation:     cd-pointer-spin 1.2s linear 0s 5 normal;
	animation:         cd-pointer-spin 1.2s linear 0s 5 normal;
}

@-webkit-keyframes cd-pointer-spin {
	from {-webkit-transform: rotate(0deg); -webkit-transform-origin: 50% 93%;}
	to {-webkit-transform: rotate(360deg); -webkit-transform-origin: 50% 93%;}}

@-moz-keyframes cd-pointer-spin {
	from {-moz-transform: rotate(0deg); -moz-transform-origin: 50% 93%;}
	to {-moz-transform: rotate(360deg); -moz-transform-origin: 50% 93%;}}

@-o-keyframes cd-pointer-spin {
	from {-o-transform: rotate(0deg); -o-transform-origin: 50% 93%;}
	to {-o-transform: rotate(360deg); -o-transform-origin: 50% 93%;}}

@-ms-keyframes cd-pointer-spin {
	from {-ms-transform: rotate(0deg); -ms-transform-origin: 50% 93%;}
	to {-ms-transform: rotate(360deg); -ms-transform-origin: 50% 93%;}}

@keyframes cd-pointer-spin {
	from {transform: rotate(0deg); transform-origin: 50% 93%;}
	to {transform: rotate(360deg); transform-origin: 50% 93%;}}
	
.cd-number-wrapper {
	width: 80px;
	height: 189px;
	top: 50%;
	margin: 80px auto 0 auto;
	font-size: 10em; color: #fff;
	
}

.cd-winner {
	position: fixed; z-index: 99999; color: #fff; text-align: center; width: 100%; top: 30%;
     animation: fadeInAnimation 1.2s ease 3.6s 1 normal;
   animation-iteration-count: 1;
   animation-fill-mode: both;
}
 
@keyframes fadeInAnimation
{
   0%
   { 
   opacity: 0;
   }

   100% 
   {
   opacity: 1;
   }
}
	
.cd-number-five {
	position: absolute;
	opacity: 0;
	margin: 0 auto 0 auto;
	-webkit-animation: cd-number-five-anim 0.6s ease 0s 1 normal;
	-moz-animation: cd-number-five-anim 0.6s ease 0s 1 normal;
	-ms-animation: cd-number-five-anim 0.6s ease 0s 1 normal;
	-o-animation: cd-number-five-anim 0.6s ease 0s 1 normal;
	animation: cd-number-five-anim 0.6s ease 0s 1 normal;
}

@-webkit-keyframes cd-number-five-anim {
	from {-webkit-transform: scale(0.5); opacity: 0;}
	to {  -webkit-transform: scale(1.3); opacity: 1;}}
	
@-moz-keyframes cd-number-five-anim {
	from {-moz-transform: scale(0.5); opacity: 0;}
	to {  -moz-transform: scale(1.3); opacity: 1;}}
	
@-o-keyframes cd-number-five-anim {
	from {-o-transform: scale(0.5); opacity: 0;}
	to {  -o-transform: scale(1.3); opacity: 1;}}
	
@-ms-keyframes cd-number-five-anim {
	from {-ms-transform: scale(0.5); opacity: 0;}
	to {  -ms-transform: scale(1.3); opacity: 1;}}
	
@keyframes cd-number-five-anim {
	from {transform: scale(0.5); opacity: 0;}
	to {  transform: scale(1.3); opacity: 1;}}

.cd-number-four {
	position: absolute;
	opacity: 0;
	-webkit-animation: cd-number-four-anim 0.6s ease 0.6s 1 normal;
	-moz-animation: cd-number-four-anim 0.6s ease 0.6s 1 normal;
	-ms-animation: cd-number-four-anim 0.6s ease 0.6s 1 normal;
	-o-animation: cd-number-four-anim 0.6s ease 0.6s 1 normal;
	animation: cd-number-four-anim 0.6s ease 0.6s 1 normal;
}

@-webkit-keyframes cd-number-four-anim {
	from {-webkit-transform: scale(0.5); opacity: 0;}
	to {  -webkit-transform: scale(1.3); opacity: 1;}}
	
@-moz-keyframes cd-number-four-anim {
	from {-moz-transform: scale(0.5); opacity: 0;}
	to {  -moz-transform: scale(1.3); opacity: 1;}}
	
@-o-keyframes cd-number-four-anim {
	from {-o-transform: scale(0.5); opacity: 0;}
	to {  -o-transform: scale(1.3); opacity: 1;}}
	
@-ms-keyframes cd-number-four-anim {
	from {-ms-transform: scale(0.5); opacity: 0;}
	to {  -ms-transform: scale(1.3); opacity: 1;}}
	
@keyframes cd-number-four-anim {
	from {transform: scale(0.5); opacity: 0;}
	to {  transform: scale(1.3); opacity: 1;}}

.cd-number-three {
	position: absolute;
	opacity: 0;
	-webkit-animation: cd-number-three-anim 0.6s ease 1.2s 1 normal;
	-moz-animation: cd-number-three-anim 0.6s ease 1.2s 1 normal;
	-ms-animation: cd-number-three-anim 0.6s ease 1.2s 1 normal;
	-o-animation: cd-number-three-anim 0.6s ease 1.2s 1 normal;
	animation: cd-number-three-anim 0.6s ease 1.2s 1 normal;
}

@-webkit-keyframes cd-number-three-anim {
	from {-webkit-transform: scale(0.5); opacity: 0;}
	to {  -webkit-transform: scale(1.3); opacity: 1;}}
	
@-moz-keyframes cd-number-three-anim {
	from {-moz-transform: scale(0.5); opacity: 0;}
	to {  -moz-transform: scale(1.3); opacity: 1;}}
	
@-o-keyframes cd-number-three-anim {
	from {-o-transform: scale(0.5); opacity: 0;}
	to {  -o-transform: scale(1.3); opacity: 1;}}
	
@-ms-keyframes cd-number-three-anim {
	from {-ms-transform: scale(0.5); opacity: 0;}
	to {  -ms-transform: scale(1.3); opacity: 1;}}
	
@keyframes cd-number-three-anim {
	from {transform: scale(0.5); opacity: 0;}
	to {  transform: scale(1.3); opacity: 1;}}

.cd-number-two {
	position: absolute;
	opacity: 0;
	-webkit-animation: cd-number-two-anim 0.6s ease 1.8s 1 normal;
	-moz-animation: cd-number-two-anim 0.6s ease 1.8s 1 normal;
	-ms-animation: cd-number-two-anim 0.6s ease 1.8s 1 normal;
	-o-animation: cd-number-two-anim 0.6s ease 1.8s 1 normal;
	animation: cd-number-two-anim 0.6s ease 1.8s 1 normal;
}

@-webkit-keyframes cd-number-two-anim {
	from {-webkit-transform: scale(0.5); opacity: 0;}
	to {  -webkit-transform: scale(1.3); opacity: 1;}}
	
@-moz-keyframes cd-number-two-anim {
	from {-moz-transform: scale(0.5); opacity: 0;}
	to {  -moz-transform: scale(1.3); opacity: 1;}}
	
@-o-keyframes cd-number-two-anim {
	from {-o-transform: scale(0.5); opacity: 0;}
	to {  -o-transform: scale(1.3); opacity: 1;}}
	
@-ms-keyframes cd-number-two-anim {
	from {-ms-transform: scale(0.5); opacity: 0;}
	to {  -ms-transform: scale(1.3); opacity: 1;}}
	
@keyframes cd-number-two-anim {
	from {transform: scale(0.5); opacity: 0;}
	to {  transform: scale(1.3); opacity: 1;}}

.cd-number-one {
	position: absolute;
	opacity: 0;
	-webkit-animation: cd-number-one-anim 0.6s ease 2.4s 1 normal;
	-moz-animation: cd-number-one-anim 0.6s ease 2.4s 1 normal;
	-ms-animation: cd-number-one-anim 0.6s ease 2.4s 1 normal;
	-o-animation: cd-number-one-anim 0.6s ease 2.4s 1 normal;
	animation: cd-number-one-anim 0.6s ease 2.4s 1 normal;
}

@-webkit-keyframes cd-number-one-anim {
	from {-webkit-transform: scale(0.5); opacity: 0;}
	to {  -webkit-transform: scale(1.3); opacity: 1;}}
	
@-moz-keyframes cd-number-one-anim {
	from {-moz-transform: scale(0.5); opacity: 0;}
	to {  -moz-transform: scale(1.3); opacity: 1;}}
	
@-o-keyframes cd-number-one-anim {
	from {-o-transform: scale(0.5); opacity: 0;}
	to {  -o-transform: scale(1.3); opacity: 1;}}
	
@-ms-keyframes cd-number-one-anim {
	from {-ms-transform: scale(0.5); opacity: 0;}
	to {  -ms-transform: scale(1.3); opacity: 1;}}
	
@keyframes cd-number-one-anim {
	from {transform: scale(0.5); opacity: 0;}
	to {  transform: scale(1.3); opacity: 1;}}