body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

p {
    width: 100%;
    max-width: 600px;
    font-family: "Freight Text";
    font-size: 21px;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.8);
    margin: 0 0 32px 0;
    padding: 0 16px;
}

@media(max-width: 600px) {
    p {
        font-size: 18px;
    }
}

.brand {
    position: fixed;
    top: 0;
    left: 16px;
    z-index: 3;
}

.brand a {
    line-height: 48px;
    color: #fff;
    font-size: 26px;
    -webkit-transition: color ease .3s;
    transition: color ease .3s;
}

.brand a.dark {
    color: #000;
}

.heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    opacity: 0;
    -webkit-transform: translateY(48px);
            transform: translateY(48px);
    -webkit-transition: opacity ease 1s,
                -webkit-transform ease 1s;
    transition: opacity ease 1s,
                -webkit-transform ease 1s;
    transition: opacity ease 1s,
                transform ease 1s;
    transition: opacity ease 1s,
                transform ease 1s,
                -webkit-transform ease 1s;
}

.heading.show {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.chapter-tag {
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
}

h1 {
    padding-bottom: 16px;
    font-family: "Estado Headline";
    font-size: 48px;
    text-align: center;
    line-height: 1;
    color: #fff;
}

h1 span {
    display: block;
    font-size: 24px;
    text-align: center;
    font-style: italic;
    font-weight: normal;
    line-height: 1.1;
}

h2 {
    font-family: "Estado Headline";
    font-size: 48px;
    color: #fff;
}

.share ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.share ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 48px;
    height: 48px;
}

.share ul li i {
    font-size: 21px;
    color: #fff;
    -webkit-transition: color ease .3s;
    transition: color ease .3s;
}

.share ul li i.dark {
    font-size: 21px;
    color: #000;
}

.share ul li span {
    display: none;
}

@media(min-width: 480px) {
    h1 {
        font-size: 57.6px;
    }
    h1 span {
        font-size: 28.8px;
    }

}

@media(min-width: 720px) {
    h1 {
        font-size: 69.12
    }
    h1 span {
        font-size: 28.8px;
    }
    h1 span br {
        display: none;
    }
}

@media(min-width: 960px) {
    h1 {
        font-size: 120px;
    }
    h1 span {
        font-size: 28px;
    }
}

.galeria {
    width: 100%;
    margin-bottom: 32px;
    padding: 32px 0;
    background: #f5f5f5;
    /*background: rgba(139,165,92,0.25);*/
}

.slick-slider {
    width: 100%;
    background: #f5f5f5;
    margin: auto;
}

.slick-slider figure {
    width: 100%;
    margin: auto;
}

.slick-slider .image-wrapper {
    width: 100%;
    max-width: 720px;
    margin: auto;
}

.slick-slider figcaption {
    width: 100%;
    max-width: 720px;
    margin: auto;
    font-size: 14px;
    font-weight: 500;
    opacity: .54;
    line-height: 1.5;
    padding-top: 8px;
}

.slick-slider figcaption .credits {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    padding-top: 8px;
}

.slick-slider figcaption .credits i {
    margin-right: 8px;
}

.slick-slide {
    opacity: .33;
    -webkit-transition: opacity ease .3s;
    transition: opacity ease .3s;
}

.slick-slide.slick-current {
    opacity: 1;
}

.prev,
.next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    color: #fff;
    background: rgba(0, 0, 0, .38);
    -webkit-transition: background ease .3s;
    transition: background ease .3s;
    z-index: 1;
}

.prev {
    left: 16px;
}

.next {
    right: 16px;
}

.prev .fa,
.next .fa {
    font-size: 21px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 32px;
}

.prev:hover,
.next:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, .54);
}

.galeria-heading {
    margin-bottom: 32px;
    font-family: "Estado Headline";
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}

.story-figure {
    width: 100%;
    max-width: 720px;
    margin-bottom: 32px;
    padding: 0 16px;
}

.story-figure.small {
    max-width: 600px;
}

.story-figure figcaption {
    padding-top: 8px;
    font-size: 14px;
    font-family: "Flama";
    font-weight: bold;
    opacity: .54;
    line-height: 1.8;
}

