@font-face {
    font-family: "Dobra";
    src: url('../dobra/dobra-bold.otf');
    src: url('../dobra/dobra-bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

body.landing-page .postagens-blog > div.col-md-4 {
    background-size: 100%!important;
}

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

::before,
::after {
    box-sizing: inherit
}



*[class^="btn"],
input[type="submit"],
button {
    cursor: pointer
}

 


.clearfix::after {
    content: '';
    clear: both;
    width: 100%;
    display: block
}

a {
    color: inherit;
    text-decoration: none
}

img {
    max-width: 100%
}

input,
select,
textarea,
button {
    font-family: inherit
}

button {
    border: 0
}

p a {
    transition: color .3s ease-out;
    color: #1e9c6f;
}

p a:hover {
    color: #0095d9;
    text-decoration: underline;
}

::-webkit-input-placeholder {
    color: inherit
}

:-moz-placeholder {
    color: inherit
}

::-moz-placeholder {
    color: inherit
}

:-ms-input-placeholder {
    color: inherit
}

body {
    font-family: 'Montserrat', sans-serif;
    color: #4c4d4f;
}

 

.wrapper {
    width: 90%;
    max-width: 1366px;
    margin: auto
}

@media (min-width: 1024px) {
    .site-header {
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 2
    }
}

.site-header-sec1 {
    background: #4c4d4f;
    color: #ccc;
    text-transform: uppercase;
    font-size: .9em;
    height: 50px
}

.site-header-sec1 img {
    display: block;
    height: 50px
}

@media (max-width: 767px) {
    .site-header-sec1 {
        height: 25px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99
    }
    .site-header-sec1 img {
        height: 25px
    }
}

.site-header-sec1 a {
    display: none
}

.site-header-sec1 a.anbima-logo {
    display: block;
    margin: auto;
    text-align: center
}

.site-header-sec1 a.anbima-logo img {
    display: block;
    margin: auto
}

@media (min-width: 1024px) {
    .site-header-sec1 {
        height: auto
    }
    .site-header-sec1 .wrapper {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center
    }
    .site-header-sec1 .wrapper a {
        display: block
    }
    .site-header-sec1 .wrapper a.anbima-logo {
        display: block;
        margin: 0
    }
}

.site-header-sec2 {
    color: #fff;
    font-size: .9em;
    background: #80c342;
    background: -moz-linear-gradient(left, #80c342 0%, #0094d9 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #80c342), color-stop(100%, #0094d9));
    background: -webkit-linear-gradient(left, #80c342 0%, #0094d9 100%);
    background: -o-linear-gradient(left, #80c342 0%, #0094d9 100%);
    background: -ms-linear-gradient(left, #80c342 0%, #0094d9 100%);
    background: linear-gradient(to right, #80c342 0%, #0094d9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#80c342', endColorstr='#0094d9', GradientType=1)
}

@media (max-width: 1023px) {
    .site-header-sec2 {
        display: none
    }
}

@media (min-width: 768px) {
    .site-header-sec2 .wrapper {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center
    }
}

.site-header-sec2 .wrapper div {
    display: inline-block;
    vertical-align: middle
}

.site-header-sec2 .site-header-sec2--menu {
    padding: 10px 0
}

.site-header-sec2 .site-header-sec2--menu a {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0 10px
}

.site-header-sec2 .site-header-sec2--menu a:first-child {
    padding-left: 0;
    border-left: 0
}

a svg {
    fill: currentcolor
}

.social {
    border-left: 1px solid #5abad4;
    border-right: 1px solid #5abad4;
    padding: 14px 10px
}

.social a {
    color: #fff;
    margin: 0 10px;
    display: inline-block;
    font-size: 0
}

.social svg {
    width: 20px
}

.btn-entrar {
    padding: 0 30px;
    font-weight: 700
}

@media (max-width: 1023px) {
    .site-menu {
        display: none
    }
}

@media (min-width: 1024px) {
    .site-menu-mobile {
        display: none
    }
}

.site-menu .wrapper {
    color: #fff
}

.site-menu .wrapper a {
    transition: color .4s ease-out
}
.site-menu .wrapper li {
    display: inline-block;
}
.site-menu .wrapper a:hover {
    color: #0095d9
}

@media (min-width: 1024px) {
    .site-menu .wrapper {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
    }
    .site-menu .wrapper nav {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
        font-size: .85em;
    }
}

@media (min-width: 1024px) and (min-width: 1800px) {
    .site-menu .wrapper nav {
        font-size: 1em
    }
}

@media (min-width: 1024px) {
    .site-menu .wrapper nav a {
        padding: 0 20px
    }
}

@media (min-width: 1024px) and (min-width: 1800px) {
    .site-menu .wrapper nav a {
        padding: 0 30px
    }
}

@media (min-width: 1024px) {
    .site-menu .wrapper nav .input-busca {
        margin-left: 20px;
        width: 270px
    }
}

@media (max-width: 767px) {
    .logo-header {
        width: 80px
    }
}

@media (min-width: 1024px) {
    .logo-header {
        background: url("../images/logo-main-fundo.png") no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        width: 378px;
        height: 117px;
        position: relative
    } 
    .logo-header img {
        position: absolute;
        right: 12%;
        top: 9%;
        max-width: 35%
    }
    .is-interna .logo-header img {
        right: auto;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }
}

@media (min-width: 1200px) {
    .logo-header {
        width: 380px;
        height: 121px
    }
    .logo-header img {
        max-width: 50%
    }
}

@media (min-width: 1800px) {
    .logo-header {
        width: 478px;
        height: 153px;
        margin-left: -200px
    }
    .is-interna .logo-header {
        margin-left: 0
    }
}

.input-busca {
    position: relative
}

.input-busca input {
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: transparent;
    color: #fff;
    padding: 12px 22px;
    border-radius: 25px;
    width: 100%;
    transition: border-color .2s;
    font-family: Chivo, sans-serif
}

.input-busca input:focus {
    outline: 0;
    border-color: #0095d9 !important
}

.input-busca button {
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    height: 15px;
    margin: auto;
    background: transparent;
    border: 0
}

.input-busca button svg {
    fill: #fff;
    height: 15px;
    transition: fill .2s;
    width: 15px;
}

.input-busca button:hover svg {
    fill: #0095d9 !important
}

@media (min-width: 1800px) {
    .input-busca {
        width: 270px
    }
}

.nav-control {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
    margin: auto;
    height: 30px;
}

.nav-control svg {
    width: 100%;
    height: auto
}

.call-menu,
.call-busca {
    width: 30px;
    height: 30px;
    padding: 5px;
    display: inline-block;
    margin-right: 5px;
    cursor: pointer;
    z-index: 101;
    vertical-align: top
}

.call-menu svg,
.call-busca svg {
    max-width: 90%;
    fill: #616161
}

.site-menu-mobile {
    padding: 10px 0;
    background: #fff
}

.site-menu-mobile .wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;position: relative;

}

.site-menu-mobile .menu-inner,
.site-menu-mobile .busca-inner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    z-index: 100;
    height: calc(100% - 44px);
    background: #80c342;
    background: -moz-linear-gradient(-45deg, #80c342 0%, #0094d9 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #80c342), color-stop(100%, #0094d9));
    background: -webkit-linear-gradient(-45deg, #80c342 0%, #0094d9 100%);
    background: -o-linear-gradient(-45deg, #80c342 0%, #0094d9 100%);
    background: -ms-linear-gradient(-45deg, #80c342 0%, #0094d9 100%);
    background: linear-gradient(135deg, #80c342 0%, #0094d9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#80c342', endColorstr='#0094d9', GradientType=1);
}

.site-menu-mobile .busca-inner {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: all .3s
}

.site-menu-mobile .busca-inner .input-busca {
    width: 90%;
    margin: auto
}

.site-menu-mobile .busca-inner .input-busca input {
    width: 100%;
    text-align: center;
    font-size: 16px;
    border: 1px solid rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700
}

.site-menu-mobile .busca-inner .input-busca button {
    position: static;
    display: block;
    width: 20px;
    height: 20px;
    margin: 20px auto auto
}

.is-busca-open .site-menu-mobile .busca-inner {
    opacity: 1;
    visibility: visible
}

.site-menu-mobile .menu-inner {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
    letter-spacing: .1em;
    visibility: hidden;
    opacity: 0;
    transition: all .3s
}

.site-menu-mobile .menu-inner a {
    font-weight: 700;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5)
}

.site-menu-mobile .menu-inner li, .site-menu-mobile .menu-inner ul a {
    display: block;
    text-align: center;
    padding: .5em 0
}

.site-menu-mobile .menu-inner .footer {
    text-align: center;
    font-size: .8em;
    margin-top: 30px
}

.site-menu-mobile .menu-inner .footer a {
    padding: .5em 0;
    display: block
}

.site-menu-mobile .menu-inner .social {
    text-align: center;
    border: 0
}

.site-menu-mobile .menu-inner .social a {
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 10px;
    margin-right: 0
}

.is-menu-open .site-menu-mobile .menu-inner {
    opacity: 1;
    visibility: visible
}

.icon-close {
    visibility: hidden
}

.nav-control>div {
    position: relative
}

.nav-control .icon-close {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 20px;
    margin: auto
}

.is-menu-open .call-menu .icon-close,
.is-busca-open .call-busca .icon-close {
    visibility: visible
}

.is-menu-open .call-menu .default-icon,
.is-busca-open .call-busca .default-icon {
    visibility: hidden
}

@media (min-height:500px) and (max-width: 767px){
    .is-menu-open, .is-busca-open {
        overflow: hidden;
        max-height: 100vh;
    }  
}


.btn {
    width: 250px;
    cursor: pointer;
    max-width: 90%;
    background: #0095d9;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    display: block;
    margin: 10px auto 0 auto;
    padding: 1.3em 0;
    font-size: .8em;
    position: relative;
    overflow: hidden;
    color: #fff;
    text-align: center;
    font-weight: 600
}

@media (min-width: 600px) {
    .btn {
        width: 370px
    }
}

@media (min-width: 1024px) {
    .btn {
        margin: 30px auto 0 auto
    }
}

.btn::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translateY(-20px);
    transition: all .3s ease-out;
    background: rgba(255, 255, 255, 0.57);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.57) 0%, rgba(138, 138, 138, 0) 46%, transparent 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.57)), color-stop(46%, rgba(138, 138, 138, 0)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.57) 0%, rgba(138, 138, 138, 0) 46%, transparent 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.57) 0%, rgba(138, 138, 138, 0) 46%, transparent 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.57) 0%, rgba(138, 138, 138, 0) 46%, transparent 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.57) 0%, rgba(138, 138, 138, 0) 46%, transparent 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#999000', GradientType=0)
}

.btn:hover::before {
    opacity: 1;
    transform: translateY(0)
}

.home-slider {
    position: relative
}

.home-slider .slide {
    height: 300px;
    width: 100%;
    flex-shrink: 0;
    position: relative;
    background: aquamarine;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center
}

@media (min-width: 1200px) {
    .home-slider .slide {
        height: 80vh
    }
}

.home-slider .slide .wrapper {
    max-width: none;
    z-index: 2;
    position: absolute;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    margin: auto
}

.home-slider .slide .wrapper .inner {
    max-width: 850px;
    position: relative;
    z-index: 6;
    max-width: 90%
}

.home-slider .slide .wrapper::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.82);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.82) 0%, transparent 46%, transparent 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.82)), color-stop(46%, transparent), color-stop(100%, transparent));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.82) 0%, transparent 46%, transparent 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.82) 0%, transparent 46%, transparent 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.82) 0%, transparent 46%, transparent 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.82) 0%, transparent 46%, transparent 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#999000', endColorstr='#999000', GradientType=0)
}

