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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/*----------------*/


::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background-color:#666666;
}

::-webkit-scrollbar-thumb {
	background-color:#CCCCCC;
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
}



/*----*/



/*----------------*/



body {
background-color:#141414;
}


#header {
width:961px;
height:75px;
margin:auto;
}

#header .logo {
float:left;
padding-top:20px;
}


#header li {
text-decoration:none;
float:right;
padding:10px;
padding-top:20px;
}

#header a{
text-decoration:none;
font-family: 'Open Sans', sans-serif; font-weight: 400;
font-size:12px;
color:#717171;
}

#header ul#bts .bt0{
color:#FFFFFF;
transition: opacity 0.2s linear;
float:left;
padding-bottom:-10px;
}

#header ul#bts .bt0:hover {
opacity: 0.5;
}


#header ul#bts .bt3{
margin-top:10px;
}


#header ul#bts .bt3 a { 
   color:#FFFFFF; 
   -webkit-transition: color 0.2s ease-in;
   -moz-transition: color 0.2s ease-in;
   -o-transition: color 0.2s ease-in;
   -ms-transition: color 0.2s ease-in;
   transition: color 0.2s ease-in;
   padding-top:10px;
} 

#header ul#bts .bt3 a:hover {
   color: #FFFFFF;
}

#header ul#bts .bt1{
margin-top:10px;
}

#header ul#bts .bt1 a { 
   color:#999999; 
   -webkit-transition: color 0.2s ease-in;
   -moz-transition: color 0.2s ease-in;
   -o-transition: color 0.2s ease-in;
   -ms-transition: color 0.2s ease-in;
   transition: color 0.2s ease-in;  
} 

#header ul#bts .bt1 a:hover {
   color: #FFFFFF;
}


#header ul#bts .bt4{
margin-top:10px;
}


#header ul#bts .bt4 a { 
   color:#999999; 
   -webkit-transition: color 0.2s ease-in;
   -moz-transition: color 0.2s ease-in;
   -o-transition: color 0.2s ease-in;
   -ms-transition: color 0.2s ease-in;
   transition: color 0.2s ease-in;
   margin-top:10px;
} 

#header ul#bts .bt4 a:hover {
   color: #FFFFFF;
}

#header ul#bts .bt5{
margin-top:10px;

}


#header ul#bts .bt5 a { 
   color:#999999; 
   -webkit-transition: color 0.2s ease-in;
   -moz-transition: color 0.2s ease-in;
   -o-transition: color 0.2s ease-in;
   -ms-transition: color 0.2s ease-in;
   transition: color 0.2s ease-in;
   margin-top:10px;
   font-size:10px;
} 

#header ul#bts .bt5 a:hover {
   color: #FFFFFF;
}

#header ul#bts .bt6{
margin-top:10px;
}


#header ul#bts .bt6 a { 
   color: #FFFFFF; 
   -webkit-transition: color 0.2s ease-in;
   -moz-transition: color 0.2s ease-in;
   -o-transition: color 0.2s ease-in;
   -ms-transition: color 0.2s ease-in;
   transition: color 0.2s ease-in;
   margin-top:10px;
   font-size:10px;
} 

#header .bt6 a:hover {
   color: #999999;
}



/*------------------------------------*/

#texto{
left: 0;
position:absolute;
text-align:center;
top: 300px;
width: 100%;
height:100%;
z-index:1;
}

#texto p{
font-size:24px;
font-family: 'Open Sans', sans-serif; font-weight: 300;
padding-top:15px;
text-align:center;
color:#FFFFFF;
text-shadow: 1px 1px 4px #000000;
}

#texto p .bold{
font-size:24px;
font-family: 'Open Sans', sans-serif; font-weight: 600;
padding-top:15px;
text-align:center;
color:#FFFFFF;
text-shadow: 1px 1px 4px #000000;
}


#banner .FlexEmbed {
display: block;
overflow: hidden;
position: relative;
box-shadow: 2px 2px 5px #000000;
}

#banner .FlexEmbed:before {
content: "";
display: block;
width: 100%;
}

#banner .FlexEmbed--2by1:before {
padding-bottom: 50%;
}

#banner .CoverImage {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
margin: 0 auto 1em;
max-height: 600px;
max-width: 2600px;
}


/*------------------------------------*/



#titulo2 p{
padding-top:20px;
padding-bottom:65px;
font-size:20px;
font-family: 'Open Sans', sans-serif; font-weight: 600;
text-align:center;
color:#FFFFFF;
}

#titulo2 p .bold{
font-family: 'Open Sans', sans-serif; font-weight: 400;
}

#showreel{
height:550px;
color:#CCCCCC;
padding-bottom:100px;

}

#showreel .video{
margin:0 auto;
width: 100%;
}

.share{
margin:0 auto;
width:121px;
padding-bottom:100px;
}



/*-----------S E R V I Ç O S------------*/

.servicos{
height:435px;
background-color:#333333;
box-shadow: 2px 2px 5px #000000;
}


.servicos p{
padding-top:90px;
padding-bottom:45px;
font-size:20px;
font-family: 'Open Sans', sans-serif; font-weight: 600;
text-align:center;
color:#FFFFFF;
}

.lista{
display: table; 
margin: 0 auto;
width:921px;
color:#FFFFFF;
}


.lista1{
display:inline-block;
padding-right:22px;
padding-top:35px;
vertical-align:middle;
}

