@charset "UTF-8";
/* mediaquery */
i {
  min-width: 38px;
  max-width: 38px;
  min-height: 38px;
  max-height: 38px;
}
@media only screen and (max-width: 480px) {
  i {
    min-width: 38px;
    max-width: 38px;
    min-height: 38px;
    max-height: 38px;
  }
  i ul li {
    font-size: 13px;
  }
}

i.ok {
  background: url(../images/icos/ico-ok-02.svg) no-repeat;
}

i.ko {
  background: url(../images/icos/ico-close.svg) no-repeat;
}

i.phone {
  background: url(../images/icos/white/ico-phone.svg) no-repeat;
}

i.more {
  background: url(../images/icos/ico-more.svg) no-repeat;
}

i.clock {
  background: url(../images/icos/white/ico-clock.svg) no-repeat;
}

i.tarjeta {
  background: url(../images/icos/white/ico-credit-01.svg) no-repeat;
  margin-right: 10px;
}

i.cbu {
  background: url(../images/icos/white/ico-bank-02.svg) no-repeat;
  margin-right: 10px;
}

i.whatsapp {
  background: url(../images/icos/white/ico-whatsapp.svg) no-repeat;
}

/* mediaquery */ /* box shadow */
.bubble h2 {
  font-size: 18px;
  margin: 10px 0 0 0;
  color: #FFF;
}

/* border radius */
/* border radius */
.text-align-left {
  text-align: left;
}

@keyframes bounceRight {
  0% {
    margin-right: 12px;
    opacity: 0;
  }
  100% {
    margin-right: 0px;
    opacity: 0.99;
  }
}
@keyframes bounce {
  0% {
    margin-left: -64px;
    opacity: 0;
  }
  100% {
    margin-left: 0px;
    opacity: 0.99;
  }
}
@keyframes scale {
  50% {
    transform: scale(0.98);
  }
}
@keyframes roll {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(168deg) scale(1.3);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes move {
  0% {
    left: 25%;
  }
  50% {
    left: 60%;
  }
  100% {
    left: 25%;
  }
}
.animaLeft {
  animation: bounce 1.5s ease;
}

.animeRight {
  animation: bounceRight 1.5s ease;
}

.overflow-hidden {
  overflow: hidden;
}

.position-absolute {
  position: absolute !important;
}

#icon-animation {
  position: absolute;
  top: -1000px;
  left: 1000px;
  transform: rotate(45deg);
  opacity: 0.77;
}

.icons-row.bg-even {
  animation: movebg-even 150s linear infinite;
}

.icons-row.bg-odd {
  animation: movebg-odd 200s linear infinite;
}

@keyframes movebg-even {
  from {
    background-position: 0 -1988px;
  }
  to {
    background-position: 0 1988px;
  }
}
@keyframes movebg-odd {
  from {
    background-position: 0 -1988px;
  }
  to {
    background-position: 0 1988px;
  }
}
#icon-ani {
  position: absolute;
  top: -980px;
  right: -720px;
  transform: rotate(45deg);
  z-index: -1;
  opacity: 0.12;
}

.icons-row:nth-child(1) {
  opacity: 1;
}
.icons-row:nth-child(2) {
  opacity: 0.75;
}
.icons-row:nth-child(3) {
  opacity: 0.5;
}
.icons-row:nth-child(4) {
  opacity: 0.25;
}

.icons-row.bg-e {
  animation: movebg-e 150s linear infinite;
}

.icons-row.bg-o {
  animation: movebg-o 200s linear infinite;
}

@keyframes movebg-e {
  from {
    background-position: 0 -1499px;
  }
  to {
    background-position: 0 1499px;
  }
}
@keyframes movebg-o {
  from {
    background-position: 0 -1499px;
  }
  to {
    background-position: 0 1499px;
  }
}
#slideshow {
  position: relative;
}
.r45 {
  transform: rotate(45deg);
}

