@charset "UTF-8";

/*! Font Nuevo sitio */
@font-face {
   font-family: "Regular";
   src: url('$assets-amsipro-regular-otf');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
   font-family: "XLight";
   src: url('$assets-amsipro-xlight-otf');
   font-weight: lighter;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
   font-family: "Black";
   src: url('$assets-amsipro-black-otf');
   font-weight: bolder;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
   font-family: "Bold";
   src: url('$assets-amsipro-bold-otf');
   font-weight: bold;
   font-style: normal;
   font-display: swap;
 }
 
 /*NAV*/
header {
   -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
   box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
   z-index: 9999;
   position: relative;
   background-color: #000;
}

.white-space-no-mob {margin-top: 200px;}


.menu-tenpo p.menu-head {
   font-size: 14px;
   margin-top: 5px;
   font-family: "amsipro-regular";
}

.menu-tenpo .navbar-nav {
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   width: 100%;
   position: relative;
   font-family: "amsipro-regular";
}

@media (max-width: 767px) {
   .menu-tenpo .navbar-nav {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
   }
}

@media (max-width: 767px) {
   .menu-tenpo .navbar-nav:first-of-type {
      border-top: 1px solid #00927e2b;
      padding-top: 60px;
      margin-top: 10px;
   }
}

.menu-tenpo .navbar-nav li {
   font-size: 14px;
   margin: 0 10px;
   position: relative;
}

.menu-tenpo .navbar-nav li:last-of-type {
   margin-right: 0px;
}

@media (max-width: 767px) {
   .menu-tenpo .navbar-nav li:last-of-type {
      margin: 0px 10px;
   }
}

@media (max-width: 991px) {
   .menu-tenpo .navbar-nav li {
      margin: 0px 10px;
      padding: 20px 10px;
      text-align: left;
      font-size: 18px;
   }

   .menu-tenpo .navbar-nav li:after {
      content: ">";
      position: absolute;
      right: 25px;
      font-size: 19px;
      top: 20px;
   }
}

.menu-tenpo .navbar-nav li a {
   padding: 0px;
   color: #ffffff !important;
   position: relative;
   font-family: "amsipro-regular";
}

.menu-tenpo .navbar-nav li a:after {
   border-bottom: 2px solid transparent;
}

@media (max-width: 767px) {
   .menu-tenpo .navbar-nav li a {
      color: #6AFE99 !important;
   }
}

.menu-tenpo .navbar-nav li a:hover {
   font-family: "amsipro-bold";
   color: #000000 !important;
   background-color: #6AFE99;
   border-radius: 30px;
}

.menu-tenpo .navbar-nav .active {
   color: #000000 !important;
   background-color: #6AFE99;
   border-radius: 30px;
}

.menu-tenpo .navbar-nav .active a {
   color: #000000 !important;
   background-color: #6AFE99;
   border-radius: 30px;
}

.navbar-toggler {
   border: none;
   padding-right: 10px;
}

.navbar-toggler-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 186, 164, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

@media (max-width: 767px) {
   .navbar-brand img {
      width: 65%;
      margin-left: 10px;
   }
}

@media (max-width: 767px) {
   .navbar-collapse ul {
      height: 100vh;
   }
}

.menu-toggle {
   height: 32px;
   position: relative;
   -webkit-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transition: 0.5s ease-in-out;
   -o-transition: 0.5s ease-in-out;
   transition: 0.5s ease-in-out;
   cursor: pointer;
   width: 40px;
   top: 6px;
}

.menu-toggle:hover {
   color: #000;
}

.menu-toggle i,
.menu-toggle i:after,
.menu-toggle i:before {
   display: block;
   position: absolute;
   height: 2px;
   width: 23px;
   right: 0;
   background: #6AFE99;
   border-radius: 2px;
   -webkit-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transition: 0.25s ease-in-out;
   -o-transition: 0.25s ease-in-out;
   transition: 0.25s ease-in-out;
}

.menu-toggle i:after,
.menu-toggle i:before {
   content: "";
}

.menu-toggle i:after {
   top: -14px;
}

.menu-toggle i:before {
   top: -7px;
}

.menu-toggle i {
   top: 15px;
}

.navbar-toggler[aria-expanded=true] .menu-toggle i:after {
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   top: -22px;
}

.navbar-toggler[aria-expanded=true] .menu-toggle i:after {
   display: none;
}

.navbar-toggler[aria-expanded=true] .menu-toggle i {
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   top: 10px;
}

.navbar-toggler[aria-expanded=true] .menu-toggle i:before {
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
   top: 0px;
}

/*NAV END*/
/*footer*/
footer {
   background: #121212;
   padding: 68px 0px 20px;
   color: #fff;
}

.cont-footer {
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
}

@media (max-width: 991px) {
   .cont-footer {
      width: 100%;
   }
}

.cont-footer h6 {
   font-size: 18px;
   line-height: 22px;
   width: 100%;
}

.post-footer {
   background: #F7F7F7;
   padding: 20px 0px;
}

.post-footer p {
   font-size: 14px;
   color: #595959;
   text-align: center;
   max-width: 794px;
   margin: 0 auto;
}

@media (max-width: 991px) {
   .post-footer p {
      text-align: left;
   }
}

.post-footer a {
   text-decoration: none;
   color: #595959;
}

.footer-colm:nth-of-type(1) {
   width: 16.1%;
}

.footer-colm:nth-of-type(2) {
   width: 22.3%;
}

.footer-colm:nth-of-type(3) {
   width: 24.1%;
}

.footer-colm:nth-of-type(4) {
   width: 17.4%;
}

.footer-colm:nth-of-type(5) {
   width: 20.1%;
}

.footer-colm p {
   font-family: "amsipro-bold";
}

.footer-colm ul {
   list-style-type: none;
   padding: 0px;
   font-size: 16px;
}

@media (max-width: 991px) {
   .footer-colm {
      padding-left: 25px;
      padding-top: 25px;
   }

   .footer-colm:nth-of-type(n) {
      width: 100%;
   }
}

.footer-colm a {
   color: #fff;
   text-decoration: none;
}

