@charset "utf-8";
/* CSS Document */
body{
	font-family: 'Roboto', sans-serif;
	margin: 0;
	padding: 0;
}
a, a:active, a:focus{
	outline: none;
}

/* LOADING */
.loading{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10001;
	background-image: url("../images/blackbg.png");
	display: none;
}
.lds-dual-ring {
	position: fixed;
	left: 50%;
	margin-left: -32px;
	top: 50%;
	margin-top: -32px;
	display: inline-block;
	width: 64px;
	height: 64px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#modalFeedback{
	line-height: 28px;
}
#systemFeedback{
	background-color: #FF2F00;
	color: #FFF;
	text-align: center;
	line-height: 28px;
	padding: 50px;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 100000;
}
.oops{
	font-weight: bold;
	font-size: 38px;
	margin-bottom: 15px;
	width: 100%;
	float: left;
}
#mobileVertical{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100000;
	background-image: url("../images/mobile-rotate.gif");
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000;
	display: none;
}

/* HEADER */
header{
	position: fixed;
	width: 100%;
	height: auto;
	top: 0;
	z-index: 100;
}
#mainHeader .logo{
	position: absolute;
	width: 420px;
	height: 132px;
	left: 50%;
	margin-left: -650px;
	background-image: url("../images/logo.svg");
	background-size: contain;
	background-repeat: no-repeat;
	top: 40px;
	overflow: hidden;
}
#mainHeader .mainMenu{
	position: absolute;
	right: 50%;
	margin-right: -650px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	width: 640px;
	font-size: 16px;
	top: 100px;
	text-transform: uppercase;
}
#mainHeader .socialMenu{
	position: absolute;
	right: 50%;
	margin-right: -650px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	width: 40px;
	top: 100px;
}
#mainHeader .mobileMenuBt{
	position: fixed;
	width: 30px;
	height: 30px;
	left: 50%;
	margin-left: -350px;
	top: 75px;
	background-image: url("../images/mobilemenu.svg");
	background-size: cover;
	cursor: pointer;
	display: none;
}
a.mainMenuItem:link, a.mainMenuItem:visited{
	color: #FFF;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 5px;
}
a.mainMenuItem:hover{
	border-bottom: 4px solid #9AEBA3;
}
a.mainMenuAtivo:link, a.mainMenuAtivo:visited{
	color: #45C4B0;
	border-bottom: 4px solid #45C4B0;
	padding-bottom: 5px;
}
.mainMenuSpacer{
	width: 1px;
	height: 18px;
	background-color: #CCC;
}
.facebookbt{
	width: 19px;
	height: 30px;
	background-image: url("../images/facebook.svg");
	background-size: cover;
}
.instabt{
	width: 30px;
	height: 30px;
	background-image: url("../images/instagram.svg");
	background-size: cover;
}
.linkedinbt{
	width: 30px;
	height: 30px;
	background-image: url("../images/linkedIn.svg");
	background-size: cover;
}
.whatsbt{
	width: 30px;
	height: 30px;
	background-image: url("../images/whatsapp.svg");
	background-size: cover;
	cursor: pointer;
}
#scrollHeader{
	position: fixed;
	width: 100%;
	display: none;
	flex-flow: row nowrap;
	justify-content: space-between;
	font-size: 16px;
	top: 0;
	text-transform: uppercase;
	background: #012030;
	height: 65px;
}
#scrollHeader .logo{
	position: absolute;
	width: 176px;
	height: 46px;
	left: 50%;
	margin-left: -650px;
	background-image: url("../images/logoscroll.svg");
	background-size: contain;
	background-repeat: no-repeat;
	top: 10px;
	overflow: hidden;
}
#scrollHeader .mainMenu{
	position: absolute;
	right: 50%;
	margin-right: -590px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	width: 640px;
	font-size: 16px;
	top: 30px;
	text-transform: uppercase;
}
#scrollHeader .socialMenu{
	position: absolute;
	right: 50%;
	margin-right: -650px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	width: 30px;
	top: 20px;
}
#scrollHeader .mobileMenuBt{
	position: fixed;
	width: 30px;
	height: 30px;
	left: 50%;
	margin-left: -350px;
	top: 20px;
	background-image: url("../images/mobilemenu.svg");
	background-size: cover;
	cursor: pointer;
	display: none;
}

