#Mapa_gamboa_xA0_Imagem_1_{
    width: 100%;
}

.drawit {
    fill: transparent;
    stroke: #000;
    stroke-width: 10px;
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    animation: dash 10s linear forwards infinite;
  }

  
.drawit2 {
  fill: transparent;
  stroke: #000;
  stroke-width: 10px;
  stroke-dasharray: 50;
  stroke-dashoffset: 50;
  animation: dash2 10s linear forwards infinite;
}
  
  .jobing-j {
    stroke: #f22f2f;
    fill: transparent;
  }

  @keyframes dash {
    from {
      stroke-dashoffset: 0;
    }
    to {
      stroke-dashoffset: 900;
    }
  }

  @keyframes dash2 {
    from {
      stroke-dashoffset: 900;
    }
    to {
      stroke-dashoffset: 0;
    }
  }

  .kenburns-left {
	-webkit-animation: kenburns-left 5s ease-out both;
	        animation: kenburns-left 5s ease-out both;
}

/* ----------------------------------------------
 * Generated by Animista on 2023-9-19 12:55:56
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation kenburns-left
 * ----------------------------------------
 */
 @-webkit-keyframes kenburns-left {
    0% {
      -webkit-transform: scale(1) translate(0, 0);
              transform: scale(1) translate(0, 0);
      -webkit-transform-origin: 16% 50%;
              transform-origin: 16% 50%;
    }
    100% {
      -webkit-transform: scale(1.25) translate(-20px, 15px);
              transform: scale(1.25) translate(-20px, 15px);
      -webkit-transform-origin: right;
              transform-origin: right;
    }
  }
  @keyframes kenburns-left {
    0% {
      -webkit-transform: scale(1) translate(0, 0);
              transform: scale(1) translate(0, 0);
      -webkit-transform-origin: 16% 50%;
              transform-origin: 16% 50%;
    }
    100% {
      -webkit-transform: scale(1.25) translate(-20px, 15px);
              transform: scale(1.25) translate(-20px, 15px);
      -webkit-transform-origin: right;
              transform-origin: right;
    }
  }

  .pin-svg{
    width: 200px;
    height: 200px;
    /* z-index: 19999; */
    opacity: 1;    
    cursor: pointer; 
    /* -webkit-transform: scale(1);
        transform: scale(1); */
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
  }

  .pin-svg:hover {
    width: 205px;
    height: 205px;
    
}


body{

  background-image: url('../images/antigo-fundo-de-parede-interior-pintada.jpg');
}

/* @media screen and (max-width: 800px) {
  #Mapa_gamboa_xA0_Imagem_1_{
transform: rotate(90deg);
  }

 .pin-svg{

  transform: rotate(90deg);
 }
  
} */
.parag {
  letter-spacing: normal;
  font-size: var(--base-font-size);
  font-family: var(--font-1);
  font-weight: 300;
}

.parag-link{
  font-family: var(--font-2);
    font-size: 2.8rem;
    text-align: center;
}
 
.intro-content{
  min-height: calc(9.5 * var(--space));
}

.swiper {
  width: auto;
  height: 100vh;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  max-width: 100%;
  max-height: 100vh;
  object-fit: contain;
}


.swiper-wrapper {
  background-color: #f42800;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  align-items: center;

}
/* @media screen and (max-width: 800px) {
  #Mapa_gamboa_xA0_Imagem_1_{
transform: rotate(90deg);
  }

 .pin-svg{

  transform: rotate(90deg);
 }
  
} */


/* -------------------------------------------------------------------
 * ## testimonials
 * ------------------------------------------------------------------- */
 .testimonials {
  margin-top: 0px;
}

.testimonials .swiper-container {
  padding-bottom : 0px;
}

.testimonials .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
  margin : 0 9px;
}

.testimonials .swiper-pagination-bullet {
  width      : 10px;
  height     : 10px;
  background : rgb(252, 252, 252);
  opacity    : 0.4;
}

.testimonials .swiper-pagination-bullet-active {
  background : var(--color-1);
  opacity    : 1;
}

/* -------------------------------------------------------------------
* ## testimonial slider
* ------------------------------------------------------------------- */
.testimonial-slider__slide {
  position: relative;
  height: 90vh;
}


.modal-popup {
   max-width: 100%; 
    background-color: transparent;
    font-size: calc(var(--text-size) * 0.9447);
    line-height: var(--vspace-0_875);
    color: rgba(0, 0, 0, 0.75);
    overflow-y: auto;
    position: relative;
}


.b-l{
  font-size: var(--text-xxl);
  border-left: 2px solid var(--color-black);
  border-right: none;
}

@media screen and (max-width: 700px){
  .b-l{
    font-size: var(--text-xxl);
    border-bottom: none;
    border-right: none;
    border-left: none;
  }
}




.link-map-1{
  line-height: 16rem;
  font-size: calc(0.8 * 2em);
  text-align: center;
}

.link-map-2{
  text-align: center;
  line-height: 16rem;
  font-size: calc(0.8 * 2em);
 
}

.underline{
  text-decoration: underline;
}

.link-h1{
  font-size: 2em; 
  text-align: center;
}

.link-map{
  font-size: var(--text-xxl);
  padding-top: 2em;
}

.link-map a:hover{
 text-decoration: line-through;
 color: #000000;
}

.pull-quote blockquote {
  border: none;
  margin: 0 auto;
  max-width: 100%;
  padding-top: var(--vspace-2_5);
  position: relative;
}

blockquote cite, blockquote cite a, blockquote cite a:visited {
  text-align: right;
  color: #ffffff;
  border: none;
}

.pull-quote blockquote:before{
  display: none;
}

.pull-quote p{
  font-size: larger;
  text-align: left;
}



.texto-normal2{
  font-size: var(--text-md);
    padding: 8em 2em 2em 5em;
}

.about-timelines {
  background-size: cover;
  background-size: 100% 100%;
  background-image: url(../images/timeline-fundo-texto.png);
  padding-top: 25vh !important;
  padding-bottom: 15vh !important;
}

@media screen and (max-width: 800px) {
.about-timelines {
  background-size: cover;
  background-size: 100% 100%;
  background-image: url(../images/fundo--mobile.png);
}
}

@media screen and (max-width: 600px){
.about-timelines {
  background-size: cover;
  background-size: 100% 100%;
  background-image: url(../images/fundo--mobile2.png);
}
}

  
h1{
  color: white !important;
}

/* .mb{
  margin-bottom: 20vh;
} */

.tp{
  margin-left: var(--timeline-left-padding);
}


.intro-scrolldown2 {
  margin: auto;
  width: 100%;
  background: transparent;
  display: contents;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: auto;
  border-radius: 5px;
  padding: 1em;
}

.intro-scrolldown2{
  text-decoration: underline;
cursor: pointer;
}
.intro-scrolldown2 h3:hover{
  color: #f42800 !important;
  text-decoration: line-through;
  cursor: pointer;
  }

  .text-buttom .fa {
    padding-left: 10px;
    font-size: smaller;
}

.text-buttom {
  padding-top: 5vh;
}

.text-buttom a:hover {
  text-decoration: line-through;
  color: #f42800 !important;
}

.obras_slider {
 
  color: black;
  /* width: 100vw; */
  /* bottom: 10vh; */
  background: white;
  font-weight: initial;
  font-family: var(--font-2);
  font-size: larger;
  font-style: normal;
  /* position: fixed; */
  text-align: center;
}