:root{
  	--white: #FFF;
  
  	--black-800:#000000;
    --black-200:#4D4C4E;
    --black-100:#EFEFEF;
  
  	--prim-800:#EB6700;
  	--prim-600:#DC8541;
  	
  	--sec-600:red;
}
.flex-col{
	flex-direction:column;
}
.txt svg,
.txt svg path{
	fill:currentColor;
}
.txt .box ul,
.txt .box ol{
	list-style:disc;
  	margin-left:20px;
}
.txt h1,
.txt h1 a,
.txt h2,
.txt h3,
.txt .btn,
.txt .txt2{
  	font-weight:500;
}
.txt strong,
.txt b{
  	font-weight:500;
}
.txt a,
.txt a span,
.txt a div,
.txt a svg{
	transition:.2s;
}
.txt img{
  	display:block;
  	width:100%;
  	height:auto;
}

/*300 400 500 600*/
.txt a, 
.txt input,
.txt select,
.txt textarea,
.txt{
	font-family: 'Poppins', sans-serif;
  	font-size:1.8rem;
  	font-weight:400;
  	color:var(--black-800);
  	line-height:160%;
}
.txt2,
.txt .txt2{
	font-family: 'Roboto', sans-serif;
  	font-weight:400;
}

.detalhe .lista-fotos ul,
.detalhe .lista-fotos ol{
	list-style:none;
  	margin-left:0px;
}

.header{
	width:100%;
  	background:var(--white);
  	top:0px;
  	left:0px;
  	z-index:60;  
  	overflow:hidden;
}
.header:after{
	content:'';
  	position:absolute;
  	bottom:-3px;
  	left:0px;
  	width:100%;
  	height:3px;
  	background:var(--black-200);
  	filter: blur(5px);
  	transition:.2s;
}
.reduzir .header:after{ bottom:-10px; }

.corpo{
  padding-top:167px;
}

.head-top{
	background:var(--prim-600);
  	box-shadow:inset 0 -2px 10px rgb(0,0,0,.2);
}
.head-top,
.head-top a{
	font-size:1.6rem;
  	font-weight:600;
  	color:var(--white);
}
.head-top .container{
	align-items:center;
  	justify-content:space-between;
  	height:48px;
}
.head-top .container .email-tels{
  	grid-gap:25px;
}
.head-top .container .email-tels *{
  	align-items:center;
  	display:flex;
}
.head-top .container .email-tels .tels{
  	grid-gap:5px;
}
.head-top .container .email-tels .tels .whats{
  	grid-gap:10px;
}
.head-top .social{
	gap:5px;
}


.header > .container{
	height:118px;
}
.header .logo{
  	display:block;
  	width:240px;
	top:50%;
  	left:0px;
  	transform:translateY(-50%);
}
.header .menu{
	top:41px;
  	right:0px;
  	grid-gap:3px;
}
.header .menu a{
  	display:flex;
  	align-items:center;
  	border-radius:5px;
  	height:34px;
	font-size:1.5rem;
  	font-weight:500;
  	color:var(--black-200);
  	padding:0 15px 0;
}
.header .menu .ativo a,
.header .menu a:hover{
	color:var(--prim-800);
}

.txt a.link{
	text-decoration:underline;
  	text-underline-offset:3px;
}

/* REDUZIR */
.header,
.header .menu,
.menu-mobile,
.header .logo,
.head-top .container,
.header > .container{ transition:.2s; }

.reduzir .header{ box-shadow:0 0 5px rgba(0,0,0,.2); }
.reduzir .header .logo{ width:100px; }
.reduzir .head-top .container{ height:30px;  }
.reduzir .header > .container{ height:50px; }
.reduzir .menu-mobile{ top:5px; }
.reduzir .header .menu{ top:7px; }

/* BOTÃO */
.txt .btn{
  	cursor:pointer;
  	display:inline-flex;
  	align-items:center;
	border-radius:3px;
  	background:var(--black-200);
  	color:var(--white);
   
	height:38px;
  	padding:0 20px; 
}
.txt a:hover .btn,
.txt .btn:hover{
  	background:var(--prim-800);
}