.home-slider .home-slide-title {
    font-size: 24px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    font-weight: normal
}

@media (min-width: 1024px) {
    .home-slider .home-slide-title {
        font-size: 55px
    }

}

.home-slider .home-slider-nav {
    position: absolute;
    bottom: 42px;
    width: 100%;
    text-align: center
}

.home-slider .home-slider-nav li {
    display: inline-block;
    border: 0;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
    cursor: pointer;
    opacity: .5;
    transition: opacity .5s ease-out
}

.home-slider .home-slider-nav li button {
    background: transparent;
    font-size: 0.1px
}

.home-slider .home-slider-nav li.slick-active,
.home-slider .home-slider-nav li:hover {
    opacity: 1
}

.home-slider .btn-scrollDown {
    position: absolute;
    bottom: -25px;
    right: 0;
    left: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center
}

.home-slider .btn-scrollDown svg {
    height: 8px
}

.mod-principaisAssuntos {
    background: #f4f4f4;
    padding: 22px 0;
    border-top: 1px solid #eae9e9;
    border-bottom: 1px solid #eae9e9
}

@media (max-width: 1023px) {
    .mod-principaisAssuntos {
        padding-top: 80px
    }
}

.home-sec {
    margin-bottom: 48px
}

.home-sec-title {
    position: relative;
    text-align: center
}

@media (min-width: 1024px) {
    .home-sec-title {
        text-align: left;
        padding-left: 60px
    }
}

