@import url('fonts.css');
body {
  font: 11pt/24px 'Roboto', Arial, Helvetica, sans-serif;
  color: #474747;
  letter-spacing: 0.02em;
  background: #444;
  margin: 0;
  min-width: 320px;
}
a {
  text-decoration: none;
  color: #00aeef;
}
a:hover {
  text-decoration: underline;
}
img {
  border: none;
}
form,
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
input,
select,
textarea {
  font: 12px/15px Arial, Helvetica, sans-serif;
  vertical-align: middle;
}
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: none;
  cursor: pointer;
}
blockquote,
q {
  quotes: none;
}
q:before,
q:after {
  content: '';
}
a:focus,
input:focus,
textarea:focus,
select:focus {
  outline: none;
}
header,
footer,
section,
nav,
article,
aside {
  display: block;
}
ol,
ul,
p {
  margin: 0 0 22px;
}
h1 {
  font-size: 30px;
  line-height: 33px;
  margin: 0 0 20px;
}
h2 {
  font-size: 16pt;
  line-height: 30px;
  margin: 0 0 20px;
  text-transform: uppercase;
}
h3 {
  font-size: 11pt;
  line-height: 27px;
  margin: 0 0 20px;
  color: #003767;
}
h4 {
  font-size: 21px;
  line-height: 24px;
  margin: 0 0 20px;
}
h5 {
  font-size: 18px;
  line-height: 21px;
  margin: 0 0 20px;
}
h6 {
  font-size: 16px;
  line-height: 19px;
  margin: 0 0 20px;
}
h3.titulo {
  font-size: 18pt;
  line-height: 32px;
}
.clear {
  clear: both;
}
.left {
  float: left;
}
.right {
  float: right;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.dark {
  color: #ffffff !important;
}
hr.divisor {
  background-color: #bdab70;
  height: 5px;
  border: 0px;
  margin: 20px 0;
}
.container {
  margin: 0 auto;
  padding: 0 10px;
  max-width: 934px;
}
.container:after {
  clear: both;
  content: '';
  display: block;
}
.tabela {
  margin-bottom: 20px;
  overflow: auto;
}
.tabela table {
  width: 100%;
}
.tabela thead {
  background-color: #053c5b;
  color: #ffffff;
}
.tabela thead th {
  padding: 5px 10px;
  font-size: 16px;
  text-transform: uppercase;
  text-align: left;
}
.tabela tbody tr:nth-child(even) {
  background: #e6e9f5;
}
.tabela tbody tr:nth-child(odd) {
  background: #cdd4e9;
}
.tabela tbody tr td:nth-child(even) {
  text-align: right;
}

.tabela tbody tr td {
  color: #003865;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 10px;
  text-align: left;
}
/* header */
#header {
  /*position:fixed;*/
  top: 0;
  left: 0;
  right: 0;
  z-index: 80;
  background: rgba(255, 255, 255, 0.9);
  padding: 38px 0 30px;
  border-bottom: 2px solid #8f99a8;
}
#header .logo {
  float: left;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../img/logo.png) no-repeat;
  width: 298px;
  height: 62px;
  margin: 0 10px 0 0;
}
#header .logo a {
  display: block;
  height: 100%;
}
#header .link {
  float: right;
  border: 1px solid #2f466f;
  border-width: 1px 0 0 1px;
  text-transform: uppercase;
  padding: 6px 0 1px 11px;
  font-size: 12px;
  line-height: 15px;
  position: relative;
  top: 23px;
  color: #003966;
}
/* main-nav */
.main-nav {
  position: absolute;
  z-index: 50;
  left: 0;
  right: 0;
  top: 132px;
  border-bottom: 2px solid #272425;
  background: #fff;
  padding: 0 0 3px;
  font-size: 0;
  line-height: 0;
  letter-spacing: -6px;
  text-transform: uppercase;
}
.main-nav:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  height: 1px;
  background: #a1c4e9;
}
.main-nav > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.main-nav > ul > li {
  display: inline-block;
  vertical-align: top;
  width: 12.5%;
}
.main-nav a {
  display: block;
  letter-spacing: 0;
  font-size: 12px;
  line-height: 20px;
  color: #233954;
}
.main-nav > ul > li > a {
  display: table;
  width: 100%;
  height: 160px;
  cursor: pointer;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.main-nav > ul > li > a > span {
  display: table-cell;
  vertical-align: middle;
  padding: 0px 10px;
}
.main-nav > ul > li.active > a,
.main-nav > ul > li:hover > a {
  text-decoration: none;
  color: #fff;
  background-color: #233954;
}
.main-nav .btn-menu {
  display: none;
}
/* visual */
.visual {
  position: relative;
  height: 629px;
  background: #FFF;
  overflow: hidden;
  color: #213a66;
  font: 18px/21px 'Roboto';
}
.visual .descr {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #8d99aa;
  border-width: 2px 0;
  background: rgba(255, 255, 255, 0.9);
  padding: 33px 0 27px;
}
.visual h1 {
  font: 30px/32px 'Roboto';
  margin: 0 0 8px;
  text-transform: uppercase;
}
.visual p {
  margin: 0;
}
.main .container .content.colunas {
  -moz-column-count: 2;
  -moz-column-gap: 35px;
  -moz-column-rule: none;
  -webkit-column-count: 2;
  -webkit-column-gap: 15px;
  -webkit-column-rule: no;
}
#editorial .main {
  padding: 39px 0 10px;
}

#editorial .main .container .content p {
  font-size: 15px;
  letter-spacing: 0.04em;
}
#editorial .main .container .content p.odd {
  margin-bottom: 5px;
}

