/*
 * Legal Disclaimer
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * banregio.com
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2018
 */

    @font-face {
        font-family: "book";
        src: url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-book.eot");
        src: url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-book.eot?#iefix") format("embedded-opentype"),
            url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-book.woff2") format("woff2"),
            url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-book.woff") format("woff");
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: "bold";
        src: url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-bold.eot");
        src: url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-bold.eot?#iefix") format("embedded-opentype"),
            url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-bold.woff2") format("woff2"),
            url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-bold.woff") format("woff");
        font-weight: bold;
        font-style: bold;
    }
  
  
    html {
        scroll-behavior: smooth !important;
        overflow-x: hidden;
        margin-right: -8px;
    }

    .gracias {
        display: flex;
        justify-content: center;
        background-color: #393939;

    }

    .selecciona {
        margin-top: 80px;
        text-align: center;
    }


    .nafin-beneficios {
        display: flex;
        justify-content: center;
        margin-top: 100px;
    }

    .requisitos {
      margin-top:100px;
      margin-bottom: 100px;
    }

    a.button {
      color:#fff !important;
      background-color: #fb6830;
      border-radius: 20px;
      padding: 3px 10px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-family: "bold";
      font-size: 18px;
    }


    .form-control {
      display: block;
      width: 100%;
      height: 55px;
      padding: 6px 12px;
      font-size: 20px;
      line-height: 1.42857143;
      color: #555;
      background-color: #f5f5f5;
      background-image: none;
      border: 1px solid #ccc;
      border-radius: 20px;
      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      font-family: book;
    }

    a, a:hover {
        color: #333333;
    }

    .puntos-tab {
        margin-top: 140px;
        text-align: left;
        margin-bottom: 140px;
    }

    ul.naranja {
        list-style: none;
    }

    ul.naranja li::before {
        color: #fe661b;
        content: "\2022";
        width: 1em;
        margin-left: -1em;
        display: inline-block;
    }

    .legales {
      color: #989797;
      font-family: book;
    }
    
    a {
      color:#fff;
    }
    
    a:hover {
      font-weight: 500;
      color: #fff;
      text-decoration: none;
    }

    footer {
      background-color: #ff671d !important;
      color: #fff;
      display: flex;
      }
      
    .footer-text {
    font-size: 14px;
    text-align: right;
    padding: 30px 70px
    }
    
    .footer-image {
    margin-top: 75px;
    }


  
@media(min-width:200px) {
    .bg {
      background-image: url(https://image.hola.banregio.com/lib/fe4215707564057b751673/m/2/f1ae6413-6fdc-41d6-b798-bf52c9ceade9.jpg);
      background-repeat: no-repeat;
      background-position: 30% center;
      height: 900px;
    }
  
    .title-intro {
      margin-top: 80px;
    }

    .margin-mobile {
      text-align: center;
      margin-top: 30px;
    }

    .estados {
      margin-top: 30px;
		margin-bottom:100px;
  }

    .nav-tabs.nav-justified>li>a {
      border-bottom: 1px solid #ddd;
      border-radius: 4px 4px 0 0;
      background-color: #f7f17d;
      color: #333333;
      min-height: 230px;
      margin: 0 5px;
      display: flex;
      align-items: center;
    }

    .nav-tabs.nav-justified {
        display: inline-flex;
    }

    .puntos-tab>ul>li {
      font-size: 20px;
    }

    .puntos-tab>p {
        font-size: 13px;
    }
  
    .mg-l-50 {
      padding-right: 0%;
    }
  
    .circle-down {
      display: none;
    }
  
    .circle-down-m {
      text-align: center;
      background-color: #fff;
      height: 30px;
      width: 30px;
      border-radius: 30px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 30px;
      color: #000;
      display:block;
    }
  
    h1 {
      font-family:'bold';
      font-size: 50px;
      color: #fff;
      text-align: center;
      margin-top: 100px;
    }
  
    h2 {
      font-family:'book';
      color: #fff;
      font-size: 28px;
      text-align: center;
    }
  
    h3 {
        font-size: 35px;
        color: #fe661b;
        font-family: 'bold';
        padding-left: 10px;
        text-align:left;
    }
  
    h4 {
        font-size: 25px;
        color: #333333;
        font-family: 'bold';
        padding-left: 10px;
    }

    p.txt-intro-beneficios {
      font-size: 25px;
      text-align: center;
      margin-bottom: 80px;
    }
  
    .medallia_container_movil {
      position: fixed;
      z-index: 100;
      bottom: 20%;
      right: 0;
      background-color: #1c1d1c;
      padding: 18px;
      font-family: "bold";
      -webkit-box-shadow: 0px 4px 16px -2px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 4px 16px -2px rgba(0,0,0,0.75);
      box-shadow: 0px 4px 16px -2px rgba(0,0,0,0.75);
    }   
    
    p {
      font-family:'book';
      font-size: 20px;
      color: #fff;
    }

    p.porcentajes {
      font-family: bold;
      font-size: 25px;
    }
    
    li {
      font-family: "book";
      font-size: 20px;
    }
  
    .hidden-sm {
      display: none !important; 
  
    }
    .show-sm {
      display: block !important;
    }
  
    .ayuda {
      margin-top: 50px;
      padding: 100px 15px;
      background-color: #f7f7f8;
    }
  
    .footer-text
    {
      text-align: center;
    }
    .footer-image 
    {
      margin-top: 30x;
      text-align: center;
    }
  }
  
  @media(min-width:360px) {
    
  }
  
  @media(min-width:375px) {  
  }
  
  @media (min-width:414px) {
  }
  
  @media (min-width:600px) {
  
    .hidden-sm {
        display: block !important;
    }
    
    .show-sm {
        display: none !important;
    }
  }
  
  @media (min-width:768px) {
    
    .title-intro {
      margin-top: 200px;
    }
  
  
    h2 {
      font-size: 30px;
    }

    .nav-tabs.nav-justified {
        display: block;
    }
  

    .puntos-tab>ul>li {
      font-size: 25px;
    }

    .puntos-tab>p {
        font-size: 14px;
    }
  
    p {
      font-family:'book';
      font-size: 22px;
    }

    p.txt-intro-beneficios {
      font-size: 30px;
      margin-bottom: 70px;
    }

    p.porcentajes {
      font-family: bold;
      font-size: 30px;
    }
  
    li {
      font-family: "book";
      font-size: 22px;
    }

    .mt-farmacias {
      margin-top: 20px;
    }
    
    .footer-text {
      font-size: 14px;
      text-align: right;
      padding: 30px 70px
    }
    
    .footer-image {
      margin-top: 75px;
    }
  }
  
  @media (min-width:990px) {
    .bg {
      height:900px;
      background-position: 90% bottom;
    }
  
    .circle-down {
      text-align: center;
      background-color: #fff;
      height: 30px;
      width: 30px;
      border-radius: 30px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 50px;
      color: #000;
      display: block;
    }
  
    .circle-down-m {
      display: none;
    }

    .nav-tabs.nav-justified>li>a {
      min-height: 80px;
      display: block;
    }

    .margin-mobile {
      text-align: left;
      margin-top: 0px;
    }

    .estados {
      margin-top: 100px;
  }
  
  h1 {
      font-size: 100px;
    }
  
    h3 {
        font-size: 50px;
    }
  
    h4 {
        font-size: 35px;
    }
  
    .ayuda {
      margin-top: 100px;
    }
    
  }
  
  @media (min-width:1024px) {
  }
  
  @media (min-width:1100px) {
  }
  
  @media (min-width:1500px) {
  }
  
  @media (min-width:2000px) {
    
  }