main{
	position: absolute;
	padding-top: 0;
	width: 100%;
	min-height: 100px;
	z-index: 1;
	background-color: #FFF;
	color: #333;
	line-height: 22px;
}
main p{
	margin-bottom: 20px;
}
.titulo{
	text-align: center;
	width: 100%;
	color: #13678A;
	border-bottom: 2px solid #45C4B0;
	padding-bottom: 15px;
	font-size: 44px;
	font-weight: bold;
	margin-bottom: 40px;
}


/* HOME */
#home{
	width: 100%;
	height: 100vh;
	background: #012030;
}
#totti{
	width: 78vh;
	height: 78vh;
	position: fixed;
	right: 0;
	bottom: 0;
	background-image: url("../images/espiga.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 0;
}
#bannerBox{
	position: fixed;
	left: 50%;
	margin-left: -650px;
	width: 80vh;
	height: 40vh;
	bottom: 20vh;
	color: #FFF;
	font-weight: 100;
}
.bannerItem{
	width: 80vh;
	height: 40vh;
	overflow: hidden;
}
.bannerTitle{
	font-size: 7vh;
	margin-bottom: 1vh;
	line-height: 8vh;
}
.bannerText{
	font-size: 4vh;
	line-height: 5vh;
}
#bannerWhats{
	width: 30vh;
	height: 6.136vh;
	background-image: url("../images/whatsappbt.svg");
	background-size: cover;
	background-position: top;
	position: fixed;
	left: 50%;
	margin-left: -650px;
	bottom: 12vh;
}
#bannerWhats:hover{
	background-position: bottom;
}
.owl-dots{
	width: 80vh;
	position: fixed;
	z-index: 100;
	bottom: 5vh;
}
.owl-carousel button.owl-dot{
	width: 2.6vh;
	height: 2.6vh;
	background-color: #FFF;
	border-radius: 1.3vh;
	margin-right: 1.3vh;
}
.owl-carousel button.active, .owl-carousel button:hover{
	background-color: #45C4B0;
}
#mobileBanner{
	width: 100%;
	text-align: center;
	color: #FFF;
	position: fixed;
	bottom: 0px;
	left: 0;
	font-size: 28px;
	display: none;
	z-index: 2000;
	background-color: #000;
	padding: 10px;
}


/* AVALIAÇÃO */
#avaliacao{
	width: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 50px 0;
}
.avaliacaoBullet p{
	padding-left: 30px;
	background-image:url("../images/bullet.svg");
	background-repeat: no-repeat;
	background-size: 17px 17px;
}
.topicsBlockA{
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.topicsBlockB{
	width: 100%;
	display: flex;
	flex-flow: row-reverse wrap;
	justify-content: space-between;
}
.topic{
	width: calc(100% - 600px);
	display: flex;
	flex-flow: column;
	justify-content:center;
}
.topicsBlockA .topicTitle{
	width: 100%;
	font-size: 28px;
	color: #BD6136;
	border-bottom: 2px solid #BD6136;
	padding-bottom: 10px;
	padding-right: 30px;
	margin-bottom: 20px;
}
.topicsBlockA .topicText{
	width: 100%;
	padding-right: 30px;
}
.topicsBlockB .topicTitle{
	width: 100%;
	font-size: 28px;
	color: #BD6136;
	border-bottom: 2px solid #BD6136;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-bottom: 20px;
}
.topicsBlockB .topicText{
	width: 100%;
	padding-left: 30px;
}
.topicPhoto{
	width: 600px;
	height: 285px;
	background-color: #CCC;
	text-align: center;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	overflow: hidden;
}
.topicPhoto img{
	width: auto;
	height: 100%;
}
.avaliacaoft{
	background-image: url("../images/avaliacao.jpg");
}
.vocacaoft{
	background-image: url("../images/vocacao.jpg");
}
.vistoriaeft{
	background-image: url("../images/vistoriaentrada.jpg");
}
.vistoriasft{
	background-image: url("../images/vistoriasainda.jpg");
}
.conferenciaft{
	background-image: url("../images/conferencia.jpg");
}
.transferenciaft{
	background-image: url("../images/transferencia.jpg");
}

/* VISTORIA */
#vistoria{
	width: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 50px 0;
}