#editorial .main .container .content.novas-colunas .txt-left {
  float: left;
  width: 48%;
  padding: 0 0 0 10px;
}
#editorial .main .container .content.novas-colunas .txt-left:first-child {
  float: left;
  width: 49%;
  padding: 0 15px 0 0;
}
#editorial .main .container .content.novas-colunas p.odd {
  text-align: end;
}
#editorial .main .container .content.novas-colunas div .odd {
  margin-top: 55px;
}

#editorial .main .box-medias {
  width: 100%;
  background: #003366;
}

#editorial .main .box-columns {
  max-width: 1000px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, auto));
  align-items: center;
  padding: 24px 0;
}
#editorial .main .box-columns .column {
  color: #fff;
}
#editorial .main .box-columns .media-link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  color: #fff;
}
#editorial .main .box-columns .media-link img {
  width: 25px;
  height: 25px;
  margin: 0 6px 0 0;
}

#editorial .main .box-columns .get-in-store {
  width: 100%;
  display: flex;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
#editorial .main .container .content.novas-colunas .txt-left .author {
  text-align: end;
}
.content.novas-colunas .txt-left .author span {
  display: block;
}
.content.novas-colunas .txt-left .author .text-bold {
  font-weight: bold;
}

.content.novas-colunas .txt-left .author .text-italic {
  font-style: italic;
}

.main .container .content p .exclude {
  visibility: hidden;
}

.visual-off.visual-oneline {
  /*height:396px;*/
  height: 264px;
}
.visual-off.visual-oneline .second {
  /*height:396px;*/
  height: 105px;
}
.visual-off.visual-oneline.second {
  height: 105px;
}
.visual-off.visual-twolines {
  /*height:425px;*/
  height: 293px;
}
.container .tag {
  float: left;
  padding-right: 20px;
}

/* main */
.main {
  padding: 39px 0 80px;
}
.main .entity {
  padding: 0 0 34px;
  overflow: hidden;
}
.main .entity.offset-left {
  padding-left: 395px;
}
.main .entity.offset-right {
  padding-right: 360px;
}
.main .entity.offset-left img {
  float: left;
  width: 367px;
  margin: 0 23px 0 -396px;
}
.main .entity.offset-right img {
  float: right;
  width: 337px;
  margin: 0 -360px 0 23px;
}
.main .entity.offset-left .content {
  float: right;
  width: 100%;
}
.main .entity.offset-right .content {
  float: left;
  width: 100%;
}
.main .entity.left,
.main .entity.right {
  width: 48%;
}
.main .entity .hidden {
  display: none;
}
.main .entity .block {
  display: block;
}
.main .entity p.odd {
  text-align: right;
}
.main section {
  margin: 40px 0px;
}
#futuro .main section {
  margin: 10px 0px;
}
.main section .img,
.main section img {
  margin: 0px auto;
  text-align: center;
}
.main section .img img:nth-child(2) {
  width: 500px;
}
.main .full-width {
  width: 100%;
  display: block;
  margin: 0 0 41px;
}
.main p {
  text-align: justify;
}
.main .article-title {
  font-family: 'Roboto';
  color: #003768;
}
.main .container h2 {
  color: #003c66;
  font-size: 28pt;
  text-transform: none;
  border: none;
  line-height: 38px;
}
.main .container h4 {
  color: #003c66;
  font-size: 18px;
}
.main .two-cols {
  width: 45%;
}
.main .two-cols header {
  height: 105px;
}
.main .one-col h3,
.main .two-cols h3 {
  color: #003768;
  font-size: 15px;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 10px;
}
.main .two-cols .clear .left {
  margin: 10px;
}
.main .two-cols .clear .fonte {
  color: #7a7a7a;
  font-size: 11px;
}
.main .two-cols .clear .fonte span {
  color: #003768;
  font-size: 12px;
}
.main .one-col .box-footer,
.main .two-cols .box-footer {
  background-color: #005496;
  color: #ffffff;
  font-weight: bold;
  text-align: right;
  padding: 0px 8px;
  margin-top: 10px;
}
.main .one-col {
  margin: 40px 0px;
}
.main .one-col table tr td {
  text-align: right;
}
.main .one-col table .num {
  color: #003768;
  float: left;
  margin: 5px 0;
  padding: 2px 8px 0;
}
.main .solid-box {
  background-color: #e7e7e8;
  padding: 20px;
}
.main .container .box-destaque {
  background-color: #dae6f1;
  margin-top: 25px;
  padding: 20px 25px;
}
.main .container .box-destaque-gold {
  background-color: #bdab6f;
  color: #ffffff;
}
.main .container .box-destaque h3 {
  background-color: #003c66;
  margin-bottom: 0;
  padding: 5px 30px;
  color: #ffffff;
  font-size: 22px;
  font-weight: normal;
  line-height: 30px;
  text-align: center;
}
.main .container .box-destaque div {
  padding: 20px;
}
.main .container .box-destaque div.clear {
  padding: 0px;
}
.main .container .box-destaque p {
  font-size: 15px;
  margin: 0;
}

.box-atencao {
  background-color: #f5822f;
  border-radius: 20px;
  padding: 25px;
  color: #ffffff;
}
.box-atencao img {
  padding-right: 15px;
}
.box-atencao .titulo {
  font-size: 16pt;
  font-weight: 600;
  margin-bottom: 10px;
}
.box-atencao p:last-child {
  margin-bottom: 0px;
  font-size: 16px;
}
.main .container .left,
.main .container .right {
  width: 48%;
}
.canais .content {
  max-width: 934px;
  margin: 0 auto;
}
.canais img {
  width: 100%;
}
.canais .left {
  text-align: center;
  width: 50%;
  margin: 20px 0px;
}
.canais .left strong {
  color: #325290;
}
.expediente {
  background-color: #d1d2d4;
  padding: 20px 40px;
  color: #000000;
}
.expediente img {
  width: 90px;
  margin-top: 25px;
}

