/* PAGE LAYOUT STYLE */
html, body, h1, h2, h3, h4, h5, h6, a, div, p, span{ font-family: "Ubuntu", sans-serif;}
.row{ max-width:75em; /* 1200px */ }

h1, h2, h3, h4, h5{ color:#ff7123; }
	
	div#cboxCurrent{ visibility: hidden; }
	
	/* TOP-BAR */
	.top-bar { min-height: 10em; }
	.fale-connosco{ color:#ff7123; margin-top:1%; font-size:1.15em; font-weight:bold; }
	.facebook { margin-left:1em; }
	.facebook a { color:#0095d9; text-decoration: none;outline: none; }
	.facebook a img { border:none; }
	.logo{ margin-top:0.5em; }
    /*.logo{ max-width:75%; margin-top:0.5em; }*/
	
	/*.banner-home{ height:9em; width:100%; background: url("../img/home/banner-lg.jpg") no-repeat top; }*/
	.header-bg-new{ padding:0; height:8em; width:100%; background: url("../img/layout/header-bg-new.jpg") no-repeat top; } 	
	.page-title-l{ padding-left:0.5em; margin-top:1em; color:#fff; font-size:3em; font-weight:100; }
	.page-title-m{ padding-left:0.5em; margin-top:1em; color:#fff; font-size:2.5em; font-weight:100; }
	.page-title-s{ margin-top:0.8em;padding-bottom:0.6em; color:#fff; font-size:2em; font-weight:100; }	
	/* CONTROLS DO SLIDER */
	.owl-theme .owl-controls {
		position: absolute;	top: 15%; right: 3%; z-index:1; }
	.owl-theme .owl-controls .owl-page.active span{	background:#fff!important; opacity:1!important;filter:Alpha(Opacity=100)!important;}
	.owl-theme .owl-controls .owl-page span{ background:none!important; border:2px solid #fff; opacity:1!important;filter:Alpha(Opacity=100)!important;}
	/* MENU */
	.menu-lg{ float: right; text-align: right; width: auto; height:inherit;}
	ul.main-menu{ height:inherit; display:table-cell; vertical-align:bottom; padding-bottom:1em;}
	ul.main-menu li{ list-style: none; display: block;float: left; padding-right:1.5em; }
	ul.main-menu li.last{ padding-right:0; margin-right:0; }
	ul.main-menu li a{ color: #555; font-weight:500; font-size:1.05em; text-transform:capitalize;}
	ul.main-menu li.active a{ color: #ff7123; } 
	ul.main-menu li a:hover{ 
		color: #ff7123; 
		background:#fff;
		-webkit-transition: color .4s ease-out;
		-moz-transition: color .4s ease-out;
		-o-transition: color .4s ease-out;
		transition: color .4s ease-out; }
	ul.main-menu li:hover{ background:#fff;}
	
	/* MENU MOBILE */
	ul.nav-bar{ margin:0; }
	ul.nav-bar li{ 
		position: relative;
		list-style:none; 
		width:100%;
		text-align:center;
		font-weight:500;
		background-color:#555; 
		padding-top:1.2em; 
		height:4em; 
		border-bottom:1px solid #ccc;
		display:block;	}	
	ul.nav-bar li.active{ background-color:#ff7123; }
	ul.nav-bar li:hover{
		background-color:#ff7123;
		-webkit-transition: color .4s ease-out;
		-moz-transition: color .4s ease-out;
		-o-transition: color .4s ease-out;
		transition: color .4s ease-out; }
	ul.nav-bar a{ 
		padding-top:1.2em; 
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;		
		color:#fff; 
		text-transform:uppercase; }
	/* FOOTER */
	.footer{ padding-top:5em; }
	.footer-contactos h5{ font-size:1.1em; font-weight:500; }
	.footer-contactos p{
		font-size:1em; 
		/*font-weight:500;*/
		color:#131313; }
	.logos{  }
	.logos img{ max-width: 150px; }
	.creditos{
		text-align:left;
		color:#9f9f9f;
		font-size:0.8em;
		margin-top:4em;
		margin-bottom:1em;}
	.links-uteis{ font-size:0.8em; color: #131313; text-transform:uppercase; text-decoration:none; }
	.links-uteis:hover{ 
		-webkit-transition: color .4s ease-out;
		-moz-transition: color .4s ease-out;
		-o-transition: color .4s ease-out;
		transition: color .4s ease-out; }	
		
	.servicos-img{ max-width:70px; padding-top:0.7em; }	
	
/* MEDIA SCREENS */
@media only screen and (max-width: 64em){
	.servicos{ text-align:center; }
	.main-home{ margin-top: 1em; }
	.servicos-img{ max-width:50px; padding-top:0em; }
	}
@media only screen and (min-width: 64em) and (max-width: 90.063em){
	.main-home{ /*margin-top: -2%;*/ position: relative; z-index:1; background-color:#fff; }
	}	
@media only screen and (min-width: 90.063em){
	.main-home{ /*margin-top: -6%;*/ position: relative; z-index:1; background-color:#fff; }
	.servicos-row{ max-width:90em;}
	.servicos{padding:0; padding-top:1em; padding-bottom:1em;}
	}
@media only screen and (min-width: 118em){
	.main-home{ /*margin-top: -10%;*/ position: relative; z-index:1; background-color:#fff; }
	.servicos-row{ max-width:100em;}
	.servicos{padding:0; padding-top:1em; padding-bottom:1em;}
	}	

/* PAGE LAYOUT END */	
/*****************************************/
/*****************************************/
/* HOME PAGE */

	/* SLIDER */
	.slider{ width:100%; position:relative; }
	/*@media only screen and (min-width: 70em){
		.slider{ width:100%; position:relative; }
		}*/
	.white-triangles img{ position:absolute; width:100%; z-index: 1; }
	.slogan-small-l{ position:absolute; top:10%; margin-left:3%; color:#fff; font-weight:600; font-size:2em;  }	
	.slogan-big-l{ position:absolute; top:15%; margin-left:3%; color:#fff; font-weight:300; font-size:4em; line-height:1em;  }		
	.slogan-small-m{ position:absolute; top:10%; margin-left:5%; color:#fff; font-weight:700; font-size:1.3em;  }	
	.slogan-big-m{ position:absolute; top:15%; margin-left:5%; color:#fff; font-weight:300; font-size:2.5em; line-height:1em;  }	
	/*.slogan-small-s{ position:absolute; top:10%; margin-left:5%; color:#fff; font-weight:700; font-size:1em;  }	*/
	.slogan-big-s{ position:absolute; top:15%; margin-left:5%; color:#fff; font-weight:300; font-size:1.5em; line-height:1em;  }	
	/* SERVIÇOS */
	.servicos { padding:1em; padding-left:2em; padding-right:2em; background-color:#fff; /*margin-top:-10em; position: relative;*/}
@media only screen and (min-width: 64em){
	.servico-1{
		padding:1em;
		margin-left:1em; 
		margin-right:1em;
		-webkit-border-radius: 30px 30px 0px 30px;
		-moz-border-radius: 30px 30px 0px 30px;
		border-radius: 30px 30px 0px 30px;
		background-color:#ff7123; }
	.servico-2{
		padding:1em;
		margin-left:1em; 
		margin-right:1em;	
		-webkit-border-radius: 30px 30px 30px 30px;
		-moz-border-radius: 30px 30px 30px 30px;
		border-radius: 30px 30px 30px 30px;
		background-color:#c1e55e; }		
	.servico-3{
		padding:1em;
		margin-left:1em; 
		margin-right:1em;	
		-webkit-border-radius: 30px 30px 30px 0px;
		-moz-border-radius: 30px 30px 30px 0px;
		border-radius: 30px 30px 30px 0px;
		background-color:#f4bb25; }
	.servico-4{
		padding:1em;
		padding-top:0.5em;
		margin-left:1em; 
		margin-right:1em;	
		-webkit-border-radius: 30px 30px 0px 30px;
		-moz-border-radius: 30px 30px 0px 30px;
		border-radius: 30px 30px 0px 30px;
		background-color:#3fc688; }
	.servico-5{
		padding:1em;
		padding-top:0.5em;
		margin-left:1em; 
		margin-right:1em;	
		-webkit-border-radius: 30px 30px 30px 30px;
		-moz-border-radius: 30px 30px 30px 30px;
		border-radius: 30px 30px 30px 30px;
		background-color:#7be5c4; }				
	.servico-6{
		padding:1em;
		padding-top:0.5em;
		margin-left:1em; 
		margin-right:1em;
		-webkit-border-radius: 30px 30px 30px 0px;
		-moz-border-radius: 30px 30px 30px 0px;
		border-radius: 30px 30px 30px 0px;
		background-color:#f47325; }
	.servico-descricao{ padding:2em; padding-top:1em; text-align:justify; }	
}
/* mobile */
@media only screen and (max-width: 64em){
	.servico-1{
		padding:1em;
		margin-top:1em; 
		-webkit-border-radius: 30px 30px 30px 30px;
		-moz-border-radius: 30px 30px 30px 30px;
		border-radius: 30px 30px 30px 30px;
		background-color:#ff7123; }
	.servico-2{
		padding:1em;
		margin-top:1em; 
		-webkit-border-radius: 30px 30px 30px 30px;
		-moz-border-radius: 30px 30px 30px 30px;
		border-radius: 30px 30px 30px 30px;
		background-color:#c1e55e; }		
	.servico-3{
		padding:1em;
		margin-top:1em; 
		-webkit-border-radius: 30px 30px 30px 30px;
		-moz-border-radius: 30px 30px 30px 30px;
		border-radius: 30px 30px 30px 30px;
		background-color:#f4bb25; }
	.servico-4{
		padding:1em;
		margin-top:1em; 
		padding-top:0.5em;	
		-webkit-border-radius: 30px 30px 30px 30px;
		-moz-border-radius: 30px 30px 30px 30px;
		border-radius: 30px 30px 30px 30px;
		background-color:#3fc688; }
	.servico-5{
		padding:1em;
		margin-top:1em; 
		padding-top:0.5em;
		margin-left:1em; 
		margin-right:1em;	
		-webkit-border-radius: 30px 30px 30px 30px;
		-moz-border-radius: 30px 30px 30px 30px;
		border-radius: 30px 30px 30px 30px;
		background-color:#7be5c4; }				
	.servico-6{
		padding:1em;
		margin-top:1em; 
		padding-top:0.5em;
		margin-left:1em; 
		margin-right:1em;
		-webkit-border-radius: 30px 30px 30px 30px;
		-moz-border-radius: 30px 30px 30px 30px;
		border-radius: 30px 30px 30px 30px;
		background-color:#f47325; }		
	.servico-descricao{ padding-top:1em; text-align:left; margin-bottom:1em; }	
}		

	.servico-title { color: #131313; padding-top:0.5em; font-size:1.1em; }
	.servico-link { color: #131313; text-transform:uppercase; text-decoration:underline; font-size:0.8em; }
	.servico-link:hover{ 
		color: #fff; 
		-webkit-transition: color .4s ease-out;
		-moz-transition: color .4s ease-out;
		-o-transition: color .4s ease-out;
		transition: color .4s ease-out; }
	
	.link-projectos-energeticos{ 
		padding-top:1.2em; padding-bottom:1.2em;
		padding-left:3em; padding-right:3em;
		color: #131313!;
		font-size:1.2em;
		background-color:#fff;
		border:1px solid #d9d50b!important;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;	
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;		
	}	
	.link-projectos-energeticos-sm{ 
		padding:1em;
		color: #131313;
		font-size:0.8em;
		border:1px solid #d9d50b;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;	
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;		
	}		

	.link-projectos-energeticos:hover {
		background: #d9d50b;
		color:#fff;
	}

	.link-gestao-energetica{ 
		padding-top:1.2em; padding-bottom:1.2em;
		padding-left:3em; padding-right:3em;
		color: #131313;
		font-size:1.2em;
		border:1px solid #d9d50b;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;	
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;		
	}
	
	.link-gestao-energetica-sm{ 
		padding:1em;
		color: #131313;
		font-size:0.8em;
		border:1px solid #d9d50b;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;	
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;		
	}	
	
	.link-gestao-energetica:hover { 
		background: #d9d50b;
		color:#fff;
	}
	
	
	/* NOTICIAS */
	.noticias { background-color: #f6f6f6; padding-bottom:5em;}
	.grey-triangle img{ width:100%; }
	.noticia{}
	/* mobile */
	@media only screen and (max-width: 64em){
		.noticia{ padding-left:1em; padding-right:1em;}
		.noticia-preview{ margin-bottom:1em;}
	 }	
	.noticia-preview{ width:100%;  background-color:#e7e7e7;}
	.noticia-descricao{ margin-bottom:0.2em;  }
	.noticia-title{ text-transform: uppercase; }
	.noticia-link{ color: #898989; text-transform:uppercase; text-decoration:underline; font-weight:bold; }
	.noticia-link:hover{ 
		-webkit-transition: color .4s ease-out;
		-moz-transition: color .4s ease-out;
		-o-transition: color .4s ease-out;
		transition: color .4s ease-out; }	
	/* SMALL BANNER */
	.banner-sm{ background: url("../img/home/banner-sm.jpg"); background-size:cover;}
	.banner-sm-content{ height: 188px; display:table-cell; vertical-align:middle;width:75em; }
	.banner-sm-destaque{ color:#fff; font-size:2em; font-weight:700; line-height:1em; padding-top:0.7em; }
	/* mobile */ .banner-sm-destaque-sm{ color:#fff; font-size:1.5em; font-weight:500; }
	.link-pedir-info-l{ 
		padding-top:1.2em; padding-bottom:1.2em;
		padding-left:3em; padding-right:3em;
		background-color: #d9d50b;
		color: #131313;
		font-size:1.2em;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;		
	}
	.link-pedir-info-s{ 
		padding-top:0.8em; padding-bottom:0.8em;
		padding-left:2em; padding-right:2em;
		background-color: #d9d50b;
		color: #131313;
		font-size:1em;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;		
	}	
	.link-pedir-info-l:hover, .link-pedir-info-s:hover{ 
		color: #131313;
		background-color: #f8f42c;
		-webkit-transition: background-color .4s ease-out;
		-moz-transition: background-color .4s ease-out;
		-o-transition: background-color .4s ease-out;
		transition: background-color .4s ease-out; }			
	}

/* HOME PAGE END */
/*****************************************/
/*****************************************/
/* NOTICIAS PAGE */

	/* HEADER BACKGROUND */

	.header-bg-noticias{  position:relative; }

	/* NEWS */
	.news-panel{ padding-top:5em; padding-bottom:5em; }
	.news{ padding:1em; }
	/*.news-preview{ width:100%; height:200px; background-color:#e7e7e7;}*/
	.news-preview{border:5px solid #fff; }
	.news-preview:hover {
		border:5px solid #ff7123;  
		-webkit-transition: border .3s ease-in;
		-moz-transition: border .3s ease-in;
		-o-transition: border .3s ease-in;
		transition: border .3s ease-in; }
	
	.news-title{ padding-top:0.8em; }
	.news-descricao{ margin-bottom:0.5em; text-align:justify!important; }
	.news-link{ color: #131313; text-transform:uppercase; text-decoration:underline;}
	.news-link:hover{ 
		-webkit-transition: color .4s ease-out;
		-moz-transition: color .4s ease-out;
		-o-transition: color .4s ease-out;
		transition: color .4s ease-out; }	
		
/* NOTICIAS PAGE END */
/*****************************************/
/*****************************************/
/* SERVICOS PAGE (GESTAO ENERGETICA + PROJECTOS ENERGETICOS)  */

	.servicos-panel{ padding-top:5em; padding-bottom:6em; }
	.tabs.vertical.tabs-servicos{ max-width:100%; width:auto; }
	.tabs.tabs-servicos dd > a, .tabs.tabs-servicos .tab-title > a{ 
		color:#333; 
		font-size:0.9em; 
		font-weight:500; 
		background:none; 
		font-family: inherit;
		text-align:left;
		border:1px dashed #fff;
		padding: 0.5rem 1.5rem;		}
	.tabs.tabs-servicos dd > a span, .tabs .tab-title > a span{padding-left:0.5em; }
	.tabs.tabs-servicos dd.active a, .tabs .tab-title.active a{ color:#ff7123; border:1px dashed #ff7123; }
	.servicos-preview{ width:100%; height:300px; background-color:#e7e7e7;}
	.servicos-title{ padding:0.8em; margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; font-weight:500; }
	.servicos-descricao{ padding:0.7em; padding-top:2em; line-height:1.2em; text-align:justify; }
	.servicos-items{ 
		text-align:left; color:#ff7123; font-size:0.9em; font-weight:bold; padding:0.5em; padding-left:1em;
		text-transform:uppercase; margin-left:1em; margin-right:1em; margin-bottom:0.3em!important;}

	.gestao-title{ 
		padding:0.8em; margin-top:0; margin-bottom:0; font-weight:700; 
		text-align:center; color:#fff; background-color:#ff7123; }			
	.gestao-descricao{ padding:1em; line-height:1.2em; text-align:justify; padding-bottom:0.5em; margin-bottom:0; }
	.gestao-items{ 	
		text-align:left; font-size:0.9em; font-weight:bold; text-transform:uppercase; 
		margin-left:1em; margin-bottom:0.2em;}	
	.gestao-check{ font-weight:bold; color:#ff7123; }		
	
	
	.accordion .accordion-navigation > a, .accordion dd > a{
	background: none;
	padding: 0;	}
		
/* SERVICOS PAGE (GESTAO ENERGETICA + PROJECTOS ENERGETICOS) END */
/*****************************************/
/*****************************************/
/* FALE CONNOSCO PAGE */

	.map{ margin:0; padding:0px; line-height:0;}
	.contactos{ font-size:1.1em; font-weight:500; }
	.contactos .phone{ font-size:1.3em; }
	.contactos img{ float:right; font }
	.contactos .row{margin-bottom:2em; }
	.formulario label{ font-size:1.1em; font-weight:500; letter-spacing: 0px; }
	.form-input{ 
		border:none!important; 
		background-color:#EEE !important; 
		height:2.5em!important; 
		font-size:1.1em!important; 
		color:#fff!important;}
	.form-input:focus{ background-color: transparent !important;} 
	.form-text-area{ border:none; background-color:#EEE; height:10em;font-size:1.1em!important; color:#fff!important;}
	.form-text-area:focus{ background-color: transparent !important; border:none;}
	.send-button{ width:100%; height:3em; background-color:#fff; color:#ff7123; border:2px solid #ff7123; font-size:1.1em;}
	.send-button:hover{ 
		cursor:pointer; 
		background-color:#f9f9f9;
		color:#b0d558; 
		border:2px solid #b0d558;
		-webkit-transition: background-color .4s ease-out;
		-moz-transition: background-color .4s ease-out;
		-o-transition: background-color .4s ease-out;
		transition: background-color .4s ease-out; }		
		
	@media only screen and (min-width: 64em){ 
		.contactos{ padding-left:4em; }
		.formulario{ padding-right:8em; }
		}
	@media only screen and (max-width: 63.99em){ 
		.contactos{ padding-left:1em; }
		.formulario{ padding-right:1em; }
		}

/* FALE CONNOSCO PAGE END */
/*****************************************/		
/*****************************************/
/* QUEM SOMOS PAGE */

div.about-panel{ padding-top:5em; padding-bottom:6em; border-bottom: 1px solid #DDD; }	
p.about-descricao{ text-align:justify; font-size:1.1em; padding-left:1.5em; padding-right:1em; }
p.caption{ font-style: italic; margin-top: 2rem; }




/* QUEM SOMOS PAGE END */
/*****************************************/		 
/*****************************************/
/* PORTFOLIO PAGE */

.titulo-portfolio{ text-transform:uppercase; font-size:0.9em;  }
.descricao-portfolio{ text-align:center;}
/* PORTFOLIO PAGE END */
/*****************************************/		



.testimonials {
    max-width: 90%;
    text-align: center;
    margin: 2rem auto 4rem;
}
.testimonials .header { margin-bottom: 3rem; }
.testimonials .header h3 { margin: 0; }
.testimonials .header h4 {
    color: #898989;
    font-size: 1.2em;
}
.testimonials .columns { margin-bottom: 3rem; }
.testimonials .columns img {
    width: 250px;
    border-radius: 2rem;
}
.testimonials .columns .content { margin-top: 1rem; }
.testimonials .columns .content p { margin-bottom: 0; }
.testimonials .columns .content .author,
.cutebox-content .author { font-size: 0.8em; }
.testimonials .columns .content hr {
    width: 50%;
    margin: 1rem auto;
}

.owl-gallery { margin-bottom: 5rem; }
.owl-gallery .owl-wrapper {
    display: flex !important;
    align-items: stretch;
}
.owl-gallery .owl-wrapper .owl-item {
    display: flex;
    align-items: stretch;
    float: none;
}
.owl-gallery .owl-wrapper .owl-item a {
    display: block;
    margin: 0 0.5rem;
}
.owl-gallery .owl-wrapper .owl-item a img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    object-fit: cover;    
}
.owl-gallery .owl-controls {
    position: static;
    margin-top: 2rem !important;
}
.owl-gallery .owl-controls .owl-page span { border-color: #898989; }
.owl-gallery .owl-controls .owl-page.active span { background: #898989 !important; }



@media screen and (max-width: 639px) { .owl-banner { font-size: 90%; } }
.owl-banner .item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70vh;
    min-height: 550px;
}
.owl-banner .item > img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    object-fit: cover;  
}
.owl-banner .item > span {
    position: absolute;
    background-color: rgba(0, 20, 134, 0.6);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;    
}
.owl-banner .item .content {
    position: absolute;
    text-align: center;
    max-width: 80%;
    z-index: 1;
}
.owl-banner .item .content img {
    width: 25%;
}
.owl-banner .item .content p.header {
    color: #FFF;
    font-size: 1.6em;
    line-height: 1.2;
    text-transform: uppercase;
    font-style: italic;
    margin-top: 1rem;
}
.owl-banner .item .content p.main {
    color: #d9d50b;
    font-size: 1.4em;
    line-height: 1.2;
    margin-top: 3rem;
}
.owl-banner .owl-controls {
    width: 100%;
    top: auto;
    bottom: 1rem;
    right: auto;
} 

.law {

	font-size: 0.9em;
	color: grey;
	font-weight: normal;
}
.law-header {
	font-size: 0.7em;
}
.law-contacts,
.law-footer {
	display: block;
	font-size: 0.7em;
}

form .form-input ,
form .form-text-area {

	color: black !important;
}

.reveal-modal {
	display: none;
}
.reveal-modal .title{
	font-size: 1.2rem;
}