ol {
	margin: 0 0 22px;
	line-height: 22px
}

#hero {
	position: relative;
	z-index: 5
}

.inner #main .content {
	background: #fff
}

#hero .slider-main {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 1
}

#hero .slider-main .slick-list,
#hero .slider-main .slick-track {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0
}

#hero .slider-main .slick-slide {
	background-size: cover;
	background-position: left top
}

#hero .slider-main .slick-slide .container {
	position: relative;
	z-index: 9;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

#hero .slider-main .slick-slide .slide-cta {
	position: relative;
	color: #fff;
	width: 40%;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .7)
}

#hero .slider-main .slick-slide .slide-cta h2 {
	font-weight: 700;
	margin-bottom: 30px
}

#hero .slider-main .slick-slide .slide-cta .btn {
	text-shadow: none
}

#hero .slider-main .slick-slide .slide-cta .btn-group .btn {
	max-width: 200px
}

#hero .slider-main .slick-slide:before {
	content: "";
	position: absolute;
	z-index: 8;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0
}

#hero .slider-main .slick-arrow:hover {
	opacity: 10
}

#hero .slider-main .slick-arrow.slick-prev {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

#hero .slider-main .slick-arrow.slick-next {
	display: none;
	right: 0
}

#hero .slider-pager .slick-dots {
	list-style: none;
	padding-left: 0;
	margin: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

#hero .slider-pager .slick-dots:before,
#hero .slider-pager .slick-dots:after {
	content: " ";
	display: table
}

#hero .slider-pager .slick-dots:after {
	clear: both
}

#hero .slider-pager .slick-dots li {
	display: inline-block;
	cursor: pointer;
	margin-right: 10px
}

#hero .slider-pager .slick-dots li span {
	display: inline-block;
	width: 14px;
	height: 14px;
	text-indent: -999em;
	overflow: hidden;
	border-radius: 50%;
	background: #fff;
	font-size: 0;
	line-height: 0;
	transition: background .3s ease;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
	border: 2px solid #cecece
}

#hero .slider-pager .slick-dots li.slick-active span {
	background: #4d4d4d;
	border: 2px solid #fff
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

#scene .scene_element {
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

#scene .scene_element.fadein {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

#scene.is-exiting .scene_element.fadein {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

#scene .scene_element.delayed {
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

#scene.is-exiting .scene_element.delayed {
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}

@media (min-width:768px) and (max-width:1400px) {
	#hero {
		height: 650px !important
	}
}

