@charset "utf-8";

/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* FONTES *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

/* VAR */
:root {
  --green: #1c3b2b;
}

.text-primary {
  color: var(--green);
}

/**************************************/
/***********     ACCORD     ***********/
/**************************************/

@font-face {
  font-family: "Accord-Light";
  src: url("../fonts/Accord/Accord-Light.otf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Accord-Medium";
  src: url("../fonts/Accord/Accord-Medium.otf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Accord-Bold";
  src: url("../fonts/Accord/Accord-Bold.otf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Accord-LightItalic";
  src: url("../fonts/Accord/Accord-LightItalic.otf");
  font-weight: normal;
  font-style: normal;
}

/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* GERAL *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
  background-color: #FFF;
}

body {
  font-size: 16px;
  font-family: "Accord-Medium";
  color: #3c3c3b;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

a,
a:hover {
  text-decoration: none;
}

.mobile-only,
.mobile-tablet,
.desktop-hidden,
.logo-mobile {
  display: none;
}

.ml-auto {
  margin-left: auto !important;
}

.space-bottom {
  margin-bottom: 60px;
}

.linha {
  position: absolute;
  width: 63px;
  height: 2px;
  background-color: #3c3c3b;
}

.load {
  width: 32px;
  height: 32px;
  margin: 0 5px 0 0;
  float: right;
  display: none;
  background: url(../img/load.gif) center center no-repeat;
}

.is-relative{ position: relative; }

/* ================== COLOR-BACKGROUNDS ================== */
#destaque,
#apresentacao,
#contato,
.linha-title-b {
  background-color: #fff;
}
#localizacao,
.loc-block {
  background-color: #2e2e2e;
}
#bc {
  background-color: #d8dedb;
}

.page-interna.blog{
  margin-top: -200px;
  background: white;
  position: relative;
  padding-top: 50px;
}

/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* HOME *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

/**************************************/
/***********     HEADER     ***********/
/**************************************/

header.page-home {
  background: url(../img/bg-header.jpeg) no-repeat top center;
  position: relative;
  height: 380px;
}

header.page-home nav {
  padding: 0;
}

header.page-home .nav-item img {
  max-height: 181px;
}

header.page-home .logo-home {
  margin: 25px 0;
  cursor: pointer;
}

header.page-home .logo-sub {
  display: none;
}

header.page-home .nav {
  background: none;
  position: relative;
}

header.page-home .nav-menu {
  margin: 45px 75px 0 0;
  max-height: 10px;
}

header.page-home .nav-menu .nav-item {
  white-space: nowrap;
  font-size: 1em;
  text-transform: uppercase;
  align-items: inherit;
  color: #fff;
  transition: all 0.2s linear;
}

header.page-home .nav-menu img {
  height: 2px;
  align-items: inherit;
  transition: all 0.2s linear;
}

header.page-home .nav-menu .linha-header {
  padding-top: 21px;
  width: 107px;
}

header.page-home .nav-menu .nav-tel {
  cursor: auto;
  position: relative;
  margin-left: 110px;
}

header.page-home a.nav-item:hover {
  color: #7b7b7b;
}

header.page-home a.nav-tel::after {
  content: '';
  width: 100px;
  height: 2px;
  background: white;
  position: absolute;
  left: -105px;
  top: 20px;
}

header.page-home .nav-item.current {
  color: #7b7b7b;
}

/* ================== MENU FIXO ================== */

#menu-fixo {
  position: fixed;
  background-color: #fff;
  height: 70px;
  z-index: 210;
  width: 100%;
  border-bottom: 5px solid var(--green);
  display: none;
}

#menu-fixo .nav-fixe {
  display: flex;
  height: 70px;
}

#menu-fixo .nav-fixe .nav-item {
  padding: 0 17px;
  text-transform: uppercase;
  color: #000;
  transition: all 0.2s linear;
}

#menu-fixo .nav-fixe .nav-item:hover {
  color: #3c3c3b;
}

#menu-fixo .nav-fixe .logo img{
  max-height: 50px;
}

.nav-toggle span {
  background-color: #000;
  color: #000;
  width: 20px;
  height: 3px;
  display: block;
  margin-top: 5px;
}

#menu-fixo .nav-right{
  white-space: nowrap;
}


/**************************************/
/***********     BANNER     ***********/
/**************************************/

#banner {
  background: url(../img/bg-light-dg.jpg) repeat-x top center;
  height: 500px;
}

#banner .container {
  position: relative;
  height: 680px;
  z-index: 1;
}

#banner h1 {
  font-family: "Accord-bold";
  font-size: 2.7em;
  text-transform: uppercase;
  padding-left: 90px;
  margin-bottom: 15px;
}

#banner .banner-title {
  /*position: relative;
  float: right;
  max-width: 500px;
  margin-top: -300px;*/

  position: absolute;
  max-width: 500px;
  margin-top: -300px;
  right: -580px;
}

#banner .linha-title {
  top: 30px;
}

#banner .linha-pager {
  top: 560px;
  left: 515px;
}

#banner .banner-text p {
  text-transform: uppercase;
  position: absolute;
  top: 390px;
  font-size: 0.875em;
  line-height: 200%;
}

#banner .banner-container {
  position: relative;
  width: 962px;
}

#banner .bc-selo {
  position: absolute;
  width: 150px;
  left: 645px;
  top: 25px;
  z-index: 101;
}

#banner .banner-container ul {
  margin: -250px 0 0 -345px;
}

#banner .cycle-slideshow li {
  position: absolute;
  top: -100px;
  right: 0;
  width: 962px;
  height: 607px;
}

#banner .cycle-pager {
  position: absolute;
  top: 180px;
  right: 90px;
  z-index: 4;
}
#banner .cycle-pager::after{
  content: '';
  width: 63px;
  height: 2px;
  background: #465b4b;
  display: block;
  position: absolute;
  right: 110px;
  bottom: 11px;
}

#banner .cycle-pager a {
  font-size: 1.125em;
  font-family: "Accord-Medium";
  color: #7b7b7b;
  margin-right: 10px;
}

#banner .cycle-pager-active a {
  color: #FFF;
  transition: all 0.2s linear;
}


/****************************************/
/***********     DESTAQUE     ***********/
/****************************************/

.iconbox-label{
    text-align: center;
    max-width: 100px;
    margin: 25px 10px 0;
}
.iconbox{
    position: relative;
    z-index: 3;
    margin-top: 80px;
}
.bg-iconbox{
    position: absolute;
    background: url(../img/bg-iconbox.png);
    width: 1920px;
    height: 217px;
    left: -50%;
    bottom: 87px;
    z-index: 0;
    opacity: 0.1;
}
#destaque {
  padding-top: 150px;
}

#destaque .columns {
  padding: 70px 0;
}

#destaque .desc {
  /*margin-left: 30px;*/
  color: #3c3c3b;
}
#destaque .desc:hover {
  color: var(--green);
}

#destaque h1 {
  font-family: "Accord-Light";
  font-size: 3em;
  text-transform: uppercase;
  letter-spacing: 5px;
  line-height: 120%;
  padding-top: 20px;

}

#destaque p {
  letter-spacing: 1px;
  color: #434244;
  padding: 10px 50px 0 0;
}

#destaque .tagbox {
  display: inline-block;
  font-size: 0.875em;
  color: #fff;
  background-color: var(--green);
  padding: 8px 75px;
  margin-top: 50px;
  text-transform: uppercase;
  letter-spacing: normal;
}

#destaque a.saiba {
  display: inline-block;
  margin-top: 50px;
}

#destaque a.saiba span {
  font-family: "Accord-Bold";
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #3c3c3b;
}

#destaque a.saiba:hover span {
  text-decoration: underline;
  color: #000;
}

#destaque .infobox {
  position: relative;
  margin-top: 50px;
}

#destaque .infobox p {
  position: absolute;
  top: 15px;
  left: 20px;
  padding-right: 50px;
  color: #000;
}

#destaque .sizing {
  width: 562px;
  height: 173px;
}

