body {
  font-family:'Roboto', sans-serif;
  background-image:url(../../assets/img/fondoalmendras7.png);
  background-attachment:fixed;
}

.footerio {
  /*background:#2e2e2e;*/
  color:#fff;
  padding:10px;
  text-align:center;
}

@media (min-width: 768px) {
  .footerio {
    /*padding:50px 30px;*/
  }
}

.seccion {
  width:100%;
  position:relative;
  background-attachment:fixed;
}

.seccion .left, .seccion .middle, .seccion .right {
  width:100%;
  display:block;
  color:#fff;
  box-sizing:border-box;
  left:0;
  padding:30px;
  text-align:center;
  overflow:hidden;
  -moz-transition:0.3s ease-in-out all;
  -o-transition:0.3s ease-in-out all;
  -webkit-transition:0.3s ease-in-out all;
  transition:0.3s ease-in-out all;
}

@media (min-width: 480px) {
  .seccion .left .content, .seccion .middle .content, .seccion .right .content {
    position:relative;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
  }
}

@media (min-width: 480px) {
  .seccion .left, .seccion .middle, .seccion .right {
    width:50%;
    font-size:0.9em;
    padding:10px;
    left:0;
    float:left;
    position:absolute;
  }
}

@media (min-width: 768px) {
  .seccion .left, .seccion .middle, .seccion .right {
    width:33.33333%;
    left:33.33%;
    padding:10px;
  }
}

@media (min-width: 992px) {
  .seccion .left, .seccion .middle, .seccion .right {
    padding:30px;
    font-size:1em;
  }
}

.seccion.animate .left {
  left:0;
}

@media (min-width: 480px) {
  .seccion.animate .left {
    left:50%;
  }
}

@media (min-width: 768px) {
  .seccion.animate .left {
    left:0;
  }
}

.seccion.animate .right {
  left:0;
}

@media (min-width: 480px) {
  .seccion.animate .right {
    left:50%;
  }
}

@media (min-width: 768px) {
  .seccion.animate .right {
    left:66.66%;
  }
}

.seccion .title {
  background:#35c0ca;
}

.seccion .title h2 {
  margin-top:0;
}

.seccion .title p {
  line-height:1.55em;
  margin-bottom:0.75em;
}

.seccion .title .btn-primary {
  color:#fff;
  background:#ff3814;
  padding:10px;
  text-decoration:none;
  border-radius:3px;
  display:inline-block;
  -moz-transition:0.3s ease-in-out all;
  -o-transition:0.3s ease-in-out all;
  -webkit-transition:0.3s ease-in-out all;
  transition:0.3s ease-in-out all;
}

.seccion .title .btn-primary:hover {
  background:#fa2600;
}

.seccion .tiles {
  padding:0;
  background:#fff;
  clear:both;
  display:none;
  float:none;
}

.seccion .tiles img {
  width:50%;
  float:left;
  height:auto;
  opacity:0.5;
  -moz-transition:0.3s ease-in-out all;
  -o-transition:0.3s ease-in-out all;
  -webkit-transition:0.3s ease-in-out all;
  transition:0.3s ease-in-out all;
  -webkit-filter:grayscale(100%);
  -moz-filter:grayscale(100%);
  -o-filter:grayscale(100%);
}

.seccion .tiles img:hover {
  opacity:1;
  -webkit-filter:grayscale(0%);
  -moz-filter:grayscale(0%);
  -o-filter:grayscale(0%);
}

@media (min-width: 768px) {
  .seccion .tiles {
    display:block;
  }
}

.seccion .middle {
  background:slategray;
  z-index:2;
  padding:0;
}

.seccion .middle img {
  width:100%;
  height:auto;
  display:block;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform:translateY(0);
  }
  40% {
    transform:translateY(-20px);
  }
  60% {
    transform:translateY(-10px);
  }
}