@charset "utf-8";

@import url("/Styles/video-js/video-js.min.css"); 	
@import url("/Styles/video-js/videojs-hls-quality-selector.css"); 	
	
	
/*#################################*/	/*#################################*/	/*#################################*/	/*#################################*/	
/*#################################*/	/*#################################*/	/*#################################*/	/*#################################*/	
/*#################################*/	/*#################################*/	/*#################################*/	/*#################################*/	

	#siteFrame .section .slide .grupoDoVideo{
		height: inherit!important;
		position: relative;
	}
	
	html.video-popped-out {
		overflow: hidden;		
	}
	
	html.mainPage .video-popped-out #fullpage{
		z-index:  9999999999!important;
	}
	
	#siteFrame .section .slide .grupoDoVideo .container-pop-out{
		/*elementos com transform têm mais prioridade que a janela do browser para servirem de limites a elementos "fixed"*/
		/*esta formatação faz a position:fixed nested dentro do elemento considerar este contentor para as suas contas em vez do outro acima que pode ter 5000 ou mais px de altura */
		-webkit-transform:  translate(0,0);
		-moz-transform:  translate(0,0);
		-o-transform:  translate(0,0);
		transform:  translate(0,0);
	}

/*#################################*/	/*#################################*/	/*#################################*/	/*#################################*/	
/*#################################*/	/*#################################*/	/*#################################*/	/*#################################*/	
/*#################################*/	/*#################################*/	/*#################################*/	/*#################################*/		
	
	
/*#################################*/	
/*#################################*/		
	
	.video-js .vjs-big-play-button{
		height: 3em;
		border: 0.20em solid #fff;
		line-height: 2.6em; /*altura - border x 2*/
		top:50%;
		left:50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		border-radius: 50%;
		background-color:transparent;
		transition: all 150ms ease-in-out;
	}
	
	.video-js:hover .vjs-big-play-button{
		background-color: rgba(0,0,0,.5);
		transition: all 150ms ease-in-out;
	}
	
	.vjs-big-play-button span.vjs-icon-placeholder:before{
		font-size: 2em;
	}
	
/*#################################*/	
/*#################################*/	


.videoDiv {
    overflow: hidden;
    position: relative;
}
.videoDiv > video {
    width: 100%;
    height: auto;
    float: left;
}
	
.videoDiv{
	opacity: 0;
	-webkit-transition: opacity 250ms ease-in-out;
	-moz-transition: opacity 250ms ease-in-out;
	-o-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
}	
.videoDiv.montado{
	opacity: 1;
}	

/*#################################*/	
/*#################################*/		
	
	.video-js.video-just-sound .vjs-control-bar{
		background: transparent;
		opacity: 1!important;
		left: auto;
		top: 0;
		bottom: auto;
		right: 0;
		width: auto;
		font-size: 20px;
	}
	
	.video-js.video-just-sound .vjs-button>.vjs-icon-placeholder:before {
		font-size: 1.8em;
		line-height: 1.67;
	}
	
	.video-js.video-just-sound .vjs-slider{
		background: #767676;
	}
	
	.video-js.video-just-sound.vjs-playing .vjs-tech {
	  pointer-events: none;
	}

/*#################################*/	
/*#################################*/		


	.video-js.video-poster-no-fim.vjs-ended .vjs-poster,
	.video-js.video-poster-no-fim.vjs-ended .vjs-big-play-button,
	.video-js.video-poster-em-pausa.vjs-ended .vjs-poster,
	.video-js.video-poster-em-pausa.vjs-ended .vjs-big-play-button,
	.video-js.video-poster-em-pausa.vjs-paused .vjs-poster, 
	.video-js.video-poster-em-pausa.vjs-paused .vjs-big-play-button,
	.video-js.vjs-error .vjs-poster{
	  display: block!important;
	}

	.video-js.video-poster-no-fim.vjs-ended .vjs-control-bar,
	.video-js.video-poster-em-pausa.vjs-ended .vjs-control-bar,
	.video-js.video-poster-em-pausa.vjs-paused .vjs-control-bar,
	.video-js.vjs-error .vjs-control-bar,
	.video-js.vjs-error .vjs-big-play-button,
	.video-js.vjs-error .vjs-error-display.vjs-modal-dialog{
	  display: none!important;
	}		

	.videoContainer{
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: relative;

	}	
	
	.videoContainer.container-pop-out .videoDiv, .videoDiv.video-pos-absoluto {
		width: 100%;
		height: 100%;
		top:50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		position: absolute;
	}
	
	
/*	.video-js.vjs-fluid*/ .videoDiv .video-js.vjs-fluid.video-background, .videoDiv.video-pos-absoluto .video-js.vjs-fluid{
		top:50%;
		left:50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		position: absolute;

	}

	/*redimensiona-contentor*/
	
