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

/*animation element*/

.animation-element {
  opacity: 0;
  position: absolute;
  overflow: hidden;
}

/*animation element sliding left*/

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(-40px, 0px, 0px);
  -webkit-transform: translate3d(-40px, 0px, 0px);
  -o-transform: translate(-40px, 0px);
  -ms-transform: translate(-40px, 0px);
  transform: translate3d(-40px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
/*animation slide left styled for testimonials*/

.animation-element.slide-left.bloque {
  float: left;
  width: 30.7%;
  mix-blend-mode: multiply;
  top: 0%;
  left: 0%;
}

.animation-element.slide-left.bloque:hover {
  color:#FFA900;
}

.animation-element.slide-left.bloque:nth-of-type(odd) {
  width: 30.7%;
}

.animation-element.slide-left.bloque:nth-of-type(even) {
  width: 30.7%;
}

.animation-element.slide-left.bloque-Image {
  float: left;
  width: 100%;
  mix-blend-mode: multiply;
  top: 0%;
  left: 0%;
}

.animation-element.slide-left.bloque-Image:hover {
  color:#FFA900;
}

.animation-element.slide-left.bloque-Image:nth-of-type(odd) {
  width: 100%;
}

.animation-element.slide-left.bloque-Image:nth-of-type(even) {
  width: 100%;
}

/*animation element sliding right*/

.animation-element.slide-right {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(40px, 0px, 0px);
  -webkit-transform: translate3d(40px, 0px, 0px);
  -o-transform: translate(40px, 0px);
  -ms-transform: translate(40px, 0px);
  transform: translate3d(40px, 0px, 0px);
}

.animation-element.slide-right.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
/*animation slide right styled for testimonials*/

.animation-element.slide-right.bloque {
  float: right;
  width: 30.7%;
  mix-blend-mode: multiply;
  top: 0%;
  right: 0%;
}

.animation-element.slide-right.bloque:hover {
  color:#FFA900;
}

.animation-element.slide-right.bloque:nth-of-type(odd) {
  width: 30.7%;
}

.animation-element.slide-right.bloque:nth-of-type(even) {
  width: 30.7%;
}

.animation-element.slide-right.bloque-Image {
  float: right;
  width: 100%;
  mix-blend-mode: multiply;
  top: 0%;
  right: 0%;
}

.animation-element.slide-right.bloque-Image:hover {
  color:#FFA900;
}

.animation-element.slide-right.bloque-Image:nth-of-type(odd) {
  width: 100%;
}

.animation-element.slide-right.bloque-Image:nth-of-type(even) {
  width: 100%;
}

/*media queries for small devices*/
@media screen and (max-width: 767px){
  /*bloques*/
  .animation-element.slide-left.bloque,
  .animation-element.slide-left.bloque:nth-of-type(odd),
  .animation-element.slide-left.bloque:nth-of-type(even){
    width: 36%;
    top: 54%;
  }

  .animation-element.slide-right.bloque,
  .animation-element.slide-right.bloque:nth-of-type(odd),
  .animation-element.slide-right.bloque:nth-of-type(even){
    width: 36%;
    top: 54%;
}