
/*-------------------------------------------------------------------
PADRÃO
---------------------------------------------------------------------*/
@font-face {
    font-family: 'Gotham';
    src: url(../font/gotham.otf);
}
@font-face {
    font-family: 'Gotham Medium';
    src: url(../font/gotham-medium.otf),
    url(../font/gotham-medium.ttf);
}
@font-face {
    font-family: 'Gotham Light';
    src: url(../font/gotham-light.otf);
}
@font-face {
    font-family: 'Gotham Bold';
    src: url(../font/gotham-bold.otf),
    url(../font/gotham-bold.ttf);
}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body{
    margin: 0;
    color: #8D8D8D;
    font-family: 'Gotham', sans-serif;
    background-color: #fff;
    overflow-x: hidden;
    font-size: 15px;
}
.fixed-top{
    z-index: 9999;
}
.menu-padrao{
    position: relative;
}

.menu-padrao ul{
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
}
.menu-padrao ul li{
    padding: 0;
    margin: 0;
    display: inline-block;
    position: relative;
}

.menu-padrao ul li:last-child{
    display: none;
}

.menu-padrao ul li:hover .submenu{
    display: block;
    top: 148px;
}

.menu-padrao li > a {
    padding: 14px 0;
    display: block;
    position: relative;
}

.menu-padrao li > a.ativo::after{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    border-top: solid 3px #ff6700;
    margin-top: -2px;
    top: 100%;
    left: 0;
}

.nav-branco .menu-padrao li > a.ativo::after{
    margin-top: 3px;
}

header .fixed-top.nav-branco form input{
    border: solid 1px #ccc;
    color: #ccc;
}

header .fixed-top.nav-branco form i{
    color: #ccc;
}
header .fixed-top.nav-branco ::-webkit-input-placeholder {
    /* Edge */
    color: #ccc;
}

header .fixed-top.nav-branco :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ccc;
}

header .fixed-top.nav-branco  ::placeholder {
    color: #ccc;
}

.menu-toggle .menu-padrao li > a.ativo::after{
    margin-top: -2px !important;
}

.menu-padrao .submenu{
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    display: none;
    position: fixed;
    left: 0;
    top: 128px;
    width: 100%;
    background-color: #F3F3F3;
    padding-bottom: 30px;
}

.menu-padrao .submenu.mini{
    width: 220px;
    padding: 0 15px;
    position: absolute;
    top: 100% !important;
    margin-top: -2px;
    left: 0;
}

/* .crs-aprenda.pilula .bloco-destaque:first-child:nth-last-child(2), .crs-aprenda.pilula .bloco-destaque:first-child+:last-child{
    width: 49% !important;
} */

.menu-padrao ul li:nth-last-child(2) .submenu.mini{
    left: auto;
    right: 0;
}

.submenu::before{
    content: '';
    width: 100%;
    display: block;
    position: absolute;
    border-bottom: solid 1px #ccc;
    top: 60px;
    left: 0;
}

.submenu .label{
    color: #ff6700;
    font-weight: normal;
    font-family: 'Gotham', Arial, Helvetica, sans-serif;
    margin: 20px 0 40px 0;
    display: block;
}

#menu.branco .menu-principal{
    display: none;
}

.submenu a, .submenu a:active, .submenu a:focus, .submenu a:visited{
    color: #3C444B;
    display: block;
    margin-bottom: 15px;
}

.submenu a:hover{
    color: #4d5860;
}

.navbar-brand{
    padding: 0 0 5px 0;
    margin-top: -5px;
}

.navbar-brand img{
    height: 59px;
    margin: 11px 0;
}

.brand-foot img{
    height: 59px;
}

.fixo{
    position: fixed;
    z-index: 1030;
}

#disclaimer-xp{
    font-size: 11px;
    padding: 30px 0px;
}

#disclaimer-xp h3{
    font-size: 14px;
    color: #000;
    margin-bottom: 20px;
}
p:last-child{
    margin-bottom: 0;
}

a, a:active, a:focus, a:visited, [type="submit"], path, rect, button{
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    text-decoration: none;
    color: #fff;
    /* font-size: 13px !important; */
    outline: none;
}

.article-content a, .article-content a:active, .article-content a:focus, .article-content a:hover, .article-content a:visited{
    color: #414141;
    /* font-size: 16px !important; */
}

.conteudo-por{
    margin-bottom: 30px;
}

.conteudo-por img{
    margin-left: 5px;
}

input, textarea{
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

a:hover, button:hover{
    text-decoration: none;
    color: #fff;
    opacity: 0.8;
}

h1, h2, h3, h4{
    color: #46555A;
    font-weight: 400;
}

h1{
    font-size: 40px;
    line-height: 1.3;
    margin-bottom: 30px;
}

strong{
    color: #ff6700;
    font-weight: 500;
}
/*-------------------------------------------------------------------
VISUAL FIXO
---------------------------------------------------------------------*/
.bg-blue{
    background-color: #ff6700;
}
.bg-yellow{
    background-color: #ff6700;
    cursor: pointer;
}
.bg-claro{
    background-color:#F3F3F3;
}
.bg-escuro{
    background-color: #232323;
}
.c-fff{
    color: #fff;
}
.c-yellow {
    color: #ff6700;
}
.strong-yellow{
    font-family: 'Gotham Medium';
    color: #ff6700;
}
.txt-center{
    text-align: center;
}
.txt-left{
    text-align: left;
}
.left{
    float: left;
}
.right{
    float: right;
}
.tit-banner{
    font-family: 'Gotham';
    font-size: 32px;
    color: #fff;
}
.tit-banner strong {
    font-family: 'Gotham Medium';
    color: #ff6700;
}
.tit-areas{
    font-family: 'Gotham';
    font-size: 26px;
    color: #2C3133;
}
.tit-areas strong, .destaque_tit{
    font-family: 'Gotham Medium';
    color: #ff6700;
}
.tit-box{
    font-family: 'Gotham';
    font-size: 26px;
    color: #fff;
    text-align: center;
    line-height: 26px;
    margin: 10px auto;
}
.paragrafo-padrao{
    color: #fff;
    font-size: 16px;
}
.paragrafo-areas {
    color: #2C3133;
    font-size: 16px;
}
.paragrafo-areas strong {
    color: #2C3133 !important;
    font-weight: bold;
}
.sobreposto .paragrafo-areas{
    font-size: 15px;
}
.btn{
    box-sizing: border-box;
    padding: 7px 10px;
    text-transform: unset;
    border-radius: 0    ;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    display: block;
}
#menu .btn{
    padding: 5px 10px;
}

#menu.branco #menu-logado{
    display: none;
}

#menu.nav-branco #menu-logado{
    color: #000;
}

#menu.nav-branco #menu-logado a:last-child{
    color: #ff6700;
}

#menu-logado a:first-child {
    display: block;
    font-size: 12px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#menu-logado{
    margin-left: -10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    font-size: 11px;
    margin-top: 12px;
    align-items: center;
    color: #fff;
}

#menu-logado img{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 10px;
}
#menu-logado a:last-child{
    color: #fff;
    font-size: 11px !important;
    width: 85px;
    text-align: right;
    margin-top: -4px;
}

#menu-logado i{
    font-size: 16px;
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -ms-transform: translateY(4px);
    -o-transform: translateY(4px);
    transform: translateY(4px);
    margin-right: 3px;
}
.btn-blue {
    background-color: #ff6700;
    color: #fff !important;
}
.btn-outline{
    font-size: 13px;
    padding: 10px 30px;
    text-align: center;
    border: solid 1px #ff6700;
    color: #ff6700;
    display: table;
    margin: 0 auto;
    background-color: #fff;
}
.btn-outline:hover{
    background-color: #fff;
    color: #ff6700;
}
.btn-border{
    background-color: none;
    color: #ff6700 !important;
    border: solid 1px #ff6700;
    width: 40%;
    font-family: 'Gotham Medium';
    padding: 10px 0 10px 0;
    text-align: center;
}
.btn-border:hover{
    background-color: #ff6700;
    color: #fff !important;
}
.btn-border:hover i{
    color: #fff;
}

aside .box_i_content img{
    margin-bottom: 15px;
}

aside .box_i_content .btn{
    width: 100%;
    margin-top: 20px;
}
.overlay{
    width: 100%;
    height: 100%;
    max-height: 600px !important;
    max-height: fit-content;
    background-color: rgba(50, 118, 128, 0.4);
    position: absolute;
    top: 0;
    z-index: 0;
}
.fundo{
    position: relative;
    z-index: -1;
}
.mb-10{
    margin-bottom: 10px;
}
.mb-20 {
    margin-bottom: 10px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mb-50{
    margin-bottom: 50px;
}
.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-100 {
    margin-bottom: 100px;
}
.mt-10 {
    margin-top: 10px;
}
.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-100 {
    margin-top: 100px;
}
.w-95{
    width: 95% !important;
}
.h-72{
    height: 72% !important;
}
.pdl-30{
    padding-left: 30px;
}
.destaque-right{
    position: absolute;
    float: right;
    right: 0;
    z-index: -1;
}
.destaque-left{
    position: absolute;
    float: left;
    left: 0;
    z-index: -1;
    width: 50%;
    height: 435px;
    object-fit: cover;
}
.pos-txt{
    position: relative;
    top: 100px;
}
.pdr-20{
    padding-right: 20px;
}
.pdall-x{
    padding: 50px 30px 0 0;
}
.mr-30{
    margin-right: 30px;
}
/*-------------------------------------------------------------------
HEADER
---------------------------------------------------------------------*/
.borda-head{
    width: 100%;

}
header .fixed-top form{
    width: 100%;
    height: auto;
    margin-top: 15px;
    display: flex;
    align-items: center;
}
header .fixed-top input{
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    background: none;
    border: solid 1px #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    color: #fff;
    font-size: 13px;
    margin-bottom: 30px;
}
header .fixed-top form i{
    margin-left: -28px;
    margin-bottom: 28px;
    color: #fff;
}
header .fixed-top form input:focus {
    color: #fff;
}
header .fixed-top.nav-branco form input:focus{
    color: #2C3133 !important;
}
header .fixed-top.branco form input:focus {
    color: #2C3133 !important;
}
header .fixed-top.branco input{
    color: #2C3133;
    border: solid 1px #ccc;
    font-size: 13px;
    margin-bottom: 30px;
}

header .fixed-top.branco form i{
    color: #ccc;
}
header .fixed-top ::-webkit-input-placeholder {
    /* Edge */
    color: #fff;
}

header .fixed-top :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

header .fixed-top  ::placeholder {
    color: #fff;
}

header .fixed-top.branco form i{
    color: #2C3133;
}
header .fixed-top.branco  ::-webkit-input-placeholder {
    /* Edge */
    color: #2C3133;
}

header .fixed-top.branco  :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #2C3133;
}

header .fixed-top.branco   ::placeholder {
    color: #2C3133;
}

.pesquisa-principal i{
    color: #fff;
    position: absolute;
    right: 25px;
    padding-top: 3px;
    cursor: pointer;
    z-index: 1;
}
.nav-branco{
    background-color: #fff;
    padding: 15px 0 5px 0;
}
.nav-branco a{
    color: #2C3133;
}
.nav-branco .pesquisa-principal input {
    color: #2C3133;
    border: solid 1px #BBBBBB;
}

.nav-branco .menu-padrao a:not([href]):not([tabindex]){
    color: #2C3133;
}

.nav-branco .pesquisa-principal input,
.nav-branco .pesquisa-principal input:focus{
    color: #2C3133;
}

.nav-branco .pesquisa-principal ::-webkit-input-placeholder {
    /* Edge */
    color: #BBBBBB;
}

.nav-branco .pesquisa-principal :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #BBBBBB;
}

.nav-branco .pesquisa-principal ::placeholder {
    color: #BBBBBB;
}

.nav-branco .pesquisa-principal i {
    color: #bbb;
}
.nav-branco .menu-toggle button,
.nav-branco .menu-toggle i {
    color: #2C3133 !important;
}
.navmob{
    display: none;
}
/*-------------------------------------------------------------------
MENU DESK
---------------------------------------------------------------------*/
.navbar{
    position: fixed;
    top: 0;
    z-index: 1030;
}
.menu-principal{
    width: 100%;
    font-size: 15px;
    font-family: 'Gotham Medium';
    font-weight: 500;
    position: relative;
    top: 0px;
    vertical-align: middle;
}
.menu-principal .usuario-menu{
    display: none;
}

.menu-principal li a{
    text-transform: none;
}

.mapa-site,a.mapa-site:active, a.mapa-site:focus{
    color: #8D8D8D;
    text-align: right;
    display: block;
    margin-top: 15px;
}
.mapa-site:hover{
    color: #8D8D8D;
}
.mapa-site i{
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px);
}

#box-mapa{
    padding: 10px 0 0 0;
    display: none;
}

#box-mapa .menu-padrao a:not([href]):not([tabindex]), #box-mapa .menu-padrao a{
    color: #ff6700;
}

#box-mapa .menu-padrao a:not([href]):not([tabindex]){
    cursor: default;
}

#box-mapa .menu-padrao ul li:last-child{
    display: block;
}

#box-mapa .menu-padrao ul li:last-child a.btn{
    padding: 0;
    border: none;
    text-align: left;
}

#box-mapa .menu-padrao li > a.ativo::after{
    display: none;
}

#box-mapa .usuario-menu{
    display: none;
}

#box-mapa .menu-padrao .submenu{
    display: block;
    position: relative;
    width: 100%;
    top: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
    background: none;
}

#box-mapa .menu-padrao .submenu a{
    color: #8D8D8D;
}

#box-mapa .submenu .label{
    margin: 0 0 15px 0;
    font-size: 12px;
    font-weight: bold;
    color: #808080;
}

#box-mapa .submenu.mini .label, #box-mapa .submenu::before{
    display: none;
}

#box-mapa .submenu.mini{
    padding: 5px 0 !important;
}

#box-mapa .menu-padrao .submenu .col-12{
    display: block;
    flex: 100%;
    max-width: 100%;
    padding: 5px 0 !important;
}

#box-mapa .menu-padrao .submenu .row{
    display: block;
}

.usuario-menu{
    position: relative;
    padding-top: 10px !important;
    padding-left: 70px !important;
    padding-bottom: 15px !important;
}

