/*-------*/
/* LIKES */
/*-------*/
div.likes {
	padding-bottom: 24px;
	border-bottom: 1px solid rgba( var(--revilodesign_black), .1);
	margin-top: 64px;
	width: 100%;
	display: inline-block;
}
div.likes div.like {
	float: left;
	padding-right: 8px;
	position: relative;
}
div.likes div.like i {
	line-height: 24px;
	cursor: pointer;
	color: #5dd39e;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
div.likes div.like i:hover {
	-webkit-transform: scale(1.3);
			transform: scale(1.3);
}
div.likes div.liketext {
	float: left;
	margin: 0;
}
div.likes div.like span.likeclick {
	width: 32px;
	text-align: center;
	display: inline-block;
	font-weight: 700;
	color: #0f333f;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 8px;
	bottom: 16px;
	-webkit-animation-name: showCount;
			animation-name: showCount;
	-webkit-animation-duration: 0.8s;
			animation-duration: 0.8s;
	-webkit-animation-delay: 0s;
			animation-delay: 0s;
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
}
@-webkit-keyframes showCount {
	0% {
		opacity: 0;
		left: 0;
		bottom: 16px;
	} 50% {
		opacity: 1;
	} 100% {
		opacity: 0;
		left: 8px;
		bottom: 24px;
	}
}
@keyframes showCount {
	0% {
		opacity: 0;
		left: 0;
		bottom: 16px;
	} 50% {
		opacity: 1;
	} 100% {
		opacity: 0;
		left: 8px;
		bottom: 24px;
	}
}
@media (max-width: 768px) {
	div.likes {
		-ms-flex-preferred-size: 0;
			flex-basis: 0;
	}
	div.likes div.liketext,
	div.likes div.like {
		width: auto;
	}
}