.blog-slider {
	padding: 40px 0 30px;
	margin-bottom: 10px;
}

.blog-slider.squares {
	background-image: url(/includes/public/assets/images/panel-background-squares.png);
}

.blog-slider.wood {
	background-image: url(/includes/public/assets/images/panel-background-wood.jpg);
	background-size: cover;
}

.blog-slider.darkwood {
	background-image: url(/includes/public/assets/images/panel-background-darkwood.png);
}

.blog-slider.squares,
.blog-slider.wood,
.blog-slider.darkwood {
	background-position: center;
}

.blog-slider.squares {
	background-size: 18%;
}

.blog-slider.darkwood {
	background-size: 23%;
}

.blog-slider.blue {
	background-color: #0081c6;
}

.blog-slider.gold {
	background-color: #c88a3e;
}

.blog-slider.red {
	background-color: #d4083f;
}

.blog-slider.gray {
	background-color: #eae4dc;
}

.blog-slider.tan {
	background-color: #e2d2bf;
}

.blog-slider .allons-logo img {
	display: block;
	width: 252px;
	height: auto;
	margin: 0 auto 18px;
}

.blog-slider .title-cont {
	margin: auto;
	margin-bottom: 20px;
	padding: 0 20px;
}

.blog-slider h2 {
	font-family: 'Indie W00 Regular';
	font-size: 42px;
	color: #000018;
	text-align: center;
	letter-spacing: 0;
	line-height: 1.2;
}

.blog-slider.blue h2,
.blog-slider.gold h2,
.blog-slider.red h2,
.blog-slider.wood h2,
.blog-slider.darkwood h2 {
	color: #fff;
}

.blog-slider .slider-cont {
	display: block;
	margin-bottom: 30px;
}

.blog-slider .slide {
	margin-bottom: 10px;
}

.blog-slider .slider .slide:not(:first-of-type) {
	display: none;
}

.blog-slider .slider.slick-initialized .slide {
	display: block;
}

.blog-slider .img-cont {
	position: relative;
}

.blog-slider .img-cont::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 150px;
	background-image: linear-gradient(rgba(0, 0, 24, 0.5), transparent);
}

.blog-slider .text-cont {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 20px 15px;
	text-align: center;
	background-image: linear-gradient(transparent, rgba(0, 0, 24, 0.5));
	pointer-events: none;
}

.blog-slider h3 {
	font-family: 'Lido Bold';
	font-size: 28px;
	color: #fff;
	line-height: 1;
	margin-bottom: 15px;
}

.blog-slider .read-more {
	font-family: "Nexa W01 Heavy";
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	padding: 6px 21px;
	background-color: #d11242;
}

.blog-slider .arrows {
	display: flex;
	align-items: center;
	justify-content: center;
}

.blog-slider .arrows .fa {
	color: #fff;
	font-size: 48px;
	font-weight: 600;
	padding: 0 10px;
	margin: 0 10px;
	cursor: pointer;
}

.blog-slider .see-all {
	text-align: center;
	padding: 0 7px;
}

.blog-slider .see-all a {
	display: inline-flex;
	align-items: center;
	background-color: #fff;
	padding: 7px 8px;
	color: #c60013;
	font-family: "Nexa W01 Heavy";
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.7px;
	transition: background-color 0.4s ease-in-out;
}

.blog-slider .see-all a:hover {
	background-color: #f0f0f0;
	transition: background-color 0.4s ease-in-out;
}

.blog-slider .see-all a img {
	width: 35px;
	height: auto;
	margin-right: 6px;
}

.blog-slider .see-all a .fa {
	color: inherit;
	font-weight: 600;
	margin-left: 5px;
	margin-top: -1px;
}

@media (min-width: 641px) {
	.blog-slider {
		padding-bottom: 50px;
	}

	.blog-slider .title-cont {
		margin-bottom: 35px;
	}

	.blog-slider h2 {
		font-size: 60px;
	}

	.blog-slider .slider-cont {
		margin-left: -230px;
		margin-right: -230px;
		margin-bottom: 45px;
	}

	.blog-slider .slider-cont .slick-track {
		margin-top: 20px;
	}

	.blog-slider .slide {
		margin: 0 10px;
		transition: margin 0.2s ease-in-out;
	}

	.blog-slider .slide.slick-center {
		margin-top: -20px;
	}

	.blog-slider .text-cont {
		padding: 30px 20px;
	}

	.blog-slider .arrows {
		display: none;
	}

	.blog-slider .slick-dots {
		bottom: -20px;
	}

	.blog-slider .slick-dots button {
		background-color: #fff;
		border: 2px solid #fff;
		border-radius: 50%;
		margin: 0;
		opacity: 0.6;
	}

	.blog-slider .slick-dots button:hover {
		opacity: 1;
	}

	.blog-slider .slick-dots li.slick-active button {
		background-color: #c88a3d;
		opacity: 1;
	}

	.blog-slider .slick-dots button:before {
		content: none;
	}
}

@media (min-width: 1025px) {
	.blog-slider {
		padding-bottom: 70px;
	}

	.blog-slider .allons-logo img {
		width: 399px;
		margin-bottom: 10px;
	}

	.blog-slider .title-cont {
		margin-bottom: 50px;
	}

	.blog-slider h2 {
		font-size: 80px;
	}

	.blog-slider .slider-cont {
		margin-bottom: 60px;
	}

	.blog-slider .slider-cont .slick-track {
		margin-top: 30px;
	}

	.blog-slider .slide.slick-center {
		margin-top: -30px;
	}

	.blog-slider .img-cont img:hover {
		filter: brightness(0.8);
		transition: filter 0.3s ease-in-out;
	}

	.blog-slider .text-cont {
		padding: 40px 30px;
	}

	.blog-slider h3 {
		font-size: 46px;
		line-height: 56px;
		margin-bottom: 25px;
	}

	.blog-slider .read-more {
		font-size: 16px;
		padding: 8px 42px;
	}

	.blog-slider .slick-dots {
		bottom: -30px;
	}

	.blog-slider .slick-dots li {
		width: 30px;
		height: 30px;
	}

	.blog-slider .slick-dots button {
		border-width: 3px;
		width: 30px;
		height: 30px;
	}

	.blog-slider .see-all a {
		font-size: 18px;
		padding: 13px 23px;
	}

	.blog-slider .see-all a img {
		width: 40px;
		margin-right: 10px;
	}

	.blog-slider .see-all a .fa {
		font-size: 22px;
	}
}