.usuario-menu img{
    position: absolute;
    left: 0;
    top: 15px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.usuario-menu a:not(.alt){
    color: #ff6700 !important;
    font-size: 11px !important;
    padding: 0;
    line-height: 1.6;
}

.usuario-menu span{
    font-size: 12px;
    line-height: 1.2;
}

.usuario-menu span span{
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
}

.menu-principal ul{
    padding: 0;
}

.menu-principal ul li>ul {
    display: none;
    background: #F3F3F3;
    width: 15%;
    margin: 0;
    position: absolute;
    top: 30px;
    padding: 20px 0 10px 0;
}
.menu-principal ul li>ul a {
    color: #2C3133;
    margin-top: 20px;
}
.menu-principal ul li ul li{
    padding: 0 0 15px 15px;
}
.menu-principal ul li ul li:first-child{
    border-bottom: 1px solid #AFAFAF;
    width: 100%;
    margin-bottom: 15px;
}
.menu-principal ul li ul li:first-child a{
    cursor: unset;
    color: #ff6700;
}
.menu-principal ul li:hover>ul,
.menu-principal ul li:focus>ul,
.menu-principal ul li:active>ul {
    display: block;
}
#menu-item-221 .sub-menu{
    width: 100%;
    position: absolute;
    left: 0;
}
#menu-item-221 .sub-menu li{
    display: inline-block;
    background: transparent;
    width: 30%;
    margin-right: 20px;
}
#menu-item-221 .sub-menu li:last-child{
    margin-right: none;
}
#menu-item-221 ul li:first-child{
    width: 100%;
    margin-bottom: 15px;
}
#menu-item-1080{
    border: solid 1px #ff6700;
    width: 100%;
    text-align: center !important;
    padding: 0;
    margin: 30px 0 0;
}
#menu-item-1080 a{
    color: #ff6700;
}
#menu-item-1080:hover,
#menu-item-1080:hover a{
    background-color: #ff6700;
    color: #fff;
}
#menu-item-1080 a:hover{
    color: #fff;
    opacity: 1;
}
.nav-menu{
    margin: 0;
}
.menu-toggle {
    display: none;
    text-align: right;
}
#menu.branco .menu-toggle{
    display: block;
}

#menu.branco .bt-login-menu{
    display: none;
}

.menu-toggle ul li ul{
    top: 162px;
}
.menu-toggle ul li ul li:first-child{
    border-bottom: unset;
    margin-bottom: unset;
}
.menu-toggle ul li ul li:first-child a{
    cursor: pointer;
    color: unset;
}
.menu-toggle button{
    cursor: pointer;
    background: none;
    border: none;
    box-sizing: border-box;
    position: relative;
    padding: 0;
    outline: none;
    margin-top: 15px;
}
.menu-toggle i{
    position: relative;
    top: 7px;
    margin-left: 10px;
}
.menu-toggle .nav.fechada ul{
    -webkit-animation: scale-up-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: scale-up-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.menu-toggle .nav.fechada {
    display: none;
}
.menu-toggle .nav {
    display: inline;
}
#menu-hamburguer{
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar{
    width: 5px;
}
#menu-hamburguer::-webkit-scrollbar-track{
    border-radius: 20px;
    background: #ccc;
}
::-webkit-scrollbar-thumb{
    background: #ff6700;
    border-radius: 20px;
}
.main-navigation li:before {
    display: none;
}

.nav .submenu::-webkit-scrollbar{
    width: 5px;
}
.nav .submenu::-webkit-scrollbar-track{
    border-radius: 20px;
    background: #ccc;
}
.nav .submenu::-webkit-scrollbar-thumb{
    background: #ff6700;
    border-radius: 20px;
}

.nav ul {
    -webkit-animation: scale-up-hor-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: scale-up-hor-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    background-color: #fff;
    color: #47545C;
    padding: 0 10px 10px 10px;
    font-size: 13px;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    display: block !important;
    position: absolute;
    top: 10px;
    width: 250px;
    right: 0;
}
.nav ul li{
    line-height: 35px;
    border-bottom: solid 1px #F2F2F2;
    display: block;
    text-align: left !important;
}
.nav ul a {
    color: #47545C;
    padding: 5px;
    text-decoration: none;
    font-size: 12px !important;
}
.menu-padrao a:not([href]):not([tabindex]){
    color: #fff;
    cursor: pointer;
}
.nav .submenu .col-12{
    display: block !important;
    width: 100% !important;
    flex: none;
    max-width: 100%;
}

.nav .submenu::before{
    display: none;
}

.nav .submenu, .nav .submenu.mini {
    position: relative !important;
    top: 0 !important;
    max-height: 30vh;
    overflow-y: scroll;
}

.nav .submenu .label{
    margin: 10px 0;
}

.nav .submenu a{
    line-height: 15px;
    margin-bottom: 10px;
}
.branco {
    color: #2C3133 !important;
    background-color: #fff;
}

.nav .menu-padrao ul li:last-child{
    display: block;
}

.branco .logo_branco {
    display: none;
}
.logo_pd {
    display: none;
}

.branco .logo_pd {
    display: block;
}
#menu {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    border-bottom: 1px solid #c2c2c2;
    padding-top: 15px;
}

#menu.branco {
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

#menu.branco a:not(.btn-padrao) {
    color: #46555A;
}

#menu.branco .nav-item .active {
    color: #E6BE46;
}

#menu:not(.branco) #logo path,
#menu:not(.branco) #logo rect {
    fill: #fff;
}
#menu.branco .nav-menu {
    display: none;
}

#menu.branco .pesquisa-principal {
    color: #2C3133;
}
#menu.branco .btn-blue{
}
#menu.branco .pesquisa-principal input,
#menu.branco .pesquisa-principal input:focus,
#menu.branco .pesquisa-principal input::selection {
    color: #2C3133;
    border: solid 1px #ccc;
}

#menu.branco .pesquisa-principal ::-webkit-input-placeholder {
    /* Edge */
    color: #BBBBBB;
}

#menu.branco.pesquisa-principal :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #BBBBBB;
}

#menu.branco .pesquisa-principal ::placeholder {
    color: #BBBBBB;
}

#menu.branco .pesquisa-principal i {
    color: #bbb;
}
#menu.branco .menu-toggle button,
#menu.branco .menu-toggle i{
    color: #2C3133 !important;
}
.navbar{
    padding: 0;
}

/*-------------------------------------------------------------------
HOME
---------------------------------------------------------------------*/
.section-padrao{
    margin-top: 50px;
}
.banner-padrao{
    height: 100%;
    max-height: 650px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 225px 0 0 0;
}
.banner-home{
    height: 620px;
    position: relative;
    text-shadow: 2px 2px rgba(0,0,0,0.5);
}

.banner-sobre{
    text-shadow: 2px 2px rgba(0,0,0,0.5);
}

.banner-home .btn{
    -webkit-box-shadow: 2px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px rgba(0, 0, 0, 0.5);
}
/*---------------
banner top
----------------*/
#section-banner{
    width: 100%;
}
#section-banner article{
    position: relative;
    z-index: 999;
    color: #fff;
}
#section-banner i{
    position: relative;
    top: 6px;
}
.vms-baixo {
    top: 35px !important;
    left: -50%;
}
/*---------------
section sobre
----------------*/
#section-sobre h2{
    text-align: center;
    padding: 0 50px;
}
.box-conteudo{
    height: 100%;
    padding: 150px 0 30px 0;
    text-align: center;
}
.box-conteudo p,
.box-conteudo a{
    display: none;
    color: #fff;
    font-family: 'Gotham';
    font-size: 14px;
    padding: 0 70px 0 70px;
    margin-top: 10px;
}
.box-conteudo a{
    font-family: 'Gotham Medium';
    font-size: 15px;
    text-decoration: underline;
    padding-bottom: 5px;
    margin-top: 20px;
}
.box-conteudo img{
    position: absolute;
    top: 140px;
    left: 47%;
    z-index: 1;
}
.box-conteudo:hover {
    background: #ff6700;
    padding-top: 70px;
}
.box-conteudo:hover img {
    top: 60px;
}
.box-conteudo:hover p,
.box-conteudo:hover a{
    display: block;
}
.box-conteudo:hover i{
    position: relative;
    top: 7px;
}
.bg-conteudos{
    background-image: url(https://universidadeninja.com.br/wp-content/uploads/2023/02/Contato-Imagem-01.jpg);
    height: 300px;
    background-position: center center;
    background-size: cover;
    position: relative;
}
.box-conteudo{
    position: relative;
}
.box-conteudo::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000;
    top: 0;
    left: 0;
    opacity: 0.3;
}
.box-conteudo:hover::before{
    display: none;
}
.box-conteudo *{
    z-index: 2;
    position: relative;
}
.bg-assessoria {
    background-image: url(https://universidadeninja.com.br/wp-content/uploads/2023/02/Contato-Imagem-02.jpg);
    height: 300px;
    background-position: center center;
    background-size: cover;
}
.box-hover{
    position: absolute;
    top: 40px;
    width: 540px;
    height: 300px;
}
.page-template-page-sobre-nos h1.tit-banner {
    margin-top: 35px;
}

.nld-avatar{
    margin-bottom: -100px;
}

.home .banner-padrao article, .page-template-page-sobre-nos article{
    background-color: rgba(0,0,0,0.5);
    padding: 20px;
    margin: -10px 0 0 -10px;
}
/*---------------
section FAQ
----------------*/
#faq h2{
    text-align: center;
}
#faq p{
    padding: 0 30px 0 10px;
    margin-bottom: 40px;
}
#faq img{
    margin-bottom: 20px;
}
.card{
    border: none;
    background: none;
    text-align: left;
}
.card-header{
    background: none;
    border-top: 1px solid #C2C2C2;
    border-bottom: none;
    border-radius: 0 !important;
}
.card button:hover{
    border: none;
    color: #ff6700;
    text-decoration: none;
}
.card button.collapsed::before{
    content: '\E315';
    width: 20px;
    height: 20px;
    font-size: 18px;
    font-family: 'Material Icons';
    display: block;
    position: absolute;
    left: 9px;
    top: 16px;
    transform: rotate(0deg);
    transition: ease .3s;
}
.card button::before{
    content: '\E315';
    width: 20px;
    height: 20px;
    font-size: 18px;
    font-family: 'Material Icons';
    display: block;
    position: absolute;
    left: 9px;
    top: 20px;
    transform: rotate(90deg);
    transition: ease .3s;
}
.card button i{
    margin-top: 20px;
}
.card .card-body p:last-child{
    margin-bottom: 0 !important;
}
.card .card-body{
    padding-top: 0;
    padding-bottom: 20px;
}

.btn-link{
    color: #2C3133;
    border: none;
    text-decoration: none;
    text-align: left;
}
/*---------------
section Jornada
----------------*/
#section-jornada iframe{
    margin-top: 40px;
}
#section-jornada .overlay{
    width: 95%;
    height: 89%;
    max-height: fit-content;
    background: url(https://universidadeninja.com.br/wp-content/uploads/2023/02/A-Investir-juntos-Imagem-07.jpg) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 40px;
    z-index: 0;
    text-align: center;
}
#section-jornada .overlay::before{
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(49, 98, 105, 0.6);
    width: 100%;
    height: 100%;
    top: 0;
}
#section-jornada strong{
    font-weight: bold;
    color: #000;
}
#section-jornada .overlay > *{
    position: relative;
    z-index: 1;
}
.overlay .paragrafo-areas{
    margin: 28% 0 20px 0;
    display: block;
    color: #fff;
}
.overlay .btn{
    width: 40%;
}
/*-----------------------------------------------------------------
SIMULDOR + PASSOS
---------------------------------------------------------------------*/
.link-scroll {
    position: absolute;
    left: 50%;
    bottom: 70px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.content-video h2{
    font-family: 'Gotham';
    font-size: 26px;
    color: #2C3133;
    margin-bottom: 20px;
}
.content-video h2 strong{
    font-family: 'Gotham Medium';
    color: #ff6700;
}
#link-chat {
    position: fixed;
    right: 50px;
    bottom: 50px;
    padding: 10px;
    border-radius: 50%;
    background-color: #fff;
    width: 52px;
    text-align: center;
    z-index: 10;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
#container-chatbot {
    position: relative;
    height: 100%;
}
#chatbot {
    position: absolute;
    height: 87%;
    padding: 20px 35px 10px 55px;
    overflow-y: inherit;
    top: 0;
    left: 0;
    width: 100%;
}
.box-msg {
    color: #fff;
    background-color: #E6BE46;
    padding: 5px;
    border-radius: 10px;
    border: solid 1px #E6BE46;
    font-size: 12px;
    position: relative;
    display: table;
    clear: both;
}
.box-msg:not(.bot) {
    float: right;
}
.box-msg.bot {
    color: #828282;
    background-color: #fff;
    border: solid 1px #ccc;
}
.box-msg.bot::before {
    content: '';
    position: absolute;
    display: block;
    right: 100%;
    top: 0;
    margin-right: 15px;
    border: solid 1px #ccc;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    background: #fff url(../img/favicon.png) no-repeat center center;
    background-size: 80% 80%;
}
.box-msg:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
}
.noafter::after{
    content: none !important;
}
.box-msg ul {
    list-style: none;
    margin: 0 0 20px 0;
    padding-left: 20px;
}
.box-msg label {
    text-transform: none;
    position: relative;
    padding-left: 35px;
    margin-bottom: 5px;
    cursor: pointer;
}
.box-msg label::before {
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    top: 2px;
    width: 13px;
    height: 13px;
    border: solid 1px #ccc;
    border-radius: 50%;
}
.box-msg label.checkbox::before {
    border-radius: 0;
}
.box-msg label::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 11px;
    width: 15px;
    height: 13px;
    opacity: 0;
    background: url(../img/check.png) no-repeat center center;
    background-size: contain;

}
.box-msg label.selected::after {
    opacity: 1;
}
.box-msg label input {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 35px;
}
.verde-dest {
    color: #ff6700;
    font-weight: bold;
}
.btn-resposta,
.btn-confirma {
    background-color: #fff;
    color: #ff6700;
    border: solid 1px #ff6700;
    text-align: center;
    padding: 10px;
    width: 150px;
    outline: none;
    margin-top: 20px;
}
.btn-confirma {
    margin-top: 10px;
}
.btn-resposta:hover,
.btn-confirma:hover {
    border-color: #ff6700;
    color: #ff6700;
    opacity: 0.8;
}
#conf-email {
    display: block;
    width: 100%;
    padding: 5px;
    border-radius: 0;
    margin-bottom: 15px;
}
#input {
    transition: all 300ms;
    position: absolute;
    width: 50%;
    left: 50%;
    padding: 10px;
    background-color: #fff;
    color: #8D8D8D;
    bottom: 0;
}
#input input {
    width: 494px;
    font-size: 14px;
    padding: 5px 8px;
}
#enviar {
    background-color: #ff6700;
    border: none;
    border-radius: 2px;
    width: 36px;
    padding-left: 5px;
    padding-right: 3px;
    margin-left: 10px;
}
#enviar img {
    margin-top: -1px;
    margin-bottom: 1px;
}
#input:not(.ativo)::before {
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}
label {
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 15px;
    width: 100%;
}
label input,
label textarea {
    width: 100%;
    margin-top: 5px;
    border: none !important;
    border-bottom: solid 2px #ccc !important;
    border-radius: 0 !important;
    outline: none;
    padding: 7px 0 !important;
}
label input:focus,
label textarea:focus {
    border-bottom-color: #46555A !important;
}
label textarea {
    resize: none;
    height: 80px;
}
.box-titulo .d-flex img {
    margin: 0 10px;
}
#section-assessor {
    position: relative;
    margin-bottom: 70px;
    overflow: hidden;
    margin-top: 100px;
}
#simulador{
    background-color: #f1f1f1;
    position: relative;
    margin-top: 245px;
}