/* SERVIÇOS */
#servicos{
	width: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 50px 0;
}
#servicos p{
	padding-left: 30px;
	background-image:url("../images/bullet.svg");
	background-repeat: no-repeat;
	background-size: 17px 17px;
}

/* SOBRE */
#sobre{
	width: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 50px 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
#sobreFoto{
	width: 300px;
	height: 300px;
	background-color: #45C4B0;
	background-image: url("../images/espiga.png");
	background-size: cover;
}
#sobreTexto{
	width: calc(100% - 350px);
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	padding-top: 10px;
}
#sobreTitulo{
	font-size: 42px;
	color: #13678A;
	border-bottom: 2px solid #45C4B0;
	padding-bottom: 15px;
	font-weight: bold;
	margin-bottom: 20px;
}
#porque{
	padding: 30px;
	background-color: #CC6600;
	color: #FFF;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.porque{
	font-size: 58px;
	line-height: 60px;
	width: 230px;
}
.porquetxt{
	width: calc(100% - 390px);
	align-self: center;
	font-size: 22px;
}
.porquetxt p{
	padding-left: 30px;
	background-image: url("../images/bullet-white.png");
	background-repeat: no-repeat;
}
.fotoShow{
	width: 500px;
	height: 370px;
	margin-bottom: 40px;
	background-image: url("../images/show.jpg");
	background-position: center;
	background-size: cover;
	margin:  0 auto;
}


/* CONTATO */
#contato{
	width: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 50px 0;
}
.blocos{
	width:100%;
	height:auto;
	margin:0 auto;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	padding-top:20px;
}
.blocoDireito, .blocoEsquerdo{
	width:500px;
	overflow:hidden;
	height:auto;
}
.blocoEsquerdo p{
	margin-bottom:20px;
	font-size:18px;
	line-height:26px;
}
.blocoEsquerdo a:link,.blocoEsquerdo a:visited{
	color:#333
}
.blocoEsquerdo a:hover{
	color:#894C0C;
}
label{
	width:100%;
	margin-bottom:5px;font-size:14px;float:left}input[type=email],input[type=text],select{width:100%;margin-bottom:10px;padding:10px;background-color:#f1f1f2;float:left;border-radius:5px;border:1px solid #f1f1f2}select{background-image:url(../images/down.svg);background-position:98% center;background-repeat:no-repeat;background-size:15px}textarea{width:100%;height:250px;margin-bottom:10px;padding:10px;background-color:#f1f1f2;float:left;border-radius:5px;border:1px solid #f1f1f2}input[type=submit]{width:120px;margin-bottom:10px;padding:10px;background-color:#f1f1f2;float:left;border-radius:5px;border:1px solid #f1f1f2}

#footer{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 20px 0 10px 0;
	background-color: #012030;
	color: #FFF;
}
#footerContent{
	width: 1300px;
	margin: 0 auto;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}
#footerLeft{
	width: auto;
	overflow: hidden;
	line-height: 26px;
	display: flex;
	flex-flow:  column nowrap;
	justify-content: space-between;
	text-align: center;
}
#footerContent a:link, #footerContent a:visited{
	color: #FFF;
}
#footerContent a:hover{
	color: #FFD852;
}
#footerRight{
	width: auto;
	height: 100px;
}
.footerDown{
	align-self: flex-end;
}
.footerDown a:link, .footerDown a:visited{
	color: #FFF;
}
#logoFooter{
	background-image: url("../images/logo.svg");
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 30px;
	width: 300px;
	height: 94px;
}
#footerMobile{
	width: 100%;
	text-align: center;
	display: none;
}
#footerMobile a:link, #footerMobile a:visited{
	color: #FFF;
}
#footerMobile a:hover{
	color: #FFD852;
}


#mobileMenuContainer{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: url("../images/80.png");
	z-index: 10000;
	display: none;
}
#mobileMenuBlk{

	position: fixed;
	top: 20px;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	bottom: 20px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-around;
	text-align: center;
}
#mobileMenuBlk a:link, #mobileMenuBlk a:visited{
	color: #000;
	font-size: 18px;
}
.mobileMenuLogo{
	width: 60px;
	height: 60px;
	background-image: url("../images/logo.svg");
	background-size: contain;
	align-self: center;
}
#mobileMenuClose{
	width: 30px;
	height: 30px;
	align-self: center;
	background-image: url("../images/menuclose.svg");
	background-size: contain;
}
.mobileMenu{
	background-color: #FFF;
	padding: 10px;
	border-radius: 10px;
}



