.slick-slider {
	margin: 20px 0 20px;
}
.slick-slide {
	position: relative;
}
.slick-slide .title {
	position: absolute;
	top: 30px;
	left: 30px;
	color: #fff;
	font-size: 30px;
	padding: 9px 35px;
	border-radius: 4px;
	display: inline-block;
	background-color: #45b172;
}
.slick-slide .btn.btn-primary {
	position: absolute;
	right: 30px;
	bottom: 30px;
	background: #fff;
	color: #666;
}
.slick-slide .btn.btn-primary:hover {
	background-color: #ff7f50;
	color: #fff;
}
.banners .banner-item {
	height: 300px;
	border-radius: 10px;
	padding: 40px;
	background-color: #333;
	background-size: cover;
	position: relative;
}
.banners .banner-item.item-3 {
	height: 624px;
}
.banners .banner-item.item-4,
.banners .banner-item.item-5 {
	height: 300px;
}
.banners .banner-item .text {
	text-align: left;
	border-radius: 4px;
	display: inline-block;
	background-color: #ffffffde;
	box-sizing: border-box;
	padding: 30px 30px 27px;
	right: 30px;
	left: 30px;
}
.banners .banner-item .title {
	color: #222;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 10px;
}
.banners .banner-item .text.bl {
	position: absolute;
	bottom: 30px;
	right: auto;
}
.banners .banner-item .text.br {
	position: absolute;
	bottom: 30px;
	right: 30px;
	left: auto;
}
.banners .banner-item .text.bc {
	position: absolute;
	bottom: 30px;
	right: 30px;
	left: 30px;
}
.banners .banner-item .text a {
	color: #6a9536;
	font-size: 12px;
	font-weight: 500;
}
@media (max-width: 1199px) {
	.banners .banner-item.item-1,
	.banners .banner-item.item-2 {
		height: 250px;
	}
	.banners .banner-item.item-3 {
		height: 384px;
	}
	.banners .banner-item.item-4,
	.banners .banner-item.item-5 {
		height: 180px;
	}
}
@media (max-width: 991px) {
	.banners .banner-item {
		padding: 15px;
	}
	.banners .banner-item .text {
		padding: 10px;
		right: 15px;
		left: 15px;
	}
	.banners .banner-item .title {
		font-size: 18px;
	}
	.slick-slide img {
		width: 100%;
	}
	.slick-slide .title {
		padding: 15px;
		font-size: 18px;
	}
	.banners .banner-item .text.bl {
		bottom: 15px;
		right: 15px;
		left: 15px;
	}
	.banners .banner-item .text.bc {
		bottom: 15px;
		right: 15px;
		left: 15px;
	}
	.banners .banner-item .text.br {
		bottom: 15px;
		right: 15px;
		left: 15px;
	}
}
@media (max-width: 575px) {
	.banners .banner-item.item-1,
	.banners .banner-item.item-2 {
		height: 180px;
	}
	.banners .banner-item.item-3 {
		height: 250px;
	}
}