#simulador .txt-center{
    background-color: #fff;
    position: relative;
    padding-bottom: 19px;
    margin-top: -140px;
}
#simulador .tit-areas strong{
    display: inline;
    color: #ff6700;
}
#simulador .overlay{
    width: 95%;
}
#section-objetivos p.disclaimer{
    margin-top: -75px;
    z-index: 1;
    position: relative;
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}
#section-objetivos h2{
    margin: 20px 0;
}
#section-assessor h2 {
    text-align: center;
}
#section-assessor h2 strong {
    display: block;
    color: #ff6700;
}
#section-assessor article h2 {
    margin-top: 30px;
    margin-bottom: 20px;
}
#section-assessor article p {
    font-size: 12px;
    width: 100%;
    max-width: 370px;
    margin-bottom: 30px;
}
#section-assessor article .d-flex .btn-padrao {
    width: 47%;
    text-align: center;
}
#section-assessor article .d-flex {
    padding-right: 60px;
}
.box-passo {
    margin: 0 0 30px 0;
    background-color: #fff;
    width: 95%;
    height: 260px;
    padding: 40px 35px;
    margin-top: 15px;
}
.box-passo h3{
    font-size: 20px;
}
.box-passo p{
    font-size: 13px;
}
.box-passo:hover .passo {
    -webkit-box-shadow: 2px 3px 15px -4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 3px 15px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 3px 15px -4px rgba(0, 0, 0, 0.75);
}
.passo {
    transition: all 300ms;
    font-size: 20px;
    color: #ff6700;
    border: solid 2px #ff6700;
    border-radius: 50%;
    text-align: center;
    display: table;
    margin: 0 auto 20px auto;
    padding: 5px 0;
    width: 43px;
    z-index: 2;
    position: relative;
    background-color: #fff;
}
#section-passos {
    position: relative;
    overflow: hidden;
}
.fundo-cinza{
    background: #F3F3F3;
    position: absolute;
    bottom: 0;
    z-index: -1;
    height: 90px;
    width: 100%;
}
/*-----------------------------------------------------------------
SIMULE SEU PERFIL  
---------------------------------------------------------------------*/
.banner-simula {
    padding-top: 180px;
    padding-bottom: 48px;
    background-color: #8DB1B5;
    background-position: center;
}
.banner-simula h1{
    padding-right: 40px;
    margin-bottom: 35px;
}
.box-simula{
    margin-right: 30px;
    width: 100%;
    text-align: center;
    color: #fff;
}
.banner-simula .box-simula img{
    height: 28px;
}
.sobreposto{
    padding: 30px 110px 30px 40px;
    position: relative;
    z-index: 9;
    width: 100%;
    margin: 38px 0 0 -50px;
    height: 100%;
}

.sobreposto:after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #F3F3F3;
    position: absolute;
    left: 100%;
    top: 0;
}
.pdr-40{
    padding-right: 40px;
}

#porque-investir{
    margin-bottom: 200px;
}
#porque-investir .overlay {
    width: 95% !important;
}
#porque-investir .tit-areas strong{
    color: #ff6700;
}
#tipos-investidor{
    margin-top: 130px;
}
.bg-conservador{
    background-image: url(../img/perfil-conservador.png);
    height: 270px;
    background-position: center center;
}
.bg-moderado {
    background-image: url(../img/perfil-moderado.png);
    height: 270px;
    background-position: center center;
}
.bg-arrojado {
    background-image: url(../img/perfil-arrojado.png);
    height: 270px;
    background-position: center center;
}
.texto-box{
    position: relative;
    z-index: 9;
}
.texto-box img{
    top: -40px;
}
#tipos-investidor .box-conteudo:hover{
    padding-top: 80px ;
}
.box-conteudo:hover .texto-box img {
    top: -40px;
}
#tipos-investidor .texto-box{
    padding: 0 85px;
}
#tipos-investidor .box-conteudo p{
    padding: 0 40px;
}
.box-conteudo .overlay{
    width: 92.5%;
    height: 90%;
    top: 30px;
}
.destaque-simula{
    font-size: 18px;
    color: #232323;
}
.destaque-simula strong{
    color: #232323;
    font-weight: bold;
}
/*-----------------------------------------------------------------
ASSESSORIA   
---------------------------------------------------------------------*/
#tipos-assessoria{
    margin-top: 180px;
}
.bg-digital {
    background-image: url(../img/assessoria-digital.png);
    height: 358px;
    background-position: center center;
}
.bg-demanda {
    background-image: url(../img/assessoria-sobdemanda.png);
    height: 358px;
    background-position: center center;
}
.bg-exclusiva {
    background-image: url(../img/assessoria-exclusiva.png);
    height: 358px;
    background-position: center center;
}
.bg-private {
    background-image: url(../img/assessoria-private.png);
    height: 358px;
    background-position: center center;
}
.tit-box strong{
    color: #ff6700;
}
#tipos-assessoria .box-conteudo{
    padding-top: 190px;
}
#tipos-assessoria .box-conteudo a{
    display: block;
    margin-top: 20px;
}
#tipos-assessoria .box-conteudo i{
    position: relative;
    top: 7px;
}
#tipos-assessoria .box-conteudo .texto-box{
    padding: 0 35px;
}
#tipos-assessoria .box-conteudo:hover{
    padding-top: 60px;
    background: #ff6700;
}
#tipos-assessoria .box-conteudo:hover .tit-box{
    color: #2C3133;
}
#tipos-assessoria .box-conteudo:hover .tit-box strong{
    color: #ff6700;
}
#tipos-assessoria .box-conteudo:hover p {
    color: #2C3133;
    padding: 0 15px;
    font-size: 13px;
}
#tipos-assessoria .box-conteudo:hover p strong{
    color: #2C3133;
}
#tipos-assessoria .box-conteudo:hover a{
    display: none;
}
.card-assessoria{
    height: 315px;
    padding: 40px 20px 30px 20px;
    -webkit-box-shadow: 5px 5px 10px -5px rgba(133, 133, 133, 1);
    -moz-box-shadow: 5px 5px 10px -5px rgba(133, 133, 133, 1);
    box-shadow: 5px 5px 10px -5px rgba(133, 133, 133, 1);
}
.card-assessoria h3{
    font-size: 20px;
    font-weight: 500;
}
.card-assessoria p{
    font-size: 13px;
}
#video-assessor{
    padding: 50px 0 40px 0;
    min-height: 410px;
}
#video-assessor .row{
    padding-top: 30px;
}
#video-assessor ul{
    margin: 30px 0 0 0;
    padding: 0;
}
#video-assessor ul li{
    display: inline-block;
    width: 46%;
    margin-right: 30px;
}
#video-assessor .tit-areas strong{
    color: #ff6700;
}
#video-assessor ul li:last-child{
    margin-right: 0;
}
#video-assessor p{
    padding-right: 25px;
}
#video-assessor p strong{
    color: #2C3133;
}
.pdl-30{
    margin-top: 30px;
    padding-left: 30px;
}
.bloco-amarelo{
    background-color: #ff6700;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70%;
    height: 410px;
    position: absolute;
    left: -25%;
    margin-top: -25px;
}
/*-----------------------------------------------------------------
CONTATO   
---------------------------------------------------------------------*/
#formulario{
    padding-top: 200px;
}
#formulario h1{
    margin-bottom: 10px;
}
#formulario .paragrafo-areas{
    padding-right: 180px;
}
#formulario form{
    margin-top: 40px;
}
#formulario input{
    border: solid 1px #989898;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    width: 100%;
    margin-bottom: 20px;
    height: 40px;
    padding-left: 10px;
    color: #2C3133;
}
#formulario textarea{
    border: solid 1px #989898;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    width: 100%;
    margin-bottom: 20px;
    height: 95px;
    padding-left: 10px;
    color: #2C3133;
}
#formulario select{
    border: solid 1px #989898;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    width: 100%;
    margin-bottom: 20px;
    height: 40px;
    padding-left: 10px;
    color: #BBBBBB;
}
#formulario textarea::-webkit-input-placeholder,
#formulario input::-webkit-input-placeholder {
    /* Edge */
    color: #BBBBBB;
}
#formulario textarea:-ms-input-placeholder,
#formulario input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #BBBBBB;
}
#formulario textarea::placeholder,
#formulario input::placeholder {
    color: #BBBBBB;
}
#formulario input[type="submit"]{
    float: left;
    width: 40%;
    border: none;
    color: #fff;
    background-color: #ff6700;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
#formulario .box_contanto_acessor {
    background: url(https://universidadeninja.com.br/wp-content/uploads/2023/02/Contato-Imagem-01.jpg) no-repeat center center;
    background-size: cover;
}

#formulario .box_perfil_investidor {
    background: url(https://universidadeninja.com.br/wp-content/uploads/2023/02/Home-Imagem-03.jpg) no-repeat center center;
    background-size: cover;
}
#formulario .box_sobre_int{
    padding-top: 35px;
}
#formulario .box_sobre_int img{
    margin-bottom: 20px;
}
.btn_outamarelo {
    border: 1px solid #ff6700;
    padding: 10px 25px;
    display: inline-block;
    color: #ff6700;
    font-weight: bold;
}
.btn_outamarelo:hover{
    background: #ff6700;
    color: #2C3133;
}
.w-480{
    width: 481px;
}
.c_dark{
    color: #2C3133;
}
/*-----------------------------------------------------------------
SOBRE NOS  
---------------------------------------------------------------------*/

#conquiste-independencia .box_i_txt{
    min-height: 57px;
    color: #fff;
    line-height: 22px;
    font-size: 16px;
}

.destaque_tit {
    font-size: 26px;
}

.nosso_prop_box {
    padding: 40px 20px 30px 40px;
    font-size: 14px;
}

.box_i_content {
    position: absolute;
    bottom: 59px;
    padding: 0 30px;
    color: #fff;
    font-size: 13px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.box_i_t {
    font-size: 24px;
    line-height: 29px;
    padding-bottom: 20px;
    color: #fff;
    font-weight: bold;
}

.box_sobre_n {
    font-size: 13px;
    color: #fff;
    min-height: 277px;
}

.box_contanto_acessor {
    background: url(../img/sobre-nos-fale-acessoror-box.jpg) no-repeat;
}

.box_perfil_investidor {
    background: url(../img/sobre-nos-perfil.jpg) no-repeat;
}

.box_sobre_n_tit {
    font-size: 20px;
    line-height: 25px;
}

.box_sobre_int {
    padding: 49px 30px;
}

.btn_branco {
    border: 1px solid #fff;
    padding: 10px 25px;
    display: inline-block;
}

.btn_amarelo {
    padding: 10px 25px;
    display: inline-block;
    background-color: #ff6700;
    color: #fff;
}
.banner-sobre{
    height: 530px;
    position: relative;
}
.flu_amarelo {
    height: 100%;
    width: 100%;
    position: absolute;
    top: -28px;
    z-index: -1;
    background-color: #ff6700;
    min-height: 375px;
    left: 100px;
}
.bg_cinza{
    background-color: #F3F3F3;
}
#box-cinza-container .bg_cinza{
    padding: 35px 30px;
    height: 100%;
}
.ico_container {
    height: 48px;
}
/*-----------------------------------------------------------------
CONTEUDO EDUCACIONAL  
---------------------------------------------------------------------*/
.banner-educacional{
    padding-top: 200px;
    padding-bottom: 100px;
}
#plataforma-educacional .box-passo{
    height: 210px;
}
#plataforma-educacional .box-passo p{
    color: #2C3133;
    font-family: 'Gotham Medium';
    font-size: 16px;
    padding: 0 35px 0 35px;
    margin-top: 20px;
}
#plataforma-educacional .box-passo span{
    font-family: 'Gotham';
}
#plataforma-educacional .box-passo:last-child p{
    padding: 0 25px !important;
}
#plataforma-educacional .fundo-cinza{
    bottom: -145px;
}
#conheca-jornada{
    background-color: #2a2827;
    padding: 60px 0;
}
#conheca-jornada .tit-areas{
    color: #fff;
}
#conheca-jornada .tit-areas strong{
    color: #ff6700;
}
#conheca-jornada span{
    display: block;
}
#conheca-jornada .box-passo{
    height: 240px;
    padding: 35px 35px;
}
#conheca-jornada .box-passo p{
    padding: 0 5px;
}
#conheca-jornada .box-passo h3{
    font-family: 'Gotham Medium';
    font-size: 25px;
}
.borda-preta{
    border: solid 1px #ff6700;
    padding: 20px;
}
.borda-preta .paragrafo-areas{
    color: #fff;
    font-size: 18px;
}
.borda-preta .paragrafo-areas strong{
    color: #ff6700 !important;
    font-weight: bold;
}
.borda-preta .btn{
    width: 95%;
    color: #2C3133;
    margin-top: 10px;
}
#pontuacao .box-passo{
    height: 230px;
    width: 255px ;
    padding: 34px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
#pontuacao .box-passo img{
    margin-bottom: 20px;
}
#pontuacao .box-passo h3{
    font-family: 'Gotham Medium';
    font-size: 20px;
}
#pontuacao .box-passo p{
    margin-top: 20px;
}
/*-----------------------------------------------------------------
LOGIN  
---------------------------------------------------------------------*/
#login{
    margin-top: 140px;
    padding-bottom: 0;
}
#login .esquerda .tit-areas,
#login .esquerda .tit-areas strong{
    color: #fff !important;
}

#login form input{
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    width: 86%;
    margin-bottom: 20px;
    height: 40px;
    padding-left: 10px;
    color: #2C3133;
    border: none;
    font-size: 13px;
}
#login form button{
    border: none;
}
#login .esquerda .btn_amarelo{
    color: #fff;
    border: none;
}
#login .esquerda .btn-border{
    width: 85%;
    margin-left: -20px;
    font-size: 15px;
    padding-top: 7px;
}
.fundo-gradiente{
    width: 50%;
    position: absolute;
    background: #626262;
    height: 100%;
    max-height: 445px;
}
.pd0{
    padding: 0 !important;
}
.pdl-50{
    padding-left: 80px;
}
.direita .btn{
    width: 55%;
    padding: 10px 0;
}
.single-related {
    background: #F3F3F3;
    margin-bottom: 20px;
    padding: 15px;
    text-align: left;
}
.single-related a {
    color: #2C3133;
    font-weight: bold;
}
.single-related .parent {
    text-transform: uppercase;
    color: #ff6700;
    font-size: 13px;
}
.related-posts-title {
    font-size: 24px;
}
.single-related span {
    display: block;
    margin-top: 10px;
    font-size: 13px;
}
.ctafooter {
    text-align: center;
    padding: 30px 0px 20px;
}
.ctafooter h3 {
    font-weight: bold;
    color: #29333B;
}
.ctafooter p {
    color: #29333B;
}
.ctafooter .bg-yellow {
    display: inline-block;
    padding: 11px 40px;
    font-size: 18px;
    font-weight: bold;
    color: #47545C;
}
.invest {
    position: relative;
    margin-bottom: 40px;
    border: 10px solid #ff6700;
    padding: 15px 32px;
    margin-top: 40px;
}