.page-tit h2.titulo {
  margin-bottom: 2px;
}
.page-tit h3.subtitulo {
  font-size: 21pt;
  font-weight: 300;
  line-height: 30pt;
}
.page-tit h3 span {
  font-style: italic;
}
.page-tit.second {
  padding-top: 20px;
}

.main .map cite {
  font-size: 9pt;
}

.main .map {
  background-color: #e1e1e3;
  padding: 25px 20px;
  font-size: 0;
  letter-spacing: 0;
}

.main .map .column-map {
  display: inline-block;
  width: 50%;
  font-size: 11pt;
  letter-spacing: 0.02em;
}

.main .map .sub-title-map {
  color: #003c66;
}
.map .list li {
  position: relative;
  padding: 5px 0;
  list-style: none;
}

.map .list li:nth-child(even)::before {
  background-image: url('../img/clip.png');
  width: 35px;
  height: 40px;
  margin-right: 3px;
}

.map .list li:nth-child(odd)::before {
  background-image: url('../img/square.png');
  width: 30px;
  height: 25px;
  margin-right: 5px;
  margin-top: 12px;
}

.map .list li::before {
  content: '';
  position: absolute;
  display: block;
  right: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

#capa .main .container .content.novas-colunas .txt-left:first-child {
  padding: 0;
}
#capa .main.capa2 .container .content.novas-colunas .txt-left:first-child {
  padding: 0;
}

#capa .main .container .content.novas-colunas .txt-left:last-child p {
  margin-bottom: 22px;
}

#capa .main .container .content.novas-colunas .txt-left,
#capa .main.capa2 .container .content.novas-colunas .txt-left {
  float: left;
  width: 48%;
  padding: 0 0 0 30px;
}
#capa .main.capa {
  padding-bottom: 0;
}

#capa .main .capaIndex h4 {
  text-align: center;
}
#capa .main .txt-left .txt-strongly {
  display: block;
  margin: 28px 0;
}

#capa .main.capa2 .content.novas-colunas .txt-left p:first-child {
  margin-bottom: 22px;
}

#capa .main.capa2,
#capa .main.capa2 .entity {
  padding: 0;
}

#capa .main .container .content.novas-colunas .txt-left.extend:first-child {
  width: 60%;
}
#capa .main .container .content.novas-colunas .txt-left.extend {
  width: 35%;
}

#capa .main .container .content.novas-colunas .txt-left.extend p:last-child {
  margin: 0;
}

#capa .main .container .content.novas-colunas .txt-left.extend .expansive-div {
  display: block;
  margin-top: 75%;
}

#capa .main.capa2 .capa-blue-box {
  background-color: #003768;
  padding: 32px;
  margin-bottom: 32px;
}
#capa .main.capa2 .capa-blue-box .box-blue-title {
  display: block;
  position: relative;
  text-align: center;
}
#capa .main.capa2 .capa-blue-box h4 {
  display: inline-block;
  font-size: 20px;
  color: #bdaa6f;
  text-align: center;
  background-color: #003768;
  padding: 0 16px;
  position: relative;
}

#capa .main.capa2 .capa-blue-box .box-blue-title::before {
  content: '';
  display: block;
  position: absolute;
  top: 12px;
  height: 1px;
  width: 100%;
  background-color: #bdaa6f;
}

#capa .main.capa2 .capa-blue-box ul {
  list-style: inside;
  display: block;
  padding: 0;
  margin: 0;
}
#capa .main.capa2 .capa-blue-box ul li {
  color: #fff;
}

#capa .main.capa2 .perfis-educacao-financeiras {
  clear: both;
  display: block;
}

#capa .main.capa2 .perfis-educacao-financeiras .perfil-title {
  color: #003767;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

#capa .main.capa2 .perfis-educacao-financeiras img {
  width: 100%;
  max-width: 650px;
  margin-bottom: 24px;
}

#capa .main.capa2 .perfis-educacao-financeiras .columns {
  display: flex;
  justify-content: space-between;
}

#capa .main.capa2 .perfis-educacao-financeiras .columns .column {
  width: 30.5%;
}

#capa .main.capa2 .perfis-educacao-financeiras .strongly-bottom {
  max-width: 700px;
  margin: 0 auto 32px;
  font-size: 18px;
  text-align: center;
  padding: 0 32px;
  color: #003767;
  font-weight: bold;
}

#capa .main .cite-color {
  color: #003c66;
  font-weight: 500;
}

#capa .main .container .strongly-title {
  margin-bottom: 48px;
}
#capa .main .container .strongly-title > h6 {
  margin: 0;
  color: #213a65;
  text-transform: uppercase;
}

#capa .main.capa3 .box-trajectory {
  display: block;
  margin-bottom: 32px;
}

#capa .main.capa3 .box-trajectory .columns {
  display: flex;
  align-items: center;
}

#capa .main.capa3 .box-trajectory .columns .column:first-child {
  width: 15%;
}
#capa .main.capa3 .box-trajectory .columns .column:last-child {
  width: 85%;
}
.box-trajectory .rows ~ .rows {
  margin-top: 24px;
}
.box-trajectory .columns .column .layer img {
  max-width: 110px;
  margin: 0;
  position: relative;
  z-index: 2;
}
.box-trajectory .columns .column .layer {
  display: block;
  position: relative;
}
.box-trajectory .columns .column .layer::after {
  content: '';
  display: block;
  position: absolute;
  left: 55px;
  bottom: -70px;
  border-width: 2px;
  border-style: dashed;
  border-color: #a6a7a7;
  height: 70px;
}
.box-trajectory .columns .column .layer.ly-10-years::after {
  content: none;
}
.box-trajectory .columns .column .layer.ly-10-years::before {
  content: '';
  display: block;
  position: absolute;
  bottom: -100px;
  left: 50px;
  width: 180px;
  height: 100px;
  background: transparent;
  border-radius: 0 0 0 50px;
  border-left: 4px dashed #a6a7a7;
  border-bottom: 4px dashed #a6a7a7;
}

