@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Crimson+Text:400,400i,600,600i,700,700i");
@font-face {
  font-family: 'Canter Outline';
  src: url("/fonts/woff/CanterOutline.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}

@font-face {
  font-family: 'Canter Light';
  src: url("/fonts/woff/CanterLight.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}

@font-face {
  font-family: 'Canter Bold';
  src: url("/fonts/woff/CanterBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}

@font-face {
  font-family: 'Canter Bold Strips';
  src: url("/fonts/woff/CanterBoldStrips.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}

@font-face {
  font-family: 'Canter Bold Shadow';
  src: url("/fonts/woff/CanterBoldStrips.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}

@font-face {
  font-family: 'Canter Bold 3D';
  src: url("/fonts/woff/CanterBoldStrips.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}

@font-face {
  font-family: 'Another Typewriter';
  src: url("/fonts/woff/AnotherTypewriter.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00F8;
}

@font-face {
  font-family: 'Adobe Garamond Pro Bold';
  src: url("/fonts/woff/AGaramondPro-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00F8;
}

/*
@font-face {
    font-family:'Adobe Garamond Pro Bold Italic';
    //src: url('/fonts/otf/AGaramondPro-BoldItalic.otf') format('opentype');
    src: url('/fonts/woff/AGaramondPro-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-00F8;
}

@font-face {
    font-family:'Adobe Garamond Pro Italic';
    //src: url('/fonts/otf/AGaramondPro-Italic.otf') format('opentype');
    src: url('/fonts/woff/AGaramondPro-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-00F8;
}

@font-face {
    font-family:'Adobe Garamond Pro Regular';
    //src: url('/fonts/AGaramondPro-Regular.otf') format('opentype');
    src: url('/fonts/woff/AGaramondPro-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00F8;
}
*/
.mCustomScrollBox {
  width: 100%;
}

.mCSB_container {
  width: 100%;
}

.text-flex-end .mCustomScrollBox {
  position: relative;
}

.text-flex-end .mCustomScrollBox .mCSB_container.mCS_no_scrollbar_y {
  position: absolute !important;
  top: auto !important;
  left: 0;
  bottom: 0 !important;
}

.mCSB_inside > .mCSB_container {
  margin-right: 0px;
}

.mCSB_scrollTools {
  opacity: 0;
  margin: 10px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(39, 31, 48, 0.25);
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(39, 31, 48, 0.25);
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(39, 31, 48, 0.25);
}

.seta-esquerda-slider.slick-disabled, .seta-direita-slider.slick-disabled {
  opacity: 0;
  pointer-events: none;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
}

.slick_slider {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}

.slick_slider.visible {
  opacity: 1;
}

@-ms-viewport {}

@viewport {}html {
  font-size: 16px;
}

a, a:hover, a:visited, a:focus {
  color: inherit;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p {
  font-size: 100%;
  margin: 0;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  line-height: 1;
  -webkit-overflow-scrolling: touch;
}

body {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-image: url("/images/texturas/texturafundo_cinza.jpg");
}

@media (max-width: 992px) {
  body {
    height: auto;
    overflow-y: visible;
  }
}

body, .lista-historias-container ol, .half_frame, .half_frame_height, .full_frame, .familia-grid-wrapper, .apoio_tabela_donativos {
  zoom: 1;
}

body:before, .lista-historias-container ol:before, .half_frame:before, .half_frame_height:before, .full_frame:before, .familia-grid-wrapper:before, .apoio_tabela_donativos:before, body:after, .lista-historias-container ol:after, .half_frame:after, .half_frame_height:after, .full_frame:after, .familia-grid-wrapper:after, .apoio_tabela_donativos:after {
  content: "";
  display: table;
}

body:after, .lista-historias-container ol:after, .half_frame:after, .half_frame_height:after, .full_frame:after, .familia-grid-wrapper:after, .apoio_tabela_donativos:after {
  clear: both;
}

header, footer, .right-frame, .left-frame {
  position: absolute;
  background-image: url("/images/texturas/texturafundo_cinza.jpg");
  -moz-background-size: auto auto;
    -o-background-size: auto auto;
       background-size: auto auto;
  background-position: center center;
  background-repeat: repeat;
}

header, footer {
  width: 100%;
  height: 60px;
  left: 0;
  z-index: 210;
}

header {
  top: 0;
  padding-left: 3.75rem;
  z-index: 212;
}

@media (max-width: 992px) {
  header {
    position: fixed;
    height: 50px;
    padding-left: 0rem;
  }
}

footer {
  bottom: 0;
  padding-left: 3.75rem;
}

@media (max-width: 992px) {
  footer {
    position: fixed;
    background-image: none;
    height: 75px;
    padding-left: 0rem;
  }
}

footer.mb_apoios .apoios_btn, footer.mb_apoios .topo_btn {
  display: none;
}

footer.mb_apoios .fechar_btn {
  display: block;
}

.right-frame, .left-frame {
  width: 60px;
  height: -webkit-calc(100vh - (60px * 2));
  height: -moz-calc(100vh - (60px * 2));
  height: calc(100vh - (60px * 2));
  top: 60px;
  z-index: 211;
  -webkit-transition: width 0.25s ease-in-out;
  -o-transition: width 0.25s ease-in-out;
  -moz-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
}

@media (max-width: 992px) {
  .right-frame, .left-frame {
    position: fixed;
    top: 50px;
    width: 15px;
    height: -webkit-calc(100vh - (15px + 50px));
    height: -moz-calc(100vh - (15px + 50px));
    height: calc(100vh - (15px + 50px));
    background-image: none;
  }
}

.left-frame {
  left: 0;
}

.right-frame {
  right: 0;
}

.right-frame.seta-homepage:after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 120px;
  height: 145px;
  right: 0%;
  background-image: url("/images/texturas/texturafundo_cinza.jpg");
  -moz-background-size: auto auto;
    -o-background-size: auto auto;
       background-size: auto auto;
  background-position: center center;
  background-repeat: repeat;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .right-frame.seta-homepage:after {
    width: 100px;
    height: 100px;
  }
}

@media (max-width: 992px) {
  .right-frame.seta-homepage:after {
    width: 80px;
    height: 95px;
    top: 90px;
    -webkit-transform: translateY(0%);
       -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
         -o-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@media (max-width: 640px) {
  .right-frame.seta-homepage:after {
    top: 42.5%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.right-frame.seta-homepage .seta-direita-slider {
  width: 145px;
  height: 115px;
  right: 0px;
  z-index: 3;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .right-frame.seta-homepage .seta-direita-slider {
    width: 120px;
    height: 80px;
  }
}

@media (max-width: 992px) {
  .right-frame.seta-homepage .seta-direita-slider {
    width: 90px;
    height: 75px;
    top: 100px;
    -webkit-transform: translateY(0%);
       -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
         -o-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@media (max-width: 640px) {
  .right-frame.seta-homepage .seta-direita-slider {
    top: 42.5%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.right-frame.seta-homepage .seta-direita-slider:after {
  content: 'A visita começa aqui';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10%;
  width: 60px;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Canter Bold';
  font-size: 1.5625rem;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .right-frame.seta-homepage .seta-direita-slider:after {
    font-size: 1.125rem;
  }
}

@media (max-width: 992px) {
  .right-frame.seta-homepage .seta-direita-slider:after {
    width: 45px;
    font-size: 0.875rem;
  }
}

menu {
  top: 60px;
  right: -50vw;
  width: -webkit-calc((100vw - (60px * 2)) / 2);
  width: -moz-calc((100vw - (60px * 2)) / 2);
  width: calc((100vw - (60px * 2)) / 2);
  height: -webkit-calc(100vh - (60px * 2));
  height: -moz-calc(100vh - (60px * 2));
  height: calc(100vh - (60px * 2));
  background-color: #fffefc;
  position: fixed;
  -webkit-transition: right 0.25s ease-in-out;
  -o-transition: right 0.25s ease-in-out;
  -moz-transition: right 0.25s ease-in-out;
  transition: right 0.25s ease-in-out;
  padding: 0.9375rem;
  z-index: 210;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

@media (max-width: 992px) {
  menu {
    top: 50px;
    width: 100vw;
    right: -100vw;
    padding: 0.9375pxrem;
    height: -webkit-calc(100vh - 50px);
    height: -moz-calc(100vh - 50px);
    height: calc(100vh - 50px);
    z-index: 300;
  }
}

menu.apoios {
  top: 0;
  width: -webkit-calc(100vw / 2);
  width: -moz-calc(100vw / 2);
  width: calc(100vw / 2);
  height: -webkit-calc(100vh);
  height: -moz-calc(100vh);
  height: calc(100vh);
}

@media (max-width: 992px) {
  menu.apoios {
    top: 50px;
    width: 100vw;
    height: -webkit-calc(100vh - 50px);
    height: -moz-calc(100vh - 50px);
    height: calc(100vh - 50px);
  }
}

menu.apoios.open {
  right: 0;
}

@media (max-width: 992px) {
  menu.apoios.open {
    right: 0vw;
  }
}

menu.open {
  right: 60px;
}

@media (max-width: 992px) {
  menu.open {
    right: 0vw;
  }
}

menu .bg_overlay {
  background-image: url("/images/texturas/paper_texture_12.jpg");
  opacity: 0.25;
}

menu .content {
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(204, 126, 23, 0.15);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
}

menu .content > div {
  max-width: 500px;
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: calc(100% - 40px);
  margin: 0rem auto;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  menu .content > div {
    max-width: 340px;
  }
}

menu .content .social-header-container {
  display: none;
  position: absolute;
  max-width: 130px;
  height: 35px;
  line-height: 35px;
  top: 15px;
  margin: 0rem;
  right: 0;
}

@media (max-width: 992px) {
  menu .content .social-header-container {
    display: block;
  }
}

menu .content .social-header-container img {
  margin: 0.3125rem auto;
  height: 20px;
}

menu > img {
  position: absolute;
  top: 100px;
  width: 150px;
  left: -75px;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  menu > img {
    top: 50px;
    width: 100px;
    left: -50px;
  }
}

@media (max-width: 992px) {
  menu > img {
    width: 80px;
    left: -30px;
  }
}

menu h4 {
  position: relative;
  font-family: 'Canter Bold';
  color: #29524a;
  font-size: 8.4375rem;
  text-transform: uppercase;
  z-index: 2;
  margin-bottom: 5rem;
  position: relative;
  z-index: 2;
}

menu h4::after {
  content: "Menu";
  position: absolute;
  top: 0px;
  left: 0px;
  color: rgba(41, 82, 74, 0.3);
  font-family: 'Canter Bold Strips';
  font-size: 100%;
  text-transform: uppercase;
  z-index: -1;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  menu h4 {
    font-size: 4.6875rem;
    margin-bottom: 2.5rem;
  }
}

menu li:hover {
  color: #ca7266;
}

menu li:hover:before {
  color: #ca7266;
}

menu ol,
.lista-historias-container ol {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  list-style: none;
  counter-reset: li;
}

menu ol li:before,
.lista-historias-container ol li:before {
  position: absolute;
  left: 0px;
  bottom: 0;
  font-family: 'Courier';
  font-size: 1.5rem;
  font-weight: 600;
  color: #90a583;
  counter-increment: li;
  content: counters(li, ".", decimal-leading-zero);
}

menu ol li,
.lista-historias-container ol li {
  position: relative;
  font-family: 'Canter Bold';
  color: #29524a;
  font-size: 2.8125rem;
  width: 50%;
  display: inline-block;
  cursor: pointer;
  text-transform: uppercase;
  float: left;
  margin-bottom: 1.875rem;
  padding-left: 2.5rem;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  menu ol li,
  .lista-historias-container ol li {
    font-size: 1.875rem;
  }
}

@media (max-width: 992px) {
  menu ol li,
  .lista-historias-container ol li {
    font-size: 1.5625rem;
  }
}

@media (max-width: 640px) {
  menu ol li,
  .lista-historias-container ol li {
    padding-left: 1.875rem;
    margin-bottom: 1.25rem;
  }
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  menu ol li::before,
  .lista-historias-container ol li::before {
    font-size: 1.125rem;
  }
}

@media (max-width: 992px) {
  menu ol li::before,
  .lista-historias-container ol li::before {
    font-size: 1rem;
  }
}

.lista-historias-container {
  width: 100%;
  max-height: -webkit-calc(100% - 130px);
  max-height: -moz-calc(100% - 130px);
  max-height: calc(100% - 130px);
  height: 100%;
  overflow: auto;
  margin: -2.5rem auto 0rem auto;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .lista-historias-container {
    max-height: -webkit-calc(100% - 100px);
    max-height: -moz-calc(100% - 100px);
    max-height: calc(100% - 100px);
  }
}

@media (max-width: 992px) {
  .lista-historias-container {
    margin: 0rem auto;
    height: auto;
    max-height: none;
    padding: 1.5625rem 0.9375rem;
  }
}

.lista-historias-container ol {
  max-width: 700px;
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: calc(100% - 40px);
  margin: 0rem auto;
}

@media (max-width: 640px) {
  .lista-historias-container ol {
    width: 100%;
  }
}

@media (max-width: 992px) {
  .lista-historias-container ol li {
    width: -webkit-calc(50%);
    width: -moz-calc(50%);
    width: calc(50%);
    margin-bottom: 0.9375rem;
  }
}

@media (max-width: 640px) {
  .lista-historias-container ol li {
    width: 100%;
  }
}

.lista-historias-container ol li::before {
  bottom: 27px;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .lista-historias-container ol li::before {
    bottom: 20px;
  }
}

.lista-historias-container ol li:nth-last-child(-n+2) {
  margin-bottom: 0rem;
}

@media (max-width: 992px) {
  .lista-historias-container ol li:nth-last-child(2) {
    margin-bottom: 0.9375rem;
  }
}

@media (max-width: 992px) {
  .lista-historias-container ol li:last-child {
    margin-bottom: 0rem;
  }
}

.historia_button {
  position: relative;
  width: 100%;
  height: 100%;
}

@media (max-width: 992px) {
  .historia_button > p {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
  }
}

.historia_button > p span {
  display: block;
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 400;
  color: #271f30;
  text-transform: none;
  font-size: 1.5rem;
  margin-top: 0.3125rem;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .historia_button > p span {
    font-size: 1.125rem;
  }
}

.historia_button .plus-btn {
  display: none;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 992px) {
  .historia_button .plus-btn {
    display: block;
  }
}

@media (max-width: 640px) {
  .historia_button .plus-btn {
    right: 0;
  }
}

#logo-header {
  max-width: 365px;
  margin: -0.3125rem auto 0rem 6.25rem;
  cursor: pointer;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  #logo-header {
    max-width: 250px;
    margin-left: 3.125rem;
    margin-top: -0.25rem;
  }
}

@media (max-width: 992px) {
  #logo-header {
    max-width: 210px;
    height: 55px;
    margin: 0rem auto 0rem 0rem;
  }
}

.social-header-container {
  position: relative;
  width: 50px;
  float: right;
  margin-right: 5.3125rem;
  height: 2.5rem;
  line-height: 2.5rem;
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
  background-color: rgba(204, 126, 23, 0.15);
  text-align: center;
  z-index: 220;
}

.social-header-container img {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  height: 30px;
}

.social-header-container a:nth-child(2) img {
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
}

.menu-right {
  position: relative;
  display: inline-block;
  max-width: 305px;
  width: 100%;
  float: right;
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  -o-transition: -o-transform 0.25s ease-in-out;
  -moz-transition: transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, -o-transform 0.25s ease-in-out;
}

@media (max-width: 992px) {
  .menu-right {
    max-width: 45px;
  }
}

.menu-right.load-hide {
  -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
}

@media (max-width: 992px) {
  .menu-right .social-header-container {
    display: none;
  }
}

.menu-button {
  position: fixed;
  right: 0;
  top: 0;
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
  height: 45px;
  display: inline-block;
  float: left;
  cursor: pointer;
  width: 50px;
  margin-right: 0.9375rem;
  z-index: 300;
}

@media (max-width: 992px) {
  .menu-button {
    width: 45px;
    height: 45px;
    margin-top: 0.3125rem;
    margin-bottom: 0.3125rem;
    margin-right: 0.3125rem;
  }
}

.menu-button img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

@media (max-width: 992px) {
  .menu-button img {
    height: 40px;
  }
}

.global-container {
  position: relative;
  width: 100%;
  height: 100vh;
  float: left;
  overflow: hidden;
}

@media (max-width: 992px) {
  .global-container {
    height: auto;
  }
}

.page-container {
  position: static !important;
  width: -webkit-calc(100% - (60px * 2));
  width: -moz-calc(100% - (60px * 2));
  width: calc(100% - (60px * 2));
  height: -webkit-calc(100vh - (60px * 2));
  height: -moz-calc(100vh - (60px * 2));
  height: calc(100vh - (60px * 2));
  margin: 0rem auto;
  margin-top: 3.75rem;
}

@media (max-width: 992px) {
  .page-container {
    width: 100%;
    height: auto;
    margin-top: 3.125rem;
  }
}

.frame_page {
  width: 100%;
  height: -webkit-calc(100vh - (60px * 2));
  height: -moz-calc(100vh - (60px * 2));
  height: calc(100vh - (60px * 2));
  overflow: hidden;
  margin: 0rem auto;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

@media (max-width: 992px) {
  .frame_page {
    height: auto;
    margin-bottom: 4.6875rem;
  }
}

@media (max-width: 992px) {
  .frame_page.homepage {
    height: -webkit-calc(100vh -  50px - 15px);
    height: -moz-calc(100vh -  50px - 15px);
    height: calc(100vh -  50px - 15px);
    margin-bottom: 0rem;
  }
}

.frame_page.homepage .full_frame {
  float: none;
  overflow: hidden;
}

@media (max-width: 992px) {
  .frame_page.homepage .full_frame {
    width: -webkit-calc(100% - (15px * 2));
    width: -moz-calc(100% - (15px * 2));
    width: calc(100% - (15px * 2));
    height: 100%;
    margin: 0rem auto;
  }
}

.frame_page.homepage .bg_overlay.one {
  background-image: url("/images/homepage/visita_BG.png");
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.frame_page.homepage .content {
  position: relative;
  width: 100%;
  top: 75px;
  text-align: center;
  z-index: 2;
  -webkit-transform: translateY(0%);
     -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
       -o-transform: translateY(0%);
          transform: translateY(0%);
  opacity: 1;
  -webkit-transition: opacity 0.35s ease-out;
  -o-transition: opacity 0.35s ease-out;
  -moz-transition: opacity 0.35s ease-out;
  transition: opacity 0.35s ease-out;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .frame_page.homepage .content {
    top: 50px;
  }
}

@media (max-width: 992px) {
  .frame_page.homepage .content {
    top: 90px;
  }
}

@media (max-width: 640px) {
  .frame_page.homepage .content {
    top: 15%;
  }
}

.frame_page.homepage .content.vertical-middle {
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}

.frame_page.homepage .content.load-hide {
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
}

.frame_page.homepage h1 {
  display: inline-block;
  font-size: 1.125rem;
  margin-left: 0rem;
  padding-left: 0rem;
  text-transform: uppercase;
  font-family: 'Courier';
  color: #271f30;
  font-weight: 700;
  font-style: normal;
}

@media (max-width: 992px) {
  .frame_page.homepage h1 {
    font-size: 0.875rem;
  }
}

.frame_page.homepage h1 .bigWord {
  margin: -0.78125rem auto 0rem auto;
  font-size: 6.77vw;
  min-height: 253px;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .frame_page.homepage h1 .bigWord {
    margin-top: -0.46875rem;
    font-size: 5rem;
    min-height: 170px;
  }
}

@media (max-width: 992px) {
  .frame_page.homepage h1 .bigWord {
    margin-top: -0.46875rem;
    font-size: 5rem;
  }
}

@media (max-width: 992px) {
  .frame_page.visita {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.frame_page.visita > .half_frame:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-image: url("/images/texturas/paper_texture_12.jpg");
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

@media (max-width: 992px) {
  .frame_page.visita > .half_frame:first-child {
    width: -webkit-calc(100% - (15px * 2));
    width: -moz-calc(100% - (15px * 2));
    width: calc(100% - (15px * 2));
    margin: 0rem auto;
    float: none;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.frame_page.visita > .half_frame:first-child h1.page-title {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  position: relative;
}

.frame_page.visita > .half_frame:first-child h1.page-title::before {
  content: "01";
  position: absolute;
  bottom: 0.625rem;
  left: 0;
  font-family: 'Courier';
  font-size: 1.5rem;
  font-weight: 600;
  color: #90a583;
}

.frame_page.visita > .half_frame:first-child h1.page-title::after {
  content: '';
  position: absolute;
  top: 0;
  left: 35px;
  width: 5px;
  height: 100%;
  background-image: url("/images/svgs/linha-titulos.svg");
  -moz-background-size: contain;
    -o-background-size: contain;
       background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .frame_page.visita > .half_frame:first-child h1.page-title {
    margin-bottom: 0.9375rem;
  }
}

.frame_page.visita > .half_frame:first-child .half_content_wrapper {
  padding-bottom: 5rem;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .frame_page.visita > .half_frame:first-child .half_content_wrapper {
    padding-bottom: 2.8125rem;
  }
}

.frame_page.visita > .half_frame:first-child .text {
  max-width: 600px;
}

@media (max-width: 992px) {
  .frame_page.visita > .half_frame:last-child {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    overflow: hidden;
  }
}

.frame_page.visita > .half_frame:last-child .bg_overlay {
  background-image: url("/images/fotos/grupo.jpg");
  z-index: 3;
}

@media (max-width: 992px) {
  .frame_page.visita > .half_frame:last-child .bg_overlay {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    width: 100%;
    height: 67.1vw;
    max-height: 500px;
  }
}

@media (max-width: 992px) {
  .frame_page.memoria > .half_frame:first-child {
    width: 100%;
  }
}

.frame_page.memoria > .half_frame:first-child .bg_overlay {
  background-image: url("/images/fotos/camera.jpg");
}

@media (max-width: 992px) {
  .frame_page.memoria > .half_frame:first-child .bg_overlay {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    width: 100%;
    height: 67.1vw;
    max-height: 350px;
  }
}

.frame_page.memoria > .half_frame:nth-child(2) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .frame_page.memoria > .half_frame:nth-child(2) {
    overflow: auto;
  }
}

@media (max-width: 992px) {
  .frame_page.memoria > .half_frame:nth-child(2) {
    width: -webkit-calc(100% - (15px * 2));
    width: -moz-calc(100% - (15px * 2));
    width: calc(100% - (15px * 2));
    margin: 0rem auto;
    float: none;
  }
}

.frame_page.memoria > .half_frame:nth-child(2) h1.page-title {
  margin-left: -3.125rem;
  margin-bottom: 2.1875rem;
  position: relative;
}

.frame_page.memoria > .half_frame:nth-child(2) h1.page-title::before {
  content: "02";
  position: absolute;
  bottom: 0.625rem;
  left: 0;
  font-family: 'Courier';
  font-size: 1.5rem;
  font-weight: 600;
  color: #90a583;
}

.frame_page.memoria > .half_frame:nth-child(2) h1.page-title::after {
  content: '';
  position: absolute;
  top: 0;
  left: 35px;
  width: 5px;
  height: 100%;
  background-image: url("/images/svgs/linha-titulos.svg");
  -moz-background-size: contain;
    -o-background-size: contain;
       background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .frame_page.memoria > .half_frame:nth-child(2) h1.page-title {
    margin-left: 0rem;
    margin-bottom: 0.9375rem;
  }
}

.frame_page.memoria > .half_frame:nth-child(2) .text-frame {
  background-color: #fffefc;
}

.frame_page.memoria > .half_frame:nth-child(2) .half_content_wrapper {
  min-height: -webkit-calc((100vh - 120px) / 2);
  min-height: -moz-calc((100vh - 120px) / 2);
  min-height: calc((100vh - 120px) / 2);
}

@media (max-width: 992px) {
  .frame_page.memoria > .half_frame:nth-child(2) .half_content_wrapper {
    min-height: 0px;
    min-height: initial;
  }
}

.frame_page.memoria > .half_frame:nth-child(2) .text {
  max-width: 700px;
  padding: 2.1875rem 0.9375rem;
}

@media (min-width: 1921px) {
  .frame_page.memoria > .half_frame:nth-child(2) .text {
    max-width: 900px;
  }
}

@media (max-width: 992px) {
  .frame_page.memoria > .half_frame:nth-child(2) .text {
    padding: 0rem 0.9375rem;
  }
}

.frame_page.memoria > .half_frame:nth-child(2) .bg_overlay {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  width: 100%;
  height: -webkit-calc((100vh - 120px) * 0.5);
  height: -moz-calc((100vh - 120px) * 0.5);
  height: calc((100vh - 120px) * 0.5);
  background-image: url("/images/fotos/grupo_bw.jpg");
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

@media (max-width: 992px) {
  .frame_page.memoria > .half_frame:nth-child(2) .bg_overlay {
    display: none;
  }
}

.frame_page.memoria > .bg_overlay:last-child {
  display: none;
  background-image: url("/images/fotos/grupo_bw.jpg");
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  width: 100%;
  height: 67.1vw;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  max-height: 350px;
}

@media (max-width: 992px) {
  .frame_page.memoria > .bg_overlay:last-child {
    display: block;
  }
}

@media (max-width: 992px) {
  .frame_page.palhacos > .half_frame:first-child {
    width: 100%;
  }
}

.frame_page.palhacos > .half_frame:first-child .bg_overlay {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  position: absolute;
  width: 100%;
  height: -webkit-calc((100vh - 120px) * 0.75);
  height: -moz-calc((100vh - 120px) * 0.75);
  height: calc((100vh - 120px) * 0.75);
  bottom: 0px;
  background-image: url("/images/fotos/prep2.jpg");
}

@media (max-width: 992px) {
  .frame_page.palhacos > .half_frame:first-child .bg_overlay {
    position: relative;
    bottom: auto;
    max-height: none;
    height: 67.1vw;
    max-height: 350px;
  }
}

.frame_page.palhacos > .half_frame:nth-child(2) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .frame_page.palhacos > .half_frame:nth-child(2) {
    overflow: auto;
  }
}

@media (max-width: 992px) {
  .frame_page.palhacos > .half_frame:nth-child(2) {
    width: -webkit-calc(100% - (15px * 2));
    width: -moz-calc(100% - (15px * 2));
    width: calc(100% - (15px * 2));
    margin: 0rem auto;
    float: none;
  }
}

.frame_page.palhacos > .half_frame:nth-child(2) .bg_overlay {
  width: 100%;
  height: -webkit-calc((100vh - 120px) * 0.449);
  height: -moz-calc((100vh - 120px) * 0.449);
  height: calc((100vh - 120px) * 0.449);
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
}

.frame_page.palhacos > .half_frame:nth-child(2) .bg_overlay:first-child {
  background-image: url("/images/fotos/prep1.jpg");
}

@media (max-width: 992px) {
  .frame_page.palhacos > .half_frame:nth-child(2) .bg_overlay:first-child {
    display: none;
  }
}

.frame_page.palhacos > .half_frame:nth-child(2) .text-frame {
  background-image: url("/images/texturas/paper_texture_12.jpg");
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.frame_page.palhacos > .half_frame:nth-child(2) h1.page-title {
  position: relative;
  margin-bottom: 1.875rem;
}

.frame_page.palhacos > .half_frame:nth-child(2) h1.page-title::before {
  content: "03";
  position: absolute;
  bottom: 0.625rem;
  left: 0;
  font-family: 'Courier';
  font-size: 1.5rem;
  font-weight: 600;
  color: #90a583;
}

.frame_page.palhacos > .half_frame:nth-child(2) h1.page-title::after {
  content: '';
  position: absolute;
  top: 0;
  left: 35px;
  width: 5px;
  height: 100%;
  background-image: url("/images/svgs/linha-titulos.svg");
  -moz-background-size: contain;
    -o-background-size: contain;
       background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .frame_page.palhacos > .half_frame:nth-child(2) h1.page-title {
    margin-left: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}

.frame_page.palhacos > .half_frame:nth-child(2) .half_content_wrapper {
  position: relative;
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .frame_page.palhacos > .half_frame:nth-child(2) .half_content_wrapper {
    padding-top: 0.9375rem;
    padding-bottom: 0.625rem;
  }
}

.frame_page.palhacos > .half_frame:nth-child(2) .text {
  max-width: 630px;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .frame_page.palhacos > .half_frame:nth-child(2) .text {
    padding-left: 0.9375rem;
  }
}

.frame_page.palhacos > .bg_overlay:last-child {
  display: none;
  background-image: url("/images/fotos/prep1.jpg");
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  width: 100%;
  height: 67.1vw;
  max-height: 350px;
}

@media (max-width: 992px) {
  .frame_page.palhacos > .bg_overlay:last-child {
    display: block;
  }
}

.frame_page.familia > .half_frame:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 992px) {
  .frame_page.familia > .half_frame:first-child {
    width: -webkit-calc(100% - (15px * 2));
    width: -moz-calc(100% - (15px * 2));
    width: calc(100% - (15px * 2));
    margin: 0rem auto;
    float: none;
  }
}

.frame_page.familia > .half_frame:first-child h1.page-title {
  position: relative;
}

.frame_page.familia > .half_frame:first-child h1.page-title::before {
  content: "04";
  position: absolute;
  bottom: 0.625rem;
  left: 0;
  font-family: 'Courier';
  font-size: 1.5rem;
  font-weight: 600;
  color: #90a583;
}

.frame_page.familia > .half_frame:first-child h1.page-title::after {
  content: '';
  position: absolute;
  top: 0;
  left: 35px;
  width: 5px;
  height: 100%;
  background-image: url("/images/svgs/linha-titulos.svg");
  -moz-background-size: contain;
    -o-background-size: contain;
       background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .frame_page.familia > .half_frame:first-child h1.page-title {
    margin-bottom: 0.9375rem;
  }
}

.frame_page.familia > .half_frame:first-child .half_content_wrapper {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: rgba(255, 254, 252, 0.5);
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .frame_page.familia > .half_frame:first-child .half_content_wrapper {
    padding-top: 2.8125rem;
    padding-bottom: 2.8125rem;
  }
}

.frame_page.familia > .half_frame:first-child .text {
  max-width: 630px;
  padding: 0rem 0.9375rem;
}

@media (max-width: 992px) {
  .frame_page.familia > .half_frame:last-child {
    width: 100%;
  }
}

.frame_page.amigos > .half_frame:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 992px) {
  .frame_page.amigos > .half_frame:first-child {
    width: -webkit-calc(100% - 15px);
    width: -moz-calc(100% - 15px);
    width: calc(100% - 15px);
    margin: 0rem auto;
    float: none;
  }
}

.frame_page.amigos > .half_frame:first-child h1.page-title {
  position: relative;
}

.frame_page.amigos > .half_frame:first-child h1.page-title::before {
  content: "06";
  position: absolute;
  bottom: 0.625rem;
  left: 0;
  font-family: 'Courier';
  font-size: 1.5rem;
  font-weight: 600;
  color: #90a583;
}

.frame_page.amigos > .half_frame:first-child h1.page-title::after {
  content: '';
  position: absolute;
  top: 0;
  left: 35px;
  width: 5px;
  height: 100%;
  background-image: url("/images/svgs/linha-titulos.svg");
  -moz-background-size: contain;
    -o-background-size: contain;
       background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .frame_page.amigos > .half_frame:first-child h1.page-title {
    margin-bottom: 0.9375rem;
  }
}

.frame_page.amigos > .half_frame:first-child .half_content_wrapper {
  padding-bottom: 5rem;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .frame_page.amigos > .half_frame:first-child .half_content_wrapper {
    padding-bottom: 2.8125rem;
  }
}

.frame_page.amigos > .half_frame:first-child .text {
  max-width: 630px;
}

@media (max-width: 992px) {
  .frame_page.amigos > .half_frame:last-child {
    width: 100%;
  }
}

.frame_page.album > .half_frame:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 992px) {
  .frame_page.album > .half_frame:first-child {
    width: -webkit-calc(100% - (15px * 2));
    width: -moz-calc(100% - (15px * 2));
    width: calc(100% - (15px * 2));
    margin: 0rem auto;
    float: none;
  }
}

.frame_page.album > .half_frame:first-child .half_content_wrapper {
  max-height: 600px;
  height: -webkit-calc((100vh - 120px) * 0.75);
  height: -moz-calc((100vh - 120px) * 0.75);
  height: calc((100vh - 120px) * 0.75);
  padding-top: 5rem;
  background-color: #fffefc;
}

@media (max-width: 992px) {
  .frame_page.album > .half_frame:first-child .half_content_wrapper {
    height: auto;
  }
}

.frame_page.album > .half_frame:first-child .text {
  max-width: 630px;
}

.frame_page.album > .half_frame:first-child h1.page-title {
  position: relative;
}

.frame_page.album > .half_frame:first-child h1.page-title::before {
  content: "05";
  position: absolute;
  bottom: 0.625rem;
  left: 0;
  font-family: 'Courier';
  font-size: 1.5rem;
  font-weight: 600;
  color: #90a583;
}

.frame_page.album > .half_frame:first-child h1.page-title::after {
  content: '';
  position: absolute;
  top: 0;
  left: 35px;
  width: 5px;
  height: 100%;
  background-image: url("/images/svgs/linha-titulos.svg");
  -moz-background-size: contain;
    -o-background-size: contain;
       background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .frame_page.album > .half_frame:first-child h1.page-title {
    margin-bottom: 0.9375rem;
  }
}

@media (max-width: 992px) {
  .frame_page.album > .half_frame:last-child {
    width: 100%;
  }
}

@media (max-width: 992px) {
  .frame_page.historias {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.frame_page.historias > .half_frame:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 992px) {
  .frame_page.historias > .half_frame:first-child {
    width: 100%;
    margin: 0rem;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.frame_page.historias > .half_frame:last-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media (max-width: 992px) {
  .frame_page.historias > .half_frame:last-child {
    background-color: transparent;
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.frame_page.historias > .half_frame:last-child h1.page-title {
  margin-bottom: 2.1875rem;
  position: relative;
}

.frame_page.historias > .half_frame:last-child h1.page-title::before {
  content: "05";
  position: absolute;
  bottom: 0.625rem;
  left: 0;
  font-family: 'Courier';
  font-size: 1.5rem;
  font-weight: 600;
  color: #90a583;
}

.frame_page.historias > .half_frame:last-child h1.page-title::after {
  content: '';
  position: absolute;
  top: 0;
  left: 35px;
  width: 5px;
  height: 100%;
  background-image: url("/images/svgs/linha-titulos.svg");
  -moz-background-size: contain;
    -o-background-size: contain;
       background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .frame_page.historias > .half_frame:last-child h1.page-title {
    margin-bottom: 0.9375rem;
  }
}

.frame_page.historias > .half_frame:last-child h1.page-title span {
  position: relative;
  z-index: 2;
}

.frame_page.historias > .half_frame:last-child h1.page-title span::after {
  content: "Histórias";
  position: absolute;
  top: 0px;
  left: 0px;
  color: rgba(41, 82, 74, 0.3);
  font-family: 'Canter Bold Strips';
  font-size: 100%;
  text-transform: uppercase;
  z-index: -1;
}

.frame_page.historias > .half_frame:last-child .bg_overlay {
  position: relative;
  width: 100%;
  height: 50%;
  background-image: url("/images/fotos/grupo_historias.jpg");
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  z-index: auto;
}

@media (max-width: 992px) {
  .frame_page.historias > .half_frame:last-child .bg_overlay {
    height: 67.1vw;
    max-height: 315px;
  }
}

.frame_page.historias > .half_frame:last-child .text-frame {
  background-color: #fffefc;
}

.frame_page.historias > .half_frame:last-child .half_content_wrapper {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

@media (max-width: 992px) {
  .frame_page.historias > .half_frame:last-child .half_content_wrapper {
    background-color: #fffefc;
    width: -webkit-calc(100% - (15px * 2));
    width: -moz-calc(100% - (15px * 2));
    width: calc(100% - (15px * 2));
  }
}

.frame_page.historias > .half_frame:last-child .text {
  max-width: 520px;
}

@media (max-width: 992px) {
  .frame_page.not_found {
    height: -webkit-calc(100vh - 50px);
    height: -moz-calc(100vh - 50px);
    height: calc(100vh - 50px);
    margin-bottom: 0px;
  }
}

.frame_page.not_found .full_frame {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 992px) {
  .frame_page.not_found .full_frame {
    height: 100%;
  }
}

.frame_page.not_found .full_frame > .content {
  position: relative;
  z-index: 2;
  text-align: center;
}

.frame_page.not_found .full_frame h6 {
  font-family: 'Courier';
  margin-bottom: 1.5625rem;
  font-size: 1.125rem;
}

.frame_page.not_found .full_frame h1 {
  margin-left: 0rem;
  padding: 0 0.9375rem;
  margin-bottom: 4.0625rem;
  height: 240px;
}

@media (max-width: 992px) {
  .frame_page.not_found .full_frame h1 {
    height: 180px;
  }
}

@media (max-width: 640px) {
  .frame_page.not_found .full_frame h1 {
    height: 120px;
  }
}

.frame_page.not_found .full_frame h1 span {
  line-height: 120%;
  font-size: 6.25rem;
}

@media (max-width: 992px) {
  .frame_page.not_found .full_frame h1 span {
    font-size: 4.6875rem;
  }
}

@media (max-width: 640px) {
  .frame_page.not_found .full_frame h1 span {
    font-size: 3.125rem;
  }
}

.frame_page.not_found .full_frame p {
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 400;
  font-size: 1.125rem;
  -webkit-transition: opacity 0.35s ease-in-out;
  -o-transition: opacity 0.35s ease-in-out;
  -moz-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}

.frame_page.not_found .full_frame p.hide {
  opacity: 0;
}

.frame_page.not_found .full_frame a {
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 700;
  text-decoration: underline;
}

.frame_page.not_found .full_frame .bg_overlay {
  background-image: url("/images/homepage/visita_BG.png");
}

.frame_page.homepage h1 .bigWord.showing > span, .frame_page.not_found h1 .bigWord.showing > span {
  -webkit-transform: translate3d(0%, 0%, 0);
     -moz-transform: translate3d(0%, 0%, 0);
          transform: translate3d(0%, 0%, 0);
  opacity: 1;
  transition-property: -webkit-transform, -moz-transform,-o-transform, transform, opacity;
  -webkit-transition-delay: 0s, 0s, 0s, 0s, 0s;
     -moz-transition-delay: 0s, 0s, 0s, 0s, 0s;
       -o-transition-delay: 0s, 0s, 0s, 0s, 0s;
          transition-delay: 0s, 0s, 0s, 0s, 0s;
  -webkit-transition-timing-function: cubic-bezier(0.42, 1.91, 0.48, 0.67), cubic-bezier(0.42, 1.91, 0.48, 0.67), cubic-bezier(0.42, 1.91, 0.48, 0.67), cubic-bezier(0.42, 1.91, 0.48, 0.67), ease-out;
     -moz-transition-timing-function: cubic-bezier(0.42, 1.91, 0.48, 0.67), cubic-bezier(0.42, 1.91, 0.48, 0.67), cubic-bezier(0.42, 1.91, 0.48, 0.67), cubic-bezier(0.42, 1.91, 0.48, 0.67), ease-out;
       -o-transition-timing-function: cubic-bezier(0.42, 1.91, 0.48, 0.67), cubic-bezier(0.42, 1.91, 0.48, 0.67), cubic-bezier(0.42, 1.91, 0.48, 0.67), cubic-bezier(0.42, 1.91, 0.48, 0.67), ease-out;
          transition-timing-function: cubic-bezier(0.42, 1.91, 0.48, 0.67), cubic-bezier(0.42, 1.91, 0.48, 0.67), cubic-bezier(0.42, 1.91, 0.48, 0.67), cubic-bezier(0.42, 1.91, 0.48, 0.67), ease-out;
}

.frame_page.homepage h1 .bigWord > span, .frame_page.not_found h1 .bigWord > span {
  -webkit-transform: translate3d(0%, 50%, 0);
     -moz-transform: translate3d(0%, 50%, 0);
          transform: translate3d(0%, 50%, 0);
  opacity: 0;
  transition-property: -webkit-transform, -moz-transform,-o-transform, transform, opacity;
  -webkit-transition-delay: 0.6s, 0.6s, 0.6s, 0.6s, 0s;
     -moz-transition-delay: 0.6s, 0.6s, 0.6s, 0.6s, 0s;
       -o-transition-delay: 0.6s, 0.6s, 0.6s, 0.6s, 0s;
          transition-delay: 0.6s, 0.6s, 0.6s, 0.6s, 0s;
  -webkit-transition-timing-function: linear, linear, linear, linear, ease-out;
     -moz-transition-timing-function: linear, linear, linear, linear, ease-out;
       -o-transition-timing-function: linear, linear, linear, linear, ease-out;
          transition-timing-function: linear, linear, linear, linear, ease-out;
}

.frame_page.memoria .half_frame:nth-child(2) .text-frame, .frame_page.historias .half_frame:nth-child(2) .text-frame, .frame_page.palhacos .half_frame:nth-child(2) .text-frame {
  position: relative;
  z-index: 3;
}

.half_frame, .half_frame_height, .full_frame {
  position: relative;
  height: -webkit-calc(100vh - 120px);
  height: -moz-calc(100vh - 120px);
  height: calc(100vh - 120px);
  float: left;
  overflow: visible;
}

@media (max-width: 992px) {
  .half_frame, .half_frame_height, .full_frame {
    height: auto;
  }
}

.text-frame {
  width: 100%;
  height: -webkit-calc(100vh - 120px);
  height: -moz-calc(100vh - 120px);
  height: calc(100vh - 120px);
}

@media (max-width: 992px) {
  .text-frame {
    height: auto;
  }
}

.half_frame, .half_frame_square {
  width: 50%;
}

.half_frame_square {
  height: 50%;
}

.full_frame {
  width: 100%;
}

.shadow_box {
  position: absolute;
  width: 1px;
  height: 100%;
  left: 6px;
  bottom: 0px;
  display: inline-block;
  -webkit-transform: skewX(0.45deg);
     -moz-transform: skewX(0.45deg);
      -ms-transform: skewX(0.45deg);
       -o-transform: skewX(0.45deg);
          transform: skewX(0.45deg);
  -webkit-box-shadow: -5px -5px 5px 3px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: -5px -5px 5px 3px rgba(0, 0, 0, 0.2);
          box-shadow: -5px -5px 5px 3px rgba(0, 0, 0, 0.2);
  z-index: 2;
}

@media (max-width: 992px) {
  .shadow_box {
    display: none;
  }
}

.bg_overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.bg_overlay.coffee-texture {
  opacity: 0.35;
  background-image: url("/images/svgs/cinza_textura.png");
}

h1.page-title {
  padding-left: 3.125rem;
  font-size: 1.25rem;
  color: #90a583;
  text-transform: uppercase;
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 400;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  h1.page-title {
    margin-left: 0.9375rem;
    font-size: 0.9375rem;
  }
}

@media (max-width: 992px) {
  h1.page-title {
    padding-left: 1.875rem;
    font-size: 0.875rem;
  }
}

@media (max-width: 992px) {
  h1.page-title::before {
    font-size: 0.875rem !important;
    bottom: 2px !important;
  }
}

@media (max-width: 992px) {
  h1.page-title:after {
    left: 20px !important;
  }
}

h1.page-title .bigWord {
  display: block;
  margin: -1.25rem auto 0rem auto;
  font-size: 6.50vw;
  color: #29524a;
  font-family: 'Canter Bold';
  font-style: normal;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  h1.page-title .bigWord {
    margin-top: -0.625rem;
    font-size: 4.6875rem;
  }
}

@media (max-width: 992px) {
  h1.page-title .bigWord {
    font-size: 4.125rem;
  }
}

h1.page-title .bigWord > span {
  display: inline-block;
  overflow: visible;
  position: relative;
  z-index: 2;
}

h1.page-title .bigWord > span::after {
  content: attr(data-letter);
  position: absolute;
  top: 0px;
  left: 0px;
  color: rgba(41, 82, 74, 0.3);
  font-family: 'Canter Bold Strips';
  font-size: 100%;
  text-transform: uppercase;
  z-index: -1;
}

h1.page-title .bigWord > span::after {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.text {
  width: 100%;
  color: #271f30;
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 400;
  margin: 0rem auto;
}

.text p {
  font-size: 1.125rem;
  line-height: 125%;
  margin-bottom: 1.25rem;
}

@media (min-width: 1921px) {
  .text p {
    font-size: 0.9375vw;
  }
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .text p {
    font-size: 1rem;
    margin-bottom: 0.9375rem;
  }
}

@media (max-width: 992px) {
  .text p {
    font-size: 1rem;
  }
}

.text p:last-child, .text p:only-child {
  margin-bottom: 0rem;
}

.frame_page > .half_frame .half_content_wrapper > h1.page-title {
  margin-left: 0rem;
  margin-bottom: 3.75rem;
}

@media (max-width: 992px) {
  .frame_page > .half_frame .half_content_wrapper > h1.page-title {
    margin-left: 0.9375rem;
  }
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .frame_page > .half_frame .half_content_wrapper > .text {
    padding-left: 3.4375rem;
    padding-right: 0.9375rem;
  }
}

@media (max-width: 992px) {
  .frame_page > .half_frame .half_content_wrapper > .text {
    padding-left: 0.9375rem;
  }
}

.brown-box, .orange-box {
  display: inline-block;
  font-size: 1.5rem;
  padding: 0.9375rem 0.625rem;
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 700;
  width: 100%;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .brown-box, .orange-box {
    padding: 0.625rem 0.625rem;
    font-size: 1rem;
  }
}

@media (max-width: 992px) {
  .brown-box, .orange-box {
    padding: 0rem;
    line-height: 140%;
  }
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .brown-box br, .orange-box br {
    display: none;
  }
}

.brown-box {
  background-color: rgba(96, 56, 19, 0.2);
}

@media (max-width: 992px) {
  .brown-box {
    background-color: transparent;
  }
}

@media (max-width: 992px) {
  .brown-box span {
    background-color: rgba(96, 56, 19, 0.2);
  }
}

.orange-box {
  background-color: rgba(204, 126, 23, 0.15);
}

@media (max-width: 992px) {
  .orange-box {
    background-color: transparent;
  }
}

@media (max-width: 992px) {
  .orange-box span {
    background-color: rgba(204, 126, 23, 0.15);
  }
}

.familia-grid-container {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 3;
}

@media (max-width: 992px) {
  .familia-grid-container {
    height: auto;
  }
}

.familia-grid-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
  margin-bottom: 5.875rem;
}

@media (max-width: 992px) {
  .familia-grid-wrapper {
    height: auto;
    margin-bottom: 0rem;
    overflow: visible;
  }
}

.familia-square-empty {
  width: 50%;
  height: 17.9vw;
  float: left;
}

@media (max-width: 992px) {
  .familia-square-empty {
    width: 50%;
    height: 33.6vw;
  }
}

@media (max-width: 640px) {
  .familia-square-empty {
    width: 100%;
    height: 67.1vw;
  }
}

.familia-square {
  position: relative;
  background-color: #fffefc;
  width: 50%;
  height: 17.9vw;
  min-height: -webkit-calc((100vh - 100px) * 0.333);
  min-height: -moz-calc((100vh - 100px) * 0.333);
  min-height: calc((100vh - 100px) * 0.333);
  float: left;
  -webkit-transform: translate3d(0, 0, 0);
  overflow: hidden;
  background-color: #ddcebb;
}

@media (max-width: 992px) {
  .familia-square {
    width: 50%;
    height: 33.6vw;
    overflow: visible;
    min-height: none;
  }
}

@media (max-width: 640px) {
  .familia-square {
    width: 100%;
    height: 67.1vw;
  }
}

.familia-square .familia-photo-container.zoomin {
  -webkit-animation-name: familiaHover;
     -moz-animation-name: familiaHover;
       -o-animation-name: familiaHover;
          animation-name: familiaHover;
  -webkit-animation-duration: 0.35s;
     -moz-animation-duration: 0.35s;
       -o-animation-duration: 0.35s;
          animation-duration: 0.35s;
  -webkit-animation-iteration-count: 1;
     -moz-animation-iteration-count: 1;
       -o-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
       -o-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.familia-square .familia-photo-container.zoomout {
  -webkit-animation-name: familiaHoverOut;
     -moz-animation-name: familiaHoverOut;
       -o-animation-name: familiaHoverOut;
          animation-name: familiaHoverOut;
  -webkit-animation-duration: 0.20s;
     -moz-animation-duration: 0.20s;
       -o-animation-duration: 0.20s;
          animation-duration: 0.20s;
  -webkit-animation-iteration-count: 1;
     -moz-animation-iteration-count: 1;
       -o-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
       -o-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.familia-square > .half_frame {
  width: 100%;
  overflow: hidden;
}

@media (max-width: 992px) {
  .familia-square > .half_frame {
    margin: 0rem;
    height: auto;
  }
}

.familia-square > .half_frame:first-child {
  width: 100%;
  height: 100%;
}

.familia-square > .half_frame:nth-child(2) {
  width: 0%;
  display: none;
  background-color: #fffefc;
}

.familia-square .close-btn {
  display: none;
}

.familia-square .plus-btn {
  display: none;
}

@media (max-width: 992px) {
  .familia-square .plus-btn {
    display: block;
  }
}

.familia-square .gotop-btn {
  display: none;
}

.familia-square:hover .conhecer-btn:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: #ca7266;
}

@media (min-width: 993px) {
  .familia-square:hover .conhecer-btn:before {
    content: '';
  }
}

@media (min-width: 993px) {
  .familia-square:hover .conhecer-btn svg path {
    fill: #ca7266;
  }
}

@media (min-width: 993px) {
  .familia-square:hover .conhecer-btn svg .mais-svg path {
    fill: #fffefc;
  }
}

.familia-square.full {
  z-index: 30;
}

@media (max-width: 992px) {
  .familia-square.full {
    height: -webkit-calc(100% - 15px);
    height: -moz-calc(100% - 15px);
    height: calc(100% - 15px);
    z-index: 210;
    overflow: auto;
  }
}

.familia-square.full::before {
  content: none;
}

.familia-square.full > .half_frame {
  width: 50%;
  float: left;
}

@media (max-width: 992px) {
  .familia-square.full > .half_frame {
    width: 100%;
  }
}

.familia-square.full > .half_frame:first-child {
  width: 50%;
}

@media (max-width: 992px) {
  .familia-square.full > .half_frame:first-child {
    display: none;
  }
}

.familia-square.full > .half_frame:nth-child(2) {
  display: block;
  width: 50%;
  overflow: visible;
  -webkit-transition: width 0.5s ease-in-out, display 0s ease-in-out;
  -o-transition: width 0.5s ease-in-out, display 0s ease-in-out;
  -moz-transition: width 0.5s ease-in-out, display 0s ease-in-out;
  transition: width 0.5s ease-in-out, display 0s ease-in-out;
}

@media (max-width: 992px) {
  .familia-square.full > .half_frame:nth-child(2) {
    width: 100%;
  }
}

.familia-square.full > .half_frame:nth-child(2) .familia-text-container {
  z-index: 3;
}

.familia-square.full .close-btn {
  display: block;
}

.familia-square.full .plus-btn {
  display: none;
}

.familia-square.full .conhecer-btn {
  display: none;
}

.familia-square.full .familia-photo-container {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  cursor: auto;
  width: 100%;
  height: -webkit-calc(100% - 200px);
  height: -moz-calc(100% - 200px);
  height: calc(100% - 200px);
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .familia-square.full .familia-photo-container {
    height: -webkit-calc(100% - 150px);
    height: -moz-calc(100% - 150px);
    height: calc(100% - 150px);
  }
}

@media (max-width: 992px) {
  .familia-square.full .familia-photo-container {
    display: none;
    height: 67.1vw;
  }
}

.familia-square.full .familia_bottom_container {
  display: block;
}

@media (max-width: 992px) {
  .familia-square.full .familia_bottom_container {
    display: none;
  }
}

.familia-square.full .familia_label_container,
.familia-square.full .familia_button_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
}

@media (max-width: 992px) {
  .familia-square.full .familia_label_container,
  .familia-square.full .familia_button_container {
    display: none;
  }
}

.familia-square.full p.photo-name {
  display: none;
}

@-webkit-keyframes familiaHover {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes familiaHover {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes familiaHover {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes familiaHover {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes familiaHoverOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes familiaHoverOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes familiaHoverOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes familiaHoverOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@media (max-width: 992px) {
  .familia-square::before, .apoio_option::before {
    content: '';
    width: 100%;
    position: absolute;
    height: 2.1875vw;
    bottom: -2.1875vw;
    left: 0px;
    z-index: 3;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
}

@media (max-width: 640px) {
  .familia-square::before, .apoio_option::before {
    height: 4.375vw;
    bottom: -4.375vw;
  }
}

@media (max-width: 992px) {
  .familia-square:nth-child(odd)::before, .apoio_option:nth-child(odd)::before {
    background-image: url("/images/svgs/sombra-esquerda.png");
  }
}

@media (max-width: 640px) {
  .familia-square:nth-child(odd)::before, .apoio_option:nth-child(odd)::before {
    background-image: url("/images/svgs/sombra-direita.png");
  }
}

@media (max-width: 992px) {
  .familia-square:nth-child(even)::before, .apoio_option:nth-child(even)::before {
    background-image: url("/images/svgs/sombra-esquerda.png");
  }
}

@media (max-width: 640px) {
  .familia-square:nth-child(even)::before, .apoio_option:nth-child(even)::before {
    background-image: url("/images/svgs/sombra-esquerda.png");
  }
}

@media (max-width: 992px) {
  .familia-square:nth-last-child(2):nth-child(even)::before, .apoio_option:nth-last-child(2):nth-child(even)::before {
    content: none;
  }
}

@media (max-width: 640px) {
  .familia-square:nth-last-child(2):nth-child(even)::before, .apoio_option:nth-last-child(2):nth-child(even)::before {
    content: '';
    background-image: url("/images/svgs/sombra-esquerda.png");
  }
}

@media (max-width: 992px) {
  .familia-square:last-child::before, .apoio_option:last-child::before {
    content: none;
  }
}

@media (max-width: 640px) {
  .familia-square:last-child::before, .apoio_option:last-child::before {
    content: none;
  }
}

p.photo-name {
  position: absolute;
  top: 15px;
  left: 0px;
  display: inline-block;
  pointer-events: none;
}

p.photo-name span {
  display: inline-block;
  margin-top: -0.3125rem;
  color: #271f30;
  text-transform: uppercase;
  font-size: 1.125rem;
  font-family: 'Courier';
  padding: 0.5rem 0.9375rem;
  background-color: rgba(204, 126, 23, 0.15);
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  p.photo-name span {
    font-size: 1rem;
  }
}

@media (max-width: 992px) {
  p.photo-name span {
    font-size: 0.875rem;
  }
}

p.photo-name span:first-child, p.photo-name span:only-child {
  margin-top: 0rem;
}

.familia-photo-container {
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  cursor: pointer;
  -webkit-transition: top 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out, bottom 0.35s ease-in-out;
  -o-transition: top 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out, bottom 0.35s ease-in-out;
  -moz-transition: top 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out, bottom 0.35s ease-in-out;
  transition: top 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out, bottom 0.35s ease-in-out;
}

@media (max-width: 992px) {
  .familia-photo-container {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    max-width: none;
    width: 100%;
    height: 33.6vw;
  }
}

@media (max-width: 640px) {
  .familia-photo-container {
    height: 67.1vw;
  }
}

.familia-text-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  float: left;
  overflow: hidden;
  background-color: #fffefc;
}

@media (max-width: 992px) {
  .familia-text-container {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.familia-text-container h3 {
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 400;
  font-size: 1.875rem;
  color: #271f30;
  margin-bottom: 1.875rem;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .familia-text-container h3 {
    font-size: 1.5625rem;
  }
}

.familia-text-container h3.desktop {
  display: block;
}

@media (max-width: 992px) {
  .familia-text-container h3.desktop {
    display: none;
  }
}

.familia-text-container h3.mobile {
  display: none;
}

@media (max-width: 992px) {
  .familia-text-container h3.mobile {
    display: block;
  }
}

.familia-text-container h3 span {
  display: block;
  text-transform: uppercase;
  font-family: 'Canter Bold';
  font-style: normal;
  color: #29524a;
  font-size: 5.3125rem;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .familia-text-container h3 span {
    font-size: 3.125rem;
  }
}

.familia-text-container .text {
  max-width: 650px;
  margin: 0rem auto;
  color: #271f30;
}

@media (max-width: 992px) {
  .familia-text-container .text {
    padding: 2.1875rem 0.9375rem;
  }
}

.familia-text-container .text p {
  margin-bottom: 1.25rem;
}

.familia-text-container .text p:last-child {
  margin-bottom: 0rem;
}

.familia-text-container .content {
  display: none;
  opacity: 0;
  overflow: hidden;
  -webkit-transform: translateY(50%);
     -moz-transform: translateY(50%);
      -ms-transform: translateY(50%);
       -o-transform: translateY(50%);
          transform: translateY(50%);
  padding: 0rem 1.875rem;
  -webkit-transition: opacity 0.50s ease-in-out 0.50s, -webkit-transform 0.50s ease-in-out 0.50s;
  transition: opacity 0.50s ease-in-out 0.50s, -webkit-transform 0.50s ease-in-out 0.50s;
  -o-transition: opacity 0.50s ease-in-out 0.50s, -o-transform 0.50s ease-in-out 0.50s;
  -moz-transition: transform 0.50s ease-in-out 0.50s, opacity 0.50s ease-in-out 0.50s, -moz-transform 0.50s ease-in-out 0.50s;
  transition: transform 0.50s ease-in-out 0.50s, opacity 0.50s ease-in-out 0.50s;
  transition: transform 0.50s ease-in-out 0.50s, opacity 0.50s ease-in-out 0.50s, -webkit-transform 0.50s ease-in-out 0.50s, -moz-transform 0.50s ease-in-out 0.50s, -o-transform 0.50s ease-in-out 0.50s;
}

@media (max-width: 992px) {
  .familia-text-container .content {
    display: block;
    width: 100%;
    opacity: 1;
    -webkit-transform: translateY(0%);
       -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
         -o-transform: translateY(0%);
            transform: translateY(0%);
    padding: 0rem;
  }
}

.familia-text-container .content.open {
  opacity: 1;
  -webkit-transform: translateY(0%);
     -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
       -o-transform: translateY(0%);
          transform: translateY(0%);
}

.familia-text-container .content.real h3 span {
  position: relative;
  z-index: 2;
}

.familia-text-container .content.real h3 span::after {
  content: attr(data-nome-real);
  position: absolute;
  top: 0px;
  left: 0px;
  color: rgba(41, 82, 74, 0.3);
  font-family: 'Canter Bold Strips';
  font-size: 100%;
  text-transform: uppercase;
  z-index: -1;
}

.familia-text-container .content.palhaco h3 span {
  position: relative;
  z-index: 2;
}

.familia-text-container .content.palhaco h3 span::after {
  content: attr(data-texto-palhaco-titulo);
  position: absolute;
  top: 0px;
  left: 0px;
  color: rgba(41, 82, 74, 0.3);
  font-family: 'Canter Bold Strips';
  font-size: 100%;
  text-transform: uppercase;
  z-index: -1;
}

.close-btn, .plus-btn, .gotop-btn {
  background-color: transparent;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding: 0;
  border: 0;
  margin: 0;
  cursor: pointer;
  position: absolute;
  width: 50px;
  height: 50px;
  z-index: 35;
  -webkit-transition: width 0.25s ease-in-out, height 0.25s ease-in-out;
  -o-transition: width 0.25s ease-in-out, height 0.25s ease-in-out;
  -moz-transition: width 0.25s ease-in-out, height 0.25s ease-in-out;
  transition: width 0.25s ease-in-out, height 0.25s ease-in-out;
}

.close-btn:focus, .plus-btn:focus, .gotop-btn:focus {
  outline: none;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .close-btn, .plus-btn, .gotop-btn {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 992px) {
  .close-btn, .plus-btn, .gotop-btn {
    width: 30px;
    height: 30px;
  }
}

.close-btn img, .plus-btn img, .gotop-btn img {
  width: 100%;
}

.close-btn {
  top: 15px;
  right: 15px;
}

@media (max-width: 992px) {
  .close-btn {
    top: 10px;
    right: 10px;
  }
}

.plus-btn, .gotop-btn {
  right: 15px;
  bottom: 15px;
}

@media (max-width: 992px) {
  .plus-btn, .gotop-btn {
    right: 10px;
    bottom: 10px;
  }
}

.half_content_wrapper {
  width: 100%;
  margin: 0rem auto;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

@media (max-width: 992px) {
  .half_content_wrapper {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.familia_bottom_container {
  display: none;
  position: relative;
  width: 100%;
  height: 200px;
  background-image: url("/images/texturas/texturafundo_cinza.jpg");
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .familia_bottom_container {
    height: 150px;
  }
}

.familia_label_container,
.familia_button_container {
  float: left;
  width: 0%;
  height: inherit;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.familia_label_container .bg_overlay,
.familia_button_container .bg_overlay {
  opacity: 0.35;
  background-image: url("/images/texturas/paper_texture_12.jpg");
}

.familia_label_container h4,
.familia_button_container h4 {
  margin-top: -0.9375rem;
  position: relative;
  display: block;
  text-transform: uppercase;
  z-index: 2;
}

.familia_label_container {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(255, 254, 252, 0.5);
}

.familia_label_container h4 {
  margin-top: 0.9375rem;
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 700;
  font-size: 1.875rem;
  color: #29524a;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .familia_label_container h4 {
    margin-top: 0.625rem;
    font-size: 1.25rem;
  }
}

.familia_label_container h4::before {
  content: '';
  background-image: url("/images/svgs/onda_sozinha.svg");
  -moz-background-size: contain;
    -o-background-size: contain;
       background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 150px;
  height: 12.5px;
  position: absolute;
  top: -25px;
  left: 0px;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .familia_label_container h4::before {
    top: -20px;
  }
}

.familia_button_container {
  cursor: pointer;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (min-width: 993px) {
  .familia_button_container:hover svg {
    border: 1px solid #ca7266;
    background-color: #ca7266;
  }
}

@media (min-width: 993px) {
  .familia_button_container:hover svg path {
    fill: #fffefc;
  }
}

.familia_button_container h4 {
  position: relative;
  text-align: right;
  font-family: 'Canter Bold';
  font-size: 1.5625rem;
  padding-right: 3.4375rem;
  margin-right: 1.875rem;
  color: #90a583;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .familia_button_container h4 {
    font-size: 1.125rem;
  }
}

.familia_button_container h4 span {
  display: block;
  margin-top: 0.3125rem;
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 700;
  font-size: 1.875rem;
  color: #29524a;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .familia_button_container h4 span {
    font-size: 1.25rem;
  }
}

.familia_button_container svg {
  position: absolute;
  right: 1.875rem;
  bottom: 0rem;
  border-image-source: url("/images/setas/border-svg.png");
  border-image-slice: 1 1 1 1;
  border-image-width: 2px 2px 2px 2px;
  border-image-outset: 0px;
  border-image-repeat: round;
  border-style: solid;
  width: 40px;
  height: 40px;
  padding: 0.375rem;
  -webkit-transition: background-color 0.25s ease-in-out;
  -o-transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
}

@media (max-width: 992px) {
  .familia_button_container svg {
    display: none;
  }
}

.familia_button_container svg path {
  fill: #271f30;
  -webkit-transition: background-color 0.25s ease-in-out;
  -o-transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
}

.familia_button_container > .content {
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: calc(100% - 40px);
  position: relative;
}

.amigos-logos-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  height: 100%;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-image: url("/images/texturas/texturafundo_cinza.jpg");
  z-index: 3;
}

.amigos-logos-wrapper {
  width: 100%;
  height: auto;
  max-height: 100%;
  overflow: auto;
  background-color: rgba(255, 254, 252, 0.55);
}

@media (max-width: 992px) {
  .amigos-logos-wrapper {
    max-height: none;
    overflow: visible;
  }
}

.amigos-logo {
  position: relative;
  float: left;
  width: 33.333%;
  height: -webkit-calc((100vh - 120px) / 3);
  height: -moz-calc((100vh - 120px) / 3);
  height: calc((100vh - 120px) / 3);
  overflow: hidden;
}

@media (max-width: 992px) {
  .amigos-logo {
    width: 50%;
    height: 50vw;
  }
}

@media (min-width: 993px) {
  .amigos-logo:hover img {
    -webkit-transform: translate(-50%, -50%) scale(1.1, 1.1);
       -moz-transform: translate(-50%, -50%) scale(1.1, 1.1);
        -ms-transform: translate(-50%, -50%) scale(1.1, 1.1);
         -o-transform: translate(-50%, -50%) scale(1.1, 1.1);
            transform: translate(-50%, -50%) scale(1.1, 1.1);
  }
}

.amigos-logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: inline-block;
  width: auto;
  height: auto;
  max-width: -webkit-calc(100% - 35%);
  max-width: -moz-calc(100% - 35%);
  max-width: calc(100% - 35%);
  max-height: -webkit-calc(100% - 25%);
  max-height: -moz-calc(100% - 25%);
  max-height: calc(100% - 25%);
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: -webkit-transform 0.35s ease-in-out;
  -o-transition: -o-transform 0.35s ease-in-out;
  -moz-transition: transform 0.35s ease-in-out, -moz-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out, -moz-transform 0.35s ease-in-out, -o-transform 0.35s ease-in-out;
  cursor: pointer;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .amigos-logo img {
    max-width: -webkit-calc(100% - 25%);
    max-width: -moz-calc(100% - 25%);
    max-width: calc(100% - 25%);
    max-height: -webkit-calc(100% - 25%);
    max-height: -moz-calc(100% - 25%);
    max-height: calc(100% - 25%);
  }
}

@media (max-width: 992px) {
  .amigos-logo img {
    max-width: -webkit-calc(100% - 30%);
    max-width: -moz-calc(100% - 30%);
    max-width: calc(100% - 30%);
    max-height: -webkit-calc(100% - 30%);
    max-height: -moz-calc(100% - 30%);
    max-height: calc(100% - 30%);
  }
}

@media (max-width: 640px) {
  .amigos-logo img {
    max-width: -webkit-calc(100% - 20%);
    max-width: -moz-calc(100% - 20%);
    max-width: calc(100% - 20%);
    max-height: -webkit-calc(100% - 20%);
    max-height: -moz-calc(100% - 20%);
    max-height: calc(100% - 20%);
  }
}

.historias_container {
  position: relative;
  width: 100%;
  height: -webkit-calc((100vh - 120px) * 0.75);
  height: -moz-calc((100vh - 120px) * 0.75);
  height: calc((100vh - 120px) * 0.75);
  background-color: #fffefc;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  overflow: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 992px) {
  .historias_container {
    height: auto;
  }
}

.historias_container > .bg_overlay {
  background-image: url("/images/texturas/paper_texture_12.jpg");
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.25;
}

.historia_detalhe_container_empty {
  width: 0px;
  height: 0px;
  overflow: hidden;
}

.historia_detalhe_container {
  z-index: 10;
  width: 0px;
  height: 0px;
  overflow: hidden;
  text-transform: none;
  -webkit-transform: translate3d(0, 0, 0);
}

@media (max-width: 992px) {
  .historia_detalhe_container > .half_frame {
    width: 100%;
    height: auto;
  }
}

.historia_detalhe_container > .half_frame:first-child .bg_overlay {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
}

@media (max-width: 992px) {
  .historia_detalhe_container > .half_frame:first-child .bg_overlay {
    height: 67.1vw;
    max-height: 350px;
  }
}

.historia_detalhe_container .familia-text-container h3 span {
  position: relative;
  z-index: 2;
}

.historia_detalhe_container .familia-text-container h3 span::after {
  content: attr(data-subtitulo);
  position: absolute;
  top: 0px;
  left: 0px;
  color: rgba(41, 82, 74, 0.3);
  font-family: 'Canter Bold Strips';
  font-size: 100%;
  text-transform: uppercase;
  z-index: -1;
}

.historia_detalhe_container.full {
  z-index: 30;
  background-color: #fffefc;
  cursor: auto;
}

@media (max-width: 992px) {
  .historia_detalhe_container.full {
    z-index: 210;
  }
}

.historia_detalhe_container.full > .half_frame:last-child .familia-text-container {
  z-index: 3;
}

.historia_detalhe_container.full .close-btn {
  display: block;
}

.historia_detalhe_container .close-btn {
  display: none;
}

.apoios_btn, .topo_btn, .fechar_btn {
  background-color: transparent;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding: 0;
  border: 0;
  margin: 0;
  top: -55px;
  width: 145px;
  height: 115px;
  position: absolute;
  cursor: pointer;
  padding: 0rem 0.625rem;
  -webkit-transition: top 0.50s ease-in-out, height 0.50s ease-in-out, -webkit-transform 0.50s ease-in-out;
  transition: top 0.50s ease-in-out, height 0.50s ease-in-out, -webkit-transform 0.50s ease-in-out;
  -o-transition: top 0.50s ease-in-out, height 0.50s ease-in-out, -o-transform 0.50s ease-in-out;
  -moz-transition: transform 0.50s ease-in-out, top 0.50s ease-in-out, height 0.50s ease-in-out, -moz-transform 0.50s ease-in-out;
  transition: transform 0.50s ease-in-out, top 0.50s ease-in-out, height 0.50s ease-in-out;
  transition: transform 0.50s ease-in-out, top 0.50s ease-in-out, height 0.50s ease-in-out, -webkit-transform 0.50s ease-in-out, -moz-transform 0.50s ease-in-out, -o-transform 0.50s ease-in-out;
}

.apoios_btn:focus, .topo_btn:focus, .fechar_btn:focus {
  outline: none;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .apoios_btn, .topo_btn, .fechar_btn {
    top: -40px;
    height: 100px;
    width: 100px;
  }
}

@media (max-width: 992px) {
  .apoios_btn, .topo_btn, .fechar_btn {
    padding: 0rem 0.3125rem;
    width: 75px;
    height: 55px;
    top: auto;
    bottom: 0;
  }
}

.apoios_btn.big, .apoios_btn.load-hide, .topo_btn.big, .topo_btn.load-hide, .fechar_btn.big, .fechar_btn.load-hide {
  top: 60px;
  bottom: auto;
  height: 150px;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .apoios_btn.big, .apoios_btn.load-hide, .topo_btn.big, .topo_btn.load-hide, .fechar_btn.big, .fechar_btn.load-hide {
    top: 60px;
    height: 100px;
  }
}

.apoios_btn.big .wrapper, .apoios_btn.load-hide .wrapper, .topo_btn.big .wrapper, .topo_btn.load-hide .wrapper, .fechar_btn.big .wrapper, .fechar_btn.load-hide .wrapper {
  margin-top: -0.0625rem;
}

.apoios_btn.big .wrapper::before, .apoios_btn.load-hide .wrapper::before, .topo_btn.big .wrapper::before, .topo_btn.load-hide .wrapper::before, .fechar_btn.big .wrapper::before, .fechar_btn.load-hide .wrapper::before {
  top: 20px;
}

.apoios_btn.big .overlay, .apoios_btn.load-hide .overlay, .topo_btn.big .overlay, .topo_btn.load-hide .overlay, .fechar_btn.big .overlay, .fechar_btn.load-hide .overlay {
  top: 0;
  bottom: auto;
}

.apoios_btn.big .seta, .apoios_btn.load-hide .seta, .topo_btn.big .seta, .topo_btn.load-hide .seta, .fechar_btn.big .seta, .fechar_btn.load-hide .seta {
  opacity: 0;
  visibility: hidden;
  top: -50px;
}

.apoios_btn.big .seta2, .apoios_btn.load-hide .seta2, .topo_btn.big .seta2, .topo_btn.load-hide .seta2, .fechar_btn.big .seta2, .fechar_btn.load-hide .seta2 {
  opacity: 1;
  top: 70px;
  visibility: visible;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .apoios_btn.big .seta2, .apoios_btn.load-hide .seta2, .topo_btn.big .seta2, .topo_btn.load-hide .seta2, .fechar_btn.big .seta2, .fechar_btn.load-hide .seta2 {
    top: 45px;
  }
}

.apoios_btn .wrapper, .topo_btn .wrapper, .fechar_btn .wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  border-image-source: url("/images/setas/border-vertical-cima.png");
  border-image-slice: 2 2 2 2;
  border-image-width: 2px 2px 0px 2px;
  border-image-outset: 0px;
  border-image-repeat: round;
  border-style: solid;
  overflow: hidden;
  z-index: 2;
  -webkit-transition: height 0.25s ease-in-out;
  -o-transition: height 0.25s ease-in-out;
  -moz-transition: height 0.25s ease-in-out;
  transition: height 0.25s ease-in-out;
}

@media (max-width: 992px) {
  .apoios_btn .wrapper, .topo_btn .wrapper, .fechar_btn .wrapper {
    border-image-width: 1.5px 1.5px 0px 1.5px;
  }
}

.apoios_btn .wrapper::before, .topo_btn .wrapper::before, .fechar_btn .wrapper::before {
  position: absolute;
  width: 100%;
  top: 60px;
  left: 0;
  display: inline-block;
  text-transform: uppercase;
  font-family: 'Canter Bold';
  font-size: 1.875rem;
  -webkit-transition: font 0.25s ease-in-out;
  -o-transition: font 0.25s ease-in-out;
  -moz-transition: font 0.25s ease-in-out;
  transition: font 0.25s ease-in-out;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .apoios_btn .wrapper::before, .topo_btn .wrapper::before, .fechar_btn .wrapper::before {
    font-size: 1.125rem;
  }
}

@media (max-width: 992px) {
  .apoios_btn .wrapper::before, .topo_btn .wrapper::before, .fechar_btn .wrapper::before {
    top: 32px;
    font-size: 0.875rem;
  }
}

.apoios_btn .overlay, .topo_btn .overlay, .fechar_btn .overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: -webkit-calc(100% - 20px);
  height: -moz-calc(100% - 20px);
  height: calc(100% - 20px);
  background-image: url("/images/svgs/textura.png");
  -moz-background-size: auto auto;
    -o-background-size: auto auto;
       background-size: auto auto;
  background-position: center center;
  background-repeat: no-repeat;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .apoios_btn .overlay, .topo_btn .overlay, .fechar_btn .overlay {
    height: -webkit-calc(100% - 15px);
    height: -moz-calc(100% - 15px);
    height: calc(100% - 15px);
  }
}

@media (max-width: 992px) {
  .apoios_btn .overlay, .topo_btn .overlay, .fechar_btn .overlay {
    height: -webkit-calc(100% - 10px);
    height: -moz-calc(100% - 10px);
    height: calc(100% - 10px);
  }
}

.apoios_btn .seta, .apoios_btn .seta2, .topo_btn .seta, .topo_btn .seta2, .fechar_btn .seta, .fechar_btn .seta2 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 2px;
  border-width: 2px;
  border-image-source: url("/images/setas/seta-vertical-linha.png");
  border-image-slice: 0 0 0 2;
  border-image-width: 0px 0px 0px 3px;
  border-image-outset: 0px;
  border-image-repeat: round;
  border-style: solid;
  -webkit-transition: height 0.25s ease-in-out 0s, top 0.25s ease-in-out 0.50s;
  -o-transition: height 0.25s ease-in-out 0s, top 0.25s ease-in-out 0.50s;
  -moz-transition: height 0.25s ease-in-out 0s, top 0.25s ease-in-out 0.50s;
  transition: height 0.25s ease-in-out 0s, top 0.25s ease-in-out 0.50s;
}

@media (max-width: 992px) {
  .apoios_btn .seta, .apoios_btn .seta2, .topo_btn .seta, .topo_btn .seta2, .fechar_btn .seta, .fechar_btn .seta2 {
    width: 1px;
    border-image-width: 0px 0px 0px 1px;
  }
}

.apoios_btn .seta:before, .apoios_btn .seta:after, .apoios_btn .seta2:before, .apoios_btn .seta2:after, .topo_btn .seta:before, .topo_btn .seta:after, .topo_btn .seta2:before, .topo_btn .seta2:after, .fechar_btn .seta:before, .fechar_btn .seta:after, .fechar_btn .seta2:before, .fechar_btn .seta2:after {
  content: '';
  position: absolute;
  width: 1.5px;
  height: 25px;
  -moz-background-size: contain;
    -o-background-size: contain;
       background-size: contain;
  background-position: center center;
  -webkit-transition: bottom 0.25s ease-in-out 0.25s, -webkit-transform 0.25s ease-in-out 0.25s;
  transition: bottom 0.25s ease-in-out 0.25s, -webkit-transform 0.25s ease-in-out 0.25s;
  -o-transition: bottom 0.25s ease-in-out 0.25s, -o-transform 0.25s ease-in-out 0.25s;
  -moz-transition: transform 0.25s ease-in-out 0.25s, bottom 0.25s ease-in-out 0.25s, -moz-transform 0.25s ease-in-out 0.25s;
  transition: transform 0.25s ease-in-out 0.25s, bottom 0.25s ease-in-out 0.25s;
  transition: transform 0.25s ease-in-out 0.25s, bottom 0.25s ease-in-out 0.25s, -webkit-transform 0.25s ease-in-out 0.25s, -moz-transform 0.25s ease-in-out 0.25s, -o-transform 0.25s ease-in-out 0.25s;
}

@media (max-width: 992px) {
  .apoios_btn .seta:before, .apoios_btn .seta:after, .apoios_btn .seta2:before, .apoios_btn .seta2:after, .topo_btn .seta:before, .topo_btn .seta:after, .topo_btn .seta2:before, .topo_btn .seta2:after, .fechar_btn .seta:before, .fechar_btn .seta:after, .fechar_btn .seta2:before, .fechar_btn .seta2:after {
    width: 1px;
    height: 10px;
  }
}

.apoios_btn .seta:before, .apoios_btn .seta2:before, .topo_btn .seta:before, .topo_btn .seta2:before, .fechar_btn .seta:before, .fechar_btn .seta2:before {
  background-image: url("/images/setas/seta-vertical-1.png");
  left: -9px;
}

@media (max-width: 992px) {
  .apoios_btn .seta:before, .apoios_btn .seta2:before, .topo_btn .seta:before, .topo_btn .seta2:before, .fechar_btn .seta:before, .fechar_btn .seta2:before {
    left: -3px;
  }
}

.apoios_btn .seta:after, .apoios_btn .seta2:after, .topo_btn .seta:after, .topo_btn .seta2:after, .fechar_btn .seta:after, .fechar_btn .seta2:after {
  background-image: url("/images/setas/seta-vertical-2.png");
  right: -9px;
}

@media (max-width: 992px) {
  .apoios_btn .seta:after, .apoios_btn .seta2:after, .topo_btn .seta:after, .topo_btn .seta2:after, .fechar_btn .seta:after, .fechar_btn .seta2:after {
    right: -3px;
  }
}

.apoios_btn .seta, .topo_btn .seta, .fechar_btn .seta {
  top: 0;
  height: 50px;
}

@media (max-width: 992px) {
  .apoios_btn .seta, .topo_btn .seta, .fechar_btn .seta {
    width: 1px;
    height: 25px;
  }
}

.apoios_btn .seta2, .topo_btn .seta2, .fechar_btn .seta2 {
  opacity: 0;
  visibility: hidden;
  top: 150px;
  height: 80px;
}

.apoios_btn {
  margin: 0rem auto 0rem 6.25rem;
  left: 60px;
  -webkit-transform: translateY(0%);
     -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
       -o-transform: translateY(0%);
          transform: translateY(0%);
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .apoios_btn {
    margin-left: 3.125rem;
  }
}

@media (max-width: 992px) {
  .apoios_btn {
    left: 0;
    margin: 0rem auto 0rem 1.5625rem;
  }
}

.apoios_btn.load-hide {
  -webkit-transform: translateY(100%);
     -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
       -o-transform: translateY(100%);
          transform: translateY(100%);
}

.apoios_btn.big .overlay {
  background-image: url("/images/texturas/texturafundo_cinza.jpg");
}

.apoios_btn.big .wrapper {
  border-image-width: 0px 2px 2px 2px;
  border-image-source: url("/images/setas/border-vertical-baixo.png");
}

@media (max-width: 992px) {
  .apoios_btn.big .wrapper {
    border-image-width: 0px 1.5px 1.5px 1.5px;
  }
}

.apoios_btn.big .wrapper::before {
  content: 'Voltar';
  color: #271f30;
}

.apoios_btn .wrapper::before {
  content: 'Apoie a visita';
  color: #fffefc;
}

.apoios_btn .overlay {
  background-color: #90a583;
}

.apoios_btn .seta::before, .apoios_btn .seta::after {
  bottom: -6px;
}

@media (max-width: 992px) {
  .apoios_btn .seta::before, .apoios_btn .seta::after {
    bottom: -3px;
  }
}

.apoios_btn .seta:before {
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.apoios_btn .seta:after {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}

.apoios_btn .seta2::before, .apoios_btn .seta2::after {
  top: -5px;
}

.apoios_btn .seta2:before {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}

.apoios_btn .seta2:after {
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.topo_btn, .fechar_btn {
  display: none;
  margin: -0.125rem 6.25rem 0rem;
  right: 60px;
}

@media (max-width: 992px) {
  .topo_btn, .fechar_btn {
    right: 0;
    margin: 0rem 1.5625rem 0rem;
  }
}

.topo_btn .wrapper::before, .fechar_btn .wrapper::before {
  color: #271f30;
}

.topo_btn .seta::before, .topo_btn .seta::after, .fechar_btn .seta::before, .fechar_btn .seta::after {
  top: -5px;
}

@media (max-width: 992px) {
  .topo_btn .seta::before, .topo_btn .seta::after, .fechar_btn .seta::before, .fechar_btn .seta::after {
    top: -5px;
  }
}

.topo_btn .seta:before, .fechar_btn .seta:before {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}

.topo_btn .seta:after, .fechar_btn .seta:after {
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.topo_btn {
  -webkit-transition: opacity 0.25s ease-out;
  -o-transition: opacity 0.25s ease-out;
  -moz-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
}

@media (max-width: 992px) {
  .topo_btn {
    display: block;
  }
}

.topo_btn .overlay {
  background-image: url("/images/texturas/texturafundo_cinza.jpg");
  background-color: transparent;
}

.topo_btn .wrapper::before {
  content: 'Topo';
}

@media (max-width: 992px) {
  .fechar_btn {
    display: none;
  }
}

.fechar_btn .overlay {
  background-color: #c97064;
}

.fechar_btn .wrapper::before {
  content: 'Fechar';
}

.apoios_container {
  position: relative;
  display: none;
  width: 100%;
  height: 100vh;
  float: left;
  overflow: hidden;
}

@media (max-width: 992px) {
  .apoios_container {
    height: auto;
    margin-bottom: 4.6875rem;
  }
}

.apoios_container > .half_frame {
  overflow: hidden;
  height: 100%;
}

@media (max-width: 992px) {
  .apoios_container > .half_frame {
    height: auto;
  }
}

.apoios_container > .half_frame:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #90a583;
}

@media (max-width: 992px) {
  .apoios_container > .half_frame:first-child {
    width: 100%;
  }
}

.apoios_container > .half_frame:first-child .half_content_wrapper {
  position: relative;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  z-index: 2;
}

@media (max-width: 992px) {
  .apoios_container > .half_frame:first-child .half_content_wrapper {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
  }
}

.apoios_container > .half_frame:first-child h1.page-title {
  padding-left: 0rem;
  margin-bottom: 3.125rem;
}

@media (max-width: 992px) {
  .apoios_container > .half_frame:first-child h1.page-title {
    margin-bottom: 1.875rem;
  }
}

.apoios_container > .half_frame:first-child h1.page-title .bigWord {
  display: inline-block;
  position: relative;
  color: #f8f4e3;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .apoios_container > .half_frame:first-child h1.page-title .bigWord {
    font-size: 4.6875rem;
  }
}

@media (max-width: 992px) {
  .apoios_container > .half_frame:first-child h1.page-title .bigWord {
    font-size: 4.0625rem;
    color: #29524a;
  }
}

.apoios_container > .half_frame:first-child h1.page-title .bigWord > span:after {
  content: none;
}

.apoios_container > .half_frame:first-child h1.page-title .bigWord:after {
  content: '';
  position: absolute;
  right: -250px;
  bottom: 10px;
  width: 210px;
  height: 80px;
  background-image: url("/images/svgs/ondas.svg");
  -moz-background-size: contain;
    -o-background-size: contain;
       background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .apoios_container > .half_frame:first-child h1.page-title .bigWord:after {
    width: 160px;
    height: 60px;
    bottom: 5px;
    right: -200px;
  }
}

@media (max-width: 992px) {
  .apoios_container > .half_frame:first-child h1.page-title .bigWord:after {
    width: 110px;
    height: 40px;
    bottom: 5px;
    right: -120px;
  }
}

.apoios_container > .half_frame:first-child .text {
  max-width: 480px;
  color: #f8f4e3;
}

.apoios_container > .half_frame:first-child .text p {
  font-size: 1.5rem;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .apoios_container > .half_frame:first-child .text p {
    font-size: 1.25rem;
  }
}

@media (max-width: 992px) {
  .apoios_container > .half_frame:first-child .text p {
    font-size: 1rem;
  }
}

.apoios_container > .half_frame:last-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  background-color: #fffefc;
}

@media (max-width: 992px) {
  .apoios_container > .half_frame:last-child {
    width: 100%;
  }
}

.apoios_container > .half_frame:last-child .half_content_wrapper {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  height: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0rem 1.25rem;
}

@media (max-width: 992px) {
  .apoios_container > .half_frame:last-child .half_content_wrapper {
    padding: 2.5rem 0.9375rem;
  }
}

.apoios_container > .half_frame:last-child .half_content_wrapper .text {
  position: relative;
  padding-top: 2.1875rem;
  max-width: 600px;
  text-align: center;
}

@media (max-width: 992px) {
  .apoios_container > .half_frame:last-child .half_content_wrapper .text {
    padding-top: 1.25rem;
  }
}

.apoios_container > .half_frame:last-child .half_content_wrapper .text h4 {
  text-transform: uppercase;
  font-family: 'Canter Light';
  font-size: 2rem;
  margin-bottom: 1.875rem;
  font-style: normal;
}

@media (max-width: 992px) {
  .apoios_container > .half_frame:last-child .half_content_wrapper .text h4 {
    font-size: 1.3125rem;
  }
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .apoios_container > .half_frame:last-child .half_content_wrapper .text p {
    font-size: 1rem;
    margin-bottom: 0.625rem;
  }
}

.apoios_container > .half_frame:last-child .half_content_wrapper .text p:last-child {
  color: #b9a991;
  font-style: normal;
}

.apoios_container > .half_frame:last-child .half_content_wrapper .text:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 120px;
  height: 3px;
  background-image: url("/images/svgs/linha.svg");
  -moz-background-size: contain;
    -o-background-size: contain;
       background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.apoios_options_container {
  position: relative;
  width: 100%;
  height: 50%;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.apoios_option_btn {
  display: inline-block;
}

.apoio_option_empty {
  width: 50%;
  height: 33.333%;
  float: left;
}

@media (max-width: 992px) {
  .apoio_option_empty {
    width: 50%;
    height: 14.0625vw;
    max-height: 300px;
  }
}

@media (max-width: 640px) {
  .apoio_option_empty {
    width: 100%;
    height: 28.125vw;
    max-height: 300px;
  }
}

.apoio_option {
  width: 50%;
  height: 33.333%;
  position: relative;
}

@media (max-width: 992px) {
  .apoio_option {
    width: 50%;
    height: 14.0625vw;
    max-height: 325px;
  }
}

@media (max-width: 640px) {
  .apoio_option {
    width: 100%;
    height: 28.125vw;
    max-height: 300px;
  }
}

@media (min-width: 993px) {
  .apoio_option:hover .plus-btn svg {
    background-color: #ca7266;
  }
}

@media (min-width: 993px) {
  .apoio_option:hover .plus-btn svg path {
    fill: #fffefc;
  }
}

@media (min-width: 993px) {
  .apoio_option:hover .plus-btn svg .mais-svg {
    fill: #fffefc;
  }
}

.apoio_option:nth-child(even) {
  -webkit-box-shadow: -5px 0px 5px 0px rgba(96, 56, 19, 0.25);
     -moz-box-shadow: -5px 0px 5px 0px rgba(96, 56, 19, 0.25);
          box-shadow: -5px 0px 5px 0px rgba(96, 56, 19, 0.25);
}

@media (max-width: 640px) {
  .apoio_option:nth-child(even) {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
}

.apoio_option.full {
  padding: pxre(0) 0.9375rem;
}

@media (max-width: 992px) {
  .apoio_option.full {
    padding: 1.25rem 3.125rem;
    max-height: none;
  }
}

.apoio_option.full:nth-child(even) {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.apoio_option.full .close-btn {
  display: block;
}

@media (max-width: 640px) {
  .apoio_option.full .close-btn {
    display: none;
  }
}

.apoio_option.full .gotop-btn {
  display: none;
}

@media (max-width: 640px) {
  .apoio_option.full .gotop-btn {
    display: block;
  }
}

.apoio_option.full .plus-btn {
  display: none;
}

.apoio_option.full .apoio_content_container {
  width: auto;
  height: auto;
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-out  0.3s;
  -o-transition: opacity 0.25s ease-out  0.3s;
  -moz-transition: opacity 0.25s ease-out  0.3s;
  transition: opacity 0.25s ease-out  0.3s;
}

.apoio_option.full .apoio_option_btn {
  margin-bottom: 1.875rem;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .apoio_option.full .apoio_option_btn {
    margin-bottom: 0.9375rem;
  }
}

.apoio_option.op_01 {
  background-image: url("/images/texturas/paper_texture_04.jpg");
}

.apoio_option.op_01 .text {
  max-width: 340px;
}

@media (max-width: 992px) {
  .apoio_option.op_01 .apoio_buttons_link {
    width: 32.1%;
  }
}

.apoio_option.op_01 .apoio_buttons_link::before, .apoio_option.op_01 .apoio_buttons_link::after {
  width: 65px;
}

.apoio_option.op_02 {
  background-image: url("/images/texturas/texturafundo_cinza.jpg");
}

.apoio_option.op_02 small {
  display: block;
  margin-top: 0.625rem;
}

.apoio_option.op_02 .text {
  max-width: 750px;
}

.apoio_option.op_02 .text:nth-last-child(2) p {
  font-size: 1rem;
}

.apoio_option.op_03 {
  background-image: url("/images/texturas/texturafundo_branca.jpg");
}

.apoio_option.op_03 .text {
  max-width: 750px;
}

.apoio_option.op_03 .text:nth-last-child(2) p {
  font-size: 1rem;
}

.apoio_option.op_04 {
  background-image: url("/images/texturas/texturafundo_branca.jpg");
}

.apoio_option.op_04 .text {
  max-width: 530px;
}

.apoio_option.op_05 {
  background-image: url("/images/texturas/texturafundo_cinza.jpg");
}

.apoio_option.op_05 .text {
  max-width: 530px;
}

.apoio_option.op_06 {
  background-image: url("/images/texturas/paper_texture_04.jpg");
}

.apoio_option.op_06 .text {
  max-width: 420px;
}

.apoio_option .wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.apoio_option .close-btn {
  display: none;
}

.apoio_option .gotop-btn {
  display: none;
}

.apoio_option .plus-btn {
  display: block;
  width: 40px;
  height: 40px;
}

.apoio_option .plus-btn svg {
  -webkit-transition: background-color 0.25s ease-in-out;
  -o-transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
}

.apoio_option .plus-btn svg path {
  -webkit-transition: fill 0.25s ease-in-out;
  -o-transition: fill 0.25s ease-in-out;
  -moz-transition: fill 0.25s ease-in-out;
  transition: fill 0.25s ease-in-out;
}

.apoio_option .plus-btn svg .mais-svg {
  -webkit-transition: fill 0.25s ease-in-out;
  -o-transition: fill 0.25s ease-in-out;
  -moz-transition: fill 0.25s ease-in-out;
  transition: fill 0.25s ease-in-out;
}

.apoio_option .text {
  text-align: center;
  margin-bottom: 1.875rem;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .apoio_option .text {
    margin-bottom: 0.9375rem;
  }
}

.apoio_option .text p {
  font-size: 1.3125rem;
  margin-bottom: 0.9375rem;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .apoio_option .text p {
    font-size: 1rem;
    margin-bottom: 0.625rem;
  }
}

.apoio_option .text p:last-child, .apoio_option .text p:only-child {
  margin-bottom: 0rem;
}

.apoio_option_btn {
  cursor: pointer;
  max-width: 200px;
  width: 100%;
}

.apoio_option_btn svg, .apoio_option_btn img {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  user-select: none;
  max-width: 200px;
  width: 100%;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .apoio_option_btn svg, .apoio_option_btn img {
    max-width: 150px;
  }
}

.apoio_content_container {
  width: 0px;
  height: 0px;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
}

.apoio_buttons_container {
  max-width: 340px;
  width: 100%;
  margin: 0rem auto;
  text-align: center;
  padding: 2.1875rem 0rem;
}

@media (max-width: 992px) {
  .apoio_buttons_container {
    padding: 1.25rem 0rem;
  }
}

.apoio_buttons_container.full {
  max-width: none;
}

.apoio_buttons_container.full .apoio_buttons_link {
  max-width: 180px;
}

.apoio_buttons_link {
  position: relative;
  display: inline-block;
  max-width: 90px;
  width: 100%;
  height: 30px;
  font-size: 1.5rem;
  font-family: 'Canter Bold';
  color: #603813;
}

.apoio_buttons_link img {
  width: auto;
  height: 30px;
  max-width: 100%;
  max-height: 100%;
}

@media (max-width: 992px) {
  .apoio_buttons_link img {
    height: 25px;
  }
}

.apoio_buttons_link::before, .apoio_buttons_link::after {
  content: '';
  position: absolute;
  width: 90px;
  height: 35px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url("/images/svgs/linha_botao.svg");
  -moz-background-size: contain;
    -o-background-size: contain;
       background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

@media (max-width: 992px) {
  .apoio_buttons_link::before, .apoio_buttons_link::after {
    width: 70px;
    -webkit-transform: translateX(-50%) rotate(10deg);
       -moz-transform: translateX(-50%) rotate(10deg);
        -ms-transform: translateX(-50%) rotate(10deg);
         -o-transform: translateX(-50%) rotate(10deg);
            transform: translateX(-50%) rotate(10deg);
  }
}

.apoio_buttons_link:before {
  top: -40px;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .apoio_buttons_link:before {
    top: -30px;
  }
}

.apoio_buttons_link:after {
  bottom: -40px;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .apoio_buttons_link:after {
    bottom: -35px;
  }
}

@media (max-width: 992px) {
  .apoio_buttons_link:after {
    bottom: -30px;
  }
}

.apoio_tabela_donativos {
  max-width: 750px;
  width: 100%;
  margin: 0rem auto;
  margin-bottom: 0.9375rem;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .apoio_tabela_donativos {
    margin-bottom: 1.5625rem;
  }
}

.apoio_tabela_donativos h6 {
  color: #c97064;
  font-family: 'Courier';
  font-size: 0.875rem;
  text-transform: uppercase;
  padding-left: 3.125rem;
  margin-left: 0.625rem;
  margin-bottom: 1.25rem;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .apoio_tabela_donativos h6 {
    padding-left: 2.1875rem;
  }
}

.apoio_tabela_donativos.empresas li span {
  width: auto;
}

.apoio_tabela_donativos li {
  list-style: none;
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 400;
  font-size: 1.125rem;
  color: #603813;
  margin-bottom: 0.3125rem;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .apoio_tabela_donativos li {
    font-size: 0.875rem;
  }
}

.apoio_tabela_donativos li:last-child {
  margin-bottom: 0rem;
}

.apoio_tabela_donativos li span {
  display: inline-block;
  color: #c97064;
  font-family: 'Courier';
  font-weight: 700;
  width: 50px;
  margin-right: 0.625rem;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .apoio_tabela_donativos li span {
    width: 35px;
  }
}

@media (max-width: 992px) {
  .apoio_tabela_donativos .half {
    width: 50%;
  }
}

@media (max-width: 640px) {
  .apoio_tabela_donativos .half {
    width: 100%;
    margin-bottom: 1.5625rem;
  }
}

@media (max-width: 640px) {
  .apoio_tabela_donativos .half:last-child {
    margin-bottom: 0rem;
  }
}

.nib_container {
  width: 100%;
  margin: 0rem auto;
  color: #c97064;
  font-family: 'Courier';
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
}

.half {
  width: 50%;
  float: left;
}

@media (max-width: 992px) {
  .half {
    width: 100%;
  }
}

#recomendacao_mail,
#marcar_mail,
#contactar_mail {
  cursor: pointer;
}

.album_container {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 3;
}

@media (max-width: 992px) {
  .album_container {
    height: auto;
  }
}

.album_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
  margin-bottom: 5.875rem;
  background-image: url("/images/texturas/texturafundo_cinza.jpg");
}

@media (max-width: 992px) {
  .album_wrapper {
    height: auto;
    margin-bottom: 0rem;
    overflow: visible;
  }
}

.album_photo {
  position: relative;
  width: 50%;
  height: auto;
  overflow: hidden;
  /*
    &:hover{
        .overlay{
            @media(min-width: $tablet-breakpoint-lg){
                width: 120%;
                height: 120%;
            }
        }
    }

    .overlay{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        @include background-css();
        transition: width 0.25s ease-in-out, height 0.25s ease-in-out;
    }
    */
}

@media (max-width: 640px) {
  .album_photo {
    width: 100%;
  }
}

.album_photo img {
  float: left;
  width: 100%;
  height: auto;
  opacity: 1;
}

.seta-esquerda-slider, .seta-direita-slider {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
     -moz-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
       -o-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  z-index: 215;
  width: 120px;
  height: 100px;
  cursor: pointer;
  border-image-outset: 0px;
  border-image-repeat: round;
  border-style: solid;
  border-image-slice: 2 2 2 2;
  overflow: hidden;
  -webkit-transition: left 0.35s ease-in-out, right 0.35s ease-in-out, opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
  transition: left 0.35s ease-in-out, right 0.35s ease-in-out, opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
  -o-transition: left 0.35s ease-in-out, right 0.35s ease-in-out, opacity 0.35s ease-in-out, -o-transform 0.35s ease-in-out;
  -moz-transition: left 0.35s ease-in-out, right 0.35s ease-in-out, transform 0.35s ease-in-out, opacity 0.35s ease-in-out, -moz-transform 0.35s ease-in-out;
  transition: left 0.35s ease-in-out, right 0.35s ease-in-out, transform 0.35s ease-in-out, opacity 0.35s ease-in-out;
  transition: left 0.35s ease-in-out, right 0.35s ease-in-out, transform 0.35s ease-in-out, opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out, -moz-transform 0.35s ease-in-out, -o-transform 0.35s ease-in-out;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .seta-esquerda-slider, .seta-direita-slider {
    width: 95px;
    height: 80px;
  }
}

@media (max-width: 992px) {
  .seta-esquerda-slider, .seta-direita-slider {
    border-image-slice: 1 1 1 1;
    width: 60px;
    height: 50px;
  }
}

.seta-esquerda-slider .seta, .seta-direita-slider .seta {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 50px;
  height: 3px;
  border-width: 2px;
  border-image-source: url("/images/setas/seta-horizontal-linha.png");
  border-image-slice: 3 0 0 0;
  border-image-width: 3px 0 0 0;
  border-image-outset: 0px;
  border-image-repeat: round;
  border-style: solid;
}

@media (max-width: 992px) {
  .seta-esquerda-slider .seta, .seta-direita-slider .seta {
    width: 30px;
    height: 2px;
    border-width: 1px;
    border-image-slice: 2 0 0 0;
    border-image-width: 2px 0 0 0;
  }
}

.seta-esquerda-slider .seta:before, .seta-esquerda-slider .seta:after, .seta-direita-slider .seta:before, .seta-direita-slider .seta:after {
  content: '';
  position: absolute;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 25px;
  height: 2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 992px) {
  .seta-esquerda-slider .seta:before, .seta-esquerda-slider .seta:after, .seta-direita-slider .seta:before, .seta-direita-slider .seta:after {
    width: 15px;
    height: 1px;
  }
}

.seta-esquerda-slider .seta:before, .seta-direita-slider .seta:before {
  background-image: url("/images/setas/seta-vertical-1.png");
}

.seta-esquerda-slider .seta:after, .seta-direita-slider .seta:after {
  background-image: url("/images/setas/seta-vertical-2.png");
}

.seta-esquerda-slider {
  left: -35px;
  border-image-source: url("/images/setas/border-horizontal-direita.png");
  border-image-width: 2px 2px 2px 0px;
}

@media (max-width: 992px) {
  .seta-esquerda-slider {
    border-image-width: 1px 1px 1px 0px;
    left: -30px;
  }
}

.seta-esquerda-slider.load-hide {
  -webkit-transform: translate(-100%, -50%);
     -moz-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
       -o-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}

@media (min-width: 993px) {
  .seta-esquerda-slider.hover {
    left: 0px;
  }
}

.seta-esquerda-slider .seta {
  right: -5px;
}

.seta-esquerda-slider .seta:before, .seta-esquerda-slider .seta:after {
  left: -1px;
  -webkit-transform-origin: left center;
     -moz-transform-origin: left center;
      -ms-transform-origin: left center;
       -o-transform-origin: left center;
          transform-origin: left center;
}

.seta-esquerda-slider .seta:before {
  -webkit-transform: rotate(45deg) translateY(-50%);
     -moz-transform: rotate(45deg) translateY(-50%);
      -ms-transform: rotate(45deg) translateY(-50%);
       -o-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
}

.seta-esquerda-slider .seta:after {
  -webkit-transform: rotate(-45deg) translateY(-50%);
     -moz-transform: rotate(-45deg) translateY(-50%);
      -ms-transform: rotate(-45deg) translateY(-50%);
       -o-transform: rotate(-45deg) translateY(-50%);
          transform: rotate(-45deg) translateY(-50%);
}

.seta-direita-slider {
  right: -35px;
  border-image-source: url("/images/setas/border-horizontal-esquerda.png");
  border-image-width: 2px 0px 2px 2px;
}

@media (max-width: 992px) {
  .seta-direita-slider {
    border-image-width: 1px 0px 1px 1px;
    right: -30px;
  }
}

.seta-direita-slider.load-hide {
  -webkit-transform: translate(100%, -50%);
     -moz-transform: translate(100%, -50%);
      -ms-transform: translate(100%, -50%);
       -o-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
}

@media (min-width: 993px) {
  .seta-direita-slider.hover {
    right: 0px;
  }
}

.seta-direita-slider.attention-anime {
  -webkit-animation-name: setaHomepageAnim;
     -moz-animation-name: setaHomepageAnim;
       -o-animation-name: setaHomepageAnim;
          animation-name: setaHomepageAnim;
  -webkit-animation-iteration-count: 1;
     -moz-animation-iteration-count: 1;
       -o-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
     -moz-animation-duration: 1s;
       -o-animation-duration: 1s;
          animation-duration: 1s;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .seta-direita-slider.attention-anime {
    -webkit-animation-name: setaHomepageAminUltrabook;
       -moz-animation-name: setaHomepageAminUltrabook;
         -o-animation-name: setaHomepageAminUltrabook;
            animation-name: setaHomepageAminUltrabook;
  }
}

@media (max-width: 992px) {
  .seta-direita-slider.attention-anime {
    -webkit-animation-name: setaHomepageAnimMobile;
       -moz-animation-name: setaHomepageAnimMobile;
         -o-animation-name: setaHomepageAnimMobile;
            animation-name: setaHomepageAnimMobile;
  }
}

.seta-direita-slider .seta {
  left: -5px;
}

.seta-direita-slider .seta:before, .seta-direita-slider .seta:after {
  right: -1px;
  -webkit-transform-origin: right center;
     -moz-transform-origin: right center;
      -ms-transform-origin: right center;
       -o-transform-origin: right center;
          transform-origin: right center;
}

.seta-direita-slider .seta:before {
  -webkit-transform: rotate(-45deg) translateY(-50%);
     -moz-transform: rotate(-45deg) translateY(-50%);
      -ms-transform: rotate(-45deg) translateY(-50%);
       -o-transform: rotate(-45deg) translateY(-50%);
          transform: rotate(-45deg) translateY(-50%);
}

.seta-direita-slider .seta:after {
  -webkit-transform: rotate(45deg) translateY(-50%);
     -moz-transform: rotate(45deg) translateY(-50%);
      -ms-transform: rotate(45deg) translateY(-50%);
       -o-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
}

@-webkit-keyframes setaHomepageAnim {
  0% {
    width: 145px;
  }
  20% {
    width: 165px;
  }
  40% {
    width: 145px;
  }
  60% {
    width: 165px;
  }
  100% {
    width: 145px;
  }
}

@-moz-keyframes setaHomepageAnim {
  0% {
    width: 145px;
  }
  20% {
    width: 165px;
  }
  40% {
    width: 145px;
  }
  60% {
    width: 165px;
  }
  100% {
    width: 145px;
  }
}

@-o-keyframes setaHomepageAnim {
  0% {
    width: 145px;
  }
  20% {
    width: 165px;
  }
  40% {
    width: 145px;
  }
  60% {
    width: 165px;
  }
  100% {
    width: 145px;
  }
}

@keyframes setaHomepageAnim {
  0% {
    width: 145px;
  }
  20% {
    width: 165px;
  }
  40% {
    width: 145px;
  }
  60% {
    width: 165px;
  }
  100% {
    width: 145px;
  }
}

@-webkit-keyframes setaHomepageAminUltrabook {
  0% {
    width: 120px;
  }
  20% {
    width: 140px;
  }
  40% {
    width: 120px;
  }
  60% {
    width: 140px;
  }
  100% {
    width: 120px;
  }
}

@-moz-keyframes setaHomepageAminUltrabook {
  0% {
    width: 120px;
  }
  20% {
    width: 140px;
  }
  40% {
    width: 120px;
  }
  60% {
    width: 140px;
  }
  100% {
    width: 120px;
  }
}

@-o-keyframes setaHomepageAminUltrabook {
  0% {
    width: 120px;
  }
  20% {
    width: 140px;
  }
  40% {
    width: 120px;
  }
  60% {
    width: 140px;
  }
  100% {
    width: 120px;
  }
}

@keyframes setaHomepageAminUltrabook {
  0% {
    width: 120px;
  }
  20% {
    width: 140px;
  }
  40% {
    width: 120px;
  }
  60% {
    width: 140px;
  }
  100% {
    width: 120px;
  }
}

@-webkit-keyframes setaHomepageAnimMobile {
  0% {
    width: 90px;
  }
  20% {
    width: 110px;
  }
  40% {
    width: 90px;
  }
  60% {
    width: 110px;
  }
  100% {
    width: 90px;
  }
}

@-moz-keyframes setaHomepageAnimMobile {
  0% {
    width: 90px;
  }
  20% {
    width: 110px;
  }
  40% {
    width: 90px;
  }
  60% {
    width: 110px;
  }
  100% {
    width: 90px;
  }
}

@-o-keyframes setaHomepageAnimMobile {
  0% {
    width: 90px;
  }
  20% {
    width: 110px;
  }
  40% {
    width: 90px;
  }
  60% {
    width: 110px;
  }
  100% {
    width: 90px;
  }
}

@keyframes setaHomepageAnimMobile {
  0% {
    width: 90px;
  }
  20% {
    width: 110px;
  }
  40% {
    width: 90px;
  }
  60% {
    width: 110px;
  }
  100% {
    width: 90px;
  }
}

.familia_foto_mobile {
  display: none;
  width: 100%;
  height: 67.1vw;
  max-height: 500px;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

@media (max-width: 992px) {
  .familia_foto_mobile {
    display: block;
  }
}

.familia_name_mobile {
  display: none;
  position: relative;
  width: 100%;
  height: 60px;
  padding: 0rem 0.9375rem;
}

@media (max-width: 992px) {
  .familia_name_mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.familia_name_mobile h3 {
  position: relative;
  color: #29524a;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 900;
  margin-top: 0.75rem;
  margin-bottom: 0rem;
}

.familia_name_mobile h3::before {
  content: '';
  position: absolute;
  top: -12px;
  left: 0;
  width: 85px;
  height: 6px;
  background-image: url("/images/svgs/onda_sozinha.svg");
  -moz-background-size: contain;
    -o-background-size: contain;
       background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.familia_name_mobile .bg_overlay {
  background-image: url("/images/texturas/paper_texture_12.jpg");
  opacity: 0.25;
}

.conhecer-btn {
  position: absolute;
  pointer-events: none;
  width: 40px;
  height: 60px;
  left: 15px;
  bottom: 15px;
}

@media (max-width: 992px) {
  .conhecer-btn {
    pointer-events: all;
  }
}

.conhecer-btn svg {
  position: relative;
  z-index: 2;
}

.conhecer-btn svg .mais-svg {
  -webkit-transform-origin: 0% 0%;
     -moz-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
       -o-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  -o-transition: -o-transform 0.25s ease-in-out;
  -moz-transition: transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, -o-transform 0.25s ease-in-out;
}

.text-flex-end {
  padding-top: 7.1875rem;
}

@media (max-width: 1400px), (min-width: 1401px) and (max-height: 850px) {
  .text-flex-end {
    padding-top: 4.375rem;
  }
}

@media (max-width: 992px) {
  .text-flex-end {
    padding-top: 0rem;
  }
}

/*
.seta_scroll{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 65px;
    z-index: 10;
    padding: pxrem(10);
    background-image: url('/images/texturas/texturafundo_cinza.jpg');

    @media(max-width: $tablet-breakpoint-lg){
        display:none !important;
    }

    &.hide{
        display: none;
    }

    img{
        max-width: 22.5px;
        width: 100%;
        margin: pxrem(0) auto;
        margin-bottom: pxrem(15);
        cursor: pointer;

        &:hover{
            @media(min-width: $tablet-breakpoint-lg + 1){
                transform: scale(1.3);
            }
        }

        &:last-of-type{
            margin-bottom: pxrem(5);
        }

        &.m_scrolling{
            transform: scale(1.3);
        }
    }

    span{
        display: inline-block;
        width: 100%;
        font-family: 'Canter Bold';
        text-align: center;
        font-size: pxrem(22);
        font-weight: bolder;
        color: $color_verde_escuro;
    }
}
*/
.homepage-frame-image {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  pointer-events: none;
  opacity: 1;
  -webkit-transform: translate3d(-50%, 0%, 0);
     -moz-transform: translate3d(-50%, 0%, 0);
          transform: translate3d(-50%, 0%, 0);
  -webkit-transition: -webkit-transform 0.50s ease-in-out;
  transition: -webkit-transform 0.50s ease-in-out;
  -o-transition: -o-transform 0.50s ease-in-out;
  -moz-transition: transform 0.50s ease-in-out, -moz-transform 0.50s ease-in-out;
  transition: transform 0.50s ease-in-out;
  transition: transform 0.50s ease-in-out, -webkit-transform 0.50s ease-in-out, -moz-transform 0.50s ease-in-out, -o-transform 0.50s ease-in-out;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
}

.homepage-frame-image.load-hide {
  -webkit-transform: translate3d(-50%, 100%, 0);
     -moz-transform: translate3d(-50%, 100%, 0);
          transform: translate3d(-50%, 100%, 0);
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
}

@media (max-width: 992px) {
  .homepage-frame-image {
    width: 230%;
  }
}

.loading {
  position: relative;
  display: inline-block;
}

.loading:before {
  position: absolute;
  top: 0;
}

.loading.nopoint:before {
  content: '';
  right: 0px;
}

.loading.onepoint:before {
  content: '.';
  right: -15px;
}

.loading.twopoint:before {
  content: '..';
  right: -25px;
}

.loading.threepoint:before {
  content: '...';
  right: -35px;
}