/* LANDSCAPE */
@media (max-width: 1400px) and (orientation: landscape){
	#mainHeader .logo{
		width: 381px;
		height: 120px;
		margin-left: -550px;
	}
	#mainHeader .mainMenu{
		margin-right: -550px;
	}
	#mainHeader .socialMenu{
		margin-right: -550px;
	}
	#scrollHeader .logo{
		margin-left: -550px;
	}
	#scrollHeader .mainMenu{
		margin-right: -500px;
	}
	#scrollHeader .socialMenu{
		margin-right: -550px;
	}
	/* HOME */
	#bannerBox{
		margin-left: -550px;
	}
	#bannerWhats{
		margin-left: -550px;
	}
	/* AVALIAÇÃO */
	#avaliacao{
		width: 1100px;
	}
	.topic{
		width: calc(100% - 500px);
		display: flex;
		flex-flow: column;
		justify-content:center;
	}
	.topicPhoto{
		width: 500px;
		height: 260px;
		background-color: #CCC;
	}
	/* VISTORIA */
	#vistoria{
		width: 1100px;
	}
	/* SERVIÇOS */
	#servicos{
		width: 1100px;
	}
	/* SOBRE */
	#sobre{
		width: 1100px;
	}
	/* CONTATO */
	#contato{
		width: 1100px;
	}
	/* FOOTER */
	#footerContent{
		width: 1100px;
	}
}

@media (max-width: 1200px) and (orientation: landscape){
	#mainHeader .logo{
		width: 320px;
		height: 101px;
		margin-left: -450px;
	}
	#mainHeader .mainMenu{
		width: 520px;
		margin-right: -450px;
		font-size: 15px;
	}
	#mainHeader .socialMenu{
		margin-right: -450px;
	}
	#scrollHeader .logo{
		margin-left: -450px;
	}
	#scrollHeader .mainMenu{
		width: 590px;
		font-size: 15px;
		margin-right: -400px;
	}
	#scrollHeader .socialMenu{
		margin-right: -450px;
	}
	/* HOME */
	#bannerBox{
		margin-left: -450px;
	}
	#bannerWhats{
		margin-left: -450px;
	}
	/* AVALIAÇÃO */
	#avaliacao{
		width: 900px;
	}
	.topic{
		width: calc(100% - 400px);
		display: flex;
		flex-flow: column;
		justify-content:center;
	}
	.topicPhoto{
		width: 400px;
		height: 260px;
		background-color: #CCC;
	}
	/* VISTORIA */
	#vistoria{
		width: 900px;
	}
	/* SERVIÇOS */
	#servicos{
		width: 900px;
	}
	/* SOBRE */
	#sobre{
		width: 900px;
	}
	.porquetxt{
		width: calc(100% - 280px);
		align-self: center;
		font-size: 22px;
	}
	/* CONTATO */
	#contato{
		width: 900px;
	}
	.blocoDireito, .blocoEsquerdo{
		width:400px;
		overflow:hidden;
		height:auto;
	}
	/* FOOTER */
	#footerContent{
		width: 900px;
	}
}

