@charset "utf-8";
/* CSS Document */

.video{
	width: 100%;
	
}

.c-video{
	width: 100%;
	position: relative;
	max-width: 1280px;
	/*overflow: hidden;*/
}

.a-video{
	width: 100%;
	position: relative;
	cursor: url("images/cur_1.png")32 32,pointer;
	/*overflow: hidden;*/
}

.c-video:hover .controls{
	transform: translateY(0);
}

.controls{
	display: flex;
	flex-wrap:wrap;
	position: absolute;
	bottom: 7px;
	width: 100%;
	background: rgba(0,0,0,0.7);
	/*transform: translateY(100%) translateY(-5px);
	transition: all 0.2s;*/
}

/*.buttons button{
	background: none;
	border: 0;
	outline: 0;
	cursor: pointer;
	
}*/

/*.buttons button:before{
	content: '\f144';
	font-family: 'Font Awesome 5 Free';
	width: 30px;
	height: 30px;
	display: inline-block;
	font-size: 28px;
	color: #fff;
	-webkit-font-smoothing: antialiased;
}*/


/*.buttons{
	padding: 10px;
}

.buttons button.play:before{
	content: '\f144';
}

.buttons button.pause:before{
	content: '\f28b';
}*/

.orange-bar{
	height: 10px;
	top: 0;
	left: 0;
	width: 100%;
	background: #0000;
}

.orange-juice{
	height: 10px;
	background-color: orangered;
}


.fas{
	font-size: 28px;
	padding: 10px;
	color: #fff;
}

#mute{
	position: absolute; right: 30px; top:10px;
	cursor: pointer;
}