/* RESET STYLE PLYR JS */
.plyr,
.plyr-wrapper {
	position: relative;
	width: 100%;
	-webkit-border-radius: 30px;
	   -moz-border-radius: 30px;
	        border-radius: 30px;
	overflow: hidden;
	cursor: pointer;
}

.plyr .plyr__video-wrapper .plyr__video-embed__container.plyr__video-embed__container {
	width: 100%;
	height: 100%;
	padding-bottom: 0;
	-webkit-transform: none !important;
	   -moz-transform: none !important;
	    -ms-transform: none !important;
	     -o-transform: none !important;
	        transform: none !important;
}

.plyr video {
	-o-object-fit: cover;
	   object-fit: cover;
}

.plyr .plyr__poster {
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}

.plyr.plyr__poster-enabled.plyr--paused .plyr__poster,
.plyr.plyr__poster-enabled.plyr--playing .plyr__poster {
	opacity: 0;
}

.plyr.plyr__poster-enabled .plyr__poster,
.plyr.plyr__poster-enabled.plyr--paused.plyr--stopped .plyr__poster {
	opacity: 1;
}

.plyr.plyr--video .plyr__controls {
	opacity: 0;
}

.plyr.plyr--video.plyr--playing .plyr__controls {
	opacity: 1;
}

.plyr.plyr--video>.plyr__control {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border: 0;
	padding: 0;
	background-color: var(--red);
	overflow: hidden;
	opacity: 1;
	z-index: 5;
}

.plyr.plyr--video>.plyr__control>svg {
	fill: var(--purple);
}

.plyr.plyr--video input[type=range] {
	color: var(--red);
}


@media all and (min-width: 1300px) {
	.plyr.plyr--video>.plyr__control {
		width: 108px;
		height: 108px;
	}

	.plyr.plyr--video>.plyr__control>svg {
		width: 35px;
		height: 35px;
	}
}

@media all and (max-width: 1299px) {
	
}

@media all and (min-width: 601px) and (max-width: 1299px) {
	.plyr.plyr--video>.plyr__control {
		width: 80px;
		height: 80px;
	}

	.plyr.plyr--video>.plyr__control>svg {
		width: 25px;
		height: 25px;
	}
}


@media all and (max-width: 600px) {
	.plyr.plyr--video>.plyr__control {
		width: 38px;
		height: 38px;
	}

	.plyr.plyr--video>.plyr__control>svg {
		width: 13px;
		height: 13px;
	}
}