@media (max-width: 824px){
/* animações */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
/* menu */
  
.drop .fa-bars, .drop .fa-times{
color: #b5b52d;
}
.trav{
background: #b5b52d;
}
.botaoativo{
color: #b5b52d!important;
}


/* principal */
.sub-all{
	color: #b5b52d;
}
/* topo */
.topo{
	position: relative;
}

.img-inicio{
	width: 100%;
}

.img-logo-in{
	position: absolute;
	top: 29.5%;
	left: 4%;
	z-index: 2;
	width: 30%;  
}

.linha-in{
	position: absolute;
	z-index: -1;
	top: 60%;
	left: -47.6%;
	width: 200%;
	border-top: 2.5px solid #b5b52d;
	transform: rotate(147deg);
	-ms-transform: rotate(147deg);
	-webkit-transform: rotate(147deg);
}
.triangulo-in{
	position: absolute;
	top: 18.7%;
	left: -40%;
	z-index: 1;
	margin-left: 40%;
	width: 0;
	border-left: 400px solid #fff;
	border-top: 250px solid transparent;
	border-bottom: 250px solid transparent;
}
.margin-sub{
	margin-right: -.3rem;
}
.controle-inicio{
	padding-right: 3rem;
	padding-top: 4rem;
	text-align: right;
}
.controle-inicio p{
	margin-left: 11rem;
	width: 600px;
}
/* único */
.unico{
	position: relative;
}
.unico h1{
	padding-top:  4rem;
	margin-left: 4.3rem;
}
.controle-unico{
	position: relative;
	top: -65px;
	width: 640px;
	background-color: #222020;
	padding: 3.3rem 3.3rem 2.2rem 3.3rem;
	border-bottom: 8px solid #b5b52d;
}
.controle-unico p{
	text-align: left;
}
.next_dif{ right: 10%; }
.prev_dif{left: 10%;}
/*  Area Athenas future Living */

.area{
	position: relative;
	text-align: center;
	margin-bottom: 5rem;
}
.area .texto-all{
	margin-bottom: 3rem;
}
.area h2{
	font-size: 2rem;
	font-family: avenirblack;
	letter-spacing: .1rem;
	color: #b5b52d;
	margin-top: 2.7rem;
}

.area .texto-area{
	font-family: avenirlight;
	color: #b3b3b3;
	font-size: 1.5rem;
	letter-spacing: .5rem;
		
}
/* slide (fotos) */
.dif-slide{
    position: relative;
    height: 530px;
    margin-top: 2rem;
    
}
.principal{
	position: absolute;
	top: 0;
	left: 82px;
	z-index: 2;
	width: 80%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.esquerda, .direita{
	position: absolute;
	width: 60%;
	top: 12%;
	z-index: 1;
}
.direita{
	right: 0; 
}
.voltarImg, .passarImg{
	text-decoration: none;
	position: absolute;
	top: 40%;
	z-index: 3;
	font-size: 3rem;
	color: white;
	stroke: black;
 	stroke-width: 5;
}
.voltarImg{
	left: 5%;
}
.passarImg{
	right: 5%;
}
#voltarImg, #passarImg{
	position: absolute;
	top: 10%;
	width: 100px;
	height: 350px;
	z-index: 150; 
	/* apagar aqui depois */
	/* border: 5px solid red;  */

}

#passarImg{
	right: 0;
}

.legenda{
	text-align: center;
	margin-top: -3.5rem;
	color: #b3b3b3;
	font-family: avenirroman;
	font-size: 1.3rem;
	line-height: 1.70rem;
}
/* Funcional */

.funcional{
	position: relative;
	margin-top: 5rem;
	overflow: hidden;
	padding-bottom: 6rem;
}
.funcional .titulo-all{
	text-align: center;
	margin-left: .5rem;
}
.funcional .sub-all, .funcional .texto-all{
	text-align: right;
	margin-right: 2.2rem;
}
.funcional .texto-all{
	text-align: right;
	margin-right: 2.7rem;
}

.linha-fun{
    position: absolute;
    z-index: -1;
    top: 60%;
    left: -115.6%;
    margin-left: 115.6px;
    width: 200%;
    border-top: 2.5px solid #b5b52d;
    transform: rotate(38deg);
    -ms-transform: rotate(38deg);
    -webkit-transform: rotate(38deg);
	}

.triangulo-fun{
	position: absolute;
	top: 70.7%;
	left: -10%;
	z-index: 1;
	margin-left: 10px;
	width: 0;
	border-left: 400px solid #fff;
	border-top: 250px solid transparent;
	border-bottom: 250px solid transparent;
	transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
}
/* planta */
.planta{
	position: relative;
	padding-top: 3rem;
}
.planta .titulo-all{
	margin-left: 3rem;
}
.planta .sub-all{
	margin-left: 3.5rem;
}
.planta .texto-all{
	margin-left: 3.65rem;
}
.planta-all{
	position: relative;
}


