/* screen - page-3 */

/**{
        outline: 1px solid red;
    }*/

.skate {
  position: absolute;
  top: 55px;
  left: 5%;
  z-index:1000000;
  position: absolute;
  display: none;
  transition-duration: 2.0s;
  transition-timing-function: ease-out;
 }

.page-3 {
  background-color: var(--black);
  height: 8245px;
  overflow: hidden;
  position: relative;
  width: 1920px;
}

.page-3 .overlap-group75 {
  height: 225px;
  left: 2777px;
  position: absolute;
  top: 71px;
  width: 836px;
}

.page-3 .overlap-group53 {
  height: 225px;
  left: 0;
  position: absolute;
  top: 0;
  width: 836px;
}

.page-3 .skatepark {
  color: var(--parchment);
  font-family: var(--font-family-impact-regular);
  font-size: 115px;
  font-weight: 400;
  left: 222px;
  letter-spacing: 0;
  position: absolute;
  top: 0;
  width: 614px;
}

.page-3 .frame {
  height: 19px;
  left: 504px;
  position: absolute;
  top: 177px;
  width: 19px;
}

.page-3 .place-3 {
  color: var(--parchment);
  font-family: var(--font-family-helvetica_neue-regular);
  font-size: var(--font-size-xl);
  font-weight: 400;
  left: 0;
  letter-spacing: 0;
  position: absolute;
  top: 156px;
  width: 566px;
}

.page-3 .place-4 {
  color: var(--parchment);
  font-family: var(--font-family-helvetica_neue-regular);
  font-size: var(--font-size-xl);
  font-weight: 400;
  left: 579px;
  letter-spacing: 0;
  position: absolute;
  top: 156px;
  width: 224px;
}

.page-3 .br-fnc-m {
  height: 91px;
  left: 82px;
  position: absolute;
  top: 26px;
  width: 100px;
}

.page-3 .frame-1 {
  height: 19px;
  left: 2707px;
  position: absolute;
  top: 248px;
  width: 19px;
}

.page-3 .overlap-group11 {
  align-items: center;
  display: flex;
  height: 70px;
  left: 58px;
  width: 100%;
  position: absolute;
  top: 32px;
  background-image: url(../img/skatepark-capture.png);
  background-repeat: repeat;
  background-size: auto;
  animation: 30s linear infinite left;
}

.page-3 .skatepark-1 {
  letter-spacing: 0;
  min-height: 84px;
  width: 100%;
}

.page-3 .etoile-1 {
  height: 48px;
  margin-left: 5px;
  margin-top: 12.0px;
  object-fit: cover;
  width: 53px;
}

.page-3 .skatepark-2 {
  left: 492px;
  letter-spacing: 0;
  position: absolute;
  top: 32px;
  width: 334px;
}

.page-3 .skatepark-3 {
  left: 926px;
  letter-spacing: 0;
  position: absolute;
  top: 32px;
  width: 332px;
}

.page-3 .skatepark-4 {
  left: 1380px;
  letter-spacing: 0;
  position: absolute;
  top: 32px;
  width: 327px;
}

.page-3 .skatepark-5 {
  left: 1823px;
  letter-spacing: 0;
  position: absolute;
  top: 32px;
  width: 336px;
}

@keyframes slide {
  from {background-position-x: -100%;}
  to {background-position-x: 0;}
}

@keyframes left {
  from {background-position-x: 0;}
  to {background-position-x: -100%;}
}

.page-3 .overlap-group37 {
  height: 30px;
  left: 65px;
  position: absolute;
  top: 125px;
  width: 100%;
  background-image: url(../img/puerto_slide.png);
  background-repeat: repeat;
  background-size: auto;
  animation: 30s linear infinite slide;
}

.page-3 .place {
  left: 0;
  letter-spacing: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.page-3 .cercle_rouge {
  height: 13px;
  left: 270px;
  object-fit: cover;
  position: absolute;
  top: 11px;
  width: 13px;
}

.page-3 .cercle_rouge1 {
  height: 13px;
  top: 11px;
  width: 13px;
}

.page-3 .overlap-group8 {
  height: 34px;
  left: 360px;
  position: absolute;
  top: 125px;
  width: 293px;
}

.page-3 .overlap-group7 {
  height: 34px;
  left: 655px;
  position: absolute;
  top: 125px;
  width: 293px;
}

.page-3 .overlap-group38 {
  height: 34px;
  left: 950px;
  position: absolute;
  top: 125px;
  width: 293px;
}

.page-3 .overlap-group67 {
  height: 34px;
  left: 1245px;
  position: absolute;
  top: 125px;
  width: 293px;
}

.page-3 .overlap-group43 {
  height: 34px;
  left: 1540px;
  position: absolute;
  top: 125px;
  width: 293px;
}

.page-3 .place-5 {
  left: 1835px;
  letter-spacing: 0;
  position: absolute;
  top: 125px;
  width: 283px;
}

.page-3 .frame-61 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: min-content;
  left: 840px;
  padding: 10px;
  position: absolute;
  top: 46px;
  width: min-content;
}

