@charset "UTF-8";
@media (min-width: 1280px) {
  .container {
    width: 1280px;
    max-width: 100%;
  }
}
/** GLOBAL **/
.bt-topo {
  position: fixed;
  bottom: 100px;
  right: 40px;
  border-radius: 40px;
  width: 65px;
  height: 65px;
  background-color: #21346a;
  color: #fff;
  box-shadow: 0 0 40px #000;
  font-size: 45px;
  padding: 6px 15px;
  opacity: 0;
  cursor: pointer;
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.in {
  opacity: 1;
}
.tooltip .tooltip-inner {
  background-color: #21346a;
  color: #8eabbf;
  font-size: 13px;
  opacity: 100;
  padding: 20px;
  width: 340px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #21346a;
}

/** Flipcards **/
.flipcards {
  position: absolute;
  display: flex;
  transform-style: preserve-3d;
}
.flipcards .flipcard-container {
  perspective: 800px;
  position: relative;
  margin: 0 10px;
  transform-style: preserve-3d;
}
.flipcards .flipcard-container .flipcard {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
}
.flipcards .flipcard-container .flipcard * {
  transform-style: preserve-3d;
  backface-visibility: hidden;
}
.flipcards .flipcard-container .flipcard.flipped {
  transform: rotateY(180deg);
}
.flipcards .flipcard-container .flipcard.ie .front {
  visibility: visible;
}
.flipcards .flipcard-container .flipcard.ie .back {
  visibility: hidden;
}
.flipcards .flipcard-container .flipcard.swap .front {
  visibility: hidden !important;
}
.flipcards .flipcard-container .flipcard.swap .back {
  visibility: visible !important;
}
.flipcards .flipcard-container .flipcard div.front, .flipcards .flipcard-container .flipcard div.back {
  margin: 0;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
.flipcards .flipcard-container .flipcard img {
  margin: 0;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
.flipcards .flipcard-container .flipcard.not-ie .back {
  transform: rotateY(180deg);
}

a {
  color: #3997d9;
}
a.button {
  border-radius: 8px;
  background-color: #54b5f9;
  color: #fff;
  padding: 16px 22px;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 18px;
  transition: all ease 0.2s;
}
a.button:hover {
  background-color: #3393f5;
  text-decoration: none;
}

h3, h2, h1, h4, h5 {
  font-weight: 200;
  font-family: 'Yanone Kaffeesatz', sans-serif;
}

h3 strong, h2 strong, h1 strong, h4 strong, h5 strong {
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-weight: 700;
}

h3 small, h2 small, h1 small, h4 small, h5 small {
  font-weight: 200;
  font-size: 60%;
}

h3 {
  color: #3b8af4;
  font-size: 51px;
}

/** SECTIONS **/
/** navegação corporativa **/
section.nav-corporativo {
  background-color: #f0f0f0;
  display: table;
  height: 29px;
  width: 100%;
}
section.nav-corporativo a.logo-brasil {
  background: url("../img/logo-brasil.png");
  display: block;
  float: left;
  height: 19px;
  margin-right: 18px;
  margin-top: 5px;
  overflow: hidden;
  text-indent: -9999em;
  width: 80px;
}
section.nav-corporativo ul {
  margin: 0;
  padding: 0;
}
section.nav-corporativo ul.primario {
  float: left;
}
section.nav-corporativo ul.secundario {
  float: right;
}
section.nav-corporativo ul li {
  border-left: 1px solid #d0d0d0;
  display: inline-block;
  height: 29px;
  list-style: none;
}
section.nav-corporativo ul li:last-child {
  border-right: 1px solid #d0d0d0;
}
section.nav-corporativo ul li a {
  color: #5a5a5a;
  display: block;
  font-size: 11px;
  font-weight: bold;
  line-height: 29px;
  padding: 0 14px;
}
section#header {
  margin-top: 60px;
}
section#header .row {
  height: 100px;
}
section#header h1 {
  color: #243c81;
  font-size: 46px;
  margin: 0;
  text-transform: uppercase;
}
section#header h1 strong {
  color: #54b5f9;
}
section#header h2 {
  color: #939598;
  font-size: 19px;
  font-weight: 500;
}
section#header nav {
  text-align: right;
  border-bottom: 5px solid #54b5f9;
  padding-top: 40px;
}
section#header ul {
  list-style-type: none !important;
  padding: 0;
  display: inline;
}
section#header ul li {
  display: inline;
  padding: 0 15px;
  border-right: 1px dotted #ccc;
}
section#header ul li:last-child {
  border-right: none;
  padding-right: 0;
}
section#header ul li:first-child {
  padding-left: 0;
}
section#header ul li a {
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 16px;
  transition: all ease 0.2s;
  white-space: nowrap;
}
section#header ul li a:hover {
  color: #a8d9fc;
  text-decoration: none;
}
section#apresentacao {
  background: url(../img/bg-destaque.jpg) no-repeat center;
  border-bottom: 1px solid #cccccc;
  height: 580px;
  margin-bottom: 70px;
  position: relative;
}
section#apresentacao div.container {
  height: 100%;
}
section#apresentacao p.texto_destaque {
  bottom: 35px;
  color: #5a5a5a;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 16px;
  left: 415px;
  margin: 0;
  position: absolute;
  width: 435px;
}
section#apresentacao .bt-area {
  position: absolute;
  right: 0;
  bottom: 35px;
  text-align: right;
}
section#apresentacao .bt-area a.bt_conhecaAtlas {
  background-color: #54b5f9;
  border-radius: 4px;
  color: #fff;
  display: block;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 18px;
  line-height: 41px;
  margin: 0;
  text-align: center;
  transition: all ease 0.2s;
  float: right;
  width: 189px;
}
section#apresentacao .bt-area a.bt_conhecaAtlas:hover {
  background-color: #3394f5;
  text-decoration: none;
}
section#apresentacao .bt-area small {
  display: block;
  clear: both;
  color: #939598;
  width: 222px;
  float: right;
}
section#apresentacao .box-info {
  position: absolute;
  top: 80px;
  left: 120px;
  width: 247px;
  height: 463px;
  padding: 138px 20px 0 20px;
  color: #9eaacb;
  font-size: 16px;
  background: url(../img/bg-box-apresentacao.png) no-repeat center;
}
section#apresentacao .subtitulo {
  position: absolute;
  width: 267px;
  top: 14px;
  left: 120px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 13px;
}
section#apresentacao .titulo {
  border-left: 5px solid #54b5f9;
  padding-left: 10px;
  width: 295px;
  position: absolute;
  top: 98px;
}
section#apresentacao .titulo h2, section#apresentacao .titulo h3 {
  font-family: 'Open Sans', sans-serif;
  color: #fff !important;
}
section#apresentacao .titulo h2 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 31px;
}
section#apresentacao .titulo h3 {
  font-weight: 300;
  font-size: 26px;
}
section.conteudo {
  /* Seção O Atlas */
  /* Seção Situação */
}
section.conteudo section#o-atlas {
  position: relative;
  height: 560px;
}
section.conteudo section#o-atlas .heading {
  color: #21346a;
  display: block;
  font-size: 26px;
  font-weight: 400;
  left: 0;
  position: absolute;
  top: 90px;
  width: 190px;
}
section.conteudo section#o-atlas .blue-box {
  position: absolute;
  top: 122px;
  left: 58px;
  padding: 27px 117px 43px 88px;
  width: 577px;
  height: 371px;
  background: url(../img/bg-box-atlas.jpg) no-repeat;
  font-size: 13px;
}
section.conteudo section#o-atlas .video {
  width: 543px;
  height: 306px;
  background: url("../img/bg-video.jpg") no-repeat;
  position: absolute;
  top: 230px;
  left: 525px;
}
section.conteudo section#o-atlas .objetivos {
  display: block;
  width: 560px;
  right: 9px;
  position: absolute;
  top: 20px;
  font-size: 13px;
}
section.conteudo section#o-atlas .objetivos .col {
  max-width: 180px;
  background: url("../img/bullet-objetivos.png") top left no-repeat;
  margin-bottom: 30px;
  padding-right: 0px;
  margin-left: 20px;
}
section.conteudo section#o-atlas .objetivos .col.small-box {
  width: 130px;
}
section.conteudo section#o-atlas .objetivos h3 {
  color: #3b8af4;
  margin-bottom: 40px;
}
section.conteudo section#situacao h3 {
  margin-top: 100px;
  line-height: 38px;
  padding-top: 75px;
  position: relative;
}
section.conteudo section#situacao h3:before {
  background-image: url(../img/imagem_titulo_situacao.png);
  content: ' ';
  height: 121px;
  position: absolute;
  right: 80px;
  top: 20px;
  width: 860px;
}
section.conteudo section#situacao .graph {
  background: url("../img/bg-situacao.png") no-repeat;
  color: #fff;
  font-size: 13px;
  height: 538px;
  margin: 100px 0 45px;
  padding-top: 40px;
  position: relative;
}
section.conteudo section#situacao .graph .flipcards {
  top: -60px;
  left: 371px;
}
section.conteudo section#situacao .graph .flipcards .flipcard-container {
  width: 254px;
  height: 303px;
}
section.conteudo section#situacao .graph .descricao {
  max-width: 222px;
}
section.conteudo section#situacao .graph .explore {
  text-align: right;
  width: 773px;
  position: absolute;
  top: 390px;
  right: 71px;
}
section.conteudo section#situacao .graph .explore h4 {
  font-size: 20px;
  border-bottom: 1px solid #fff;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
