.blog {
	/* padding:  81px 0 39px; */
	padding:  60px 0 39px;
}
.blog .section__header {
	margin-bottom: 40px;
}

.loop__list {
	display: flex;
	flex-direction:  row;
	flex-wrap:  wrap;
	justify-content: space-between;
	margin:  0 -15px;
}

.loop__list .slick-dots li button {
	display: none;
}

.loop__list .slick-dots {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	bottom: 0;
	width:  100%;
	position: absolute;
	left:  0;
	right:  0;
	margin:  0 auto;
}

.loop__list .slick-dots li {
	width: 16px;
	height: 16px;
	border-radius: 100%;
	background-color: #fff;
	border: 1px solid #000;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 3px;
	cursor:  pointer;
}

.loop__list .slick-dots li::before {
	position: absolute;
	width: 8px;
	height: 8px;
	content: '';
	border-radius: 100%;
	overflow: hidden;
	background-color: var(--second-color);
	display: none;
}

.loop__list .slick-dots li.slick-active::before {
	display: block;
}

.loop__item {
	width:  calc( (100% / 3 ) - 30px );
	margin:  0 15px 30px;
	border-radius: 2px;
	border: 1px solid #949292;
	background-color: #fff;
	position: relative;
	max-width:  391px;
}

.loop__img {
	height:  235px;
	overflow: hidden;
	background-color: #ccc;
	position: relative;
}

.loop__date {
	position: absolute;
	right:  -3px;
	border-radius: 2px;
	z-index: 1;
	top:  12px;
	padding:  0 23px;
	background-color: var(--second-color);
	color: var(--main-color);
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0.4px;
	font-family: var(--main-color);
	line-height: 24px;
}

.loop__img a {
	text-decoration: none !important;
	height:  100%;
	display: block;
}

.loop__img:hover img,
.loop__img:focus img {
	transform:  scale(1.2);
}

.loop__img img {
	display: block;
	height:  100%;
	width:  100%;
	max-width:  100%;
	object-fit: cover;
	transition:  all .3s ease-out;
	-webkit-transition:  all .3s ease-out;
	-moz-transition:  all .3s ease-out;
}

.loop__descr {
	/* padding:  15px 15px 53px; */
	padding: 10px 10px 53px;
}

.loop__title {
	/* font-size: 14px; */
	font-size: 15px;
	color:  var(--main-color);
	/* font-family: var(--main-font); */
	font-family: var(--title-font);
	line-height: 24px;
	text-transform: uppercase;
	/* font-weight: 700; */
	font-weight: normal;
	letter-spacing: .35px;
	/* margin-bottom: 10px; */
	margin-bottom: 5px;
	transition:  all .3s ease-out;
	-webkit-transition:  all .3s ease-out;
	-moz-transition:  all .3s ease-out;
}

.loop__title:hover,
.loop__title:focus {
	color: var(--second-color);
}

.loop__title a {
	text-decoration: none !important;
	color: inherit;
}


.loop__title a:hover,
.loop__title a:focus {
	color: inherit;
}

.loop__text {
	font-size: 14px;
	/* color: #686868; */
	color: var(--main-color);
	font-family: var(--main-font);
	line-height: 20px;
	font-weight: 400;
	letter-spacing: .35px;
	word-break: break-word;
}

@media screen and (max-width: 768px) {
	.loop__title {
		height: 48px;
		overflow: hidden;
	}

	.loop__text {
		height: 60px;
		overflow: hidden;
	}
}

.loop__btn {
	position: absolute;
	/* bottom:  11px; */
	/* padding-right: 15px; */
	/* bottom: 10px; */
	bottom: 1px;
	padding-right: 10px;
	text-align:  right;
	width:  100%;
	right:  0;
}

.loop__btn a {
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	/* font-weight: 700;
	font-weight: normal; */
	border-bottom: 1px solid #DEDEDE;
	color:  var(--main-color);
	/* font-family: var(--main-font); */
	font-family: var(--title-font);
	/* line-height: 1.4; */
	line-height: 1.0;
	position: relative;
}

.loop__btn a::first-letter{
	text-transform: capitalize;
}

.loop__btn a::before {
	position: absolute;
	content: '';
	left:  0;
	bottom:  0;
	opacity: 0;
	visibility: hidden;
	width:  0;
	transition:  all .3s ease-out;
	-webkit-transition:  all .3s ease-out;
	-moz-transition:  all .3s ease-out;
	height:  1px;
	background-color: var(--main-color);
}

.loop__btn a:hover,
.loop__btn a:focus {
	text-decoration: none;
}

.loop__btn a:hover::before,
.loop__btn a:focus::before {
	opacity: 1;
	visibility: visible;
	width:  100%;
}

@media screen and (max-width: 1199px) {
	.blog {
		padding:  50px 0 40px;
	}
	.blog .section__header {
		margin-bottom: 25px;
	}
	.loop__list {
		margin:  0 -10px;
	}
	.loop__item {
		width: calc( (100% / 3 ) - 20px );
		margin: 0 10px 20px;
	}
}

@media screen and (max-width: 992px) {
	.blog {
		padding:  40px 0;
	}

	.loop__list {
		justify-content: space-between;
		margin:  0;
	}

	.loop__item {
		width: calc( 50% - 10px );
		margin: 0 0 20px;
		max-width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.loop__item {
		width: 100%;
		margin: 0;
		max-width: 100%;
		margin: 5px 0;
	}
	.loop__img {
		height:  auto;
	}
	.loop__img img {
		min-height: 212px;
	}

	.loop__list {
		margin-bottom: 0 !important;
		padding-bottom: 37px;
	}


}