.content-invest {
    display: flex;
    width: 100%;
}

.content-invest2 {
    width: 70%;
}

.btncontent-invest {
    width: 30%;
    padding-top: 9px;
    color: #47545C;
}

.content-invest2 h3 {
    color: #29333B;
    font-weight: bold;
    margin-left: 0;
    font-size: 26px;
    margin: 0px;
    line-height: 30px;
}

.btncontent-invest .bg-yellow {
    background: #ff6700;
    color: #fff;
    text-transform: uppercase;
    padding: 11px 0;
    letter-spacing: .5px;
}

.content-invest2 h3 span {
    color: #ff6700;
}

.content-invest2 p {
    color: #fff;
    margin-left: 3px;
}
#conquiste-independencia .box_i_t {
    color: #ffffff;
    font-weight: bold;
    line-height: 32px;
}
#conquiste-independencia .box_i_t.boxt2 {
    color: #ff6700;
}
#main-single .box_i_content .btn {
    background: #ff6700;
    color: #29333B !important;
}

/*-----------------------------------------------------------------
404 
---------------------------------------------------------------------*/
#notfound{
    margin-top: 140px;
    padding-bottom: 50px;
}
.fundo-amarelo{
    width: 40%;
    position: absolute;
    background: #ff6700;
    height: 55%;
    max-height: 445px;
}
.grande{
    font-size: 225px;
    font-family: 'Gotham Medium';
    font-weight: bolder;
}
#notfound .direita .btn{
    width: 35%;
    padding: 7px 0;
}
#notfound .direita input{
    width: 60%;
    box-sizing: border-box;
    padding: 8px 10px;
    background: none;
    border: solid 1px #BBBBBB;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    color: #2C3133;
    font-size: 13px;
    margin-right: 20px;
}
#notfound .direita input:focus,
#notfound .direita input::selection {
    color: #BBBBBB;
}
#notfound .direita ::-webkit-input-placeholder {
    /* Edge */
    color: #BBBBBB;
}

#notfound .direita :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #BBBBBB;
}

#notfound .direita ::placeholder {
    color: #BBBBBB;
}
/*-------------------------------------------------------------------
RESULTADO SIMULADOR
---------------------------------------------------------------------*/
.padding {
    padding: 40px;
}

.padding-20 {
    padding: 20px;
}

.titulo {
    font-size: 26px;
    color: #000;
    font-weight: 300;
}

.sub-titulo {
    font-size: 20px;
}

.descricao {
    font-size: 16px;
}

.margin-vertical {
    margin-top: 40px;
    margin-bottom: 40px;
}

.semi-bg {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(229, 191, 68, 1) 60%, rgba(229, 191, 68, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(229, 191, 68, 1) 60%, rgba(229, 191, 68, 1) 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(229, 191, 68, 1) 60%, rgba(229, 191, 68, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ff6700", GradientType=1);
}

.semi-bg strong,
#section-ampliar-conhecimento strong {
    color: #ff6700;
}

.bg-cinza {
    background: #F3F3F3;
}

.passos {
    background: rgb(243, 243, 243);
    background: -moz-linear-gradient(0deg, rgba(243, 243, 243, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(243, 243, 243, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(0deg, rgba(243, 243, 243, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3f3f3", endColorstr="#ffffff", GradientType=1);
}

.passos .passo {}

.passos .titulo {
    font-size: 22px;
    font-weight: 300;
}

.passos .descricao {
    font-size: 14px;
    font-weight: 300;
}

.btn-yellow {
    background-color: #ff6700;
    color: #fff !important;
}

.player-perfil {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    height: calc(100% - 60px);
    background-color: #000;
    z-index: 999;
}

.player-conhecimento {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 999;
}

video {
    display: block;
    width: 100%;
    height: 100%;
}

.h-300 {
    height: 300px;
}

.bg-desbloquear-curso {
    background-color: #8DB1B5;
    background-size: cover;
    background-position: center center;
    color: #fff;
}
.img-100{
    width: 100%;
}
/*-------------------------------------------------------------------
MODAL CONTATO
---------------------------------------------------------------------*/
#modal-contato .modal-dialog{
    width: 700px;
    height: 553px;
    max-width: 90vw;
}
#modal-contato-inner{
    margin: 0 auto;
    padding: 25px 0 0 0;
    -webkit-box-shadow: -1px 1px 14px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 1px 14px -1px rgba(0,0,0,0.75);
    box-shadow: -1px 1px 14px -1px rgba(0,0,0,0.75);
    position: relative;
}
.verde-lado{
    background-color: #ff6700;
    height: 285px;
    text-align: center;
    padding: 30px 40px;
}
.verde-lado .tit-areas{
    color: #fff;
    font-weight: bold;
    display: block;
    font-size: 18px;
    padding: 0 30px;
}
.lado-branco{
    height: 100%;
    max-height: 285px;
    padding: 30px;
    text-align: center;
}
.lado-branco .tit-areas{
    font-weight: bold;
    font-size: 18px;
    padding: 0 30px;
}
.lado-branco .paragrafo-areas{
    font-size: 18px;
    font-weight: bold;
}
.lado-branco span{
    display: block;
}
.lado-branco i{
    position: relative;
    top: 5px;
    margin-right: 7px;
}
#modal-contato .btn-border{
    width: 100%;
    color: #ff6700 !important;
    border: solid 1px #ff6700;
}
#modal-contato .btn-border i{
    position: relative;
    top: 5px;
}
#modal-contato .btn-border:hover{
    background-color: #ff6700;
    color: #fff !important;
}
.paragrafo-pequeno{
    font-size: 13px;
    margin-left: 34px;
}
/*-----------------------------------------------------------------
FOOTER   
---------------------------------------------------------------------*/
footer{
    width: 100%;
    padding-top: 30px;
    border-top: 1px solid #AFAFAF;
}
footer p{
    font-size: 11px;
}

footer form {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

footer form input {
    width: 100%;
}

footer form i {
    margin-left: -28px;
}

footer form ::-webkit-input-placeholder {
    /* Edge */
    color: #BBBBBB;
}

footer form :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #BBBBBB;
}

footer form ::placeholder {
    color: #BBBBBB;
}
footer form i{
    color: #bbb;
}
footer .btn{
    width: unset;
}
.dropdown button:hover,
.dropdown-toggle:hover,
.dropdown-menu:hover {
    border: none;
    color: #ff6700;
}
.btn-outfoot{
    font-family: 'Gotham';
    font-size: 14px;
    color:#2C3133;
    font-weight: 500;
}
.btn-outfoot i{
    position: relative;
    top: 5px;
}
.dropdown-toggle::after{
    display: none;
}
.social-foot{
    margin: 0;
    padding: 0;
}
.social-foot li {
    display: inline-block;
    box-sizing: border-box;
    color: #fff;
    padding: 5px 5px 7px 5px;
    width: 30px;
    height: 30px;
    margin-right: 8px;
    text-align: center;
}
.social-foot li i {
    font-size: 16px;
}
.social-foot li:last-child{
    margin-right: 0;
}
.social-foot li:hover{
    -webkit-box-shadow: 3px 4px 6px -4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 3px 4px 6px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 3px 4px 6px -4px rgba(0, 0, 0, 0.75);
}

#subfooter {
    margin-top: 30px;
    border-top: 1px solid #AFAFAF;
    font-size: 12px;
    margin: 30px 0px 15px 0px;
    padding-top: 15px;
}
/********************
animation
******************/
@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* INICIO - CONTEUDOS */

/* #main-taxonomy section{
    padding: 40px 0;
}

#main-taxonomy section:first-child{
    padding-top: 170px;
} */

#main-aprenda {
    padding-top: 0px;
}

#papo-invest{
    max-width: 90%;
    height: auto;
    width: 340px;
    margin-top: -15px;
}
.modal-backdrop{
    z-index: 999999999;
}
.modal{
    z-index: 1000000000;
}
.inner-video{
    font-size: 0;
}

.inner-video iframe{
    margin: 0 auto;
    display: block;
}

#main-aprenda .modal-dialog{
    width: 700px;
    max-width: 90vw;
}

.crs-aprenda.pilula .item-bloco-destaque{
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.crs-aprenda.pilula .item-bloco-destaque .bloco-destaque{
    width: calc(33% - 10px);
    margin-right: 10px;
}

.crs-aprenda.pilula .bloco-destaque h3{
    font-size: 13px;
}

.crs-aprenda.pilula .item-bloco-destaque .bloco-destaque:first-child, .crs-aprenda.pilula .item-bloco-destaque .bloco-destaque:nth-child(2), .crs-aprenda.pilula .item-bloco-destaque .bloco-destaque:nth-child(3){
    position: relative;
    height: 200px;
    /* width: 32%; */
}

#banner-categoria h1{
    font-size: 26px;
    color: #fff;
    line-height: 1.4;
}

#banner-categoria p{
    color: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

#banner-categoria strong{
    color: #ff6700;
}

#destaque-categoria h2 img{
    display: block;
    margin: 0 auto 45px auto;
}

#destaque-categoria h2{
    text-align: center;
    margin-bottom: 30px;
}

.item-bloco-destaque{
    position: relative;
}

.two-itens .item-bloco-destaque{
    padding-left: 51%;
}

.two-itens .item-bloco-destaque .bloco-destaque:first-child{
    width: calc(51% - 20px);
    height: 314px;
}

.two-itens .bloco-destaque{
    height: 314px;
}

.oferecimento span{
    width: 80px;
    font-size: 9px;
    display: inline-block;
    color: #C9C9C9;
}

.oferecimento img{
    margin-left: 5px;
    margin-top: 3px;
    display: inline-block;
    vertical-align: top;
    max-width: 70px;
}

.bloco-destaque {
    position: relative;
    display: block;
    margin-bottom: 20px;
    padding: 20px;
    height: 200px;
}

.bloco-destaque::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000000;
    opacity: 0.5;
    position: absolute;
    z-index: -1;
}

.bloco-destaque > img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.bloco-destaque .cat{
    text-transform: uppercase;
}

.bloco-destaque h3{
    font-size: 18px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 0;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.6);
}

.bloco-destaque .texto-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    z-index: 2;
}

#carteira-categoria{
    background-color: #F3F3F3;
}

#carteira-categoria .btn-blue{
    font-size: 12px;
    display: table;
    width: auto;
    padding: 5px 20px;
}

#carteira-categoria h2{
    font-size: 25px;
    line-height: 1.4;
    margin: 50px 0 20px 0
}

#carteira-categoria h2 strong{
    display: block;
}

#carteira-categoria .item-crs{
    padding: 0 15px;
}

#carteira-categoria .container{
    padding: 0 100px;
}

.bloco-conteudo{
    background-color: #fff;
    display: block;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    position: relative;
}

.bloco-conteudo > img{
    height: 140px;
    width: 100%;
    object-fit: cover;
}

.bloco-conteudo h3{
    font-size: 18px;
    padding: 30px 20px;
    line-height: 1.4;
    margin: 0;
    background-color: #fff;
    height: 110px;
    overflow: hidden;
}

#abas-carteiras .bloco-conteudo h3, #carteira-categoria .bloco-conteudo h3{
    font-size: 14px;
    padding: 22px 20px;
}

#conteudo-xp, #conteudo-modalmais{
    text-align: center;
    display: block;
    margin-bottom: 20px;
}

.titulo-logo{
    display: inline-block;
}

.titulo-logo h2, .titulo-logo img{
    display: inline-block;
    vertical-align: top;
}

.titulo-logo h2{
    font-size: 26px;
}

.titulo-logo img{
    height: 30px;
    margin-left: 40px;
}

.item-crs-ativos{
    padding: 10px;
}
.card-ativo{
    display: block;
    text-align: center;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.card-ativo img{
    width: 160px;
    height: 122px;
    object-fit: contain;
    margin: 0 auto;
}

.card-ativo h3{
    font-size: 13px;
    padding: 20px;
    border-top: solid 1px #ccc;
    height: 80px;
    overflow: hidden;
}

.card-ativo span{
    font-size: 12px;
    color: #858585;
    display: block;
    padding: 20px ;
}

.crs-padrao{
    position: relative;
    padding-bottom: 50px;
}

.crs-desktop {

}

.crs-mobile {
    display: none;
}

.crs-mobile-helper {
    display: none;
}

@media screen and (max-width: 767px) {
    .crs-desktop {
        display: none;
    }
    
    .crs-mobile {
        display: block;
    }

    .crs-mobile-helper {
        display: block;
        position: relative;
        height: 40px;
    }

    .crs-mobile-helper .msg_dash_mobile {
        width: 100px;
        font-size: 9px;
        position: absolute;
        top: -2px;
        right: 0;
        text-align: center;
    }

    .crs-mobile-helper .msg_dash_mobile span {
        width: 75px;
        float: left;
    }
}

.slick-dotted.slick-slider{
    margin: 0;
}

.crs-padrao .slick-dots button{
    font-size: 0;
}

.crs-padrao .slick-dots button::before{
    background-color: #C4C4C4;
    border: solid 3px #C4C4C4;
    border-radius: 50%;
    font-size: 0;
    width: 60%;
    height: 60%;
    opacity: 1;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.crs-padrao .slick-dots .slick-active button::before{
    border-color: #ff6700;
    background-color: #fff;
}

.crs-padrao .slick-arrow{
    cursor: pointer;
    border: solid 1px #ff6700;
    font-size: 20px;
    color: #ff6700;
    padding: 7px 0 9px 0;
    text-align: center;
    width: 35px;
    margin-top: -30px;
}

.crs-padrao .slick-dots{
    bottom: 10px;
}

.crs-padrao .slick-arrow.slick-disabled{
    border-color: #DFDFDF;
    background-color: #DFDFDF;
    color: #B1B1B1;
}

.crs-padrao .slick-arrow:hover{
    opacity: 0.7;
}

.crs-padrao .next-arrow, .crs-padrao .prev-arrow{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.crs-padrao .next-arrow{
    left: 100%;
    margin-left: 10px;
}

.crs-padrao .prev-arrow{
    right: 100%;
    margin-right: 10px;
}

#destaque-ativos .crs-padrao{
    margin-top: 30px;
}

.box-filtro-padrao{
    margin-bottom: 20px;
    width: 100%;
}

.box-filtro-padrao.align-right .filtros{
    float: right;
}

.box-filtro-padrao .filtros{
    display: inline-block;
    vertical-align: bottom;
}

.item-filtro{
    display: inline-block;
    vertical-align: bottom;
}

.item-filtro .dropdown{
    position: relative;
    width: 150px;
}

.item-filtro:not(:last-child){
    margin-right: 15px;
}

.item-filtro .dropdown button{
    width: 100%;
    padding-right: 30px;
    position: relative;
    border: solid 1px #ff6700;
    color: #ff6700;
    background-color: #fff;
    text-align: left;
    outline: none;
}

.busca-filtro{
    position: relative;
    width: 250px;
    max-width: 100%;
}

.busca-filtro i{
    position: absolute;
    top: 8px;
    right: 10px;
}

.busca-filtro input{
    width: 100%;
    border: solid 1px #ff6700;
    border-radius: 0;
    font-size: 13px;
    padding: 7px 35px 6px 15px;
}

.item-filtro .dropdown button i{
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#lista-relatorios{
    padding: 0;
    margin: 0;
    list-style: none;
}

#lista-relatorios li{
    margin: 0 0 25px 0;
    padding: 0;
}

#lista-relatorios li a{
    position: relative;
    padding: 15px 190px 15px 170px;
    display: block;
    background-color: #F3F3F3;
    color: #8D8D8D;
}

