/*
Theme Name: Referência Capital
Theme URI: http://www.agenciafante.com.br/
Author: Agência Fante
Author URI: http://www.agenciafante.com.br/
Description: Tema desenvolvido por Fante.
Version: 1.0
*/

@font-face {
  font-family: 'Manrope';
  src: url('font/Manrope-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('font/Manrope-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('font/Manrope-Bold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
}

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

table tr {
  border-top: 1px solid rgba(0, 0, 0, .1);
}

table tr:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}

table td {
  padding: 20px;
  border-left: 1px solid rgba(0, 0, 0, .1);
}

table td:last-child {
  border-right: 1px solid rgba(0,0,0,.1);
}

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

body, html {
  width: 100%;
  margin:0;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Manrope';
  line-height: 1;
  overflow-x: hidden;
}

input, textarea, select, button {
  font-family: 'Manrope';
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
}

a[href^=tel] { 
  color: inherit; 
  text-decoration: none; 
}

img,
svg {
  width: 100%;
  max-width: 100%;
  height: auto;
  border: none;
}

div.image {
  overflow: hidden;
}

div.image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

div.icon,
span.icon {
  min-width: 60px;
  max-width: 60px;
  min-height: 60px;
  max-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 50%;
  margin: 0 0 20px;
  background-color: #224239;
  box-shadow: 0px 0px 0px 5px rgba(34, 66, 57, 0.10), 0px 0px 15px 0px rgba(34, 66, 57, 0.7);
  /*animation: blow 1.5s ease-in-out infinite;*/
}

div.icon.light,
span.icon.light {
  background-color: #D4FFE0;
  box-shadow: 0px 0px 0px 5px rgba(212, 255, 224, 0.10), 0px 0px 15px 0px rgba(212, 255, 224, 0.7);
}

div.icon.ghost,
span.icon.ghost {
  border: 1px solid rgba(212, 255, 224, 0.15);
  background: rgba(255, 255, 255, 0.05);
  box-shadow: none;
}

/*@keyframes blow {
  0%, to {
    box-shadow: 0px 0px 0px 8px rgba(250, 0, 120, 0.10), 0px 0px 25px 0px rgba(250, 0, 120, 0.7);
  }
  50% {
    box-shadow: 0px 0px 0px 12px rgba(250, 0, 120, 0.10), 0px 0px 25px 0px rgba(250, 0, 120, 0.7);
  }
}*/

div.icon.no-icon,
span.icon.no-icon {
  min-width: 30px;
  max-width: 30px;
  min-height: 30px;
  max-height: 30px;
  background-color: transparent;
  box-shadow: none;
  animation: none;
}

div.icon img,
span.icon img {
  width: 26px;
  display: block;
  position: relative;
  z-index: 2;
}

.font-w .title-common,
.font-w h1,
.font-w h2,
.font-w p {
  color: #fff;
}

.font-w h3 {
  color: #D4FFE0;
}

.font-w .title-common {
  background-color: rgba(255, 255, 255, .25);
}

a {
  text-decoration:none; 
}

::-moz-selection { 
  color: #fff;
  background: #0d211b;
}

::selection {
  color: #fff;
  background: #0d211b;
}

/* Clearfix */

.clearfix::before,
.clearfix::after {
  content: '';
  display: table;
}

.clearfix::after {
 clear: both;
}

/* Preloader */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #224239;
  z-index: 101;
}

.anime-start #preloader {
  animation: fadeOuts 1s;
  animation-fill-mode: forwards;
}

@keyframes fadeOuts {
100% {
  opacity: 0;
  visibility: hidden;
}
}

#status {
  position: relative;
  width: 22.4px;
  height: 22.4px;
  left: 50%;
  top: 50%;
  margin:0;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.dots {
   width: 22.4px;
   height: 22.4px;
   border-radius: 50%;
   background: #BA9356;
   box-shadow: 0 0 0 0 rgba(186, 147, 86, 0.5);
   animation: pulse-c6zlskmd 1s infinite;
}

@keyframes pulse-c6zlskmd {
   100% {
      box-shadow: 0 0 0 20px rgba(186, 147, 86, 0.2);
   }
}

/* Grid */

.col-af {
  width: 100%;
  height: auto;
  position: relative;
  padding: 80px 0;
}

.col-af-content {
  width: 90%;
  max-width: 1216px;
  margin: 0 auto;
}

@media screen and (max-width:991px) {
.col-af {
  padding: 60px 0;
}

.col-af.one-column {
  margin: 40px 0 0;
}

.col-af-slide {
  width: 95%;
  margin-left: 5%;
}
}

/* Button */

.btn,
input[type=submit] {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 600;
  min-width: 200px;
  line-height: 1;
  color: #fff;
  border: 1.5pt solid transparent;
  text-align: center;
  margin: 0;
  background-color: #BA9356;
  padding: 18px 35px 20px;
  transition: ease .5s;
  border-radius: 30px;
}

.btn-white {
  background-color: #fff;
  color: #224239;
}

.btn-outline {
  background-color: transparent;
  border: 1.5pt solid #224239;
  color: #224239;
}

.btn-outline.btn-white {
  border: 1.5pt solid rgba(255, 255, 255, .2);
  color: #fff;
}

.btn-ghost {
  color: #224239;
  background-color: rgba(70, 0, 110, 0.15);
}

.btn-ghost.btn-white {
  color: #fff;
  background-color: rgba(255, 255, 255, .2);
}

.btn.btn-green {
  background-color: #224239;
}

.btn:hover {
  transform: scale(1.02);
  background-color: #DAB170;
  border: 1.5pt solid #BA9356;
  color: #fff;
  box-shadow: 0px 0px 0px 3px rgba(186, 147, 86, 0.30), 0px 0px 30px 0px rgba(186, 147, 86, 0.50);
}

.btn svg,
.btn img {
  width: 18px;
  display: inline-block;
  margin: 0 10px 0 0;
  fill: #fff;
  transition: ease .3s;
}

.btn.btn-ghost svg,
.btn.btn-outline svg {
  fill: #007C74;
}

.btn.btn-outline.btn-white svg {
  fill: #fff;
}

.btn:hover svg {
  fill: #fff;
}

.btn:hover img {
  filter: brightness(0) invert(1);
}

span.title-common {
  display: inline-flex;
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 30px;
  border-radius: 30px;
  padding: 8px 16px;
  text-transform: uppercase;
  align-items: center;
  background-color: #224239;
}

span.title-common img {
  display: block;
  width: 14px;
  margin: 0 10px 0 0;
}

.font-w span.title-common,
span.title-common.light {
  color: #224239;
  background-color: #D4FFE0;
}

.title-common,
h1,
h2,
h3,
h4,
h5 {
  font-size: 32px;
  font-weight: 600;
  color: #224239;
  line-height: 1;
  margin: 0 0 30px;
}


.title-common b,
h1 b,
h2 b,
h3 b,
h4 b,
h5 b {
  display: inline;
  color: #224239;
}

.font-w .title-common b,
.font-w h1 b,
.font-w h2 b,
.font-w h3 b,
.font-w h4 b,
.font-w h5 b {
  color: #fff;
}

h1 {
  font-size: 46px;
}

h3 {
  font-size: 20px;
  line-height: 1.2;
  color: #224239;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 14px;
}

p {
  font-size: 15px;
  font-weight: 400;
  color: #232323;
  line-height: 1.5;
  opacity: .9;
  margin: 0;
}

@media screen and (max-width:991px) {
a.btn {
  width: 100%;
  min-width: 100px;
}

.title-common,
h1 {
  font-size: 28px;
}

.hero.full h1 {
  font-size: 38px;
}

h2 {
  font-size: 26px;
}

h3,
h4 {
  font-size: 20px;
}
}

/* WhatsApp */

.wpp-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  z-index: 99;
  background-color: #D4FFE0;
  transition: ease .4s;
  border: 2px solid rgba(255, 255, 255, .3);
  box-shadow: 0px 15px 60px 0px rgba(0,0,0,.3);
}

.wpp-btn:hover {
  transform: scale(1.05);
}

.wpp-btn svg {
  position: absolute;
  top: 50%;
  left: 50%;
  fill: #224239;
  transform: translate(-50%, -50%);
  width: 30px;
}

/* Cookie */

.cookies-container {
  position: fixed;
  width: 100%;
  max-width: 270px;
  margin: 0;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 100;
}

.cookies-content {
  background: #fff;
  width: 100%;
  padding: 20px;
  margin: 0 auto;
  display: block;
  position: relative;
  border: 1px solid rgba(0,0,0,.05);
  box-shadow: 0px 0px 40px 0px rgba(0,0,0,.1);
  border-radius: 2px;
}

.cookies-content p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.4;
  display: block;
}

.cookies-content a {
  display: inline-block;
  text-decoration: underline;
  color: inherit;
}

.cookies-content .cookies-save {
  color: #282828;
  display: block;
  cursor: pointer;
  font-weight: 700;
  border: 0;
  outline: 0;
  padding: 0;
  margin: 10px 0 0;
  background-color: transparent;
}

.cookies-content .cookies-save:hover {
  text-decoration: underline;
}

.cookies-pref {
  display: none;
}

@media screen and (max-width:991px) {
.cookies-container {
  width: calc(100% - 3rem);
  max-width: 100%;
  bottom: 1.5rem;
  right: 1.5rem;
}

.cookies-content {
  text-align: center;
}

.cookies-content .cookies-save {
  margin: 10px auto 0;
}
}

/* Header */

.header {
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  transition: ease 0.3s;
}

.page-id-1489 .header {
  display: none;
}

body:not(.page-template):not(.single) .header {
  background-color: #224239;
  position: sticky;
}

.header.header-is-visible {
  background-color: #224239;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  box-shadow: 0px 15px 60px 0px rgba(0, 0, 0, 0.1);
}

.header.header-is-active {
  background-color: #224239;
}

.admin-bar .header {
  top: 32px;
}