.box-trajectory .columns .column .gains .title-color {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}

.gains .title-color.color-1 {
  color: #3a66af;
}
.gains .title-color.color-2 {
  color: #4982c6;
}
.gains .title-color.color-3 {
  color: #5699db;
}
.gains .title-color.color-4 {
  color: #71c2f1;
}
.gains .title-color.color-5 {
  color: #bad147;
}

.box-trajectory .columns .column .gains ul {
  list-style: none;
  padding: 0 0 0 15px;
}

.box-trajectory .columns .column .gains ul li ~ li {
  margin-top: 10px;
}

.box-trajectory .rows .box-green {
  position: relative;
  display: block;
  max-width: 630px;
  margin-left: auto;
  margin-right: 24px;
  background-color: #8bbd4f;
  padding: 16px 32px;
  border-radius: 25px;
}
.box-trajectory .rows .box-green p {
  color: #fff;
  font-size: 16px;
  line-height: 1.2em;
  text-align: left;
  margin: 0;
}
.box-trajectory .rows .box-green p ~ p {
  margin-top: 16px;
}

/* .box-trajectory .rows .box-green::before {
	content: '';
	display: block;
	position: absolute;
	top: 50px;
	left: -101px;
	width: 95px;
	height: 30px;
	background: transparent;
	border-radius: 0 0 0 50px;
	border-left: 4px dashed #a6a7a7;
	border-bottom: 4px dashed #a6a7a7;		
} */

#capa .main .access-and-more {
  display: block;
  width: 100%;
  margin: 0 auto;
  background: #003767;
}

#capa .main .access-and-more p {
  padding: 18px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}
#capa .main .access-and-more p a {
  text-decoration: none;
  color: #fff;
}
.content.novas-colunas .txt-left h4 {
  font-size: 22px;
  padding: 0 15px;
}

.box-family-photos .rows-columns {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.box-family-photos .rows-columns:nth-child(even) {
  flex-direction: row-reverse;
}
.box-family-photos .rows-columns ~ .rows-columns {
  margin-top: 32px;
}

.box-family-photos .rows-columns .col-text {
  width: 75%;
}
.box-family-photos .rows-columns .col-image {
  width: 25%;
}

.box-family-photos .rows-columns:nth-child(odd) .col-text {
  padding-right: 32px;
}
.box-family-photos .rows-columns:nth-child(even) .col-text {
  padding-left: 32px;
}

.box-family-photos .rows-columns .col-text .authors {
  font-weight: bold;
}

#mais-saude .main .container .content-img {
  max-width: 755.5px;
  margin: 20px auto;
}

#mais-saude .main .container .content-img img {
  display: block;
  width: 100%;
}

#mais-saude .main .container .content.novas-colunas .txt-left {
  float: left;
  width: 48%;
  padding: 0 0 0 10px;
}
#mais-saude .main .container .content.novas-colunas .txt-left:first-child {
  float: left;
  width: 49%;
  padding: 0 10px 0 0;
}

#emprestimos .main .container .page-tit .subtitulo {
  font-size: 20pt;
}

#emprestimos .main .container .content.novas-colunas .txt-left {
  float: left;
  width: 48%;
  padding: 0 0 0 10px;
}
#emprestimos .main .container .content.novas-colunas .txt-left:first-child {
  float: left;
  width: 49%;
  padding: 0 10px 0 0;
}

#emprestimos .main .container .content.novas-colunas {
  margin-bottom: 200px;
}

#emprestimos .main .container .content.novas-colunas div p {
  margin-bottom: 20px;
}
#emprestimos .main .container .content.novas-colunas div p .center {
  text-align: center;
  margin: 40px 0;
}

/* #emprestimos .main .container .content p:nth-child(odd) {
  margin: 0;
} */

#emprestimos .main .container .content.full-content {
  clear: both;
  margin-top: 50px;
}

#emprestimos .main .container .content.full-content p strong {
  color: #003366;
}

#emprestimos .main .container .content.full-content span {
  display: inline-block;
  margin-left: 30px;
}

#emprestimos .main .container .table-emprestimo table {
  width: 100%;
}

#emprestimos .main .container .table-emprestimo table th {
  background-color: #003768;
  text-align: center;
  color: #fff;
  font-weight: 400;
  padding: 0 10px;
}

#emprestimos .main .container .table-emprestimo table th span {
  font-size: 12px;
}
#emprestimos .main .container .table-emprestimo table tr:nth-child(even) td {
  background-color: #fff;
}
#emprestimos .main .container .table-emprestimo table tr > tr td {
  border-left: 1px solid #c4cee1;
  border-right: 1px solid #c4cee1;
}
#emprestimos .main .container .table-emprestimo table tr:nth-child(2) td {
  font-weight: bold;
}
#emprestimos .main .container .table-emprestimo table td:nth-child(2) {
  text-align: center;
}
#emprestimos .main .container .table-emprestimo table td {
  background-color: #c4cee1;
  color: #004c90;
  padding: 0 10px;
}
#emprestimos .main .container .table-emprestimo p {
  margin-top: 12px;
  line-height: 0.9em;
}
#emprestimos .main .container .table-emprestimo p span {
  font-size: 10px;
  color: #004c90;
}

/* #emprestimos .main .container .content.novas-colunas div p > strong {
  display: block;
  color: #003c66;
  font-size: 16px;
} */

#emprestimos .main.educacao-financeira {
  padding-bottom: 0;
}
#emprestimos .visual-off.visual-oneline.second-page {
  height: 105px;
}

/*#emprestimos .main .container .content.novas-colunas .txt-left .img img {
	margin-bottom: 24px;
}*/