.page-3 .etoile {
  height: 48px;
  min-width: 53px;
  object-fit: cover;
}

.page-3 .frame-60 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: min-content;
  left: 1280px;
  padding: 10px;
  position: absolute;
  top: 46px;
  width: min-content;
}

.page-3 .frame-59 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: min-content;
  left: 1720px;
  padding: 10px;
  position: absolute;
  top: 46px;
  width: min-content;
}

.page-3 .parque_guajes-3 {
    height: 700px;
    left: 515px;
    position: absolute;
    top: 297px;
    width: 900px;
}

.page-3 .dessin_map_rouge-1 {
  height: 166px;
  left: 768px;
  object-fit: cover;
  position: absolute;
  top: 1100px;
  width: 442px;
}

.page-3 .overlap-group10 {
  height: 1259px;
  position: absolute;
  top: 1362px;
  width: 100%;
  background-image: url(../img/constru-parque-guajes.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.9;
}

.cercle{
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 88px;
  animation:rotation 30s infinite linear;
    
}

@keyframes rotation { 
  from { 
    transform: rotate(0deg); 
  }
  to {
    transform: rotate(359deg);
  }

}


.page-3 .el-proyecto-1 {
  color: var(--white);
  font-family: var(--font-family-impact-regular);
  font-size: 150px;
  font-weight: 400;
  left: 35%;
  letter-spacing: 0;
  position: absolute;
  text-align: center;
  top: 216px;
  width: 633px;
}

.page-3 .etoile-rouge-1 {
  height: 120px;
  left: 61%;
  object-fit: cover;
  position: absolute;
  top: 280px;
  width: 131px;
}

.page-3 .durante-los-ltimos-a {
  height: 422px;
  left: 37%;
  position: absolute;
  top: 600px;
  width: 568px;
}

.page-3 .trait_elproyecto-1 {
  height: 6px;
  left: 38%;
  object-fit: cover;
  position: absolute;
  top: 576px;
  width: 534px;
}

.page-3 .overlap-group-container {
  height: 930px;
  left: -54px;
  position: absolute;
  top: 4661px;
  width: 100%;
  background-image: url(../img/parque-capture1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-3 .overlap-group-container-1 {
  height: 1043px;
  left: 315px;
  position: absolute;
  top: 0;
  width: 1477px;
}

.page-3 .overlap-group26 {
  height: 659px;
  left: 393px;
  position: absolute;
  top: 181px;
  width: 980px;
}

.page-3 .alcanzado-todava {
  color: var(--white);
  font-family: var(--font-family-impact-regular);
  font-size: 170px;
  font-weight: 400;
  left: 0;
  letter-spacing: 0;
  position: absolute;
  top: 0;
  width: 801px;
}

.page-3 .muchas-gracias {
  color: var(--white);
  font-family: var(--font-family-impact-regular);
  font-size: var(--font-size-xxxl);
  font-weight: 400;
  left: 0;
  letter-spacing: 0;
  line-height: 360px;
  position: absolute;
  top: 288px;
  white-space: nowrap;
  width: 499px;
}

.page-3 .trait_alcanzo-1 {
  height: 11px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 528px;
  width: 277px;
}

.page-3 .thermometre-1 {
    height: 762px;
    left: 745px;
    object-fit: cover;
    position: absolute;
    top: -37px;
    width: 227px;
}

.thermometre-1:hover{
  content: url("../img/thermo-gif.gif");
}

.page-3 .overlap-group6 {
  height: 300px;
  left: 122px;
  position: absolute;
  top: 743px;
  width: 1355px;
}

.page-3 .etoile-11-2 {
  height: 48px;
  left: 384px;
  object-fit: cover;
  position: absolute;
  top: 239px;
  width: 53px;
}

.page-3 .etoile-11-3 {
  height: 48px;
  left: 838px;
  object-fit: cover;
  position: absolute;
  top: 239px;
  width: 53px;
}

.page-3 .etoile-11-4 {
  height: 48px;
  left: 1292px;
  object-fit: cover;
  position: absolute;
  top: 239px;
  width: 53px;
}

.page-3 .overlap-group70 {
  height: 300px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1301px;
}

.page-3 .el-sueo-se-hace-rea {
  color: var(--white);
  font-family: var(--font-family-helvetica_neue-regular);
  font-size: var(--font-size-l);
  font-weight: 400;
  left: 271px;
  letter-spacing: 0;
  position: absolute;
  top: 0;
  width: 680px;
}

.page-3 .el-proyecto-2 {
  left: 0;
  letter-spacing: 0;
  position: absolute;
  top: 216px;
  width: 393px;
}

.page-3 .el-proyecto-3 {
  left: 454px;
  letter-spacing: 0;
  position: absolute;
  top: 216px;
  width: 393px;
}

.page-3 .el-proyecto-4 {
  left: 908px;
  letter-spacing: 0;
  position: absolute;
  top: 216px;
  width: 393px;
}

.page-3 .overlap-group24 {
  height: 871px;
  left: 21px;
  position: absolute;
  top: 0;
  width: 319px;
}

.page-3 .contour_droite-1 {
  height: 851px;
  left: 30px;
  object-fit: cover;
  position: absolute;
  top: 10px;
  width: 299px;
}

.page-3 .puerto-escondido {
  color: var(--parchment);
  font-family: var(--font-family-impact-regular);
  font-size: 35px;
  font-weight: 400;
  left: 70px;
  letter-spacing: 0;
  position: absolute;
  text-align: center;
  top: 708px;
  width: 218px;
}

.page-3 .trait_bas-1 {
  height: 11px;
  left: 95px;
  object-fit: cover;
  position: absolute;
  top: 673px;
  width: 169px;
}

.map_pointrouge{
    height: 85px;
    width: 88px;
    position: relative;
    top: 412px;
    left: 82px;
    z-index: 10;
}

.page-3 .map_pointrouge-1 {
  height: 376px;
  left: 101px;
  object-fit: cover;
  position: absolute;
  top: 254px;
  width: 134px;
}

.page-3 .trait_haut-2 {
  height: 12px;
  left: 95px;
  object-fit: cover;
  position: absolute;
  top: 182px;
  width: 169px;
}

.page-3 .overlap-group30 {
  height: 70px;
  left: 0;
  position: absolute;
  top: 963px;
  width: 100%;
  background-image: url(../img/el-proyecto.png);
  background-repeat: repeat;
  background-size: auto;
  animation: 30s linear infinite left;
}

.page-3 .el-proyecto {
  left: 0;
  letter-spacing: 0;
  position: absolute;
  top: 0;
  width: 393px;
}

.page-3 .etoile-11 {
  height: 48px;
  left: 367px;
  object-fit: cover;
  position: absolute;
  top: 19px;
  width: 53px;
}

.page-3 .overlap-group13 {
  height: 70px;
  position: absolute;
  top: 2682px;
  width: 100%;
  background-image: url(../img/donar-slide.png);
  background-repeat: repeat;
  background-size: auto;
  animation: 30s linear infinite slide;
}

.page-3 .etoile-5 {
  height: 48px;
  position: absolute;
  top: 24px;
  width: 53px;
}

.page-3 .donar-container {
  height: 84px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.page-3 .donar {
  letter-spacing: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.page-3 .overlap-group15 {
  height: 70px;
  left: 58px;
  position: absolute;
  top: 6218px;
  width: 2119px;
  background-image: url(../img/donar-slide.png);
  background-repeat: repeat;
  background-size: auto;
  animation: 30s linear infinite slide;
}

.page-3 .overlap-group66 {
  height: 70px;
  left: 17px;
  position: absolute;
  top: 7730px;
  width: 100%;
  background-image: url(../img/gracias-capture.png);
  background-repeat: repeat;
  background-size: auto;
  animation: 30s linear infinite left;
}

.page-3 .gracias {
  left: 0;
  letter-spacing: 0;
  position: absolute;
  top: 0;
  width: 271px;
}

.page-3 .etoile-5-6 {
  height: 48px;
  left: 259px;
  object-fit: cover;
  position: absolute;
  top: 24px;
  width: 53px;
}

.page-3 .gracias-1 {
  left: 345px;
  letter-spacing: 0;
  position: absolute;
  top: 7730px;
  width: 249px;
}

.page-3 .gracias-2 {
  left: 679px;
  letter-spacing: 0;
  position: absolute;
  top: 7730px;
  width: 249px;
}

.page-3 .gracias-3 {
  left: 1013px;
  letter-spacing: 0;
  position: absolute;
  top: 7730px;
  width: 249px;
}

.page-3 .gracias-4 {
  left: 1347px;
  letter-spacing: 0;
  position: absolute;
  top: 7730px;
  width: 249px;
}

.page-3 .gracias-5 {
  left: 1681px;
  letter-spacing: 0;
  position: absolute;
  top: 7730px;
  width: 249px;
}

.page-3 .frame-133 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: min-content;
  left: 600px;
  padding: 10px;
  position: absolute;
  top: 7744px;
  width: min-content;
}

.page-3 .frame-134 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: min-content;
  left: 934px;
  padding: 10px;
  position: absolute;
  top: 7744px;
  width: min-content;
}

.page-3 .frame-135 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: min-content;
  left: 1268px;
  padding: 10px;
  position: absolute;
  top: 7744px;
  width: min-content;
}

.page-3 .frame-136 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: min-content;
  left: 1602px;
  padding: 10px;
  position: absolute;
  top: 7744px;
  width: min-content;
}

.page-3 .frame-29 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  height: min-content;
  left: 330px;
  padding: 10px;
  position: absolute;
  top: 2845px;
  width: min-content;
}

