video {
	display:block;
	width:100%;
	height:100%;
	background:#000;
}

div.player_button {
	width:33px;
	height:15px;
	border:none;
	cursor:pointer;
	margin:0px;
	padding:0px;
	float:left;
	outline:0;
}
.play { background:url(../images/player/play.png) no-repeat center; }
.pause { background:url(../images/player/pause.png) no-repeat center; }
.stop { background:transparent url(../images/player/pause.png) no-repeat center; }
.fullscreen { background:transparent url(../images/player/screen.png) no-repeat center; }
.volume-plus { /*background:url(../images/player/vol1.png) no-repeat center;*/  }
.volume-minus { background-position:-76px 0; }
.mute { background-position:-95px 0; }
.unmute { background-position:-114px 0; }
.replay { background-position:-133px 0; }
.volume-inc-button { text-align:center; }
.volume-inc-button > img { margin-top:4px; vertical-align:top; }

.media-controls {
	background:#f0f1f2;
	display:block;
}

.media-player {
	background:#252525;
	border:1px solid #252525;
	display:none;
	position:relative;
	margin:0 auto;
    overflow: hidden;
}

.media-player > iframe {
	width:100%;
	height:100%;
}

.play_video {
	cursor:pointer;
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	z-index:10;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.play_video > div {
	width:100%;
	height: 100%;
	display:table;
}

.play_video > div > p {
	font-family: 'BrandonGrotesque-Regular';
	letter-spacing:0.3em;
	font-size:3em;
	color:#f0f1f2;
	text-transform:uppercase;
	display: table-cell;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.play_video > div > p > img {
	cursor:pointer;
}

.play_video.play {
	overflow: hidden !important;
	opacity:0;
	height:0px;
}

@media (max-width: 767px) {
	.play_video > div > p {
		font-size:2em;
	}
	
	.play_video > div > p > img {
		width:3em;
		max-width:96px;
	}
}