.fontOl {
            font-size: 18px;
        }

        .single-feature-area.style-2 {
            background: none !important;
        }

        #servicios .icon-wallet, #servicios h3 span {
            color: #ffaf02;
        }

        #servicios h3{
            color: #FFF;
        }

        #objetivos h3 span {
            color: #292929;
        }

        .single-accordion h6 a.collapsed{
            background-color: #ffaf02 !important;
            color: #292929 !important;
            border-bottom: 3px solid #292929 !important;
        }

        #btn_float {
            background: linear-gradient(to right, #0d104d, #28408b);
            transition: background 0.25s ease;
            -webkit-transition: background 0.25s ease;
            z-index: 999;
            /*padding: 0 20px 0 70px;*/
            color: white;
            letter-spacing: 1px;
            /*text-transform: uppercase;*/
            text-decoration: none;
            /*height: 50px;*/
            /*line-height: 50px;*/
            overflow: hidden;
            border-radius: 3px;
            transition: background-color 250ms linear;
            position: fixed;
            /*top: 160px;*/
            top: 50px;
            left: 0px;
            opacity: 0.7;
        }

        #btn_float:hover {
            background: #292929;
            opacity: 0.9;
        }

        /* The Modal (background) */
        .modal {
          display: none; /* Hidden by default */
          position: fixed; /* Stay in place */
          z-index: 99999; /* Sit on top */
          left: 0;
          top: 0;
          width: 100%; /* Full width */
          height: 100%; /* Full height */
          overflow: auto; /* Enable scroll if needed */
          background: linear-gradient(to right, #0d104d, #28408b);
          padding-top: 50px;
        }

        /* Modal Content/Box */
        .modal-content {
          background-color: #fefefe;
          margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
          border: 1px solid #888;
          width: 80%; /* Could be more or less, depending on screen size */
        }

        /* Style the horizontal ruler */
        hr {
          border: 1px solid #f1f1f1;
          margin-bottom: 25px;
        }
         
        /* The Modal Close Button (x) */
        .close {
          position: absolute;
          right: 35px;
          top: 15px;
          font-size: 40px;
          font-weight: bold;
          color: #f1f1f1;
        }

        .close:hover,
        .close:focus {
          color: #f44336;
          cursor: pointer;
        }

        /* Clear floats */
        .clearfix::after {
          content: "";
          clear: both;
          display: table;
        }

        .container2 {
          border: 2px solid #ccc;
          background: linear-gradient(to right, #0d104d, #28408b);
          border-radius: 5px;
          padding: 16px;
          margin: 16px 0
        }

        .container2::after {
          content: "";
          clear: both;
          display: table;
        }

        .container2 img {
          float: left;
          margin-right: 20px;
          border-radius: 50%;
        }

        .container2 span {
          font-size: 20px;
          margin-right: 15px;
          color: #FFF;
        }

        div#divBillpocket {
          display: none;
        }

        .buttonMiembro {
          background-color: #17a5df; /* Green */
          border: none;
          color: white;
          padding: 15px 32px;
          text-align: center;
          text-decoration: none;
          display: inline-block;
          font-size: 16px;
          margin: 4px 2px;
          cursor: pointer;
          -webkit-transition-duration: 0.4s; /* Safari */
          transition-duration: 0.4s;
        }

        .button1Miembro {
          box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
        }

        .custom {
            margin: 0;
            padding: 0;
            list-style-type: none;
            counter-reset: step-counter calc(var(--start) - 1);
          }

          .custom li {
            counter-increment: step-counter;
            margin-bottom: 10px;
          }

          .custom li::before {
            content: counter(step-counter);
            margin-right: 5px;
            font-size: 80%;
            background-color: rgb(255,175,2);
            color: #000000;
            font-weight: bold;
            padding: 3px 8px;
            border-radius: 3px;
          }

        @media (max-width: 500px) {
          .container2 {
              text-align: center;
          }
          .container2 img {
              margin: auto;
              float: none;
              display: block;
          }
        }

        /* Change styles for cancel button and delete button on extra small screens */
        @media screen and (max-width: 300px) {
          .cancelbtn, .deletebtn {
             width: 100%;
          }
        }