.page-3 .yeux {
  height: 200px;
  min-width: 165px;
}

.yeux:hover{
  content: url("../img/FX_2_Yeux_1.gif");
  height: 300px;
  object-fit: cover;
  margin-left: -45px;
  margin-top: -45px;
}


.page-3 .frame-28 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  height: min-content;
  left: 1400px;
  padding: 10px;
  position: absolute;
  top: 2845px;
  width: min-content;
}

.page-3 .frame-27 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  height: min-content;
  left: 1310px;
  padding: 10px;
  position: absolute;
  top: 2876px;
  width: min-content;
}

.page-3 .trait_droite-1 {
  height: 169px;
  min-width: 11px;
  object-fit: cover;
}

.page-3 .frame-26 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  height: min-content;
  left: 557px;
  padding: 10px;
  position: absolute;
  top: 2876px;
  width: min-content;
}

.page-3 .trait_gauche-1 {
  height: 145px;
  min-width: 9px;
  object-fit: cover;
}

.page-3 .dona-container {
  height: 188px;
  left: 630px;
  position: absolute;
  top: 2865px;
  width: 632px;
}

.page-3 .donation-1 {
  height: 168px;
  left: 10px;
  object-fit: cover;
  position: absolute;
  top: 10px;
  width: 612px;
}
.page-3 .donation-arr {
  height: 170px;
  left: 10px;
  object-fit: cover;
  position: absolute;
  top: 10px;
  width: 614px;
  opacity: 0;
}