.navegantes-faixa-wrapper{
    position: relative;
}
.navegantes-faixa-texto{
    color: white;
    position: absolute;
    top: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.navegantes-faixa-texto h3{
    font-size: 48px;
}
.navegantes-faixa-texto p{
    font-size: 20px;
}





.box-cliente-corretor{
  padding: 80px 0;
  background: url(../img/bg-light-big-dg.jpg);
}

.box-cliente-corretor i{ font-size: 56px; margin-bottom: 20px; color: var(--green); }
.box-cliente-corretor h2{ font-size: 1.6rem; }







/* BLOG HOME */
.blog-section{
    /*margin-top: 50px;*/
    /*background-color: #f0f0f0;*/
    padding-top: 70px;
}

.blog-section h3{
    font-size: 48px;
}

.btn{
  font-family: 'Accord-Bold';
  text-transform: uppercase;
  color: #3c3c3b;
  border-bottom: 2px solid #3c3c3b;
  padding: 10px 20px;
}
.btn:hover{
  color: var(--green);
}


.card-blog{
  margin-top: 20px;
}
.card-blog:hover{
  color: var(--green);
}
.card-body{
  margin: 20px 0 80px;
  text-align: center;
}
.card-body h4{
  margin: 20px 0 60px;
  text-transform: uppercase;
  color: #3c3c3b;
}
.card-body a:hover h4{
  color: var(--green);
}
.card-body p{
  color: var(--green);
}
.card-thumb img:hover{
  opacity: 0.7;
}

.page-title{
  position: absolute;
    top: -100px;
    font-size: 40px;
    left: 100px;
}
.page-title::before{
  content: '';
  width: 80px;
  height: 2px;
  background: var(--green);
  display: block;

  position: absolute;
  left: -90px;
  top: 25px;
}

/**************************************/
/***********     FOOTER     ***********/
/**************************************/

footer {
  background: url(../img/bg-light-dg.jpg) repeat-x top center;
  position: relative;
  padding-bottom: 50px;
}

footer .logo {
  cursor: pointer;
}

footer .logo img {
  padding-top: 85px;
}

footer .dados {
  font-size: 0.8em;
  padding-top: 80px;
  letter-spacing: 1px;
  text-align: right;

  color: #434244;
}

footer .dados span {
  font-family: "Accord-Bold";
}

footer .tel {
  font-size: 1.125em;
  font-family: "Accord-Bold";
  letter-spacing: 1px;
}

footer .tel a{
  color: var(--green);
}

footer .social {
  margin-top: 15px;
}

footer .social a {
  font-size: 1.3em;
  color: #fff;
  margin-left: 10px;
}

footer .social a:hover {
  color: #7b7b7b;
}

footer .linha-footer {
  background-color: var(--green);
  width: 100px;
  top: 190px;
  right: 140px;
}

footer .quax-dev {
  padding-top: 48px;
  color: #3c3c3b;
  font-size: 0.8em;
}

footer .quax-dev a {
  color: #3c3c3b;
}
.quax-sign {
  background: transparent;
  text-align: center;

  position: relative;

  border-bottom: 10px solid var(--green);
  margin-top: -26px;
}

.quax-sign a {
  display: inline-flex;
}
.quax-sign a:hover {
  filter: none;
}

.quax-sign img {
  width: 16px;

  z-index: 1;

  position: absolute;
  bottom: 0;
  left: calc(50% - 8px);
}

.quax-sign .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 30px 30px 30px;
  border-color: transparent transparent var(--green) transparent;

  position: absolute;
  bottom: 0;
  left: calc(50% - 30px);
}

@media screen and (max-width: 768px) {
  .quax-sign img {
    left: calc(50% - 8px);
  }
}

/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* SUBS *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

/**************************************/
/***********     HEADER     ***********/
/**************************************/

header.page-sub {
  background: url(../img/bg-header-sub.jpeg) no-repeat top center;
  position: relative;
  height: 420px;
  background-color: white;
}

header.page-sub nav {
  padding: 0;
}

header.page-sub .nav-item img {
  max-height: 181px;
}

header.page-sub .logo-sub {
  margin-top: 15px;
  cursor: pointer;
}

header.page-sub .logo-home {
  display: none;
}

header.page-sub .nav {
  background: none;
  position: relative;
}

header.page-sub .nav-menu {
  margin: 45px 75px 0 0;
  max-height: 10px;
}

header.page-sub .nav-menu .nav-item {
  white-space: nowrap;
  font-size: 1em;
  text-transform: uppercase;
  align-items: inherit;
  color: #fff;
  transition: all 0.2s linear;
}

header.page-sub .nav-menu img {
  height: 2px;
  align-items: inherit;
  transition: all 0.2s linear;
}

header.page-sub .nav-menu .linha-header {
  padding-top: 21px;
  width: 107px;
}

header.page-sub a.nav-tel:hover {
  color: #FFF;
}

header.page-sub .nav-item.current {
  color: #adfefc;
}

/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* EMPRESA *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

/***************************************/
/***********     EMPRESA     ***********/
/***************************************/

#empresa .linha-title-1 {
  top: -122px;
  z-index: 10;
}

#empresa h1 {
  position: absolute;
  top: -140px;
  font-size: 1.875em;
  text-transform: uppercase;
  margin-left: 80px;
  z-index: 1;
}

#empresa .cristo-text {
  position: relative;
}

#empresa h2 {
  position: absolute;
  top: 20px;
  font-size: 3em;
  text-transform: uppercase;
  font-family: "Accord-Light";
  z-index: 1;
}

#empresa p {
  position: absolute;
  top: 120px;
  line-height: 180%;
  padding-right: 30px;
  z-index: 1;
}

#empresa .cristo-container {
  position: relative;
}

#empresa .cristo {
  position: absolute;
  top: -100px;
  left: 0;
  width: 1920px;
  height: 741px;
  z-index: 0.5;
}

.box-emp{
  background: #efefef;
  border-radius: 17px;
  padding: 40px 40px 30px;
  margin: 0 10px;
  min-height: 475px;
}

.box-emp h2{
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}

.bg-cidade{
  height: 240px;
  background: url(../img/bg-empresa.jpg) center top;
}

.bg-cinza{
  position: absolute;
  top: -30px;
  left: 10px;
  width: 1460px;
  background: #EFEFEF;
  height: calc(100% + 50px);
  border-radius: 17px 0 0 17px;
}





/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* EMPREENDIMENTO *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

/********************************************/
/***********     APRESENTAÇÃO     ***********/
/********************************************/
.bg-iconbox-interno{
  left: 0;
  bottom: -18px;

  position: absolute;
  background: url(../img/bg-iconbox.png);
  width: 1920px;
  height: 217px;
  z-index: 0;
  opacity: 0.1;
  
}
.iconbox-wrapper{
  position: relative;
}

#apresentaçao .container {
  position: relative;
}

#apresentacao .column {
  position: relative;
}

#apresentacao .logo-imovel {
  position: absolute;
  top: -110px;
}

#apresentacao .tagbox {
  display: inline-block;
  font-size: 0.875em;
  color: #2f2f2f;
  background-color: #f1f1f1;
  padding: 8px 75px;
  margin-top: 40px;
  text-transform: uppercase;
  letter-spacing: normal;
}

#apresentacao .linha-title-1 {
  top: 144px;
  background-color: var(--green);
}

#apresentacao h2 {
  font-size: 1.875em;
  text-transform: uppercase;
  margin: 40px 0 0 80px;
}

#apresentacao h1 {
  font-family: "Accord-Light";
  font-size: 3em;
  text-transform: uppercase;
  letter-spacing: 5px;
  line-height: 120%;
  padding-top: 30px;
}

#apresentacao p {
  letter-spacing: 1.5px;
  color: #434244;
  padding: 20px 50px 0 0;
}

#apresentacao .linha-title-2 {
  top: 19px;
  background-color: var(--green);
}

#apresentacao .linha-title-3 {
  top: 19px;
  background-color: var(--green);
}

#apresentacao h3 {
  font-family: "Accord-Light";
  font-size: 1.5em;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  line-height: 120%;
  padding-top: 20px;
}

#apresentacao .fachada {
  position: relative;
  top: -240px;
}

#apresentacao .iconbox {
  margin-top: -120px;
  justify-content: space-around;
  max-width: 573px;
  padding: 0 30px;
}

#apresentacao .build-icon {
  padding: 20px 0 10px 0;
  max-width: 133px;
}

#apresentacao .build-icon p {
  padding: 0;
  text-transform: uppercase;
  font-size: 0.875em;
  font-family: "Accord-Bold";
}

#apresentacao .linha-title-4 {
  top: 19px;
  background-image: var(--green);
}

#apresentacao .statusbox {
  justify-content: start;
  padding: 0 7px;
  flex-wrap: wrap;
}

#apresentacao .build-status {
  position: relative;
  padding: 15px 0;
  margin-right: 20px;
  width: 112px;
}

