.memoriaVale .anima.fade.on {
  opacity: 1 !important;
}

/* Legenda */

.memoriaVale .legenda {
  margin-bottom: 3px;
  position: absolute;
  padding: 4px 8px;
  bottom: 0;
}

.memoriaVale .legenda.esquerda {
  left: 0;
}

.memoriaVale .legenda.direita {
  right: 0;
}

.memoriaVale .legenda.pequeno {
  width: 30%;
}

.memoriaVale .legenda.grande {
  width: 90%;
}

.memoriaVale .legenda:after {
  content: '';
  background-color: rgb(116 118 120 / 1);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.memoriaVale .legenda p {
  position: relative;
  z-index: 2;
  color: #ffffff !important;
  margin: 0 !important;
}

/* Texto simples */

.memoriaVale p {
  color: #747678;
  margin: 0 0 13px;
}

.memoriaVale p strong {
  font-weight: 600;
}

.memoriaVale p a {
  text-decoration: underline;
  cursor: pointer;
}

@media screen and (min-width: 769px) {
  /* Ajustes na template 
  .vale-fragmento-header > .d-flex .wave,
  .vale-fragmento-header > .d-flex .left-menu,
  .vale-fragmento-header > .d-flex .logo,
  .vale-fragmento-header > .d-flex .search-icon,
  .vale-fragmento-header > .d-flex #decrease-font,
  .vale-fragmento-header > .d-flex #increase-font,*/
  .vale-fragmento-header > .d-flex #contrast,
  .vale-fragmento-footer,
  .vale-fragmento-seta-de-progresso {
    display: none !important;
  }

  .vale-fragmento-busca-do-header.is-open {
    z-index: 101;
  }

  body:not(.has-control-menu) .vale-fragmento-header {
    position: absolute !important;
    top: 0;
    z-index: 100;
  }

  .memoriaVale .mob {
    display: none !important;
  }

  body #s4-workspace,
  html,
  body {
    overflow-y: hidden;
  }

  .memoriaVale .secao {
    position: relative;
    overflow: hidden;
    /* width: calc(100vw - 17px); */
    width: 100vw;
    height: 100vh;
    padding-left: 80px;
    box-sizing: border-box;
  }

  .memoriaVale .secao .secoes {
    width: 100%;
    height: 100%;
  }

  .memoriaVale a.smais {
    font-size: 14px;
    line-height: 17px;
    text-decoration: none;
    padding: 0 0 0 30px;
    position: relative;
    cursor: pointer;
  }

  .memoriaVale a.smaisExterno {
    font-size: 14px;
    line-height: 17px;
    text-decoration: none;
    padding: 0 0 0 30px;
    position: relative;
    cursor: pointer;
  }

  .memoriaVale a.smais i {
    position: absolute;
    width: 18px;
    height: 18px;
    border: 2px solid;
    top: 0;
    left: 0;
    border-radius: 50%;
  }

  .memoriaVale a.smaisExterno i {
    position: absolute;
    width: 18px;
    height: 18px;
    border: 2px solid;
    top: 0;
    left: 0;
    border-radius: 50%;
  }

  .memoriaVale a.smais i:before {
    content: '';
    position: absolute;
    height: 8px;
    width: 2px;
    background-color: currentColor;
    top: 3px;
    left: 6px;
  }

  .memoriaVale a.smaisExterno i:before {
    content: '';
    position: absolute;
    height: 8px;
    width: 2px;
    background-color: currentColor;
    top: 3px;
    left: 6px;
  }

  .memoriaVale a.smais i:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 2px;
    background-color: currentColor;
    top: 6px;
    left: 3px;
  }

  .memoriaVale a.smaisExterno i:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 2px;
    background-color: currentColor;
    top: 6px;
    left: 3px;
  }

  .memoriaVale .titulo1 {
    color: #ffffff;
    font-size: 32px;
    line-height: 39px;

    font-weight: 100;
    margin: 0 0 20px;
  }

  .memoriaVale #linha > div .imagem,
  .memoriaVale #presidentes > div .imagem {
    position: relative;
  }

  .memoriaVale #linha > div .imagem span,
  .memoriaVale #linha > div.semImagem .ano,
  .memoriaVale #presidentes > div .imagem span,
  .memoriaVale #presidentes > div.semImagem .ano {
    position: absolute;
    width: 151px;
    height: 151px;
    color: #ffffff;

    font-size: 42px;
    text-align: center;
    line-height: 151px;
    border-radius: 50%;
    bottom: -55px;
    left: -55px;
  }

  .memoriaVale #linha > div.semImagem .ano {
    bottom: 75px;
  }

  .memoriaVale #linha > div .texto,
  .memoriaVale #presidentes > div .texto {
    box-sizing: border-box;
  }

  .memoriaVale #linha > div .texto h3,
  .memoriaVale #linha > div h3,
  .memoriaVale #presidentes > div .texto h3,
  .memoriaVale #presidentes > div h3 {
    font-size: 28px !important;
    line-height: 32px;

    font-weight: 100;
    margin: 0 0 10px;
  }

  .memoriaVale #linha > div .texto h3 span {
    color: #ffffff;
  }

  .memoriaVale #linha > div .texto p span,
  .memoriaVale #presidentes > div .texto p span {
    color: #ffffff;
    padding: 0px 2px;
  }

  .memoriaVale #linha > div.destaqueFull img,
  .memoriaVale #presidentes > div.destaqueFull img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
  }

  .memoriaVale #linha > div.destaqueFull h2,
  .memoriaVale #presidentes > div.destaqueFull h2 {
    color: #e6e6e6;
    font-size: 42px;
    line-height: 50px;

    position: absolute;
    z-index: 1;
    top: 60px;
    left: 60px;
  }

  .memoriaVale #linha > div.comUm,
  .memoriaVale #presidentes > div.comUm {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* width: 395px;
        min-width: 395px; */
    margin: 0 100px;
  }

  .memoriaVale #linha > div#estradaVitoriaAMinas,
  .memoriaVale #linha > div#nasceItabira,
  .memoriaVale #linha > div#riquezaMineral,
  .memoriaVale #linha > div#carajasDescoberta,
  .memoriaVale #linha > div#primeiroUniforme,
  .memoriaVale #linha > div#parqueZoobotanico,
  .memoriaVale #linha > div#realezaBritanica,
  .memoriaVale #linha > div#valeViva,
  .memoriaVale #linha > div#centroHistorico,
  .memoriaVale #linha > div#rompimentoBarragem,
  .memoriaVale #linha > div#locomotivaEletrica,
  .memoriaVale #linha > div#acoesPandemia,
  .memoriaVale #linha > div#itv,
  .memoriaVale #linha > div#fundoVale,
  .memoriaVale #presidentes > div#muriloFerreira,
  .memoriaVale #presidentes > div#wilsonBrumer,
  .memoriaVale #presidentes > div#demervalPimenta,
  .memoriaVale #presidentes > div#joelMendesRenno {
    width: 395px;
    min-width: 395px;
  }

  .memoriaVale #linha > div#nacionalizacaoReservas,
  .memoriaVale #linha > div#acordoWashington,
  .memoriaVale #linha > div#primeiroEngenheiro,
  .memoriaVale #linha > div#presenteGetulio,
  .memoriaVale #linha > div#avancoExportacoes,
  .memoriaVale #linha > div#livroComemorativo,
  .memoriaVale #linha > div#novaMarca {
    width: 555px;
    min-width: 555px;
  }

  .memoriaVale #linha > div#primeiroEmbarque,
  .memoriaVale #linha > div#escrituraDoacao {
    width: 955px;
    min-width: 1540px;
  }

  .memoriaVale #linha > div.comUm .imagem,
  .memoriaVale #presidentes > div.comUm .imagem {
    margin: 0 auto 10px;
  }

  .memoriaVale #linha > div .imagem img:not(.ano):not(.im1):not(.im2) {
    width: 100%;
  }

  .memoriaVale #linha > div.comUm.comCor,
  .memoriaVale #presidentes > div.comUm.comCor {
    padding: 110px 65px;
    /* width: 555px;
        min-width: 555px; */
    margin: 0;
  }

  .memoriaVale.memoriaVale #linha > div.comUm.comCor h3,
  .memoriaVale #linha > div.comUm.comCor p,
  .memoriaVale #linha > div.comCor.comCor a.smais,
  .memoriaVale #linha > div.comCor.comCor a,
  .memoriaVale.memoriaVale #presidentes > div.comUm.comCor h3,
  .memoriaVale #presidentes > div.comUm.comCor p {
    color: #ffffff;
    background: transparent;
    border: none;
  }

  .memoriaVale.memoriaVale #linha > div.comCor .texto p span {
    background-color: #ffffff;
  }

  .memoriaVale #linha > div.comUm.horizontal,
  .memoriaVale #presidentes > div.comUm.horizontal {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }

  .memoriaVale #linha > div.comUm.horizontal {
    margin: 0;
  }

  .memoriaVale #linha > div.comUm.horizontal > div,
  .memoriaVale #presidentes > div.comUm.horizontal > div {
    width: 50%;
  }

  .memoriaVale #linha > div.comUm.horizontal .imagem,
  .memoriaVale #presidentes > div.comUm.horizontal .imagem {
    margin: 0;
  }

  .memoriaVale #linha > div.comUm.horizontal .texto {
    padding: 54px 20px 54px 54px;
  }

  /* .memoriaVale #linha>div.comUm.horizontal.semImagem {
        width: 955px;
        min-width: 955px;
    } */
  .memoriaVale #linha > div.comUm.comCor.semImagem,
  .memoriaVale #presidentes > div.comUm.comCor.semImagem {
    padding: 0;
  }

  .memoriaVale #linha > div.comUm.horizontal.semImagem .texto,
  .memoriaVale #presidentes > div.comUm.horizontal.semImagem .texto {
    width: 100%;
    padding: 10px;
  }

  .memoriaVale #linha > div.comUm.semImagem .texto div:not(.legenda),
  .memoriaVale #presidentes > div.comUm.semImagem .texto div:not(.legenda) {
    max-width: 425px;
    position: absolute;
    top: 35%;
    left: 66%;
    transform: translateY(-50%);
  }

  .memoriaVale #linha > div.comDois {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .memoriaVale #linha > div.comDois > div {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .memoriaVale #linha > div.comDois > div:first-child {
    margin: 0 0 20px;
  }

  .memoriaVale #linha > div.comDois > div.sImg {
    padding-left: 30px;
    border-left: 1px solid;
  }

  .memoriaVale #linha > div.comDois .img {
    position: relative;
    border-left: 1px solid;
    padding-left: 30px;
    width: 40%;
  }

  .memoriaVale #linha > div.comDois .img .legenda.esquerda {
    left: 30px;
  }

  .memoriaVale #linha > div.comDois .txt {
    font-size: 24px;
    line-height: 29px;

    font-weight: 100;
    margin: 0 0 10px 28px;
    width: 60%;
  }

  .memoriaVale #linha > div.comDois .txt h3 {
    font-size: 24px;
    line-height: 29px;

    font-weight: 100;
    /* margin: 0 0 10px 28px; */
    margin: 0 0 10px;
  }

  .memoriaVale #linha > div.comCaixaFlutuante .caixa {
    position: absolute;
    top: 0;
    left: 0;
  }

  .memoriaVale #linha > div.comCaixaFlutuante .caixa .texto,
  .memoriaVale #linha > div.comCaixaFlutuante .texto {
    padding: 30px 20px 32px 32px;
    position: absolute;
    z-index: 1;
    max-width: 374px;
    left: 0;
    bottom: 100px;
  }

  .memoriaVale #linha > div.comCaixaFlutuante .caixa .texto h3,
  .memoriaVale #linha > div.comCaixaFlutuante.comCaixaFlutuante .texto h3 {
    margin: 0 0 15px;
    color: #ffffff;
    font-size: 24px;
    line-height: 32px;
  }

  .memoriaVale #linha > div.comCaixaFlutuante .caixa .texto .smais,
  .memoriaVale #linha > div.comCaixaFlutuante .texto .smais {
    color: #ffffff;
  }

  .memoriaVale #linha > div.comDegrade:after {
    content: '';
    position: absolute;
    opacity: 0.57;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: transparent
      linear-gradient(180deg, #00000000 0%, #010101 50%, #000000 100%) 0% 0%
      no-repeat padding-box;
    transform: matrix(-1, 0, 0, -1, 0, 0);
  }

  .memoriaVale #linha > div.inteiro h2,
  .memoriaVale #presidentes > div.inteiro h2 {
    color: #e6e6e6;
    font-size: 42px;

    position: absolute;
    z-index: 1;
    top: 60px;
    left: 60px;
  }

  .memoriaVale #linha > div.inteiro h2 span,
  .memoriaVale #presidentes > div.inteiro h2 span {
    font-size: 42px;

    float: none;
    margin: 0;
  }

  .memoriaVale #linha > div.inteiro#reservaVale h2 span,
  .memoriaVale #linha > div.inteiro#valemax h2 span {
    display: block;
  }

  .memoriaVale #linha > div.inteiro.comFaixa,
  .memoriaVale #presidentes > div.inteiro.comFaixa {
    padding: 0 0 0 35px;
  }

  .memoriaVale #linha > div.comCaixaFlutuante.comFaixa:before,
  .memoriaVale #presidentes > div.comCaixaFlutuante.comFaixa:before {
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    width: 1px;
    position: absolute;
  }

  .memoriaVale #linha > div.inteiro.comFaixa:after,
  .memoriaVale #linha > div.inteiro.comFaixa > img,
  .memoriaVale #presidentes > div.inteiro.comFaixa:after,
  .memoriaVale #presidentes > div.inteiro.comFaixa > img {
    left: 35px;
  }

  /* Abertura */
  .memoriaVale #abertura {
    position: relative;
    /* width: calc(100vw - 17px); */
    width: 100vw;
    height: 100vh;
    overflow: hidden;
  }

  .memoriaVale #abertura:before {
    content: '';
    position: absolute;
    background: transparent linear-gradient(180deg, #ffffff 0%, #000000 100%) 0%
      0% no-repeat padding-box;
    opacity: 0.75;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }

  .memoriaVale #abertura:after {
    background-color: rgb(251 239 207 / 0.37);
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
  }

  .memoriaVale #abertura .borda {
    pointer-events: none;
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
    border: 2px solid #ffffff;
    position: absolute;
    z-index: 4;
  }

  .memoriaVale #abertura h1 {
    line-height: 95px !important;
    color: #007e7a;
    margin: 150px 0 0 120px;
    position: absolute;
    font-size: 83px !important;
    width: 370px;
    top: 0;
    left: 0;
    z-index: 3;
  }

  .memoriaVale #abertura h1 span.l1 {
    overflow: hidden;
    width: 100%;
    display: inline-block;
    animation: typing 3.5s steps(30, end);
  }

  .memoriaVale #abertura h1 span.l2 {
    animation: show 3.5s ease-in-out;
  }

  .memoriaVale #abertura .imagens {
    position: absolute;
    z-index: 3;
    /* right: 65px;
        top: 75px; */
    width: 44%;
    top: 8%;
    right: 4%;
  }

  .memoriaVale #abertura .imagens img.img1 {
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    margin: auto;
    z-index: 1;
    animation: high-floating 6s ease-in-out infinite;
    width: 40%;
  }

  .memoriaVale #abertura .imagens img.img2 {
    animation: floating 6s ease-in-out infinite;
    width: 48%;
  }

  .memoriaVale #abertura .imagens img.img3 {
    animation: low-floating 6s ease-in-out infinite;
    width: 50%;
  }

  .memoriaVale #abertura .comecar {
    text-align: center;
    position: absolute;
    z-index: 3;
    bottom: 34px;
    left: 0;
    right: 0;
  }

  .memoriaVale #abertura .comecar h6 {
    color: #ffffff;
    font-size: 18px;

    margin: 0 auto 5px;
    width: 150px;
  }

  /* .memoriaVale #abertura .comecar h6 strong {
  } */

  .memoriaVale #abertura .comecar img.icone {
    width: 70px;
    cursor: pointer;
    animation: floating 6s ease-in-out infinite;
  }

  .memoriaVale #abertura .imagemBg {
    max-width: initial;
    max-height: 100%;
    margin-left: -58%;
    animation: scrolling-bg 6s ease-in-out;
  }

  /* Filtro lateral */
  .memoriaVale .filtroLateral {
    width: 80px;
    height: 100vh;
    background-color: #ffffff;
    box-shadow: 0px 3px 6px #00000029;
    text-align: center;
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    /* justify-content: space-evenly; */
    justify-content: flex-end;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
  }

  .memoriaVale .filtroLateral .titulo {
    color: #57595b;
    font-size: 12px;
    line-height: 15px;

    display: block;
    text-align: center;
    margin: 0 0 15px;
  }

  .memoriaVale .filtroLateral .voltar {
    color: #007e7a;
    font-size: 12px;
    line-height: 24px;

    text-decoration: none;
    padding: 0 0 10px 17px;
    margin: 0 auto 23px;
    display: inline-block;
    position: relative;
    cursor: pointer;
  }

  .memoriaVale .filtroLateral .voltar:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: translateY(-50%) rotate(45deg);
    top: 35%;
    left: 2px;
  }

  .memoriaVale .filtroLateral .voltar:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #007e7a;
  }

  .memoriaVale .filtroLateral .filtros {
    text-align: center;
  }

  .memoriaVale .filtroLateral .filtros > div {
    position: relative;
    margin: 0 auto 15px;
    cursor: pointer;
  }

  .memoriaVale .filtroLateral .filtros > div .img {
    border: 2px solid #a5a5a5;
    border-radius: 50%;
    display: inline-block;
    width: 43px;
    height: 44px;
    pointer-events: none;
  }

  .memoriaVale .filtroLateral .filtros > div .img img,
  .memoriaVale .filtroLateral .filtros > div .img svg {
    margin-top: 50%;
    margin-left: 50%;
    transform: translate(-50%, -50%);
    max-width: 24px;
    height: initial;
  }

  .memoriaVale .filtroLateral .filtros > div .txt {
    position: absolute;
    /* padding: 2.5px 4px; */
    top: 50%;
    left: 63px;
    transform: translate(0, -50%);
    width: 0;
    opacity: 0;
    /* transition: opacity .6s; */
  }

  .memoriaVale .filtroLateral .filtros > div .txt:before {
    display: none;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -8px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
  }

  .memoriaVale .filtroLateral .filtros > div .txt span {
    font-size: 10px;
    color: #ffffff;
    white-space: nowrap;
  }

  .memoriaVale .filtroLateral .filtros > div:hover .txt {
    /* padding: 2.5px 4px; */
    padding: 0 4px 2px;
    width: auto;
    opacity: 1;
  }

  .memoriaVale .filtroLateral .filtros > div:hover .txt:before {
    display: block;
  }

  .memoriaVale .filtroLateral .outros a {
    margin: 0 0 10px;
    display: inline-block;
    position: relative;
    text-decoration: none;
    cursor: pointer;
  }

  .memoriaVale .filtroLateral .outros a .img {
    width: 45px;
    height: 45px;
    display: inline-block;
    border: 1px solid #007e7a;
    position: relative;
    box-sizing: border-box;
  }

  .memoriaVale .filtroLateral .outros a .img img,
  .memoriaVale .filtroLateral .outros a .img svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .memoriaVale .filtroLateral .outros a .txt {
    height: 45px;
    background-color: #007e7a;
    position: absolute;
    top: 0;
    left: 45px;
    display: inline-block;
    width: 0;
    opacity: 0;
    /* transition: opacity.6s; */
  }

  .memoriaVale .filtroLateral .outros a:hover .img {
    background-color: #007e7a;
  }

  .memoriaVale .filtroLateral .outros a:hover .img svg path,
  .memoriaVale .filtroLateral .outros a.ativo .img svg path {
    fill: #ffffff;
  }

  .memoriaVale .filtroLateral .outros a:hover .txt {
    width: 100px;
    opacity: 1;
  }

  .memoriaVale .filtroLateral .outros a .txt span {
    color: #ffffff;
    font-size: 12px;

    margin-top: calc(35% - 12px);
    transform: translateY(-50%);
    display: inline-block;
    position: relative;
  }

  /* .memoriaVale .filtroLateral .outros a .txt span:before {
        content: "";
        width: 1px;
        height: 40px;
        background: #FFFFFF;
        position: absolute;
        left: -12px;
        top: -12px;
    } */
  .memoriaVale .filtroLateral .outros a.acervo {
    width: 45px;
    height: 45px;
    border: 1px solid #007e7a;
  }

  .memoriaVale .filtroLateral .outros a.acervo > span {
    color: #007e7a;
    font-size: 10px;

    /* margin-top: 10px; */
    display: inline-block;
    line-height: 45px;
  }

  .memoriaVale.en .filtroLateral .outros a.acervo > span {
    line-height: 14px;
    margin-top: 9px;
  }

  .memoriaVale.en .filtroLateral .outros a.acervo:hover > span {
    margin-top: 0;
    line-height: 45px;
  }

  .memoriaVale .filtroLateral .outros a.acervo:hover {
    width: 120px;
    background-color: #007e7a;
  }

  .memoriaVale .filtroLateral .outros a.acervo:hover span {
    font-size: 12px;
    white-space: nowrap;
    color: #ffffff;

    line-height: 42px;
    margin-top: 0;
  }

  .memoriaVale .filtroLateral .outros a.vale.ativo .img,
  .memoriaVale .filtroLateral .outros a.presidentes.ativo .img,
  .memoriaVale .filtroLateral .outros a.acervo.ativo {
    background: #007e7a;
  }

  .memoriaVale .filtroLateral .outros a.acervo.ativo span {
    color: #ffffff;
  }

  /* Div dos itens */
  .memoriaVale #linha,
  .memoriaVale #presidentes {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /* 100% x length of linha>div */
    /* width: 6000%; */
    /* width: calc(1100vw + 43100px); */
    height: 100%;
    overflow: hidden;
  }

  .memoriaVale #linha > div,
  .memoriaVale #presidentes > div {
    /* 100% / length of linha>div */
    height: 100%;
    position: relative;
    box-sizing: border-box;
    transition: filter 0.6s;
  }

  .memoriaVale #linha > div.inativo {
    display: none !important;
  }

  .memoriaVale #linha > div.inteiro,
  .memoriaVale #presidentes > div.inteiro {
    /* padding: 30px 30px 30px 110px; */
    padding: 30px;
    box-sizing: border-box;
    /* width: 100vw; */
    width: 1385px;
    min-width: 1385px;
  }

  .memoriaVale
    #linha
    > div.inteiro:not(#valemax):not(#desenvolvendoTalentos):not(#complexoS11D),
  .memoriaVale
    #presidentes
    > div.inteiro:not(#valemax):not(#desenvolvendoTalentos):not(#complexoS11D) {
    overflow: hidden;
  }

  .memoriaVale #linha > div.inteiro > img,
  .memoriaVale #presidentes > div.inteiro > img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    transform: translateY(-50%);
  }

  .memoriaVale #linha > div.inteiro#vagoesComposicoes > img,
  .memoriaVale #linha > div.inteiro#reservaVale > img,
  .memoriaVale #linha > div.inteiro#cartaAberta > img,
  .memoriaVale #linha > div.inteiro#valemax > img,
  .memoriaVale #linha > div.inteiro#complexoS11D > img,
  .memoriaVale #presidentes > div.inteiro#presidenteVale > img,
  .memoriaVale #linha > div#carajasSonho > img {
    /* height: 100%; */
    max-width: initial;
    width: auto;
    /* left: -110px; */
    min-width: 100%;
    min-height: 100%;
  }

  .memoriaVale #presidentes > div.inteiro#presidenteVale > img {
    /* right: -110px; */
    left: inherit;
  }

  .memoriaVale #linha > div#carajasSonho > img {
    position: relative;
  }

  .memoriaVale #linha > div.meio {
    width: 0.84%;
  }

  /* Introdução */
  .memoriaVale #linha > div#intro {
    background: #ffff;
    display: flex;
    flex-direction: row;
    align-items: center;
    filter: grayscale(1);
  }

  .memoriaVale #linha > div#intro .imagens {
    width: 40%;
    position: relative;
  }

  .memoriaVale #linha > div#intro .imagens img.im1 {
    width: 100%;
    max-width: 450px;
  }

  .memoriaVale #linha > div#intro .imagens img.im2 {
    width: 100%;
    max-width: 350px;
    position: absolute;
    bottom: 15%;
    right: -100px;
  }

  .memoriaVale #linha > div#intro .imagens .im1.legenda.esquerda {
    bottom: 25px;
    left: 20px;
  }

  .memoriaVale #linha > div#intro .imagens .im2.legenda.direita {
    right: -85px;
    bottom: calc(15% + 15px);
    max-width: 305px;
  }

  .memoriaVale #linha > div#intro .texto {
    width: 50%;
  }

  .memoriaVale #linha > div#intro .texto h2 {
    margin: 0 0 60px;
    color: #007e7a;
    font-size: 55px;
    line-height: 65px;

    font-weight: 100;
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
  }

  /* .memoriaVale #linha > div#intro .texto h2 strong {
  } */

  .memoriaVale #linha > div#intro .texto h5 {
    color: #747678;
    font-size: 16px;
    line-height: 24px;

    font-weight: 400;
    margin: 0 0 24px 120px;
    position: relative;
    z-index: 1;
  }

  .memoriaVale #linha > div#intro .texto p {
    margin: 0 0 20px 120px;
  }

  .memoriaVale #linha > div#intro .texto p span {
    color: #007e7a;
    font-weight: 700;
  }

  .memoriaVale .paraTopo {
    cursor: pointer;
    position: absolute;
    width: 80px;
    height: 70px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    background-color: #cce5e4;
    z-index: 4;
    top: 0;
    left: 0;
  }

  .memoriaVale .paraTopo:before {
    content: '';
    position: absolute;
    height: 22px;
    width: 3px;
    background-color: #007e7a;
    top: 48.5%;
    left: 38px;
    transform: translate(-50%, -50%);
    transition: all 0.6s;
  }

  .memoriaVale .paraTopo::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-top: 3px solid #007e7a;
    border-right: 3px solid #007e7a;
    transform: rotate(-45deg) translate(-50%, -50%);
    top: 35.5%;
    right: 23px;
    border-radius: 2px;
    transition: all 0.6s;
  }

  .memoriaVale .paraTopo span {
    display: block;
    text-align: center;
    color: #007e7a;
    font-size: 0;

    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    transition: all 0.6s;
  }

  .memoriaVale .paraTopo:hover::after {
    top: 27.5%;
  }

  .memoriaVale .paraTopo:hover::before {
    top: 40.5%;
  }

  .memoriaVale .paraTopo:hover span {
    font-size: 12px;
  }

  .memoriaVale #linha > div#intro .proximo {
    cursor: pointer;
    position: absolute;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-color: #ffffff;
    right: 10%;
    top: 30%;
    z-index: 0;
  }

  .memoriaVale #linha > div#intro .proximo:before {
    content: '';
    position: absolute;
    width: 46px;
    height: 2px;
    background-color: #007e7a;
    top: 48.5%;
    left: 49%;
    transform: translate(-50%, -50%);
  }

  .memoriaVale #linha > div#intro .proximo:after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    border-top: 3px solid #007e7a;
    border-right: 3px solid #007e7a;
    transform: rotate(45deg) translate(-50%, -50%);
    top: 52.5%;
    right: 35%;
    border-radius: 2px;
  }

  /* partida */
  .memoriaVale #linha > div#partida {
    background-image: url('/documents/d/guest/espaco-memoria-partida_bg');
    background-repeat: no-repeat;
    background-size: cover;
  }

  .memoriaVale #linha > div#partida h2 {
    position: absolute;
    font-size: 55px;
    color: #747678;

    font-weight: 100;
    line-height: 70px;
    max-width: 280px;
    margin: 0;
  }

  .memoriaVale #linha > div#partida h2 span {
    float: none;
    font-size: 55px;
  }

  /* primeiraLoc */
  .memoriaVale #linha > div#primeiraLoc {
    width: 980px;
    min-width: 980px;
    margin-left: -375px;
    padding-left: 57px;
  }

  .memoriaVale #linha > div#primeiraLoc .legenda {
    bottom: 10px;
  }

  .memoriaVale #linha > div#primeiraLoc .legenda.direita {
    right: 10px;
  }

  .memoriaVale #linha > div#captacaoRec {
    width: 670px;
    min-width: 670px;
  }

  .memoriaVale #linha > div#captacaoRec .ano {
    position: absolute;
    top: 70px;
    left: 0;
  }

  .memoriaVale #linha > div#captacaoRec .caixa {
    position: absolute;
    top: 0;
    left: 109px;
    background-color: #edb111;
    padding-left: 10px;
    height: 100%;
    width: 557px;
    display: flex;
    align-items: center;
  }

  .memoriaVale #linha > div#fundacaoBrasileiraEItabira,
  .memoriaVale #linha > div#comecaItabiraEExtracao {
    width: 615px;
    min-width: 615px;
    margin: 0 100px;
  }

  .memoriaVale #linha > div#primeiroEngenheiro .imagem {
    margin-top: 20px;
  }

  /* .memoriaVale #linha>div#primeiroEngenheiro .legenda {
        max-width: 290px;
    } */
  .memoriaVale #linha > div#diarioOficial,
  .memoriaVale #linha > div#ataAssembleia {
    width: 980px;
    min-width: 980px;
  }

  .memoriaVale #linha > div#diarioOficial .imagem {
    height: 100%;
  }

  .memoriaVale #linha > div#diarioOficial .imagem:after {
    content: '';
    position: absolute;
    background: #007e7a;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
    z-index: 1;
  }

  .memoriaVale #linha > div#diarioOficial .imagem .ano {
    position: absolute;
    top: 60px;
    left: 45px;
    z-index: 2;
  }

  .memoriaVale #linha > div#diarioOficial .imagem .imgDestaque {
    position: absolute;
    top: 115px;
    left: 40px;
    z-index: 2;
  }

  .memoriaVale #linha > div#diarioOficial .texto {
    margin-left: 60px;
  }

  .memoriaVale #linha > div#diarioOficial .texto h6 {
    color: #747678;
    font-size: 12px;
    line-height: 20px;

    font-weight: 100;
    margin: 0;
  }

  .memoriaVale #linha > div#durar50Anos {
    width: 1230px;
    min-width: 1230px;
  }

  .memoriaVale #linha > div#durar50Anos > div.imagem {
    width: 450px;
    min-width: 450px;
  }

  .memoriaVale #linha > div#durar50Anos > div.texto {
    position: relative;
    width: calc(85% - 450px);
  }

  .memoriaVale #linha > div#durar50Anos .texto > div {
    max-width: 380px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%);
  }

  .memoriaVale #linha > div#durar50Anos .texto > img {
    position: absolute;
    top: 50%;
    left: -45px;
    transform: translateY(-50%);
  }

  .memoriaVale #linha > div#primeiroEmbarque .texto {
    position: relative;
  }

  .memoriaVale #linha > div#primeiroEmbarque .texto > img {
    margin-top: 60px;
    /* margin-left: -55px;
        max-width: 100%; */
    margin-left: 55px;
    max-width: 80%;
  }

  .memoriaVale #linha > div#primeiroEmbarque .texto h6 {
    color: #ffffff;
    font-size: 12px;
    line-height: 20px;

    font-weight: 100;
    position: absolute;
    /* bottom: 50px;
        right: 280px; */
    margin: 0;
    bottom: 0;
    left: 30px;
  }

  .memoriaVale #linha > div#ataAssembleia:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 30%;
    z-index: 0;
    background-color: #007e7a;
  }

  .memoriaVale #linha > div#ataAssembleia .imagem {
    position: relative;
    z-index: 1;
  }

  .memoriaVale #linha > div#escrituraDoacao .legenda {
    /* bottom: 180px; */
    bottom: 148px;
    left: 100px;
    max-width: 150px;
  }

  .memoriaVale #linha > div#presenteGetulio .caixa .imagem {
    margin-left: -35px;
    position: relative;
  }

  .memoriaVale #linha > div#presenteGetulio .caixa .imagem .im1 {
    position: relative;
    z-index: 2;
    /* left: -40px; */
    max-width: 309px;
    left: -10px;
  }

  .memoriaVale #linha > div#presenteGetulio .caixa .imagem .im2 {
    position: absolute;
    top: 15px;
    right: -90px;
    z-index: 1;
    max-width: 313px;
  }

  .memoriaVale #linha > div#presenteGetulio .caixa .imagem h6 {
    color: #ffffff;
    font-size: 12px;
    line-height: 20px;

    font-weight: 100;
  }

  .memoriaVale #linha > div#vagoesComposicoes h2 {
    max-width: 470px;
  }

  /* .memoriaVale #linha>div#vagoesComposicoes img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto;
    } */
  .memoriaVale #linha > div#fotografiasOriginais {
    width: 800px;
    min-width: 800px;
    margin-left: -360px;
    margin-top: 70px;
  }

  .memoriaVale #linha > div#fotografiasOriginais > div {
    width: 50%;
  }

  .memoriaVale #linha > div#fotografiasOriginais .texto {
    margin-left: -40px;
    background-color: #007e7a;
    padding: 66px 44px 66px 66px;
    max-width: 370px;
    box-sizing: border-box;
    z-index: -1;
  }

  .memoriaVale #linha > div#fotografiasOriginais .texto p {
    color: #ffffff;
  }

  .memoriaVale #linha > div#fotografiasOriginais .texto h6 {
    color: #ffffff;
    font-size: 12px;
    line-height: 20px;

    font-weight: 100;
  }

  .memoriaVale #linha > div#primeirasAcoes {
    width: 980px;
    min-width: 980px;
    padding-left: 57px;
  }

  .memoriaVale #linha > div#primeirasAcoes .imagem .legenda {
    margin-left: 100px;
  }

  .memoriaVale #linha > div#jornalVale {
    width: 578px;
    min-width: 578px;
    display: flex;
    align-items: center;
  }

  .memoriaVale #linha > div#reservaVale h2 {
    width: 430px;
    min-width: 430px;
  }

  .memoriaVale #linha > div#cvrd {
    width: 770px;
    min-width: 770px;
  }

  .memoriaVale #linha > div#cvrd .imagem {
    background-color: #007e7a;
    min-width: 350px;
    padding: 50px 20px;
  }

  .memoriaVale #linha > div#cvrd .imagem .im2 {
    position: absolute;
    top: 0;
    left: 140px;
  }

  .memoriaVale #linha > div#gatoMaracaja,
  .memoriaVale #linha > div#desenvolvendoTalentosTexto,
  .memoriaVale #linha > div#protecaoAmazoniaTexto {
    width: 880px;
    min-width: 880px;
    margin-left: -325px;
  }

  .memoriaVale #linha > div#autografoDrummond {
    width: 554px;
    min-width: 554px;
    margin-left: 160px;
  }

  .memoriaVale #linha > div#autografoDrummond .caixa .texto img {
    margin-left: -140px;
    margin-top: 100px;
  }

  .memoriaVale #linha > div#autografoDrummond .texto div:not(.legenda) {
    margin-right: 20px;
    left: 40%;
  }

  .memoriaVale #linha > div#carajasSonho {
    width: 545px;
    min-width: 545px;
    overflow: hidden;
  }

  .memoriaVale #linha > div#parqueZoobotanico {
    margin-left: 200px;
  }

  .memoriaVale #linha > div#parqueZoobotanico .imagem .ano {
    position: absolute;
    bottom: -25px;
    left: -130px;
  }

  .memoriaVale #linha > div#valePrivatizada {
    width: 785px;
    min-width: 785px;
    margin-left: 100px;
  }

  .memoriaVale #linha > div#parceriaChina {
    width: 785px;
    min-width: 785px;
  }

  .memoriaVale #linha > div#desenvolvendoTalentos {
    /* margin-right: 230px; */
    padding: 0;
  }

  .memoriaVale #linha > div#desenvolvendoTalentos .texto {
    position: absolute;
    background-color: #edb111;
    z-index: 1;
    width: 430px;
    padding: 60px 40px;
    top: 50%;
    right: -230px;
    transform: translateY(-50%);
  }

  .memoriaVale #linha > div#desenvolvendoTalentos .texto p {
    color: #ffffff;
  }

  .memoriaVale #linha > div#desenvolvendoTalentos iframe {
    width: 100%;
    height: 100%;
  }

  .memoriaVale #linha > div#bolsaValoresE60Anos {
    width: 615px;
    min-width: 615px;
    /* margin: 0 100px 0 300px; */
    margin: 0 100px;
  }

  .memoriaVale #linha > div#VivenciaNaturezaEValorizacao {
    width: 615px;
    min-width: 615px;
    margin: 0 100px;
  }

  .memoriaVale #linha > div#maiorMina {
    width: 823px;
    min-width: 823px;
    margin: 0 45px 0 102px;
  }

  .memoriaVale #linha > div#maiorMina .legenda {
    max-width: 290px;
  }

  .memoriaVale #linha > div#minaSossego {
    width: 1024px;
    min-width: 1024px;
    margin: 0 45px;
  }

  .memoriaVale #linha > div#minaSossego .imagem {
    margin-left: 145px;
  }

  .memoriaVale #linha > div#minaSossego .imagem .ano {
    position: absolute;
    top: 0;
    left: -130px;
  }

  .memoriaVale #linha > div#minaSossego:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 470px;
    background-color: #ecb11f;
  }

  .memoriaVale #linha > div#suspensaoVendasEPremio {
    width: 615px;
    min-width: 615px;
    margin: 0 100px;
  }

  .memoriaVale #linha > div#windfencesTubarao {
    width: 1024px;
    min-width: 1024px;
  }

  .memoriaVale #linha > div#cartaAberta h2 {
    max-width: 575px;
  }

  .memoriaVale #linha > div#florestaNacional {
    width: 950px;
    min-width: 950px;
    margin-left: -325px;
  }

  .memoriaVale #linha > div#florestaNacional .imagem {
    z-index: 1;
  }

  .memoriaVale #linha > div#florestaNacional .texto {
    background-color: #69be28;
    padding: 60px 40px 60px 350px;
    width: calc(100% - 300px);
    margin-top: -100px;
    margin-left: -300px;
  }

  .memoriaVale #linha > div#florestaNacional .texto p {
    color: #ffffff;
  }

  .memoriaVale #linha > div#jovensIlustradores {
    width: 913px;
    min-width: 913px;
    margin-left: 57px;
  }

  .memoriaVale #linha > div#museuExperiencias {
    width: 970px;
    min-width: 970px;
  }

  .memoriaVale #linha > div#valemax,
  .memoriaVale #linha > div#complexoS11D {
    margin-right: 230px;
    padding: 0;
  }

  .memoriaVale #linha > div#valemax h2 {
    max-width: 400px;
  }

  .memoriaVale #linha > div#valemax .texto,
  .memoriaVale #linha > div#complexoS11D .texto {
    position: absolute;
    background-color: #00b0d4;
    z-index: 1;
    width: 430px;
    padding: 60px 40px;
    top: 50%;
    right: -230px;
    transform: translateY(-50%);
  }

  .memoriaVale #linha > div#valemax .texto p,
  .memoriaVale #linha > div#complexoS11D .texto p,
  .memoriaVale #linha > div#complexoS11D .texto a,
  .memoriaVale #linha > div#valemax .texto a.smais {
    color: #ffffff;
  }

  .memoriaVale #linha > div#valemax > div,
  .memoriaVale #linha > div#complexoS11D > div {
    height: 100%;
  }

  .memoriaVale #linha > div#valemax img,
  .memoriaVale #linha > div#complexoS11D img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .memoriaVale #linha > div#novaOndaEMinaAutonoma {
    width: 615px;
    min-width: 615px;
    margin: 0 100px;
  }

  .memoriaVale #linha > div#protecaoEFundoVale {
    width: 615px;
    min-width: 615px;
    margin: 0 100px;
  }

  .memoriaVale #linha > div#rompimentoBarragem p a {
    font-weight: 600;
  }

  div#rompimentoBarragem span {
    background-color: #80808082;
    color: white;
  }

  .memoriaVale #linha > div#mineracaoCarbono {
    width: 615px;
    min-width: 615px;
    background-image: url('/documents/d/guest/espaco-memoria-14386');
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 0 0 35px;
    padding: 80px 80px 160px;
  }

  .memoriaVale #linha > div#mineracaoCarbono.comCaixaFlutuante.comFaixa:before {
    left: -35px;
  }

  .memoriaVale #linha > div#mineracaoCarbono h3 {
    font-weight: 100;
  }

  .memoriaVale #linha > div#mineracaoCarbono > h3 {
    font-size: 25px;
    line-height: 33px;
    color: #ffffff;
  }

  .memoriaVale #linha > div#mineracaoCarbono.comCaixaFlutuante .texto {
    left: -35px;
    bottom: 5px;
  }

  .memoriaVale #linha > div#mineracaoCarbono img {
    width: 100%;
  }

  /* .memoriaVale #linha>div#mineracaoCarbono .itens {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        align-items: flex-end;
        justify-content: space-between;
    }
    .memoriaVale #linha>div#mineracaoCarbono .itens img {
        margin: 5px;
    } */
  .memoriaVale #linha > div#carbonoNeutro {
    width: 665px;
    min-width: 665px;
    padding: 60px 60px 60px 205px;
  }

  .memoriaVale.memoriaVale #linha > div.comUm.comCor#carbonoNeutro h3,
  .memoriaVale.memoriaVale #linha > div.comUm.comCor#carbonoNeutro p,
  .memoriaVale.memoriaVale #linha > div.comUm.comCor#carbonoNeutro a#smais {
    margin-left: 15px;
  }

  .memoriaVale #linha > div#carbonoNeutro .imagem .ano {
    position: absolute;
    top: -70px;
    left: -190px;
    z-index: 0;
  }

  .memoriaVale #linha > div#carbonoNeutro .imagem img:not(.ano) {
    position: relative;
    z-index: 0;
  }

  .memoriaVale #presidentes > div.comUm.horizontal .texto {
    padding: 54px 0px 54px 54px;
  }

  .memoriaVale #presidentes > div.modelPres {
    margin: 0 100px;
  }

  .memoriaVale #presidentes > div.modelPres:not(.inverse):after {
    content: '';
    top: 0;
    bottom: 0;
    height: 80%;
    right: -100px;
    width: 1px;
    position: absolute;
    margin: auto;
    background-color: #cecece;
  }

  /* .memoriaVale #presidentes>div.modelPres.horizontal:not(.inverse):after {
        right: -45px;
    } */
  .memoriaVale #presidentes > div.modelPres .imagem {
    max-width: 360px;
  }

  .memoriaVale #presidentes > div.modelPres:not(.horizontal) .imagem {
    min-width: 395px;
  }

  .memoriaVale #presidentes > div.modelPres .imagem span {
    font-size: 21px !important;
    top: 50%;
    right: -55px;
    transform: translateY(-50%);
    bottom: inherit;
    left: inherit;
  }

  .memoriaVale #presidentes > div.modelPres .imagem span.l2 {
    line-height: 30px;
    padding-top: 14%;
    box-sizing: border-box;
  }

  .memoriaVale #presidentes > div.modelPres .texto {
    width: calc(100% - 360px);
    padding: 0;
  }

  .memoriaVale #presidentes > div.modelPres .texto h3 {
    margin: 0 0 15px;
  }

  .memoriaVale #presidentes > div.modelPres .texto p {
    margin-left: 50px;
  }

  .memoriaVale #presidentes > div.modelPres.inverse:after {
    /* right: 0; */
    /* width: 70%; */
    content: '';
    position: absolute;
    top: 0;
    right: -100px;
    bottom: 0;
    width: 80%;
    background-color: #3d7edb;
  }

  .memoriaVale #presidentes > div.modelPres.inverse > div {
    z-index: 1;
  }

  .memoriaVale #presidentes > div.modelPres.inverse .imagem span {
    background-color: #ffffff;
    color: #3d7edb;
  }

  .memoriaVale #presidentes > div.modelPres.inverse .texto p span {
    background-color: #ffffff;
    padding: 4px 2px;
    color: #3d7edb;
  }

  .memoriaVale #presidentes > div.modelPres.inverse .texto h3,
  .memoriaVale #presidentes > div.modelPres.inverse h3,
  .memoriaVale #presidentes > div.modelPres.inverse .texto p {
    color: #ffffff;
  }

  .memoriaVale #presidentes > div.modelPres.inverse.azuEs .imagem span,
  .memoriaVale #presidentes > div.modelPres.inverse.azuEs .texto p span {
    color: #3d7edb;
  }

  /* .memoriaVale #presidentes>div.modelPres.inverse.junto:after {
        right: -45px;
    } */
  .memoriaVale
    #presidentes
    > div.modelPres.inverse.junto
    + div.modelPres:before {
    content: '';
    position: absolute;
    top: 0;
    /* left: -45px; */
    left: -100px;
    bottom: 0;
    width: 35%;
    background-color: #3d7edb;
  }

  .memoriaVale #presidentes > div#eduardoBartolomeo,
  .memoriaVale #presidentes > div#jorioSilva,
  .memoriaVale #presidentes > div#agripinoViana,
  .memoriaVale #presidentes > div#israelPinheiro,
  .memoriaVale #presidentes > div#juracyMagalhaes,
  .memoriaVale #presidentes > div#eliezerBatista,
  .memoriaVale #presidentes > div#raymundoMascarenhas,
  .memoriaVale #presidentes > div#oscarOliveira {
    width: 850px;
    min-width: 850px;
    /* margin: 0 45px; */
  }

  .memoriaVale #presidentes > div#fabioSchvartsman,
  .memoriaVale #presidentes > div#franciscoSchettino,
  .memoriaVale #presidentes > div#franciscoLessa,
  .memoriaVale #presidentes > div#pauloLimaVieira,
  .memoriaVale #presidentes > div#fernandoRoqueteReis {
    width: 950px;
    min-width: 950px;
    /* margin: 0 45px; */
  }

  .memoriaVale #presidentes > div#rogerAgnelli,
  .memoriaVale #presidentes > div#antonioDiasLeiteJr {
    width: 760px;
    min-width: 760px;
    /* margin: 0 45px; */
  }

  .memoriaVale #presidentes > div#juracyMagalhaes,
  .memoriaVale #presidentes > div#agripinoViana {
    flex-wrap: wrap;
  }

  .memoriaVale #presidentes > div#juracyMagalhaes h3,
  .memoriaVale #presidentes > div#agripinoViana h3 {
    width: 100%;
    align-self: flex-end;
  }

  /* VALE */
  .memoriaVale #vale,
  .memoriaVale #acervo {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
    overflow: hidden;
  }

  .memoriaVale #vale .resumo,
  .memoriaVale #acervo .resumo {
    position: relative;
    width: 1055px;
    min-width: 1055px;
  }

  .memoriaVale #vale .resumo .texto,
  .memoriaVale #acervo .resumo .texto {
    position: absolute;
    background-color: #007e7a;
    padding: 100px 35px 35px;
    top: 0;
    left: 656px;
    width: 400px;
    box-sizing: border-box;
  }

  .memoriaVale #vale .resumo .texto h2,
  .memoriaVale #acervo .resumo .texto h2 {
    font-size: 42px;
    line-height: 50px;
    color: #ffffff;
    margin: 0 0 20px;
  }

  /* .memoriaVale #vale .resumo .texto h2 strong,
  .memoriaVale #acervo .resumo .texto h2 strong {
  } */

  .memoriaVale #vale .resumo .texto p,
  .memoriaVale #acervo .resumo .texto p {
    color: #ffffff;
  }

  .memoriaVale #vale .abas,
  .memoriaVale #acervo .abas {
    width: 197px;
    min-width: 197px;
    margin-top: 120px;
  }

  .memoriaVale #vale .abas > div,
  .memoriaVale #acervo .abas > div {
    padding: 25px 15px;
    box-sizing: border-box;
    border: 1px solid #007e7a;
    display: inline-block;
    min-width: 133px;
    margin: 0 0 15px;
    cursor: pointer;
  }

  .memoriaVale #vale .abas > div span,
  .memoriaVale #acervo .abas > div span {
    color: #007e7a;
    font-size: 21px;
  }

  .memoriaVale #vale .abas > div.aberto,
  .memoriaVale #acervo .abas > div.aberto {
    display: block;
    background: #007e7a;
  }

  .memoriaVale #vale .abas > div.aberto span,
  .memoriaVale #acervo .abas > div.aberto span {
    color: #ffffff;
    font-size: 28px;
  }

  .memoriaVale #vale .abasConteudo > div,
  .memoriaVale #acervo .abasConteudo > div {
    display: none;
  }

  .memoriaVale #vale .abasConteudo div.aberto,
  .memoriaVale #vale .abasConteudo div.flex,
  .memoriaVale #acervo .abasConteudo div.aberto,
  .memoriaVale #acervo .abasConteudo div.flex {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }

  .memoriaVale #vale .abasConteudo .imagem {
    width: 470px;
    position: relative;
  }

  .memoriaVale #vale .abasConteudo .texto {
    width: calc(100% - 470px);
  }

  .memoriaVale #vale .abasConteudo .texto {
    background-color: #007e7a;
    padding: 60px 40px;
    box-sizing: border-box;
  }

  .memoriaVale #vale .abasConteudo .texto h3 {
    color: #ffffff;
    font-size: 34px;
    line-height: 46px;
    margin: 0 0 30px;
  }

  .memoriaVale #vale .abasConteudo .texto p {
    color: #ffffff;
  }

  .memoriaVale #vale .abasConteudo div.fase1 {
    width: 900px;
    min-width: 900px;
  }

  .memoriaVale #vale .abasConteudo div.fase2 {
    width: 1468px;
    max-width: 1468px;
  }

  .memoriaVale #vale .abasConteudo div.fase3 {
    width: 1340px;
    min-width: 1340px;
  }

  .memoriaVale #vale .abasConteudo div.fase2 .texto {
    position: relative;
    padding: 60px 190px 60px 40px;
    margin-right: 428px;
    width: 570px;
  }

  .memoriaVale #vale .abasConteudo div.fase2 .texto .img {
    position: absolute;
    top: -60px;
    right: -360px;
  }

  .memoriaVale #vale .abasConteudo div.fase3 > div:last-child {
    min-width: 400px;
    margin: 0 40px;
    box-sizing: border-box;
    width: 400px;
  }

  .memoriaVale #vale .abasConteudo div.fase3 > div:last-child h3 {
    color: #007e7a;
    font-size: 20px;
    line-height: 26px;

    margin: 20px 0;
  }

  .memoriaVale #acervo .abas > div span {
    font-size: 18px;
  }

  .memoriaVale #acervo .abas > div.aberto span {
    font-size: 21px;
  }

  .memoriaVale #acervo .abasConteudo div.item1 {
    width: 755px;
    min-width: 755px;
  }

  .memoriaVale #acervo .abasConteudo div.item2 {
    width: 2142px;
    min-width: 2142px;
  }

  .memoriaVale #acervo .abasConteudo div.item3 {
    width: 572px;
    min-width: 572px;
  }

  .memoriaVale #acervo .abasConteudo > div .caixa {
    background-color: #007e7a;
    padding: 60px 40px;
    box-sizing: border-box;
    min-height: 70%;
  }

  .memoriaVale #acervo .abasConteudo > div .caixa h3 {
    color: #ffffff;
    font-size: 34px;
    line-height: 42px;

    margin: 0 0 30px;
  }

  /* .memoriaVale #acervo .abasConteudo > div .caixa h3 strong {
  } */

  .memoriaVale #acervo .abasConteudo > div .caixa p,
  .memoriaVale #acervo .abasConteudo > div .caixa p a {
    color: #ffffff;
  }

  .memoriaVale #acervo .abasConteudo > div.item1 .caixa:after {
    content: '';
    display: block;
    clear: both;
  }

  .memoriaVale #acervo .abasConteudo > div.item1 .caixa p {
    width: calc(50% - 30px);
    float: left;
    margin: 0 15px;
  }

  .memoriaVale #acervo .abasConteudo > div.item2 .caixa {
    display: flex;
    flex-direction: row;
  }

  .memoriaVale #acervo .abasConteudo > div.item2 .caixa .texto {
    width: 470px;
    margin-right: 65px;
    box-sizing: border-box;
  }

  .memoriaVale #acervo .abasConteudo > div.item2 .caixa .linhatempo {
    position: relative;
    width: 1428px;
    height: 500px;
    box-sizing: border-box;
    margin-left: 100px;
  }

  .memoriaVale #acervo .abasConteudo > div.item2 .caixa .linhatempo:after {
    content: '';
    width: 70%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
    background-color: #edb111;
  }

  .memoriaVale #acervo .abasConteudo > div.item2 .caixa .linhatempo > div {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    z-index: 1;
    height: 50%;
  }

  .memoriaVale #acervo .abasConteudo > div.item2 .caixa .linhatempo > div p {
    /* margin: 0 0 0 15px; */
    margin: 0;
    padding: 15px 0;
  }

  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div:before {
    position: absolute;
    font-size: 14px;
    line-height: 43px;
    color: #ffffff;

    left: 25%;
    transform: translateX(-50%);
    background-color: #edb111;
    padding: 0 17px;
    border-radius: 50%;
  }

  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 80px;
    background-color: #edb111;
    left: 25%;
    transform: translateX(-50%);
    z-index: -1;
  }

  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div:nth-child(odd) {
    top: 0;
  }

  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div:nth-child(even) {
    bottom: 0;
  }

  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div:nth-child(odd):before {
    bottom: -20px;
  }

  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div:nth-child(odd):after {
    bottom: 0;
  }

  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div:nth-child(even):before {
    top: -20px;
  }

  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div:nth-child(even):after {
    top: 0;
  }

  .memoriaVale #acervo .abasConteudo > div.item2 .caixa .linhatempo > div img {
    margin-right: 10px;
  }

  .memoriaVale #acervo .abasConteudo > div.item2 .caixa .linhatempo > div.i1 {
    left: 0;
  }

  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div.i1
    img {
    width: 127px;
  }

  .memoriaVale #acervo .abasConteudo > div.item2 .caixa .linhatempo > div.i1 p {
    width: 170px;
  }

  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div.i1:before {
    content: '1';
  }

  .memoriaVale #acervo .abasConteudo > div.item2 .caixa .linhatempo > div.i2 {
    left: 180px;
  }

  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div.i2
    img {
    width: 137px;
  }

  .memoriaVale #acervo .abasConteudo > div.item2 .caixa .linhatempo > div.i2 p {
    width: 170px;
  }

  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div.i2:before {
    content: '2';
  }

  .memoriaVale #acervo .abasConteudo > div.item2 .caixa .linhatempo > div.i3 {
    left: 350px;
  }

  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div.i3
    img {
    width: 165px;
  }

  .memoriaVale #acervo .abasConteudo > div.item2 .caixa .linhatempo > div.i3 p {
    width: 271px;
  }

  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div.i3:before {
    content: '3';
  }

  .memoriaVale #acervo .abasConteudo > div.item2 .caixa .linhatempo > div.i4 {
    left: 515px;
  }

  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div.i4
    img {
    width: 121px;
  }

  .memoriaVale #acervo .abasConteudo > div.item2 .caixa .linhatempo > div.i4 p {
    width: 222px;
  }

  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div.i4:before {
    content: '4';
  }

  .memoriaVale #acervo .abasConteudo > div.item2 .caixa .linhatempo > div.i5 {
    left: 820px;
  }

  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div.i5
    img {
    width: 117px;
  }

  .memoriaVale #acervo .abasConteudo > div.item2 .caixa .linhatempo > div.i5 p {
    width: 271px;
  }

  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div.i5:before {
    content: '5';
    left: 15%;
  }

  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div.i5:after {
    left: 15%;
  }

  .memoriaVale #acervo .abasConteudo > div.item2 .caixa .linhatempo > div.i6 {
    left: 1000px;
  }

  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div.i6
    img {
    width: 122px;
  }

  .memoriaVale #acervo .abasConteudo > div.item2 .caixa .linhatempo > div.i6 p {
    width: 239px;
  }

  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div.i6:before {
    content: '6';
    left: 15%;
  }

  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div.i6:after {
    left: 15%;
  }

  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div.i3:after,
  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div.i4:after {
    height: 60px;
  }

  .memoriaVale
    #acervo
    .abasConteudo
    > div.item2
    .caixa
    .linhatempo
    > div.i5:after {
    height: 50px;
  }
}

