/*
 * 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;
    }

    body {
        background-color: #e89b6d;
    }

    .gracias {
        display: flex;
        justify-content: center;

    }

    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;
    }

    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) {
  
    .title-intro {
      margin-top: 80px;
    }

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

    .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;
    }

    .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;
    }

    .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;
    }
  
    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) {
  
    .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;
      margin-top: 150px;
    }
  
    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) {
    
  }