*, 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;  
}
.fullscreen {
  width: 100%;
  clear: both;
  height: 100%;
  text-align: center;
  min-height: 500px;
}
.cover {
  background-attachment: fixed !important;
  background-size: cover !important;
  position: relative;
}
.flex-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.flex-center-column {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-center-start{
 display: flex;
  justify-content: flex-start;
  align-items: center; 
}
.flex-start {
  display: flex;
  justify-content: flex-start;
  align-items: end;
}
.flex-end {
  display: flex;
  justify-content: flex-end;
  align-items: end;
}

.time-line-2022 .wrapper-main{
  height: 100%;
  position: relative;
}
.info-infografia-xs{
  display: none;
}
.info-infografia-xs img{
    max-height: 500px;
}
.flex-title{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}
.circle-modal{
  position: absolute;
  background: #000000cc;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  margin: 0 auto;
  padding: 0 45px 0 15px;
  display: none;
  align-items: center;
}
.title-tomar-parte{
  max-width: 500px;
  margin: 0 auto 40px;
}
.main-bg-home {
  background: linear-gradient(to bottom, #ffffff, #e5e5e5);
  /* background: url('../img/background/bg-home.jpg') no-repeat bottom center;
  background-attachment: fixed; */
  color: #c8c7c7;
  position: relative;
  text-transform: uppercase;
}
.main-bg-home article{

}
.main-bg-home article {
  padding-top: 50px;  
  display: block;
  text-align: center;
  width: 100%;    
}
.main-bg-home .info-year-recorrido{
  margin-bottom: 0;
}

.main-bg-home article p {
  font-family: 'VAG-Rounded-Std-Thin';
  font-size: 18px;
}
.main-bg-home h1{
 font-family: "Montserrat", sans-serif;
 font-size: 130px;
 margin: 0;
 font-weight: bold;
}
.main-bg-home h2{
 font-size: 40px;
 margin: 0;
 font-weight: 700;
 font-family: "Montserrat", sans-serif;
}


.section-2 article {
    max-width: 576px;
    display: block;
    text-align: left;
    width: 100%;
    float: left;
    
}
.section-3 article {
    max-width: 192px;
    margin: 0 auto 50px;
    display: block;
        
}

.section-3 h2{
  font-family: "Montserrat", sans-serif;
  position: absolute;
  z-index: 1;
  left: 0;
  margin: 0;
  right: 0;
  text-align: center;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  color: #e9e9e9;
  font-size: 240px;
  letter-spacing: 7px;
  font-weight: bold;
}
.main-cards{
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-cards figure{
  display: inline-block;
  max-width: 250px;
  vertical-align: top;
  margin-right: 20px;
}
.main-cards article{
  display: inline-block;
  vertical-align: top;
}
.equipo{
  max-width: 110px;
  margin-left: 30px;
}
.equipo h3{
  text-align: center;
  color: #787878;
  font-size: 16px;
  margin: 0 0 15px 0;
  font-family: 'Avenir LT Std Black';
  text-transform: uppercase;
}
.equipo ul{ 
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;  
  padding: 0;
  margin: 0;
}
.servicios{
  max-width: 60px;
  margin-left: 30px;
}
.servicios li:before{
  background-color: #25aff9;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: block;
  margin: 0 auto 5px;
  content: "";
}
.entregables{
  max-width: 250px;
  text-align: left;
  padding: 20px 0 20px 20px;
  border-left: 3px solid #ffcc00;
  margin-left: 30px;
  min-height: 540px;
  display: inline-flex !important;
  align-items: center;
  flex-direction: column;
  flex-wrap: revert;
  justify-content: center;
}
.entregables ul{
  list-style: none;
}
.entregables ul, .entregables ol{
  
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}
.entregables ul{
  margin-bottom: 50px;
}
.entregables ul li{
  font-size: 14px;
  margin: 0 0 8px 0;  
  color: #787878;
  font-family: 'Avenir LT Std Black';
}
.entregables ul li:last-child{
  margin-bottom: 0;
}
.entregables ol{
  padding-left: 20px;
}
.entregables ol li{
  font-size: 12px;
  margin: 0 0 5px 0;
  font-family: 'Avenir LT Std Black';
  color: #787878;
}
.servicios li span{
  clear: both;
  display: block;
  width: 100%;
  color: #0094e4;
}
.servicios li{
  font-family: 'Avenir LT Std Black';
  margin-bottom: 10px;
  text-transform: uppercase;
  text-align: center;
  font-size: 11px;
}
.servicios li:last-child{
  margin-bottom: 0;
}
.servicios ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.teams{
  background-color: #0054a6;
  width: 100%;
  padding: 75px 10px;
  border-radius: 70px;
}
.equipo ul li{
  color: #28e8fb;
    margin-bottom: 30px;
    font-family: 'Avenir LT Std Black';
    text-transform: uppercase;
    font-size: 9px;
    transition: all 0.3s ease;
}
.equipo ul li:hover{
  color: #fff;
}
.equipo ul li:last-child{
  margin-bottom: 0;
}
.funciones{
  text-align: left;
  padding: 20px 0 0 20px;
  border-left: 3px solid #ffcc00;
  margin-left: 30px;
  max-width: 260px;
  min-height: 540px;

  display: inline-flex !important;
  flex-direction: column;
  justify-content: center;

}
.funciones h4{  
  color: #787878;
    font-size: 13px;
    margin: 0 0 5px 0;
    text-transform: uppercase;
    font-family: 'Avenir LT Std Black';
}
.funciones li{
  color: #858585;
  font-size: 10px;
  margin: 0 ;
  text-transform: uppercase;
  font-family: 'Avenir LT Std Medium';

}
.funciones ul{
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}
.section-5 article {
    max-width: 515px;
    display: block;
    text-align: left;
    width: 100%;
    float: left;    
}

.title-details {
    max-width: 350px;
    float: right;
    margin-right: -100px;
    padding-top: 75px;
    margin-bottom: 35px;
}

.main-theams {
  width: 100%;
  clear: both;
  text-align: center;
}
.main-theams article{
  display: inline-block;
  vertical-align: top;
  margin: 0 15px;
  max-width: 190px;
  color: #fff;
}
.main-theams article figure{
  margin: 0 auto 30px;

}
.main-theams{
  position: relative;
}
.main-theams h5{
   font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 160px;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  opacity: 0.2 !important;
  z-index: 2;
  top: -120px;
  letter-spacing: 2px;

}
.main-theams article h3{
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 19px;
  text-align: center;
  text-transform: uppercase;
}


.card-infografico-carbono{
  position: relative;
  display: inline-block;
}
.title-carbono{
  max-width: 270px;
  margin: 0;
}
.sostenible{
  float: left;
  max-width: 120px;
  margin-right: 40px;
  margin-top: 50px;
}
.section-9 .scroll-down{
  right: -640px;
}
.card-infografico-carbono figure{
  float: left;
  max-width: 650px;
  margin-top: -50px;
}
.leyengd{
  display: inline-block;
  vertical-align: top;
  max-width: 280px;
  width: 100%;
  margin-bottom: 140px;
}
.leyengd .text{
  margin-bottom: 25px;
}
.flex-home{
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.sostenible-xs{
  display: none;
}
.btn-register{
      max-width: 235px;
    display: block;
    margin-top: 35px;
}
.btn-register img{
   filter: brightness(0) invert(1);
}
.btn-register:hover img{
   filter: none;
}

.card-gracias{
  text-align: center;
}
.card-gracias figure{
  max-width: 230px;
  margin: 0 auto 20px;
  display: block;
}
.card-gracias h3{
  font-family: "Montserrat", sans-serif;
  font-size: 130px;
  margin: 0 ;
  font-weight: bold;
  text-transform: uppercase;
  color: #c8c7c7;
  letter-spacing: 2px;  
}
.card-gracias h4{
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  margin: 0 0 10px 0;
  font-weight: bold;
  text-transform: uppercase;
  color: #a2a2a2;
  letter-spacing: 2px;  
}
.btn-art{
  display: inline-block;
  vertical-align: top;
  color: #fff;
  background-color: #16a4aa;
  border-radius: 25px;
  padding: 7px 30px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
#fp-nav ul li .fp-tooltip.right{
 color: #16a4aa !important;
}
.btn-art:hover{
  color: #fff;
  background-color: #2b282e;
}
.fp-viewing-Creatividad #fp-nav ul li a span, 
.fp-viewing-Creatividad .fp-slidesNav ul li a span,
.fp-viewing-Equipo #fp-nav ul li a span, 
.fp-viewing-Equipo .fp-slidesNav ul li a span{
  background-color: #fff !important;
}
.fp-viewing-Creatividad #fp-nav ul li .fp-tooltip.right,
.fp-viewing-Equipo #fp-nav ul li .fp-tooltip.right {
    color: #ffffff !important;
}
.fp-viewing-Creatividad #fp-nav ul li a.active span,
.fp-viewing-Equipo #fp-nav ul li a.active span{
  background-color: #69f9ff !important;
}
.year-1955{
  background: #00c0c8;
  color: #fff;
}
.year-1955 h2{
  font-family: "Montserrat", sans-serif;
  font-size: 130px;
  margin: 0;
  font-weight: bold;
  text-transform: uppercase;
}
.year-1955 h3{
  font-size: 65px;
  font-family: 'Haydes';
  margin: -25px 0 0 0;
}
.year-1967{
  background: linear-gradient(to bottom, #ffffff, #e9e9e9);
}
.year-1967{

}
.main-brans {
  text-align: center;
  position: relative;
  z-index: 2;
}
.main-brans figure{
 display: inline-flex;
 vertical-align: top;
 margin: 0 20px 20px 20px;
 height: 150px;
 align-items: center;
 flex-wrap: wrap;
}
.main-brans figure img{
  max-height: 150px;

}
.year-1971{
    background: linear-gradient(to bottom, #ffffff, #e9e9e9);
}


.all-time-line h6{
  font-family: "Montserrat", sans-serif;
    position: absolute;
    z-index: 1;
    left: 0;
    margin: 0;
    right: 0;
    text-align: center;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    color: #e9e9e9;
    font-size: 200px;
    letter-spacing: 5px;
    font-weight: bold;
    opacity: 0.3 !important;
    line-height: 175px;
    text-transform: uppercase;
}
ul.timeline {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 10px 0 0 0;
  margin: 100px 0 0 0;
  list-style: none; 
  z-index: 2; 
}
ul.timeline:after{
  width: 82%;
  position: absolute;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #cdcdcd;
  top: -5px;
  margin: 0 auto;
  content: "";
}

ul.timeline li {
  position: relative;
  text-align: center;
  width: 160px;
  z-index: 2;
}
ul.timeline i{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 175px;
  margin: 0 auto;
  max-width: 135px;
  text-align: center;
}
ul.timeline i img{
  max-height: 145px;
}

ul.timeline li::after {
  content: '';
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 35px;
  height: 35px;
  background-color: #24d0fb;
  border-radius: 50%;
  z-index: 1;
  transition: all 0.3s ease;
}
ul.timeline li:nth-child(4) i{
  right: -80px;

}
.img-xl{
  display: block;
}
.img-xs{
  display: none;
}

ul.timeline li h4 {
  margin: 20px 0 15px;
  font-size: 22px;
  color: #959595;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}

ul.timeline li h5 {
  margin: 0;
  font-size: 12px;
  color: #959595;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;  
  text-transform: uppercase;
}
ul.timeline li span,
ul.timeline li h3 {
  margin: 0;
  font-size: 12px;
  color: #959595;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  position: absolute;
  left: -85px;
  max-width: 110px;
  top: -30px;
  text-transform: uppercase;
  line-height: 15px;
}
ul.timeline li h3{
  left: auto;
  right: -160px;
  top: -52px;
}
ul.timeline li:hover::after{
  background-color: #16a4aa;
}
ul.timeline li .circle{
  position: absolute;
  right: -40px;
  top: -50px;
  background: #24d0fb;
  border-radius: 50%;
  max-width: 70px;

}
ul.timeline li:hover h4,
ul.timeline li:hover h5,
ul.timeline li:hover span,
ul.timeline li:hover h3{
  color: #16a4aa;
}

.year-1997{
  background: #ebebeb;
  text-align: center;
}
.year-1998{
  background: #fff;
}
.year-2001{
  background: url('../img/background/bg-year-2001.jpg') no-repeat center top;
}
.year-2013{
  background: url('../img/background/bg-year-2013.jpg') no-repeat center top;
}
.year-2019{
  background: url('../img/background/bg-year-2019.jpg') no-repeat center top;
}
.year-1955 .info {
  padding: 50px 0 0 85px;
}
.year-1996 {
  background: #16a4aa;
  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;
}
.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: #16a4aa;
  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: #1bd3db  !important;
}
.scroll-down {
  position: absolute;
  left: 0;
  right: 0;
  cursor: pointer;
  margin: 0 auto;
  display: block;
  bottom: 20px;
  max-width: 65px;
  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;
}
.section.active .delay-5 {
  transition-delay: 3s;
}
.section.active .delay-6 {
  transition-delay: 3.5s;
}
.section.active .delay-7 {
  transition-delay: 4s;
}
.section.active .delay-8 {
  transition-delay: 4.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);
  }
}

.ir-site {
  background: url('../img/background/btn-ir-recorrido.svg') no-repeat center center;
  background-size: 100%;
  text-indent: -9999px;
  position: absolute;
  left: 0;
  top: 0;
  width: 157px;
  height: 34px;
}
.logo-home {
  
  max-width: 240px;
}


.logo-single{
  display: inline-block;
  vertical-align: top;
  max-width: 300px;
}
.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;
}
.info-year-recorrido{
  max-width: 235px;
  position: relative;
  text-align: right;
  margin-bottom: 80px;
}
.info-circle{
  max-width: 440px;
  position: relative;
}
.info-impacto{
  max-width: 460px;
  position: relative;
}
.title-impacto{
  max-width: 500px;
}
.info-year-recorrido span{
  background: url('../img/background/line-yellow.svg') no-repeat bottom center;
  background-size: cover;
  display: block;
  width: 10px;
  height: 82px;
  float: right;
  margin: 0 50px 20px 0;  
}
.info-year-recorrido h3{
  color: #fff;
  padding: 7px 25px;
  font-size: 30px;
  background-color: #F28D00;
  border-radius: 30px;
  font-family: 'VAG-Rounded-Std-Bold';
  margin: 0 0 20px 0;
  display: inline-block;
  vertical-align: top;
  line-height: 100%;
  
}
.info-year-recorrido .info{
  background-color: rgba(255,255,255,0.8);
  padding: 20px;
  border-radius: 15px;
  color: #484848;
  position: relative;
  
}
.info-year-recorrido .info i{
  position: absolute;
  bottom: -35px;
  left: -40px;
  max-width: 80px;  
}
.info-year-recorrido p{
  margin: 0;  
}
.flex-start .info-year-recorrido,
.flex-center-start .info-year-recorrido{
  text-align: left;
}
.flex-start .info-year-recorrido i,
.flex-center-start .info-year-recorrido i{
  left: auto;
  right: -40px;
}
.flex-start .info-year-recorrido span,
.flex-center-start .info-year-recorrido span{
  margin: 0 0 20px 50px;
  float: left;
}

.btns-recorrido{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  margin: 0 auto;
  text-align: center;

}
.volver-top{
  max-width: 160px;
  margin: 0 10px;
  display: inline-block;
  vertical-align: top;
}
.btn-recorrido-bottom{
  margin: 0 10px;
  display: inline-block;
  vertical-align: top; 
  max-width: 172px;
}


.banner-home .button-next-home,
.banner-home .button-prev-home {
  background-size: cover !important;
  color: #16a4aa;
  width: 50px;
  height: 50px;
  display: inline-block;
  position: absolute;
  z-index: 9;
  cursor: pointer;
  top: 45%;
  border-radius: 50%;
}
.banner-home .button-next-home.swiper-button-disabled,
.banner-home .button-prev-home.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.banner-home .button-next-home {
  background: #16a4aa  url('../img/background/icon-slide-right.png') no-repeat center center;
  right: 5%;
}
.banner-home .button-prev-home {
  background: #16a4aa  url('../img/background/icon-slide-left.png') no-repeat center center;
  left: 5%;
}
.banner-home .button-next-home2,
.banner-home .button-prev-home2 {
  background-size: cover !important;
  color: #16a4aa ;
  width: 50px;
  height: 50px;
  display: inline-block;
  position: absolute;
  z-index: 9;
  cursor: pointer;
  top: 38%;
  border-radius: 50%;
  text-align: center;
  line-height: 17px;
}
.banner-home .button-next-home2.swiper-button-disabled,
.banner-home .button-prev-home2.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.banner-home .button-next-home2 {
  background: none;
  right: 5%;
}
.banner-home .button-next-home2:first-child {
    color: #16a4aa  !important;
}
.banner-home .button-prev-home2 {
  background: none;
  left: 5%;
}

.section-7 .scroll-down img{
  transform: rotate(180deg);
}
.latin-beer .teams{
  background-color: #1d5800;
}
.latin-beer .equipo ul li{
  color: #fff;
}
.latin-beer .servicios li:before{
  background-color: #53973e;
}
.latin-beer .servicios li span{
  color: #1d5800;
}
.latin-beer .funciones,
.latin-beer .entregables{
  border-color: #1d5800;
}


.rango .teams{
  background-color: #b6000b;
}
.rango .equipo ul li{
  color: #fff;
}
.rango .servicios li:before{
  background-color: #b6000b;
}
.rango .servicios li span{
  color: #740007;
}
.rango .funciones,
.rango .entregables{
  border-color: #b6000b;
}


.barberia .teams{
  background-color: #273472;
}
.barberia .equipo ul li{
  color: #fff;
}
.barberia .servicios li:before{
  background-color: #273472;
}
.barberia .servicios li span{
  color: #273472;
}
.barberia .funciones,
.barberia .entregables{
  border-color: #273472;
}

.power .equipo h3{
  color: #c96801;
}
.power .teams{
  background-color: #f9d405;
}
.power .equipo ul li{
  color: #c96801;
}
.power .servicios li:before{
  background-color: #f9d405;
}
.power .servicios li span{
  color: #273472;
}
.power .funciones,
.power .entregables{
  border-color: #273472;
}






.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; }
.wrapper-main-large   { max-width: 1200px; }