/* PRESET */
h2 {line-height: 1.21em;}

picture, img {
    display: block;
    list-style: none;
    line-height: 0;
    width: 100%;
}

.flex,
header,
header .row,
header ul,
header .btn-invista,
header .row nav,
header .row nav .conteudo,
.rede-social,
.destaque_banners,
.slide-banner,
.destaque_banners .slick-dots,
.bx-conteudo .slick-dots,
.nav-bx-conteudo,
.linha-tempo li,
.linha,
.quem-somos,
.quem-somos .lista-socios,
.quem-somos .box,
.investir-geo .fundos,
.investir-geo .fundos li,
.video-destaque .info,
.video-destaque ul,
.ultimo-conteudo .tit,
.ultimo-conteudo ul,
.ultimo-conteudo .info,
.ultimo-conteudo .tit,
.rede-sociais .posts,
.rede-sociais .post,
.novidades-geo .row,
.novidades-geo .form-novidades .campos,
.nossa-jornada .jornada.desk,
.form-novidades .checkbox,
.geo-hoje .numeros,
.breadcrumb ol,
.topo-area,
#contato .canais,
.entre-contato .row,
.entre-contato .campos,
#conteudo section .tit,
.info,
.bx-conteudo .info .link,
.segunda-geo .row,
.filtro-ano ol,
.paginacao,
.paginacao ul,
.paginacao a,
.porque60 .content,
#processo-investimento .unicos,
.barometro,
.barometro .content,
.rentabilidade-fundos .item .titulo,
.area-quem-somos .content,
.socios .boxs-socios,
.trabalho-geo .row,
.trabalho-geo .campos,
.politicas .box-politicas,
.descricao .content,
.resumo-geral .resumo,
.fundo-interna .passos ul,
.fundo-interna .passos li,
.como-investir .plataforma,
.fundo-interna .filtro ul,
#interna-post article .btn a,
footer .row,
footer .bloco,
footer .vamos-conversar p,
footer .mapa-site ul,
footer .vamos-conversar ul,
footer .imprensa .emails {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.row {
    position: relative;
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
}

.rede-social {
    gap: 1em;
}

.rede-social a {
    background: url('../images/ico-rede-social.png') no-repeat scroll 0 0;
    overflow: hidden;
    width: 23px;
    cursor: pointer;
}

.rede-social .youtube a {height: 16px;}
.rede-social .face a {background-position: 0 -39px; height: 20px;}
.rede-social .insta a {background-position: 0 -82px; height: 21px;}
.rede-social .linkedin a {background-position: 0 -126px; height: 19px;}

/* btn_menu button */ 
.btn_menu {    
    position: absolute;
    right: 10px;
    width: 85px;
    height: 83px;
    line-height: 20px;
    transition: all 600ms ease;
    z-index: 10;
}

.btn_menu span.hamburger {
    display: inline-block;
    position: absolute;
    top: 50%;
    bottom: auto;
    right: 0;
    transform: translateX(-50%) translateY(-50%);
    width: 30px;
    height: 3px;
    background-color: #fff;
}      

.btn_menu span.hamburger:before, .btn_menu span.hamburger:after {
    content: '';    
    height: 100%;
    position: absolute;
    background-color: #fff;    
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .3s, background .3s;
}
.btn_menu span.hamburger:before,
.btn_menu span.hamburger.ativo:after {
    width: 100%;
    right: 0;
}
.btn_menu span.hamburger:after {
    width: 70%;
    left: 0;
}

.btn_menu span.hamburger:before {transform: translateY(-10px) rotate(0deg);}
.btn_menu span.hamburger:after {transform: translateY(10px) rotate(0deg);}
.btn_menu:hover span:before {transform: translateY(-6px) rotate(0deg);}
.btn_menu:hover span:after {transform: translateY(6px) rotate(0deg);}
.btn_menu.ativo span.hamburger {background-color: transparent !important;}
.btn_menu.ativo span.hamburger:before, .btn_menu.ativo span.hamburger:after { background-color: #fff; }
.btn_menu.ativo span.hamburger:before {transform: translateY(0) rotate(45deg);}
.btn_menu.ativo span.hamburger:after {transform: translateY(0) rotate(-45deg);}

/* Formatacao base botões */

.btn a {
    width: 100%;
    max-width: 188px;
    height: 49px;
    padding: 14px 58px;
    border-radius: 24px;
    text-align: center;
    font-family: 'suisse_intlmedium';
    font-weight: 500;
    color: #e77626;
    text-transform: uppercase;
    margin: 0 auto;
    transition: all 0.3s ease-in-out;
}

/* Paragrafo */
.ultimo-conteudo ul p,
.post .conteudo p,
.novidades-geo p {
    font-family: 'suisse_intllight';
    font-weight: 300;
    font-size: 1.12em;
    margin-bottom: 16px;
    line-height: 1.45em;  
}

h2 {
    font-family: 'suisse_intlmedium';
    font-weight: 500;
    font-size: 2.88em;
    color: #e77626;
    margin-bottom: 20px;
}

/* HEADER INTERNA */
.topo-area {
    position: relative;
    background-size: cover!important;
    height: 75vh;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}

.topo-area::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 135px;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    background-color: #000;
}
.topo-area h1 {
    font-family: 'suisse_intlmedium';
    font-weight: 500;
    font-size: 4.4em;
    color: #eae8e3;
    margin-left: 0;
}

.topo-area .row {z-index: 10;}
.topo-area .bg-video,
.topo-area .bg-video video {
    width: 1920px;
    z-index: 0;
}
.topo-area .bg-video {position: absolute;}
.topo-area .bg-video::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}

