.d-carousel,.d-carousel *{
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}

.d-carousel{
	position:relative;
	overflow-y:hidden
}

.d-carousel__outer{
	overflow-x:hidden;
	overflow-y:hidden;
	-webkit-overflow-scrolling:touch;
	position:relative;
	white-space:nowrap;
	margin-bottom:-1.5rem
}

.d-carousel__outer::-webkit-scrollbar{
	display:none
}

.d-carousel__inner{
	padding:1rem 0;
	display:inline-block}

.d-carousel__ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin:0 0 1.5rem;padding:0
}

.d-carousel__item{
	display:block;
	padding:0 .5rem
}

.d-carousel__next,.d-carousel__prev{
	position:absolute;
	top:50%;
	cursor:pointer;
	display:block;
	background:rgba(255, 255, 255, 0.85);
	border:0;
	border-radius:50%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:4.5rem;
	height:4.5rem;
	z-index:2
}

.d-carousel__next svg,.d-carousel__prev svg{
	width:4.5rem;
	height:4.5rem
}

.d-carousel__next.disabled,.d-carousel__prev.disabled{
	opacity:0;
	pointer-events:none
}

.d-carousel__next{
	right:1.5rem;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 1px 1px !important;
}

.d-carousel__prev{
	left:1.5rem;
	-webkit-transform:translateY(-50%) rotate(-180deg);
	transform:translateY(-50%) rotate(-180deg);
	box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 1px 1px !important;
}

.d-carousel.init .d-carousel__next,.d-carousel.init .d-carousel__prev{
	-webkit-transition:opacity .5s ease-in-out;
	transition:opacity .5s ease-in-out
}
	@supports(color:#fff){.d-carousel__outer{overflow-x:auto}
}