.dona-container:hover .donation-arr{
  opacity: 1;
}
.donation-container:hover .donation-arr{
  opacity: 1;
}

.dona-container:hover .link{
  color: white;
}
.donation-container:hover .link{
  color: white;
}

.page-3 .donacin {
  color: var(--black);
  font-family: var(--font-family-impact-regular);
  font-size: 90px;
  font-weight: 400;
  left: 131px;
  letter-spacing: 0;
  position: absolute;
  top: 46px;
  width: 401px;
}

.page-3 .s-parte-de-ellos {
  color: var(--white);
  font-family: var(--font-family-helvetica_neue-medium);
  font-size: var(--font-size-s);
  font-weight: 500;
  left: 816px;
  letter-spacing: 0;
  position: absolute;
  top: 3064px;
  width: 259px;
}

.page-3 .overlap-group33 {
  height: 70px;
  left: -54px;
  position: absolute;
  top: 3188px;
  width: 100%;
  background-image: url(../img/el-proyecto.png);
  background-repeat: repeat;
  background-size: auto;
  animation: 30s linear infinite left;
}

.page-3 .overlap-group57 {
  height: 84px;
  left: 383px;
  position: absolute;
  top: 3184px;
  width: 447px;
}

.page-3 .etoile-11-1 {
  height: 48px;
  left: 384px;
  object-fit: cover;
  position: absolute;
  top: 23px;
  width: 53px;
}

.page-3 .overlap-group17 {
  height: 84px;
  left: 837px;
  position: absolute;
  top: 3184px;
  width: 447px;
}

.page-3 .overlap-group25 {
  height: 84px;
  left: 1291px;
  position: absolute;
  top: 3184px;
  width: 447px;
}

.page-3 .el-proyecto-5 {
  left: 1745px;
  letter-spacing: 0;
  position: absolute;
  top: 3184px;
  width: 393px;
}

.page-3 .overlap-group18 {
  height: 34px;
  left: 17px;
  width: 100%;
  position: absolute;
  top: 3277px;
  background-image: url(../img/punta_slide.png);
  background-repeat: repeat;
  background-size: auto;
  animation: 30s linear infinite slide;
}

