*{
	box-sizing: border-box;
/*	transition: all .2s linear 0.1s;
*/
}
 
body, html {
    min-height: 100%;
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
	font-family: 'Roboto', sans-serif;
    min-width: 100%;
}
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

img{
	max-width: 100%;
	vertical-align: top;
}
.content{
	position: relative;
	max-width: 1150px;
	margin: 0 auto;
}

header{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}
header *{
	transition: all .2s linear 0.1s;
}
header .fundo{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
header .fundo .overlay{
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
	opacity: 0;
	background: rgba(231,116,33,0.2);
}
header .cabecalho{
	width: 100%;
	position: absolute;
	height: auto;
	left: 0;
	background: rgba(255,255,255,0.45);
	top: 0;
	z-index: 999;
	background: rgba(255,255,255,1);
	transition: all .2s linear 0.1s;
}
header nav{
	width: 100%;
	position: relative;
	height: auto;
	background: rgba(255,255,255,0.45);
	z-index: 999;
	background: rgba(255,255,255,1);
	transition: all .2s linear 0.1s;

}

header nav ul{
	display: inline-block;
	float: right;
	font-size: 0;
	margin-top: 60px;
} 
header nav .logo{
	display: inline-block;
	padding: 30px 0;

}
header nav ul li{
	display: inline-block;
	font-size: 15px;
	vertical-align: top;
}
header nav ul li a{
	padding: 5px 20px;
	color: #000;
	text-decoration: none;
}
header nav ul li a.active{
	color: #d96d1f;
}
header nav ul li.facebook{
	margin-top: -1px;
}
header nav ul li.facebook img{
	vertical-align: top;
}
header nav ul li.facebook a{
	padding: 5px 10px;
}
header nav ul li.orcamentos a{
	color: #d96d1f;
}

header .fixed{
	position: fixed;
	top: 0;
	z-index: 999;
	background: rgba(255,255,255,1);

}
header .fixed .logo{
	padding: 10px 0;
}
header .fixed .logo img{
	max-width: 250px;
}
header .fixed ul{
	margin-top: 27px;
}
/* MAIN */
main section{
	padding:80px 0; 
	font-size: 0;
}

main section#servicos{
	background: #f6f6f6;
}
main section#portfolio{
	padding-bottom: 0;
}
main section#contactos{
	padding: 0;
}

main section div h1{
	text-transform: uppercase;
	color: #d96d1f;
	width: 100%;
	font-size: 60px;
	text-align: center;
	font-weight: bold;
}
main section div h1:after{
	content: "";
	width: 115px;
	height: 3px;
	background: #c4c4c4;
	display: block;
	margin: 0 auto;
	margin-top: 15px;
}
main section div h2{
	font-size: 18px;
	text-transform: uppercase;
	color: #606060;
	text-align: center;
	margin: 20px 0;
	margin-bottom: 70px;
}
main section div article{
	font-size: 16px;
	color: #807f7f;
	width: 50%;
	display: inline-block;
	padding-right: 35px;
	vertical-align: top;
}
main section div article:last-child{
	padding-right: 0;
}
main section div article h3{
	font-size: 32px;
	color: #474747;
	margin-bottom: 35px;
	font-weight: bold;
}
main section div article p{
	margin-top: 35px;
	line-height: 22px;
	font-weight: 300;
}
main section div article img{
	max-width: 100%;
}
main section div ul{
	font-size: 0;
}
main section#servicos div ul{
	display: table;
}
main section#servicos div ul li{
	width: 33.33%;
	display: table-cell;
	height: auto;
	font-size: 14px;
	color: #000;
	padding: 0 33px;
	font-weight: 300;
	line-height: 20px;
	position: relative;
	padding-bottom: 50px;
	min-height: 100%;
	vertical-align: top;
}
main section#servicos div ul li:after{
	width: calc(70% - 66px);
	height: 4px;
	background: #d96d1f;
	content: "";
	position: absolute;
	bottom: 0;
	left: 33px;
}
main section#servicos div ul li h3{
	margin-bottom: 30px;
	text-transform: uppercase;
	font-size: 21px;
	font-weight: bold;
}
main section#servicos div ul li p{
	max-height: 158px;
	overflow: hidden;
}
main section .links{
	font-size: 15px;
	width: 100%;
	text-align: center;
	margin: 44px 0;
}
main section .links span{
	display: inline-block;
	cursor: pointer;
	font-size: 17px;
	text-transform: uppercase;
	padding: 0 25px;
	color: #171717;
	font-weight: 400;

}
main section .links span.active{
	color: #d96d1f;
}
main section#portfolio ul{
	font-size: 0;