/* Modal */

.memoriaVale #modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgb(221 221 221 / 0.6);
  z-index: 10001;
  top: 0;
}

.memoriaVale #modal > div {
  display: none;
  flex-direction: row;
  width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  transition: all 0.6s;
}

.memoriaVale #modal > div:not(.aviso) {
  /* min-width: 50%; */
  width: 768px;
  max-height: 90%;
  margin-left: -50px;
}

.memoriaVale #modal > div:not(.aviso) .imagem {
  /* overflow: hidden; */
  position: relative;
}

.memoriaVale #modal > div:not(.aviso) .imagem img {
  max-width: inherit;
  min-width: 100%;
  top: 50%;
  /* left: 0; */
  transform: translateY(-50%);
  /* position: relative; */
  height: auto;
  width: 415px;
  position: absolute;
  left: -50px;
}

/* .memoriaVale #modal>div:not(.aviso) .texto>div:not(.relacionados) {
    max-height: 34%;
    overflow-y: auto;
} */

.memoriaVale
  #modal
  > div:not(.aviso)
  .texto
  > div:not(.relacionados)::-webkit-scrollbar {
  width: 6px;
}

.memoriaVale
  #modal
  > div:not(.aviso)
  .texto
  > div:not(.relacionados)::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.memoriaVale
  #modal
  > div:not(.aviso)
  .texto
  > div:not(.relacionados)::-webkit-scrollbar-thumb {
  background: #747678;
}

