*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body, html{
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

@font-face {
  font-family: BentonSansBBVA-Bold;
  src: url('../fonts/GothamPro-Medium.ttf') format("opentype");
}
@font-face {
  font-family: GothamPro-Light;
  src: url('../fonts/GothamPro-Light.ttf') format("opentype");
}
@font-face {
  font-family: GothamPro-Bold;
  src: url('../fonts/GothamPro-Bold.ttf') format("opentype");
}
@font-face {
  font-family: GothamPro;
  src: url('../fonts/GothamPro.ttf') format("opentype");
}
@font-face {
  font-family: GothamPro-Medium;
  src: url('../fonts/GothamPro-Medium.ttf') format("opentype");
}
@font-face {
  font-family: GothamPro-Black;
  src: url('../fonts/GothamPro-Black.ttf') format("opentype");
}















.contergeneral{
  width: 90%;
  max-width: 1400px;
  display: block;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
.contergeneral100{
  width: 100%;
  max-width: 1400px;
  display: block;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
.conterflex{
  width: 100%;
  display: flex;
  overflow: hidden;
  align-content: center;
  align-items: center;
}
.conter30{
  display: block;
  width: 30%;
  float: left;
  position: relative;
}
.conter30icon {
  display: block;
  width: 30%;
  float: left;
  position: relative;
}
.conter20icon {
  display: block;
  width: 20%;
  float: left;
  position: relative;
}
.conter35{
  display: block;
  width: 35%;
  float: left;
  position: relative;
}
.conter33{
  display: block;
  width: 33.33%;
  float: left;
  position: relative;
}
.conter67{
  display: block;
  width: 66.66%;
  float: left;
  position: relative;
}
.conter22{
  display: block;
  width: 22.3%;
  float: left;
  position: relative;
}
.conter50{
  display: block;
  width: 50%;
  float: left;
  position: relative;
}
.conter50center{
  display: block;
  width: 50%;
  margin: 0 auto;
  position: relative;
}
.conter50right{
  display: block;
  width: 50%;
  float: right;
  position: relative;
}
.conter60right{
  display: block;
  width: 60%;
  float: right;
  position: relative;
}
.conter60center{
  display: block;
  width: 60%;
  margin: 0 auto;
  position: relative;
}
.conter65center{
  display: block;
  width: 65%;
  margin: 0 auto;
  position: relative;
}

.conter60{
  display: block;
  width: 60%;
  float: left;
}
.conter60right{
  display: block;
  width: 60%;
  float: right;
}
.conter90{
  width: 90%;
  display: block;
  margin: 0 auto;
  overflow: hidden;
}
.conter90a{
  width: 90%;
  display: block;
  float: left;
  overflow: hidden;
}
.conter90left{
  width: 90%;
  display: block;
  float: left;
}
.conter90right{
  width: 90%;
  display: block;
  float: right;
}
.conter95{
  width: 95%;
  display: block;
  margin: 0 auto;
  overflow: hidden;
}
.conter95left{
  width: 95%;
  display: block;
  float: left;
}
.conter95right{
  width: 95%;
  display: block;
  float: right;
}
.conter40{
  display: block;
  width: 40%;
  float: left;
}
.conter45{
  display: block;
  width: 45%;
  float: left;
}
.conter70{
  display: block;
  width: 70%;
  float: left;
}
.conter70center{
  display: block;
  width: 70%;
  margin: 0 auto;
  overflow: hidden;
}
.conter80{
  display: block;
  width: 80%;
  float: left;
}
.conter80center{
  display: block;
  width: 80%;
  margin: 0 auto;
}

.conter20{
  display: block;
  width: 20%;
  float: left;
}
.conter21{
  display: block;
  width: 21%;
  float: left;
}
.conter10{
  display: block;
  width: 10%;
  float: left;
}
.conter13{
  display: block;
  width: 13.33%;
  float: left;
}
.conter16{
  display: block;
  width: 16.6%;
  float: left;
}
.conter10a{
  display: block;
  width: 10%;
  float: left;
}
.conter12{
  display: block;
  width: 12.5%;
  float: left;
}
.conter5{
  display: block;
  width: 5%;
  float: left;
}
.conter5a{
  display: block;
  width: 5%;
  float: left;
}
.conter14{
  display: block;
  width: 14.2%;
  float: left;
}
.conter15{
  display: block;
  width: 15%;
  float: left;
}
.conter85{
  display: block;
  width: 85%;
  float: left;
}
.conter25{
  display: block;
  width: 25%;
  float: left;
}
.conter24{
  display: block;
  width: 24%;
  float: left;
}
.padtop50px{
  padding-top: 50px;
}
.padtop150px{
  padding-top: 150px;
}
.padbop50px{
  padding-bottom: 50px;
}
.pad50px{
  padding: 50px 0px;
}
.padtop20px{
  padding-top: 20px;
}
.padtop10px{
  padding-top: 10px;
}
.padleft15px{
  padding-left: 15px;
}
.padleft40px{
  padding-left: 40px;
}
.padleft20px{
  padding-left: 20px;
}
.padright20px{
  padding-right: 20px;
}
.pad20pxlados{
  padding: 0px 20px;
}
.padtop100px{
  padding-top: 100px;
}
.padtop10px{
  padding-top: 10px;
}
.padbot20px{
  padding-bottom: 20px;
}
.mar50px{
  margin: 50px 0px;
}
.martop50px{
  margin-top: 50px;
}
.pad20px{
  padding: 20px 0px;
}
.pad20apx{
  padding: 20px;
}
.pad5px{
  padding: 5px 0px;
}
.pad5pix{
  padding: 5px;
}
.pad10px{
  padding: 10px 0px;
}
.pad30px{
  padding: 30px 0px;
}
.martop20px{
  margin-top: 20px;
}
.min100vh{
  height: auto;
  min-height: 100vh !important;
}
.imgfull{
  width: 100%;
  display: block;
}
.img90{
  width: 90%;
  margin: 0 auto;
  display: block;
}
.img80{
  width: 80%;
  margin: 0 auto;
  display: block;
}
.img90a{
  width: 90%;
  display: block;
}
.img90b{
  width: 90%;
  display: block;
}
.opacity0{
  opacity: 0;
  transition: all .5s;
}
.opacity1{
  opacity: 1;
}
ul, ol{
  padding: 0px;
  margin: 0px;
}
.textcenter{
  text-align: center;
}
.textleft{
  text-align: left;
}
.textright{
  text-align: right;
}
.titulo1{
  font-family: GothamPro-Bold;
  font-size: 45px;
  text-transform: uppercase;
  color: #ffffff;
}
.titulo1a{
  font-family: 'Montserrat', sans-serif;
  font-size: 45px;
  font-weight: 500;
  text-transform: uppercase;
  color: #ffffff;
}
.subtitulo1a{
  font-family: GothamPro-Medium;
  font-size: 23px;
  color: #ffffff;
}
.titulo2{
  font-family: 'Montserrat', sans-serif;
  font-size: 35px;
  font-weight: 700;
  color: #ffffff;
}
.titulo2a{
  font-family: 'Montserrat', sans-serif;
  font-size: 35px;
  font-weight: 500;
  color: #ffffff;
}
.titulo3{
  font-family: GothamPro-Medium;
  font-size: 23px;
  color: #ffffff;
}
.titulo4{
  font-family: 'Montserrat Alternates', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
}
.titulo5{
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
}
.titulo6{
  font-family: 'Montserrat', sans-serif;
  font-size: 25px;
  font-weight: 700;
  color: #ffffff;
}
.destacado{
  font-family: 'Montserrat Alternates', sans-serif;
  font-size: 33px;
  font-weight: 700;
  color: #3c3c3b;
}
.destacado2{
  font-family: GothamPro-Medium;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}
.destacado3{
  font-family: 'Montserrat Alternates', sans-serif;
  font-size: 56px;
  font-weight: 700;
  color: #3c3c3b;
}
.texto{
  font-family: GothamPro-Light;
  color: #ffffff;
  font-size: 15px;
  line-height: 18px;
}
.texto2{
  font-family: GothamPro-Light;
  color: #ffffff;
  font-size: 20px;
  line-height: 21px;
}
.texto3{
  font-family: GothamPro-Light;
  color: #ffffff;
  font-size: 13px;
  line-height: 15px;
}
.nota{
  font-family: GothamPro-Light;
  color: #ffffff;
  font-size: 11px;
  line-height: 18px;
}
.blanco{
  color: #ffffff !important;
}
.naranja{
  color: #f0593b !important;
}
.naranja2{
  color: #f0822b !important;
}
.gris{
  color: #656564 !important;
}
.gris2{
  color: #b1b1b1 !important;
}
.negro{
  color: #000000 !important;
}
.verde{
  color: #69a845 !important;
}
.verde2{
  color: #006938 !important;
}
.verde3{
  color: #549f44 !important;
}
.amarillo{
  color: #f2bd21 !important;
}
.azul{
  color: #00a3cc !important;
}
.textupper{
  text-transform: uppercase;
}
.degradado:before{
  display: block;
  content: "";
  background: url("../img/degradado.png") no-repeat;
    background-size: auto;
  float: left;
  width: 100px;
  height: 20px;
  margin: 0 6px 0 0;
  position: absolute;
  z-index: 0;
  background-size: 100%;
  top: 27%;

}
.cifra1{
  font-family: GothamPro-Black;
  font-size: 55px;
  color: #ffffff;
}
.cifrachica{
  font-family: GothamPro-Black;
  font-size: 34px;
  color: #ffffff;
}
.posrelative{
  display: block;
  position: relative;
}
.conter{
  display: block;
  overflow: hidden;
  width: 100%;
  float: left;
}
.listadonum{
  list-style: decimal-leading-zero;
  font-family: GothamPro-Bold;
  font-size: 15px;
}
.textlistadonum{
  font-family: GothamPro-Medium;
   font-size: 15px;
}
.tabla {
  width: 100%;
  border-collapse: collapse;
}
.titulotabla{
  font-family: GothamPro-Bold;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 2px;
}
.bordernaranja{
  border-top: 2px solid #f0593b;
  border-bottom: 2px solid #f0593b;
  border-left: 4px solid #f0593b;
  border-right: 4px solid #f0593b;
  margin-left: 3px;
}
.bordernaranjaleri{
  border-left: 4px solid #f0593b;
  border-right: 4px solid #f0593b;
}
.bordernaranjabot{
  border-bottom: 2px solid #f0593b;
}
.bordernaranjatop{
  border-top: 2px solid #f0593b;
}

.borderdotednaranja{
  border-bottom: 2px dotted #f0593b;
  margin-left: 3px;
}
.textotabla {
  font-family: GothamPro-Light !important;
  color: #ffffff;
  font-size: 15px !important;
  line-height: 13px !important;
}
.paloma{
  width: 90%;
  max-width: 60px;
  display: block;
  margin: 0 auto;
  padding: 10px 0px;
}










/* --- menu --- */
.conterheightmenu{
  width: 100%;
  display: flex;
  overflow: hidden;
  height: 33.33%;
  align-content: center;
  align-items: center;
}
.conterheightmenu1{
  width: 100%;
  display: flex;
  overflow: hidden;
  height: 33.33%;
  align-content: center;
  align-items: center;
}
.conterflexmenu{
  width: 100%;
  height: 100%;
  overflow: hidden;
  align-items: center;
  align-content: center;
  display: flex;
}
.conterflexmenu2{
  width: 100%;
  height: 250px;
  overflow: hidden;
  align-items: center;
  align-content: center;
  display: flex;
}
.imgmandarina{
  display: block;
  width: 90%;
  max-width: 260px;
  margin: 0 auto;
}
.imgverde{
  width: 90%;
  max-width: 250px;
  display: block;
  margin: 0 auto ;
}
.textomenu{
  font-family: GothamPro-Light;
  font-size: 25px;
  line-height: 26px;
  text-transform: uppercase;
  color: #ffffff;
  background-image: linear-gradient(transparent calc(65% - 5px), #f26b24 5px);
  background-size: 0;
  background-repeat: no-repeat;
  display: inline;
  transition: 0.5s ease;
}
.textomenu:hover{
  background-size: 100%;
  cursor: pointer;
}
p{
  margin: 0;
  padding: 0;
}
.backverde{
  background-color: #33b88a;
}
.backverde2{
  background-color: #7dba9e;
}
.backamarillo{
  background-color: #f2bd21;
}
.backamarillo2{
  background-color: #edc254;
}
.backblanco{
  background-color: #ffffff;
}
a{
  text-decoration: none;
}








/* --- home --- */

.home1{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: 100vh;
  background-color: #edb000;
}
.logohome{
  width: 70%;
  display: block;
  margin: 0px auto;
  padding-top: 70px;
}
.titulohome{
  width: 90%;
  max-width: 550px;
  position: absolute;
  z-index: 5 !important;
  bottom: 8%;
  left: 4%;
}

/* --- message --- */

.mess1{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: auto;
  background-color: #ffffff;
}
.imagemess{
  width: 90%;
  max-width: 250px;
  display: block;
  padding-top: 60px;
  margin: 0 auto;
}
.imagemess2{
  width: 90%;
  max-width: 250px;
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 25%;
}

/* --- highlights --- */

.hi1{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: auto;
  background-color: #ffffff;
}

/* --- our company --- */

.compa1{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: auto;
  background-color: #ffffff;
}
.flecha{
  display: block;
  float: left;
  width: 90%;
  max-width: 200px;
}
.imgour{
  width: 90%;
  max-width: 260px;
  position: absolute;
  top: 0;
  left: 30%;
}
.compa2{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: auto;
  background-color: #edc254;
  padding-top: 50px;
}
.conterdestacadomap{
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  width: 90%;
  max-width: 400px;
  right: 10%;
}
.compa3{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: auto;
  background-color: #ffffff;
  padding-top: 50px;
}
.mandarinas{
  display: block;
  width: 90%;
  max-width: 350px;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
}
.compa4{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: auto;
  background-color: #ffffff;
  padding-bottom: 50px;
}
.contertitulosus{
  display: block;
  width: 100%;
  overflow: hidden;
  padding: 50px 0px 50px 50px;
  background-color: #fee7b1;
  border-radius: 0px 0px 111px 0px;
}

/* --- governance --- */

.gov1{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: auto;
  background-color: #ffffff;
}
.imgmandgover{
  width: 90%;
  max-width: 450px;
  display: block;
  float: right;
}
.gov2{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: auto;
  background-color: #7dba9e;
}
.imgethi{
  width: 90%;
  display: block;
  max-width: 380px;
  float: right;
}
.imgethi2{
  width: 90%;
  display: block;
  max-width: 380px;
  float: left;
}
.img80{
  width: 80%;
  display: block;
  margin: 0 auto;
}
.gov3{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: auto;
  background-color: #69a845;
}
.gov4{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: auto;
  background-color: #ffffff;
}

/* --- social --- */

.social1{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: auto;
  background-color: #ffffff;
}

.social2{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: auto;
  background-color: #ffffff;
}
.borderbeha{
  display: block;
  border-top: 2px solid #f0593b;
  border-left: 2px solid #f0593b;
  border-bottom: 2px solid #f0593b;
  border-radius: 50px 0px 0px 50px;
  padding: 50px 0px 50px 10px;
}
.titulobeha{
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  font-weight: 700;
}
.imghealth{
  width: 90%;
  max-width: 450px;
  display: block;
  float: left;
}
.social3{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: auto;
  background-color: #ffffff;
  padding-bottom: 50px;
}
.social4{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: auto;
  background-color: #33b88a;
}
.social5{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: auto;
  background-color: #ffffff;
  padding-bottom: 50px;
}
.social6{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: auto;
  background-color: #33b88a;
}
.img61{
  width: 90%;
  max-width: 315px;
  display: block;
  position: absolute;
  z-index: 1;
  left: 34%;
  bottom: 0px;
}

/* --- environment --- */

.envi1{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: auto;
  background-color: #ffffff;
  padding: 50px 0px;
}
.borderwaste{
  display: block;
  border-top: 2px solid #006938;
  border-left: 2px solid #006938;
  border-bottom: 2px solid #006938;
  border-radius: 50px 0px 0px 50px;
  padding: 50px 0px 50px 10px;
}
.envi2{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: auto;
  background-color: #ffffff;
}
.envi3{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: auto;
  background-color: #ffffff;
  padding-bottom: 50px;
}
.contertitulograf{
  display: block;
  width: 100%;
  overflow: hidden;
  padding: 93px 0px 93px 50px;
  background-color: #b0dbcf;
  border-radius: 0px 0px 250px 0px;
}
.envi4{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: auto;
  background-color: #33b88a;
}
.bordercarbon{
  display: block;
  border-top: 2px solid #f2bd21;
  border-right: 2px solid #f2bd21;
  border-bottom: 2px solid #f2bd21;
  border-radius: 0px 50px 50px 0px;
  padding: 50px 10px 50px 10px;
}
.envi5{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: auto;
  background-color: #f2bd21;
}
.otrotitulo{
  font-family: GothamPro-Medium;
  font-size: 28px;
}
.hrverde{
  width: 50px;
  display: block;
  border-top: 2px solid #006938;
  border-bottom: 0px solid #006938;
  border-left: 0px solid #006938;
  border-right: 0px solid #006938;
  float: left;
  margin: 20px 0px 10px 0px;
}
.envi6{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: auto;
  background-color: #ffffff;
}
.envi7{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: auto;
  background-color: #ffffff;
}
.logofsa{
  display: block;
  float: left;
  width: 90%;
  max-width: 150px;
}
.img77{
  display: block;
  position: absolute;
  z-index: 1;
  left: 36%;
  bottom: 0;
  width: 90%;
  max-width: 350px;
}


/* --- download --- */
.down1{
  width: 100vw;
  display: block;
  overflow: hidden;
  height: auto;
  min-height: 100vh;
  background-color: #f2bd21;
}
.myButton {
  background-color:#f26c24;
  border-radius:28px;
  border:2px solid #f26c24;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family: GothamPro-Bold;
  text-transform: uppercase;
  font-size:17px;
  padding:16px 31px;
  text-decoration:none;
  transition: all .5s;
}
.myButton:hover {
  background-color: rgba(0, 0, 0, .0);
  border: 2px solid #ffffff;
  color: #ffffff;
}
.myButton:active {
  position:relative;
  top:1px;
}
.paddescargas{
  padding-top: 35vh;
}
.img83{
  width: 90%;
  max-width: 300px;
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 10%;
}


















/* --- animaciones --- */
.ani1{
  animation: fadeIn;
  animation-delay: .3s;
}
.ani2{
  animation: fadeInDown;
  animation-delay: .9s;
}
.ani3{
  animation: fadeInUp;
  animation-delay: 1.2s;
}
.ani4{
  animation: fadeInDown;
  animation-delay: 1.5s;
}
.ani5{
  animation: fadeInLeft;
  animation-delay: 2.1s;
  z-index: 2;
}
.ani6animate{
  animation: fadeInDown;
  animation-delay: .2s;
}
.ani7animate{
  animation: fadeInUp;
  animation-delay: .2s;
}
.ani8animate{
  animation: fadeInRight;
  animation-delay: .6s;
}
.ani9animate{
  animation: fadeIn;
  animation-delay: .3s;
}
.ani10animate{
  animation: fadeInDown;
  animation-delay: .3s;
}
.ani11animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani12animate{
  animation: fadeIn;
  animation-delay: .3s;
}
.ani13animate{
  animation: fadeInRight;
  animation-delay: .9s;
}
.ani14animate{
  animation: fadeInLeft;
  animation-delay: .6s;
}
.ani15animate{
  animation: fadeIn;
  animation-delay: .3s;
}
.ani16animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani17animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani18animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani19animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani20animate{
  animation: fadeIn;
  animation-delay: .9s;
}
.ani21animate{
  animation: fadeInLeft;
  animation-delay: .3s;
}
.ani22animate{
  animation: zoomIn;
  animation-delay: .6s;
}
.ani23animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani24animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani25animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani26animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani27animate{
  animation: fadeIn;
  animation-delay: .6s;
}
.ani28animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani29animate{
  animation: fadeInDown;
  animation-delay: .6s;
}
.ani30animate{
  animation: fadeInRight;
  animation-delay: .6s;
}
.ani31animate{
  animation: fadeIn;
  animation-delay: .3s;
}
.ani32animate{
  animation: fadeIn;
  animation-delay: .6s;
}
.ani33animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani34animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani35animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani36animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani37animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani38animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani39animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani40animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani41animate{
  animation: fadeInDown;
  animation-delay: .3s;
}
.ani42animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani43animate{
  animation: fadeIn;
  animation-delay: .3s;
}
.ani44animate{
  animation: fadeIn;
  animation-delay: .6s;
}
.ani45animate{
  animation: fadeIn;
  animation-delay: .9s;
}
.ani46animate{
  animation: fadeInLeft;
  animation-delay: .3s;
}
.ani47animate{
  animation: fadeIn;
  animation-delay: .3s;
}
.ani48animate{
  animation: fadeInDown;
  animation-delay: .3s;
}
.ani49animate{
  animation: zoomIn;
  animation-delay: .6s;
}
.ani50animate{
  animation: fadeIn;
  animation-delay: .3s;
}
.ani51animate{
  animation: fadeInUp;
  animation-delay: .6s;
}
.ani52animate{
  animation: fadeInDown;
  animation-delay: .9s;
}
.ani53animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani54animate{
  animation: fadeInUp;
  animation-delay: .6s;
}
.ani55animate{
  animation: fadeInUp;
  animation-delay: .6s;
}
.ani56animate{
  animation: fadeInDown;
  animation-delay: .3s;
}
.ani57animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani58animate{
  animation: fadeInUp;
  animation-delay: .6s;
}
.ani59animate{
  animation: fadeInUp;
  animation-delay: .9s;
}
.ani60animate{
  animation: fadeIn;
  animation-delay: .3s;
}
.ani61animate{
  animation: zoomIn;
  animation-delay: .6s;
}
.ani62animate{
  animation: fadeIn;
  animation-delay: .3s;
}
.ani63animate{
  animation: fadeInLeft;
  animation-delay: .3s;
}
.ani64animate{
  animation: fadeInLeft;
  animation-delay: .6s;
}
.ani65animate{
  animation: fadeInLeft;
  animation-delay: .9s;
}
.ani66animate{
  animation: fadeInLeft;
  animation-delay: .3s;
}
.ani67animate{
  animation: fadeIn;
  animation-delay: .9s;
}

.ani68animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani69animate{
  animation: fadeInUp;
  animation-delay: .6s;
}
.ani70animate{
  animation: fadeInUp;
  animation-delay: .9s;
}

.ani71animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani72animate{
  animation: fadeInUp;
  animation-delay: .6s;
}
.ani73animate{
  animation: fadeInUp;
  animation-delay: .9s;
}

.ani74animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani75animate{
  animation: fadeInUp;
  animation-delay: .6s;
}
.ani76animate{
  animation: fadeInUp;
  animation-delay: .9s;
}

.ani77animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani78animate{
  animation: fadeInUp;
  animation-delay: .6s;
}
.ani79animate{
  animation: fadeInUp;
  animation-delay: .9s;
}

.ani80animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani81animate{
  animation: fadeInUp;
  animation-delay: .6s;
}
.ani82animate{
  animation: fadeInUp;
  animation-delay: .9s;
}
.ani83animate{
  animation: fadeIn;
  animation-delay: .6s;
}
.ani84animate{
  animation: fadeIn;
  animation-delay: .6s;
}
.ani85animate{
  animation: fadeIn;
  animation-delay: .6s;
}
.ani86animate{
  animation: fadeIn;
  animation-delay: .6s;
}

.ani87animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani88animate{
  animation: fadeInUp;
  animation-delay: .6s;
}
.ani89animate{
  animation: fadeInUp;
  animation-delay: .9s;
}

.ani90animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani91animate{
  animation: fadeInUp;
  animation-delay: .6s;
}
.ani92animate{
  animation: fadeInUp;
  animation-delay: .9s;
}

.ani93animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani94animate{
  animation: fadeInUp;
  animation-delay: .6s;
}
.ani95animate{
  animation: fadeInUp;
  animation-delay: .9s;
}

.ani96animate{
  animation: fadeIn;
  animation-delay: .6s;
}
.ani97animate{
  animation: fadeInLeft;
  animation-delay: .3s;
}
.ani98animate{
  animation: fadeInLeft;
  animation-delay: .3s;
}
.ani99animate{
  animation: fadeInLeft;
  animation-delay: .3s;
}
.ani100animate{
  animation: fadeInLeft;
  animation-delay: .3s;
}
.ani101animate{
  animation: fadeInLeft;
  animation-delay: .3s;
}
.ani102animate{
  animation: fadeInLeft;
  animation-delay: .3s;
}
.ani103animate{
  animation: fadeInLeft;
  animation-delay: .3s;
}
.ani104animate{
  animation: fadeInLeft;
  animation-delay: .3s;
}
.ani105animate{
  animation: fadeInDown;
  animation-delay: .3s;
}
.ani106animate{
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani107animate{
  animation: fadeIn;
  animation-delay: .3s;
}
.ani108animate{
  animation: fadeInLeft;
  animation-delay: .6s;
}
.ani109animate{
  animation: fadeInUp;
  animation-delay: .6s;
}
.ani110animate{
  animation: fadeInDown;
  animation-delay: .6s;
}

.ani111animate{
  animation: fadeInRight;
  animation-delay: .3s;
}
.ani112animate{
  animation: fadeInRight;
  animation-delay: .6s;
}
.ani113animate{
  animation: fadeInRight;
  animation-delay: .9s;
}
.ani114animate{
  animation: fadeInRight;
  animation-delay: 1.2s;
}

.ani115animate{
  animation: fadeInLeft;
  animation-delay: .3s;
}
.ani116animate{
  animation: fadeInUp;
  animation-delay: .6s;
}
.ani117animate{
  animation: fadeIn;
  animation-delay: .6s;
}
.ani118{
  animation: pulse infinite;
}