.header .col-af-content {
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.buttons {
  display: flex;
  position: relative;
}

.buttons .btn {
  flex: none;
  width: auto;
  min-width: 160px;
  padding: 15px 25px 17px;
  margin: 0;
}

.buttons:not(.mobile) .btn.btn-ghost {
  background-color: transparent;
  margin: 0 10px 0 0;
}

.buttons.mobile {
  display: none;
}

/* Logo */

a.logo {
  display: block;
  width: 160px;
  min-width: 160px;
  max-width: 160px;
}

a.logo img {
  display: block;
  width: 100%;
  margin: 0;
}

@media screen and (max-width:1268px) {
  a.logo {
    position: absolute;
    left: 0;
  }
  .buttons:not(.mobile) {
    position: absolute;   
    right: 50px;
  }
  .buttons.mobile {
    display: block;
    width: 100%;
  }

  .buttons.mobile .btn {
    width: 100%;
    margin: 20px 0 0;
  }
}

@media screen and (max-width:991px) {
  .header {
    position: fixed;
  }
  .header .col-af-content {
    height: 65px;
  }

  .buttons:not(.mobile) .btn {
    min-width: auto;
    padding: 8px 10px;
    margin: 0!important;
    font-size: 11px;
    align-items: center;
  }

  .buttons:not(.mobile) .btn.btn-outline {
    display: none;
  }

  a.logo {
    width: 115px;
    min-width: 115px;
    max-width: 115px;
  }
}

/* Nav */

.nav {
  flex: 1;
  text-align: center;
}

.nav ul {
  margin: 0 auto;
  padding: 0;
}

.nav li {
  display: inline-block;
  line-height: 90px;
  position: relative;
}

.nav li.nav-expand {
  background-color: transparent;
}

.nav li a {
  display: block;
  font-size: 0.89em;
  text-align: center;
  font-weight: 400;
  color: #fff;
  padding: 0 12px;
  margin: 0;
  opacity: .9;
  transition: ease 0.3s;
}

.nav a.nav-link {
  position: relative;
  padding-right: 25px;
}

.nav a.nav-link::after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  right: 3px;
  margin: -10px 0 0;
  width: 20px;
  height: 20px;
  background-size: 10px auto;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6' fill='none'%3E%3Cpath d='M4.5 5.99998C4.39238 5.99998 4.29148 5.9833 4.19731 5.94993C4.10314 5.91657 4.0157 5.85926 3.93498 5.778L0.221973 2.065C0.0739907 1.91702 0 1.72868 0 1.49998C0 1.27128 0.0739907 1.08294 0.221973 0.934955C0.369955 0.786973 0.558296 0.712982 0.786995 0.712982C1.01569 0.712982 1.20404 0.786973 1.35202 0.934955L4.5 4.08294L7.64798 0.934955C7.79596 0.786973 7.9843 0.712982 8.213 0.712982C8.4417 0.712982 8.63004 0.786973 8.77803 0.934955C8.92601 1.08294 9 1.27128 9 1.49998C9 1.72868 8.92601 1.91702 8.77803 2.065L5.06502 5.778C4.9843 5.85872 4.89686 5.91603 4.80269 5.94993C4.70852 5.98383 4.60762 6.00052 4.5 5.99998Z' fill='%23FA0078'/%3E%3C/svg%3E");
}

.nav li .nav-link.active::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.nav li ul.submenu {
  opacity: 0;
  width: 100%;
  height: calc(100vh - 90px);
  visibility: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  left: 0;
  top: 90px;
  position: fixed;
  z-index: 9;
  background-color: rgba(0, 0, 0, .7);
  transition: ease 0.3s;
}

.admin-bar .nav li ul.submenu {
  top: 122px;
}

.nav li ul .menu {
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, .15);
  width: 100%;
  background-color: #fff;
  padding: 60px 0;
}

.nav li .nav-link.active + ul {
  opacity: 1;
  visibility: visible;
}

.nav li .col-af-content {
  height: auto;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: inherit;
  justify-content: inherit;
}

.nav li a:hover {
  color: #BA9356;
  opacity: 1;
}

.nav .col-af-content li {
  flex: 1;
  padding: 15px;
}

.nav .col-af-content li a {
  display: flex;
  padding: 20px 20px 30px 30px;
  height: 100%;
  border-radius: 8px;
  text-align: left;
  align-items: stretch;
  align-content: space-between;
  flex-wrap: wrap;
  transition: .4s ease;
  background-color: #F6F2F8;
}

.nav .col-af-content li a:hover {
  transform: scale(1.02);
  background-color: #FA0078;
  box-shadow: 0px 0px 0px 5px rgba(250, 0, 120, 0.30), 0px 0px 30px 0px rgba(250, 0, 120, 0.50);
}

.nav .col-af-content li .icon {
  margin: 0 0 15px;
}

.nav .col-af-content li h3 {
  margin: 0;
  width: 100%;
  font-size: 16px;
}

.nav .col-af-content li a:hover .icon img {
  filter: brightness(0) invert(1);
}

.nav .col-af-content li a:hover h3 {
  color: #fff;
}

/* Input */

input#toggle-menu,
label.toggle-menu {
  display:none;
}

@media screen and (max-width:1268px) {
label.toggle-menu {
  position: absolute;
  right: 0;
  top: 15px;
  display: block;
  z-index: 11;
  height: 60px;
  width: 60px;
  outline: 0;
  border: 0;
  cursor: pointer;
}

label.toggle-menu div {
  position: absolute;
  top: 20px;
  left: 20px;
}

label.toggle-menu span {
  display: block;
  height: 2pt;
  width: 30px;
  background-color: #fff;
  position: absolute;
  opacity: 1;
  left: 0;
  border-radius: 10px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: all .3s;
}

label.toggle-menu span:nth-child(1) {
  top: 0px;
}

label.toggle-menu span:nth-child(2) {
  top: 8px;
}

label.toggle-menu span:nth-child(3) {
  top: 16px;
}

input#toggle-menu:checked ~ label.toggle-menu span:nth-child(1) {
  top: 8px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

input#toggle-menu:checked ~ label.toggle-menu span:nth-child(2) {
  opacity: 0;
}

input#toggle-menu:checked ~ label.toggle-menu span:nth-child(3) {
  top: 8px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.nav {
  float: none;
  height: calc(100vh - 90px);
  width: 100%;
  position: fixed;
  top: 90px;
  right: 0;
  margin: 0;
  z-index: 10;
  padding: 30px 30px 60px;
  background-color: #224239;
  transition: all .3s;
  -webkit-transform: translateY(150%);
  transform: translateY(150%);
  overflow-y: auto;
}

.header-is-visible .nav {
  height: calc(100vh - 90px);
  top: 90px;
}

input#toggle-menu:checked ~ .nav {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.nav ul {
  width: 100%;
  line-height: 60px;
  padding: 0 0 20px;
}

.nav li {
  width: 100%;
  line-height: 60px;
  float: left;
}

.nav li a:not(.btn) {
  font-size: 0.95em;
  text-align: left;
  padding: 0;
  border-bottom: 1px solid rgba(255,255,255,.15);
  position: relative;
}

.nav li ul {
  display: block;
  position: relative;
  width: 100%;
  box-shadow: none;
  max-height: 0;
  top: auto;
  left: auto;
  overflow: hidden;
  padding: 0;
  background-color: transparent;
  transition: all .3s;
}

.nav li .nav-link.active + ul {
  max-height: 800px;
  border-bottom: 1px solid rgba(0,0,0,.15);
  padding: 20px 0;
}

.nav li ul li a {
  font-size: 14px;
  text-align: left;
  padding: 0;
  color: #fff;
  border-bottom: 0;
  position: relative;
}

.nav li ul.submenu,
.admin-bar .nav li ul.submenu {
  height: auto;
  left: auto;
  top: auto;
  position: relative;
  background-color: transparent;
  overflow: visible;
}

.nav li ul .menu {
  border-top: 0;
  padding: 0;
}

.nav li .col-af-content {
  width: 100%;
}

.nav .col-af-content li {
  flex: none;
  width: 100%;
  padding: 10px 0
}

.nav .col-af-content li h3 {
  font-size: 15px;
}

.nav .col-af-content li a {
  padding: 20px 20px 20px 20px;
  border: 0;
}
}

@media screen and (max-width:991px) {
label.toggle-menu {
  right: 0;
  top: 2px;
}

.nav,
.header-is-visible .nav {
  height: calc(100vh - 65px);
  top: 65px;
}
}

/* Hero */

.hero {
  position: relative;
  overflow: hidden;
  height: 100vh;
  max-height: 740px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 0;
}

.hero.font-w {
  background-color: #224239;
}

.hero.reduzido {
  max-height: 500px;
}

.hero.contato:not(.login) {
  height: auto;
  max-height: 3000px;
  overflow: visible;
}

.hero.lateral::before {
  position: absolute;
  content: '';
  display: block;
  width: 20%;
  height: 140px;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #BA9356;
  filter: blur(150px);
  opacity: .6;
}

.hero.contato::before {
  content: '';
  display: block;
  width: 38%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #BA9356;
  z-index: 2;
}

.hero.gradient::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(0,0,0);
  background: linear-gradient(90deg, rgba(23, 54, 45, 0.90) 7%, rgba(23, 54, 45, 0.60) 25%, rgba(23, 54, 45, 0) 70%),
  linear-gradient(180deg, rgba(0,0,0, 0.60) 7%, rgba(0,0,0, 0.20) 25%, rgba(0,0,0, 0) 70%),
  linear-gradient(90deg, rgba(0,0,0, 0.90) 7%, rgba(0,0,0, 0.60) 25%, rgba(0,0,0, 0) 70%);
  z-index: 1;
}