#apresentacao .build-status div{
  margin-left: 18px;
}

#apresentacao .build-status p {
  padding: 0;
  font-size: 0.875em;
  letter-spacing: normal;
  text-align: center;
}

#apresentacao .previsao {
  padding-left: 30px;
}

#apresentacao .previsao p {
  color: #000;
}

#apresentacao .previsao span {
  text-transform: uppercase;
}

/***************************************/
/***********     GALERIA     ***********/
/***************************************/

#galeria {
  background: url(../img/bg-green.jpeg) repeat top center;
}

#galeria .column {
  padding-top: 0;
}

#galeria .container_slide {
  margin-left: 22px;
}

#galeria .container_slide .cycle-prev,
.container_slide .cycle-next {
  position: absolute;
  top: 44%;
  width: 36px;
  height: 89px;
  background-size: cover;
  z-index: 200;
  cursor: pointer;
  opacity: 0.3;
  transition: all 0.2s linear;
}

#galeria .container_slide .cycle-prev:hover,
.container_slide .cycle-next:hover {
  opacity: 1;
}

#galeria .container_slide .cycle-prev {
  background-image: url(../img/seta-esquerda-banner.png);
  left: 40px;
}

#galeria .container_slide .cycle-next {
  background-image: url(../img/seta-direita-banner.png);
  right: 40px;
}

#galeria .cycle-slideshow li {
  width: 1152px;
  height: 576px;
}

#galeria .galeria-box {
  position: relative;
  color: #3c3c3b;
}

#galeria .galeria-box div {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -126px;
  width: 252px;
  height: 37px;
  background-color: #fff;
  text-align: center;
  opacity: 0.73;
  z-index: 200;
}

#galeria .galeria-box span {
  line-height: 38px;
  text-transform: uppercase;
  z-index: 205;
}

/***************************************/
/***********     PLANTAS     ***********/
/***************************************/
.planta-wrapper{
  display: flex;
  max-width: 600px;
  flex-direction: column;
  align-items: stretch;
}

.abas-container{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.btn-planta{
  background-color: var(--green);
  text-transform: uppercase;
  color: white;
  border: none;
  width: 100%;
  max-width: 230px;
  padding: 25px;
  margin: 10px;
  font-size: 16px;
}
.btn-planta:hover{
  opacity: 0.8;
  color: white;
}
.btn-planta.active{
  opacity: 0.8;
}
.tab-plantas .planta{
  display: none;
}
.tab-plantas .planta:first-child{
  display: block;
}
.planta-thumb {
  max-width: 600px;
}

#plantas .column {
  position: relative;
}

#plantas .cycle-slideshow {
  height: 800px;
}

#plantas .linha-title-1 {
  top: 68px;
}

#plantas h1 {
  font-size: 1.875em;
  text-transform: uppercase;
  margin: 40px 0 0 80px;
}

#plantas img {
  margin: 50px 0 10px 0;
}

#plantas .linha-gigante {
  width: 555px;
  height: 2px;
  background-color: var(--green);
}

#plantas .plantas-info,
#plantas .plantas-desc {
  text-transform: uppercase;
  font-size: 1.125em;
}

#plantas .plantas-info .endereco {
  padding: 5px 0 20px 0;
  text-align: center;
  color: #272727;
}

#plantas .plantas-info .instrucao {
  padding: 10px 0 30px 0;
  text-align: center;
  color: #8c8c8c;
}

#plantas .linha-title-2 {
  top: 158px;
  left: 118px;
}

#plantas h2 {
  font-size: 1.5em;
  text-transform: uppercase;
  margin: 133px 0 0 190px;
  position: relative;
}

#plantas h2::after{
  content: '';
  width: 65px;
  height: 2px;
  background-color: #3c3c3b;
  display: block;
  position: relative;
  left: -85px;
  bottom: 20px;
}

#plantas .topicos{
  display: flex;
  justify-content: center;
  margin-left: 50px;
}
.tab-wrapper{
  display: flex;
  flex-direction: column;
  margin-top: -385px;
  margin-right: 50px;
  position: relative;
  z-index: 9;
}
.planta-endereco{
  text-align: center;
  border-top: 2px solid #3c3c3b;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 30px;
  font-family: "Accord-Bold";
  padding-top: 10px;
}
.planta-dica{
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 30px;
  font-family: "Accord-Bold";
  padding-top: 20px;

  color: #8c8c8c;
}

/* #plantas .plantas-desc .topicos {
  margin: 40px 0 0 186px;
  line-height: 200%;
} */

#plantas .aba {
  color: #fff;
  font-family: "Accord-Bold";
  text-transform: uppercase;
  background-color: #2e2e2e;
  width: 224px;
  height: 60px;
  text-align: center;
  padding-top: 20px;
  margin: 0 10px 10px 0;
  float: left;
}

#plantas .aba:hover {
  background-color: #434242;
}

#plantas .cycle-pager-active {
  background-color: #434242;
}

/*****************************************/
/***********     INTERESSE     ***********/
/*****************************************/

#interesse {
  background: #355b49;
  background-size: cover;
  color: #fff;
}

#interesse .linha-title-b {
  top: 88px;
}

#interesse h1 {
  font-family: "Accord-Bold";
  font-size: 1.875em;
  text-transform: uppercase;
  margin: 60px 0 0 80px;
}

#interesse p {
  margin-top: 25px;
  font-size: 1.125em;
}

#interesse .field-body {
  margin-top: 15px;
  margin-bottom: 83px;
}

#interesse .input {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 0;
}

@media screen and (min-width: 769px), print {
  #interesse .field-body > .field:not(:last-child) {
    margin-right: 2rem;
  }
}

#interesse ::-webkit-input-placeholder {
  /* Chrome */
  color: #fff;
}
#interesse :-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}
#interesse ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  opacity: 1;
}
#interesse :-moz-placeholder {
  /* Firefox 4 - 18 */
  color: #fff;
  opacity: 1;
}

#interesse .button {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 0;
  color: #fff;
  padding-left: 60px;
  padding-right: 60px;
  text-align: center;
  cursor: pointer;

  transition: 250ms all linear;
}

#interesse .button:hover {
  background-color: white;
  color: var(--green);
}

/*******************************************/
/***********     LOCALIZAÇÃO     ***********/
/*******************************************/

#localizacao {
  color: #fff;
  text-transform: uppercase;
  background-color: var(--green)
}

#localizacao .container {
  position: relative;
}

#localizacao .linha-title-b {
  top: 50px;
}

#localizacao h1 {
  font-family: "Accord-Bold";
  font-size: 1.875em;
  margin: 22px 0 30px 80px;
}

#localizacao .loc-header {
  margin-top: 13px;
}

#localizacao .loc-header i {
  margin-right: 10px;
  font-size: 2.5em;
}

#localizacao .loc-header i,
#localizacao .loc-header span {
  color: red;
}

#localizacao .loc-block {
  position: absolute;
  bottom: 80px;
  right: 10px;
  width: 577px;
  height: 519px;
  opacity: 0.85;
  z-index: 5;
}

#localizacao .loc-block-text h2 {
  position: absolute;
  bottom: 450px;
  right: 200px;
  font-size: 1.875em;
  z-index: 10;
}

#localizacao .loc-block-text p {
  position: absolute;
  bottom: 150px;
  left: 690px;
  font-size: 0.875em;
  padding-right: 40px;
  line-height: 200%;
  z-index: 10;
}

/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* CONTATO *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

/******************************************/
/***********     FORMULÁRIO     ***********/
/******************************************/

#contato .linha-title-1 {
  top: -147px;
  z-index: 10;
}

#contato h1 {
  position: absolute;
  top: -165px;
  font-size: 1.875em;
  text-transform: uppercase;
  margin-left: 80px;
  z-index: 1;
}

#contato .white {
  background-color: #fff;
  height: 100px;
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 280px;
}

#contato .text {
  margin-top: -40px;
  color: #000;
  font-size: 1.125em;
  position: absolute;
  z-index: 1;
}

#contato form {
  margin: 10px 0 50px 0;
}

#contato .input {
  background-color: transparent;
  border: 1px solid #000;
  color: #000;
  border-radius: 0;
  margin-top: 10px;
}

#contato .textarea {
  background-color: transparent;
  border: 1px solid #000;
  color: #000;
  border-radius: 0;
  margin-top: 20px;
}