.memoriaVale
  #modal
  > div:not(.aviso)
  .texto
  > div:not(.relacionados)::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.memoriaVale #modal > div .imagem,
.memoriaVale #modal > div .texto {
  width: 50%;
}

.memoriaVale #modal > div .imagem img {
  width: 100%;
}

.memoriaVale #modal > div .texto {
  padding: 50px 20px 30px;
}

.memoriaVale #modal > div .imagem iframe {
  /* width: 100%;
    height: 100%; */
  width: calc(100% + 50px);
  height: 315px;
  position: absolute;
  left: -50px;
  top: 50%;
  transform: translateY(-50%);
}

.memoriaVale #modal > div h4 {
  margin: 0 0 15px;
  font-size: 24px;
  line-height: 31px;
  position: relative;
}

.memoriaVale #modal > div h4:before {
  content: '';
  position: absolute;
  top: 0;
  left: -22px;
  bottom: -20px;
  width: 9px;
}

.memoriaVale #modal > div p {
  font-size: 14px;
  line-height: 20px;
  color: #747678;

  margin: 0 0 10px;
}

.memoriaVale #modal > div .relacionados {
  border-top: 1px solid #747678;
  padding: 10px 0;
}

.memoriaVale #modal > div .relacionados h6 {
  font-size: 11px;
  line-height: 16px;
  color: #747678;

  margin: 0 0 15px;
}