.row {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.margin-note {
  width: 100%;
  max-width: 180px;
  float: left;
}

/*.margin-note div {
    font-family: "Flama";
    font-size: 14px;
    line-height: 1.5;
}*/

.margin-note div + div {
    font-family: 'Flama';
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 32px;
    font-weight: 500;
    opacity: .54;
    padding-top: 1.6rem;
    clear: left;
    display: none;
}

.margin-note .ampliar {
    width: 100%;
    max-width: 180px;
}

.margin-note .my-gallery figure {
    width: auto;
    margin: 0;
}

.entry-sub {
  float: right;
  width: 100%;
  max-width: 240px;
  margin-left: 16px;
}

.row p {
    margin: 0 auto 32px;
}

/* */

@media (max-width: 976px) {
  .margin-note {
    float: right;
    margin: 0 0 16px 16px;
    padding-right: 16px;
  }
}

@media (max-width: 720px) {
  .entry-sub {
    float: none;
    max-width: 550px;
    margin: 0 auto 32px;
  }
}

.mapa-heading {
    font-family: "Estado Headline";
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 32px;
}

.mapa-tag {
    font-family: "Flama";
    display: block;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    opacity: .54;
}

.mapa-interativo {
    position: relative;
}

.mapa-interativo .my-gallery {
    position: absolute;
    width: auto;
    top: 80%;
    left: 64%;
}

.mapa-interativo .my-gallery figure {
    width: 20px;
    margin: 0;
}

.mapa-interativo .my-gallery img {
    opacity: 0;
}

.mapa-interativo a[href="img/mapas/mapa-grande.jpg"] {
    padding: 2.4rem;
    margin-left: -1.8rem;
    border-radius: 999rem;
}

.mapa-interativo .my-gallery figure.thumb:after {
    display: none;
}

.mapa-interativo .my-gallery figure.thumb:after:hover {
    display: none;
}

.marker {
    position: absolute;
    width: 32px;
    height: 32px;
    border: 2px solid #000;
    border-radius: 50%;
    opacity: 1;
    top: 82.9%;
    left: 63%;
}

main {
    position: relative;
}

footer {
    height: 0;
    padding-top: 50%;
}

.foto-base {
    position: absolute;
    bottom: 0;
    z-index: -1;
    width: 100%;
}

.jumbotron-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .25;
    pointer-events: none;
}

/* navegação na base da página */

a {
  text-decoration: none;
}

.anterior-proximo {
  width: 100%;
  max-width: 600px;
  padding: 0 16px;
  font-family: "Flama";
}

.anterior-proximo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.anterior,
.proximo {
  width: 50%;
  color: #000;
}

.proximo {
  text-align: right;
}

.tag-anterior,
.tag-proximo {
  display: block;
  font-size: 14px;
  opacity: .54;
}

.capitulo {
  font-weight: bold;
}

.foto-base figcaption {
    position: absolute;
    bottom: 8px;
    left: 16px;
    color: #fff;
    font-size: 14px;
    font-family: "Flama";
    font-weight: bold;
    opacity: .75;
}

.foto-base figcaption.right {
    left: auto;
    right: 16px;
}

.infografico {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding: 0 16px;
    margin-bottom: 32px;
    font-family: "Flama";
}