.lista1 ul{
font-size:18px;
font-family: 'Open Sans', sans-serif; font-weight: 300;
vertical-align:middle;
line-height:40px;
}

.lista2{
display:inline-block;
padding-left:150px;
padding-top:35px;
vertical-align:middle;
}

.lista2 ul{
font-size:18px;
font-family: 'Open Sans', sans-serif; font-weight: 300;
vertical-align:middle;
line-height:40px;
}

.lista3{
display:inline-block;
padding-left:100px;
padding-top:35px;
vertical-align:middle;
float:right;
}

.lista3 ul{
font-size:18px;
font-family: 'Open Sans', sans-serif; font-weight: 300;
vertical-align:middle;
line-height:40px;
}

/*-----------S O B R E  N Ó S------------*/

#missao{
height:435px;
padding-bottom:10px;
color:#CCCCCC;
}


#missao .titulo p{
padding-top:90px;
padding-bottom:45px;
font-size:20px;
font-family: 'Open Sans', sans-serif; font-weight: 600;
text-align:center;
color:#FFFFFF;
}

#missao .texto-missao p .bold{
font-family: 'Open Sans', sans-serif; font-weight: 400;
}

#missao .texto-missao p{
font-size:18px;
font-family: 'Open Sans', sans-serif; font-weight: 300;
vertical-align:middle;
line-height:30px;
width:921px;
margin:auto;
padding-top:30px;
line-height:25px;
text-align:justify;

}


/*------------E Q U I P A-------------*/

#equipa{
width:961px;
margin:auto;
padding-bottom:70px;
}

#equipa .colabs{
display:inline-block;
}

#equipa .colab{
width:320px;
float:left;
display:inline-block;
}

#equipa .colab .colabtitulo .email a{
display:inline-block;
}

#equipa .titulo{
text-align:center;
padding-top:90px;
padding-bottom:55px;
font-size:20px;
font-family: 'Open Sans', sans-serif; font-weight: 600;
color:#FFFFFF;
}

#equipa .colabs .colab .imagem a{
transition: opacity 0.2s linear;
}

#equipa .colabs .colab .imagem a:hover{
opacity: 0.8;
}

#equipa .colab-titulo h5{
text-align:center;
padding-top:25px;
font-size:18px;
font-family: 'Open Sans', sans-serif; font-weight: 600;
color:#FFFFFF;
}

#equipa .colab-titulo p{
text-align:center;
padding-bottom:55px;
padding-top:5px;
font-size:16px;
font-family: 'Open Sans', sans-serif; font-weight: 300;
color:#CCCCCC;
}

#equipa .recrutamento{
display:inline-block;
width:320px;
text-align:center;
padding-top:100px;
}

#equipa .recrutamento h5{
font-size:18px;
font-family: 'Open Sans', sans-serif; font-weight: 600;
padding-bottom:15px;
color:#FFFFFF;
}

#equipa .recrutamento p{
font-size:16px;
font-family: 'Open Sans', sans-serif; font-weight: 300;
line-height:23px;
color:#CCCCCC;
}

#equipa .recrutamento a{
font-size:18px;
font-family: 'Open Sans', sans-serif; font-weight: 600;
text-decoration:none;
color:#FFFFFF;
padding-top:50px;
}

#equipa .recrutamento a{
transition: opacity 0.2s linear;
}

#equipa .recrutamento a:hover{
opacity: 0.5;
}


/*------------------------------------*/


#link p{
font-size:18px;
font-family: 'Open Sans', sans-serif; font-weight: 300;
text-align:center;
padding-bottom:30px;
padding-top:40px;
color:#CCCCCC;
}


#link {
height: 200px;
background-color: #333333;;
vertical-align:middle;
text-align: center;
padding-top:20px;
box-shadow: 2px 2px 5px #000000;
}

#link .linkimg {
    display: inline-block;
}

#link .imglink {
transition: opacity 0.2s linear;
}

#link .imglink:hover {
opacity: 0.5;
}

#link .imglink{
width:153px;
height:49px;
margin:auto;
}



/*------------------------------------*/

#footer {
width:961px;
height:75px;
margin:auto;
}

#footer p {
color:#999999;
font-size:12px;
font-family: 'Open Sans', sans-serif; font-weight: 400;
float:left;
}

#footer a{
color:#EBEBEB;
font-size:12px;
font-family: 'Open Sans', sans-serif; font-weight: 400;
text-decoration:none;
}

#footer ul#direitos-ul li{
padding:5px;
float:left;
padding-top:30px;
}

#footer ul#social li{
padding:5px;
float:right;
padding-top:25px;
}



#footer .bt1{
color:#EBEBEB;
transition: opacity 0.2s linear;
}

#footer .bt1:hover {
opacity: 0.5;
}

#footer .bt2{
color:#FFFFFF;
transition: opacity 0.2s linear;
}

#footer .bt2:hover {
opacity: 0.5;
}

#footer .bt3{
color:#FFFFFF;
transition: opacity 0.2s linear;
}

#footer .bt3:hover {
opacity: 0.5;
}

#footer .bt4{
color:#FFFFFF;
transition: opacity 0.2s linear;
}

#footer .bt4:hover {
opacity: 0.5;
}


/*----*/
.hidden{
	opacity: 0;
}

.visible{
	opacity: 1;
}