/* ==========================================================================
   Description here please
   coder: yournamehere
   startdate: YYYYMMDD
   ========================================================================== */
/* HTML5 Reset
-------------------------------------------------------------------------------*/
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section,
details,
summary {
  display: block;
}
img,
object,
embed {
  max-width: 100%;
}
html {
  overflow-y: scroll;
}
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  font-weight: bold;
  vertical-align: bottom;
}
td {
  font-weight: normal;
  vertical-align: top;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
}
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
select,
input,
textarea {
  font: 99% sans-serif;
}
table {
  font-size: inherit;
  font: 100%;
}
small {
  font-size: 85%;
}
strong {
  font-weight: bold;
}
td,
td img {
  vertical-align: top;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}
button,
input,
select,
textarea {
  margin: 0;
}
button {
  width: auto;
  overflow: visible;
}
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
/*body {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
}*/
.csstransitions {
  /* Meta nav entrance */
}
.csstransitions body .personitas .monitos:nth-child(1) {
  -webkit-transition: all 2000ms 100ms;
  transition: all 2000ms 100ms;
}
.csstransitions body .personitas .monitos:nth-child(2) {
  -webkit-transition: all 2000ms 200ms;
  transition: all 2000ms 200ms;
}
.csstransitions body .personitas .monitos:nth-child(3) {
  -webkit-transition: all 2000ms 300ms;
  transition: all 2000ms 300ms;
}
.csstransitions body .personitas .monitos:nth-child(4) {
  -webkit-transition: all 2000ms 400ms;
  transition: all 2000ms 400ms;
}
.csstransitions body .personitas .monitos:nth-child(5) {
  -webkit-transition: all 2000ms 500ms;
  transition: all 2000ms 500ms;
}
.csstransitions body .personitas .monitos:nth-child(6) {
  -webkit-transition: all 2000ms 600ms;
  transition: all 2000ms 600ms;
}
.csstransitions body .personitas .monitos:nth-child(7) {
  -webkit-transition: all 2000ms 700ms;
  transition: all 2000ms 700ms;
}
.csstransitions body .personitas .monitos:nth-child(8) {
  -webkit-transition: all 2000ms 800ms;
  transition: all 2000ms 800ms;
}
.csstransitions body .personitas .monitos:nth-child(9) {
  -webkit-transition: all 2000ms 900ms;
  transition: all 2000ms 900ms;
}
.csstransitions body .personitas .monitos:nth-child(10) {
  -webkit-transition: all 2000ms 1000ms;
  transition: all 2000ms 1000ms;
}
.csstransitions body .personitas .monitos:nth-child(11) {
  -webkit-transition: all 2000ms 1100ms;
  transition: all 2000ms 1100ms;
}
.csstransitions body .personitas .monitos:nth-child(12) {
  -webkit-transition: all 2000ms 1200ms;
  transition: all 2000ms 1200ms;
}
.csstransitions body .personitas .monitos:nth-child(13) {
  -webkit-transition: all 2000ms 1300ms;
  transition: all 2000ms 1300ms;
}
.csstransitions body .personitas .monitos:nth-child(14) {
  -webkit-transition: all 2000ms 1400ms;
  transition: all 2000ms 1400ms;
}
.csstransitions body .personitas .monitos:nth-child(15) {
  -webkit-transition: all 2000ms 1500ms;
  transition: all 2000ms 1500ms;
}
.csstransitions body .personitas .monitos:nth-child(16) {
  -webkit-transition: all 2000ms 1600ms;
  transition: all 2000ms 1600ms;
}
.csstransitions body .personitas .monitos:nth-child(17) {
  -webkit-transition: all 2000ms 1700ms;
  transition: all 2000ms 1700ms;
}
.csstransitions body .personitas .monitos:nth-child(18) {
  -webkit-transition: all 2000ms 1800ms;
  transition: all 2000ms 1800ms;
}
.csstransitions body .personitas .monitos:nth-child(19) {
  -webkit-transition: all 2000ms 1900ms;
  transition: all 2000ms 1900ms;
}
.csstransitions body .personitas .monitos:nth-child(20) {
  -webkit-transition: all 2000ms 2000ms;
  transition: all 2000ms 2000ms;
}
.csstransitions body .personitas .monitos {
  position: relative;
  -webkit-transform: translateX(25px);
  -ms-transform: translateX(25px);
  transform: translateX(25px);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.csstransitions body.domready .personitas .monitos {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.personitas {
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  z-index: 6;
  text-align: center;
}
.personitas div {
  position: absolute;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: left top;
  display: inline-block;
}
.personitas div.personitas01 {
  top: -20px;
}
.personitas div.personitas02 {
  top: 0;
  margin-left: -10px;
}
.personitas div.personitas03 {
  margin-left: -20px;
}
.personitas div.personitas04 {
  top: -20px;
  margin-left: -5px;
}
.personitas div.personitas05 {
  margin-left: -10px;
}
.personitas div.personitas06 {
  margin-left: -10px;
}
.personitas div.personitas07 {
  bottom: -10px;
  margin-left: -10px;
}
.personitas div.personitas08 {
  top: -10px;
  margin-left: -20px;
}
.personitas div.personitas09 {
  margin-left: 0px;
}
.personitas div.personitas10 {
  top: -10px;
  margin-left: -10px;
}
.personitas div.personitas11 {
  top: -30px;
  margin-left: -20px;
}
.personitas div.personitas12 {
  margin-left: -20px;
}
.personitas div.personitas14 {
  top: -20px;
  margin-left: -10px;
}
.personitas div.personitas15 {
  margin-left: -10px;
}
.personitas div.personitas16 {
  top: -20px;
}
.personitas div.personitas18 {
  top: -40px;
}
.personitas div.personitas20 {
  top: -20px;
}
@media only screen and (max-width: 529px) {
  .titulo {
    top: 50%!important;
    width: 100%!important;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
  }
  .titulo img {
    width: 100%;
  }
  .personitas {
    background-image: url("../images/personas.png");
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    height: 160px;
    background-repeat: no-repeat;
  }
  .personitas div {
    display: none;
  }
}
#visual-home {
  display: none;
  position: relative;
  overflow: hidden;
  background-image: url("../images/nubecitas.png");
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  height: 650px;
}
#visual-home .container {
  height: 650px;
  padding: 0;
  width: 100%;
}
#visual-home .container .row {
  height: 650px;
  position: relative;
}
.motociclista {
  width: 88px;
  height: 89px;
  background-image: url("../images/motociclista.png");
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  bottom: 100px;
  -webkit-animation: moving 10s linear infinite;
  -moz-animation: moving 10s linear infinite;
  animation: moving 10s linear infinite;
  z-index: 4;
}
.hombreciclista {
  width: 88px;
  height: 89px;
  background-image: url("../images/hombre_ciclista.png");
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  bottom: 120px;
  -webkit-animation: movingRight 20s linear infinite;
  -moz-animation: movingRight 20s linear infinite;
  animation: movingRight 20s linear infinite;
  z-index: 3;
}
.mujerciclista {
  width: 88px;
  height: 89px;
  background-image: url("../images/mujer_ciclista.png");
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  bottom: 120px;
  -webkit-animation: movingRight 25s linear infinite;
  -moz-animation: movingRight 25s linear infinite;
  animation: movingRight 25s linear infinite;
  z-index: 3;
}
.ciudades {
  width: 100%;
  height: 340px;
  background-image: url("../images/ciudad.png");
  background-repeat: repeat-x;
  background-position: left top;
  -webkit-background-size: contain;
  background-size: contain;
  position: absolute;
  bottom: 0;
  -webkit-animation: moveBottom 4s ease;
  -moz-animation: moveBottom 4s ease;
  animation: moveBottom 4s ease;
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
  z-index: 1;
}
.arbolbackleft {
  width: 325px;
  height: 123px;
  background-image: url("../images/arbol_izquierda_back.png");
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  bottom: 200px;
  left: 0;
  -webkit-animation: moveBottom 3s ease;
  -moz-animation: moveBottom 3s ease;
  animation: moveBottom 3s ease;
  z-index: 0;
}
.arbolbackright {
  width: 325px;
  height: 123px;
  background-image: url("../images/arbol_derecha_back.png");
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  bottom: 200px;
  right: 0;
  -webkit-animation: moveBottom 3s ease;
  -moz-animation: moveBottom 3s ease;
  animation: moveBottom 3s ease;
  z-index: 0;
}
.arbolleft {
  width: 341px;
  height: 194px;
  background-image: url("../images/arbol_izquierda.png");
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  bottom: 170px;
  left: 0;
  -webkit-animation: fade 3s ease;
  -moz-animation: fade 3s ease;
  animation: fade 3s ease;
  z-index: 2;
}
.arbolright {
  width: 558px;
  height: 185px;
  background-image: url("../images/arbol_derecha.png");
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  bottom: 150px;
  right: 0;
  -webkit-animation: fade 3s ease;
  -moz-animation: fade 3s ease;
  animation: fade 3s ease;
  z-index: 2;
}
.humanos {
  width: 790px;
  height: 181px;
  background-image: url("../images/personas.png");
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  left: 50%;
  bottom: 30px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-animation: fade 3s ease;
  -moz-animation: fade 3s ease;
  animation: fade 3s ease;
  z-index: 5;
  display: block;
}
.titulo {
  width: 600px;
  height: 317px;
  background-image: url("../images/titulo_globos.png");
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  left: 50%;
  top: 40%;
  -webkit-transform: translate(-50%, -60%);
  -ms-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
  right: 0;
  -webkit-animation: moveTop 5s ease;
  -moz-animation: moveTop 5s ease;
  animation: moveTop 5s ease;
  z-index: 6;
}
.bg-trenes {
  background-color: #0571af !important;
  display: none;
}
.contaniner-tren {
  padding: 15px 0px 0px;
  margin-bottom: 15px;
  border-bottom: 2px solid #fff;
  position: relative;
  min-height: 46px;
  overflow: hidden;
}
.contaniner-tren .trenes {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  position: absolute;
  bottom: 0px;
  -webkit-animation: moving 20s linear infinite;
  -moz-animation: moving 20s linear infinite;
  animation: moving 20s linear infinite;
}
/* ==========================================================================
   Animations
   ========================================================================== */