.memoriaVale #modal > div .relacionados > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.memoriaVale #modal > div .relacionados > div .img,
.memoriaVale #modal > div .relacionados > div .txt {
  width: 50%;
  margin: 0 10px;
}

.memoriaVale #modal > div .relacionados > div .img {
  width: 120px;
  height: 120px;
  overflow: hidden;
}

.memoriaVale #modal > div .relacionados .img img {
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  max-width: none;
  width: auto;
}

.memoriaVale #modal.aberto > div .fechar {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 23px;
  height: 20px;
  cursor: pointer;
}

.memoriaVale #modal.aberto > div .fechar:before {
  content: '';
  width: 25px;
  height: 2px;
  background-color: #ddd;
  position: absolute;
  transform: rotate(45deg);
  top: 10px;
  right: 0px;
}

.memoriaVale #modal.aberto > div .fechar:after {
  content: '';
  width: 25px;
  height: 2px;
  background-color: #ddd;
  position: absolute;
  transform: rotate(-45deg);
  top: 10px;
  right: 0px;
}

.memoriaVale #modal > div .relacionados > div .txt span {
  font-size: 11px;
  line-height: 16px;
  color: #747678;

  margin: 0 0 15px;
}

.memoriaVale #modal > div .relacionados > div .txt h5 {
  margin: 0 0 15px;
  font-size: 20px;
  line-height: 27px;

  cursor: pointer;
}