.home-sec-title .sec-icon {
    height: 60px;
    width: 60px;
    position: relative;
    margin: auto;
    background: #80c342;
    background: -moz-linear-gradient(-45deg, #80c342 0%, #0094d9 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #80c342), color-stop(100%, #0094d9));
    background: -webkit-linear-gradient(-45deg, #80c342 0%, #0094d9 100%);
    background: -o-linear-gradient(-45deg, #80c342 0%, #0094d9 100%);
    background: -ms-linear-gradient(-45deg, #80c342 0%, #0094d9 100%);
    background: linear-gradient(135deg, #80c342 0%, #0094d9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#80c342', endColorstr='#0094d9', GradientType=1)
}

.mod-rounded {
    display: block;
}

.home-sec-title .sec-icon svg {
    height: 18px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

@media (min-width: 1024px) {
    .home-sec-title .sec-icon {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%
    }
}

.home-sec-title h2 {
    letter-spacing: 0.09em;
    font-size: 18px
}

.home-sec-title p {
    color: #6c6c6c;
    font-size: 12px;
    font-family: Chivo, sans-serif
}

@media (min-width: 1024px) {
    .home-sec-title h2 {
        font-size: 22px
    }
    .home-sec-title p {
        color: #6c6c6c;
        font-size: 13px
    }
    .mod-youtube .home-sec-title h2 {
        font-size: 18px;
    }
    .mod-rounded .home-sec-title {
        margin-bottom: 40px;
    }
}

.home-sec-title .home-sec-title-text {
    padding: 8px 0
}

@media (min-width: 1024px) {
    .home-sec-title .home-sec-title-text {
        margin-left: 20px
    }
}

@media (min-width: 1024px) {
    .home-sec {
        margin-bottom: 55px
    }
    .home-sec .wrapper {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center
    }
    .home-sec .tag-cloud {
        flex-grow: 1;
        padding-left: 70px;
    }
}

.tag-cloud {
    margin-top: 20px;
    text-align: center
}

@media (min-width: 1024px) {
    .tag-cloud {
        text-align: left
    }
}

.tag-cloud .tag {
    background: #fff;
    width: 120px;
    display: inline-block;
    padding: 10px 15px;
    text-align: center;
    border-radius: 15px;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
    margin-left: 10px;
    font-weight: 600;
    color: #000;
    margin-bottom: 18px;
    font-size: 12px;
    transition: background .2s, color .3s;
    vertical-align: middle;
}

.tag-cloud .tag:first-child {
    margin-left: 0;
}

.tag-cloud .tag:hover {
    color: #fff;
    background: #0095d9
}

@media (min-width: 1024px) {
    .tag-cloud .tag {
        min-width: 130px;
        width: auto;
        padding: 10px 5px;
        font-size: 12px;
    }
}

@media (min-width: 1024px) {
    .tag-cloud>div:nth-child(even) {
        /* text-align: right */
    }
}

@media (min-width: 1024px) {
    .mod-indices {
        width: 60%;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center
    }
}

.indice-lista {
    font-family: Chivo, sans-serif
}

.indice-lista ul {
    display: none
}

.indice-lista ul.is-visible {
    display: block;
    text-align: right;
}

@media (min-width: 1024px) {
    .indice-lista {
        flex-grow: 1;
        font-size: 0;
        display: block;
        flex-grow: 1;
        padding-left: 15px;
        padding-right: 20px;
    }
}

.indice-lista li {
    font-size: 15px;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 8px
}

@media (min-width: 768px) {
    .indice-lista li {
        width: 50%;
        margin-right: 0%;
        float: left;
        /* display: flex; */
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
        white-space: nowrap;
    }
}

@media (max-width: 1023px) {
    .indice-lista {
        width: 90%;
        margin: auto;
        padding: 10px 0 20px 0
    }
    .indice-lista li {
        display: block;
        text-align: center
    }
}

.indice-lista-valor {
    color: #999999
}

.indice-lista-valor.is-positivo {
    color: #70a83b
}

.indice-lista-valor.is-negativo {
    color: #cb4c39
}



.indice-lista-nome .icon {
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 14px;
}
.indice-lista-nome {white-space: nowrap; margin-right: 10px;}
.mod-rounded {
    border-radius: 20px;
    box-shadow: 0 6px 13px 4px rgba(0, 0, 0, 0.12);
    padding: 25px 0;
    position: relative;
    background: #fff
}

.mod-rounded .home-sec-title {
    position: static
}

.indices-menu {
    margin-top: 1em;
    font-size: 13px
}

@media screen and (min-width: 1024px) {
    .indices-menu {
        white-space: nowrap;
    } 
}


.indices-menu span {
    cursor: pointer;
    opacity: .5
}

.indices-menu span.is-current {
    opacity: 1
}

.mod-cadastro .home-sec-title .sec-icon svg {
    height: 28px
}

.mod-maisLidas {
    padding-bottom: 0;
}

.mod-indices, .mod-maisLidas, .mod-cadastro  {
    box-shadow:0 6px 13px 4px rgba(0, 0, 0, 0.12), -15px -15px  #f4f4f4; 
}
.mod-maisLidas {
        border-bottom-left-radius: 0;

}

@media (min-width: 1024px) {
    .mod-maisLidas,.mod-indices {
        position: relative; left: 15px;
    }
    .mod-indices, .mod-cadastro {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .mod-indices {
        float: left
    }
    .mod-cadastro {
        margin-top: 40px;
        width: 35%;
        float: right
    }
    .mod-maisLidas {
        padding-top: 0;
        padding-bottom: 0;
        width: 32%;
        float: left
    }
    .mod-maisLidas .home-sec-title {
        padding-left: 0;
        text-align: center
    }
    .mod-maisLidas .sec-icon {
        position: relative;
        height: 60px
    }
}

.lista-maisLidas li {
    display: block;
    padding: 15px 0;
    line-height: 1.4;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center
}

.lista-maisLidas li:last-child {
    border-bottom: 0
}

@media (min-width: 1024px) {
    .lista-maisLidas li {
        padding: 40px 30px;
        width: 90%;
        margin: auto
    }
}

.lista-maisLidas li p {
    margin-bottom: 10px
}

.lista-maisLidas li h3,
.lista-maisLidas li .time {
    font-size: 13px;
    letter-spacing: 0.1em;
    color: #999;
    margin-bottom: 10px;
    font-weight: 700
}

.lista-maisLidas li .time {
    margin-bottom: 0
}

.lista-maisLidas li .img {
    width: 40%;
    flex-shrink: 1
}

.lista-maisLidas li .img img {
    width: 100%
}

@media (min-width: 1024px) {
    .lista-maisLidas li .img {
        margin-left: -32px;
        width: 40%;
    }
}

.lista-maisLidas li .text {
    width: 55%;
    font-size: 12px;
    flex-shrink: 1;
    flex-grow: 1;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 600;
    letter-spacing: 0.02em
}

@media (min-width: 1024px) {
    .lista-maisLidas li .text {
        font-size: 14px;
        width: 65%;
        padding-right: 0;
    }
}

@media (min-width: 1800px) {
    .lista-maisLidas li .text {
        font-size: 17px
    }
}

.btn-footer {
    background: #0095d9;
    color: #fff;
    padding: 16px 0;
    width: 100%;
    text-align: center;
    display: block;
    letter-spacing: 0.2em;
    font-weight: 600;
    font-size: 12px;
    max-width: none
}

.mod-youtube {
    position: relative
}

@media (min-width: 1024px) {
    .mod-youtube {
        width: 45%;
        float: left;
        margin-left: 5%;
        margin-top: 48px
    }
}

.mod-youtube .mod-rounded {
    margin-top: 24px;
    background: #fff;
    z-index: 2;
    width: 100%;
    overflow: hidden
}

 
    .mod-youtube .mod-rounded {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }


@media (min-width: 1024px) {
    .mod-youtube .mod-rounded {
        position: absolute;
        top: 0;
        margin: 0;
        width: 65%;
        right: 0;
        margin-right: -40%;
        margin-top: 40px;
        padding-bottom: 55px
    }
}

.mod-youtube .mod-rounded .footer {
    font-size: 14px;
    margin-top: 1em
}

.mod-youtube .btn-footer {
    margin-top: 16px;
    width: 100%
}

@media (min-width: 1024px) {
    .mod-youtube .btn-footer {
        margin-top: 0;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0
    }
}

@media (min-width: 1024px) {
    .mod-youtube .home-sec-title {
        padding-left: 0;
        width: 75%;
        padding-left: 30px
    }
    .mod-youtube .home-sec-title h2 {
        margin-bottom: 12px
    }
    .mod-youtube .home-sec-title h2 span {
        color: #999999
    }
    .mod-youtube .home-sec-title .sec-icon {
        position: absolute;
        right: 0;
        left: auto;
        height: 60px
    }
    .mod-youtube .home-sec-title .home-sec-title-text {
        margin-left: 0
    }
}

.iframe-container>div {
    height: 0;
    padding-bottom: 56.6%;
    width: 100%;
    overflow: hidden;
    background-color: #ddd;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    cursor: pointer;
    background-position: center
}

.iframe-container>div iframe {
    position: absolute;
    width: 100%;
    height: 100%
}

.iframe-container>div::before {
    content: '';
    width: 94px;
    height: 94px;
    display: block;
    background: url(../images/icon-play.svg) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 1;
    transform: scale(1);
    transition: transform .2s ease-out, opacity .3s
}

.iframe-container>div.is-playing {
    position: relative;
    z-index: 5
}

.iframe-container>div:hover::before {
    transform: scale(0.9);
    opacity: .8
}

.iframe-container>div.is-playing::before,
.iframe-container>div.is-playing:hover::before {
    opacity: 0;
    transform: scale(2)
}

.title {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 14px;
    margin-bottom: 1em
}

@media (min-width: 768px) {
    .title {
        font-size: 18px
    }
}

.mod-youtube-lista {
    margin-top: 1em
}

.mod-youtube-lista .title {
    font-size: 14px
}

.mod-youtube-lista .item {
    font-family: Chivo, sans-serif;
    margin-bottom: 20px;
    position: relative;
    width: 32%;
    margin-right: 1%;
    margin-bottom: 1%;
    float: left
}


.mod-youtube-lista .item img {
    display: block;
    margin-bottom: 10px
}

.mod-youtube-lista .item:last-child {
    border-right: 0
}

.mod-youtube-lista .item .inner {
    letter-spacing: 0.1em;
    font-size: 11px;
    line-height: 1.5;
    text-align: center;
    cursor: pointer
}

@media (min-width: 1024px) {
    .mod-youtube-lista .item .inner {
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.8);
        color: #fff;
        height: 100%;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        padding: 0 1em;
        align-items: center;
        opacity: 0;
        transition: opacity .2s ease-out
    }
    .mod-youtube-lista .item .inner:hover {
        opacity: 1
    }
}

.mod-youtube-lista .item img {
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .mod-youtube-lista .item {
        width: 32%
    }
}

@media (min-width: 768px) {
    .mod-youtube-lista .clearfix {
        width: 102%
    }
}

.site-footer {
    background: #f1f1f1;
    padding: 30px 0;
    font-family: Chivo, sans-serif;
    margin-top: 80px
}

@media (min-width: 1024px) {
    .site-footer {
        margin-top: 80px;
    }
}

.site-footer p {
    font-size: .7em;
    color: #999
}

@media (min-width: 768px) {
    .site-footer .wrapper {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center
    }
    .site-footer .wrapper p {
        width: 100%;
        flex-grow: 1;
        padding-left: 10px
    }
}

.footer-compl {
    font-family: Chivo, sans-serif;
    padding: 20px 0;
    position: relative;
    background: #fff;
}

.footer-compl a {
    text-transform: uppercase;
    margin-right: 16px;
    font-size: 14px;
    color: #999;
    letter-spacing: 0.06em
}

@media (max-width: 767px) {
    .footer-compl a {
        margin-bottom: 16px;
        display: block
    }
}

.footer-compl .right {
    margin-top: 20px;
    text-align: center;
    font-size: 13px;
    color: #999
}

.footer-compl .right img {
    display: block;
    margin: 10px auto auto
}
.footer-compl .wrapper {
    position: relative;
}
@media (min-width: 768px) {
    .footer-compl .right {
        margin-top: 0;
        position: absolute;
        right: 0;
        top: 0
    }
    .footer-compl .right img {
        display: inline-block;
        vertical-align: middle;
        margin-top: 0;
        margin-left: 15px
    }
    .footer-compl .right span {
        vertical-align: middle
    }
}

@-webkit-keyframes HEADER-INTRO {
    0% {
        opacity: 0;
        transform: translateY(-90%);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);

    }
}
@-webkit-keyframes HEADER-OUTRO {
    0% {
        opacity: 0;
        transform: translateY(90%);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);

    }
}
@media (min-width:1024px){
  .is-interna .site-menu {
        position: relative;
    }
}
.is-scrolled .site-menu,
.is-scrolled .site-menu-mobile {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%
}

.is-scrolled .site-header {
    z-index: 200
}
.is-interna .site-menu {
    -webkit-animation: HEADER-OUTRO .4s ease-in-out;
}
.is-scrolled .site-menu {
    background: #fff;
    border-bottom: 1px solid #eae9e9;
    color: #333;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    -webkit-animation: HEADER-INTRO .4s ease-in-out;
}

.is-scrolled .site-menu a {
    color: #999
}

.is-scrolled .site-menu .input-busca input {
    border-color: #ebebeb;
    color: #999
}

.is-scrolled .site-menu .input-busca button svg {
    fill: #999
}

@media (min-width: 1024px) {
    .site-menu {
        position: absolute;
        width: 100%;
    }
    
    .is-scrolled .logo-header img {
        top: 0;
        bottom: 0;
        margin: auto;
        height: 70px;
        left: 0;
        right: auto
    }
    .is-scrolled .logo-header {
        height: 95px
    }
}

.is-interna .site-menu {
    background: #fff;
    border-bottom: 1px solid #eae9e9;
    color: #333;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.is-interna .site-menu a {
    color: #999
}
.site-menu .current-menu-item a, .site-menu .current-page-ancestor a{
    color: #0095d9;
}
.is-interna .site-menu .input-busca input {
    border-color: #ebebeb;
    color: #999
}

.is-interna .site-menu .input-busca button svg {
    fill: #999
}

.page-header {
    padding: 2em 0;
    text-align: center;
    margin: auto;
    color: #6d6d6d
}

.page-header .page-header-chamada {
    max-width: 780px
}

@media (min-width: 1200px) {
    .page-header {
        padding: 42px 0 24px 0
    }
}

.page-header-title {
    font-size: 30px;
    background: -webkit-linear-gradient(#0497da, #4dc0f5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase
}

@media (min-width: 1024px) {
    .page-header-title {
        font-size: 55px
    }
}

.page-header-chamada {
    line-height: 1.5;
    font-size: 1em;
    margin: 20px auto 24px auto
}

.page-header-chamada p {
    margin-bottom: 1em;
    font-size: 14px
}

.share {
    text-align: center;
    color: #6d6d6d;
    margin-bottom: 45px
}

.page-header .share {
    margin-bottom: 0;
    margin-top: 40px
}

.share h3 {
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 8px;
    font-size: 14px
}

.share .share-icon {
    display: inline-block;
    width: 35px;
    height: 35px;
    position: relative;
    margin-right: 5px
}



.share .share-icon svg {
    fill: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 18px
}
@media (min-width:768px) {
    .share .share-icon {
        width: 45px;
        height: 45px;
    }
    .share .share-icon svg {
        height: 24px
    }
}
.share-icon--facebook {
    background: #239dd6
}

.share-icon--twitter {
    background: #6ccef4
}

.share-icon--gplus {
    background: #f14033
}

.share-icon--whatsapp {
    background: #6cbb60
}

.share-icon--linkedin {
    background: #0077b5
}

.sec-planeje {
    margin-bottom: 50px
}

.sec-planeje::after {
    content: '';
    width: 50%;
    height: 1px;
    background: #eae9e9;
    display: block;
    margin: 40px auto auto
}
@media (min-width:1024px){
  .sec-planeje {
    margin-top: 90px;
  } 
}

.sec-planeje .title {
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 1em
}

@media (min-width: 768px) {
    .sec-planeje .title {
        font-size: 18px
    }
}

.sec-planeje .mod {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    background: #fff;
    text-align: center;
    font-size: 14px;
    padding-bottom: 7px;
    margin-bottom: 24px;
    position: relative
}

.sec-planeje .mod h3 {
    padding: 20px 0 20px 0;
    font-size: 14px;
    font-weight: 600;
    color: #999;
    transition: color .2s
}

.sec-planeje .mod::after {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 7px;
    transition: opacity .3s ease-out
}

.sec-planeje .mod:hover h3 {
    color: currentcolor
}

.sec-planeje .mod:hover::after {
    opacity: .8
}

@media (min-width: 1024px) {
    .sec-planeje .clearfix {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between; 
        padding-left: 20px;
    }
    .sec-planeje .col {
        width: 27%;
        float: left;
        /*padding-right: 5%;*/
    }

}

@media (min-width: 1200px) {
    .sec-planeje .col img {
        margin-left: -13%;
        transition: transform .2s ease-in;
    }
    .sec-planeje .col .mod:hover img {
        transform: scale(1.1);
    }
}

.sec-planeje .col-1 .mod::after {
    background: #18845d;
    background: -moz-linear-gradient(left, #18845d 0%, #2edd9d 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #18845d), color-stop(100%, #2edd9d));
    background: -webkit-linear-gradient(left, #18845d 0%, #2edd9d 100%);
    background: -o-linear-gradient(left, #18845d 0%, #2edd9d 100%);
    background: -ms-linear-gradient(left, #18845d 0%, #2edd9d 100%);
    background: linear-gradient(to right, #18845d 0%, #2edd9d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#18845d', endColorstr='#2edd9d', GradientType=1)
}

.sec-planeje .col-2 .mod::after {
    background: #0094d9;
    background: -moz-linear-gradient(left, #0094d9 0%, #3fcedb 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #0094d9), color-stop(100%, #3fcedb));
    background: -webkit-linear-gradient(left, #0094d9 0%, #3fcedb 100%);
    background: -o-linear-gradient(left, #0094d9 0%, #3fcedb 100%);
    background: -ms-linear-gradient(left, #0094d9 0%, #3fcedb 100%);
    background: linear-gradient(to right, #0094d9 0%, #3fcedb 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0094d9', endColorstr='#3fcedb', GradientType=1)
}

.sec-planeje .col-3 .mod::after {
    background: #473dbd;
    background: -moz-linear-gradient(left, #473dbd 0%, #9088ed 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #473dbd), color-stop(100%, #9088ed));
    background: -webkit-linear-gradient(left, #473dbd 0%, #9088ed 100%);
    background: -o-linear-gradient(left, #473dbd 0%, #9088ed 100%);
    background: -ms-linear-gradient(left, #473dbd 0%, #9088ed 100%);
    background: linear-gradient(to right, #473dbd 0%, #9088ed 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#473dbd', endColorstr='#9088ed', GradientType=1)
}

.sec-planeje .col .title span {
    display: block
}

.sec-planeje .col-1 {
    color: #18845d
}

.sec-planeje .col-2 {
    color: #0095d9
}

.sec-planeje .col-3 {
    color: #483dbd
}

.sec-planeje .col .title {
    position: relative
}

.sec-planeje .col .title::before {
    font-size: 85px;
    position: absolute;
    bottom: 0px;
    left: 0;
    text-align: center;
    width: 100%;
    opacity: 0.25;
    font-weight: 700;
    line-height: 1;
    vertical-align: bottom
}

@media (min-width: 1024px) {
    .sec-planeje .col .title::before {
        bottom: -0.2em;
        font-size: 190px
    }
}

.sec-planeje .col-1 .title::before {
    content: '01'
}

.sec-planeje .col-2 .title::before {
    content: '02'
}

.sec-planeje .col-3 .title::before {
    content: '03'
}

.tac {
    text-align: center
}

.sec-mais ul {
    margin-top: 40px
}

.sec-mais li {
    display: block;
    font-size: 13px;
    margin-bottom: 30px
}

.sec-mais li .img img {
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
    width: 100%;
    margin-bottom: 12px;
    display: block
}

@media (min-width: 768px) {
    .sec-mais li {
        width: 50%;
        float: left;
        padding: 0 1%
    }
}

@media (min-width: 1024px) {
    .sec-mais li {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
        font-size: 14px;
        line-height: 1.6;
        color: #6d6d6d
    }
    .sec-mais li .img {
        width: 230px;
        flex-shrink: 0
    }
    .sec-mais li .img:empty {
        display: none
    }
    .sec-mais li .text {
        padding-left: 25px;
        flex-grow: 1
    }
}

.sec-planeje--instrucoes {
    text-align: center;
    margin-bottom: 30px;
    display: none;
}

@media (min-width: 1024px) {
    .sec-planeje--instrucoes {
        margin-bottom: 100px
    }
}

.sec-planeje--instrucoes p {
    color: #6d6d6d
}

.sec-planeje--instrucoes .title {
    margin-bottom: 0;
    padding-bottom: 4px
}

body {
    background: url("../images/pattern-bg.jpg") repeat
}

body.is-interna {
    background-image: url(none)
}

body.is-interna.interna-1 {
    background: #edfaef url("../images/pattern-bg1.jpg") repeat;
}

 

body.is-interna.interna-2 {
    background: #e2eef2 url("../images/pattern-bg2.jpg") repeat;
}
 

body.is-interna.interna-3 {
    background: #dfddec url("../images/pattern-bg3.jpg") repeat;
}
 

body.is-interna.interna-entenda,
body.is-interna.interna-noticia {
    background: #ecf7fb url("../images/pattern-bg4.jpg") repeat;
}
 

.interna-wrapper {
    padding: 40px 10% 80px 10%;
    background: #fff;
    max-width: 1040px;
    margin: auto
}

@media (min-width: 1024px) {
    .interna-wrapper {
        margin-top: 80px;
        padding-top: 30px
    }
}

@media (min-width: 1800px) {
    .interna-wrapper {
        padding: 40px 7% 80px 7%
    }
}

.interna-wrapper .page-header {
    max-width: none
}

.interna-wrapper .page-header-chamada {
    text-align: left;
    font-size: 14px;
    line-height: 1.8;
    margin-top: 40px
}

.interna-wrapper .page-header-chamada p {
    margin-top: 1em
}

.interna-wrapper .page-header-title {
    background: -webkit-linear-gradient(#18865e, #28c38b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (min-width: 1024px) {
    .interna-wrapper .page-header-title {
        font-size: 45px
    }
}

.interna-info {
    /*display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;*/
    margin-top: 40px
}
@media (max-width: 767px) {
    .interna-info {
        flex-flow: row wrap;
        margin-top: 0px;
    }
    .interna-info .btn {
        padding-right: 15px; padding-left: 15px;
    }
    .interna-info .btn svg {
        margin-right: 0;
    }
    .tag-cloud .tag {
        width: 100px;
        padding: 10px 5px;
    }
}
.interna-info .btn {
    margin-top: 24px; 
}

@media (min-width: 768px) {
    .interna-info {
        justify-content: space-between
    }
    .interna-info .tag-cloud {
        margin-top: 0
    } 
}

.btn-favorito {
    color: #0095d9;
    border: 1px solid;
    width: 224px;
    font-size: 12px;
    padding: 12px 0;
    cursor: pointer
}

.btn-favorito:hover {
    background: #0095d9;
    color: #fff
}

.interna-footer {
    margin-bottom: 40px
}

.interna-comentarios h3 {
    margin-bottom: 18px;
    letter-spacing: 0.05em
}

.interna-comentarios p {
    font-size: 15px;
    line-height: 1.5;
    color: #6d6d6d;
    font-family: Chivo, sans-serif;
    letter-spacing: 0.03em;
    color: #6d6d6d
}

.interna-comentarios form {
    margin-top: 30px
}

.interna-comentarios form textarea {
    width: 100%;
    display: block;
    background: #f4f4f4;
    border: 1px solid #d9d9d9;
    padding: 1em
}

.interna-comentarios form button {
    margin-left: 0;
    min-width: none;
    width: auto;
    padding-left: 3em;
    padding-right: 3em
}

.interna-mais {
    margin-top: 50px;
    padding: 50px 0 50px 0;
    background: #fff
}

@media (min-width: 1024px) {
    .interna-mais {
        margin-top: 140px;
        padding: 80px 0 50px 0
    }
    .interna-mais .col {
        width: 50%;
        float: left
    }
    .interna-mais .col:nth-child(even) {
        padding-left: 15px
    }
    .interna-mais .col:nth-child(odd) {
        padding-right: 15px
    }
    .interna-mais .col li {
        width: 100%;
        font-size: 14px
    }
}

.interna-mais .footer {
    font-size: 12px;
    margin-top: 50px;
    color: #999999
}

@media (min-width: 1024px) {
    .interna-mais .footer {
        margin-top: 130px
    }
}

.btn-border {
    color: #0095d9;
    border: 1px solid;
    display: inline-block;
    font-size: 14px;
    text-transform: none;
    letter-spacing: 0;
    width: auto;
    background: transparent;
    transition: background .3s;
    padding: 1em 2em
}

.btn-border .icon {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    margin-right: 12px;
    fill: #0095d9;
    transition: fill .5s .1s
}

.btn-border span {
    transition: color .5s .1s;
    display: inline-block;
    vertical-align: middle
}

.btn-border:hover {
    background: #0095d9;
    color: #fff
}

.btn-border:hover .icon {
    fill: #fff
}

.interna-footer p {
    font-size: 14px;
    font-family: Chivo, sans-serif;
    color: #999
}

.interna-footer .btn-border {
    margin-top: 10px; 
    margin-right: 10px;
    padding: .7em 2em
}
@media (min-width: 768px) {
    .interna-footer .btn-border {
        margin-left: 10px;
        margin-right: 0;
        margin-top: 0;
    }
}

.interna-footer * {
    display: inline-block;
    vertical-align: middle
}

.interna-content {
    margin-bottom: 62px;
    line-height: 1.6;
    font-size: 14px;
    color: #6d6d6d;
    font-family: Chivo, sans-serif
}

.interna-content p {
    margin-bottom: 1.5em;
}

.page-header-title-menor {
    color: #0095d9;
    font-weight: normal;
    font-size: 20px;
    letter-spacing: 0.01em;
    text-align: center
}

@media (min-width: 1024px) {
    .page-header-title-menor {
        font-size: 35px;
        font-weight: 600;
    }
}

.interna-subtitle, .interna-content h2{
        color: #4c4d4f;
    font-size: 1.6em;
    margin-bottom: .5em;
    background: -webkit-linear-gradient(#18865e, #28c38b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.interna-subtitle, .interna-content h3 {
    color: #999;
    font-size: 1.3em;
    margin-bottom: .5em;
}

.accordion {
    margin-top: 45px;
    padding-bottom: 25px
}

.accordion li {
    display: block;
    cursor: pointer;
    background: #f7f7f7;
    padding-bottom: 15px;
    padding-top: 15px;
    padding: 15px 20px 15px 20px;
    margin-bottom: 15px;
    position: relative
}

.accordion li h3 {
    font-weight: normal
}

.accordion li .icon-down-circle {
    position: absolute;
    right: 20px;
    top: 15px;
    width: 20px;
    fill: currentcolor;
    transform: rotate(0);
    transition: transform .3s .15s ease-out
}

.accordion li .inner {
    max-height: 0;
    width: 90%;
    font-size: 13px;
    overflow: hidden;
    opacity: 0;
    transition: max-height .4s, opacity .5s .1s ease-out
}

.accordion li .inner .inner-content {
    padding-top: 1em
}

.accordion li:hover h3 {
    color: #0095d9
}

.accordion li:hover .icon-down-circle {
    fill: #0095d9
}

.accordion li.is-open .inner {
    opacity: 1
}

.accordion li.is-open .icon-down-circle {
    transform: rotate(180deg)
}

.sec-entenda-item {
    padding: 10px 20px;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    margin-bottom: 2em;
    background: #fff;
    padding: 40px 30px
}
.sec-entenda-item .sublinks {
    display: inline-block;
    color: #0095d9;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 16px;
}
.sec-entenda-item .sublinks:hover {
    color: #81bc47;
}

@media (min-width: 1024px) {
    .sec-entenda-item {
        padding: 40px 40px;
        margin-bottom: 48px;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center
    }
}

.sec-entenda-item .mosaico {
    color: #999;
    margin-top: 30px
}

@media (min-width: 1024px) {
    .sec-entenda-item .mosaico {
        margin-top: 0
    }
}
@media (max-width: 768px) {
    .sec-entenda-item .mosaico {
        display: none;
    }
}

.sec-entenda-item .mosaico li {
    display: block
}

.sec-entenda-item .mosaico h4 {
    font-size: 11px;
    margin-bottom: 1em; 
}

@media (min-width: 768px) {
    .sec-entenda-item .mosaico {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: flex-start;
        flex-grow: 1;
        max-width: 50%;
    }
    .sec-entenda-item .mosaico li {
        width: 50%
    }
}

@media (min-width: 1024px) {
    .sec-entenda .sec-entenda-item .mosaico {
        width: 30%;
        margin: auto 0;
        padding-left: 3%;
        max-width: none;
    }
}

.sec-entenda-item .text {
    font-size: 14px
}

.sec-entenda-item .text h3 {
    font-size: 1.3em;
    margin-bottom: 15px
}

.sec-entenda-item .text p {
    margin-bottom: 15px
}

.sec-entenda-item .text .link {
    color: #0095d9;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: -20px;
    transition: color .2s;
}
.sec-entenda-item .text .link:hover {
    color: #81bc47;
}

@media (min-width: 1024px) {
    .sec-entenda-item .text .link {
        margin-left: -40px
    }
}

.sec-entenda-item .text .link::before {
    content: '';
    width: 15px;
    transition: background .2s;
    height: 1px;
    display: inline-block;
    vertical-align: middle;
    background: #0095d9;
    margin-right: 5px
}
.sec-entenda-item .text .link:hover::before {
    background: #81bc47;
}
@media (min-width: 1024px) {
    .sec-entenda-item .text .link::before {
        width: 35px
    }
}

@media (min-width: 1024px) {
    .sec-entenda-item .text {
        width: 60%;
        margin: auto 0
    }
}

.mosaico-icon {
    width: 45px;
    height: 45px;
    background: red;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    margin-bottom: 24px;
    background: #80c342;
    background: -moz-linear-gradient(-45deg, #80c342 0%, #0094d9 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #80c342), color-stop(100%, #0094d9));
    background: -webkit-linear-gradient(-45deg, #80c342 0%, #0094d9 100%);
    background: -o-linear-gradient(-45deg, #80c342 0%, #0094d9 100%);
    background: -ms-linear-gradient(-45deg, #80c342 0%, #0094d9 100%);
    background: linear-gradient(135deg, #80c342 0%, #0094d9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#80c342', endColorstr='#0094d9', GradientType=1)
}

.mosaico-icon svg {
    fill: #33a79d;
    height: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}

.mosaico-icon .icon-legenda {
     
    height: 14px;
    font-size: 11px;
    position: absolute;
    bottom: -16px;
    width: 100%;
    bottom: auto;
    top: -48px;
    left: -25px;
    background: #43baf1;
    background: -moz-linear-gradient(top, #43baf1 0%, #099add 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #43baf1), color-stop(100%, #099add));
    background: -webkit-linear-gradient(top, #43baf1 0%, #099add 100%);
    background: -o-linear-gradient(top, #43baf1 0%, #099add 100%);
    background: -ms-linear-gradient(top, #43baf1 0%, #099add 100%);
    background: linear-gradient(to bottom, #43baf1 0%, #099add 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#43baf1', endColorstr='#099add', GradientType=0);
    border: 2px solid #099add;
    color: #fff;
    width: 100px;
    border-radius: 6px;
    padding: 8px 0;
    text-align: center;
    height: auto;
    font-size: 11px;
    transition: all .2s ease-out;
    transform: scale(0.8) translateY(10%);
    opacity: 0
}

.mosaico-icon .icon-legenda::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8.5px 0 8.5px;
    border-color: #099add transparent transparent transparent;
    position: absolute;
    bottom: -10px;
    right: 0;
    left: 0;
    margin: auto
}

.mosaico-icon:hover .icon-legenda {
    transform: scale(1) translateY(0%);
    opacity: 1
}

.mosaico-icon::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 41px;
    height: 41px;
    background: #fff;
    opacity: 1;
    transition: opacity .4s
}

.mosaico-icon:hover::before {
    opacity: 0
}

.mosaico-icon:hover svg {
    fill: #fff
}

.legenda-lista {
    padding: 40px 0
}

@media (min-width: 768px) {
    .legenda-lista {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: flex-start;
    }
}

@media (min-width: 768px) {
    .legenda-lista ul {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      align-items: flex-start;
    }
}

@media (min-width: 1024px) {
    .legenda-lista ul {
        margin-top: 1em;
    }
}

.legenda-lista li {
    display: block;
    margin-bottom: 18px;
}

.legenda-lista li .icon-legenda {
    display: none
}

.legenda-lista li .mosaico-icon {
    flex-shrink: 0;
    margin-bottom: 0
}

.legenda-lista li .text {
    margin-right: auto;
    padding-left: 5px;
    font-size: 12px;
    color: #7c7c7c
}

.legenda-lista li .text h3 {
    color: #000;
    margin-bottom: 3px
}
.legenda-lista li {
    display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: flex-start;
}
@media (min-width: 768px) {
    .legenda-lista li {
        width: 25%;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: flex-start;
    }
    .legenda-lista li .text {
        padding-left: 10px;
        padding-right: 15px;
    }
}

.legenda-sec {
    margin-top: 40px
}

@media (min-width: 1024px) {
    .legenda-sec {
        margin-top: 90px
    }
}

.legenda-sec-title {
    background: #0095d9;
    color: #fff;
    padding: 25px 0;
    text-align: center;
    font-size: 13px
}

.legenda-sec-title .title {
    color: #000;
}

.chivo {
    font-family: Chivo
}

@media (min-width: 1024px) {
    .site-header-sec2 .wrapper>div:last-child {
        border-right: 1px solid #5abad4
    }
}

.post-img {
    margin: 36px auto;
    display: none;
}

.post-img img {
    display: block;
    margin: auto
}

.lista-noticias {
    padding-top: 10px;
    border-top: 1px solid #ddd
}

.lista-noticias .item {
    display: block;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
    background: #fff;
    margin-bottom: 24px;
    position: relative
}

@media (min-width: 768px) {
    .lista-noticias .item {
        width: 48%;
        margin: 2% 1% 0 1%;
        float: left;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center;
        height: 230px;
        border-radius: 25px;
        overflow: hidden;
    }
}

@media (min-width: 1024px) {
    .lista-noticias .item {
        width: 30%;
        margin: 3% 1.5% 0 1.5%
    }
}

.lista-noticias .item .img {
    height: 180px;
    overflow: hidden;
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: -1em -1em;
}

.lista-noticias .item .img img {
    min-height: 100%;
    min-width: 100%
}

@media (min-width: 768px) {
    .lista-noticias .item .img {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: -3.9em -1em;
        width: 120%;
        height: 230px;
        position: absolute;
        top: 0;
    }
    .lista-noticias .item .img img {
        max-width: none;
        opacity: 0;
    }
}

.lista-noticias .item .texto {
    padding: 25px 10px;
    text-align: center
}

@media (min-width: 768px) {
    .lista-noticias .item .texto {
        position: relative;
        z-index: 2;
        width: 75%;
        right: 0;
        top: 0;
        margin-left: auto;
        margin-right: 0;
        background: #fff;
        border-radius: 25px 0px 0px 25px;
        text-align: left;
        padding-left: 25px;
        padding-right: 10px
    }
}

.lista-noticias .item h3 {
    font-weight: normal;
    font-size: 14px
}

@media (min-width: 768px) {
    .lista-noticias .item h3 {
        font-size: 17px;
        max-width: 300px;
        margin: auto
    }
}

.lista-noticias .item .date {
    font-size: 13px;
    color: #999999;
    margin-bottom: 4px;
    display: block
}

.lista-noticias-footer {
    margin: 102px auto
}

.interna-noticia .page-header-title-menor {
    color: #999;
    margin-bottom: 0
}

.interna-noticia .interna-info {
    margin-top: 24px;
    flex-flow: column
}

.interna-noticia .interna-info .date {
    margin-bottom: 24px;
    color: #999;
}
span.date.date-noticia{
    width: 100%;
    display: block;
    margin-bottom: 0px;
}

.busca-msg {
    text-align: center;
    background: #f7f7f7;
    padding: 1.5em 0;
    text-transform: uppercase;
    color: #999;
    font-weight: 600
}

@media (min-width: 1024px) {
    .busca-msg {
        font-size: 22px
    }
}

.lista-resultados .lista-maisLidas li {
    width: 100%
}

.lista-resultados .lista-maisLidas li .img {
    margin-left: 0;
    width: 25%
}

.lista-resultados .lista-maisLidas li .text {
    padding-left: 0
}

.lista-resultados .lista-maisLidas li .img {
    margin-right: 15px
}

.lista-resultados .lista-maisLidas li .time {
    font-weight: normal
}

.lista-resultados .lista-maisLidas li p {
    margin-top: .3em;
    color: #999;
    font-weight: normal;
    font-size: 15px;
    font-family: Chivo, sans-serif
}

.lista-resultados .resultado-title {
    font-size: 17px;
    font-weight: normal
}

@media (min-width: 1024px) {
    .lista-resultados .resultado-title {
        font-size: 22px
    }
}

.lista-resultados .filtro {
    margin: 25px auto
}

@media (min-width: 1024px) {
    .lista-resultados .filtro {
        margin: 25px auto 40px auto
    }
}

@media (min-width: 1024px) {
    .lista-resultados .filtro {
        text-align: right
    }
}

.select-wrapper {
    display: inline-block;
    position: relative
}

.select-wrapper svg {
    display: none
}

.appearance .select-wrapper svg {
    position: absolute;
    display: block;
    height: 15px;
    width: 15px;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: auto;
    fill: #999;
    pointer-events: none
}

.select-wrapper select {
    color: #999;
    font-family: Chivo, sans-serif;
    padding: 15px 12px;
    display: block;
    margin: auto;
    width: 230px;
    cursor: pointer;
    border-color: #ccc
}

@media (min-width: 1024px) {
    .select-wrapper select {
        width: 270px
    }
}

.appearance .select-wrapper select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff;
    font-size: 1em;
}

.interna-sobre {
    max-width: 800px;
    margin: auto
}

.field {
    margin-bottom: 5px;
    position: relative;
    font-family: Chivo, sans-serif
}

.field input,
.field textarea {
    padding: 11px 14px;
    font-size: .9em;
    border: 1px solid #ccc;
    color: #999;
    width: 100%
}

@media (min-width: 1024px) {
    .field input,
    .field textarea {
        padding: 14px;
        font-size: 1em
    }
}

.field svg {
    position: absolute;
    width: 14px;
    left: 12px;
    top: 0;
    bottom: 0;
    margin: auto
}

.form {
    margin-top: 2em
}

.form h3 {
    text-align: center;
    margin: 0 0 1em 0;
    color: #999;
    letter-spacing: 0.08em;
    font-size: 1.3em
}

.form .field {
    font-size: 16px
}

@media (min-width: 1024px) {
    .form .field {
        width: 48%;
        margin: 1% 2% 1% 0;
        display: inline-block;vertical-align: middle;
    }
    .form .field.field-full {
        width: 98%;
        margin: 1% 0
    }
}

.form .field .select-wrapper,
.form .field input,
.form .field textarea,
.form .field select {
    width: 100%;
    border-radius: 0;
}

.form button[type="submit"] {
    width: 190px;
    margin-left: 0
}

.form .check {
    margin-top: 20px;
    font-size: 13px;
    position: relative;
    cursor: pointer;
    margin-right: 15px;
    display: inline-block
}

@media (min-width: 1024px) {
    .form .check {
        display: inline-block;
        margin-right: 15px
    }
}

.form .check .decor {
    width: 35px;
    height: 20px;
    background: #999;
    vertical-align: middle;
    display: inline-block;
    border-radius: 25px;
    margin-right: 5px;
    position: relative
}

.form .check .decor::before {
    content: '';
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10%;
    transform: translateX(0%);
    transition: transform .2s, background ease-out .3s;
    margin: auto
}

.form .check.is-checked .decor {
    background: #999
}

.form .check.is-checked .decor::before {
    transform: translateX(100%)
}

.form .check input {
    cursor: pointer;
    z-index: 2;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.fieldset {
    margin-bottom: 2em;
    font-size: 0
}

.fieldset::after {
    content: '';
    clear: both;
    width: 100%;
    display: block
}

.sec-cadastro {
    color: #999;
    max-width: 880px;
    margin: auto
}

.sec-cadastro p {
    font-family: Chivo, sans-serif
}

.btn-cadFacebook {
    width: 100%;
    background: #3b5998;
    max-width: none
}

@media (min-width:1024px){
    .sec-cadastro .btn-cadFacebook {
        width: 98%;
        margin-left: 0;
    }  
}


.faq {
    margin-top: 2em;
    padding-top: 2em;
    border-top: 1px solid #ccc
}

.faq .title {
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 2em;
    color: #6d6d6d;
    letter-spacing: 0
}

.faq .link {
    color: #0095d9;
    display: block;
    padding: 10px 18px;
    font-size: 18px
}

.sec-login {
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 210;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-out
}

.is-login-open .sec-login {
    visibility: visible;
    opacity: 1
}

.sec-login .icon-fechar {
    position: absolute;
    height: 18px;
    fill: #fff;
    top: -25px;
    right: 0;
    cursor: pointer
}

@media (min-width: 768px) {
    .sec-login {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center
    }
}

.sec-login .inner {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    width: 90%;
    max-width: 500px;
    margin: auto;
    background: #fff;
    padding: 40px 20px;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    transform: translateY(180px);
    opacity: 0;
    transition: all .3s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.is-login-open .sec-login .inner {
   transform: translateY(0px);
    opacity: 1; 
    transition: all .3s .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media (min-width: 1024px) {
    .sec-login .inner {
        position: relative;
        padding: 40px 30px 100px 30px;
        font-size: 15px
    }
}

.sec-login .fieldset {
    margin-bottom: 12px;
    border-top: 1px solid #eee;
    margin-top: 10px;
    padding-top: 10px
}

@media (min-width: 768px) {
    .sec-login .fieldset {
        margin-top: 25px;
        padding-top: 25px
    }
}

.sec-login .title {
    text-align: center;
    color: #999;
    font-weight: 600;
    margin-bottom: 1.5em;
    font-size: 16px
}

.sec-login .btn {
    margin-top: 10px;
    width: 100%;
    max-width: none
}

.sec-login .form .field {
    width: 100%;
    float: none;
    margin-bottom: 12px
}

.sec-login .form .footer {
    color: #999;
    clear: both;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    font-size: 13px
}

@media (max-width: 767px) {
    .sec-login .form .footer>* {
        margin-bottom: 12px
    }
}

.sec-login .form input {
    padding-left: 40px
}

.sec-login .btnLogin {
    font-size: 14px;
    padding: 10px;
    background: #80c342;
    background: -moz-linear-gradient(left, #80c342 0%, #0094d9 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #80c342), color-stop(100%, #0094d9));
    background: -webkit-linear-gradient(left, #80c342 0%, #0094d9 100%);
    background: -o-linear-gradient(left, #80c342 0%, #0094d9 100%);
    background: -ms-linear-gradient(left, #80c342 0%, #0094d9 100%);
    background: linear-gradient(to right, #80c342 0%, #0094d9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#80c342', endColorstr='#0094d9', GradientType=1)
}

@media (min-width: 768px) {
    .sec-login .btnLogin {
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 17px;
        padding: 15px 10px
    }
}

.noticias-lista-destaque {
    margin-bottom: 46px;
    margin-top: 36px
}

.noticias-lista-destaque .item {
    height: 272px;
    background: #999;
    display: block;
    overflow: hidden;
    border-radius: 25px;
    margin-bottom: 16px;
    position: relative;
    -webkit-background-size: cover;
    background-size: cover
}

.noticias-lista-destaque .item::before {
    content: '';
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(255, 93, 177, 0);
    background: -moz-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 93, 177, 0)), color-stop(100%, rgba(0, 0, 0, 0.51)));
    background: -webkit-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -o-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -ms-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(255, 93, 177, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#999000', GradientType=0)
}

.noticias-lista-destaque .item .img {
    position: absolute;
    top: 0;
    left: 0
}

.noticias-lista-destaque .item .texto {
    position: absolute;
    z-index: 2;
    width: 50%;
    margin: auto 0 auto 5%;
    right: 0;
    left: 0;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    bottom: 40px
}

@media (min-width: 768px) {
    .noticias-lista-destaque .item .texto {
        padding-right: 50px
    }
}

.noticias-lista-destaque .item .texto h3 {
    font-weight: normal;
    font-size: 24px
}

.noticias-lista-destaque .item .texto .date {
    font-size: 12px
}

@media (min-width: 1024px) {
    .noticias-lista-destaque .item {
        height: 550px
    }
}

@media (min-width: 1024px) {
    .noticias-lista-destaque {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between
    }
    .noticias-lista-destaque .col {
        width: 49%;
        float: left;
        display: flex;
        flex-flow: column wrap;
        justify-content: space-between;
        align-items: center
    }
    .noticias-lista-destaque .col .item {
        margin: 0;
        width: 100%
    }
    .noticias-lista-destaque .col.col-1row {
        width: 58%
    }
    .noticias-lista-destaque .col.col-2row {
        width: 41%
    }
    .noticias-lista-destaque .col-2row .item {
        height: 270px;
        height: 49%
    }
    .noticias-lista-destaque .col-2row .item .texto {
        width: 100%
    }
}

.overlay-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.7);
    cursor: pointer;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: all .4s
}

.overlay-video.is-open {
    visibility: visible;
    opacity: 1
}

.overlay-video .iframe-container {
    max-width: 850px;
    width: 90%;
    margin: auto
}

.overlay-video .modal-icon-close {
    position: absolute;
    top: 5%;
    right: 5%;
    cursor: pointer;
    width: 20px;
    fill: #fff
}

.modal-icon-close:hover {
    fill: #0095d9
}

.overlay-video .iframe-container>div::before {
    display: none
}

.site-menu-mobile .menu-inner .perfil-submenu {
    margin-top: 10px;
}

.site-menu-mobile .menu-inner .perfil-submenu li {
    padding: .em;
    font-size: .8em;
    display: inline-block;
    margin-right: 1em;
}

.perfil-submenu li a {
    font-weight: normal !important;
    text-transform: uppercase;
}

@media screen and (max-width: 1023px) {
    .menu-logado {
        width: 90%;
        margin: auto;
        padding: 0;
        text-align: center;
        margin-top: 16px;
        margin-bottom: 0;
    }
    .btn-entrar {
        margin-top: 24px;
    }
}

.menu-logado .btn-sair {
    display: block;
    margin: auto;
    text-decoration: underline;
}

@media screen and (min-width: 1024px) {
    .perfil-submenu {
        position: absolute;
        top: 100%;
        right: 0;
        background: #fff;
        color: #0095d9;
        padding: 15px 30px 20px 30px;
        width: 60%;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        opacity: 0;
        visibility: hidden;
        z-index: 2;
        transition: all .3s;
        pointer-events: none;
    }
    .perfil-submenu li {
        display: block;
        position: relative;
        padding: .6em 0;
        font-size: 0.8em;
        text-align: right;
        transform: translateY(20px);
        transition: all .5s;
    }
    .perfil-submenu li:hover {
        color: #80c342;
    }
    .menu-logado:hover .perfil-submenu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    .menu-logado:hover .perfil-submenu li {
        transform: translateY(0);
    }
    .site-header-sec2 .wrapper > div {
        position: relative;
        display: flex;
        flex-flow: row wrap;
    }
    .site-header-sec2 .btn-entrar {
        display: inline-flex !important;
        flex-flow: column wrap;
        align-content: center;
        justify-content: center;
    }
}

.comentario-body {
    font-style: italic;
    display: block;
}

.comentario-data {
    display: block;
    font-size: .8em;
    margin-top: 10px;
    margin-bottom: 10px;
}

.comentario-status {
    font-style: normal;
    margin-top: 1.5em;
    display: block;
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .instrucoes-grid .col {
        margin-bottom: 56px;
    }
}
 
.pdfFile{
        width: 100%;
        border: 5px solid #97ca66;

    }

 


.interna-content table{
    max-width: 800px;
    width: 100%;
    margin: auto auto 6em auto;
    background: #ffffff;
    padding:1em 0;
    border-collapse: collapse;
    border: 1px solid #d6d6d6;
    font-size: 14px;
}
.interna-content table td{
    padding: 1em 2em; 
    border-left: 1px solid #d6d6d6;
}
.interna-content table td:first-child{
    border-left: 0;
    color: #1b9166;
}
.interna-content table th {
    padding: 2em 0;
}
.interna-content table tr:nth-child(odd) th,.interna-content table tr:nth-child(odd) td {
    background: #f5f5f5;
}
.interna-content table td > *,.interna-content table td > * {
     
}
 
.interna-content table li {
    display: block;
}


.interna-content > ol,.interna-content > ul {
    /* max-width: 500px;
    color:#969696;
    font-size:.9em; */
    list-style-position: inside;
    margin: 2em auto ;
    text-align:left;
}
.interna-content > ol li,.interna-content > ul li {
    margin-bottom: .5em;
}
.interna-content > ol li, .interna-content > ul li a {
    color: #1e9c6f;
}
.interna-content > ol li, .interna-content > ul li a:hover {
    color: #0095d9;
    text-decoration: underline;
}

.form .field {
    position: relative;
    margin-bottom: 20px;
}
 
.field label.error {
    position: absolute;
    bottom: -19px;
    left: 15px;
    font-size: 11px;
    opacity: .5;
}
span.wpcf7-not-valid-tip { 
    left: 15px;
    font-size: 11px !important; 
    opacity: .5;
    color: #999 !important;  
    position: relative;
}

input.error {
    border-color: #ff6666;
}
input.valid {
    background: #fff url(../images/check.svg) 96% center no-repeat;
    background-size: 16px;
}


.loader{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index:200000;
    text-align: center;
    display: none;
}
.loader img {
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -32px;
}


input[type="submit"], button {
    border: 0;
}


#recSenha {
    z-index: 112;
    visibility: hidden;
    opacity: 0;
}
.sec-login {
    transition: all .3s;
}

.is-recSenha-open #recSenha{
    visibility: visible;
    opacity: 1;
}
.is-recSenha-open #secLogin{
    visibility: hidden;
    opacity: 0;
}
.callRecSenha {
    cursor: pointer;
}
.callRecSenha:hover {
    color: #0095d9;
}

.lista-resultados {
    background: #fff;
}
.hidden {display: none;}
body.is-interna.result-search {
    background: #fff;
}

.sendComment.form .field{
    width: 100%;    
    margin: 0;
}
.sendComment.form .btn{   
    margin-left: auto;
    margin-right: auto;
}

.not-found {
    text-align: center;
}
.not-found .input-busca {
    max-width: 400px;
    margin: 2em auto;
    color: #999;
}
.not-found .input-busca label {
    font-size: .7em;
    margin-bottom: .5em;
    display: block;
    color: #999;
}
.not-found .input-busca input{
    border-color: #ebebeb;
    color: #999;
}

#searchsubmit {
    display: inline-block;
    cursor: pointer;
    width: 170px;
    max-width: 90%;
    background: #0095d9;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    display: block;
    margin: 10px auto 0 auto;
    padding: 0.7em 0;
    font-size: .8em;  
    color: #fff;
    text-align: center;
    font-weight: 600;
}

@media (min-width:1024px){
    .share-icon--whatsapp {
        display: none !important;
    } 
}

@media (min-width:1024px){
    .home-parallax {
        opacity: 0;
        transform: translateY(70px);
        transition: transform .5s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity .3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }
    .is-visible.home-parallax {
        opacity: 1;
        transform: translateY(0px);
    }  
}


body {
    opacity: 0;
    transition: opacity .4s ease-out;
}
body.is-transitioning {
    opacity: 0; 
}
body.is-ready {
    opacity: 1; 
}

/* Barra */

 
    .bar-inst {
        background-color: #4c4d4f;
        border-bottom: 1px solid #ddd;
        font-family: calibri, sans-serif;
        height: 45px;
    }
    .bar-inst-logo {
        position: absolute;
        left: calc(50% - 51px);
        top: 0;
    }
    .area-esq {
        float: left;
        width: calc(50% - 51px);
        text-align: right;
    }
    .area-dir {
        float: right;
        width: calc(50% - 51px);
    }
    .bar-inst a {
        border-bottom: 3px solid #4c4d4f;
        color: #e6e7e8;
        font-size: 18px;
        line-height: 45px;
        text-decoration: none;
        text-transform: uppercase;
        transition: all .2s;
    }
    .bar-inst a:hover {
        color: #fff;
    }
    .area-esq a {
        margin-right: 70px;
    }
    .area-dir a {
        margin-left: 70px;
    }
    a.area-informar:hover {
        border-color: #80c342;
    }
    a.area-representar:hover {
        border-color: #0095d9;
    }
    a.area-autorregular:hover {
        border-color: #b7ba9f;
    }
    a.area-educar:hover {
        border-color: #fcaf17;
    }
    @media (max-width: 1023px) {
        .area-esq a {
            margin-right: 35px;
        }
        .area-dir a {
            margin-left: 35px;
        }
    }
    @media (max-width: 767px) {
        .area-esq,
        .area-dir {
            display: none;
        }
    }


.interna-content h3:last-child {
    color: #4c4d4f;
    font-weight: 400;
    margin-top: -1em;
    background: #ddd;
    padding: 1em;
    border-radius: 0px 0px 20px 20px;
}.interna-content h3:last-child a {
    transition: color .2s;
}
.interna-content h3:last-child a{
    color: #86bf4d;
}
.interna-content h3:last-child a:hover {
    color: #0095d9;
}
.video-slider-arrow,
.landing-slider-arrow {
    position: absolute;
    top: 0; bottom: 0;
    margin: auto;
    cursor: pointer;
    z-index: 4; 
    height: 40px;
    background: #fff;
}
.landing-slider-arrow {
    position: absolute;
    top: -100px;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    z-index: 4;
    height: 40px;
    width: 50px;
    background-color: transparent !important;
}

.video-slider-wrapper,
.landing-slider-wrapper {
    position: relative;
}
.video-slider-arrowPrev {
    left: 0;
}
.landing-slider-arrowPrev {
    left: 10rem;
}
.video-slider-arrowNext,
.landing-slider-arrowNext {
    right: 0;
}
.video-slider-arrow svg {
    width: 40px;
    fill: #999999;
}
.video-slider-arrow.slick-disabled {
    opacity: .3;
}

@media (min-width:1024px){
    .video-slider-arrowPrev{
        left: -40px;
    }
    .video-slider-arrowNext{
        right: -40px;
    }
    .video-slider-arrow, .landing-slider-arrow {background: transparent;}
    li.post-navNext {right: 0;}
    li.post-navPrev {left: 0;}
    .post-nav li {
        position: fixed;
        top: 0;
        bottom: 0;
        margin: auto; 
        width: 10%;
        max-width: 130px;
        font-size: 12px;
        
        opacity: 0;
        visibility: hidden;
        transition:  all .2s;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center;
    }
    .post-nav li .btn {padding: 13px; margin: 0;}
    .is-halfway .post-nav li{ opacity: 1; visibility: visible;   }
}
.post-nav li .btn {
    max-width: none;
}

#chamada-label {
    width: 75%;
    background: rgba(0, 0, 0, 0.47);
    padding: 1em;
    font-size: 0.9em;
}

#chamada-label:hover{
    background: rgba(0, 0, 0, 0.47);
}

#btn-opnion{
    margin: 0em 1em;
}

p#conteudo-ask {
    color: #4c4d4f;
    font-weight: 400;
    font-size: 1em;
}

p#conteudo-ask span {
    color: #1e9c6f;
}

p#conteudo-ask span:hover {
    color: #0095d9;
    text-decoration: underline;
}
a#pdf-download {
    width: 100%;
    text-align: center;
    display: block;
}


.no-flexbox .mod-indices {
    display: block;
    padding-left: 65px;
}
.no-flexbox .mod-indices .home-sec-title{
    padding-left: 0;
}
.no-flexbox .mod-indices .indice-lista{
    padding-left: 22px;
    padding-right: 20px;
    padding-top: 8px;
}

@media (min-width:1024px){
  .home-slider .slide .wrapper .inner {
    top: 30px;
  } 
}

@media (max-width:767px){
  .sec-entenda .sec-entenda-item .mosaico-icon {
        display: none;
  }
  .post-nav .btn {width: 90%;}
}


.sec-mais {
    margin-bottom: 4em;
}


.bread_crumb {
    width: 100%;
    margin: 5px 0;
    text-align: left;
}

.bread_crumb span, .bread_crumb a {
    font-size: 0.8em;
}

.bread_crumb span {
    color: #6d6d6d;    
}

.bread_crumb a {
    color: #1495d3;
}

.bread_crumb a:hover {
    text-decoration: underline;
}

.bread_crumb {
    width: 100%;
    text-align: left;
    margin-bottom: 1em;
    
}

.bread_crumb a {
    color: #86bf4d;
}

.bread_crumb a:hover {
    color: #0095d9;
    text-decoration: underline;

}
a.btn.btnvermais{
    position: relative;
    top: 2em;
    left: -0.5em;
}

.social a svg {
    height: 20px;
    fill: #fff;
}

.indice-ref {
    font-size: 13px;
    position: absolute;
    right: 20px;
    bottom: 15px;
} 

.landing-page .site-footer {
    margin-top: 0px;
}
.conteudo-blog {
    overflow: auto;
    background-image: url('../images/bg-blog-2-2.png');
    height: 740px;
    background-repeat: no-repeat;
    background-color: #ffb000;
    background-position-x: 21rem;
    background-size: 25rem;
    background-position-y: 0rem;
}
.conteudo-blog .wrapper {
    overflow: hidden;
    width: 65rem;
}
.conteudo-blog .col-md-12 {
    padding-top: 12rem;
}
.conteudo-blog .col-md-6 {
    float: left;
    width: 50%;
}
.conteudo-blog h2 {
    font-size: 30px;
    font-weight: 800;
}
.conteudo-blog h4 {
    width: 45%;
    line-height: 21px;
    font-weight: 600;
    margin-top: 10px;
}
.conteudo-blog .imagem-destaque {
    float: left;
    width: 50%;
    margin-top: -6rem;
    padding-right: 15px;
}
.conteudo-blog .destaque{
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    box-shadow: inset 0em -7em 2em #000000b5;
}
.postagens-blog {
    margin-top: 5%;
}
.postagens-blog .col-md-4 {
    float: left;
    width: 32%;
    margin-right: 1.3%;
    height: 230px;
}
.postagens-blog .col-md-4 h2 {
    font-size: 16px;
    color: #FFF;
    padding-top: 10rem;
    padding-left: 10px;
    transition: all .3s linear;
    padding-right: 10px;
}
.conteudo-blog .imagem-destaque a:hover h2 {
    transition: all .3s linear;
    padding-top: 170px;
}
.postagens-blog .col-md-4 a:hover h2 {
    padding-top: 8rem;
}
.conteudo-blog .titulo a {
    float: left;
    background-color: #4e4e50;
    margin-top: 15px;
    padding: 10px 30px;
    border-radius: 30px;
    transition: all .3s linear;
    border: 1px solid #4e4e50;
    color: #FFF;
}
.conteudo-blog .titulo a:hover {
    background-color: #faae17;
    color: #4e4e50;
}
.conteudo-blog .destaque h2 {
    color: #FFF;
    padding-top: 208px;
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 45px;
}

.videos-block {
    overflow: auto;
    width: 100%;
    height: 34rem;
}
.videos-block h2 {
    float: left;
    margin-top: 70px;
    margin-right: 15rem;
    width: 61%;
    font-weight: 800;
    font-size: 30px;
    text-align: center;
}
.videos-block h3 {
    float: left;
    margin-top: 0.5rem;
    color: #FFF;
    width: 44%;
    font-size: 25px;
    margin-right: 0rem;
    text-align: center;
}
.secao-lateral {
    position: fixed;
    left: 3rem;
    top: 10rem;
}
.secao-lateral ul {
    list-style-type: none;
}
.secao-lateral ul li {
    margin-bottom: 20px;
}
.secao-lateral ul li strong {
    font-size: 40px
}
.secao-lateral ul li span {
    padding: 5px 9px;
    color: #FFF;
}
.videos-block .col-md-6 {
    float: left;
    width: 45%;
}
.conteudo-especiais {
    background-image: url('../images/bg-podcast.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: auto;
    min-height: 720px;
}
.col-video {
    overflow: auto;
    padding-left: 16%;
    margin-top: 11rem;
    width: 75%;
    position: relative;
}
.col-video p {
    color: #FFF;
    padding: 0px 30px;
    line-height: 20px;
    font-size: 15px;
}
.podcasts {
    padding-left: 41rem;
    float: right;
}
.podcasts .col-md-4 {
    float: left;
    width: 33%;
}
.podcasts .col-md-6 {
    float: left;
    width: 48%;
    margin-right: 2%;
}
.podcasts .col-md-6 h2 {
    font-size: 16px;
    margin-bottom: 3px;
}
.podcasts .col-md-6 h4 {
    font-size: 13px;
    font-weight: 600;
}
.manifesto {
    overflow: auto;
    background-image: url(../images/background.png);
    background-position: center;
    background-repeat: repeat;
    background-color: #fdfcf9;
    background-size: initial;
    padding-bottom: 40px;
}
.campanha {
    overflow: inherit;
    background-image: url('../images/bg-campanha.png');
    background-size: contain !important;
    background-repeat: repeat;
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
}
.campanha .grafismo2 {
    position: absolute;
    left: 8rem;
    top: 2rem;
}
.campanha .wrapper {
    width: 65rem;
    overflow: initial;
    height: 520px;
}
.campanha .imagem-fundo {
    height: 100%;
    padding-top: 0px !important;
    position: relative;
}
.campanha .imagem-fundo .grafismo {
    width: 160%;
    max-width: initial;
    margin-top: -1px;
    height: 100%;
}
.campanha .vaifundo-img {
    position: absolute;
    top: 8rem;
    left: 12rem;
    width: 75%;
}
.campanha .col-md-6 {
    float: left;
    width: 50%;
    padding-top: 10%;
}
.campanha .col-md-6 h4 {
    text-align: right;
    font-size: 19px;
    padding-left: 18rem;
}
.campanha .col-md-6 p {
    text-align: right;
    margin-top: 25px;
    padding-left: 11rem;
}
.barra {
    background-image: url('../images/barra.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 35px;
    overflow: auto;
}
.barra .col-md-4 {
    float: left;
    width: 20%;
    padding-top: 0%;
    padding-bottom: 0.4%;
    text-align: center;
}
.barra .col-md-4 p {
    color: #FFF;
    font-weight: bold;
    font-size: 22px;
    font-family: "Dobra";
}
.barra .col-md-4 p strong {
    margin-right: 20px;
}
.barra .col-md-4 p span {
    color: #FAE20A;
}
.landing-page .slide {
    height: 35rem !important;
}

.landing-page .home-slider .slider {
    box-shadow: inset -17em 2em 5em #00000059;
}

.landing-page .landing-slider-wrapper .slide {
    height: 300px !important;
}

.landing-page .site-menu .wrapper {
    align-items: flex-start;
}

.img-vai-fundo {
    padding-top: 1rem;
    margin-left: 0rem;
}
.landing-page .home-slide-title {
    font-size: 45px;
    text-align: right;
    width: 100%;
    padding-right: 10rem;
    padding-left: 40%;
    padding-top: 3%;
    float: right;
}
.link-slider-vai-fundo {
    float: right;
    margin-right: 10rem;
    margin-top: 1rem;
    background-color: #000000db;
    color: #FFF;
    padding: 15px 30px;
}
.landing-page .menu-item span {
    padding: 0 43px;
    cursor: pointer;
    font-size: 17px;
}

.is-scrolled.landing-page .menu-item span {
    color: #444;
}

.home-slider .slide .wrapper::before {
    display: none !important;
}

.img-vai-fundo-mobile {
    display: none;
}

.landing-slider-arrowNext {
    right: 4rem;
}

.landing-page .menu-item-type-custom {
    padding-top: 40px;
}

.landing-page.is-scrolled .menu-item-type-custom {
    margin-top: 0px;
}

.barra-verde {
    background-color: #81bc47;
    border: none;
    text-align: center;
}

.landing-slider-wrapper .item {
    cursor: pointer;
}

.conteudo-nao-disponivel {
    margin-left: -335%;
    color: #FFF;
    padding-top: 25px;
}

@media (min-width: 2450px) {
    .conteudo-blog {
        background-position-x: 54rem !important;
    }
    .conteudo-especiais {
        background-position: 0rem -10rem;
    }
}

@media (min-width: 1700px) {
    .conteudo-blog {
        background-position-x: 33rem;
    }
    .podcasts {
        padding-left: 29rem;
    }
    .barra .wrapper {
        width: 75rem !important;
    }
}

@media only screen and (min-width: 1300px) and (max-width: 1600px)  {
    .conteudo-especiais {
        background-size: 125%;
        height: 640px;
        min-height: inherit;
    }
    .conteudo-nao-disponivel {
        margin-left: -250%;
    }
    .podcasts {
        padding-left: 35%;
    }
    .campanha .grafismo2 {
        left: 1rem;
        width: 420px;
    }
    .img-vai-fundo {
        width: 140px;
    }
    .barra .wrapper {
        width: 55rem !important;
    }
    .landing-page .home-slide-title {
        padding-right: 0rem;
        padding-left: 5%;
    }
    .landing-page .menu-item span {
        padding: 0 30px;
    }
    .videos-block {
        height: 30rem;
        overflow: inherit;
    }
    .videos-block h2 {
        width: 70%;
        padding-left: 40px;
        margin-top: 10px;
        padding-right: 0px;
        margin-right: 9rem;
        text-align: left;
        margin-bottom: 40px;
        overflow: inherit;
    }
    .videos-block h3 {
        margin-top: -2rem;
        text-align: left;
        padding-left: 40px;
        margin-bottom: 20px;
    }
    .link-slider-vai-fundo {
        margin-right: 0rem;
    }
}

@media only screen and (min-width: 1099px) and (max-width: 1300px)  {
    .barra .wrapper {
        width: 55rem !important;
    }
    .img-vai-fundo {
        width: 100px;
    }
    .landing-page .menu-item span {
        padding: 0px 25px;
        font-size: 14px;
    }
    .campanha .grafismo2 {
        position: absolute;
        left: 0rem;
        top: 2rem;
        width: 30%;
    }
    .conteudo-blog {
        background-position-x: 7rem;
    }
    .podcasts {
        padding-left: 19rem;
    }
}

@media only screen and (min-width: 1020px) and (max-width: 1099px)  {
    .logo-header {
        width: 300px;
    }
    .img-vai-fundo {
        width: 100px;
    }
    .campanha .wrapper,
    #manifesto .wrapper,
    .conteudo-blog .wrapper {
        width: 90% !important;
    }
    .campanha .wrapper {
        height: 480px;
    }
    .conteudo-blog {
        background-position-x: 8rem;
    }
    .podcasts {
        padding-left: 15rem;
    }
    .campanha .col-md-6 {
        padding-top: 6%;
    }
    .campanha .col-md-6 h4 {
        padding-left: 14rem;
    }
    .campanha .grafismo2 {
        left: 0rem;
        width: 20rem;
    }
    .barra .wrapper {
        width: 77% !important;
    }
    .landing-slider-arrowPrev {
        left: 5rem;
    }
    .landing-page .menu-item span {
        padding: 0 10px;
    }   
    .landing-page .site-menu .wrapper {
        background-size: 31rem 5px;
    } 
    .landing-page .home-slide-title {
        padding-right: 0rem;
        padding-left: 5%;
    }
    .link-slider-vai-fundo {
        margin-right: 0rem;
    }
    .secao-lateral {
        left: 1rem;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1300px)  {
    .podcasts {
        padding-left: 40% !important;
        padding-top: 1%;
    }
    .videos-block {
        height: 21.3rem !important;
        overflow: inherit;
    }
    .videos-block h3 {
        margin-right: -9rem;
    }
    .conteudo-especiais {
        background-size: 105% !important;
        height: 470px !important;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1300px)  {
    .conteudo-especiais {
        background-size: 130%;
        height: 500px;
        min-height: inherit;
    }
    .conteudo-nao-disponivel {
        margin-left: -190%;
        padding-top: 25px;
    }
    .videos-block {
        height: 24rem;
        overflow: inherit;
    }
    .videos-block h2 {
        width: 70%;
        padding-left: 40px;
        margin-top: 10px;
        padding-right: 0px;
        margin-right: 9rem;
        text-align: left;
        margin-bottom: 40px;
        overflow: inherit;
    }
    .videos-block h3 {
        margin-top: -2rem;
        text-align: left;
        padding-left: 40px;
        margin-bottom: 20px;
    }
    .col-video {
        width: 70%;
        margin-top: 0rem;
        padding-left: 0rem;
        height: 200px;
        overflow: hidden;
    }
    .podcasts {
        padding-left: 21rem;
    }
    .podcasts .col-md-6 h2 {
        font-size: 15px;
        line-height: 15px;
    }
    .podcasts .col-md-6 h4 {
        font-size: 12px;
    }
    .podcasts .col-md-6 a img {
        width: 30px !important;
    }
    .landing-slider-arrowPrev {
        left: -1rem;
    }
}

@media only screen and (min-width: 900px) and (max-width: 1100px)  {
    .conteudo-especiais {
        background-size: 130%;
        height: 500px;
        min-height: inherit;
    }
    .conteudo-nao-disponivel {
        margin-left: -120%;
        padding-top: 30px;
    }
    .videos-block {
        height: 23rem;
        overflow: inherit;
    }
    .videos-block h2 {
        width: 70%;
        padding-left: 40px;
        margin-top: 10px;
        padding-right: 0px;
        margin-right: 9rem;
        text-align: left;
        margin-bottom: 40px;
        overflow: inherit;
    }
    .videos-block h3 {
        margin-top: -2rem;
        text-align: left;
        padding-left: 40px;
        margin-bottom: 20px;
    }
    .col-video {
        width: 90%;
        margin-top: 0rem;
        padding-left: 0rem;
        height: 200px;
        overflow: hidden;
    }
    .podcasts {
        padding-left: 20rem;
    }
    .podcasts .col-md-6 h2 {
        font-size: 15px;
        line-height: 15px;
    }
    .podcasts .col-md-6 h4 {
        font-size: 12px;
    }
    .podcasts .col-md-6 a img {
        width: 30px !important;
    }
    .landing-slider-arrowPrev {
        left: -1rem;
    }
}

@media only screen and (min-width: 800px) and (max-width: 900px)  {
    .conteudo-especiais {
        background-size: 132%;
        height: 400px;
        min-height: inherit;
    }
    .videos-block {
        height: 300px;    
        overflow: inherit;
    }
    .videos-block h2 {
        width: 70%;
        padding-left: 40px;
        margin-top: 10px;
        padding-right: 0px;
        margin-right: 9rem;
        text-align: left;
        margin-bottom: 40px;
        overflow: inherit;
    }
    .videos-block h3 {
        margin-top: -2rem;
        text-align: left;
        padding-left: 40px;
        margin-bottom: 20px; 
    }
    .col-video {
        width: 90%;
        margin-top: 0rem;
        padding-left: 0rem;
        height: 200px;
        overflow: hidden;
    }
    .podcasts {
        padding-left: 34% !important;
    }
    .podcasts .col-md-6 h2 {
        font-size: 17px;
    }
    .podcasts .col-md-6 h4 {
        font-size: 12px;
    }
    .podcasts .col-md-6 a img {
        width: 20px !important;
    }
    .landing-slider-arrowPrev {
        left: -1rem;
    }
    .col-video p {
        color: #FFF;
        padding: 0px 30px;
        line-height: 15px;
        font-size: 12px;
    }
}

@media only screen and (min-width: 800px) and (max-width: 1019px)  {
    .campanha .wrapper,
    #manifesto .wrapper,
    .conteudo-blog .wrapper {
        width: 90% !important;
    }
    .podcasts .col-md-6 h2 {
        font-size: 14px;
    }
    .podcasts .col-md-6 h4 {
        font-size: 12px;
    }
    .logo-header {
        width: 300px;
    }
    .campanha .vaifundo-img {
        left: 9rem;
    }
    .campanha .col-md-6 h4 {
        font-size: 15px;
        padding-left: 12rem;
    }
    .campanha .col-md-6 p {
        padding-left: 9rem;
        font-size: 14px;
    }
    .img-vai-fundo {
        width: 100px;
    }
    .barra .wrapper {
        width: 50rem !important;
    }
    .podcasts {
        padding-left: 32%;
    }
    .landing-page .menu-item span {
        padding: 0 15px;
    }
    .landing-page .site-menu .wrapper {
        background-size: 31rem 5px;
    }
    .landing-page .home-slide-title {
        padding-left: 10%;
        padding-right: 0rem;
    }
    .campanha .wrapper {
        height: 450px;
        width: 90%;
    }
    .campanha .grafismo2 {
        display: none;
    }
    .campanha .col-md-6 {
        padding-top: 4%;  
    }
    .link-slider-vai-fundo {
        margin-right: 0rem;
    }
}

@media (max-width: 768px) {
    .landing-page .menu-inner {
        top: 4rem;
    }
    .manifesto {
        height: 200px;
        margin-bottom: 20px;
    }
    .manifesto iframe {
        height: 200px;
    }
    .campanha .grafismo2 {
        display: none;
    }
    .campanha .imagem-fundo {
        display: none;
    }
    .landing-slider-arrowPrev {
        left: -1rem;
    }
    .landing-slider-arrowNext {
        right: -1rem;
    }
    .landing-page .landing-slider-wrapper .slide {
        height: 350px !important;
    }
    .img-vai-fundo-mobile {
        display: inherit;
        position: absolute;
        z-index: 1;
        width: 100px;
        margin-top: 10px;
        margin-left: 10px;
    }
    .secao-lateral {
        display: none !important;
    }
    .landing-page .slide {
        height: 200px !important;
    }
    .landing-page .home-slide-title {
        font-size: 17px;
        width: 100%;
        padding-right: inherit;
        padding-left: inherit;
        padding-top: 15%;
    }
    .link-slider-vai-fundo {
        margin-right: 0rem;
        font-size: 13px;
        padding: 10px 20px;
        margin-top: 10px;
    }
    .barra .col-md-4 {
        width: 100%;
        padding-bottom: 0%;
        padding-top: 0%;
    }
    .campanha .wrapper {
        height: inherit;
        margin-bottom: 2rem;
        background-color: #FFF;
    }
    .campanha .col-md-6 {
        float: left;
        width: 100%;
        padding-top: 0%;
    }
    .campanha .col-md-6 h4 {
        text-align: left;
        font-size: 19px;
        padding-left: 0rem;
        line-height: 25px;
    }
    .campanha .col-md-6 p {
        text-align: left;
        margin-top: 25px;
        padding-left: 0rem;
        padding-right: 0rem;
    }
    .wrapper {
        width: 90% !important;
    }
    .conteudo-blog .col-md-6 {
        width: 100%;
        margin-top: 0rem;
        margin-bottom: 15px;
        padding-right: 0px;
    }
    .conteudo-blog .titulo a {
        margin-top: -25px;
        font-size: 13px;
    }
    .conteudo-blog .col-md-12 {
        padding-top: 2rem;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%;
    }
    .conteudo-blog h4 {
        width: 100%;
        margin-bottom: 0rem;
    }
    .postagens-blog .col-md-4 {
        width: 100%;
        margin-top: 1rem;
    }
    .conteudo-blog {
        height: inherit;
        padding-bottom: 2rem;
        background-size: 0rem;
    }
    .videos-block h2 {
        margin-top: 15px;
        margin-right: 0rem;
        text-align: center;
        float: left;
        width: 100%;
        padding-left: 10px;
    }
    .videos-block h3 {
        margin-right: 0rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
        float: left;
        width: 100%;
        padding-left: 10px;
    }
    .col-video {
        width: 100%;
        margin-top: 7rem;
        padding-left: 4%;
        overflow: inherit;
    }
    .videos-block .col-md-6 {
        width: 95%;
    }
    .col-video p {
        padding: 0px 0px;
        margin-top: 10px;
    }
    .landing-page .home-slide-title {
        text-align: center;
    }
    .link-slider-vai-fundo {
        display: inline-block;
        float: none;
    }
    .videos-block {
        overflow: hidden;
        height: 44rem;
    }
    .podcasts {
        padding-left: 0rem;
        margin-top: -2rem;
    }
    .podcasts .col-md-4 {
        float: left;
        width: 100%;
        margin-bottom: 1rem;
        margin-left: 1rem;
    }
    .conteudo-especiais {
        background-color: #0093d9;
        background-position: -14rem 4rem;
        background-size: 100rem;
    }
    .conteudo-nao-disponivel {
        margin-left: -40%;
        color: #FFF;
        padding-top: 0px;
    }
    .podcasts .col-md-6 h2,
    .podcasts .col-md-6 h4 {
        color: #FFF;
        margin-bottom: 10px;
    }
    .conteudo-blog .destaque {
        height: 200px;
    }
    .conteudo-blog .destaque h2 {
        font-size: 16px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 110px;
    }
    .campanha {
        overflow: hidden;
        padding: 4%;
    }
    .home-slider .home-slider-nav {
        bottom: 5px;
    }
}

/* Ajuste bg noticias vaifundo */
/* body.tax-categoria-noticia.term-vai-fundo {
    background: #fbfbfb url('/wp-content/themes/anbima_comoinvestir/images/vaifundo-noticias-bg.png') no-repeat center 0;
}
body.tax-categoria-noticia.term-vai-fundo .page-header-title {
    color: #000;
    text-transform: none;
    display: inline-block;
    -webkit-background-clip: inherit;
    background: #fbfbfb url(/wp-content/themes/anbima_comoinvestir/images/vaifundo-noticias-logo.png) no-repeat center 0;
    -webkit-text-fill-color: inherit;
    width: 220px;
    height: 117px;
    padding: 0;
    margin: 0 0 32px;
    background-size: 220px 117px;
    text-indent: -999px;
    overflow: hidden;
} */