.hero .col-af-content {
  position: absolute;
  z-index: 2;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.hero.reduzido .col-af-content {
  top: 58%;
}

.hero.contato:not(.login) .col-af-content {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  padding: 190px 0 100px;
}

.hero:not(.full) .info {
  width: 50%;
  float: left;
}

.hero .info {
  transition: ease .8s;
  opacity: 0;
  transition-delay: .8s;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}

.hero.contato .info {
  position: sticky;
  top: 140px;
  left: 0;
  width: 40%;
}

.hero.gradient span.title-common {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.hero .info h1 {
  margin: 0 0 30px;
}

.hero .info p {
  margin: 0 0 30px;
}

.anime-start .hero .info {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

.hero .col-af-content .btn {
  margin: 0 15px 0 0;
}

.hero.gradient .image {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.hero.lateral .image {
  position: absolute;
  left: 55%;
  bottom: 0;
  width: 40%;
  max-width: 560px;
  z-index: 1;
  overflow: visible;
}

.hero.lateral .image::after {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background-image: url(images/icon.svg);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
}

.hero.lateral .image::before {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 200px;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: #BA9356;
  filter: blur(200px);
}

.hero.lateral .image img {
  width: 100%;
  z-index: 2;
  height: auto;
  object-fit: contain;
  position: relative;
}

.hero.lateral .image img:nth-of-type(2) {
  position: absolute;
  bottom: 0;
  left: 0;
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}

.hero .form-af {
  float: right;
  position: relative;
  width: 45%;
  padding: 50px 60px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.15), 0px 20px 20px 0px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width:991px) {
.hero:not(.full) {
  height: auto;
  max-height: 3000px;
}

.hero.gradient::after {
  background: linear-gradient(90deg, rgba(23, 54, 45, 0.90) 7%, rgba(23, 54, 45, 0.60) 65%, rgba(23, 54, 45, 0) 90%),
  linear-gradient(180deg, rgba(0,0,0, 0.60) 7%, rgba(0,0,0, 0.20) 50%, rgba(0,0,0, 0) 70%),
  linear-gradient(90deg, rgba(0,0,0, 0.90) 7%, rgba(0,0,0, 0.60) 25%, rgba(0,0,0, 0) 70%);
}

.hero.contato::before {
  width: 100%;
  height: 30%;
}

.hero.gradient {
  height: 70vh;
}

.hero.gradient.contato {
  height: auto;
}

.hero:not(.full):not(.gradient) .col-af-content {
  top: auto;
  left: auto;
  position: relative;
  margin: 120px auto 0;
  -webkit-transform: none;
  transform: none;
}

.hero.contato .col-af-content {
  padding: 120px 0 80px;
}

.hero:not(.full) .info {
  width: 100%;
}

.hero .info .btn {
  margin: 10px 0;
}

.hero.lateral .image {
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  height: auto;
  transform: none;
  padding: 60px 0 0;
}

.hero.lateral .image::after {
  background-size: 85% auto;
  background-position: bottom center;
}

.hero .form-af {
  width: 100%;
  margin: 80px 0 0;
  padding: 40px;
  position: relative;
  top: auto;
}

.hero.contato .info {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
}
}

/* Sobre */

.sobre {
  background-color: #fff;
  overflow: hidden;
}

.sobre.reduzido {
  padding: 0;
}

.sobre.gray {
  background-color: #F6F2F8;
}

.sobre.font-w {
  background-color: #224239;
}

.sobre .col-af-content {
  position: relative;
  z-index: 2;
}

.sobre.font-w:not(.reduzido)::after {
  content: '';
  display: block;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  position: absolute;
  top: -150px;
  right: -100px;
  background-color: #BA9356;
  filter: blur(100px);
  z-index: 1;
  opacity: .25;
}

.sobre.font-w.inverse:not(.reduzido)::after {
  right: auto;
  left: -100px;
  top: auto;
  bottom: -100px;
}

.sobre.font-w.reduzido .col-af-content {
  padding: 110px 80px;
  border-radius: 10px;
  background-color: #17362D;
}

.sobre .info {
  float: left;
  width: 45%;
}

.sobre.full .info {
  width: 100%;
}

.sobre.inverse .info {
  float: right;
}

.sobre .info p {
  margin: 30px 0 0;
}

.sobre .info p:first-child {
  margin: 0;
}

.sobre .info .btn {
  margin: 20px 0 0;
}

.sobre ul.counter {
  display: block;
  margin: 40px 0 20px;
}

.sobre ul.counter li {
  display: flex;
  margin: 0;
  padding: 16px 0;
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, .2);
}

.sobre ul.counter li div {
  float: left;
  width: 50%;
}

.sobre ul.counter li h3 {
  margin: 0;
  display: flex;
  font-size: 46px;
}

.sobre .info .btn {
  margin: 30px 10px 0 0;
}

.sobre .image {
  right: 0;
  bottom: 0;
  position: absolute;
  width: 45%;
  height: 100%;
  z-index: 2;
}

.sobre.reduzido .image:not(.full) {
  right: 5%;
}

.sobre .image.gradient::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(0,0,0);
  background: linear-gradient(270deg, rgba(0,0,0,0) 50%, rgba(0,0,0,.8) 90%);
  z-index: 1;
}

.sobre .image.full {
  overflow: hidden;
  border-radius: 16px;
}

.sobre .image:not(.full) {
  display: flex;
  align-items: center;
}

.sobre .image:not(.full) img {
  width: 100%;
  object-fit: contain;
}

.sobre.inverse .image {
  left: 0;
  right: auto;
}

.sobre.reduzido.inverse .image:not(.full) {
  left: 5%;
}

.sobre .play-modal {
  display: flex;
  align-items: center;
  position: absolute;
  left: 30px;
  bottom: 30px;
  z-index: 2;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
}

.sobre .play-modal span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: rgba(255, 255, 255, .25);
  box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  margin: 0 10px 0 0;
  transition: .3s ease;
}

.sobre .play-modal:hover span {
  transform: scale(1.05);
}

.sobre .play-modal span svg {
  width: 14px;
  fill: #fff;
}

.sobre .image ul {
  width: 90%;
  position: absolute;
  bottom: 5%;
  left: 5%;
  background-color: #BA9356;
  border-radius: 10px;
  padding: 10px 40px;
}

.sobre .image li {
  display: flex;
  align-items: center;
  margin: 25px 0;
}

.sobre .image li h3 {
  margin: 0;
  color: #fff;
}

.sobre .image li img {
  display: block;
  width: 20px;
  margin: 0 10px 0 0;
}

@media screen and (max-width:768px) {
.sobre.font-w.reduzido .col-af-content {
  padding: 40px 35px;
  overflow: hidden;
}

.sobre .info {
  width: 100%;
  margin: 0 0 30px;
}

.sobre.full .info {
  margin: 0;
}

.sobre ul.counter li h3 {
  font-size: 30px;
}

.sobre .image,
.sobre.inverse .image,
.sobre.reduzido .image:not(.full),
.sobre.reduzido.inverse .image:not(.full) {
  left: auto;
  right: auto;
  bottom: auto;
  position: relative;
  width: 100%;
  height: auto;
  /*aspect-ratio: 5 / 3;
  border-radius: 12px;*/
}

.sobre.reduzido .image:not(.full),
.sobre.reduzido.inverse .image:not(.full) {
  margin: 0 0 0 -35px;
  width: calc(100% + 70px);
}

.sobre.reduzido .image:not(.full) img,
.sobre.reduzido.inverse .image:not(.full) img {
  width: 120%;
  max-width: 120%;
  margin: 0 0 0 -10%;
}


.sobre .info .btn {
  margin: 20px 0 0;
}

.sobre .image ul {
  padding: 10px 30px;
}

.sobre .image li {
  margin: 15px 0;
}

.sobre .image li h3 {
  font-size: 16px;
}
}

/* Números */

.numeros {
  background-color: #224239;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.numeros .col-af-content {
  position: relative;
  z-index: 2;
}

.numeros .info {
  width: 33.3333333%;
  float: left;
  padding: 0 60px 0 0;
}

.numeros ul {
  display: flex;
  width: 66.6666667%;
  margin: 0;
  float: left;
}

.numeros ul li {
  float: left;
  display: block;
  text-align: left;
  flex: 1;
  margin: 15px;
}

.numeros ul li .icon {
  margin: 0 0 30px;
}

.numeros ul li h2 {
  margin: 0;
  display: flex;
  align-items: center;
  font-size: 46px;
}

.numeros ul li p {
  margin: 20px 0 0;
}

@media screen and (max-width:768px) {
.numeros .info {
  width: 100%;
  padding: 0 0 10px;
}

.numeros ul {
  display: block;
  width: 100%;
  margin: 0;
}

.numeros ul li {
  width: 100%;
  margin: 15px 0;
  padding: 30px 0 0;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.numeros ul li div {
  display: flex;
  align-items: center;
}

.numeros ul li .icon {
  margin: 0 20px 0 0;
}

.numeros ul li h2 {
  font-size: 30px;
}
}

/* Cases */

.cases {
  background-color: #fff;
}

.cases.font-w {
  background-color: #224239;
}

.cases .info {
  width: 100%;
  position: relative;
}

.cases .info .btn {
  position: absolute;
  right: 0;
  bottom: 0;
}

.cases ul {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 30px);
  margin: 0 0 0 -15px;
  float: left;
}

.cases ul li {
  float: left;
  display: block;
  width: calc(33.3333333% - 30px);
  height: 400px;
  position: relative;
  margin: 15px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.1);
}

.cases ul.owl-carousel li {
  width: calc(100% - 30px);
}

.cases ul li::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(34, 66, 57,0) 0%, rgba(34, 66, 57, .98) 90%);
  z-index: 2;
}

.cases ul li div {
  width: 80%;
  bottom: 10%;
  left: 10%;
  position: absolute;
  z-index: 3;
}

.cases ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 1;
}

.cases ul li h3 {
  color: #fff;
  margin: 0 0 20px;
}

.cases ul li .flag {
  display: flex;
  align-items: center;
}

.cases ul li .flag img {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 0 10px 0 0;
  border: 2px solid rgba(255, 255, 255, .2);
}