#emprestimos .main .container .content.novas-colunas .txt-left .legend {
  display: block;
  font-size: 12px;
  text-align: right;
}

#fiquepordentro .main .container .content.novas-colunas .txt-left {
  float: left;
  width: 48%;
  padding: 0 0 0 10px;
}
#fiquepordentro .main .container .content.novas-colunas .txt-left:first-child {
  float: left;
  width: 49%;
  padding: 0 10px 0 0;
}

#financas .main .container h2 {
  margin-bottom: 30px;
}
#financas .main .entity {
  padding: 0;
}

.content.novas-colunas .txt-left .box-gray {
  background: #e6e7e9;
  padding: 20px;
}
.content.novas-colunas .txt-left .box-gray strong {
  display: block;
  color: #003768;
  margin-bottom: 10px;
}

.content.novas-colunas .left div {
  text-align: center;
  margin-top: 20px;
}
.content.novas-colunas .left div img {
  border: 1px solid #003366;
}

.content.novas-colunas .left p ~ p {
  margin: 0;
}

.content.novas-colunas .right .mobile-tuto {
  display: inline-block;
  position: relative;
}
.content.full-content .division div {
  display: inline-block;
  vertical-align: text-top;
}

.content.full-content .division div:first-child {
  width: 29%;
  margin-right: 10px;
}
.content.full-content .division div:first-child p {
  line-height: 1.3em;
  padding-top: 10px;
}
.content.full-content .division div:last-child {
  width: 69%;
}
.content.full-content .division div:last-child img {
  display: block;
  width: 100%;
}
.content.full-report {
  background-color: #bfcdd9;
  padding: 30px;
}
.content.full-report .title-card {
  text-align: center;
  font-size: 35px;
  line-height: 1.2em;
  font-weight: bold;
  color: #003768;
}
.content.full-report .inline-card {
  display: inline-block;
}