.memoriaVale #modal.aberto {
  display: block;
}

.memoriaVale #modal.aberto > div.selecionado {
  display: flex;
}

.memoriaVale #linha > div#acordoWashington .imagem img {
  width: 100%;
}

.memoriaVale #linha > div#escrituraDoacao .texto {
  position: relative;
}

.memoriaVale #linha > div.comUm#itv .imagem img {
  width: 100%;
}

.memoriaVale #modal > div.aviso {
  max-width: 315px;
  flex-direction: column;
  padding: 25px 20px;
  box-sizing: border-box;
  margin: 30px 0 0 30px;
}

.memoriaVale #modal > div.aviso:before {
  content: '';
  position: absolute;
  width: 300px;
  height: 30px;
  background-color: #007e7a;
  top: -30px;
  left: -30px;
}

.memoriaVale #modal > div.aviso:after {
  content: '';
  position: absolute;
  width: 30px;
  height: 434px;
  background: #007e7a;
  top: -30px;
  left: -30px;
  z-index: -1;
}

.memoriaVale #modal > div.aviso > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 15px 0 0;
}

.memoriaVale #modal > div.aviso > div .img {
  min-width: 65px;
  text-align: center;
}

.memoriaVale #modal > div.aviso > div .img svg {
  max-width: 35px;
}