.cases ul li .play-modal {
  position: absolute;
  bottom: 10%;
  right: 10%;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: rgba(255, 255, 255, .25);
  box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  margin: 0 10px 0 0;
  transition: .3s ease;
}

.cases ul li .play-modal:hover {
  transform: scale(1.05);
}

.cases ul li .play-modal svg {
  width: 14px;
  fill: #fff;
}

@media screen and (max-width:768px) {
.cases .col-af-slide .info {
  width: 95%;
}

.cases .info .btn {
  position: relative;
  right: auto;
  bottom: auto;
  margin: 0 0 20px;
}

.cases ul {
  width: 100%;
  margin: 0;
}

.cases ul li {
  width: 100%;
  margin: 15px 0;
}

.cases ul.owl-carousel li {
  width: calc(100% - 20px);
  margin: 15px 20px 15px 0;
}
}

/* Time */

.time {
  background-color: #fff;
}

.time.font-w {
  background-color: #224239;
}

.time .info {
  width: 100%;
  position: relative;
}

.time ul {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 30px);
  margin: 0 0 0 -15px;
  float: left;
}

.time ul li {
  float: left;
  display: block;
  width: calc(25% - 30px);
  height: 400px;
  position: relative;
  margin: 15px;
  border-radius: 10px;
  background-color: #282828;
  overflow: hidden;
  box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.1);
}

.time ul.owl-carousel li {
  width: calc(100% - 30px);
}

.time ul li::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(34, 66, 57,0) 0%, rgba(34, 66, 57, .98) 90%);
  z-index: 2;
}

.time ul li div {
  width: 80%;
  bottom: 10%;
  left: 10%;
  position: absolute;
  z-index: 3;
}

.time ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 1;
}

.time ul li h3 {
  color: #fff;
  margin: 0 0 10px;
}

@media screen and (max-width:768px) {
.time .col-af-slide .info {
  width: 95%;
}

.time ul {
  width: 100%;
  margin: 0;
}

.time ul li {
  width: 100%;
  margin: 15px 0;
}

.time ul.owl-carousel li {
  width: calc(100% - 20px);
  margin: 15px 20px 15px 0;
}
}

/* Mídia */

.midia {
  background-color: #F1F1F1;
}

.midia.font-w {
  background-color: #224239;
}

.midia .info {
  width: 100%;
  position: relative;
}

.midia ul {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 30px);
  margin: 0 0 0 -15px;
  float: left;
}

.midia ul li {
  float: left;
  display: block;
  width: calc(33.3333333% - 30px);
  position: relative;
  margin: 15px;
  border-radius: 10px;
  overflow: hidden;
  padding: 0;
  background-color: #fff;
}

.midia ul.owl-carousel li {
  width: calc(100% - 30px);
}

.midia ul li div:not(.image) {
  padding: 30px 40px 40px;
}

.midia ul li .image {
  position: relative;
  height: 200px;
  width: 100%;
}

.midia ul li .image .title-common {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
}

.midia ul li .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 1;
}

.midia ul li img.logo-item {
  display: block;
  margin: 0 0 20px;
  width: auto;
  height: 24px;
}

.midia ul li a {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #224239;
  line-height: 1.5;
  margin: 20px 0 0;
}

.midia ul li a:hover {
  text-decoration: underline;
}

.midia.font-w ul li p {
  color: #224239;
}

@media screen and (max-width:768px) {
.midia .col-af-slide .info {
  width: 95%;
}

.midia ul {
  width: 100%;
  margin: 0;
}

.midia ul li {
  width: 100%;
  margin: 15px 0;
}

.midia ul.owl-carousel li {
  width: calc(100% - 20px);
  margin: 15px 20px 15px 0;
}

.midia ul li div:not(.image) {
  padding: 30px 30px 30px;
}

}

/* Atuação */

.atuacao {
  background-color: #BA9356;
  background-size: 100% auto;
  background-position: top right;
  background-repeat: no-repeat;
  background-image: url(images/atuamos.svg);
}

.atuacao .content {
  padding: 0;
}

.atuacao .content .info {
  width: 50%;
  float: left;
  background-color: #224239;
  padding: 80px 80px;
  border-radius: 10px;
}

.atuacao .content .image {
  width: 50%;
  float: left;
}

.atuacao .content .info h3 {
  color: #fff;
  font-weight: 400;
}

.atuacao ul.imoveis {
  width: 100%;
  display: block;
}

.atuacao ul.imoveis li.item {
  width: 100%;
  height: 540px;
  background-color: rgba(0, 0, 0, .5);
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  margin: 0 0 40px;
}

.atuacao ul.imoveis li.item .info {
  width: 25%;
  background-color: #224239;
  padding: 30px 40px;
  border-radius: 10px;
  text-align: center;
  position: absolute;
  left: 5%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.atuacao ul.imoveis li.item:nth-child(even) .info {
  right: 5%;
  left: auto;
}

.atuacao ul.imoveis li.item .info h3 {
  text-align: center;
  font-size: 22px;
  margin: 0 0 20px;
}

.atuacao ul.imoveis li.item .info h3.lucro {
  border: 1px solid #D4FFE0;
  padding: 10px;
  border-radius: 50px;
}

.atuacao ul.imoveis li.item .info h3 em {
  display: block;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
}

.atuacao ul.imoveis li.item .info .btn {
  padding: 8px 35px 10px;
}

.atuacao ul.imoveis li.item h2 {
  position: absolute;
  left: 35%;
  width: 65%;
  bottom: 10%;
  z-index: 2;
  margin: 0;
}

.atuacao ul.imoveis li.item:nth-child(even) h2 {
  left: 5%;
}

.atuacao ul.imoveis ul.owl-carousel,
.atuacao ul.imoveis ul.owl-carousel li {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.atuacao ul.imoveis ul.owl-carousel li::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0, 0, 0,0) 0%, rgba(0, 0, 0, .7) 90%);
  z-index: 1;
}

.atuacao ul.imoveis ul.owl-carousel li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.atuacao ul.imoveis .owl-carousel .owl-stage-outer,
.atuacao ul.imoveis .owl-carousel .owl-stage,
.atuacao ul.imoveis .owl-carousel .owl-item {
  height: 100%;
  display: block;
}

@media screen and (max-width:768px) {
.atuacao .content .info {
  width: 100%;
  padding: 35px;
}

.atuacao .content .image {
  width: 100%;
  margin: 20px 0 0;
}

.atuacao ul.imoveis li.item {
  width: 100%;
  height: auto;
  padding: 0;
}

.atuacao ul.imoveis li.item .info {
  width: 100%;
  padding: 30px 30px;
  left: 0;
  top: 0;
  transform: none;
  position: relative;
}

.atuacao ul.imoveis li.item:nth-child(even) .info {
  right: 0;
  left: auto;
}

.atuacao ul.imoveis ul.owl-carousel {
  margin: -10px 0 0;
}

.atuacao ul.imoveis ul.owl-carousel,
.atuacao ul.imoveis ul.owl-carousel li {
  height: 270px;
}

.atuacao ul.imoveis li.item h2 {
  left: 5%;
  width: 95%;
  bottom: auto;
  top: 200px;
  font-size: 22px;
}
}

/* FAQ */

.faq {
  background-color: #fff;
}

.faq .info {
  width: 25%;
  float: left;
  position: sticky;
  top: 120px;
  left: 0;
}

.faq .info a {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #224239;
  line-height: 1;
  margin: 0 0 20px;
}

.faq .info a:hover {
  text-decoration: underline;
}

.faq .content {
  width: 75%;
  float: right;
  padding: 0 0 0 80px;
}

.faq ul {
  width: 100%;
  float: left;
}

.faq ul li {
  background-color: #F1F1F1;
  padding: 22px 20px 26px;
  border-radius: 8px;
  margin: 15px 0;
  text-align: left;
}

.faq h3 {
  margin: 60px 0 20px;
  float: left;
}

.faq h3:nth-of-type(1) {
  margin: 0 0 20px;
}

.faq ul li button.accordion {
  display: block;
  width: 100%;
  margin: 0;
  outline: 0;
  border: 0;
  padding-right: 40px;
  text-align: left;
  cursor: pointer;
  position: relative;
  transition: all 0.3s;
  background-color: transparent;
}

.faq ul li button.accordion h3 {
  margin: 0;
  font-size: 18px;
}

.faq button.accordion::before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-position: center;
  background-size: 20px auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='512' height='512'%3E%3Cpath fill='%23224239' d='M19.061,7.854a1.5,1.5,0,0,0-2.122,0l-4.586,4.585a.5.5,0,0,1-.707,0L7.061,7.854A1.5,1.5,0,0,0,4.939,9.975l4.586,4.586a3.5,3.5,0,0,0,4.95,0l4.586-4.586A1.5,1.5,0,0,0,19.061,7.854Z'/%3E%3C/svg%3E%0A");background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.faq button.accordion.active::before {
  transform: translateY(-50%) rotate(180deg);
}

.faq div.panel {
  margin: 0;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  text-align: left;
  transition: max-height 0.2s ease-out;
}

.faq div.panel p {
  margin: 25px 0 0;
}

.faq div.panel p a {
  text-decoration: underline;
}

@media screen and (max-width:768px) {
.faq .info {
  width: 100%;
  position: relative;
  top: auto;
  left: auto;
}

.faq .content {
  width: 100%;
  padding: 60px 0 0;
}
}

/* Etapas */

.steps {
  background-color: #fff;
  position: relative;
}

.steps.font-w {
  background-color: #224239;
}

.steps .info {
  width: 100%;
  max-width: 900px;
  text-align: center;
  margin: 0 auto 70px;
}

