/* RESET STYLE PLYR JS */
.plyr-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.plyr,
.plyr-wrapper {
	position: relative;
	width: 100%;
	-webkit-border-radius: var(--rounded-lg);
	-moz-border-radius: var(--rounded-lg);
	border-radius: var(--rounded-lg);
	-webkit-mask-image: -webkit-radial-gradient(white, black);
	-webkit-box-shadow: var(--shadow);
	-moz-box-shadow: var(--shadow);
	box-shadow: var(--shadow);
	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 .plyr__poster {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #d9d9d9;
}

.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;
	width: 60px;
	height: 60px;
	padding: 0;
	-webkit-box-shadow: var(--shadow);
	-moz-box-shadow: var(--shadow);
	box-shadow: var(--shadow);
	background-color: var(--white);
	overflow: hidden;
	opacity: 1;
}

.plyr.plyr--video:hover>.plyr__control {
	background-color: var(--white);
}

.plyr.plyr--video>.plyr__control>svg {
	width: 20px;
	height: 20px;
	fill: var(--orange);
	margin: auto;
}

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

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


/* ----------------------------------------------------------------
			Styling Responsive
-------------------------------------------------------------------*/
@media all and (min-width: 601px) and (max-width: 900px) {
	.custom-width-video {
		margin-top: -180px;
	}
}

@media all and (min-width: 1300px) {
	.custom-width-video {
		margin-top: -280px;
	}
}

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

	.plyr.plyr--video>.plyr__control>svg {
		width: 11px;
		height: 11px;
	}
	
	.custom-width-video {
		margin-top: -100px;
	}

	body .popup .inner-popup {
		padding: 16px;
	}
}