.page-3 .place-1 {
  letter-spacing: 0;
  min-height: 33px;
  width: 126px;
}

.page-3 .cercle_rouge-7 {
  align-self: center;
  height: 13px;
  margin-left: 4px;
  margin-top: 1.0px;
  object-fit: cover;
  width: 13px;
}

.page-3 .overlap-group44 {
  height: 34px;
  left: 172px;
  position: absolute;
  top: 3277px;
  width: 293px;
}

.page-3 .overlap-group19 {
  height: 34px;
  left: 467px;
  position: absolute;
  top: 3277px;
  width: 293px;
}

.page-3 .overlap-group48 {
  height: 34px;
  left: 762px;
  position: absolute;
  top: 3277px;
  width: 137px;
}

.page-3 .place-2 {
  left: 0;
  letter-spacing: 0;
  position: absolute;
  top: 0;
  width: 115px;
}

.page-3 .cercle_rouge-10 {
  height: 13px;
  left: 114px;
  object-fit: cover;
  position: absolute;
  top: 11px;
  width: 13px;
}

.page-3 .overlap-group60 {
  align-items: flex-start;
  display: flex;
  height: 34px;
  left: 899px;
  min-width: 153px;
  position: absolute;
  top: 3277px;
}

.page-3 .overlap-group52 {
  height: 34px;
  left: 1054px;
  position: absolute;
  top: 3277px;
  width: 293px;
}

.page-3 .overlap-group14 {
  height: 34px;
  left: 1349px;
  position: absolute;
  top: 3277px;
  width: 293px;
}

.page-3 .overlap-group56 {
  height: 34px;
  left: 1644px;
  position: absolute;
  top: 3277px;
  width: 137px;
}

.page-3 .overlap-group46 {
  height: 70px;
  left: -54px;
  position: absolute;
  top: 4470px;
  width: 100%;
  background-image: url(../img/el-proyecto.png);
  background-repeat: repeat;
  background-size: auto;
  animation: 30s linear infinite left;
}

.page-3 .overlap-group2 {
  height: 84px;
  left: 383px;
  position: absolute;
  top: 4466px;
  width: 447px;
}

.page-3 .overlap-group45 {
  height: 84px;
  left: 837px;
  position: absolute;
  top: 4466px;
  width: 447px;
}

.page-3 .overlap-group {
  height: 84px;
  left: 1291px;
  position: absolute;
  top: 4466px;
  width: 447px;
}

.page-3 .el-proyecto-6 {
  left: 1745px;
  letter-spacing: 0;
  position: absolute;
  top: 4466px;
  width: 393px;
}

.page-3 .overlap-group12 {
  align-items: flex-start;
  display: flex;
  height: 34px;
  left: 17px;
  width: 100%;
  position: absolute;
  top: 4559px;
  background-image: url(../img/punta_slide.png);
  background-repeat: repeat;
  background-size: auto;
  animation: 30s linear infinite slide;
}

.page-3 .overlap-group21 {
  height: 34px;
  left: 172px;
  position: absolute;
  top: 4559px;
  width: 293px;
}

.page-3 .overlap-group16 {
  height: 34px;
  left: 467px;
  position: absolute;
  top: 4559px;
  width: 293px;
}

.page-3 .overlap-group34 {
  height: 34px;
  left: 762px;
  position: absolute;
  top: 4559px;
  width: 137px;
}

.page-3 .overlap-group49 {
  align-items: flex-start;
  display: flex;
  height: 34px;
  left: 899px;
  min-width: 153px;
  position: absolute;
  top: 4559px;
}

.page-3 .overlap-group42 {
  height: 34px;
  left: 1054px;
  position: absolute;
  top: 4559px;
  width: 293px;
}

.page-3 .overlap-group20 {
  height: 34px;
  left: 1349px;
  position: absolute;
  top: 4559px;
  width: 293px;
}

.page-3 .overlap-group64 {
  height: 34px;
  left: 1644px;
  position: absolute;
  top: 4559px;
  width: 137px;
}

.page-3 .el-proyecto-7 {
  left: 1745px;
  letter-spacing: 0;
  position: absolute;
  top: 5620px;
  width: 393px;
  display:none;
}

.page-3 .overlap-group39 {
  align-items: flex-start;
  display: flex;
  height: 34px;
  left: 17px;
  width: 100%;
  position: absolute;
  top: 5713px;
  background-image: url(../img/punta_slide.png);
  background-repeat: repeat;
  background-size: auto;
  animation: 30s linear infinite slide;
}

.page-3 .overlap-group54 {
  height: 34px;
  left: 172px;
  position: absolute;
  top: 5713px;
  width: 293px;
}