.memoriaVale #modal > div.aviso > div:last-child .img {
  background-image: url(/documents/d/guest/espaco-memoria-29);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
}

.memoriaVale #modal > div.aviso > div .txt {
  border-left: 1px solid #a5a5a5;
}

.memoriaVale #modal > div.aviso h2 {
  color: #007e7a;
  font-size: 22px;
  line-height: 30px;

  margin: 0;
}

.memoriaVale #modal > div.aviso h2 strong {
  display: block;
}

.memoriaVale #modal > div.aviso p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  color: #a5a5a5;
  margin: 10px;
}

/* Flipbook */

/* .memoriaVale .df-ui-btn {
    display: inline-block;
    padding: 12px 5px;
    -webkit-border-radius: 3px;
    font-size: initial;
}

.memoriaVale #_button_pdf .more-container {
    background-color: #f7f7f7
} */

/*  */

/* .memoriaVale ._df_book {
    height: 500px !important;
} */

/*
.memoriaVale .df-container>canvas {
    width: 329px !important;
    height: 500px !important;
} */

/*  */

/* .memoriaVale #flipbookContainer {
    width: 329px;
    height: 500px;
} */

/* CORES */

/* Amarelo */

.filtroLateral .filtros > div.am:hover .img,
.memoriaVale #linha > div.comDois.am .img,
.memoriaVale #linha > div.comDois.am > div.sImg,
.memoriaVale .filtroLateral .filtros > div.am:hover .img,
.memoriaVale .filtroLateral .filtros > div.am.ativo .img {
  border-color: #ecb11f;
}