#contato ::-webkit-input-placeholder {
  /* Chrome */
  color: #000;
}
#contato :-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
}
#contato ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  opacity: 1;
}
#contato :-moz-placeholder {
  /* Firefox 4 - 18 */
  color: #000;
  opacity: 1;
}

#contato .button {
  background-color: #2e2e2e;
  border: 1px solid #fff;
  border-radius: 0;
  color: #fff;
  padding-left: 60px;
  padding-right: 60px;
  text-align: center;
  cursor: pointer;
  margin-top: 10px;
}

#contato .button:hover {
  background-color: #434242;
}













.is-uppercase{ text-transform: uppercase; }


input, .input{
  border: 1px solid #000;
  padding: 14px 22px 13px;
  width: 100%;
  height: auto;
  font-size: 16px;
  outline: none;
  background: #FFF;
  border-radius: 0;
  font-family: "Accord-Medium";
}
.select{
  height: auto !important;
  width: 100%;
}
.select select{
  border: 1px solid #000;
  border-radius: 0;
  padding: 13px 22px 9px;
  width: 100%;
  height: auto;
  font-family: "Accord-Medium";
}
.select:not(.is-multiple):not(.is-loading)::after{ border-color: #AAA; border-width: 2px; }

textarea, .textarea{
  border: 1px solid #000;
  padding: 14px 22px 13px; 
  width: 100%;
  font-size: 16px;
  outline: none; 
  background: none;
  border-radius: 0px;
  font-family: "Accord-Medium";
}

button, .button, .botao{
  border-radius: 0px;
  cursor: pointer; 
  transition: all 0.2s linear;
  padding: 14px 45px 13px;
  letter-spacing: 0px;
  border: none;
  height: auto;
  background-color: #000;
  color: #FFF;
  font-size: 17px;
  font-family: "Accord-Medium";
}

button:hover, .button:hover, .botao:hover{ color: #FFF; background-color: var(--green); }


.check{
   width: auto;
   margin-right: 5px;
}


/* ------------------------|
|                          |
|     ESPACO CORRETOR      |
|                          |
| -------------------------|
*/



.titulo_espaco_cliente h1{ font-size: 40px; margin-bottom: 30px; }


/* ESPACO CORRETOR INTERNA */

.espaco_corretor{ margin-top: -110px; margin-bottom: 100px; }

.espaco_corretor h1{ font-size: 36px; margin-bottom: 20px; }
.espaco_corretor h2{ font-size: 22px; margin-bottom: 10px; }
.espaco_corretor h3{ font-weight: 700; letter-spacing: 0; font-size: 23px; }
.espaco_corretor h3 span{ color: #CCC; font-size: 18px; margin: 0 0 0 70px; }
.espaco_corretor h4{ font-size: 17px; margin-top: 15px; margin-bottom: 10px; font-weight: bold; }
.espaco_corretor .titulo{ text-align: center; font-size: 31px; margin-top: 80px; margin-bottom: 30px; }
.espaco_corretor h5{ text-align: right; margin-top: 22px; }

.tabs{letter-spacing: 0; margin-bottom: 30px!important;}
.tabs span{font-size: 15px;}

.tabs span .numMsg{ font-size: 11px; display: inline-block; width: 20px; height: 20px; background: #ab995f; border-radius: 50%; text-align: center; color: #FFF;
margin-left: 5px; line-height: 20px; font-weight: bold;}

.level-item{ 
   background: var(--green); 
   padding: 50px 0 40px; 
   margin: 10px; 
   color: #FFF; 
   border-radius: 10px;
   transition: all .2s linear;
   flex-direction: column;
   flex: 1;
}

.level-item.box-contMsg{ background: #ab995f; }
.level-item.box-contMsg .title{ color: #FFF; }

.level-item:hover{ background: #CCC; color: #444; padding: 40px 0 50px; }
.tabs li.is-active a{ color: var(--green); }
.tabs.is-medium a{ padding-left: 19px; padding-right: 19px; }
.tabs ul{ border-color: #e0d8cd; }
.tabs.is-boxed li.is-active a{ border-color: #e0d8cd; }

.level-item .heading{ font-size: 13px; }
.level-item .title{ color: #ab995f; font-size: 50px; line-height: 50px; }
.level p{ line-height: 24px; }
.level .far{ font-size: 32px; line-height: 24px; }
.level .icon.is-small{ width: inherit; }
.heading{ margin-top: 10px; }

#main .form-inline .form-group { float: left; padding: 0 20px 0 0; width: 50%; }

form fieldset {
   margin-bottom: 20px;
}


.form-inline { margin-right: -10px; overflow: hidden; }
.form-inline .form-group { float: left; padding: 0 15px 0 0; width: 50%; }

.form-group input {
   margin-bottom: 15px !important;
   outline: none;
   width: 100% !important; 
   font-size: 17px;
}
.form-inline .form-group input, .form-group select {
   margin-bottom: 0;
   width: 100%;
}
.form-group select {
   border: 1px solid #000;
   background: none;
   display: block;
   margin-bottom: 15px;
   font-size: 17px;
}

.form-group ::-webkit-input-placeholder { color: #444; }
.form-group :-moz-placeholder { /* Firefox 18- */ color: #444; }
.form-group ::-moz-placeholder {  /* Firefox 19+ */ color: #444; }
.form-group :-ms-input-placeholder { color: #444; }

.noDisplay{ display: none; }

.floatL { float: left; }
.floatR { float: right; }
.clear { clear: both; }

.titulo_espaco_cliente{
   a{
      font-weight: bold;
   }
}

legend {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 17px;
}


/* ============================ */
/*          CRONOGRAMA          */
/* ============================ */

.espaco_corretor .cronograma { margin: 1em 0; width: 100%; text-align: center; }
.espaco_corretor .cronograma h4.titulo { font-size: 1.5em; margin: 0; letter-spacing: .1em; text-align: left; }
.espaco_corretor .cronograma .stat { display: inline-block; width: 30%; margin: 0 1%; }
.espaco_corretor .cronograma .stat > .titulo { display: block; letter-spacing: .1em; text-align: left; margin: .25em 0; }
.espaco_corretor .cronograma .stat .pct { width: 100%; display: block; height: 40px; background: #e9f7fd; }
.espaco_corretor .cronograma .stat .pct > span { display: block; height: 100%; background: #ab995f; text-align: right; padding: 20px 15px; color: #fff; line-height: 1px; }

.propostas { height: auto; overflow: hidden; }
.propostas h2 { text-align: left !important; }
.propostas a { margin: 13px 0; float: right; font-size: 100%; line-height: 21px; }
.propostas a i{ vertical-align: middle; }


.box-conjuge-sn .sim{}
.box-conjuge-sn span{ width: 20px; height: 20px; border: 2px solid #ab995f; border-radius: 50%; display: inline-block; transform: translateY(4px); }
.box-conjuge-sn span.active{ background: #ab995f; }
.box-conjuge-sn div{ display: inline-block; margin-left: 15px; cursor: pointer;}


.table-propostas tbody { font-size: 90%; }
.table-propostas tbody td.status { text-align: center; }
.table-propostas span { width: 22px; height: 22px; margin: 5px auto 0 auto; display: inline-block; border-radius: 20px; background: #fff; }

.table-propostas span.aguardando { background: #8e44ad; }
.table-propostas span.analizando { background: #f0ad4e; }
.table-propostas span.fechado { background: #5cb85c; }
.table-propostas span.recusado { background: #d9534f; }
.table-propostas span.contraproposta { background: #7f8c8d; }

.table-propostas td a{ display: inline; }

.table-propostas td a i { width: 30px; display: inline-block; overflow: hidden; opacity: 0.7; text-align: center; line-height: 38px; font-size: 20px; }
.table-propostas td a i:hover {opacity: 1;}


.table-propostas tfoot p { padding: 5px 0 0; margin: 5px 0; border-top: 2px solid #f0f0f0; text-align: right; }
.table-propostas tfoot p span { width: 12px; height: 12px; margin-left: 35px; }

.table-disponibilidades tbody td.status { text-align: center; }
.table-disponibilidades td{ border-bottom: 1px solid #FFF; color: #FFF; font-weight: 700;}
.table-disponibilidades td.colorCinza{ color: #777;}
.table-disponibilidades td.reservado { background: #dba455; text-align: center; }
.table-disponibilidades td.disponivel { background: #7fbf7f; text-align: center; }
.table-disponibilidades td.vendido { background: #e27370; text-align: center; }
.table-disponibilidades td a i {font-size: 20px;}

.table-disponibilidades .bt_reserva i{display: none;}

.table-disponibilidades span.reservado { background: #dba455; }
.table-disponibilidades span.disponivel { background: #7fbf7f; }
.table-disponibilidades span.vendido { background: #e27370; }

.table-disponibilidades tfoot p { padding: 5px 0 0; margin: 5px 0; border-top: 2px solid #f0f0f0; text-align: right; }
.table-disponibilidades tfoot p span { width: 14px; height: 14px; margin-left: 25px; display: inline-block; border-radius: 10px; }

.table-disponibilidades small { color: #999; }


.table-documentos td a i { font-size: 26px; color: var(--green);
    transition: all .2s linear; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; }

.table-documentos td a i:hover { color: #000; }


#main table thead tr td { padding: 5px 8px; text-align: center; font-weight: bold;}
#main table tbody tr td { padding: 8px 8px; text-align: center; vertical-align: middle;}
#main table { width: 100%; }

#main table thead { background: var(--green); font-weight: bolder; color: #FFF; }
#main table tbody tr:nth-child(2n) {background: #EEE;}
#imagem { margin-bottom: 50px; min-height: 60px; overflow: hidden; position: relative; width: 100%; }

#main input{ width: 94%; }


.empreendimento .andamento-obra .column{ color: #777; font-size: 14px; letter-spacing: 1px; }
.empreendimento .andamento-obra .bg-perc{ background: #f1fbff; padding: 4px 10px 3px;  height: 40px; border: 2px solid #ab995f;}
.empreendimento .andamento-obra .barra-perc{ position: absolute; top: 0; left: 0; width: 0%; height: 40px; background:#ab995f; }
.empreendimento .andamento-obra .texto-perc{ position: absolute; top: 9px; right: 13px; color: #00304f; font-size: 15px; font-weight: 600; letter-spacing: 2px; }


.msg{
}

.msg.success{
  background-color: #effaf5;
  color: #257953;
  border-color: #52ac83;
  padding: 20px 30px 16px;
  border: 1px solid #CCC;
  margin-top: 10px;
  margin-bottom: 30px;
  display: block;
}

.msg.error{
  background-color: #feecf0;
  color: #cc0f35;
  border-color: #cc0f35;
  padding: 20px 30px 16px;
  border: 1px solid #CCC;
  margin-top: 10px;
  margin-bottom: 30px;
  display: block;
}





.only_mobile{ display: none !important; }
.mobile_only{ display: none !important; }
.tabela-mobile{ display: none;}
.no_desktop{ display: none; }






/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/
/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* MEDIA QUERY *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/
/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

/* Extra large devices (large desktops) */
@media (min-width: 1280px) {
}

/***************************************************************/
/********************* TABLET LANDSCAPE ************************/
/***************************************************************/

@media only screen and (min-width: 768px) and (max-width: 1279px) and (orientation: landscape) {

  .only_mobile{ display: none !important;}
   .mobile_only{ display: none !important;}
   .desktop_only{ display: none !important;}


  body {
    overflow: hidden;
  }

  .desktop-only,
  .logo-mobile,
  .mobile-only {
    display: none;
  }

  /*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* HOME *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

  /********* Header **********/

  header.page-home .logo-home {
    margin: 130px 0 80px 100px;
  }

  header.page-home .nav-menu {
    margin: 45px 135px 0 0;
  }

  header.page-home .nav-menu .nav-item {
    font-size: 1em;
  }

  header.page-home .nav-menu .linha-header {
    padding-top: 18px;
    width: 60px;
  }

  header.page-home .nav-menu .nav-tel {
    color: #fff;
  }

  header.page-home a.nav-tel:hover {
    color: #fff;
  }

  /********* Banner **********/

  #banner .linha-pager {
    left: 365px;
  }

  #banner .bc-selo {
    left: 490px;
  }

  #banner .banner-container ul {
    margin: -250px 0 0 450px;
  }

  #banner .cycle-pager {
    left: 290px;
  }

  /********* Destaque **********/

  #destaque .infobox {
    margin: 50px 0 0 -10px;
  }

  #destaque .infobox p {
    top: 10px;
    left: 30px;
  }

  /********* Footer **********/

  footer {
    padding: 0 100px;
  }

  /*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* SUBS *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

  /********* Header **********/

  header.page-sub .logo-sub {
    margin: 15px 0 0 30px;
  }

  header.page-sub .nav-menu {
    margin: 45px 135px 0 0;
  }

  header.page-sub .nav-menu .nav-item {
    font-size: 1em;
  }

  header.page-sub .nav-menu .linha-header {
    padding-top: 18px;
    width: 60px;
  }

  header.page-sub .nav-menu .nav-tel {
    color: #fff;
  }

  header.page-sub a.nav-tel:hover {
    color: #fff;
  }

  /*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* EMPRESA *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

  /********* Empresa **********/

  #empresa .cristo {
    left: -400px;
    min-width: 1735px !important;
    height: 670px;
  }

  /********* BC Area **********/

  #bc {
    margin-top: 570px;
  }

  #bc .desktop-hidden {
    display: block;
  }

  #bc .cycle-slideshow {
    margin: 0 auto;
    max-height: 470px;
    max-width: 590px;
    overflow: hidden;
  }

  #bc h2 {
    text-align: center;
  }

  /*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* EMPREENDIMENTO *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

  /********* Apresentação **********/

  #apresentacao .iconbox {
    margin-top: 400px;
    padding: 0 10px;
  }

  #apresentacao .linha-title-2 {
    top: 698px;
  }

  #apresentacao .linha-title-3 {
    top: 954px;
  }

  #apresentacao .build-icon p {
    font-size: 0.85em;
  }

  #apresentacao .linha-title-4 {
    top: 655px;
  }

  /********* Galeria **********/

  #galeria .cycle-slideshow li {
    width: 910px;
  }

  /********* Plantas **********/

  #plantas .cycle-slideshow {
    height: 685px;
  }

  #plantas .linha-gigante {
    width: 470px;
  }

  #plantas .linha-title-2 {
    left: 58px;
  }

  #plantas h2 {
    margin: 133px 0 0 130px;
  }

  #plantas .plantas-desc .topicos {
    margin: 40px 0 0 135px;
  }

  #plantas .aba {
    font-size: 0.875em;
    width: 180px;
    height: 50px;
    padding-top: 15px;
  }

  /********* Localização **********/

  #localizacao .linha-title-b {
    top: 63px;
  }

  #localizacao h1 {
    font-size: 1.6em;
  }

  #localizacao .loc-header {
    margin-top: 25px;
  }

  /*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* CONTATO *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

  /********* Localização **********/

  #localizacao.loc-contato .linha-title-b {
    top: 48px;
  }

  #localizacao.loc-contato .loc-header {
    margin: 13px 0 0 30px;
  }
}

/***************************************************************/
/*********************** TABLET PORTRAIT ***********************/
/***************************************************************/

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  body {
    overflow: hidden;
  }

   .mobile_only{ display: none !important;}
   .only_mobile{ display: none !important;}
   .desktop_only{ display: none !important;}

  .desktop-only,
  .mobile-hidden {
    display: none;
  }

  .mobile-tablet,
  .desktop-hidden {
    display: block;
  }

  /*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* HOME *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

  /********* Header **********/

  header.page-home,
  header.page-sub {
    background: url(../img/bg-dark-big-dg.jpg) repeat top center;
  }

  header .nav-menu,
  header .menu-fixo,
  header .logo-home,
  header .nav-tel,
  header .linha-header {
    display: none;
    opacity: 0;
  }

  .logo-mobile {
    display: block;
    margin: 20px 0 0 40px;
  }

  .hamburger,
  .nav-toggle {
    top: 35px;
    right: 50px;
  }
  .hamburger span:nth-child(1),
  .nav-toggle span:nth-child(1) {
    margin-top: -12px;
  }
  .hamburger span:nth-child(3),
  .nav-toggle span:nth-child(3) {
    margin-top: 11px;
  }
  .hamburger span,
  .nav-toggle span {
    height: 5px;
    width: 40px;
    margin-left: -13px;
    background: #fff;
  }
  .hamburger.is-active span:nth-child(1),
  .is-active.nav-toggle span:nth-child(1) {
    margin-left: -12px;
    margin-top: -13px;
  }
  .hamburger.is-active span:nth-child(3),
  .is-active.nav-toggle span:nth-child(3) {
    margin-top: 13px;
    margin-left: -12px;
  }

  header .nav-toggle {
    display: block;
  }
  header .nav-menu.is-active {
    display: block;
  }

  header.page-home .nav-menu,
  header.page-sub .nav-menu {
    margin: 0;
  }

  .nav-menu {
    background-color: #fff;
    box-shadow: 0 4px 7px rgba(17, 17, 17, 0.1);
    left: 0;
    display: none;
    right: 0;
    top: 100%;
    position: absolute;
  }

  header .nav-item.current {
    background: #000;
    color: #fff;
  }

  header.page-home .nav-menu .nav-item,
  header.page-sub .nav-menu .nav-item {
    padding: 30px 0 28px;
    margin-bottom: 0;
    margin-top: 0;
    justify-content: center;
    background: #2e2e2e;
    color: #fff;
    font-size: 1.5em;
    transition: all 0.2s linear;
    z-index: 300;
  }

  /********* Banner **********/

  #banner .linha-title {
    top: 635px;
    left: 275px;
  }

  #banner .linha-pager {
    top: 635px;
    left: 435px;
  }

  #banner .bc-selo {
    left: 40px;
  }

  #banner .banner-container ul {
    margin: -250px 0 0 0;
  }

  #banner .cycle-pager {
    top: 625px;
    left: 360px;
  }

  /********* Destaque **********/

  #destaque h1 {
    font-size: 2.8em;
    letter-spacing: 3px;
  }

  #destaque .columns {
    padding: 40px 0;
  }

  #destaque .tagbox {
    margin: 50px 0 0 215px;
  }

  #destaque a {
    margin: 50px 0 0 295px;
  }

  #destaque .sizing {
    width: 705px;
    height: 140px;
  }

  /********* Footer **********/

  footer {
    padding: 0 70px;
  }

  /*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* SUBS *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

  /********* Header **********/

  header.page-sub {
    height: 200px;
  }

  header.page-sub .logo-sub {
    display: none;
  }

  /*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* EMPRESA *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

  /********* Empresa **********/

  #empresa .linha-title-1 {
    top: -30px;
    left: 60px;
    background-color: #fff;
    z-index: 1;
  }

  #empresa h1 {
    color: #fff;
    top: -50px;
    margin-left: 140px;
    z-index: 1;
  }

  #empresa .cristo {
    left: -700px;
    top: 0px;
    min-width: 1735px !important;
    height: 670px;
    opacity: 0.4;
  }

  #empresa h2 {
    top: 100px;
    left: 50px;
    background-color: rgba(255, 255, 255, 0.4);
  }

  #empresa p {
    top: 220px;
    left: 50px;
    padding-right: 30px;
  }

  /********* BC Area **********/

  #bc {
    margin-top: 660px;
  }

  #bc .cycle-slideshow {
    margin: 0 auto;
    max-height: 470px;
    max-width: 590px;
    overflow: hidden;
  }

  #bc .cycle-slideshow a {
    margin-top: 10px;
  }

  #bc h2 {
    margin-top: 10px;
    text-align: center;
  }

  #bc p {
    padding: 0 30px;
  }

  /*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* EMPREENDIMENTO *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

  /********* Apresentação **********/

  #apresentacao .container {
    padding: 0 50px;
  }

  #apresentacao .linha-title-1 {
    top: -32px;
    margin-left: 10px;
    background-color: #fff;
  }

  #apresentacao .h2-mor {
    position: absolute;
    top: -50px;
    margin: 0 0 0 90px;
    color: #fff;
  }

  #apresentacao .logo-imovel {
    top: 40px;
    left: 50%;
    margin-left: -113.5px;
  }

  #apresentacao .tagbox {
    margin: 200px 0 0 200px;
  }

  #apresentacao h1 {
    font-size: 2.6em;
    letter-spacing: 3px;
  }

  #apresentacao .linha-title-2 {
    top: 690px;
    right: 250px;
  }

  #apresentacao .linha-title-3 {
    top: 946px;
  }

  #apresentacao .apartamento p,
  #apresentacao .apartamento h2 {
    padding-right: 0;
    text-align: right;
  }

  #apresentacao .fachada {
    top: -30px;
    right: 0;
  }

  #apresentacao .iconbox {
    margin-top: 750px;
    max-width: 680px;
  }

  #apresentacao .linha-title-4 {
    top: 990px;
  }

  #apresentacao .previsao {
    text-align: right;
    margin-bottom: 60px;
  }

  /********* Galeria **********/

  #galeria .cycle-slideshow li {
    width: 720px;
  }

  /********* Plantas **********/

  #plantas .cycle-slideshow {
    height: 580px;
  }

  #plantas .linha-title-1 {
    top: 68px;
    left: 40px;
  }

  #plantas h1 {
    margin: 40px 0 0 110px;
  }

  #plantas img {
    margin: 35px 0 10px 30px;
  }

  #plantas .linha-gigante {
    width: 373px;
    margin: 0 0 10px 30px;
  }

  #plantas .plantas-info .instrucao {
    padding: 0 0 30px 0;
  }

  #plantas .linha-title-2 {
    display: none;
  }

  #plantas h2 {
    margin: 110px 0 0 0;
    text-align: center;
  }

  #plantas .plantas-desc .topicos {
    margin: 30px 0 0 80px;
  }

  #plantas .aba {
    font-size: 0.875em;
    width: 137px;
    height: 50px;
    padding-top: 15px;
  }

  #plantas .abas-container {
    margin-left: 20px;
  }


  /********* Interesse **********/

  #interesse .container {
    padding: 0 40px;
  }

  /********* Localização **********/

  #localizacao .container {
    margin-left: 40px;
  }

  #localizacao .linha-title-b {
    top: 70px;
  }

  #localizacao .loc-header {
    margin: 23px 0 0 130px;
  }

  /*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* CONTATO *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

  /********* Formulário **********/

  #contato .container {
    padding: 0 40px;
  }

  #contato .linha-title-1 {
    top: -32px;
    margin-left: 20px;
    background-color: #fff;
    z-index: 1;
  }

  #contato h1 {
    top: -50px;
    color: #fff;
    margin-left: 100px;
    z-index: 1;
  }

  #contato .white {
    display: none;
  }

  #contato .text {
    margin-top: 40px;
    position: relative;
  }

  /********* Localização **********/

  #localizacao.loc-contato .linha-title-b {
    top: 48px;
  }

  #localizacao.loc-contato .loc-header {
    margin: 8px 0 0 150px;
  }




  /* ESPACO CORRETOR */
  .espaco_corretor{ margin-top: 110px; }
  .espaco_corretor h1{ font-size: 26px; }
  .espaco_corretor h2{ font-size: 18px; }
  .espaco_corretor h3{ font-size: 18px; }
  .espaco_corretor h4{ font-size: 14px; }
  .espaco_corretor .titulo{ font-size: 26px; }
  .tabs span{ font-size: 11px;}
  .tabs.is-medium a{padding-left: 7px; padding-right: 7px; font-size: 12px;}
  .level{ display: flex; }
  .level-item{ margin: 5px !important; }
  .level-item .heading{ font-size: 10px; }
  .level-item .title{ font-size: 40px; }
  .propostas a{ font-size: 88%; }
  .form-group input{ font-size: 14px; }
  .form-group select{ font-size: 14px; }


}

