/*--------------------------------------------------------------------
LAYOUT BASE - NOR267 (modern browsers)

#####    ###  #########  #########  #########  #########  #########
######   ###  ###   ###  ###   ###        ###  ###        #########
### ###  ###  ###   ###  ###   ###  #########  #########       ###
###  ### ###  ###   ###  #########  #########  ###   ###      ###
###   ######  ###   ###  ### ###    ####       ###   ###     ###
###    #####  #########  ###  ###   #########  #########    ###

Version: 	1.0 - 2014
author: 	Nor267 (Pedro campos)
email: 		geral@nor267.com
website: 	http://www.nor267.com
created with:   Brackets --http://brackets.io/--
--------------------------------------------------------------------*/
/*------------------------------------------------------------------*/

/* fonts */
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);
/* icons */
/* ---- */

/* MOBILE */

html, body {
    margin: 0;
    height: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: Lato, Arial;
    color: #000000;
    font-weight: 400;
    font-size: 11px;
    -webkit-text-size-adjust: 100%;
    background-color: #E6E6E6;
}
body { overflow-x: hidden; }

* {
    text-decoration: none;
    outline: none;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    /* -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; */
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
    color: #000000;
}
input { -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
p { line-height: 16px; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: 400; }
img { display: block; }


.header {
    position: absolute;
    width: 100%; min-height: 138px;
    background-color: #000100;
    padding: 30px 0 0 0;
    z-index: 100;
}
.header .homeLink {
    display: table;
    width: 200px;
    margin: 0 auto;
}
.header .homeLink img { width: 100%; }
.header .social {
    position: absolute;
    width: 24px;
    top: 22px; right: 12px;
}
.header .social a { display: block; width: 100%; margin: 0 0 11px 0; }
.header .social a img { width: 100%; }
/* menubtn */
.menuBtn {
    position: absolute;
    display: block;
    width: 48px;
    height: 42px;
    right: 0; bottom: -42px;
    margin: 0;
    -ms-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0);
    z-index: 15;
    -webkit-transition: all 0.2s 0s cubic-bezier(.57, 0, .37, 1); transition: all 0.2s 0s cubic-bezier(.57, 0, .67, 1);
    background-color: #000100;
}
.menuBtn span {
    display: block;
    position: relative;
    width: 20px; height: 2px;
    background-color: #ffffff;
    margin: 19px auto 0 auto;
    -webkit-transition-property: background, width;
    -webkit-transition-duration: 0s, 0.2s;
	-webkit-transition-delay: 0.1s, 0.1s;
    transition-property: background, width;
    transition-duration: 0s, 0.2s;
	transition-delay: 0.1s, 0.1s;
}
.menuBtn span:before, .menuBtn span:after {
    content: '';
    display: block;
    position: absolute;
    width: 20px; height: 2px;
    background-color: #ffffff;
    -webkit-transition-property: background, margin, width, -webkit-transform;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-delay: 0s, 0.1s, 0.1s, 0s;
    transition-property: background, margin, width, transform;
	transition-duration: 0.2s;
	transition-delay: 0s, 0.1s, 0.1s, 0s;
}
.menuBtn span:before { margin: -7px 0 0 0; }
.menuBtn span:after { margin: 7px 0 0 0; }

.menuBtn.hide { -webkit-transform: translate(0,-92px); -ms-transform: translate(0,-92px); transform: translate(0,-92px); }
.menuBtn.visible { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); }

.menuBtn.open {
    -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0);
}
.menuBtn.open span {
	background-color: rgba(0,0,0,0.0);
    -webkit-transition-duration: 0.1s, 0.2s; transition-duration: 0.1s, 0.2s;
	-webkit-transition-delay: 0.1s, 0.1s; transition-delay: 0.1s, 0.1s;
}
.menuBtn.open span:before {
	margin-top: 0;
	-webkit-transform: rotate(45deg); transform: rotate(45deg);
	-webkit-transition-delay: 0s, 0s, 0.1s, 0.1s; transition-delay: 0s, 0s, 0.1s, 0.1s;
}
.menuBtn.open span:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
	-webkit-transition-delay: 0s, 0s, 0.1s, 0.1s; transition-delay: 0s, 0s, 0.1s, 0.1s;
}