@media (max-width: 1000px) and (orientation: landscape){
	#mainHeader .logo{
		margin-left: -300px;
	}
	#mainHeader .mainMenu{
		display: none;
	}
	#mainHeader .socialMenu{
		top: 75px;
		margin-right: -350px;
	}
	#scrollHeader .logo{
		margin-left: -300px;
	}
	#scrollHeader .mainMenu{
		display: none;
	}
	#scrollHeader .socialMenu{
		width: 120px;
		margin-right: -350px;
	}
	#mainHeader .mobileMenuBt{
		display: block;
	}
	#scrollHeader .mobileMenuBt{
		display: block;
	}
	/* HOME */
	#bannerBox{
		margin-left: -350px;
		height: 200px;
	}
	#bannerWhats{
		margin-left: -350px;
		bottom: 100px;
	}
	.bannerItem{
		width: 450px;
		height: 200px;
	}
	.bannerTitle{
		font-size: 40px;
		line-height: 42px;
	}
	.bannerText{
		font-size: 20px;
		line-height: 22px;
	}
	/* AVALIAÇÃO */
	#avaliacao{
		width: 700px;
	}
	.topic{
		width: calc(100% - 300px);
	}
	.topicPhoto{
		width: 300px;
		height: 200px;
	}
	/* VISTORIA */
	#vistoria{
		width: 700px;
	}
	/* SERVIÇOS */
	#servicos{
		width: 700px;
	}
	/* SOBRE */
	#sobre{
		width: 700px;
	}
	.porquetxt{
		width: calc(100% - 280px);
		align-self: center;
		font-size: 22px;
	}
	/* CONTATO */
	#contato{
		width: 700px;
	}
	.blocoDireito, .blocoEsquerdo{
		width: 300px;
		overflow:hidden;
		height:auto;
	}
	/* FOOTER */
	#footerContent{
		width: 700px;
	}
}
@media (max-width: 800px) and (orientation: landscape){
	#mobileVertical{
		display: block;
	}
}

@media (min-width: 1201px) and (orientation: portrait){
	#mobileVertical{
		display: block;
	}
}



/* PORTRAIT */
@media (max-width: 1200px) and (orientation: portrait){
	#mainHeader .logo{
		margin-left: -350px;
	}
	#mainHeader .mainMenu{
		display: none;
	}
	#mainHeader .socialMenu{
		top: 90px;
		margin-right: -400px;
	}
	#scrollHeader .logo{
		margin-left: -350px;
	}
	#scrollHeader .mainMenu{
		display: none;
	}
	#scrollHeader .socialMenu{
		margin-right: -400px;
	}
	#mainHeader .mobileMenuBt{
		top: 90px;
		margin-left: -400px;
		display: block;
	}
	#scrollHeader .mobileMenuBt{
		margin-left: -400px;
		display: block;
	}
	/* HOME */
	#totti{
		background-image: url("../images/espiga-alto.png");
		width: 80vw;
		bottom: 0;
		top: 20vw;
		height: auto;
		margin-right: 0vw;
	}
	#bannerBox{
		margin-left: 0;
		left: 5vw;
		height: 55vw;
		bottom: auto;
		top: 26vw;
		width: 45vw;
	}
	.bannerItem{
		height: 55vw;
		width: 45vw;
	}
	.bannerTitle{
		font-size: 5vw;
		line-height: 6vw;
	}
	.bannerText{
		font-size: 3.6vw;
		line-height: 4.6vw;
	}
	#bannerWhats{
		margin-left: 0;
		left: 5vw;
		bottom: 15vw;
	}
	.owl-dots{
		bottom: 35vw;
	}
	/* AVALIAÇÃO */
	#avaliacao{
		width: 800px;
	}
	.topic{
		width: calc(100% - 400px);
		display: flex;
		flex-flow: column;
		justify-content:center;
	}
	.topicPhoto{
		width: 400px;
		height: 260px;
		background-color: #CCC;
	}
	/* VISTORIA */
	#vistoria{
		width: 800px;
	}
	/* SERVIÇOS */
	#servicos{
		width: 800px;
	}
	/* SOBRE */
	#sobre{
		width: 800px;
	}
	.porquetxt{
		width: calc(100% - 280px);
		align-self: center;
		font-size: 22px;
	}
	/* CONTATO */
	#contato{
		width: 800px;
	}
	.blocoDireito, .blocoEsquerdo{
		width: 380px;
		overflow:hidden;
		height:auto;
	}
	/* FOOTER */
	#footerContent{
		width: 800px;
	}
}
@media (max-width: 900px) and (orientation: portrait){
	#mainHeader .logo{
		margin-left: -250px;
		width: 320px;
		height: 101px;
	}
	#mainHeader .socialMenu{
		top: 70px;
		margin-right: -300px;
	}
	#scrollHeader .logo{
		margin-left: -250px;
	}
	#scrollHeader .socialMenu{
		margin-right: -300px;
	}
	#mainHeader .mobileMenuBt{
		top: 70px;
		margin-left: -300px;
	}
	#scrollHeader .mobileMenuBt{
		margin-left: -300px;
	}
	/* HOME */
	#totti{

	}
	#bannerBox{

	}
	#bannerWhats{

	}
	.owl-dots{

	}
	.bannerItem{

	}
	.bannerTitle{

	}
	.bannerText{

	}
	/* AVALIAÇÃO */
	#avaliacao{
		width: 600px;
	}
	.topic{
		width: 100%;
		display: flex;
		flex-flow: column;
		justify-content:center;
		margin-bottom: 10px;
	}
	.topicPhoto{
		width: 100%;
		height: 290px;
		background-color: #CCC;
		margin-bottom: 40px;
	}
	.topicsBlockA .topicTitle{
		padding-right: 0px;
		text-align: center;
	}
	.topicsBlockA .topicText{
		padding-right: 0px;
	}
	.topicsBlockB .topicTitle{
		padding-left: 0px;
		text-align: center;
	}
	.topicsBlockB .topicText{
		padding-left: 0px;
	}
	/* VISTORIA */
	#vistoria{
		width: 600px;
	}
	/* SERVIÇOS */
	#servicos{
		width: 600px;
	}
	/* SOBRE */
	#sobre{
		width: 600px;
	}
	#sobreFoto{
		display: none;
	}
	#sobreTexto{
		width: 100%;
		margin-bottom: 30px;
	}
	.porque{
		width: 100%;
		font-size: 50px;
		margin-bottom: 20px;
	}
	.porquetxt{
		width: 100%;
		align-self: center;
		font-size: 22px;
	}
	/* CONTATO */
	#contato{
		width: 600px;
	}
	.blocoDireito, .blocoEsquerdo{
		width: 100%;
		overflow:hidden;
		height:auto;
	}
	/* FOOTER */
	#footerContent{
		width: 600px;
		font-size: 14px;
	}
	#logoFooter{
		background-image: url("../images/logoscroll.svg");
		margin-bottom: 30px;
		width: 200px;
		height: 94px;
	}
}