.content.full-report .inline-card p {
  display: inline-block;
  width: 48%;
  margin-right: 45px;
  vertical-align: top;
}
.content.full-report .inline-card .img-card {
  display: inline-block;
  width: 46%;
}
.coluna .notes .legenda.col-right {
  transform: translateY(50px);
}
.coluna .notes .legenda {
  font-size: 8pt;
  line-height: 1.3em;
  padding: 0 25px;
}
.coluna .notes .text p {
  font-size: 12pt;
  line-height: 1em;
  text-align: justify;
  padding: 5px 20px;
  margin: 10px;
}
.coluna .notes .smart {
  float: left;
  transform: translate(-15px, 5px);
  /* margin: 0 -10px -25px 0; */
}
.coluna .notes .text {
  background-color: #ac9f69;
  color: #fff;
  margin: 90px 35px 0;
  padding: 20px 0;
}
/* btn-holder */
.btn-holder {
  position: relative;
  background: #bddeff;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JkZGVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iI2JkZGVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNmNmZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #bddeff 0%, #bddeff 36%, #a6cff1 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #bddeff),
    color-stop(36%, #bddeff),
    color-stop(100%, #a6cff1)
  );
  background: -webkit-linear-gradient(
    top,
    #bddeff 0%,
    #bddeff 36%,
    #a6cff1 100%
  );
  background: -o-linear-gradient(top, #bddeff 0%, #bddeff 36%, #a6cff1 100%);
  background: -ms-linear-gradient(top, #bddeff 0%, #bddeff 36%, #a6cff1 100%);
  background: linear-gradient(to bottom, #bddeff 0%, #bddeff 36%, #a6cff1 100%);
  -pie-background: linear-gradient(top, #bddeff 0%, #bddeff 36%, #a6cff1 100%);
  text-align: center;
  padding: 30px 0 32px;
  -webkit-box-shadow: inset 0 1px 7px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 7px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 7px 0 rgba(0, 0, 0, 0.3);
}
.btn {
  display: inline-block;
  vertical-align: top;
  background: #324d75;
  color: #fff;
  text-transform: uppercase;
  padding: 17px 15px;
  min-width: 197px;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.btn:hover {
  text-decoration: none;
  background-color: #6580a8;
}
/* footer */
#footer {
  background: #233954;
  color: #3d79bf;
  border-top: 10px solid #3d79bf;
  text-align: center;
  padding: 33px 0 27px;
  font-size: 11px;
  line-height: 14px;
}
#footer a {
  color: #3d79bf;
}
#footer p {
  margin: 0;
}
#footer .str {
  display: block;
  text-transform: uppercase;
}
#footer .large {
  display: block;
  font-size: 30px;
  line-height: 33px;
  padding: 0 0 9px;
}
html,
body,
.st-container,
.st-pusher,
.st-content {
  height: 100%;
}
.st-content {
  overflow-y: scroll;
  background: #fff;
}
.st-content,
.st-content-inner {
  position: relative;
}
.st-content-inner {
  background: #fff;
}
.st-container {
  position: relative;
  overflow: hidden;
}
.st-pusher {
  position: relative;
  left: 0;
  z-index: 99;
  height: 100%;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.st-pusher:after {
  position: absolute;
  z-index: 90;
  top: 0;
  right: 0;
  width: 0;
  background: rgba(0, 0, 0, 0.2);
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.st-menu-open .st-pusher:after {
  width: 100%;
  bottom: 0;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.st-menu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  visibility: hidden;
  width: 200px;
  height: 100%;
  background: #023864;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.st-menu ul {
  background-color: #023864;
}
.st-menu:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  content: '';
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.st-menu-open .st-menu:after {
  width: 0;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
/* content style */
.st-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.st-menu ul li a {
  display: block;
  padding: 1em 1em 1em 1.2em;
  outline: none;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
  color: #f3efe0;
  text-transform: uppercase;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
  letter-spacing: 1px;
  font-weight: 400;
  -webkit-transition: background 0.3s ease, box-shadow 0.3s ease;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}
.st-menu ul li:first-child a {
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2);
}
.st-menu ul li a:hover {
  background: rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
  color: #fff;
  text-decoration: none;
}
/* Effect 11:Scale and rotate pusher */
.st-effect-11.st-container {
  -webkit-perspective: 1500px;
  perspective: 1500px;
  overflow: auto;
}
.st-effect-11 .st-pusher {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.st-effect-11.st-menu-open .st-pusher {
  -webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg);
  transform: translate3d(100px, 0, -600px) rotateY(-20deg);
}
.st-effect-11.st-menu {
  opacity: 1;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.st-effect-11.st-menu-open .st-effect-11.st-menu {
  visibility: visible;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.st-effect-11.st-menu:after {
  display: none;
}
/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
.no-csstransforms3d .st-pusher,
.no-js .st-pusher {
  padding-left: 200px;
}
.ie-lt10 .st-pusher {
  padding-left: 0;
}

.main .container img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.final-text {
  float: right;
}

.final-text .text-bold {
  font-weight: bold;
}

.final-text .text-italic {
  font-style: italic;
}

@media only screen and (max-width: 330px) {
  .txt-left .blockquote {
    margin: 0;
  }
  .container {
    padding: 0 20px;
  }
  .coluna .notes .text {
    margin: 65px 0;
    padding: 0;
  }
  .coluna .notes .text p {
    margin: 0;
    padding: 15px 20px 15px 9px;
  }
}

@media only screen and (max-width: 960px) {
  .container {
    /* padding-left:40px;
		padding-right:40px; */
  }
  /* header */
  #header {
    position: absolute;
    background: #fff;
    padding-top: 29px;
    padding-bottom: 53px;
  }
  #header .container {
    padding-left: 10px;
    padding-right: 10px;
  }
  #header .link {
    display: none;
  }
  #header .logo {
    float: none;
    display: block;
    margin: 0 auto;
    width: 264px;
    height: 55px;
    background-position: -308px 0;
  }
  /* main-nav */
  .main-nav {
    padding-top: 16px;
    padding-bottom: 16px;
    top: 139px;
  }
  .main-nav > ul {
    display: none;
  }
  .main-nav .btn-menu {
    display: block;
    float: right;
    margin-right: 30px;
    width: 44px;
    border: 1px solid #bdcdda;
    background: #fff;
    padding: 11px 13px;
    cursor: pointer;
  }
  .main-nav .btn-menu .icon-bar {
    display: block;
    height: 3px;
    background: #003966;
  }
  .main-nav .btn-menu .icon-bar + .icon-bar {
    margin-top: 7px;
  }
  .main-nav .btn-menu .txt-str {
    display: none;
  }
  /* main */
  .main {
    padding-top: 10px;
    padding-bottom: 21px;
  }
  .main .entity {
    padding-bottom: 21px;
  }
  .main .entity.offset-right,
  .main .entity.offset-left {
    padding-left: 0;
    padding-right: 0;
  }
  .main .entity.offset-right img,
  .main .entity.offset-left img {
    float: none;
    display: block;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    position: relative;
    top: -5px;
  }
  .main .entity.left,
  .main .entity.right,
  .canais .left {
    width: 100%;
    float: none;
  }
  #capa .main .entity .content {
    display: block;
    width: 100%;
  }

  #editorial .main .container .content.novas-colunas .txt-left {
    width: 47%;
    padding-top: 30px;
  }
  #editorial .main .container .content.novas-colunas .txt-left:first-child {
    padding-top: 30px;
  }

  .main .entity .hidden {
    display: block;
  }
  .main .entity .block {
    display: none;
  }
  /* .main section .img, .main section img, .main .container img {
		max-width:100% !important;
		height:auto;
	} */
  .main .full-width {
    margin-bottom: 25px;
  }

  /* visual */
  .visual {
    height: 476px;
    font-size: 15px;
    line-height: 18px;
  }
  .visual .descr {
    padding-top: 22px;
    padding-bottom: 19px;
  }
  .visual img {
    width: 100%;
    height: auto;
  }
  #emprestimos .visual-off.visual-oneline.second-page {
    height: 86px;
  }
  .visual-off.visual-oneline {
    height: 300px;
  }
  .main .container h2 {
    font-size: 27px;
  }
  /* footer */
  #footer {
    padding-top: 27px;
    line-height: 19px;
  }
  #footer .str {
    line-height: 14px;
  }
  #footer .large {
    padding-bottom: 12px;
  }

  .dotted .line-dotted,
  .dotted .info::after {
    display: none;
  }

  .dotted .row-dotted .column-dotted + .column-dotted {
    margin-top: 50px;
  }

  .dotted .row-dotted.column-2 .column-dotted,
  .dotted .row-dotted.column-3 .column-dotted,
  .dotted .row-dotted.column-4 .column-dotted {
    width: calc(100% - 30px);
  }
  .dotted .row-dotted .text-dotted {
    height: auto;
  }

  .main-columns .main-column {
    width: calc(100% - 30px);
  }
  .main-column .bloquecote-content {
    margin-bottom: 20px;
  }

  .main-columns.model-1 .main-column:first-child,
  .main-columns.model-1 .main-column:last-child {
    width: calc(100% - 30px);
  }

  .bloquecote-img {
    width: 100%;
    padding: 0;
    margin-bottom: 50px;
  }

  .bloquecote-img .main-img {
    display: none;
  }
  .bloquecote-img.model-2 {
    padding: 0;
  }

  .card-footer .row-card,
  .card-footer .row-card .column-card {
    display: block;
  }

  .card-footer .row-card .column-card {
    width: calc(100% - 20px);
    padding: 15px 10px;
  }

  .card-footer .row-card .column-card.light-blue::after {
    top: 100%;
    left: 50%;
    border-width: 8px 8px 0 8px;
    border-color: #164d9d transparent transparent transparent;
  }

  .main .map .column-map {
    width: 100%;
  }
  .coluna .notes .text p {
    font-size: 10pt;
  }

  #editorial .main .box-columns {
    display: flex;
    flex-direction: column;
    padding: 12px 0;
  }
  #editorial .main .box-columns .column ~ div {
    margin-top: 8px;
  }
  #editorial .main .box-columns .column .get-in-store span {
    margin-right: 12px;
  }
  #editorial .main .box-columns .column a ~ .get-app {
    margin-left: 12px;
  }
}

