.swiper-container {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
  width: 860px;
  height: 366px;
  max-width: 100%;
  box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3)
}

.swiper-pagination-bullet-active {
	background: rgba(149, 27, 129, 1);
}

.swiper-lazy-preloader {
	border-bottom-color: rgba(149, 27, 129, 1);
	border-left-color: rgba(149, 27, 129, 1);
	border-right-color: rgba(149, 27, 129, 1);
}

.swiper-button-next, .swiper-button-prev {
	color: #FFF;
}

.swiper-slide a {
	display: none;
}
.swiper-slide.swiper-slide-active a {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100px;
}


.swiper-slide-active .play-button {
	margin-top: 220px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    width: 100px;
    height: 100px;
	cursor: pointer;
	transition: all 0.3s;
    -webkit-animation: circlePulse 2s ease-in-out infinite;
    animation: circlePulse 2s ease-in-out infinite;
	/*background-image: url(../images/play-icon.png);*/
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIwLjA1NSIgeTE9IjAuNSIgeDI9IjEiIHkyPSIwLjUiIGlkPSJncmFkaWVudF8xIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNFOTRFMUIiIC8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTUxQjgxIiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik03LjA5NDYzIDAuNTY3NDUxQy0xLjk2MDE3IDQuMjg2MjQgLTIuNzYxNjcgMzUuNjMyIDcuMDk2MjMgMzkuNDE2MUMxNi45NTQxIDQzLjIwMDEgMzkuODM5IDI3LjY0NjIgMzkuOTk5MiAxOS45OTE3QzQwLjE1OTUgMTIuMzM3MiAxNi4xNDk0IC0zLjE1MTM0IDcuMDk0NjMgMC41Njc0NTFaIiBpZD0icGxheSIgZmlsbD0idXJsKCNncmFkaWVudF8xKSIgc3Ryb2tlPSJub25lIiAvPjwvc3ZnPg');
	background-repeat:no-repeat;
	background-position: center;
}
@-webkit-keyframes circlePulse {
    0% {
        box-shadow: 0 0 0 0px rgba(255,255,255,0.4)
    }

    50% {
        box-shadow: 0 0 0 15px rgba(255,255,255,0.4)
    }

    100% {
        box-shadow: 0 0 0 0px rgba(255,255,255,0.4)
    }
}

@keyframes circlePulse {
    0% {
        box-shadow: 0 0 0 0px rgba(255,255,255,0.4)
    }

    50% {
        box-shadow: 0 0 0 15px rgba(255,255,255,0.4)
    }

    100% {
        box-shadow: 0 0 0 0px rgba(255,255,255,0.4)
    }
}