/* MENU */
.header .menu {
    width: 100%; padding: 0 0 16px 0; overflow: hidden; max-height: 0;
    -webkit-transition: all 0.2s 0s cubic-bezier(.57, 0, .37, 1); transition: all 0.2s 0s cubic-bezier(.57, 0, .37, 1);
}
.header.open { box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.8); }
.header.open .menu { max-height: 300px; }
.header .menu ul {
    list-style: none;
    margin: 0; padding: 0;
    width: 100%;
}
.header .menu li { display: table; margin: 0 auto; padding: 6px 0; }
.header .menu li.first { padding: 38px 0 6px 0; }
.header .menu li a, .header .menu li span {
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.header .menu li span { padding: 0 4px; }
.header .menu .areaMobile, .header .menu .idiomas { padding: 28px 0 0 0; }


/* HOME */
.homeSlide {
    width: 100%; height: 100%;
    z-index: 10;
}
.homeSlide .swiper-slide {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.homeSlide .swiper-button-next, .homeSlide .swiper-button-prev { display: none; }


/* APRESENTACAO */
/* SERVICOS */
.apresentacaoPage, .servicosPage { width: 100%; padding: 180px 0 48px 0; background-size: 0 0; }
.apresentacaoPage .limited, .servicosPage .limited { padding: 0 14px; }
.apresentacaoPage h1, .servicosPage h1 { font-size: 11px; text-align: center; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; padding: 0 0 16px 0; }
.apresentacaoPage p, .servicosPage p { margin: 0; padding: 0; text-align: center; letter-spacing: 2px; }


/* PORTFOLIO */
.portfolioPage { width: 100%; padding: 180px 0 28px 0; }
.portfolioPage .limited { max-width: 1200px; margin: 0 auto; }
.portfolioPage ul {
    list-style: none;
    width: 100%;
    margin: 0; padding: 0;
}
.portfolioPage ul li { width: 100%; padding: 0 14px 20px 14px; margin: 0; }
.portfolioPage ul li a {
    position: relative;
    display: table;
    width: 100%; height: 100%;
    overflow: hidden;
}
.portfolioPage .info {
    position: absolute; width: 100%; height: 100%; padding: 0; z-index: 10; background-color: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.2s 0s cubic-bezier(.57, 0, .37, 1); transition: all 0.2s 0s cubic-bezier(.57, 0, .67, 1);
}
.portfolioPage .info .title { display: table; width: 100%; height: 100%; }
.portfolioPage .info .titleContent { display: table-cell; vertical-align: middle; }
.portfolioPage h1 {
    font-size: 18px; text-align: center; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; color: #ffffff; padding: 0 24px; line-height: 26px;
    /* -ms-transform: translate(-100%,0); -webkit-transform: translate(-100%,0); transform: translate(-100%,0); */
    opacity: 0;
    -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;
}
.portfolioPage p { margin: 0; padding: 0; text-align: center; letter-spacing: 1px; }
.portfolioPage p span { text-transform: uppercase; }
.portfolioPage .image { width: 100%; margin: 0; }
.portfolioPage .image span {
    display: block;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.portfolioPage .image img { width: 100%; }
.portfolioPage .image img.escala-16-5 { display: none; }

.portfolioPage ul li a:hover .info {
    background-color: rgba(0, 0, 0, 0.3);
}
.portfolioPage ul li a:hover h1 {
    opacity: 1;
    /* -ms-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0); */
}


/* PROJECTO */
.projectoPage { width: 100%; padding: 180px 0 28px 0; }
.projectoPage .info { width: 100%; padding: 0 14px; }
.projectoPage h1 { font-size: 11px; text-align: center; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; }
.projectoPage p { margin: 0; padding: 0; text-align: center; letter-spacing: 2px; }
.projectoPage .backLink {
    display: table;
    font-weight: 700;
    text-transform: uppercase;
    margin: 10px auto 6px auto;
}
.projectoPage .images ul {
    list-style: none;
    width: 100%;
    margin: 0; padding: 0;
}
.projectoPage .images li { width: 100%; margin: 8px 0 0 0; float: left; }
.projectoPage .images a {
    display: block;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.projectoPage .images li img { width: 100%; }
.projectoPage .images li img.escala-16-20 { display: none; }
/* PROJECTO ZOOM */
.projectoZoomPage { position: relative; width: 100%; height: 100%; padding: 138px 0 0 0; }
.projectoZoomPage .arrowLink {
    position: absolute;
    width: 30px; height: 30px;
    top: 50%;
    margin: -15px 0 0 0;
}
.projectoZoomPage .arrowLink img { width: 100%; }
.projectoZoomPage .arrowLinkPrev { left: 24px; }
.projectoZoomPage .arrowLinkNext { right: 24px; }
#pageContent {
	position: relative;
 	width: 100%;
    height: 100%;
    top: 0;
 	overflow: hidden;
}
#imageFullScreen {
    opacity: 0;
    -webkit-transition: all 0.4s 0s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.4s 0s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#imageFullScreen.visible { opacity: 1; }
#imgContainer { width: 100%; height: 100%; }
#positionButtonDiv {
	position: absolute;
    width: 100%;
	bottom: 24px;
    z-index: 80;
}
#positionButtonDiv span {
    display: table;
    margin: 0 auto;
}
#positionButtonDiv span img {
    width: 38px; height: 38px;
    float: left;
    margin: 0 6px;
    border: 0;
}
.positionMapClass area { cursor: pointer; }
.zoomButton { border:0; cursor: pointer; }