.filtroLateral .filtros > div.am:hover .img svg path,
.filtroLateral .filtros > div.am.ativo .img svg path {
  fill: #ecb11f;
}

.filtroLateral .filtros > div.am .txt,
.memoriaVale #linha > div.am .imagem span,
.memoriaVale #presidentes > div.am .imagem span,
.memoriaVale #linha > div.comCaixaFlutuante.am .caixa,
.memoriaVale #linha > div.comCaixaFlutuante.am .caixa .texto,
.memoriaVale #linha > div.comUm.comCor.am,
.memoriaVale #presidentes > div.comUm.comCor.am,
.memoriaVale #linha > div.am .texto h3 span,
.memoriaVale #linha > div.comCaixaFlutuante.comFaixa.am:before,
.memoriaVale #linha > div.comCaixaFlutuante.am .texto,
.memoriaVale #linha > div.am .texto p span,
.memoriaVale #presidentes > div.am .texto p span,
.memoriaVale .filtroLateral .filtros > div.am:hover .txt,
.memoriaVale #modal > div.am h4:before,
.memoriaVale #linha > div.semImagem.am .ano {
  background-color: #ecb11f;
}

.filtroLateral .filtros > div.am .txt:before {
  border-right: 8px solid #ecb11f;
}

.memoriaVale #linha > div.am h2 span,
.memoriaVale #linha > div.am .texto h3,
.memoriaVale #presidentes > div.am .texto h3,
.memoriaVale #linha > div.am a.smais,
.memoriaVale #linha > div.comDois.am .txt h3,
.memoriaVale #linha > div.am h3,
.memoriaVale.memoriaVale #linha > div.comCor.am .texto p span,
.memoriaVale #modal > div.am h4,
.memoriaVale #modal > div.am .relacionados > div .txt h5,
.memoriaVale .am p a {
  color: #ecb11f;
}

/* Verde */

.filtroLateral .filtros > div.ver:hover .img,
.memoriaVale #linha > div.comDois.ver .img,
.memoriaVale #linha > div.comDois.ver > div.sImg,
.memoriaVale .filtroLateral .filtros > div.ver:hover .img,
.memoriaVale .filtroLateral .filtros > div.ver.ativo .img {
  border-color: #69be28;
}

.filtroLateral .filtros > div.ver:hover .img svg path,
.filtroLateral .filtros > div.ver.ativo .img svg path {
  fill: #69be28;
}

.filtroLateral .filtros > div.ver .txt,
.memoriaVale #linha > div.ver .imagem span,
.memoriaVale #presidentes > div.ver .imagem span,
.memoriaVale #linha > div.comCaixaFlutuante.ver .caixa,
.memoriaVale #linha > div.comCaixaFlutuante.ver .caixa .texto,
.memoriaVale #linha > div.comUm.comCor.ver,
.memoriaVale #presidentes > div.comUm.comCor.ver,
.memoriaVale #linha > div.ver .texto h3 span,
.memoriaVale #linha > div.comCaixaFlutuante.comFaixa.ver:before,
.memoriaVale #linha > div.comCaixaFlutuante.ver .texto,
.memoriaVale #linha > div.ver .texto p span,
.memoriaVale #presidentes > div.ver .texto p span,
.memoriaVale .filtroLateral .filtros > div.ver:hover .txt,
.memoriaVale #modal > div.ver h4:before,
.memoriaVale #linha > div.semImagem.ver .ano {
  background-color: #69be28;
}

.filtroLateral .filtros > div.ver .txt:before {
  border-right: 8px solid #69be28;
}