.prev-pla, .next-pla, .prev_dif, .next_dif{ opacity: 1; cursor: pointer; position: absolute; width: auto; padding: 20px; color: #484848!important; font-weight: bold; transition: 0.4s ease; font-size: 4rem; z-index: 999; }
.prev-pla {left: 11%;}
.prev-pla, .next-pla {top: 75%; margin-top: -75px;}
.next-pla{
	right: 11%;
}
.carousel p, .carousel h2{
	text-transform: uppercase;
}
.area .carousel{
	margin-top: -2rem;
}

.prev_dif, .next_dif {bottom: 37%; margin-bottom: -37px;}
.next_dif{ right: -1rem; }
.prev_dif{left: -1rem}

.fade{ 
	opacity: 1;
	transition: opacity 2s ease-in-out;
	-moz-transition: opacity 2s ease-in-out;
	-webkit-transition: opacity 2s ease-in-out;
}
.planta-all{
	padding-top: 2rem;
	width: 100%;
	height: 1050px;
}
.img-planta{
	width: 80%;
}
.plantaSlide p{
	text-align: center;
}
.planta-titulo{
	margin-top: 3rem;
    color: #b5b52d ;
    font-size: 1.3rem;
}
.planta-texto{
	font-size: 1.2rem;
	color: #b3b3b3;
    font-family: avenirlight;
    line-height: 1.8rem;
    margin-top: 1.2rem;
}

/* footer */
.lista-bloco{
	color: #b5b52d;
}

.loca-conjunto{
	border-bottom: 8px solid #b5b52d;
}

.btn-mapa, .btn-mapa:hover, .btn-mapa:visited, .btn-mapa:active{
	border: 1px solid #b5b52d;
	color: #b5b52d;
}
.pet-img{
	margin-top: -4rem;
	margin-bottom: 5rem;
	width: 10%;
	margin-left: -9rem;
}
.pet-fr{
	position: relative;
	text-transform: uppercase;
	font-size: 120%;
	color: #b3b3b3;
	top: -180px;
	left: 1.5rem;
	line-height: 1.7rem;
}

}

@media (max-width: 812px){
	.triangulo-in{
		top: 18.2%;
	}
	.icon-u{
		position: relative;
		top: -5px;
	}

}

@media (max-width: 768px) and (max-height: 1024px){
 
	.triangulo-in{
		top: 15.5%;
	}
	.controle-inicio{
		padding-right: 1.5rem;
		text-align: right;
	}
	.controle-inicio p{
		margin-left: 9rem;
	}
	.next_dif{ right: 2%; }
	.prev_dif{left: 2%}
	
}

@media (max-width: 736px){
  	
  	.triangulo-in{
		top: 13.8%;
	}
	
	.controle-inicio p{
		margin-left: 7rem;
		width: 600px;
	}
	
	.controle-unico{
		padding-left: 4.3rem;
	}

	.principal{
		left: 75px;
	}
	.pet-img{
		margin-top: -6rem;
		margin-left: -6rem;
	}
	.pet-fr{
		font-size: 110%;
		top: -170px;
		left: 2.4rem;
		line-height: 1.5rem;
	}
	
}

@media (max-width: 731px){
	.triangulo-in{
		top: 13.5%;
	}
}

@media (max-width: 667px){

	.triangulo-in{
		top: 9%;
		left: -45%;
	}
	
	.linha-in{
		left: -49.6%;
	}
	.controle-inicio{
		padding-right: 1rem;
		padding-top: 6rem;
		text-align: right;
	}

	.controle-inicio p{
		margin-left: 3rem;
		width: 600px;
	}

	.unico h1{
		margin-left: 3rem;
	}
	
	.controle-unico{
		width: 580px;
		padding: 3.3rem 3.3rem 2.2rem 3.3rem;
	}
	
	.area .texto-area{
		letter-spacing: .35rem;
	}
	
	.principal{
		left: 68px;
	}
	.esquerda, .direita{
		top: 9%;
	}

	.voltarImg, .passarImg{
		top: 30%;
	}

	#voltarImg, #passarImg{
		position: absolute;
		top: 8%;
		width: 100px;
		height: 300px;
	
	}
	.legenda{
		margin-top: -9rem;
	}
	.linha-fun{
	    left: -122.6%;
	    margin-left: 122.6px;
    }
    .prev-pla, .next-pla {top: 60%; margin-top: -60px;}
    .pet-img{
		margin-top: -9rem;
	}
}
@media (max-width: 640px){
  	
  	.img-logo-in{
		top: 28.5%;  
	}

  	.triangulo-in{
		top: 7%;
		left: -50%;
	}
	
	.linha-in{
		left: -55%;
	}
	
	.next_dif{ right: 10%; }
	.prev_dif{left: 10%;}

	.controle-inicio{
		padding-right: 1.2rem;
		padding-top: 6rem;
		text-align: right;
	}

	.controle-inicio p{
		margin-left: 1.2rem;
		width: 600px;
	}
	
	.controle-unico{
		width: 565px;
		padding: 3.3rem 3rem 2.2rem 3rem;
	}

	.principal{
		left: 66px;
	}
	.pet-img{
		margin-top: -11rem;
		margin-left: -4rem;
	}
	.pet-fr{
		font-size: 100%;
		top: -160px;
		line-height: 1.3rem;
	}
}

