.halo-block-fullwidth-banner {
	margin-bottom: 30px
}

.halo-block-fullwidth-banner .banner-item .banner-title {
	letter-spacing: .05em;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 17px;
	font-size: 40px;
	margin-bottom: 18px
}

.halo-block-fullwidth-banner .banner-item .banner-title .line {
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	height: 2px;
	width: 40px;
	background: #232323;
	display: inline-block
}

.halo-block-fullwidth-banner .banner-item .banner-text {
	margin-bottom: 33px;
	max-width: 425px;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	color: #232323;
	line-height: 22px
}

.halo-block-fullwidth-banner .button {
	min-width: 195px
}

.halo-block-fullwidth-banner .content-box--left {
	left: calc((100% - 1200px)/ 2);
	padding: 0 25px 30px;
	width: 475px
}

.halo-block-fullwidth-banner .content-box--right {
	right: calc((100% - 1200px)/ 2);
	padding: 0 25px 30px;
	width: 475px
}

.halo-block-sub-banner .banner-title {
	margin: 0
}

.halo-block-sub-banner .banner-title a {
	color: #fff;
	font-size: 16px;
	letter-spacing: .05em
}

.halo-block-spotlight {
	padding-top: 24px
}

.halo-block-spotlight .content {
	padding-top: 28px
}

.halo-block-spotlight .content .title {
	margin-bottom: 18px;
	font-size: 20px;
	letter-spacing: .05em
}

.halo-block-spotlight .content .des {
	font-size: 12px;
	line-height: 22px;
	letter-spacing: .02em;
	min-width: 350px
}

.halo-block-spotlight .content .spotlight-button {
	margin-top: 30px
}

.halo-block-brands {
	border-top: 1px solid #ebebeb;
	padding: 15px 0;
	margin-top: 65px
}

.halo-block-brands .halo-row-item {
	padding: 0 15px;
	display: none
}

.halo-block-brands .halo-row-item a,
.halo-block-instagram .halo-block-content .row.slick-initialized .halo-row-item {
	display: block
}

.halo-block-brands .halo-row-item a img {
	padding: 10px
}

.halo-block-brands .slick-initialized .halo-row-item {
	display: block;
	padding-top: 5px
}

.halo-block-instagram {
	background-color: #fafafa;
	padding: 35px 0 40px
}

.halo-block-instagram .halo-block-header {
	margin-bottom: 13px
}

.halo-block-instagram .halo-block-header .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 13px
}

.halo-block-instagram .halo-block-header .title::before {
	display: none
}

.halo-block-instagram .halo-block-header .title svg {
	width: 22px;
	height: 22px;
	margin-right: 13px
}

.halo-block-instagram .halo-block-header .desc {
	padding-bottom: 22px
}

.halo-block-instagram .halo-block-content .row {
	margin-left: -2.5px;
	margin-right: -2.5px
}

.halo-block-instagram .halo-block-content .row .halo-row-item {
	padding: 0 2.5px;
	display: none
}

.halo-block-instagram .halo-block-content .row>* {
	padding: 0
}

.halo-block-instagram .instagram-button {
	margin-top: 26px
}

.halo-block-instagram .instagram-button .button {
	min-width: 230px
}

@media (max-width:1024px) {
	.halo-block-content .content-box--absolute .banner-title {
		font-size: 30px;
		margin-bottom: 15px
	}

	.halo-block-spotlight .content .des {
		min-width: 300px
	}
}

@media (max-width:767px) {

	.halo-block-content .content-box--left .banner-title,
	.halo-block-content .content-box--right .banner-title {
		font-style: normal !important;
		padding-bottom: 10px;
		margin-bottom: 10px
	}

	.content-box--left,
	.content-box--right {
		padding-top: 0;
		width: 475px;
		padding-bottom: 30px
	}

	.halo-block-fullwidth-banner {
		margin-bottom: 15px
	}

	.halo-block-content .content-box--left {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
		padding: 25px 25px 30px;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		max-width: 100%
	}

	.halo-block-content .content-box--left .banner-title {
		color: #fff !important
	}

	.halo-block-content .content-box--left .banner-title .line {
		background-color: #fff !important
	}

	.halo-block-content .content-box--left .banner-text {
		color: #fff !important;
		font-size: 12px !important;
		line-height: 22px
	}

	.halo-block-sub-banner .halo-row-item {
		width: 100%
	}

	.halo-block-sub-banner .halo-row-item+.halo-row-item {
		margin-top: 15px
	}

	.halo-block-content .content-box--right {
		position: absolute;
		top: 50%;
		left: auto;
		right: 50%;
		padding: 25px 25px 30px;
		-webkit-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
		max-width: 100%
	}

	.halo-block-content .content-box--right .banner-text {
		font-size: 12px !important;
		line-height: 22px
	}
}

@media (min-width:768px) and (max-width:991px) {
	.halo-block-content .content-box--left {
		left: calc((100% - 730px)/ 2);
		width: 475px;
		padding-top: 25px;
		padding-bottom: 30px
	}

	.halo-block-content .content-box--right {
		right: calc((100% - 730px)/ 2);
		width: 475px;
		padding-top: 25px;
		padding-bottom: 30px
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.halo-block-content .content-box--left {
		left: calc((100% - 950px)/ 2)
	}
}

@media (min-Width:1200px) {
	.halo-block-sub-banner .halo-row-item .banner-title {
		font-size: 16px
	}

	.halo-block-instagram {
		padding-bottom: 70px
	}

	.halo-block-fullwidth-banner .button {
		min-width: 237px
	}
}

@media (min-width:1600px) {
	.halo-block-instagram .halo-block-content .slick-arrow.slick-next {
		right: -15px
	}

	.halo-block-instagram .halo-block-content .slick-arrow.slick-prev {
		left: -15px
	}
}