.kudo-box{
	width: 60px;
}
.kudo-box .kudo{
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
.kudo-t_r{
	float: right;
}
.kudo-t_l{
	float: left;
}
.kudo-c_tr{
	float: right;
}
.kudo-c_tc{
	margin: 0 auto;
}
.kudo-c_tl{
	float: left;
}
.kudo-c_ml{}
.kudo-c_mr{}
.kudo-c_br{
	float: right;
}
.kudo-c_bc{
	margin: 0 auto;
}
.kudo-c_bl{}
.kudo-count{
	display: block;
}
div.kudo-opening{
	background-color:#fff;
	width:50px;
	height:50px;
	border-radius:50%;
	margin:0 auto;
	border:5px solid #000;
	position:relative;
}
div.kudo-opening div.kudo-circle{
	background-color:#000;
	width:50px;
	height:50px;
	margin-left:-25px;
	margin-top:-25px;
	border-radius:50%;
	position:absolute;
	top:50%;
	left:50%;
	transition-property: transform,background-color;
	transition-duration: 1.5s;
	transition-timing-function: ease-out;
	transform: scale(0.3);
	transition-style: preserve-3d;
	-webkit-transition-property: -webkit-transform,background-color;
	-webkit-transition-duration:1.5s;
	-webkit-transition-timing-function:ease-out;
	-webkit-transform: scale(0.3);
	-webkit-transform-style: preserve-3d;
	-moz-transition-property: -moz-transform,color;
	-moz-transition-duration:1.5s;
	-moz-transition-timing-function:ease-out;
	-moz-transform: scale(0.3);
	-moz-transform-style: preserve-3d;
	backface-visibility: visible;
	-webkit-backface-visibility: visible;
	-moz-backface-visibility: visible;
}

figure.kudo{
}

.kudo.kudo-complete a.kudo-object div.kudo-opening div.kudo-circle{
	background-image: url(../images/heart_60x60.png);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000;
	background-size:80%;
	-moz-background-size:80%;
}
.kudo .kudo-meta {
	display: block;
	width: 100%;
	text-align: center !important;
	text-decoration: none;
}
.kudo .kudo-meta span {
	width:auto;
	text-transform:uppercase;
	font-family:"freight-sans-pro",sans-serif;
	margin-top:5px;
	color:#000;
	font-weight:800;
	display:block;
	line-height: 13px;
	margin-top:5px;
}
.kudo .kudo-meta span.kudo-count {
	font-size: 18px;
}
.kudo .kudo-meta span.kudo-text {
	font-size: 11px;
}
.kudo .kudo-meta div.kudo-dontmove span{
	margin-top: 4px;
	font-size: 15px;
	line-height: 16px;
}
.kudo .kudo-meta .kudo-meta-beta{
	display: none;
}

.kudo a.kudo-object{
	display: block;
	cursor: pointer;
}

.kudo.kudo-active a.kudo-object div.kudo-opening div.kudo-circle{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	background:rgba(0,0,0,0.7)
}

.kudo.kudo-complete a.kudo-object div.kudo-opening div.kudo-circle{
	transition-property: none;
	animation: bounce 1s;
	animation-iteration-count: 1;
	transform: scale(0.85);
	-webkit-transition-property: none;
	-webkit-animation: bounce 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform: scale(0.85);
	-moz-transition-property: none;
	-moz-animation: bounce 1s;
	-moz-animation-iteration-count: 1;
	-moz-transform: scale(0.85);
}

@keyframes bounce {
  0% {
    transform: scale(1.1);
    background-color: #000;
    opacity: 1;
  }
  50% {
    transform: scale(1.6);
    opacity: .7;
    background-color: #000;
  }
  60% {
    transform: scale(0.6);
    opacity: 1;
  }
  80% { transform: scale(0.95) }
  100% { transform: scale(0.85) }
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: scale(1.1);
    background-color: #000;
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.6);
    opacity: .7;
    background-color: #000;
  }
  60% {
    -webkit-transform: scale(0.6);
    opacity: 1;
	}
  80% { -webkit-transform: scale(0.95) }
  100% { -webkit-transform: scale(0.85) }
}
@-moz-keyframes bounce {
  0% {
    -moz-transform: scale(1.1);
    background-color: #000;
    opacity: 1;
  }
  50% {
    -moz-transform: scale(1.6);
    opacity: .7;
    background-color: #000;
  }
  60% {
    -moz-transform: scale(0.6);
    opacity: 1;
  }
  80% { -moz-transform: scale(0.95) }
  100% { -moz-transform: scale(0.85) }
}