.steps ul {
  width: calc(100% + 30px);
  margin: 0 0 0 -15px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.steps .owl-carousel .owl-stage-outer {
  padding: 20px 0 0;
}

.steps ul li {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0;
  margin: 15px;
  text-align: center;
  border-radius: 15px;
  border: 1px solid rgba(34, 66, 57, 0.15);
  background: rgba(34, 66, 57, 0.10);
  transition: .3s ease;
}

.steps.font-w ul li {
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(255, 255, 255, 0.05);
}

.steps ul li h3 {
  margin: 0;
  transition: .3s ease;
}

.steps.font-w div.icon,
.steps.font-w span.icon {
  background-color: #D4FFE0;
  box-shadow: 0px 0px 0px 5px rgba(212, 255, 224, 0.10), 0px 0px 15px 0px rgba(212, 255, 224, 0.7);
}

.steps ul li .icon {
  margin: -20px auto 30px;
}

.steps ul li .icon h3 {
  color: #fff;
}

.steps.font-w div.icon h3,
.steps.font-w span.icon h3 {
  color: #224239;
}

.steps ul li .info {
  padding: 0 40px 40px;
  margin: 0;
}

.steps ul li p {
  margin: 20px 0 0;
  transition: .3s ease;
}

.steps ul li .image {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: end;
}

.steps ul li .image img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.steps ul li .image img:nth-of-type(2) {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: ease .8s;
  transition-delay: 1s;
  transform: scale(1.1);
  opacity: 0;
}

.steps ul li.come-in .image img:nth-of-type(2) {
  opacity: 1;
  transform: scale(1);
  animation: floats 3s ease-in-out infinite;
}

@keyframes floats {
  0%, to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@media screen and (max-width:768px) {
.steps .info {
  margin: 0 auto 30px;
}

.steps ul {
  padding: 0;
  width: 100%;
  margin: 0;
  display: block;
}

.steps ul li {
  flex: none;
  margin: 40px 0 0;
}
}

/* Fullscreen */

.fullscreen {
  background-color: #fff;
  position: relative;
  padding-bottom: 0;
}

.fullscreen.image-w {
  padding: 0;
}

.fullscreen .info {
  width: 33.3333333%;
  float: left;
  padding: 0 80px 0 0;
}

.fullscreen .video {
  z-index: 3;
  position: relative;
  padding: 20px 80px;
  border-radius: 16px;
  overflow: hidden;
  margin: 0 auto;
  height: 420px;
  background-color: #224239;
}

.fullscreen.video-info .video {
  float: right;
  width: 66.6666667%;
}

.fullscreen .video .image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: .5;
}

.fullscreen .play-modal {
  display: block;
  position: absolute;
  text-align: center;
  left: 50%;
  top: 50%;
  z-index: 2;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  transform: translate(-50%, -50%);
}

.fullscreen .play-modal span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 65px;
  background-color: #BA9356;
  box-shadow: 0px 0px 0px 8px rgba(186, 147, 86, 0.5);
  border-radius: 50%;
  margin: 0 auto 20px;
  transition: .3s ease;
}

.fullscreen .play-modal:hover span {
  transform: scale(1.05);
}

.fullscreen .play-modal span svg {
  width: 14px;
  fill: #fff;
}

@media screen and (max-width:768px) {
.fullscreen .video {
  height: 340px;
}

.fullscreen .info {
  width: 100%;
  padding: 0 0 30px;
}

.fullscreen.video-info .video {
  float: right;
  width: 100%;
}
}

/* Soluções */

.solucoes {
  background-color: #fff;
  position: relative;
}

.solucoes.font-w {
  background-color: #224239;
}

.solucoes .info {
  width: 100%;
  text-align: center;
  margin: 0 auto 60px;
  padding: 0 0 60px;
  border-bottom: 1px solid rgba(23, 54, 45, .1);
}

