@import url('pure-min.css');

@import url('grids-responsive-min.css');
@import url('default.css');

/* ESSENCIAIS */
/*_____________________________________________________________________________________________________________________________________________________________*/

/* cores do ecrã de loading */
.loader { background: #231F20; }	/* loader background color */
.loader i.fa-cog { color: #DCDBE0; } /* loader spinner color */

/* cor do botão scroll top */
.scrollup { color: #231F20!important; right: 27px; bottom: 27px; } /* go top button color */

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

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

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

/* ADICIONAR CÓDIGO ABAIXO*/
/*_____________________________________________________________________________________________________________________________________________________________*/
@font-face {
    font-family: 'futura_bkbook';
    src: url('../fonts/futura-book-webfont.eot');
    src: url('../fonts/futura-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura-book-webfont.woff2') format('woff2'),
         url('../fonts/futura-book-webfont.woff') format('woff'),
         url('../fonts/futura-book-webfont.ttf') format('truetype'),
         url('../fonts/futura-book-webfont.svg#futura_bkbook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesquelight';
    src: url('../fonts/brandon_light-webfont.eot');
    src: url('../fonts/brandon_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brandon_light-webfont.woff2') format('woff2'),
         url('../fonts/brandon_light-webfont.woff') format('woff'),
         url('../fonts/brandon_light-webfont.ttf') format('truetype'),
         url('../fonts/brandon_light-webfont.svg#brandon_grotesquelight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_text_regularregular';
    src: url('../fonts/hvd_fonts_-_brandontext-regular-webfont.eot');
    src: url('../fonts/hvd_fonts_-_brandontext-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hvd_fonts_-_brandontext-regular-webfont.woff2') format('woff2'),
         url('../fonts/hvd_fonts_-_brandontext-regular-webfont.woff') format('woff'),
         url('../fonts/hvd_fonts_-_brandontext-regular-webfont.ttf') format('truetype'),
         url('../fonts/hvd_fonts_-_brandontext-regular-webfont.svg#brandon_text_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { width: 100%; overflow-x: hidden; }

div.first { width: 100%; background-color: #cccccc; position: relative; background-size: cover; background-position: center; }

div.first img { height: 50%; }
div.first a { font-size: 34px; color: #231F20; position: absolute; left: calc(50% - 16px); bottom: 25px;}

div.second { padding-top: 100px; padding-bottom: 100px; background-color: #DCDBE0; }

div.second h1 { text-align: center; font-family: 'futura_bkbook'; font-weight: bold; font-size: 54px; margin-bottom: 40px; text-transform: uppercase;}

div.second p { text-align: center; font-family: 'brandon_text_regularregular'; font-size: 18px; }

div.third { background-color: #4B3D3A; }
	div.third div.col-md-4 { padding-left: 0; padding-right: 0; }
	div.third div.col-md-4:first-child { border-bottom: 30px solid #252e59; }
	div.third div.col-md-4:nth-child(2) { border-bottom: 30px solid #4b3d3a; }
	div.third div.col-md-4:nth-child(3) { border-bottom: 30px solid #5C2829; }

	div.third div#p1, div.third div#p2, div.third div#p3 {
		height: 100%;
		width: 100%;
		float: left;
		overflow: hidden;
		position: relative;
	}
	div.third div#p1 { background-color: #252e59; }
	div.third div#p2 { background-color: #4b3d3a; }
	div.third div#p3 { background-color: #5C2829; }

	div.third div#p1 div.img, div.third div#p2 div.img, div.third div#p3 div.img { width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; position: absolute;  transition: all 500ms ease 0s; }

	div.third div#p1 div.img { background-image: url(../imgs/luz.jpg); }
	div.third div#p2 div.img { background-image: url(../imgs/som.jpg); }
	div.third div#p3 div.img { background-image: url(../imgs/video.jpg); }

	div.third div#p1 div.img img, div.third div#p2 div.img img, div.third div#p3 div.img img { width: 30%; }

	div.third div#p1 div.absolute-center, div.third div#p2 div.absolute-center, div.third div#p3 div.absolute-center {
		width: 80%;
	}
	div.third div#p1 p, div.third div#p2 p, div.third div#p3 p {
		color: #ECEBEF;
		text-align: center;
		font-family: 'futura_bkbook';
		font-size: 24px;

	}
	div.third div#p1 i, div.third div#p2 i, div.third div#p3 i, div.third div#p1 a i, div.third div#p2 a i, div.third div#p3 a i, div.third div#p1 a, div.third div#p2 a, div.third div#p3 a {
		color: #ECEBEF!important;
		text-align: center;
		font-size: 50px;
		display: block;
		margin: 0 auto;
		margin-top: 30px;
		text-decoration: none!important;
	}


video#bgvid, div#bgmobile { position: absolute!important; bottom: auto; }

div.fourth { position: relative; overflow: hidden; min-height: 550px; }
div.fourth div.raster { background-image: url(../imgs/raster.png); width: 100%; height: 100%; top: 0; left: 0; z-index: 1; position: absolute; }
div.fourth div.raster .absolute-center { width: 100%; }
div.fourth table { margin: 0 auto; margin-bottom: 20px; }
div.fourth table td { 
  vertical-align: middle;
  font-family: 'futura_bkbook';
}
div.fourth table td a { color: #333333; text-decoration: none; }
div.fourth table td img {
	margin-left: 5px;
	margin-right: 5px;
	width: 30px;
}
div.fourth table td p, div.fourth table td a {
	margin: 0!important; 
  	font-family: 'futura_bkbook';
	font-size: 16px!important;
}
div.fourth div#janelaVideo div.jarallax {background-size: cover; background-repeat: no-repeat; background-position: center;}


div.fourth div.col-md-offset-4 { background-color: rgba(250,252,252,0.6);}

iframe#iframe-form { width: 100%; height: 226px; margin-top: 50px; }
form#form input[name="name"] { width: calc(50% - 5px); float: left; }
form#form input[name="contacto"] { width: calc(50% - 5px); left: 10px; position: relative; }
form#form input, form#form textarea { font-family: 'futura_bkbook'; color: #000000; margin-bottom: 10px; background-color: #6B6B6B; }
form#form textarea { min-width: 100%; max-width: 100%; }
form#form button { float: none; width: 100%; background-color: #231F20; font-family: 'futura_bkbook'; }
.form-group { margin-bottom: 0!important; }

form.newsletter input[name="email"], form.newsletter input[name="submit"] { font-family: 'futura_bkbook'; }
form.newsletter input[name="email"] { width: calc(50% - 5px); float: left; }
form.newsletter input[name="submit"] { width: calc(50% - 5px); float: right; background-color: #231F20; border-color: #231F20; color: #DCDBE0; }

div.fifth a { opacity: 0.8; }

div.fifth img#bym{width: 50px;}

div.fifth {
	padding-top: 20px;
	background-color: #6B6B6B;
	padding-bottom: 20px;
}
div.fifth div.container div.row div.col-md-4 img{ width: 39px;}







@media(max-width:992px) {

	div.first img { height: auto; width: 375px; max-width: 90%;	}
	div.second h1 { font-size: 40px; margin-bottom: 40px; }
	iframe#iframe-form { height: 270px; }

	form.newsletter input[name="email"], form.newsletter input[name="submit"]{ width: 100%; }
	form.newsletter input[name="email"] { margin-bottom: 10px; }

	div.third div.col-md-4 { height: 30vh; border-bottom: none!important; }
	div.third div#p1 p, div.third div#p2 p, div.third div#p3 p { font-size: 10px; }
	div.third div#p1 i, div.third div#p2 i, div.third div#p3 i, div.third div#p1 a i, div.third div#p2 a i, div.third div#p3 a i, div.third div#p1 a, div.third div#p2 a, div.third div#p3 a{ font-size: 28px; margin-top: 20px; }

	div.fourth table { margin: 15px auto; }

    div.fifth  {text-align: center;}
    
    div.fifth div.col-md-pull-4 {margin-top: 100px;}



}