body {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}
h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  line-height: 44px;
  font-weight: 700;
}
h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
}
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}
h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}
p {
  margin-bottom: 5px;
}
a {
  color: #00e;
}
.button {
  display: inline-block;
  padding: 10px 25px;
  border-radius: 30px;
  background-color: #fa2f73;
  font-family:'Avenirnextltpro demi', sans-serif;
  color: white;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
}
.button.top-boton {
  width: 120px;
  margin-right: 15px;
  margin-left: 15px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 40px;
  font-family:'Avenirnextltpro mediumcn', sans-serif;
  text-transform: uppercase;
}
.button.top-boton.blue {
  background-color: #210049;
}
.button.top-boton.red {
  background-color: #ff2f73;
}
.button.top-intro-boton {
  padding: 15px 90px;
  border-radius: 30px;
  background-color: #ff2f73;
  font-family:'Avenirnextltpro demi', sans-serif;
  color: #FFF;
  line-height: 17px;
}
.button.boton-bloquear {
  display: inline-block;
  font-family:'Avenirnextltpro cn', sans-serif;
  color: white;
  font-size: 14px;
  line-height: 17px;
}
.button.boton-cancelarbloqueo {
  padding-bottom: 8px;
  background-color: #717171;
  font-family:'Avenirnextltpro mediumcn', sans-serif;
  color: white;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
}
.button.boton-aceptar {
  padding: 8px 60px 6px;
  font-family:'Avenirnextltpro mediumcn', sans-serif;
  color: white;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.wrapper-general {
  display: block;
  width: 1440px;
  margin-right: auto;
  margin-left: auto;
  background-image: url('../images/rombo-grey.png'), url('../images/rombo-green.jpg');
  background-position: 0px 315px, 100% 0px;
  background-size: 125px, 856px;
  background-repeat: no-repeat, no-repeat;
}
.top {
  padding-top: 50px;
}
.top-left {
  display: inline-block;
  width: 50%;
  padding-left: 50px;
}
.top-logo {
  width: 76px;
  height: 22px;
  margin-right: 35px;
  float: left;
  background-image: url('../images/logoblue-lukka.png');
  background-position: 50% 50%;
  background-size: 73px;
  background-repeat: no-repeat;
}
.top-menu {
  display: inline-block;
}
.top-menu-item {
  padding-right: 35px;
  padding-left: 35px;
  font-family: Avenirnextltpro, sans-serif;
  color: #210049;
  line-height: 0px;
  text-decoration: none;
}
.top-menu-item.border {
  padding-top: 6px;
  padding-bottom: 6px;
  border-right: 1px solid #b9b9b9;
}
.top-menu-divisor {
  display: inline-block;
  width: 42px;
  height: 17px;
  background-image: url('../images/top-divisor.png');
  background-position: 50% 50%;
  background-size: 1px;
  background-repeat: no-repeat;
}
.top-right {
  display: inline-block;
  width: 45%;
  text-align: right;
}
.top-intro {
  padding-top: 150px;
  padding-right: 50px;
  padding-left: 50px;
}
.top-intro-fraseuno {
  display: inline-block;
  padding-bottom: 35px;
  font-family:'Avenirnextltpro cn', sans-serif;
  color: #9b9b9b;
  font-size: 16px;
  text-transform: uppercase;
}
.top-intro-frasedos {
  font-family:'Avenirnextltpro demi', sans-serif;
  color: #210049;
  font-size: 72px;
  line-height: 80px;
}
.top-intro-divisor {
  width: 220px;
  height: 70px;
  background-image: url('../images/ondas-green.png');
  background-position: 50% 50%;
  background-size: 219px;
  background-repeat: no-repeat;
}
.top-intro-frasetres {
  display: block;
  width: 50%;
  padding-bottom: 50px;
  font-family: Avenirnextltpro, sans-serif;
  color: #9b9b9b;
  font-size: 26px;
  line-height: 32px;
}
.top-intro-frasecuatro {
  display: block;
  padding-bottom: 12px;
  font-family: Avenirnextltpro, sans-serif;
  color: #9b9b9b;
  font-size: 12px;
  line-height: 14px;
}
.features {
  height: 800px;
  padding-right: 50px;
  padding-left: 50px;
  background-image: url('../images/iphone.jpg');
  background-position: 0px 0px;
  background-size: 672px;
  background-repeat: no-repeat;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
.feature-frase {
  display: inline-block;
  padding-top: 20px;
  font-family: Avenirnextltpro, sans-serif;
  color: #9b9b9b;
  font-size: 36px;
  line-height: 40px;
}
.features-box {
  position: relative;
  top: -100px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  float: right;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.29) 0px 9px 24px 0px;
}
.features-box-left {
  width: 50%;
  float: left;
}
.features-box-right {
  width: 50%;
  float: right;
}
.features-pagar {
  width: 420px;
  padding-top: 80px;
  padding-bottom: 80px;
  border-top-left-radius: 10px;
  background-color: #74e6f0;
}
.features-pagar-icon {
  height: 60px;
  background-image: url('../images/icon-pagar.png');
  background-position: 50% 50%;
  background-size: 45px;
  background-repeat: no-repeat;
}
.features-titulo {
  padding-top: 20px;
  padding-bottom: 20px;
  font-family:'Avenirnextltpro mediumcn', sans-serif;
  color: #210049;
  font-size: 18px;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
}
.features-sep-white {
  height: 40px;
  background-image: url('../images/separador-white.png');
  background-position: 50% 50%;
  background-size: 40px;
  background-repeat: no-repeat;
}
.features-texto {
  font-family: Avenirnextltpro, sans-serif;
  color: #210049;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.features-pedir {
  width: 420px;
  padding-top: 80px;
  padding-bottom: 80px;
  border-bottom-left-radius: 10px;
  background-color: #ffd160;
}
.features-pedir-icon {
  height: 60px;
  background-image: url('../images/icon-pedirplata.png');
  background-position: 50% 50%;
  background-size: 45px;
  background-repeat: no-repeat;
}
.features-enviarplata {
  width: 420px;
  padding-top: 80px;
  padding-bottom: 25px;
  border-top-right-radius: 10px;
  background-color: #f4f4f4;
}
.features-enviarplata-icon {
  height: 60px;
  background-image: url('../images/icon-enviarplata.png');
  background-position: 50% 50%;
  background-size: 50px;
  background-repeat: no-repeat;
}
.features-sep-blue {
  height: 40px;
  background-image: url('../images/separador-green.png');
  background-position: 50% 50%;
  background-size: 40px;
  background-repeat: no-repeat;
}
.features-picture {
  height: 413px;
  border-bottom-right-radius: 10px;
  background-image: url('../images/granma.jpg');
  background-position: 50% 0px;
  background-size: 483px;
  background-repeat: no-repeat;
}
.features-right {
  display: inline-block;
  width: 840px;
  float: right;
}
.features-ondas {
  position: absolute;
  z-index: 100;
  width: 53%;
  height: 66px;
  background-image: url('../images/ondas-red.png');
  background-position: 50% 50%;
  background-size: 165px;
  background-repeat: no-repeat;
}
.features-destacado {
  position: relative;
  left: 60px;
  top: 670px;
  z-index: 1;
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  padding: 25px 60px 25px 80px;
  border-radius: 6px;
  background-color: #d8d8d8;
}
.features-destacado-frase {
  display: inline-block;
  font-family:'Avenirltstd medium', sans-serif;
  color: #210049;
}
.features-destacado-smile {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-left: 15px;
  background-image: url('../images/icon-smile.png');
  background-position: 50% 50%;
  background-size: 22px;
  background-repeat: no-repeat;
}
.features-destacado-img {
  position: relative;
  left: 640px;
  top: 710px;
  z-index: 2;
  display: inline-block;
  width: 99px;
  height: 100px;
  background-image: url('../images/rombito-red.png');
  background-position: 50% 50%;
  background-size: 99px;
  background-repeat: no-repeat;
}
.benefits {
  display: block;
  padding-top: 100px;
  padding-right: 15px;
  padding-left: 15px;
  clear: both;
}
.benefits-icono {
  height: 49px;
  background-image: url('../images/rombito-green.png');
  background-position: 50% 50%;
  background-size: 49px;
  background-repeat: no-repeat;
}
.benefits-frase {
  padding-top: 25px;
  font-family: Avenirnextltpro, sans-serif;
  color: #9b9b9b;
  font-size: 26px;
  line-height: 32px;
  text-align: center;
}
.benefits-separador {
  height: 80px;
  background-image: url('../images/onda-singlegray.png');
  background-position: 50% 50%;
  background-size: 103px;
  background-repeat: no-repeat;
}
.benefits-box {
  padding: 25px 15px;
  border: 1px solid #80ebe3;
  background-image: url('../images/diagonal.png');
  background-position: 30% 50%;
  background-size: 28px;
  background-repeat: no-repeat;
}
.benefits-titulo {
  display: inline-block;
  width: 39%;
  font-family:'Avenirnextltpro mediumcn', sans-serif;
  color: #210049;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
}
.benefits-texto {
  display: inline-block;
  width: 59%;
  font-family: Avenirnextltpro, sans-serif;
  color: #9b9b9b;
  font-size: 16px;
}
.timeline {
  padding-top: 130px;
  padding-right: 25px;
  padding-left: 25px;
  background-image: url('../images/rombo-biggrey.png');
  background-position: 0px 79px;
  background-size: 666px;
  background-repeat: no-repeat;
}
.timeline-review {
  position: relative;
  z-index: 2;
  display: block;
  width: 425px;
  margin-right: auto;
  margin-left: auto;
  padding: 15px;
  clear: both;
  border-radius: 6px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 29px 0px;
}
.timeline-review-pic {
  display: inline-block;
  width: 60px;
  height: 60px;
  background-image: url('../images/perfil-pic.jpg');
  background-position: 50% 50%;
  background-size: 60px;
  background-repeat: no-repeat;
}
.timeline-review-textos {
  display: inline-block;
  width: 80%;
  padding-left: 20px;
  clear: none;
}
.timeline-review-titulo {
  font-family:'Avenirltstd medium', sans-serif;
  color: #210049;
  font-size: 16px;
}
.timeline-review-txt {
  font-family: Avenirnextltpro, sans-serif;
  color: #9b9b9b;
  font-size: 16px;
  line-height: 21px;
}
.timeline-box {
  position: relative;
  top: -50px;
  z-index: 1;
  padding-top: 130px;
  padding-bottom: 130px;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
}
.timeline-box-top {
  padding-left: 170px;
}
.timeline-date-icon.icon-one {
  height: 24px;
  background-image: url('../images/icon-smile2.png');
  background-position: 0px 0px;
  background-size: 24px;
  background-repeat: no-repeat;
}
.timeline-date-icon.icon-two {
  height: 22px;
  background-image: url('../images/icon-smile3.png');
  background-position: 0px 0px;
  background-size: 22px;
  background-repeat: no-repeat;
}
.timeline-date-icon.icon-three {
  height: 28px;
  background-image: url('../images/icon-smile4.png');
  background-position: 0px 0px;
  background-size: 28px;
  background-repeat: no-repeat;
}
.timeline-date-icon.icon-four {
  height: 28px;
  background-image: url('../images/icon-smile5.png');
  background-position: 0px 0px;
  background-size: 23px;
  background-repeat: no-repeat;
}
.timeline-date-texto {
  padding-top: 8px;
  font-family:'Avenirnextltpro cn', sans-serif;
  color: #210049;
  font-size: 14px;
  line-height: 17px;
}
.timeline-box-centerleft {
  display: inline-block;
  width: 100px;
  height: 120px;
  float: left;
  background-image: url('../images/logoblue-lukka.png');
  background-position: 50% 50%;
  background-size: 73px;
  background-repeat: no-repeat;
}
.timeline-box-centerright {
  display: inline-block;
  width: 1250px;
}
.timeline-box-diagonal-up {
  height: 60px;
  background-image: url('../images/diagonal-upline.png'), url('../images/diagonal-upline.png'), url('../images/diagonal-upline.png');
  background-position: 74% 0px, 40% 0px, 83px 0px;
  background-size: 32px, 32px, 32px;
  background-repeat: no-repeat, no-repeat, no-repeat;
}
.timeline-box-lineppal {
  height: 5px;
  margin-top: -3px;
  background-image: url('../images/line-straigh.png');
  background-position: 50% 50%;
  background-size: 1135px;
  background-repeat: no-repeat;
}
.timeline-box-diagonal-down {
  height: 65px;
  margin-top: -3px;
  background-image: url('../images/diagonal-downline.png'), url('../images/diagonal-downline.png'), url('../images/diagonal-downline.png'), url('../images/diagonal-downline.png');
  background-position: 82% 0px, 60% 0px, 37% 0px, 189px 0px;
  background-size: 32px, 32px, 32px, 32px;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
}
.timeline-box-bottom {
  padding-left: 300px;
}
.tools {
  padding-top: 100px;
  background-color: #210249;
}
.tools-frase {
  background-image: url('../images/ondas-singlefucsia.png'), url('../images/ondas-singlefucsia.png');
  background-position: 70% 50%, 30% 50%;
  background-size: 103px, 103px;
  background-repeat: no-repeat, no-repeat;
  font-family: Avenirnextltpro, sans-serif;
  color: #f4f4f4;
  font-size: 26px;
  line-height: 32px;
  text-align: center;
}
.tools-box {
  padding-top: 125px;
  padding-bottom: 125px;
}
.tools-column {
  text-align: center;
}
.tools-icon {
  display: block;
  width: 174px;
  height: 174px;
  margin-right: auto;
  margin-left: auto;
}
.tools-icon.icon-metas {
  background-image: url('../images/icon-metas.png');
  background-position: 50% 50%;
  background-size: 171px;
  background-repeat: no-repeat;
}
.tools-icon.icon-bolsillos {
  background-image: url('../images/icon-bolsillos.png');
  background-position: 50% 50%;
  background-size: 171px;
  background-repeat: no-repeat;
}
.tools-icon.icon-guardadito {
  background-image: url('../images/icon-guardadito.png');
  background-position: 50% 50%;
  background-size: 171px;
  background-repeat: no-repeat;
}
.tools-texto {
  font-family: Avenirnextltpro, sans-serif;
  color: white;
  font-size: 16px;
}
.tools-titulo {
  padding-top: 60px;
  padding-bottom: 30px;
  font-family:'Avenirnextltpro mediumcn', sans-serif;
  color: #00c5d6;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
}
.mapa {
  padding: 100px 23px;
  background-image: url('../images/rombo-grey.png');
  background-position: 0px 0px;
  background-size: 300px;
  background-repeat: no-repeat;
}
.mapa-left {
  display: inline-block;
  width: 30%;
  padding-top: 150px;
  float: left;
}
.mapa-right {
  display: inline-block;
  width: 65%;
  float: right;
}
.mapa-titulo {
  font-family:'Avenirnextltpro mediumcn', sans-serif;
  color: #210249;
  font-size: 16px;
  line-height: 14px;
}
.mapa-texto {
  padding-bottom: 45px;
  font-family: Avenirnextltpro, sans-serif;
  color: #9b9b9b;
  font-size: 16px;
}
.mapa-box {
  margin-bottom: 20px;
}
.mapa-box-left {
  display: inline-block;
}
.mapa-box-left.icon-blue {
  width: 50px;
  height: 50px;
  margin-right: 20px;
  background-image: url('../images/icon-lukkablue.png');
  background-size: 46px;
  background-repeat: no-repeat;
}
.mapa-box-left.icon-red {
  width: 50px;
  height: 50px;
  margin-right: 20px;
  background-image: url('../images/icon-lukkared.png');
  background-size: 46px;
  background-repeat: no-repeat;
}
.mapa-box-right {
  display: inline-block;
  float: none;
  font-family: Avenirnextltpro, sans-serif;
  color: #9b9b9b;
  font-size: 16px;
}
.mapa-right-box {
  height: 693px;
  background-image: url('../images/mapa-udem.jpg');
  background-position: 50% 0px;
  background-size: contain;
  background-repeat: no-repeat;
}
.mapa-right-titulo {
  font-family:'Avenirnextltpro mediumcn', sans-serif;
  color: #210049;
  font-size: 16px;
}
.mapa-right-boton {
  text-align: right;
}
.footer {
  padding: 50px 25px 80px 25px;
  clear: both;
  background-color: #fa2f73;
  background-image: url('../images/logo-vigilado.png'), url('../images/footer-cyan.png');;
  background-position: 20px 31px, 0px bottom;
  background-size: 11px, 1440px;
  background-repeat: no-repeat, no-repeat;
}
.footer-left {
  display: inline-block;
  width: 49%;
  padding-bottom: 65px;
  float: left;
}
.footer-right {
  display: inline-block;
  width: 49%;
  padding-bottom: 65px;
  float: right;
  clear: none;
}
.footer-buttons {
  padding-top: 35px;
}
.footer-buttons-titulo {
  font-family:'Avenirnextltpro mediumcn', sans-serif;
  color: white;
  font-size: 16px;
  text-align: center;
  text-transform:uppercase;
  letter-spacing:2px;
}
.apple-store {
  width: 49%;
  height: 60px;
  background-image: url('../images/btn-appstore.png');
  background-position: 90% 50%;
  background-size: 177px;
  background-repeat: no-repeat;
}
.googleplay {
  width: 49%;
  height: 60px;
  background-image: url('../images/btn-googleplay.png');
  background-position: 10px 50%;
  background-size: 179px;
  background-repeat: no-repeat;
}
.footer-contactanos-titulo {
  font-family:'Avenirnextltpro mediumcn', sans-serif;
  color: white;
  line-height: 16px;
  text-align: center;
  text-transform:uppercase;
  letter-spacing:2px;
}
.footer-contactos {
  padding-top: 35px;
}
.footer-contactos-box {
  display: inline-block;
  width: 32%;
}
.footer-contacto-icono {
  display:block;
  width: 100%;
  height: 75px;
  float: left;
}
.footer-contacto-icono.icon-chat {
  background-image: url('../images/icon-chat.png');
  background-position: 50% 0%;
  background-size: 70px;
  background-repeat: no-repeat;
}
.footer-contacto-icono.icon-phone {
  background-image: url('../images/icon-phone.png');
  background-position: 50% 0%;
  background-size: 70px;
  background-repeat: no-repeat;
}
.footer-contacto-icono.icon-mail {
  background-image: url('../images/icon-mail.png');
  background-position: 50% 0%;
  background-size: 70px;
  background-repeat: no-repeat;
}
.footer-contacto-textos {
  display: block;
  padding-top: 15px;
  text-align:center;
}
.footer-contacto-textos-titulo {
  font-family:'Avenirltstd medium', sans-serif;
  color: white;
  font-size: 14px;
  line-height: 22px;
  text-align:center;
}
.footer-contacto-textos-txt {
  font-family: Avenirnextltpro, sans-serif;
  font-size: 14px;
  line-height: 17px;
  color: white;
  letter-spacing:2px;
}
.footer-menu {
  padding-top: 12px;
  clear: both;
  border-top: 1px solid #dc1054;
}
.footer-menu-logo {
  width: 20%;
  height: 37px;
  float: left;
  background-image: url('../images/logowhite-lukka.png');
  background-position: 0px 50%;
  background-size: 73px;
  background-repeat: no-repeat;
}
.footer-menu-listabox {
  width: 75%;
  float: right;
}
.footer-menu-lista-item {
  padding-right: 20px;
  padding-left: 20px;
  float: left;
  font-family: Avenirnextltpro, sans-serif;
  color: white;
  font-size: 14px;
}
.login-top {
  padding-left: 50px;
}
.login-intro {
  padding-top: 130px;
  padding-bottom: 475px;
  padding-left: 50px;
}
.wrapper-login {
  display: block;
  margin-right: auto;
  margin-left: auto;
  background-position: 0px 100%, 100% 0px;
  background-size: 672px, 856px;
  background-repeat: no-repeat, no-repeat;
}
.login-top-frase {
  font-family:'Avenirnextltpro demi', sans-serif;
  color: #210049;
  font-size: 72px;
  line-height: 80px;
}
.login-top-frasedos {
  padding-bottom: 20px;
  font-family:'Avenirnextltpro mediumcn', sans-serif;
  color: #ff2f73;
  font-size: 16px;
  text-transform: uppercase;
}
.login-top-frasetres {
  padding-bottom: 50px;
  font-family:'Avenirnextltpro demi', sans-serif;
  color: #210049;
  font-size: 16px;
}
.login-form {
  width: 30%;
}
.login-form-input {
  height: 50px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  font-family: Avenirnextltpro, sans-serif;
  color: #717171;
  font-size: 14px;
}
.login-form-button {
  display: block;
  width: 330px;
  height: 60px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
  float: none;
  border-radius: 40px;
  background-color: #ff2f73;
  font-family:'Avenirnextltpro mediumcn', sans-serif;
  color: white;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.welcome-top {
  padding-top: 50px;
  padding-left: 50px;
}
.welcome-top-logo {
  width: 76px;
  height: 42px;
  margin-right: 35px;
  float: left;
  background-image: url('../images/logoblue-lukka.png');
  background-position: 50% 10%;
  background-size: 73px;
  background-repeat: no-repeat;
}
.welcome-top-left {
	float:left;
	width:30%;
}
.welcome-top-center {
	float:left;
	width:30%;
	text-align: left;
}
.welcome-top-right {
	float:right;
	width:30%;
	text-align: center;
}
.float-right {
	float:right;
}
.float-left {
	float:left;
}
.wrapper-welcome {
  display: block;
  width: 1440px;
  margin-right: auto;
  margin-left: auto;
  background-image: url('../images/rombo-grey.png'), url('../images/rombo-bigpurple.png'), url('../images/login-bkg.jpg');
  background-position: 0px 316px, 100% 0px, 0px 100%;
  background-size: 165px, 779px, 672px;
  background-repeat: no-repeat, no-repeat, no-repeat;
}
.welcome-intro {
  padding: 115px 50px 200px;
}
.welcome-intro-fraseuno {
  font-family:'Avenirnextltpro demi', sans-serif;
  color: #210049;
  font-size: 72px;
  line-height: 80px;
}
.welcome-intro-name {
  padding-bottom: 100px;
  font-family: Avenirnextltpro, sans-serif;
  color: #9b9b9b;
  font-size: 26px;
  line-height: 32px;
}
.welcome-intro-frasedos {
  padding-bottom: 35px;
  font-family:'Avenirnextltpro mediumcn', sans-serif;
  color: #ff2f73;
  font-size: 16px;
  line-height: 14px;
}
.welcome-intro-left {
  display: block;
  width: 50%;
  padding-bottom: 50px;
  float: left;
}
.welcome-intro-titulo {
  font-family:'Avenirnextltpro demi', sans-serif;
  color: #210049;
  font-size: 16px;
  line-height: 21px;
}
.welcome-intro-texto {
  font-family: Avenirnextltpro, sans-serif;
  color: #210049;
  font-size: 34px;
  line-height: 41px;
}
.welcome-intro-texto.mail {
  font-size: 26px;
  line-height: 31px;
}
.welcome-intro-mensaje {
  font-family: Avenirnextltpro, sans-serif;
  color: #717171;
  font-size: 14px;
  line-height: 18px;
}
.welcome-intro-separador {
  width: 20%;
  height: 2px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #42e5b3;
}
.welcome-intro-right {
  display: block;
  width: 35%;
  float: right;
}
.welcome-saldo-titulo {
  padding-bottom: 30px;
  font-family:'Avenirnextltpro mediumcn', sans-serif;
  font-size:32px;
  text-transform:uppercase;
  color: white;
}
.welcome-saldo-cifra {
  padding-bottom: 20px;
  font-family:'Avenirnextltpro demi', sans-serif;
  color: white;
  font-size: 72px;
  line-height: 50px;
  font-weight: 800;
}
.welcome-saldo-img {
  width: 330px;
  height: 90px;
  background-image: url('../images/ondas-saldo.png');
  background-position: 0px 0%;
  background-size: 330px;
  background-repeat: no-repeat;
}
.welcome-saldo-imgdos {
  width: 330px;
  height: 20px;
  background-image: url('../images/ondas-saldo.png');
  background-position: 0px 0%;
  background-size: 330px;
  background-repeat: no-repeat;
}
.wrapper-bloqueo {
  display: block;
  width: 1440px;
  margin-right: auto;
  margin-left: auto;
  background-color: #d8d8d8;
  background-image: url('../images/icon-bloqueo.png'), url('../images/rombo-red.png'), url('../images/bloqueo-bkg.png');
  background-position: 70% 25%, 100% 0%, 50% 100% ;
  background-size: 120px, 900px, 1426px;
  background-repeat: no-repeat
}
.wrapper-bloqueada {
  display: block;
  width: 1440px;
  margin-right: auto;
  margin-left: auto;
  background-color: #d8d8d8;
  background-image: url('../images/icon-cuentabloqueada.png'), url('../images/rombo-yellow.png'), url('../images/bloqueo-bkg.png');
  background-position: 70% 25%, 100% 0%, 50% 100% ;
  background-size: 120px, 900px, 1426px;
  background-repeat: no-repeat
}
.bloqueo-divisor {
  width: 220px;
  height: 70px;
  background-image: url('../images/ondas-purple.png');
  background-position: 50% 50%;
  background-size: 219px;
  background-repeat: no-repeat;
}
.bloqueo-intro {
  padding: 115px 50px 200px;
}
.bloqueo-intro-fraseuno {
  font-family:'Avenirnextltpro demi', sans-serif;
  color: #ff2f73;
  font-size: 72px;
  line-height: 80px;
  font-weight: 800;
}
.bloqueo-intro-fraseuno span {
  color: #210049;
}
.bloqueo-intro-frasedos {
  padding-bottom: 55px;
  font-family: Avenirnextltpro, sans-serif;
  color: #717171;
  font-size: 14px;
  line-height: 18px;
}
.bloqueo-intro-frasetres {
  padding-bottom: 40px;
  font-family:'Avenirnextltpro mediumcn', sans-serif;
  color: #210049;
  font-size: 16px;
  line-height: 14px;
}
.bloqueo-intro-titulo {
  font-family:'Avenirnextltpro demi', sans-serif;
  color: #E02A67;
  font-size: 16px;
  line-height: 19px;
}
.bloqueo-intro-titulo span {
  color: #9B9B9B;
}
.bloqueo-intro-texto {
  padding-bottom: 30px;
  font-family: Avenirnextltpro, sans-serif;
  color: #717171;
  font-size: 34px;
  line-height: 41px;
}
.bloqueo-intro-texto.mail {
  font-size: 26px;
}
.bloqueo-confirmacion {
  display: block;
  width: 25%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  border-top: 1px solid #ff2f73;
  float:left;
  clear:both;

}
.bloqueo-confirmacion-frase {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 40px;
  font-family: Avenirnextltpro, sans-serif;
  color: #210049;
  font-size: 26px;
  line-height: 32px;
  text-align: center;
}
.bloqueo-confirmacion-boton {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  padding:20px;
}
.bloqueo-confirmacion-boton a {
  font-family: Avenirnextltpro, sans-serif;
  color: #210049;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}
.wrapper-preguntas {
  display: block;
  width: 1440px;
  margin-right: auto;
  margin-left: auto;
  background-image: url('../images/rombo-biggrey-right.png'), url('../images/rombo-grey.png'), url('../images/login-bkg.jpg');
  background-position: 100% 0px, 0px 306px, 0px 100%;
  background-size: 855px, 165px, 672px;
  background-repeat: no-repeat, no-repeat, no-repeat;
}
.preguntas-intro {
  padding: 140px 50px 100px;
}
.preguntas-intro-fraseuno {
  font-family:'Avenirnextltpro demi', sans-serif;
  color: #210049;
  font-size: 72px;
  line-height: 60px;
  font-weight: 800;
}
.preguntas-intro-frase {
  padding-bottom: 45px;
  font-family:'Avenirnextltpro mediumcn', sans-serif;
  color: #9b9b9b;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 2px;
}
.preguntas-acordion {
  padding-right: 45px;
  padding-left: 45px;
}
.preguntas-closed {
  padding: 25px 40px;
  border-bottom: 1px solid #ff2f73;
  background-image: url('../images/plus.svg');
  background-position: 96% 50%;
  background-repeat: no-repeat;
  font-family:'Avenirnextltpro demi', sans-serif;
  color: #210049;
  font-size: 26px;
  line-height: 30px;
}
.preguntas-destacado {
  padding-top: 130px;
  padding-bottom: 100px;
}
.preguntas-open {
  padding: 25px 40px;
  background-color: rgba(255, 47, 115, 0.85);
  background-image: url('../images/minus.svg');
  background-position: 96% 50%;
  background-repeat: no-repeat;
  font-family:'Avenirnextltpro demi', sans-serif;
  color: white;
  font-size: 26px;
  line-height: 30px;
}
.preguntas-openbox {
  padding-right: 38px;
  padding-left: 38px;
  border-bottom: 5px solid #ff2f73;
  background-color: rgba(244, 244, 244, 0.49);
}
.preguntas-openbox-item {
  padding: 25px 10px;
  border-bottom: 1px solid #717171;
}
.preguntas-openbox-item.noborder {
  border-bottom: 0px none transparent;
}
.preguntas-openbox-titulo {
  font-family: Avenirnextltpro, sans-serif;
  color: #210049;
  font-size: 16px;
  line-height: 28px;
}
.preguntas-openbox-texto {
  font-family: Avenirnextltpro, sans-serif;
  color: #717171;
  font-size: 14px;
  line-height: 24px;
}
.wrapper-merchant {
  display: block;
  width: 1440px;
  margin-right: auto;
  margin-left: auto;
  background-image: url('../images/login-bkg.jpg'), url('../images/rombo-yellow.jpg');
  background-position: 0px 100%, 100% 0px;
  background-size: 672px, 856px;
  background-repeat: no-repeat, no-repeat;
}
.wrapper-terminos {
  display: block;
  width: 1440px;
  margin-right: auto;
  margin-left: auto;
  background-image: url('../images/rombo-biggrey.png'), url('../images/rombo-grey.png');
  background-position: 0px 100%, 0px 296px;
  background-size: 666px, 165px;
  background-repeat: no-repeat, no-repeat;
}
.terminos-box {
  padding-right: 50px;
  padding-bottom: 100px;
  padding-left: 50px;
}
.terminos-box-texto {
  font-family: Avenirnextltpro, sans-serif;
  color: black;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
@media (max-width: 1366px) {
  .wrapper-general {
    width: 100%;
    background-size: 125px, 700px;
  }
.features {
  background-position: 0% 100%;
  background-size: 600px;
}
.feature-frase {
  font-size: 32px;
  line-height: 36px;
  padding-top: 80px;
}
.features-pagar {
  width: 400px;
}
.features-pedir {
  width: 400px;
}
.features-enviarplata {
  width: 400px;
  padding-bottom: 40px;
}
.features-picture {
  height: 398px;
  background-position: 50% 0px;
  background-size: 455px;
}
.features-right {
  width: 800px;
}
.features-ondas {
  width: 60%;
}
.features-destacado {
  padding: 25px 60px 25px 30px;
}
.features-destacado-img {
  left: 600px;
}
.benefits-box {
  background-position: 32% 50%;
}
.benefits-titulo {
  font-size: 14px;
  line-height: 20px;
}
.benefits-texto {
  font-size: 14px;
}
.timeline-box-centerleft {
  width: 110px;
}
.timeline-box-centerright {
  width: 1100px;
}
.timeline-box-diagonal-up {
  background-position: 80% 0px, 45% 0px, 115px 0px;
}
.timeline-box-lineppal {
  background-size: 1000px;
}
.timeline-box-diagonal-down {
  background-position: 86% 0px, 63% 0px, 39% 0px, 175px 0px;
}
.wrapper-login {
  width: 100%;
  background-position: 0px 100%, 100% 0px;
  background-size: 672px, 800px;
  background-repeat: no-repeat, no-repeat;
}
.wrapper-welcome {
  width: 100%;
  background-image: url('../images/rombo-grey.png'), url('../images/rombo-bigpurple.png'), url('../images/login-bkg.jpg');
  background-position: 0px 316px, 130% -100px, 0px 100%;
  background-size: 165px, 950px, 672px;
  background-repeat: no-repeat, no-repeat, no-repeat;
}
.wrapper-bloqueo {
  width: 100%;
  background-image: url('../images/icon-bloqueo.png'), url('../images/rombo-red.png'), url('../images/bloqueo-bkg.png');
  background-position: 75% 23%, 100% 0%, 50% 100% ;
  background-size: 90px, 750px, 1426px;
  background-repeat: no-repeat
}
.wrapper-bloqueada {
  width: 100%;
  background-image: url('../images/icon-cuentabloqueada.png'), url('../images/rombo-yellow.png'), url('../images/bloqueo-bkg.png');
  background-position: 75% 23%, 100% 0%, 50% 100% ;
  background-size: 90px, 750px, 1426px;
  background-repeat: no-repeat
}
.wrapper-merchant {
  width: 100%;
  background-image: url('../images/login-bkg.jpg'), url('../images/rombo-yellow.jpg');
  background-position: 0px 100%, 100% 0px;
  background-size: 652px, 800px;
  background-repeat: no-repeat, no-repeat;
}
.wrapper-preguntas {
  width: 100%;
  background-image: url('../images/rombo-biggrey-right.png'), url('../images/rombo-grey.png'), url('../images/login-bkg.jpg');
  background-position: 100% 0px, 0px 306px, 0px 100%;
  background-size: 655px, 165px, 672px;
  background-repeat: no-repeat, no-repeat, no-repeat;
}
.wrapper-terminos {
  width: 100%;
  background-image: url('../images/rombo-biggrey.png'), url('../images/rombo-grey.png');
  background-position: 0px 100%, 0px 296px;
  background-size: 666px, 165px;
  background-repeat: no-repeat, no-repeat;
}

}

@media (max-width: 1280px) {
  .wrapper-general {
    width: 100%;
    background-size: 125px, 700px;
  }
.features {
  background-position: 0% 100%;
  background-size: 572px;
}
.feature-frase {
  font-size: 28px;
  line-height: 32px;
}
.features-pagar {
  width: 370px;
}
.features-pedir {
  width: 370px;
}
.features-enviarplata {
  width: 370px;
  padding-bottom: 40px;
}
.features-picture {
  height: 398px;
  background-position: 50% 0px;
  background-size: 455px;
}
.features-right {
  width: 740px;
}
.features-ondas {
  width: 57.5%;
}
.features-destacado {
  padding: 25px 60px 25px 20px;
}
.features-destacado-img {
  left: 580px;
}
.benefits-box {
  background-position: 32% 50%;
}
.benefits-titulo {
  font-size: 14px;
  line-height: 20px;
}
.benefits-texto {
  font-size: 14px;
}
.timeline-box-centerleft {
  width: 100px;
}
.timeline-box-centerright {
  width: 1000px;
}
.timeline-box-diagonal-up {
  background-position: 85% 0px, 50% 0px, 115px 0px;
}
.timeline-box-lineppal {
  background-size: 1000px;
}
.timeline-box-diagonal-down {
  background-position: 91% 0px, 67% 0px, 43% 0px, 189px 0px;
}
.wrapper-login {
  width: 100%;
  background-position: 0px 100%, 100% 0px;
  background-size: 672px, 700px;
  background-repeat: no-repeat, no-repeat;
}
.wrapper-welcome {
  width: 100%;
  background-image: url('../images/rombo-grey.png'), url('../images/rombo-bigpurple.png'), url('../images/login-bkg.jpg');
  background-position: 0px 316px, 135% -75px, 0px 100%;
  background-size: 165px, 920px, 672px;
  background-repeat: no-repeat, no-repeat, no-repeat;
}
.wrapper-bloqueo {
  width: 100%;
  background-image: url('../images/icon-bloqueo.png'), url('../images/rombo-red.png'), url('../images/bloqueo-bkg.png');
  background-position: 82% 18%, 100% 0%, 50% 100% ;
  background-size: 90px, 600px, 1426px;
  background-repeat: no-repeat
}
.wrapper-bloqueada {
  width: 100%;
  background-image: url('../images/icon-cuentabloqueada.png'), url('../images/rombo-yellow.png'), url('../images/bloqueo-bkg.png');
  background-position: 82% 18%, 100% 0%, 50% 100% ;
  background-size: 90px, 600px, 1426px;
  background-repeat: no-repeat
}
.wrapper-merchant {
  width: 100%;
  background-image: url('../images/login-bkg.jpg'), url('../images/rombo-yellow.jpg');
  background-position: 0px 100%, 100% 0px;
  background-size: 652px, 700px;
  background-repeat: no-repeat, no-repeat;
}
.wrapper-preguntas {
  width: 100%;
  background-image: url('../images/rombo-biggrey-right.png'), url('../images/rombo-grey.png'), url('../images/login-bkg.jpg');
  background-position: 100% 0px, 0px 306px, 0px 100%;
  background-size: 605px, 165px, 672px;
  background-repeat: no-repeat, no-repeat, no-repeat;
}
.wrapper-terminos {
  width: 100%;
  background-image: url('../images/rombo-biggrey.png'), url('../images/rombo-grey.png');
  background-position: 0px 100%, 0px 296px;
  background-size: 566px, 115px;
  background-repeat: no-repeat, no-repeat;
}
}
@media (max-width: 1024px) {
  .wrapper-general {
    width: 100%;
    background-size: 125px, 550px;
  }
.top-left {
  width: 60%;
}
.top-right {
  width: 35%;
}
.top-intro-frasedos {
  font-size: 60px;
  line-height: 72px;
}
.features {
  height: 650px;
  background-position: 0% 100%;
  background-size: 472px;
}
.feature-frase {
  font-size: 24px;
  line-height: 30px;
  padding-top: 80px;
}
.features-pagar {
  width: 300px;
  padding:50px 10px 50px 10px;
}
.features-pedir {
  width: 300px;
  padding:50px 10px 50px 10px;
}
.features-enviarplata {
  width: 300px;
  padding:35px 10px 42px 10px;
}
.features-texto {
	font-size:14px;
	line-height:16px
}
.features-picture {
  height: 305px;
  background-position: 50% 0px;
  background-size: 355px;
}
.features-right {
  width: 600px;
}
.features-ondas {
  width: 59%;
  margin-top:0px;
}
.features-destacado {
  top: 520px;
  left: -10px;
  padding: 25px 30px 25px 10px;
}
.features-destacado-img {
  left: 480px;
  top: 560px;
  background-size: 79px;
}
.benefits-box {
  background-position: 34% 50%;
}
.benefits-titulo {
  font-size: 12px;
  line-height: 16px;
}
.benefits-texto {
  font-size: 12px;
  line-height: 16px;
}
.timeline-box-centerleft {
  width: 90px;
}
.timeline-box-centerright {
  width: 865px;
}
.timeline-box-diagonal-up {
  background-position: 80% 0px, 47% 0px, 115px 0px;
}
.timeline-box-lineppal {
  background-size: 1000px;
}
.timeline-box-diagonal-down {
  background-position: 83% 0px, 63% 0px, 43% 0px, 189px 0px;
}
.tools-frase {
  background-position: 75% 50%, 25% 50%;
  background-size: 103px, 103px;
  font-size: 24px;
  line-height: 30px;
}
.mapa-left {
  display: inline-block;
  width: 35%;
  padding-top: 135px;
  float: left;
}
.mapa-right {
  display: inline-block;
  width: 60%;
  float: right;
}
.mapa-right-box{
	height:500px;
}
.footer-menu-logo {
  width: 10%;
}
.footer-menu-listabox {
  width: 88%;
  float: right;
}
.wrapper-login {
  width: 100%;
  background-position: 0px 100%, 100% 0px;
  background-size: 622px, 600px;
  background-repeat: no-repeat, no-repeat;
}
.wrapper-welcome {
  width: 100%;
  background-image: url('../images/rombo-grey.png'), url('../images/rombo-bigpurple.png'), url('../images/login-bkg.jpg');
  background-position: 0px 316px, 185% -10px, 0px 100%;
  background-size: 165px, 800px, 672px;
  background-repeat: no-repeat, no-repeat, no-repeat;
}
.welcome-top-left {
	float:left;
	width:33%;
}
.welcome-top-center {
	float:left;
	width:35%;
	text-align: left;
}
.welcome-top-right {
	float:right;
	width:25%;
	text-align: center;
}
.welcome-saldo-titulo {
  padding-top: 10px;
  font-size:28px;
}
.welcome-saldo-cifra {
  font-size: 60px;
}
.wrapper-bloqueo {
  width: 100%;
  background-image: url('../images/icon-bloqueo.png'), url('../images/rombo-red.png'), url('../images/bloqueo-bkg.png');
  background-position: 88% 10%, 100% 0%, 50% 100% ;
  background-size: 70px, 350px, 1100px;
  background-repeat: no-repeat
}
.bloqueo-confirmacion {
  width: 43%;
}
.wrapper-bloqueada {
  width: 100%;
  background-image: url('../images/icon-cuentabloqueada.png'), url('../images/rombo-yellow.png'), url('../images/bloqueo-bkg.png');
  background-position: 88% 10%, 100% 0%, 50% 100% ;
  background-size: 65px, 300px, 1100px;
  background-repeat: no-repeat
}
.wrapper-merchant {
  width: 100%;
  background-image: url('../images/login-bkg.jpg'), url('../images/rombo-yellow.jpg');
  background-position: 0px 100%, 100% 0px;
  background-size: 600px, 500px;
  background-repeat: no-repeat, no-repeat;
}
.wrapper-preguntas {
  width: 100%;
  background-image: url('../images/rombo-biggrey-right.png'), url('../images/rombo-grey.png'), url('../images/login-bkg.jpg');
  background-position: 100% 0px, 0px 306px, 0px 100%;
  background-size: 455px, 125px, 672px;
  background-repeat: no-repeat, no-repeat, no-repeat;
}
.wrapper-terminos {
  width: 100%;
  background-image: url('../images/rombo-biggrey.png'), url('../images/rombo-grey.png');
  background-position: 0px 100%, 0px 296px;
  background-size: 466px, 125px;
  background-repeat: no-repeat, no-repeat;
}
}

@media (max-width: 991px) {
  .wrapper-general {
    width: 100%;
    background-size: 125px, 400px;
  }
  .top {
    padding-top: 25px;
  }
.top-right {
    width: 31%;
}
  .top-left {
    width: 59%;
    padding-left: 25px;
  }
  .top-logo {
    height: 42px;
  }
  .top-menu-item.border {
    padding-right: 15px;
    padding-left: 0px;
  }
  .top-intro {
    padding-top: 75px;
    padding-right: 25px;
    padding-left: 25px;
  }
  .top-intro-frasedos {
    font-size: 62px;
    line-height: 65px;
  }
  .top-intro-divisor {
    width: 200px;
    height: 50px;
  }
  .top-intro-frasetres {
    width: 75%;
    font-size: 24px;
    line-height: 30px;
  }
  .features {
    height: 1050px;
    padding-right: 25px;
    padding-left: 25px;
    background-size: 550px;
    background-position: 0% 0%;
  }
  .feature-frase {
    width: 100%;
    padding-top: 50px;
    clear: both;
  }
  .features-box {
    top: -141px;
    float: none;
    clear: both;
  }
  .features-pagar {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .features-pedir {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .features-enviarplata {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 20px;
  }
  .features-picture {
    height: 328px;
    background-size: cover;
  }
  .features-right {
    width: 100%;
    margin-top: 100px;
    float: none;
  }
  .features-ondas {
    left: 200px;
    display: block;
    margin-right: auto;
    margin-left: auto;
	margin-top:-45px;
  }
  .features-destacado {
    left: 145px;
    top: 480px;
  }
  .features-destacado-img {
    left: 635px;
    top: 520px;
  }
  .benefits {
    padding-top: 25px;
  }
  .benefits-column {
    padding-right: 3px;
    padding-left: 3px;
  }
  .benefits-box {
    padding: 5px;
    background-position: 35% 50%;
  }
  .benefits-titulo {
    width: 43%;
    float: left;
    font-size: 11px;
    line-height: 16px;
  }
  .benefits-texto {
    width: 55%;
    font-size: 12px;
    line-height: 16px;
  }
  .timeline {
    padding-top: 75px;
    background-size: 333px;
  }
  .timeline-box {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .timeline-box-top {
    padding-left: 85px;
  }
  .timeline-box-topcolumn {
    padding-right: 5px;
    padding-left: 5px;
  }
  .timeline-box-centerleft {
    width: 12%;
  }
  .timeline-box-centerright {
    width: 87%;
  }
  .timeline-box-diagonal-up {
    background-position: 74% 0px, 38% 0px, 12px 0px;
  }
  .timeline-box-lineppal {
    background-size: contain;
  }
  .timeline-box-diagonal-down {
    background-position: 78% 0px, 53% 0px, 28% 0px, 28px 0px;
  }
  .timeline-box-bottom {
    padding-left: 150px;
  }
  .tools {
    padding-top: 50px;
  }
  .tools-frase {
    background-position: 85% 50%, 15% 50%;
  }
  .tools-box {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .tools-titulo {
    padding-top: 30px;
    padding-bottom: 15px;
  }
  .mapa {
    padding: 50px 25px;
	background-image:none;
  }
  .mapa-left {
    width: 100%;
    padding-top: 0px;
    float: none;
  }
  .mapa-right {
    width: 100%;
  }
  .mapa-texto {
    padding-bottom: 22px;
  }
  .mapa-box {
    width: 49%;
    margin-bottom: 40px;
    float: left;
  }
  .mapa-right-box {
    height: 650px;
    float: none;
    background-size: contain;
  }
  .footer {
    padding-top: 25px;
    padding-bottom: 125px;
  }
  .footer-left {
    display: block;
    width: 100%;
    padding-bottom: 45px;
  }
  .footer-right {
    display: block;
    width: 100%;
    padding-bottom: 25px;
    float: none;
  }
  .footer-menu-logo {
    width: 9%;
  }
  .footer-menu-listabox {
    width: 90%;
	padding-top:10px;
  }
  .footer-menu-lista-item {
    padding-right: 10px;
    padding-left: 0px;
  }
  .login-top {
    padding-left: 25px;
  }
  .login-intro {
    padding-top: 37px;
    padding-bottom: 235px;
    padding-left: 25px;
  }
  .wrapper-login {
    width: 100%;
    background-size: 572px, 430px;
  }
  .login-top-frase {
    display: block;
    padding-top: 20px;
    clear: both;
    font-size: 62px;
    line-height: 65px;
  }
  .login-form {
    width: 50%;
  }
  .welcome-top {
    padding-top: 25px;
    padding-left: 25px;
  }
  .wrapper-welcome {
    width: 100%;
    background-position: 0px 175px, 120% -60px, 0px 100%;
    background-size: 165px, 600px, 672px;
  }
  .welcome-intro {
    padding: 60px 25px 100px;
    clear: both;
  }
  .welcome-intro-fraseuno {
    font-size: 62px;
    line-height: 65px;
  }
  .welcome-intro-name {
    padding-bottom: 50px;
  }
  .welcome-intro-right {
    margin-top: -10px;
  }
  .welcome-saldo-titulo {
    font-size: 20px;
	padding-bottom:10px;
  }
  .welcome-saldo-cifra {
    padding-bottom: 10px;
    font-size: 60px;
    line-height: 65px;
  }
  .welcome-saldo-img {
    width: 75%;
    background-size: contain;
  }
.welcome-saldo-imgdos {
    width: 75%;
    height: 15px;
    background-size: 250px;
}
  .wrapper-bloqueo {
    width: 100%;
  }
  .bloqueo-intro {
    padding: 65px 25px 100px;
  }
  .bloqueo-intro-fraseuno {
    font-size: 62px;
    line-height: 65px;
  }
  .bloqueo-confirmacion {
    width: 45%;
    padding-top: 10px;
  }
  .bloqueo-confirmacion-frase {
    font-size: 24px;
    line-height: 28px;
  }
  .bloqueo-confirmacion-boton {
    width: 100%;
    text-align: center;
  }
  .wrapper-preguntas {
    width: 100%;
    background-position: 100% 0px, 0px 272px, 0px 100%;
    background-size: 455px, 125px, 672px;
  }
  .preguntas-intro {
    padding: 70px 25px 50px;
  }
  .preguntas-intro-fraseuno {
    font-size: 62px;
    line-height: 65px;
  }
  .preguntas-acordion {
    padding-right: 25px;
    padding-left: 25px;
  }
  .preguntas-closed {
    padding: 15px 20px;
  }
  .preguntas-destacado {
    padding-top: 65px;
    padding-bottom: 50px;
  }
  .preguntas-open {
    padding: 15px 20px;
  }
  .preguntas-openbox {
    padding-right: 20px;
    padding-left: 20px;
  }
  .preguntas-openbox-item {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .wrapper-merchant {
    width: 100%;
    background-size: 572px, 430px;
  }
  .wrapper-terminos {
    width: 100%;
    background-size: 466px, 165px;
  }
  .terminos-box {
    padding-right: 25px;
    padding-bottom: 50px;
    padding-left: 25px;
  }
}
@media (max-width: 767px) {
  .button.boton-bloquear {
    display: inline-block;
    margin-top: 20px;
  }
  .wrapper-general {
    background-size: 125px, 300px;
  }
  .top-left {
    display: block;
    width: 100%;
    padding-bottom: 25px;
  }
  .top-logo {
    height: 22px;
  }
  .top-menu {
    width: 100%;
	clear:both;
	padding-top:10px;
  }
  .top-menu-item {
    padding-left: 25px;
  }
  .top-right {
    display: block;
    width: 100%;
    text-align: left;
	padding-top:10px;
  }
  .top-intro {
    padding-top: 40px;
  }
  .top-intro-frasedos {
    font-size: 52px;
    line-height: 55px;
  }
  .top-intro-divisor {
    width: 180px;
  }
  .features {
    height: 1000px;
    background-size: 450px;
  }
  .feature-frase {
    padding-top: 25px;
    font-size: 28px;
    line-height: 36px;
  }
  .features-box {
    top: -104px;
    overflow-x: auto;
    overflow-y: auto;
  }
  .features-pagar {
    padding: 25px 10px;
  }
  .features-pagar-icon {
    height: 40px;
    background-size: contain;
  }
  .features-titulo {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .features-texto {
    font-size: 14px;
    line-height: 20px;
  }
  .features-pedir {
    padding: 40px 10px 50px 10px;
  }
  .features-pedir-icon {
    height: 40px;
    background-size: contain;
  }
  .features-enviarplata {
    padding: 25px 10px 10px;
  }
  .features-enviarplata-icon {
    height: 40px;
    background-size: contain;
  }
  .features-picture {
    height: 262px;
  }
  .features-right {
    margin-top: 100px;
  }
  .features-ondas {
	margin-top: -5px;
    left: 157px;
    height: 46px;
    background-size: contain;
  }
  .features-destacado {
    left: 13px;
	text-align:center;
    top: 375px;
    width: 95%;
    padding: 15px;
  }
  .features-destacado-frase {
    font-size: 13px;
  }
  .features-destacado-smile {
    margin-left: 10px;
  }
  .features-destacado-img {
    left: 556px;
    top: 439px;
    width: 60px;
    height: 60px;
    background-size: contain;
  }
  .benefits {
    padding-top: 0px;
  }
  .benefits-frase {
    padding-top: 15px;
    font-size: 22px;
    line-height: 28px;
  }
  .benefits-box {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px;
  }
  .benefits-titulo {
    width: 45%;
    padding-top: 0px;
    font-size: 14px;
  }
  .benefits-texto {
    width: 55%;
    font-size: 14px;
  }
  .timeline {
    background-size: 250px;
  }
  .timeline-box {
    padding-bottom: 10px;
  }
  .timeline-box-top {
    width: 30%;
    padding-left: 20px;
    float: left;
  }
  .timeline-box-topcolumn {
    padding-right: 10px;
    padding-left: 10px;
  }
  .timeline-date {
    padding-top: 29px;
    padding-bottom: 29px;
  }
  .timeline-box-center {
    display: inline-block;
    width: 35%;
    float: left;
  }
  .timeline-box-centerleft {
    width: 100%;
    height: 30px;
  }
  .timeline-box-bottom {
    width: 30%;
    padding-top: 180px;
    padding-left: 0px;
    float: left;
  }
  .tools-frase {
    background-position: 98% 50%, 13px 50%;
    font-size: 22px;
    line-height: 28px;
  }
  .tools-icon {
    width: 120px;
    height: 120px;
  }
  .tools-icon.icon-metas {
    background-size: contain;
  }
  .tools-icon.icon-bolsillos {
    background-size: contain;
  }
  .tools-icon.icon-guardadito {
    background-size: contain;
  }
  .tools-texto {
    padding-bottom: 25px;
  }
  .tools-titulo {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .mapa {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .mapa-right-box {
    height: 470px;
  }
  .footer-contactos {
    padding-top: 20px;
  }
  .footer-contacto-icono.icon-chat {
    background-size: contain;
  }
  .footer-contacto-icono.icon-phone {
    background-size: contain;
  }
  .footer-contacto-icono.icon-mail {
    background-size: contain;
  }
  .footer-menu-logo {
    width: 100%;
    height: 57px;
    float: none;
  }
  .footer-menu-listabox {
    width: 100%;
    float: none;
  }
  .footer-menu-lista-item {
    font-size: 13px;
    line-height: 18px;
	float:left;
  }
  .login-intro {
    padding-top: 50px;
    padding-bottom: 200px;
  }
  .wrapper-login {
    background-position: 0% 100%, 100% 0px;
    background-size: 600px, 300px;
  }
  .login-top-frase {
    padding-top: 0px;
    font-size: 52px;
    line-height: 55px;
  }
  .login-top-frasetres {
    padding-bottom: 25px;
  }
  .login-form {
    width: 60%;
  }
  .wrapper-welcome {
    background-position: 0px 166px, 150% -25px, 0px 100%;
    background-size: 165px, 550px, 672px;
  }
.welcome-top-left {
	float:none;
	width:100%;
}
.welcome-top-center {
	float:left;
	width:50%;
	text-align: left;
	padding-top:20px;
}
.welcome-top-right {
	float:right;
	width:40%;
	text-align: center;
}
  .welcome-intro {
    padding-bottom: 75px;
  }
  .welcome-intro-fraseuno {
    font-size: 50px;
    line-height: 55px;
  }
  .welcome-intro-name {
    padding-bottom: 25px;
    font-size: 21px;
  }
  .welcome-intro-texto {
    font-size: 28px;
    line-height: 36px;
  }
  .welcome-intro-texto.mail {
    font-size: 21px;
    line-height: 28px;
  }
  .welcome-intro-right {
    margin-top: -60px;
  }
  .welcome-saldo-titulo {
    font-size: 18px;
	padding-bottom:5px;
  }
  .welcome-saldo-cifra {
    padding-bottom: 5px;
    font-size: 40px;
    line-height: 45px;
  }
  .welcome-saldo-img {
    width: 65%;
    background-size: contain;
  }
  .welcome-saldo-imgdos {
    width: 65%;
    height: 10px;
    background-size: 170px;
  }
.wrapper-bloqueo {
  width: 100%;
  background-image: url('../images/icon-bloqueo.png'), url('../images/rombo-red.png'), url('../images/bloqueo-bkg.png');
  background-position: 87% 8%, 100% 0%, 50% 100% ;
  background-size: 55px, 280px, 1100px;
  background-repeat: no-repeat
}
.wrapper-bloqueada {
  width: 100%;
  background-image: url('../images/icon-cuentabloqueada.png'), url('../images/rombo-yellow.png'), url('../images/bloqueo-bkg.png');
  background-position: 87% 8.5%, 100% 0%, 50% 100% ;
  background-size: 45px, 230px, 1100px;
  background-repeat: no-repeat
}


  .bloqueo-intro {
    padding-top: 35px;
    padding-bottom: 50px;
  }
  .bloqueo-intro-fraseuno {
    font-size: 52px;
    line-height: 55px;
  }
  .bloqueo-intro-texto {
    font-size: 28px;
    line-height: 36px;
  }
  .bloqueo-intro-texto.mail {
    font-size: 21px;
    line-height: 28px;
  }
  .bloqueo-confirmacion {
	  width:55%;
  }
  .bloqueo-confirmacion-frase {
    font-size: 21px;
    line-height: 24px;
  }
  .timeline-box-lines {
    width: 100%;
    height: 650px;
    background-image: url('../images/diagonal-rightline.png'), url('../images/diagonal-rightline.png'), url('../images/diagonal-rightline.png'), url('../images/diagonal-rightline.png'), url('../images/diagonal-leftline.png'), url('../images/diagonal-leftline.png'), url('../images/diagonal-leftline.png'), url('../images/line-straigh-vertical.png');
    background-position: 100% 84%, 100% 60%, 100% 38%, 100% 106px, 0% 44%, 0% 22%, 0px 23px, 50% 0px;
    background-size: 91px, 91px, 91px, 91px, 91px, 91px, 91px, auto;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  }
  .wrapper-preguntas {
    background-position: 100% 0px, 0px 255px, 0px 100%;
    background-size: 300px, 125px, 672px;
  }
  .preguntas-intro {
    padding-top: 35px;
    padding-bottom: 25px;
  }
  .preguntas-intro-fraseuno {
    font-size: 50px;
    line-height: 55px;
  }
  .preguntas-intro-frase {
    padding-bottom: 30px;
    font-size: 14px;
    line-height: 18px;
  }
  .preguntas-closed {
    font-size: 22px;
    line-height: 24px;
  }
  .preguntas-destacado {
    padding-top: 45px;
    padding-bottom: 30px;
  }
  .preguntas-open {
    font-size: 22px;
    line-height: 24px;
  }
  .preguntas-openbox {
    padding-right: 15px;
    padding-left: 15px;
  }
  .preguntas-openbox-titulo {
    font-size: 15px;
    line-height: 24px;
  }
  .wrapper-merchant {
    background-size: 572px, 300px;
  }
  .wrapper-terminos {
    background-size: 366px, 165px;
  }
}
@media (max-width: 479px) {
  .button.top-intro-boton {
    padding-right: 86px;
    padding-left: 86px;
  }
  .button.boton-cancelarbloqueo {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .wrapper-general {
    width: 100%;
    background-size: 125px, 200px;
  }
  .top-left {
    width: 100%;
    padding-bottom: 20px;
    padding-left: 10px;
  }
  .top-right {
    padding-top: 20px;
  }
  .top-logo {
    width: 50%;
    margin-bottom: 10px;
    clear: both;
    background-position: 0px 50%;
  }
  .top-menu {
    display: block;
    clear: both;
  }
  .top-menu-item {
    display: block;
    padding-top: 15px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .top-menu-item.border {
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 15px;
    border-right-style: none;
  }
  .top-intro {
    padding-right: 10px;
    padding-left: 10px;
  }
  .top-intro-frasedos {
    font-size: 36px;
    line-height: 40px;
  }
  .top-intro-divisor {
    width: 120px;
  }
  .top-intro-frasetres {
    width: 100%;
    padding-bottom: 25px;
    font-size: 20px;
    line-height: 26px;
  }
  .features {
    height: 1450px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .feature-frase {
    font-size: 24px;
    line-height: 28px;
  }
  .features-box {
    top: -137px;
  }
  .features-box-left {
    width: 100%;
    float: none;
  }
  .features-box-right {
    width: 100%;
    float: none;
  }
  .features-pagar {
    padding-top: 35px;
    border-top-right-radius: 10px;
  }
  .features-sep-white {
    height: 30px;
  }
  .features-pedir {
    padding-top: 35px;
    border-bottom-left-radius: 0px;
  }
  .features-enviarplata {
    padding-top: 35px;
    border-top-right-radius: 0px;
  }
  .features-sep-blue {
    height: 30px;
  }
  .features-picture {
    border-bottom-left-radius: 10px;
  }
  .features-right {
    margin-top: 100px;
  }
  .features-ondas {
	margin-top:0px;
    left: 70px;
  }
  .features-destacado {
    left: 8px;
    top: 796px;
    text-align: center;
  }
  .features-destacado-frase {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 16px;
  }
  .features-destacado-smile {
    margin-left: 0px;
  }
  .features-destacado-img {
    left: 120px;
    top: 939px;
  }
  .benefits {
    padding-right: 10px;
    padding-left: 10px;
  }
  .benefits-box {
    padding: 10px;
    background-position: 37% 50%;
  }
  .benefits-titulo {
    width: 40%;
    margin-right: 10px;
    padding-top: 10px;
  }
  .benefits-texto {
    width: 55%;
  }
  .timeline {
    padding-top: 40px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .timeline-review {
    width: 95%;
    padding: 10px;
  }
  .timeline-review-pic {
    float: left;
  }
  .timeline-review-textos {
    width: 75%;
    padding-left: 10px;
    float: left;
  }
  .timeline-review-txt {
    font-size: 14px;
    line-height: 18px;
  }
  .timeline-box-top {
    padding-left: 0px;
  }
  .tools {
    padding-top: 25px;
  }
  .tools-frase {
    background-image: none;
    background-position: 0% 0%;
    background-size: auto;
    background-repeat: repeat;
    font-size: 20px;
    line-height: 24px;
  }
  .tools-icon {
    width: 80px;
    height: 80px;
  }
  .tools-texto {
    font-size: 14px;
    line-height: 18px;
  }
  .mapa {
    padding-right: 10px;
    padding-left: 10px;
  }
  .mapa-texto {
    font-size: 14px;
    line-height: 18px;
  }
  .mapa-box-right {
    font-size: 14px;
    line-height: 18px;
  }
  .mapa-right-box {
    height: 370px;
  }
  .mapa-right-titulo {
    padding-bottom: 20px;
    text-align: center;
  }
  .mapa-right-boton {
    text-align: center;
  }
  .footer {
    padding-left: 10px;
  }
  .footer-left {
    padding-bottom: 20px;
  }
  .apple-store {
    display: block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    background-position: 50% 50%;
    text-align: center;
  }
  .googleplay {
    width: 100%;
    background-position: 50% 50%;
    text-align: center;
  }
  .footer-contactos-box {
    display: block;
    width: 100%;
    margin-top: 10px;
  }
  .footer-contacto-icono {
    width: 100%;
    height: 50px;
	clear:both;
  }
  .footer-contacto-textos {
    padding-top: 6px;
    padding-left: 15px;
	clear:both;
  }
  .login-top {
    padding-left: 10px;
  }
  .login-intro {
    padding: 20px 10px 100px;
  }
  .wrapper-login {
    background-position: 50% 50%, 100% 0px;
    background-size: contain, 180px;
  }
  .login-top-frase {
    padding-top: 5px;
    font-size: 36px;
    line-height: 40px;
  }
  .login-form {
    width: 100%;
  }
  .login-form-button {
    width: 100%;
  }
  .welcome-top {
    padding-right: 10px;
    padding-left: 10px;
  }
  .wrapper-welcome {
    background-image: url('../images/rombo-grey.png'), url('../images/login-bkg.jpg');
    background-position: 0px 271px, 0px 61%;
    background-size: 80px, 332px;
    background-repeat: no-repeat, no-repeat;
  }
.welcome-top-left {
	float:none;
	width:100%;
	clear:both;
}
.welcome-top-center {
	float:none;
	width:100%;
	text-align: left;
	padding-top:20px;
	margin-left:-20px;
}
.welcome-top-right {
	float:none;
	width:100%;
	text-align: left;
}
  .welcome-intro {
    padding: 30px 0px 40px 10px;
  }
  .welcome-intro-fraseuno {
    font-size: 36px;
    line-height: 40px;
  }
  .welcome-intro-left {
    width: 100%;
    padding-bottom: 10px;
    float: none;
  }
  .welcome-intro-texto {
    font-size: 24px;
    line-height: 28px;
  }
  .welcome-intro-texto.mail {
    font-size: 21px;
    line-height: 24px;
  }
  .welcome-intro-right {
    width: 100%;
    height: 550px;
    margin-top: 0px;
    padding-top: 200px;
    padding-right: 30px;
    float: none;
    background-image: url('../images/rombo-bigpurple.png');
    background-position: -11% 39%;
    background-size: 779px;
    background-repeat: no-repeat;
  }
  .welcome-saldo-titulo {
    text-align: right;
    font-size: 16px;
  }
  .welcome-saldo-cifra {
    font-size: 32px;
    line-height: 40px;
    text-align: right;
  }
  .welcome-saldo-img {
    width: 100%;
	height:25px;
    background-size: contain;
	background-position:100% 0%;
  }
  .welcome-saldo-imgdos {
    width: 100%;
    height: 7px;
    background-size: 120px;
	background-position:100% 0%;
  }
.wrapper-bloqueo {
  width: 100%;
  background-image: url('../images/icon-bloqueo.png'), url('../images/rombo-red.png'), url('../images/bloqueo-bkg.png');
  background-position: 88% 2.5%, 100% 0%, 50% 84% ;
  background-size: 25px, 120px, 1100px;
  background-repeat: no-repeat
}
.wrapper-bloqueada {
  width: 100%;
  background-image: url('../images/icon-cuentabloqueada.png'), url('../images/rombo-yellow.png'), url('../images/bloqueo-bkg.png');
  background-position: 90% 2.5%, 100% 0%, 50% 84% ;
  background-size: 25px, 100px, 1100px;
  background-repeat: no-repeat
}

  .bloqueo-intro {
    padding: 20px 10px 35px;
  }
  .bloqueo-intro-fraseuno {
    font-size: 32px;
    line-height: 38px;
  }
  .bloqueo-intro-frasedos {
    padding-bottom: 35px;
  }
  .bloqueo-intro-texto {
    padding-bottom: 20px;
    font-size: 24px;
    line-height: 28px;
  }
  .bloqueo-intro-texto.mail {
    font-size: 21px;
    line-height: 24px;
  }
  .bloqueo-confirmacion {
	  width:100%
  }
  .bloqueo-confirmacion-frase {
    padding-bottom: 25px;
    font-size: 18px;
    line-height: 21px;
  }
  .timeline-box-lines {
    height: 780px;
    background-position: 100% 84%, 100% 60%, 100% 35%, 100% 128px, 0% 40%, 0% 17%, 0px 23px, 50% 0px;
    background-size: 53px, 53px, 53px, 53px, 54px, 54px, 54px, auto;
  }
  .wrapper-preguntas {
    background-position: 100% 0px, 0px 317px, 0px 79%;
    background-size: 200px, 125px, 332px;
  }
  .preguntas-intro {
    padding-right: 10px;
    padding-left: 10px;
  }
  .preguntas-intro-fraseuno {
    font-size: 36px;
    line-height: 40px;
  }
  .preguntas-intro-frase {
    padding-bottom: 20px;
    font-size: 12px;
    line-height: 16px;
  }
  .preguntas-acordion {
    padding-right: 10px;
    padding-left: 10px;
  }
  .preguntas-closed {
    padding: 10px;
    font-size: 18px;
    line-height: 21px;
  }
  .preguntas-destacado {
    padding: 20px;
  }
  .preguntas-open {
    padding: 10px;
    font-size: 18px;
    line-height: 21px;
  }
  .preguntas-openbox {
    padding-right: 10px;
    padding-left: 10px;
  }
  .preguntas-openbox-item {
    padding: 12px 8px;
  }
  .preguntas-openbox-titulo {
    margin-bottom: 7px;
    line-height: 20px;
  }
  .preguntas-openbox-texto {
    line-height: 21px;
  }
  .wrapper-merchant {
    background-position: 50% 50%, 100% 0px;
    background-size: contain, 180px;
  }
  .terminos-box {
    padding-right: 10px;
    padding-bottom: 25px;
    padding-left: 10px;
  }
  .terminos-box-texto {
    font-size: 12px;
    line-height: 16px;
  }
}

@font-face {
  font-family: 'Avenirltstd medium';
  src: url('../fonts/AvenirLTStd-Medium.eot') format('embedded-opentype'), url('../fonts/AvenirLTStd-Medium.woff') format('woff'), url('../fonts/AvenirLTStd-Medium.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Avenirnextltpro ultlt';
  src: url('../fonts/AvenirNextLTPro-UltLt.eot') format('embedded-opentype'), url('../fonts/AvenirNextLTPro-UltLt.woff') format('woff'), url('../fonts/AvenirNextLTPro-UltLt.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Avenirnextltpro';
  src: url('../fonts/AvenirNextLTPro-Regular.eot') format('embedded-opentype'), url('../fonts/AvenirNextLTPro-Regular.woff') format('woff'), url('../fonts/AvenirNextLTPro-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Avenirnextltpro mediumcn';
  src: url('../fonts/AvenirNextLTPro-MediumCn.eot') format('embedded-opentype'), url('../fonts/AvenirNextLTPro-MediumCn.woff') format('woff'), url('../fonts/AvenirNextLTPro-MediumCn.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Avenirnextltpro demi';
  src: url('../fonts/AvenirNextLTPro-Demi.eot') format('embedded-opentype'), url('../fonts/AvenirNextLTPro-Demi.woff') format('woff'), url('../fonts/AvenirNextLTPro-Demi.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Avenirnextltpro cn';
  src: url('../fonts/AvenirNextLTPro-Cn.eot') format('embedded-opentype'), url('../fonts/AvenirNextLTPro-Cn.woff') format('woff'), url('../fonts/AvenirNextLTPro-Cn.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Avenirnextltpro';
  src: url('../fonts/AvenirNextLTPro-BoldCn.eot') format('embedded-opentype'), url('../fonts/AvenirNextLTPro-BoldCn.woff') format('woff'), url('../fonts/AvenirNextLTPro-BoldCn.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}