.openModal.load:before, .list-cryptos .loading, .loadSmarth .loading, .erizo-mouse .loading, .loading .spin {
  animation-play-state: running;
  opacity: 1;
  position: relative;
  position: absolute;
  width: 38px;
  height: 38px;
  background: white;
  border-radius: 24px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  opacity: 1;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin-left: -19px;
}
@keyframes spinner {
  0% {
    transform: translate3d(-50%, -50%, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(-50%, -50%, 0) rotate(360deg);
  }
}
.-paused.openModal.load:before, .list-cryptos .-paused.loading, .loadSmarth .-paused.loading, .erizo-mouse .-paused.loading, .loading .-paused.spin {
  animation-play-state: paused;
  opacity: 0.2;
  transition: opacity linear 0.1s;
}
.openModal.load::before, .list-cryptos .loading::before, .loadSmarth .loading::before, .erizo-mouse .loading::before, .loading .spin::before {
  animation: 1.5s linear infinite spinner;
  animation-play-state: inherit;
  border: solid 3px #dedede;
  border-bottom-color: #EF6565;
  border-radius: 50%;
  content: "";
  height: 40px;
  left: 50%;
  opacity: inherit;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 40px;
  will-change: transform;
}
.openModal.load:before, .list-cryptos .loading:before, .loadSmarth .loading:before, .erizo-mouse .loading:before, .loading .spin:before {
  border: solid 4px #fafafa;
  border-bottom-color: #000;
  width: 28px;
  height: 28px;
}

.st0 {
  fill: #36A936;
}

@-webkit-keyframes success-out {
  0% {
    opacity: 1;
  }
  25% {
    transform: scale(1.1);
    opacity: 1;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    margin-top: -16px;
  }
}

.security .box .icon img.confianza, .list-cryptos .crypto.refresh .price, .faqApi .data.visto:before {
  animation: 1s success-fade;
  animation-iteration-count: 1;
}
@-webkit-keyframes success-fade {
  0% {
    transform: scale(0.95);
  }
  50% {
    transform: scale(1.1);
    color: white;
  }
  100% {
    transform: scale(0.95);
    color: #196719;
  }
}

@-webkit-keyframes success-top {
  0% {
    transform: translate(0, 0%);
  }
  50% {
    transform: translate(0, -5px);
    background: #f2f2f2;
  }
  100% {
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes success-left {
  0% {
    transform: translate(-12px, 0px);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0px);
    opacity: 1;
  }
}

@-webkit-keyframes success-left-right {
  0% {
    transform: translate(0, 0px);
  }
  33% {
    transform: translate(12px, 0px);
  }
  66% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes success-confirm {
  0% {
    transform: translate(0, 0%);
  }
  50% {
    transform: translate(0, 0px);
    background: white;
    box-shadow: 0 6px 12px rgba(74, 77, 110, 0.33);
  }
  100% {
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes success-tada {
  0% {
    transform: translate(0, 0%);
  }
  50% {
    color: green;
    transform: scale(1.1);
  }
  100% {
    transform: translate(0, 0px);
  }
}

body.dark.scroll header.fixed nav ul.users li:last-child a, body.final header.fixed nav ul.users li:last-child a, footer.dofon .btn.empezar {
  animation: 2s success-tada2 infinite;
}
@-webkit-keyframes success-tada2 {
  50% {
    background: #000;
    box-shadow: rgb(235, 253, 229) 0px 1px 16px;
  }
}

@-webkit-keyframes success-error {
  0% {
    transform: translate(0, 0%);
  }
  33% {
    transform: scale(1.1);
    transform: translate(-24px, 0);
  }
  66% {
    transform: scale(1.1);
    transform: translate(24px, 0);
  }
  100% {
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes saludo {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(1.2) rotate(5deg);
  }
  66% {
    transform: scale(1.2) rotate(-5deg);
  }
  100% {
    transform: scale(1);
  }
}

body.erizo .bichito.open {
  animation: 3s ani-top;
  animation-iteration-count: 1;
}
@-webkit-keyframes ani-top {
  0% {
    margin-top: -400px;
    opacity: 1;
  }
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

.cookies .icoCookies.acepto, body.erizo .bichito.papa, footer.dofon .content-logo .somma {
  animation: 1.6s linear infinite;
  animation-name: ani-flota;
}
@-webkit-keyframes ani-flota {
  25% {
    -webkit-transform: translateY(-4px);
  }
  50%, 100% {
    -webkit-transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(4px);
  }
}

@-webkit-keyframes success-intro {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.text-align-left {
  text-align: left;
}

@keyframes bounceRight {
  0% {
    margin-right: 12px;
    opacity: 0;
  }
  100% {
    margin-right: 0px;
    opacity: 0.99;
  }
}
@keyframes bounce {
  0% {
    margin-left: -64px;
    opacity: 0;
  }
  100% {
    margin-left: 0px;
    opacity: 0.99;
  }
}
@keyframes scale {
  50% {
    transform: scale(0.98);
  }
}
@keyframes roll {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(168deg) scale(1.3);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes move {
  0% {
    left: 25%;
  }
  50% {
    left: 60%;
  }
  100% {
    left: 25%;
  }
}
.animaLeft {
  animation: bounce 1.5s ease;
}

.animeRight {
  animation: bounceRight 1.5s ease;
}

.overflow-hidden {
  overflow: hidden;
}

.position-absolute {
  position: absolute !important;
}

#icon-animation {
  position: absolute;
  top: -1000px;
  left: 1000px;
  transform: rotate(45deg);
  opacity: 0.77;
}

.icons-row.bg-even {
  animation: movebg-even 150s linear infinite;
}

.icons-row.bg-odd {
  animation: movebg-odd 200s linear infinite;
}

@keyframes movebg-even {
  from {
    background-position: 0 -1988px;
  }
  to {
    background-position: 0 1988px;
  }
}
@keyframes movebg-odd {
  from {
    background-position: 0 -1988px;
  }
  to {
    background-position: 0 1988px;
  }
}
#icon-ani {
  position: absolute;
  top: -980px;
  right: -720px;
  transform: rotate(45deg);
  z-index: -1;
  opacity: 0.12;
}

.icons-row:nth-child(1) {
  opacity: 1;
}
.icons-row:nth-child(2) {
  opacity: 0.75;
}
.icons-row:nth-child(3) {
  opacity: 0.5;
}
.icons-row:nth-child(4) {
  opacity: 0.25;
}

.icons-row.bg-e {
  animation: movebg-e 150s linear infinite;
}

.icons-row.bg-o {
  animation: movebg-o 200s linear infinite;
}

@keyframes movebg-e {
  from {
    background-position: 0 -1499px;
  }
  to {
    background-position: 0 1499px;
  }
}
@keyframes movebg-o {
  from {
    background-position: 0 -1499px;
  }
  to {
    background-position: 0 1499px;
  }
}
#slideshow {
  position: relative;
}
.r45 {
  transform: rotate(45deg);
}

.openModal.load:before, .list-cryptos .loading, .loadSmarth .loading, .erizo-mouse .loading, .loading .spin {
  animation-play-state: running;
  opacity: 1;
  position: relative;
  position: absolute;
  width: 38px;
  height: 38px;
  background: white;
  border-radius: 24px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  opacity: 1;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin-left: -19px;
}
@keyframes spinner {
  0% {
    transform: translate3d(-50%, -50%, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(-50%, -50%, 0) rotate(360deg);
  }
}
.-paused.openModal.load:before, .list-cryptos .-paused.loading, .loadSmarth .-paused.loading, .erizo-mouse .-paused.loading, .loading .-paused.spin {
  animation-play-state: paused;
  opacity: 0.2;
  transition: opacity linear 0.1s;
}
.openModal.load::before, .list-cryptos .loading::before, .loadSmarth .loading::before, .erizo-mouse .loading::before, .loading .spin::before {
  animation: 1.5s linear infinite spinner;
  animation-play-state: inherit;
  border: solid 3px #dedede;
  border-bottom-color: #EF6565;
  border-radius: 50%;
  content: "";
  height: 40px;
  left: 50%;
  opacity: inherit;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 40px;
  will-change: transform;
}
.openModal.load:before, .list-cryptos .loading:before, .loadSmarth .loading:before, .erizo-mouse .loading:before, .loading .spin:before {
  border: solid 4px #fafafa;
  border-bottom-color: #000;
  width: 28px;
  height: 28px;
}

.st0 {
  fill: #36A936;
}

@-webkit-keyframes success-out {
  0% {
    opacity: 1;
  }
  25% {
    transform: scale(1.1);
    opacity: 1;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    margin-top: -16px;
  }
}

.security .box .icon img.confianza, .list-cryptos .crypto.refresh .price, .faqApi .data.visto:before {
  animation: 1s success-fade;
  animation-iteration-count: 1;
}
@-webkit-keyframes success-fade {
  0% {
    transform: scale(0.95);
  }
  50% {
    transform: scale(1.1);
    color: white;
  }
  100% {
    transform: scale(0.95);
    color: #196719;
  }
}

@-webkit-keyframes success-top {
  0% {
    transform: translate(0, 0%);
  }
  50% {
    transform: translate(0, -5px);
    background: #f2f2f2;
  }
  100% {
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes success-left {
  0% {
    transform: translate(-12px, 0px);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0px);
    opacity: 1;
  }
}

@-webkit-keyframes success-left-right {
  0% {
    transform: translate(0, 0px);
  }
  33% {
    transform: translate(12px, 0px);
  }
  66% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes success-confirm {
  0% {
    transform: translate(0, 0%);
  }
  50% {
    transform: translate(0, 0px);
    background: white;
    box-shadow: 0 6px 12px rgba(74, 77, 110, 0.33);
  }
  100% {
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes success-tada {
  0% {
    transform: translate(0, 0%);
  }
  50% {
    color: green;
    transform: scale(1.1);
  }
  100% {
    transform: translate(0, 0px);
  }
}

body.dark.scroll header.fixed nav ul.users li:last-child a, body.final header.fixed nav ul.users li:last-child a, footer.dofon .btn.empezar {
  animation: 2s success-tada2 infinite;
}
@-webkit-keyframes success-tada2 {
  50% {
    background: #000;
    box-shadow: rgb(235, 253, 229) 0px 1px 16px;
  }
}

@-webkit-keyframes success-error {
  0% {
    transform: translate(0, 0%);
  }
  33% {
    transform: scale(1.1);
    transform: translate(-24px, 0);
  }
  66% {
    transform: scale(1.1);
    transform: translate(24px, 0);
  }
  100% {
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes saludo {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(1.2) rotate(5deg);
  }
  66% {
    transform: scale(1.2) rotate(-5deg);
  }
  100% {
    transform: scale(1);
  }
}

body.erizo .bichito.open {
  animation: 3s ani-top;
  animation-iteration-count: 1;
}
@-webkit-keyframes ani-top {
  0% {
    margin-top: -400px;
    opacity: 1;
  }
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

.cookies .icoCookies.acepto, body.erizo .bichito.papa, footer.dofon .content-logo .somma {
  animation: 1.6s linear infinite;
  animation-name: ani-flota;
}
@-webkit-keyframes ani-flota {
  25% {
    -webkit-transform: translateY(-4px);
  }
  50%, 100% {
    -webkit-transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(4px);
  }
}

@-webkit-keyframes success-intro {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* mediaquery */ /* box shadow */
html, body {
  width: 100%;
  height: 100%;
  color: #4d4d4d;
  text-align: center;
  font-family: helvetica, arial;
}

.wrap-main {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}

.main {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  padding: 0px;
}
@media only screen and (max-width: 1280px) {
  .main ul li {
    font-size: 15px;
    margin-right: 10px;
  }
}

.flex, .row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around;
}

.column {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media only screen and (max-width: 768px) {
  .column {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media only screen and (max-width: 480px) {
  .flex.column {
    flex-direction: column;
  }
  .flex.column ul li {
    font-size: 13px;
  }
}

.flexwrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.wrap {
  width: 1200px;
  margin: 0 auto;
}
@media only screen and (max-width: 1280px) {
  .wrap {
    width: 100%;
  }
  .wrap ul li {
    font-size: 15px;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 960px) {
  .wrap {
    width: 99%;
  }
}
@media only screen and (max-width: 768px) {
  .wrap {
    width: 98%;
  }
}
@media only screen and (max-width: 480px) {
  .wrap {
    width: 100%;
  }
  .wrap ul li {
    font-size: 13px;
  }
}

.flex.align {
  align-items: center;
}

.flex.left {
  align-items: flex-start;
}

.flex.right {
  align-items: flex-end;
}

.flew-wrap {
  flex-wrap: wrap;
}

.mb, .mt {
  margin: 48px 0;
}
@media only screen and (max-width: 768px) {
  .mb, .mt {
    margin: 24px 0;
  }
}

.margin {
  margin: 24px;
}

.line-top {
  border-top: 1px solid #999;
}

/* mediaquery */
.text-align-left {
  text-align: left;
}

@keyframes bounceRight {
  0% {
    margin-right: 12px;
    opacity: 0;
  }
  100% {
    margin-right: 0px;
    opacity: 0.99;
  }
}
@keyframes bounce {
  0% {
    margin-left: -64px;
    opacity: 0;
  }
  100% {
    margin-left: 0px;
    opacity: 0.99;
  }
}
@keyframes scale {
  50% {
    transform: scale(0.98);
  }
}
@keyframes roll {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(168deg) scale(1.3);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes move {
  0% {
    left: 25%;
  }
  50% {
    left: 60%;
  }
  100% {
    left: 25%;
  }
}
.animaLeft {
  animation: bounce 1.5s ease;
}

.animeRight {
  animation: bounceRight 1.5s ease;
}

.overflow-hidden {
  overflow: hidden;
}

.position-absolute {
  position: absolute !important;
}

#icon-animation {
  position: absolute;
  top: -1000px;
  left: 1000px;
  transform: rotate(45deg);
  opacity: 0.77;
}

.icons-row.bg-even {
  animation: movebg-even 150s linear infinite;
}

.icons-row.bg-odd {
  animation: movebg-odd 200s linear infinite;
}

@keyframes movebg-even {
  from {
    background-position: 0 -1988px;
  }
  to {
    background-position: 0 1988px;
  }
}
@keyframes movebg-odd {
  from {
    background-position: 0 -1988px;
  }
  to {
    background-position: 0 1988px;
  }
}
#icon-ani {
  position: absolute;
  top: -980px;
  right: -720px;
  transform: rotate(45deg);
  z-index: -1;
  opacity: 0.12;
}

.icons-row:nth-child(1) {
  opacity: 1;
}
.icons-row:nth-child(2) {
  opacity: 0.75;
}
.icons-row:nth-child(3) {
  opacity: 0.5;
}
.icons-row:nth-child(4) {
  opacity: 0.25;
}

.icons-row.bg-e {
  animation: movebg-e 150s linear infinite;
}

.icons-row.bg-o {
  animation: movebg-o 200s linear infinite;
}

@keyframes movebg-e {
  from {
    background-position: 0 -1499px;
  }
  to {
    background-position: 0 1499px;
  }
}
@keyframes movebg-o {
  from {
    background-position: 0 -1499px;
  }
  to {
    background-position: 0 1499px;
  }
}
#slideshow {
  position: relative;
}
.r45 {
  transform: rotate(45deg);
}

.openModal.load:before, .list-cryptos .loading, .loadSmarth .loading, .erizo-mouse .loading, .loading .spin {
  animation-play-state: running;
  opacity: 1;
  position: relative;
  position: absolute;
  width: 38px;
  height: 38px;
  background: white;
  border-radius: 24px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  opacity: 1;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin-left: -19px;
}
@keyframes spinner {
  0% {
    transform: translate3d(-50%, -50%, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(-50%, -50%, 0) rotate(360deg);
  }
}
.-paused.openModal.load:before, .list-cryptos .-paused.loading, .loadSmarth .-paused.loading, .erizo-mouse .-paused.loading, .loading .-paused.spin {
  animation-play-state: paused;
  opacity: 0.2;
  transition: opacity linear 0.1s;
}
.openModal.load::before, .list-cryptos .loading::before, .loadSmarth .loading::before, .erizo-mouse .loading::before, .loading .spin::before {
  animation: 1.5s linear infinite spinner;
  animation-play-state: inherit;
  border: solid 3px #dedede;
  border-bottom-color: #EF6565;
  border-radius: 50%;
  content: "";
  height: 40px;
  left: 50%;
  opacity: inherit;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 40px;
  will-change: transform;
}
.openModal.load:before, .list-cryptos .loading:before, .loadSmarth .loading:before, .erizo-mouse .loading:before, .loading .spin:before {
  border: solid 4px #fafafa;
  border-bottom-color: #000;
  width: 28px;
  height: 28px;
}

.st0 {
  fill: #36A936;
}

@-webkit-keyframes success-out {
  0% {
    opacity: 1;
  }
  25% {
    transform: scale(1.1);
    opacity: 1;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    margin-top: -16px;
  }
}

.security .box .icon img.confianza, .list-cryptos .crypto.refresh .price, .faqApi .data.visto:before {
  animation: 1s success-fade;
  animation-iteration-count: 1;
}
@-webkit-keyframes success-fade {
  0% {
    transform: scale(0.95);
  }
  50% {
    transform: scale(1.1);
    color: white;
  }
  100% {
    transform: scale(0.95);
    color: #196719;
  }
}

@-webkit-keyframes success-top {
  0% {
    transform: translate(0, 0%);
  }
  50% {
    transform: translate(0, -5px);
    background: #f2f2f2;
  }
  100% {
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes success-left {
  0% {
    transform: translate(-12px, 0px);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0px);
    opacity: 1;
  }
}

@-webkit-keyframes success-left-right {
  0% {
    transform: translate(0, 0px);
  }
  33% {
    transform: translate(12px, 0px);
  }
  66% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes success-confirm {
  0% {
    transform: translate(0, 0%);
  }
  50% {
    transform: translate(0, 0px);
    background: white;
    box-shadow: 0 6px 12px rgba(74, 77, 110, 0.33);
  }
  100% {
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes success-tada {
  0% {
    transform: translate(0, 0%);
  }
  50% {
    color: green;
    transform: scale(1.1);
  }
  100% {
    transform: translate(0, 0px);
  }
}

body.dark.scroll header.fixed nav ul.users li:last-child a, body.final header.fixed nav ul.users li:last-child a, footer.dofon .btn.empezar {
  animation: 2s success-tada2 infinite;
}
@-webkit-keyframes success-tada2 {
  50% {
    background: #000;
    box-shadow: rgb(235, 253, 229) 0px 1px 16px;
  }
}

@-webkit-keyframes success-error {
  0% {
    transform: translate(0, 0%);
  }
  33% {
    transform: scale(1.1);
    transform: translate(-24px, 0);
  }
  66% {
    transform: scale(1.1);
    transform: translate(24px, 0);
  }
  100% {
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes saludo {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(1.2) rotate(5deg);
  }
  66% {
    transform: scale(1.2) rotate(-5deg);
  }
  100% {
    transform: scale(1);
  }
}

body.erizo .bichito.open {
  animation: 3s ani-top;
  animation-iteration-count: 1;
}
@-webkit-keyframes ani-top {
  0% {
    margin-top: -400px;
    opacity: 1;
  }
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

.cookies .icoCookies.acepto, body.erizo .bichito.papa, footer.dofon .content-logo .somma {
  animation: 1.6s linear infinite;
  animation-name: ani-flota;
}
@-webkit-keyframes ani-flota {
  25% {
    -webkit-transform: translateY(-4px);
  }
  50%, 100% {
    -webkit-transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(4px);
  }
}

@-webkit-keyframes success-intro {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

header {
  width: 100%;
  position: absolute;
  padding: 0 12px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
}
header.sommaUp {
  height: 92px;
}
header.sommaUp .content-logo {
  flex-direction: column;
  transform: scale(0.77);
}
@media only screen and (max-width: 480px) {
  header.sommaUp .content-logo {
    transform: scale(0.5);
  }
  header.sommaUp .content-logo ul li {
    font-size: 13px;
  }
}
header.sommaOff .content-logo .somma {
  display: none;
}
header.sommaOff .logo {
  margin-left: 12px;
}
@media only screen and (max-width: 960px) {
  header {
    justify-content: center;
  }
}
@media only screen and (max-width: 480px) {
  header {
    justify-content: flex-start;
  }
  header ul li {
    font-size: 13px;
  }
}
header .content-logo {
  display: flex;
  width: 286px;
  align-items: center;
  transition: 0.33s;
}
header .content-logo .somma {
  background: url(../images/logo.svg) no-repeat;
  min-width: 64px;
  max-width: 64px;
  min-height: 50px;
  max-height: 50px;
  transition: 0.33s;
  z-index: 1;
}
header .content-logo .somma:hover {
  background: url(../images/logo-erizado.svg) no-repeat;
}
@media only screen and (max-width: 480px) {
  header .content-logo ul li {
    font-size: 13px;
  }
}
@media only screen and (max-width: 480px) {
  header .content-logo {
    transform: scale(0.7);
  }
  header .content-logo ul li {
    font-size: 13px;
  }
}
header .logo {
  background: url(../images/cryptanz.svg) no-repeat;
  min-width: 206px;
  max-width: 206px;
  min-height: 50px;
  max-height: 50px;
  margin: 0;
  transition: 1s;
}
@media only screen and (max-width: 768px) {
  header .logo {
    margin-left: 0;
    margin: 0 auto;
  }
}
header .logo.white {
  background: url(../images/cryptanz-white.svg);
}
header.center {
  justify-content: center;
}
header.justify-content-around {
  justify-content: space-around;
}
header.fixed {
  position: fixed;
  top: 0;
  backdrop-filter: blur(10px);
  z-index: 9;
}
@media only screen and (max-width: 480px) {
  header.fixed {
    height: 60px;
    justify-content: center;
  }
  header.fixed ul li {
    font-size: 13px;
  }
}
header.shadow {
  box-shadow: 0 0px 8px rgba(4, 25, 39, 0.15);
}
header nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  transition: 0.7s;
}
@media only screen and (max-width: 960px) {
  header nav {
    display: none;
  }
}
header nav ul {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
header nav ul li {
  margin: 0 6px;
}
header nav ul li.menuDesplegable {
  position: relative;
  transition: 0.33s;
}
header nav ul li.menuDesplegable ul {
  position: absolute;
  display: none;
  background: white;
  border-radius: 24px;
  width: 100%;
  height: auto;
  box-shadow: rgba(41, 172, 0, 0.5) 0px 2px 6px;
  margin-top: -200px;
  flex-direction: column;
  justify-content: space-around;
  color: #4d4d4d;
  border: 1px solid #ccc;
  padding: 0.5rem 0.75rem;
  font-size: 0.8rem;
  transition: 0.35s;
}
header nav ul li.menuDesplegable ul li {
  display: flex;
  line-height: normal;
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 6px;
}
header nav ul li.menuDesplegable ul li a {
  border: 1px solid #ccc;
  min-width: 100%;
  max-width: 100%;
}
header nav ul li.menuDesplegable:hover ul {
  border-color: white;
  margin-top: 10px;
  display: flex;
}
header nav ul li:last-child {
  margin-right: 0;
}
header nav ul li a {
  background: white;
  color: #4d4d4d;
  border-radius: 24px;
  border: 1px solid #ccc;
  padding: 0.5rem 0.75rem;
  font-size: 0.8rem;
  transition: 0.35s;
}
header nav ul li a:hover {
  box-shadow: rgba(41, 172, 0, 0.5) 0px 2px 6px;
  border: 1px solid white;
}
@media only screen and (max-width: 1024px) {
  header nav ul li {
    margin: 0 3px;
  }
  header nav ul li a {
    padding: 0.5rem 0.25rem;
  }
}
header nav ul.users {
  margin-left: 24px;
}
header nav ul.users li a {
  color: #138613;
  border: 1px solid #138613;
}
header nav ul.users li a:hover {
  background: #138613;
  color: white;
}
header nav ul.users li:last-child a {
  background: #138613;
  color: white;
}
header nav ul.users li:last-child a:hover {
  background: white;
  color: #138613;
}

body.fix header.fixed {
  backdrop-filter: blur(9px);
}
body.fix header {
  transition: 1s;
}
body.fix.move-logo header {
  box-shadow: none;
}
body.fix.move-logo header nav {
  transition: 1s;
}
body.fix.move-logo header .somma {
  transform: translate(-32px, 0);
}
@media only screen and (max-width: 480px) {
  body.fix.move-logo header .somma {
    transform: translate(-138px, 0);
  }
  body.fix.move-logo header .somma ul li {
    font-size: 13px;
  }
}
body.fix.move-logo header .somma.down {
  transform: translate(-32px, 0) rotate(25deg) scale(1.2);
}
@media only screen and (max-width: 480px) {
  body.fix.move-logo header .somma.down {
    transform: translate(-152px, 0) rotate(25deg) scale(1.2);
  }
  body.fix.move-logo header .somma.down ul li {
    font-size: 13px;
  }
}
body.fix.move-logo header .logo {
  transform: translate(-320px, 0);
  opacity: 0;
  transition: 0.5s;
}
body.fix.move-logo header .logo.mini {
  color: rgb(128, 128, 128);
  color: rgb(0, 173, 0);
}
@media only screen and (max-width: 480px) {
  body.fix.move-logo header .logo {
    transform: translate(-420px, 0);
  }
  body.fix.move-logo header .logo ul li {
    font-size: 13px;
  }
}
body.fix.move-logo.fix header {
  background: none;
  backdrop-filter: blur(0);
}
body.fix.move-logo.fix header nav {
  transform: translate(440px, 0);
}
body.fix.move-logo.fix header nav ul li a.first {
  padding-left: 48px;
}
body.fix.move-logo.fix header nav ul li a.first:before {
  content: "⋯";
  position: absolute;
  left: 16px;
  top: -1px;
  width: 16px;
  height: 16px;
  font-size: 32px;
}
body.fix.move-logo.fix header nav:hover {
  transform: translate(0, 0);
}
body.fix.move-logo.fix header nav:hover ul li a.first {
  padding-left: 10px;
}
body.fix.move-logo.fix header nav:hover ul li a.first:before {
  content: "   ";
}

body.erizo.dark header .logo {
  background: url(../images/cryptanz-white.svg);
}

.content-logo {
  display: flex;
  width: 286px;
  align-items: center;
  transition: 0.33s;
}
.content-logo.sommaUp {
  flex-direction: column;
}
.content-logo .somma {
  background: url(../images/logo.svg) no-repeat;
  min-width: 64px;
  max-width: 64px;
  min-height: 50px;
  max-height: 50px;
  transition: 0.33s;
  z-index: 1;
}
.content-logo .somma:hover {
  background: url(../images/logo.svg) no-repeat;
}
@media only screen and (max-width: 480px) {
  .content-logo {
    transform: scale(0.7);
  }
  .content-logo ul li {
    font-size: 13px;
  }
}
.content-logo .kw {
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 2px;
  text-align: center;
  margin-top: -8px;
  margin-left: 4px;
  color: #808080;
}

.logo {
  background: url(../images/cryptanz.svg) no-repeat;
  min-width: 206px;
  max-width: 206px;
  min-height: 50px;
  max-height: 50px;
  margin: 0;
  transition: 1s;
}
@media only screen and (max-width: 768px) {
  .logo {
    margin-left: 0;
    margin: 0 auto;
  }
}
.logo.white {
  background: url(../images/cryptanz-white.svg);
}

/* mediaquery */
footer {
  background: #fafafa;
  color: white;
  padding: 4rem;
  position: relative;
  z-index: auto;
  border-top: 16px solid #f2f2f2;
  text-align: left;
  overflow: hidden;
  transition: 0.5s;
  height: 100vh;
}
@media only screen and (max-width: 480px) {
  footer {
    text-align: center;
    height: auto;
  }
  footer ul li {
    font-size: 13px;
  }
}
footer .text-center {
  text-align: center;
}
footer.dark {
  background: black;
  border-top: 1px solid black;
  padding-top: 6rem;
}
@media only screen and (max-width: 768px) {
  footer {
    padding: 24px;
  }
}
footer a {
  color: #00ae00;
  margin: 6px 0;
  display: block;
}
footer a:hover {
  color: #196719;
}
@media only screen and (max-width: 480px) {
  footer a {
    line-height: 48px;
  }
  footer a ul li {
    font-size: 13px;
  }
}
footer p {
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 6px;
}
@media only screen and (max-width: 768px) {
  footer .col-md {
    margin-bottom: 24px;
  }
}
footer .inverti {
  padding-right: 48px;
}
@media only screen and (max-width: 480px) {
  footer .inverti {
    padding-right: 0;
    margin-bottom: 24px;
  }
  footer .inverti ul li {
    font-size: 13px;
  }
}
footer .col .btn.inicia, footer .col-12 .btn.inicia, footer .col-md-2 .btn.inicia, footer .col-md-6 .btn.inicia, footer .col-md-3 .btn.inicia, footer .col-md .btn.inicia {
  background: none;
  color: #00ae00;
}
footer .col .btn, footer .col-12 .btn, footer .col-md-2 .btn, footer .col-md-6 .btn, footer .col-md-3 .btn, footer .col-md .btn {
  display: block;
  text-align: center;
}
footer .col h3, footer .col-12 h3, footer .col-md-2 h3, footer .col-md-6 h3, footer .col-md-3 h3, footer .col-md h3 {
  margin-bottom: 24px;
  font-size: 1.5rem;
  color: #00ae00;
  font-weight: 700;
}
footer .col h4, footer .col-12 h4, footer .col-md-2 h4, footer .col-md-6 h4, footer .col-md-3 h4, footer .col-md h4 {
  margin-bottom: 24px;
  font-size: 1.25rem;
  color: white;
  font-weight: 700;
}
footer .col p, footer .col-12 p, footer .col-md-2 p, footer .col-md-6 p, footer .col-md-3 p, footer .col-md p {
  font-size: 0.8rem;
  line-height: normal;
  margin: 0;
}
footer .col p.kw, footer .col-12 p.kw, footer .col-md-2 p.kw, footer .col-md-6 p.kw, footer .col-md-3 p.kw, footer .col-md p.kw {
  font-weight: 300;
  color: #00ae00;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 10px;
}
@media only screen and (max-width: 768px) {
  footer .col .redes, footer .col-12 .redes, footer .col-md-2 .redes, footer .col-md-6 .redes, footer .col-md-3 .redes, footer .col-md .redes {
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
}
footer .col .redes a, footer .col-12 .redes a, footer .col-md-2 .redes a, footer .col-md-6 .redes a, footer .col-md-3 .redes a, footer .col-md .redes a {
  min-width: 48px;
  max-width: 100%;
  min-height: 48px;
  min-height: 48px;
  display: flex;
  border-radius: 24px;
  align-items: center;
  box-shadow: 0 0px 8px rgba(4, 25, 39, 0.15);
  margin: 0;
}
@media only screen and (max-width: 480px) {
  footer .col .redes a, footer .col-12 .redes a, footer .col-md-2 .redes a, footer .col-md-6 .redes a, footer .col-md-3 .redes a, footer .col-md .redes a {
    justify-content: center;
    line-height: 48px;
  }
  footer .col .redes a ul li, footer .col-12 .redes a ul li, footer .col-md-2 .redes a ul li, footer .col-md-6 .redes a ul li, footer .col-md-3 .redes a ul li, footer .col-md .redes a ul li {
    font-size: 13px;
  }
}
footer .col .redes a:last-child, footer .col-12 .redes a:last-child, footer .col-md-2 .redes a:last-child, footer .col-md-6 .redes a:last-child, footer .col-md-3 .redes a:last-child, footer .col-md .redes a:last-child {
  margin-right: 0;
}
footer .col .redes a i, footer .col-12 .redes a i, footer .col-md-2 .redes a i, footer .col-md-6 .redes a i, footer .col-md-3 .redes a i, footer .col-md .redes a i {
  filter: grayscale(1);
}
footer .col .redes a.instagram i, footer .col-12 .redes a.instagram i, footer .col-md-2 .redes a.instagram i, footer .col-md-6 .redes a.instagram i, footer .col-md-3 .redes a.instagram i, footer .col-md .redes a.instagram i {
  background: url(../images/icos/ico-instagram.svg) no-repeat;
}
footer .col .redes a.facebook i, footer .col-12 .redes a.facebook i, footer .col-md-2 .redes a.facebook i, footer .col-md-6 .redes a.facebook i, footer .col-md-3 .redes a.facebook i, footer .col-md .redes a.facebook i {
  background: url(../images/icos/ico-facebook.svg) no-repeat;
}
footer .col .redes a.twitter i, footer .col-12 .redes a.twitter i, footer .col-md-2 .redes a.twitter i, footer .col-md-6 .redes a.twitter i, footer .col-md-3 .redes a.twitter i, footer .col-md .redes a.twitter i {
  background: url(../images/icos/ico-twitter.svg) no-repeat;
}
footer .col .redes a.whatsapp i, footer .col-12 .redes a.whatsapp i, footer .col-md-2 .redes a.whatsapp i, footer .col-md-6 .redes a.whatsapp i, footer .col-md-3 .redes a.whatsapp i, footer .col-md .redes a.whatsapp i {
  background: url(../images/icos/ico-whatsapp.svg) no-repeat;
}
footer .col .redes a.linkedin i, footer .col-12 .redes a.linkedin i, footer .col-md-2 .redes a.linkedin i, footer .col-md-6 .redes a.linkedin i, footer .col-md-3 .redes a.linkedin i, footer .col-md .redes a.linkedin i {
  background: url(../images/icos/ico-linkedin.svg) no-repeat;
}
footer .col .redes a.spotify i, footer .col-12 .redes a.spotify i, footer .col-md-2 .redes a.spotify i, footer .col-md-6 .redes a.spotify i, footer .col-md-3 .redes a.spotify i, footer .col-md .redes a.spotify i {
  background: url(../images/icos/ico-spotify.svg) no-repeat;
}
footer .col .redes a.youtube i, footer .col-12 .redes a.youtube i, footer .col-md-2 .redes a.youtube i, footer .col-md-6 .redes a.youtube i, footer .col-md-3 .redes a.youtube i, footer .col-md .redes a.youtube i {
  background: url(../images/icos/ico-youtube.svg) no-repeat;
}
footer .col .redes a.mail i, footer .col-12 .redes a.mail i, footer .col-md-2 .redes a.mail i, footer .col-md-6 .redes a.mail i, footer .col-md-3 .redes a.mail i, footer .col-md .redes a.mail i {
  background: url(../images/icos/ico-mail.svg) no-repeat;
}
footer .col .redes a:hover, footer .col-12 .redes a:hover, footer .col-md-2 .redes a:hover, footer .col-md-6 .redes a:hover, footer .col-md-3 .redes a:hover, footer .col-md .redes a:hover {
  box-shadow: 0 0px 16px rgba(0, 0, 0, 0.11);
}
footer .col .redes a:hover i, footer .col-12 .redes a:hover i, footer .col-md-2 .redes a:hover i, footer .col-md-6 .redes a:hover i, footer .col-md-3 .redes a:hover i, footer .col-md .redes a:hover i {
  filter: grayscale(0);
}
@media only screen and (max-width: 768px) {
  footer .col .redes a, footer .col-12 .redes a, footer .col-md-2 .redes a, footer .col-md-6 .redes a, footer .col-md-3 .redes a, footer .col-md .redes a {
    margin: 0 6px;
  }
}
@media only screen and (max-width: 768px) {
  footer .col {
    margin-bottom: 24px;
    text-align: center;
    padding: 0;
  }
}
footer img {
  border-radius: 24px;
  margin-right: 8px;
  filter: grayscale(1);
  opacity: 0.5;
}
footer .copy {
  padding-left: 0px;
}
footer .copy i {
  min-width: 22px;
  max-width: 22px;
  min-height: 24px;
  max-height: 24px;
  width: 32px;
  height: 24px;
  background: url(../images/logo.svg) no-repeat;
  position: absolute;
  margin-left: 20px;
  margin-top: -14px;
  filter: grayscale(1);
}
@media only screen and (max-width: 768px) {
  footer .d-flex {
    justify-content: center;
    align-items: center;
  }
}
footer .content-logo {
  display: flex;
  align-items: center;
  flex-direction: column;
}
footer .content-logo .somma {
  min-width: 64px;
  max-width: 64px;
  min-height: 50px;
  max-height: 50px;
  background: url(../images/logo.svg) no-repeat;
  transition: 1s;
}
@media only screen and (max-width: 480px) {
  footer .content-logo {
    margin-left: 0;
  }
  footer .content-logo ul li {
    font-size: 13px;
  }
}
footer .logo {
  background: url(../images/cryptanz.svg);
  min-width: 206px;
  max-width: 206px;
  min-height: 50px;
  max-height: 50px;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  footer .logo {
    margin-left: 0;
    margin: 0 auto;
  }
}
footer .logo.white {
  background: url(../images/cryptanz-white.svg);
}
@media only screen and (max-width: 480px) {
  footer .logo {
    margin: 12px auto;
  }
  footer .logo ul li {
    font-size: 13px;
  }
}
footer .arrowFooter {
  position: fixed;
  width: 48px;
  height: 48px;
  background-size: contain;
  background-color: white;
  box-shadow: 0 0px 8px rgba(4, 25, 39, 0.15);
  bottom: -72px;
  left: 50%;
  margin-left: -24px;
  transform: rotate(-90deg);
  padding: 24px;
  border-radius: 64px;
  transition: 1s;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .arrowFooter img {
  min-width: 32px;
  max-width: 32px;
  min-height: 32px;
  max-height: 32px;
  filter: none;
  opacity: 1;
  margin: 0;
}
footer .arrowFooter:hover {
  transform: scale(1.2) rotate(-90deg);
}
footer.dofon {
  background-color: #000;
}
footer.dofon .arrowFooter {
  bottom: 12px;
}

body.final header.fixed {
  background: black;
}
body.final header.fixed .logo {
  background: url(../images/cryptanz-white.svg);
}
body.final header.fixed nav ul li a {
  color: #777;
  border-radius: 24px;
  font-size: 0.8rem;
  transition: 0.35s;
  background: none;
}
body.final header.fixed nav ul li a:hover {
  background: #3d3d3d;
  color: white;
}
body.final header.fixed nav ul.users li a {
  color: white;
}
body.final header.fixed nav ul.users li a:hover {
  background: #00ae00;
  color: white;
}
body.final header.fixed nav ul.users li:last-child a {
  background: #196719;
}
body.final header.fixed nav ul li a {
  color: #fff;
  border-color: #3d3d3d;
  transition: 0.35s;
  background: none;
}
body.final header.fixed nav ul li a:hover {
  background: #3d3d3d;
  color: white;
}
body.final header.fixed nav ul.user li a {
  color: #00ae00;
  border-color: #3d3d3d;
  background: #000;
}
body.final header.fixed nav ul.user li a:hover {
  background: #00ae00;
  color: white;
  border: none;
}

.text-align-left {
  text-align: left;
}

@keyframes bounceRight {
  0% {
    margin-right: 12px;
    opacity: 0;
  }
  100% {
    margin-right: 0px;
    opacity: 0.99;
  }
}
@keyframes bounce {
  0% {
    margin-left: -64px;
    opacity: 0;
  }
  100% {
    margin-left: 0px;
    opacity: 0.99;
  }
}
@keyframes scale {
  50% {
    transform: scale(0.98);
  }
}
@keyframes roll {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(168deg) scale(1.3);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes move {
  0% {
    left: 25%;
  }
  50% {
    left: 60%;
  }
  100% {
    left: 25%;
  }
}
.animaLeft {
  animation: bounce 1.5s ease;
}

.animeRight {
  animation: bounceRight 1.5s ease;
}

.overflow-hidden {
  overflow: hidden;
}

.position-absolute {
  position: absolute !important;
}

#icon-animation {
  position: absolute;
  top: -1000px;
  left: 1000px;
  transform: rotate(45deg);
  opacity: 0.77;
}

.icons-row.bg-even {
  animation: movebg-even 150s linear infinite;
}

.icons-row.bg-odd {
  animation: movebg-odd 200s linear infinite;
}

@keyframes movebg-even {
  from {
    background-position: 0 -1988px;
  }
  to {
    background-position: 0 1988px;
  }
}
@keyframes movebg-odd {
  from {
    background-position: 0 -1988px;
  }
  to {
    background-position: 0 1988px;
  }
}
#icon-ani {
  position: absolute;
  top: -980px;
  right: -720px;
  transform: rotate(45deg);
  z-index: -1;
  opacity: 0.12;
}

.icons-row:nth-child(1) {
  opacity: 1;
}
.icons-row:nth-child(2) {
  opacity: 0.75;
}
.icons-row:nth-child(3) {
  opacity: 0.5;
}
.icons-row:nth-child(4) {
  opacity: 0.25;
}

.icons-row.bg-e {
  animation: movebg-e 150s linear infinite;
}

.icons-row.bg-o {
  animation: movebg-o 200s linear infinite;
}

@keyframes movebg-e {
  from {
    background-position: 0 -1499px;
  }
  to {
    background-position: 0 1499px;
  }
}
@keyframes movebg-o {
  from {
    background-position: 0 -1499px;
  }
  to {
    background-position: 0 1499px;
  }
}
#slideshow {
  position: relative;
}
.r45 {
  transform: rotate(45deg);
}

.openModal.load:before, .list-cryptos .loading, .loadSmarth .loading, .erizo-mouse .loading, .loading .spin {
  animation-play-state: running;
  opacity: 1;
  position: relative;
  position: absolute;
  width: 38px;
  height: 38px;
  background: white;
  border-radius: 24px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  opacity: 1;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin-left: -19px;
}
@keyframes spinner {
  0% {
    transform: translate3d(-50%, -50%, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(-50%, -50%, 0) rotate(360deg);
  }
}
.-paused.openModal.load:before, .list-cryptos .-paused.loading, .loadSmarth .-paused.loading, .erizo-mouse .-paused.loading, .loading .-paused.spin {
  animation-play-state: paused;
  opacity: 0.2;
  transition: opacity linear 0.1s;
}
.openModal.load::before, .list-cryptos .loading::before, .loadSmarth .loading::before, .erizo-mouse .loading::before, .loading .spin::before {
  animation: 1.5s linear infinite spinner;
  animation-play-state: inherit;
  border: solid 3px #dedede;
  border-bottom-color: #EF6565;
  border-radius: 50%;
  content: "";
  height: 40px;
  left: 50%;
  opacity: inherit;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 40px;
  will-change: transform;
}
.openModal.load:before, .list-cryptos .loading:before, .loadSmarth .loading:before, .erizo-mouse .loading:before, .loading .spin:before {
  border: solid 4px #fafafa;
  border-bottom-color: #000;
  width: 28px;
  height: 28px;
}

.st0 {
  fill: #36A936;
}

@-webkit-keyframes success-out {
  0% {
    opacity: 1;
  }
  25% {
    transform: scale(1.1);
    opacity: 1;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    margin-top: -16px;
  }
}

.security .box .icon img.confianza, .list-cryptos .crypto.refresh .price, .faqApi .data.visto:before {
  animation: 1s success-fade;
  animation-iteration-count: 1;
}
@-webkit-keyframes success-fade {
  0% {
    transform: scale(0.95);
  }
  50% {
    transform: scale(1.1);
    color: white;
  }
  100% {
    transform: scale(0.95);
    color: #196719;
  }
}

@-webkit-keyframes success-top {
  0% {
    transform: translate(0, 0%);
  }
  50% {
    transform: translate(0, -5px);
    background: #f2f2f2;
  }
  100% {
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes success-left {
  0% {
    transform: translate(-12px, 0px);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0px);
    opacity: 1;
  }
}

@-webkit-keyframes success-left-right {
  0% {
    transform: translate(0, 0px);
  }
  33% {
    transform: translate(12px, 0px);
  }
  66% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes success-confirm {
  0% {
    transform: translate(0, 0%);
  }
  50% {
    transform: translate(0, 0px);
    background: white;
    box-shadow: 0 6px 12px rgba(74, 77, 110, 0.33);
  }
  100% {
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes success-tada {
  0% {
    transform: translate(0, 0%);
  }
  50% {
    color: green;
    transform: scale(1.1);
  }
  100% {
    transform: translate(0, 0px);
  }
}

body.dark.scroll header.fixed nav ul.users li:last-child a, footer.dofon .btn.empezar, body.final header.fixed nav ul.users li:last-child a {
  animation: 2s success-tada2 infinite;
}
@-webkit-keyframes success-tada2 {
  50% {
    background: #000;
    box-shadow: rgb(235, 253, 229) 0px 1px 16px;
  }
}

@-webkit-keyframes success-error {
  0% {
    transform: translate(0, 0%);
  }
  33% {
    transform: scale(1.1);
    transform: translate(-24px, 0);
  }
  66% {
    transform: scale(1.1);
    transform: translate(24px, 0);
  }
  100% {
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes saludo {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(1.2) rotate(5deg);
  }
  66% {
    transform: scale(1.2) rotate(-5deg);
  }
  100% {
    transform: scale(1);
  }
}

body.erizo .bichito.open {
  animation: 3s ani-top;
  animation-iteration-count: 1;
}
@-webkit-keyframes ani-top {
  0% {
    margin-top: -400px;
    opacity: 1;
  }
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

.cookies .icoCookies.acepto, body.erizo .bichito.papa, footer.dofon .content-logo .somma {
  animation: 1.6s linear infinite;
  animation-name: ani-flota;
}
@-webkit-keyframes ani-flota {
  25% {
    -webkit-transform: translateY(-4px);
  }
  50%, 100% {
    -webkit-transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(4px);
  }
}

@-webkit-keyframes success-intro {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.timeline {
  position: relative;
  width: 100%;
  height: 4px;
  z-index: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 480px) {
  .timeline {
    height: 18px;
    margin: 0;
  }
  .timeline ul li {
    font-size: 13px;
  }
}
.timeline:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #cbcbcb;
  top: 50%;
  margin-top: -2px;
  z-index: 0;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.15);
}
.timeline .step {
  content: "";
  position: absolute;
  height: 3px;
  background: #138613;
  top: 50%;
  margin-top: -2px;
  z-index: 1;
  transition: 0.5s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.timeline .circle {
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background: white;
  text-align: center;
  color: #138613;
  line-height: 12px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 12px;
}
@media only screen and (max-width: 480px) {
  .timeline .circle {
    width: 18px;
    height: 18px;
    border-radius: 18px;
    line-height: 18px;
  }
  .timeline .circle ul li {
    font-size: 13px;
  }
}
.timeline .circle i {
  min-width: 18px;
  max-width: 18px;
  min-height: 18px;
  max-height: 18px;
  background: url(../img/icos/white/ico-ok-02.svg) no-repeat;
  display: none;
}
@media only screen and (max-width: 480px) {
  .timeline .circle i {
    transform: scale(0.6);
  }
  .timeline .circle i ul li {
    font-size: 13px;
  }
}
@media only screen and (max-width: 480px) {
  .timeline .circle i {
    min-width: 18px;
    max-width: 18px;
    min-height: 18px;
    max-height: 18px;
  }
  .timeline .circle i ul li {
    font-size: 13px;
  }
}
.timeline.uno .circle.uno {
  background: #138613;
}
.timeline.uno .step {
  width: 0%;
}
.timeline.dos .circle.uno {
  background: #138613;
}
.timeline.dos .circle.uno span {
  display: none;
}
.timeline.dos .circle.uno i {
  display: block;
}
.timeline.dos .circle.dos {
  background: #138613;
}
.timeline.dos .step {
  width: 14.285%;
}
.timeline.tres .circle.uno {
  background: #138613;
}
.timeline.tres .circle.uno span {
  display: none;
}
.timeline.tres .circle.uno i {
  display: block;
}
.timeline.tres .circle.dos {
  background: #138613;
}
.timeline.tres .circle.dos span {
  display: none;
}
.timeline.tres .circle.dos i {
  display: block;
}
.timeline.tres .circle.tres {
  background: #138613;
}
.timeline.tres .step {
  width: 28.57%;
}
.timeline.cuatro .circle.uno span {
  display: none;
}
.timeline.cuatro .circle.uno {
  background: #138613;
}
.timeline.cuatro .circle.uno i {
  display: block;
}
.timeline.cuatro .circle.dos {
  background: #138613;
}
.timeline.cuatro .circle.dos span {
  display: none;
}
.timeline.cuatro .circle.dos i {
  display: block;
}
.timeline.cuatro .circle.tres {
  background: #138613;
}
.timeline.cuatro .circle.tres span {
  display: none;
}
.timeline.cuatro .circle.tres i {
  display: block;
}
.timeline.cuatro .circle.cuatro {
  background: #138613;
}
.timeline.cuatro .step {
  width: 42.855%;
}
.timeline.cinco .circle.uno span {
  display: none;
}
.timeline.cinco .circle.uno {
  background: #138613;
}
.timeline.cinco .circle.uno i {
  display: block;
}
.timeline.cinco .circle.dos {
  background: #138613;
}
.timeline.cinco .circle.dos span {
  display: none;
}
.timeline.cinco .circle.dos i {
  display: block;
}
.timeline.cinco .circle.tres {
  background: #138613;
}
.timeline.cinco .circle.tres span {
  display: none;
}
.timeline.cinco .circle.tres i {
  display: block;
}
.timeline.cinco .circle.cuatro {
  background: #138613;
}
.timeline.cinco .circle.cuatro span {
  display: none;
}
.timeline.cinco .circle.cuatro i {
  display: block;
}
.timeline.cinco .circle.cinco {
  background: #138613;
}
.timeline.cinco .step {
  width: 57.14%;
}
.timeline.seis .circle.uno span {
  display: none;
}
.timeline.seis .circle.uno {
  background: #138613;
}
.timeline.seis .circle.uno i {
  display: block;
}
.timeline.seis .circle.dos {
  background: #138613;
}
.timeline.seis .circle.dos span {
  display: none;
}
.timeline.seis .circle.dos i {
  display: block;
}
.timeline.seis .circle.tres {
  background: #138613;
}
.timeline.seis .circle.tres span {
  display: none;
}
.timeline.seis .circle.tres i {
  display: block;
}
.timeline.seis .circle.cuatro {
  background: #138613;
}
.timeline.seis .circle.cuatro span {
  display: none;
}
.timeline.seis .circle.cuatro i {
  display: block;
}
.timeline.seis .circle.cinco {
  background: #138613;
}
.timeline.seis .circle.cinco span {
  display: none;
}
.timeline.seis .circle.cinco i {
  display: block;
}
.timeline.seis .circle.seis {
  background: #138613;
}
.timeline.seis .step {
  width: 71.425%;
}
.timeline.siete .circle.uno span {
  display: none;
}
.timeline.siete .circle.uno {
  background: #138613;
}
.timeline.siete .circle.uno i {
  display: block;
}
.timeline.siete .circle.dos {
  background: #138613;
}
.timeline.siete .circle.dos span {
  display: none;
}
.timeline.siete .circle.dos i {
  display: block;
}
.timeline.siete .circle.tres {
  background: #138613;
}
.timeline.siete .circle.tres span {
  display: none;
}
.timeline.siete .circle.tres i {
  display: block;
}
.timeline.siete .circle.cuatro {
  background: #138613;
}
.timeline.siete .circle.cuatro span {
  display: none;
}
.timeline.siete .circle.cuatro i {
  display: block;
}
.timeline.siete .circle.cinco {
  background: #138613;
}
.timeline.siete .circle.cinco span {
  display: none;
}
.timeline.siete .circle.cinco i {
  display: block;
}
.timeline.siete .circle.seis {
  background: #138613;
}
.timeline.siete .circle.seis span {
  display: none;
}
.timeline.siete .circle.seis i {
  display: block;
}
.timeline.siete .circle.siete {
  background: #138613;
}
.timeline.siete .step {
  width: 85.71%;
}
.timeline.final .circle.uno {
  background: #138613;
}
.timeline.final .circle.dos {
  background: #138613;
}
.timeline.final .circle.tres {
  background: #138613;
}
.timeline.final .circle.cuatro {
  background: #138613;
}
.timeline.final .circle.cinco {
  background: #138613;
}
.timeline.final .circle.seis {
  background: #138613;
}
.timeline.final .circle.siete {
  background: #138613;
}
.timeline.final .circle.uno span {
  display: none;
}
.timeline.final .circle.dos span {
  display: none;
}
.timeline.final .circle.tres span {
  display: none;
}
.timeline.final .circle.cuatro span {
  display: none;
}
.timeline.final .circle.cinco span {
  display: none;
}
.timeline.final .circle.seis span {
  display: none;
}
.timeline.final .circle.siete span {
  display: none;
}
.timeline.final .circle.uno i {
  display: block;
}
.timeline.final .circle.dos i {
  display: block;
}
.timeline.final .circle.tres i {
  display: block;
}
.timeline.final .circle.cuatro i {
  display: block;
}
.timeline.final .circle.cinco i {
  display: block;
}
.timeline.final .circle.seis i {
  display: block;
}
.timeline.final .circle.siete i {
  display: block;
}
.timeline.final .step {
  width: 100%;
}
.timeline.final .step:before {
  opacity: 1;
  right: 0;
}
.timeline._50.dos .step {
  width: 50%;
}
.timeline._33.dos .step {
  width: 33.333336%;
}
.timeline._33.tres .step {
  width: 66.333336%;
}
.timeline._25.dos .step {
  width: 25%;
}
.timeline._25.tres .step {
  width: 50%;
}
.timeline._25.cuatro .step {
  width: 75%;
}
.timeline._20.dos .step {
  width: 20%;
}
.timeline._20.tres .step {
  width: 40%;
}
.timeline._20.cuatro .step {
  width: 60%;
}
.timeline._20.cinco .step {
  width: 80%;
}
.timeline.progress {
  background: none;
}
@media only screen and (max-width: 480px) {
  .timeline.progress {
    margin-top: 24px;
  }
  .timeline.progress ul li {
    font-size: 13px;
  }
}
.timeline.progress .step {
  width: 0%;
}
.timeline.progress .step:before {
  width: 18px;
  height: 18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  border-radius: 18px;
  background: #138613;
  z-index: 2;
  content: "";
  position: absolute;
  right: 0;
  top: -6px;
}
.timeline.progress.final .step:before {
  right: 0;
}
.timeline.home {
  margin-top: 48px;
  justify-content: space-around;
}
.timeline.home .circle {
  width: 24px;
  height: 24px;
  box-shadow: rgba(41, 172, 0, 0.5) 0px 2px 6px;
}

.timelabel {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
}
.timelabel span {
  padding: 4px 6px;
  color: #000;
}
@media only screen and (max-width: 480px) {
  .timelabel {
    display: none;
  }
  .timelabel ul li {
    font-size: 13px;
  }
}

.testimonials-section {
  height: 200px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: center;
}

.slider__nav {
  width: 12px;
  height: 12px;
  margin: 20px 12px;
  border-radius: 50%;
  z-index: 10;
  outline: 6px solid #ccc;
  outline-offset: -6px;
  box-shadow: 0 0 0 0 #138613, 0 0 0 0 rgba(0, 76, 186, 0);
  cursor: pointer;
  appearance: none;
  backface-visibility: hidden;
}

.slider__nav:checked {
  -webkit-animation: check 0.4s linear forwards;
  animation: check 0.4s linear forwards;
}

.slider__nav:checked:nth-of-type(1) ~ .slider__inner {
  left: 0%;
}

.slider__nav:checked:nth-of-type(2) ~ .slider__inner {
  left: -100%;
}

.slider__nav:checked:nth-of-type(3) ~ .slider__inner {
  left: -200%;
}

.slider__nav:checked:nth-of-type(4) ~ .slider__inner {
  left: -300%;
}

.slider__nav:checked:nth-of-type(5) ~ .slider__inner {
  left: -400%;
}

.slider__inner {
  position: absolute;
  top: 48px;
  left: 0;
  width: 300%;
  height: auto;
  transition: left 0.4s;
  display: flex;
  flex-flow: row nowrap;
}

.slider__contents {
  height: 100%;
  text-align: center;
  display: flex;
  flex: 1;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}

.slider__caption {
  font-size: 0.8rem;
  color: #111;
  opacity: 0.5;
}

h2.slider__caption {
  font-size: 0.8rem;
  color: #111;
  opacity: 0.5;
}

.slider__txt {
  font-size: 1.5rem;
  max-width: 750px;
  margin-bottom: 12px;
  font-family: "Oswald", sans-serif;
}

quote {
  font-weight: bold;
  font-size: 100px;
  color: #247b24;
  margin-bottom: 0;
}

@-webkit-keyframes check {
  50% {
    outline-color: #138613;
    box-shadow: 0 0 0 12px #138613, 0 0 0 24px rgba(0, 76, 186, 0.2);
  }
  100% {
    outline-color: #138613;
    box-shadow: 0 0 0 0 #138613, 0 0 0 0 rgba(0, 76, 186, 0);
  }
}
@keyframes check {
  50% {
    outline-color: #138613;
    box-shadow: 0 0 0 12px #138613, 0 0 0 24px rgba(0, 76, 186, 0.2);
  }
  100% {
    outline-color: #138613;
    box-shadow: 0 0 0 0 #138613, 0 0 0 0 rgba(0, 76, 186, 0);
  }
}
.stars-rating {
  --star: 24px;
  --stars-width: calc(var(--star) * 5);
  --stars-height: var(--star);
  --gap: calc(var(--star) / 100);
  --rating: 0;
  --rating-width: calc(
    (var(--gap) * var(--rating)) + (var(--star) * var(--rating))
  );
  position: relative;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='328' height='64' viewBox='0 0 328 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 0L39.1844 22.1115H62.4338L43.6247 35.7771L50.8091 57.8885L32 44.2229L13.1909 57.8885L20.3753 35.7771L1.56619 22.1115H24.8156L32 0Z' fill='%23C4C4C4'/%3E%3Cpath d='M98 0L105.184 22.1115H128.434L109.625 35.7771L116.809 57.8885L98 44.2229L79.1909 57.8885L86.3753 35.7771L67.5662 22.1115H90.8156L98 0Z' fill='%23C4C4C4'/%3E%3Cpath d='M164 0L171.184 22.1115H194.434L175.625 35.7771L182.809 57.8885L164 44.2229L145.191 57.8885L152.375 35.7771L133.566 22.1115H156.816L164 0Z' fill='%23C4C4C4'/%3E%3Cpath d='M230 0L237.184 22.1115H260.434L241.625 35.7771L248.809 57.8885L230 44.2229L211.191 57.8885L218.375 35.7771L199.566 22.1115H222.816L230 0Z' fill='%23C4C4C4'/%3E%3Cpath d='M296 0L303.184 22.1115H326.434L307.625 35.7771L314.809 57.8885L296 44.2229L277.191 57.8885L284.375 35.7771L265.566 22.1115H288.816L296 0Z' fill='%23C4C4C4'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: var(--stars-width) auto;
  height: var(--stars-height);
  width: var(--stars-width);
}

.rating {
  position: absolute;
  overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg width='1030' height='186' viewBox='0 0 1030 186' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M93 0L113.88 64.2614H181.448L126.784 103.977L147.664 168.239L93 128.523L38.336 168.239L59.2158 103.977L4.55174 64.2614H72.1202L93 0Z' fill='gold'/%3E%3Cpath d='M304 0L324.88 64.2614H392.448L337.784 103.977L358.664 168.239L304 128.523L249.336 168.239L270.216 103.977L215.552 64.2614H283.12L304 0Z' fill='gold'/%3E%3Cpath d='M515 0L535.88 64.2614H603.448L548.784 103.977L569.664 168.239L515 128.523L460.336 168.239L481.216 103.977L426.552 64.2614H494.12L515 0Z' fill='gold'/%3E%3Cpath d='M726 0L746.88 64.2614H814.448L759.784 103.977L780.664 168.239L726 128.523L671.336 168.239L692.216 103.977L637.552 64.2614H705.12L726 0Z' fill='gold'/%3E%3Cpath d='M937 0L957.88 64.2614H1025.45L970.784 103.977L991.664 168.239L937 128.523L882.336 168.239L903.216 103.977L848.552 64.2614H916.12L937 0Z' fill='gold'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: var(--stars-width) auto;
  height: var(--stars-height);
  width: var(--rating-width);
}

.star.wrapper {
  display: flex;
  margin: 12px;
}
.star.wrapper .star {
  position: relative;
}
.star.wrapper .star:before {
  content: "★";
  color: #138613;
}
.star.wrapper .star-empty {
  position: relative;
}
.star.wrapper .star-empty:before {
  content: "☆";
  color: #138613;
}

.modal .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-weight: 600;
  box-shadow: 0 0px 16px rgba(0, 0, 0, 0.11);
  background: white;
  color: #138613;
  padding: 0 24px;
  margin: 24px auto;
  border: 2px solid #138613;
  font-size: 1rem;
  transition: 0.15s;
  line-height: 32px;
}
.modal .btn.border {
  color: #247b24;
  border-color: #247b24;
}
@media only screen and (max-width: 480px) {
  .modal .btn {
    margin: 8px auto;
  }
  .modal .btn ul li {
    font-size: 13px;
  }
}
.modal .btn:hover {
  background: #fafafa;
  color: #247b24;
  border-color: #247b24;
}
.modal .btn:hover i {
  filter: grayscale(0);
}
.modal .btn i {
  margin-left: -10px;
  transform: scale(0.75);
}
.modal .btn.suscription {
  font-size: 1rem;
  background: #138613;
  color: white;
}
.modal .btn.suscription i {
  background: url(../images/icos/ico-ok-01-w.svg) no-repeat;
}
.modal .btn.suscription:hover {
  border-color: #138613;
}
.modal .btn.whatsapp i {
  background: url(../images/icos/ico-whatsapp.svg) no-repeat;
}
.modal .btn.phone i {
  background: url(../images/icos/ico-phone.svg) no-repeat;
}
.modal .btn.mail i {
  background: url(../images/icos/ico-mail.svg) no-repeat;
}
.modal .btn.send i {
  min-width: 24px;
  min-height: 24px;
  background: url(../images/icos/ico-arrow.svg) no-repeat;
}
@media only screen and (max-width: 768px) {
  .modal .btn {
    margin: 18px auto;
  }
}
@media only screen and (max-width: 480px) {
  .modal .btn {
    width: 100%;
    margin: 6px auto;
  }
  .modal .btn ul li {
    font-size: 13px;
  }
}

.small {
  font-size: 0.8rem;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0);
  z-index: -1;
  opacity: 0;
  transition: 100ms;
}
.modal.transition {
  display: block;
  z-index: 9999;
}
.modal.open {
  transition: 100ms;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}
.modal .modal-window {
  transition: 300ms;
  position: relative;
  background-color: #ffffff;
  width: 50%;
  margin: 10% auto;
  padding: 20px;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.15);
  border-radius: 24px;
  opacity: 0;
}
.modal .modal-window.small {
  width: 50%;
}
@media only screen and (max-width: 480px) {
  .modal .modal-window.small {
    width: 98%;
    margin: 1% auto;
  }
  .modal .modal-window.small ul li {
    font-size: 13px;
  }
}
.modal .modal-window.large {
  width: 90%;
}
.modal .modal-window.terms {
  width: 66%;
}
.modal .modal-window.terms h4 {
  margin: 12px 0;
  font-size: 1.5rem;
}
@media only screen and (max-width: 480px) {
  .modal .modal-window.terms {
    width: 100%;
  }
  .modal .modal-window.terms ul li {
    font-size: 13px;
  }
}
.modal .modal-window.terms h3 {
  font-size: 1rem;
}
.modal .modal-window.terms .terminos,
.modal .modal-window.terms .politicas {
  text-align: left;
  height: 320px;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal .modal-window.terms .terminos h2,
.modal .modal-window.terms .politicas h2 {
  margin: 12px 0;
  text-align: left;
  border-bottom: 1px solid #ccc;
  padding-bottom: 6px;
  justify-content: flex-start;
}
.modal .modal-window.terms .terminos h3,
.modal .modal-window.terms .politicas h3 {
  text-align: left;
}
.modal .modal-window.terms .terminos p,
.modal .modal-window.terms .politicas p {
  line-height: normal;
  margin-bottom: 24px;
}
.modal .close:focus {
  color: #000000;
  cursor: pointer;
}
.modal h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 480px) {
  .modal h2 {
    font-size: 20px;
  }
  .modal h2 ul li {
    font-size: 13px;
  }
}
.modal h2 i {
  filter: grayscale(1);
}
.modal h3 {
  color: #196719;
  margin-top: 24px;
  margin-bottom: 12px;
  text-align: center;
  font-size: 1rem;
}
.modal .close {
  background-image: url(../images/icos/ico-close-w.svg);
  background-color: #bebebe;
  position: absolute;
  right: 10px;
  top: 10px;
  border: none;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
  cursor: pointer;
  transform: scale(0.87);
  box-shadow: 0 0px 8px rgba(4, 25, 39, 0.15);
  z-index: 1;
  width: 28px;
  height: 28px;
}
.modal .close:hover {
  transform: scale(1);
}
@media only screen and (max-width: 480px) {
  .modal .close {
    right: 0px;
    top: 0px;
  }
  .modal .close ul li {
    font-size: 13px;
  }
}
.modal.open .modal-window {
  opacity: 1;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 173, 0, 0.9);
  display: none;
}
.modal-backdrop.open {
  opacity: 0.9;
  z-index: 1040;
}

.modal-lg,
.modal-xl {
  max-width: 840px;
}

.modal-sm {
  max-width: 420px;
}

.modal_ {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: 1s;
}
.modal_.register {
  display: none;
  top: 0;
  background: rgba(0, 0, 0, 0.85);
  border-radius: 0;
  box-shadow: none;
  opacity: 0;
}
.modal_.register.transition {
  display: block;
}
.modal_.register.transition.open {
  top: 0;
  opacity: 1;
  position: fixed;
  z-index: 999;
}
.modal_ .btnClose {
  background-image: url(../images/icos/ico-close-w.svg);
  background-color: #bebebe;
  position: absolute;
  right: 10px;
  top: 10px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
  cursor: pointer;
  transform: scale(0.87);
  box-shadow: 0 0px 8px rgba(4, 25, 39, 0.15);
  z-index: 1;
  width: 28px;
  height: 28px;
}
.modal_ .btnClose:hover {
  transform: scale(1);
}
@media only screen and (max-width: 480px) {
  .modal_ .btnClose {
    right: 0px;
    top: 0px;
  }
  .modal_ .btnClose ul li {
    font-size: 13px;
  }
}

.modal_ .modal-dialog {
  margin-top: 5%;
  margin: 1rem auto;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0 0px 8px rgba(4, 25, 39, 0.15);
}

.modal_.continuar {
  position: fixed;
  width: 320px;
  height: 200px;
  opacity: 0;
  bottom: 24px;
  margin-bottom: -100px;
  right: 0;
}
.modal_.continuar .modal-dialog {
  padding: 0;
}
.modal_.continuar .modal-dialog .modal-content {
  padding: 12px;
}
.modal_.continuar .modal-dialog .modal-content.dark {
  background: black;
  color: white;
  border-radius: 12px;
  box-shadow: rgba(41, 172, 0, 0.5) 0px 2px 6px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.modal_.continuar .modal-dialog .modal-content h3 {
  font-size: 1rem;
  color: #138613;
  margin-bottom: 24px;
  text-align: left;
}
.modal_.continuar .modal-dialog .modal-content a {
  color: darkgray;
  font-size: 0.8rem;
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.modal_.continuar .modal-dialog .modal-content a:after {
  content: "";
  background: url(../images/icos/ico-arrow.svg);
  min-width: 24px;
  max-width: 24px;
  min-height: 24px;
  max-height: 24px;
  margin-left: 12px;
}

body.end .modal_.continuar {
  margin-bottom: 0;
  opacity: 1;
  z-index: 999;
}

a {
  color: #138613;
}

.new-account {
  font-size: 1.5rem;
  color: #138613;
  display: flex;
  margin-bottom: 24px;
}
.new-account i {
  width: 60px;
  height: 48px;
  background: url(../images/logo.svg) no-repeat;
}

.form-row {
  display: flex;
  text-align: left;
  position: relative;
  flex-direction: column;
  position: relative;
  margin-bottom: 12px;
}
@media only screen and (max-width: 768px) {
  .form-row {
    flex-direction: column;
    padding: 0;
  }
}
.form-row label {
  cursor: pointer;
  font-size: 15px;
  margin: 12px 0;
  text-align: left;
  color: #138613;
}
@media only screen and (max-width: 768px) {
  .form-row label {
    min-width: 100%;
    max-width: 100%;
    margin: 6px 0 12px 0;
    text-align: left;
  }
}
.form-row label strong {
  color: #247b24;
  margin-right: 6px;
  font-weight: 100;
}
.form-row input,
.form-row select {
  transition: 0.31s;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
  border: 1px solid #ccc;
  font-size: 16px;
  line-height: 38px;
  height: 38px;
  padding: 0 12px;
  outline: 0;
  background: white;
  width: 100%;
  color: #555;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .form-row input,
  .form-row select {
    min-width: 100%;
    max-width: 100%;
  }
}
.form-row input:focus,
.form-row select:focus {
  border: 1px solid #138613;
  color: #138613;
  outline: none;
  box-shadow: 0 0 0 0.1rem rgba(92, 104, 119, 0.5);
}
.form-row input:focus::placeholder,
.form-row select:focus::placeholder {
  color: #b5b5b5;
}
.form-row input::placeholder,
.form-row select::placeholder {
  color: #b5b5b5;
}
@media only screen and (max-width: 768px) {
  .form-row input,
  .form-row select {
    flex-direction: column;
  }
}
.form-row input.form-check-input,
.form-row select.form-check-input {
  line-height: 18px;
  height: 18px;
  margin: 0 auto;
  margin-bottom: 8px;
  margin-top: 8px;
}
.form-row input.form-check-input:focus,
.form-row select.form-check-input:focus {
  box-shadow: none;
}
.form-row input[type=radio i] {
  color: #000;
  background: red;
}
.form-row .w100 {
  width: 100%;
}

.legal {
  font-size: 0.8rem;
  margin: 0 24px 0;
  margin-left: 24px;
  text-align: left;
}

.form-check {
  text-align: center;
  filter: grayscale(1);
}

.form-check-input {
  margin-bottom: 12px;
}

.form-row label.form-check-label {
  font-size: 0.8rem;
  color: #000;
}

body.dark .form-row label.form-check-label {
  color: white;
}

.contact {
  padding: 4rem;
  position: relative;
}
.contact h3 {
  font-weight: 100;
}
@media only screen and (max-width: 768px) {
  .contact {
    padding: 1.5rem;
  }
}
.contact form {
  position: relative;
  min-width: 480px;
  max-width: 480px;
  background: white;
  padding: 24px;
  margin: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 0px 16px rgba(0, 0, 0, 0.11);
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
}
@media only screen and (max-width: 768px) {
  .contact form {
    min-width: 100%;
    max-width: 100%;
    padding: 1.5rem;
  }
}
.contact .btn {
  min-width: 100%;
}

.btn-xl {
  min-width: 100%;
}

@-webkit-keyframes success-border {
  0% {
    transform: translateX(-50%) scale(0);
  }
  100% {
    transform: translateX(-50%) scale(1);
  }
}
@-webkit-keyframes success-border-fade {
  0% {
    transform: translateX(-50%) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) scale(2);
    opacity: 0;
  }
}
@-webkit-keyframes success-icon-ok {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
.container-success-zero {
  position: relative;
  width: 100%;
}
.container-success-zero .icon-success-zero {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 24px auto;
  margin-top: 0;
}
.container-success-zero .icon-success-zero .border-icon {
  display: inline-block;
  position: relative;
  border: 5px solid #00ad00;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  left: 50%;
  transform: translateX(-50%) scale(1);
  animation: success-ok;
  animation-duration: 1000ms;
  animation-iteration-count: 1;
}
.container-success-zero .icon-success-zero .border-fade-icon {
  display: inline-block;
  position: absolute;
  border: 5px solid #00ad00;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  left: 50%;
  transform: translateX(-50%) scale(2);
  opacity: 0;
  animation: success-border-fade;
  animation-duration: 800ms;
  animation-iteration-count: 1;
  animation-delay: 1000ms;
}
.container-success-zero .icon-success-zero .ico-ok {
  position: absolute;
  top: 50px;
  left: 50px;
  transform: translate(-50%, -50%) scale(1);
  color: #00ad00;
  animation: success-icon-ok;
  animation-duration: 1s;
  animation-delay: 1000ms;
  animation-iteration-count: 1;
  min-width: 96px;
  max-width: 96px;
  min-height: 96px;
  max-height: 96px;
  background: url(../images/icos/ico-ok-01.svg) no-repeat;
}

.alert {
  position: relative;
  font-size: 0.9rem;
  transition: 1s;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3px 0;
}
.alert.bye {
  opacity: 0;
  margin-top: -25px;
  height: 0;
}

.alert-danger {
  margin-top: 6px;
  border-radius: 0.25rem;
  color: #721c24;
  background-color: #f8d7da;
  border-color: rgb(245, 198, 203);
  box-shadow: 0 1px 2px rgba(214, 17, 37, 0.085), 0 1px 8px rgba(245, 198, 203, 0.1);
}

.alert-success {
  border-radius: 0.25rem;
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
  position: absolute;
  bottom: -3px;
  width: 100%;
  left: 0;
  z-index: 99;
}

#nuevo-cliente {
  position: relative;
}

.modalContact {
  background: white;
  position: absolute;
  border-radius: 24px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: 1s;
  box-shadow: rgba(41, 172, 0, 0.5) 0px 2px 6px;
  z-index: -1;
  opacity: 0;
  margin-left: -100%;
}
.modalContact.open {
  padding: 24px;
  margin-left: 0;
  z-index: 1;
  opacity: 1;
}
.modalContact img {
  width: 32px;
  height: 32px;
  margin-right: 12px;
}
.modalContact span {
  display: flex;
  font-size: 1.2rem;
  color: #138613;
  align-items: center;
}
.modalContact span strong {
  color: #247b24;
  margin-left: 4px;
  font-weight: bold;
}
.modalContact .cliente {
  display: none;
}
.modalContact .cliente:last-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* overlay */
.overlay {
  z-index: -10;
  background-color: rgba(0, 0, 0, 0.9);
  height: 100%;
  width: 100%;
  position: fixed;
  opacity: 0;
  transition: 0.33s;
}
.overlay.show {
  opacity: 1;
  z-index: 15;
}

body.dark .overlay {
  background-color: hsla(0deg, 0%, 0%, 0.95);
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(255, 255, 255);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
  transition: 1s all;
  opacity: 0;
}

.loading.show {
  opacity: 1;
  z-index: 9999;
}

body.erizo .loading #somma {
  transform: translate(0%, 5%);
  transition: 1s;
  transition: fill 1s ease;
}
body.erizo .loading #somma path:nth-child(1) {
  stroke-dasharray: 10px;
  stroke-dashoffset: 16px;
  animation: line-animam2 2s infinite;
}
@keyframes line-animam {
  to {
    opacity: 1;
    stroke-dasharray: 474px;
  }
  from {
    opacity: 0;
  }
}
@keyframes line-animam1 {
  25% {
    stroke-dasharray: 174px;
  }
  50% {
    stroke-dasharray: 274px;
  }
  75% {
    stroke-dasharray: 374px;
  }
  100% {
    stroke-dasharray: 474px;
  }
}
@keyframes line-animam2 {
  20% {
    stroke-dasharray: 174px;
  }
  40% {
    stroke-dasharray: 250px;
  }
  60% {
    stroke-dasharray: 300px;
  }
  80% {
    stroke-dasharray: 420px;
  }
  100% {
    stroke-dasharray: 474px;
  }
}
body.erizo .loading .loadingSomma {
  animation: fadeInUp 1s;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
body.erizo .loading .loadingSomma {
  width: 68px;
  height: 68px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -24px;
  margin-top: -24px;
  padding: 12px;
  box-shadow: rgba(41, 172, 0, 0.5) 0px 0px 6px;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  background: #00ad00;
}

.text-align-left {
  text-align: left;
}

@keyframes bounceRight {
  0% {
    margin-right: 12px;
    opacity: 0;
  }
  100% {
    margin-right: 0px;
    opacity: 0.99;
  }
}
@keyframes bounce {
  0% {
    margin-left: -64px;
    opacity: 0;
  }
  100% {
    margin-left: 0px;
    opacity: 0.99;
  }
}
@keyframes scale {
  50% {
    transform: scale(0.98);
  }
}
@keyframes roll {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(168deg) scale(1.3);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes move {
  0% {
    left: 25%;
  }
  50% {
    left: 60%;
  }
  100% {
    left: 25%;
  }
}
.animaLeft {
  animation: bounce 1.5s ease;
}

.animeRight {
  animation: bounceRight 1.5s ease;
}

.overflow-hidden {
  overflow: hidden;
}

.position-absolute {
  position: absolute !important;
}

#icon-animation {
  position: absolute;
  top: -1000px;
  left: 1000px;
  transform: rotate(45deg);
  opacity: 0.77;
}

.icons-row.bg-even {
  animation: movebg-even 150s linear infinite;
}

.icons-row.bg-odd {
  animation: movebg-odd 200s linear infinite;
}

@keyframes movebg-even {
  from {
    background-position: 0 -1988px;
  }
  to {
    background-position: 0 1988px;
  }
}
@keyframes movebg-odd {
  from {
    background-position: 0 -1988px;
  }
  to {
    background-position: 0 1988px;
  }
}
#icon-ani {
  position: absolute;
  top: -980px;
  right: -720px;
  transform: rotate(45deg);
  z-index: -1;
  opacity: 0.12;
}

.icons-row:nth-child(1) {
  opacity: 1;
}
.icons-row:nth-child(2) {
  opacity: 0.75;
}
.icons-row:nth-child(3) {
  opacity: 0.5;
}
.icons-row:nth-child(4) {
  opacity: 0.25;
}

.icons-row.bg-e {
  animation: movebg-e 150s linear infinite;
}

.icons-row.bg-o {
  animation: movebg-o 200s linear infinite;
}

@keyframes movebg-e {
  from {
    background-position: 0 -1499px;
  }
  to {
    background-position: 0 1499px;
  }
}
@keyframes movebg-o {
  from {
    background-position: 0 -1499px;
  }
  to {
    background-position: 0 1499px;
  }
}
#slideshow {
  position: relative;
}
.r45 {
  transform: rotate(45deg);
}

.openModal.load:before, .list-cryptos .loading, .loadSmarth .loading, .erizo-mouse .loading, .loading .spin {
  animation-play-state: running;
  opacity: 1;
  position: relative;
  position: absolute;
  width: 38px;
  height: 38px;
  background: white;
  border-radius: 24px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  opacity: 1;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin-left: -19px;
}
@keyframes spinner {
  0% {
    transform: translate3d(-50%, -50%, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(-50%, -50%, 0) rotate(360deg);
  }
}
.-paused.openModal.load:before, .list-cryptos .-paused.loading, .loadSmarth .-paused.loading, .erizo-mouse .-paused.loading, .loading .-paused.spin {
  animation-play-state: paused;
  opacity: 0.2;
  transition: opacity linear 0.1s;
}
.openModal.load::before, .list-cryptos .loading::before, .loadSmarth .loading::before, .erizo-mouse .loading::before, .loading .spin::before {
  animation: 1.5s linear infinite spinner;
  animation-play-state: inherit;
  border: solid 3px #dedede;
  border-bottom-color: #EF6565;
  border-radius: 50%;
  content: "";
  height: 40px;
  left: 50%;
  opacity: inherit;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 40px;
  will-change: transform;
}
.openModal.load:before, .list-cryptos .loading:before, .loadSmarth .loading:before, .erizo-mouse .loading:before, .loading .spin:before {
  border: solid 4px #fafafa;
  border-bottom-color: #000;
  width: 28px;
  height: 28px;
}

.st0 {
  fill: #36A936;
}

@-webkit-keyframes success-out {
  0% {
    opacity: 1;
  }
  25% {
    transform: scale(1.1);
    opacity: 1;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    margin-top: -16px;
  }
}

.security .box .icon img.confianza, .list-cryptos .crypto.refresh .price, .faqApi .data.visto:before {
  animation: 1s success-fade;
  animation-iteration-count: 1;
}
@-webkit-keyframes success-fade {
  0% {
    transform: scale(0.95);
  }
  50% {
    transform: scale(1.1);
    color: white;
  }
  100% {
    transform: scale(0.95);
    color: #196719;
  }
}

@-webkit-keyframes success-top {
  0% {
    transform: translate(0, 0%);
  }
  50% {
    transform: translate(0, -5px);
    background: #f2f2f2;
  }
  100% {
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes success-left {
  0% {
    transform: translate(-12px, 0px);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0px);
    opacity: 1;
  }
}

@-webkit-keyframes success-left-right {
  0% {
    transform: translate(0, 0px);
  }
  33% {
    transform: translate(12px, 0px);
  }
  66% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes success-confirm {
  0% {
    transform: translate(0, 0%);
  }
  50% {
    transform: translate(0, 0px);
    background: white;
    box-shadow: 0 6px 12px rgba(74, 77, 110, 0.33);
  }
  100% {
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes success-tada {
  0% {
    transform: translate(0, 0%);
  }
  50% {
    color: green;
    transform: scale(1.1);
  }
  100% {
    transform: translate(0, 0px);
  }
}

body.dark.scroll header.fixed nav ul.users li:last-child a, footer.dofon .btn.empezar, body.final header.fixed nav ul.users li:last-child a {
  animation: 2s success-tada2 infinite;
}
@-webkit-keyframes success-tada2 {
  50% {
    background: #000;
    box-shadow: rgb(235, 253, 229) 0px 1px 16px;
  }
}

@-webkit-keyframes success-error {
  0% {
    transform: translate(0, 0%);
  }
  33% {
    transform: scale(1.1);
    transform: translate(-24px, 0);
  }
  66% {
    transform: scale(1.1);
    transform: translate(24px, 0);
  }
  100% {
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes saludo {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(1.2) rotate(5deg);
  }
  66% {
    transform: scale(1.2) rotate(-5deg);
  }
  100% {
    transform: scale(1);
  }
}

body.erizo .bichito.open {
  animation: 3s ani-top;
  animation-iteration-count: 1;
}
@-webkit-keyframes ani-top {
  0% {
    margin-top: -400px;
    opacity: 1;
  }
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

.cookies .icoCookies.acepto, body.erizo .bichito.papa, footer.dofon .content-logo .somma {
  animation: 1.6s linear infinite;
  animation-name: ani-flota;
}
@-webkit-keyframes ani-flota {
  25% {
    -webkit-transform: translateY(-4px);
  }
  50%, 100% {
    -webkit-transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(4px);
  }
}

@-webkit-keyframes success-intro {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* mediaquery */
body.dark {
  background: #000;
}
body.dark [data-overlay]:before {
  background: #000;
}
body.dark [data-overlay="9"]:before {
  opacity: 0.9;
}
body.dark [data-overlay="8"]:before {
  opacity: 0.8;
}
body.dark [data-overlay="7"]:before {
  opacity: 0.7;
}
body.dark [data-overlay="6"]:before {
  opacity: 0.6;
}
body.dark header nav ul li a {
  color: #777;
  border-color: #3d3d3d;
  transition: 0.35s;
  background: none;
}
body.dark header nav ul li a:hover {
  background: #3d3d3d;
  color: white;
}
body.dark header nav ul.user li a {
  color: #138613;
  border-color: #3d3d3d;
  background: #000;
}
body.dark header nav ul.user li a:hover {
  background: #138613;
  color: white;
  border: none;
}
body.dark section.intro._05 {
  background: url(../images/banner-04.jpg) no-repeat right top;
  background-size: cover;
}
@media only screen and (max-width: 768px) {
  body.dark section.intro {
    padding-top: 132px;
    text-align: center;
  }
}
body.dark section.intro .comp-wrap {
  filter: grayscale(0);
}
body.dark section.intro h1, body.dark section.intro .leftText .hcero, .leftText body.dark section.intro .hcero {
  color: white;
}
body.dark section.intro p {
  color: white;
}
body.dark section.intro h2 {
  color: white;
}
body.dark section.security {
  background: #000;
}
body.dark section.security .faq-wrap .faq {
  background: rgb(22, 21, 21);
}
body.dark section.security .faq-wrap .faq .icon {
  background-color: #11151c;
}
body.dark section.porque {
  background: black;
}
body.dark section.porque h3 {
  color: #138613;
}
body.dark section.porque .row img {
  filter: invert(1) grayscale(1);
  opacity: 0.5;
}
body.dark section.porque .row .expo p {
  color: white;
}
body.dark section.qr {
  background: black;
}
body.dark section.qr p {
  color: white;
}
body.dark section.qr.apiFaq:after {
  background: #000;
}
body.dark .contact form {
  background: #121212;
}
body.dark .contact .agregar-cliente h3 {
  color: white;
}
body.dark .form-row input {
  background: #323539;
}
body.dark .faqApi .data {
  background: #121212;
}
body.dark .faqApi .data.open h3 {
  background: #121212;
}
body.dark section.otro._05 {
  transition: 0s;
  background: url(../images/banner-02.jpg) no-repeat right top;
  background-size: cover;
}
body.dark section.otro .smarthvideo .imageList {
  filter: invert(1);
}
body.dark section.otro .leftText .hcero {
  color: white;
}
body.dark section.otro .leftText h1, body.dark section.otro .leftText .hcero {
  color: white;
}
body.dark section.otro .leftText h1._btn, body.dark section.otro .leftText ._btn.hcero {
  color: orange;
}
body.dark section.otro .leftText h1._sol, body.dark section.otro .leftText ._sol.hcero {
  color: indigo;
}
body.dark section.otro .leftText h1._eth, body.dark section.otro .leftText ._eth.hcero {
  color: #37367b;
}
body.dark section.otro .leftText h1._ada, body.dark section.otro .leftText ._ada.hcero {
  color: blue;
}
body.dark section.otro .leftText h1._bnb, body.dark section.otro .leftText ._bnb.hcero {
  color: #FCD535;
}
body.dark section.otro .leftText h1._crip, body.dark section.otro .leftText ._crip.hcero {
  color: #138613;
}
body.dark section.otro .leftText h2 {
  color: white;
}
body.dark .security .smarthvideo .imageList {
  filter: invert(1);
}
body.dark.scroll header.fixed {
  background: black;
}
body.dark.scroll header.fixed nav ul li a {
  color: #777;
  border-radius: 24px;
  font-size: 0.8rem;
  transition: 0.35s;
  background: none;
}
body.dark.scroll header.fixed nav ul li a:hover {
  background: #3d3d3d;
  color: white;
}
body.dark.scroll header.fixed nav ul.users li a {
  color: white;
}
body.dark.scroll header.fixed nav ul.users li a:hover {
  background: #138613;
  color: white;
}
body.dark.scroll header.fixed nav ul.users li:last-child a {
  background: #196719;
}
body.dark.fix.light-theme footer {
  background: url(../images/back-svg.svg) no-repeat bottom;
  background-size: cover;
  background-color: black;
}
body.dark.light-theme header nav ul li a {
  border: 1px solid #3d3d3d;
  color: white;
}
body.dark.light-theme header nav ul.user li a {
  border: 1px solid black;
}

.theme-switch {
  position: relative;
  right: 24px;
  margin-left: 64px;
  --text: #000;
  color: var(--text);
  width: 40px;
  height: 14px;
  background: #ccc;
  border-radius: 40px;
}
@media only screen and (max-width: 480px) {
  .theme-switch {
    display: none;
  }
  .theme-switch ul li {
    font-size: 13px;
  }
}
.theme-switch:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background: url(../images/icos/ico-sun.svg) no-repeat;
  filter: grayscale(1);
  left: -24px;
  top: -3px;
  z-index: 1;
  opacity: 0;
  transition: 0.35s;
}
.theme-switch:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background: url(../images/icos/ico-moon.svg) no-repeat;
  filter: grayscale(1) invert(1);
  right: -24px;
  top: -3px;
  z-index: 1;
  transition: 0.35s;
}
.theme-switch .switch {
  background: white;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  position: absolute;
  top: -3px;
  left: 0px;
  box-shadow: 0 1px 4px 0 rgba(35, 35, 35, 0.16);
  transition: 0.15s all ease;
  z-index: 2;
}

.light-theme {
  --background: #f2f2f2;
  background: var(--background);
}
.light-theme .theme-switch {
  background: #11151c;
}
.light-theme .theme-switch:after {
  opacity: 1;
  filter: grayscale(1) invert(1);
}
.light-theme .theme-switch:before {
  opacity: 0;
}
.light-theme .theme-switch .switch {
  transform: translateX(22px);
  background: #373e46;
  box-shadow: 0 1px 4px 0 rgba(35, 35, 35, 0.36);
}
body.last [data-overlay]:before {
  background: #000;
}
body.last [data-overlay="9"]:before {
  opacity: 0.9;
}
body.last [data-overlay="8"]:before {
  opacity: 0.8;
}
body.last [data-overlay="7"]:before {
  opacity: 0.7;
}
body.last [data-overlay="6"]:before {
  opacity: 0.6;
}
body.last header {
  background: none;
}
body.last header nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 768px) {
  body.last header nav {
    display: none;
  }
}
body.last header nav ul li a {
  color: #777;
  font-weight: bold;
  border-radius: 24px;
  border: none;
  padding: 0.5rem;
  font-size: 0.8rem;
  transition: 0.35s;
  background: #3d3d3d;
  color: white;
}
body.last header nav ul li a:hover {
  background: #196719;
  color: white;
}
body.last header nav ul.user li a {
  background: #138613;
  color: white;
  border: none;
}
body.last header nav ul.user li a:hover {
  background: #196719;
  color: white;
  border: none;
}
body.last header nav ul.user li a.apps {
  border: none;
}
body.last header nav ul.user li a.apps i {
  filter: grayscale(0);
  opacity: 1;
}
body.last header nav ul.user li a.apps:hover {
  border: none;
  box-shadow: 0 0px 8px rgba(4, 25, 39, 0.15);
  background: black;
}
body.last header nav ul.user li a.apps:hover i {
  opacity: 1;
  filter: grayscale(0);
}
body.last section.otro h2 {
  color: white;
}
body.last section.otro .leftText .hcero {
  color: white;
}
body.last section.otro .leftText h1, body.last section.otro .leftText .hcero {
  color: white;
}
body.last section.otro .leftText h1._btn, body.last section.otro .leftText ._btn.hcero {
  color: orange;
}
body.last section.otro .leftText h1._sol, body.last section.otro .leftText ._sol.hcero {
  color: indigo;
}
body.last section.otro .leftText h1._eth, body.last section.otro .leftText ._eth.hcero {
  color: #37367b;
}
body.last section.otro .leftText h1._ada, body.last section.otro .leftText ._ada.hcero {
  color: blue;
}
body.last section.otro .leftText h1._bnb, body.last section.otro .leftText ._bnb.hcero {
  color: #FCD535;
}
body.last section.otro .leftText h1._crip, body.last section.otro .leftText ._crip.hcero {
  color: #138613;
}
body.last section.otro .leftText h2 {
  color: white;
}

body.erizo {
  font-family: "Roboto", sans-serif;
}
body.erizo h1, body.erizo .leftText .hcero, .leftText body.erizo .hcero, body.erizo h2, body.erizo h3, body.erizo h4, body.erizo p {
  font-family: "Roboto", sans-serif;
}
body.erizo section.porque h2, body.erizo section.porque h3 {
  font-family: "Roboto", sans-serif;
}
body.erizo section.intro._06 {
  background: url(../images/erizo/back-01.svg) no-repeat bottom right;
  border: none;
  background-size: cover;
}
body.erizo section.intro .appCallDown {
  margin-left: -15px;
}
@media only screen and (max-width: 480px) {
  body.erizo section.intro .appCallDown .col-md-12 {
    padding-right: 0;
    padding-left: 0;
  }
  body.erizo section.intro .appCallDown .col-md-12 ul li {
    font-size: 13px;
  }
}
body.erizo section.intro .appCallDown img {
  border-radius: 24px;
}
body.erizo section.intro .appCallDown img:first-child {
  margin-right: 24px;
}
@media only screen and (max-width: 480px) {
  body.erizo section.intro .appCallDown img:first-child {
    margin-right: 0;
  }
  body.erizo section.intro .appCallDown img:first-child ul li {
    font-size: 13px;
  }
}
@media only screen and (max-width: 480px) {
  body.erizo section.intro .appCallDown img {
    transform: scale(0.9);
  }
  body.erizo section.intro .appCallDown img ul li {
    font-size: 13px;
  }
}
@media only screen and (max-width: 480px) {
  body.erizo section.intro h2 {
    margin: 0;
    padding: 0;
  }
  body.erizo section.intro .box-btn {
    display: none !important;
  }
  body.erizo section.intro ul li {
    font-size: 13px;
  }
}
body.erizo section.security {
  background-size: cover;
}
body.erizo .bichito {
  width: 300px;
  height: 485px;
  background: url(../images/erizo/erizo-globo-crypto.svg);
  opacity: 0;
}
body.erizo .bichito.wow {
  background: url(../images/erizo/erizo-wow.svg);
}
body.erizo .bichito.open {
  opacity: 1;
  animation-duration: 2s;
}
body.erizo .bichito.ethe {
  background: url(../images/erizo/erizo-globo-crypto-.svg);
}
body.erizo section.porque .row .w100 {
  min-width: 100%;
  max-width: 100%;
  width: 100%;
}
body.erizo.dark section.intro {
  background: black;
}

body header {
  transition: 0.41s;
}
body.trans header {
  opacity: 0;
  margin-top: -80px;
}
body.fix header {
  background-color: white;
  position: fixed;
  margin-top: 0;
  box-shadow: 0 0px 8px rgba(4, 25, 39, 0.15);
  height: 52px;
  opacity: 1;
}

header.scroll {
  box-shadow: 0 0px 8px rgba(4, 25, 39, 0.15);
  height: 52px;
  background: white;
}
header.scroll .content-logo {
  transform: scale(0.7);
}
header.sommaUp.scroll .content-logo .somma {
  opacity: 0;
  margin-top: -54px;
}
header.can-animate {
  transition: transform 0.3s ease, visibility 0s 0.3s linear;
}
header.is-fixed {
  background: rgba(255, 255, 255, 0.9);
  position: fixed;
  transform: translate3d(0, -100%, 0);
}
header.scroll-up {
  transform: translate3d(0, 0, 0);
}

body.app .boxsomma {
  padding: 24px;
  border-radius: 24px;
  background: white;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.15);
  min-width: 33%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
}
body.app .boxsomma h3 {
  color: #00ad00;
  font-size: 18px;
  margin-bottom: 12px;
}
body.app .boxsomma h4 {
  color: #00ad00;
  margin: 12px 0;
}
body.app .boxsomma p {
  color: #555;
  font-size: 14px;
}
body.app .sommaPix {
  position: relative;
  margin: 12px 0;
}
body.app .sommaPix._100 .pix {
  transition: 0.1s ease-in-out;
  margin: 0;
  width: 20px;
  height: 20px;
}
body.app .sommaPix._100 .pix-wrap {
  opacity: 1;
}
body.app .sommaPix._100.final .sommaOk {
  opacity: 1;
}
body.app .sommaPix._100.final .pix-wrap {
  opacity: 0;
}
body.app .sommaPix .sommaOk {
  width: 200px;
  height: 140px;
  background: url(../images/logo.svg) no-repeat;
  position: absolute;
  left: 20px;
  top: 0;
  opacity: 0;
  transition: 1s;
}
body.app .sommaPix .pix-wrap {
  display: flex;
  opacity: 0.3;
}
body.app .sommaPix .pix-wrap.enabled {
  opacity: 1;
}
body.app .sommaPix .pix, body.app .sommaPix .pixLine {
  width: 18px;
  height: 18px;
  background: none;
  margin: 1px;
  transition: 0.5s ease-in;
  position: relative;
}
body.app .sommaPix .pix.ok, body.app .sommaPix .pixLine.ok {
  background: #00ad00;
}
body.app .sommaPix .pix.ok:hover, body.app .sommaPix .pixLine.ok:hover {
  transition: 0.1s;
  background-color: #027402;
  transform: perspective(100px) rotate3d(0, 1, 0, 180deg);
}
body.app .sommaPix .pix.none, body.app .sommaPix .pixLine.none {
  background: none;
  transition: none;
}
body.app .sommaPix .pix.none:hover, body.app .sommaPix .pixLine.none:hover {
  transition: 0.2s;
  background: none;
}
body.app .sommaPix .pix.none.parpadea, body.app .sommaPix .pixLine.none.parpadea {
  transition: none;
}
body.app .disabled {
  opacity: 0.3;
}
body.app .tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
body.app .tooltip .tooltiptext {
  visibility: hidden;
  background-color: #247b24;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s;
}
body.app .tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
  font-size: 13px;
}
body.app .sommaLabels {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}
body.app .sommaLabels span {
  border-top: 2px solid rgba(0, 173, 0, 0.13);
  padding-top: 10px;
  min-width: 24.33%;
  margin-left: 0.33%;
  margin-right: 0.33%;
  font-size: 11px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.3;
}
body.app .sommaLabels span.enabled {
  opacity: 1;
  font-weight: bold;
}
body.app .sommaLabels span:nth-child(2) {
  border-top: 2px solid rgba(0, 173, 0, 0.33);
}
body.app .sommaLabels span:nth-child(3) {
  border-top: 2px solid rgba(0, 173, 0, 0.66);
}
body.app .sommaLabels span:nth-child(4) {
  border-top: 2px solid rgba(0, 173, 0, 0.99);
}
body.app .sommaPix .pix.ok.trans2, body.app .sommaPix .pixLine.ok.trans2 {
  animation: 0.5s somma-intro;
  animation-iteration-count: 1;
}
@keyframes somma-intro {
  0% {
    transform: translate(0, 0%);
  }
  50% {
    transform: translate(0px, 12px);
  }
  100% {
    transform: translate(0, 0px);
  }
}
body.app .sommaPix._100 .pix, body.app .sommaPix._100.final .sommaOk {
  animation: 0.5s somma-intro2;
  animation-iteration-count: 1;
}
@keyframes somma-intro2 {
  0% {
    transform: rotate(0) scale(0.1);
  }
  50% {
    transform: rotate(0) scale(1.5);
  }
  100% {
    transform: rotate(0) scale(1);
  }
}
@keyframes ojito {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.container.flip {
  padding: 120px 24px;
}
.container.flip h2 {
  color: #000;
  font-size: 1.75rem;
  margin-bottom: 24px;
}

.containerf {
  margin: 24px;
  min-width: 280px;
  min-height: 220px;
  position: relative;
  -moz-transform: perspective(1200px);
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.front, .back {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
  padding: 12px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: all 0.5s ease-out;
  box-shadow: 0 0px 16px rgba(0, 0, 0, 0.11);
}
.front .d-flex, .back .d-flex {
  display: flex;
  align-items: flex-start;
}

.front {
  width: 280px;
  height: 220px;
  background-color: white;
}
.front img {
  width: 48px;
  height: 48px;
}

.back {
  background-color: #138613;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  height: 220px;
}
.back img {
  margin-bottom: 24px;
}
.back img {
  width: 72px;
  height: 72px;
}
.back button {
  background: none;
  color: white;
  font-size: 1rem;
  border: 2px solid white;
  font-weight: bold;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
  outline-style: solid;
  outline: none;
  transition: 0.1s;
}

.flip_box {
  transition: all 0.5s ease-out;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
}
.flip_box p {
  color: #000;
  margin-bottom: 0;
  font-size: 1rem;
}
.flip_box.flipped p {
  color: white;
  font-weight: bold;
}

.f_headline {
  color: #138613;
  margin: 24px 0 24px 0;
  font-size: 1.23rem;
}

.b_text {
  color: #138613;
}

.b_button {
  position: absolute;
  left: 10px;
  bottom: 10px;
  height: 32px;
  background-color: white;
  transition: all 0.3s;
}

.b_button:hover {
  background-color: white;
  color: #138613;
}

.flipped {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.r_wrap {
  position: absolute;
  right: 10px;
  top: 10px;
}

.s_round {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #fafafa;
  transition: all 0.2s linear;
  display: flex;
  align-items: center;
  justify-content: center;
}

.s_round_click {
  transform: scale(1.5);
}

.s_round_back {
  background-color: #fafafa;
}

.s_arrow {
  width: 24px;
  height: 24px;
  background-image: url(../images/icos/ico-more.svg);
  background-color: transparent;
  transition: all 0.35s linear;
  filter: grayscale(1);
}

.s_arrow_rotate {
  transform: rotate(-180deg);
}

.hamburger {
  border-radius: 36px;
  position: fixed;
  background-color: transparent;
  right: 10px;
  top: 10px;
  height: 36px;
  width: 36px;
  padding-top: 8px;
  padding-left: 6px;
  transition: 1s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
  transition: transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
  z-index: 1002;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  transition: 0.33s;
}
@media only screen and (max-width: 960px) {
  .hamburger {
    display: block;
  }
}

body.scroll .hamburger {
  top: 6px;
}

.hamburger.is-active {
  background-color: none;
}

._layer {
  background: #ccc;
  margin-bottom: 4px;
  border-radius: 2px;
  width: 24px;
  height: 4px;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
  transition: all 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
}

.hamburger.is-active .-top {
  background: #ccc;
  -webkit-transform: translateY(200%) rotate(45deg) !important;
  -ms-transform: translateY(200%) rotate(45deg) !important;
  transform: translateY(200%) rotate(45deg) !important;
}

.hamburger.is-active .-mid {
  opacity: 0;
}

.hamburger.is-active .-bottom {
  background: #ccc;
  -webkit-transform: translateY(-200%) rotate(135deg) !important;
  -ms-transform: translateY(-200%) rotate(135deg) !important;
  transform: translateY(-200%) rotate(135deg) !important;
}

.menucr.is_active {
  transform: translate3d(0px, 0px, 0px);
}
.menucr.is_active:before {
  box-shadow: 0 0 130px 5px rgba(0, 0, 0, 0.3294117647);
}

.menucr {
  box-sizing: inherit;
  background-color: rgba(255, 255, 255, 0.97);
  bottom: 0;
  height: 100%;
  right: 0;
  position: fixed;
  top: 0;
  transform: translate3d(100%, 0, 0px);
  transition: transform 0.35s cubic-bezier(0.05, 1.04, 0.72, 0.98) 0s;
  width: 320px;
  z-index: 16;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.menucr:before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.menucr .content-logo {
  display: flex;
  width: 286px;
  align-items: center;
  transition: 0.33s;
  margin-top: 5px;
  transform: scale(0.7);
  flex-direction: column;
}
.menucr .content-logo .somma {
  background: url(../images/logo.svg) no-repeat;
  min-width: 64px;
  max-width: 64px;
  min-height: 50px;
  max-height: 50px;
  margin-right: 16px;
  transition: 0.33s;
  z-index: 1;
}
.menucr .content-logo .somma:hover {
  background: url(../images/logo-erizado.svg) no-repeat;
}
@media only screen and (max-width: 768px) {
  .menucr .content-logo {
    transform: scale(0.7);
  }
}
.menucr .logo {
  background: url(../images/cryptanz.svg) no-repeat;
  min-width: 206px;
  max-width: 206px;
  min-height: 50px;
  max-height: 50px;
  margin: 0;
  transition: 1s;
}
@media only screen and (max-width: 768px) {
  .menucr .logo {
    margin-left: 0;
    margin: 0 auto;
  }
}
.menucr .logo.white {
  background: url(../images/cryptanz-white.svg);
}
.menucr a {
  color: #138613;
}
@media only screen and (max-width: 768px) {
  .menucr {
    width: 100%;
  }
}

.menucr nav {
  width: 100%;
  position: relative;
}

.menucr ul {
  margin: 0;
  padding: 0;
  width: 100%;
}

.menucr ul li {
  list-style: none;
  text-align: left;
  display: block;
}
.menucr ul li:nth-child(1) {
  margin-top: 24px;
}

.menucr ul li a {
  text-decoration: none;
  color: #196719;
  display: block;
  padding: 12px 0;
  padding-left: 24px;
  font-size: 16px;
  margin-bottom: 2px;
  border-bottom: 1px solid #eeeeee;
}

.menucr ul li a:hover {
  text-decoration: none;
  color: #138613;
}

body.push {
  overflow: hidden;
}

/* border radius */
.bot {
  width: 64px;
  height: 64px;
  background: #138613 url(../images/bubble.svg) no-repeat;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 999;
  -webkit-border-radius: 64px;
  -moz-border-radius: 64px;
  -ms-border-radius: 64px;
  border-radius: 64px;
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.32);
}
@media only screen and (max-width: 480px) {
  .bot {
    width: 48px;
    height: 48px;
  }
  .bot ul li {
    font-size: 13px;
  }
}
.bot.close {
  background: #138613;
}
.bot.close:hover {
  opacity: 1;
}
.bot.close:before, .bot.close:after {
  position: absolute;
  left: 29px;
  content: " ";
  height: 32px;
  width: 4px;
  background-color: #fff;
  top: 16px;
}
@media only screen and (max-width: 480px) {
  .bot.close:before, .bot.close:after {
    height: 24px;
    top: 12px;
    left: 22px;
  }
  .bot.close:before ul li, .bot.close:after ul li {
    font-size: 13px;
  }
}
.bot.close:before {
  transform: rotate(45deg);
}
.bot.close:after {
  transform: rotate(-45deg);
}

.widget {
  display: none;
  border-radius: 10px;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.15);
  bottom: 64px;
  flex-direction: column;
  margin: 0 20px 20px 0;
  max-width: 320px;
  position: fixed;
  width: 90vw;
  right: 0;
  z-index: 9999;
  margin: 0 20px 20px 0;
}
@media only screen and (max-width: 480px) {
  .widget {
    max-width: 100%;
    bottom: 48px;
  }
  .widget ul li {
    font-size: 13px;
  }
}
.widget.open {
  display: flex;
}
.widget .contenedor {
  /* border-radius: 10px; */
  /* box-shadow: 0 2px 10px 1px #b5b5b5; */
}
.widget .contenedor header {
  background-color: black;
  border-radius: 24px 24px 0 0;
  color: #4a546c;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 6px 0;
  align-items: center;
  margin-top: -24px;
}
.widget .contenedor header img {
  width: 100px;
}
.widget .contenedor .mensaje-container {
  background-color: #fff;
  height: 50vh;
  max-height: 330px;
  overflow-y: scroll;
  padding-top: 32px;
}
.widget .contenedor .mensaje-container .mensaje {
  margin: 10px;
  display: flex;
  font-size: 14px;
}
.widget .contenedor .mensaje-container .mensaje .avatar {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #edf8ed;
}
.widget .contenedor .mensaje-container .mensaje .avatar img {
  width: 12px;
}
.widget .contenedor .mensaje-container .mensaje .respuesta {
  background-color: #f4f7f9;
  color: #4a546c;
  border-radius: 10px;
  padding: 15px;
  max-width: 215px;
  text-align: left;
}
.widget .contenedor .sale {
  align-items: center;
  display: flex;
  background-color: #f4f7f9;
  height: 45px;
  padding: 5px;
  border-radius: 0 0 10px 10px;
}
.widget .contenedor .sale .enviar {
  width: 32px;
  height: 32px;
  background: url(../images/send.svg) no-repeat;
  border: 0;
}
.widget .contenedor .sale .mensaje-input {
  width: 100%;
  border: 0;
  background-color: #f4f7f9;
  height: 30px;
  padding-left: 15px;
  font-size: 15px;
  color: black;
}

.text-align-left {
  text-align: left;
}

@keyframes bounceRight {
  0% {
    margin-right: 12px;
    opacity: 0;
  }
  100% {
    margin-right: 0px;
    opacity: 0.99;
  }
}
@keyframes bounce {
  0% {
    margin-left: -64px;
    opacity: 0;
  }
  100% {
    margin-left: 0px;
    opacity: 0.99;
  }
}
@keyframes scale {
  50% {
    transform: scale(0.98);
  }
}
@keyframes roll {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(168deg) scale(1.3);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes move {
  0% {
    left: 25%;
  }
  50% {
    left: 60%;
  }
  100% {
    left: 25%;
  }
}
.animaLeft {
  animation: bounce 1.5s ease;
}

.animeRight {
  animation: bounceRight 1.5s ease;
}

.overflow-hidden {
  overflow: hidden;
}

.position-absolute {
  position: absolute !important;
}

#icon-animation {
  position: absolute;
  top: -1000px;
  left: 1000px;
  transform: rotate(45deg);
  opacity: 0.77;
}

.icons-row.bg-even {
  animation: movebg-even 150s linear infinite;
}

.icons-row.bg-odd {
  animation: movebg-odd 200s linear infinite;
}

@keyframes movebg-even {
  from {
    background-position: 0 -1988px;
  }
  to {
    background-position: 0 1988px;
  }
}
@keyframes movebg-odd {
  from {
    background-position: 0 -1988px;
  }
  to {
    background-position: 0 1988px;
  }
}
#icon-ani {
  position: absolute;
  top: -980px;
  right: -720px;
  transform: rotate(45deg);
  z-index: -1;
  opacity: 0.12;
}

.icons-row:nth-child(1) {
  opacity: 1;
}
.icons-row:nth-child(2) {
  opacity: 0.75;
}
.icons-row:nth-child(3) {
  opacity: 0.5;
}
.icons-row:nth-child(4) {
  opacity: 0.25;
}

.icons-row.bg-e {
  animation: movebg-e 150s linear infinite;
}

.icons-row.bg-o {
  animation: movebg-o 200s linear infinite;
}

@keyframes movebg-e {
  from {
    background-position: 0 -1499px;
  }
  to {
    background-position: 0 1499px;
  }
}
@keyframes movebg-o {
  from {
    background-position: 0 -1499px;
  }
  to {
    background-position: 0 1499px;
  }
}
#slideshow {
  position: relative;
}
.r45 {
  transform: rotate(45deg);
}

.openModal.load:before, .list-cryptos .loading, .loadSmarth .loading, .erizo-mouse .loading, .loading .spin {
  animation-play-state: running;
  opacity: 1;
  position: relative;
  position: absolute;
  width: 38px;
  height: 38px;
  background: white;
  border-radius: 24px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  opacity: 1;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin-left: -19px;
}
@keyframes spinner {
  0% {
    transform: translate3d(-50%, -50%, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(-50%, -50%, 0) rotate(360deg);
  }
}
.-paused.openModal.load:before, .list-cryptos .-paused.loading, .loadSmarth .-paused.loading, .erizo-mouse .-paused.loading, .loading .-paused.spin {
  animation-play-state: paused;
  opacity: 0.2;
  transition: opacity linear 0.1s;
}
.openModal.load::before, .list-cryptos .loading::before, .loadSmarth .loading::before, .erizo-mouse .loading::before, .loading .spin::before {
  animation: 1.5s linear infinite spinner;
  animation-play-state: inherit;
  border: solid 3px #dedede;
  border-bottom-color: #EF6565;
  border-radius: 50%;
  content: "";
  height: 40px;
  left: 50%;
  opacity: inherit;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 40px;
  will-change: transform;
}
.openModal.load:before, .list-cryptos .loading:before, .loadSmarth .loading:before, .erizo-mouse .loading:before, .loading .spin:before {
  border: solid 4px #fafafa;
  border-bottom-color: #000;
  width: 28px;
  height: 28px;
}

.st0 {
  fill: #36A936;
}

@-webkit-keyframes success-out {
  0% {
    opacity: 1;
  }
  25% {
    transform: scale(1.1);
    opacity: 1;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    margin-top: -16px;
  }
}

.security .box .icon img.confianza, .list-cryptos .crypto.refresh .price, .faqApi .data.visto:before {
  animation: 1s success-fade;
  animation-iteration-count: 1;
}
@-webkit-keyframes success-fade {
  0% {
    transform: scale(0.95);
  }
  50% {
    transform: scale(1.1);
    color: white;
  }
  100% {
    transform: scale(0.95);
    color: #196719;
  }
}

@-webkit-keyframes success-top {
  0% {
    transform: translate(0, 0%);
  }
  50% {
    transform: translate(0, -5px);
    background: #f2f2f2;
  }
  100% {
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes success-left {
  0% {
    transform: translate(-12px, 0px);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0px);
    opacity: 1;
  }
}

@-webkit-keyframes success-left-right {
  0% {
    transform: translate(0, 0px);
  }
  33% {
    transform: translate(12px, 0px);
  }
  66% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes success-confirm {
  0% {
    transform: translate(0, 0%);
  }
  50% {
    transform: translate(0, 0px);
    background: white;
    box-shadow: 0 6px 12px rgba(74, 77, 110, 0.33);
  }
  100% {
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes success-tada {
  0% {
    transform: translate(0, 0%);
  }
  50% {
    color: green;
    transform: scale(1.1);
  }
  100% {
    transform: translate(0, 0px);
  }
}

footer.dofon .btn.empezar, body.final header.fixed nav ul.users li:last-child a, body.dark.scroll header.fixed nav ul.users li:last-child a {
  animation: 2s success-tada2 infinite;
}
@-webkit-keyframes success-tada2 {
  50% {
    background: #000;
    box-shadow: rgb(235, 253, 229) 0px 1px 16px;
  }
}

@-webkit-keyframes success-error {
  0% {
    transform: translate(0, 0%);
  }
  33% {
    transform: scale(1.1);
    transform: translate(-24px, 0);
  }
  66% {
    transform: scale(1.1);
    transform: translate(24px, 0);
  }
  100% {
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes saludo {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(1.2) rotate(5deg);
  }
  66% {
    transform: scale(1.2) rotate(-5deg);
  }
  100% {
    transform: scale(1);
  }
}

body.erizo .bichito.open {
  animation: 3s ani-top;
  animation-iteration-count: 1;
}
@-webkit-keyframes ani-top {
  0% {
    margin-top: -400px;
    opacity: 1;
  }
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

.cookies .icoCookies.acepto, footer.dofon .content-logo .somma, body.erizo .bichito.papa {
  animation: 1.6s linear infinite;
  animation-name: ani-flota;
}
@-webkit-keyframes ani-flota {
  25% {
    -webkit-transform: translateY(-4px);
  }
  50%, 100% {
    -webkit-transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(4px);
  }
}

@-webkit-keyframes success-intro {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* mediaquery */
.z-index-deep {
  z-index: 999;
}

.bg-erizo {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0;
  bottom: auto;
  width: 100%;
  height: 1080px;
  margin-right: auto;
  margin-left: auto;
  background: url(../images/erizo/back-02.svg) no-repeat;
  filter: grayscale(1);
  transform: translate(-10%, 0);
  display: none;
}
@media only screen and (max-width: 768px) {
  .bg-erizo {
    display: none;
  }
}

.content-erizo-body {
  width: 220px;
  height: 250px;
  position: sticky;
  top: 148px;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .content-erizo-body {
    position: relative;
    top: 0;
    height: 300px;
    width: 100%;
  }
}

.erizo-body {
  width: 220px;
  height: 250px;
  background: url(../images/erizo/erizo-body.svg) no-repeat;
  position: absolute;
  top: 0;
  z-index: 9;
}
.erizo-body.full {
  background: url(../images/erizo/_erizo-body.svg) no-repeat;
}
@media only screen and (max-width: 768px) {
  .erizo-body {
    left: 50%;
    margin-left: -110px;
  }
}

.erizo-body-pelo {
  width: 220px;
  height: 250px;
  background: url(../images/erizo/erizo-body-pelo.svg) no-repeat;
  top: 0;
  position: absolute;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .erizo-body-pelo {
    left: 50%;
    margin-left: -110px;
  }
}

.erizo-body-pua {
  width: 220px;
  height: 250px;
  background: url(../images/erizo/erizo-body-pua.svg) no-repeat;
  top: 0px;
  left: 0;
  position: absolute;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .erizo-body-pua {
    left: 50%;
    margin-left: -110px;
  }
}

.erizo-corazon {
  width: 78px;
  height: 78px;
  background: url(../images/erizo/erizo-corazon.svg) no-repeat;
  position: absolute;
  right: -92px;
  z-index: 8;
  top: 52px;
}

.erizo-mano-izquierda {
  width: 38px;
  height: 38px;
  background: url(../images/erizo/_erizo-mano-izquierda.svg) no-repeat;
  top: 120px;
  left: 35px;
  position: absolute;
  top: 126px;
  z-index: 9;
}
.erizo-mano-izquierda.phone {
  width: 78px;
  height: 68px;
  background: url(../images/erizo/erizo-mano-izquierda-fono.svg) no-repeat;
  left: 80px;
  top: auto;
}

.erizo-mano-derecha {
  width: 38px;
  height: 38px;
  background: url(../images/erizo/erizo-mano-derecha.svg) no-repeat;
  position: absolute;
  top: 120px;
  right: -10px;
}

.erizo-gesto-sorpresa {
  width: 72px;
  height: 62px;
  background: url(../images/erizo/erizo-gesto-sorpresa.svg) no-repeat;
  position: absolute;
  top: 100px;
  left: 50%;
  margin-left: -16px;
}

.erizo-ojos {
  width: 72px;
  height: 62px;
  background: url(../images/erizo/erizo-ojos.svg) no-repeat;
  position: absolute;
  top: 100px;
  left: 50%;
  margin-left: -16px;
}

.erizo-ceja-izquierda {
  width: 72px;
  height: 62px;
  background: url(../images/erizo/erizo-ceja-l.svg) no-repeat;
  position: absolute;
  top: 100px;
  left: 72px;
}

.erizo-ceja-derecha {
  width: 72px;
  height: 62px;
  background: url(../images/erizo/erizo-ceja-r.svg) no-repeat;
  position: absolute;
  top: 100px;
  right: 40px;
}

.erizo-ojos-brillantes {
  width: 72px;
  height: 62px;
  background: url(../images/erizo/erizo-ojos-brillantes.svg) no-repeat;
  position: absolute;
  top: 100px;
  left: 50%;
  margin-left: -16px;
}

.erizo-ojo-izq {
  width: 5px;
  height: 8px;
  background: white;
  border-radius: 50%;
  top: 108px;
  left: 109px;
  position: absolute;
}

.erizo-ojo-der {
  width: 5px;
  height: 8px;
  background: white;
  border-radius: 50%;
  top: 108px;
  left: 152px;
  position: absolute;
}

.erizo-boca-sorpresa {
  width: 72px;
  height: 62px;
  background: url(../images/erizo/erizo-boca-sorpresa.svg) no-repeat;
  position: absolute;
  top: 120px;
  left: 50%;
  margin-left: -16px;
}

.hv100 {
  height: 100vh;
  margin-top: 100px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .hv100 {
    height: auto;
    margin-top: 0;
  }
}

@keyframes fade-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.reveal {
  transition: 1s;
  position: relative;
  opacity: 0;
}
.reveal.top {
  margin-top: -100px;
}
.reveal.active {
  opacity: 1;
}

.active.fade-bottom {
  animation: fade-bottom 1s ease-in;
}

.active.fade-left {
  animation: fade-left 1s ease-in;
}

.active.fade-right {
  animation: fade-right 1s ease-in;
}

.erizo-perfil {
  position: relative;
  width: 300px;
  height: 300px;
  background: url(../../images/erizo/erizo-perfil.svg) no-repeat;
}
.erizo-perfil .ojo-perfil {
  width: 7px;
  height: 10px;
  background: black;
  border-radius: 50%;
  top: 90px;
  left: 162px;
  position: absolute;
}

.erizo-mouse {
  position: relative;
  z-index: 1;
  padding: 24px;
  height: 380px;
}
.erizo-mouse .loading {
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .erizo-mouse {
    height: auto;
  }
}

section.qr.apiFaq {
  padding: 4rem;
  align-items: flex-start;
  background-color: white;
  max-height: 760px;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 768px) {
  section.qr.apiFaq {
    padding: 1.5rem;
  }
}
section.qr.apiFaq.open {
  max-height: max-content;
  position: relative;
  overflow: unset;
}
section.qr.apiFaq.open .btn {
  opacity: 0;
}
section.qr.apiFaq.open:after {
  display: none;
}
section.qr.apiFaq:after {
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(240, 240, 240) 0%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.8) 100%);
  content: "";
  z-index: 0;
}
section.qr.apiFaq .btn.absolute {
  position: absolute;
  bottom: 0px;
  z-index: 1;
}
section.qr.apiFaq .leftFaq {
  position: sticky;
  top: 24px;
  margin: 24px auto;
  min-height: 300px;
}
@media only screen and (max-width: 768px) {
  section.qr.apiFaq .leftFaq {
    position: absolute;
    z-index: 1;
    bottom: 10px;
    right: 10px;
    width: 100px;
    height: 100px;
    min-height: initial;
    top: auto;
    margin: 0;
    padding: 0;
  }
}
section.qr.apiFaq .leftFaq h2 {
  margin-top: 48px;
}
section.qr.apiFaq .leftFaq .somma-faq {
  width: 220px;
  height: 250px;
  background: url(../images/erizo/_erizo-body.svg) no-repeat;
  position: absolute;
  top: 96px;
  left: 50%;
  margin-left: -110px;
}
@media only screen and (max-width: 768px) {
  section.qr.apiFaq .leftFaq .somma-faq {
    transform: scale(0.35);
    margin-left: 0;
    top: -74px;
    left: -68px;
  }
}
section.qr.apiFaq .leftFaq .somma-faq .soma-mano-izquierda {
  width: 38px;
  height: 38px;
  background: url(../images/erizo/_erizo-mano-izquierda.svg) no-repeat;
  top: 120px;
  left: 35px;
  position: absolute;
  top: 126px;
  z-index: 9;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-mano-izquierda._1 {
  transform: rotate(10deg);
  width: 88px;
  height: 88px;
  background: url(../images/erizo/erizo-mano-izquierda-fono.svg) no-repeat;
  position: absolute;
  left: 75px;
  position: absolute;
  top: 136px;
  z-index: 9;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-mano-derecha {
  width: 38px;
  height: 38px;
  background: url(../images/erizo/erizo-mano-derecha.svg) no-repeat;
  position: absolute;
  top: 120px;
  right: -10px;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-mano-derecha._1 {
  transform: rotate(360deg);
  top: 130px;
  right: -10px;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto {
  width: 72px;
  height: 62px;
  background: url(../images/erizo/erizo-gesto-00.svg) no-repeat;
  position: absolute;
  top: 100px;
  left: 50%;
  margin-left: -16px;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto:after {
  content: "";
  width: 78px;
  height: 78px;
  background: url(../images/erizo/erizo-corazon.svg) no-repeat;
  position: absolute;
  right: -112px;
  z-index: 8;
  top: -100px;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._1 {
  background: url(../images/erizo/erizo-gesto-01.svg) no-repeat;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._2 {
  background: url(../images/erizo/erizo-gesto-02.svg) no-repeat;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._2:after {
  background: url(../images/erizo/globe-02.svg) no-repeat;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._3 {
  background: url(../images/erizo/erizo-gesto-04.svg) no-repeat;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._3:after {
  background: url(../images/erizo/globe-03.svg) no-repeat;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._4 {
  background: url(../images/erizo/erizo-gesto-03.svg) no-repeat;
  width: 141px;
  height: 102px;
  left: 36%;
  top: 80px;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._4:after {
  right: -72px;
  top: -100px;
  background: url(../images/erizo/globe-04.svg) no-repeat;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._5 {
  background: url(../images/erizo/erizo-gesto-05.svg) no-repeat;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._5:after {
  background: url(../images/erizo/globe-05.svg) no-repeat;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._6 {
  background: url(../images/erizo/erizo-gesto-06.svg) no-repeat;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._6:after {
  background: url(../images/erizo/globe-06.svg) no-repeat;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._7 {
  background: url(../images/erizo/erizo-gesto-07.svg) no-repeat;
  width: 122px;
  height: 88px;
  left: 46%;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._7:after {
  right: -72px;
  top: -100px;
  background: url(../images/erizo/globe-03.svg) no-repeat;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._8 {
  background: url(../images/erizo/erizo-gesto-08.svg) no-repeat;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._8:after {
  background: url(../images/erizo/globe-07.svg) no-repeat;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._9 {
  background: url(../images/erizo/erizo-gesto-09.svg) no-repeat;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._9:after {
  background: url(../images/erizo/globe-08.svg) no-repeat;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._12 {
  background: url(../images/erizo/erizo-gesto-soberbio.svg) no-repeat;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._12:after {
  background: url(../images/erizo/globe-08.svg) no-repeat;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._13 {
  background: url(../images/erizo/erizo-gesto-03.svg) no-repeat;
  width: 141px;
  height: 102px;
  left: 36%;
  top: 80px;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._13:after {
  right: -72px;
  top: -100px;
  background: url(../images/erizo/globe-13.svg) no-repeat;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._14 {
  background: url(../images/erizo/erizo-gesto-06.svg) no-repeat;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._14:after {
  background: url(../images/erizo/globe-14.svg) no-repeat;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._15 {
  background: url(../images/erizo/erizo-gesto-10.svg) no-repeat;
}
section.qr.apiFaq .leftFaq .somma-faq .soma-gesto._15:after {
  background: url(../images/erizo/globe-15.svg) no-repeat;
}
@media only screen and (max-width: 768px) {
  section.qr.apiFaq.active .leftFaq {
    position: fixed;
    z-index: 2;
  }
}

.cookies {
  position: fixed;
  bottom: 24px;
  padding: 12px;
  text-align: center;
  background: rgba(54, 169, 54, 0.8941176471);
  color: white;
  z-index: 999;
  width: 300px;
  padding-left: 48px;
  right: 12px;
  border-radius: 24px;
  box-shadow: 0 0px 8px rgba(4, 25, 39, 0.15);
  transition: 0.5s;
  animation: fade-bottom 1s ease-in;
}
.cookies.acepto {
  background: black;
}
@media only screen and (max-width: 768px) {
  .cookies {
    width: 100%;
    left: 0;
    bottom: 0;
    border-radius: 0;
  }
}
.cookies .icoCookies {
  background: url(../images/icos/ico-cookies.svg) no-repeat;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 12px;
}
.cookies .icoCookies.acepto {
  background: url(../images/icos/ico-cookies-.svg) no-repeat;
  opacity: 1;
  animation-duration: 0.5s;
}
.cookies p {
  margin: 0;
  margin-bottom: 12px;
  font-size: 0.8rem;
}
.cookies .close {
  position: absolute;
  right: 12px;
  width: 16px;
  height: 16px;
  background: url(../images/icos/ico-close-w.svg);
}
.cookies span {
  background: white;
  color: #138613;
  padding: 3px 6px;
  border-radius: 24px;
  font-size: 0.8rem;
  cursor: pointer;
}
.cookies span.ajustes {
  background: none;
  border: 1px white solid;
  color: white;
  text-transform: uppercase;
}
.cookies span.ajustes:hover {
  background: #196719;
  box-shadow: 0 0px 8px rgba(4, 25, 39, 0.15);
  border-color: #196719;
}
.cookies.close {
  opacity: 0;
  z-index: -1;
  bottom: -50px;
}

body {
  background: #000;
}

.faqApi .data {
  position: relative;
  transition: 0.33s;
  box-shadow: 0 0px 8px rgba(4, 25, 39, 0.15);
  padding: 16px;
  border-radius: 24px;
  margin: 24px 0;
  text-align: left;
  background: white;
}
@media only screen and (max-width: 480px) {
  .faqApi .data {
    margin: 12px 0;
    padding: 12px;
  }
  .faqApi .data ul li {
    font-size: 13px;
  }
}
.faqApi .data:hover {
  background: white;
  box-shadow: rgba(41, 172, 0, 0.5) 0px 2px 6px;
}
.faqApi .data:hover h3:before {
  transform: scale(1.3);
  filter: grayscale(0);
}
.faqApi .data h3 {
  transition: 0.5s;
  color: #247b24;
  cursor: pointer;
  display: flex;
  line-height: normal;
  font-size: 1.35rem;
  font-weight: 300;
  align-items: center;
}
.faqApi .data h3:before {
  content: "";
  width: 18px;
  height: 18px;
  background: url(../images/icos/ico-arrow.svg) no-repeat;
  filter: grayscale(1);
  margin-right: 24px;
}
@media only screen and (max-width: 480px) {
  .faqApi .data h3 {
    font-size: 1rem;
    font-weight: 700;
  }
  .faqApi .data h3 ul li {
    font-size: 13px;
  }
}
.faqApi .data i {
  min-width: 24px;
  max-width: 24px;
  min-height: 24px;
  max-height: 24px;
  margin-right: 8px;
}
.faqApi .data i.date {
  background: url(../images/icos/ico-calendar.svg) no-repeat;
  filter: grayscale(1);
}
.faqApi .data p {
  display: none;
  line-height: 1.5rem;
}
@media only screen and (max-width: 480px) {
  .faqApi .data p {
    font-size: 1rem;
  }
  .faqApi .data p ul li {
    font-size: 13px;
  }
}
.faqApi .data p:first-child {
  display: block;
}
.faqApi .data.open {
  box-shadow: rgba(41, 172, 0, 0.5) 0px 2px 6px;
  background: white;
}
.faqApi .data.open h3 {
  margin-bottom: 24px;
  color: #247b24;
  position: sticky;
  top: 0;
  background: white;
  padding: 6px 24px 6px 0;
}
.faqApi .data.open h3:before {
  transform: rotate(90deg);
  filter: grayscale(0);
}
.faqApi .data.open .tiny-text {
  display: flex;
  align-items: center;
  display: none;
}
.faqApi .data.open p {
  display: block;
}
.faqApi .data.visto:before {
  content: "";
  position: absolute;
  background: url(../images/icos/ico-view-01.svg) no-repeat;
  width: 32px;
  height: 32px;
  margin-left: 20px;
  z-index: 1;
  right: 12px;
  top: 12px;
}

.bg-white {
  background-color: white;
}

html, body, div, span, applet, object, iframe, h1, .leftText .hcero, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

em {
  font: inherit;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  line-height: 1;
  overflow-x: hidden;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  /* font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; */
}

::-webkit-input-placeholder {
  color: #0393cf;
}

:-moz-placeholder {
  color: #3f3f3f;
  opacity: 1;
}

::-moz-placeholder {
  color: #3f3f3f;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #3f3f3f;
}

a {
  text-decoration: none;
}

input {
  outline: 0;
}

:root {
  --dark-color: #00ad00;
  --light-color: #00ad00;
}

svg {
  cursor: pointer;
}

#darkGroup {
  fill: var(--dark-color);
}

#lightGroup {
  fill: var(--light-color);
}

#dark1,
#light1 {
  transition: all 0.1s ease;
}

svg:hover #light1 {
  transform: translateX(0%);
  opacity: 0;
}

svg:hover #dark1 {
  transform: scale(1);
  opacity: 1;
}

.font-mmd {
  font-size: 1.25rem;
  color: white;
  line-height: 28px;
  font-weight: 100;
}
@media only screen and (max-width: 480px) {
  .font-mmd {
    line-height: 24px;
  }
  .font-mmd ul li {
    font-size: 13px;
  }
}

/* mascaras */
[data-overlay]:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}

[data-overlay]:before {
  background: #fafafa;
}

[data-overlay="9"]:before {
  opacity: 0.9;
}

[data-overlay="8"]:before {
  opacity: 0.8;
}

[data-overlay="7"]:before {
  opacity: 0.7;
}

[data-overlay="6"]:before {
  opacity: 0.6;
}

body {
  font-family: "Inter", sans-serif;
  margin: 0;
  padding: 0;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: white;
  color: #4d4d4d;
}
body.show {
  overflow: hidden;
}
body.show .wrap-main {
  -moz-filter: blur(2.5px);
  -webkit-filter: blur(2.5px);
  -ms-filter: blur(2.5px);
  filter: blur(2.5px);
}

@media only screen and (max-width: 480px) {
  .d-md-block {
    display: block !important;
  }
  ul li {
    font-size: 13px;
  }
}
h1, .leftText .hcero, h2, h3, h4 {
  font-family: "Inter", sans-serif;
}

h1, .leftText .hcero {
  margin: 24px;
  font-family: "Inter", sans-serif;
  color: #247b24;
  font-size: 2.5rem;
}
@media only screen and (max-width: 768px) {
  h1, .leftText .hcero {
    font-size: 1.75rem;
  }
}
@media only screen and (max-width: 480px) {
  h1, .leftText .hcero {
    font-size: 1.5rem;
    margin: 10px;
  }
  h1 ul li, .leftText .hcero ul li {
    font-size: 13px;
  }
}

h2 {
  color: #138613;
  margin-bottom: 24px;
  font-size: 2rem;
}

.relative {
  position: relative;
}

.btn {
  background: #138613;
  color: white;
  font-size: 1rem;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
  border: 2px solid #138613;
  font-weight: bold;
  padding: 12px;
  margin: 24px auto;
  cursor: pointer;
}

.x-9 {
  transform: scale(0.9);
  top: -72px;
}

section {
  z-index: 1;
  padding: 4rem;
  position: relative;
}
@media only screen and (max-width: 960px) {
  section {
    padding: 1.5rem;
  }
}
@media only screen and (max-width: 480px) {
  section {
    padding: 1rem;
  }
  section ul li {
    font-size: 13px;
  }
}
section.intro {
  transition: 0.5s;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  background: url(../images/banner-03.jpg) no-repeat center center;
  background-size: cover;
  padding-top: 120px;
  text-align: left;
}
section.intro.login {
  padding: 0;
  padding-top: 0;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  section.intro.login {
    flex-direction: column;
  }
}
section.intro.login .shadow {
  height: 100vh;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.15);
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: white;
}
section.intro.login .shadow #nuevo-cliente {
  max-width: 100%;
  min-width: 100%;
}
section.intro.login .phone-right {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0px;
}
section.intro.login .phone-right .textSlider {
  padding-left: 48px;
  padding-right: 48px;
}
section.intro.login .phone-right .textSlider h2 {
  color: #138613;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  section.intro.login .phone-right {
    margin-top: 24px;
    margin-bottom: 32px;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  section.intro.login .phone-right {
    flex-direction: column;
  }
  section.intro.login .phone-right ul li {
    font-size: 13px;
  }
}
@media only screen and (max-width: 480px) {
  section.intro {
    padding-top: 80px;
  }
  section.intro ul li {
    font-size: 13px;
  }
}
section.intro .container {
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  section.intro .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 480px) {
  section.intro .text-central {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  section.intro .text-central ul li {
    font-size: 13px;
  }
}
section.intro._01 {
  background: url(../images/banner-00.jpg) no-repeat fixed;
  border-bottom: 5px solid #eee;
}
section.intro._02 {
  background: url(../images/banner-01.jpg) no-repeat right center fixed;
}
section.intro._03 {
  background: url(../images/banner-02.jpg) no-repeat right center;
  background-size: cover;
}
section.intro._04 {
  background: url(../images/banner-03.jpg) no-repeat center center;
  background-size: cover;
}
section.intro._05 {
  background: url(../images/banner-04.jpg) no-repeat center center fixed;
  background-size: cover;
}
section.intro._06 {
  background: url(../images/back-iso.svg) no-repeat right top;
  background-size: cover;
}
section.intro .comp-wrap {
  width: 180px;
  height: 395px;
  position: absolute;
  left: -24px;
  top: 24px;
  opacity: 0.53;
  transform: rotate(180deg);
  filter: grayscale(1);
}
@media only screen and (max-width: 768px) {
  section.intro .comp-wrap {
    opacity: 0.1;
  }
}
section.intro .comp-wrap.bottom {
  top: auto;
  bottom: 100px;
  left: auto;
  right: -24px;
  transform: rotate(0deg);
  opacity: 0.4;
}
@media only screen and (max-width: 768px) {
  section.intro .comp-wrap.bottom {
    opacity: 0.2;
  }
}
section.intro .phone-static {
  position: relative;
  z-index: 999;
}
section.intro .phone-static img {
  max-width: 280px;
  min-width: 280px;
  z-index: 1;
}
section.intro .phone-right {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -24px;
}
@media only screen and (max-width: 768px) {
  section.intro .phone-right {
    margin-top: 24px;
    margin-bottom: 32px;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  section.intro .phone-right {
    margin-top: -42px;
  }
  section.intro .phone-right ul li {
    font-size: 13px;
  }
}
section.intro.vh100 {
  height: 100vh;
  border-bottom: 1px solid #ccc;
}
@media only screen and (max-width: 768px) {
  section.intro.vh100 {
    min-height: 100vh;
    max-height: 100vh;
  }
}
@media only screen and (max-width: 768px) {
  section.intro.vh100 {
    min-height: inherit;
    max-height: inherit;
    height: auto;
  }
}
section.intro h1, section.intro .leftText .hcero, .leftText section.intro .hcero {
  font-size: 2.5rem;
  margin: 24px 0;
  color: #247b24;
  font-weight: 700;
  display: flex;
  flex-direction: column;
}
section.intro h1 span, section.intro .leftText .hcero span, .leftText section.intro .hcero span {
  color: #138613;
}
section.intro h1 strong, section.intro .leftText .hcero strong, .leftText section.intro .hcero strong {
  font-weight: 700;
}
@media only screen and (max-width: 480px) {
  section.intro h1, section.intro .leftText .hcero, .leftText section.intro .hcero {
    font-size: 1.5rem;
  }
  section.intro h1 ul li, section.intro .leftText .hcero ul li, .leftText section.intro .hcero ul li {
    font-size: 13px;
  }
}
section.intro h2 {
  font-size: 1.75rem;
  margin: 24px 0;
  line-height: normal;
  color: #000;
  font-weight: 300;
  max-width: 570px;
}
@media only screen and (max-width: 768px) {
  section.intro h2 {
    max-width: inherit;
  }
}
@media only screen and (max-width: 480px) {
  section.intro h2 {
    font-size: 1rem;
  }
  section.intro h2 ul li {
    font-size: 13px;
  }
}
section.intro p {
  line-height: normal;
  margin-bottom: 24px;
  font-size: 1.25rem;
}
section.intro .reserva {
  font-size: 1rem;
}
section.intro .btn {
  font-size: 1rem;
  background: #138613;
  margin: 24px 0;
  transition: 0.3s;
}
section.intro .btn:hover {
  background: #247b24;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 768px) {
  section.intro .btn {
    font-size: 1rem;
    margin: 12px auto;
  }
}
section.intro.alt {
  padding: 24px 0;
}
section.companias {
  padding: 3rem;
}
section.companias h2 {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 480px) {
  section.companias h2 {
    font-size: 1.5rem;
  }
  section.companias h2 ul li {
    font-size: 13px;
  }
}

section.porque {
  margin: 0;
  padding: 64px 24px;
  text-align: center;
  margin-top: 0;
  position: relative;
}
section.porque.mas {
  padding: 0 24px 96px 24px;
}
@media only screen and (max-width: 480px) {
  section.porque {
    margin: 0;
    background: white;
  }
  section.porque ul li {
    font-size: 13px;
  }
}
section.porque h2 {
  color: #138613;
  margin: 0 0 24px 0;
  font-size: 1.75rem;
  text-align: center;
}
section.porque h3 {
  font-size: 1.25rem;
  margin-top: 12px;
  margin-bottom: 24px;
  color: #000;
}
section.porque .row {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  section.porque .row {
    flex-direction: row-reverse;
    flex-wrap: nowrap;
  }
}
section.porque .row .col-md-6 {
  margin-bottom: 24px;
}
section.porque .row img {
  min-width: 64px;
  max-width: 64px;
}
section.porque .row .r45 {
  transform: rotate(-45deg);
}
section.porque .row .arrow-left {
  position: relative;
  border-left: 1px solid #ccc;
}
@media only screen and (max-width: 768px) {
  section.porque .row .arrow-left {
    border: none;
  }
}
section.porque .row .arrow-left:before {
  border-color: transparent #ccc;
  border-style: solid;
  border-width: 6px 0px 6px 6px;
  height: 0px;
  width: 0px;
  content: "";
  top: 50%;
  left: 0px;
  position: absolute;
  margin-top: -6px;
}
@media only screen and (max-width: 768px) {
  section.porque .row .arrow-left:before {
    display: none;
  }
}
section.porque .row .modelos {
  display: flex;
}
@media only screen and (max-width: 768px) {
  section.porque .row .modelos {
    flex-direction: column;
  }
}
section.porque .row .d-flex {
  align-items: center;
  flex-wrap: wrap;
}
section.porque .row .expo {
  margin: 24px 0;
  padding: 12px;
  border-radius: 24px;
  min-width: 40%;
  max-width: 40%;
}
@media only screen and (max-width: 1280px) {
  section.porque .row .expo ul li {
    font-size: 15px;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 960px) {
  section.porque .row .expo {
    min-width: 100%;
    max-width: 100%;
    box-shadow: none;
  }
}
section.porque .paso {
  padding-top: 24px;
  position: relative;
}
section.porque .paso._01:before {
  position: absolute;
  top: 10px;
}
section.porque .paso._01 h4 {
  margin: 0 auto;
}
@media only screen and (max-width: 960px) {
  section.porque .paso {
    padding: 0;
    margin-bottom: 24px;
  }
}
section.porque .paso img {
  width: 72px;
  height: 72px;
}
@media only screen and (max-width: 480px) {
  section.porque .paso img {
    width: 48px;
    height: 48px;
  }
  section.porque .paso img ul li {
    font-size: 13px;
  }
}
section.porque .timeline.home {
  min-width: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 768px) {
  section.porque .timeline.home {
    display: none;
    min-width: 52px;
    max-width: 52px;
    margin-top: 0;
    height: auto;
    flex-direction: column;
  }
  section.porque .timeline.home:after {
    width: 4px;
    height: 400px;
    top: 0;
  }
}
@media only screen and (max-width: 768px) and (max-width: 480px) {
  section.porque .timeline.home:after {
    height: 176px;
  }
  section.porque .timeline.home:after ul li {
    font-size: 13px;
  }
}

body.dark .features {
  margin-top: 0;
}

.features {
  background: #196719;
  text-align: left;
  position: relative;
  margin-top: 100px;
}
.features h3 {
  color: white;
  margin: 0;
  margin-bottom: 24px;
  font-size: 1.75rem;
}
.features h4 {
  color: white;
  margin-bottom: 12px;
  font-size: 1.5rem;
  font-weight: bold;
}
.features p {
  color: white;
}
.features .border-left-5 {
  border-left: 5px solid white;
}
@media only screen and (max-width: 768px) {
  .features {
    padding: 48px 32px;
    margin: 0;
    height: 100vh;
  }
  .features .row {
    align-items: center;
    justify-content: center;
  }
  .features .col-sm-4 {
    margin-bottom: 48px;
  }
}

body.dark .callto {
  padding: 64px 110px;
  margin: 0;
}
@media only screen and (max-width: 960px) {
  body.dark .callto {
    padding: 60px;
  }
}
@media only screen and (max-width: 480px) {
  body.dark .callto {
    padding: 24px;
  }
  body.dark .callto ul li {
    font-size: 13px;
  }
}
body.dark .callto .elemento {
  background: url(../images/banner-05.jpg) no-repeat center center;
  background-size: cover;
  padding: 124px 64px;
  border-radius: 24px;
  box-shadow: none;
}
body.dark .callto .elemento p {
  color: #fafafa;
}
@media only screen and (max-width: 960px) {
  body.dark .callto .elemento {
    padding: 48px 24px;
    background: url(../images/banner-03.jpg) no-repeat center top;
  }
}

.callto {
  padding: 0;
}
.callto p {
  color: white;
  line-height: normal;
}
.callto .btn {
  background: none;
  border: 2px solid #138613;
  color: #138613;
  padding: 10px;
  margin: 24px 0;
  margin-right: 8px;
  transition: 0.3s;
}
.callto .btn:hover {
  color: white;
}
@media only screen and (max-width: 768px) {
  .callto .btn {
    margin: 24px auto;
  }
}
.callto img {
  border-radius: 24px;
  margin-right: 8px;
}
.callto .elemento {
  background: url(../images/banner-05.png) no-repeat;
  background-size: cover;
  padding: 100px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .callto .elemento {
    padding: 24px;
  }
  .callto .elemento .row .col-md-8 .d-flex {
    flex-direction: column;
  }
  .callto .elemento .row .col-md-8 .d-flex .btn {
    margin: 24px 0;
    min-width: 130px;
  }
  .callto .elemento .row a img {
    margin: 12px;
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  .callto .elemento .row {
    text-align: center;
  }
}

.list-cryptos {
  background: url(../images/back-svg.svg) no-repeat fixed;
  background-size: cover;
}
.list-cryptos.dark {
  background: black;
}
@media only screen and (max-width: 480px) {
  .list-cryptos.dark {
    padding: 24px;
  }
  .list-cryptos.dark ul li {
    font-size: 13px;
  }
}
.list-cryptos.dark .crypto {
  border-color: black;
  box-shadow: 0 0px 8px rgba(4, 25, 39, 0.15);
  border-radius: 24px;
  padding: 12px;
  margin: 24px;
  min-width: 194px;
  position: relative;
  background: #111724;
  transition: 1s;
  display: flex;
  align-items: center;
  transition: 0.5s;
}
@media only screen and (max-width: 768px) {
  .list-cryptos.dark .crypto {
    min-width: 100%;
    max-width: 100%;
    margin: 12px 0;
    justify-content: center;
  }
}
.list-cryptos.dark .crypto .loading {
  margin-top: -14px;
  background: none;
}
.list-cryptos.dark .crypto .loading:before {
  border: solid 2px #138613;
  border-bottom-color: #000;
}
.list-cryptos.dark .crypto p {
  color: #f2f2f2;
}
.list-cryptos.dark .crypto p span {
  font-weight: bold;
  color: white;
}
.list-cryptos.dark .crypto .price {
  color: #196719;
  font-weight: bold;
}
.list-cryptos.dark .crypto .data {
  text-align: left;
}
.list-cryptos.dark .crypto .data p {
  margin-bottom: 12px;
}
.list-cryptos.dark .crypto .tool-crypto {
  display: flex;
  margin-top: 24px;
}
.list-cryptos.dark .crypto:hover {
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 768px) {
  .list-cryptos {
    padding: 24px;
  }
}
.list-cryptos h2 {
  font-size: 2rem;
}
.list-cryptos p {
  margin-bottom: 32px;
  color: white;
}
.list-cryptos .crypto {
  border: 1px solid #ccc;
  box-shadow: rgba(41, 172, 0, 0.5) 0px 2px 6px;
  border-radius: 24px;
  padding: 24px;
  margin: 24px;
  min-width: 210px;
  position: relative;
  background: white;
  transition: 1s;
  transition: 0.5s;
}
@media only screen and (max-width: 768px) {
  .list-cryptos .crypto {
    min-width: 100%;
    max-width: 100%;
    margin: 12px 0;
  }
}
.list-cryptos .crypto p span {
  font-weight: bold;
  color: #196719;
}
.list-cryptos .crypto .price {
  color: #196719;
  font-weight: bold;
  transition: 1s;
}
.list-cryptos .crypto .data {
  text-align: left;
  padding-left: 12px;
}
.list-cryptos .crypto .tool-crypto {
  display: flex;
  margin-top: 24px;
}
.list-cryptos .crypto a.order {
  border: 1px solid #196719;
  border-radius: 24px;
  position: relative;
  padding: 6px;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #196719;
  width: 100%;
  transition: 0.3s;
  cursor: pointer;
}
.list-cryptos .crypto a.order:before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(../images/icos/ico-arrow.svg) no-repeat;
  filter: grayscale(1);
  opacity: 0.5;
  position: absolute;
  left: 12px;
  transition: 0.3s;
}
.list-cryptos .crypto:hover {
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.15);
}
.list-cryptos .crypto:hover a.order {
  border: 1px solid #247b24;
  color: #247b24;
}
.list-cryptos .crypto:hover a.order:before {
  filter: invert(0);
  opacity: 1;
  margin-left: 4px;
  transition: 0.3s;
}
.list-cryptos .crypto.refresh .price {
  transform: 1s;
}

@media only screen and (max-width: 480px) {
  #icon-ani {
    display: none;
  }
  #icon-ani ul li {
    font-size: 13px;
  }
}

.security {
  padding: 4rem;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .security {
    padding: 1.5rem;
  }
}
.security.back-ani:before {
  width: 100%;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  content: "";
  z-index: 1;
}
.security.back-ani:after {
  width: 100%;
  height: 120px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgba(74, 129, 61, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  z-index: 0;
}
.security.alt .box {
  box-shadow: none;
}
.security.alt.green .box h3 {
  color: #138613;
}
.security.alt.green .box .icon {
  background: #edf8ed;
}
.security .appCryptanz img {
  min-width: 80%;
  max-width: 80%;
  position: sticky;
  top: 100px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 768px) {
  .security .appCryptanz {
    display: none;
  }
}
.security .imageList_ {
  min-width: 82%;
  max-width: 82%;
  position: sticky;
  top: 100px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  z-index: 1;
}
.security h2 {
  color: #000;
  margin: 0;
  font-size: 2rem;
}
@media only screen and (max-width: 768px) {
  .security h2 {
    padding: 0;
    margin: 24px 0;
  }
}
.security .box {
  background: white;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.15);
  border-radius: 24px;
  padding: 24px;
  position: relative;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 50%;
  max-width: 50%;
  margin: auto;
}
.security .box:first-child {
  margin-top: 24px;
}
.security .box .icon {
  width: 64px;
  height: 64px;
  background: #edf8ed;
  border-radius: 50%;
  margin-bottom: 12px;
  padding: 12px;
}
.security .box h3 {
  color: #247b24;
  margin-bottom: 12px;
  font-size: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .security .box {
    box-shadow: none;
    padding: 12px;
  }
}
.security .faq-wrap {
  margin: 24px 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.security .faq-wrap .faq {
  background: white;
  box-shadow: 0 0px 16px rgba(0, 0, 0, 0.11);
  border-radius: 24px;
  padding: 12px;
  padding-left: 64px;
  position: relative;
  margin: 18px;
  display: flex;
  position: relative;
  justify-content: flex-start;
  align-items: center;
  color: #247b24;
  text-align: left;
  font-size: 1.25rem;
  font-weight: bold;
}
@media only screen and (max-width: 960px) {
  .security .faq-wrap .faq {
    padding-left: 38px;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 480px) {
  .security .faq-wrap .faq {
    text-align: center;
    justify-content: center;
    padding-left: 24px;
    width: auto;
    height: auto;
  }
  .security .faq-wrap .faq ul li {
    font-size: 13px;
  }
}
.security .faq-wrap .faq .icon {
  position: absolute;
  left: -24px;
  width: 54px;
  height: 54px;
  background: #edf8ed;
  border-radius: 50%;
  padding: 6px;
  box-shadow: rgba(41, 172, 0, 0.5) 0px 2px 6px;
}
@media only screen and (max-width: 480px) {
  .security .faq-wrap .faq .icon {
    left: -20px;
  }
  .security .faq-wrap .faq .icon ul li {
    font-size: 13px;
  }
}
.security .faq-wrap.right .faq {
  padding-right: 68px;
  padding-left: 12px;
  justify-content: flex-start;
  text-align: left;
  padding-left: 24px;
}
@media only screen and (max-width: 768px) {
  .security .faq-wrap.right .faq {
    padding-right: 12px;
    text-align: center;
    justify-content: center;
    padding-left: 38px;
    box-shadow: none;
    min-height: 68px;
  }
}
@media only screen and (max-width: 480px) {
  .security .faq-wrap.right .faq {
    padding: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-direction: column;
  }
  .security .faq-wrap.right .faq ul li {
    font-size: 13px;
  }
}
.security .faq-wrap.right .faq .icon {
  transition: 0.31s;
  left: auto;
  right: -24px;
}
@media only screen and (max-width: 480px) {
  .security .faq-wrap.right .faq .icon {
    background: none;
    box-shadow: none;
    left: -20px;
    right: auto;
    padding: 0;
    width: auto;
    height: auto;
    position: static;
    margin-bottom: 12px;
  }
  .security .faq-wrap.right .faq .icon ul li {
    font-size: 13px;
  }
}
@media only screen and (max-width: 480px) {
  .security .faq-wrap.right .faq .icon ul li {
    font-size: 13px;
  }
}
.security .faq-wrap.right .faq:hover .icon {
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 480px) {
  .security .faq-wrap.right .faq:hover .icon {
    transform: scale(1.1);
    box-shadow: none;
  }
  .security .faq-wrap.right .faq:hover ul li {
    font-size: 13px;
  }
}
.security .row {
  z-index: 1;
}
.security #icon-ani {
  opacity: 0.1;
  filter: grayscale(1);
  right: -200px;
}
@media only screen and (max-width: 480px) {
  .security #icon-ani {
    display: none;
  }
  .security #icon-ani ul li {
    font-size: 13px;
  }
}
@media only screen and (max-width: 960px) {
  .security .container {
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .security .container .col-md-4 {
    padding-left: 0;
    padding-right: 0;
  }
  .security .container .col-md-4 ul li {
    font-size: 13px;
  }
}
.security p {
  margin-bottom: 24px;
}

section.otro {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  background: url(../images/banner-03.jpg) no-repeat center center;
  background-size: cover;
  padding-top: 90px;
}
section.otro span {
  border-right: 0.05em solid;
  animation: caret 1s steps(1) infinite;
}
@keyframes caret {
  50% {
    border-color: transparent;
  }
}
section.otro .container {
  position: relative;
  z-index: 2;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  section.otro .container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
section.otro._01 {
  background: url(../images/banner-00.jpg) no-repeat fixed;
  border-bottom: 5px solid #eee;
}
section.otro._02 {
  background: url(../images/banner-01.jpg) no-repeat right center fixed;
}
section.otro._03 {
  background: url(../images/banner-02.jpg) no-repeat right center;
  background-size: cover;
}
section.otro._04 {
  background: url(../images/banner-03.jpg) no-repeat center center;
  background-size: cover;
}
section.otro._05 {
  background: url(../images/banner-04.webp) no-repeat center center;
  background-size: cover;
}
section.otro._06 {
  background: url(../images/back-iso.svg) no-repeat right top;
  background-size: cover;
}
section.otro h1, section.otro .leftText .hcero, .leftText section.otro .hcero {
  font-size: 2.5rem;
  text-align: center;
  margin: 0;
  margin: 24px 0;
  color: #000;
}
section.otro h1 strong, section.otro .leftText .hcero strong, .leftText section.otro .hcero strong {
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  section.otro h1, section.otro .leftText .hcero, .leftText section.otro .hcero {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 480px) {
  section.otro h1, section.otro .leftText .hcero, .leftText section.otro .hcero {
    font-size: 1.5rem;
    margin: 12px 0;
  }
  section.otro h1 ul li, section.otro .leftText .hcero ul li, .leftText section.otro .hcero ul li {
    font-size: 13px;
  }
}
@media only screen and (max-width: 480px) {
  section.otro h1.hcero, section.otro .leftText .hcero, .leftText section.otro .hcero {
    margin-left: 24px;
    margin-bottom: 0;
  }
  section.otro h1.hcero ul li, section.otro .leftText .hcero ul li, .leftText section.otro .hcero ul li {
    font-size: 13px;
  }
}
section.otro h2 {
  font-size: 1rem;
  margin: 0;
  line-height: normal;
  color: #000;
  width: 100%;
  display: flex;
  padding: 0;
  margin: 24px 0;
  text-align: left;
}
@media only screen and (max-width: 480px) {
  section.otro h2 {
    text-align: center;
  }
  section.otro h2 ul li {
    font-size: 13px;
  }
}
section.otro .btn {
  font-size: 1rem;
  box-shadow: rgba(41, 172, 0, 0.5) 0px 2px 6px;
  margin: 0;
  margin-top: 24px;
}
@media only screen and (max-width: 768px) {
  section.otro .btn {
    margin: 24px auto;
  }
}
section.otro p {
  font-size: 0.8rem;
  font-weight: bold;
  color: #138613;
  text-align: left;
}
@media only screen and (max-width: 480px) {
  section.otro p {
    text-align: center;
  }
  section.otro p ul li {
    font-size: 13px;
  }
}

.leftText {
  position: relative;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .leftText {
    text-align: center;
  }
}
.leftText .hcero {
  float: left;
  padding-right: 12px;
  color: #444;
}
@media only screen and (max-width: 480px) {
  .leftText .hcero {
    float: none;
    margin-bottom: 0;
  }
  .leftText .hcero ul li {
    font-size: 13px;
  }
}
.leftText h1, .leftText .hcero {
  float: left;
  margin: 0;
  transition: 0.3s;
  color: #444;
  font-weight: bold;
}
@media only screen and (max-width: 480px) {
  .leftText h1, .leftText .hcero {
    float: none;
  }
  .leftText h1 ul li, .leftText .hcero ul li {
    font-size: 13px;
  }
}
.leftText h1._btn, .leftText ._btn.hcero {
  color: orange;
}
.leftText h1._sol, .leftText ._sol.hcero {
  color: indigo;
}
.leftText h1._eth, .leftText ._eth.hcero {
  color: #37367b;
}
.leftText h1._ada, .leftText ._ada.hcero {
  color: blue;
}
.leftText h1._bnb, .leftText ._bnb.hcero {
  color: #FCD535;
}
.leftText h1._crip, .leftText ._crip.hcero {
  color: #138613;
}
@media only screen and (max-width: 768px) {
  .leftText h1, .leftText .hcero {
    font-size: 1.5rem;
    color: rebeccapurple;
  }
}
.leftText h2 {
  width: 100%;
  padding: 24px 0;
  font-size: 1rem;
}

.explorar h2 {
  font-size: 2rem;
}

.numbers .number-wrap {
  display: flex;
  align-items: center;
  padding: 12px 0;
  justify-content: center;
}
@media only screen and (max-width: 480px) {
  .numbers .number-wrap {
    flex-direction: column;
  }
  .numbers .number-wrap ul li {
    font-size: 13px;
  }
}
.numbers .number-wrap p {
  text-align: center;
}
.numbers .number {
  min-width: 64px;
  max-width: 64px;
  min-height: 64px;
  max-height: 64px;
  align-items: center;
  justify-content: center;
  display: flex;
  background: #111724;
  border-radius: 50%;
  padding: 6px;
  box-shadow: 0 0px 8px rgba(4, 25, 39, 0.15);
  margin-right: 12px;
}
@media only screen and (max-width: 480px) {
  .numbers .number {
    margin-bottom: 24px;
  }
  .numbers .number ul li {
    font-size: 13px;
  }
}
.numbers .number h2 {
  color: white;
  margin: 0;
  font-weight: bold;
  font-size: 2.5rem;
}

.smarthvideo {
  width: 300px;
  height: 588px;
  position: relative;
  z-index: 1;
  margin: auto;
}
.smarthvideo.somma::before {
  content: "";
  width: 220px;
  height: 240px;
  position: absolute;
  top: 180px;
  left: 190px;
  transform: rotate(38deg);
  background: url(../images/erizo/erizo-wow.svg) no-repeat;
}
@media only screen and (max-width: 768px) {
  .smarthvideo.somma::before {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .smarthvideo {
    width: 270px;
    height: 444px;
    transform: scale(0.7);
  }
  .smarthvideo ul li {
    font-size: 13px;
  }
}
.smarthvideo.twoSection {
  position: sticky;
  top: 100px;
}
@media only screen and (max-width: 480px) {
  .smarthvideo.twoSection {
    margin-top: -78px;
  }
  .smarthvideo.twoSection ul li {
    font-size: 13px;
  }
}
.smarthvideo img {
  width: 300px;
  z-index: 2;
  position: absolute;
  left: 0;
}
@media only screen and (max-width: 480px) {
  .smarthvideo img {
    width: 270px;
  }
  .smarthvideo img ul li {
    font-size: 13px;
  }
}
.smarthvideo .video {
  width: 252px;
  position: absolute;
  left: 25px;
  top: 46px;
  z-index: 1;
}
@media only screen and (max-width: 480px) {
  .smarthvideo .video {
    left: 22px;
    width: 226px;
  }
  .smarthvideo .video ul li {
    font-size: 13px;
  }
}

.badge {
  position: absolute;
  bottom: 48px;
  width: 262px;
}
.badge img {
  border-radius: 24px;
}
@media only screen and (max-width: 768px) {
  .badge {
    position: relative;
    margin: auto;
    padding-top: 100px;
  }
}

.loadSmarth .loading {
  z-index: 0;
}

.list-cryptos .loading {
  z-index: 0;
}

section.qr {
  padding: 64px 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: url(../images/back-svg-somma.svg) no-repeat fixed;
  background-size: cover;
}
@media only screen and (max-width: 960px) {
  section.qr {
    flex-wrap: wrap;
    padding: 24px;
  }
}
section.qr .dispositivos {
  min-width: 60%;
  height: 720px;
  position: relative;
  background: url(../images/go-mobile-1x.png) no-repeat -80px 100px;
  background-size: contain;
}
@media only screen and (max-width: 960px) {
  section.qr .dispositivos {
    height: 260px;
    background-size: contain;
    background-position: 0 0;
    min-width: 100%;
    padding: 24px;
  }
}
@media only screen and (max-width: 480px) {
  section.qr .dispositivos {
    min-width: 100%;
  }
  section.qr .dispositivos ul li {
    font-size: 13px;
  }
}
section.qr .dispositivos img {
  position: absolute;
  min-width: 928px;
  max-width: 928px;
  right: 0%;
  top: 82px;
}
@media only screen and (max-width: 960px) {
  section.qr .dispositivos img {
    min-width: 420px;
    max-width: 420px;
    position: static;
  }
}
section.qr .textCall {
  min-width: 40%;
  padding: 24px 72px;
  padding-right: 124px;
  text-align: left;
}
section.qr .textCall p {
  line-height: normal;
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  margin-bottom: 0;
}
section.qr .textCall p strong {
  color: #138613;
  font-weight: bold;
  margin-right: 4px;
}
section.qr .textCall p .ico {
  min-width: 24px;
  max-width: 24px;
  min-height: 24px;
  max-height: 24px;
}
@media only screen and (max-width: 768px) {
  section.qr .textCall p.desktopC {
    display: none;
  }
}
section.qr .textCall img {
  margin-right: 12px;
  min-width: 82px;
  max-width: 82px;
  min-height: 82px;
  max-height: 82px;
  margin-top: 8px;
}
@media only screen and (max-width: 768px) {
  section.qr .textCall img.desktopC {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  section.qr .textCall {
    min-width: 100%;
    padding: 24px;
  }
}
section.qr .textCall .d-flex.flex-column p {
  font-size: 1rem;
  color: #138613;
  font-weight: bold;
}
section.qr p {
  font-size: 1.25rem;
  margin-bottom: 24px;
  line-height: normal;
}

.openModal {
  position: relative;
  min-width: 260px;
  text-align: center;
}
.openModal.load:before {
  margin-left: -24px;
  border: solid 4px black;
  border-bottom-color: #138613;
  background: black;
  left: 42px;
}

.soysomma {
  text-align: center;
  position: absolute;
  bottom: 96px;
  width: 300px;
  height: 72px;
  border-radius: 24px;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.15);
  background: #138613;
  padding: 12px;
  line-height: 24px;
  color: #138613;
  left: 50%;
  margin-left: -150px;
  color: white;
}

.nos-conociste {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .nos-conociste {
    flex-direction: column;
  }
}