.sec-header .sec-topo {
  background-color: #fff; }
  .sec-header .sec-topo .grid {
    align-items: center;
    align-content: center; }
  .sec-header .sec-topo .sec-menu li {
    display: inline-table; }
    .sec-header .sec-topo .sec-menu li a {
      display: block;
      font-family: "Bree Serif", serif;
      color: #2F0F0F;
      font-size: 1.5rem;
      text-transform: uppercase;
      line-height: 130px;
      padding: 2rem;
      transition: .2s ease; }
      .sec-header .sec-topo .sec-menu li a:hover {
        background-color: #F6F0DC;
        transition: .4s ease; }
    .sec-header .sec-topo .sec-menu li a.active {
      background-color: rgba(252, 173, 56, 0.6);
      color: #2F0F0F; }
    .sec-header .sec-topo .sec-menu li .sub-menu {
      z-index: 999;
      position: absolute;
      background-color: #fff;
      -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
      display: none; }
      .sec-header .sec-topo .sec-menu li .sub-menu li {
        border-right: 1px dotted #CCC; }

a.button {
  display: inline-table;
  margin-top: 3rem;
  font-family: "Bree Serif", serif;
  color: #421816;
  font-size: 1.887rem;
  text-transform: uppercase;
  border: 3px solid #421816;
  border-radius: 10px;
  padding: .6rem 1.5rem;
  transition: .3s ease; }
  a.button:hover {
    transition: .6s ease;
    background-color: #421816;
    color: #fff; }
	
	a.button2 {
  display: inline-table;
  margin-top: 1rem;
  font-family: "Bree Serif", serif;
  color: #fff;
  font-size: 1.887rem;
  text-transform: uppercase;
  border: 3px solid #fff;
  border-radius: 10px;
  padding: .3rem 1.5rem;
  transition: .3s ease; }
  a.button2:hover {
    transition: .6s ease;
    background-color: #fff;
    color: #222; }

.art-home .sec-banner {
  position: relative; }
  .art-home .sec-banner .desc {
    background-color: rgba(47, 15, 15, 0.8);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 8;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 30%;
    padding: 5rem 6rem;
    height: 100%; }
    .art-home .sec-banner .desc h2 {
      font-size: 3rem;
      font-weight: 300;
      color: #F6F0DC; }
      .art-home .sec-banner .desc h2 span {
        display: block;
        font-weight: 600; }
    .art-home .sec-banner .desc a.button {
      color: #F6F0DC;
      border-color: #F6F0DC; }
      .art-home .sec-banner .desc a.button:hover {
        color: #421816;
        background-color: #F6F0DC; }
.art-home .sec-ch-ambientes {
  padding: 6rem 0; }
  .art-home .sec-ch-ambientes a.item {
    width: 16%;
    text-align: center;
    padding: 5rem 0 4rem 0;
    border-radius: 10px;
    transition: .2s ease; }
    .art-home .sec-ch-ambientes a.item .ico {
      height: 100px; }
    .art-home .sec-ch-ambientes a.item h2 {
      font-size: 1.3333rem;
      font-family: "Bree Serif", serif;
      text-align: center;
      text-transform: uppercase;
      color: #421816; }
    .art-home .sec-ch-ambientes a.item:hover {
      background-color: #FCAD38;
      transition: .4s ease; }
.art-home .sec-quem-somos {
  padding: 2rem 0;
  background-color: #F6F0DC; }
  .art-home .sec-quem-somos .grid {
    padding: 0 2rem; }
  .art-home .sec-quem-somos .desc {
    width: 35%; }
    .art-home .sec-quem-somos .desc h2 {
      font-size: 3.3333rem;
      font-weight: 300;
      color: #2F0F0F; }
	  .art-home .sec-quem-somos .desc h7 {
		  border: 3px solid #fff;
  border-radius: 10px;
  padding: .3rem 1.5rem;
      font-size: 2rem;
      font-weight: 300;
      color: #fff; }
    .art-home .sec-quem-somos .desc p {
      font-size: 1.887rem;
      color: #421816;
      padding: 3rem 0; }
    .art-home .sec-quem-somos .desc h3 {
      font-size: 2rem;
      font-family: "Bree Serif", serif;
      color: #421816; }
  .art-home .sec-quem-somos .img {
    width: 53%;
    position: relative; }
.art-home .sec-depoimentos {
  background: url("../imagens/fundo-depoimentos.jpg");
  padding: 6rem 0; }
  .art-home .sec-depoimentos .car-depoimentos {
    width: 100%; }
  .art-home .sec-depoimentos .item {
    border-radius: 10px;
    padding: 2rem; }
    .art-home .sec-depoimentos .item .detail {
      background-color: #FFFFFF;
      padding: 3rem;
      border-radius: 10px;
      display: flex;
      height: 100%;
      flex-flow: row wrap;
      align-items: flex-start;
      align-content: flex-start; }
      .art-home .sec-depoimentos .item .detail p {
        font-size: 1.333rem;
        color: #421816;
        padding-top: 2rem;
        line-height: 1.5;
        width: 100%; }
      .art-home .sec-depoimentos .item .detail h3 {
        font-size: 2rem;
        font-family: "Bree Serif", serif;
        color: #421816;
        width: 100%; }
      .art-home .sec-depoimentos .item .detail .col-note-star {
        padding-top: 2rem;
        width: 100%; }
        .art-home .sec-depoimentos .item .detail .col-note-star span {
          display: inline-table; }
      .art-home .sec-depoimentos .item .detail h4 {
        font-size: 1.333rem;
        color: #904A0D;
        width: 100%; }
.art-home .sec-instagram {
  padding: 15rem 0; }

.sec-tt-pages .grid {
  height: 66vh;
  align-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%; }
  .sec-tt-pages .grid .desc {
    width: 27%;
    padding: 5rem 8rem;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    align-content: center; }
    .sec-tt-pages .grid .desc h2 {
      font-size: 3.3333rem;
      font-weight: 300; }
      .sec-tt-pages .grid .desc h2 span {
        font-weight: 600; }

.art-quem-somos .sec-tt-pages .desc {
  background-color: rgba(107, 45, 40, 0.8);
  color: #F6F0DC; }
  .art-quem-somos .sec-tt-pages .desc h2 span {
    display: block; }
.art-quem-somos .sec-quem-somos {
  padding: 10rem 0; }
  .art-quem-somos .sec-quem-somos h2 {
    width: 100%;
    text-align: center;
    font-size: 3.3333rem;
    letter-spacing: 3px;
    font-weight: 300;
    color: #421816;
    padding-bottom: 8rem; }
  .art-quem-somos .sec-quem-somos .grid {
    width: 100%;
    max-width: 100%; }
  .art-quem-somos .sec-quem-somos .desc {
    width: 60%;
    color: #421816;
    padding: 0 12rem; }
    .art-quem-somos .sec-quem-somos .desc p {
      font-size: 1.3333rem;
      font-weight: 300;
      padding-bottom: 3rem; }
    .art-quem-somos .sec-quem-somos .desc h3 {
      font-size: 1.887rem;
      font-family: "Bree Serif", serif; }
  .art-quem-somos .sec-quem-somos .img {
    position: relative;
    width: 37%; }
    .art-quem-somos .sec-quem-somos .img .detail {
      position: absolute;
      left: 10%;
      bottom: 0;
      transform: translate3d(0, 30%, 0); }
.art-quem-somos .sec-linha-tempo .grid {
  position: relative;
  padding: 12rem 0; }
  .art-quem-somos .sec-linha-tempo .grid:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 3px;
    background-color: #D98416; }
.art-quem-somos .sec-linha-tempo span.data {
  position: absolute;
  bottom: 50%;
  font-size: 2rem;
  font-family: "Bree Serif", serif;
  line-height: 2;
  transform: translate3d(0, -60%, 0);
  cursor: pointer; }
  .art-quem-somos .sec-linha-tempo span.data span.ano {
    transition: .4s ease; }
  .art-quem-somos .sec-linha-tempo span.data:hover span.ano {
    color: #FCAD38;
    transition: .4s ease; }
  .art-quem-somos .sec-linha-tempo span.data .desc {
    position: absolute;
    width: 300px;
    left: 0;
    top: 0;
    transform: translate3d(0, -105%, 0);
    background-color: #F6F0DC;
    padding: 1.667rem;
    border-radius: 10px;
    min-height: 110px;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease; }
    .art-quem-somos .sec-linha-tempo span.data .desc p {
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      font-size: 1.167rem;
      line-height: 1.3; }
    .art-quem-somos .sec-linha-tempo span.data .desc.last {
      left: auto;
      right: 0; }
  .art-quem-somos .sec-linha-tempo span.data:nth-child(1) {
    left: 8%; }
  .art-quem-somos .sec-linha-tempo span.data:nth-child(2) {
    left: 20%; }
  .art-quem-somos .sec-linha-tempo span.data:nth-child(3) {
    left: 30%; }
  .art-quem-somos .sec-linha-tempo span.data:nth-child(4) {
    left: 40%; }
  .art-quem-somos .sec-linha-tempo span.data:nth-child(5) {
    left: 50%; }
  .art-quem-somos .sec-linha-tempo span.data:nth-child(6) {
    left: 60%; }
  .art-quem-somos .sec-linha-tempo span.data:nth-child(7) {
    left: 70%; }
  .art-quem-somos .sec-linha-tempo span.data:nth-child(8) {
    left: 80%; }
  .art-quem-somos .sec-linha-tempo span.data:nth-child(9) {
    left: 92%; }
  .art-quem-somos .sec-linha-tempo span.data:after {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #D98416;
    -webkit-box-shadow: 0 0 0 1 #FCAD38;
    box-shadow: 0 0 0 1 #FCAD38;
    transition: .3s ease; }
  .art-quem-somos .sec-linha-tempo span.data:before {
    content: '';
    display: block;
    width: 3px;
    height: 40px;
    background-color: #D98416;
    position: absolute;
    bottom: 0;
    transform: translate3d(4px, 94%, 0); }
  .art-quem-somos .sec-linha-tempo span.data.active:after {
    -webkit-box-shadow: 0 0 0 5px #FCAD38;
    box-shadow: 0 0 0 5px #FCAD38;
    transition: .6s ease; }
  .art-quem-somos .sec-linha-tempo span.data.active .desc {
    opacity: 1;
    visibility: visible;
    transition: .6s ease; }
  .art-quem-somos .sec-linha-tempo span.data:nth-child(odd) {
    transform: translate3d(0, 60%, 0);
    top: 50%; }
    .art-quem-somos .sec-linha-tempo span.data:nth-child(odd) .desc {
      top: 100%;
      transform: translate3d(0, 105%, 0); }
    .art-quem-somos .sec-linha-tempo span.data:nth-child(odd) .ano {
      display: block;
      transform: translate3d(0, 100%, 0); }
    .art-quem-somos .sec-linha-tempo span.data:nth-child(odd):after {
      transform: translate3d(0, -10px, 0); }
    .art-quem-somos .sec-linha-tempo span.data:nth-child(odd):before {
      top: 0;
      bottom: auto;
      transform: translate3d(4px, 0%, 0); }
.art-quem-somos .sec-ch {
  text-align: center;
  padding: 10rem 0; }
  .art-quem-somos .sec-ch h2 {
    font-size: 2.66667rem;
    font-family: "Bree Serif", serif;
    color: #421816; }

.art-como-trabalhamos .sec-tt-pages .desc {
  background-color: rgba(144, 74, 13, 0.8);
  color: #F6F0DC;
  width: 33%; }
  .art-como-trabalhamos .sec-tt-pages .desc h2 span {
    display: block; }
.art-como-trabalhamos h2.tt {
  width: 100%;
  text-align: center;
  font-size: 3.3333rem;
  letter-spacing: 3px;
  font-weight: 300;
  color: #421816;
  padding: 8rem 0; }
.art-como-trabalhamos .sec-steps {
  background: url("../imagens/fundo-steps.jpg");
  background-size: cover;
  background-position: center;
  padding: 10rem 0; }
  .art-como-trabalhamos .sec-steps .car-step {
    width: 100%; }
  .art-como-trabalhamos .sec-steps .item {
    padding: 5rem 8rem; }
    .art-como-trabalhamos .sec-steps .item h2 {
      font-size: 2.6667rem;
      font-family: "Bree Serif", serif;
      text-transform: uppercase;
      color: #B35F07;
      padding-bottom: 3rem; }
    .art-como-trabalhamos .sec-steps .item p {
      font-size: 1.3333rem;
      font-weight: 300;
      line-height: 1.6; }
.art-como-trabalhamos .sec-diferenciais {
  padding: 8rem 0; }
  .art-como-trabalhamos .sec-diferenciais .img {
    width: 45%;
    position: relative; }
    .art-como-trabalhamos .sec-diferenciais .img .detail {
      position: absolute;
      right: 0;
      top: 10%;
      transform: translate3d(50%, 0, 0); }
    .art-como-trabalhamos .sec-diferenciais .img img {
      margin-bottom: 2rem; }
    .art-como-trabalhamos .sec-diferenciais .img h2 {
      font-size: 2.66667rem;
      color: #904A0D; }
  .art-como-trabalhamos .sec-diferenciais .desc {
    width: 40%; }
    .art-como-trabalhamos .sec-diferenciais .desc h2 {
      font-size: 3.3333rem;
      font-weight: 300; }
    .art-como-trabalhamos .sec-diferenciais .desc p {
      font-size: 1.887rem;
      padding-top: 2rem;
      font-weight: 300;
      line-height: 1.6; }
.art-como-trabalhamos .sec-pos-venda {
  padding: 6rem 0;
  background-color: #D9AE82; }
  .art-como-trabalhamos .sec-pos-venda .grid {
    align-items: flex-end;
    align-content: flex-end; }
    .art-como-trabalhamos .sec-pos-venda .grid .col {
      width: 45%; }
      .art-como-trabalhamos .sec-pos-venda .grid .col.gr {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between; }
        .art-como-trabalhamos .sec-pos-venda .grid .col.gr .ico {
          width: 20%; }
        .art-como-trabalhamos .sec-pos-venda .grid .col.gr .desc {
          width: 80%; }
    .art-como-trabalhamos .sec-pos-venda .grid h2 {
      font-size: 2.6667rem;
      font-family: "Bree Serif", serif;
      color: #2F0F0F; }
    .art-como-trabalhamos .sec-pos-venda .grid p {
      font-size: 1.3333rem;
      padding-top: 2rem;
      font-weight: 300;
      line-height: 1.6; }
.art-como-trabalhamos .sec-ch .grid {
  max-width: 100%;
  width: 100%; }
  .art-como-trabalhamos .sec-ch .grid .col {
    width: 50%;
    text-align: center;
    padding: 10rem; }
    .art-como-trabalhamos .sec-ch .grid .col h2 {
      font-size: 3.3333rem;
      color: #fff;
      font-weight: 300; }
      .art-como-trabalhamos .sec-ch .grid .col h2 span {
        display: block;
        font-weight: 600; }
    .art-como-trabalhamos .sec-ch .grid .col a.button {
      color: #FCAD38;
      border-color: #FCAD38; }
      .art-como-trabalhamos .sec-ch .grid .col a.button:hover {
        background-color: #FCAD38;
        color: #fff; }

.art-ambientes .sec-ch .grid {
  max-width: 100%;
  width: 100%; }
  .art-ambientes .sec-ch .grid .col {
    width: 50%;
    text-align: center;
    padding: 18rem 10rem; }
    .art-ambientes .sec-ch .grid .col h2 {
      font-size: 3.3333rem;
      color: #fff;
      font-weight: 300; }
      .art-ambientes .sec-ch .grid .col h2 span {
        display: block;
        font-weight: 600; }
    .art-ambientes .sec-ch .grid .col a.button {
      color: #FCAD38;
      border-color: #FCAD38; }
      .art-ambientes .sec-ch .grid .col a.button:hover {
        background-color: #FCAD38;
        color: #fff; }
.art-ambientes h2.tt {
  width: 100%;
  text-align: center;
  font-size: 3.3333rem;
  letter-spacing: 3px;
  font-weight: 300;
  color: #421816;
  padding: 8rem 0; }
.art-ambientes .sec-saiba-trabalhamos {
  padding: 8rem 0; }
  .art-ambientes .sec-saiba-trabalhamos .grid {
    max-width: 100%;
    width: 100%; }
  .art-ambientes .sec-saiba-trabalhamos .desc {
    width: 40%;
    color: #421816;
    padding: 0 12rem; }
    .art-ambientes .sec-saiba-trabalhamos .desc p {
      font-size: 1.3333rem;
      font-weight: 300;
      padding-bottom: 3rem;
      line-height: 1.6; }
    .art-ambientes .sec-saiba-trabalhamos .desc h3 {
      font-size: 1.887rem;
      font-family: "Bree Serif", serif; }
  .art-ambientes .sec-saiba-trabalhamos .img {
    font-size: 0;
    width: 50%; }

.art-contato .sec-tt-pages .desc {
  background-color: rgba(252, 173, 56, 0.8);
  color: #F6F0DC;
  width: 25%;
  color: #2F0F0F; }
  .art-contato .sec-tt-pages .desc h2 span {
    display: block; }
.art-contato h2.tt {
  width: 100%;
  text-align: center;
  font-size: 3.3333rem;
  letter-spacing: 3px;
  font-weight: 300;
  color: #421816;
  padding: 8rem 0; }
.art-contato .sec-contato {
  padding: 8rem 0; }
  .art-contato .sec-contato .grid {
    max-width: 100%;
    width: 100%; }
  .art-contato .sec-contato .desc {
    width: 40%;
    color: #421816;
    padding: 0 12rem; }
    .art-contato .sec-contato .desc p {
      font-size: 1.3333rem;
      font-weight: 300;
      padding-bottom: 3rem; }
    .art-contato .sec-contato .desc h3 {
      font-size: 1.887rem;
      font-family: "Bree Serif", serif; }
    .art-contato .sec-contato .desc .item {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      width: 100%;
      align-items: center;
      align-content: center;
      padding: 2rem 0; }
      .art-contato .sec-contato .desc .item .ico {
        width: 13%; }
      .art-contato .sec-contato .desc .item .descct {
        width: 87%; }
        .art-contato .sec-contato .desc .item .descct a, .art-contato .sec-contato .desc .item .descct p {
          font-size: 1.5rem;
          color: #421816;
          padding-top: 0;
          padding-bottom: 0; }
  .art-contato .sec-contato .mapa {
    font-size: 0;
    width: 50%; }

.art-parceiros .sec-tt-pages .desc {
  background-color: rgba(246, 240, 220, 0.8);
  color: #F6F0DC;
  width: 25%;
  color: #421816; }
  .art-parceiros .sec-tt-pages .desc h2 span {
    display: block; }
.art-parceiros h2.tt {
  width: 100%;
  text-align: center;
  font-size: 3.3333rem;
  letter-spacing: 3px;
  font-weight: 300;
  color: #421816;
  padding: 8rem 0; }
  .art-parceiros h2.tt .grid {
    align-items: center;
    align-content: center;
    max-width: 110rem; }
.art-parceiros .sec-list-parceiros {
  padding: 8rem 0;
  background-color: #421816; }
  .art-parceiros .sec-list-parceiros .item-parceiros {
    width: 33.3333%;
    padding: 2rem; }
    .art-parceiros .sec-list-parceiros .item-parceiros .img {
      font-size: 0; }
      .art-parceiros .sec-list-parceiros .item-parceiros .img img {
        border-radius: 10px 10px 0 0; }
    .art-parceiros .sec-list-parceiros .item-parceiros .desc {
      background-color: #F6F0DC;
      padding: 2rem;
      border-radius: 0 0 10px 10px; }
      .art-parceiros .sec-list-parceiros .item-parceiros .desc h2 {
        font-size: 1.887rem;
        font-weight: 600;
        color: #421816; }
      .art-parceiros .sec-list-parceiros .item-parceiros .desc p {
        font-size: 1.3333rem;
        font-weight: 300;
        color: #B35F07; }

.art-ambientes-corporativos .sec-tt-pages .desc,
.art-ambientes-residenciais .sec-tt-pages .desc {
  background-color: rgba(47, 15, 15, 0.8);
  color: #F6F0DC; }
  .art-ambientes-corporativos .sec-tt-pages .desc h2 span,
  .art-ambientes-residenciais .sec-tt-pages .desc h2 span {
    display: block; }
.art-ambientes-corporativos .sec-ch-ambientes,
.art-ambientes-residenciais .sec-ch-ambientes {
  padding: 2rem 0; }
  .art-ambientes-corporativos .sec-ch-ambientes a.item,
  .art-ambientes-residenciais .sec-ch-ambientes a.item {
    width: 16%;
    text-align: center;
    padding: 3rem 0 2rem 0;
    border-radius: 10px;
    transition: .2s ease;
    cursor: pointer; }
    .art-ambientes-corporativos .sec-ch-ambientes a.item .ico,
    .art-ambientes-residenciais .sec-ch-ambientes a.item .ico {
      height: 100px; }
    .art-ambientes-corporativos .sec-ch-ambientes a.item h2,
    .art-ambientes-residenciais .sec-ch-ambientes a.item h2 {
      font-size: 1.3333rem;
      font-family: "Bree Serif", serif;
      text-align: center;
      text-transform: uppercase;
      color: #421816; }
    .art-ambientes-corporativos .sec-ch-ambientes a.item:hover,
    .art-ambientes-residenciais .sec-ch-ambientes a.item:hover {
      background-color: #FCAD38;
      transition: .4s ease; }
    .art-ambientes-corporativos .sec-ch-ambientes a.item.active,
    .art-ambientes-residenciais .sec-ch-ambientes a.item.active {
      background-color: #FCAD38; }
.art-ambientes-corporativos .sec-desc,
.art-ambientes-residenciais .sec-desc {
  padding: 2rem 0; }
  .art-ambientes-corporativos .sec-desc .grid,
  .art-ambientes-residenciais .sec-desc .grid {
    width: 100%;
    max-width: 100%; }
  .art-ambientes-corporativos .sec-desc .desc,
  .art-ambientes-residenciais .sec-desc .desc {
    width: 30%;
    padding: 0 8rem; }
    .art-ambientes-corporativos .sec-desc .desc .container,
    .art-ambientes-residenciais .sec-desc .desc .container {
      display: none; }
      .art-ambientes-corporativos .sec-desc .desc .container.active,
      .art-ambientes-residenciais .sec-desc .desc .container.active {
        display: block; }
    .art-ambientes-corporativos .sec-desc .desc .sep,
    .art-ambientes-residenciais .sec-desc .desc .sep {
      display: table;
      width: 122px;
      height: 2px;
      background-color: #FCAD38;
      margin: 3rem 0; }
    .art-ambientes-corporativos .sec-desc .desc h2,
    .art-ambientes-residenciais .sec-desc .desc h2 {
      font-size: 3.3333rem;
      color: #421816;
      font-weight: 300; }
    .art-ambientes-corporativos .sec-desc .desc p,
    .art-ambientes-residenciais .sec-desc .desc p {
      font-size: 1.667rem;
      line-height: 1.7; }
  .art-ambientes-corporativos .sec-desc .img,
  .art-ambientes-residenciais .sec-desc .img {
    width: 65%;
    min-height: 750px;
    position: relative; }
    .art-ambientes-corporativos .sec-desc .img .car-ambiente,
    .art-ambientes-residenciais .sec-desc .img .car-ambiente {
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
      opacity: 0;
      visibility: hidden;
      transition: .3s ease;
      transform: translate3d(0, -80px, 0); }
      .art-ambientes-corporativos .sec-desc .img .car-ambiente.active,
      .art-ambientes-residenciais .sec-desc .img .car-ambiente.active {
        opacity: 1;
        visibility: visible;
        transition: 1s ease;
        transform: translate3d(0, 0, 0); }

.art-ambientes-corporativos .sec-ch-ambientes .grid {
  justify-content: center; }
  .art-ambientes-corporativos .sec-ch-ambientes .grid .item {
    margin: 0 2rem; }

.art-espaco-do-cliente {
  padding: 8rem 0; }
  .art-espaco-do-cliente .grid {
    max-width: 402px; }
    .art-espaco-do-cliente .grid h2 {
      font-size: 1.887rem;
      font-family: "Bree Serif", serif;
      color: #421816;
      padding-bottom: 2rem; }
    .art-espaco-do-cliente .grid .btn {
      cursor: pointer;
      margin: 1rem 0;
      transition: .2s ease; }
      .art-espaco-do-cliente .grid .btn:hover {
        transform: scale(1.04);
        transition: .4s ease; }
  .art-espaco-do-cliente .lightbox {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    opacity: 0;
    visibility: hidden;
    transition: .25s ease; }
    .art-espaco-do-cliente .lightbox.active {
      visibility: visible;
      opacity: 1;
      transition: .5s ease; }
    .art-espaco-do-cliente .lightbox .container {
      width: 1000px;
      max-height: 80%; }
      .art-espaco-do-cliente .lightbox .container .tt {
        background-color: #F8F8F8;
        padding: 3rem 2rem;
        position: relative;
        border-bottom: #E6E6E6 1px solid; }
        .art-espaco-do-cliente .lightbox .container .tt .close {
          position: absolute;
          right: 20px;
          top: 50%;
          transform: translate3d(0, -50%, 0);
          cursor: pointer; }
      .art-espaco-do-cliente .lightbox .container .desc {
        background-color: #fff;
        padding: 2rem 3rem 4rem 3rem;
        max-height: 800px;
        overflow: scroll; }
        .art-espaco-do-cliente .lightbox .container .desc p {
          font-size: 1.3333rem;
          font-weight: 300;
          line-height: 1.6;
          padding-top: 2rem; }
          .art-espaco-do-cliente .lightbox .container .desc p.pt0 {
            padding-top: .3rem; }
        .art-espaco-do-cliente .lightbox .container .desc h2 {
          padding-top: 2rem;
          font-size: 1.667rem;
          font-family: "Bree Serif", serif;
          text-transform: uppercase;
          color: #421816; }

.sec-rodape {
  background-color: #2F0F0F; }
  .sec-rodape .form,
  .sec-rodape .contatos {
    padding: 6rem 3rem;
    border-right: 1px solid #904A0D; }
    .sec-rodape .form h2,
    .sec-rodape .contatos h2 {
      font-size: 1.887rem;
      color: #FCAD38;
      font-family: "Bree Serif", serif;
      padding-bottom: 2rem; }
  .sec-rodape .contatos {
    width: 35%; }
    .sec-rodape .contatos a.redes {
      display: inline-table;
      padding-right: 1rem; }
    .sec-rodape .contatos .item {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      width: 100%;
      align-items: center;
      align-content: center;
      padding: 2rem 0; }
      .sec-rodape .contatos .item .ico {
        width: 13%; }
      .sec-rodape .contatos .item .desc {
        width: 87%; }
        .sec-rodape .contatos .item .desc a, .sec-rodape .contatos .item .desc p {
          font-size: 1.5rem;
          color: #fff; }
  .sec-rodape .form {
    width: 60%;
    border-right: none; }
    .sec-rodape .form .tt {
      padding: 0 1rem;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      align-content: center;
      align-items: center; }
      .sec-rodape .form .tt h2 {
        padding-bottom: 0; }
        .sec-rodape .form .tt h2 span {
          display: block; }
      .sec-rodape .form .tt p {
        font-weight: 300;
        font-size: 2.66667rem;
        color: #F6F0DC; }
    .sec-rodape .form form {
      padding-top: 3rem;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between; }
      .sec-rodape .form form .col-1 {
        width: 50%; }
      .sec-rodape .form form .col {
        width: 100%;
        padding: 1rem; }
        .sec-rodape .form form .col.w100 {
          width: 100%; }
          .sec-rodape .form form .col.w100.tr {
            text-align: right; }
      .sec-rodape .form form .textfield {
        width: 100%;
        padding: 1rem;
        font-size: 1.3333rem;
        font-weight: 300;
        border-radius: 10px;
        border: none; }
      .sec-rodape .form form textarea.textfield {
        height: 82px;
        resize: vertical; }
      .sec-rodape .form form .anexo {
        width: 100%;
        padding: 1rem;
        font-size: 1.3333rem;
        background-color: #fff;
        border-radius: 10px;
        color: #777;
        font-weight: 300; }
        .sec-rodape .form form .anexo p {
          padding-bottom: .5rem; }
      .sec-rodape .form form button.button {
        display: inline-table;
        margin-top: 3rem;
        font-family: "Bree Serif", serif;
        color: #FCAD38;
        font-size: 1.887rem;
        text-transform: uppercase;
        border: 3px solid #FCAD38;
        border-radius: 10px;
        padding: .6rem 1.5rem;
        background-color: transparent;
        cursor: pointer;
        transition: .3s ease; }
        .sec-rodape .form form button.button:hover {
          background-color: #FCAD38;
          color: #2F0F0F;
          transition: .6s ease; }
    .sec-rodape .form .assinatura-urso {
      text-align: right;
      padding-top: 2rem; }
      .sec-rodape .form .assinatura-urso a {
        color: #F6F0DC;
        opacity: .57;
        transition: .2s ease; }
        .sec-rodape .form .assinatura-urso a:hover {
          text-decoration: underline;
          opacity: 1;
          transition: .4s ease; }

@media screen and (max-width: 1460px) {
  .sec-header .sec-topo .sec-menu li a {
    font-size: 1.3333rem;
    padding: 2rem 1.5rem; }

  .art-home .sec-banner .desc {
    width: 40%; }

  .art-como-trabalhamos .sec-diferenciais .desc p,
  .art-home .sec-quem-somos .desc p {
    font-size: 1.5rem; }

  .art-home .sec-quem-somos .desc h3 {
    font-size: 1.887rem; }

  .art-ambientes .sec-saiba-trabalhamos .desc {
    padding: 0 6rem; }

  .art-ambientes-corporativos .sec-desc .desc, .art-ambientes-residenciais .sec-desc .desc {
    padding: 0 4rem;
    width: 35%; }

  .art-ambientes-corporativos .sec-tt-pages .desc, .art-ambientes-residenciais .sec-tt-pages .desc {
    width: 30%; }

  .art-quem-somos .sec-tt-pages .desc,
  .art-como-trabalhamos .sec-tt-pages .desc {
    width: 40%; }

  .art-como-trabalhamos .sec-steps .item h2 {
    font-size: 2rem; }

  .art-contato .sec-contato .desc,
  .art-quem-somos .sec-quem-somos .desc {
    padding: 0 8rem; }

  .art-quem-somos .sec-linha-tempo span.data .desc {
    width: 280px; }

  .sec-rodape .redes h2, .sec-rodape .form h2, .sec-rodape .contatos h2 {
    font-size: 1.5rem; }

  .sec-rodape .form .tt p {
    font-size: 2rem; } }
@media screen and (max-width: 1400px) {
  .art-espaco-do-cliente .lightbox .container .desc {
    max-height: 390px; } }
@media screen and (max-width: 1025px) {
  .sec-menu ul {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 250px;
    z-index: 99;
    background-color: #2F0F0F;
    border-left: 3px solid #2F0F0F;
    height: 100%;
    transform: translate3d(100%, 0, 0);
    opacity: 0;
    transition: .2s;
    overflow-y: auto; }

  .sec-menu ul li {
    display: block;
    width: 100%;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
    font-size: 1.167rem !important;
    box-sizing: border-box; }
    .sec-menu ul li ul {
      position: unset !important;
      display: block !important;
      background-color: rgba(255, 255, 255, 0.2) !important; }
      .sec-menu ul li ul li {
        padding: 0 !important; }

  .sec-menu li a {
    font-size: 1.167rem !important;
    display: block !important;
    padding: 10px 15px !important;
    box-sizing: border-box !important;
    color: #fff !important;
    text-align: left;
    line-height: 1.5 !important; }
    .sec-menu li a:hover {
      color: #2F0F0F !important; }

  .sec-menu ul.open {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    transition: .5s; }

  .menu-responsivo {
    position: fixed;
    top: 0;
    right: 0;
    display: inline-table;
    background: url("../imagens/menu-resposivo.png") no-repeat;
    background-position: center center;
    background-color: #2F0F0F;
    padding: 5px;
    width: 38px;
    height: 38px;
    z-index: 99;
    transition: .5s;
    cursor: pointer;
    padding: 1rem; }

  .menu-responsivo.close {
    background: url("../imagens/menu-resposivo-close.png") no-repeat;
    background-position: center center;
    background-color: #2F0F0F;
    padding: 10px;
    transition: .5s;
    transform: translate3d(-250px, 0, 0); }

  .art-home .sec-banner .desc h2 {
    font-size: 2rem; }

  a.button {
    font-size: 1.3333rem; }

  .art-home .sec-quem-somos .grid {
    padding: 0; }

  .art-ambientes h2.tt {
    font-size: 2.5rem;
    padding: 3rem 0; }

  .art-ambientes .sec-saiba-trabalhamos .desc {
    padding: 0 2rem; }

  .art-contato .sec-tt-pages .desc,
  .art-parceiros .sec-tt-pages .desc,
  .art-quem-somos .sec-tt-pages .desc, .art-como-trabalhamos .sec-tt-pages .desc,
  .art-ambientes-corporativos .sec-tt-pages .desc, .art-ambientes-residenciais .sec-tt-pages .desc {
    width: 50%; }

  .art-ambientes-corporativos .sec-desc .desc, .art-ambientes-residenciais .sec-desc .desc {
    width: 50%;
    padding: 0 2rem; }

  .art-ambientes-corporativos .sec-desc .img, .art-ambientes-residenciais .sec-desc .img {
    width: 50%;
    min-height: 340px; }

  .art-como-trabalhamos .sec-pos-venda .grid p,
  .art-ambientes-corporativos .sec-desc .desc p, .art-ambientes-residenciais .sec-desc .desc p {
    font-size: 1rem; }

  .art-como-trabalhamos .sec-steps .item {
    padding: 0 1rem; }

  .art-como-trabalhamos .sec-diferenciais .img h2 {
    font-size: 1.667rem; }

  .art-contato .sec-contato .desc, .art-quem-somos .sec-quem-somos .desc {
    padding: 0 2rem; }

  .art-quem-somos .sec-linha-tempo span.data:nth-child(odd),
  .art-quem-somos .sec-linha-tempo span.data {
    position: unset;
    transform: translate3d(0, 0, 0) !important;
    left: 0;
    padding: 2rem; }

  .art-quem-somos .sec-linha-tempo span.data:nth-child(odd) {
    left: 50%; }

  .art-quem-somos .sec-linha-tempo span.data:before {
    display: none; }

  .art-quem-somos .sec-linha-tempo span.data:nth-child(odd) .ano {
    transform: translate3d(0, 0, 0) !important; }

  .art-quem-somos .sec-linha-tempo span.data .desc {
    position: unset;
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0) !important; }

  .art-quem-somos .sec-linha-tempo span.data:after {
    display: none; }

  .art-quem-somos .sec-linha-tempo .grid:after {
    display: none; }

  .art-parceiros h2.tt .grid {
    text-align: center; }
    .art-parceiros h2.tt .grid span {
      display: block;
      width: 100%;
      margin: 1rem 0; }

  .sec-rodape .redes,
  .sec-rodape .contatos {
    width: 48%;
    order: 2; }

  .sec-rodape .form {
    width: 100%;
    order: 1; }

  .sec-rodape .redes {
    border-right: none; } }
@media screen and (max-width: 768px) {
  body, html {
    font-size: 10px; } }
@media screen and (max-width: 500px) {
  .art-home .sec-banner .desc {
    width: 100%;
    position: unset;
    padding: 3rem; }

  .art-home .sec-ch-ambientes a.item {
    width: 48%; }

  .art-home .sec-quem-somos .desc {
    width: 100%; }

  .art-como-trabalhamos .sec-diferenciais .img .detail,
  .art-home .sec-quem-somos .img .detail {
    display: none; }

  .sec-rodape .redes, .sec-rodape .contatos,
  .art-home .sec-quem-somos .img {
    width: 100%; }

  .sec-rodape .redes, .sec-rodape .form, .sec-rodape .contatos {
    padding: 3rem 1rem;
    border-right: none; }

  .art-como-trabalhamos .sec-ch .grid .col,
  .art-ambientes .sec-ch .grid .col {
    width: 100%;
    padding: 3rem; }

  .art-como-trabalhamos .sec-ch .grid .col h2,
  .art-ambientes .sec-ch .grid .col h2 {
    font-size: 2rem; }

  .art-ambientes .sec-saiba-trabalhamos .desc {
    width: 100%; }

  .art-ambientes .sec-saiba-trabalhamos .img {
    width: 100%;
    padding: 2rem 0; }

  .sec-tt-pages .grid {
    height: 50vh; }

  .art-contato .sec-tt-pages .desc, .art-parceiros .sec-tt-pages .desc, .art-quem-somos .sec-tt-pages .desc, .art-como-trabalhamos .sec-tt-pages .desc, .art-ambientes-corporativos .sec-tt-pages .desc, .art-ambientes-residenciais .sec-tt-pages .desc {
    width: 100%;
    padding: 0 2rem; }
    .art-contato .sec-tt-pages .desc h1, .art-contato .sec-tt-pages .desc h2, .art-parceiros .sec-tt-pages .desc h1, .art-parceiros .sec-tt-pages .desc h2, .art-quem-somos .sec-tt-pages .desc h1, .art-quem-somos .sec-tt-pages .desc h2, .art-como-trabalhamos .sec-tt-pages .desc h1, .art-como-trabalhamos .sec-tt-pages .desc h2, .art-ambientes-corporativos .sec-tt-pages .desc h1, .art-ambientes-corporativos .sec-tt-pages .desc h2, .art-ambientes-residenciais .sec-tt-pages .desc h1, .art-ambientes-residenciais .sec-tt-pages .desc h2 {
      font-size: 2rem;
      text-align: center;
      width: 100%; }
      .art-contato .sec-tt-pages .desc h1 span, .art-contato .sec-tt-pages .desc h2 span, .art-parceiros .sec-tt-pages .desc h1 span, .art-parceiros .sec-tt-pages .desc h2 span, .art-quem-somos .sec-tt-pages .desc h1 span, .art-quem-somos .sec-tt-pages .desc h2 span, .art-como-trabalhamos .sec-tt-pages .desc h1 span, .art-como-trabalhamos .sec-tt-pages .desc h2 span, .art-ambientes-corporativos .sec-tt-pages .desc h1 span, .art-ambientes-corporativos .sec-tt-pages .desc h2 span, .art-ambientes-residenciais .sec-tt-pages .desc h1 span, .art-ambientes-residenciais .sec-tt-pages .desc h2 span {
        display: inline; }

  .art-contato h2.tt,
  .art-parceiros h2.tt,
  .art-quem-somos .sec-quem-somos h2,
  .art-como-trabalhamos h2.tt {
    font-size: 2.5rem; }

  .art-contato h2.tt {
    padding: 3rem 0 0 0; }

  .art-como-trabalhamos .sec-diferenciais .desc {
    width: 100%;
    order: 1; }

  .art-como-trabalhamos .sec-diferenciais .img {
    width: 100%;
    order: 2;
    padding-top: 3rem; }

  .art-como-trabalhamos .sec-pos-venda .grid .col {
    width: 100%;
    padding: 2rem 0; }

  .art-como-trabalhamos .sec-pos-venda .grid .col.gr .ico {
    padding: .5rem 1rem; }

  .art-quem-somos .sec-quem-somos .img,
  .art-contato .sec-contato .desc, .art-quem-somos .sec-quem-somos .desc {
    width: 100%; }

  .art-quem-somos .sec-quem-somos .img {
    padding-top: 3rem; }

  .art-quem-somos .sec-linha-tempo .grid {
    padding: 5rem 0; }

  .art-quem-somos .sec-ch h2 {
    font-size: 2rem; }

  .sec-header .logo {
    width: 100%;
    text-align: center;
    padding: 2rem 0; }

  .art-contato .sec-contato .mapa,
  .art-parceiros .sec-list-parceiros .item-parceiros {
    width: 100%; }

  .art-ambientes-corporativos .sec-ch-ambientes a.item, .art-ambientes-residenciais .sec-ch-ambientes a.item {
    width: 48%;
    margin: 0 !important; }

  .art-ambientes-corporativos .sec-desc .desc, .art-ambientes-residenciais .sec-desc .desc {
    width: 100%; }

  .art-ambientes-corporativos .sec-desc .img, .art-ambientes-residenciais .sec-desc .img {
    width: 100%;
    margin-top: 2rem; }

  .art-quem-somos .sec-quem-somos,
  .art-ambientes .sec-saiba-trabalhamos {
    padding: 0; }

  .art-quem-somos .sec-quem-somos h2 {
    padding: 4rem 0; }

  .art-quem-somos .sec-quem-somos .desc h3 {
    font-size: 1.5rem;
    display: inline; }

  .art-espaco-do-cliente .lightbox .container {
    width: 90%; }

  .art-espaco-do-cliente .lightbox .container .tt img {
    max-height: 16px; }

  .art-espaco-do-cliente .lightbox .container .desc p {
    font-size: 1rem; }

  .art-espaco-do-cliente .lightbox .container .desc h2 {
    font-size: 1.3333rem; }

  .art-espaco-do-cliente .lightbox .container .desc {
    max-height: 330px; }

  .art-home .sec-quem-somos .img {
    padding-top: 2rem; }

  .sec-rodape .form form .col-1 {
    width: 100%; }

  .sec-rodape .contatos a.redes {
    width: auto;
    padding: 1rem; }

  .art-home .sec-ch-ambientes a.item {
    padding: 2rem 0 1rem 0; }

  .art-home .sec-ch-ambientes {
    padding: 3rem 0; }

  .art-ambientes-corporativos .sec-desc .img, .art-ambientes-residenciais .sec-desc .img {
    min-height: 250px; }

  .art-contato .sec-contato,
  .art-como-trabalhamos h2.tt {
    padding: 4rem 0; }

  .sec-steps .grid {
    width: 80%; }

  .sec-rodape {
    position: relative; }

  .sec-rodape .form .assinatura-urso {
    position: absolute;
    bottom: 5px;
    padding-top: 0;
    left: 50%;
    transform: translate(-50%, -10px); } }
input#menu-hamburger {
  display: none; }

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

a {
  text-decoration: none; }

img {
  max-width: 100%; }

html, body {
  height: 100%;
  margin: 0;
  font-size: 12px;
  font-family: "Open Sans", sans-serif; }

body.scrollNone {
  overflow: hidden; }

h1, h2, h3, h4, h5, h6, input, select, textarea {
  font-family: "Open Sans", sans-serif;
  font-weight: normal; }

.grid {
  width: 95%;
  max-width: 137.5rem;
  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between; }

/*# sourceMappingURL=style.css.map */