.logo-carousel {
	padding: 60px 0 41px;
	position: relative;
}

.logo-carousel__wrapper {
  	position: relative;
}

.js-logo-slider {
	padding-bottom: 55px;
}

.logo-carousel__headline h4 {
	text-align: center;
	color: #13307F;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.100em;
	text-transform: uppercase;
	padding-bottom: 20px;
}

.logo-carousel .slick-slide {
	margin: 0 16px;
}

.logo-carousel__logo__img img {
	-webkit-filter: grayscale(100%);
	        filter: grayscale(100%);
	opacity: 0.50;
}

/* .home .logo-carousel {
	padding-top: 50px;
}

.home .logo-carousel__wrapper .slick-track {
	align-items: center;
}

.home .logo-carousel__logo__img img {
	-webkit-filter:  none;
	filter: none;
	opacity: 1;
	height: auto;
} */

.logo-slider__nav {
	max-width: 1340px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	justify-content: center;
}

	.logo-carousel .slick-arrow {
		margin: 0;
		background-color: #fff;
		color: #13307F;
		border: 1px solid #DDDDDD;
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
	}

		.logo-carousel .slick-arrow:hover {
			background: #EA7500;
            color: #fff;
            border-color: #EA7500;
		}

	.logo-carousel .slick-prev {
		border-radius: 0 0 3px 3px;
		border-right: 0;
	}

	.logo-carousel .slick-next {
		border-radius:  3px 3px 0 0;
	}

@media(min-width: 768px) {


	.logo-carousel__headline h4 {
		padding-bottom: 30px;
		font-size: 15px;
	}

	.js-logo-slider {
		padding-left: 52px;
		padding-right: 52px;
		padding-bottom: 70px;
	}

		.logo-carousel .slick-slide {
			margin: 0 16px;
		}

			.logo-carousel__logo__img  img {
				margin: 0 auto;
			}
}

@media(min-width: 1200px) {
	.logo-carousel {
		padding: 100px 0 100px;
	}

		.logo-carousel__headline h4 {
			padding-bottom: 30px;
			font-size: 16px;
		}

		.js-logo-slider {
			padding-left: 0;
			padding-right: 0;
			padding-bottom: 100px;
		}

		.logo-carousel::after {
			content: '';
			position: absolute;
			top: 0;
			right: 0;
			width: 379px;
			height: 100%;
			background: rgb(255,255,255);
			background: linear-gradient(83deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
			z-index: 1;
		}

		.logo-carousel::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 379px;
			height: 100%;
			background: rgb(255,255,255);
			background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
			z-index: 1;
		}

		.logo-slider__nav {
			  justify-content: center;
		}

		.logo-carousel .slick-slide {
			margin: 0 32px;
		}
}