section.conteudo section#situacao .graph h4 {
  font-size: 31px;
  font-weight: 500;
  margin-bottom: 16px;
}
section.conteudo section#impacto {
  display: table;
  margin-bottom: 35px;
  width: 100%;
}
section.conteudo section#impacto h3 {
  line-height: 38px;
  margin-bottom: 40px;
}
section.conteudo section#impacto .conteudo_impacto {
  position: relative;
}
section.conteudo section#impacto .conteudo_impacto div.texto {
  float: left;
  width: 208px;
}
section.conteudo section#impacto .conteudo_impacto div.texto p {
  font-size: 13px;
  margin-bottom: 20px;
}
section.conteudo section#impacto .conteudo_impacto div.grafico {
  background: url(../img/graph-impacto.png) no-repeat center;
  float: right;
  height: 500px;
  margin-top: 15px;
  position: relative;
  width: 1020px;
}
section.conteudo section#impacto .conteudo_impacto div.grafico h5 {
  color: #3b8af4;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 26px;
  font-weight: 400;
  position: absolute;
  right: 68px;
  text-align: right;
  top: -11px;
  width: 440px;
}
section.conteudo section#impacto .conteudo_impacto div.grafico span.tooltip_ {
  background: url(../img/gr_tooltip.png) 0 0 no-repeat;
  display: block;
  height: 33px;
  overflow: hidden;
  position: absolute;
  right: 5px;
  text-indent: -999em;
  top: 0;
  width: 33px;
}
section.conteudo section#impacto .conteudo_impacto div.grafico .card {
  background: transparent;
  border: none;
  position: absolute;
  right: 30px;
  text-align: right;
  top: 116px;
  width: 175px;
}
section.conteudo section#impacto .conteudo_impacto div.grafico .card h6 {
  color: #3b8af4;
  font-size: 26px;
  margin-bottom: 18px;
}
section.conteudo section#impacto .conteudo_impacto div.grafico .card p {
  color: #fff;
  font-size: 13px;
}
section.conteudo section#impacto .conteudo_impacto div.grafico a.bt_exploreImpactos {
  bottom: 20px;
  display: block;
  padding: 6px 22px;
  position: absolute;
  right: 29px;
}
section.conteudo section#solucoes {
  display: table;
  margin-top: 30px;
  width: 100%;
  position: relative;
}
section.conteudo section#solucoes h3 {
  float: left;
  line-height: 42px;
  margin-right: 40px;
}
section.conteudo section#solucoes h3 small {
  display: block;
}
section.conteudo section#solucoes h3:before {
  background: url("../img/bg_solucoes.png") no-repeat;
  position: absolute;
  content: '';
  top: -70px;
  left: 960px;
  width: 220px;
  height: 121px;
}
section.conteudo section#solucoes div.texto {
  float: left;
  width: 585px;
}
section.conteudo section#solucoes div.texto p {
  font-size: 13px;
  margin-bottom: 22px;
}
section#investimentos {
  background: url(../img/bg-investimentos.jpg) no-repeat top center;
  height: 458px;
  padding-top: 40px;
}
section#investimentos .introducao {
  float: left;
  margin-right: 55px;
  padding-top: 20px;
  width: 295px;
}
section#investimentos .introducao h5, section#investimentos .introducao p {
  width: 215px;
}
section#investimentos .introducao h5 {
  color: #fff;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 31px;
  font-weight: 500;
}
section#investimentos .introducao p {
  color: #ffffff;
  font-size: 13px;
  margin-bottom: 40px;
}
section#investimentos .introducao a {
  display: block;
  padding: 8px 20px;
}
section#investimentos .content-cards {
  float: left;
  position: relative;
  width: 870px;
}
section#investimentos .content-cards h6 {
  color: #fff;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 40px;
  width: 760px;
}
section#investimentos .content-cards .flipcards .flipcard-container {
  width: 254px;
  height: 303px;
}
section#investimentos .content-cards .flipcards .flipcard-container .flipcard .legenda {
  position: absolute;
  width: 30px;
  height: 50px;
  top: 194px;
  cursor: pointer;
  border-radius: 20px;
  opacity: 0.5;
  background-color: #265a96;
}
section#investimentos .content-cards .flipcards .flipcard-container .flipcard .legenda:hover {
  opacity: 0.5;
  background-color: #467ab6;
}
section#investimentos .content-cards .flipcards .flipcard-container .flipcard .grupo-a.legenda-1 {
  left: 189px;
}
section#investimentos .content-cards .flipcards .flipcard-container .flipcard .grupo-b.legenda-1 {
  left: 173px;
}
section#investimentos .content-cards .flipcards .flipcard-container .flipcard .grupo-b.legenda-2 {
  left: 205px;
}
section#investimentos .content-cards .flipcards .flipcard-container .flipcard .grupo-c.legenda-1 {
  left: 127px;
}
section#investimentos .content-cards .flipcards .flipcard-container .flipcard .grupo-c.legenda-2 {
  left: 163px;
}
section#investimentos .content-cards .flipcards .flipcard-container .flipcard .grupo-c.legenda-3 {
  left: 199px;
}
section#investimentos .content-cards .flipcards .flipcard-container .flipcard span.tooltip_ {
  transform-style: preserve-3d;
  background: url(../img/gr_tooltip_grupo.png) no-repeat;
  display: block;
  height: 20px;
  overflow: hidden;
  position: absolute;
  right: 10px;
  text-indent: -999em;
  top: 10px;
  width: 20px;
}
section#investimentos .content-cards .flipcards .flipcard-container .flipcard .front span.tooltip_ {
  background-position: 0 0;
}
section#investimentos .content-cards .flipcards .flipcard-container .flipcard .back span.tooltip_ {
  background-position: -21px 0;
}
section#contato {
  background-color: #f1f2f2;
  border-bottom: 1px solid #c9c9c9;
  height: 394px;
  padding-top: 130px;
}
section#contato h4 {
  color: #3b8af4;
  float: left;
  font-size: 51px;
  margin-right: 250px;
}
section#contato .imprensa {
  margin-left: 100px;
}
section#contato .imprensa img {
  top: 10px;
}
section#contato .container div {
  float: left;
  padding: 0 20px;
}
section#contato .container div h6 {
  color: #3b8af4;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 21px;
  margin-bottom: 15px;
}
section#contato .container div p {
  color: #5a5a5a;
  font-size: 13px;
  margin-bottom: 15px;
  padding-left: 30px;
  position: relative;
}
section#contato .container div p img {
  display: block;
  line-height: 32px;
  position: absolute;
  left: 0;
  transform: translate(0, -50%);
}
section#contato .container div p img.loc-1 {
  top: 28px;
}
section#contato .container div p img.loc-2 {
  top: 102px;
}

/** Header com menu principal **/
/** Apresentação **/
/* 

	Seção de Conteúdos Principais
	Dentro de section.conteúdo deve ter:
	- O Atlas
	- Situação
	- Impacto
	- Soluções

	O Gráfico de Investimentos ficou em outra sessão devido ao layout.

*/
/* Seção Investimentos */
/* Seção Contato */
/* Rodapé */
footer {
  display: block;
  padding: 40px 0;
  text-align: right;
  width: 100%;
}
footer small {
  padding-left: 10px;
}
footer .apoio a:last-child {
  margin-left: 30px;
}
footer p {
  color: #3b8af4;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 45px;
  text-align: left;
}
footer a {
  display: inline-block;
}