#lista-relatorios .data{
    position: absolute;
    right: 15px;
    top: 0;
    width: 150px;
    padding: 15px 0;
    display: block;
}

#lista-relatorios .categoria{
    display: block;
    text-transform: uppercase;
    color: #ff6700;
    margin-bottom: 10px;
    font-size: 10px;
}

#lista-relatorios li a h4{
    font-size: 16px;
    margin-bottom: 30px;
}

#lista-relatorios li a img{
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    height: 100%;
    object-fit: cover;
}

.box-paginacao-relatorio{
    border: solid 1px #ccc;
    font-size: 0;
    display: table;
    margin: 30px auto;
}

.box-paginacao-relatorio a{
    text-align: center;
    display: inline-table;
    font-size: 12px;
    padding: 12px 0 10px 0;
    width: 34px;
    color: #8D8D8D;
}

.box-paginacao-relatorio a:not(.ativo):hover{
    background-color: #f1f1f1;
}

.lista-paginacao{
    display: inline-table;
    border: solid 1px #ccc;
    border-top: 0;
    border-bottom: 0;
}

.lista-paginacao a:not(:last-child){
    border-right: solid 1px #ccc;
}

.lista-paginacao a.ativo{
    color: #fff;
    background-color: #ff6700;
}

.item-filtro .dropdown-menu.show {
    display: block;
    left: 0 !important;
    top: 100% !important;
    transform: none !important;
    min-width: 0;
    width: 100%;
    border-radius: 0;
    margin-top: -1px !important;
    padding: 0;
}

.item-filtro .dropdown-menu, .item-filtro .dropdown-menu:hover{
    border: solid 1px #ff6700;
}

.item-filtro .dropdown-menu a{
    padding: 8px 14px;

}

#tab-carteiras-content{
    padding-top: 20px;
    margin-bottom: 20px;
}

.inline-items{
    margin-top: -14px;
}

div.wpcf7-response-output{
    clear: both;
}

.inline-items .wpcf7-form-control-wrap{
    width: 50%;
    display: inline-block;
}

.inline-items .wpcf7-form-control-wrap:first-child{
    padding-right: 5px;
}
.inline-items .wpcf7-form-control-wrap:last-child{
    padding-left: 5px;
}

#tab-carteiras-content .item-crs{
    padding: 10px;
}

#tab-carteiras-content .oferecimento{
    position: absolute;
    margin-left: 8px;
    bottom: 119px;
    background-color: #00000094;
    padding: 8px;
    right: 10px;
    opacity: .75;
}

#tab-carteiras{
    margin: 0;
    border: none;
}

#tab-carteiras .nav-link{
    border: solid 1px #ccc;
    border-radius: 0;
    color: #47545C;
    font-size: 14px;
}

#tab-carteiras .nav-link.active{
    background-color: #ff6700;
    border-color: #ff6700;
}

#tab-carteiras .nav-link:not(.active):hover{
    background-color: #f1f1f1;
}

#tab-carteiras .nav-item:not(:first-child) .nav-link{
    border-left: 0;
}

#main-carteiras{
    padding-top: 40px;
}

#carteiras-recomendadas h1 img{
    display: block;
    margin: 0 auto 40px auto;
}

#carteiras-recomendadas h1{
    text-align: center;
    margin-bottom: 40px;
    color: #ff6700;
    font-size: 26px;
}

#main-busca, #main-single{
    padding-top: 170px;
}

/* FIM - CONTEUDOS */

#endereco{
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 12px;
    line-height: 1.6;
    margin: 0;
    background-color: #000000bf;
    padding: 10px;
}

.disclaimer{
    padding-top: 20px;
    max-width: 1110px;
    margin: 0 auto;
    text-align: justify;
    font-size: 13px;
}

/* XP INSIGHTS ARTICLE */


article .article-content {
    position: relative;
    font-size: 16px; }
article .article-content p:last-child, article .article-content ul:last-child {
    margin-bottom: 0; }
article .article-content .wp-block-embed-youtube.aligncenter iframe {
    margin: 0 auto !important;
    display: block; }
article .article-content .wp-block-image:not(:last-child), article .article-content .wp-block-media-text:not(:last-child), article .article-content .wp-block-separator:not(:last-child) {
    margin-bottom: 40px; }
article .article-content .wp-block-media-text .wp-block-media-text__content:last-child {
    padding: 0 0 0 15px; }
article .article-content .wp-block-media-text .wp-block-media-text__content:first-child {
    padding: 0 15px 0 0; }
article .article-content .wp-block-gallery .blocks-gallery-item figcaption {
    font-size: 15px; }
article .article-content h2, article .article-content h3, article .article-content h4 {
    margin-bottom: 30px;
    font-weight: 700; }
article .article-content h2 {
    font-size: 30px; }
article .article-content h3 {
    font-size: 22px; }
article .article-content h4 {
    font-size: 17px;
    font-weight: 600;
    color: #505050; }
article .article-content h5 {
    margin-bottom: 20px; }
article .article-content h1 a, article .article-content h1 a:active, article .article-content h1 a:focus, article .article-content h1 a:visited, article .article-content h1 a:hover, article .article-content h2 a, article .article-content h2 a:active, article .article-content h2 a:focus, article .article-content h2 a:visited, article .article-content h2 a:hover, article .article-content h3 a, article .article-content h3 a:active, article .article-content h3 a:focus, article .article-content h3 a:visited, article .article-content h3 a:hover, article .article-content h4 a, article .article-content h4 a:active, article .article-content h4 a:focus, article .article-content h4 a:visited, article .article-content h4 a:hover, article .article-content h5 a, article .article-content h5 a:active, article .article-content h5 a:focus, article .article-content h5 a:visited, article .article-content h5 a:hover {
    text-decoration: none;
    color: #3c3c3c; }
article .article-content ul, article .article-content ol {
    padding-left: 18px;
    margin-left: 0; }
article .article-content ul li:not(:last-child), article .article-content ol li:not(:last-child) {
    margin-bottom: 10px; }
article .article-content ul:last-child, article .article-content ol:last-child {
    margin-bottom: 0; }
article .article-content p {
    line-height: 1.6; }
article .article-content p.has-medium-font-size {
    font-size: 16px; }
article .article-content p.has-large-font-size {
    font-size: 18px; }
article .article-content p.has-medium-font-size {
    font-size: 16px; }
article .article-content .wp-block-gallery {
    padding-left: 0;
    margin-top: 10px; }
article .article-content .wp-block-quote {
    border-left: solid 5px #ffc709;
    padding: 15px 0 15px 30px; }
article .article-content .wp-block-quote p {
    font-size: 16px; }
article .article-content .wp-block-quote cite {
    font-size: 14px;
    font-style: initial; }
article .article-content .wp-block-pullquote p {
    font-size: 23px;
    line-height: 1.5;
    margin-bottom: 10px; }
article .article-content .wp-block-pullquote cite {
    font-size: 14px;
    font-style: initial; }
article .article-content .wp-block-pullquote:not(:last-child), article .article-content .wp-block-quote:not(:last-child) {
    margin-bottom: 30px; }
article .article-content .wp-block-pullquote:last-child, article .article-content .wp-block-quote:last-child {
    margin-bottom: 0; }
article .article-content blockquote:last-child {
    margin-bottom: 0; }
article .article-content .wp-block-pullquote:not(.is-style-solid-color) {
    border: solid 5px;
    border-left: 0;
    border-right: 0;
    padding: 20px 0 25px 0; }

.wp-block-image img {
    width: auto;
    max-width: 100%;
}
article .article-content strong, article .article-content h3{
    color: #000;
}
.article-content .has-background.has-text-align-center.has-luminous-vivid-amber-background-color{
    display: none;
}
#main-single h1{
    color: #000;
    font-size: 28px;
}
.wp-block-column {
    margin-bottom: 30px; }

#box-topo-post{
    position: relative;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 6px;
    padding-top: 13px;
    margin-bottom: 45px;
}

.box-materia-autor:active, .box-materia-autor:visited, .box-materia-autor:hover {
    color: #505050;
}

#modal-contato .close {
    position: absolute;
    z-index: 1;
    color: #ff6700;
    right: 15px;
    top: 15px;
    font-size: 28px !important;
}

.box-materia-autor .box-materia-autor-img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    width: 40px;
    height: 40px;
    overflow: hidden;
    left: 0;
    top: 0;
}

.box-materia-autor .box-materia-autor-img img {
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
}

.box-materia-autor h5 {
    font-size: 14px;
    font-family: "Roboto",sans-serif;
    margin-bottom: 0;
    color: #505050;
    font-weight: 700;
    margin-top: 8px;
}

.box-materia-autor h6 {
    font-size: 12px;
    font-family: "Roboto",sans-serif;
    color: #505050;
    font-weight: 400;
}

#box-topo-post .post-data {
    font-size: 13px;
    position: relative;
    top: 9px;
}

#box-topo-post .post-data i.material-icons {
    position: relative;
    font-size: 22px;
    color: #444;
    margin-right: 10px;
}

#box-topo-post .post-data span {
    display: inline-block;
    position: absolute;
    top: 2px;
}

#box-topo-post .post-time-read {
    font-size: 15px;
    text-align: right;
    position: relative;
    top: 7px;
}

#box-topo-post .post-time-read i.material-icons {
    position: relative;
}

#box-topo-post .post-time-read span {
    display: inline-block;
    position: relative;
    top: -7px;  
}

.box-materia-autor {
    position: relative;
    padding-left: 50px;
    display: block;
    font-size: 12px;
    padding-top: 2px;
}

#esc-senha{
    display: block;
    clear: both;
    padding-top: 15px;
    padding-bottom: 30px;
}

#section-recuperar{
    text-align: center;
    padding: 60px 0 20px 0;
    font-size: 12px;
}

#section-recuperar img{
    margin-bottom: 20px;
}

.rec-senha{
    border: solid 2px #e1e1e1;
    width: 320px;
    padding: 20px;
    margin: 0 auto;
    display: none;
}

.rec-senha.ativo{
    display: block;
}

.rec-senha h2{
    color: #ff6700;
    font-size: 22px;
    margin-bottom: 15px;
}

.rec-senha input{
    width: 100%;
    border-radius: 0;
    margin-bottom: 10px;
    padding: 10px 15px;
}

.rec-senha .btn{
    width: 100%;
}

.rec-senha a:not(.btn){
    color: #ff6700 !important;
}

.rec-senha a i{
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
    transform: translateY(3px);
    font-size: 16px;
}

.rec-senha .btn:not(:last-child){
    margin-bottom: 20px;
}

/**
 * ----------------------------------------
 * Menu Burguer
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-hor-right {
    0% {
        -webkit-transform: scaleX(0.4);
        transform: scaleX(0.4);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
    }
}

@keyframes scale-up-hor-right {
    0% {
        -webkit-transform: scaleX(0.4);
        transform: scaleX(0.4);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
    }
}
/**
 * ----------------------------------------
 * Aprenda mais
 * ----------------------------------------
 */

.crs-aprenda .bloco-destaque a > img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.crs-aprenda .bloco-destaque a::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    z-index: 1;
}

.duracao-video {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
}

.duracao-video::after {
    content: '';
    display: block;
    position: absolute;
    border: solid 6px transparent;
    border-left: solid 12px #fff;
    left: 15px;
    top: 14px;
}

.duracao-video::before {
    content: '';
    width: 40px;
    height: 40px;
    border: solid 1px #fff;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 4px;
    margin-right: 10px;
}

#bolsas{
    margin-top: 160px;
    padding: 0 !important;
}

.ticker-item{
    display: inline-block;
    padding: 0 2rem;
    border-right: 1px solid #828282;
    min-width: 152px;
}
.ticker-item:last-child{
    border: none;
}

.flag img{
    float: left;
    height: 20px;
    margin-right: 10px;
}

.flag p{
    font-size: 12px;
    text-transform: uppercase;
    color: #6E6E6E;
}

.indice{
    clear: both;
}

.indice p{
    font-size: 13px;
    font-weight: 600;
}

.indice p span{
    font-size: 11px;
    color: #828282;
}

.indice-up{
    color: #29953B;
}

.indice-down{
    color: #FF0027;
}

.att-moedas {
    padding: 20px 0px;
    text-align: right;
}

.att-moedas p {
    font-size: 13px;
}

.att-moedas p span {
    font-weight: 700;
}

.player-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 999;
}

#section-banner .btn-border, .lado-branco .btn-border{
    padding-top: 2px !important;
}