/* Breadcrumb */
.breadcrumb {margin-bottom: 95px;padding: 48px 15px 0;}
.breadcrumb ol {
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}
.breadcrumb li {
    margin-right: 26px;
    color: #323232;
}
.breadcrumb li,
.breadcrumb li a {
    position: relative;
    font-family: 'suisse_intlmedium';
    font-weight: 500;
}
.breadcrumb li:first-child a {
    max-width: 17px;
}
.breadcrumb li::after {
    position: absolute;
    content: "";
    display: block;
    background: URL('../images/seta-link.png') no-repeat scroll center center;
    background-size: 6px;
    width: 5px;
    height: 8px;
    top: 50%;
    right: -16px;
    transform: translateY(-50%);
}
.breadcrumb li:last-child::after {display: none;}

/* Formatacao link saiba mais */
.link {
    position: relative;
    font-family: 'suisse_intlmedium';
    font-weight: 500;
    font-size: 1em;
    text-transform: uppercase;    
}

#home .link:hover {color: #e77626;}
.link::after {
    position: absolute;
    content: "";
    background: url("../images/seta-link.svg") no-repeat scroll center center;
    display: inline-block;
    width: 25px;
    height: 23px;
    top: -2px;
    right: -25px;
    transform: translateX(0);
    transition: transform 0.3s ease-in-out;
}

.link:hover::after {
    transform: translateX(10px);    
}

.info time {
    font-family: 'suisse_intllight';
    font-size: 0.8em;
    color: #989898;
}
.info h4 {
    font-family: 'suisse_intlmedium';
    font-weight: 500;
    font-size: 1.12em;    
    margin-top: 8px;
    margin-bottom: 8px;  
}

.video {position: relative;}
.video::before {
    content: "";
    position: absolute;
    background: url("../images/ico-play.png") no-repeat scroll center center;
    background-size: contain;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/* TITULO COM LINK VER TUDO  */
.tit {
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding-right: 25px;
    margin-bottom: 65px;
}
.tit .link,
.info .link {color: #212120;}
.tit .link:hover,
.info .link:hover {color: #e77626;}

/* DIVISAO PAG CONTEUDO */
.divisao {position: relative;}
.divisao::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    max-width: 1260px;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    background-color: #949494;
    bottom: -55px;
}

/* ANIMACAO */

.destaque_banners .row2 {
    transition: all 0.2s ease-in-out;
}

@-webkit-keyframes barra {
    0% {transform: scaleX(0.1);}
    100% {transform: scaleX(1);}
}
@keyframes barra {
    0% {transform: scaleX(0.1);}
    100% {transform: scaleX(1);}
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
    
    15%, 85% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    
    100% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
    
    15%, 85% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    
    100% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}	
@-webkit-keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
    40% {-webkit-transform: translateY(-15px);} 
    60% {-webkit-transform: translateY(-7px);} 
}  
 @keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
    40% {transform: translateY(-15px);} 
    60% {transform: translateY(-7px);} 
}