@media (max-width: 700px) and (orientation: portrait){
	#mainHeader .logo{
		margin-left: -200px;
		width: 176px;
		height: 46px;
		background-image: url("../images/logoscroll.svg");
		top: 10px;
	}
	#mainHeader .socialMenu{
		top: 20px;
		margin-right: -250px;
	}
	#scrollHeader .logo{
		margin-left: -200px;
	}
	#scrollHeader .socialMenu{
		margin-right: -250px;
	}
	#mainHeader .mobileMenuBt{
		top: 20px;
		margin-left: -250px;
	}
	#scrollHeader .mobileMenuBt{
		margin-left: -250px;
	}
	/* HOME */
	#totti{

	}
	#bannerBox{

	}
	#bannerWhats{

	}
	.owl-dots{

	}
	.bannerItem{

	}
	.bannerTitle{

	}
	.bannerText{

	}
	/* AVALIAÇÃO */
	#avaliacao{
		width: 500px;
	}
	/* VISTORIA */
	#vistoria{
		width: 500px;
	}
	/* SERVIÇOS */
	#servicos{
		width: 500px;
	}
	/* SOBRE */
	#sobre{
		width: 500px;
	}
	#sobreFoto{
		display: none;
	}
	#sobreTexto{
		width: 100%;
		margin-bottom: 30px;
	}
	.porque{
		width: 100%;
		font-size: 38px;
		margin-bottom: 20px;
	}
	.porquetxt{
		width: 100%;
		align-self: center;
		font-size: 22px;
	}
	/* CONTATO */
	#contato{
		width: 500px;
	}
	.blocoDireito, .blocoEsquerdo{
		width: 100%;
		overflow:hidden;
		height:auto;
	}
	/* FOOTER */
	#footerContent{
		width: 500px;
		height: auto;
		font-size: 14px;
		flex-flow: column wrap;
		overflow: hidden;
	}
	#logoFooter{
		display: none;
	}
	#footerLeft, #footerRight{
		height: auto;
		overflow: hidden;
		width: 100%;
		text-align: center;
	}
}
@media (max-width: 560px) and (orientation: portrait){
	#mainHeader .logo{
		margin-left: -150px;
		width: 176px;
		height: 46px;
		top: 10px;
	}
	#mainHeader .socialMenu{
		top: 20px;
		margin-right: -200px;
	}
	#scrollHeader .logo{
		margin-left: -150px;
	}
	#scrollHeader .socialMenu{
		margin-right: -200px;
	}
	#mainHeader .mobileMenuBt{
		top: 20px;
		margin-left: -200px;
	}
	#scrollHeader .mobileMenuBt{
		margin-left: -200px;
	}
	/* HOME */
	#totti{

	}
	#bannerBox{

	}
	#bannerWhats{

	}
	.owl-dots{

	}
	.bannerItem{

	}
	.bannerTitle{

	}
	.bannerText{

	}
	/* AVALIAÇÃO */
	#avaliacao{
		width: 400px;
	}
	.topicsBlockA .topicTitle{
		font-size: 20px;
	}
	.topicsBlockB .topicTitle{
		font-size: 20px;
	}
	/* VISTORIA */
	#vistoria{
		width: 400px;
	}
	/* SERVIÇOS */
	#servicos{
		width: 400px;
	}
	/* SOBRE */
	#sobre{
		width: 400px;
	}
	#sobreFoto{
		display: none;
	}
	#sobreTexto{
		width: 100%;
		margin-bottom: 30px;
	}
	.porque{
		width: 100%;
		font-size: 30px;
		margin-bottom: 20px;
	}
	.porquetxt{
		width: 100%;
		align-self: center;
		font-size: 22px;
	}
	/* CONTATO */
	#contato{
		width: 400px;
	}
	.blocoDireito, .blocoEsquerdo{
		width: 100%;
		overflow:hidden;
		height:auto;
	}
	/* FOOTER */
	#footerContent{
		width: 400px;
		height: auto;
		font-size: 14px;
		flex-flow: column wrap;
		overflow: hidden;
	}
	#logoFooter{
		display: none;
	}
	#footerLeft, #footerRight{
		height: auto;
		overflow: hidden;
		width: 100%;
		text-align: center;
	}
	.ocultar{
		display: none;
	}
}
@media (max-width: 460px) and (orientation: portrait){
	#mainHeader .logo{
		margin-left: 0;
		left: auto;
		right: 50%;
		margin-right: -150px;
		width: 176px;
		height: 46px;
		top: 10px;
	}
	#mainHeader .socialMenu{
		display: none;
	}
	#scrollHeader .logo{
		display: none;
	}
	#scrollHeader .socialMenu{
		margin-right: -150px;
	}
	#mainHeader .mobileMenuBt{
		top: 20px;
		margin-left: -150px;
	}
	#scrollHeader .mobileMenuBt{
		margin-left: -150px;
	}
	/* HOME */
	#totti{

	}
	#bannerBox{

	}
	#bannerWhats{

	}
	#mobileBanner{

	}
	/* AVALIAÇÃO */
	#avaliacao{
		width: 300px;
	}
	.topicsBlockA .topicTitle{
		font-size: 24px;
	}
	.topicsBlockB .topicTitle{
		font-size: 24px;
	}
	.titulo{
		font-size: 40px;
	}
	/* VISTORIA */
	#vistoria{
		width: 300px;
	}
	/* SERVIÇOS */
	#servicos{
		width: 300px;
	}
	/* SOBRE */
	#sobre{
		width: 300px;
	}
	#sobreTitulo{
		text-align: center;
	}
	#sobreFoto{
		display: none;
	}
	#sobreTexto{
		width: 100%;
		margin-bottom: 30px;
	}
	.porque{
		width: 100%;
		font-size: 50px;
		margin-bottom: 20px;
	}
	.porquetxt{
		width: 100%;
		align-self: center;
		font-size: 22px;
	}
	/* CONTATO */
	#contato{
		width: 300px;
	}
	.blocoDireito, .blocoEsquerdo{
		width: 100%;
		overflow:hidden;
		height:auto;
	}
	/* FOOTER */
	#footerContent{
		width: 300px;
		height: auto;
		font-size: 14px;
		flex-flow: column wrap;
		overflow: hidden;
	}
	#logoFooter{
		display: none;
	}
	#footerLeft, #footerRight{
		height: auto;
		overflow: hidden;
		width: 100%;
		text-align: center;
	}
	.fotoShow{
		width: 300px;
		height: 223px;
		margin-bottom: 40px;
		background-image: url("../images/show.jpg");
		background-position: center;
		background-size: cover;
		margin:  0 auto;
	}
}