@charset "UTF-8";
/********
    
    @ESTILOS JHOSEPH ZAMORA
    
    **********/
/**************Declaracion variables Generales***************/
/**************FIN Declaracion variables Generales***************/
/**************Declaracion variables para las Fuentes***************/
/**************FIN Declaracion variables para las Fuentes***************/
/**************Variables Iconos Finandina***************/
/************VARIABLES HIPOTECARIO*************/
/**************FIN Variables Iconos Finandina***************/
/**************Declaracion MIXINS***************/
/**************FIN Declaracion MIXINS***************/
/**************Declaracion variables Queries***************/
/**************FIN Declaracion variables Queries***************/
/**************Llamado de Fuentes***************/
@font-face {
  font-family: 'Open_Sans_Italic';
  src: url("../css/fonts/OpenSans-Italic.eot");
  src: url("../css/fonts/OpenSans-Italic.eot?#iefix") format("embedded-opentype"), url("../css/fonts/OpenSans-Italic.woff") format("woff"), url("../css/fonts/OpenSans-Italic.woff2") format("woff2"), url("../css/fonts/OpenSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Open_Sans_Bold';
  src: url("../css/fonts/OpenSans-Bold.eot");
  src: url("../css/fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../css/fonts/OpenSans-Bold.woff") format("woff"), url("../css/fonts/OpenSans-Bold.woff2") format("woff2"), url("../css/fonts/OpenSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Open_Sans_Semi_Bold';
  src: url("../css/fonts/OpenSans-SemiBold.eot");
  src: url("../css/fonts/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../css/fonts/OpenSans-SemiBold.woff") format("woff"), url("../css/fonts/OpenSans-SemiBold.woff2") format("woff2"), url("../css/fonts/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Open_Sans_Light';
  src: url("../css/fonts/OpenSans-Light.eot");
  src: url("../css/fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../css/fonts/OpenSans-Light.woff") format("woff"), url("../css/fonts/OpenSans-Light.woff2") format("woff2"), url("../css/fonts/OpenSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Open_Sans_Regular';
  src: url("../css/fonts/OpenSans-Regular.eot");
  src: url("../css/fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../css/fonts/OpenSans-Regular.woff") format("woff"), url("../css/fonts/OpenSans-Regular.woff2") format("woff2"), url("../css/fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Finandina_Menu';
  src: url("../css/fonts/finandina-menu.eot");
  src: url("../css/fonts/finandina-menu.eot") format("embedded-opentype"), url("../css/fonts/finandina-menu.woff2") format("woff2"), url("../css/fonts/finandina-menu.woff") format("woff"), url("../css/fonts/finandina-menu.ttf") format("truetype"), url("../css/fonts/finandina-menu.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Fontello';
  src: url("../css/fonts/fontello.eot");
  src: url("../css/fonts/fontello.eot") format("embedded-opentype"), url("../css/fonts/fontello.woff2") format("woff2"), url("../css/fonts/fontello.woff") format("woff"), url("../css/fonts/fontello.ttf") format("truetype"), url("../css/fonts/fontello.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

/**************FIN Llamado de Fuentes***************/
/**************Iconografia***************/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: 'Finandina_Menu';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased; }

.icon-cuenta-ahorros:before {
  content: "";
  color: #0FA35F; }

.icon-credito-vehiculo:before {
  content: "";
  color: #CC0000; }

.icon-libre-inversion:before {
  content: "";
  color: #20D1D1; }

.icon-cdt-inversiones:before {
  content: "";
  color: #68AD10; }

.icon-tarjeta-credito:before {
  content: "";
  color: #A402FC; }

.icon-retomar-solicitud:before {
  content: "";
  color: #FF6C11; }

.icon-menuheader-home:before {
  content: "";
  color: #ED252A; }

.icon-menuheader-arrowdown:before {
  content: "";
  color: #ED252A; }

.icon-menuheader-handup:before {
  content: "";
  color: #ED252A; }

.icon-menuizq-documento:before {
  content: "";
  color: #666; }

.icon-menuizq-enviar-dinero:before {
  content: "";
  color: #666; }

.icon-menuizq-consultas:before {
  content: "";
  color: #666; }

.icon-menuizq-tramites:before {
  content: "";
  color: #666; }

.icon-menuizq-seguridad:before {
  content: "";
  color: #666; }

/**************FIN Iconografia***************/
body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Open_Sans_Regular', sans-serif; }

.btn-general, .btn-general-blanco {
  background: url(https://transacciones.bancofinandina.com/RS/images/registro/flecha-dere.png) 358px 17px no-repeat #ed2529;
  width: 390px;
  height: 50px;
  color: #fff;
  text-align: center;
  border: 0;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  outline: 0;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  margin: 10px auto; }

.nv-head {
  background: transparent -webkit-gradient(linear, left top, right top, from(#048FF7), color-stop(15%, #04A8F5), color-stop(39%, #05CBF4), color-stop(63%, #06E5F2), color-stop(83%, #06F4F2), to(#07FAF2)) 0% 0% no-repeat padding-box;
  background: transparent -webkit-linear-gradient(left, #048FF7 0%, #04A8F5 15%, #05CBF4 39%, #06E5F2 63%, #06F4F2 83%, #07FAF2 100%) 0% 0% no-repeat padding-box;
  background: transparent -o-linear-gradient(left, #048FF7 0%, #04A8F5 15%, #05CBF4 39%, #06E5F2 63%, #06F4F2 83%, #07FAF2 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #048FF7 0%, #04A8F5 15%, #05CBF4 39%, #06E5F2 63%, #06F4F2 83%, #07FAF2 100%) 0% 0% no-repeat padding-box;
  height: 258px;
  width: 100%;
  overflow: hidden;
  position: relative;
  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; }
  .nv-head .nv-cellphone {
    position: absolute;
    right: 0;
    bottom: -4px; }
  .nv-head .nv-check {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
    bottom: -10px; }
  .nv-head .nv-happier {
    position: relative;
    z-index: 99;
    max-width: 350px;
    width: 100%; }
    .nv-head .nv-happier img {
      width: 100%; }
    .nv-head .nv-happier .nv-person p {
      font-size: 22px;
      color: white;
      text-align: center; }
  .nv-head .nv-logo {
    width: 100%;
    position: absolute;
    max-width: 1200px;
    display: block;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-top: 10px; }

@media screen and (max-width: 715px) {
  .nv-head {
    background: transparent -webkit-gradient(linear, left top, right top, from(#048FF7), color-stop(15%, #04A8F5), color-stop(39%, #05CBF4), color-stop(63%, #06E5F2), color-stop(83%, #06F4F2), to(#07FAF2)) 0% 0% no-repeat padding-box;
    background: transparent -webkit-linear-gradient(left, #048FF7 0%, #04A8F5 15%, #05CBF4 39%, #06E5F2 63%, #06F4F2 83%, #07FAF2 100%) 0% 0% no-repeat padding-box;
    background: transparent -o-linear-gradient(left, #048FF7 0%, #04A8F5 15%, #05CBF4 39%, #06E5F2 63%, #06F4F2 83%, #07FAF2 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(90deg, #048FF7 0%, #04A8F5 15%, #05CBF4 39%, #06E5F2 63%, #06F4F2 83%, #07FAF2 100%) 0% 0% no-repeat padding-box;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto; }
    .nv-head .nv-logo {
      position: relative;
      left: auto;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      margin: 10px auto; } }

.nv-all {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 50px; }
  .nv-all .nv-right,
  .nv-all .nv-left {
    max-width: 500px;
    width: 100%; }

.nv-one-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .nv-one-text img {
    margin-right: 20px; }
  .nv-one-text p {
    max-width: 400px; }

.nv-options-rigth div:first-child p {
  font-weight: bold; }

.buttom-primary {
  max-width: 340px;
  width: 100%;
  margin: auto; }
  .buttom-primary img {
    width: 100%; }

.nv-check img {
  margin-left: 16%;
  width: 267px;
  height: 203px; }

@media screen and (max-width: 715px) {
  .nv-check img {
    display: none; }
  .nv-right {
    margin-top: 50px; }
  .nv-all {
    width: 90%;
    margin: auto; } }

.nv-cellphone img {
  margin-top: -251;
  margin-left: 889px;
  width: 385px;
  height: 280px;
  opacity: 1; }

@media screen and (max-width: 715px) {
  .nv-cellphone img {
    display: none; } }

/* elementos a la izquierda */
.nv-text-left {
  margin-top: 8px;
  margin-left: 1px;
  width: 473px;
  height: 43px;
  text-align: left;
  letter-spacing: 0px;
  color: #707070;
  font-size: 17px;
  opacity: 1;
  font-family: 'Open Sans', sans-serif; }

@media screen and (max-width: 715px) {
  .nv-text-left {
    width: 321px;
    height: 43px;
    text-align: left;
    letter-spacing: 0px;
    color: #707070;
    opacity: 1; } }

.nv-button {
  width: 140px;
  height: 164px;
  background: #FFFF 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0px 5px 10px #00000012;
  box-shadow: 0px 5px 10px #00000012;
  border-radius: 14px;
  opacity: 1;
  display: -ms-inline-grid;
  display: inline-grid;
  margin-left: 20px; }

@media screen and (max-width: 715px) {
  .nv-button {
    margin: 10px auto;
    width: 100%;
    height: 71px;
    background: #FFFF 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 5px 10px #00000012;
    box-shadow: 0px 5px 10px #00000012;
    border-radius: 14px;
    opacity: 1; } }

.nv-button img {
  width: 51px;
  height: 51px;
  opacity: 1;
  margin: 10px auto; }

.nv-buttons-left {
  margin-top: 20px; }

@media screen and (max-width: 715px) {
  .nv-button img {
    margin-top: 7px;
    margin-left: 10px;
    width: 51px;
    height: 51px;
    opacity: 1; } }

.nv-button p {
  margin-top: 8px;
  width: 100%;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  text-align: center; }

@media screen and (max-width: 715px) {
  .nv-button p {
    margin-top: -45px;
    margin-left: 70px;
    width: 28px;
    height: 19px;
    text-align: center;
    font: Regular 14px/26px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0px;
    color: #707070;
    opacity: 1;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap; } }

.nv-button h1 {
  margin-left: auto;
  width: 100%;
  height: 40px;
  text-align: center;
  font: Bold 15px/14px Open Sans;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1; }

@media screen and (max-width: 715px) {
  .nv-button h1 {
    margin-top: -4px;
    margin-left: 70px;
    width: 210px;
    height: 22px;
    text-align: left;
    font: Bold 16px/18px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0px;
    color: #707070;
    opacity: 1;
    margin-top: -30px; } }

.nv-hr-left hr {
  width: 45%;
  color: red;
  background-position: center;
  margin-top: -7px;
  margin-bottom: -3px;
  border-color: aqua;
  border-style: solid; }

@media screen and (max-width: 715px) {
  .nv-hr-left hr {
    display: none; } }

.nv-items-nv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.nv-items {
  width: auto;
  -webkit-box-shadow: 0px 0px 0px #00000012;
  box-shadow: 0px 0px 0px #00000012;
  opacity: 1;
  display: -ms-inline-grid;
  display: inline-grid;
  text-align: center;
  margin-left: 0;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .nv-items img {
    margin-right: 10px; }

.nv-items p {
  font-family: 'Open Sans', sans-serif;
  color: #707070;
  opacity: 1;
  font-size: 12.2; }

.nv-items h1 {
  font: Bold 16px/22px;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
  font-size: 16px;
  margin-top: 9px; }

.hr-left hr {
  width: 63%;
  margin-bottom: -5px;
  margin-top: -5px;
  border-color: aqua;
  border-style: solid; }

@media screen and (max-width: 715px) {
  .nv-items-nv {
    text-align: center; } }

.new-text p {
  margin-top: 15px;
  width: 393px;
  height: 21px;
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
  font-size: 17px; }

@media screen and (max-width: 715px) {
  .new-text p {
    width: 367px;
    height: 48px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0px;
    color: #707070;
    opacity: 1;
    font-size: 19px; } }

.nv-img-donw img {
  margin-top: 5px;
  width: 41px;
  height: 34px;
  opacity: 1; }

@media screen and (max-width: 715px) {
  .nv-img-donw img {
    width: 41;
    opacity: 1; } }

.bank-n {
  margin-top: -49px;
  margin-left: 55px;
  width: 393px;
  height: 21px;
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1; }

@media screen and (max-width: 715px) {
  .bank-n {
    width: 215px;
    height: 19px;
    text-align: left;
    font: Regular 14px/16px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0px;
    color: #707070;
    opacity: 1;
    font-size: 14px; } }

.bank-number p {
  margin-top: 6px;
  margin-left: 129px;
  width: 174px;
  height: 24px;
  text-align: left;
  font: Bold 16px/22px Open Sans;
  letter-spacing: 0px;
  color: #707070; }

@media screen and (max-width: 715px) {
  .bank-number p {
    margin-left: 100px;
    width: 174px;
    height: 24px;
    text-align: left;
    font: Bold 16px/22px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0px;
    color: #707070; } }

.other-text {
  width: 450px;
  height: 28px;
  text-align: left;
  font: Bold 10px/14px;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1; }

@media screen and (max-width: 715px) {
  .other-text {
    width: 331px;
    height: 28px;
    text-align: left;
    font: Bold 10px/14px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0px;
    color: #707070;
    opacity: 1; } }

.img-wha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-decoration: none; }
  .img-wha img {
    margin-right: 10px;
    width: 44px; }

#modalGifCargaPagare {
  display: none; }

.icono-morado-uno {
  width: 51px;
  height: 51px;
  opacity: 1;
  margin: 10px auto; }

.icono-morado-dos {
  width: 51px;
  height: 51px;
  opacity: 1;
  margin: 10px auto; }

.icono-morado-tres {
  margin-left: 20px;
  width: 51px;
  height: 51px;
  opacity: 1;
  margin: 10px auto; }

.hr-morado {
  width: 45%;
  background-position: center;
  margin-top: -7px;
  margin-bottom: -3px;
  border-color: mediumpurple;
  border-style: solid; }

.container-morado .nv-head {
  background: transparent -webkit-gradient(linear, left top, right top, from(#A703F6), to(#F7276C)) 0% 0% no-repeat padding-box;
  background: transparent -webkit-linear-gradient(left, #A703F6 0%, #F7276C 100%) 0% 0% no-repeat padding-box;
  background: transparent -o-linear-gradient(left, #A703F6 0%, #F7276C 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #A703F6 0%, #F7276C 100%) 0% 0% no-repeat padding-box; }

.container-morado .nv-hr-left hr,
.container-morado .hr-left hr {
  border-color: #A703F6; }