.page-interna.blog h1{
  font-weight: 600;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 30px;
}












/***************************************************************/
/************************* SMARTPHONE **************************/
/***************************************************************/

@media only screen and (max-width: 767px) {

  .waypoint{ opacity: 1 !important; }


  .no_desktop{ display: initial; }
  .desktop_only{ display: none !important;}
  .tablet_only{ display: none !important;}
  .mobile_only{ display: block !important}
  .only_mobile{ display: block !important}
  .no_mobile{ display: none !important}


  .container{ padding: 0 20px; }

  .page-title{
    position: relative;
    font-size: 26px;
    top: 0px !important;
    left: 0;
    padding-top: 30px;
    margin-bottom: 30px;
  }

  .page-title::before{
    bottom: 20px;
    top: initial;
  }

  .page-interna.blog{
    margin-top: 0;
    padding-right: 25px;
    padding-left: 25px;
  }
 
  .card-blog{
    margin-top: 0;
  }
  .blog-section{
    margin: 0 25px;
    padding-top: 40px;
  }
  .navegantes-faixa-texto h3{
    font-size: 30px;
  }
  .navegantes-faixa-texto p{
    font-size: 16px;
  }
  .linha-footer{
    display: none;
  }

  .foo-mobile{
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  .foo-mobile img{
    width: 50%;
    margin: 10px 0;
  }
  .foo-mobile-phone,  .foo-mobile-social{
    font-size: 22px;
  }
 
  body {
    overflow: hidden;
  }

  .desktop-only,
  .mobile-hidden,
  .mobile-total-hide {
    display: none;
  }

  .mobile-only,
  .mobile-tablet,
  .desktop-hidden {
    display: block;
  }

  /*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* HOME *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

  /********* Header **********/

  /* header.page-home,
  header.page-sub {
    background: url(../img/bg-dark-big-dg.jpg) repeat top center;
  } */

  header .nav-menu,
  header .menu-fixo,
  header .logo-home,
  header .nav-tel,
  header .linha-header {
    display: none;
    opacity: 0;
  }

  header .container{ padding: 0; }

  .logo-mobile {
    display: block;
    margin: 20px 0 0 40px;
  }

  .hamburger,
  .nav-toggle {
    top: 35px;
    right: 50px;
  }
  .hamburger span:nth-child(1),
  .nav-toggle span:nth-child(1) {
    margin-top: -12px;
  }
  .hamburger span:nth-child(3),
  .nav-toggle span:nth-child(3) {
    margin-top: 11px;
  }
  .hamburger span,
  .nav-toggle span {
    height: 4px;
    width: 35px;
    margin-left: -13px;
    background: #fff;
  }
  .hamburger.is-active span:nth-child(1),
  .is-active.nav-toggle span:nth-child(1) {
    margin-left: -11px;
    margin-top: -10px;
  }
  .hamburger.is-active span:nth-child(3),
  .is-active.nav-toggle span:nth-child(3) {
    margin-top: 13px;
    margin-left: -12px;
  }

  header .nav-toggle {
    display: block;
  }
  header .nav-menu.is-active {
    display: block;
  }

  header.page-home .nav-menu,
  header.page-sub .nav-menu {
    margin: 0;
  }

  .nav-menu {
    background-color: #fff;
    box-shadow: 0 4px 7px rgba(17, 17, 17, 0.1);
    left: 0;
    display: none;
    right: 0;
    top: 100%;
    position: absolute;
  }

  header .nav-item.current {
    background: #000;
    color: #fff;
  }

  header.page-home .nav-menu .nav-item,
  header.page-sub .nav-menu .nav-item {
    padding: 15px 0 14px 0;
    margin-bottom: 0;
    margin-top: 0;
    justify-content: center;
    background: var(--green);
    color: #fff;
    font-size: 1.2em;
    transition: all 0.2s linear;
    z-index: 300;
  }


  /********* Banner **********/

  #banner{ height: 410px; }

  #banner .container {
    height: 415px;
  }

  #banner .linha-title {
    top: 435px;
    left: 75px;
  }

  #banner .linha-pager {
    top: 435px;
    left: 235px;
  }

  #banner .banner-container {
    width: 100%;
  }

  #banner .bc-selo {
    width: 100px;
    left: 30px;
  }

  #banner .banner-container ul {
    margin: -250px 0 0 0;
  }

  #banner .cycle-pager {
    top: 425px;
    left: 162px;
  }

  #banner .cycle-slideshow li {
    width: 100%;
    background-size: cover;
    height: 406px;
  }

  .banner-title{
    margin-top: unset !important;
    max-width: 350px !important;
  }
  
  .cycle-pager{
    display: none;
  }

  .linha-title{
    display: none;
  }


  /********* Destaque **********/

  #destaque {
    padding-top: 10px !important;
  }

  #destaque h1 {
    font-size: 2.8em;
    letter-spacing: 3px;
    text-align: center;
    margin-left: -30px;
  }

  #destaque p {
    text-align: center;
    padding: 20px 30px 0 0;
  }

  #destaque .columns {
    padding: 40px 0;
  }

  #destaque .tagbox {
    margin: 50px 0 0 60px;
    padding: 10px 45px;
  }

  #destaque a {
    margin: 50px 0 0 108px;
  }

  #destaque .sizing {
    width: 315px;
    height: 240px;
  }

  .destaque-mobile{
    padding: 40px 20px;
    background-color: #FFF;
  }

  .iconbox{
    flex-wrap: wrap;
    justify-content: center;
    /* margin-right: 30px; */
    margin-top: 40px;
    margin-bottom: 30px;
    max-width: unset;
  }
  .build-icon{
    max-width: unset !important;
  }

  /********* Footer **********/

  footer .logo img {
    padding-top: 70px;
    margin-left: 138px;
    width: 100px;
  }

  footer .dados {
    position: absolute;
    bottom: 45px;
    padding-top: 0;
    text-align: left;
    margin-left: 20px;
  }

  footer .dados span {
    display: none;
  }

  footer .tel {
    position: absolute;
    bottom: 94px;
    right: 20px;
  }

  footer .social {
    margin: 30px 20px 0 0;
  }

  footer .social a {
    font-size: 1.2em;
  }

  footer .linha-footer {
    top: 205px;
    right: 158px;
    width: 2px;
    height: 60px;
  }

  footer .quax-dev {
    margin: -15px 93px 0 0;
  }

  /*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* SUBS *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

  /********* Header **********/

  header.page-sub {
    height: 200px;
  }

  header.page-sub .logo-sub {
    display: none;
  }

  /*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* EMPRESA *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

  /********* Empresa **********/

  #empresa .linha-title-1 {
    top: -30px;
    left: 40px;
    background-color: #fff;
    z-index: 1;
  }

  #empresa .linha-title-1-end {
    top: -30px;
    left: 270px;
    background-color: #fff;
    z-index: 1;
  }

  #empresa h1 {
    color: #fff;
    top: -50px;
    margin-left: 125px;
    z-index: 1;
  }

  #empresa .wall {
    width: 100%;
    height: 800px;
  }

  #empresa .cristo {
    left: -400px;
    top: 800px;
    min-width: 1000px !important;
    height: 386px;
    opacity: 1;
  }

  #empresa h2 {
    font-size: 2em;
    top: 50px;
    left: 31px;
  }

  #empresa p {
    top: 130px;
    left: 30px;
    padding-right: 20px;
  }

  .box-emp{ min-height: auto; }
  .bg-cidade{ background-size: 1250px; background-repeat: no-repeat; height: 190px; }



  /*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* EMPREENDIMENTO *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

  /********* Apresentação **********/

  #apresentacao .container {
    padding: 0 40px;
  }

  #apresentacao .linha-title-1 {
    top: -32px;
    margin-left: -29px;
    width: 45px;
  }

  #apresentacao .linha-title-1-end {
    top: -30px;
    left: 270px;
    z-index: 1;
    width: 45px;
  }

  #apresentacao .h2-mor {
    font-size: 1.5em;
    position: absolute;
    top: -46px;
    left: 40px;
    margin: 0 0 0 0;
    /* color: #fff; */
  }

  #apresentacao .logo-imovel {
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 230px;
  }

  #apresentacao .tagbox {
    margin: 170px 0 0 33px;
    padding: 10px 50px;
  }

  #apresentacao h1 {
    font-size: 2.6em;
    letter-spacing: 3px;
    text-align: center;
  }

  #apresentacao p {
    padding-right: 0;
  }

  #apresentacao h2,
  #apresentacao h3 {
    margin-left: 0;
    padding-right: 0;
    text-align: center;
  }

  #apresentacao .linha-title-2 {
    top: 930px;
    right: 0;
    width: 300px;
  }

  #apresentacao .linha-title-3 {
    top: 1230px;
    right: 0;
    width: 300px;
  }

  #apresentacao .fachada {
    top: 30px;
    right: 0;
  }

  #apresentacao .iconbox {
    flex-wrap: wrap;
    margin-top: 90px;
  }

  #apresentacao .linha-title-4 {
    top: 1083px;
    right: 0;
    width: 300px;
  }

  #apresentacao .statusbox {
    flex-wrap: wrap;
    justify-content: center;
  }

  #apresentacao .build-status {
    margin: 0 12px;
  }

  #apresentacao .previsao {
    text-align: center;
    margin: 0 20px 60px 0;
  }

  /********* Galeria **********/

  #galeria .cycle-slideshow {
    margin-left: -22px;
  }

  #galeria .cycle-slideshow li {
    width: 100%;
    background-size: cover;
    height: 382px;
  }

  #galeria .galeria-box div {
    top: 320px;
  }

  #galeria .cycle-slideshow .cycle-prev,
  #galeria .cycle-slideshow .cycle-next {
    width: 26px;
    height: 44px;
  }

  #galeria .cycle-slideshow .cycle-prev {
    background-image: url(../img/seta-esquerda-banner-mob.png);
  }

  #galeria .cycle-slideshow .cycle-next {
    background-image: url(../img/seta-direita-banner-mob.png);
  }

  /********* Plantas **********/

  .planta-wrapper{
    align-items: center;
  }

  #plantas .cycle-slideshow {
    height: 710px;
  }

  #plantas .linha-title-1 {
    width: 80px;
    top: 68px;
    left: 40px;
  }

  #plantas h1 {
    margin: 40px 0 0 0;
    text-align: center;
  }

  #plantas .linha-title-1-end {
    width: 80px;
    top: 68px;
    left: 280px;
  }

  #plantas img {
    margin: 30px 0 10px 0;
    padding: 0 30px;
    max-width: 300px;
  }

  #plantas .linha-gigante {
    width: 320px;
    margin: 0 0 10px 28px;
  }

  #plantas .plantas-info .instrucao,
  #plantas .plantas-desc .instrucao,
  #plantas .aba .mobile-tablet {
    display: none;
  }

  #plantas .linha-title-2 {
    width: 300px;
    top: 57px;
    left: 48px;
  }

  #plantas h2 {
    margin: 0;
    text-align: center;
  }

  #plantas .plantas-desc .topicos {
    text-align: center;
    margin: 30px 0 0 0;
  }

  #plantas .aba {
    width: 25px;
    height: 25px;
    padding: 0;
    clear: left;
  }

  #plantas .abas-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .tab-wrapper{
    margin: 0;
  }

  .has-text-centered-mobile{ text-align: center; }

  .tab-plantas{ margin-bottom: 40px; }

  .topicos{
    margin: 20px 0;
    margin-left: 0 !important;
  }

  #plantas h2{
    margin-top: 30px;
  }

  /********* Interesse **********/

  #interesse .container {
    padding: 0 40px;
  }

  #interesse .linha-title-b {
    width: 300px;
    top: 110px;
  }

  #interesse h1 {
    margin: 50px 0 0 0;
    text-align: center;
  }

  /********* Localização **********/

  #localizacao .container {
    margin: 0;
  }

  #localizacao .linha-title-b {
    width: 300px;
    top: 85px;
    left: 36px;
  }

  #localizacao h1 {
    margin: 22px 0 30px 0;
    text-align: center;
  }

  #localizacao p {
    text-align: center;
  }

  #localizacao .loc-header {
    margin: -15px 0 30px 0;
    font-size: 0.9em;
  }

  #localizacao .mobile-map {
    height: 400px;
  }

  /*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* CONTATO *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

  /********* Formulário **********/

  #contato .container {
    padding: 0 40px;
  }

  #contato .linha-title-1 {
    top: -30px;
    left: 40px;
    background-color: #fff;
    z-index: 1;
  }

  #contato .linha-title-1-end {
    top: -30px;
    left: 270px;
    background-color: #fff;
    z-index: 1;
  }

  #contato h1 {
    position: relative;
    top: 0px;
    margin-left: 0;
    z-index: 1;
  }

  #contato .white {
    display: none;
  }

  #contato .text {
    margin-top: 40px;
    position: relative;
  }

  /********* Localização **********/

  #localizacao .container {
    margin: 0;
  }

  #localizacao .linha-title-b {
    width: 300px;
    top: 85px;
    left: 36px;
  }

  #localizacao h1 {
    margin: 22px 0 30px 0;
    text-align: center;
  }

  #localizacao p {
    text-align: center;
  }

  #localizacao .loc-header {
    margin: -15px 0 30px 0;
    font-size: 0.9em;
  }

  #localizacao .mobile-map {
    height: 400px;
  }







  /* ESPACO CORRETOR */
  .espaco_corretor{ margin-top: 40px; margin-bottom: 50px; }
  .espaco_corretor h1{ font-size: 22px; text-align: center; margin-bottom: 0px; }
  .espaco_corretor h2{ font-size: 16px; }
  .espaco_corretor h3{ font-size: 15px; }
  .espaco_corretor h3 span{ font-size: 15px; display: block; margin: 0; }
  .espaco_corretor h4{ font-size: 14px; }
  .espaco_corretor h5{ text-align: center; margin-top: 0px; }
  .espaco_corretor .titulo{ font-size: 22px; margin-top: 50px; }
  .espaco_corretor .botao{ min-width: 100px; padding: 16px 25px 10px; }
  .tabs span{ font-size: 11px;}
  .tabs.is-medium a{padding-left: 7px; padding-right: 7px; font-size: 12px; }
  .level-item{ display: block; padding: 35px 0 18px; }
  .level-item .title{ font-size: 40px; }
  .propostas a{ font-size: 88%; }
  .form-group input{ font-size: 14px; }
  .form-group select{ font-size: 14px; }
  .titulo_espaco_cliente{ margin-bottom: 20px !important; }

  .form-inline{ margin: 0; }
  .form-inline .form-group{ float: none; width: 100%; padding: 0; }
  #main .form-inline .form-group{ float: none; width: 100%; padding: 0; }
  #main table thead tr td{ font-size: 80%; font-weight: normal; }
  #main table tbody tr td{ padding: 5px 2px; font-size: 80%; }
  .botao.menor{ min-width: auto; padding: 10px; border: none; font-weight: bold; letter-spacing: 0; }
  .table-disponibilidades td{ font-weight: normal; }




}

