@font-face {
	font-family: "vp-icomoon";
	src: url("https://vp.gjirafa.net/vps/vpplayer/assets/icons/vpplayer-fonts-2.0/icomoon.eot?svu2fd");
	src: url("https://vp.gjirafa.net/vps/vpplayer/assets/icons/vpplayer-fonts-2.0/icomoon.eot?svu2fd#iefix")
			format("embedded-opentype"),
		url("https://vp.gjirafa.net/vps/vpplayer/assets/icons/vpplayer-fonts-2.0/icomoon.ttf?svu2fd")
			format("truetype"),
		url("https://vp.gjirafa.net/vps/vpplayer/assets/icons/vpplayer-fonts-2.0/icomoon.woff?svu2fd")
			format("woff"),
		url("https://vp.gjirafa.net/vps/vpplayer/assets/icons/vpplayer-fonts-2.0/icomoon.svg?svu2fd#icomoon")
			format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

.vp-outstream-player {
	// /vps/vpplayer/assets/icons/vpplayer-fonts-2.1-dev/icomoon.eot?svu2fd
	// /vps/vpplayer/assets/icons/vpplayer-fonts-2.1-dev/icomoon.ttf?svu2fd
	// /vps/vpplayer/assets/icons/vpplayer-fonts-2.1-dev/icomoon.woff?svu2fd
	// /vps/vpplayer/assets/icons/vpplayer-fonts-2.1-dev/icomoon.svg?svu2fd

	[class^="vp-icon-"],
	[class*=" vp-icon-"] {
		/* use !important to prevent issues with browser extensions that change fonts */
		font-family: "vp-icomoon", sans-serif !important;
		speak: never;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;

		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.vp-icon-up:before {
		content: "\e900";
	}
	.vp-icon-left:before {
		content: "\e901";
	}
	.vp-icon-right:before {
		content: "\e902";
	}
	.vp-icon-down:before {
		content: "\e903";
	}
	.vp-icon-fullscreen-on:before {
		content: "\e904";
	}
	.vp-icon-fullscreen-off:before {
		content: "\e912";
	}
	.vp-icon-minimize-player:before {
		content: "\e906";
	}
	.vp-icon-rewind-10s:before {
		content: "\e905";
	}
	.vp-icon-forward-10s:before {
		content: "\e910";
	}
	.vp-icon-replay:before {
		content: "\e90f";
	}
	.vp-icon-play:before {
		content: "\e909";
	}
	.vp-icon-pause:before {
		content: "\e908";
	}
	.vp-icon-skip-backward:before {
		content: "\e913";
	}
	.vp-icon-skip-forward:before {
		content: "\e914";
	}
	.vp-icon-airplay:before {
		content: "\e90a";
	}
	.vp-icon-normal-mode:before {
		content: "\e90b";
	}
	.vp-icon-theater-mode:before {
		content: "\e90e";
	}
	.vp-icon-subtitles-off:before {
		content: "\e90c";
	}
	.vp-icon-subtitles-on:before {
		content: "\e90d";
	}
	.vp-icon-volume-mute:before {
		content: "\e917";
	}
	.vp-icon-volume-mid:before {
		content: "\e916";
	}
	.vp-icon-volume-high:before {
		content: "\e915";
		// needed for better alignment
		position: relative;
		// left: 2px;
	}
	.vp-icon-settings:before {
		content: "\e911";
	}
	.vp-icon-more:before {
		content: "\e907";
	}
	.vp-icon-share:before {
		content: "\e918";
	}
	.vp-icon-pay:before {
		content: "\e919";
	}
	.vp-icon-speed:before {
		content: "\e91a";
	}
	.vp-icon-meter:before {
		content: "\e9a6";
	}
	.vp-icon-clock:before {
		content: "\e91b";
	}
	.vp-icon-alert:before {
		content: "\e91c";
	}
	.vp-icon-close:before {
		content: "\e91d";
	}
	.vp-icon-arrow-left:before {
		content: "\e91f";
	}
	.vp-icon-arrow-right:before {
		content: "\e920";
	}
	.vp-icon-password-key:before {
		content: "\e91e";
	}
	.vp-icon-password:before {
		content: "\e921";
	}
	.vp-icon-playlist-filled:before {
		content: "\e922";
	}
	.vp-icon-playlist:before {
		content: "\e923";
	}
	.vp-icon-share-2:before {
		content: "\e924";
	}
	.vp-icon-share-3:before {
		content: "\e925";
	}
	.vp-icon-subtitles-bubble:before {
		content: "\e926";
	}
	.vp-icon-closed-caption-filled:before {
		content: "\e927";
	}
	.vp-icon-closed-caption:before {
		content: "\e928";
	}
	.vp-icon-like:before {
		content: "\e929";
	}
	.vp-icon-dislike:before {
		content: "\e92a";
	}
	.vp-icon-chromecast:before {
		content: "\e948";
	}

	.vp-icon-whatsapp:before {
		content: "\e930";
	}

	.vp-icon-twitter:before {
		content: "\e931";
	}

	.vp-icon-tumblr:before {
		content: "\e932";
	}

	.vp-icon-blogger:before {
		content: "\e933";
	}

	.vp-icon-reddit:before {
		content: "\e934";
	}

	.vp-icon-pinterest:before {
		content: "\e935";
	}

	.vp-icon-messenger:before {
		content: "\e936";
	}

	.vp-icon-copy:before {
		content: "\e937";
	}

	.vp-icon-linkedin:before {
		content: "\e938";
	}

	.vp-icon-facebook:before {
		content: "\e939";
	}

	.vp-icon-subtitles-small:before {
		content: "\e940";
		font-size: 15px;
	}

	.vp-icon-subtitles-medium:before {
		content: "\e940";
		font-size: 20px;
	}

	.vp-icon-subtitles-large:before {
		content: "\e940";
		font-size: 24px;
	}

	.vp-icon-subtitles-dropShadow:before {
		content: "\e940";
		filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
	}

	.vp-icon-subtitles-light:before {
		content: "\e940";
		color: black;
		background-color: white;
		// border: 1px solid black;
		// border-radius: 3px;
		padding: 3px;
		padding-right: 5px;
	}

	.vp-icon-subtitles-dark:before {
		content: "\e940";
		color: white;
		background-color: black;
		// border: 1px solid white;
		// border-radius: 3px;
		padding: 3px;
		padding-right: 5px;
	}

	.vp-icon-subtitles-contrast:before {
		content: "\e940";
		color: rgba(217, 196, 5, 1);
		background-color: black;
		// border: 1px solid rgba(217, 196, 5, 1);
		// border-radius: 3px;
		padding: 3px;
		padding-right: 5px;
	}

	.vp-icon-video-mode:before {
		content: "\e949";
	}

	.vp-icon-audio-only-mode:before {
		content: "\e94a";
	}
}