/* NOTICIAS */
/* NOTICIA */
.noticiasPage { width: 100%; padding: 180px 0 28px 0; }
.noticiaPage { width: 100%; padding: 180px 0 0 0; }
.noticiasPage .social { display: none; }
.noticiasPage ul, .noticiaPage ul {
    list-style: none;
    width: 100%;
    margin: 0; padding: 0;
}
.noticiasPage ul li { width: 100%; padding: 0 0 20px 0; float: left; }
.noticiaPage ul li { width: 100%; padding: 0; float: left; }
.noticiasPage .info, .noticiaPage .info { width: 100%; padding: 0 14px; }
.noticiasPage h1, .noticiaPage h1 { font-size: 11px; text-align: center; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; }
.noticiasPage p, .noticiaPage p { margin: 0; padding: 0; text-align: center; letter-spacing: 1px; }
.noticiasPage p a, .noticiaPage p a { color: #000000; text-decoration: underline; }
.noticiasPage .noticiaLink, .noticiaPage .noticiaLink {
    display: table;
    font-weight: 700;
    text-transform: uppercase;
    margin: 2px auto 6px auto;
}
.noticiasPage .image, .noticiaPage .image { width: 100%; margin: 8px 0 0 0; }
.noticiasPage .image span, .noticiaPage .image span {
    display: block;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.noticiasPage .image img, .noticiaPage .image img { width: 100%; }


/* CONTACTOS */
.contactosPage { width: 100%; padding: 180px 0 28px 0; }
.contactosPage ul {
    list-style: none;
    width: 100%;
    margin: 0; padding: 0;
}
.contactosPage ul li { width: 100%; padding: 0 0 20px 0; }
.contactosPage .info { width: 100%; padding: 0 14px; margin: 8px 0 0 0; }
.contactosPage h1, .contactosPage h2 { font-size: 11px; text-align: center; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
.contactosPage p { margin: 0; padding: 0; text-align: center; letter-spacing: 1px; }
.contactosPage p span { text-transform: uppercase; }
.contactosPage .image { width: 100%; margin: 8px 0 0 0; }
.contactosPage .image span {
    display: block;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.contactosPage .image img { width: 100%; }

.map { width: 100%; height: 200px; }

/* BROCHURA */
.brochuraPage { position: relative; width: 100%; height: 100%; min-height: 500px; }
.issuuembed { position: absolute; padding: 138px 0 0 0; }

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transition: all 1.2s 0s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 1.2s 0s cubic-bezier(0.645, 0.045, 0.355, 1);
}


/* FOOTER */
.footer { display: none; }