/*------------------------------------------------*/
/*------------------[ANIMATIONS]-----------------*/
/*------------------------------------------------*/

.waypoint {
  opacity: 0;
}

.animation_bottom.animated {
  opacity: 1;
  -webkit-animation: fadeBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: fadeBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: fadeBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  animation: fadeBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

.animation_left.animated {
  opacity: 1;
  -webkit-animation: fadeLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: fadeLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: fadeLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  animation: fadeLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

.animation_right.animated {
  opacity: 1;
  -webkit-animation: fadeRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: fadeRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: fadeRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  animation: fadeRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

.animation_top.animated {
  opacity: 1;
  -webkit-animation: fadeTop 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: fadeTop 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: fadeTop 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  animation: fadeTop 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

/*------------------------------------------------*/
/*------------------[TRANSITIONS]-----------------*/
/*------------------------------------------------*/

@-webkit-keyframes fadeBottom {0% {opacity: 0; -webkit-transform: translateY(10%); } 100% {opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeBottom {
  0% {opacity: 0; -moz-transform: translateY(10%); } 100% {opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeBottom {
  0% {opacity: 0; -o-transform: translateY(10%); } 100% {opacity: 1; -o-transform: translateY(0); } } @keyframes fadeBottom {
  0% {opacity: 0; transform: translateY(10%); } 100% {opacity: 1; transform: translateY(0); } }
@-webkit-keyframes fadeLeft {
  0% {opacity: 0; -webkit-transform: translateX(-10%); } 100% {opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeLeft {
  0% {opacity: 0; -moz-transform: translateX(-10%); } 100% {opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeLeft {
  0% {opacity: 0; -o-transform: translateX(-10%); } 100% {opacity: 1; -o-transform: translateX(0); } } @keyframes fadeLeft {
  0% {opacity: 0; transform: translateX(-10%); } 100% {opacity: 1; transform: translateX(0); } }
@-webkit-keyframes fadeRight {
  0% {opacity: 0; -webkit-transform: translateX(10%); } 100% {opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeRight {
  0% {opacity: 0; -moz-transform: translateX(10%); } 100% {opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeRight {
  0% {opacity: 0; -o-transform: translateX(10%); } 100% {opacity: 1; -o-transform: translateX(0); } } @keyframes fadeRight {
  0% {opacity: 0; transform: translateX(10%); } 100% {opacity: 1; transform: translateX(0); } }
@-webkit-keyframes fadeTop {
  0% {opacity: 0; -webkit-transform: translateY(-10%); } 100% {opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeTop {
  0% {opacity: 0; -moz-transform: translateY(-10%); } 100% {opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeTop {
  0% {opacity: 0; -o-transform: translateY(-10%); } 100% {opacity: 1; -o-transform: translateX(0); } } @keyframes fadeTop {
  0% {opacity: 0; transform: translateY(-10%); } 100% {opacity: 1; transform: translateX(0); } }