video {
    display: block;
    width: 100%;
    height: 100%;
}
.bg-video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.bg-video video{
    height: initial;
}
.bg_black_v{
    background-color: #00000026;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

/*-------------------------------------------------------------------
FIX 1920px
---------------------------------------------------------------------*/
@media (max-width: 1920px){
    /* .banner-home{
        max-height: 725px;
    } */
    .overlay .btn{
        margin: 0 auto;
    }

}
/*-------------------------------------------------------------------
FIX 1366px
---------------------------------------------------------------------*/
@media (max-width: 1366px){
    #plataforma-educacional .fundo-cinza{
        bottom: -235px;
    }
    #section-jornada .overlay {
        margin: 0 auto;
    }
}
/*-------------------------------------------------------------------
VERSAO MOBILE 768px
---------------------------------------------------------------------*/
@media (max-width: 768px){
    .navbar-brand img{
        height: 36px !important;
        margin: 0;
    }
    #simulador{
        margin-top: 0;
    }
    #simulador .txt-center{
        margin: 0 -15px;
        padding-top: 40px;
        padding-bottom: 20px;
    }
    #section-objetivos p.disclaimer{
        margin-top: -32px;
    }
    .nosso_prop_box{
        padding: 35px;
    }
    .page-template-page-sobre-nos h1.tit-banner {
        margin-top: 0;
        margin-bottom: 0;
    }
   .page-template-page-sobre-nos article {
        background-color: rgba(0,0,0,0.5);
        padding: 1px 20px;
        margin: -10px 0 0 -10px;
    }
    .disclaimer{
        padding: 0 15px;
    }
    .conteudo-por{
        text-align: center;
    }
    .conteudo-por img{
        display: block;
        margin: 5px auto 0 auto;
    }
    .nld-chatbot{
        z-index: 999999999 !important;
    }
    .box_i > img{
        width: 100%;
        height: 100%;
        /* object-fit: cover; */
    }
    .box_i_content{
        width: 70%;
        margin: 0 auto;
    }
    #box-topo-post .post-time-read{
        position: absolute ;
        margin-top: -38px;
        font-size: 12px ;
    }
    #main-busca, #main-single{
        padding-top: 100px;
    }
    #modal-contato .modal-dialog{
        margin: 10px auto 0 auto;
    }
    #tipos-assessoria .box-conteudo:hover {
        padding-top: 100px;
        background: #009b9b;
    }
    #tipos-assessoria .box-conteudo:hover .tit-box {
        color: #fff;
    }
    #tipos-assessoria .box-conteudo:hover p {
        color: #fff;
        padding: 0 25px;
        font-size: 15px;
    }
    .banner-sobre{
        height: 235px;
    }
    .box_sobre_int .btn_amarelo{
        width: auto;
    }
    #main-taxonomy section:first-child, #main-carteiras{
        padding-top: 100px;
    }
    .banner-home{
        height: 600px;
    }
    .box-conteudo a i.material-icons {
        vertical-align: top;
    }
    .crs-aprenda .item-bloco-destaque{
        padding: 0;
    }
    #main-aprenda{
        padding: 30px;
    }
    .navbar-brand img{
        height: auto;
    }
    .crs-aprenda .item-bloco-destaque .bloco-destaque:first-child{
        width: 100%;
        height: 200px;
        position: relative;
    }
    .crs-aprenda.pilula .item-bloco-destaque .bloco-destaque{
        width: 100% !important;
        height: 200px !important;
    }
    .inner-video iframe{
        height: 190px;
    }
    .ticker-item{
        padding: 0 0 0 1rem;
        border: none;
    }
    #lista-relatorios li a{
        padding: 5px 5px 5px 130px;
    }
    #lista-relatorios li a img{
        width: 120px;
    }
    #lista-relatorios li a h4{
        font-size: 13px;
    }
    #lista-relatorios .data{
        position: relative;
        right: 0;
        top: 0;
        width: auto;
        padding: 0 0 10px 0;
    }
    #carteira-categoria .col-md-5{
        margin-bottom: 30px;
    }
    #carteira-categoria .container{
        padding: 0 20px;
    }
    .bloco-conteudo{
        width: 230px;
        display: block;
        margin: 0 auto;
    }

    .bloco-conteudo h3{
        font-size: 15px;
        padding: 15px 20px;
    }
    .titulo-logo{
        text-align: center;
        display: block;
    }
    .titulo-logo img{
        margin: 0 auto;
        display: table;
    }
    .bloco-destaque .texto-bottom{
        padding: 10px;
    }
    .bloco-destaque h3{
        font-size: 14px;
    }
    .navbar{
        display: none;
    }
    .navmob{
        display: block;
        background-color: #fff;
        position: fixed;
        z-index: 1030;
        width: 100%;
        height: 60px;
        border-bottom: 1px solid #AFAFAF;
        top: 0;
    }
    .logomob{
        width: 67% !important;
        margin: 10px 0 0 10px;
    }

    .menu-toggle button{
        color: #2C3133;
        margin-top: -10px;
    }
    .nav .submenu {
        max-height: 27vh;
        padding: 10px 0;}
    .nav .submenu a {
        margin-bottom: 5px;
    }
    .nav .submenu .label{
        line-height: 15px;
    }
    .navbar-brand{
        padding: 0;
        width: 100%;
    }
    .tit-areas{
        font-size: 22px;
    }
    .banner-padrao{
        padding-top: 90px;
    }
    .btn-border{
        width: 80%;
    }
    .link-scroll{
        display: none;
    }
    #section-sobre h2{
        padding: 0;
    }

    #bolsas{
        margin-top: 68px;
    }

    .box-conteudo{
        position: relative;
        padding: 100px 0 30px 0;
        height: auto;
        background-size: cover;
    }
    .box-conteudo > *:not(img){
        position: relative;
        z-index: 1;
    }
    .box-conteudo:hover i{
        top: 0;
    }
    .box-conteudo::before{
        content: '';
        display: block;
        opacity: 0.6;
        background: #ff6700;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    #tipos-investidor .box-conteudo:hover {
        padding-top: 110px;
    }
    .box-conteudo img{
        top: 50px;
        left: 50%;
        margin-left: -17px;
    }
    .box-conteudo p{
        padding: 0 25px;
    }
    .box-conteudo p,
    .box-conteudo a{
        display: block;
    }
    .fundo-cinza{
        margin-top: 20px;
        height: 100%;
    }
    .box-passo{
        width: 100%;
    }
    #section-assessor{
        text-align: center;
    }

    #formulario .box_contanto_acessor{
        background-size: cover;
    }

    #carteira-categoria .btn-blue{
        margin: 0 auto;
    }

    #carteira-categoria {
        text-align: center;
    }

    #login .esquerda .btn-border{
        line-height: 20px;
    }
    .fundo-gradiente{
        height: 100%;
    }

    .w-480{
        width: 100%;
    }
    #section-passos{
        padding: 20px 0;
    }
    .box-passo{
        height: auto;
    }

    #section-assessor::before{
        display: none;
    }

    #section-assessor .col-12:first-child{
        background: url(../img/bg_gradient.png) no-repeat center center;
        background-size: cover;
    }

    #section-assessor article .d-flex .btn-padrao{
        width: 80%;
        margin: 20px auto 0 auto;
    }

    #section-jornada .overlay {
        width: 100%;
        height: 100%;
        max-height: fit-content;
        background-color: rgba(49, 98, 105, 0.4);
        position: relative;
        top: 0;
        z-index: 0;
        text-align: center;
        display: table;
        padding: 90px 0;
    }

    .overlay .paragrafo-areas {
        margin: 0 0 20px 0;
    }
    .overlay .btn {
        width: 80%;
        margin-left: 10%;
    }
    #faq p{
        padding: 0 10px;
        margin-bottom: 30px;
    }
    .dropdown{
        display: none;
    }
    #conheca-jornada{
        margin-top: 30px !important;
        padding-top: 30px !important;
    }
    #plataforma-educacional .fundo-cinza{
        display: none;
    }
    #plataforma-educacional .box-passo{
        -webkit-box-shadow: 5px 5px 10px -5px rgba(133, 133, 133, 1);
        -moz-box-shadow: 5px 5px 10px -5px rgba(133, 133, 133, 1);
        box-shadow: 5px 5px 10px -5px rgba(133, 133, 133, 1);
    }
    #pontuacao .tit-areas,
    #pontuacao strong,
    #pontuacao .paragrafo-areas{
        color: #fff;
    }
    #pontuacao .col-md-7{
        text-align: center;
    }
    #pontuacao .col-md-7 p{
        padding: 0 15px !important;
    }
    #pontuacao .col-md-7 img{
        display: none;
    }
    #pontuacao .col-md-4{
        margin-left: 15%;
        text-align: center;
    }
    #pontuacao .box-passo{
        width: 80%;
    }
    #tipos-investidor {
        margin-top: 150px;
    }
    #tipos-investidor .overlay{
        display: none;
    }
    #tipos-investidor .box-conteudo{
        height: 240px;
    }
    #tipos-investidor .texto-box{
        padding: 0;
    }
    .banner-simula .box-simula{
        display: inline-block;
        font-size: 14px;
    }
    .w33{
        width: 33%;
    }
    .pdr-40{
        padding-right: 0 !important;
    }
    .destaque-left{
        width: 100%;
    }
    .sobreposto {
        padding: 30px 30px;
        position: relative;
        z-index: 9;
        width: 100%;
        margin: 0;
        height: 100%;
        top: 115px;
    }
    .sobreposto:after{
        display: none;
    }
    .destaque-simula{
        text-align: center;
        display: block;
        margin-bottom: 20px;
    }
    .box_i_t {
        font-size: 18px;
    }
    .box_i_content {
        padding: 0;
    }
    #formulario {
        padding-top: 115px;
    }
    #formulario .paragrafo-areas {
        padding-right: 0;
    }
    #tipos-assessoria {
        margin-top: 100px;

    }
    #tipos-assessoria .box-conteudo .texto-box {
        padding: 0 20px;
    }
    #tipos-assessoria .box-conteudo .tit-box{
        font-size: 24px;
    }
    #tipos-assessoria .box-conteudo:hover p strong, #tipos-assessoria .box-conteudo:hover .tit-box strong, #tipos-assessoria .box-conteudo strong {
        color: #ff6700;
    }
    #tipos-assessoria .box-conteudo {
        padding-top: 100px;
        height: auto;
    }
    .box-conteudo:hover {
        background: #ff6700;
        padding-top: 100px;
    }
    #video-assessor {
        padding: 30px 0 0px 0;
    }
    #video-assessor ul li{
        width: 100%;
    }
    #video-assessor ul li:last-child {
        margin-right: 0;
        margin-top: 20px;
    }
    .pdl-30 {
        margin-top: 60px;
        padding-left: 30px;
    }
    .fundo-gradiente {
        width: 100%;
        max-height: 490px;
    }
    #login{
        margin-top: 100px;
        padding: 0;
    }
    #login form input{
        width: 100%;
    }
    .btn_amarelo {
        width: 100%;
    }
    #login .esquerda .btn-border {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
    .pdall-x{
        padding: 50px 0 0 0;
    }
    .pdl-50{
        padding: 0 15px 0 15px;
    }
    #login .direita{
        margin-top: 80px;
    }
    .direita .btn{
        width: 100%;
    }
    #notfound{
        margin: 110px 0 0;
        padding-bottom: 10px;
    }
    #notfound .fundo-amarelo {
        width: 52%;
        height: 36%;
    }
    #notfound .pdall-x{
        padding-top: 20px;
    }
    #notfound .tit-areas{
        margin-top: 35px;
    }
    .grande{
        font-size: 170px;
    }
    #notfound .direita input {
        width: 63%;
        padding: 7px 10px;
        margin-right: 0;
    }
    .box-sobre, #section-assessor article .d-flex{
        padding: 0 !important;
    }
    #section-assessor{
        text-align: center;
    }

    #section-assessor::before{
        display: none;
    }

    #section-assessor .col-12:first-child{
        background: url(../img/bg_gradient.png) no-repeat center center;
        background-size: cover;
    }

    #section-assessor article .d-flex .btn-padrao{
        width: 80%;
        margin: 20px auto 0 auto;
    }

    #container-chatbot{
        height: 450px;
    }

    #input{
        left: 0;
        width: 100%;
        padding-right: 60px;
        position: relative;
    }

    #chatbot{
        padding-left: 55px;
        padding-bottom: 25px;
        text-align: left;
        padding-right: 10px;
        height: 100%;
    }
    .banner-simula{
        padding-top: 90px !important;
    }

    .semi-bg{
        background: none;
    }

    .padding{
        padding: 15px 10px;
    }

    h2{
        font-size: 22px;
        margin: 15px 0;
    }

    #input input{width: 100%;}

    #input button{position: absolute; top: 10px; right: 10px;}
    .d-flex.justify-content-center.align-items-center {
        margin-bottom: 30px;
    }

    .nav-branco .menu-padrao li > a.ativo::after{
        margin-top: -2px;
    }
    .bolsa {
        padding: 20px 0px 0px;
    }
    .social-foot{
        padding: 15px 2px 0px;
    }
    .bg-video{
        display: block !important;
    }
    .bg_black_v {
        height: 90%;
    }
}
/*-------------------------------------------------------------------
VERSAO MOBILE 375px  
---------------------------------------------------------------------*/
@media (max-width: 1020px){

}

@media(min-width:768px){
    .item-bloco-destaque{
        padding-left: 62%;
    }
    .item-bloco-destaque .bloco-destaque:first-child{
        width: calc(62% - 20px);
        position: absolute;
        left: 0;
        top: 0;
        height: 420px;
    }
}

@media(max-width:767px){
    .content-invest {
        top: 5px;
        padding: 0px 16px;
        display: block;
    }
    .content-invest2 {
        float: none;
        text-align: center;
        width: 100%;
    }
    .content-invest2 p {
        margin-left: 3px;
        font-size: 15px;
    }
    .content-invest2 h3 {
        margin-left: 0;
        font-size: 18px !important;
        margin-bottom: 0;
    }
    .btncontent-invest {
        float: none;
        padding-top: 9px;
        width: 100%;
    }
    .invest img{
        height: 100px;
    }
    .box_i > img {
        width: 100%;
        height: 380px;
    }
    .box_i_t {
        font-size: 24px !important;
    }
    .box_i_t.boxt2{
        color: #ff6700;
    }
    .box_i_content {
        padding: 0;
        width: 80%;
        margin: 0 auto;
        bottom: 55px;
    }
    .box_i_content .btn{
        width: 100%;
    }
}

/* pagina de conversÃƒÂ£o */

.hero-conversao{
    background-image: url(../img/bglp.png);
    width: 100%;
    height: 650px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}

.hero-content {
    width: 550px;
    max-width: 100%;
    margin-top: 60px;
    color: #fff;
}

.hero-conversao .container {
    position: relative;
}

.hero-content h1 {
    color: #fff;
}

.solicitar-acesso p {
    display: inline-block;
    background: #ff6700;
    padding: 5px 9px;
    color: #29333B;
    font-weight: bold;
    font-size: 13px;
}

.hero-content span {
    color: #ff6700;
}

.solicitar-acesso img {
    margin-left: 40px;
    display:block;
}

.page-template-page-lpconversao #menu {
    border-bottom: 0px;
}

.area-gratuita{
    background: #F3F3F3;
    padding: 80px 0px 100px;
}

.content-area-gratuita {
    width: 550px;
    max-width: 100%;
}

.content-area-gratuita h2 {
    font-size: 25px;
    font-weight: 600;
    margin-top: 20px;
}

.content-area-gratuita h2 span {
    color: #ff6700;
}

.btn-fale-com-assessor {
    display: inline-block;
    border: 2px solid #ff6700;
    font-weight: 600;
    padding: 8px 40px;
    margin-top: 20px;
    font-size: 15px;
    color: #ff6700 !important;
}

.btn-fale-com-assessor:hover {
    background: #ff6700;
    color: #fff !important;
}

.vantagens-area-gratuita{
    padding: 50px 0px;
}

.vantagens-area-gratuita h2 {
    font-size: 27px;
    font-weight: 600;
    margin-top: 20px;
}

.vantagens-area-gratuita h2 span {
    color: #ff6700;
}

.navcontroller ul li {
    display: block;
    color: #47545C;
    margin-bottom: 20px;
}

.navcontroller ul {
    display: block;
    border-bottom: 0px;
}

.navcontroller ul li a {
    color: #47545C;
    position: relative;
}

.navcontroller ul li a img .nav-content {
    width: 100%;
    height: 100px;
}

.navcontroller ul li a.active .navcontent.hidden-xs img {
    width: 100%;
    height: 100%;
    display: block;
}

.navcontroller ul li a .navcontent.hidden-xs {
    margin-top: 0px;
}

.navcontroller ul li a .navcontent.hidden-xs img {
    display: none;
}

.navcontroller ul li a h3 {
    font-size: 15px;
    font-weight: bold;
    color: #808080;
}

.navcontroller ul li a.active h3 {
    color: #47545C;
}

.navcontroller {
    padding: 40px 0px;
}

.navcontroller ul li a.active p {
    display: block;
}