.rrss {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.rrss p {
   width: 100%;
}

.rrss img {
   margin: 0px 30px 0px 10px;
}

.rrss img:first-of-type {
   margin: 0px 30px 0px 0px;
}

.icos-descarga img {
   margin: 10px 0px;
   display: block;
}

.footer-credicorp {
   width: 100%;
   text-align: center;
}

.footer-credicorp b {
   font-family: "amsipro-bold";
}

.footer-credicorp small {
   font-size: 15px;
}

.footer-credicorp {
   width: 100%;
   text-align: center;
   padding-top: 30px;
}

.footer-credicorp img {
   width: 120px;
   position: relative;
   top: -4px;
   left: 7px;
}

.footer-credicorp b {
   font-family: "amsipro-bold";
}

.footer-credicorp small {
   font-size: 16px;
}

/*footer End*/
.back-qs {
   background: #f7f7f7;
}

.cont-text {
   width: 100%;
   padding: 25px;
   max-width: 1160px;
   margin: 35px auto;
}

.cont-text:last-of-type {
   margin-bottom: 200px;
}

.cont-text a {
   color: #595959;
   text-decoration: none;
}

.celulares-qs {
   margin: auto;
   display: block;
   max-width: 709px;
   position: relative;
   z-index: 2;
}

@media (max-width: 1199px) {
   .celulares-qs {
      width: 50%;
   }
}

@media (max-width: 767px) {
   .celulares-qs {
      max-width: 294px;
      width: 100%;
   }
}

.cover-img-qs {
   width: 80%;
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: 0px auto;
}

@media (max-width: 767px) {
   .cover-img-qs {
      width: 140%;
      left: -20%;
   }
}

.signo-qs {
   position: absolute;
   top: 5%;
   right: 1%;
   max-width: 161px;
   z-index: 2;
}

@media (max-width: 767px) {
   .signo-qs {
      max-width: 69px;
   }
}

.billetera {
   position: absolute;
   left: 10%;
   top: 20%;
   max-width: 133px;
   z-index: 2;
}

@media (max-width: 767px) {
   .billetera {
      max-width: 60px;
   }
}

.eclipse-qs {
   position: absolute;
   left: 20%;
   bottom: 15%;
   max-width: 26px;
   z-index: 2;
}

@media (max-width: 1199px) {
   .eclipse-qs {
      left: 30%;
      bottom: 30%;
   }
}

@media (max-width: 767px) {
   .eclipse-qs {
      max-width: 10px;
   }
}

.billete-qs {
   position: absolute;
   max-width: 260px;
   right: -130px;
   bottom: -30px;
}

@media (max-width: 767px) {
   .billete-qs {
      max-width: 71px;
      right: 0px;
      bottom: -50px;
   }
}

.eclipse2-qs {
   position: absolute;
   left: -35px;
   bottom: 0px;
   max-width: 70px;
   z-index: 2;
}

@media (max-width: 767px) {
   .eclipse2-qs {
      max-width: 30px;
      left: -15px;
   }
}

main {
   overflow: hidden;
}

.back-page {
   background: transparent -o-linear-gradient(251deg, rgba(212, 249, 245, 0.2) 0%, rgba(0, 186, 164, 0.2) 100%) 0% 0% no-repeat padding-box;
   background: transparent linear-gradient(199deg, rgba(212, 249, 245, 0.2) 0%, rgba(0, 186, 164, 0.2) 100%) 0% 0% no-repeat padding-box;
}

.altas {
   text-transform: uppercase;
   font-weight: bold;
   color: #00baa4;
   font-family: "Gotham Rounded Bold";
}

.marg-bottom {
   padding-bottom: 80px;
}

.cont-imagenes {
   max-width: 538px;
   position: relative;
   display: block;
   width: 100%;
}

@media (max-width: 767px) {
   .cont-imagenes {
      max-width: 350px;
      margin: auto;
   }
}

@media (max-width: 991px) {
   .centrar-tm {
      max-width: 400px;
   }
}

.txt-banner-tarjeta {
   margin-top: 253px;
   line-height: 25px;
   margin-left: 44px;
}

@media (max-width: 991px) {
   .txt-banner-tarjeta {
      margin-top: 100px;
      margin-left: 0px;
   }
}

.celu-1-tm {
   max-width: 400px;
   margin: 60px auto 0px;
}

@media (max-width: 1199px) {
   .celu-1-tm {
      margin-top: 40px;
   }
}

@media (max-width: 767px) {
   .celu-1-tm {
      max-width: 340px;
   }
}

.lineas-celu-1-tm {
   position: absolute;
   top: 117px;
   max-width: 126px;
   right: 154px;
}

@media (max-width: 991px) {
   .lineas-celu-1-tm {
      display: none;
   }
}

.signo-peso-tm {
   position: absolute;
   max-width: 90px;
   top: 136px;
   right: 27px;
}

@media (max-width: 991px) {
   .signo-peso-tm {
      top: 0px;
      right: -47px;
   }
}

.like {
   position: absolute;
   top: 137px;
   max-width: 78px;
   left: 67px;
}

@media (max-width: 767px) {
   .like {
      max-width: 57px;
      top: 91px;
      left: 41px;
   }
}

.heart {
   right: 62px;
   top: 270px;
   position: absolute;
   max-width: 30px;
}

@media (max-width: 1199px) {
   .heart {
      right: calc(10% - 30px);
      top: 30%;
   }
}

@media (max-width: 767px) {
   .heart {
      max-width: 25px;
      top: 40%;
   }
}

.signo-peso-celu {
   position: absolute;
   left: -22px;
   bottom: 189px;
   max-width: 64px;
}

@media (max-width: 767px) {
   .signo-peso-celu {
      max-width: 54px;
   }
}

.eclipse-tm {
   left: 135px;
   bottom: 135px;
   position: absolute;
   max-width: 25px;
}

@media (max-width: 767px) {
   .eclipse-tm {
      left: 53px;
      bottom: 78px;
   }
}

.txt-diferencia {
   margin: 200px 0px 200px 80px;
   line-height: 25px;
}

@media (max-width: 991px) {
   .txt-diferencia {
      margin: 150px 0px 150px 80px;
   }
}

@media (max-width: 767px) {
   .txt-diferencia {
      margin: 60px 0px;
   }
}

.mano-celu-tajeta {
   position: absolute;
   right: -41px;
   top: 30px;
   max-width: 470px;
   z-index: 2;
}

@media (max-width: 991px) {
   .mano-celu-tajeta {
      position: relative;
   }
}

.signo-peso-tm-mano {
   position: absolute;
   max-width: 58px;
   top: 30px;
   left: -30px;
}

@media (max-width: 767px) {
   .signo-peso-tm-mano {
      left: 0px;
      top: 59px;
   }
}

.circulo-tm-1 {
   max-width: 20px;
   position: absolute;
   top: 0px;
}

@media (max-width: 767px) {
   .circulo-tm-1 {
      top: -28px;
      max-width: 40px;
      left: -21px;
   }
}

.circulo-tm-2 {
   max-width: 47px;
   position: absolute;
   top: -44px;
   left: 0;
   right: 0;
   margin: auto;
}

@media (max-width: 767px) {
   .circulo-tm-2 {
      right: -59px;
      max-width: 60px;
      left: inherit;
   }
}

.billete-costado-tm {
   max-width: 115px;
   position: absolute;
   bottom: 0px;
}

@media (max-width: 767px) {
   .billete-costado-tm {
      bottom: -400px;
      max-width: 70px;
   }
}

.txt-compra {
   margin: 280px auto 150px;
   line-height: 25px;
}

@media (max-width: 991px) {
   .txt-compra {
      margin: 80px auto 80px;
   }
}

.txt-seguridad {
   margin: 200px auto 200px;
   line-height: 25px;
}

@media (max-width: 991px) {
   .txt-seguridad {
      margin: 80px auto 80px;
   }
}

.mensaje {
   background: #fff;
   -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
   box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
   border-radius: 9px;
   position: absolute;
   top: 191px;
   right: 50px;
   padding: 10px 15px;
   max-width: 230px;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: start;
   z-index: 3;
}

@media (max-width: 767px) {
   .mensaje {
      top: 150px;
      right: -7px;
      padding: 10px;
      max-width: 199px;
      line-height: 9px;
   }
}

.mensaje b {
   font-size: 7px;
   font-family: "Gotham Bold";
   color: #000;
}

@media (max-width: 767px) {
   .mensaje b {
      font-size: 7px;
   }
}

.mensaje b i {
   font-family: "Gotham Book";
   color: #ADADAD;
   font-style: normal;
}

.mensaje p {
   font-size: 8px;
   margin-bottom: 0px;
   padding-left: 10px;
}

@media (max-width: 767px) {
   .mensaje p {
      font-size: 8px;
   }
}

.notificacion {
   max-width: 27px;
}

@media (max-width: 767px) {
   .notificacion {
      max-width: 24px;
   }
}

.celular-mensaje {
   position: relative;
   top: 120px;
   max-width: 358px;
   z-index: 2;
   opacity: 1 !important;
}

@media (max-width: 991px) {
   .celular-mensaje {
      top: 0;
      left: 5%;
      margin-top: 50px;
   }
}

.lentes {
   position: absolute;
   left: 0px;
   top: 257px;
   max-width: 81px;
}

@media (max-width: 767px) {
   .lentes {
      max-width: 69px;
      left: -7px;
      top: 35%;
   }
}

.zapatilla {
   position: absolute;
   left: 0px;
   bottom: -80px;
   max-width: 123px;
}

@media (max-width: 767px) {
   .zapatilla {
      max-width: 61px;
      bottom: 60px;
      left: 60px;
   }
}

.caja-ragalo {
   position: absolute;
   right: 133px;
   top: 72px;
   max-width: 92px;
}

@media (max-width: 767px) {
   .caja-ragalo {
      max-width: 81px;
      top: 0;
      right: 5%;
   }
}

.cont-puntos {
   position: relative;
}

.fondo-puntos-tm {
   position: absolute;
   top: 0px;
   right: -326px;
   max-width: 678px;
   z-index: 1;
}

@media (max-width: 991px) {
   .fondo-puntos-tm {
      top: inherit;
      bottom: 0px;
      right: -331px;
      max-width: 548px;
   }
}

@media (max-width: 767px) {
   .fondo-puntos-tm {
      right: -130px;
   }
}

.hide-desbor {
   overflow: hidden;
}

.cmf {
   max-width: 178px;
   margin: 266px 190px 150px;
   display: block;
}

@media (max-width: 1199px) {
   .cmf {
      margin: 266px 145px 150px;
   }
}

@media (max-width: 991px) {
   .cmf {
      max-width: 200px;
      margin: 266px auto 150px;
      padding-left: 30px;
   }
}

@media (max-width: 767px) {
   .cmf {
      max-width: 164px;
      margin: 120px auto 150px;
      padding-left: 30px;
   }
}

.lineas-cmf {
   position: absolute;
   max-width: 330px;
   left: 0;
   right: 0;
   margin: auto;
   top: 160px;
}

@media (max-width: 767px) {
   .lineas-cmf {
      max-width: 280px;
      top: 30px;
   }
}

.escudo {
   max-width: 86px;
   left: 71px;
   position: absolute;
   top: 229px;
}

@media (max-width: 767px) {
   .escudo {
      left: 0px;
      right: 0px;
      margin: auto;
      max-width: 81px;
   }
}

.escudo2 {
   max-width: 27px;
   position: absolute;
   right: 131px;
   top: 211px;
}

@media (max-width: 1199px) {
   .escudo2 {
      right: 87px;
   }
}

@media (max-width: 767px) {
   .escudo2 {
      right: 40px;
      top: 80px;
      max-width: 20px;
   }
}

.signo-peso-seguridad {
   position: absolute;
   left: 200px;
   top: 161px;
   max-width: 50px;
}

@media (max-width: 1199px) {
   .signo-peso-seguridad {
      left: 155px;
   }
}

@media (max-width: 767px) {
   .signo-peso-seguridad {
      left: 96px;
      top: 35px;
      max-width: 40px;
   }
}

.billete-ultimo-tarjeta {
   position: absolute;
   bottom: 114px;
   max-width: 97px;
   right: 0px;
}

@media (max-width: 767px) {
   .billete-ultimo-tarjeta {
      max-width: 67px;
      bottom: -21px;
   }
}

[data-aos=rodar] {
   -webkit-animation: rotate 15s infinite;
   animation: rotate 15s infinite;
   -webkit-animation-name: rotate;
   animation-name: rotate;
   -webkit-animation-duration: 15s;
   animation-duration: 15s;
   -webkit-animation-timing-function: ease;
   animation-timing-function: ease;
   -webkit-animation-delay: 0s;
   animation-delay: 0s;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   -webkit-animation-direction: normal;
   animation-direction: normal;
   -webkit-animation-fill-mode: none;
   animation-fill-mode: none;
   -webkit-animation-play-state: running;
   animation-play-state: running;
}

@-webkit-keyframes rotate {

   0%,
   100% {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
   }

   50% {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
   }
}

@keyframes rotate {

   0%,
   100% {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
   }

   50% {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
   }
}

.linea-semi-circulo-paga-cuentas {
   position: absolute;
   left: 159px;
   top: 150px;
   max-width: 277px;
   z-index: 0;
}

@media (max-width: 767px) {
   .linea-semi-circulo-paga-cuentas {
      left: 0px;
      top: 8%;
      right: 0px;
      margin: auto;
   }
}

.dinero-paga {
   position: absolute;
   max-width: 60px;
   top: 191px;
   left: 180px;
}

@media (max-width: 767px) {
   .dinero-paga {
      max-width: 50px;
      top: 23%;
      left: 19%;
   }
}

.cover-img-ptc {
   position: relative;
   max-width: 757px;
   left: -160px;
   top: 40px;
   z-index: 1;
   width: initial;
}

@media (max-width: 1199px) {
   .cover-img-ptc {
      left: -233px;
      top: 100px;
   }
}

@media (max-width: 991px) {
   .cover-img-ptc {
      width: 600px;
      bottom: 10%;
      left: -100px;
      top: 70px;
   }
}

@media (max-width: 767px) {
   .cover-img-ptc {
      left: -127px;
      top: 0px;
   }
}

@media (max-width: 575px) {
   .cover-img-ptc {
      width: 540px;
      left: calc(100% - 481px);
   }
}

.puntos-paga-cuentas {
   right: inherit;
   left: -270px;
   max-width: 570px;
   top: 150px;
}

@media (max-width: 991px) {
   .puntos-paga-cuentas {
      top: 0px;
   }
}

@media (max-width: 767px) {
   .puntos-paga-cuentas {
      left: -161px;
   }
}

.billetera-paga-cuentas-2 {
   position: absolute;
   right: 0px;
   bottom: -150px;
   max-width: 96px;
}

@media (max-width: 991px) {
   .billetera-paga-cuentas-2 {
      bottom: 100px;
   }
}

.txt-ptc2 {
   margin: 340px auto 300px;
   line-height: 25px;
}

@media (max-width: 991px) {
   .txt-ptc2 {
      margin: 250px auto 100px;
   }
}

@media (max-width: 767px) {
   .txt-ptc2 {
      margin: 150px auto 100px;
   }
}

.celular-mensaje-ptc {
   position: relative;
   top: 250px;
   max-width: 358px;
   z-index: 2;
   opacity: 1 !important;
}

@media (max-width: 991px) {
   .celular-mensaje-ptc {
      top: 0;
      left: 5%;
      margin-top: 0px;
   }
}

.mensaje-ptc {
   top: 350px;
}

@media (max-width: 991px) {
   .mensaje-ptc {
      top: 50px;
   }
}

.billete-ptc {
   position: absolute;
   max-width: 129px;
   right: -25px;
   top: 130px;
}

@media (max-width: 767px) {
   .billete-ptc {
      max-width: 91px;
      right: -47px;
      top: inherit;
      bottom: 0;
   }
}

.cel-historial {
   max-width: 279px;
   position: relative;
   z-index: 2;
   margin: auto;
   display: block;
   margin-bottom: 80px;
}

@media (max-width: 767px) {
   .cel-historial {
      max-width: 276px;
      padding-left: 27px;
   }
}

.lineas-historial {
   position: absolute;
   max-width: 131px;
   top: 88px;
   z-index: -1;
   left: 30px;
}

@media (max-width: 767px) {
   .lineas-historial {
      max-width: 115px;
      left: 0;
   }
}

.txt-avisos {
   margin: 180px auto 120px;
   line-height: 25px;
}

@media (max-width: 767px) {
   .txt-avisos {
      margin: 150px auto 80px;
   }
}

.signo-peso-paga-cuentas {
   position: absolute;
   width: 82px;
   right: 10px;
   top: 30px;
}

.circulo-paga-cuentas {
   position: absolute;
   top: 50px;
   right: 150px;
   max-width: 27px;
}

@media (max-width: 767px) {
   .circulo-paga-cuentas {
      top: 40px;
      max-width: 40px;
      left: -24px;
   }
}

.circulo-paga-cuentas2 {
   position: absolute;
   bottom: 50px;
   right: 150px;
   max-width: 31px;
}

.billetera-paga-cuentas {
   position: absolute;
   bottom: -50px;
   left: -50px;
   max-width: 90px;
}

@media (max-width: 767px) {
   .billetera-paga-cuentas {
      bottom: -450px;
      left: 50px;
   }
}

.eclipse-ptc {
   max-width: 70px;
   z-index: 1;
   position: absolute;
   bottom: 31%;
   left: 72px;
}

@media (max-width: 767px) {
   .eclipse-ptc {
      max-width: 44px;
      bottom: 40%;
      left: 40px;
   }
}

.eclipse-ptc2 {
   max-width: 28px;
   z-index: 1;
   position: absolute;
   bottom: 10%;
   right: 0;
}

.lineas-celu1-recarga {
   position: absolute;
   z-index: -1;
   max-width: 374px;
   top: 183px;
   margin-left: 31px;
}

@media (max-width: 991px) {
   .lineas-celu1-recarga {
      top: 66px;
   }
}

@media (max-width: 767px) {
   .lineas-celu1-recarga {
      top: 20px;
      left: -35px;
   }
}

.billete-recarga1 {
   position: absolute;
   bottom: 95px;
   left: 158px;
   max-width: 65px;
}

@media (max-width: 767px) {
   .billete-recarga1 {
      bottom: 0px;
      left: -30px;
   }
}

.circulo-recarga {
   position: absolute;
   z-index: 1;
   width: 56px;
   right: 115px;
   top: 47%;
}

@media (max-width: 767px) {
   .circulo-recarga {
      width: 70px;
      right: 74px;
      top: 37%;
   }
}

.circulo-recarga-tx1 {
   position: absolute;
   width: 60px;
   right: 20px;
   top: -30px;
}

@media (max-width: 767px) {
   .circulo-recarga-tx1 {
      right: -42px;
      top: -24px;
   }
}

.mano-cel-recarga {
   position: absolute;
   bottom: 0px;
   max-width: 306px;
   left: 106px;
}

@media (max-width: 991px) {
   .mano-cel-recarga {
      position: relative;
   }
}

@media (max-width: 767px) {
   .mano-cel-recarga {
      max-width: 235px;
      left: initial;
      margin: auto;
      display: block;
   }
}

.celu1-recarga {
   margin-top: 155px;
   max-width: 368px;
   float: right;
   z-index: 2;
   position: relative;
}

@media (max-width: 991px) {
   .celu1-recarga {
      float: inherit;
      margin: 50px auto;
      display: block;
   }
}

@media (max-width: 767px) {
   .celu1-recarga {
      max-width: 311px;
   }
}

.signo-recarga {
   max-width: 87px;
   position: absolute;
   top: 260px;
   left: 50px;
}

@media (max-width: 767px) {
   .signo-recarga {
      max-width: 49px;
      top: 225px;
      left: 50px;
   }
}

.lineas-celu-1-recarga {
   position: absolute;
   top: 124px;
   max-width: 126px;
   right: 82px;
   margin: auto;
}

@media (max-width: 991px) {
   .lineas-celu-1-recarga {
      display: none;
   }
}

.txt-banner-recarga1 {
   margin-top: 260px;
   line-height: 25px;
   margin-bottom: 200px;
}

@media (max-width: 991px) {
   .txt-banner-recarga1 {
      margin-top: 100px;
      margin-bottom: 20px;
   }
}

.signo-recargas {
   max-width: 47px;
   position: absolute;
   bottom: 350px;
   left: 115px;
}

@media (max-width: 767px) {
   .signo-recargas {
      max-width: 38px;
      bottom: 241px;
      left: 67px;
   }
}

.celu2-recargas {
   max-width: 447px;
   position: relative;
   z-index: 2;
   margin: 200px auto 0px;
   display: block;
}

@media (max-width: 991px) {
   .celu2-recargas {
      margin-top: 20px;
   }
}

.circulo-recarga-2 {
   position: absolute;
   z-index: 1;
   width: 56px;
   bottom: 200px;
   margin: auto 0px;
   left: 158px;
}

@media (max-width: 991px) {
   .circulo-recarga-2 {
      margin-top: 20px;
   }
}

@media (max-width: 767px) {
   .circulo-recarga-2 {
      left: 84px;
      bottom: 129px;
   }
}

.lineas-celu3 {
   position: absolute;
   max-width: 500px;
   top: 100px;
}

@media (max-width: 767px) {
   .lineas-celu3 {
      max-width: 348px;
      left: 0;
      right: 0;
      margin: auto;
      top: 5px;
   }
}

.billetera-recarga {
   max-width: 162px;
   position: absolute;
   bottom: -7px;
   right: 57px;
}

@media (max-width: 767px) {
   .billetera-recarga {
      max-width: 92px;
      bottom: 49px;
      right: 25px;
   }
}

.billete-recargas3 {
   position: absolute;
   max-width: 70px;
   bottom: 400px;
}

.elipse-gradiente-recarga {
   max-width: 42px;
   position: absolute;
   right: 45px;
   bottom: 317px;
}

@media (max-width: 767px) {
   .elipse-gradiente-recarga {
      max-width: 21px;
      right: 9px;
      bottom: 281px;
   }
}

.signo-recarga-cel3 {
   position: absolute;
   max-width: 54px;
   right: 20%;
   top: 120px;
}

@media (max-width: 767px) {
   .signo-recarga-cel3 {
      right: -50px;
   }
}

.signo-dif-recargas {
   position: absolute;
   left: -120px;
   top: 48px;
   max-width: 175px;
}

.txt-sin-tramites {
   margin: 250px auto 100px;
   line-height: 25px;
}

@media (max-width: 991px) {
   .txt-sin-tramites {
      margin: 80px auto 80px;
   }
}

.txt-recarga-tu-television {
   margin: 230px auto 200px;
   line-height: 25px;
}

@media (max-width: 767px) {
   .txt-recarga-tu-television {
      margin: 90px auto 90px;
   }
}

.lineas-celu1-cyp {
   position: absolute;
   z-index: 1;
   max-width: 515px;
   top: 117px;
   margin: auto;
   left: 0;
   right: 0;
}

@media (max-width: 767px) {
   .lineas-celu1-cyp {
      top: -9px;
      width: 90%;
      max-width: 354px;
   }
}

.dinero1-m1-cyp {
   max-width: 45px;
   position: absolute;
   top: 132px;
   left: 23%;
}

@media (max-width: 767px) {
   .dinero1-m1-cyp {
      max-width: 29px;
      top: 0px;
   }
}

.dinero2-m1-cyp {
   max-width: 70px;
   position: absolute;
   top: 260px;
   left: -14px;
}

@media (max-width: 767px) {
   .dinero2-m1-cyp {
      max-width: 45px;
      top: 61px;
   }
}

.eclipse-m1cyp {
   max-width: 19px;
   position: absolute;
   right: 2%;
   bottom: 30%;
}

@media (max-width: 767px) {
   .eclipse-m1cyp {
      max-width: 12px;
      bottom: 49%;
   }
}

.cyp-celu1 {
   position: relative;
   margin: auto;
   z-index: 3;
   display: block;
   margin-top: 140px;
   max-width: 279px;
}

@media (max-width: 767px) {
   .cyp-celu1 {
      margin-top: 40px;
      max-width: 172px;
   }
}

.cyp-celu2 {
   position: absolute;
   max-width: 300px;
   z-index: 2;
   right: 23px;
   bottom: 62px;
}

@media (max-width: 767px) {
   .cyp-celu2 {
      margin-top: 0px;
      max-width: 174px;
      bottom: 38px;
      right: 14px;
   }
}

.cyp-mockup2 {
   position: relative;
   max-width: 572px;
}

@media (max-width: 767px) {
   .cyp-mockup2 {
      margin-top: 9px;
      width: 122%;
      margin-left: -30px;
   }
}

.cyp-mockup3-cel1 {
   position: absolute;
   max-width: 207px;
   z-index: 5;
   right: 45%;
   top: 194px;
}

@media (max-width: 767px) {
   .cyp-mockup3-cel1 {
      max-width: 155px;
      top: 169px;
   }
}

.cyp-mockup3-cel2 {
   position: relative;
   max-width: 257px;
   z-index: 5;
   float: right;
   margin-right: 20%;
   margin-top: 140px;
   margin-bottom: 66px;
}

@media (max-width: 767px) {
   .cyp-mockup3-cel2 {
      max-width: 192px;
      margin-bottom: 176px;
   }
}

.mockup2-cyp {
   display: inline-block;
   position: relative;
   margin-top: 60px;
   max-width: 578px;
}

@media (max-width: 767px) {
   .mockup2-cyp {
      max-width: 305px;
      margin: auto;
      display: block;
   }
}

.contactos-cyp {
   width: 10%;
   display: inline-block;
   top: 147px;
   max-width: 90px;
}

@media (max-width: 767px) {
   .contactos-cyp {
      display: block;
      max-width: 100%;
      width: 197px;
      margin: 150px auto 0px;
   }
}

.contactos-cyp b {
   color: #6AFE99;
   font-size: 12px;
   text-transform: uppercase;
}

@media (max-width: 767px) {
   .contactos-cyp b {
      display: block;
      font-size: 15px;
   }
}

.contactos-cyp .cont-1 {
   display: block;
   margin: 10px auto;
}

@media (max-width: 767px) {
   .contactos-cyp .cont-1 {
      display: inline-block;
      margin: 20px 13px 20px 0px;
   }
}

.m2-cyp-fondo {
   position: absolute;
   max-width: 453px;
   margin: auto;
   left: 0;
   right: 0;
}

.dinero1-m2-cyp {
   max-width: 98px;
   position: absolute;
   top: 47px;
   left: 115px;
}

@media (max-width: 767px) {
   .dinero1-m2-cyp {
      max-width: 64px;
      top: 25px;
      left: 51px;
   }
}

.dinero2-m2-cyp {
   max-width: 122px;
   position: absolute;
   bottom: -66px;
   right: 26%;
}

@media (max-width: 767px) {
   .dinero2-m2-cyp {
      max-width: 80px;
      bottom: -48px;
   }
}

.eclipse1-m2cyp {
   max-width: 22px;
   position: absolute;
   left: 48px;
   bottom: 43%;
   z-index: 3;
}

@media (max-width: 767px) {
   .eclipse1-m2cyp {
      max-width: 14px;
      left: -6px;
   }
}

.eclipse2-m2cyp {
   max-width: 14px;
   position: absolute;
   bottom: 130px;
   right: 174px;
   z-index: 3;
}

@media (max-width: 767px) {
   .eclipse2-m2cyp {
      max-width: 10px;
      bottom: 83px;
      right: 80px;
   }
}

.cont-1 {
   max-width: 32px;
}

.dinero1-m3-cyp {
   position: absolute;
   max-width: 41px;
   top: 144px;
   left: 27%;
}

@media (max-width: 767px) {
   .dinero1-m3-cyp {
      max-width: 23px;
      top: 139px;
   }
}

.dinero2-m3-cyp {
   position: absolute;
   max-width: 67px;
   top: 246px;
   left: 14px;
}

@media (max-width: 767px) {
   .dinero2-m3-cyp {
      max-width: 42px;
      top: 218px;
      left: -4px;
   }
}

.eclipse1-m3cyp {
   position: absolute;
   max-width: 16px;
   right: 8%;
   bottom: 30%;
}

@media (max-width: 767px) {
   .eclipse1-m3cyp {
      max-width: 12px;
      right: 5%;
      bottom: -296px;
   }
}

.eclipse2-m3cyp {
   position: absolute;
   max-width: 44px;
   bottom: 30px;
   left: 0;
   right: 0;
   margin: auto;
}

@media (max-width: 767px) {
   .eclipse2-m3cyp {
      max-width: 34px;
      bottom: -450px;
   }
}

.lineas-celu3-cyp {
   position: absolute;
   z-index: 1;
   max-width: 445px;
   margin: auto;
   left: 0;
   right: 0;
   top: 126px;
}

@media (max-width: 767px) {
   .lineas-celu3-cyp {
      width: 90%;
      max-width: 354px;
   }
}

.txt-banner-cyp1 {
   margin-top: 285px;
   max-width: 504px;
   width: 80%;
   margin-left: 8%;
   line-height: 25px;
   margin-bottom: 300px;
}

@media (max-width: 1199px) {
   .txt-banner-cyp1 {
      margin-top: 239px;
      margin-bottom: 20px;
   }
}

@media (max-width: 767px) {
   .txt-banner-cyp1 {
      margin-top: 100px;
      margin-bottom: 20px;
   }
}

.txt-banner-cyp2 {
   width: 80%;
   max-width: 470px;
   margin: 280px auto 300px;
   line-height: 25px;
}

@media (max-width: 767px) {
   .txt-banner-cyp2 {
      margin: 90px auto 20px;
   }
}

.cont-flexible {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

@media (max-width: 767px) {
   .cont-flexible {
      display: block;
   }
}

.contador {
   position: relative;
   height: 110px;
   width: 12px;
}

.contador p {
   position: absolute;
   bottom: -38px;
   font-size: 10px;
   color: rgba(0, 186, 164, 0.3);
   font-family: "Gotham Rounded Bold";
   left: 0;
   right: 0;
   margin: auto;
}

@media (max-width: 1199px) {
   .contador {
      display: none;
   }
}

#progressline01,
#progressline02,
#progressline03,
#progressline04,
#progressline05,
#progressline06,
#progressline07,
#progressline08 {
   width: 110px;
   height: 3px;
   border-radius: 5px;
   position: absolute;
   left: -50px;
   top: 61px;
}

.comercios {
   text-align: center;
   position: relative;
   margin-top: 50px;
}

.comercios h3 {
   text-transform: uppercase;
}

@media (max-width: 991px) {
   .comercios h3 {
      font-size: 24px;
   }
}

@media (max-width: 767px) {
   .comercios h3 {
      font-size: 20px;
   }
}

@media (max-width: 767px) {
   .comercios {
      margin-top: 50px;
   }
}

.txt-comercios {
   width: 80%;
   max-width: 470px;
   margin: 50% auto 50%;
   line-height: 25px;
}

@media (max-width: 767px) {
   .txt-comercios {
      margin: 250px 0px 25px 40px;
   }
}

.txt-comercios h5 {
   text-transform: uppercase;
}

.cont-listas-comercios {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   padding: 0px 25px;
   margin: auto;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding-bottom: 150px;
}

@media (max-width: 991px) {
   .cont-listas-comercios {
      width: 50%;
   }
}

@media (max-width: 767px) {
   .cont-listas-comercios {
      width: 100%;
      display: block;
   }
}

.lista-comercios {
   list-style: none;
   width: 50%;
   text-align: left;
   color: #121212;
   font-size: 16px;
   text-transform: uppercase;
   line-height: 32px;
   margin-top: 40px;
   padding-left: 0px;
}

@media (max-width: 767px) {
   .lista-comercios {
      font-size: 14px;
      padding: 0 20px;
      line-height: 25px;
      width: 100%;
   }
}

.lista-comercios:last-child {
   width: 20%;
}

@media (max-width: 767px) {
   .lista-comercios:last-child {
      width: 100%;
   }
}

.cat_comercios {
   border-bottom: 2px solid #6AFF99;
   width: 70%;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 22px;
   margin: 20px 0;
}

.lineas-comercios {
   position: absolute;
   max-width: 310px;
   top: -30px;
   left: 10%;
}

@media (max-width: 767px) {
   .lineas-comercios {
      width: 200px;
      margin-top: 70px;
   }
}

.compu-comercios {
   max-width: 475px;
   margin-left: 20%;
   margin-top: 150px;
}

@media (max-width: 767px) {
   .compu-comercios {
      max-width: 249px;
   }
}

.audifonostenpo {
   position: absolute;
   max-width: 232px;
   left: -70px;
   bottom: 20%;
}

@media (max-width: 991px) {
   .audifonostenpo {
      max-width: 130px;
      left: -20px;
   }
}

@media (max-width: 767px) {
   .audifonostenpo {
      width: 67px;
      left: 20px;
      bottom: -20px;
   }
}

.scooter {
   position: absolute;
   max-width: 100px;
   bottom: 0;
   right: 20%;
}

@media (max-width: 991px) {
   .scooter {
      max-width: 80px;
      bottom: 20px;
      right: 5px;
   }
}

@media (max-width: 767px) {
   .scooter {
      width: 35px;
      bottom: -160px;
   }
}

.controller {
   position: absolute;
   max-width: 151px;
   left: 5%;
   bottom: -50%;
}

@media (max-width: 991px) {
   .controller {
      max-width: 120px;
      bottom: -25%;
   }
}

@media (max-width: 767px) {
   .controller {
      width: 60px;
      left: 0px;
      top: 250px;
   }
}

.audifonostenpo2 {
   position: absolute;
   max-width: 118px;
   right: 10%;
   top: 30%;
}

@media (max-width: 991px) {
   .audifonostenpo2 {
      width: 20%;
      right: 0;
   }
}

.hamburguesa {
   position: absolute;
   max-width: 122px;
   bottom: 25%;
   right: 10%;
}

@media (max-width: 767px) {
   .hamburguesa {
      width: 20%;
      right: 0;
      bottom: 20%;
   }
}

.potato {
   position: absolute;
   max-width: 261px;
   bottom: 0px;
   left: 0;
}

@media (max-width: 767px) {
   .potato {
      width: 20%;
   }
}

.brillo-verde {
   max-width: 32px;
   position: absolute;
   top: 200px;
   left: 25%;
}

@media (max-width: 767px) {
   .brillo-verde {
      display: none;
   }
}

.content-left {
   max-width: 500px;
}

.content-left h1 {
   color: #121212;
   margin-top: 230px;
}

@media (max-width: 767px) {
   .content-left h1 {
      margin-top: 50px;
   }
}

.content-left p {
   color: #121212;
}

.content-right {
   padding-bottom: 10%;
}



.ali {
   position: absolute;
   top: 20%;
   left: 7%;
   max-width: 120px;
   z-index: 9;
}

@media (max-width: 767px) {
   .ali {
      max-width: 80px;
   }
}

.ama {
   position: absolute;
   top: 50%;
   left: 3%;
   width: 90px;
}

.neti {
   position: absolute;
   left: 76%;
   top: 30%;
   width: 110px;
}

@media (max-width: 767px) {
   .neti {
      left: 77%;
      top: 32%;
      width: 70px;
   }
}

.sony {
   position: absolute;
   left: 60%;
   top: 56%;
   width: 80px;
}

.spot {
   position: absolute;
   top: 75%;
   left: -3%;
   width: 100px;
}

.bay {
   position: absolute;
   left: 70%;
   top: 70%;
   width: 120px;
}

@media (max-width: 767px) {
   .bay {
      left: 76%;
      top: 70%;
      width: 70px;
   }
}

.back-index {
   background: #F7F7F7;
}

.numeros {
   position: absolute;
   top: 0;
}

@media (max-width: 991px) {
   .alinear-contenido {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
   }
}

.banner-home {
   background: #6AFE99;
   position: relative;
}

@media (max-width: 767px) {
   .banner-home {
      height: 700px;
   }
}

.composicion {
   position: relative;
   margin: auto;
}

.txt-banner {
   padding-top: 10%;
}

@media (max-width: 767px) {
   .txt-banner {
      max-width: 100%;
   }
}

.txt-banner p {
   font-size: 16px;
   line-height: 28px;
   color: #121212;
}

.txt-banner p span {
   color: #6AFE99;
   font-family: "amsipro-bold";
}

.descarga-home {
   width: 50%;
   float: left;
}

.descarga-home b {
   width: 100%;
   margin-bottom: 5px;
   display: block;
}

@media (max-width: 991px) {
   .descarga-home b {
      font-size: 13px;
   }
}

@media (max-width: 767px) {
   .descarga-home b {
      text-align: center;
   }
}

@media (max-width: 767px) {
   .descarga-home {
      width: 100%;
      float: inherit;
      margin: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-top: 20px;
   }
}

.descarga-home .descarga-app {
   max-width: 142px;
}

.margen-descargas {
   width: 100%;
   color: #6AFE99;
}

@media (max-width: 767px) {
   .margen-descargas {
      margin-top: 10px;
   }
}

@media (max-width: 575px) {
   .margen-descargas {
      margin: 10px auto;
   }
}

.margen-descargas .recaptchav2 {
   margin: 20px 0px 20px 0px;
}

.banner-celular {
   max-width: 446px;
   margin-top: 100px;
   position: relative;
}

@media (max-width: 767px) {
   .banner-celular {
      max-width: 294px;
      margin-top: 28px;
   }
}

.lineas-banner {
   position: absolute;
   max-width: 293px;
   top: 164px;
   left: 0;
   right: 0;
   margin: auto;
}

@media (max-width: 767px) {
   .lineas-banner {
      max-width: 260px;
      left: 0;
      right: 0;
      margin: auto;
      top: 36px;
   }
}

.signo1-home {
   position: absolute;
   max-width: 35px;
   top: 153px;
   left: 170px;
}

@media (max-width: 767px) {
   .signo1-home {
      top: 22px;
      left: 100px;
   }
}

.signo2-home {
   position: absolute;
   max-width: 66px;
   bottom: 210px;
   right: 42px;
}

@media (max-width: 767px) {
   .signo2-home {
      max-width: 60px;
      bottom: 134px;
      left: inherit;
      right: -8px;
   }
}

.mensaje-home {
   left: 44px;
   margin-top: 91px;
   width: 197px;
}

@media (max-width: 767px) {
   .mensaje-home b {
      font-size: 8px;
   }
}

.mensaje-home p {
   font-size: 8px;
}

@media (max-width: 767px) {
   .mensaje-home p {
      font-size: 7px;
      padding-left: 5px;
   }
}

@media (max-width: 767px) {
   .mensaje-home {
      left: 0px;
      max-width: 180px;
      padding: 10px;
      top: -5px;
   }
}

.star-emoji {
   max-width: 13px;
}

.emoji-manos {
   max-width: 12px;
}

.flechas {
   width: 45px;
   margin: 80px auto;
   display: block;
}

.abrir-cuenta {
   position: relative;
   width: 100%;
   margin: 60px auto;
}

@media (max-width: 767px) {
   .abrir-cuenta {
      padding: 0px 25px;
   }
}

.abrir-cuenta h3 {
   text-align: center;
}

.abrir-cuenta section {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

@media (max-width: 767px) {
   .abrir-cuenta section {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-top: 30px;
   }
}

.abrir-cuenta .line {
   border-bottom: 1px solid #6AFE99;
}

@media (max-width: 767px) {
   .abrir-cuenta .line {
      border-bottom: none;
      margin-top: 0px;
   }
}

.abrir-cuenta p {
   font-size: 15px;
   line-height: 30px;
   margin-left: 30px;
   padding: 20px 0px;
   margin-bottom: 0px;
}

@media (max-width: 767px) {
   .abrir-cuenta p {
      margin-left: 0px;
   }
}

.escudo-cuenta {
   max-width: 66px;
}

.icon-cuenta {
   max-width: 66px;
}

.btn-ir {
   background: #FF6D5A;
   border-radius: 5px;
   color: #fff;
   font-size: 13px;
   font-family: "amsipro-bold";
   padding: 10px;
   width: 195px;
}

.btn-ir:hover {
   color: #fff;
}

@media (max-width: 767px) {
   .btn-ir {
      width: 170px;
      font-size: 10px;
   }
}

.celu-pasos {
   position: absolute;
   max-width: 391px;
   right: 1px;
   top: 42px;
}

@media (max-width: 767px) {
   .celu-pasos {
      right: 0;
      top: 44px;
      margin: auto;
      left: 0;
      width: 304px;
   }
}

.tarjeta {
   max-width: 366px;
   position: relative;
   float: right;
}

@media (max-width: 767px) {
   .tarjeta {
      padding-top: 0px;
      margin-bottom: -130px;
      max-width: 289px;
      float: inherit;
      margin: auto;
      display: block;
   }
}

.list {
   list-style-type: none;
   padding: 0;
}

.list ol {
   margin-top: 30px;
   margin-bottom: 30px;
}

@media (max-width: 767px) {
   .list ol {
      margin-top: 10px;
      margin-bottom: 10px;
   }
}

.list li {
   padding: 20px 0px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding-left: 40px;
   font-size: 16px;
   line-height: 28px;
}

@media (max-width: 767px) {
   .list li {
      font-size: 13px;
      line-height: 23px;
   }
}

.list li:before {
   content: "";
   background-image: url(../img/check.svg);
   display: block;
   width: 30px;
   height: 30px;
   margin-left: -42px;
   background-size: cover;
}

@media (max-width: 767px) {
   .list li:before {
      background-size: 90%;
      background-repeat: no-repeat;
   }
}

.list li span {
   font-size: 23px;
   color: #6AFE99;
   font-family: "amsipro-bold";
   margin-left: 10px;
   display: block;
   width: calc(100% - 30px);
}

@media (max-width: 767px) {
   .list li span {
      font-size: 15px;
   }
}

.list li .p-list {
   width: calc(100% - 30px);
   margin-bottom: 30px;
   padding-top: 10px;
}

.list li li {
   padding: 5px 0px;
}

.list li li:before {
   content: "";
   display: block;
   width: 10px;
   height: 10px;
   background: #6AFE99;
   border-radius: 50%;
}

@media (max-width: 767px) {
   .list li li:before {
      background-size: 90%;
      background-repeat: no-repeat;
   }
}

.list li li p {
   width: calc(100% - 10px);
   margin-bottom: 0px;
   margin-left: 10px;
   font-size: 14px;
   line-height: 20px;
}

@media (max-width: 767px) {
   .list li li p {
      font-size: 10px;
      line-height: 12px;
   }
}

.cont-txt-pasos {
   padding-top: 100px;
   width: 100%;
   max-width: 541px;
   padding-right: 20px;
}

@media (max-width: 991px) {
   .cont-txt-pasos {
      padding-right: 0px;
      margin-top: 54px;
      max-width: 100%;
   }
}

.cont-marcas {
   width: 100%;
   max-width: 1260px;
   margin: auto;
   padding-left: 24px;
   padding-right: 24px;
}

@media (max-width: 767px) {
   .cont-marcas {
      width: 90%;
   }
}

.marcas {
   padding: 150px 0px 100px;
   text-align: center;
}

.marcas h4 {
   max-width: 782px;
   margin: auto;
   width: 100%;
}

@media (max-width: 767px) {
   .marcas {
      -webkit-box-shadow: none;
      box-shadow: none;
      padding: 60px 0px 60px;
   }
}

.outerWrapper {
   text-align: left;
   position: relative;
   margin: 60px auto 60px auto;
   width: 960px;
}

@media (max-width: 1199px) {
   .outerWrapper {
      width: 750px;
   }
}

@media (max-width: 991px) {
   .outerWrapper {
      width: 550px;
   }
}

@media (max-width: 767px) {
   .outerWrapper {
      width: 340px;
   }
}

@media (max-width: 575px) {
   .outerWrapper {
      width: 160px;
   }
}

.item {
   float: left;
   margin-right: 48px;
   width: 15%;
   height: 162px;
   border-radius: 5px;
}

@media (max-width: 1199px) {
   .item {
      width: 18.5%;
   }
}

@media (max-width: 991px) {
   .item {
      width: 15%;
   }
}

@media (max-width: 767px) {
   .item {
      width: 23%;
   }
}

@media (max-width: 575px) {
   .item {
      width: 35%;
   }
}

.item div {
   text-align: center;
   line-height: 200px;
}

.slick-prev,
.slick-next {
   position: absolute;
   width: 37px;
   height: 45px;
   top: 0px;
   cursor: pointer;
   opacity: 0.8;
   -webkit-transition: opacity 0.2s linear;
   -o-transition: opacity 0.2s linear;
   transition: opacity 0.2s linear;
   border: none;
}

.slick-prev {
   left: -80px;
   background: transparent url("../img/arrow-left.svg") top left no-repeat;
}

@media (max-width: 767px) {
   .slick-prev {
      background: transparent url("../img/arrow-left-mobile.svg") top left no-repeat;
      left: -30px;
   }
}

.slick-next {
   right: -80px;
   background-position: top right;
   background: transparent url("../img/arrow-right.svg") top left no-repeat;
}

@media (max-width: 767px) {
   .slick-next {
      background: transparent url("../img/arrow-rig-mobile.svg") top left no-repeat;
      right: -46px;
   }
}

.slick-prev:hover,
.slick-next:hover {
   opacity: 1;
}

.caja-logos {
   max-width: 880px;
   margin: auto;
   display: block;
   margin-top: 50px;
   margin-bottom: 50px;
}

/* Slider */
.slick-slide {
   margin: 0px 20px;
}

.slick-slide img {
   width: 100%;
   margin: auto;
}

.slick-slider {
   position: relative;
   display: block;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-touch-callout: none;
   -khtml-user-select: none;
   -ms-touch-action: pan-y;
   touch-action: pan-y;
   -webkit-tap-highlight-color: transparent;
}

.slick-list {
   position: relative;
   display: block;
   overflow: hidden;
   margin: 0;
   padding: 0;
}

.slick-list:focus {
   outline: none;
}

.slick-list.dragging {
   cursor: pointer;
   cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
   -webkit-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

.slick-track {
   position: relative;
   top: 0;
   left: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.slick-track:before,
.slick-track:after {
   display: table;
   content: "";
}

.slick-track:after {
   clear: both;
}

.slick-loading .slick-track {
   visibility: hidden;
}

.slick-slide {
   display: none;
   float: left;
   height: 100%;
   min-height: 1px;
}

[dir=rtl] .slick-slide {
   float: right;
}

.slick-slide img {
   display: block;
}

.slick-slide.slick-loading img {
   display: none;
}

.slick-slide.dragging img {
   pointer-events: none;
}

.slick-initialized .slick-slide {
   display: block;
}

.slick-loading .slick-slide {
   visibility: hidden;
}

.slick-vertical .slick-slide {
   display: block;
   height: auto;
   border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
   display: none;
}

.txt-transfiere {
   width: 100%;
   float: right;
   margin-top: 75px;
   margin-left: 30px;
}

@media (max-width: 767px) {
   .txt-transfiere {
      max-width: 100%;
      width: 100%;
      float: inherit;
      margin-top: 30px;
      margin-left: 0px;
   }
}

.celular-compra-paga {
   position: relative;
   max-width: 333px;
   display: block;
}

@media (max-width: 767px) {
   .celular-compra-paga {
      max-width: 243px;
      margin: auto;
      margin-top: 30px;
   }
}

.puntos-home {
   position: absolute;
   right: 0;
   -webkit-transform: rotate(180deg) !important;
   -ms-transform: rotate(180deg) !important;
   transform: rotate(180deg) !important;
   max-width: 201px;
   top: 86px;
}

@media (max-width: 767px) {
   .puntos-home {
      max-width: 182px;
      float: inherit;
      margin-top: -18px;
      right: -73px;
   }
}

.circulo-bold {
   position: absolute;
   max-width: 310px;
   left: 30px;
   margin: auto;
   top: 93px;
}

@media (max-width: 767px) {
   .circulo-bold {
      max-width: 280px;
      left: 0px;
      top: 68px;
      right: 0px;
   }
}

.cont-pago-cuentas {
   max-width: 540px;
   margin-top: 220px;
}

@media (max-width: 767px) {
   .cont-pago-cuentas {
      max-width: 100%;
      margin-top: 157px;
   }
}

.pago-cuentas {
   padding-bottom: 150px;
}

@media (max-width: 767px) {
   .pago-cuentas {
      padding-bottom: 20px;
   }
}

.cuenta {
   position: relative;
   background: #fff;
   -webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
   box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding: 12px;
   margin-bottom: 10px;
   margin-left: auto;
   margin-right: auto;
   border-radius: 8px;
   color: #ADADAD;
   max-width: 261px;
}

@media (max-width: 991px) {
   .cuenta {
      padding: 10px;
      max-width: 243px;
   }
}

.cuenta:first-of-type {
   margin-top: 311px;
}

@media (max-width: 991px) {
   .cuenta:first-of-type {
      margin-top: 172px;
   }
}

.cuenta strong {
   display: block;
   color: #000;
   font-family: "amsipro-regular";
   font-size: 11px;
}

@media (max-width: 991px) {
   .cuenta strong {
      font-size: 9px;
   }
}

.cuenta p {
   margin-bottom: 0px;
   font-size: 10px;
   margin-left: 15px;
   line-height: 15px;
}

.cuenta:after {
   content: url(../img/arrow-pc.png);
   position: absolute;
   right: 11px;
   top: 15px;
}

.img-fondo-pc {
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   max-width: 282px;
   top: 157px;
}

@media (max-width: 991px) {
   .img-fondo-pc {
      width: 248px;
      top: 39px;
   }
}

.agua {
   max-width: 13px;
}

@media (max-width: 991px) {
   .agua {
      width: 13px;
   }
}

.luz {
   max-width: 13px;
}

@media (max-width: 991px) {
   .luz {
      width: 13px;
   }
}

.gas {
   max-width: 13px;
}

@media (max-width: 991px) {
   .gas {
      width: 13px;
   }
}

.txt-recarga-home {
   max-width: 540px;
   width: 100%;
   float: right;
   margin-top: 210px;
   margin-bottom: 230px;
   margin-left: 65px;
}

@media (max-width: 767px) {
   .txt-recarga-home {
      max-width: 100%;
      margin-top: 80px;
      margin-bottom: 0px;
   }
}

.fondo-celu-recarga-home {
   position: absolute;
   right: 0;
   margin: auto;
   left: 0;
   max-width: 314px;
   top: 202px;
}

@media (max-width: 767px) {
   .fondo-celu-recarga-home {
      top: 91px;
      max-width: 280px;
   }
}

.celular-recarga-home {
   position: relative;
   max-width: 394px;
   margin: auto;
   display: block;
   margin-top: 114px;
}

@media (max-width: 767px) {
   .celular-recarga-home {
      margin-top: 45px;
      max-width: 349px;
   }
}

.txt-transparentes {
   width: 100%;
   max-width: 540px;
   margin-top: 95px;
}

@media (max-width: 767px) {
   .txt-transparentes {
      max-width: 100%;
      margin-top: 50px;
   }
}

.fondo-celu-historial {
   position: absolute;
   right: 50px;
   top: 120px;
   max-width: 305px;
}

@media (max-width: 991px) {
   .fondo-celu-historial {
      right: 0px;
      left: 0;
      margin: auto;
      max-width: 280px;
   }
}

.celular-historial-home {
   position: relative;
   max-width: 291px;
   float: right;
   margin-right: 68px;
   margin-top: 51px;
}

@media (max-width: 991px) {
   .celular-historial-home {
      float: inherit;
      display: block;
      max-width: 270px;
      top: 53px;
      margin: auto;
   }
}

@media (max-width: 767px) {
   .celular-historial-home {
      float: left;
      display: block;
      max-width: 270px;
      margin-top: 66px;
      top: 0px;
   }
}

.txt-seguridad-home {
   width: 100%;
   float: right;
   margin-top: 150px;
   margin-bottom: 150px;
   margin-left: 59px;
}

.txt-seguridad-home span {
   padding-right: 60px;
}

@media (max-width: 767px) {
   .txt-seguridad-home {
      max-width: 100%;
      margin-top: 60px;
      margin-bottom: 0px;
   }

   .txt-seguridad-home span {
      padding-right: 0px;
   }
}

.escudo-home {
   max-width: 287px;
   margin: auto;
   display: block;
   margin-top: 162px;
}

@media (max-width: 767px) {
   .escudo-home {
      margin-top: 0px;
      max-width: 176px;
   }
}

.celular-cda {
   max-width: 341px;
   position: relative;
   margin: auto;
   display: block;
   margin-bottom: 70px;
   margin-top: 50px;
   right: -9px;
}

@media (max-width: 767px) {
   .celular-cda {
      max-width: 242px;
      margin-top: 61px;
   }
}

.fondo-celu-cda {
   position: absolute;
   margin: auto;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
}

.fondo-celu-cda:first-child {
   max-width: 305px;
}

@media (max-width: 767px) {
   .fondo-celu-cda:first-child {
      max-width: 291px;
   }
}

.fondo-celu-cda:nth-child(2) {
   max-width: 244px;
}

@media (max-width: 767px) {
   .fondo-celu-cda:nth-child(2) {
      max-width: 233px;
   }
}

.txt-cda {
   max-width: 553px;
   width: 100%;
   margin-top: 85px;
   margin-bottom: 63px;
}

@media (max-width: 767px) {
   .txt-cda {
      margin-top: 0px;
   }
}

form {
   margin-top: 5%;
   margin-bottom: 90px;
}

form label {
   font-family: "amsipro-bold";
   font-size: 16px;
   color: #6AFE99;
}

@media (max-width: 767px) {
   form label {
      font-size: 20px;
   }
}

form .input-group {
   width: 100%;
   max-width: 410px;
}

form .input-group input {
   background: transparent;
   height: 35px;
   border: 0px solid;
   color: #121212;
   padding-left: 63px;
   font-size: 15px;
   border-bottom: 2px solid #6AFE99;
}

@media (max-width: 767px) {
   form .input-group input {
      height: 40px;
      padding-left: 66px;
      font-size: 13px;
   }
}

form .input-group .input-group-text {
   background: #6AFE99;
   color: #121212;
   font-family: "amsipro-bold";
   font-size: 14px;
   width: 159px;
   text-align: center;
   display: block;
   height: 54px;
   border: none;
   border-radius: 30px !important;
   padding: 5px 10px !important;
   height: 35px;
}

@media (max-width: 1199px) {
   form .input-group .input-group-text {
      font-size: 12px !important;
      padding: 0px !important;
      width: 130px !important;
   }
}

@media (max-width: 991px) {
   form .input-group .input-group-text {
      margin-left: 0px;
   }
}

@media (max-width: 767px) {
   form .input-group .input-group-text {
      height: 40px;
      font-size: 14px;
   }
}

form .cod-nacional {
   position: absolute;
   width: 50px;
   height: 30px;
   border: none;
   top: 12px;
   text-align: right;
   padding: 4px 15px;
   color: #121212;
   top: 1px;
}

@media (max-width: 767px) {
   form .cod-nacional {
      width: 60px;
      font-size: 13px;
      top: 5px;
      padding: 7px 12px;
   }
}

.response {
   margin-top: 0px !important;
   margin-bottom: 5px;
}

.response-banner {
   color: #121212 !important;
}

.message-response {
   font-size: 13px !important;
   padding: 0px 10px;
   display: inline-block !important;
}

.message-response--error {
   background: #d8c91945;
}

.responseSticky {
   font-size: 12px;
   position: absolute;
   top: 76px;
   padding: 0px 6px;
}

.mejor-opcion {
   background: #6afe99;
   padding: 5px 20px;
   color: #000;
   position: absolute;
   border-radius: 20px;
   font-size: 12px;
   font-family: "amsipro-black";
   top: -15px;
   left: 72px;
}

.pulse-btn {
   padding: 20px;
   border-radius: 50%;
   position: relative;
   background: transparent;
   -webkit-box-shadow: 0 0 0 0 #6afe99;
   box-shadow: 0 0 0 0 #6afe99;
   background-size: cover;
   background-repeat: no-repeat;
   -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
   animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

.pulse:hover {
   -webkit-animation: none;
   animation: none;
}

@-webkit-keyframes pulse {
   to {
      -webkit-box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
      box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
   }
}

@keyframes pulse {
   to {
      -webkit-box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
      box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
   }
}

.gotham-rounder-font {
   font-family: "amsipro-regular";
}

.gotham-rounder-font b {
   font-family: "amsipro-bold";
}

.cont-card {
   padding-bottom: 20px;
}

.cover-img-tcn {
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: 0px auto;
   position: absolute;
   z-index: 1;
   width: auto;
   padding-left: 39%;
}

@media (max-width: 991px) {
   .cover-img-tcn {
      padding-left: 53%;
   }
}

@media (max-width: 767px) {
   .cover-img-tcn {
      padding-left: 30%;
      max-height: 592px;
      margin-top: 15px;
   }
}

.cont-txt-banner {
   max-width: 396px;
}

.back-banner-tcn {
   height: 100%;
   position: relative;
   width: 100%;
}

.banner-tcn {
   margin: 30px auto 200px;
   left: 0;
   right: 0;
   top: 0;
   z-index: 2;
   position: relative;
}

@media (max-width: 767px) {
   .banner-tcn {
      margin: 30px auto 35px;
   }
}

.banner-tcn .txt-banner-tcn {
   color: #fff;
}

.banner-tcn .txt-banner-tcn h2 {
   font-size: 38px;
   line-height: 40px;
   margin-top: 193px;
}

@media (max-width: 767px) {
   .banner-tcn .txt-banner-tcn h2 {
      font-size: 24px;
      margin-top: 130px;
      max-width: 150px;
      line-height: 26px;
   }
}

.banner-tcn .txt-banner-tcn h2 span {
   position: relative;
}

.banner-tcn .txt-banner-tcn h2 span:after {
   content: "";
   position: absolute;
   left: 0px;
   right: 0;
   bottom: 0;
   width: 149px;
   top: 44px;
}

@media (max-width: 767px) {
   .banner-tcn .txt-banner-tcn h2 span:after {
      display: none;
   }
}

.banner-tcn .txt-banner-tcn p {
   font-size: 19px;
   line-height: 27px;
   margin-top: 50px;
}

@media (max-width: 767px) {
   .banner-tcn .txt-banner-tcn p {
      font-size: 15px;
      margin-top: 327px;
   }
}

.content-left {
   max-width: 500px;
}

.content-left h1 {
   color: #121212;
   margin-top: 230px;
}

@media (max-width: 767px) {
   .content-left h1 {
      margin-top: 50px;
   }
}

.content-left p {
   color: #121212;
}

.trabaja-con-nosotros {
   margin-bottom: 170px;
}

@media (max-width: 767px) {
   .trabaja-con-nosotros {
      margin-bottom: 100px;
   }
}

.trabaja-con-nosotros h2 {
   font-size: 24px;
   line-height: 40px;
   color: #121212;
   text-align: center;
   margin: 100px auto 90px;
}

@media (max-width: 767px) {
   .trabaja-con-nosotros h2 {
      font-size: 15px;
      line-height: 23px;
      margin: 40px auto 40px;
   }
}

.trabaja-con-nosotros h5 {
   font-size: 25px;
   font-family: "amsipro-bold";
   line-height: 33px;
   color: #121212;
   text-align: center;
   max-width: 762px;
   width: 100%;
   margin: 100px auto 50px;
}

@media (max-width: 767px) {
   .trabaja-con-nosotros h5 {
      font-size: 20px;
      line-height: 26px;
      margin: 80px auto 40px;
   }
}

.icon-tcn-fondo {
   position: absolute;
   z-index: 1;
   max-width: 318px;
}

@media (max-width: 767px) {
   .icon-tcn-fondo {
      max-width: 228px;
      margin: auto;
      left: 0;
      right: 0;
   }
}

.img-tcn-lista {
   position: relative;
   z-index: 2;
   max-width: 630px;
   left: -40px;
}

@media (max-width: 767px) {
   .img-tcn-lista {
      max-width: 430px;
      margin: auto;
      left: -50px;
      display: block;
      padding-left: 11px;
   }
}

.jobs_list {
   padding: 10% 0;
}

.jobs_list .txt-box-h5 {
   width: 70%;
   margin: 0 auto;
}

@media (max-width: 767px) {
   .jobs_list .txt-box-h5 {
      width: 100%;
   }
}

.jobs_list h5 {
   margin-bottom: 50px;
   font-size: 30px;
}

@media (max-width: 767px) {
   .jobs_list h5 {
      font-size: 24px;
   }
}

.fondo-tcn-seccion {
   width: 1500%;
   position: absolute;
   height: 100%;
   z-index: 1;
   margin-left: -25px;
}

@media (max-width: 767px) {
   .fondo-tcn-seccion {
      margin-top: 30px;
   }
}

.section-ul-list {
   position: relative;
   z-index: 2;
   margin: 40px 60px 50px;
}

@media (max-width: 767px) {
   .section-ul-list {
      margin: 35px 20px;
   }
}

.section-ul-list h7 {
   font-size: 19px;
   text-align: center;
   color: #121212;
   display: block;
   max-width: 462px;
   font-family: "amsipro-bold";
   margin-bottom: 30px;
}

@media (max-width: 767px) {
   .section-ul-list h7 {
      text-align: left;
      font-size: 20px;
      padding-top: 30px;
   }
}

.section-ul-list ul {
   list-style: none;
   counter-reset: section;
}

@media (max-width: 767px) {
   .section-ul-list ul {
      padding-left: 0px;
   }
}

.section-ul-list ul li {
   font-size: 15px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   line-height: 17px;
   margin-bottom: 18px;
}

.section-ul-list ul li:before {
   font-size: 30px;
   margin-right: 17px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   height: 30px;
   min-width: 20px;
}

.section-ul-list ul li p {
   margin-bottom: 0px;
   font-size: 13px;
}

@media (max-width: 767px) {
   .section-ul-list ul li p {
      font-size: 14px;
   }
}

.numeros_list-points {
   margin: 0;
   position: relative;
   top: -30px;
}


.steps2 {
   width: 100%;
}

@media (max-width: 767px) {
   .steps2 {
      width: 90%;
      margin: 0 auto;
      left: 50px;
      position: relative;
   }
}

.steps-title {
   margin: 30px 0;
   background-image: url(../img/trabaja/bg_title.svg);
   background-repeat: no-repeat;
   background-position: top;
   height: 80px;
   background-size: contain;
   padding-top: 20px;
}

.steps-title h3 {
   font-size: 23px;
}

@media (max-width: 767px) {
   .steps-title {
      height: 90px;
      background-size: auto;
      text-align: center;
   }
}


.card:hover {
   border: 1px solid #ccc;
}

.card h7 {
   font-family: "amsipro-bold";
   font-size: 15px;
   padding-bottom: 10px;
   display: block;
}

.card p {
   font-size: 13px;
   line-height: 22px;
}

.card a {
   color: #121212;
}

.card a:hover {
   color: #121212;
}

.card .card-body {
   padding: 0px 15px;
}

.card .card-body p {
   font-size: 14px;
}

.igualar-contenido {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
}

.cont-card {
   padding-bottom: 20px;
}

.banner-trabajo {
   background-image: url(../postulaciones/img/trabajo/bg-trabajo.svg);
   height: 370px;
   background-position: center center;
   background-size: cover;
}

.banner-trabajo h1 {
   font-size: 45px;
   font-weight: bold;
   color: #ffffff;
   margin: 30px 0;
   font-family: "amsipro-bold";
   width: 100%;
}

.banner-trabajo p {
   font-size: 16px;
   color: #ffffff;
}

.banner-trabajo .white-strfs {
   height: 70px;
   width: 100%;
}

.info-trabajo {
   margin: 50px 0;
}

.info-trabajo h3 {
   font-size: 24px;
}

.info-trabajo .blets-trabajo {
   margin: 10px 20px;
   width: 100%;
}

.info-trabajo ul li {
   list-style-image: url(../postulaciones/img/trabajo/bullet.svg);
}

.formulario-trabajo {
   background-color: #E4F2F0;
}

.formulario-trabajo label {
   color: #595959 !important;
   -webkit-box-shadow: 0 !important;
   box-shadow: 0 !important;
}

.formulario-trabajo input {
   -webkit-box-shadow: none;
   box-shadow: none;
}

.formulario-trabajo input[type=text]:focus {
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
   border: 1px solid #00BAA4 !important;
   color: #595959;
}

.back-banner-eeff {
   background: #61e6d4;
   background: -o-radial-gradient(bottom right, ellipse, #61e6d4 0%, #0ecebb 52%, #0baa95 68%, #088d79 96%, #088d79 91%);
   background: radial-gradient(ellipse at bottom right, #61e6d4 0%, #0ecebb 52%, #0baa95 68%, #088d79 96%, #088d79 91%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#61e6d4", endColorstr="#088d79", GradientType=1);
   height: 100%;
   position: relative;
   width: 100%;
   min-height: 690px;
}

@media (max-width: 767px) {
   .back-banner-eeff {
      min-height: auto;
   }
}

.cover-img-eeff {
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: 0px auto;
   position: absolute;
   z-index: 1;
   width: auto;
   padding-left: 34%;
   max-height: 731px;
   margin-top: -72px;
}

@media (max-width: 1199px) {
   .cover-img-eeff {
      padding-left: 53%;
   }
}

@media (max-width: 991px) {
   .cover-img-eeff {
      padding-left: 53%;
   }
}

@media (max-width: 767px) {
   .cover-img-eeff {
      padding-left: 0px;
      max-height: 481px;
      margin-top: 53px;
      margin-left: -23px;
   }
}

.eeff .banner-tcn .txt-banner-tcn h2 {
   margin-top: 216px;
}

@media (max-width: 767px) {
   .eeff .banner-tcn .txt-banner-tcn h2 {
      margin-top: 38px;
   }
}

@media (max-width: 767px) {
   .eeff .banner-tcn .txt-banner-tcn p {
      margin-top: 427px;
   }
}

.color-titulo-eeff {
   color: #121212 !important;
}

.sticky {
   background: #fff;
   position: fixed;
   top: 0px;
   width: 100%;
   z-index: 999;
   display: none;
}

@media (max-width: 991px) {
   .sticky .container {
      max-width: 100%;
   }
}

@media (max-width: 1199px) {
   .sticky .container .input-group input {
      width: 155px;
   }
}

@media (max-width: 991px) {
   .sticky .container .recaptchav2 {
      width: 285px !important;
   }

   .sticky .container .recaptchav2>div {
      width: 170px !important;
      -webkit-transform: scale(0.85) !important;
      -ms-transform: scale(0.85) !important;
      transform: scale(0.85) !important;
   }
}

.sticky form {
   margin-top: 15px;
   margin-bottom: 15px;
   height: 65px;
}

@media (max-width: 767px) {
   .sticky form {
      display: none;
   }
}

.sticky form .input-group {
   max-width: 100%;
}

.sticky form .input-group input {
   font-size: 16px;
}

.sticky form .input-group input:focus {
   background: none !important;
   border-bottom: 1px solid #121212 !important;
}

.sticky form label b {
   font-size: 13px;
   color: #121212;
   position: absolute;
   top: 12px;
}

.sticky form button {
   margin-top: -10px;
}

.sticky h7 {
   display: inline-block;
   font-family: "amsipro-bold";
   font-size: 20px;
   padding-left: 10px;
   vertical-align: middle;
}

@media (max-width: 767px) {
   .sticky h7 {
      font-size: 12px;
   }
}

@media (max-width: 767px) {
   .sticky h7 {
      padding-left: 5px;
   }
}

.sticky .descarga-sticky {
   margin-right: 0px;
   float: right;
   font-size: 13px;
   width: 137px;
   padding: 5px;
   margin: 20px auto;
}

@media (max-width: 767px) {
   .sticky .descarga-sticky {
      display: block;
   }
}

.sticky .n-logo {
   max-width: 100%;
   margin-top: 20px;
   margin-bottom: 15px;
}

@media (max-width: 767px) {
   .sticky .n-logo {
      max-width: 100px;
   }
}

@media (max-width: 348px) {
   .sticky .n-logo {
      max-width: 32px;
   }
}

.sticky .recaptchav2 {
   -webkit-transform: scale(0.8);
   -ms-transform: scale(0.8);
   transform: scale(0.8);
   margin-top: -30px;
   display: block;
}

.sms-txt {
   text-align: left;
   padding-top: 5px;
}

.sms-txt p {
   font-size: 16px;
}

.back-exito-sticky {
   background-image: url(../img/mastercard/linea-bg.svg);
   background-repeat: no-repeat;
   background-position: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: auto;
   min-height: 95%;
   width: 100%;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.exito-sticky {
   width: 100%;
}

.exito-sticky .contenido-exito {
   background: #6AFF99;
   border-radius: 14px;
   padding: 60px 40px;
   max-width: 640px;
   margin: auto;
   text-align: center;
   position: relative;
   border: 1px solid #fff;
   min-height: 480px;
}

.exito-sticky h3 {
   color: #121212;
   font-size: 21px;
   font-family: "amsipro-bold";
   text-align: center;
   max-width: 450px;
   margin: 10px auto;
}

.exito-sticky .img-modal-sticky {
   width: 179px;
}

.exito-sticky .reverse {
   color: #fff;
   position: absolute;
   right: 20px;
   top: 10px;
   border: none;
   background: transparent;
   font-size: 25px;
}



.yellow-box {
   background: #FFBF30;
}

.coral-box {
   background: #FFAB8B;
}

.green-box {
   background: #6AFE99;
}

.lblue-box {
   background: #00BED1;
}

.line-box {
   border: 1px solid #FFFFFF;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
}

.form-white {
   margin-top: 5%;
   margin-bottom: 40px;
}

.form-white label {
   color: #000;
   font-size: 14px;
   font-family: "amsipro-regular";
}

.form-white .findisclaimer p {
   font-size: 12px;
   color: white;
}

.form-white .findisclaimer a {
   text-decoration: underline;
   color: white;
}

.form-white .input-group input {
   border-bottom: 2px solid #6AFE99;
   color: #000000;
   font-size: 16px;
   border-radius: 0;
}

.form-white .input-group input:focus {
   background: none !important;
   border-bottom: 1px solid #121212 !important;
}

.form-white .input-group .input-group-text {
   background: #6AFE99;
   color: #121212;
   border-radius: 30px !important;
   width: 150px;
   padding: 5px 10px !important;
   height: 35px;
   font-size: 14px;
}

.form-white .cod-nacional {
   color: #121212;
}

.white-txt::-webkit-input-placeholder {
   color: #999 !important;
   opacity: 1 !important;
}

.white-txt::-moz-placeholder {
   color: #999 !important;
   opacity: 1 !important;
}

.white-txt:-ms-input-placeholder {
   color: #999 !important;
   opacity: 1 !important;
}

.white-txt::-ms-input-placeholder {
   color: #999 !important;
   opacity: 1 !important;
}

.white-txt::placeholder {
   color: #999 !important;
   opacity: 1 !important;
}

.white-txt:-ms-input-placeholder {
   color: #FFFFFF !important;
   opacity: 1 !important;
}

.white-txt::-ms-input-placeholder {
   color: #FFFFFF !important;
   opacity: 1 !important;
}

.persona1 {
   margin-left: 0;
   width: auto;
   max-width: 800px;
}

@media (max-width: 991px) {
   .persona1 {
      margin-left: -15%;
      width: 183%;
      margin-top: 30px;
   }
}

@media (max-width: 767px) {
   .persona1 {
      margin-left: -39%;
      width: 183%;
   }
}

.persona2 {
   margin-left: -300px;
   margin-bottom: -13px;
   width: auto;
   max-width: 1091px;
   z-index: 1;
   position: relative;
}

@media (max-width: 991px) {
   .persona2 {
      margin-left: -15%;
      width: 132%;
   }
}

@media (max-width: 767px) {
   .persona2 {
      margin-left: -76%;
      width: 274%;
   }
}

.persona3 {
   margin-left: -300px;
   width: auto;
   max-width: 1030px;
}

@media (max-width: 991px) {
   .persona3 {
      margin-left: -12%;
      width: 120%;
   }
}

@media (max-width: 767px) {
   .persona3 {
      margin-left: -74%;
      width: 262%;
   }
}

.mockup-2-financracia {
   position: relative;
   left: 170px;
   top: 40px;
}

@media (max-width: 991px) {
   .mockup-2-financracia {
      margin-left: -4%;
      width: 168%;
   }
}

@media (max-width: 767px) {
   .mockup-2-financracia {
      margin-left: 16%;
      width: 70%;
      margin-top: 30px;
      left: 33px;
   }
}

.mockup-44-financracia {
   width: auto;
   max-width: 100%;
}

@media (max-width: 991px) {
   .mockup-44-financracia {
      margin-left: -4%;
      width: 168%;
   }
}

@media (max-width: 767px) {
   .mockup-44-financracia {
      margin-left: 0;
      width: 100%;
      margin-top: 0;
   }
}

.mockup-33-financracia {
   width: auto;
   max-width: 100%;
   margin: 50px 0;
}

@media (max-width: 991px) {
   .mockup-33-financracia {
      margin-left: -4%;
      width: 168%;
   }
}

@media (max-width: 767px) {
   .mockup-33-financracia {
      margin-left: -15%;
      width: 140%;
   }
}

.mockup-2-financracia-2 {
   width: auto;
   max-width: 600px;
}

@media (max-width: 991px) {
   .mockup-2-financracia-2 {
      margin-left: -4%;
      width: 168%;
   }
}

@media (max-width: 767px) {
   .mockup-2-financracia-2 {
      margin-left: -14%;
      width: 140%;
      margin-bottom: 30px;
   }
}

.mobil-financracia {
   width: auto;
   max-width: 700px;
}

@media (max-width: 991px) {
   .mobil-financracia {
      margin-left: -8%;
      width: 109%;
      margin-top: 18px;
   }
}

@media (max-width: 767px) {
   .mobil-financracia {
      margin-left: -39%;
      width: 168%;
   }
}

.crea-cuenta-financracia {
   max-width: 59px;
}

.cargar-retirar-financracia {
   max-width: 106px;
}

.tarjeta-tenpo-financracia {
   max-width: 120px;
}

.pago-cuentas-financracia {
   max-width: 71px;
}

.recargas-financracia {
   max-width: 105px;
}

.cobrar-pagar-financracia {
   max-width: 117px;
}

.paypal-financracia {
   max-width: 74px;
}

.bolsillo-financracia {
   max-width: 96px;
}

.cont-servicios-financracia {
   padding: 0px;
}

.ci {
   max-width: 160px;
   margin: auto;
}

.cont-hide {
   width: 100%;
}

.cont-hide-2 {
   overflow: hidden;
   width: 95%;
   height: 350px;
   padding-top: 32px;
   margin: 0 auto;
}

h2.claga {
   font-size: 15px;
   margin: 0;
   padding: 0;
   width: 100%;
}

.video-responsive {
   position: relative;
   padding-bottom: 53.25%;
   /* proporción 16:9 */
   padding-top: 25px;
   height: 0;
   border-radius: 30px;
   overflow: hidden;
}

@media (max-width: 991px) {
   .video-responsive {
      border-radius: 15px;
      margin-top: 20px;
      padding-bottom: 50.25%;
   }
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.title_green {
   font-size: 45px;
   color: #6AFE99 !important;
}

.seis_pasos_margin {
   margin-top: -350px;
}

@media (max-width: 575px) {
   .seis_pasos_margin {
      margin-top: 0px;
   }
}

.lista_ {
   counter-reset: section;
   padding: 0px;
   margin-top: 30px;
}

.lista_ li {
   list-style: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.lista_ li:before {
   counter-increment: section;
   content: counter(section);
   background: #68FC97;
   border-radius: 50%;
   height: 30px;
   width: 30px;
   min-width: 30px;
   min-height: 30px;
   display: block;
   text-align: center;
   padding-top: 2px;
   margin-right: 12px;
   font-family: "amsipro-bold";
}

@media (max-width: 575px) {
   .lista_ li p {
      font-size: 16px;
   }
}

.lista__normal {
   margin-top: 0px;
}

.lista__normal li {
   list-style: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   text-indent: -10px;
   margin-left: 10px;
   line-height: 29px;
}

.lista__normal li:before {
   display: none;
}

/* 
 * responsive */
@media (max-width: 767px) {
   .section_portada {
      text-align: center;
   }

   .section_portada h2 {
      margin: 55px auto 0 auto;
      font-size: 33px;
      padding-top: 40px;
   }

   .section_portada p {
      font-size: 16px;
   }
}

@media (max-width: 767px) {
   .section_portada .col-lg-6:nth-child(2) img {
      width: 260px;
      margin: 0 auto 0 auto;
      display: block;
   }
}

@media (max-width: 575px) {
   .section_retiros {
      text-align: center;
      padding-bottom: 0px !important;
   }
}

@media (max-width: 575px) {
   .section_retiros h2 {
      margin: 0 auto 15px auto;
      display: block;
   }
}

@media (max-width: 767px) {
   .section_retiros img {
      width: 300px;
      margin: 30px auto 0 auto;
   }
}

@media (max-width: 575px) {
   .section_comisiones {
      text-align: center;
   }
}

@media (max-width: 575px) {
   .section_comisiones img {
      width: 300px;
      margin: 0 auto 0 auto;
      display: block;
   }
}

@media (max-width: 575px) {
   .section_soluciones {
      padding-bottom: 0px !important;
   }
}

@media (max-width: 575px) {
   .section_funciona--paypal h2 {
      padding: 0px !important;
   }
}

.stores-paypal {
   width: 100%;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin-bottom: 45px;
   display: none;
}

@media (max-width: 575px) {
   .stores-paypal {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }
}

.stores-paypal li {
   list-style: none;
   margin-left: 20px;
   margin-right: 20px;
}

@media (max-width: 575px) {
   .stores-paypal li {
      margin-left: 10px;
      margin-right: 10px;
   }
}

@media (max-width: 575px) {
   .stores-paypal li img {
      width: 120px;
   }
}

.accordeon-tab h2 {
   color: #000000;
}

.accordeon-tab .accordeon-set {
   margin: 0px;
   margin-left: 0px;
   padding-left: 0px;
}

.accordeon-tab .accordeon-set .panel-title {
   border: 1px solid #6AFE99 !important;
}

.accordeon-tab .accordeon-set .panel-title>a {
   color: #000000;
}

.accordeon-tab .container>.row {
   max-width: 800px;
   margin: 0 auto 0 auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

@media (max-width: 575px) {
   .accordeon-tab .container>.row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      margin-top: 55px !important;
   }
}

.accordeon-tab .container>.row .col-sm img {
   max-width: 285px;
}

/* change image accordion */
.glyphicon-plus {
   background: url("../img/bolsillo/mas.svg") !important;
   width: 22px !important;
   height: 22px !important;
   background-repeat: no-repeat !important;
   color: #00B098 !important;
   background-size: 22px 22px !important;
   margin-right: 8px;
   margin-top: -5px;
}

@media (max-width: 575px) {
   .glyphicon-plus {
      zoom: 0.7;
      margin: 6px;
   }
}

.glyphicon-minus {
   background: url("../img/bolsillo/menos.svg") !important;
   height: 10px !important;
   width: 22px !important;
   margin-right: 9px;
   background-size: 22px 9px !important;
   margin-top: 1px;
}

@media (max-width: 575px) {
   .glyphicon-minus {
      zoom: 0.7;
      margin: 12px;
      margin-right: 5px;
   }
}

.section_msg_stores {
   padding-top: 150px;
   padding-bottom: 150px;
}

.section_txt {
   padding-top: 150px;
   padding-bottom: 150px;
}

@media (max-width: 575px) {
   .section_txt {
      padding-top: 80px !important;
      padding-bottom: 80px !important;
   }
}

.section_txt div {
   max-width: 1093px;
   margin: 0 auto 0 auto;
}

.section_txt div p {
   text-align: center;
   font-size: 19px;
   line-height: 30px;
   color: #666666;
}

@media (max-width: 575px) {
   .section_txt div p {
      font-size: 16px !important;
   }
}

.cta_black {
   width: 247px;
   height: 56px;
   font-size: 14px;
   -webkit-appearance: none;
   border-radius: 100px;
   display: block;
   text-align: center;
   padding-top: 17px;
   text-decoration: none !important;
   font-weight: bold;
   letter-spacing: 0.7px;
   font-family: "amsipro-bold";
   background-color: #121212;
   color: #6AFE99 !important;
}

/*
* responsive */
@media (max-width: 767px) {
   .section_portada--bolsillo {
      text-align: center;
   }
}

.section_portada--bolsillo img:nth-child(1) {
   max-width: 370px;
}

@media (max-width: 767px) {
   .section_portada--bolsillo img:nth-child(1) {
      width: 300px;
      margin: 0 auto 0 auto;
   }
}

@media (max-width: 767px) {
   .section_portada--bolsillo h2 {
      margin: 15px auto 20px auto;
   }
}

@media (max-width: 767px) {
   .section_portada--bolsillo .cta {
      width: 100%;
   }

   .section_portada--bolsillo .cta a {
      margin: 0 auto 0 auto;
   }
}

@media (max-width: 575px) {
   .section_seguridad--bolsillo img {
      width: 370px;
      margin: 0 auto 0 auto;
      display: block;
   }
}

.section_construimos--bolsillo {
   padding-top: 80px;
   padding-bottom: 80px;
}

.section_construimos--bolsillo img {
   width: 145px;
}

@media (max-width: 575px) {
   .section_construimos--bolsillo img {
      width: 150px;
      margin-bottom: 40px;
   }
}

@media (max-width: 575px) {

   .section_construimos--bolsillo h2,
   .section_construimos--bolsillo p {
      text-align: center !important;
   }
}

@media (max-width: 575px) {
   .section_construimos--bolsillo .w-50 {
      width: 300px !important;
   }
}

@media (max-width: 575px) {
   .section_faq--bolsillo {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
   }
}

@media (max-width: 575px) {
   .section_faq--bolsillo .col-lg-12 {
      padding: 0px;
   }
}

@media (max-width: 575px) {
   .section_invertir--bolsillo h2 {
      padding: 0px !important;
   }
}

.pdc .bg_black h2 span {
   color: #6AFE99;
}

.bg_green-2 {
   background: url(../img/pdc/back_green-2.svg);
   background-size: cover;
   background-repeat: no-repeat;
   overflow: hidden;
}

.bg_green-plano {
   background: #6AFF99;
}

.section--header {
   padding: 50px 0;
   background: #000000;
}

.section--header h1{
   color: #6afe99;
   font-family: "amsipro-bold";
   font-size: 40px;


}

.section--header h2{

   font-size: 26px !important;

}

.section--header p{
   color: #fff;
}

.section--header .price-seguros{
   color: #6afe99;
   border: 1px solid #6afe99;
   padding: 20px 30px;
   width: fit-content;
   font-size: 28px;
   font-family: "amsipro-bold";
   border-radius: 10px;
   text-align: center;
   margin: 20px 0;
}





.section--header .insur {
   width: 100%;
   margin: 5px auto;
}

.section--header .insur2 {
   width: 40%;
}

.section--header h2 {
   font-family: "amsipro-bold";
   color: #ffffff;
   margin: 0 0 10px 0;
   font-size: 50px;
}

.section--header img.insur{}

@media (max-width: 425px) {
   .section--header .insur2 {
      width: 50%;
      margin: 10px auto;
   }
   .section--header h2 {
      text-align: center;
      font-size: 30px;
      margin-bottom: 20px;
   }
   .section--header .row-insur {
      flex-direction: column;
   }

}

.section--header .btn-rec {
   display: grid;
   place-items: center;
   background: #6AFE99;
   margin: 60px 0 20px 0;
   font-family: "amsipro-regular";
   font-size: 20px;
   border: none;
   border-radius: 30px;
   height: 45px;
   width: 230px;
}

.section--header .btn-rec a {
   color: #000000;
}

.section--header .col-right {
   top: -40px;
}

@media (max-width: 425px) {
   .section--header .col-right {
      top: 0;
   }
}

.section--header .cbtn-insur {
   display: flex;
   flex-direction: column;

}

@media (max-width: 425px) {
   .section--header .cbtn-insur {
      align-items: center;  
   }
}

.section--header .btn-insur {
   background: #6AFE99;
   margin: 20px auto;
   font-family: "amsipro-regular";
   font-size: 24px;
   border: none;
   border-radius: 30px;
   height: 56px;
   width: 250px;
}

.section--travel_two .btn-insur a {
   color: #000000;
}

.section--insurance {
   background-color: #000000;
   padding: 80px 0;
   overflow: hidden;
}

.section--insurance p{
  color: #fff;

}



@media (max-width: 425px) {
   .section--insurance {
      padding: 0 0 40px 0;
   }

}

.section--insurance #frstP {
   color: #ffffff;
   text-align: center;
   font-size: 36px;
   line-height: 42px;
   font-family: amsipro-xlight;
   margin: 0 100px 60px 100px;
}

.section--insurance #scndP {
   color: #6afe99;
   text-align: center;
   font-family: amsipro-bold;
   font-size: 44px;
   line-height: 50px;
   margin: 0 auto;
}

.section--insurance .container-insur {
   display: flex;
   padding: 0 25px;
}

.section--insurance .card-insur {
   border: 1px solid #6afe99;
   border-radius: 15px;
   margin: 80px 10px;
   width: 25%;
}

.section--insurance .icon-insur {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.section--insurance .icon-insur img {
   margin: 20px auto 10px auto;
   width: 40%;
}

.section--insurance .p-insur {
   color: #ffffff;
   font-family: "amsipro-bold";
   font-size: 20px;
   line-height: 25px;
}

.section--insurance .p-insur strong {
   color: #6afe99;
}

.section--insurance .info-title {
   text-align: center;
   margin: 0 10px;
   height: 90px;
}

.section--insurance .info-card {
   margin: 0 15px 30px 15px;
   text-align: center;
}

.section--insurance .info-p {
   color: #ffffff;
   font-family: "amsipro-xlight";
   font-size: 18px;
   line-height: 22px;
}

.section--insurance .cbtn-insur {
   display: flex;
   flex-direction: column;
   align-items: center;
 
}

.section--insurance .btn-insur {
   background: #6AFE99;
   margin: 20px auto;
   font-family: "amsipro-regular";
   font-size: 24px;
   border: none;
   border-radius: 30px;
   height: 56px;
   width: 250px;
}

.section--insurance .btn-insur a {
   color: #000000;
}

.section--insurance .ases-compara {
   margin: 80px auto;
   text-align: center;
}

.section--insurance h3 {
   color: #ffffff;
   font-family: "amsipro-bold";
   font-size: 36px;
   line-height: 42px;
}

.section--insurance .ases-compara p {
   color: #ffffff;
   width: 90%;
   margin: 20px auto;
   font-family: "amsipro-xlight";
   font-size: 28px;
   line-height: 42px;
}

.section--insurance .insur2{
   width: 20%;
}

@media (max-width: 425px) {
   .section--insurance #frstP {
      font-size: 26px;
      margin: 50px 20px 60px 20px;
   }
   .section--insurance #scndP {
      font-size: 33px;
   }
   .section--insurance .container-insur {
      flex-direction: column;
      align-items: center;
   }
   .section--insurance .card-insur {
      width: 100%;
      margin: 60px 10px 0px 10px;
   }
   .section--insurance .btn-insur {
      margin: 60px auto;
   }
   .section--insurance .ases-compara {
      margin: 40px auto;
   }
   .section--insurance .insur2 {
      width: 50%;
      margin: 10px auto;
   }
   .section--insurance h3 {
      font-size: 30px;
   }
   .section--insurance .ases-compara p {
      font-size: 20px;
      line-height: 32px;
   }
}

.section--app-tenpo {
   background-color: #000000;
   padding-top: 80px;
}

.section--app-tenpo .row {
   flex-direction: column;
}

.section--app-tenpo h3 {
   color: #ffffff;
   font-family: "amsipro-bold";
   font-size: 40px;
   margin: 0 auto;
}

.section--app-tenpo .cbtn-insur {
   margin: 40px auto;
}

.section--app-tenpo .btn-insur {
   background-color: #000000;
}

.section--app-tenpo #imgBtn {
   width: 50%;
}

.section--app-tenpo #imgApps {
   margin: 0 auto 100px auto;
   width: 32%;
}

.section--app-tenpo #mckpScreens {
      background-image:
      linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(0, 0, 0, 0.93)),
      url('https://tenpoimagesstorage2.blob.core.windows.net/marketing/02_web_2022/09_sept/seguros-auto/mockup-pantallas.png');
      width: 100%;
      height: 550px;
      background-size: cover;
}

@media (max-width: 425px) {
   .section--app-tenpo h3 {
      font-size: 30px;
   }
   .section--app-tenpo .cbtn-insur {
      margin: 40px auto 20px auto;
   }
   .section--app-tenpo #imgBtn {
      width: 90%;
      margin: 20px auto 0 auto;
   }
   .section--app-tenpo #imgApps {
      width: 50%;
      margin-bottom: 40px;
   }
   .section--app-tenpo #mckpScreens {
      height: 200px;
   }
}

