.slider {
	margin: 0 auto;
	position: relative;
	max-width: 100%;
	max-height: 400px;
	margin-top: 50px;
	margin-bottom: 70px;
}

	.slider > iframe {
		box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.15);
		position: absolute;
		left: 50%;
		top: 50%;
		width: 55%;
		height: 100%;
		transition: transform .5s;
		transform: translate(-50%,-50%)scale(1);
		z-index: 0;
		border: 4px solid #fff;
		border-radius: 15px;
	}

		.slider > iframe.center {
			display: inline-block;
			opacity: 1;
			width: 60%;
		}
		.slider > iframe.left, .slider > iframe.right {
			display: inline-block;
			opacity: 0.7;
			height: 80%;
			width: 55%;
		}
		.slider > iframe.left {
			transform: translate(-94.25%,-50%);
			z-index: 1;
		}

		.slider > iframe.center {
			z-index: 999;
			transform: translate(-50%,-50%) scale(1.1);
		}

		.slider > iframe.right {
			transform: translate(-0.75%,-50%);
			z-index: 1;
		}

	.slider > .navContainer {
		width: 49%;
		height: 100%;
		position: relative;
		display: inline-block;
		z-index: 500;
	}

		.slider > .navContainer > .leftClass, .slider > .navContainer > .rightClass {
			height: 100%;
			width: 28px;
			/*background: url(../assets/img/slider-arrow.png) no-repeat center*/
			background-position-x: 0;
			position: absolute;
			opacity: 0.6;
		}

		.slider > .navContainer > .rightClass {
			right: -60px;
			background-position-x: -30px;
		}

		.slider > .navContainer > .leftClass {
			left: 0;
		}
@media (max-width: 986px) {
	.slider {
		margin: 0 auto;
		position: relative;
		max-width: 100%;
		max-height: 200px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.slider > iframe.center {
		display: inline-block;
		opacity: 1;
		width: 55%;
	}

	.slider > iframe.left, .slider > iframe.right {
		display: inline-block;
		opacity: 0.7;
		height: 80%;
		width: 50%;
	}

}