.page-3 .overlap-group65 {
  height: 34px;
  left: 467px;
  position: absolute;
  top: 5713px;
  width: 293px;
}

.page-3 .overlap-group29 {
  align-items: flex-start;
  display: flex;
  height: 34px;
  left: 17px;
  min-width: 153px;
  position: absolute;
  top: 6310px;
}

.page-3 .overlap-group63 {
  height: 34px;
  left: 172px;
  position: absolute;
  top: 6310px;
  width: 293px;
}

.page-3 .overlap-group4 {
  height: 34px;
  left: 467px;
  position: absolute;
  top: 6310px;
  width: 293px;
}

.page-3 .overlap-group9 {
  height: 34px;
  left: 762px;
  position: absolute;
  top: 6310px;
  width: 137px;
}

.page-3 .overlap-group58 {
  align-items: flex-start;
  display: flex;
  height: 34px;
  left: 899px;
  min-width: 153px;
  position: absolute;
  top: 6310px;
}

.page-3 .overlap-group23 {
  height: 34px;
  left: 1054px;
  position: absolute;
  top: 6310px;
  width: 293px;
}

.page-3 .overlap-group36 {
  height: 34px;
  left: 1349px;
  position: absolute;
  top: 6310px;
  width: 293px;
}

.page-3 .overlap-group61 {
  height: 34px;
  left: 1644px;
  position: absolute;
  top: 6310px;
  width: 137px;
}

.page-3 .overlap-group51 {
  height: 34px;
  left: 762px;
  position: absolute;
  top: 5713px;
  width: 137px;
}

.page-3 .overlap-group3 {
  align-items: flex-start;
  display: flex;
  height: 34px;
  left: 899px;
  min-width: 153px;
  position: absolute;
  top: 5713px;
}

.page-3 .overlap-group55 {
  height: 34px;
  left: 1054px;
  position: absolute;
  top: 5713px;
  width: 293px;
}

.page-3 .overlap-group31 {
  height: 34px;
  left: 1349px;
  position: absolute;
  top: 5713px;
  width: 293px;
}

.page-3 .overlap-group59 {
  height: 34px;
  left: 1644px;
  position: absolute;
  top: 5713px;
  width: 137px;
}

.page-3 .overlap-group40 {
  align-items: flex-start;
  display: flex;
  height: 34px;
  left: 17px;
  width: 100%;
  position: absolute;
  top: 7822px;
  background-image: url(../img/punta_slide.png);
  background-repeat: repeat;
  background-size: auto;
  animation: 30s linear infinite slide;
}

.page-3 .overlap-group47 {
  height: 34px;
  left: 172px;
  position: absolute;
  top: 7822px;
  width: 293px;
}

.page-3 .overlap-group62 {
  height: 34px;
  left: 467px;
  position: absolute;
  top: 7822px;
  width: 293px;
}

.page-3 .overlap-group32 {
  height: 34px;
  left: 762px;
  position: absolute;
  top: 7822px;
  width: 137px;
}

.page-3 .overlap-group1 {
  align-items: flex-start;
  display: flex;
  height: 34px;
  left: 899px;
  min-width: 153px;
  position: absolute;
  top: 7822px;
}

.page-3 .overlap-group41 {
  height: 34px;
  left: 1054px;
  position: absolute;
  top: 7822px;
  width: 293px;
}

.page-3 .overlap-group22 {
  height: 34px;
  left: 1349px;
  position: absolute;
  top: 7822px;
  width: 293px;
}

.page-3 .overlap-group35 {
  height: 34px;
  left: 1644px;
  position: absolute;
  top: 7822px;
  width: 137px;
}

.map{
    left: 696px;
    top: -115px;
    height: 145px;
    width: 211px;
    position: relative;
}

.page-3 .overlap-group5 {
  align-items: flex-start;
  background-image: url(../img/capture-d-e-cran-2022-06-22-a--13-21-1@1x.png);
  background-repeat: no-repeat;
  background-size: 1045px 800px;
  background-position: 50% 30%;
  display: flex;
  height: 1020px;
  justify-content: flex-end;
  left: 162px;
  min-width: 1599px;
  padding: 90px 37px;
  position: absolute;
  top: 3391px;
}

.page-3 .flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 705px;
  width: 780px;
}

.page-3 .overlap-group72 {
  height: 580px;
  position: relative;
  width: 945px;
}

.page-3 .qu-matriales-ncesitamos {
  color: var(--parchment);
  font-family: var(--font-family-impact-regular);
  font-size: var(--font-size-xxxxl);
  font-weight: 400;
  left: 0;
  letter-spacing: 0;
  position: absolute;
  top: 0;
  width: 945px;
}