.navcontroller ul li a p {
    display: none;
}

.navcontroller ul li a .iconoff {
    display: block;
}

.navcontroller ul li a.active .iconoff {
    display: none;
}

.navcontroller ul li a.active .iconon {
    display: block;
}

.navcontroller ul li a .iconon {
    display: none;
}

.navcontroller ul li a img {
    position: relative;
    height: 30px;
    width: 30px;
    right: 50px;
    top: 35px;
}

.navcontent {
    margin-top: 100px;
}

.form-body {
    width: 450px;
    background: #fff;
    padding: 20px 15px;
    max-width: 100%;
    box-shadow: 0px 2px 12px #00000021;
    border-radius: 4px;
}

.form-body h2 {
    color: #29333B;
    font-weight: 600;
    margin: 12px 0px;
    font-size: 24px;
}

.form-body h2 span {
    color: #006D70;
}

.form-body p {
    font-size: 13px;
    color: #3C444B;
}

.formline-1 label {
    margin-bottom: 5px;
    color: #29333B;
    font-weight: 600;
    font-size: 11px;
}

.formline-1 input {
    width: 100%;
    height: 35px;
    padding: 10px 20px;
    font-size: 13px;
}

.formline-1 {
    margin-bottom: 13px;
    position: relative;
}
.formline-1 input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    position: absolute;
    display: block;
    left: 50%;
    bottom: 6px;
    height: 1px !important;
    width: 1px !important;
    z-index: -1;
}

.load_lp{
    position: absolute;
    top: 10px;
    right: 20px;
}
.formline-2 {
    width: 46%;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
}

.formline-2:nth-child(odd) {
    margin-right: 0px;
}

.formline-2 input {
    height: 40px;
    padding: 10px 20px;
    font-size: 13px;
    background: #F3F3F3;
    border: 1px solid #F3F3F3;
    width: 100%;
}

.formline-2 label {
    margin-bottom: 5px;
    color: #29333B;
    font-weight: 600;
    font-size: 11px;
}

.row.formline-1.selectoption3 .checkbox-item label {
    height: 100px;
}

.hidden-xs{
    display: block;
}

.visible-xs{
    display: none;
}

.checkbox-item{
    display: inline-block;
    width: 100%;
}

.checkbox-item label {
    background: #F3F3F3;
    color:#858585;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 4px;
    padding: 25px 10px;
    text-align: center;
    height: 80px;
}

.checkbox-item input:checked ~ label {
    background: rgb(0,160,158);
    background: -moz-linear-gradient(90deg, rgba(0,160,158,1) 0%, rgba(0,109,112,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,160,158,1) 0%, rgba(0,109,112,1) 100%);
    background: linear-gradient(90deg, rgba(0,160,158,1) 0%, rgba(0,109,112,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6700",endColorstr="#006d70",GradientType=1);
    color:white;
}

.formline-1.selectoption2 .checkbox-item {
    width: 100%;
    text-align: center;
}

.btn.btn-acesso {
    -webkit-appearance: none;
    background: #e6be46;
    height: 45px;
    color: #29333B;
    font-weight: 700;
    font-size: 15px;
    border: 0px;
    margin: 33px 0px 0px;
    width: 100%;
}

.noUi-tooltip {
    display: none;
}
.noUi-active .noUi-tooltip {
    display: block;
}

.noUi-target {
    background: #AFAFAF;
    border-radius: 4px;
    border: 0px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-horizontal {
    margin: 20px 0px;
    height: 5px;
}
.noUi-connect {
    background: #3FB8AF;
}
.noUi-horizontal .noUi-handle {
    width: 16px;
    height: 16px;
    right: -14px;
    top: -5px;
}
.noUi-handle {
    border: 0px solid transparent;
    border-radius: 3px;
    background: #ff6700;
    cursor: default;
    box-shadow: inset 0 0 0px transparent, inset 0 0px 0px transparent, 0 0px 0px 0px transparent;
    border-radius: 100px;
}
.noUi-handle:after, .noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    background: #ff6700;
    left: 14px;
    top: 6px;
}

.button-vantagens .btn-vantagens {
    background: #ff6700;
    color: #29333B;
    font-size: 15px !important;
    display: inline-block;
    padding: 8px 18px;
    margin: 40px 0px 10px;
}

.owl-nav {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: t;
}

.owl-prev {
    position: absolute;
    left: -23px;
    top: 50%;
    transform: translateY(-90%);
}

.owl-next {
    position: absolute;
    right: -23px;
    top: 50%;
    transform: translateY(-90%);
}

/* Modal Noticia */

#modal-noticia-overlay, .modal_interessa{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6 );
    justify-content: center;
    align-items: center;
    z-index: 10000;
    transition: all .3s;
}

#modal-noticia-overlay.ativo, .modal_interessa.ativo{
    display: flex;
}
.modal_noticia_info .btn-acesso.hide{
    display: none;
}
.modal-noticia-header{
    background-color: #ff6700;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 30px;
    position: relative;
}

.modal-noticia-header .fa{
    position: absolute;
    color: #fff;
    font-size: 24px;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.modal-noticia-header img{
    display: block;
    margin-right: 30px;
}

.modal-noticia-header-title{
    font-size: 18px;
    color: #fff;
    font-weight: 900;
    margin: 10px;
}

.modal-noticia-content-text{
    font-size: 14px;
}

.modal-noticia-wrapper{
    overflow: hidden;
    max-width: 800px;
    margin: 10px auto;
    padding: 15px;
    max-height: 100vh;
    overflow-y: auto;
}
.modal-noticia-wrapper label{
    font-size: 10px;
    margin-bottom: 5px;
    font-weight: 600;
}

.modal-noticia-content{
    padding: 15px;
    background-color: #fff;
}
.modal_content_interessa{
    padding: 30px 20px;
    background-color: #d2d2d2;
    /* background-image: url('../img/bg_popup.jpg'); */
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
}
#form_modal_noticia{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.form_modal_noticia--input{
    margin-bottom: 10px;
    width: 100%;
    font-size: 10px;
}

.form_modal_noticia--input input{
    padding: 10px 20px;
    font-size: 12px;
    background: #F3F3F3;
    border: 1px solid #F3F3F3;
    width: 100%;
}

.modal_noticia--checkbox{
    display: flex;
    flex-wrap: wrap;
}

.modal_noticia--checkbox-title{
    width: 100%;
}

.modal_noticia--checkbox-wrapper{
    width: calc(50% - 5px);
    margin-bottom: 10px;
    position: relative;
}

.modal_noticia--checkbox-wrapper .checkbox{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.modal_noticia--checkbox-wrapper label{
    height: 100%;
    width: 100%;
    font-size: 10px;
    background: #F3F3F3;
    border-radius: 5px;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s;
}

.modal_noticia--checkbox-wrapper .checkbox:checked ~ label{
    background: rgb(0,160,158);
    background: -moz-linear-gradient(90deg, rgba(0,160,158,1) 0%, rgba(0,109,112,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,160,158,1) 0%, rgba(0,109,112,1) 100%);
    background: linear-gradient(90deg, rgba(0,160,158,1) 0%, rgba(0,109,112,1) 100%);
    color: white;
}

.modal_noticia_info{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
    justify-content: center;
}

.modal_noticia_info .load_modal {   
    position: absolute;
    font-size: 10px;
    right: 215px;
    top: 27px;
}
.response_modal_form{
    width: 100%;
    display: none;
    padding: 15px;
    font-size: 24px;
    background-color: #fff;
    text-align: center;
}

.modal_noticia_info .btn-acesso{
    max-width: 340px;
    margin: 15px auto;
    padding-left: 20px;
    padding-right: 20px;
    justify-self: center;
}
.modal_interessa .modal-noticia-wrapper {
    padding: 0;
    width: 100%;
    max-width: 900px;
}
.form_popup input[type=text],
.form_popup input[type=email],
.form_popup input[type=tel],
.form_popup input[type=cpf]{
    font-size: 12px;
    padding: 18px 16px;
    border: 2px solid #e6be46;
    border-radius: 10px;
    background: #f1f9ff;
}
.form_popup select{
    font-size: 12px;     
    height: calc(1.5em + .75rem + 12px);
    border: 2px solid #e6be46;
    border-radius: 10px;
    background: #f1f9ff;
}
.form_popup .form-row>.col, .form_popup .form-row>[class*=col-] {
    padding-right: 10px;
    padding-left: 10px;
}
.modal_interessa .modal-noticia-wrapper label {
    color: #0a3c44;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.alert_obg {
    font-size: 9px;
}
.f30{
    font-size: 25px;
    text-transform: uppercase;
}
.c_ffffff, .c_fff{
    color: #ffffff;
}
.f14{
    font-size: 14px;
}
.modal_interessa .modal_noticia_info .btn-acesso, .btn_custom {
    width: auto;
    border-radius: 13px;
    color: #0a3c44;
    padding: 0 34px;
    font-weight: bold;
    height: 60px;
    margin-top: 52px;
}
.bg_amarelo {
    background-color: #ff6700;    
}
.relative{
    position: relative;
}
.p_5{
    padding: 5px;
}
.modal_interessa .response_modal_form{   
    padding: 30px 20px;
    background-color: #d2d2d2;
    /* background-image: url('../img/bg_popup.jpg'); */
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
}
.btn_custom {
    background-color: #ff6700;
    width: auto;
    display: inline-block;
    height: auto;
    padding: 14px 40px;
    cursor: pointer;
}
.btn_custom:hover{
    opacity: 0.9;
}
.close_pop_x {
    position: absolute;
    right: 20px;
    top: 10px;
    color: #0a3c44;
    font-size: 27px;
    font-weight: bold;
    cursor: pointer;
}
.close_pop_x:hover{
    opacity: 0.9;
}
.modal_interessa .modal_noticia_info .load_modal {    
    right: 83px;
    top: 83px;
}
.bold{
    font-weight: bold;
}
#modal-contato-inner .verde-lado .btn {
    color: #131313;
}
@media(min-width:768px){
    .solicitar-acesso img {
        display: inline-block
    }
    .hidden-xs{
        display: none;
    }
    .visible-xs{
        display: block;
    }
    .form-body {
        position: absolute;
        right: 0;
        top: -150px;
    }

    .modal_noticia--checkbox-wrapper{
        width: calc(25% - 10px);
        margin-right: 10px;
    }
    
    .form_modal_noticia--input{
        width: calc(50% - 10px);
    }
    
    .form_modal_noticia--input:first-of-type{
        width: 100%;
    }

    .modal-noticia-header-title{
        font-size: 24px;
    }

    #main-taxonomy,
    #main-carteiras{
        padding-top: 170px;
    }

}

@media(max-width:767px){
    .hero-conversao {
        height: 100%;
    }
    .formline-2 {
        width: 49%;
        margin-right: 0px;
    }
    .checkbox-item label {
        font-size: 9px;
    }
    .selectoption3 .checkbox-item:last-child label {
        padding-bottom: 40px;
    }
    .formline-1 input {
        padding: 10px 8px;
        font-size: 11px;
    }
    .formline-2 input {
        padding: 7px 8px;
        font-size: 12px;
    }
    .solicitar-acesso img{
        display: none
    }
    .checkbox-item.start label {
        padding-bottom: 40px !important;
    }
    .hero-content {
        margin-top: 80px;
    }
    .hero-content h1 {
        color: #fff;
        font-size: 28px;
    }
    .related-posts-mobile .owl-dots {
        text-align: center;
        display: block;
        margin: 0 auto 30px;
    }
    
    .related-posts-mobile .owl-dots .owl-dot {
        width: 15px;
        height: 15px;
        border: 1px solid #ff6700;
        display: inline-block;
        margin: 1px 5px;
        border-radius: 50px;
    }
    
    .related-posts-mobile .owl-dots .owl-dot.active {
        background: #ff6700;
    }
    .box_i_txt {
        margin-bottom: 20px;
        font-size: 14px;
    }
    .hero-conversao .row.formline-1 .col-4 {
        padding: 0px 10px;
    }

    .modal_noticia--checkbox{
        justify-content: space-between;
    }
}

/* Ajustes 18 03 */

@media(min-width: 992px){   
  
    #modal-video .modal-content{
        margin-top: calc(50vh - 250px);
    }

    .dashboard-main{
        min-height: 80vh;
    }
}

@media(min-width:1200px){
    #chatbot{
        top: 30px;
        height: calc(100% - 100px);
    }

    #input{
        bottom: 35px;
    }

    #section-jornada .overlay{
        top: 67px;
        height: 75%;
    }
}


/* adjusts */


/* MODAL LEAD INTERESSA */
.data_col span {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.data_col span label {
    width: auto;
}

input#pop_data, select#pop_hora {
    width: 83%;
    border: 2px solid #e6be46;
    border-radius: 10px;
    background: #f1f9ff;
    padding: 10px;
    font-size: 14px;
    font-weight: 100;
    height: 40px;
}

input#pop_data {
    font-family: 'Gotham' !important;
}

select#pop_hora {
    font-size: 12px;
}

.alert_obg {
    position: absolute;
    right: 0;
}

.logo_popup {
    background-image: url('../img/logo_popup.png');
    width: 91px;
    height: 79px;
    margin: 0 auto;
}

@media (max-width: 450px) {
    .ftSize {
        font-size: 10px !important;
    }
}

@media (max-width: 400px) {
    .close_pop_x {
        right: 9px;
        top: 0px;
    }

    .alert_obg {
        bottom: -98px;
    }
}


@media (max-width: 768px) { 
    .alert_obg {
        position: unset;
    }

    .modal_content_interessa {
        margin-top: 60px;
        position: relative;
    }
}

#form_modal_interessa {
    font-family: 'Gotham Medium' !important;
    font-weight: bold;
}




/* 09//04/2020 */
a.wp-block-button__link {
    color: #FFF;
}

a.wp-block-button__link:hover {
    color: #FFF;
}

/* 13/04/2020 */
.wp-block-file a strong{
    color: #FFF !important;
}

/* 17/06 single */
.flex-estilo-data {
    display: flex;
    justify-content: space-between;
    padding: 0;
}

.data-container {
    display: flex;
}

#box-topo-post .post-data {
    top: unset;
}

#box-topo-post .post-data span {
    position: unset;
    top: unset;
}

@media (max-width: 970px) {
    .flex-estilo-data  {
        flex-direction: column;
    }
}

#section-cdi-perfil .col-md-6{
    margin: 0 auto;
    text-align: center;
    padding: 40px 0;
}

/* gifs */

.wp-block-jetpack-gif-wrapper{
    padding-top: 0px !important;
    text-align: center !important;
}

.wp-block-jetpack-gif-wrapper iframe{
    border: none !important;
    height: 350px !important;
    width: 100% !important;
}


/* rd station form hide */
.form-hidden-simulador {
    display: none;
}


/* cookies-bar */

