/* Module Specific CSS Declarations */

.slick-slide {
	max-width: 100vw;
}
.slick-prev, .slick-next {
	display: none;
}
@media screen and (min-width: 737px) {
	.slick-slide:not(.slick-current) {
		position: relative;
		-ms-transform: perspective(1600px) rotateY(25deg);
		-o-transform: perspective(1600px) rotateY(25deg);
		-webkit-transform: perspective(1600px) rotateY(25deg);
	    -moz-transform: perspective(1600px) rotateY(25deg);
	    transform: perspective(1600px) rotateY(25deg);
	    -webkit-transform-style: preserve-3d;
	    -moz-transform-style: preserve-3d;
	    opacity: .7;
	    transition: 1s ease;
	}
	.slick-current + .slick-slide {
		position: relative;
	    -webkit-transform: perspective(1600px) rotateY(-25deg);
	    -moz-transform: perspective(1600px) rotateY(-25deg);
	    -ms-transform: perspective(1600px) rotateY(-25deg);
	    -o-transform: perspective(1600px) rotateY(-25deg);
	    transform: perspective(1600px) rotateY(-25deg);
	    -webkit-transform-style: preserve-3d;
	    -moz-transform-style: preserve-3d;
	    opacity: .7;
	    transition: 1s ease;
	}
	.slick-slide {
		margin: 0 -2vw;
		width: 70vw;
    	max-width: 1100px;
	}
	.slick-current {
		
		-webkit-transition: all .5s ease;
		-moz-transition:    all .5s ease;
		-ms-transition:     all .5s ease;
		-o-transition:      all .5s ease;
		transition:      	all .5s ease;
	}
	.list-homepage-slides {
	    padding: 4em 0 1em;
	    max-height: 700px;
	    overflow: hidden;
	}
	.slick-prev {
		display: block;
	    position: absolute;
	    color: #fff;
	    font-size: 24px;
	    z-index: 100;
	    top: 50%;
	    left: 13vw;
	}
	.slick-next {
		display: block;
	    position: absolute;
	    color: #fff;
	    font-size: 24px;
	    z-index: 100;
	    top: 50%;
	    right: 13vw;
	}
}
@media screen and (min-width: 1463px) {
	.slick-prev {
	    left: 50%;
	    margin-left: -537px;
	}
	.slick-next {
		right: 50%;
	    margin-right: -537px;
	}
}
@media screen and (max-width: 1200px) and (min-width: 737px) {
	
}

@media screen and (max-width: 736px) {
	.slick-dots {
	    position: absolute;
	    bottom: 10px;
	    text-align: center;
	    width: 100%;
	}
	.slick-dots li {
		display: inline-block;
	    border: solid 3px #fff;
	    background: #000;
	    width: 20px;
	    height: 20px;
	    margin: 0 15px;
	    border-radius: 10px;
	}
	li.slick-active {
	    border-color: #000;
	    background-color: #fff;
	}
	.slick-dots button {
		display: none;
	}
}