.infografico.isolado {
    padding-top: 32px;
    padding-bottom: 32px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.infografico-titulo {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 32px;
}

.infografico-lead {
    width: 100%;
    max-width: 568px;
    margin: 0 auto 48px;
}

.infografico figure {
    width: 100%;
    max-width: 720px;
}

.chapter-tag {
    margin-bottom: 16px;
}

h2 {
    margin: 0;
    text-align: center;
    line-height: 1.1;
}

@media(max-width: 480px) {
    h2 {
        font-size: 36px;
    }
}

.capitulo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.proximo .capitulo {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.proximo,
.anterior {
    -webkit-transition: opacity ease .3s;
    transition: opacity ease .3s;
}

.proximo .fa,
.anterior .fa {
    width: 16px;
    line-height: 32px;
}

.proximo:hover,
.anterior:hover {
    opacity: .54;
}

.tag-proximo {
    font-size: 15px;
    padding-right: 24px;
}

.tag-anterior {
    font-size: 15px;
    padding-left: 24px;
}

.fa-arrow-right {
    margin-left: 8px;
}

.fa-arrow-left {
    margin-right: 8px;
}

@media(max-width: 600px) {
    .capitulo {
        line-height: 1.2;
    }
    .proximo,
    .anterior {
        font-size: 14px;
    }
    .tag-anterior,
    .tag-proximo {
        line-height: 1;
        font-size: 13px;
        padding-bottom: 4px;
    }
    .proximo .fa {
        line-height: 16px;
    }
}

h3 {
    font-family: "Estado Headline";
    font-weight: bold;
    text-align: left;
    width: 100%;
    max-width: 600px;
    padding: 0 16px;
    margin: 0;
    margin-bottom: 32px;
}

.jumbotron {
    margin-bottom: 32px;
}

p.publicacao {
    font-family: "Flama";
    margin: auto;
    margin-bottom: 32px;
    font-size: 18px;
}

.autor {
    font-family: "Freight Text";
    /*margin: auto;*/
    /*margin-bottom: 32px;*/
    margin: 32px auto 16px;
    width: 100%;
    max-width: 600px;
    padding: 0 16px;
    font-size: 21px;
    text-align: center;
    font-style: italic;
    font-weight: bold;
}

.byline {
    margin-bottom: 0;
}

.explore .fa {
    font-size: 24px;
}

@media(max-width: 752px) {
    .slick-slider figcaption {
        padding: 0 16px;
    }
}

.texto-pequeno {
    padding: 8px 16px;
    font-family: "Flama";
    font-size: 13px;
    line-height: 1.5;
    font-weight: 500;
    opacity: .54;
}

.texto-pequeno span {
    font-size: 11px;
    text-transform: uppercase;
}

.row-sub {
    max-width: 720px;
}

.row-sub .fa-camera {
    margin-right: 8px;
}

.foto-base .fa {
    padding: 0 8px;
}
.mapa-interativo figure {
  position: relative;
}
.marker,
.ampliar {
  top: calc(81% - 16px) !important;
  left: calc(81.5% - 16px) !important;
  z-index: 10;
}
@media (min-width: 480px) {
  .marker,
  .ampliar {
    top: calc(82% - 16px) !important;
    left: calc(60% - 16px) !important;
  }
}
@media (min-width: 600px) {
  .marker,
  .ampliar {
    top: calc(82% - 16px) !important;
    left: calc(59.75% - 16px) !important;
  }
  .texto-pequeno {
    padding: 8px 0;
  } 
}
.marker {
  border: 2px solid #ffd300;
}
.g-artboard {
  display: none;
}
.g-artboard p {
  width: auto;
  max-width: none;
  padding: 0;
}
.g-show-small {
  display: block;
}
.g-show-medium,
.g-show-medium.g-show-large,
.g-show-medium.g-show-xlarge,
.g-show-medium.g-show-large.g-show-xlarge {
  max-width: 100%;
}
.g-show-large,
.g-show-large.g-show-xlarge {
  max-width: 100%;
}
.g-show-xlarge {
  max-width: 100%;
}
@media (min-width: 480px) {
  .g-show-small {
    display: none;
  }
  .g-show-smallplus {
    display: block;
  }
}
@media (min-width: 600px) {
  .g-show-smallplus {
    display: none;
  }
  .g-show-submedium {
    display: block;
  }
}
@media (min-width: 720px) {
  .g-show-submedium {
    display: none;
  }
  .g-show-medium {
    display: block;
  }
}
@media (min-width: 960px) {
  .g-show-medium {
    display: none;
  }
  .g-show-large {
    display: block;
  }
}
@media (min-width: 1200px) {
  .g-show-large {
    display: none;
  }
  .g-show-xlarge {
    display: block;
  }
}
.expediente {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: "Flama";
    color: #fff;
    background: #000;
    padding: 32px 0;
    line-height: 1.5;
}
.expediente-wrap {
    width: 100%;
    max-width: 600px;
    padding: 0 16px;
}
.expediente-titulo {
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    margin-bottom: 32px;
    opacity: .87;
}
.expediente-wrap li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.expediente-wrap li:last-child {
    border-bottom: none;
}
.expediente-wrap li div {
    width: 50%;
}

.expediente-wrap li div:first-child {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    opacity: .57;
}
.expediente-wrap li div:last-child {
    font-size: 15px;
}

.dateline {
    font-weight: 400;
    opacity: .33;
}

@media ( max-width: 720px ) { 
    .galeria figcaption {
        padding: 1.6rem;
    }
    .galeria {
        padding-top: 0;
        padding-bottom: 0;
    }
}