.solucoes.font-w .info {
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.solucoes ul {
  width: 100%;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.solucoes ul li {
  position: relative;
  padding: 60px 0;
  margin: 0;
  transition: .3s ease;
}

.solucoes ul li .info {
  float: right;
  width: 50%;
  text-align: left;
  padding: 0;
  margin: 0;
  border-bottom: 0!important;
}

.solucoes ul li .image {
  position: relative;
  float: left;
  overflow: visible;
  width: 40%;
  border-radius: 15px;
  padding: 0;
  border: 1px solid rgba(34, 66, 57, 0.15);
  background-color: rgba(34, 66, 57, 0.10);
}

.solucoes ul li .image div {
  position: relative;
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
}

.solucoes.font-w ul li .image {
  border: 1px solid rgba(255, 255, 255, 0.15);
  background-color: rgba(255, 255, 255, 0.05);
}

.solucoes ul li .image::before {
  content: '';
  display: block;
  position: absolute;
  width: 90%;
  height: 150px;
  left: 5%;
  bottom: -30px;
  border-radius: 15px;
  background: linear-gradient(180deg,rgba(34, 66, 57, 0) 75%, rgba(34, 66, 57, 0.15) 100%);
}

.solucoes.font-w ul li .image::before {
  background: linear-gradient(180deg,rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0.1) 100%);
}

.solucoes ul li .image img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.solucoes ul li .image img:nth-of-type(2) {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: ease .8s;
  transition-delay: 1s;
  transform: scale(1.15);
  opacity: 0;
}

.solucoes ul li.come-in .image img:nth-of-type(2) {
  opacity: 1;
  transform: scale(1);
  animation: floatz 3s ease-in-out infinite;
}

@keyframes floatz {
  0%, to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

.solucoes ul li h3 {
  margin: 0;
  transition: .3s ease;
}

.solucoes:not(.font-w) span.icon {
  border: 1px solid rgba(34, 66, 57, 0.15);
  background: rgba(34, 66, 57, 0.10);
}

.solucoes ul li .icon {
  margin: 0 0 30px;
}

.solucoes ul li p {
  margin: 25px 0 0;
  transition: .3s ease;
}

.solucoes ul li p.destaque {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin: 40px 0 0;
  padding: 40px 0 0;
  border-top: 1px solid rgba(23, 54, 45, .1);
}

.solucoes ul li p.destaque img {
  display: block;
  width: 30px;
  margin: 0 20px 0 0;
}

.solucoes.font-w ul li p.destaque {
  border-top: 1px solid rgba(255, 255, 255, .1);
}

@media screen and (max-width:768px) {
.solucoes .info {
  margin: 0 auto 30px;
}

.solucoes ul li {
  padding: 60px 0;
}

.solucoes ul li .info {
  width: 100%;
  margin: 0;
}

.solucoes ul li .image {
  width: 100%;
  margin: 40px 0 0;
}
}

/* Rentabilização */

.rentabilizacao {
  background-color: #fff;
  position: relative;
}

.rentabilizacao.font-w {
  background-color: #224239;
}

.rentabilizacao .info {
  width: 100%;
  max-width: 900px;
  margin: 0 0 60px;
}

.rentabilizacao ul {
  width: calc(100% + 30px);
  margin: 0 0 0 -15px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.rentabilizacao ul li {
  position: relative;
  flex: 1;
  padding: 30px 0 40px;
  margin: 15px;
  border-radius: 15px;
  border: 1px solid rgba(34, 66, 57, 0.15);
  background: rgba(34, 66, 57, 0.10);
  transition: .3s ease;
}

.rentabilizacao.font-w ul li {
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(255, 255, 255, 0.05);
}

.rentabilizacao ul li .image {
  position: relative;
}

.rentabilizacao ul li .image div {
  position: absolute;
  top: 0px;
  left: 40px;
}

.rentabilizacao ul li .image div h3 {
  margin: 6px 0 12px;
  font-size: 24px;
}

.rentabilizacao ul li .info {
  margin: 30px 0 0;
  padding: 0 40px;
}

.rentabilizacao ul li h3 {
  margin: 0;
  transition: .3s ease;
}

.rentabilizacao ul li p {
  margin: 10px 0 0;
  transition: .3s ease;
}

@media screen and (max-width:768px) {
.rentabilizacao ul li .image {
  padding: 20px 0 0;
}

.rentabilizacao ul li .image div {
  top: -10px;
  left: 30px;
}

.rentabilizacao .info {
  margin: 0 auto 30px;
}

.rentabilizacao ul {
  padding: 0;
  width: 100%;
  margin: 0;
  display: block;
}

.rentabilizacao ul li {
  flex: none;
  margin: 40px 0 0;
}

.rentabilizacao ul li .info {
  padding: 0 30px;
}

}

/* Como funciona */

.funciona {
  background-color: #fff;
  position: relative;
}

.funciona.font-w {
  background-color: #224239;
}

.funciona .info {
  width: 50%;
  float: right;
}

.funciona .info ul {
  width: 100%;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.funciona .info ul::before {
  content: '';
  display: block;
  position: absolute;
  top: 20px;
  left: 60px;
  width: 2px;
  height: 100%;
  background-color: #224239;
}

.funciona.font-w .info ul::before {
  background-color: #fff;
  opacity: .5;
}

.funciona .info ul.comparativo::before {
  display: none;
}

.funciona ul li {
  position: relative;
  display: flex;
  padding: 30px;
  margin: 15px 0;
  text-align: left;
  border-radius: 15px;
  background-color: #D4FFE0;
}

.funciona ul li h3 {
  margin: 0;
  transition: .3s ease;
}

.funciona ul li .title-common {
  margin: 0 0 20px;
}

.funciona ul li .icon {
  margin: 0 30px 0 0;
}

.funciona ul li .icon h3,
.funciona.font-w ul li .icon h3 {
  color: #fff;
}

.funciona ul li p {
  margin: 20px 0 0;
  transition: .3s ease;
}

.funciona.font-w ul li h3,
.funciona.font-w ul li p {
  color: #224239;
}

.funciona .info ul.comparativo {
  width: calc(100% + 30px);
  margin: 0 0 0 -15px;
  display: flex;
}

.funciona ul.comparativo li {
  flex: 1;
  display: block;
  margin: 15px 15px 0;
  border: 1px solid transparent;
  background-color: #224239;
}

.funciona.font-w ul.comparativo li {
  background-color: #fff;
}

.funciona ul.comparativo li:nth-child(2) {
  background-color: #fff;
  opacity: .3;
  border: 1px solid #224239;
}

.funciona ul.comparativo li:nth-child(2) h3,
.funciona ul.comparativo li:nth-child(2) p {
  color: #224239;
}

.funciona .image {
  width: 40%;
  float: left;
  background-color: #BA9356;
  border-radius: 15px;
  position: sticky;
  top: 120px;
}

.funciona .image .item {
  position: absolute;
  z-index: 1;
  width: 80%;
  left: 10%;
  bottom: 10%;
  display: flex;
  background-color: #224239;
  border-radius: 15px;
  padding: 30px;
  align-items: center;
}

.funciona .image .item h3 {
  margin: 0 0 10px;
}

.funciona .image .item .icon {
  margin: 0 20px 0 0;
}

@media screen and (max-width:768px) {
.funciona .info {
  width: 100%;
}

.funciona ul.comparativo li {
  padding: 20px;
  margin: 15px 10px;
}

.funciona .image {
  width: 100%;
  position: relative;
  top: auto;
  float: left;
  margin: 30px 0 0;
}
}

/* Gráfico */

.grafico {
  background-color: #224239;
  padding-top: 0;
}

.grafico .info {
  width: 100%;
  max-width: 900px;
  text-align: center;
  margin: 0;
}

.grafico .content {
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(255, 255, 255, 0.05);
  margin: 0;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 20px 60px;
  border-radius: 15px;
}

.grafico .image {
  float: left;
  width: 45%;
}

.grafico ul {
  width: 55%;
  height: 300px;
  float: left;
  display: flex;
  align-items: center;
  position: relative;
  background-size: auto 100%;
  background-position: bottom right 30px;
  background-repeat: no-repeat;
  background-image: url(images/line.svg);
}

.grafico ul::after {
  content: '';
  height: 30px;
  width: 80%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  opacity: .2;
  z-index: 1;
}

.grafico ul::before {
  content: '';
  height: 30px;
  width: 60%;
  background-color: #BA9356;
  position: absolute;
  top: 50%;
  right: 10%;
  z-index: 2;
  transform: translateY(-50%);
  box-shadow: 0px 0px 20px rgba(186, 147, 86, 0.60);
}

.grafico ul li {
  position: relative;
  z-index: 3;
  width: 20%;
  height: 100%;
  display: flex;
  text-align: center;
  align-items: start;
  justify-content: center;
  margin: 1px;
  padding: 20px 0;
}

.grafico ul li:nth-child(2) {
  align-items: end;
}

.grafico ul li:nth-child(3) {
  width: 40%;
  justify-content: end;
}

.grafico ul li div span:not(.count) {
  display: block;
  font-size: 10px;
  font-weight: 400;
  color: #224239;
  line-height: 1.5;
  opacity: 0.9;
  margin: 0;
  padding: 5px;
  border-radius: 3px;
  background-color: rgba(212, 255, 224, 1);
}

.grafico ul li:nth-child(2) div span:not(.count),
.grafico ul li:nth-child(4) div span:not(.count) {
  color: #fff;
  background-color: #BA9356;
}

.grafico ul li div span.text:not(.count) {
  color: #D4FFE0;
  background-color: rgba(212, 255, 224, 0);
}

.grafico ul li div h3 {
  font-size: 14px;
  color: #D4FFE0;
  padding: 5px;
  border-radius: 3px;
  margin: 0;
  background-color: rgba(212, 255, 224, .15);
}

.grafico ul li span.icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}

.grafico ul li:nth-child(2)::before {
  content: 'Contemplação';
  position: absolute;
  left: 15px;
  top: 50px;
  font-size: 9px;
  font-weight: 400;
  color: #fff;
  line-height: 1.5;
  opacity: 0.3;
  transform: rotate(270deg);
}

.grafico ul li::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1px;
  height: 50%;
  background-color: rgba(255, 255, 255, .1);
}

.grafico ul li:nth-child(2)::after {
  top: 0;
}

.grafico ul li:nth-child(3)::after {
  display: none;
}

@media screen and (max-width:768px) {
.grafico .content {
  display: block;
  padding: 20px 30px;
}

.grafico .image {
  width: 100%;
}

.grafico ul {
  width: 100%;
  background-size: auto 80%;
  background-position: bottom right 20px;
}

.grafico ul::before {
  width: 50%;
}

.grafico ul li {
  width: 25%;
}

.grafico ul li:nth-child(3) {
  width: 25%;
}

.grafico ul li span.icon {
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
}

.grafico ul li span.icon img {
  width: 16px;
}
}

/* Filtro */

.filtro {
  background-color: #fff;
  padding: 60px 0 0;
}

.filtro .col-af-content div {
  float: left;
  width: 48%;
}

.filtro .col-af-content div:nth-of-type(2) {
  float: right;
}

.filtro-submit {
  cursor: pointer;
  position: absolute;
  top: 7px;
  right: -20px;
}

@media screen and (max-width:768px) {
.filtro .col-af-content div {
  width: 100%;
}

.filtro-submit {
  cursor: pointer;
  position: relative;
  top: auto;
  right: auto;
  width: 100%;
  margin: 15px 0 0;
}
}

/* Blog */

.single .hero .info p span {
  display: inline-block;
  margin: 0 20px 0 0;
}

.breadcrumb {
  display: block;
  width: 100%;
  margin: 0 0 30px;
}

.breadcrumb li {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #303030;
  line-height: 1.5;
  opacity: .9;
  margin: 0 10px 0 0;
  padding: 0 0 0 10px;
  border-left: 1px solid rgba(0, 0, 0, .5);
}

.breadcrumb li a {
  color: #303030;
}

.breadcrumb li a:hover {
  text-decoration: underline;
}

.breadcrumb li:nth-of-type(1) {
  border-left: 0;
  padding: 0;
}

.blog {
  text-align: center;
  background-color: #fff;
}

.blog-content {
  padding-top: 0;
}

.blog .info {
  text-align: left;
}

ul.postagens {
  width: calc(100% + 30px);
  display: flex;
  flex-wrap: wrap;
  float: left;
  margin: 30px 0 0 -15px;
}

ul.postagens li {
  width: 33.3333333%;
  margin: 0;
  padding: 15px;
  text-align: left;
  position: relative;
}

ul.postagens.owl-carousel li,
ul.postagens.destaques li {
  width: 100%;
}

ul.postagens li a {
  display: block;
  position: relative;
  width: 100%;
  border-radius: 10px;
  transition: ease .4s;
}

.blog ul.postagens li:hover .image {
  box-shadow: 0px 0px 0px 10px rgba(186, 147, 86, 0.40);
}

ul.postagens li .image {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 10px;
  overflow: hidden;
  transition: ease .4s;
  background-color: #BA9356;
}

ul.postagens li .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: ease .4s;
}

ul.postagens li .image a {
  display: block;
  width: 100%;
  height: 100%;
}

ul.postagens li:hover .image img {
  transform: scale(1.1);
  opacity: .5;
}

.blog ul.postagens li .info h3 {
  margin: 0 0 20px;
}

ul.postagens li p.date {
  color: #224239;
  font-size: 14px;
  opacity: 1;
  display: flex;
  margin: 20px 0;
  align-items: center;
  justify-content: start;
}

ul.postagens li p.date span {
  font-weight: 600;
  margin: 0 20px 0 0;
}

.pages-number {
  padding: 0;
  width: 100%;
  float: left;
  clear: both;
  margin: 40px 0 0;
  text-align: center;
}

.pages-number a,
.pages-number span {
  display: inline-block;
  width: 55px;
  height: 55px;
  line-height: 50px;
  text-align: center;
  font-size: 15px;
  background-color: transparent;
  color: #224239;
  border: 1.5pt solid #224239;
  font-weight: 700;
  margin: 0 5px;
  border-radius: 50%;
  transition: all .3s;
}

.pages-number a:hover,
.pages-number span:hover,
.pages-number span {
  color: #fff;
  background-color: #224239;
  border: 1.5pt solid #224239;
}

@media screen and (max-width:991px) {
ul.postagens {
  width: 100%;
  margin: 30px 0 0;
}

ul.postagens li {
  width: 100%;
  padding: 20px 0;
}
}

/* Share Buttons */

.crunchify-social {
  width: 100%;
  height: auto;
  padding: 40px 0 10px;
  margin: 0;
}
 
.crunchify-social a {
  min-width: 20px;
  margin: 5px 10px 5px 0;
  padding: 10px 25px 10px 45px;
  text-decoration: none;
  background-size: 15px auto;
  background-repeat: no-repeat;
  background-position: 20px center;
}

@media screen and (max-width: 768px) {
.crunchify-social a {
  float: left;
  margin: 5px;
  width: calc(50% - 10px);
}
}
 
.crunchify-social a:nth-of-type(1) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M19.05 4.91A9.816 9.816 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21c5.46 0 9.91-4.45 9.91-9.91c0-2.65-1.03-5.14-2.9-7.01m-7.01 15.24c-1.48 0-2.93-.4-4.2-1.15l-.3-.18l-3.12.82l.83-3.04l-.2-.31a8.264 8.264 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.24-8.24c2.2 0 4.27.86 5.82 2.42a8.183 8.183 0 0 1 2.41 5.83c.02 4.54-3.68 8.23-8.22 8.23m4.52-6.16c-.25-.12-1.47-.72-1.69-.81c-.23-.08-.39-.12-.56.12c-.17.25-.64.81-.78.97c-.14.17-.29.19-.54.06c-.25-.12-1.05-.39-1.99-1.23c-.74-.66-1.23-1.47-1.38-1.72c-.14-.25-.02-.38.11-.51c.11-.11.25-.29.37-.43s.17-.25.25-.41c.08-.17.04-.31-.02-.43s-.56-1.34-.76-1.84c-.2-.48-.41-.42-.56-.43h-.48c-.17 0-.43.06-.66.31c-.22.25-.86.85-.86 2.07c0 1.22.89 2.4 1.01 2.56c.12.17 1.75 2.67 4.23 3.74c.59.26 1.05.41 1.41.52c.59.19 1.13.16 1.56.1c.48-.07 1.47-.6 1.67-1.18c.21-.58.21-1.07.14-1.18s-.22-.16-.47-.28'/%3E%3C/svg%3E");
}
 