@media only screen and (max-width: 599px) {
  .main .two-cols {
    width: 100%;
    margin: 20px 0px;
  }
  .visual-off.visual-twolines {
    height: 328px;
  }
  #capa .visual h1 {
    margin-bottom: 5px;
  }
  #capa .main .container h4 {
    text-align: center;
  }
  #capa .main .container .destaque p {
    font-size: 18px;
  }
  #relatorio .main .container .left,
  #relatorio .main .container .right {
    float: none;
    width: 100%;
  }
  #relatorio .main .container .left .box-info .bottom {
    right: 15px;
    top: 15px;
  }
  #relatorio .main .container .right .bottom,
  #relatorio .main .container .right .box-info {
    top: 0;
  }
  #financas .main .container .content.novas-colunas .division {
    float: none;
    width: 100%;
    padding: 0;
  }
  #capa .main .entity .content.novas-colunas .txt-left {
    width: 100%;
    padding: 0;
  }
  #capa .content.novas-colunas .txt-left .destaque {
    margin: 80px 60px 60px;
  }

  #financas .main .entity .content.novas-colunas .txt-left {
    width: 100%;
    padding: 0;
  }
}

@media only screen and (max-width: 479px) {
  #editorial .expediente {
    padding: 20px 10px;
  }
  #editorial .expediente .left,
  #editorial .expediente .right {
    float: none;
  }
  .visual-off.visual-twolines {
    height: 358px;
  }
  /*#relatorio .visual-off.visual-oneline {height:328px;}*/
  #relatorio .main .container .box-especial {
    padding: 25px 20px;
  }
  #relatorio .main .container .box-info .selo {
    top: 0px;
  }
  #relatorio .main .container .box-info .titulo {
    font-size: 13pt;
    line-height: 13pt;
    text-align: right;
    padding-left: 25%;
  }
  #capa .visual-off.visual-twolines {
    height: 388px;
  }
  #governanca .box-destaque {
    padding: 10px 0px;
  }

  .content.novas-colunas .txt-left h4 {
    padding: 0;
    font-size: 18px;
  }

  #financas .main .container .financas-box-table ul {
    grid-template-columns: none !important;
  }
  #financas .main .container .financas-box-table ul li .flex-items {
    padding: 32px;
  }

  #editorial .main .box-columns .get-in-store {
    flex-direction: column;
  }
  #editorial .main .box-columns .column .get-in-store span {
    margin-right: 0;
    margin-bottom: 10px;
  }
  #editorial .main .box-columns .column a ~ .get-app {
    margin-left: 0;
    margin-top: 10px;
  }

  #emprestimos .main .container .content.novas-colunas .txt-left .legend {
    font-size: 10px;
  }

  #emprestimos .main .container .content.novas-colunas div p .center {
    margin: 20px 0;
  }

  #capa .main.capa2 .perfis-educacao-financeiras {
    margin-bottom: 0;
  }
  #capa .main.capa2 .capa-blue-box {
    padding: 16px;
  }
  #capa .main.capa2 .capa-blue-box ul li ~ li {
    margin-top: 16px;
  }
  #capa .main.capa2 .capa-blue-box h4 {
    font-size: 18px;
  }

  #capa .main.capa2 .perfis-educacao-financeiras .strongly-bottom {
    font-size: 16px;
    margin: 24px auto;
  }
  #capa .main.capa3 .container .strongly-title > h6 {
    margin-bottom: 16px;
  }
  #capa .main.capa3 .container .strongly-title {
    margin-bottom: 24px;
  }

  #capa .main.capa3 .box-trajectory .columns .column:first-child {
    width: 30%;
  }
  .box-trajectory .columns .column .layer img {
    max-width: 80px;
  }

  .box-trajectory .columns .column .layer::after {
    top: 80px;
    bottom: 0;
    height: 150px;
  }
  .box-trajectory .columns .column .layer::after,
  .box-trajectory .columns .column .layer.ly-10-years::before {
    left: 40px;
  }
  .box-trajectory .columns .column .gains .title-color {
    padding: 0 16px;
  }
  .box-trajectory .columns .column .gains ul li {
    font-size: 14px;
    line-height: 1.2em;
  }

  .box-trajectory .rows ~ .rows {
    margin-top: 0;
  }
  .box-trajectory .rows .box-green {
    max-width: 100%;
    padding: 16px;
    margin: 32px 0 0 0;
  }
  .box-trajectory .rows .box-green::before {
    content: none;
  }

  .box-family-photos .rows-columns,
  .box-family-photos .rows-columns:nth-child(even) {
    flex-direction: column-reverse;
  }

  .box-family-photos .rows-columns:nth-child(odd) .col-text {
    padding: 0;
  }
  .box-family-photos .rows-columns .col {
    width: 100%;
  }
  .box-family-photos .rows-columns .col-text p {
    text-align: center;
  }
  .box-family-photos .rows-columns .col-image {
    margin-bottom: 16px;
  }
  .box-family-photos .rows-columns ~ .rows-columns {
    margin-top: 16px;
  }

  #capa .main.capa3 .box-trajectory {
    margin-bottom: 0;
  }

  #mais-saude .main .container .mais-saude-capa {
    margin: 0 auto 16px;
  }
}
@media only screen and (min-width: 315px) and (max-width: 760px) {
  .main .container .content.colunas {
    -moz-column-count: 1;
    -moz-column-gap: none;
    -moz-column-rule: none;
    -webkit-column-count: 1;
    -webkit-column-gap: none;
    -webkit-column-rule: none;
  }
}