.cookies-bar{
    width: 100%;
    position: fixed;
    bottom: 0;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    background-color: #3C535B;
    color: #FFF;
    font-size: 12px;
    line-height: 21px;
    z-index: 999999;
}
.cookies-bar .container{
    max-width: 1140px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cookies-bar .container .text a{
    text-decoration: underline;
}
.cookies-bar .container .text .box-inputs{
    display: flex;
}
.cookies-bar .container .text .box-inputs .item-input{
    display: flex;
    align-items: center;
}
.cookies-bar .container .text .box-inputs .item-input input{
    margin-right: 10px;
}
.cookies-bar .container .text .box-inputs .item-input label{
    text-transform: unset;
    margin-bottom: 0;
}
.cookies-bar .container .text .box-inputs .item-input:last-child{
    margin-left: 35px;
}
.cookies-bar .container .buttons{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.btn-cookie{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 30px;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    transition: all .4s;
    margin-left: 10px;
}
.btn-cookie:hover{
    background-color: #ffffff52 !important;
}
#conf-cookie{
    border: 1px solid #fff;
}
.ac-cookie{
    background-color: #ff6700;
    border: 1px solid #ff6700;
}
.box-cookies{
    display: none;
    align-items: flex-start;
    justify-content: center;

    position: fixed;
    z-index: 999999;
    width: 100vw;
    height: 100vh;
    padding: 0;
    background-color: #0000003d;
    overflow-y: scroll;
    margin-top: 0;
}
.box-cookies .center-lightbox p{
   font-size: 14px;
   color: #47545C;
}
.box-cookies .center-lightbox .inputs-center{
   display: flex;
   margin-bottom: 40px;
}
.box-cookies .center-lightbox .inputs-center .item{
   display: flex;
   align-items: center;
}
.box-cookies .center-lightbox .inputs-center .item input{
   margin-right: 8px;
}
.box-cookies .center-lightbox .inputs-center .item label{
   margin: 0;
   text-transform: unset;
}
.box-cookies .center-lightbox .inputs-center .item:first-child{
   margin-right: 34px;
}
.box-cookies a{
    text-decoration: underline;
}
.box-cookies a:hover{
    color: #EDBD4E;
}
.box-cookies .container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 730px;
    width: 100%;
    padding: 0;
    background-color: #fff;
    /* overflow: scroll; */
    margin-top: 40px;
    margin-bottom: 50px;
    padding-bottom: 30px;
}
.box-cookies .container .top{
    padding: 30px;
    width: 100%;
    background-color: #2BA8A2;
    color: #fff;
}
.box-cookies .container .top .close-btn{
    width: 100%;
    text-align: end;
    font-size: 14px;
    cursor: pointer;
}
.box-cookies .container .top .content-top-cookie{
    width: 100%;
    padding: 0px 30px;
}
.box-cookies .container .top .content-top-cookie h1{
    margin: 13px 0px 20px;
    color: #EDBD4E;
    font-size: 26px;
    font-weight: bold;
}
.box-cookies .container .top .content-top-cookie p{
    color: #fff;
    font-size: 13px;
    line-height: 21px;
}
.box-cookies .container .bottom{
    width: 100%;
    padding: 20px 60px 15px;
}
.box-cookies .container .bottom .cookie-options{
    display: flex;
    margin-bottom: 15px;
}
.box-cookies .container .bottom .cookie-options .linha-vertical{
    min-width: 3px;
    margin: 19px 25px 55px;
    background-color: #B2B2B2;
}
.box-cookies .container .bottom .cookie-options .options-cookies label{
    font-size: 14px;
    color: #B2B2B2;
    text-transform: unset;
    margin-bottom: 15px;
    cursor: pointer;
    transition: all .4s;
}
.box-cookies .container .bottom .cookie-options .options-cookies label span{
    font-size: 16px;
}
.box-cookies .container .bottom .cookie-options .options-cookies label p{
    font-size: 14px;
}
.box-cookies .container .bottom .cookie-options .options-cookies label:hover span, input[name=option-cookie]:checked+label span{
    color: #2BA8A2;
}
.box-cookies .container .bottom .cookie-options .options-cookies label:hover p, input[name=option-cookie]:checked+label p{
    color: #47545C;
}
.box-cookies .container .bottom .cookie-options .options-cookies label::before{
    content: "";
    width: 24px;
    height: 24px;
    border: 3px solid #B2B2B2;
    border-radius: 100%;
    display: block;
    position: relative;
    background-color: #fff;
    margin-left: -38px;
    margin-top: 15px;
    margin-bottom: -30px;
}
.box-cookies .container .bottom .cookie-options .options-cookies label:hover:before, input[name=option-cookie]:checked+label:before{
    border-color: #2BA8A2 !important;
}
.box-cookies .container .bottom .buttons{
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
}
.box-cookies .container .bottom .buttons .politica a{
    color: #B2B2B2;
    font-size: 12px;
    text-decoration: none;
    border: 1px solid;
    padding: 15px 25px;
    margin-right: 20px;
}
.box-cookies .container .bottom .buttons .ac-cookie-2{
   background-color: #2BA8A2;
   font-size: 15px;
   padding: 13px 26px;
   margin: 0;
}
.box-cookies .container .bottom .buttons .ac-cookie-2:hover{
   background-color: #2ba8a252 !important;
}

@media(max-width:600px){
    .cookies-bar .container{
        flex-direction: column;
    }
    .cookies-bar .container .buttons {
        margin-top: 30px;
        width: 100%;
        justify-content: unset;
    }
    .cookies-bar .container .buttons .btn-cookie{
        margin-right: 30px;
        margin-left: 0;
    }
    .box-cookies{
        padding: 24px;
    }
    .box-cookies .container{
        justify-content: unset;
        overflow-y: scroll;
    }
    .box-cookies .container .top{
        padding: 20px;
    }
    .box-cookies .container .top .content-top-cookie{
        padding: 0;
    }
    .box-cookies .container .bottom{
        padding: 40px 20px;
    }
    .box-cookies .container .bottom .cookie-options .linha-vertical {
        margin: 70px 25px 55px;
    }
    .box-cookies .container .bottom .cookie-options .options-cookies label::before{
        position: relative;
        margin-top: 60px;
        margin-bottom: -60px;
    }
    .box-cookies .container .bottom .buttons{
        flex-direction: column-reverse;
    }
    .box-cookies .container .bottom .buttons .ac-cookie-2 {
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0;
    }
}

@media(max-width:378px){
    .box-cookies .container .bottom .cookie-options .linha-vertical {
        margin: 70px 25px 70px;
    }
}

/* Politica de privacidade */
section.politica-privacidade{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 190px;
}

section.politica-privacidade img{
    max-width: 90px;
    margin-bottom: 15px;
}

section.politica-privacidade h1{
    font-size: 30px;
    margin-bottom: 40px;
}

section.politica-privacidade h1 b{
    color: #ff6700;
}
section.politica-privacidade .container-main{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
section.politica-privacidade .container-main p,section.politica-privacidade .container-main table {
    max-width: 600px;
    font-size: 17px;
    color: #6b6b6b;
}
section.politica-privacidade .container-main strong{
    color: #232323;
    font-weight: bold;
}

section.politica-privacidade .container-main ul,section.politica-privacidade .container-main ol{
    background-color: #f3f3f3;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 20px;
    list-style: none;
}
section.politica-privacidade .container-main ul li{
    margin: 8px 0px;
}
section.politica-privacidade .container-main ul li:before{
    content: "•";
    color: #ff6700;
    font-size: 30px;
    height: 12px;
    display: block;
    margin-left: -22px;
}
section.politica-privacidade .container-main #container-ul{
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #f3f3f3;
}
section.politica-privacidade .container-main ul#dados-politica{
    columns: 2;
    display: unset;
    max-width: 600px;
}
section.politica-privacidade .container-main ul li{
    color: #6b6b6b;
    max-width: 600px;
    text-align: left;
    width: 100%;
}
@media(max-width: 600px){
    section.politica-privacidade .container-main{
        padding: 0 24px;
    }
    section.politica-privacidade .container-main #container-ul{
        width: 100vw;
        padding-left: 5px;
    }

    section.politica-privacidade .container-main ul#dados-politica{
        columns: 1;
    }
    section.politica-privacidade .container-main ul{
        width: 100vw;
        margin-left: 0;
        padding-left: 48px;
    }


}


/* correções provisorias remoção de logos */

#simulador #input{
    width: unset;
}

@media(min-width: 600px){
    #hotfix-modulo-simulador{
        min-height: 360px;
    }

    #hotfix-modulo-jornada{
        min-height: 360px;
        justify-content: center;
    }
}

@media(max-width: 600px){
    .bloco-amarelo{
        display: none;
    }

    #hotfix-modulo-jornada{
        margin-top: 15px;
    }
}

/* ajustes do novo simulador ! */

#simulador {
    margin-top: 40px;
    background-color: transparent;
}

#container-geral-simulador{
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 12px 0px;
}

#simulador #container-chatbot{
    height: 430px;
    width: 80%;
}

#simulador #chatbot{
   height: 100%;
   top: 0;
   text-align: center;
   padding: 0;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.box-msg.bot::before, .box-msg.bot::after{
    content: unset;
}

.box-msg{
    display: block;
    font-size: 17px;
}

.box-msg.bot{
    background-color: unset;
    border: none;
    color: rgba(0,0,0,0.75);
    font-size: 18px;
}

.box-msg.bot span{
    font-size: 21px;
    font-weight: 600;
    line-height: 20px;
}

.box-msg label{
    background-color: #fff;
    padding: 10px;
    font-size: 13px;
    border-radius: 10px;
    margin: 5px 0;
    width: 420px;
    font-weight: 100;
}

@media (max-width: 600px) {
    .box-msg label{
        width: 260px;
    }
}

.box-msg label::before, .box-msg label::after{
    content: unset;
}

.box-msg label.selected{
    background-color: #464646;
    color: #FFF;
}

.btn-resposta{
    color: #fff;
    background-color: #464646;
    font-size: 15px;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.4);
    border-radius: 40px;
    border: none;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.btn-resposta:active{
    border: none;
}

#simulador #input {
    /* display: none; */
    all: unset;
}

#simulador #input::before {
    content: '';
    width: 100%;
    height: 35px;
    margin-bottom: -35px;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.2);
    position: relative;
    display: block;
    top: 0;
    left: 0;
}
#simulador #input.ativo::before {
    display: none;
}

.simulador_container {
    width: 920px;
    background: #ff6700;
    border-radius: 10px;
}

#simulador::after {
    content: '';
    width: 100%;
    height: 400px;
    background: #F3F3F3;
    position: absolute;
    z-index: -1;
    top: 13%;
}

.bullets_container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
}

.bullets_container > .bullet {
    width: 10px;
    height: 10px;
    border-radius: 20px;
    background: #D8BA5B;
    margin: 0 5px;
    cursor: pointer;
}

.bullets_container > .bullet.active {
    background: transparent;
    border: 2px solid #006D70;
}

.box-msg {
    display: flex;
    flex-direction: column;
    justify-content: normal;
    align-items: center;
    /* height: 100%; */
    justify-content: center;
}

.box-msg > input {
    margin: 10px 0 30px 0;
    width: 200px;
    height: 30px;
    font-size: 14px;
}

.box-msg > input[type="text"], .box-msg > input[type="number"] {
    /* position: absolute; */
    bottom: 18px;
}

.box-msg > .input_btn {
    padding: 5px 20px;
    background: #077070;
    border-radius: 5px;
    margin-top: -21px;
    /* position: absolute; */
    bottom: 0;
    font-size: 15px;
    font-weight: bold;
}

.box-msg > .check_btn {
    width: auto !important;
    font-weight: bold;
}


.end_stage {
    display: flex;
    flex-direction: column;
}

.end_stage p:first-of-type, .success-msg-simulador {
    color: #008183;
    margin: 0;
    font-size: 21px;
    font-weight: 600;
    line-height: 20px;
}

.success-msg-simulador{
    margin-bottom: 15px;
}

.end_stage p {
    font-size: 18px;
    color: rgba(0,0,0,0.75);
    font-weight: 400;
    margin-top: 26px;
}

.end_stage span {
    font-size: 16px;
    padding: 5px 0;
}

.end_stage input {
    margin-bottom: 10px;
    border: 0;
    box-shadow: 0 0 4px 0px rgba(0,0,0, 0.2);
    outline: none;
    padding: 10px 20px;
    font-size: 14px;
    text-align: center;
}

.end_stage > .container_btns_simulador {
    margin-top: 20px;
}

.end_stage > .container_btns_simulador > button {
    border: 0;
    background: #008183;
    border-radius: 5px;
    margin: 0 10px;
    margin-bottom: 10px;
    width: 150px;
    height: fit-content;
    padding: 10px 0;
    font-size: 15px;
    font-weight: bold;
}

.end_stage > .container_btns_simulador > a {
    background: #505050e0;
    padding: 10px;
    border-radius: 5px;
    width: 150px;
    height: fit-content;
    display: inline-block;
    font-weight: 400;
    font-size: 15px;
    margin: 0 10px;
    font-weight: bold;
}


.loading-img-simulador {
    opacity: .3;
    animation: .6s ease-in-out infinite alternate loading-img;
    height: 80px;
    margin-bottom: 15px;
}

.selected_first {
    border: 2px solid grey;
}

@keyframes loading-img {
    from {opacity: 0;}
    to  {opacity: 1;} 
}

@media (max-width: 570px) {
    .simulador_container {
        width: auto;
    }
    
    .box-msg p{
        font-size: 13px;
        line-height: 18px;
    }

    .box-msg label {
        font-size: 13px;
    }

    #chatbot {
        overflow-y: unset;
    }

    .success-msg-simulador {
        font-size: 13px ;
    }

    .redirect-msg-simulador {
        font-size: 13px ;
    }

    .box-msg.bot:first-child {
        height: auto;
    }

    #simulador #container-chatbot {
        height: 500px;
    }
}


@media (max-width: 400px) {
    .box-msg p{
        font-size: 13px;
    }

    .box-msg label {
        font-size: 13px;
    }

    #chatbot {
        overflow-y: initial;
    }

    .success-msg-simulador {
        font-size: 13px ;
    }

    .redirect-msg-simulador {
        font-size: 11px ;
    }

    .end_stage input {
        font-size: 10px;
    }
}


@media (max-width: 380px) {
    .end_stage {
        padding-top: 0;
    }
}

/* ajustes 30-11-2020 */

#tipos-investidor #botao_descubra_perfil{
    margin-top: 10px;
}

#video_resultado_empresarial{
    min-height: 345px;
}

#desc_video_empresarial{
    justify-content: center;
    text-align: center;
}


/* ajustes 02-12-2020 */

#disclaimer-passos{
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 80px;
    padding-bottom: 22px;
    font-size: 11px;
    text-align: center;
}

#section-passos{
    padding-bottom: 40px;
}

#disclaimer-passos p{
    width: 27%;
}

@media(max-width:600px){
    #disclaimer-passos p{
        width: 90%;
    }
    
}

.more-d-wrapper {
    display: none;
}

.more-d-wrapper a {
    color: #8D8D8D;
    font-size: 12px;
}



@media screen and (max-width:767px){
    .more-d-wrapper {
        display: block;
    }

    .full {
        display: none;
    }
    
}