@media (max-width: 568px){
  
	.img-logo-in{
		top: 27%; 
	}

  	.triangulo-in{
		top: 1.65%;
		left: -60%;
	}
	
	.linha-in{
		left: -60%;
	}
	
	.controle-inicio{
		padding-right: 1.7rem;
	}

	.controle-inicio p{
		margin-left: -3.8rem;
		width: 600px;
	}

	.controle-unico{
		width: 510px;
		padding: 1.5rem 1.5rem .9rem 1.5rem;
	}
	.next_dif{ right: 3%; }
	.prev_dif{left: 3%;}
	.principal{
		left: 58px;
	}
	.esquerda, .direita{
		top: 7%;
	}

	.voltarImg, .passarImg{
		top: 24%;
	}

	#voltarImg, #passarImg{
		top: 7%;
		width: 100px;
		height: 240px;
	
	}
	.legenda{
		font-size: 1.15rem;
		margin-top: -12.5rem;
	}

	.linha-fun{
		left: -130.6%;
		margin-left: 130.6px;
	}

	.triangulo-fun{
		top: 75.7%;
	}
	
	.planta{
		margin-bottom: -9rem;
	}
	.prev-pla {
		left: 4%;
	}
	.next-pla{
		right: 4%;
	}
	.pet-img{
		margin-top: -5rem;
	}
	.pet-fr{
		top: -155px;
	}
}

@media (max-width: 540px){
	.triangulo-in{
		top: -.8%;
	}
	.controle-inicio p{
		margin-left: -5.3rem;
	}
	.prev-pla, .next-pla, .prev_dif, .next_dif{ font-size: 3rem; }
	.funcional .sub-all, .funcional .texto-all{
	  text-align: right;
	  margin-right: 1%;
	}
	.funcional .texto-all{
	  margin-right: 1.5%;
	}
	.pet-img{
		margin-top: -7rem;
	}
}

