
*{padding: 0;margin: 0; font-family: 'Source Serif Pro', serif;}
img{max-width: 100%;display: block;}
a{text-decoration: none;}
nav{display:block; !important;position: static;z-index: 10;}
p,a{line-height: 1.4em;font-size: 16px;}

/* menu*/
.header .header-logo img{display: block;margin:0px auto;padding: 20px 0;}
.btn-menu,.btn-close{display: none;}
.menu ul{background: #333;margin-bottom: 0;}
.menu{text-align: center;}
.menu li{display: inline-block;padding-top: 5px;padding-bottom: 5px;}
.header .menu li a{
	padding:10px 20px 10px 0;
	text-transform: uppercase;
	display:inline-block;
	color:#fff;
	font-size:1.125em;
}
.header .menu li a:hover{cursor: pointer;color: #9f9152;}
.fixed {
	position: fixed;
	top: 0;
	height: 70px;
	opacity: 0.85;
	z-index: 1;
}

nav {
	position: relative;
	bottom: 0;
	width: 100%;
}
@media (max-width: 739px){
	.container,.container-header{max-width:300px;margin:0 auto;}
	nav,.menu{
		display: none;
		position: fixed;
		background: #d0b553;
		z-index: 5;
		height: 100%;
		width: 100%;
		top:0px;
  		left: 0;

	}
	.header .menu li{display: block;padding: 10px 0 ;}
	.header .menu li:hover{background:#BFBFBF;}
	.btn-menu,.btn-close{display: block;cursor: pointer;border: none;background: none;}
	.header .container-header > div{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	.header .container-header.logo{flex: 1;align-self: left;}
	.header .container-header .icon-menu{flex: 1;align-self: center;}
	.header .icon-menu .btn-menu{text-align: center;margin: 0 auto;	}
	.header .icon-menu .btn-menu i,.btn-close{font-size: 30px;}
	.header .menu .btn-close{text-align: right;	margin:20px;}
}




@media screen and (min-width: 1280px){
	nav{display:block;position: static;z-index: 10;}
}


/*intro*/
.intro{	margin: 120px 0;text-align: center;}

/*sobre*/
h2{font-size: 36px;text-transform: uppercase;}
#sobre{background: url(../img/bg-sobre.jpg);background-size: cover;margin-top: 60px;}
#sobre p{color: #fff;padding: 0 20px 20px 20px;}
#sobre h2{color: #d0b553;padding: 30px 20px 20px 20px;margin-top: 30px;}
#sobre .grid-7{background: #333;padding-top: 20px;padding-bottom: 60px;}

@media (max-width: 739px){
	#sobre{background: #333;}
	#sobre p{padding: 0 0 20px 0}
}
@media (min-width: 740px) and (max-width: 980px) {
	#sobre .grid-7{width: calc(75% - 20px);}
	#sobre{background-position: center;}
}
/*areas de atuação*/
#atuacao{padding: 60px 0;}
#atuacao h2{color: #333; }
#atuacao p, #atuacao h2{text-align: center;margin: 0 5px;}
#atuacao h3{color: #232323;font-size: 21px;text-transform: uppercase;text-align: center; padding:10px;}
#atuacao img{margin: 0 auto;padding-top: 40px;}
#atuacao .item{background: #f7f7f7;margin-bottom: 20px;padding-bottom: 20px; min-width: 300px;}
#atuacao .itens{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	flex-wrap: wrap;
}
#atuacao  .item:hover{background: #333;}
#atuacao  .item:hover p{color: #fff;}
#atuacao  .item:hover h3{color: #d0b553;}
#atuacao .item:hover img{filter:invert(100%);}


.banner{padding-top: 15%;padding-bottom: 15%;background: url(../img/banner-home2.jpg);background-size: cover;}
.banner-text p {border: 3px solid #e2c14e;padding: 50px;font-size: 2.5em;color: #fff;display: inline-block;}
.banner .banner-text{margin: 0 auto;text-align: center;}


@media (max-width: 739px){
	#atuacao .itens{display: block;}
}
#localizacao iframe{
	margin: 0;
	border-bottom: 0;
	padding: 0;
}


/*contato*/
#contato{padding: 60px 0;background:#333;margin-top:-10px; }
#contato h2{color: #d0b553;}
#contato .subtitle{text-align: center; color: #fff;}
#contato p{text-align: left; color: #000;}
#contato h2{text-align: center;}
#contato form{margin-top: 60px;}
.wpcf7 input{height: 35px; width: 100%; margin-bottom: 20px;}
.wpcf7 label{color: #fff; text-align: left;}
.wpcf7 textarea{background-color: #fff;width: 100%; height: 200px;}

.wpcf7 .wpcf7-submit {
	background: no-repeat;
	border: 2px solid #d0b553;
	color: #d0b553;
	padding: 2px 20px;
	font-size: 18px;
	float: right;
	font-weight: bold;
	margin-top: 10px;
	width: 100px;
}

.wpcf7 .wpcf7-submit:hover{background: #d0b553;color: #333;transition: 0.5s;cursor: pointer;}

.banner{padding-right: 40px;padding-left: 40px;}
.banner-text p{padding: 10px; font-size: 2em;}
}


@media (max-width: 739px){
	#contato .btn-form{width: 100%;}
}

/*footer*/
/*BOTAÕ TOP*/
#return-to-top{
  width: 36px;
  height: 36px;
  padding: 4px 6px;
  display: none;
  position: fixed;
  bottom: 80px;
  right: 30px;
  z-index: 99;
  outline: none;
  border: none;
  background: #d0b553;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}

#return-to-top:hover {
  background: rgba(26,45,81,0.70);

}

footer i{font-size: 24px;margin-right: 3px;}
footer > div{display: flex;align-items: center; }
footer p,footer a{display: inline-block;color: #232323;}
footer a:hover{	cursor: pointer;text-decoration: underline;}
footer{background: #f7f7f7;	padding-top:20px;position: relative;}
.rodape{background: #333;margin-top: 20px; text-align: center;}
.rodape img{float: right; max-width: 100px; margin-top: 20px;}
.rodape p{padding: 20px 0;color: #fff}

@media (max-width: 739px){
	footer > div{display: block; text-align: center;}
	footer p{margin-bottom: 10px;}
	footer{position: relative;}
	.rodape img{float: none;margin: 0 auto;}
	.rodape p{text-align: center;padding-bottom: 10px;}
	#return-to-top{ bottom:10px;}
}
@media (min-width: 740px) and (max-width: 980px){
	#return-to-top{ bottom:90px;}
	.banner-text p {padding: 10px;}
	.banner{padding-right: 60px;padding-left: 60px;}
}
