@charset "UTF-8";

.zp_video .icon {
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	width: 80px;
	height: 80px;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	border: 3px solid rgba(255,255,255, 0.9);
	border-radius: 80px;
	-webkit-border-radius: 80px;
	-o-border-radius: 80px;
	-ms-border-radius: 80px;
	-moz-border-radius: 80px;
	color: #ffffff;
	transition: color 0.2s ease-out, background 0.2s ease-out;
	-webkit-transition: color 0.2s ease-out, background 0.2s ease-out;
	-o-transition: color 0.2s ease-out, background 0.2s ease-out;
	-ms-transition: color 0.2s ease-out, background 0.2s ease-out;
	-moz-transition: color 0.2s ease-out, background 0.2s ease-out;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.24);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.24);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.24);
}

.zp_video .icon::after {
	position: absolute;
	display: block;
	left: 50%;
	margin-left: 3px;
	top: 50%;
	font-family: "Flaticon";
	content: '\f106';
	
	font-size: 2em;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
}

.zp_video:hover .icon {
	background: #ffffff;
	color: #000000;
}

.zp_video.greyscale .splashscreen {
	filter: grayscale(100%); 
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	transition: 0.3s ease-out;
	-webkit-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-ms-transition: 0.3s ease-out;
}

.zp_video .splashscreen,
.zp_video .splash-container {
	line-height: 0;
}


.zp_video.shadow {
	-webkit-box-shadow: 10px 10px 43px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 10px 10px 43px 0px rgba(0,0,0,0.25);
	box-shadow: 10px 10px 43px 0px rgba(0,0,0,0.25);
}

.zp_video.greyscale .splashscreen:hover {
	filter: grayscale(0%); 
	-webkit-filter: grayscale(0%); 
	-moz-filter: grayscale(0%); 
	-o-filter: grayscale(0%); 
	-ms-filter: grayscale(0%); 
}