/*	background: #d96d1f;
*/	margin-top: 44px;
}
main section#portfolio ul li{
	width: 20%;
	display: inline-block;
	position: relative;

}
main section#portfolio ul li a{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	opacity: 0;
	transition: all .2s linear 0.1s;
}
main section#portfolio ul li a:nth-of-type(1){
	z-index: 9;
}
main section#portfolio ul li a:hover{
	background: rgba(255,255,255,0.8);
	opacity: 1
}
main section#portfolio ul li a div{
	vertical-align: middle;
	display: inline-block;
}
main section#portfolio ul li a p{
	display: inline-block;
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	color: #000;
	text-decoration: none;
	border-bottom: 5px solid #d96d1f;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
main section#portfolio ul li a p.data{
	font-size: 17px;
	color: #6e6e6e;
	margin: 0;
	padding: 0;
	font-weight: normal;
	border:0;
	width: 100%;
}
main section#portfolio ul li img{
	width: 100%;
}
main section#contactos .contactos{
	position: relative;
	padding:80px 0; 
	background: url(../images/contactos.jpg) no-repeat center center;
	background-size: cover;

}
main section#contactos .fundo{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
main section#contactos .fundo div{
	width: 50%;
	display: inline-block;
	min-height: 100%;
	height: auto;
}
main section#contactos .fundo div.left{
	background: rgba(0,0,0,0.6);
}
main section#contactos .fundo div.right{
	background: rgba(217,109,31,0.6);
}
main section#contactos ul li{
	width: 50%;
	display: inline-block;
	height: auto;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	position: relative;
	vertical-align: top;
	min-height: 100%;
	padding: 0 34px;
}
main section#contactos ul li h3{
	font-size: 60px;
	font-weight: bold;
	color: #d96d1f;
	text-transform: uppercase;
	margin-bottom: 50px;
	line-height: 50px;

}
main section#contactos ul li h4{
	font-size: 40px;
	line-height: 54px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
}
main section#contactos ul li a{
	color: #fff;
	text-decoration: none;
}
main section#contactos ul li a.orcamento{
	width: 100%;
	display: inline-block;
	height: auto;
	padding: 21px 0;
	text-align: center;
	color: #d96d1f;
	background: #fff;
	text-transform: uppercase;
	margin-top: 105px;
	font-size: 26px;
}
main section#contactos ul li a.orcamento:hover{
	color: #fff;
	background: #d96d1f;

}
#map{
	height: 417px;
}
footer{
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 16px;
	background: #000;
	line-height: 24px;
	color: #fff;
	padding: 34px 0;
}
footer a{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
/* POPUP */
/* Outer */
.popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
    z-index: 99999999;
}

/* Inner */
.popup-inner {
    max-width:700px;
    width:90%;
    padding:40px;
    position:absolute;
    top:50%;
    left:50%;
    box-sizing: border-box;
/*    padding-left: 180px;
*/    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    background: rgba(255,255,255,1);
    font-size: 13px;
}

/*.popup-inner .imagem{
	width: 100px;
	position: absolute;
	top: 0;
	height: 100%;
	left: 35px;
}
.popup-inner .imagem img{
	max-width: 96%;
	display: inline-block;
	vertical-align: middle;
}*/
.popup.vimeo .popup-inner{
	padding: 0;
}
.popup-inner h1{
	font-size: 24px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 40px;
	color: #f05a28;
	width: 100%;
	text-align: center;
}
.popup-inner h2{

}
.popup-inner p{
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	color: #3e4f59;
}
.popup-inner p a{
	color: #000;
}
.popup-inner p a:hover{
	color: #e37c28;
}
.popup-inner a{
	text-decoration: none;
}
.popup-inner p a img{
	margin-right: 10px;
	vertical-align: bottom;
}
/* Close Button */
.popup-close {
    width:30px;
    height:30px;
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background:rgba(0,0,0,0.8);
    font-family:Arial, Sans-Serif;
    font-size:20px;
    text-align:center;
    line-height:100%;
    color:#fff;
}
 
.popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);
    text-decoration:none;
}
.mobile-show{
	display: none !important;
}
.mobile-hidden{
	display: inline-block !important;
}
@media only screen and (max-width: 1152px){
	.content{
		padding: 0 5%;
	}
}
@media only screen and (max-width: 1021px){
	main section#portfolio ul li{
		width: 33.333%;
	}
	main section#portfolio ul{
		background: #fff;
	}

	header nav {
		text-align: center;
		padding-bottom: 20px;
	}
	header nav .logo{
		margin: 0 auto;
	}
	header nav ul{
		float: none;
		margin-top: 10px;
	}
	.content{
		padding: 0 5%;
	}
	main section#servicos .content{
		padding: 0;
	}
	main section#servicos div ul li{
		padding: 0 5% 50px;
		/*width: 32%;*/
	}
	main section#servicos div ul li:nth-child(2){
	}
	main section#contactos ul li h4{
		font-size:30px;
	}
}
@media only screen and (max-width: 840px){
	header .fundo{
		margin-top: 112px;
	}
	main section#contactos ul li h3{
		font-size: 30px;
		margin-bottom: 20px;
	}
	main section#contactos ul li a.orcamento{
		margin-bottom: 30px;
	}
	main section#contactos ul li h4{
		line-height: 35px;
	}
}
@media only screen and (max-width: 480px){
	main section div article{
		width: 100%;
	}
	main section#contactos .fundo{
		display: none;
	}
	main section#contactos ul li{
		width: 100%;
		background: rgba(231,116,33,0.6);
	}
	main section#contactos ul li:first-child{
		background: rgba(0,0,0,0.6);	
	}
	main section#servicos div ul li{
		width: 100%;
		display: inline-block;
	}
	main section#servicos div ul li:last-child{
		margin-bottom: 0;
	}
	main section#portfolio ul li, main section .links span{
		width: 100%;
	}
	main section .links span{
		padding: 10px 0;
	}
	main section#servicos div ul li::after{
		display: none;
	}
	header nav ul li:last-child{
		width: 100%;
		display: inline-block;
	}
	header nav ul li:last-child a{
		width: 100%;
		display: inline-block;
	}
	header nav{
		position: relative;
	}
	.content{
		width: 100%;
	}
	header nav{
		margin: 0;
	}
	header .fixed, header .cabecalho{
		background: transparent;
	}
	header nav ul li a{
		display: inline-block;
		width: 
	}
	header .fundo{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index:0;

	}
	header .fundo img{
		max-width: 10000000000000px;
		height: 100%;
		min-width: 100%;
	}
	header nav ul li.orcamentos a{
		width: 100%;
	}
	header{
		min-height: 200px;
	}
	header .cabecalho{
		position: relative;
	}
	header .cabecalho.fixed{
		position: fixed;
	}
	header .cabecalho.fixed .nav-toggle{
		background: rgba(0,0,0,0.8);
	}
	.mobile-show{
		display: block !important;
	}
	.mobile-hidden{
		display: none !important;
	}
	header > div > .logo{
		z-index: 999;
		position: absolute;
		padding: 30px 5%;
		width: 100%;
		text-align: left;
		padding-right: 20%;
	}
	header .nav-collapse ul{
		padding-bottom: 20px;
		margin-top: 0;
	}
	.js .nav-collapse-0.opened{
		border-bottom: 3px solid #d96d1f;
	}
	header nav ul li{
		margin-bottom: 5px;
		background: rgba(255,255,255,0.9);
	}
	header nav ul li a{
		color: #000;
	}
	header .fundo .overlay{
		background: rgba(255,255,255,0.3);
	}
	header .fixed .logo img{
		max-width: 100%;
	}
	header .fixed .logo{
		padding: 30px 0;
	}
	header nav .logo{
		padding-right: 16%;
		text-align: left;
	}
	main section#contactos .contactos{
		padding: 0;
	}
	main section#contactos .contactos .content{
		padding: 0;
	}
	main section#contactos .contactos ul li{
		padding: 80px 5%;
	}
	main section#contactos ul li h3, main section div h1{
		font-size: 30px;
	}
	header .fixed .logo{
		padding-right: 15%;
	}
	
	header .fundo{
		position: relative;
		height: auto;
		margin-top: 112px;
	}
	header .fundo .overlay{
		height: auto;
	}
	

	header .fundo img{
		max-width: 100%;
		height: auto;
	}
	header nav ul li a{
		padding: 7px 
	}
	header .cabecalho{
		min-height: 112px;
		position: fixed;
	}
	.mapa .overlay{
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 999999999;

	}
	.mapa{
		position: relative;
		width: 100%;
		height: auto;
	}
	header nav ul li.facebook img{
		width: 15px;
	}
}
@media only screen 
and (min-device-width : 0px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 
	header nav ul li a{
		padding: 5px 10px;
	}
	main section{
		padding-top:122px;
	}
	header nav{
		padding-bottom: 10px;
	}
	header .fundo{
		margin-top: 112px;
	}
	main section#contactos ul li h3{
		font-size: 30px;
		margin-bottom: 20px;
	}
	main section#contactos ul li a.orcamento{
		margin-bottom: 30px;
	}
	main section#contactos ul li h4{
		line-height: 35px;
	}
	.mapa .overlay{
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 999999999;
		display: block !important;

	}
	.mapa{
		position: relative;
		width: 100%;
		height: auto;
	}

}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}