.page-3 .l-proyecto-est-presupuestado {
  color: var(--parchment);
  font-family: var(--font-family-impact-regular);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  left: 0;
  letter-spacing: 0;
  position: absolute;
  top: 512px;
  width: 692px;
}

.page-3 .x1215000000-mx {
  color: var(--parchment);
  font-family: var(--font-family-impact-regular);
  font-size: 98px;
  font-weight: 400;
  letter-spacing: 0;
  min-height: 125px;
  width: 692px;
}

.page-3 .overlap-group71 {
  height: 711px;
  margin-left: 28px;
  margin-top: 29px;
  position: relative;
  width: 546px;
}

.page-3 .cemento-gris-101-gra {
  color: var(--parchment);
  font-family: var(--font-family-impact-regular);
  font-size: var(--font-size-m);
  font-weight: 400;
  left: 0;
  letter-spacing: 0;
  position: absolute;
  text-align: right;
  top: 0;
  width: 265px;
}

.page-3 .address {
  color: transparent;
  font-family: var(--font-family-impact-regular);
  font-size: var(--font-size-m);
  font-weight: 400;
  left: 295px;
  letter-spacing: 0;
  position: absolute;
  top: 0;
  width: 251px;
}

.page-3 .span0 {
  color: var(--parchment);
}

.page-3 .span1 {
  color: var(--white);
}

.page-3 .vector {
  height: 5px;
  left: 21px;
  position: absolute;
  top: 13px;
  width: 400px;
}

.page-3 .vector-1 {
  height: 4px;
  left: 168px;
  position: absolute;
  top: 75px;
  width: 224px;
}

.page-3 .vector-2 {
  height: 5px;
  left: 151px;
  position: absolute;
  top: 195px;
  width: 241px;
}

.page-3 .vector-3 {
  height: 3px;
  left: 70px;
  position: absolute;
  top: 285px;
  width: 334px;
}

.page-3 .vector-4 {
  height: 4px;
  left: 55px;
  position: absolute;
  top: 315px;
  width: 349px;
}

.page-3 .vector-5 {
  height: 5px;
  left: 142px;
  position: absolute;
  top: 435px;
  width: 201px;
}

.page-3 .vector-6 {
  height: 4px;
  left: 63px;
  position: absolute;
  top: 345px;
  width: 329px;
}

.page-3 .vector-7 {
  height: 5px;
  left: 142px;
  position: absolute;
  top: 465px;
  width: 204px;
}

.page-3 .vector-8 {
    height: 5px;
    left: 88px;
    position: absolute;
    top: 105px;
    width: 304px;
}

.page-3 .vector-9 {
    height: 5px;
    left: 102px;
    position: absolute;
    top: 525px;
    width: 247px;
}

.page-3 .vector-10 {
    height: 5px;
    left: 73px;
    position: absolute;
    top: 555px;
    width: 269px;
}

.page-3 .frame-100 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  height: min-content;
  left: 300px;
  padding: 10px;
  position: absolute;
  top: 5848px;
  width: min-content;
}

.page-3 .frame-101 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  height: min-content;
  left: 1440px;
  padding: 10px;
  position: absolute;
  top: 5848px;
  width: min-content;
}

.page-3 .frame-102 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  height: min-content;
  left: 1376px;
  padding: 10px;
  position: absolute;
  top: 5879px;
  width: min-content;
}

.page-3 .frame-103 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  height: min-content;
  left: 543px;
  padding: 10px;
  position: absolute;
  top: 5879px;
  width: min-content;
}

.page-3 .donation-container {
  height: 188px;
  left: 656px;
  position: absolute;
  top: 5868px;
  width: 632px;
}

.page-3 .donation {
  color: var(--black);
  font-family: var(--font-family-impact-regular);
  font-size: 90px;
  font-weight: 400;
  left: 131px;
  letter-spacing: 0;
  position: absolute;
  top: 46px;
  width: 359px;
}

.page-3 .se-parte-de-ellos {
  color: var(--white);
  font-family: var(--font-family-helvetica_neue-medium);
  font-size: var(--font-size-s);
  font-weight: 500;
  left: 844px;
  letter-spacing: 0;
  position: absolute;
  top: 6075px;
  width: 255px;
}

.page-3 .frame-24 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: min-content;
  left: 276px;
  padding: 10px;
  position: absolute;
  top: 6440px;
  width: min-content;
}

.page-3 .skate-2 {
  height: 106px;
  min-width: 240px;
  margin-left: 125px;
}

.page-3 .overlap-group74 {
  height: 1048px;
  left: 208px;
  position: absolute;
  top: 6625px;
  width: 1669px;
}