.txt .link{
  	display:inline-flex;
	color:var(--black-200);
  	text-decoration:underline;
}

/*TITULO*/
.box-titulo{
	background:var(--black-100);
  	padding:20px 0;
  	margin-bottom:50px;
}
.box-titulo.txt h1{
  	display:flex;
  	align-items:center;
  	gap:15px;
  	font-size:2.5rem;
  	font-weight:400;
	line-height:120%;
  	color:var(--prim-600);
}
.box-titulo.txt h1 span{
	display:flex;
  	color:var(--black-200);
}
.box-titulo.txt h1 a{
  	font-size:2.0rem;
  	font-weight:400;
  	color:var(--prim-800);
}
.box-titulo.txt .resumo{
  	font-size:1.8rem;
	color:var(--black-200);
  	margin-top:10px;
}

.box-titulo-img{
	margin:-50px 0 50px;
}

.detalhe strong{
  	font-weight:600;
  	color:var(--prim-800);
}

/* VIDEO */
.video{
  	background:var(--cor3);
	max-width:870px;
  	width:95%;
  	margin:45px auto 45px; 
}
.video iframe{
	width:100%;
  	height:100%;
  	top:0px;
  	left:0px;
}


/* BTN WHATS */
.btn-whats{
  	z-index:9;
  	background:#65bc54;
  	right:10px;
  	bottom:300px;
  	padding:10px;
    padding-top: 13px;
	padding-right: 13px;
	padding-left: 13px;
  	border-radius:50%;
  	box-shadow:0 0 2px rgba(0,0,0,.5);
}

.btn-whats:hover{
   background:#20c65a;
}
.btn-whats svg{
  	width:40px;
  	height:auto;
  	fill:#FFF;
}