.memoriaVale #linha > div.ver h2 span,
.memoriaVale #linha > div.ver .texto h3,
.memoriaVale #presidentes > div.ver .texto h3,
.memoriaVale #linha > div.comDois.ver .txt h3,
.memoriaVale #linha > div.ver a.smais,
.memoriaVale #linha > div.comDois.ver .txt h3,
.memoriaVale #linha > div.ver h3,
.memoriaVale #presidentes > div.ver h3,
.memoriaVale.memoriaVale #linha > div.comCor.ver .texto p span,
.memoriaVale #modal > div.ver h4,
.memoriaVale #modal > div.ver .relacionados > div .txt h5,
.memoriaVale .ver p a {
  color: #69be28;
}

.memoriaVale #linha > div.comDois.ver .img {
  border-color: #69be28;
}

/* Azul */

.filtroLateral .filtros > div.azu:hover .img,
.memoriaVale #linha > div.comDois.azu .img,
.memoriaVale #linha > div.comDois.azu > div.sImg,
.memoriaVale .filtroLateral .filtros > div.azu:hover .img,
.memoriaVale .filtroLateral .filtros > div.azu.ativo .img {
  border-color: #00b0ca;
}

.filtroLateral .filtros > div.azu:hover .img svg path,
.filtroLateral .filtros > div.azu.ativo .img svg path {
  fill: #00b0ca;
}

.filtroLateral .filtros > div.azu .txt,
.memoriaVale #linha > div.azu .imagem span,
.memoriaVale #presidentes > div.azu .imagem span,
.memoriaVale #linha > div.comCaixaFlutuante.azu .caixa,
.memoriaVale #linha > div.comCaixaFlutuante.azu .caixa .texto,
.memoriaVale #linha > div.comUm.comCor.azu,
.memoriaVale #presidentes > div.comUm.comCor.azu,
.memoriaVale #linha > div.azu .texto h3 span,
.memoriaVale #linha > div.comCaixaFlutuante.comFaixa.azu:before,
.memoriaVale #linha > div.comCaixaFlutuante.azu .texto,
.memoriaVale #linha > div.azu .texto p span,
.memoriaVale #presidentes > div.azu .texto p span,
.memoriaVale .filtroLateral .filtros > div.azu:hover .txt,
.memoriaVale #modal > div.azu h4:before,
.memoriaVale #linha > div.semImagem.azu .ano {
  background-color: #00b0ca;
}

.filtroLateral .filtros > div.azu .txt:before {
  border-right: 8px solid #00b0ca;
}

.memoriaVale #linha > div.azu h2 span,
.memoriaVale #linha > div.azu .texto h3,
.memoriaVale #presidentes > div.azu .texto h3,
.memoriaVale #linha > div.azu a.smais,
.memoriaVale #linha > div.comDois.azu .txt h3,
.memoriaVale #linha > div.azu h3,
.memoriaVale #presidentes > div.azu h3,
.memoriaVale #linha > div.azu h3 a,
.memoriaVale.memoriaVale #linha > div.comCor.azu .texto p span,
.memoriaVale #modal > div.azu h4,
.memoriaVale #modal > div.azu .relacionados > div .txt h5,
.memoriaVale .azu p a {
  color: #00b0ca;
}

/* Verde Escuro */

.filtroLateral .filtros > div.verEs:hover .img,
.memoriaVale #linha > div.comDois.verEs .img,
.memoriaVale #linha > div.comDois.verEs > div.sImg,
.memoriaVale .filtroLateral .filtros > div.verEs:hover .img,
.memoriaVale .filtroLateral .filtros > div.verEs.ativo .img {
  border-color: #007e7a;
}

.filtroLateral .filtros > div.verEs:hover .img svg path,
.filtroLateral .filtros > div.verEs.ativo .img svg path {
  fill: #007e7a;
}

.filtroLateral .filtros > div.verEs .txt,
.memoriaVale #linha > div.verEs .imagem span,
.memoriaVale #presidentes > div.verEs .imagem span,
.memoriaVale #linha > div.comCaixaFlutuante.verEs .caixa,
.memoriaVale #linha > div.comCaixaFlutuante.verEs .caixa .texto,
.memoriaVale #linha > div.comUm.comCor.verEs,
.memoriaVale #presidentes > div.comUm.comCor.verEs,
.memoriaVale #linha > div.verEs .texto h3 span,
.memoriaVale #linha > div.comCaixaFlutuante.comFaixa.verEs:before,
.memoriaVale #linha > div.comCaixaFlutuante.verEs .texto,
.memoriaVale #linha > div.verEs .texto p span,
.memoriaVale #presidentes > div.verEs .texto p span,
.memoriaVale .filtroLateral .filtros > div.verEs:hover .txt,
.memoriaVale #modal > div.verEs h4:before,
.memoriaVale #linha > div.semImagem.verEs .ano {
  background-color: #007e7a;
}

.filtroLateral .filtros > div.verEs .txt:before {
  border-right: 8px solid #007e7a;
}

.memoriaVale #linha > div.verEs h2 span,
.memoriaVale #linha > div.verEs .texto h3,
.memoriaVale #presidentes > div.verEs .texto h3,
.memoriaVale #linha > div.verEs a.smais,
.memoriaVale #linha > div.comDois.verEs .txt h3,
.memoriaVale #linha > div.verEs h3,
.memoriaVale #presidentes > div.verEs h3,
.memoriaVale.memoriaVale #linha > div.comCor.verEs .texto p span,
.memoriaVale #modal > div.verEs h4,
.memoriaVale #modal > div.verEs .relacionados > div .txt h5,
.memoriaVale .verEs p a {
  color: #007e7a;
}

/* Azul Escuro */

.filtroLateral .filtros > div.azuEs:hover .img,
.memoriaVale #linha > div.comDois.azuEs .img,
.memoriaVale #linha > div.comDois.azuEs > div.sImg,
.memoriaVale .filtroLateral .filtros > div.azuEs:hover .img,
.memoriaVale .filtroLateral .filtros > div.azuEs.ativo .img {
  border-color: #3d7edb;
}

.filtroLateral .filtros > div.azuEs:hover .img svg path,
.filtroLateral .filtros > div.azuEs.ativo .img svg path {
  fill: #3d7edb;
}

.filtroLateral .filtros > div.azuEs .txt,
.memoriaVale #linha > div.azuEs .imagem span,
.memoriaVale #presidentes > div.azuEs .imagem span,
.memoriaVale #linha > div.comCaixaFlutuante.azuEs .caixa,
.memoriaVale #linha > div.comCaixaFlutuante.azuEs .caixa .texto,
.memoriaVale #linha > div.comUm.comCor.azuEs,
.memoriaVale #presidentes > div.comUm.comCor.azuEs,
.memoriaVale #linha > div.azuEs .texto h3 span,
.memoriaVale #linha > div.comCaixaFlutuante.comFaixa.azuEs:before,
.memoriaVale #linha > div.comCaixaFlutuante.azuEs .texto,
.memoriaVale #linha > div.azuEs .texto p span,
.memoriaVale #presidentes > div.azuEs .texto p span,
.memoriaVale .filtroLateral .filtros > div.azuEs:hover .txt,
.memoriaVale #modal > div.azuEs h4:before,
.memoriaVale #linha > div.semImagem.azuEs .ano {
  background-color: #3d7edb;
}

.filtroLateral .filtros > div.azuEs .txt:before {
  border-right: 8px solid #3d7edb;
}

.memoriaVale #linha > div.azuEs h2 span,
.memoriaVale #linha > div.azuEs .texto h3,
.memoriaVale #presidentes > div.azuEs .texto h3,
.memoriaVale #linha > div.azuEs a.smais,
.memoriaVale #linha > div.comDois.azuEs .txt h3,
.memoriaVale #linha > div.azuEs h3,
.memoriaVale #presidentes > div.azuEs h3,
.memoriaVale.memoriaVale #linha > div.comCor.azuEs .texto p span,
.memoriaVale #modal > div.azuEs h4,
.memoriaVale #modal > div.azuEs .relacionados > div .txt h5,
.memoriaVale .azuEs p a {
  color: #3d7edb;
}

@media screen and (min-width: 769px) {
  /* Animação */
  .memoriaVale .anima {
    opacity: 0;
    transition: opacity, transform;
    transition-timing-function: ease;
    /* transition-duration: .8s; */
    transition-duration: 2s;
  }

  .memoriaVale .anima.left {
    transform: translate3d(100px, 0, 0);
  }

  .memoriaVale .anima.right {
    transform: translate3d(-100px, 0, 0);
  }

  .memoriaVale .anima.up {
    transform: translate3d(0, 100px, 0);
  }

  .memoriaVale .anima.down {
    transform: translate3d(0, -100px, 0);
  }

  .memoriaVale .anima.fade {
    opacity: 0;
  }

  .memoriaVale .anima.rotate {
    transform: rotate(-10deg);
  }

  .memoriaVale .anima.scale {
    transform: scale(1.2);
  }

  .memoriaVale .anima.on {
    opacity: 1;
    transform: translateZ(0) rotate(0) scale(1);
  }

  .memoriaVale .anima[data-delay='600'] {
    transition-delay: 0.6s;
  }

  .memoriaVale .anima[data-delay='300'] {
    transition-delay: 0.3s;
  }

  .memoriaVale .anima[data-delay='200'] {
    transition-delay: 0.2s;
  }

  .memoriaVale .anima[data-delay='100'] {
    transition-delay: 0.1s;
  }
}

/* ANIMAÇÕES */

@keyframes typing {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@keyframes show {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes scrolling-bg {
  0% {
    margin-left: 0;
  }

  100% {
    margin-left: -58%;
  }
}

@keyframes low-floating {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(30px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes floating {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(15px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes high-floating {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(35px);
  }

  100% {
    transform: translateY(0px);
  }
}