.page-3 .efectos-positivos {
  left: 170px;
  letter-spacing: 0;
  position: absolute;
  top: 9px;
  width: 320px;
}

.page-3 .overlap-group28 {
  height: 1048px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1669px;
}

.page-3 .overlap-group73 {
  height: 824px;
  left: 120px;
  position: absolute;
  top: 224px;
  width: 972px;
}

.page-3 .creacin-de-espacios {
  left: 2px;
  letter-spacing: 0;
  position: absolute;
  top: 0;
  width: 601px;
}

.page-3 .creacin-de-empleos {
  left: 2px;
  letter-spacing: 0;
  position: absolute;
  top: 99px;
  width: 459px;
}

.page-3 .concientizacin-de-l {
  left: 2px;
  letter-spacing: 0;
  position: absolute;
  top: 200px;
  width: 578px;
}

.page-3 .desarrollo-de-competencias-y-concursos {
  left: 0;
  letter-spacing: 0;
  position: absolute;
  top: 354px;
  width: 761px;
}

.page-3 .uso-de-elementos-y-t {
  left: 0;
  letter-spacing: 0;
  position: absolute;
  top: 409px;
  width: 568px;
}

.page-3 .uso-de-materiales-y {
  left: 2px;
  letter-spacing: 0;
  position: absolute;
  top: 591px;
  width: 591px;
}

.page-3 .sustentables-captac {
  left: 0;
  letter-spacing: 0;
  position: absolute;
  top: 292px;
  width: 809px;
}

.page-3 .en-la-sociedad-y-el {
  left: 4px;
  letter-spacing: 0;
  position: absolute;
  top: 462px;
  width: 968px;
}

.page-3 .que-ahorran-energa {
  left: 0;
  letter-spacing: 0;
  position: absolute;
  top: 682px;
  width: 594px;
}

#preloader {
  background: #000000 url(../img/FX_2_Yeux_1.gif) no-repeat center center;
  height: 100%;
  width: 100%;
  /*margin-top: -30%;*/
  position: fixed;
  z-index: 1000;
}

.temps{
  display: none;
}

.map-1{
    left: 1108px;
    top: 598px;
    height: 137px;
    width: 177px;
    position: relative;
}

.page-3 .objet_proyecto-1 {
  height: 780px;
  left: 800px;
  position: absolute;
  top: 160px;
  width: 600px;
}

.page-3 .puerto-escondido-1 {
  color: var(--parchment);
  font-family: var(--font-family-impact-regular);
  font-size: var(--font-size-xl);
  font-weight: 400;
  left: 990px;
  letter-spacing: 0;
  position: absolute;
  text-align: center;
  top: 745px;
  width: 218px;
}

.page-3 .skatepark-6 {
  color: var(--white);
  font-family: var(--font-family-helvetica_neue-regular);
  font-size: var(--font-size-s);
  font-weight: 400;
  left: 1020px;
  letter-spacing: 0;
  position: absolute;
  text-align: center;
  top: 855px;
  width: 141px;
}

.page-3 .vector-11 {
  height: 4px;
  left: 310px;
  position: absolute;
  top: 6864px;
  width: 5px;
}

.page-3 .vector-12 {
  height: 4px;
  left: 310px;
  position: absolute;
  top: 6965px;
  width: 5px;
}

.page-3 .vector-13 {
  height: 4px;
  left: 310px;
  position: absolute;
  top: 7068px;
  width: 5px;
}

.page-3 .vector-14 {
  height: 4px;
  left: 310px;
  position: absolute;
  top: 7158px;
  width: 5px;
}

.page-3 .vector-15 {
  height: 4px;
  left: 310px;
  position: absolute;
  top: 7219px;
  width: 5px;
}

.page-3 .vector-16 {
  height: 4px;
  left: 310px;
  position: absolute;
  top: 7280px;
  width: 5px;
}

.page-3 .vector-17 {
  height: 4px;
  left: 310px;
  position: absolute;
  top: 7361px;
  width: 5px;
}

.page-3 .vector-18 {
  height: 4px;
  left: 310px;
  position: absolute;
  top: 7458px;
  width: 5px;
}

.page-3 .vector-19 {
  height: 4px;
  left: 310px;
  position: absolute;
  top: 7548px;
  width: 5px;
}

.page-3 .vuelve-pronto {
  color: #f4532f;
  font-family: var(--font-family-impact-regular);
  font-size: 130px;
  font-weight: 400;
  left: 560px;
  letter-spacing: 0;
  position: absolute;
  top: 7948px;
  width: 821px;
}