.skeleton {
	opacity: .7;
	animation: skeleton-loading .8s linear infinite alternate;
}

.skeleton-home-properties-categories-card{
	width: 100%;
	height: 160px;
	border-radius: 2px;
	animation: skeleton-loading .8s linear infinite alternate;
}

.skeleton-home-property-card{
	width: 100%;
	height: 420px;
	border-radius: 2px;
	animation: skeleton-loading .8s linear infinite alternate;
}

.skeleton-bloc-property-card{
	width: 100%;
	height: 420px;
	border-radius: 2px;
	animation: skeleton-loading .8s linear infinite alternate;
}

.skeleton-property-carousel{
	width: 100%;
	height: 800px;
	border-radius: 2px;
	animation: skeleton-loading .8s linear infinite alternate;
}

.skeleton-list-property-card{
	width: 100%;
	height: 240px;
	border-radius: 2px;
	animation: skeleton-loading .8s linear infinite alternate;
}

.skeleton-home-town-card{
	width: 100%;
	height: 420px;
	border-radius: 2px;
	animation: skeleton-loading .8s linear infinite alternate;
}

.skeleton-agent-card{
	width: 100%;
	height: 390px;
	border-radius: 2px;
	animation: skeleton-loading .8s linear infinite alternate;
}

.skeleton-property-agent-info-card{
	width: 100%;
	height: 110px;
	border-radius: 2px;
	animation: skeleton-loading .8s linear infinite alternate;
}

.skeleton-blog-card{
	width: 100%;
	height: 470px;
	border-radius: 2px;
	animation: skeleton-loading .8s linear infinite alternate;
}

.skeleton-blog-img{
	width: 100%;
	height: 470px;
	border-radius: 2px;
	animation: skeleton-loading .8s linear infinite alternate;
}

.skeleton-sidebar-blog{
	width: 100%;
	height: 100px;
	border-radius: 2px;
	animation: skeleton-loading .8s linear infinite alternate;	
}

.skeleton-visit-item{
	width: 100%;
	height: 160px;
	margin-bottom: 12px;
	border-radius: .125rem;
	animation: skeleton-loading .8s linear infinite alternate;
}

.skeleton-title{
	width: 100%;
	height: 21px;
	margin-bottom: 12px;
	border-radius: .125rem;
	animation: skeleton-loading .8s linear infinite alternate;
}

.skeleton-subtitle{
	width: 100%;
	height: 18px;
	margin-bottom: 12px;
	border-radius: .125rem;
	animation: skeleton-loading .8s linear infinite alternate;
}

.skeleton-content{
	width: 100%;
	height: 210px;
	margin-bottom: 12px;
	border-radius: .125rem;
	animation: skeleton-loading .8s linear infinite alternate;
}

.skeleton-content:last-child{
	margin-bottom: 0;
	width: 80%;
}

@keyframes skeleton-loading {
	0% {
		background-color: hsl(200, 20%, 70%);
	}

	100% {
		background-color: hsl(0, 0%, 90%)	
	}
}