@media (max-width: 414px){
  	
  	.img-logo-in{
		top: 24%;
	}

  	.triangulo-in{
		top: -13.3%;
		left: -90%;
	}
	
	.linha-in{
		left: -74%;
	}
	
	.controle-inicio{
		padding-right: 1.7rem;
	}

	.controle-inicio p{
		margin-left: -13.3rem;
		width: 600px;
	}

	.controle-unico{
		top: -40px;
		width: 390px;
		padding: 1.5rem .8rem .9rem .8rem;
	}
	
	.area .texto-area{
		font-size: 1rem;
		letter-spacing: .35rem;
	}
	
	.area h2{
		font-size: 1.3rem;
	}
	.next_dif{ right: 2%; }
	.prev_dif{left: 2%;}
	.dif-slide{
	    height: 380px;
	    margin-top: 1rem;
    }
	.principal{
		left: 42px;
	}
	.esquerda, .direita{
		top: 6.5%;
	}

	.voltarImg, .passarImg{
		top: 22%;
	}

	#voltarImg, #passarImg{
		top: 6.5%;
		height: 170px;
	
	}
	.legenda{
		margin-top: -9rem;
		font-size: 1rem;
	}

	.funcional .titulo-all{
		margin-left: 0;
	}
	
	.funcional .sub-all, .funcional .texto-all{
		margin-right: .8rem;
	}
	.funcional .texto-all{
		margin-right: 1rem;
	}
	.linha-fun{
		left: -149.6%;
		margin-left: 149.6px;
	}

	.triangulo-fun{
		top: 79.7%;
	}
	
	.planta .titulo-all{
		margin-left: 2.5rem;
	}
	.planta .sub-all{
		margin-left: 2.5rem;
	}
	.planta .texto-all{
		margin-left: 2.65rem;
	}
	
	.prev-pla, .next-pla {top: 48%; margin-top: -48px;}
	
	.planta-all{
		height: 900px;
	}
	
	.planta-titulo{
		font-size: 1.25rem;
	}
	.planta-texto{
		font-size: 1.1rem;
	}
	.pet-img{
		margin-top: -3rem;
	}
	.pet-fr{
		font-size: 90%;
		top: -140px;
		left: 1.8rem;
	}
	
}
@media (max-width: 411px){
	.next_dif{ right: 0; }
    .prev_dif{left: 0;}
}
@media (max-width: 394px){
	.img-logo-in{
		top: 24%;
	}

  	.triangulo-in{
		top: -16%;
	}
	.funcional{
	  padding-bottom: 9rem;
	}
	.controle-unico{
		width: 350px;
		padding: 1.5rem .8rem .9rem .8rem;
	}
	.rm_l{
		display: none;
	}
}
@media (max-width: 375px){
  	
  	.img-logo-in{
		top: 26%;
	}

  	.triangulo-in{
		top: -21.4%;
		left: -100%;
	}
	.linha-in{
		left: -66%;
	}
	.controle-inicio{
		padding-top: 3rem;
		padding-right: 1rem;
	}

	.controle-inicio p{
		margin-left: -2.3rem;
		width: 400px;
	}
		
	.unico h1{
		padding-top:  2.5rem;
		margin-left: 1.3rem;
	}

	.controle-unico{
		width: 350px;
		padding: 1.5rem .8rem .9rem .8rem;
	}
	.area .texto-area{
		font-size: 1rem;
		letter-spacing: .35rem;
	}
	
	.area h2{
		font-size: 1.3rem;
	}

	.dif-slide{
	    height: 320px;
	    margin-top: 1rem;
    }
	.principal{
		left: 42px;
	}
	.esquerda, .direita{
		top: 6.5%;
	}

	.voltarImg, .passarImg{
		top: 24%;
	}

	#voltarImg, #passarImg{
		top: 6.5%;
		height: 160px;
	
	}
	.legenda{
		margin-top: -6rem;
		font-size: 1rem;
	}
	.img-planta{
		width: 90%;
	}
	.planta-titulo, .planta-texto{
		text-transform: none!important;
	}
	.planta .titulo-all{
		margin-left: 2rem;
	}
	.planta .sub-all{
		margin-left: 2rem;
	}
	.planta .texto-all{
		margin-left: 2.15rem;
	}
	.pet-img{
		margin-top: -2rem;
	}
	.pet-fr{
		top: -140px;
	}
}

@media (max-width: 360px){
	
	.triangulo-in{
		top: -23.8%;
		left: -100%;
	}
	
	.controle-inicio p{
		margin-left: -2.3rem;
		width: 380px;
	}
	
	.controle-unico{
		top: -35px;
		width: 345px;
		padding: 1.5rem .6rem .9rem .8rem;
	}
	.linha-fun{
		left: -150.6%;
		margin-left: 150.6px;
	}

	.triangulo-fun{
		top: 77.7%;
	}
	.principal{
		left: 38px;
	}
	.planta-all{
		height: 860px;
	}
	.next_dif{ right: -1%; }
    .prev_dif{left: -1%;}
    
    .pet-img{
		margin-top: 0rem;
	}
	.pet-fr{
		font-size: 85%;
		top: -140px;
		line-height: 1.3rem;
	}
 }

 @media (max-width: 320px){
	.img-logo-in{
		top: 22%;
	}
	.triangulo-in{
		top: -26%;
		left: -120%;
	}
	.linha-in{
		left: -84%;
	}
	.controle-inicio{
		margin-top: 3rem;
	}
	.controle-inicio p{
		margin-left: -.3rem;
		width: 310px;
	}
	
	.controle-unico{
		top: -35px;
		width: 300px;
		padding: 1.5rem .6rem .9rem .8rem;
	}
	.linha-fun{
		left: -155.6%;
		margin-left: 150.6px;
	}

	.triangulo-fun{
		top: 77.7%;
	}
	.principal{
		left: 38px;
	}
	.planta-all{
		height: 860px;
	}
	.next_dif{ right: -1%; }
    .prev_dif{left: -1%;}
    .pet-img{
		margin-top: -2rem;
	}
	.prev-pla, .next-pla, .prev_dif, .next_dif{ font-size: 2rem; }
	.funcional .titulo-all{
		font-size: 4rem!important;
	}
	.funcional .sub-all{
		font-size: .9rem;
	}
	.funcional .texto-all{
		font-size: .7rem;
		line-height: 1.15rem;
	}
	.planta .titulo-all, .planta .sub-all, .planta .texto-all{
		margin-left: 0.4rem!important;
	}
	.pet-fr{
		font-size: 70%;
		top: -125px;
		line-height: 1rem;
		left: 1rem;
	}
 }