@media only screen and (max-width: 769px) {
  #editorial .main .container .content.novas-colunas .txt-left,
  #editorial .main .container .content.novas-colunas .txt-left:first-child {
    float: none;
    width: 100%;
    padding: 0px;
  }

  .main .container .content p .exclude {
    visibility: inherit;
  }
  .main .container .content .paragraph-none {
    display: none;
  }
  #capa .main .container .content.novas-colunas .txt-left:first-child {
    padding: 0;
  }

  #capa .main .container .content.novas-colunas .txt-left.extend:first-child,
  #capa .main .container .content.novas-colunas .txt-left.extend:first-child,
  #capa .main .container .content.novas-colunas .txt-left.extend,
  #capa .main .container .content.novas-colunas .txt-left {
    float: none;
    width: 100%;
    padding: 0;
  }

  #capa .main.capa2 .container .content.novas-colunas .txt-left {
    float: none;
    width: 100%;
    padding: 0;
  }
  #capa .main.capa2 .perfis-educacao-financeiras .columns {
    flex-direction: column;
  }
  #capa .main.capa2 .perfis-educacao-financeiras .columns .column {
    width: 100%;
  }

  #capa .main.capa2 .perfis-educacao-financeiras .strongly-bottom {
    font-size: 14px;
    line-height: 1.3em;
    padding: 0 18px;
  }

  #capa
    .main
    .container
    .content.novas-colunas
    .txt-left.extend
    .expansive-div {
    margin-top: 32px;
  }
  #capa .main .container .content.novas-colunas .txt-left img {
    display: block;
    margin: 0 auto;
  }
  #relatorio .main .container .box-destaque .left,
  #relatorio .main .container .box-destaque .right {
    width: 100%;
    padding: 0;
  }
  #relatorio .main .container .box-destaque .left p,
  #relatorio .main .container .box-destaque .right p {
    padding: 20px 20px 0 20px;
    margin-bottom: 0;
  }
  #relatorio .main .container .box-destaque .right p {
    padding-bottom: 30px;
  }
  #relatorio .main .container .box-info .titulo {
    font-size: 13pt;
    line-height: 15pt;
    text-align: right;
  }
  .box-atencao img {
    padding-left: 20px;
  }
  #financas .main .container .left {
    margin-bottom: 20px;
  }
  #emprestimos .main .container .content.novas-colunas .txt-left:first-child,
  #emprestimos .main .container .content.novas-colunas .txt-left {
    float: none;
    width: 100%;
    padding: 0;
  }
  #emprestimos .main .container .content.novas-colunas {
    margin-bottom: 0;
  }
  #emprestimos .main .container .content.novas-colunas div p {
    /*margin: 20px auto;*/
  }
  #emprestimos .main .container .content.novas-colunas div p.small-text {
    margin-bottom: 10px;
  }
  #mais-saude .main .container .content.novas-colunas .txt-left:first-child,
  #mais-saude .main .container .content.novas-colunas .txt-left:last-child {
    float: none;
    width: 100%;
    padding: 0;
  }
  #mais-saude .main .container .content.novas-colunas div:last-child img {
    display: block;
    margin: 0 auto;
  }
  #fiquepordentro .main .container .content.novas-colunas .txt-left:first-child,
  #fiquepordentro .main .container .content.novas-colunas .txt-left:last-child {
    float: none;
    width: 100%;
    padding: 0;
  }
  #financas .main .container .content.novas-colunas .txt-left:first-child,
  #financas .main .container .content.novas-colunas .txt-left {
    float: none;
    width: 100%;
    padding: 0;
  }
  #capa .main.capa2 .perfis-educacao-financeiras {
    margin-bottom: 30px;
  }

  .box-trajectory .columns .column .layer.ly-10-years::before {
    width: 6px;
    border-radius: 0;
    border-bottom: 0;
  }
}

@media only screen and (min-width: 965px) and (max-width: 1100px) {
  .visual-off.visual-twolines {
    height: 420px;
  }
  #capa .visual-off.visual-twolines {
    height: 293px;
  }
}

@media only screen and (max-width: 767px) {
  #fiquepordentro .main .content.full-report .inline-card p {
    margin: 0;
    width: 100%;
  }
  #fiquepordentro .main .content.full-report .inline-card .img-card {
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 15px;
  }
  .content .content.colunas .right .mobile-tuto {
    text-align: center;
  }
  .content.full-content .division div:first-child {
    width: 100%;
  }
  .content.full-content .division div:last-child {
    width: 100%;
    margin: 15px 0;
  }
  #emprestimos .main .container .table-emprestimo p {
    line-height: 0.9em;
  }
  #capa .main.capa2 .capa-blue-box ul {
    grid-template-columns: none;
  }
  #capa .main.capa2 .capa-blue-box ul li {
    padding: 0;
  }

  #financas .main .container .financas-box-table ul {
    grid-template-columns: repeat(2, 50%);
  }
  .financas-img {
    background: url('../img/grafico-mobile.png.jpg') no-repeat center !important;
    background-size: cover !important;
    margin-bottom: 16px;
    height: 350px;
  }
  .financas-img .fincanas-graph {
    display: none !important;
  }
}

.img-crop{
  width: 100%;
  margin-bottom: 30px;
}
.mt{
  margin-top: 30px;
}
.icon-crop{
  width: 20px;
  height: 20px;
  margin: 0 !important;
}
.icon-row{
  display: flex;
  justify-content: flex-start;
}