@media only screen and (max-width:1174px) {
  .container{ width:960px; }
}
@media only screen and (max-width: 960px) {
  .container{ width:760px; }
  .header .menu li:first-child{ display:none; }
}
@media only screen and (max-width: 768px) {
  .container{ width:95%; }
  a[href^=tel]{  color:inherit;  text-decoration:none; }

  .head-top .container .email-tels .email{ display:none; }
  
  
  .menu-mobile{ display:block; width:40px; height:40px; top:45px; right:10px;  padding:5px; z-index:15; transition:all .2s ease; }
  .menu-mobile .menui{ width:calc(100% - 10px); height:2px; background:var(--prim-800 ); z-index:2; }
  .menu-mobile.ativo{ position:fixed; }
  .menu-mobile.ativo .menui{ background:#FFF; }
  .menu-mobile .menui.top-menu{ top:10px; transform:rotate(0deg);  transition:transform .6s ease, top .6s ease, left .6s ease;  transition-timing-function: cubic-bezier(.75,0,.29,1.01); }
  .menu-mobile .menui.mid-menu{ top:50%; margin-top:-1px; opacity:1; transition:opacity .6s ease;}
  .menu-mobile .menui.bottom-menu{ bottom:10px;transform:rotate(0deg); transition:transform .6s ease, bottom .6s ease, right .6s ease;   transition-timing-function: cubic-bezier(.75,0,.29,1.01); }

  .menu-mobile.ativo .mid-menu{  opacity:0; }
  .menu-mobile.ativo  .top-menu{ top:18px; left:5px; transform:rotate(45deg); }
  .menu-mobile.ativo  .bottom-menu{ bottom:19px; right:5px; transform:rotate(-225deg); }
  .bg-body.ativo { background: rgba(0,0,0,.95); height: 0px; transition: height .4s; width: 100%; height: 100vh; top: 0; left: 0;  z-index:10; }

  
  .header .menu{ display:none; gap:5px;}
  .header .menu.ativo{ display:grid; }
  .header .menu,
  .reduzir .header .menu{ z-index: 99; position:fixed; right:auto; top:50%; left:50%; width:200px; transform:translate(-50%,-50%); }
  .header .menu li:first-child{ display:block; }
  .header .menu a{ justify-content:center; color:var(--white); }
  
  .tj{ text-align:left; }
  
  .detalhe{ grid-template-columns:1fr; }
  .detalhe .lista-fotos{ grid-template-columns:1fr 1fr 1fr;  }
}
@media only screen and (max-width: 560px) {
  
  .detalhe .lista-fotos{ grid-template-columns:1fr; max-width:450px; width:100%; margin:auto;  }
  
  .box-titulo.txt h1{ align-items:start; }
  .box-titulo.txt h1 svg{ margin-top:11px;}
}
@media only screen and (max-width: 480px) {
	.head-top .container .email-tels .tels a:first-child,
  .head-top .container .email-tels .sep{ display:none; }
}

/* BLOG */
.blog a{
  	color:var(--black-800);
}
.blog .desc{
	padding:25px 15px;
	font-size:1.6rem;
  	line-height:140%;
}
.blog a img{
	border-radius:3px;
}
.blog a h3{	
  	font-size:2.0rem;
	font-weight:400;
	color:var(--black-200);
  	padding-bottom:20px;
  	line-height:140%;
  	transition:.2s;
  	text-align:left;
}
.blog a:hover h3{
	color:var(--black-800);
}
.blog a .btn{
	margin:20px 0 0 0px;
}
.page-sucesso .detalhe{
	text-align:center;
}
.list-locacao{
	gap:50px 45px;
  	padding: 0 0 80px
}
.list-locacao a{
  	display:flex;
  	flex-direction:column;
	overflow:hidden;	
    background:var(--white);
    box-shadow: 0px 24px 80px rgba(0, 0, 0, 0.07), 0px 10.0266px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 5.36071px 17.869px rgba(0, 0, 0, 0.0417275), 0px 3.00517px 10.0172px rgba(0, 0, 0, 0.035), 0px 1.59602px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 0.664142px 2.21381px rgba(0, 0, 0, 0.0196802);
	border-radius: 3px;
}
.list-locacao a  .desc{
	padding:25px 15px;
  	font-size:1.5rem;
  	line-height:160%;
}
.list-locacao a  .desc h3{
	font-weight:500;
  	margin-bottom:15px;
}

@media(max-width:768px){
	.list-locacao.grid{ grid-template-columns:1fr 1fr; }
}
@media(max-width:580px){
	.list-locacao.grid{ grid-template-columns:1fr; max-width:450px; margin:auto; }
}
.footer{
  	background:var(--black-100);
  	padding:40px 0;
}
.footer,
.footer a{
	font-size:1.5rem;
  	font-weight:600;
}
.footer .container{
	gap:30px;
}
.footer .container > .flex{
  justify-content:center;
  flex-direction:column;
  gap:25px;
}
.footer h6{
	font-size:1.6rem;
  	font-weight:400;
  	color:var(--prim-800);
  	margin-bottom:10px;
}
.footer .logo{
  	display:block;
  	width:192px;
	position:initial;
}

.footer .btels .tels a span{
	color:var(--prim-800);
  	display:inline-flex;
  	margin-left:5px;
}
.footer .btels .tels{
	gap:5px;
}
.footer .btels > .tels{
	margin-top:15px;
}

.footer .boxSocial .social{
	gap:5px;
}
.footer .boxSocial .social a{
   	color:var(--prim-800);
 }
.footer .f3 .btns{
	justify-content:flex-end;
}
.footer .f3 .btns .btn{
  	font-size:1.4rem;
}





.copy-dev,
.copy-dev .dev{
  	font-size:1.4rem;
  	color:var(--black-800);
	background:var(--black-200);
}
.copy-dev .container{
  	padding:20px 0;
  	gap:20px;
	justify-content:space-between;
}
.copy-dev .container *{
  align-items:center;
}
.copy-dev .copy{
  	gap:20px;
    color: #FFF;
}
.copy-dev .copy a{
  	font-size:1.4rem;
	color:var(--prim-800);
}

.copy-dev .dev{
  	gap:5px;
    color: #FFF;
}



@media(max-width:768px){
  .footer .container{ grid-template-columns:1fr; }
  .footer .container > .flex{ align-items:center; text-align:center; }
  .copy-dev .container{ flex-direction:column; align-items:center; text-align:center; }
  .copy-dev .copy{ justify-content:center; }
}
