*, p {hyphens: none !important;}
a,
a:hover { text-decoration: none; }
a img   { border: none; outline: none; }
input   { outline: none; }
img     { max-width: 100%; }
p{hyphens: none !important;}
figure{
	margin: 0;
}

body {
  font-size: 16px;
  background: #00943A;
  background: linear-gradient(135deg,#00471b 0%,#00943b 61%);
}
.fullscreen {
  width: 100%;
  clear: both;
  height: 100%;
  text-align: center;
  min-height: 500px;
}
.cover {
  background-size: cover !important;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flex-end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.time-line-2022 strong {
  font-family: 'VAG-Rounded-Std-Bold';
}
.main-bg-home {
  background: url('../img/background/bg-home.jpg') no-repeat bottom center;
  background-attachment: fixed;
  color: #fff;
  position: relative;
}
.main-bg-home article {
  max-width: 750px;
  margin: 0 auto;
  display: block;
}
.main-bg-home article figure {
  max-width: 500px;
  margin: 0 auto 10px;
  display: block;
}
.main-bg-home article p {
  font-family: 'VAG-Rounded-Std-Thin';
  font-size: 18px;
}
.main-bg-home article p span {
  color: #91C800;
}
.card-time-line {
  background: url('../img/background/bg-title-circle.png') no-repeat 21px top;
  background-size: 150px;
  color: #fff;
  font-family: 'VAG-Rounded-Std-Thin';
  text-align: left;
  max-width: 580px;
  position: relative;
  z-index: 2;
  width: 100%;
}
.card-time-line h2 {
  color: #91C800;
  font-family: 'VAG-Rounded-Std-Bold';
  font-size: 43px;
  margin: 0 0 2px 0;
}
.card-time-line p {
  margin: 0 0 15px 0;
  font-size: 16px;
  line-height: 20px;
}
.card-time-line.card-right .info {
  text-align: right;
}
.year-1969 .info {
  padding: 50px 0 0 85px;
}
.year-1969 .ornamento {
  position: absolute;
  right: 0;
  top: 50px;
  opacity: 0.4;
}
.year-1998 .card-time-line {
  background-position: 95px top;
}
.year-1998 .info {
  padding: 50px 0 0 0;
  text-align: right;
  max-width: 335px;
  float: left;
  width: 100%;
  position: absolute;
  top: 0;
}
.year-1998 .ornamento {
  position: absolute;
  left: 0;
  bottom: 0px;
  opacity: 0.4;
}
.year-1998 figure {
  margin-top: 90px;
}
.year-2012 {
  background: url('../img/background/bg-year-2012.jpg') no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
}
.year-2012 .card-time-line {
  padding: 50px 0 0 85px;
}
.year-2012 .ornamento {
  position: absolute;
  left: 0;
  top: 0px;
  opacity: 0.3;
  max-width: 600px;
}
.year-2014 {
  background: url('../img/background/bg-year-2014.jpg') no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
}
.year-2014 .wrapper-main {
  height: 100%;
  position: relative;
}
.year-2014 .card-time-line {
  padding: 50px 0 0 85px;
  float: left;
  margin: -20px 0 0 -50px;
  max-width: 475px;
}
.year-2014 .card-time-line.card-right {
  background-position: 408px top;
  margin: 0;
  padding-left: 0;
  position: absolute;
  right: -30px;
  bottom: 80px;
  max-width: 650px;
}
.year-mayo-2018 {
  position: relative;
}
.year-mayo-2018 .card-time-line {
  padding: 50px 0 0 85px;
  max-width: 730px;
}
.year-mayo-2018 .info {
  margin-bottom: 30px;
}
.year-mayo-2018 .ornamento {
  position: absolute;
  right: 50px;
  top: 30px;
  opacity: 0.3;
  max-width: 350px;
}
.year-junio-2018 {
  position: relative;
}
.year-junio-2018 .card-time-line {
  padding: 50px 0 0 0;
  max-width: 600px;
  background-position: 350px top;
  margin-top: -50px;
}
.year-junio-2018 .info {
  margin-bottom: 20px;
  text-align: right;
}
.year-junio-2018 .ornamento {
  position: absolute;
  left: 50px;
  top: 30px;
  opacity: 0.3;
  max-width: 350px;
}
.year-nov-2018 {
  position: relative;
}
.year-nov-2018 .card-time-line {
  padding: 50px 0 0 85px;
  max-width: 620px;
}
.year-nov-2018 .info {
  margin-bottom: 30px;
}
.year-nov-2018 .ornamento {
  position: absolute;
  right: 150px;
  top: 60px;
  opacity: 0.3;
  max-width: 330px;
}
.year-nov-2018 figure {
  border-radius: 15px;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
.year-nov-2019 {
  background: url('../img/background/bg-nov-2019.jpg') no-repeat center top;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
.year-nov-2019 .card-time-line {
  padding: 50px 0 0 0;
  max-width: 660px;
  background-position: 305px top;
}
.year-nov-2019 .card-time-line h2 {
  color: #fff;
}
.year-nov-2019 .info {
  margin-bottom: 30px;
  text-align: right;
}
.year-dic-2020 {
  background: url('../img/background/bg-dic-2020.jpg') no-repeat center top;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
.year-dic-2020 .card-time-line {
  padding: 50px 0 0 85px;
  max-width: 620px;
}
.year-dic-2020 .info {
  margin-bottom: 30px;
}
.year-feb-2021 {
  background: url('../img/background/bg-dic-2020-2.jpg') no-repeat center top;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
.year-feb-2021 .card-time-line {
  padding: 50px 0 0 0;
  max-width: 660px;
  background-position: 360px top;
}
.year-feb-2021 .info {
  margin-bottom: 30px;
  text-align: right;
}
.year-feb-2021-2 {
  position: relative;
}
.year-feb-2021-2 .card-time-line {
  padding: 50px 0 0 85px;
  max-width: 700px;
}
.year-feb-2021-2 .info {
  margin-bottom: 30px;
}
.year-feb-2021-2 .ornamento {
  position: absolute;
  right: 50px;
  top: 30px;
  opacity: 0.3;
  max-width: 350px;
}
.year-oct-2021 {
  position: relative;
}
.year-oct-2021 .card-time-line {
  padding: 50px 0 0 0;
  max-width: 540px;
  background-position: 230px top;
}
.year-oct-2021 .info {
  margin-bottom: 30px;
  text-align: right;
}
.year-oct-2021 .ornamento {
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0.3;
  max-width: 650px;
}
.year-nov-div-2021 {
  background: url('../img/background/bg-nov-dic-2021.jpg') no-repeat center top;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
.year-nov-div-2021 .wrapper-main {
  height: 100%;
  position: relative;
}
.year-nov-div-2021 .card-time-line {
  padding: 50px 0 0 85px;
  float: left;
  margin: -30px 0 0 -50px;
  max-width: 605px;
}
.year-nov-div-2021 .card-time-line.card-right {
  background-position: 250px top;
  margin: 0;
  padding-left: 0;
  position: absolute;
  right: -30px;
  bottom: 30px;
  max-width: 610px;
}
.year-mar-abril-2022 {
  background: url('../img/background/bg-mar-abril-2022.jpg') no-repeat center top;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
.year-mar-abril-2022 .wrapper-main {
  height: 100%;
  position: relative;
}
.year-mar-abril-2022 .card-time-line {
  padding: 50px 0 0 85px;
  float: left;
  margin: -30px 0 0 -50px;
  max-width: 590px;
}
.year-mar-abril-2022 .card-time-line.card-right {
  background-position: 305px top;
  margin: 0;
  padding-left: 0;
  position: absolute;
  right: -30px;
  bottom: 30px;
  max-width: 560px;
}
.year-jun-2022 {
  position: relative;
}
.year-jun-2022 .card-time-line {
  padding: 50px 0 0 85px;
  max-width: 730px;
}
.year-jun-2022 .info {
  margin-bottom: 30px;
}
.year-jun-2022 .ornamento {
  position: absolute;
  right: 50px;
  top: 150px;
  opacity: 0.3;
  max-width: 650px;
}
.year-jul-2022 {
  position: relative;
}
.year-jul-2022 .card-time-line {
  padding: 50px 0 0 0;
  max-width: 600px;
  background-position: 350px top;
}
.year-jul-2022 .info {
  margin-bottom: 30px;
  text-align: right;
}
.year-jul-2022 .ornamento {
  position: absolute;
  left: 100px;
  bottom: 100px;
  opacity: 0.3;
  max-width: 650px;
}
.year-sep-2022 {
  background: url('../img/background/bg-sep-2022.jpg') no-repeat center top;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
.year-sep-2022 .wrapper-main {
  height: 100%;
  position: relative;
}
.year-sep-2022 .card-time-line {
  padding: 50px 0 0 85px;
  float: left;
  margin: -30px 0 0 -50px;
  max-width: 560px;
}
.year-sep-2022 .card-time-line.card-right {
  background-position: 165px top;
  margin: 0;
  padding-left: 0;
  position: absolute;
  right: -30px;
  bottom: 30px;
  max-width: 550px;
}
.year-sep-dic-2022 {
  position: relative;
}
.year-sep-dic-2022 .wrapper-main {
  height: 100%;
  position: relative;
}
.year-sep-dic-2022 .card-time-line {
  padding: 50px 0 0 85px;
  float: left;
  margin: 10px 0 0 -50px;
  max-width: 560px;
}
.year-sep-dic-2022 .card-time-line.card-right {
  background-position: 240px top;
  margin: 0;
  padding-left: 0;
  position: absolute;
  right: -30px;
  bottom: 30px;
  max-width: 550px;
  text-align: right;
}
.year-semestre-2022 {
  background: url('../img/background/bg-dic-2022.jpg') no-repeat center top;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
.year-semestre-2022 .wrapper-main {
  height: 100%;
  position: relative;
}
.year-semestre-2022 .card-time-line {
  padding: 50px 0 0 85px;
  float: left;
  margin: 10px 0 0 -50px;
  max-width: 560px;
}
.year-semestre-2022 .card-time-line.card-right {
  background-position: 190px top;
  margin: 0;
  padding-left: 0;
  position: absolute;
  right: -30px;
  bottom: 30px;
  max-width: 550px;
  text-align: right;
}
.main-footer {
  background: url('../img/background/bg-footer.jpg') no-repeat center bottom;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  text-align: center;
  color: #fff;
  padding: 0 0;
}
.main-footer h2 {
  font-family: 'VAG-Rounded-Std-Bold';
  color: #91C800;
  font-size: 70px;
  margin: 0 0 30px 0;
  text-shadow: 2px 3px 8px rgba(0,0,0,0.2);
}
.main-footer p {
  font-size: 22px;
  margin: 0 0 40px 0;
  line-height: 25px;
  font-family: 'VAG-Rounded-Std-Thin';
}
.main-footer h3 {
  font-family: 'VAG-Rounded-Std-Bold';
  color: #91C800;
  font-size: 40px;
  margin: 0 0 50px 0;
  text-shadow: 2px 3px 8px rgba(0,0,0,0.2);
}
.main-footer .arrow-circle {
  background: url('../img/background/arrow-circle.svg') no-repeat center bottom;
  background-size: 100%;
  width: 50px;
  height: 50px;
  display: block;
  margin: 0 auto;
  text-indent: -9999px;
}
.logo-base {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  padding: 0;
  max-width: 100px;
  bottom: 0;
}
.fp-auto-height {
  min-height: auto;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  width: 10px;
  height: 10px;
  background-color: #fff;
  margin: -5px 0 0 -5px;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
  height: 14px;
  width: 14px;
  margin: -7px 0 0 -7px;
  background-color: #91c549 !important;
}
.scroll-down {
  position: absolute;
  left: 0;
  right: 0;
  cursor: pointer;
  margin: 0 auto;
  display: block;
  bottom: 30px;
  max-width: 20px;
  z-index: 4;
}
.scroll-relative {
  position: relative;
  bottom: 0;
  margin: 0 auto 30px;
  max-width: 20px;
}
.active .scroll-down {
  animation: scrollDown 3.6s ease infinite;
  transform-origin: 50% 50%;
}
.animation-up {
  transition: opacity 0.7s cubic-bezier(0,0,0.2,1), -webkit-transform 0.7s cubic-bezier(0,0,0.2,1);
  transition: transform 0.7s cubic-bezier(0,0,0.2,1), opacity 0.7s cubic-bezier(0,0,0.2,1);
  transition: transform 0.7s cubic-bezier(0,0,0.2,1), opacity 0.7s cubic-bezier(0,0,0.2,1), -webkit-transform 0.7s cubic-bezier(0,0,0.2,1);
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  opacity: 0;
}
.animation-down {
  transition: opacity 0.7s cubic-bezier(0,0,0.2,1), -webkit-transform 0.7s cubic-bezier(0,0,0.2,1);
  transition: transform 0.7s cubic-bezier(0,0,0.2,1), opacity 0.7s cubic-bezier(0,0,0.2,1);
  transition: transform 0.7s cubic-bezier(0,0,0.2,1), opacity 0.7s cubic-bezier(0,0,0.2,1), -webkit-transform 0.7s cubic-bezier(0,0,0.2,1);
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
  opacity: 0;
}
.animation-left {
  transition: opacity 0.7s cubic-bezier(0,0,0.2,1), -webkit-transform 0.7s cubic-bezier(0,0,0.2,1);
  transition: transform 0.7s cubic-bezier(0,0,0.2,1), opacity 0.7s cubic-bezier(0,0,0.2,1);
  transition: transform 0.7s cubic-bezier(0,0,0.2,1), opacity 0.7s cubic-bezier(0,0,0.2,1), -webkit-transform 0.7s cubic-bezier(0,0,0.2,1);
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
  opacity: 0;
}
.animation-right {
  transition: opacity 0.7s cubic-bezier(0,0,0.2,1), -webkit-transform 0.7s cubic-bezier(0,0,0.2,1);
  transition: transform 0.7s cubic-bezier(0,0,0.2,1), opacity 0.7s cubic-bezier(0,0,0.2,1);
  transition: transform 0.7s cubic-bezier(0,0,0.2,1), opacity 0.7s cubic-bezier(0,0,0.2,1), -webkit-transform 0.7s cubic-bezier(0,0,0.2,1);
  -webkit-transform: translateX(100px);
  transform: translateX(100px);
  opacity: 0;
}
.section.active .animation-up,
.section.active .animation-down {
  transform: translateY(0);
  opacity: 1;
}
.section.active .animation-left,
.section.active .animation-right {
  transform: translateX(0);
  opacity: 1;
}
.section.active .delay-1 {
  transition-delay: 1s;
}
.section.active .delay-2 {
  transition-delay: 1.5s;
}
.section.active .delay-3 {
  transition-delay: 2s;
}
.section.active .delay-4 {
  transition-delay: 2.5s;
}
@keyframes scrollDown {
  0% {
    transform: translateY(0);
  }
  5.55556% {
    transform: translateY(0);
  }
  11.11111% {
    transform: translateY(0);
  }
  22.22222% {
    transform: translateY(-15px);
  }
  27.77778% {
    transform: translateY(0);
  }
  33.33333% {
    transform: translateY(-15px);
  }
  44.44444% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
.section.active.year-feb-2021-2 .ornamento,
.section.active.year-1969 .ornamento,
.section.active.year-mayo-2018 .ornamento,
.section.active.year-nov-2018 .ornamento,
.section.active.year-jun-2022 .ornamento {
  transform: translateX(-60px) translateY(60px);
  transition: transform 5s ease;
}
.section.active.year-1998 .ornamento,
.section.active.year-junio-2018 .ornamento,
.section.active.year-oct-2021 .ornamento,
.section.active.year-jul-2022 .ornamento {
  transform: translateX(60px) translateY(0px);
  transition: transform 5s ease;
}
.ir-site {
  background: url('../img/background/btn-ir.svg') no-repeat center center;
  background-size: 100%;
  text-indent: -9999px;
  position: absolute;
  left: 0;
  top: 0;
  width: 150px;
  height: 34px;
}
.logo-home {
  position: absolute;
  right: 0;
  top: 15px;
}
.redes {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 9;
  max-width: 30px;
}
.redes ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.redes ul li {
  margin-bottom: 7px;
}
.redes ul li a {
  opacity: 0.7;
  background-size: 100% !important;
  border-radius: 50%;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  transition: all 0.3s ease;
}
.redes ul li a:hover {
  opacity: 1;
}
.redes ul li.i-it a {
  background: url('../img/background/i-it.svg') no-repeat center center;
}
.redes ul li.i-fb a {
  background: url('../img/background/i-fb.svg') no-repeat center center;
}
.redes ul li.i-tw a {
  background: url('../img/background/i-tw.svg') no-repeat center center;
}
.redes ul li.i-tt a {
  background: url('../img/background/i-tt.svg') no-repeat center center;
}
.ir-up {
  background: url('../img/background/icon-home.svg') no-repeat center center;
  opacity: 0.8;
  background-size: 100%;
  display: block;
  height: 30px;
  left: 20px;
  position: absolute;
  text-indent: -9999px;
  top: 30px;
  width: 30px;
  z-index: 9;
  transition: all 0.3s ease;
}
.ir-up:hover {
  opacity: 1;
}
.line-left {
  width: 2px;
  height: 92%;
  top: 4%;
  left: 70px;
  background-color: #fff;
  opacity: 0.4;
  position: absolute;
}
.clear-fix::after {
  content: "";
  clear: both;
  width: 100%;
  display: block;
}
.vh {
  height: 100% !important;
}



.relative       { position: relative; }
.full			{ clear: both;width: 100%;}
.clr            { clear: both; float: none; }
.center         { margin: auto; }
.inline         { display: inline-block; vertical-align: top; }
.inline-bottom  { display: inline-block; vertical-align: bottom; }
.left           { float: left; }
.right          { float: right; }
.wrapper-main   { max-width: 1155px; }