/*#################################*/	
/*#################################*/		

	.videoContainer.container-pop-out .videoDiv{
		opacity: 0;
		position: absolute;
		z-index: -1;
		width: 0;
		height: 0;
		transition:opacity 250ms linear;
	}
	
	.videoContainer.container-pop-out .videoDiv.popped-out{
		position: fixed;
		z-index: 9999999999;
		opacity: 1;
		width: 102%;
		height: 102%;
		background: rgba(0,0,0,0.85);
	}
	
	.videoContainer.container-pop-out .videoDiv.popped-out > div{
		position: absolute;
		top: 50%;
		left:50%;
		transform: translate(-50%,-50%);
		max-width: 70vw;
		max-height: 90vh;
	}

	.videoContainer.container-pop-out:not(.video-racio-manual) .videoDiv.popped-out > div{
		width: 70vw;
		height: calc(70vw * 9 / 16); /*70vw * rácio invertido da resolucao pretendida*/
	}
	
	.videoContainer.container-pop-out .videoDiv.popped-out .vjs-control-bar{
		font-size: 1.25em;
	}
	
	.videoContainer.container-pop-out .videoDiv.popped-out .vjs-menu-button-popup .vjs-menu .vjs-menu-content{
		overflow: visible;
	}
	
	.video-js.video-pop-out:before{
		content: "\00d7";
		position: absolute;
		right: 0;
		font-size: 5em;
		top: 0;
		color: #fff;
		line-height: 0.6em;
		-webkit-transform: translate(100%, -100%);
		-moz-transform: translate(100%, -100%);
		-o-transform: translate(100%, -100%);
		transform: translate(100%, -100%);
		background: rgba(41, 54, 74, 0.7);
		border-radius: 50% 50% 50% 00%;
		padding: 5px;
		cursor: pointer;
		z-index: 1;
	}
	
	.videoContainer .video-js .vjs-control:focus, .videoContainer .video-js .vjs-control:focus:before, .videoContainer .video-js .vjs-control:hover:before{
		text-shadow: 0 0 0em #fff;
	}

	.videoDiv.montado .vjs-has-started.vjs-seeking.vjs-waiting.vjs-playing .vjs-loading-spinner{
		display: none;
	}
	.videoDiv.montado .vjs-has-started.vjs-seeking.vjs-waiting.vjs-playing .vjs-poster{
		display: block;
	}

	.videoDiv .video-js.vjs-fluid.video-background.video-overflow, 
	.videoDiv.video-pos-absoluto .video-js.vjs-fluid.video-overflow{
		-webkit-transform: translate(-50%, -50%) scale(1.01);
		-moz-transform: translate(-50%, -50%) scale(1.01);
		-o-transform: translate(-50%, -50%) scale(1.01);
		transform: translate(-50%, -50%) scale(1.01);	
	}

.videoContainer{
    background-position: center center;
    background-size: cover;
	background-repeat: no-repeat;
}

/*
.videoDiv:not(.video-pos-absoluto) .video-controlos:not(.video-background){
	-webkit-transform:scale(1.00001);
	-moz-transform:scale(1.00001);
	-o-transform:scale(1.00001);
	transform:scale(1.00001);
}
*/

.videoDiv .video-js,
.videoDiv .vjs-poster{background: transparent}

.videoDiv .vjs-poster{
	background-size:cover;
	background-position: center center;
    background-repeat: no-repeat;
}

.video-sizer{
	opacity: 0!important;
}

.videoContainer.video-loading:not(.container-pop-out):before {
	content: "";
	border: 6px solid #f6f6f6;
	border-radius: 50%;
	border-top: 6px solid #b8b8b8;
	width: 50px;
	height: 50px;
	-webkit-animation: spinLoad 1s linear infinite;
	animation: spinLoad 1s linear infinite;
	position: absolute;
	z-index: 2; 
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

@media(max-width:767px){
	.videoContainer.video-loading:not(.container-pop-out):before{border:4px solid #f6f6f6;border-top:4px solid #b8b8b8;width:40px;height:40px;}
}

@-webkit-keyframes spinLoad {
	0%{ -webkit-transform:translate(-50%,-50%) rotate(0deg)}
	100%{-webkit-transform:translate(-50%,-50%) rotate(360deg)}
}

@keyframes spinLoad {
	0%{ transform:translate(-50%,-50%) rotate(0deg)}
	100%{ transform:translate(-50%,-50%) rotate(360deg)}
}

.fullCover{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

.videoDiv{min-width: 1px;min-height: 1px;}

@media(max-width:767px) and (orientation:portrait){

	.videoContainer.container-pop-out:not(.video-racio-manual) .videoDiv.popped-out > div{

		width: 90vw;
		max-width: 90vw;
		height: calc(90vw * 9 / 16);

	}

	.video-js.video-pop-out:before{
		-webkit-transform: translate(30%, -130%);
		-moz-transform: translate(30%, -130%);
		-o-transform: translate(30%, -130%);
		transform: translate(30%, -130%);
		border-radius: 50%;
	}

}