/************************************************\
» Main Layout - Screen
--------------------------------------------------
           By Pedro Oliveira 2015
\************************************************/

/************************************************\
» STRUCTURAL LAYOUT
\************************************************/
/* Set Sizes ************************************/
footer.matrix,
header.matrix,
.content.matrix,
.container  { max-width: 940px; width: 100%;}
/* The Aftermath ********************************/
footer.matrix,
header.matrix,
.content.matrix { margin: 0 auto; }
header.matrix {left: 50%; margin-left: -470px }
footer.matrix { float: none; clear: both;}

/************************************************\
» TYPE
\************************************************/

/* Shared ****************************************/
body,
.matrix textarea,
.matrix input,
.matrix h1,
.matrix h2,
.matrix h3,
.matrix h4,
.matrix h5,
.matrix .editMode,
header.matrix nav a,
.ccm-tags-ptf .ccm-tag-list.subnav li,
.ccm-tags-display-ptf .ccm-tag-list.subnav { font-family: 'Open Sans', sans-serif }
.matrix ul { list-style-position: outside; margin-left: 18px }

/* Colors ****************************************/
body { color: #212121}
header a,
header .mainmenu li a,
header.sticky .mainmenu a,
header.sticky a.logotipo,
header.sticky-active.sticky,
header.sticky-active.sticky a,
header.sticky-active.sticky .mainmenu li.nav-path-selected a,
header.sticky-active.sticky a:hover,
header.sticky-active.sticky .mainmenu li.selected a,
header.sticky-active.sticky .mainmenu li.selected li a,
.matrix a:hover,
.matrix section.title,
.matrix .ccm-tags-ptf .ccm-tag-list.subnav a.nav-path-selected,
.matrix .ccm-tags-ptf .ccm-tag-list.subnav .portfolio-ccm-tag-selected a,
.matrix .ccm-tags-display-ptf .ccm-tag-list.subnav .portfolio-ccm-tag-selected a { color: #57585A }
.matrix .emm-projPtf-wrapper h3,
.matrix .ccm-page-list.ptf-each-project .emm-ptf-list li .tags { color: #999 }
.matrix .destaq a { color: #EBE189 }
.matrix .error { color: #F00; }
.matrix .confirm,
.matrix .text-success { color: #690; }
.matrix a,
.matrix .destaq .btn,
.matrix .destaq a.btn,
.matrix h1,
.matrix h2,
.matrix h3,
.matrix h4,
.matrix h5,
header .mainmenu a:hover,
.disclosure-container a,
header .mainmenu li.nav-path-selected a,
header .mainmenu li.nav-path-selected a:hover  {color: #007DBA }
header a:hover,
header .logotipo,
header a.logotipo,
.matrix .title-bar h1,
.matrix .btn,
.matrix button,
.matrix input[type="submit"],
.matrix .destaq a:hover,
.matrix .destaq .btn:hover,
.matrix .destaq a.btn:hover,
.matrix .alert.error,
.matrix .alert.confirm,
.matrix .editMode,
.matrix .destaq,
.matrix .banner.slider .headlines h1,
.matrix .banner.slider .headlines h2,
.matrix .panel.home .panel-heading,
.matrix .home-static .google-maps h5,
.matrix .nav-list.services-sidebar li .text-wrapper,
.sub-footer  { color: #FFF; }

/* Size ******************************************/
.slicknav_nav,
.matrix .sub-footer .phone-box h3 { font-size: 1.3em  }
.ccm-tags-ptf .ccm-tag-list.subnav,
.ccm-tags-display-ptf .ccm-tag-list.subnav { font-size: 1.2em  }
header .logotipo,
header.sticky-active { font-size: 1em  }
header.sticky-active.sticky,
.ccm-page-list.ptf-each-project .emm-ptf-list li .tags { font-size: 0.9em; }
.main-breadcrumbs,
#ccm-cookiesDisclosure.disclosure-bottom { font-size: 0.8em; }

/* Variations ************************************/
.matrix h1,
.matrix h2,
.matrix h3,
.matrix h4,
.matrix h5 { font-weight: normal }
.matrix .text-success { font-weight: bold }
.title-bar h1 { font-weight: 800 }
.matrix .sub-footer,
.matrix .editMode { text-align: center }
header a.logotipo:hover { zoom: 1; filter: alpha(opacity=100); opacity: 1; }
header.sticky-active.sticky li.nav-path-selected a,
.matrix a:hover,
footer .mainmenu li.selected a,
.ccm-tags-ptf .ccm-tag-list.subnav .portfolio-ccm-tag-selected a,
.ccm-tags-ptf .ccm-tag-list.subnav a.nav-path-selected,
.ccm-page-list.ptf-each-project .emm-ptf-list a:hover,
.ccm-tags-display-ptf .ccm-tag-list.subnav a:hover { text-decoration: underline }
header .mainmenu li:hover a,
header .mainmenu li li:hover a,
header .mainmenu li li li:hover a,
.matrix .btn:hover,
footer a,
.ccm-tags-ptf .ccm-tag-list.subnav a,
.ccm-page-list.ptf-each-project .emm-ptf-list a,
.ccm-tags-display-ptf .ccm-tag-list.subnav a,
.nav-list.services-mainPage li h4 a,
.nav-list.services-mainPage li h3 a,
.nav-list.services-mainPage li h2 a { text-decoration: none }
header,
.matrix .editMode { text-transform: uppercase }
.matrix a:hover { zoom: 1; filter: alpha(opacity=80); opacity: 0.8; }
.matrix a[target="_blank"]:before,
.matrix a[target="new"]:before { } /* links on new windows */

/************************************************\
» GRAPHIC LAYOUT
\************************************************/

/* Objects **************************************/
.matrix hr { border: none; border-top: solid 1px #CCC; }
.matrix button:hover { zoom: 1; filter: alpha(opacity=80); opacity: 0.8; }
.matrix .btn { background-color: #007DBA; border-radius: 4px; }
.matrix .home-static .google-maps { padding-bottom: 30%; pointer-events: none; opacity: 0.9; }
.matrix .home-static .google-maps h5 { background-color: #57585A; filter: alpha(opacity=50); opacity: 0.5; left: 50%; margin: 0 0 0 -90px; padding: 6px 12px; position: absolute; z-index: 100; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }
.matrix .home-static:hover .google-maps h5 { filter: alpha(opacity=90); opacity: 0.9; }

/* Header ***************************************/
header { background-color: #FFF; }

/* Logotipo */
header .logotipo { background-color: #FFF; border-radius: 0; margin: 0; padding: 0; position: absolute; left: 3%; top: 10px; z-index: 997; display: block }
header.userLoggedIn .logotipo { top: 10px; }
header .logotipo .image img { width: auto; max-width: 100%; max-height: 155px; display: none}
header .logotipo .image img.logo-bottom {  display: none; }
header .logotipo .text { display: none; }
header a.logotipo:hover img { zoom: 1; filter: alpha(opacity=80); opacity: 0.8; }

/* Main Menu */
header .mainmenu { float: right; margin: 40px 3% 40px; }
header .mainmenu a { display: block; letter-spacing: 1px; margin: 0; padding: 6px 15px; white-space: nowrap; }
header .mainmenu li.nav-path-selected a { background-color: transparent; border-radius: 0; }
header .mainmenu ul { margin: 0; clear: none }
header .mainmenu li.selected li a { background-color: transparent; }
header .mainmenu li,
header .mainmenu li a { float: left; position: relative;  }
header .mainmenu li li,
header .mainmenu li li a,
header .mainmenu li li li,
header .mainmenu li li li a { float: none; clear: both; }
header .mainmenu li:hover ul { display: block; }
header .mainmenu ul ul { background-color: #FFF; border-radius:  0 0 4px 4px; display: none; min-width: 100%; padding-top: 2%; position: absolute; top: 100%; z-index: 99999;
-webkit-filter: drop-shadow(0 5px 2px rgba(0,0,0,.8));
-moz-filter: drop-shadow(0 5px 2px rgba(0,0,0,.8));
-ms-filter: drop-shadow(0 5px 2px rgba(0,0,0,.8));
-o-filter: drop-shadow(0 5px 2px rgba(0,0,0,.8));
filter: drop-shadow(0 5px 2px rgba(0,0,0,.8)); }
header .mainmenu ul ul a { padding: 4px 15px }
header .mainmenu ul ul li:last-child a { padding-bottom: 15px }
header .mainmenu li:hover ul ul { display: none; }
header .mainmenu ul ul ul { background-color: #FFF; border-radius: 0 0 4px 4px; left: 100%; top: 0; padding-top: 0;
-moz-filter: drop-shadow(0 0 2px rgba(0,0,0,.8));
-ms-filter: drop-shadow(0 0 2px rgba(0,0,0,.8));
-o-filter: drop-shadow(0 0 2px rgba(0,0,0,.8));
filter: drop-shadow(0 0 2px rgba(0,0,0,.8)); }
header .mainmenu li li:hover ul { display: block; }

/*Sticky header */
.content.sticky { padding-top: 112px; }
header.sticky-active { /* set animation --> */ -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
header.sticky-active.userLoggedIn .logotipo { top: 14px; }
header.sticky-active.sticky { background: #FFF; border-bottom: solid 1px #CCC; filter: alpha(opacity=100); opacity: 1; position: fixed;  }
header.matrix.sticky-active { z-index: 96 }
header.sticky-active.sticky .logotipo { background-color: transparent; margin: 0; padding: 0; position: absolute; left: 0; top: 10px }
header.sticky-active.sticky li.nav-path-selected a { background-color: transparent }
header.sticky-active.sticky.userLoggedIn .logotipo { top: 8px; }
header.sticky-active.sticky .logotipo .image img { display: none }
header.sticky-active.sticky .logotipo .image img.logo-bottom { display: block; max-height: 35px; margin: 3px 30px }
header.sticky-active.sticky .mainmenu { margin: 14px 2% 14px; }
header.sticky-active.sticky .mainmenu ul ul { background-color: #FFF; }

/*Slicknav Menu */
.slicknav_menu,
.slicknav_btn { background-color: #007DBA }

/* Bandeiras */
.lang { background: none; float: right; clear: none; margin-left: 0.5%; margin-right: 6% }
header .lang { margin-top: 32px }
header.sticky-active .lang { margin-top: 35px }
header.sticky-active.sticky .lang { margin-top: 18px }
.lang a { display: block; height: 11px; text-indent: -10000px; overflow: hidden; width: 16px }
.lang li { position: relative; }
.lang li li { display: none; margin: 50% 0; filter: alpha(opacity=70); opacity: 0.7; zoom: 1; }
.lang li li:last-child { margin: 0 }
.lang li.selected,
.lang:hover li { display: block; }
.lang li li:hover { filter: alpha(opacity=100); opacity: 1; zoom: 1; }
.lang ul { padding: 10px; position: absolute; top: -23px; z-index: 99999 }
.lang .pt { background: url(../../imgs/layout/flags/pt.png) no-repeat; }
.lang .en { background: url(../../imgs/layout/flags/gb.png) no-repeat; }
.lang .fr { background: url(../../imgs/layout/flags/fr.png) no-repeat; }
.lang .es { background: url(../../imgs/layout/flags/es.png) no-repeat; }
.lang .cn { background: url(../../imgs/layout/flags/cn.png) no-repeat; }
footer .lang { display: none }

/* Layout Areas ********************************/

/* Banners */
.static-banner { max-height: 100px; overflow: hidden; }
.static-banner img { width: 100%; }
.home-banner { margin-bottom: 2%; position: relative;}
.home-banner .row {  position: relative; }
.home-banner .row .block { margin-top: 0; margin-bottom: 0 }

.title-bar { clear: both; background: rgb(0,0,0); /* The Fallback */ background: rgba(0,0,0,0.7);  padding: 1% 1% 0.5% 1%; }
.title-bar.home { position: absolute; bottom: 0; z-index: 10; width: 94%; } /***********************************************/
.title-bar h1 { float: right; margin-bottom: 0; padding:15px 15px 0 0}

/* Panel */
.matrix .panel-heading { background-color: rgba(0,0,0,0.8); }
.matrix .panel.home .panel-body { margin-left: 110px; }
.matrix .panel.home.um { background: url(../../imgs/conteudo/home_boy.png) -65px bottom no-repeat; }
.matrix .panel.home.dois { background: url(../../imgs/conteudo/home_building.jpg) -280px bottom no-repeat; }
.matrix .panel.home.tres { background: url(../../imgs/conteudo/home_phone.jpg) 0 bottom no-repeat; }

/* Destaque */
section.home,
.matrix .destaq { background-color: rgba(128,128,128,0.3); }

.title .block { margin: 1%; }

/* Footer ***************************************/
footer.matrix  { padding-bottom: 0; background-color: transparent; }
footer.matrix hr { border:none; border-top: solid 1px #CCC }
footer.matrix .mainmenu li { float: none; }
.matrix .sub-footer { background-color: #FFF; float: left; position: relative; width: 100%;  }
.matrix .sub-footer .phone-box { background-color: #007DBA; border-radius: 4px 4px 0 0; box-sizing: border-box; bottom:0; left: 50%; margin: 0 0 0 -125px; padding: 5px 35px 5px 30px; position: absolute; white-space: nowrap; z-index: 99 }

/* Pages ****************************************/

/* Global */
.matrix .sidebar ul {margin-left: 0 }

/* Layout Blocks C5 ****************************/

/* Div Modo de edição */
.editMode { background-color: #CCC; padding: 26px 0; }

/* Autonav */
/* Autonav - Breadcrumbs */
.ccm-autonav-breadcrumb-sep

/* Page List */
.content .nav-list,
.content .nav-list li { list-style: none; margin-left: 0; padding-left: 0; }
.pagination { clear: both; text-align: center; padding-top: 20px; }
.pagination ul { list-style: none; }
.pagination li { display: inline-block; padding: 0 10px; }
.rss { display: block; clear: both; padding-top: 20px; text-align: center; }

/* Page List - News Início */
.nav-list.news-inicio li { border-top: solid 1px #999; clear: both; }
.nav-list.news-inicio li a { display: block; float: left; margin-bottom: 10px; width: 100%;}
.nav-list.news-inicio img { float: right; margin-left: 10px; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.6; }
.nav-list.news-inicio a:hover { opacity: 1; }
.nav-list.news-inicio a:hover img { float: right; -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }

/* Page List - Todas as Notícias */
.nav-list.news-todasNoticias { margin-left: 0; }
.nav-list.news-todasNoticias li { float: left; border-top: solid 1px #CCC }
.nav-list.news-todasNoticias img { float: left; margin-right: 15px;  padding-bottom: 20px; padding-top: 20px; }
.nav-list.news-todasNoticias h3 {margin-top: 15px; }
.nav-list.news-todasNoticias h3,
.nav-list.news-todasNoticias p { clear: none; overflow: hidden; /* »» denies wrapping around image!!!! »» http://stackoverflow.com/questions/11411219/css-to-stop-text-wrapping-under-image/15421257#15421257 */  }

/* Page List - Lista na Notícia */
.nav-list.news-listaNaNoticia li { padding-bottom: 10px; margin-bottom: 20px;  }
.nav-list.news-listaNaNoticia a { display: block; float: left; }
.nav-list.news-listaNaNoticia img { width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.6; }
.nav-list.news-listaNaNoticia a:hover { opacity: 1; }
.nav-list.news-listaNaNoticia a:hover img { width: 100%; -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }
.nav-list.news-listaNaNoticia h3 { margin-bottom: 0; padding-bottom: 0; margin-top: 0; padding-top: 0; }
.nav-list.news-listaNaNoticia p { margin-top: 0; padding-top: 0; }

/* Page List - Portfolio - Lista para o Projectos */
.ccm-page-list.ptf-each-project h3 {padding-top: 20px; }
.ccm-page-list.ptf-each-project .emm-ptf-list { border-left: dashed 1px #CCC; float: left; list-style: none; margin: 0; width: 100%; }
.ccm-page-list.ptf-each-project .emm-ptf-list li { border-right: dashed 1px #CCC; float: left; min-height: 80px; padding: 0 3%;  width: 27%; }

/* Page List - Services Main Page */
.nav-list.services-mainPage { margin-left: 0 }
.nav-list.services-mainPage li { background-color: #F1F1F1; box-sizing: border-box; float: left; margin-bottom: 1%; margin-left: 1%; width: 32%  }
.nav-list.services-mainPage li .thumb-wrapper { overflow: hidden; height: 140px }
.nav-list.services-mainPage li .text-wrapper { height: 210px; padding: 10px 20px }

/* Page List - Services Sidebar */
.nav-list.services-sidebar li { position: relative; overflow: hidden; max-height: 140px; margin-bottom: 3px}
.nav-list.services-sidebar li .thumb-wrapper { overflow: hidden; max-height: 140px; background-color: #000 }
.nav-list.services-sidebar li .thumb-wrapper img { opacity: 0.5 }
.nav-list.services-sidebar li:hover .thumb-wrapper img { opacity: 1 }
.nav-list.services-sidebar li .text-wrapper { top: 10px; left:0; padding: 0 10px; margin-right: 10px; position: absolute; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.6);}

/* Pesquisa - Resultados */
#searchResults { list-style: none; }

/*Forms */
.matrix .text-success { background-color: #CDE8B2; margin: 14px 0 10px; padding: 5px; text-align: center; }

/* Ficha de Projecto */
.emm-projPtf-wrapper { border-top: dashed 1px #CCC; }
.emm-projPtf-wrapper .emm-projPtf-info { border-bottom: dashed 1px #CCC; float: left; padding-right:2%; width: 48%; }
.emm-projPtf-wrapper .emm-projPtf-info.descript { padding-left: 0; width: 100%; }

/* Tags - Portfolio - Lista de todos os Projectos */
.sidebar .ccm-tag-list,
.ccm-tags-ptf .ccm-tag-list.subnav { list-style: none }
.ccm-tags-ptf .ccm-tag-list.subnav li { display: inline-block; margin-right: 2%; }

/* Tags - Portfolio - Página do Projecto - Nav Lateral */
.ccm-tags-display-ptf .ccm-tag-list.subnav { list-style: none; margin-left: 0 }

/* Cookies Disclosure */
.disclosure-container { border-top: solid 1px #CCC;  }
.disclosure-container p { padding: 0; }
.disclosure-container input[type="submit"] { background-color: #468C00; border: none; padding: 8px; cursor: pointer; }
.disclosure-container input[type="submit"]:hover { opacity: 0.8; }
#ccm-cookiesDisclosure .disclosure-form { padding-top: 0 !important}

/* Cameracrete */
.camera_thumbs_cont { background-color: #000 }
.camera_thumbs_cont img {
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
}

/* Specific Pages ******************************/

/************************************************\
» GRAPHIC LAYOUT - RESPONSIVE
\************************************************/

@media (max-width: 1300px){

}

@media (max-width: 1150px){
/* Header ***************************************/
/* Logotipo */
/* Main Menu */
header .mainmenu a { padding: 6px 10px; }
}

@media screen and (min-width:979px) and (max-width:1390px) {
/* STRUCTURAL LAYOUT ****************************/
/* Global ****************/
/* .container { margin: 0; width: 99% }  --> Define margins for social share "add this" */
}

@media (max-width:960px){
/* STRUCTURAL LAYOUT ****************************/
/* Global ****************/
.content.matrix { margin-top: 2% }
/* TYPE *****************************************/
/* Size */
.advanced-slider .caption-container p { font-size: 80% }
/* Header ****************/
header { background: none; position: absolute; top: 0; left: 0; }
section.title { display: none }
/* Logotipo */
header .logotipo { background: none; margin: 0; padding: 0; left: 14px }
header .logotipo .image img,
header .logotipo .image img.logo-bottom { display: none; }
header .logotipo .text { display: block; }
/* Main Menu */
.matrix li .slicknav_item.slicknav_row a i,
header .mainmenu { display: none } /* classic menu - hide! */
.js .slicknav_menu { display:block; } /* mobile menu - show! */
/* Content  **************/
/* Content */
.content.sticky { padding-top: 0; }
.content > section.title { padding-top: 0 }
.title .block { margin: 1%; }
/* Blocks */
.advanced-slider { margin-top: 10px; }
/* Banner - Slider */
.banner.slider .headlines { margin-top: 6%; padding: 15px 0 10px 0; }
/* Footer ****************/
.matrix .sub-footer .phone-box { display: none }
}

@media (max-width: 770px){
/* TYPE *****************************************/
/* Size */
.matrix .default-banner,
.matrix .home-banner { font-size: 70%; }
/* STRUCTURAL LAYOUT ****************************/
/* Global ****************/
.container { padding: 0; }
/* GRAPHIC LAYOUT *******************************/
/* Header ****************/
header.matrix  .logotipo { margin: 0; }
.matrix .home-static .google-maps h5 { display: none }
/* Layout Blocks C5 ******/
.advanced-slider .caption-container { display: none }
.nav-list.services-mainPage li .text-wrapper { height: 320px; }
}

@media (max-width: 570px){
/* TYPE *****************************************/
/* Size */
.matrix .default-banner,
.matrix .home-banner { font-size: 50%; }
/* GRAPHIC LAYOUT *******************************/
/* Content ***************/
/* banner */
.title-bar h1 { display: none }
/* Footer ****************/
.matrix .sub-footer .phone-box { position: relative; left: 0; }
/* LAYOUT BLOCKS *********/
.nav-list.news-todasNoticias img { float: none; padding-bottom: 0; }
.nav-list.services-mainPage li { float: none; width: 100%; height: auto}
.nav-list.services-mainPage li .text-wrapper { height: auto }
/* Ficha de Projecto */
.emm-projPtf-wrapper .emm-projPtf-info { border-bottom: dashed 1px #CCC; float: none; padding-right:0; width: 100%; }
}
@media (min-width:481px) and (max-width: 960px){
}

/************************************************\
» NOTIFICATIONS
\************************************************/

/************************************************\
» VARIATIONS
\************************************************/

/************************************************\
» API's CSS
\************************************************/