
.slick-prev-button, .slick-next-button {
	height: 48px;
	width: 48px;
	margin-top: -24px;
	position: absolute;
	top: 50%;
	border-radius: 50%;
	background-color: rgba(100, 100, 100, 0.7);
	box-shadow: 0 1px 5px rgba(0,0,0,0.3)
}

.slick-prev-button {
	left: -8px;
}

.slick-next-button {
	right: -8px;
}


.slick-prev-button.slick-disabled,
.slick-next-button.slick-disabled {
    background-color: #ddd;
    display: none !important;
}

.slick-prev-button-inner, .slick-next-button-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -16px;
	margin-left: -16px;
}

.slick-prev-button-inner path, .slick-next-button-inner path {
	-webkit-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
            animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
	-webkit-animation-name: fade;
	        animation-name: fade;
}

.slick-prev-button-inner {
	background-image: url(../img/arrow-left.png);
	background-position: 45% center;
}

.slick-prev-button.slick-disabled .slick-prev-button-inner,
.slick-next-button.slick-disabled .slick-next-button-inner {
	opacity: 0.2;
}

.slick-prev-button.slick-disabled .slick-prev-button-inner path,
.slick-next-button.slick-disabled .slick-next-button-inner path {
	-webkit-animation: none;
	animation: none;
}

.projslider-navigation {
	margin-left: -1px;
	margin-right: -1px;
}

.projslider-navigation .slick-slide {
	position: relative;
	margin: 0 1px;
}

.projslider-navigation .slick-slide:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.projslider-navigation .slick-slide.is-sketchfab:before {
	background: url(../img/sketchfab-icon.png);
}

.projslider-navigation .slick-slide.is-vimeo:before {
	background: url(../img/vimeo-icon.png);
}

.projslider-content .slick-slide > iframe {
	display: block;
	width: 100%;
	height: 600px;
}

@-webkit-keyframes fade {
	0% {
		fill: #fff;
	}
	100% {
		fill: #000;
	}
}

@keyframes fade {
	0% {
		fill: #fff;
	}
	100% {
		fill: #000;
	}
}