/* animaciones*/
.animation {
  opacity: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
@media only screen and (max-width: 529px) {
  .animation {
    opacity: 1;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  .animation {
    opacity: 1;
  }
}
.animation.top {
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}
.animation.bottom {
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
}
.animation.left {
  -webkit-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  transform: translateX(-20px);
}
.animation.right {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.animation.visible,
.animation.top.visible,
.animation.bottom.visible,
.animation.left.visible,
.animation.right.visible {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}
.delay--50 {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.delay--100 {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.delay--150 {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.delay--200 {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.delay--250 {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
.delay--300 {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.delay--350 {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}
.delay--400 {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
.delay--450 {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s;
}
.delay--500 {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}
.delay--550 {
  -webkit-transition-delay: 2.2s;
  transition-delay: 2.2s;
}
.delay--600 {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.delay--650 {
  -webkit-transition-delay: 2.6s;
  transition-delay: 2.6s;
}
.delay--700 {
  -webkit-transition-delay: 2.8s;
  transition-delay: 2.8s;
}
.delay--750 {
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
}
.delay--800 {
  -webkit-transition-delay: 3.2s;
  transition-delay: 3.2s;
}
@-webkit-keyframes moveBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-moz-keyframes moveBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-ms-keyframes moveBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-o-keyframes moveBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes moveBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes moving {
  from {
    left: -480px;
  }
  50% {
    left: 50%;
  }
  to {
    left: 100%;
  }
}
@-moz-keyframes moving {
  from {
    left: -480px;
  }
  50% {
    left: 50%;
  }
  to {
    left: 100%;
  }
}
@-ms-keyframes moving {
  from {
    left: -480px;
  }
  50% {
    left: 50%;
  }
  to {
    left: 100%;
  }
}
@-o-keyframes moving {
  from {
    left: -480px;
  }
  50% {
    left: 50%;
  }
  to {
    left: 100%;
  }
}
@keyframes moving {
  from {
    left: -480px;
  }
  50% {
    left: 50%;
  }
  to {
    left: 100%;
  }
}
@-webkit-keyframes movingRight {
  from {
    right: -480px;
  }
  50% {
    right: 50%;
  }
  to {
    right: 100%;
  }
}
@-moz-keyframes movingRight {
  from {
    right: -480px;
  }
  50% {
    right: 50%;
  }
  to {
    right: 100%;
  }
}
@-ms-keyframes movingRight {
  from {
    right: -480px;
  }
  50% {
    right: 50%;
  }
  to {
    right: 100%;
  }
}
@-o-keyframes movingRight {
  from {
    right: -480px;
  }
  50% {
    right: 50%;
  }
  to {
    right: 100%;
  }
}
@keyframes movingRight {
  from {
    right: -480px;
  }
  50% {
    right: 50%;
  }
  to {
    right: 100%;
  }
}
@-webkit-keyframes moveLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@-moz-keyframes moveLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@-ms-keyframes moveLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@-o-keyframes moveLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@keyframes moveLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@-webkit-keyframes moveRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@-moz-keyframes moveRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@-ms-keyframes moveRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@-o-keyframes moveRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@keyframes moveRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@-webkit-keyframes moveTop {
  0% {
    opacity: 0;
    margin-top: -100px;
  }
  60% {
    opacity: 1;
    margin-top: 0;
  }
}
@-moz-keyframes moveTop {
  0% {
    opacity: 0;
    margin-top: -100px;
  }
  60% {
    opacity: 1;
    margin-top: 0;
  }
}
@-ms-keyframes moveTop {
  0% {
    opacity: 0;
    margin-top: -100px;
  }
  60% {
    opacity: 1;
    margin-top: 0;
  }
}
@-o-keyframes moveTop {
  0% {
    opacity: 0;
    margin-top: -100px;
  }
  60% {
    opacity: 1;
    margin-top: 0;
  }
}
@keyframes moveTop {
  0% {
    opacity: 0;
    margin-top: -100px;
  }
  60% {
    opacity: 1;
    margin-top: 0;
  }
}
@-webkit-keyframes moveclouds {
  0% {
    margin-left: 1000px;
  }
  100% {
    margin-left: -1000px;
  }
}
@-moz-keyframes moveclouds {
  0% {
    margin-left: 1000px;
  }
  100% {
    margin-left: -1000px;
  }
}
@-ms-keyframes moveclouds {
  0% {
    margin-left: 1000px;
  }
  100% {
    margin-left: -1000px;
  }
}
@-o-keyframes moveclouds {
  0% {
    margin-left: 1000px;
  }
  100% {
    margin-left: -1000px;
  }
}
@keyframes moveclouds {
  0% {
    margin-left: 1000px;
  }
  100% {
    margin-left: -1000px;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
}
@-ms-keyframes fade {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
}
@-webkit-keyframes moving {
  from {
    left: -480px;
  }
  50% {
    left: 50%;
  }
  to {
    left: 100%;
  }
}
@-moz-keyframes moving {
  from {
    left: -480px;
  }
  50% {
    left: 50%;
  }
  to {
    left: 100%;
  }
}
@keyframes moving {
  from {
    left: -480px;
  }
  50% {
    left: 50%;
  }
  to {
    left: 100%;
  }
}
@-webkit-keyframes flyUno {
  0% {
    right: -180px;
  }
  50% {
    right: 450px;
    top: 50px;
  }
  90% {
    opacity: 1;
  }
  100% {
    right: 100%;
    top: 90px;
    opacity: 0;
  }
}
@-moz-keyframes flyUno {
  from {
    right: -180px;
  }
  50% {
    right: 450px;
    top: 50px;
  }
  to {
    right: 1000px;
    top: 90px;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes flyUno {
  from {
    right: -180px;
    opacity: 1;
  }
  50% {
    right: 450px;
    top: 50px;
    opacity: 1;
  }
  to {
    right: 1000px;
    top: 90px;
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes flyDos {
  0% {
    right: -280px;
  }
  50% {
    right: 450px;
    top: 0px;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    right: 100%;
    top: 50px;
  }
}
@-moz-keyframes flyDos {
  from {
    right: -280px;
  }
  50% {
    right: 450px;
    top: 0px;
  }
  to {
    right: 100%;
    top: 50px;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes flyDos {
  from {
    right: -280px;
  }
  50% {
    right: 450px;
    top: 0px;
  }
  to {
    right: 100%;
    top: 50px;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes flyTres {
  0% {
    right: -380px;
  }
  50% {
    right: 500px;
    top: 10px;
  }
  90% {
    opacity: 1;
  }
  100% {
    right: 100%;
    top: 30px;
    opacity: 0;
  }
}
@-moz-keyframes flyTres {
  from {
    right: -380px;
  }
  50% {
    right: 500px;
    top: 10px;
  }
  to {
    right: 100%;
    top: 30px;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes flyTres {
  from {
    right: -380px;
  }
  50% {
    right: 500px;
    top: 10px;
  }
  to {
    right: 100%;
    top: 30px;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes flyCuatro {
  0% {
    right: -480px;
  }
  50% {
    right: 350px;
    top: 90px;
  }
  90% {
    opacity: 1;
  }
  100% {
    right: 100%;
    top: 60px;
    opacity: 0;
  }
}
@-moz-keyframes flyCuatro {
  from {
    right: -480px;
  }
  50% {
    right: 350px;
    top: 90px;
  }
  to {
    right: 100%;
    top: 60px;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes flyCuatro {
  from {
    right: -480px;
  }
  50% {
    right: 350px;
    top: 90px;
  }
  to {
    right: 100%;
    top: 60px;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes flyCinco {
  0% {
    right: -580px;
  }
  50% {
    right: 400px;
    top: 30px;
  }
  90% {
    opacity: 1;
  }
  100% {
    right: 100%;
    top: 10px;
    opacity: 0;
  }
}
@-moz-keyframes flyCinco {
  from {
    right: -580px;
  }
  50% {
    right: 400px;
    top: 30px;
  }
  to {
    right: 100%;
    top: 10px;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes flyCinco {
  from {
    right: -580px;
  }
  50% {
    right: 400px;
    top: 30px;
  }
  to {
    right: 100%;
    top: 10px;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}