.h2-m-0 {
   margin-top: 0px !important;
}

@media (max-width: 991px) {
   .h2-m-0 {
      margin-top: 50px !important;
   }
}

.app-rec-img-1 {
   margin-top: 70px;
   width: 100%;
   max-width: 719px;
   margin-bottom: -280px;
   padding-bottom: 120px;
   -o-object-fit: contain;
   object-fit: contain;
   -o-object-position: center;
   object-position: center;
   height: 100%;
}

@media (max-width: 991px) {
   .app-rec-img-1 {
      margin-bottom: 30px;
      padding-bottom: 0px;
      margin-top: 30px;
   }
}

.app-rec-img-2 {
   margin-top: 80px;
   width: 100%;
   max-width: 581px;
   -o-object-fit: contain;
   object-fit: contain;
   -o-object-position: center;
   object-position: center;
   height: 100%;
}

@media (max-width: 991px) {
   .app-rec-img-2 {
      margin-top: 0px;
   }
}

.app-rec-img-3 {
   width: 100%;
   max-width: 642px;
   margin-top: 130px;
   -o-object-fit: contain;
   object-fit: contain;
   -o-object-position: center;
   object-position: center;
   height: 100%;
}

@media (max-width: 991px) {
   .app-rec-img-3 {
      margin-top: 50px;
   }
}

