/*
Theme Name: Isabela Pacheco
Theme URI: http://agenciasalt.com.br
Author: Matheus Fonseca
Author URI: http://fb.com/matheus97sm
Description: Tema criado especialmente para o cliente Isabela Pacheco
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Salt
Text Domain: Salt Padrão
*/


* { font-family: 'Open Sans', sans-serif; }
body { margin:0; }
a { text-decoration:none; cursor:pointer; transition:all .15s ease}
img { border:0; vertical-align:top;}

/*HEADER*/

	.header { width:100%; position:absolute; top:0; left:0; z-index:999; }
	.menu { width:90%; max-width:1500px; margin:35px auto 0 auto; }
	.logo { width:210px; float:left; }
	
	.navbar { width:calc(100% - 220px); padding:28px 0 0 0; float:right;}
	
	#site-navigation { float:right;}
	#site-navigation ul { margin:0; padding:0; }
	#site-navigation li { display:inline-table; list-style:none; position:relative; margin:0; padding:0; }
	#site-navigation a { color:#FFF; text-transform:uppercase; font-size:14px; padding:0 17px;  }
	#site-navigation li:hover a { color:#f0b172; }
	#site-navigation a:hover { color:#f0b172}

	.menu-item-has-children { position:relative;}
	.menu-item-has-children:after, .menu-item-has-children:before { content:''; bottom:-5px; left:50%; position:absolute; width:6px; height:1px; background-color:#f0b172; z-index:999 }

	.menu-item-has-children:after { margin:0 0 0 -4px; transform:rotate(45deg)}
	.menu-item-has-children:before { margin:0 -4px 0 0;  transform:rotate(-45deg)}


	#site-navigation .sub-menu { display:table; width:200px; position:absolute; visibility:hidden; left:50%; margin:0 0 0 -100px; text-align:center; box-sizing:border-box; padding:0 20px 5px 20px; background-color:#232323; opacity:0; transition: visibility 0s, margin .2s, opacity .2s linear;}
	#site-navigation .sub-menu:before { content:''; position:absolute; width:100%; height:10px; background-color:rgba(0,0,0,0.01); top:-10px; left:0;}
	#site-navigation .sub-menu a { font-size:11px; color:#FFF!important }
	#site-navigation .sub-menu a:hover { color:#f0b172!important }
	.current_page_item a { color:#f0b172!important}
	#site-navigation .sub-menu li { display:block; padding:5px 0; border-bottom:1px solid #f0b172!important}
	#site-navigation .sub-menu li:last-child {  border-bottom:0!important}
	
	#site-navigation li:hover .sub-menu { visibility:visible; margin:10px 0 0 -100px; opacity:1;}
	
	.marcar { display:table; float:right; font-size:12px; border:1px solid #f0b172; color:#f0b172; border-radius:20px; padding:2px 30px;}
		.marcar:hover { background-color:#f0b172; color:#333;}
	#buscar { float:right; color:#FFF; cursor:pointer; font-size:15px; margin:3px 60px 0 55px; }
		#buscar:hover { color:#f0b172}
		
		
	#marcador { width:100%; height:100%; opacity:0; visibility:hidden; top:0%; left:0%; position:fixed; background-color:rgba(0,0,0,0.83); z-index:99999; transition: visibility 0s, margin .2s, left .2s, top .2s, width .2s, height .2s, opacity .2s linear;}	
		#marcador table { width:100%; height:100%; min-height:100%; position:absolute; top:0; left:0; text-align:center}
		#marcador h2 { color:#FFF;}
		
	.abertoMarca { width:94%!important; height:94%!important; top:3%!important; left:3%!important; visibility:visible!important; opacity:1!important; }	
		.fechador { position:absolute; top:30px; right:30px; font-size:20px; color:#FFF; cursor:pointer; z-index:999}
		
		.dummy { width:100%; height:130px; background-color:#333;}

	.formularioMarque { max-width:800px; margin:60px auto 0 auto;}
	.formularioMarque p { margin:0; padding:0;}

	.formularioMarque input[type=text], .formularioMarque input[type=email] { -webkit-appearance: none; width:100%; margin:0 0 12px 0; letter-spacing:1px; box-sizing:border-box; font-size:13px; font-family: 'Open Sans', sans-serif; outline:none; border-radius:30px; border:0px; background-color:#fff; color:#333; padding:9px 20px; }
		
	.formularioMarque input[type=submit] { -webkit-appearance: none; display:block; width:180px; margin:40px auto 0 auto; box-sizing:border-box; font-size:13px; letter-spacing:1px; font-family: 'Open Sans', sans-serif;  outline:none; border-radius:30px; border:0px;  background-color:#eeb172; color:#333; padding:9px 15px; cursor:pointer; transition:all .15s ease;}
	.formularioMarque input[type=submit]:hover { background-color:#fdca94}
	
	
	.menuAberto { left:0!important; opacity:1!important}
	
	.hamb { float:right; border:1px solid #f0b172; width:35px; height:35px; color:#FFF; line-height:35px; border-radius:4px; text-align:center; margin:-7px 0 0 15px; display:none; }


	.reBusca { width:1px;  float:right; position:relative;}
	
	#reb { position:absolute; width:0px; overflow:hidden; opacity:0; padding:0 0 20px 0; right:40px; top:39px; transition:all linear .15s }
	#reb input[type=text] { -webkit-appearance: none; width:100%; margin:0; letter-spacing:1px; box-sizing:border-box; font-size:13px; font-family: 'Open Sans', sans-serif; outline:none; border-radius:30px; border:0px; background-color:#fff; color:#333; padding:9px 0; box-shadow:1px 1px 17px -6px #333; transition:all linear .15s }
	#reb i { position:absolute; top:11px; right:16px; color:#eee}
	
	.rebAberto { width:270px!important; opacity:1!important; }
	.rebAberto input[type=text] {padding:9px 20px!important;}
	
	.butBusc { color:#f0b172!important}

	@media screen and (max-width:1350px)
	{
		#site-navigation a { padding:0 12px;  }
		#buscar { margin: 3px 40px 0 30px;}
		.logo { width: 190px;}
		
		.navbar { width: calc(100% - 200px);  padding: 25px 0 0 0;}
		.dummy { height: 110px;}
		.menu { margin: 25px auto 0 auto;}
	}
	@media screen and (max-width:1200px)
	{
		#site-navigation a { font-size:13px; padding:0 10px;}
		#buscar { margin: 3px 30px 0 20px;}
		.logo { width: 170px;}
		.navbar { width: calc(100% - 180px);  padding: 21px 0 0 0;}
		.menu { margin: 20px auto 0 auto;}
		.dummy { height: 90px}
	}
	@media screen and (max-width:1100px)
	{			
		#site-navigation { float:none; position:fixed; background-color:rgba(35, 35, 35, 0.95); width:100%; max-width:260px; height:100vh; min-height:100vh; left:-280px; top:0; opacity:0; transition:all linear .25s}
		#site-navigation ul { width:100%; box-sizing:border-box; padding:50px 30px; }
		#site-navigation li { display:block; width:100%; padding:7px 0;}
		#site-navigation a { padding:0;  }
		
		.menu-item-has-children:after, .menu-item-has-children:before { content:''; bottom:auto; top:20px; left:auto; right:0; position:absolute; width:6px; height:1px; background-color:#f0b172; z-index:999 }
			
		#site-navigation .sub-menu { display:none; width:200px; position:relative; visibility:hidden; left:auto; margin:0; text-align:center; box-sizing:border-box; padding:0 20px 5px 20px; background-color:transparent; opacity:0; transition: visibility 0s, margin .2s, opacity .2s linear;}
		#site-navigation li:hover .sub-menu { display:table; visibility:visible; margin:10px 0 0 0;}
		
		.hamb { display:block}	
	}
	@media screen and (max-width:600px)
	{
		.marcar {position: absolute; padding:5px 0; float:none; width: 90%; top: 0; left: 5%; border: 0; text-align: center; border-radius: 0; border-bottom: 1px solid #f0b172;}
		.logo { width: 140px; margin: 14px 0 0 0; position:absolute;}
		#reb { right:0; }
		#buscar { margin: 3px 17px 0 0;}
		.navbar { width: 100%;}
	}

/*HOME*/




.chamadas { width:100%; height:56vw; box-sizing:border-box; padding:0; }
	
	.owl-nav {width:100%; height:1px}
	.owl-nav div {width:50px; height:50px; font-size:35px; color:#d38c38!important; background-color:transparent!important; position:absolute; z-index:9; bottom:80px; cursor:pointer; transition:all .2s ease}
	.owl-nav div:hover { color:#f8c083!important}
	.owl-prev {left:7%; }
	.owl-next {left:calc(7% + 50px); }

	.owl-prev:hover {left:calc(7% - 10px); }
	.owl-next:hover {left:calc(7% + 60px); }
	
			
	.chamadas .item{
		background: #fff;
		margin: 0;
		overflow:hidden;
		box-sizing:border-box;
		height:56vw;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		position:relative;
	}
	
	.chamadas .item table { width:100%; min-height:100%; height:100%; position:absolute; top:0; left:0;  }
	
	.owl-dots { display:none}


	.centra { width:90%; max-width:1200px; margin:0 auto; overflow:hidden; }
	.centra2 { width:90%; max-width:1500px; margin:0 auto; overflow:hidden; }

	.inBloca { width:100%; position:absolute; z-index:99 }
		.inscrevase { width:90%; overflow:hidden; max-width:1200px; margin:-45px auto 0 auto; background-color:#f0b172; box-sizing:border-box; padding:30px 60px; color:#444 }
		.inscrevase em { font-style:normal; float:left; padding:5px 0 0 30px}
		.inscrevase i { font-size:34px; float:left;}
		
		.label1 { width:calc(50% - 10px); margin:0 5px; float:left;}
		.label2 { width:calc(50% - 10px); margin:0 5px; float:right;}
			.label2 p { margin:0; padding:0;}
			
			.label2 input[type=email] { -webkit-appearance: none; float:left; width:calc(100% - 170px); text-align:center; margin:0; box-sizing:border-box; font-size:12px; letter-spacing:2px; font-family: 'Open Sans', sans-serif; outline:none; border-radius:0; border:0px; border-bottom:1px solid #333; background-color:transparent; color:#333; padding:6px; }
			.label2 input[type=submit] { -webkit-appearance: none; cursor:pointer; float:right; text-align:center; width:120px; margin:5px 0 0 0; box-sizing:border-box; font-size:12px; font-family: 'Open Sans', sans-serif; outline:none; border-radius:30px; border:1px solid #333; background-color:transparent; color:#333; padding:2px; transition:all .15s ease }
			.label2 input[type=submit]:hover { background-color:#333; color:#FFF}
			
			.label2 input[type=email]::-webkit-input-placeholder { color:#ad8c68!important}
			.label2 input[type=email]:-moz-placeholder { color:#ad8c68!important}
			.label2 input[type=email]::-moz-placeholder { color:#ad8c68!important}
			.label2 input[type=email]:-ms-input-placeholder { color:#ad8c68!important}
			
			.label2 div.wpcf7-validation-errors { display:none!important}
			
			.chamadas .centra { position:relative; box-sizing:border-box; padding:0 0 0 50px;}
			.ip { width:45vw!important; }
			
			.txtLabel { position:absolute; top:10vw; left:20vw; font-size:1.3vw; color:#f0b172; letter-spacing:1.5vw; opacity:0; 
				-webkit-animation-duration: 2s; -webkit-animation-name: animar;
				-webkit-animation-delay: 1.5s; -webkit-animation-fill-mode: forwards;
			}
			@-webkit-keyframes animar {
				0% { letter-spacing:1.5vw; opacity:0; } 
				100% { letter-spacing:1.1vw; opacity:1 }
			}
			
			h2 { font-weight:normal; position:relative; font-size:25px; letter-spacing:1px; color:#222; text-transform:uppercase;}
			p { font-size:13px; line-height:24px; color:#444; }
			
			.vermais { display:table; padding:4px 35px; border:2px solid #333; color:#333; font-size:12px; border-radius:20px; margin:30px 0 0 0}
			.vermais:hover { color:#FFF; background-color:#333}
			
		.sec1 { padding:160px 0 100px 0;}
		.sec1 h2 {max-width:430px;}	

	.img1 { width:calc(50% - 30px); height:340px; background-position:center; background-repeat:no-repeat; background-size:cover; float:left;}
	
	.lados { width:calc(50% - 30px); }
	
	.ll {float:left; }
	.rr {float:right; }
	
	.par1 { width:100%; padding:90px 0;}
	.deta { text-align:center; display:table; margin:0 auto; color:#FFF;}
	.deta:after { content:''; display:block; width:60%; height:2px; background-color:#FFF; margin:13px auto 0 auto}
	
	.bloca { overflow:hidden;}
	.par1 .bloca { margin:60px 0;}
	
	.boxtrata { width:calc(25% - 14px); height:310px; margin:7px; color:#FFF; float:left; position:relative; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; text-align:center;}
	.boxtrata table { width:101%; height:101%; min-height:101%; box-sizing:border-box; padding:0 20px; background-color:rgba(68, 68, 68, 0.88); top:-.5%; left:-.5%; transition:all .15s ease }
	.boxtrata:hover table { background-color:rgba(0,0,0,.8)}
	.boxtrata b { font-size:18px; text-transform:uppercase; letter-spacing:1px; color:#FFF; line-height:30px; font-weight:normal; }
	.mais { display:block; height:30px; width:30px; line-height:30px; text-align:center; border:2px solid #FFF; border-radius:50%; position:absolute; bottom:55px; left:50%; margin:0 0 0 -15px; transition:all .15s ease }
	.boxtrata:hover .mais { transform:rotate(90deg); height:40px; width:40px; line-height:40px; margin:0 0 0 -20px; bottom:50px; border:2px solid rgba(255,255,255,0); font-size:20px; }

	.par1 .vermais { border:2px solid #FFF; color:#FFF; margin:70px auto 0 auto; clear:both}
	.par1 .vermais:hover { color:#d79767; background-color:#FFF }
	
	
	
		.sec2 { padding:130px 0; position:relative; overflow:hidden;}
	
	.deta2 { display:table; }
		.deta2:after { content:''; display:block; width:60%; height:2px; background-color:#222; margin:13px 0 20px 0}
	
	.bgDr { position:absolute; bottom:-1px; right:0; width:calc(50% - 60px); height:100%; min-height:100%; background-position:bottom left; background-repeat:no-repeat; background-size:320px; }


.sec3 { width:100%; padding:140px 0 120px 0; background-color:#2f2f2f; color:#FFF;}
	.sec3 .deta { text-align:left; margin:0; }
	.sec3 .deta:after { margin:20px 0 20px 0;}
	.sec3 .vermais { border:2px solid #FFF; color:#FFF;}
	.sec3 .vermais:hover { background-color:#FFF; color:#2f2f2f;}
	.sec3 p { color:#FFF; letter-spacing:1px; font-size:14px; line-height:22px }
	
	.gLado1 { width:190px; float:left;}
	.gLado2 { width:calc(100% - 240px); overflow:hidden; float:right;}
	
	
	.bxG3 { width:calc(50% - 30px); height:320px; overflow:hidden; margin:0 15px 30px 15px; position:relative; font-size:25px; letter-spacing:1px; text-align:center; color:#FFF; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
	.bxG3 table { width:101%; height:101%; min-height:101%; top:-.5%; left:-.5%; position:absolute; background-color:rgba(214, 125, 37, 0.7); transition:all .15s ease }
	.bxG3:hover table {background-color:rgba(214, 125, 37, 0.4) }

.sec4 { padding:110px 0 130px 0;}
	.sec4 .deta { color:#333}
	.sec4 .deta:after { background-color:#333}
	
	.sec4 .bloca { margin:50px 0 50px 0;}
	.sec4 .vermais { margin:30px auto 0 auto}
	
	.boxBlog { width:calc(33.33% - 100px); padding:14px; float:left; margin:20px 35px; border-radius:4px; transition:all .15s ease}
	.boxBlog:hover {box-shadow: 3px 3px 28px -10px #000}
	.fotoBlog { width:100%; height:200px; background-color:#eee; background-position:center; background-repeat:no-repeat; background-size:cover; }
	.boxBlog b { font-size:18px; color:#333; display:block; max-width:250px; margin:20px 0;}
	.boxBlog p {}
	
	@media screen and (max-width:1300px)
	{
		.boxtrata { height: 270px;}
		.mais { bottom:35px;}
		.boxtrata:hover .mais { bottom:30px;}
		.boxtrata b { font-size: 16px; line-height: 23px;}
	}
	
	@media screen and (max-width:1200px)
	{
		.boxBlog { width: calc(33.33% - 60px); margin: 20px 16px;}
	}

	@media screen and (max-width:1150px)
	{
		.bxG3 {width: calc(50% - 20px); height: 280px; margin: 0 10px 20px 10px; font-size:22px;	}
		
	}

	@media screen and (max-width:1100px)
	{
		.boxtrata { height: 220px;}
		.mais { bottom:25px;}
		.boxtrata:hover .mais { bottom:20px;}
		.boxtrata b { font-size: 15px; line-height: 20px;}
	}

	@media screen and (max-width:1050px)
	{
		.label1, .label2 { width: 100%; margin: 0; float: none; display: block; text-align: center;}	
		.inscrevase { padding:20px 40px;}
		.inscrevase em  {float: none; padding: 5px 0 10px 0; display: block;}
		.inscrevase i { display:none;}
	}
	
	@media screen and (max-width:1000px)
	{
		.boxtrata { width:calc(50% - 8px); margin:4px; height: 220px;}
		.bxG3 {width: calc(50% - 14px); height: 200px; margin: 0 7px 14px 7px; font-size:20px;	}
		.boxBlog { width: calc(33.33% - 30px); padding:8px; margin: 10px 7px;}
	}


	@media screen and (max-width:950px)
	{
		.txtLabel { display:none!important}	
	}
	@media screen and (max-width:880px)
	{
		.img1 {width: 100%; max-width:450px; height: 220px; float: none; margin:0 auto;}
		.lados { width: 100%;}
		.rr, .ll { float:none;}
		
		h2 { font-size:20px;}
		
		.sec1 { text-align:center; padding:120px 0 50px 0}
		.sec1 h2 { margin:20px auto 0 auto; }
		.sec1 .vermais { margin:20px auto 0 auto}
		
		
		.par1 { padding:60px 0;}
		.par1 .bloca { margin: 40px 0;}
		
		.sec2 { padding: 60px 0 0 0; text-align:center;}
		.sec2 .deta2 { text-align:center; margin:0 auto; }
		.sec2 .deta2:after { margin:20px auto 0 auto;}
		.sec2 .vermais { margin:20px auto 0 auto;}
		
		.bgDr { position: relative; bottom: auto; right: auto; width: 100%; min-height: auto; background-position: calc(50% + 37px); background-size: 230px; height: 400px; margin: 0 0 -4px 0;}
		
		.sec3 { width: 100%; padding: 60px 0 60px 0;}
		
		.gLado1 { width: 100%; max-width:400px; margin:0 auto; float: none; text-align:center;}
		.gLado1 h2 b { display:block; font-size:2px;}
		.gLado1 .deta { text-align:center; margin:0 auto; }
		.gLado1 .deta:after { margin:20px auto 0 auto;}
		.gLado1 .vermais { margin:20px auto 0 auto}
		
		.gLado2 { width: 100%; float:none; margin:30px 0 0 0 }
		
		
		.sec4 { padding: 60px 0 90px 0;}
		.boxBlog { width: 100%; max-width:380px; margin:0 auto 10px auto; height:auto; float:none; text-align:center;}
		.fotoBlog {height: 160px;}
		.boxBlog b {max-width:100%}
		.sec4 .vermais { margin: 10px auto 0 auto;}
	}
	@media screen and (max-width:700px)
	{
		.inscrevase { padding: 6px 20px 12px 20px;}
		.inscrevase em { font-size:14px;}
		.chamadas, .chamadas .item { height: 500px;}
		.ip { width:73%; margin:25% 0 0 0; }
		.chamadas .centra { padding:0;}

		
		.label2 input[type=email] { width: 100%;}
		.label2 input[type=submit] { float: none; margin: 15px 0 0 0;}
	}
	
	@media screen and (max-width: 520px)
	{
		.boxtrata { width:100%; max-width:330px; float:none; margin:4px auto; height: 120px;}
		.mais { display:none;}

		.bxG3 {width:100%; max-width:330px; height: 130px; margin: 6px auto; float:none; font-size:18px;	}
		
	}
	
/*INTERNAS*/	
	
	/* 1 -> SOBRE */
	
	.pagina { min-height:300px;}
	.pagina .centra { padding:50px 0}
	.pagina .deta { color:#333}
	.pagina .deta:after { background-color:#333}
	
	.parSobre { width:100%; height:480px;}
	
	.secSobre { background-color:#2f2f2f; padding:60px 0}
	
	.bxsobre { width:calc(33.33% - 30px); margin:0 15px; float:left; }
	.bxsobre .deta { color:#f0b172; margin:0; text-align:left}
	.bxsobre .deta:after { background-color:#FFF; margin:20px 0}
	.bxsobre p { color:#eee; max-width:270px; line-height:27px;}	
	
	
	/* 2 -> SERVIÇOS */
	
	.blocoInsit { width:calc(33.33% - 60px); position:relative; letter-spacing:1px; height:250px; background-color:#f0b172; box-sizing:border-box; border:1px solid #f0b172; font-size:23px; text-align:center; margin:10px 30px; float:left; transition:all linear .15s}
		.blocoInsit:hover { background-color:#ffcf9e}
	.blocoInsit table { width:100%; height:100%; min-height:100%; position:absolute; text-transform:uppercase; color:#333; box-sizing:border-box; padding:30px;}
	
	.servicos, .mapa, .pagina { background-color:#fbfbfb}
	.servicos .bloca { margin:70px 0; overflow:hidden;}

	.ladoDer1 { width:250px; float:left; }
		.titLad { background-color:#f0b172; padding:25px 5px 20px 5px; box-sizing:border-box; font-size:12px; color:#333; text-transform:uppercase; text-align:center;}
		.listaServ { background-color:#2f2f2f; padding:30px 40px; box-sizing:border-box; }
			.listaServ ul { padding:0; margin:0; text-align:center;}
			.listaServ li { list-style:none; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #f0b172 }
			.listaServ a { color:#eee; font-size:12px; text-transform:uppercase; }
			.listaServ a:hover { color:#f0b172}
	.ladoDer2 { width:calc(100% - 310px); float:right; }
	.ladoDer2 p { color:#777}
	.ladoDer2 strong { color:#333;}
	
	.servicos h1 { font-weight:normal; color:#333; text-transform:uppercase; margin:0 0 25px 0; font-size:23px; letter-spacing:1px; }
	.servicos h1:after { content:''; width:170px; display:block; height:2px; background-color:#333; margin:10px 0 20px 0;}
	
	.fotoDentro { width:100%; height:auto; margin:0 0 35px 0; max-height:400px; overflow:hidden}
	.fotoDentro img { width:100%; }
	
	/* 3 -> BLOG */
	
	.ladoAblog { width:calc(100% - 350px); float:left;}
	
	.boxBlogFora { width:calc(50% - 60px); box-sizing:border-box; padding:20px; margin:10px 50px 20px 10px; border-radius:4px; height:400px; float:left; transition:all .15s ease}
		.boxBlogFora b { display:block; font-size:16px; }
		.boxBlogFora p { font-size:12px;}			
		.fotoBlogFora { width:100%; height:210px; margin:0 0 20px 0; background-color:#8F8F8F; background-position:center; background-repeat:no-repeat; background-size:cover;}
		.boxBlogFora a { color:#333}
		.boxBlogFora a:hover { color:#f0b172}
	.boxBlogFora:hover {box-shadow: 3px 3px 28px -10px #000}
	
	.titLad i { float:right; font-size:20px; margin:0 20px 0 0; display:none;}
	@media screen and (max-width: 1200px)
	{	
		.ladoDer2 { width: calc(100% - 270px);}
		.servicos .bloca { margin: 50px 0;}
		
		.ladoAblog { width: calc(100% - 300px);}
		.boxBlogFora { width: calc(50% - 30px); padding: 10px; margin: 0px 30px 20px 0px;}
		
	}
	
	@media screen and (max-width: 1100px)
	{
		.blocoInsit { width:calc(33.33% - 20px); margin:10px; height:220px; font-size:20px;}	
	}
	
	@media screen and (max-width: 1050px)
	{
		.ladoAblog {  width: calc(100% - 250px);}
	}

	
	@media screen and (max-width: 880px)
	{
		.servicos .bloca { margin: 30px 0 50px 0;}
		.titLad { padding: 20px 5px 17px 5px;}

		.blocoInsit { width:100%; max-width:400px; float:none; margin:0 auto 10px auto; height:110px; font-size:18px;}	
	
		#aLista { position:fixed; -webkit-overflow-scrolling: touch; top:0; left:-320px; width:100%; max-width:270px; height:100%; min-height:100%; overflow:auto; background-color:rgba(47, 47, 47, 0.92); z-index:9999; transition:all .15s ease }
		
		.listaAberta { left:0!important}
		
		#sobreTudo { width:100%; height:100%; min-height:100%; position:fixed; background-color:rgba(0,0,0,0.5); left:0; top:-120%; opacity:0; z-index:999; transition:opacity .15s ease }
		.sobreAberto { top:0!important; opacity:1!important}
		.titLad i { display:block;}
		
		
		.ladoDer1 { width:100%; display:block; margin:0; float:none;}
		.ladoDer2 { width:100%; float:none; margin:20px 0 0 0}
		.fotoDentro { max-height:300px;}
		
		
		.ladoAblog {  width:100%; float:none;}
		.ladoBblog {  width:100%; max-width:350px; float:none!important; margin:30px auto 0 auto; display:block; clear:both; }

		.bloga .centra {  padding: 20px 0;}
	}

	@media screen and (max-width: 650px)
	{
		.boxBlogFora { width: 100%; max-width:400px; height:auto; text-align:center; float:none; padding: 10px; margin: 0px auto 20px auto;}
	}
	
	@media screen and (max-width: 450px)
	{
		.fotoDentro { max-height:220px;}
	}
	
/*FOOTER*/


.footer { padding:130px 0 30px 0; background-color:#2f2f2f; color:#FFF;}
	
	.footer .centra { margin:80px auto 0 auto; box-sizing:border-box; padding:0 0 20px 30px;}
	
	.formulario { max-width:430px;}
	.formulario p { margin:0; padding:0;}

	.footer input[type=text], .footer input[type=email], .footer textarea, .contato input[type=text], .contato input[type=email], .contato textarea { -webkit-appearance: none; width:100%; margin:0 0 12px 0; letter-spacing:1px; box-sizing:border-box; font-size:13px; font-family: 'Open Sans', sans-serif; outline:none; border-radius:30px; border:0px; background-color:#fff; color:#333; padding:9px 20px; }
	.footer textarea, .contato textarea { height:40px}
	
	.footer input[type=submit], .contato input[type=submit] { -webkit-appearance: none; width:220px; box-sizing:border-box; font-size:13px; letter-spacing:1px; font-family: 'Open Sans', sans-serif;  outline:none; border-radius:30px; border:0px;  background-color:#eeb172; color:#333; padding:9px 15px; margin:0; cursor:pointer; transition:all .15s ease;}
	.footer input[type=submit]:hover, .contato input[type=submit]:hover { background-color:#fdca94}
	
	.wpcf7-not-valid { background-color:#faffbd!important; }
	div.wpcf7-validation-errors { color:#ff6e6e; }
	div.wpcf7-mail-sent-ok { color:#61a932; }
	
	
	.logoFoot { width:250px; margin:0 auto; display:block; }
	
	
	.linhaFoot { display:block; color:#eee; margin:0 0 15px 0; font-size:13px; letter-spacing:2px; box-sizing:border-box; padding:0 0 0 40px; position:relative;}
	.linhaFoot i { position:absolute; top:0; left:0; color:#f0b172; font-size:18px;}
	.linhaFoot .fa-phone { transform:rotate(90deg)}
	
	.midias { display:block; margin:40px 0 0 0;}
	.midias a { color:#f0b172; font-size:20px; margin:0 15px 0 0; }
	.midias a:hover { color:#FFF;}
	
	.base { display:block; margin:50px auto 0 auto; width:90%; font-size:11px; text-align:center; position:relative}
	.base a { color:#FFF}
	.base a:hover { color:#d79767}
	.seven { width:70px; position:absolute; top:0; right:0; opacity:.6}
	.seven:hover { opacity:1;}


	@media screen and (max-width:880px)
	{
		.footer { padding: 100px 0 20px 0;}
		.logoFoot { width:200px;}	
		.footer .centra { margin: 50px auto 0 auto; padding:0 0 20px 0}
		
		.linhaFoot { font-size:12px; letter-spacing:1px; padding:0; text-align:center }
		.linhaFoot i { position:relative; display:block; top:auto; left:auto; font-size:16px; margin:0 auto 5px auto;}
		
		.formulario { margin: 0 auto;}
		.footer input[type=submit], .contato input[type=submit] { float:right; }
		
		.midias { margin: 30px 0;text-align: center;}
	}
	@media screen and (max-width:700px)
	{
		.seven { width:60px; position:relative; top:auto; right:auto; margin:10px auto 0 auto; display:block}
		.base { margin:30px auto 0 auto;}
	}

	span.wpcf7-not-valid-tip {display:none !important; height:0px!important; padding:0px!important; margin:0px!important}
	div.wpcf7-validation-errors {border: 0px !important; }
	div.wpcf7-response-output { text-align: center!important; width: 100%!important; clear: both!important; padding: 20px 25px!important;  box-sizing: border-box!important; margin: 0!important;}
	div.wpcf7-mail-sent-ok { border:0px; }
	.wpcf7-form-control-wrap {ddisplay:block!important}