.crunchify-social a:nth-of-type(2) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18.205 2.25h3.308l-7.227 8.26l8.502 11.24H16.13l-5.214-6.817L4.95 21.75H1.64l7.73-8.835L1.215 2.25H8.04l4.713 6.231zm-1.161 17.52h1.833L7.045 4.126H5.078z'/%3E%3C/svg%3E");
}

.crunchify-social a:nth-of-type(3) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95'/%3E%3C/svg%3E");
}
 
.crunchify-social a:nth-of-type(4) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93zM6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37z'/%3E%3C/svg%3E");
}


/* CTA */

.cta {
  background-color: #FFF;
  padding-bottom: 0;
  position: relative;
}

.cta::before {
  content: '';
  display: block;
  width: 100%;
  height: 50%;
  background-color: #224239;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
}

.cta .col-af-content {
  padding: 60px 40px;
  border-radius: 10px;
  background-color: #BA9356;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-image: url(images/footer.svg);
  background-size: auto 100%;
  position: relative;
  z-index: 2;
}

.cta .info {
  width: 68%;
  float: right;
  display: flex;
}

.cta .info h2 {
  font-size: 24px;
}

.cta .info div {
  display: flex;
  align-items: center;
  width: 400px;
}

.cta .info div:nth-of-type(1) {
  display: block;
  width: auto;
  padding: 0 60px 0 0;
}

.cta .image {
  width: 25%;
  position: absolute;
  left: 5%;
  bottom: 0;
}

@media screen and (max-width:991px) {
.cta .col-af-content {
  padding: 40px 35px 80%;
  background-size: 100% auto;
}

.cta .info {
  width: 100%;
  display: block;
}

.cta .info div:nth-of-type(1) {
  margin: 0 0 30px;
  padding: 0;
}

.cta .info div {
  width: 100%;
}

.cta .image {
  width: 80%;
  position: absolute;
  left: 10%;
  bottom: 0;
}
}

/* Footer  */

.footer {
  background-color: #224239;
  padding: 70px 0 20px;
  position: relative;
  overflow: hidden;
}

.footer .col-af-content div.content {
  display: flex;
  justify-content: space-between;
  padding: 0 0 60px;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.footer .col-af-content div.content div {
  display: flex;
  align-items: center;
}

.footer .col-af-content div.content div:nth-of-type(1):not(.social) {
  width: 60%;
}

.footer .col-af-content div.content img {
  display: inline-block;
  width: 160px;
  margin: 0 40px 0 0;
}

.footer .col-af-content div.content .title-common {
  margin: 0 20px 0 0;
  flex: none;
}

.footer .col-af-content div.content div.social a {
  display: inline-block;
  position: relative;
  margin: 0 0 0 10px;
  padding: 0;
  width: 48px;
  height: 48px;
  opacity: 1;
  border-radius: 50%;
  transition: ease .4s;
  background-color: #224239;
}

.footer .col-af-content div.content div.social a svg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  transform: translate(-50%, -50%);
  fill: #fff;
  transition: ease .4s;
}

.footer .col-af-content div.content div.social a:hover {
  transform: scale(1.02);
  background-color: #BA9356;
  box-shadow: 0px 0px 0px 3px rgba(186, 147, 86, 0.30), 0px 0px 30px 0px rgba(186, 147, 86, 0.50);
}

.footer .col-af-content div.menu {
  width: 100%;
  display: flex;
  padding: 60px 0 0;
}

.footer .col-af-content div.menu div {
  float: left;
  width: 33.3333333%;
  padding: 0 60px 0 0;
}

.footer .col-af-content div.menu div:nth-of-type(3),
.footer .col-af-content div.menu div:nth-of-type(4) {
  width: 16.6666667%;
  padding: 0;
}

.footer .col-af-content div.menu div:nth-of-type(4) {
  text-align: right;
}

.footer .col-af-content div.menu img {
  width: 130px;
  margin: 0 0 20px;
  opacity: .6;
}

.footer .col-af-content .title-common {
  padding: 0;
  color: #fff;
  display: flex;
  font-size: 14px;
  text-transform: none;
  background-color: transparent;
  align-items: center;
  margin: 40px 0 10px;
}

.footer .col-af-content .title-common:nth-of-type(1) {
  margin: 0 0 10px;
}

.footer .col-af-content .title-common svg {
  width: 16px;
  fill: #fff;
  margin: 0 10px 0 0;
}

.footer .col-af-content div a {
  display: block;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 1.3;
  opacity: .9;
  margin: 0 0 25px;
  transition: ease .3s;
}