@media (max-width:767px) {
	#hero {
		height: 100vh !important
	}

	#hero .slider-main .slick-slide {
		position: relative;
		background-position: center
	}

	#hero .slider-main .slick-slide .container {
		top: calc(50% - 30px)
	}
}
	@media (min-width:768px) {
		#hero .slider-main .slick-slide .container {
			opacity: 0;
			margin-top: -50px;
			transition: all .6s ease-in-out 0s
		}

		#hero a.target-365::after {
			content: "";
			display: block;
			width: 30px;
			height: 30px;
			background-image: url("../images/svg/arrow-right.svg");
			background-size: contain;
			background-position: center center;
			background-repeat: no-repeat;
			background-color: transparent;
			position: absolute;
			right: 10px;
			top: 10px
		}

		#hero a.target-365::before {
			content: "";
			display: block;
			width: 70px;
			height: 70px;
			background-image: url("../images/svg/kimora_target365.svg");
			background-size: contain;
			background-position: center center;
			background-repeat: no-repeat;
			background-color: transparent;
			position: absolute;
			left: -35px;
			top: 50%;
			margin-top: -35px
		}

		#hero .slider-main .slick-slide .slide-cta {
			box-shadow: none
		}

		#hero .slider-main .slick-slide .slide-cta a {
			color: #fff;
			font-size: 14px;
			cursor: pointer;
			background: #000;
			text-decoration: none;
			border: 2px solid #fff;
			border-radius: 20px;
			padding: 10px 20px
		}

		#hero .slider-main .slick-slide .slide-cta a:hover {
			color: #fff;
			font-size: 14px;
			padding: 15px 20px;
			cursor: pointer;
			background: #4d4d4d;
			text-decoration: none;
			border: 2px solid #fff;
			border-radius: 50px
		}

		#hero .slider-main .slick-slide .slide-cta h2 {
			font-size: 55px;
			margin-top: 100px;
			font-family: "Stratum2WebBlack", sans-serif;
			text-transform: uppercase;
			width: 75%;
			line-height: 1em
		}

		#hero .slider-main .slick-slide .slide-cta p {
			font-size: 24px;
			font-family: "FFDINWebLight", sans-serif !important;
			line-height: 34px;
			width: 75%;
			margin: 20px 0 40px
		}

		#hero .slider-main .slick-slide.slick-current .container {
			margin-top: 0;
			opacity: 1
		}

		#hero .slider-main .slick-slide:after {
			content: "";
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			top: 0%;
			background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .4) 20%, transparent 100%);
			background-image: -o-linear-gradient(left, rgba(0, 0, 0, .4) 20%, transparent 100%);
			background-image: linear-gradient(90deg, rgba(0, 0, 0, .4) 20%, transparent 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#00000000', GradientType=1)
		}
	}

	@media (max-width:1400px) {
		#hero .slider-main .slick-slide .container {
			top: 50%
		}
	}

	@media (max-width:991px) {
		#hero .slider-main .slick-slide .slide-cta h2 {
			font-size: 1.8em
		}
	}

	@media (max-width:767px) {
		#hero .slider-main .slick-slide .slide-cta h2 {
			width: 100%;
			box-sizing: border-box;
			font-size: 36px;
			font-family: "Stratum2WebBlack", sans-serif;
			padding: 20px;
			text-align: left;
			margin: 0;
			line-height: 36px;
			text-transform: uppercase
		}

		#hero .slider-main .slick-slide .slide-cta p {
			font-size: 16px;
			text-align: left;
			margin: 0 20px 40px;
			font-family: "FFDINWebLight", sans-serif !important;
			line-height: 24px
		}

		#hero .slider-main .slick-slide .slide-cta a {
			box-sizing: border-box;
			color: #fff;
			font-size: 14px;
			border-radius: 20px;
			padding: 10px 20px;
			cursor: pointer;
			background: #000;
			text-decoration: none;
			border: 2px solid #fff;
			text-align: center;
			margin: 40px 0 0 20px
		}

		#hero .slider-main .slick-slide .slide-cta a:hover {
			color: #fff;
			font-size: 14px;
			cursor: pointer;
			background: #333;
			text-decoration: none;
			border: 2px solid #fff;
			border-radius: 20px;
			padding: 10px 20px
		}

		#hero .slider-main .slick-slide .slide-cta {
			width: auto !important;
			margin: auto !important;
			left: 0;
			top: 5px
		}

		#hero .slider-main .slick-arrow {
			bottom: 50px;
			top: auto;
			display: block !important
		}

		#hero .slider-main .slick-arrow.slick-prev {
			left: 40px
		}

		#hero .slider-main .slick-arrow.slick-next {
			right: 40px
		}

		#hero .slider-pager {
			position: absolute;
			bottom: 130px;
			left: 0;
			right: 0;
			z-index: 100
		}
	}

	@media (min-width:320px) {
		#hero .slider-main .slick-arrow {
			display: none;
			width: 25px;
			height: 30px;
			top: 50%
		}
	}

	@media (max-width:1600px) {
		#hero .slider-main .slick-slide .slide-cta {
			width: 70%;
			margin-left: 75px
		}

		#hero .slider-main .slick-arrow {
			display: none !important
		}

		#hero .slider-pager {
			margin: auto;
			text-align: center
		}

		#hero .slider-pager {
			position: absolute;
			bottom: 30px;
			left: 0;
			right: 0;
			bottom: 60px;
			z-index: 100;
			float: left
		}

		.container {
			max-width: 1400px
		}
	}

	@media (min-width:1300px) {
		#hero .slider-main .slick-arrow {
			position: absolute;
			width: 40px;
			height: 50px;
			top: 50%;
			margin-top: -25px;
			z-index: 10;
			overflow: hidden;
			border: 0;
			font-size: 0;
			text-align: -999em;
			background-image: url("../images/svg/slider-arrow-white.svg");
			background-size: contain;
			background-color: transparent;
			cursor: pointer;
			opacity: .6;
			transition: opacity .2s linear 0s
		}
	}

	@media (max-width:1400px) {
		#hero .slider-main .slick-arrow {
			bottom: 20%;
			top: auto;
			display: block !important
		}

		#hero .slider-main .slick-arrow.slick-prev {
			right: 250px
		}

		#hero .slider-main .slick-arrow.slick-next {
			right: 100px
		}
	}

	@media (max-width:1199px) {
		#hero .slider-main .slick-slide .slide-cta {
			width: 65%
		}
	}

	@media (min-width:992px) {
		#scene header {
			-webkit-animation-duration: .5s;
			animation-duration: .5s;
			-webkit-animation-name: headerIn;
			animation-name: headerIn
		}

		#scene.is-exiting header {
			-webkit-animation-name: headerOut;
			animation-name: headerOut;
			-webkit-animation-delay: 0s;
			animation-delay: 0s
		}
	}

	@media (max-width:991px) {
		#hero .slider-main .slick-arrow {
			display: none !important
		}
	}