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

.skeleton-banner-img{
	width: 100%;
	height: 470px;
	border-radius: 7px;
	animation: skeleton-loading 1.5s linear infinite alternate;
}

.skeleton-bloc-pub-img{
	width: 100%;
	height: 230px;
	border-radius: 7px;
	animation: skeleton-loading 1.5s linear infinite alternate;
}

.skeleton-vertical-pub-img{
	width: 100%;
	height: 700px;
	border-radius: 7px;
	animation: skeleton-loading 1.5s linear infinite alternate;
}

.skeleton-product-img{
	width: 100%;
	height: 160px;
	border-radius: 7px;
	animation: skeleton-loading 1.5s linear infinite alternate;
}

.skeleton-product-big-img{
	width: 100%;
	height: 210px;
	border-radius: 7px;
	animation: skeleton-loading 1.5s linear infinite alternate;
}

.skeleton-enterprise-mini-img{
	width: 100%;
	height: 80px;
	border-radius: 7px;
	animation: skeleton-loading 1.5s linear infinite alternate;
}

.skeleton-banner{
	width: 100%;
	height: 210px;
	border-radius: 7px;
	animation: skeleton-loading 1.5s linear infinite alternate;
}

.skeleton-service-img, .skeleton-enterprise-img{
	width: 100%;
	height: 100%;
	border-radius: 7px;
	animation: skeleton-loading 1.5s linear infinite alternate;
}

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

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

.skeleton-content{
	width: 100%;
	height: 70px;
	margin-bottom: 12px;
	border-radius: .125rem;
	animation: skeleton-loading 1.5s 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%)	
	}
}