.footer .col-af-content div p {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.footer .col-af-content a:hover {
  color: #BA9356;
  opacity: 1;
}

.footer .col-af-content div a.item {
  font-weight: 700;
  color: #fff;
  display: flex;
  opacity: 1;
  margin: 0 0 20px;
  background-color: rgba(0, 0, 0, 0.1);
  padding: 18px 20px;
  border-radius: 6px;
  align-items: center;
  justify-content: center;
}

.footer .col-af-content div a.item svg {
  width: 18px;
  fill: #fff;
  margin: 0 15px 0 0;
}

.footer .col-af-content div a.item:hover {
  transform: scale(1.02);
  color: #fff;
  background-color: #BA9356;
  box-shadow: 0px 0px 0px 3px rgba(186, 147, 86, 0.30), 0px 0px 30px 0px rgba(186, 147, 86, 0.50);
}

.footer .col-af-content div a.item:hover svg {
  fill: #fff;
}

@media screen and (max-width:991px) {
.footer .col-af-content div.content {
  display: block;
  padding: 0 0 60px;
}

.footer .col-af-content div.content div {
  display: block;
}

.footer .col-af-content div.content div:nth-of-type(1):not(.social) {
  width: 100%;
}

.footer .col-af-content div.content img {
  margin: 0 auto 30px;
  display: block;
}

.footer .col-af-content div.menu img {
  width: 120px;
  margin: 0 20px 20px 0;
}

.footer .col-af-content div.content .title-common {
  display: block;
  flex: none;
}

.footer .col-af-content div.content div.social {
  text-align: center;
  margin: 20px 0 0;
}

.footer .col-af-content div.content div.social a.social {
  margin: 0 5px;
}

.footer .col-af-content .title-common {
  margin: 60px 0 10px!important;
  text-align: center;
  justify-content: center;
}

.footer .col-af-content div.menu {
  padding: 0;
  display: block;
}

.footer .col-af-content div.menu div,
.footer .col-af-content div.menu div:nth-of-type(3),
.footer .col-af-content div.menu div:nth-of-type(4) {
  width: 100%;
  text-align: center;
  padding: 60px 0 0;
}

.footer .col-af-content div.menu div:nth-of-type(2) {
  padding: 0;
}

}

/* Copyright */

.footer .col-af-content .end {
  width: 100%;
  margin: 60px 0 0;
}

.footer .col-af-content .end p {
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.3;
  color: #fff;
  margin: 0;
  opacity: .8;
}

.footer .col-af-content .end div {
  width: 50%;
  float: left;
  text-align: left;
  margin: 20px 0 0;
}

.footer .col-af-content .end div:nth-of-type(2) {
  text-align: right;
}

.footer .col-af-content .end div a,
.footer .col-af-content .end div p {
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.3;
  color: #fff;
  margin: 0 15px 0 0;
  opacity: .8;
}

.footer .col-af-content .end div img {
  display: block;
  width: 65px;
  max-width: 65px;
  margin: 0 0 -3px;
}

.footer .col-af-content .end a:hover {
  color: #BA9356;
  opacity: 1;
}

@media screen and (max-width:991px) {
.footer .col-af-content .end div,
.footer .col-af-content .end div:nth-child(2) {
  width: 100%;
  text-align: center;
}

.footer .col-af-content .end div span {
  width: 100%;
}

.footer .col-af-content .end div span:nth-of-type(2) {
  text-align: center;
}

.footer .col-af-content .end div p {
  line-height: 1.5;
  margin: 10px 10px 10px 0;
}
}

/* Animate */

.anime {
  opacity: 0;
  transition: ease .8s;
  transition-delay: .6s;
}

.come-in {
  opacity: 1;
}

.anime.already-visible {
  opacity: 1;
  -webkit-transform: none!important;
  transform: none!important;
}

.anime.fadeInUp {
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}

.anime.fadeInUp.come-in {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

.anime.delay {
  transition-delay: .6s;
}

/* OWL */

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  display: flex;
  padding-left: 0!important;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  z-index: 2;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  display: flex;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  display: none;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-nav {
  display: block;
  width: 100%;
  z-index: 2;
  position: absolute;
  right: 15px;
  top: -70px;
  text-align: right;
}

.owl-nav button {
  z-index: 10;
  display: inline-block;
  position: relative;
  cursor: pointer;
  border: 1.5pt solid rgba(34, 66, 57, 0.15);
  margin: 0 5px;
  outline: 0;
  padding: 0;
  width: 48px;
  height: 48px;
  background-color: rgba(34, 66, 57, 0);
  transition: all .3s;
  border-radius: 50%;
}

.owl-nav button.disabled {
  opacity: 0;
}

.owl-nav button svg {
  z-index: 10;
  display: block;
  width: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: #224239;
}

.font-w .owl-nav button {
  background-color: rgba(255, 255, 255, 0);
  border: 1.5pt solid rgba(255, 255, 255, 0.15);
}

.font-w .owl-nav button svg {
  fill: #fff;
}

.owl-dots {
  display: inline-block;
  width: 100%;
  position: absolute;
  text-align: center;
  left: 0;
  z-index: 2;
  bottom: -35px;
}

@media screen and (max-width:768px) { 
.owl-dots {
  width: 95%;
}
}

.owl-dots .owl-dot {
  display: inline-block;
  border: 0;
  width: 19px;
  height: 4px;
  padding: 0;
  margin: 6px 8px;
  outline: 0;
  transition: all .3s;
  background-color: #224239;
  opacity: .4;
  border-radius: 10px;
}

.font-w .owl-dots .owl-dot {
  background-color: #fff;
}

.owl-dots .owl-dot.active {
  opacity: 1;
}

.no-js .owl-carousel {
  display: block;
}

/* Inputs */

.form-af {
  display: block;
  margin: 0;
  position: relative;
}

.form-af h3 {
  color: #224239;
  margin: 0 0 20px;
}

.form-af img {
  width: 140px;
  margin: 0 0 30px;
}

.form-af input[type=text].naoexibir,
.form-af input[type=url].naoexibir {
  height: 0;
  width: 0;
  border: 0!important;
  outline: 0;
  padding: 0!important;
  background: transparent;
}

.form-af div {
  width: 100%;
  padding: 7px 0;
  margin: 0;
  float: left;
  position: relative;
}

.form-af span {
  display: block;
  width: 100%;
  float: left;
  font-size: 10px;
  padding: 0;
  font-weight: 400;
  color: #224239;
  line-height: 1.4;
  margin: 0;
  opacity: .95;
}

.form-af span a {
  display: inline-block;
  color: #224239;
  text-decoration: underline;
}

.form-af p.secure {
  display: flex;
  color: #224239;
  align-items: center;
  justify-content: center;
  margin: 20px 0 0;
  opacity: 1;
}

.form-af p.secure svg {
  width: 20px;
  margin: 0 10px 0 0;
  fill: #224239;
}

.form-af label {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: #224239;
  line-height: 1.4;
  margin: 0;
  position: absolute;
  top: 23px;
  left: 20px;
  transition: ease .3s;
}

.form-af input:focus + label,
.form-af input.not-empty + label,
.form-af textarea:focus + label,
.form-af textarea.not-empty + label,
.form-af input.invalidPattern + label {
  font-size: 12px;
  opacity: 1;
  left: 10px;
  top: 0px;
  background-color: #fff;
  padding: 0 10px;
}

.form-af select,
.form-af input:not([type="submit"]),
.form-af textarea {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #224239;
  width: 100%;
  height: 55px; 
  line-height: 55px;
  margin: 0;
  outline: 0;
  border: 2px solid rgba(23, 54, 45, 0.2);
  background-color: rgba(23, 54, 45, .1);
  background-size: 11px auto;
  background-position: right 12px center;
  background-repeat: no-repeat;
  resize: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 10px 0 20px;
  border-radius: 4px;
  transition: all 0.3s;
}

.form-af select {
  line-height: 52px;
  background-size: 22px auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%232c2c2c'%3E%3Cpath d='M24 24H0V0h24v24z' fill='none' opacity='.87'/%3E%3Cpath d='M15.88 9.29L12 13.17 8.12 9.29c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z'/%3E%3C/svg%3E");
}

.form-af textarea {
  height: 110px;
  line-height: 1.5;
  resize: none;
  padding: 20px 20px;
}

.form-af select:required:invalid {
  color: #224239;
  font-size: 15px;
  font-weight: 400;
}

.form-af select option[value=""][disabled] {
  display: none;
}

.form-af select option {
  color: #191927;
}

.form-af input:not([type="submit"]).not-empty,
.form-af textarea.not-empty,
.form-af select:focus,
.form-af input:not([type="submit"]):focus,
.form-af textarea:focus {
  border: 2px solid rgba(23, 54, 45, 1);
  background-color: #fff;
}

.form-af input:not([type="submit"]).invalidPattern {
  border: 2px solid #e50202;
  background-color: #fff;
}

.form-af input[type=submit] {
  cursor: pointer;
  border: 0;
  outline: 0;
  background-image: none;
  min-width: 1px;
  width: 100%;
  padding: 0 30px;
  height: 55px;
  line-height: 55px;
}

/* Enviado */

.page-template-page-enviado .header,
.page-template-page-enviado .footer,
.page-template-page-enviado .cta,
.page-template-page-enviado .end,
.error404 .header,
.error404 .footer,
.error404 .cta,
.error404 .end {
  display: none;
}

.col-af.pedido-enviado {
  background-color: #224239;
  min-height: 100vh;
}

.pedido-enviado .col-af-content {
  max-width: 600px;
  text-align: center;
  padding: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pedido-enviado .col-af-content h1,
.pedido-enviado .col-af-content .entry-content p {
  color: #fff;
}

.pedido-enviado .col-af-content a.btn {
  margin: 30px 0 0;
}

.error404 .pedido-enviado .col-af-content svg {
  display: block;
  width: 60px;
  margin: 0 auto 30px;
  fill: #fff;
}

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #BA9356;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #BA9356;
  animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
      stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%,
  100% {
      transform: none;
  }
  50% {
      transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
      box-shadow: inset 0px 0px 0px 30px #BA9356;
  }
}

/* One column */

.one-column #content {
  margin: 0 auto;
  max-width: 1300px;
  width: 90%;
  position: relative;
  padding: 80px 0;
}

.single-attachment #content {
  margin: 0 auto;
  max-width: 1000px;
  width: 90%;
}

/* Styles */

.screen-reader-text {
  position: absolute;
  left: -9000px;
}

/* Format */

.insight .col-af-content {
  max-width: 980px;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5 {
  margin: 30px 0 20px;
}

.entry-content h1:nth-of-type(1),
.entry-content h2:nth-of-type(1),
.entry-content h3:nth-of-type(1),
.entry-content h4:nth-of-type(1),
.entry-content h5:nth-of-type(1) {
  margin: 0 0 30px 0;
}

.entry-content p {
  margin: 30px 0;
}

.entry-content a:not(.btn) {
  font-size: 16px;
  font-weight: 400;
  color: #636362;
  text-decoration: underline;
}

.entry-content ul {
  display: block;
  list-style: circle;
  padding: 0 0 0 30px;
}

.entry-content li {
  display: list-item;
  list-style: circle;
  line-height: 1.6;
  padding: 0 0 0 15px;
  color: #41474b;
  margin: 25px 0;
}

.entry-content iframe {
  aspect-ratio: 16 / 9;
  display: block;
  max-width: 760px!important;
  height: auto!important;
  width: 100%!important;
  margin: 30px auto;
}

/* Imagens */

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
figure {
  max-width: 700px;
  width: 100%;
  height: auto;
}

.alignleft,
img.alignleft,
.alignright,
img.alignright,
.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin: 30px auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 12px;
}

.wp-caption {
  max-width: 700px;
  width: 100%!important;
  background: #fff;
  line-height: 18px;
  margin-bottom: 20px;
  padding: 0;
  text-align: center;
}

.wp-caption img {
  margin: 0;
}

.wp-caption p.wp-caption-text {
  color: #888;
  font-size: 12px;
  margin: 5px;
  text-align: center;
}

.wp-smiley {
  margin: 0;
}

.gallery {
  margin: 0 auto;
}

.gallery::after {
  content: '';
  display: table;
  clear: both;
}

.gallery .gallery-item {
  float: left;
  margin-top: 0;
  text-align: center;
  padding: 15px;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery-columns-3 .gallery-item {
  width: 33.3333333%;
}

.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery-columns-5 .gallery-item {
  width: 20%;
}

.gallery img {
  width: 100%;
  max-width: 100%;
  display: block;
  margin: 0;
}

.gallery .gallery-caption {
  color: #888;
  font-size: 12px;
  margin: 0 0 12px;
}

.gallery dl {
  margin: 0;
}

.gallery br {
  display: none;
}

@media screen and (max-width: 768px) {
.gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item {
  width: 50%;
}
}

/* Video Modal */

.YouTubePopUp-Wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.85);
  top: 0;
  left: 0;
  z-index: 99;
}

.YouTubePopUp-animation {
  opacity: 0;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: YouTubePopUp;
}

@keyframes YouTubePopUp {
0% {
 opacity: 0;
}
100% {
 opacity: 1;
}
}

.YouTubePopUp-Content {
  max-width: 800px;
  width: 100%;
  background-color: transparent;
  display: block;
  margin: 0;
  max-height: 100%;
  padding: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.YouTubePopUp-Hide {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: YouTubePopUpHide;
}

@keyframes YouTubePopUpHide {
0% {
 opacity: 1;
}
100% {
 opacity: 0;
}
}

.YouTubePopUp-Close {
  cursor:pointer;
  display: block;
  width: 60px;
  height: 60px;
  margin: 20px auto 0;
  border-radius: 50%;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath d='M0.4 8C1 1.6 9.6-2.3 14.4 2.4 29.7 17.5 44.8 32.8 60.1 48 75.4 33 90.4 17.7 105.6 2.6 108.1 0.6 111.8-0.7 114.8 1.2 120 3.2 121.6 10.7 117.7 14.7 102.6 29.8 87.5 45 72.3 60.1 87.4 75.5 102.8 90.6 118 106 120.3 108.8 120.5 113.2 118.4 116.2 116.1 119.8 110.9 120.9 107.2 118.8 105.5 117.9 104.3 116.3 103 115 88.7 100.8 74.5 86.4 60.1 72.3 45.1 87.3 30.2 102.3 15.2 117.2 11.5 121.4 4 120.4 1.5 115.4 -0.8 112.2 0.5 107.8 3.1 105.1 18.1 90.1 33.1 75.1 48.1 60.1 33.2 45.3 18.3 30.4 3.5 15.5 1.4 13.7 0 10.8 0.4 8Z' fill='%23224239'/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px auto;
}

.embed-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  margin:0;
  overflow: hidden; 
  max-width: 100%; 
  height: auto; 
} 

.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}