.app-rec-img-4 {
   width: 100%;
   max-width: 674px;
   margin-top: 130px;
   -o-object-fit: contain;
   object-fit: contain;
   -o-object-position: center;
   object-position: center;
   height: 100%;
}

@media (max-width: 991px) {
   .app-rec-img-4 {
      margin-top: 0px;
   }
}

.section_portada--versus-retiro h2 {
   margin-top: 0px;
}

@media (max-width: 575px) {
   .section_portada--versus-retiro h2 {
      text-align: center;
      margin: 0 auto 0 auto;
      margin-top: 30px;
   }
}

@media (max-width: 575px) {
   .section_portada--versus-retiro p {
      margin: 0 auto 0 auto;
      text-align: center;
      margin-top: 15px;
   }
}

.section_portada--versus-retiro img {
   max-width: 514px;
}

@media (max-width: 575px) {
   .section_portada--versus-retiro img {
      margin: 0 auto 0 auto;
      width: 320px;
   }
}

.section_table--versus-retiro .container {
   text-align: center;
}

.section_table--versus-retiro .table--versus-retiro {
   max-width: 580px;
   width: 100%;
   border-radius: 22px;
   border: 1px solid #707070;
   margin: 20px auto 50px auto;
}

.section_table--versus-retiro .table--versus-retiro .table--versus-retiro__header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   background: #6AFE9C;
   border-radius: 22px 22px 0px 0px;
   padding: 25px;
   border-bottom: 1px solid #707070;
}

