@import url('default.css');

/* ESSENCIAIS */
/*_____________________________________________________________________________________________________________________________________________________________*/

/* cores do ecrã de loading */
.loader { background: #2A2A2A; }	/* loader background color */
.loader i.fa-cog { color: #ffffff; } /* loader spinner color */

/* cor do botão scroll top */
.scrollup { color: auto; display: none!important; } /* go top button color */

/* hightlight colors */
::selection, ::-moz-selection { background: auto; color: auto; }

/* placeholder dos formularios */
::-webkit-input-placeholder { color: #000000; }
:-moz-placeholder { color: #000000; }
::-moz-placeholder { color: #000000; }
:-ms-input-placeholder { color: #000000; }

/* locker on or off */
#locked { display: none; } 



/* ADICIONAR CÓDIGO ABAIXO*/
/*_____________________________________________________________________________________________________________________________________________________________*/



@import url('https://fonts.googleapis.com/css?family=Montserrat');
@font-face { font-family: 'Ethnocentric Rg'; src: url('../fonts/EthnocentricRg-Regular.eot'); src: url('../fonts/EthnocentricRg-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/EthnocentricRg-Regular.woff2') format('woff2'), url('../fonts/EthnocentricRg-Regular.woff') format('woff'), url('../fonts/EthnocentricRg-Regular.ttf') format('truetype'), url('../fonts/EthnocentricRg-Regular.svg#EthnocentricRg-Regular') format('svg'); font-weight: normal; font-style: normal; }

.montserrat { font-family: 'Montserrat', sans-serif; }
.ethnocentric { font-family: 'Ethnocentric Rg'; font-weight: normal; font-style: normal; }


html { overflow-y: hidden; }
body { text-align: center; }

/*Fundo gradiente interativo*/
div.fundoAnimado { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: linear-gradient(-45deg, #D5F9FF, #66E8FF, #A7DCFC, #75F9EC); /*background: linear-gradient(-45deg, #3A68AE, #46F6F3, #23A6D5, #23D5AB);*/ background-size: 400% 400%; -webkit-animation: Gradient 15s ease infinite;-moz-animation: Gradient 15s ease infinite; animation: Gradient 15s ease infinite; }
@-webkit-keyframes Gradient {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50%	}
	100% { background-position: 0% 50%}
}
@-moz-keyframes Gradient {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50%	}
	100% { background-position: 0% 50% }
}
@keyframes Gradient {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50%	}
	100% { background-position: 0% 50% }
}



/*Esquema de navegação do site*/
#container .box { width:calc( 100vw - 200px ); height:calc( 100vh - 200px ); margin-top: 100px; display:inline-block; position:relative;
-webkit-box-shadow: 0px 15px 10px -5px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 15px 10px -5px rgba(0,0,0,0.4);
box-shadow: 0px 15px 10px -5px rgba(0,0,0,0.4);
}
#container .oneVideo{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#container .box > div.area { width:100px; height:100px; position:absolute; top:50%; left:50%; margin:-50px 0 0 -50px; }
#container { overflow-y:scroll; overflow-x:hidden; transform: rotate(270deg) translateX(-100%); transform-origin: top left; position:absolute; width:100vh; height:100vw; z-index: 1; background-color: transparent; }
#container2 { transform: rotate(90deg) translateY(-100vh); transform-origin: top left; white-space:nowrap; font-size:0; }

#container .one,#container .two,#container .three,#container .four, #container .five,#container .six{ background-color: #079EBB; background-size: cover; background-repeat: no-repeat; background-position: center; }
#container .oneVideo { margin-left: 100px; }
#container .six { margin-right: 100px; }

#container .box > div.area div.posicao { overflow: hidden; position: relative; width:calc( 100vw - 200px ); height:calc( 100vh - 200px ); margin-top: calc( -50vh + 150px ); margin-left: calc( -50vw + 150px ); }


h1,h2,h3,h4,h5,h6,p { white-space: pre-line; }
h1 { font-size: 26px; line-height: 32px; color: #ffffff; font-family: 'Ethnocentric Rg'; font-weight: normal; font-style: normal; text-transform: uppercase; margin-bottom: 15px; }
h2 { font-size: 16px; line-height: 22px; color: #ffffff; font-family: 'Ethnocentric Rg'; font-weight: normal; font-style: normal; text-transform: uppercase; }
p { font-size: 15px; line-height: 20px; color: #ffffff; font-family: 'Montserrat', sans-serif; margin-bottom: 10px; }
p strong { font-size: 18px; line-height: 24px; color: #ffffff; font-family: 'Ethnocentric Rg'; font-weight: normal; font-style: normal; text-transform: uppercase; }

.transition { -webkit-transition: all 750ms; -moz-transition: all 750ms; -ms-transition: all 750ms; -o-transition: all 750ms; transition: all 750ms; }
.transitionSlow { -webkit-transition: all 1500ms; -moz-transition: all 1500ms; -ms-transition: all 1500ms; -o-transition: all 1500ms; transition: all 1500ms; }
div.filtro { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(7,158,187,0.15); z-index: 2; }
div.absolute-center { width: 100%; z-index: 3; }
div.barra { width: 60px; max-width: 100%; height: 2px; background-color: rgba(255,255,255,0.3); margin: 0 auto; margin-bottom: 25px; }
#videoEntrada { position: fixed; width:calc( 100vw - 200px ); height:calc( 100vh - 200px ); margin-top: 100px; margin-left: 100px; z-index: 1; min-height: 100px; }
#videoEntrada .filtroVideo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(7,158,187,0.1); z-index: 2; }
#master-slider-1 { width:calc( 100vw - 200px ); height:calc( 100vh - 200px ); }
#logo { position: fixed; top: 0; left: 0; margin-top: 50vh; margin-left: 50vw; z-index: 10; }
#logoTopo { position: fixed; top: 0; left: 0; margin-top: 55px; margin-left: 50vw; z-index: 10; }
a:hover, a:focus, a:active { text-decoration: none; }

#boneco { position: absolute; width: 80px; height: 62px; top: 18px; left: calc( 50vw - 35px ); z-index: 10; opacity: 0; }
#boneco svg { height: 62px!important; }

.logoPrincipal { position: absolute; bottom: 30px; width: 80px; height: 40px; z-index: 2; background-size: contain; background-position: center; background-repeat: no-repeat; }
.logoPrincipal1 { right: 51%; }
.logoPrincipal2 { left: 51%; }

.rightArrow { position: absolute; right: 50px; bottom: 25px; width: 80px; }
.utd { position: absolute; width: 44px; bottom: 40px; right: 50px; z-index: 10; }
.utdBlack { display: block; }
.utdWhite { display: none; }

div.externoBotao { position: relative; width: 200px; height: 50px; margin: 10px; display: inline-block; }
div.botao { width: 100%; height: 100%; border: 2px solid rgba(255,255,255,0.3); text-align: center; cursor: pointer; }
div.botao:hover { background-color: #231F20; border: 2px solid rgba(255,255,255,1); }
div.botao h2 { line-height: 45px; }

div.container { max-width: 90%; }
div.col-sem-padding { padding-left: 0; padding-right: 0; }


#container .two { background-color: #231F20; background-image: url('../imgs/fundo3.jpg'); }
div.two div.filtro { background-color: rgba(7,158,187,0.2); }
div.two div.barra { margin-bottom: 10px; }
div.two div.logoPatrocinio { display: inline-block; margin: 25px 10px; background-size: contain; background-position: center; background-repeat: no-repeat; }
div.two div.principal { width: 150px; height: 120px; }
div.two div.secundario { width: 100px; height: 80px; }


div.three { background-image: url('../imgs/fundo2.jpg'); }
div.three div.filtro{ background-color: rgba(7,158,187,0.4); }
div.three div.absolute-center { max-height: 100%; overflow-y: auto; }
div.three div.separador { width: 30px; height: 30px;}
div.three div.imagemProva { height:calc( 100vh - 199px ); background-position: center; background-repeat: no-repeat; background-size: cover; }
div.three div.descricaoProva { height:calc( 100vh - 199px ); }


div.four div.bloco { width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
div.four div.bloco1 { height:calc( 100vh - 199px ); width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
div.four div.bloco2 { height:calc( (100vh - 199px) / 2 ); }
div.four div.bloco3 { height:calc( (100vh - 199px) / 2 ); }
div.four div.bloco4 { height:calc( (100vh - 199px) / 2 ); }
div.four div.bloco5 { height:calc( (100vh - 199px) / 2 ); }
div.four div.bloco div.filtro { background-color: rgba(7,158,187,0.1); }
div.four div.bloco div.absolute-center { opacity: 0; width: 90%; }
div.four div.bloco:hover div.filtro { background-color: rgba(7,158,187,0.9); }
div.four div.bloco:hover div.absolute-center { opacity: 1; }
div.four div.bloco span.efeitoHover p:first-child { font-size: 16px; font-family: 'Ethnocentric Rg'; font-weight: normal; font-style: normal; margin-bottom: 5px; }
div.four div.bloco1 div.filtro { background-color: rgba(7,158,187,0.7); }
div.four div.bloco1:hover div.filtro { background-color: rgba(7,158,187,0.9); }
div.four div.bloco1 div.textoSup { text-align: left; position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: 2; padding: 100px 25px 25px 25px; overflow-y: auto; }
div.four div.bloco1 div.textoSup div.barra { margin-left: 0; }


div.five div.bloco { width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
div.five div.bloco div.filtro { background-color: rgba(7,158,187,0.4); }
div.five div.bloco2 div.filtro { background-color: rgba(7,158,187,0.5); }
div.five div.bloco div.absolute-center { width: 90%; max-height: 100%; overflow-y: auto; }
div.five div.bloco1 { height:calc( 100vh - 199px ); background-image: url('../imgs/fundo2.jpg'); }
div.five div.bloco2 { height:calc( 100vh - 199px ); }
div.five div.bloco1 div.textoSup { text-align: left; position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: 2; padding: 100px 150px 25px 50px; overflow-y: auto; }
div.five div.bloco1 div.textoSup div.barra { margin-left: 0; }
div.five div.externoBotao { margin: 40px auto; }


div.six div.bloco div.filtro { background-color: rgba(7,158,187,0.2); }
div.six div.bloco2 div.filtro { background-color: rgba(7,158,187,0.75); }
div.six div.bloco { width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
div.six div.bloco div.absolute-center { width: 70%; max-height: 100%; overflow-y: auto; }
div.six div.bloco1 { height:calc( 100vh - 199px ); background-image: url('../imgs/fundo3.jpg'); }
div.six div.bloco2 { height:calc( 100vh - 199px ); }
div.six h2 { margin-bottom: 25px; }
div.six i.fa { margin-right: 10px; font-size: 20px; line-height: 20px; }
div.six p.hover:hover { opacity: 0.5; }
div.six i#facebook { position: absolute; font-size: 30px; color: #ffffff; z-index: 5; bottom: 50px; left: calc( 50% - 12px ); margin-right: 0; }
div.six i#facebook:hover { opacity: 0.5; }








@media only screen and (max-width : 1800px) {
	h1 { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
	h2 { font-size: 14px; line-height: 18px; }
	p { font-size: 13px; line-height: 18px; margin-bottom: 8px; }
	p strong { font-size: 13px; line-height: 18px; }
	div.barra { margin-bottom: 10px; }
	div.two div.barra { margin-bottom: 25px; }
	div.four div.bloco1 div.textoSup { padding: 50px 25px 25px 25px;}
	div.five div.bloco1 div.textoSup { padding: 50px 80px 25px 25px; }
}


@media only screen and (max-width : 1600px) {
	div.fundoAnimado { display: none; }
	html { overflow-y: auto; }
	#container .box { width: 100%; height:auto; margin-top: 0px; display:block; position:relative;
	-webkit-box-shadow: 0px 15px 10px -5px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 15px 10px -5px rgba(0,0,0,0.4);
	box-shadow: 0px 15px 10px -5px rgba(0,0,0,0.4);
	}
	#container .box > div.area { width:100%; height: auto; position:relative; top:0%; left:0%; margin: 0px 0 0 0px; }
	#container { overflow-y:auto; overflow-x:auto; transform: none; transform-origin: initial; position:relative; width:auto; height: auto; }
	#container2 { transform: none; transform-origin: unset; white-space:nowrap; font-size:0; }
	#container .one,#container .two,#container .three,#container .four, #container .five,#container .six{ height: 100vh; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
	#container .oneVideo { margin-left: 0px; -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; height: 100vh; }
	#container .six { margin-right: 0px; }
	#container .box > div.area div.posicao { overflow: none; position: relative; width: 100%; height: 100vh; margin-top: 0; margin-left: 0; }
	#logoTopo { position: absolute; }
	#logo { position: absolute; }
	#videoEntrada { width:100%; height: 100vh; margin-top: 0px; margin-left: 0px; }
	.rightArrow { display: none; }

	div.three div.imagemProva, div.three div.descricaoProva { height: 100vh; } 
	div.four div.bloco1 { height: 100vh; }
	div.four div.bloco1 div.textoSup { padding: 80px 20px 20px 20px; }
	div.four div.bloco2 { height: 50vh; }
	div.four div.bloco3 { height: 50vh; }
	div.four div.bloco4 { height: 50vh; }
	div.four div.bloco5 { height: 50vh; }
	div.five div.bloco { height: 100vh; }
	div.five div.bloco1 div.textoSup { padding: 80px 20px 20px 20px; }
	div.six div.bloco { height: 100vh; }
	div.six div.bloco div.absolute-center { width: 90%; }

	.utd { position: fixed; width: 44px; bottom: 20px; right: 20px; }
	.utdBlack { display: none; }
	.utdWhite { display: block; }
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.absolute-center { position: relative; left: 0%; top: 0%; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; }
	#container .one,#container .two,#container .three,#container .four, #container .five,#container .six{ height: auto; }
	#container .box > div.area div.posicao { height: auto; }
	#container .oneVideo { height:100vh; }
	#container .oneVideo div.area div.posicao { height:100vh!important; }
	#container .box > div.area div.posicao { height: auto; }
	#videoEntrada { height: 100vh; }
	div.container { max-width: none; }
	div.two div.container div.row { padding-top: 100px; padding-bottom: 100px; }
	div.two div.principal { width: 100px; height: 80px; }
	div.two div.secundario { width: 70px; height: 50px; }
	div.three div.imagemProva, div.three div.descricaoProva { height: auto; } 
	div.three div.imagemProva { display: none; }
	div.three div.descricaoProva { padding-top: 100px; padding-bottom: 100px; }
	div.three div.descricaoProva div.absolute-center { overflow: hidden; }
	div.four div.bloco1,div.four div.bloco2,div.four div.bloco3,div.four div.bloco4,div.four div.bloco5 { height: auto; }
	div.four div.bloco1 div.textoSup { position: relative; padding: 100px; }
	div.four div.bloco2 { display: none; }
	div.four div.bloco3,div.four div.bloco4,div.four div.bloco5 { height: 300px; }
	div.four div.bloco3 div.absolute-center,div.four div.bloco4 div.absolute-center,div.four div.bloco5 div.absolute-center { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%) !important; -moz-transform: translate(-50%,-50%) !important; -ms-transform: translate(-50%,-50%) !important; -o-transform: translate(-50%,-50%) !important; transform: translate(-50%,-50%) !important; }
	
	div.four div.bloco div.filtro { background-color: rgba(7,158,187,0.4); }
	div.four div.bloco div.absolute-center { opacity: 0.8; }
	div.four div.bloco:hover div.filtro { background-color: rgba(7,158,187,0.9); }
	div.four div.bloco:hover div.absolute-center { opacity: 1; }
	div.four div.bloco1 div.filtro { background-color: rgba(7,158,187,0.7); }
	div.four div.bloco1:hover div.filtro { background-color: rgba(7,158,187,0.9); }

	div.five div.bloco { height: auto; padding-top: 100px; padding-bottom: 100px; }
	div.five div.bloco div.absolute-center { width: 100%; }
	div.five div.externoBotao { margin-bottom: 0; }
	div.five div.bloco1 div.textoSup { position: relative; padding: 0 100px; }
	div.six div.bloco { height: auto; }
	div.six div.bloco div.absolute-center { width: 100%; padding-top: 100px; padding-bottom: 100px; }
	div.six div.bloco2 div.absolute-center { padding-bottom: 150px; }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	div.two div.logoPatrocinio { display: block; }
	div.two div.principal { margin: 15px auto; }
	div.two div.secundario { margin: 5px auto; }
	div.four div.bloco1 div.textoSup { padding: 100px 15px; }
	div.five div.bloco1 div.textoSup { padding: 0 15px; }
	div.externoBotao { display: block; margin: 15px auto; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
        
}