.section_table--versus-retiro .table--versus-retiro .table--versus-retiro__header div {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 33%;
   flex: 0 0 33%;
}

.section_table--versus-retiro .table--versus-retiro .table--versus-retiro__header div strong {
   font-size: 15px;
}

.section_table--versus-retiro .table--versus-retiro .table--versus-retiro__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   border-bottom: 1px solid #707070;
}

.section_table--versus-retiro .table--versus-retiro .table--versus-retiro__item:last-child {
   border-bottom: none;
}

.section_table--versus-retiro .table--versus-retiro .table--versus-retiro__item:last-child div {
   border-left: none;
}

.section_table--versus-retiro .table--versus-retiro .table--versus-retiro__item div {
   padding: 15px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 33.5%;
   flex: 0 0 33.5%;
   border-left: 1px solid #707070;
   border-right: 1px solid #707070;
   margin-left: -1px;
   margin-right: 0px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.section_table--versus-retiro .table--versus-retiro .table--versus-retiro__item div:first-child {
   text-align: left;
   padding-left: 30px;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
}

.section_table--versus-retiro .table--versus-retiro .table--versus-retiro__item div:last-child {
   border-right: none;
}

.section_table--versus-retiro .table--versus-retiro .table--versus-retiro__item div span {
   font-size: 14px;
}

.texto-pasos strong {
   border-bottom: 2px solid #6AFF99;
}

.section__partner-oficial {
   text-align: center;
}

.section__partner-oficial h3 {
   text-align: center;
   font-size: 24px;
   margin-bottom: 0px;
   padding-bottom: 20px;
}

@media (max-width: 575px) {
   .section__partner-oficial h3 {
      font-size: 20px;
   }
}

.section__partner-oficial img.partner-oficial {
   margin-bottom: 50px;
   max-width: 560px;
   width: 80%;
}

.section__partner-oficial nav a img {
   width: 185px;
   margin-left: 15px;
   margin-right: 15px;
}

@media (max-width: 575px) {
   .section__partner-oficial nav a img {
      width: 130px;
   }
}

.section__form-versus-retiro {
   background: transparent -o-linear-gradient(269deg, #121212 0%, #606060 100%) 0% 0% no-repeat padding-box;
   background: transparent linear-gradient(181deg, #121212 0%, #606060 100%) 0% 0% no-repeat padding-box;
   margin-top: 100px;
   margin-bottom: 100px;
   padding-top: 50px;
   padding-bottom: 50px;
   text-align: center;
}

.section__form-versus-retiro h4 {
   font-size: 19px;
   color: #FFFFFF;
}

@media (max-width: 575px) {
   .section__form-versus-retiro h4 {
      font-size: 15px;
   }
}

.section__form-versus-retiro form {
   margin: 0 auto 0 auto;
   max-width: 530px;
   width: 85%;
   padding: 30px 0px 30px 0px;
}

.section__form-versus-retiro form .form__field {
   margin-bottom: 20px;
}

.section__form-versus-retiro form .form__field:last-child {
   margin-bottom: 0px;
}

.section__form-versus-retiro form .form__field input {
   width: 100%;
   padding: 19px;
   border-radius: 15px;
   border: none;
}

.section__form-versus-retiro form .form__field--captcha {
   padding-bottom: 20px;
}

.section__form-versus-retiro form .form__field--captcha>div>div {
   margin: 0 auto 0 auto;
}

.section__form-versus-retiro form ._submit {
   width: 324px;
   height: 40px;
   border: none;
   background: #6AFE99;
   border-radius: 55px;
   font-weight: bold;
   margin: 0 auto 0 auto;
   display: block;
}

.section__form-versus-retiro ._form-thank-you {
   color: #FFFFFF;
}

.info__versus-retiro {
   padding-bottom: 70px;
}

.info__versus-retiro h4 {
   text-align: center;
   margin-bottom: 35px;
}

.info__versus-retiro ul {
   padding: 0px;
   max-width: 480px;
   width: 85%;
   margin: 0 auto 0 auto;
}

.info__versus-retiro ul span {
   text-align: center;
   display: block;
   margin-bottom: 13px;
   font-size: 18px;
}

.info__versus-retiro ul li {
   list-style: none;
   font-size: 18px;
   text-indent: -19px;
   margin-bottom: 13px;
}

.info__versus-retiro ul li:before {
   content: "";
   width: 9px;
   height: 9px;
   background: #6AFE99;
   border-radius: 50px;
   display: inline-block;
   margin-right: 9px;
}

.info__versus-retiro .row {
   margin-top: 35px;
}

.info__versus-retiro .row img {
   max-width: 500px;
}

.info__versus-retiro .row h2 {
   margin-bottom: 30px;
}

button {
   border: none;
}

html {
   height: 100%;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

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

.desktop {
   display: block;
}

@media (max-width: 767px) {
   .desktop {
      display: none;
   }
}

.mobile {
   display: none;

}

@media (max-width: 425px) {
   .mobile {
      display: block;
      width: 85%;
   }
}

.navbar-brand {
   max-width: 115px;
}

a:hover {
   text-decoration: none;
}

a:focus,
button:focus {
   outline: none;
   outline-offset: 0px;
}

::-webkit-input-placeholder {
   color: #121212 !important;
   opacity: 0.31 !important;
}

::-moz-placeholder {
   color: #121212 !important;
   opacity: 0.31 !important;
}

:-ms-input-placeholder {
   color: #121212 !important;
   opacity: 0.31 !important;
}

::-ms-input-placeholder {
   color: #121212 !important;
   opacity: 0.31 !important;
}

::placeholder {
   color: #121212 !important;
   opacity: 0.31 !important;
}

:-ms-input-placeholder {
   color: #121212 !important;
   opacity: 0.31 !important;
}

::-ms-input-placeholder {
   color: #121212 !important;
   opacity: 0.31 !important;
}

b {
   font-family: "amsipro-bold";
}

input[type=text],
input[type=number],
input[type=password],
textarea {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   outline: none;
}

input[type=text]:focus,
input[type=number]:focus,
input[type=password]:focus,
textarea:focus {
   border-bottom: 2px solid #6AFE99 !important;
   background: #ffffff69 !important;
}

:focus {
   outline: 0 !important;
}

body {
   font-family: "amsipro-regular" !important;
   font-weight: normal;
   font-style: normal;
   color: #121212;
}

html,
body {
   height: 100%;
}

h6 {
   font-size: 22px;
   font-family: "amsipro-regular" !important;
}

@media (max-width: 767px) {
   h6 {
      font-size: 18px;
   }
}

h5 {
   font-size: 20px;
   font-family: "amsipro-bold";
   color: #121212;
}

@media (max-width: 767px) {
   h5 {
      font-size: 25px;
   }
}

h4 {
   font-size: 26px;
   font-family: "amsipro-bold";
   color: #121212;
}

@media (max-width: 767px) {
   h4 {
      font-size: 18px;
      line-height: 25px;
   }
}

h3 {
   font-size: 35px;
   font-family: "amsipro-bold";
   color: #121212;
}

@media (max-width: 767px) {
   h3 {
      font-size: 24px;
      text-align: center;
   }
}

h2 {
   margin-top: 135px;
   font-family: "amsipro-bold";
   font-size: 35px;
}

@media (max-width: 991px) {
   h2 {
      margin-top: 55px;
      font-size: 25px;
   }
}

@media (max-width: 767px) {
   h2 {
      margin-top: 55px;
      font-size: 25px;
   }
}

p {
   font-size: 16px;
}

@media (max-width: 767px) {
   p {
      font-size: 15px;
   }
}

strong,
b {
   font-family: "amsipro-bold";
}

.mrgin-top h2 {
   margin-top: 0;
}

/*reset colum 25px padding*/
.container {
   padding-right: 25px;
   padding-left: 25px;
}

.container .no-gutters {
   margin-right: 0;
   margin-left: 0;
}

.col,
.col-lg-6 {
   padding-right: 25px;
   padding-left: 25px;
}

.row {
   margin-right: -25px;
   margin-left: -25px;
}

.cont-tc {
   background: #f9f9f9;
   padding-top: 20px;
   padding-bottom: 70px;
}

.cookie-back {
   background: #fff;
   position: fixed;
   bottom: 0;
   width: 100%;
   z-index: 9;
}

.p-cookie {
   padding: 15px;
   background: #ffffff;
   color: #707070;
   text-align: center;
}

@media (max-width: 575px) {
   .p-cookie {
      display: none;
   }
}

.p-cookie .mas {
   color: #000;
   border-bottom: 1px solid #6AFE99;
   text-decoration: none;
   cursor: pointer;
   padding: 5px 0;
}

.p-cookie .mas:hover {
   color: #6AFE99;
}

.p-cookie .cont-cookie {
   max-width: 991px;
   position: relative;
   margin: auto;
   height: 37px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

@media (max-width: 991px) {
   .p-cookie .cont-cookie {
      display: block;
      height: auto;
   }
}

.p-cookie .btn-cookie {
   margin-left: 20px;
   color: #000000;
   background-color: #6AFE99;
   border-radius: 30px;
   border-radius: 5px;
   padding: 5px 30px;
   font-size: 9px;
   position: absolute;
   top: 6px;
   cursor: pointer;
   font-family: "amsipro-bold";
   text-align: right;
   margin: auto;
   right: 0px;
}

.p-cookie .btn-cookie:hover {
   color: #ffffff;
   text-decoration: none;
}

@media (max-width: 991px) {
   .p-cookie .btn-cookie {
      position: relative;
      display: block;
      text-align: right;
      padding: 0px 0px 15px 0px;
      top: 0px;
   }
}

@media (max-width: 575px) {
   .p-cookie .btn-cookie {
      position: relative;
      display: block;
      text-align: center;
      padding: 10px 0px 15px 0px;
      top: 0px;
      font-size: 12px;
   }
}

.iso_modal {
   float: right;
}

.txt-banner h2 {
   font-family: "amsipro-regular";
   font-size: 28px;
   color: #121212;
   margin-top: 0;
}

.txt-banner h2 span {
   font-family: "amsipro-bold";
   font-size: 32px;
}

.modal-cookie {
   z-index: 9999;
   padding-right: 0px !important;
   border-radius: 30px !important;
}

.modal-cookie .title-cookie {
   text-align: center;
}

.modal-cookie .title-cookie img {
   max-width: 241px;
}

@media (max-width: 767px) {
   .modal-cookie .title-cookie img {
      max-width: 171px;
   }
}

.modal-cookie .modal-content-color {
   background: #ffffff;
   padding: 30px 0;
   border-radius: 30px !important;
}

.modal-cookie .cookie-flex {
   color: #121212;
   font-size: 15px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

@media (max-width: 767px) {
   .modal-cookie .cookie-flex {
      font-size: 12px;
   }
}

.modal-cookie .cookie-flex h3 {
   font-size: 28px;
   color: #121212;
}

@media (max-width: 767px) {
   .modal-cookie .cookie-flex h3 {
      font-size: 28px;
   }
}

.modal-cookie .cookie-flex h4 {
   color: #121212;
   text-transform: uppercase;
   font-size: 15px;
}

.modal-cookie .txt-cookie {
   max-width: 783px;
}

.modal-cookie .txt-cookie ul.points-prevencion li {
   font-size: 16px;
   list-style: none;
}

.modal-cookie .txt-cookie li::before {
   content: "•";
   padding-right: 8px;
   color: #6AFF99;
   font-size: 30px;
}

.modal-cookie .close {
   position: absolute;
   right: 40px;
   top: 20px;
   z-index: 999999;
}

@media (max-width: 575px) {
   .modal-cookie .close {
      right: 30px;
      top: 20px;
   }
}

.modal-cookie .close span {
   color: #000000;
   font-size: 41px;
   font-weight: 400;
}

@media (max-width: 575px) {
   .modal-cookie .close span {
      font-size: 25px;
   }
}

.modal-xl {
   max-width: 1920px;
   width: 90%;
}

@media (max-width: 575px) {
   .modal-xl {
      width: initial;
   }
}

.modal-app {
   max-width: 540px;
   width: 90%;
}

@media (max-width: 575px) {
   .modal-app {
      width: initial;
   }
}

.grecaptcha-badge {
   bottom: 77px !important;
   z-index: 999;
}

@media (max-width: 767px) {
   .grecaptcha-badge {
      bottom: 170px !important;
   }
}

.tabla {
   background: #fff;
   width: 100%;
   margin-bottom: 30px;
}

.tabla th {
   font-size: 15px;
   border: 1px solid #E8E8E8;
   padding: 10px 20px;
   vertical-align: top;
   background: #e8e8e8;
   font-family: "amsipro-bold";
}

@media (max-width: 767px) {
   .tabla th {
      font-size: 12px;
      padding: 8px;
   }
}

.tabla td {
   font-size: 15px;
   border: 1px solid #E8E8E8;
   padding: 10px 20px;
   vertical-align: top;
}

@media (max-width: 767px) {
   .tabla td {
      font-size: 12px;
      padding: 8px;
   }
}

.descarga {
   background: #6AFE99;
   color: #000000;
   font-family: "amsipro-bold";
   font-size: 11px;
   border-radius: 20px;
   width: 170px;
   text-align: center;
   display: none;
   padding: 14px;
   margin: 80px auto 0px;
   text-transform: uppercase;
   border: none;
}

@media (max-width: 767px) {
   .descarga {
      display: block;
   }
}

.dropdown-menu {
   left: -12px;
   min-width: 12rem;
   border: none;
}

.dropdown-menu h2 {
   border-bottom: 1px solid #121212;
   padding-bottom: 10px;
   width: 100%;
   margin: 0 auto;
}

.navbar-nav>li.dropdown:hover>a:focus {
   text-decoration: underline;
}

.navbar-nav>li.dropdown:hover .caret {
   -webkit-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
}

.navbar-nav>li.dropdown:hover .drop-item {
   color: #000000 !important;
   border-radius: 20px;
   background-color: #6AFE99;
   padding: 5px 10px;
}

.b-menu {
   border-right: 2px solid #00BAA4;
   height: 10px;
   padding: 0 10px;
}

li.drop {
   padding: 0 !important;
   margin: 0 !important;
}

.bg_white {
   color: #000000;
   background-color: #fff;
}


.bg_white h2 {
   color: #000000;
   font-family: "amsipro-black";
   font-size: 34px;
}


.bg-white .col-left {
   display: inline-block;
}

.bg-white .col-right {
   display: inline-block;
}

.bg_white h3 {
   color: #121212;
   font-size: 30px;
   padding: 20px 0;
}

.white-space { height: 150px;}

.bg_absolut_black {
   background-color: #000;
}

.bg_absolut_black h2{
   color: #fff;
}

@media (max-width: 575px) {
   .bg_white h3 {
      font-size: 22px;
   }
}

.bg_white .center {
   text-align: center;
   margin: 0 auto;
}

.bg-white_line {
   background-image: url(../img/mastercard/linea-bg.svg);
   background-repeat: no-repeat;
   background-position: center top;
}

.bg_black {
   overflow: hidden;
   background-repeat: no-repeat;
   background-size: cover;
   background-color: #000000;
}

.bg_black h1 {
   color: #6AFE99;
   font-family: "amsipro-black";
   font-size: 45px;
}

.bg_black h1 span {
   color: #6AFE99;
}

@media (max-width: 575px) {
   .bg_black h1 {
      font-size: 30px;
      text-align: center;
      margin-top: 30px;
   }
}

@media (max-width: 575px) {
   .bg_black .mtop {
      margin-top: 70px;
   }
}

.bg_black h2 {
   color: #fff;
   margin-top: 0px;
}

.bg_black p {
   color: #fff;
   font-size: 28px;
}

.bg_black p span {
   color: #6AFE99;
   font-weight: bold;
}

.bg_black h4 {
   color: #fff;
}

.bg_black_2 {
   background: url(../img/portabilidad/bg_black.svg);
   overflow: hidden;
   background-repeat: no-repeat;
   background-size: cover;
   background-color: #000000;
}

.bg_black_2 h1 {
   color: #fff;
   font-family: "amsipro-bold";
}

.bg_black_2 h1 span {
   color: #6AFE99;
}



@media (max-width: 575px) {
   .pding-top-bot {
      padding: 15% 0;
   }
}


.cta_over_green {
   width: 247px;
   height: 56px;
   font-size: 14px;
   -webkit-appearance: none;
   border-radius: 100px;
   display: block;
   text-align: center;
   padding-top: 17px;
   text-decoration: none !important;
   font-weight: bold;
   letter-spacing: 0.7px;
   font-family: "amsipro-bold";
   background-color: #fff;
   color: #121212 !important;
}

.cta_over_green:hover {
   background-color: #121212;
   color: #6AFE99 !important;
}

.cta_over_white {
   width: 247px;
   height: 56px;
   font-size: 14px;
   -webkit-appearance: none;
   border-radius: 100px;
   display: block;
   text-align: center;
   padding-top: 17px;
   text-decoration: none !important;
   font-weight: bold;
   letter-spacing: 0.7px;
   font-family: "amsipro-bold";
   background-color: #6AFE99;
   color: #121212 !important;
}

.cta_over_white:hover {
   background-color: #121212;
   color: #fff !important;
}

.text-center {
   text-align: center !important;
   margin: 0 auto;
}

.left-image-contain_elements {
   padding-top: 0px;
   margin-left: 170px;
   margin-bottom: 0px;
   max-width: 550px;
   display: block;
}

@media (max-width: 575px) {
   .left-image-contain_elements {
      margin-left: 120px;
      max-width: 450px;
   }
}

.notificacion_a {
   position: absolute;
   left: 130px;
   top: 80px;
   max-width: 80px;
   z-index: 2;
}

@media (max-width: 575px) {
   .notificacion_a {
      left: 30px;
      max-width: 60px;
   }
}

.notificacion_b {
   position: absolute;
   max-width: 250px;
   top: 260px;
   left: -20px;
   z-index: 3;
}

@media (max-width: 575px) {
   .notificacion_b {
      left: 40px;
   }
}

.notificacion_c {
   position: absolute;
   max-width: 250px;
   top: 140px;
   left: 390px;
   z-index: 3;
}

@media (max-width: 575px) {
   .notificacion_c {
      left: 40px;
      top: 330px;
   }
}

.notificacion_d {
   position: absolute;
   max-width: 250px;
   top: 360px;
   left: 310px;
   z-index: 3;
}

@media (max-width: 575px) {
   .notificacion_d {
      top: 400px;
      left: 40px;
   }
}

.seguridad_a {
   position: absolute;
   left: 225px;
   top: 260px;
   max-width: 80px;
   z-index: 2;
}

@media (max-width: 575px) {
   .seguridad_a {
      left: -20px;
      max-width: 80px;
      top: 100px;
   }
}

.seguridad_b {
   position: absolute;
   max-width: 250px;
   top: 260px;
   left: 30px;
   z-index: 3;
}

@media (max-width: 575px) {
   .seguridad_b {
      left: 110px;
      top: 100px;
      max-width: 80px;
   }
}

.bloqueo_a {
   position: absolute;
   left: 500px;
   top: 260px;
   max-width: 80px;
   z-index: 2;
}

@media (max-width: 575px) {
   .bloqueo_a {
      left: 250px;
      max-width: 70px;
      top: 190px;
   }
}

.bloqueo_b {
   position: absolute;
   max-width: 160px;
   top: 160px;
   left: 44px;
   z-index: 3;
}

@media (max-width: 575px) {
   .bloqueo_b {
      left: 10px;
      top: 130px;
      max-width: 120px;
   }
}

.img-trans {
   padding-top: 0px;
   margin-left: 170px;
   margin-bottom: -34px;
   max-width: 700px;
   display: block;
}

@media (max-width: 575px) {
   .img-trans {
      margin-left: 100px;
      margin-bottom: -10px;
      max-width: 490px;
   }
}

.fift {
   width: 450px;
}

.fift h2 {
   margin-top: 0;
}

@media (max-width: 575px) {
   .fift {
      width: 330px;
      margin-top: 40px;
   }
}

.bg_white_lines {
   background: url(../img/transferencias/bglines.svg);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
}

.pding-top-bot2 {
   padding: 0% 0 15% 0;
}

ul.puntos-tutorial {
   font-size: 16px;
}

ul.puntos-tutorial li::before {
   content: "•";
   padding-right: 8px;
   color: #6AFF99;
   font-size: 30px;
}

ul.puntos-tutorial li::marker {
   content: "";
}

.cta {
   padding: 5% 0;
   height: 110px;
   margin: 30px 0 0 0;

}

@media (max-width: 575px) {
   .cta {
      padding: 10% 0;
   }
}

.bg_green_full_footer-2 {
   background: #6AFE99;
   overflow: hidden;
}

@media (max-width: 575px) {
   .bg_green_full_footer-2 {
      padding: 10%;
   }
}

.bg_green_full_footer-2 .relacionados {
   width: 100%;
   margin: 0;
   padding: 25% 15% 10% 15%;
   text-align: center;
   height: 450px;
}

@media (max-width: 575px) {
   .bg_green_full_footer-2 .relacionados {
      height: 400px;
      padding: 25% 15% 10% 15%;
   }
}

.bg_green_full_footer-2 .relacionados .text-relacionados {
   margin-top: 10%;
}

.bg_green_full_footer-2 .relacionados .text-relacionados .cta-relacionado {
   width: 250px;
   margin: 0 auto;
}

@media (max-width: 575px) {
   .bg_green_full_footer-2 .relacionados .text-relacionados .cta-relacionado {
      width: 200px;
   }
}

.bg_green_full_footer-2 .relacionados .text-relacionados .cta-relacionado .cta_over_black {
   padding: 17px;
}

@media (max-width: 575px) {
   .bg_green_full_footer-2 .relacionados .text-relacionados .cta-relacionado .cta_over_black {
      width: 180px;
      height: 50px;
      margin: 0 auto;
   }
}

.bg_green_full_footer-2 h4 {
   color: #fff;
   font-family: "amsipro-black";
   font-size: 34px;
}

@media (max-width: 575px) {
   .bg_green_full_footer-2 h4 {
      font-size: 28px;
   }
}

.bg_green_full_footer-2 p {
   color: #fff;
   font-size: 20px;
   height: 120px;
}

@media (max-width: 575px) {
   .bg_green_full_footer-2 p {
      font-size: 16px;
   }
}

.bg_green_full_footer-2 .transferencias {
   background: url(../img/relacionados/transferencias.png);
   background-repeat: no-repeat;
   background-position: center;
}

.bg_green_full_footer-2 .pago-de-cuentas {
   background: url(../img/relacionados/pago-de-cuentas.png);
   background-repeat: no-repeat;
   background-position: center;
}

.bg_green_full_footer-2 .recargas {
   background: url(../img/relacionados/recargas.png);
   background-repeat: no-repeat;
   background-position: center;
}

.bg_green_full_footer-2 .tarjeta-m {
   background: url(../img/relacionados/tarjeta-mastercard.png);
   background-repeat: no-repeat;
   background-position: center;
}

.pr3-faq-section {
   padding: 100px 0;
   background-color: #f6f7f9;
}

.pr3-faq-section h2 {
   font-family: "amsipro-black";
   font-size: 30px;
   margin-top: 0;
   text-align: center;
}

@media (max-width:425px) {
   .pr3-faq-section h2 {
      font-size: 24px;
   }
}

.pr3-accordion {
   margin-top: 40px;
}

.pr3-accordion .lnk-insur{
   text-decoration-line: underline;
}

.pr3-accordion .card {
   border: 1px solid #e7e7e7;
   border-bottom: 1px solid #e7e7e7;
}

.pr3-accordion .card .card-header {
   border: 0;
   background-color: #f2f3f8;
   padding: 0;
   border-radius: 3px;
}

.pr3-accordion .card .card-header a {
   cursor: pointer;
   display: block;
   padding: 15px 12px;
   padding-right: 40px;
   color: #000;
   font-weight: 700;
   font-family: "amsipro-bold";
   position: relative;
   text-align: left;
}

.pr3-accordion .card .card-header a::after {
   content: "+";
   position: absolute;
   top: 50%;
   right: 12px;
   font-weight: 700;
   color: #000;
   background-color: #ffffff;
   width: 30px;
   height: 30px;
   text-align: center;
   line-height: 30px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.pr3-accordion .card+.card {
   margin-top: 20px;
}

.pr3-accordion .card:first-of-type {
   border-bottom: 1px solid #e7e7e7;
}

.pr3-accordion .card:not(:first-of-type):not(:last-of-type) {
   border-bottom: 1px solid #e7e7e7;
}

.pr3-accordion .card-active {
   border: 1px solid transparent;
   border-bottom: 1px solid transparent !important;
   background-color: transparent;
}

.pr3-accordion .card-active .card-header {
   background: #6afe99;
   border-radius: 3px;
   color: #000;
}

.pr3-accordion .card-active .card-header a {
   color: #000;
}

.pr3-accordion .card-active .card-header a::after {
   content: "-";
}

.pr3-faq-right {
   padding-left: 20px;
}


.bg_absolut_white {
   background-color: #ffffff;
   overflow: hidden;
}

.bg_absolut_white h2 {
   color: #121212;
}

.bg_absolut_white p {
   color: #121212;
   font-size: 18px;
}

.align-items-centrado {
   text-align: center;
   margin: 0 auto;
}

.align-items-centrado h3 {
   text-align: center;
}

.centre_imagen {
   margin: 0 auto;
   padding-top: 150px;
   padding-bottom: 5%;
}

.centre_imagen img {
   width: 70%;
}

.centre_imagen-2 {
   margin: 0 auto;
   padding-top: 150px;
   padding-bottom: 5%;
}

@media (max-width: 575px) {
   .centre_imagen-2 {
      padding-top: 50px;
   }
}

.centre_imagen-2 img {
   width: 100%;
}

.center_50 {

   margin: 0 auto;
}

@media (max-width: 575px) {
   .center_50 {
      width: 100%;
   }
}



.max-width-90 {
   max-width: 90%;
   margin: 0 auto;
}

.max-width-60 {
   max-width: 60%;
   margin: 0 auto;
}

@media (max-width: 575px) {
   .max-width-60 {
      max-width: 90%;
   }
}

.right-image-contain-4 {
   max-width: 420px;
   padding: 20% 0;
}

@media (max-width: 575px) {
   .right-image-contain-4 {
      max-width: 330px;
      padding: 15% 0;
      left: -25px;
      position: relative;
   }
}

.right-image-contain {
   max-width: 700px;
   padding: 10% 0;
}

@media (max-width: 575px) {
   .right-image-contain {
      max-width: 370px;
      padding: 15% 0;
      left: -60px;
      position: relative;
   }
}

.right-image-contain-1 {
   margin-left: -150px;
   margin-bottom: -3px;
   width: auto;
   max-width: 500px;
   z-index: 1;
   padding-top: 150px;
}

@media (max-width: 575px) {
   .right-image-contain-1 {
      margin-left: -110px;
      max-width: 440px;
      padding-top: 20px;
   }
}

.right-image-contain-2 {
   margin-left: -130px;
   margin-bottom: -13px;
   width: auto;
   max-width: 700px;
   z-index: 1;
   padding-top: 150px;
}

@media (max-width: 575px) {
   .right-image-contain-2 {
      margin-left: -20px;
      margin-bottom: -113px;
      width: auto;
      max-width: 300px;
      z-index: 1;
      padding-top: 0px;
      margin-top: -40px;
   }
}

.right-image-contain-2-2 {
   margin-left: -130px;
   margin-bottom: -13px;
   width: auto;
   max-width: 700px;
   z-index: 1;
   padding-top: 100px;
}

@media (max-width: 575px) {
   .right-image-contain-2-2 {
      margin-left: -50px;
      margin-bottom: 20px;
      width: auto;
      max-width: 400px;
      z-index: 1;
      padding-top: 30px;
      margin-top: 10px;
   }
}

.right-image-contain-3 {
   margin-left: 20px;
   margin-bottom: -13px;
   width: auto;
   max-width: 480px;
   z-index: 1;
   padding-top: 150px;
}

@media (max-width: 575px) {
   .right-image-contain-3 {
      margin-left: -20px;
      margin-bottom: -13px;
      width: auto;
      max-width: 250px;
      z-index: 1;
      padding-top: 0;
   }
}

.right-image-contain-k {
   margin-left: 20px;
   margin-bottom: -13px;
   width: auto;
   max-width: 480px;
   z-index: 1;
   padding-top: 150px;
}

@media (max-width: 575px) {
   .right-image-contain-k {
      margin-left: 0px;
      margin-bottom: 7px;
      width: auto;
      max-width: 250px;
      z-index: 1;
      padding-top: 30px;
   }
}

.right-image-contain-3-3 {
   margin-left: 20px;
   margin-bottom: -13px;
   width: auto;
   max-width: 450px;
   z-index: 1;
   padding-top: 150px;
}

@media (max-width: 575px) {
   .right-image-contain-3-3 {
      margin-left: -40px;
      margin-bottom: -13px;
      width: auto;
      max-width: 350px;
      z-index: 1;
      padding-top: 0;
   }
}

.center-title h2 {
   padding: 20% 0;
   margin-top: 0;
}



.left-image-contain {
   padding-top: 100px;
   margin-left: 0px;
   margin-bottom: -30px;
}

@media (max-width: 575px) {
   .left-image-contain {
      padding-top: 20px;
      margin-left: -85px;
      max-width: 420px;
      padding-bottom: 10%;
   }


  
}

.left-image-logo {
   padding: 20% 0;
   margin: 0 auto;
}

@media (max-width: 575px) {
   .left-image-logo {
      max-width: 250px;
      padding: 10% 0;
   }
}

.no-mobile {
   display: inherit;
}

@media (max-width: 575px) {
   .no-mobile {
      display: none;
   }
}

@media (max-width: 575px) {
   button.cta_over_black {
      padding-top: 0;
      margin: 20px auto;
      width: 100%;
   }
}

@media (max-width: 575px) {
   button.cta_over_green {
      padding-top: 0;
   }
}

@media (max-width: 575px) {
   button.cta_over_white {
      padding-top: 0;
   }
}

.credi_top {
   width: 40%;
   height: 30px;
   background-image: url(../img/credicorp-black.svg);
   background-size: contain;
   background-repeat: no-repeat;
   float: right;
   position: relative;
   top: 6px;
   left: -40px;
}

@media (max-width: 575px) {
   .credi_top {
      background-image: url(../img/credicorp-white.svg);
      width: 34%;
      top: 8px;
      left: -46px;
   }
}

li.dropdown:hover>.dropdown-menu {
   display: block;
   background-color: #333333;
}

p.dropdown-menu a:hover {
   color: #000000 !important;
   background-color: #6AFE99;
}

.caret {
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
   border-top: 4px solid;
   border-right: 4px solid transparent;
   border-left: 4px solid transparent;
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
}

.menu-tenpo .navbar-nav li {
   padding: 10px 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
   color: #000000 !important;
   text-decoration: none;
   background-color: #6AFE99;
   border-radius: 0 !important;
}

a.dropdown-item::after {
   border-bottom: none !important;
   color: #000 !important;
}

li.drop p {
   padding-top: 10px;
   padding-left: 20px;
   margin-top: 0px !important;
   margin-bottom: 1px;
   padding-bottom: 10px;
}

ul.dropdown-menu {
   margin: 0 !important;
   padding: 0 !important;
}

.drop a:hover {
   background-color: #6AFE99;
}

.vid-wrap {
   position: relative;
   margin: 100px auto;
}

@media (max-width: 575px) {
   .vid-wrap {
      left: -10px;
      margin: 50px auto;
      top: -50px;
   }
}

button.play {
   cursor: pointer;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: relative;
   width: 50px;
   height: 50px;
   border-radius: 25px;
   border: 2px solid #6AFE99;
   background-color: #000;
   -webkit-transition: width cubic-bezier(0.44, 1, 0.72, 1.19) 0.3s 0.3s, height cubic-bezier(0.44, 1, 0.72, 1.19) 0.3s, background-color ease 0.1s;
   -o-transition: width cubic-bezier(0.44, 1, 0.72, 1.19) 0.3s 0.3s, height cubic-bezier(0.44, 1, 0.72, 1.19) 0.3s, background-color ease 0.1s;
   transition: width cubic-bezier(0.44, 1, 0.72, 1.19) 0.3s 0.3s, height cubic-bezier(0.44, 1, 0.72, 1.19) 0.3s, background-color ease 0.1s;
}

button.play:before {
   content: "";
   width: 0;
   height: 0;
   margin-left: 3px;
   display: block;
   position: absolute;
   border-style: solid;
   border-width: 11px 0 11px 15px;
   border-color: transparent transparent transparent #ffffff;
   -webkit-transition: opacity ease-out 0.1s 0.3s;
   -o-transition: opacity ease-out 0.1s 0.3s;
   transition: opacity ease-out 0.1s 0.3s;
}

button.play:after {
   content: "";
   -webkit-filter: blur(11px);
   filter: blur(11px);
   z-index: -1;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 4px;
   left: -7px;
   border-radius: 30px;
   border: solid 7px #6AFE99;
   -webkit-transition: border ease 0.3s;
   -o-transition: border ease 0.3s;
   transition: border ease 0.3s;
}

button.play:focus {
   outline: none;
}

button.play:active {
   -webkit-transform: scale(0.95);
   -ms-transform: scale(0.95);
   transform: scale(0.95);
}

.vid-wrap.active button.play:active {
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}

.vid-wrap.active button.play {
   pointer-events: none;
   width: 650px;
   height: calc(9/16*650px);
   background-color: rgba(0, 0, 0, 0);
   -webkit-transition: width cubic-bezier(0.44, 1, 0.72, 1.19) 0.3s 0.2s, height cubic-bezier(0.44, 1, 0.72, 1.19) 0.3s 0.5s, background-color ease 0.5s 0.8s;
   -o-transition: width cubic-bezier(0.44, 1, 0.72, 1.19) 0.3s 0.2s, height cubic-bezier(0.44, 1, 0.72, 1.19) 0.3s 0.5s, background-color ease 0.5s 0.8s;
   transition: width cubic-bezier(0.44, 1, 0.72, 1.19) 0.3s 0.2s, height cubic-bezier(0.44, 1, 0.72, 1.19) 0.3s 0.5s, background-color ease 0.5s 0.8s;
}

@media (max-width: 575px) {
   .vid-wrap.active button.play {
      width: 340px;
      height: calc(9/16*400px);
   }
}

.vid-wrap.active button.play:before {
   opacity: 0;
   -webkit-transition: opacity ease-out 0.1s;
   -o-transition: opacity ease-out 0.1s;
   transition: opacity ease-out 0.1s;
}

.vid-wrap.active button.play:after {
   top: -7px;
   border: solid 7px rgba(0, 0, 0, 0.4);
   -webkit-transition: border ease 0.3s 0.3s;
   -o-transition: border ease 0.3s 0.3s;
   transition: border ease 0.3s 0.3s;
}

.iframe-wrap {
   position: absolute;
   border-radius: 25px;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
}

#player {
   position: absolute;
   left: -3px;
   min-height: 250px;
   width: calc(100% + 6px);
   height: 100%;
}

.spark {
   position: absolute;
   list-style-type: none;
   left: 50%;
   top: 0;
   z-index: -1;
}

.spark li {
   position: absolute;
   left: 0;
   top: 0;
   height: 12px;
   width: 2px;
   background: #ffffff;
   -webkit-transition: all ease-out 0s;
   -o-transition: all ease-out 0s;
   transition: all ease-out 0s;
}

.vid-wrap.active .spark li {
   height: 0;
   opacity: 0;
   -webkit-transition: all ease-out 0.4s;
   -o-transition: all ease-out 0.4s;
   transition: all ease-out 0.4s;
}

.vid-wrap .spark li.t {
   -webkit-transform: translate3d(0, 0, 0) rotate(0);
   transform: translate3d(0, 0, 0) rotate(0);
}

.vid-wrap .spark li.tr {
   -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
   transform: translate3d(0, 0, 0) rotate(45deg);
}

.vid-wrap .spark li.r {
   -webkit-transform: translate3d(0, 0, 0) rotate(90deg);
   transform: translate3d(0, 0, 0) rotate(90deg);
}

.vid-wrap .spark li.rb {
   -webkit-transform: translate3d(0, 0, 0) rotate(135deg);
   transform: translate3d(0, 0, 0) rotate(135deg);
}

.vid-wrap .spark li.b {
   -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
   transform: translate3d(0, 0, 0) rotate(180deg);
}

.vid-wrap .spark li.lb {
   -webkit-transform: translate3d(0, 0, 0) rotate(225deg);
   transform: translate3d(0, 0, 0) rotate(225deg);
}

.vid-wrap .spark li.l {
   -webkit-transform: translate3d(0, 0, 0) rotate(270deg);
   transform: translate3d(0, 0, 0) rotate(270deg);
}

.vid-wrap .spark li.lt {
   -webkit-transform: translate3d(0, 0, 0) rotate(315deg);
   transform: translate3d(0, 0, 0) rotate(315deg);
}

.vid-wrap.active .spark li.t {
   -webkit-transform: translate3d(0, -120px, 0) rotate(0);
   transform: translate3d(0, -120px, 0) rotate(0);
}

.vid-wrap.active .spark li.tr {
   -webkit-transform: translate3d(84.85px, -84.85px, 0) rotate(45deg);
   transform: translate3d(84.85px, -84.85px, 0) rotate(45deg);
}

.vid-wrap.active .spark li.r {
   -webkit-transform: translate3d(120px, 0, 0) rotate(90deg);
   transform: translate3d(120px, 0, 0) rotate(90deg);
}

.vid-wrap.active .spark li.rb {
   -webkit-transform: translate3d(84.85px, 84.85px, 0) rotate(135deg);
   transform: translate3d(84.85px, 84.85px, 0) rotate(135deg);
}

.vid-wrap.active .spark li.b {
   -webkit-transform: translate3d(0, 120px, 0) rotate(180deg);
   transform: translate3d(0, 120px, 0) rotate(180deg);
}

.vid-wrap.active .spark li.lb {
   -webkit-transform: translate3d(-84.85px, 84.85px, 0) rotate(225deg);
   transform: translate3d(-84.85px, 84.85px, 0) rotate(225deg);
}

.vid-wrap.active .spark li.l {
   -webkit-transform: translate3d(-120px, 0, 0) rotate(270deg);
   transform: translate3d(-120px, 0, 0) rotate(270deg);
}

.vid-wrap.active .spark li.lt {
   -webkit-transform: translate3d(-84.85px, -84.85px, 0) rotate(315deg);
   transform: translate3d(-84.85px, -84.85px, 0) rotate(315deg);
}

.somos h2 {
   margin-top: 20px;
}

.somos h2 span {
   font-family: "amsipro-regular" !important;
}

.credih {
   max-width: 250px;
   position: relative;
   top: -7px;
   left: 5px;
}

@media (max-width: 575px) {
   .credih {
      max-width: 200px;
      position: relative;
      top: -7px;
      left: 5px;
      display: inline !important;
   }
}

.tenp {
   position: relative;
   top: 40px;
}

.tenp-2 {
   position: relative;
   top: 40px;
   max-width: 760px;
}

@media (max-width: 575px) {
   .tenp-2 {
      position: relative;
      top: 40px;
      max-width: 450px;
      left: -120px;
   }
}

.bgmap {
   background-image: url(../img/credicorp/bg-map.png);
}

.mapkrealo {
   margin: 40px auto;
   position: relative;
   left: -160px;
   top: 30px;
}

@media (max-width: 575px) {
   .mapkrealo {
      margin: 40px auto;
      position: relative;
      left: -47px;
      top: 10px;
   }
}

@media (max-width: 575px) {
   .mapkrealo img {
      max-width: 400px;
   }
}

.max-width-credicorp {
   max-width: 90%;
}

.tenp-3 {
   position: relative;
   top: 0;
   max-width: 650px;
}

@media (max-width: 575px) {
   .tenp-3 {
      position: relative;
      top: 0;
      max-width: 450px;
      left: -120px;
   }
}

.pding-space {
   margin: 2% 0;
}

.section_credi_directorio h2 {
   margin-top: 40px;
}

.credicorp-card .whtbox_credicorp {
   border-radius: 20px;
   overflow: hidden;
   text-align: center;
   width: 100%;
   margin: 30px 0;
   background-color: #fff;
}

.credicorp-card .whtbox_credicorp .header_image_credicorp {
   width: 100px;
   height: 100px;
   margin: 30px auto;
}

.credicorp-card .whtbox_credicorp .content-text-credicorp {
   padding: 20px;
   height: 420px;
}

.credicorp-card .whtbox_credicorp .content-text-credicorp h3 {
   font-size: 18px;
   font-family: "amsipro-regular";
}

.credicorp-card .whtbox_credicorp .content-text-credicorp h3 span {
   font-family: "amsipro-bold";
}

.credicorp-card .whtbox_credicorp .content-text-credicorp p {
   font-size: 14px;
   color: #333;
}

.credicorp-card .whtbox_credicorp .content-text-credicorp p span {
   font-family: "amsipro-bold";
}

.tenpo-card .whtbox_tenpo {
   border-radius: 20px;
   overflow: hidden;
   text-align: center;
   width: 100%;
   margin: 30px 0;
}

.tenpo-card .whtbox_tenpo .header_image_tenpo {
   width: 100px;
   height: 100px;
   margin: 30px auto;
}

.tenpo-card .whtbox_tenpo .content-text-tenpo {
   padding: 20px;
   height: 300px;
}

.tenpo-card .whtbox_tenpo .content-text-tenpo h3 {
   font-size: 18px;
   font-family: "amsipro-regular";
}

.tenpo-card .whtbox_tenpo .content-text-tenpo h3 span {
   font-family: "amsipro-bold";
}

.tenpo-card .whtbox_tenpo .content-text-tenpo p {
   font-size: 14px;
   color: #333;
}

.tenpo-card .whtbox_tenpo .content-text-tenpo p span {
   font-family: "amsipro-bold";
}

.green-bg {
   background: #6AFE99;
   border-radius: 20px;
}

@media (max-width: 575px) {
   .green-bg {
      width: 90% !important;
      margin: 10px auto !important;
   }
}

.green-bg .header_image_tenpo {
   background: #fff;
   border-radius: 50px;
   padding: 20px;
}

.green-bg .card-sizr {
   height: 190px;
}

.icon-modalf {
   background: #6afe99;
   border-radius: 50px;
   padding: 20px;
   width: 100px;
   height: 100px;
   margin: 100px auto;
}

@media (max-width: 575px) {
   .icon-modalf {
      margin: 30px auto;
   }
}

a.btn-recomendaciones {
   background: #000;
   padding: 10px 20px;
   border-radius: 20px;
   width: 100%;
   color: #6afe99;
   bottom: 0;
}

.cupon {
   margin: 100px 0;
}

.cupon .cupon-border {
   padding: 50px;
   border: 2px dashed #6afe99;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.cupon h4 {
   font-size: 22px;
   font-family: "amsipro-regular";
}

.newcaptcha {
   width: 250px;
   float: left;
   margin: 20px 0;
   position: relative;
   left: -160px;
   top: 20px;
   -ms-transform: scale(0.77);
   transform: scale(0.77);
   -webkit-transform: scale(0.77);
   -ms-transform-origin: 0 0;
   transform-origin: 0 0;
   -webkit-transform-origin: 0 0;
}

.message-response--error {
   font-size: 16.5px;
   margin: -12px;
   height: 29px;
   position: absolute;
   bottom: 0px;
   padding-left: 20px;
   padding-right: 20px;
   background: #6afe99 !important;
}

@media (max-width: 575px) {
   .message-response--error {
      bottom: -40px;
   }
}

.banner-paypal {
   padding: 100px 0;
   width: 100%;
}

@media (max-width: 767px) {
   .banner-paypal {
      text-align: center;
   }
}

.banner-paypal h3 {
   font-size: 38px;
   padding-top: 100px;
   padding-bottom: 0px;
}

.banner-paypal h4 {
   font-size: 28px;
}

.banner-paypal img {
   width: 300px;
   max-width: 100%;
   display: block;
   margin: 0 auto;
}

.sixteen p {
   font-size: 16px;
}

.low_ph {
   margin-top: 20%;
}

.low_ph1 {
   margin-top: 1%;
}

.player_youtube {
   position: relative;
   height: 500px;
}

.lowder {
   position: absolute;
   top: 0;
   left: 0;
   opacity: 1;
}

.nowder {
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0;
}

.bg_grain {
   background-color: #f7f7f7;
}

.cup-on {
   border: 2px dashed #6AFE99;
   width: 100%;
   padding: 50px;
   margin: 100px auto;
}

.cup-on .qpon img {
   width: 100px;
}

@media (max-width: 575px) {
   .cup-on .qpon img {
      margin: 10px 0;
   }
}

.cup-on .qpon-form {
   text-align: left;
}

.cup-on .captcha {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-transform: scale(0.77);
   transform: scale(0.77);
   -webkit-transform: scale(0.77);
   -ms-transform-origin: 0 0;
   transform-origin: 0 0;
   -webkit-transform-origin: 0 0;
   width: 250px !important;
   margin: 10px 0;
   position: relative;
   left: 23px;
}

.cup-on form {
   margin-top: 5%;
   margin-bottom: 0px;
}

@media (max-width: 575px) {
   .cup-on form {
      width: 230px;
   }
}

.cup-on form .input-group input {
   padding-left: 20px;
}

@media (max-width: 575px) {
   .cup-on form .input-group input {
      width: 230px;
   }
}

@media (max-width: 575px) {
   .cup-on form {
      left: -30px;
      position: relative;
   }

   .cup-on form .input-group .input-group-text {
      width: 240px !important;
   }
}

.cup-on form .input-group-append {
   margin-top: -20px;
}

.cup-on .message-response--error {
   font-size: 16.5px;
   margin: -12px;
   height: 29px;
   position: absolute;
   bottom: -30px;
   padding-left: 20px;
   padding-right: 20px;
   background: #000 !important;
   color: #fff !important;
}

@media (max-width: 575px) {
   .cup-on .message-response--error {
      width: 239px;
      padding-top: 6px;
      left: 10px;
      font-size: 12px;
      text-align: center;
   }
}

.input-group input {
   padding-left: 20px;
}

@media (max-width: 767px) {
   .navbar-collapse ul {
      height: 100%;
   }

   .dropdown {
      border: none;
      width: 109%;
      left: -25px;
      padding-left: 34px !important;
   }

   .menu-tenpo .navbar-nav:first-of-type {
      border-top: 1px solid #00927e2b;
      padding-top: 30px;
      margin-top: 10px;
   }

   .dropdown-menu {
      border: none;
      background-color: #e6f8f6;
   }

   .dropdown li a:hover {
      color: #00BAA4 !important;
   }


}

.drop-item {
   padding: 0px 5px !important;
}

@media (max-width: 991px) {
   .menu-tenpo .navbar-nav li:after {
      display: none;
   }

   li.dropdown:hover>.dropdown-menu {
      display: block;
      -webkit-box-shadow: none;
      box-shadow: none;
   }

   .b-menu {
      display: none;
   }

   .drop-item {
      padding: 0px !important;
      left: -8px;
   }

   .menu-tenpo .navbar-nav li {
      padding: 20px 0;
   }
}

@media (max-width: 480px) {
   .dropdown-item h2 a:hover {
      color: #ffffff !important;
   }

   .dropdown-item a:hover {
      color: #ffffff !important;
   }

   .menu-tenpo .dropdown-item li a:hover {
      color: #fff !important;
   }

   .dropdown-item {
      width: 50%;
   }

   li.drop h2 {
      padding-left: 0px;
   }
   .section--insurance .container-insur {
      display: block !important;
     
   }
   .section--insurance .card-insur {
   
      width: 100%;
   }
   .section--insurance #frstP {

     margin: 20px 0;
     padding: 0 10px;
  }

}

.seguridad-text h2 {
   margin-top: 10px;
}

.seguridad-text .img-ttle {
   margin: 20px auto;
}

.log-alianza {
   height: 18px;
   position: relative;
   top: -3px;
   margin: 0 7px;
}

.log-alianza-tenp {
   height: 18px;
   height: 22px;
   position: relative;
   top: -2px;
   margin: 0 7px 0 0;
}

.log-alianza-ccapital {
   height: 25px;
   position: relative;
   top: -4px;
   margin: 0 7px;
}

.log-alianza-remitex {
   height: 12px;
   position: relative;
   top: -4px;
   margin: 0 7px;
}

.alianza-text {
   position: relative;
   top: -10px;
}

.alianza-text .black {
   color: #000;
}

.rd {
   margin: 100px 0;
}
.size-img-logo {width: 50%;}



@media (max-width: 575px) {
   .rd {
      margin: 10px 0;
   }
   .size-img-logo {width: 90%;}
   .white-space-no-mob {margin-top: 30px;}
}

img.mark_902 {
   margin: 10px 0;
}

/* seguros */




.tabs.vertical {
   display: table;
   border-spacing: 3px;
 }
 .tabs.vertical ul.tabs-nav {
   display: table-cell;
   width: auto;
 
 }
 .tabs.vertical ul.tabs-nav li {
   display: block;
   margin: 30px 0px;
   border: 2px solid #6afe99;
   color: #6afe99;

 }
 .tabs.vertical ul.tabs-nav li:first-child {
  
 }
 .tabs.vertical ul.tabs-nav li:last-child {
   
 }
 .tabs.vertical .tabs-contents {
  
 }
 
 .tabs ul.tabs-nav {
   list-style-type: none;
   padding: 0;
   margin: 15px 0 3px;
 }
 .tabs ul.tabs-nav li {
   transition: background 100ms ease 0ms;

   display: inline-block;
   font-weight: bold;
   padding: 15px;

   cursor: pointer;
 }
 .tabs ul.tabs-nav li.active {
   background: #6afe99;
   color: #000;
 }
 .tabs ul.tabs-nav li:first-child {

 }
 .tabs ul.tabs-nav li:last-child {

 }
 .tabs .tabs-contents {

   padding: 15px;
   color: #fff;
 }
 .tabs .tabs-contents > div {
   display: none;
 }

.inner-tabs {display: flex !important; position: relative; top: -14px; }
.icons-tabs {background-color: #000; border-radius: 50%; width: 60px; height: 60px; padding: 12px 8px; display: inline-block; border: 2px solid #6afe99; position: relative;}
.icons-tabs img {    max-width: 32px;position: relative; top: -3px;left: 3px;}
.bordie {border-radius: 10px;}
.text-tabs {width: 60%; display: inline-flex; font-size: 16px; line-height: 20px; position: relative; top: 0px; left: 20px;}
.inner-tabs-extension {width: 50%;}
.inner300 { width: 300px;}


h2 {margin-top: 50px;}
.cta_over_black{border-radius: 8px; margin-top: -25px;}
li::marker {color: #6afe99;}

 .autosvg {top: 20px;}

@media (max-width: 575px) {
  
   .autosvg {top: 0;}

   .tabs.vertical {
      display: block;
   
   }
   .inner300 {
      width: 430px;
      position: relative;
      left: 8px;
  }

  .tabs.vertical ul.tabs-nav li {
display: inherit;
   margin: 8px 0px;

}

.tabs ul.tabs-nav li {

   padding: 10px;

}
.text-tabs {
   width: 100%;
   display: inline-flex;
   font-size: 14px;
   line-height: 16px;
   position: relative;
   top: 0px;
   left: 0px;
   text-align: center;
   margin-top: 30px;
}

.icons-tabs {
   background-color: #000;
   border-radius: 50%;
   width: 55px;
   height: 55px;
   padding: 11px 6px;
   display: inline-block;
   border: 2px solid #6afe99;
   position: relative;
   left: 13px;
}
.mobile {display: block; margin-top :50px ;}
.mob-imge-header {    width: 350px;
   margin-top: 37px;}

   .section--header h1 {
   
      font-size: 36px;
  }
  



   }