@font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?');
    src:  url('fonts/icomoon.eot?') format('embedded-opentype'),
      url('fonts/icomoon.ttf?') format('truetype'),
      url('fonts/icomoon.woff?') format('woff'),
      url('fonts/icomoon.svg?') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak-as: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-home:before {
    content: "\e905";
  }
  .icon-business:before {
    content: "\e900";
  }
  .icon-commerce:before {
    content: "\e901";
  }
  .icon-contact:before {
    content: "\e902";
  }
  .icon-user:before {
    content: "\e904";
  }
  

body {
    background-color: #F7F7F7 !important;
}
p {
    font-size: 14px;
    font-weight: 400;
}

a:visited {
  color: none;
  border-color: none;
}

.font-size-18 {
    font-size: 18px !important;
}

.hidden {
    overflow: hidden;
}

.preload {
    height: 100vh;
    background-color: #ff1e2f;
    display: flex;
    justify-content: center;
    align-items: center;
}

.preload img {
    width: 170px;
}

.preload-blue {
    height: 100vh;
    background-color:#299be8;
    display: flex;
    justify-content: center;
    align-items: center;
}

.preload-blue img {
    width: 170px;
}

.display-none {
    display: none !important;
}

.red-amipass {
    color: #FF1E2F ;
}
.gray-amipass {
    color:#626262 !important;
}

.blue-amipass {
    color:#299be8 !important;
}

.blue-amipass-border {
    border-color:#299be8 !important;
}

.blue-amipass-bg {
    background-color:#299be8 !important;
}

.bg-white {
    background-color: white !important;
}
.bg-red {
    background-color: #FF1E2F !important;
}

.bg-gray {
    background-color: #f9f9f9!important;
}

.bg-gris {
    background-color: #777777!important;
}

.pt-26 {
    padding-top: 26px !important;
}

.pt-110 {
    padding-top: 110px !important;
}

.pt-48 {
    padding-top:48px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-12 {
    padding-top: 12px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-90 {
    padding-top: 90px !important
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-0 {
    padding-top:0 !important;
}
.pb-10  {
    padding-bottom:10px !important;
}

.pb-30  {
    padding-bottom:30px !important;
}

.pb-48  {
    padding-bottom:48px !important;
}


.pb-60 {
    padding-bottom:60px !important;
}
.pl-0 {
    padding-left: 0px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}


.mt-10 {
    margin-top:10px !important;
}

.mt-20 {
    margin-top:20px !important;
}

.mt-25 {
    margin-top:25px !important;
}

.mt-35 {
    margin-top : 35px !important;
}

.mt-55 {
    margin-top : 55px !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}

.mb-010 {
    margin-bottom: -10px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-16 {
    margin-bottom:16px!important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}
.m-auto {
    margin: 0 auto !important;
}

.ml-20 {
    margin-left: 20px !important;
}


.text-center {
    text-align: center;
}

.text-white  {
    color: white !important;
}

.border-10 {
    border-radius:10px !important;
}
.border-50 {
     border-radius:200px
}
.bg-red {
     background-color:#FF1E2F !important;
}

.bg-blue {
    background-color: #299be8 !important;
}

.m-p-0 {
    margin: 0px !important;
    padding: 0px !important;
}

.font-20 {
    font-size: 20px !important;
}

.shadow-b {
box-shadow: 0px 4px 0 #33333303;
 -webkit-box-shadow: 0px 4px 0 #33333303;
 -moz-box-shadow: 0px 4px 0 #33333303;
}
.menu-m {
    display: flex;
    position:fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    width: auto;
    height:46px;
    background-color: white;

}

.right {
    margin-top: 5px;
}
.menu-m .left img {
    width: 103px;
    height: auto;    
    margin-top: 3px;
    display: table;
}

.menu-m .right {
    right: 20px;
    display: flex;
    position: absolute;
    margin-top: 12px;
}

.menu-m .left {
    left: 36px;
    display: block;
    position: absolute;/*
    -webkit-transform: translate(10px, -7px);
    -moz-transform: translate(10px, -7px);
    -ms-transform: translate(10px, -7px);
    -o-transform: translate(10px, -7px);
    transform: translate(10px, -7px); */
}
 .login {
    padding-left: 8px;
    padding-right: 6px;
    padding-bottom: 5px;
    padding-top: 1px;
    color: white;
    border-radius: 50px;
    width: auto;
    height: auto;    
    display: inline-table;
 }

 .login :hover {
    background-color:#dc1c2b;
    color:white;
}

 .login a { 
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
     color: white;
     text-decoration: none;
     padding-left: 10px;
     padding-right: 5px;
 }
.login i {
    font-size: 12px;
}

.menu-f {
    display: flex;
    position:fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    width: auto;
    height:70px;
    background-color:#FF1E2F;
    text-align: center;

}

button.mf {
    background-color: #ff1e2f;
    border: none;
    color: white;
    font-size: 10px;
    font-weight: 500;
    height: 63px;
}

button.mf:hover {
    background-color: white !important;
    border: none;
    color: #ff1e2f !important;
    fill: #ff1e2f !important;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.menu-f-blue {
    display: flex;
    position:fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    width: auto;
    height:70px;
    background-color:#299be8;
    text-align: center;

}

button.mf-blue {
    background-color: #299be8;
    border: none;
    color: white;
    font-size: 10px;
    font-weight: 500;
    height: 63px;
}

button.mf-blue:hover {
    background-color: white !important;
    border: none;
    color: #299be8 !important;
    fill: #299be8 !important;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

button.md {
    background-color: transparent;
    border: 5px;
    color: #4C4C4C;
    font-size: 16px;
    font-weight: 400;
    margin-right:64px;
    margin-top: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 15px;
    padding-right: 15px;
}

button.md:hover {
    border: none;
    color:white;
    background-color: #ff1e2f !important;
    border-radius: 50px;
}

button.md-blue {
    background-color: transparent;
    border: none;
    color: #4C4C4C;
    font-size: 16px;
    font-weight: 400;
    margin-right:64px;
    margin-top: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 15px;
    padding-right: 15px;
}

button.md-blue:hover {
    border: none;
    color:white;
    background-color:#299be8 !important;
    border-radius: 50px;
}


button .mf {
    color: red !important;
    background-color: white;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}


.img-menu-bottom {
    padding-bottom: 4px;
}

.row .mf {
    padding-left: 4%;
    padding-right:4%;
    padding-top:5px;
    padding-bottom:65px;
}

.row .mf-blue {
    padding-left: 4%;
    padding-right:4%;
    padding-top:5px;
    padding-bottom:65px;
}

.menu-f img {
    width: 28px;
}

.menu-f span {
    font-size: 34px;
    font-weight: 500;  
}

.menu-f-blue img {
    width: 28px;
}

.menu-f-blue span {
    font-size: 34px;
    font-weight: 500;  
}


.i-am-centered { 
    display: table;
    margin: 0 auto;
    width: 100%;
}

.button-menu i.fas.fa-bars {
    padding-left: 10px;
    margin-top: 2px;
    font-size: 20px;
}

.button-menu-blue i.fas.fa-bars {
    padding-left: 10px;
    margin-top: 2px;
    font-size: 20px;
}

.slider {
    margin-top: 46px;
}
.slider img {
    width: 100%;
}

.titleprimary {
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 10px;    
    width: -webkit-fill-available;
    margin-left: 17px;
    margin-right: 17px;
}

.title {
    padding-top: 10px;
}

.description {
    /* width: 100%; */
    margin-bottom: 5px;
}

div .title span {    
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #4C4C4C;
}

div .description span {    
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #a1a1a1;
}

div .item img {
    
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.icon-business-bottom {
    width: 52px;
    height: auto;
    position: relative;
    

}

/** control de iconos comercio **/
.owl-dots {
    display: none;
}

.pay-app {
    margin-top: 10px;
    height: auto;
}

.img-mobile-app {
    width:165px;
    height:auto;
    right:0;
    display: flex;
    position: absolute;
    padding-top: 44px;
}

.img-mobile-app-blue {
    width:165px;
    height:auto;
    right:0;
    display: flex;
    position: absolute;
}


.img-usuario-1 {
    width:310px;
    height:auto;
    margin: 0 auto;
    display: flex;
}

.img-desktop-app {
    width:490px;
    height:auto;
    display: block;
    margin:0 auto;
}

.img-desktop-app-pos {
    width:auto;
    height:auto;
    display: block;
    margin:0 auto;
    padding-top: 5px;
}

.img-desktop-app-blue1 {
    width: 490px;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-top: 40px;
}

.img-desktop-app-blue-2 {
    width: 348px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.title-li {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.p-li {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 400;
}

p.p-li {
    padding-top: 9px;
    margin-left: 5px;
    margin-right: 20px;
    line-height: 17px;
}

.block-d{
    margin-left:10px;
    text-align: left;
}

.info-contact {
    background-color: #FF1E2F !important;
    color:white !important;
    font-family: 'Montserrat', sans-serif;
}

.info-contact-blue {
    background-color: #299be8 !important;
    color:white !important;
    font-family: 'Montserrat', sans-serif;
}

.title-contact {
    
    font-size: 14px;
    font-weight: 600;
    line-height: 1.1;
}

.description-contact {
    font-size: 12px;
    font-weight: 500;
    padding-top: 5px;
    line-height: 1.1;
}

.description-contact-2 {
    font-size: 10px;
    font-weight: 400;
    padding-top: 5px;
    line-height: 1.1;
}

.icon-social {
    width: 30px;
    height: auto;
    padding-top: 7px;
}

.menu-footer-text {
    font-size: 12px;
    font-weight: 500;
    padding-top: 5px;
    line-height: 1.1;
    display:grid;
    text-align: center;
}

.menu-footer-text-blue {
    font-size: 12px;
    font-weight: 500;
    padding-top: 5px;
    line-height: 1.1;
    display:grid;
    text-align: center;
}

footer {
    color:white;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 400;
}

footer span {
    padding-bottom: 12px;
}

.menu-footer-copyright {
    font-size: 10px;
    text-align: center;
    padding-bottom: 25px;
}

/** Animation button ingresa begin**/

.call-animation {
    background: #FF1E2F;
    width: 90px;
    height: 23px;
    border-radius: 50px;
    animation: play 2s ease infinite;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    padding-top: 1px;
    padding-left: 9px;
  
}

@keyframes play {

    0% {
        transform: scale(1);
    }
    15% {
        box-shadow: 0 0 0 1px rgba(255, 30, 47, 0.2);
    }
    25% {
        box-shadow: 0 0 0 2px rgba(255, 30, 47, 0.2), 0 0 0 5px rgba(255, 30, 47, 0.1);
    }
    25% {
        box-shadow: 0 0 0 7px rgba(255, 30, 47, 0.2), 0 0 0 12px rgba(255, 30, 47, 0.1);
    }

}

.call-animation-blue {
    background: #299be8;
    width: 90px;
    height: 23px;
    border-radius: 50px;
    animation: playblue 2s ease infinite;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    padding-top: 1px;
    padding-left: 9px;
  
}


@keyframes playblue {

    0% {
        transform: scale(1);
    }
    15% {
        box-shadow: 0 0 0 1px rgba(41, 155, 232, 0.2);
    }
    25% {
        box-shadow: 0 0 0 2px rgba(41, 155, 232, 0.2), 0 0 0 5px rgba(41, 155, 232, 0.1);
    }
    25% {
        box-shadow: 0 0 0 7px rgba(41, 155, 232, 0.2), 0 0 0 12px rgba(41, 155, 232, 0.1);
    }

}

.call-animation-blue:hover {
    background: #2789cc;
  
}

.call-animation-download {
    background: #26C800;
    border-radius: 50px;
    padding-left: 10px;
    padding-right: 11px;
    padding-bottom: 5px;
    padding-top: 2px;
    border-radius: 50px;
   /* animation: playdownload 2s ease infinite;*/
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    padding-top: 6px;
    padding-left: 11px;
    width: max-content;
  
}

@keyframes playdownload{

    0% {
        transform: scale(1);
    }
    15% {
        box-shadow: 0 0 0 1px rgba(34, 177, 0, 0.2);
    }
    25% {
        box-shadow: 0 0 0 2px rgba(34, 177, 0, 0.2), 0 0 0 5px rgba(34, 177, 0, 0.1);
    }
    25% {
        box-shadow: 0 0 0 7px rgba(34, 177, 0, 0.2), 0 0 0 12px rgba(34, 177, 0, 0.1);
    }

}

.call-animation-download a{
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    text-decoration: none;

}

.call-animation-download:hover {
    background-color: #26C800;
}

/** Animation button ingresa end**/



/** Modal login begin **/

.modal-content-login {
    width: 299px;
    height: 395px;
    background-color: white;
    text-align: center;
    border-radius: 5px;
}

.modal-title {
    line-height: 1.42857143;
    font-family: 'Montserrat', sans-serif;
}

.modal-header .close {
    position: relative;
    z-index: 99;
}


.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.remember-checkbox label {
    position: relative;
    padding-left: 30px;
    font-size: 14px;
    cursor: pointer;
}

.description-login {
    line-height: normal;
}

input#two {
    font-size: 2px;
}


/** Modal login end **/

.menu-footer-text ul li {
    list-style: none;
}

.menu-footer-text ul li a {
    color: white;
}

.menu-footer-text ul li a:hover{
    color: red;
    background-color: white;
    border-radius:50px;
    text-decoration: none;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.menu-footer-text-blue ul li {
    list-style: none;
}

.menu-footer-text-blue ul li a {
    color: white;
}

.menu-footer-text-blue ul li a:hover{
    color: #299be8;
    background-color: white;
    border-radius:50px;
    text-decoration: none;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.logo-footer img {
    width: 136px;
    padding-bottom: 10px;
}

.p-footer {
    font-size: 12px;
    line-height: 1.2;
}


.p-title  {
    line-height: 1;
    font-size: 14px;
}

.button-pass-red {
    background-color: #ff1e2f;
    border: none;
    color: white;
    border-radius:50px;
    text-decoration: none;
    padding-top: 1px;
    padding-bottom: 3px;
    padding-left: 15px;
    padding-right: 15px;
}

.button-pass-red:hover {
    background-color: white;
    border: 1px solid #FF1E2F;
    color: #ff1e2f;
    border-radius:50px;
    text-decoration: none;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.button-pass-white {
    background-color: white;
    border: none;
    color: #ff1e2f;
    border-radius:50px;
    text-decoration: none;
    padding-top: 1px;
    padding-bottom: 3px;
    padding-left: 15px;
    padding-right: 15px;
}

.button-pass-white:hover {
    background-color: #FF1E2F;
    border: 1px solid white;
    color: white;
    border-radius:50px;
    text-decoration: none;
    padding-top: 1px;
    padding-bottom: 3px;
    padding-left: 15px;
    padding-right: 15px;
}


.button-passblue-white {
    background-color: white;
    border: none;
    color: #299be8;
    border-radius:50px;
    text-decoration: none;
    padding-top: 1px;
    padding-bottom: 3px;
    padding-left: 15px;
    padding-right: 15px;
}

.button-passblue-white:hover {
    background-color: #299be8;
    border: 1px solid white;
    color: white;
    border-radius:50px;
    text-decoration: none;
    padding-top: 1px;
    padding-bottom: 3px;
    padding-left: 15px;
    padding-right: 15px;
}

.banner-amipass {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
}

.iframe-logo-comercios {
    height: 90px;
    width: 100%;
    overflow: hidden;
}

.btn-primary-blue {
    color: white;
    background-color: #299be8; 
    border: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 400;
    border-radius: 25px;
    padding-left: 25px;
    padding-right: 25px;
}

.btn-primary-blue:hover {
    background-color: #2789cc;
    color: white;
}

.download-btn a {
    background-color: #26C800;
    text-decoration: none;
    color: white;
    border-radius: 50px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-top:2px;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

.download-btn a:hover {
    background-color: #23b900;
    text-decoration: none;
    color: white;
    border-radius: 50px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
}

.download-btn {
    list-style: none;
}

.download-ul {
    padding:0;
}

.remember-checkbox a{
    color:#FF1E2F
}
.remember-checkbox label{
    position:relative;
    padding-left:30px;
    font-size:12px;
    cursor:pointer
}
.remember-checkbox label:before,label:after{
    font-family:FontAwesome;
    font-size:17px;
    position:absolute;
    top:-3px;
    left:0;
    padding-left:2px;
    border-radius:6px
}
.remember-checkbox label:before{
    border:2px solid #FF1E2F;
    content:"";
    height:20px;
    margin-top:-3px;
    width:20px
}
.remember-checkbox label:after{
    content:'\f00c';
    max-width:0;
    overflow:hidden;
    opacity:.5;
    transition:all .35s;
    -webkit-transition:all .35s;
    -ms-transition:all .35s;
    -ms-transition:all .35s;
    -o-transition:all .35s
}
.remember-checkbox input[type="checkbox"]{
    display:none
}
.remember-checkbox input[type="checkbox"]:checked+label:after{
    max-width:25px;
    opacity:1
}

.p-modal {
    color:#777777 !important;
    font-size:12px !important;
    padding-bottom: 20px;
}

.logo-footer-pyme {
    margin: 0 auto;
    text-align: center;
}

.logo-footer-pyme img {
    width: 85px;
}

#popupIframe, #chatIframe {
    margin-bottom: 60px !important;
    right: 10px !important;
}

.title-gracias {
    font-size: 16px;
    line-height: 19px;
}

.help-icon img {
    width: 78px;
}

.title-icon {
    font-size: 14px;
    font-weight: 600;
}

.title-pregunta {
    font-size: 20px;
}

.ul-contact {
    list-style: none;
    font-weight: 600;
    margin-left: -45px;
  }
.description-icon {
    font-size: 14px;
}

.logo-blue-d {
    margin-top: 0px;
}

.slider-transparent {
    position:relative;
}

.slider-text {
    position: absolute;
    padding-top: 84px;
    padding-left: 100px;
    color: white;
}

.slider-title {
    font-weight: 700;
    font-size: 45px;
}

.slider-description {
    font-size: 20px;
    width: 278px;
    line-height: 22px;
    margin-top: 5px;
    margin-bottom: 0rem;
}

.slider-button {
    color:#ff1e2f;
    background-color: white;
    border-radius:50px;
    font-size: 1.2rem;
    font-weight: 600;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.slider-button:hover {
    color: white;
    background-color:transparent;
    border:2px solid #fff;
    text-decoration: none;
}

.slider-button-blue {
    color:#299be8;
    background-color: white;
    border-radius:50px;
    font-size: 1.2rem;
    font-weight: 600;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 1px;
    padding-bottom: 3px;
}

.slider-button-blue:hover {
    color: white;
    background-color:transparent;
    border:2px solid #fff;
    text-decoration: none;
}

.slider-button-outline {
    color:#fff;
    border:2px solid #fff;
    background-color: transparent;
    border-radius:50px;
    font-size: 1.2rem;
    font-weight: 600;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 1px;
    padding-bottom: 3px;
}

.slider-button-outline:hover {
    color:#fff;
    background-color:#ff1e2f;
    border:2px solid #ff1e2f;
    text-decoration: none;
}

.slider-mt {
    margin-top: 46px;
}

/* Slider empresas begin */
.slider-empresas-d {
    background-image: url("/assets/slider/empresa/slider-d-2.jpg");
    background-size: cover;
    background-position: center;
}

.slider-empresas-m {
    background-image: url("/assets/slider/empresa/slider-m-2.jpg");
    background-size: cover;
    background-position: top;
    height: 450px;
}

.slider-empresas-d-2 {
    background-image: url("/assets/slider/empresa/slider-d.jpg");
    background-size: cover;
    background-position: center;
}

.slider-empresas-m-2 {
    background-image: url("/assets/slider/empresa/slider-m.jpg");
    background-size: cover;
    background-position: top;
    height: 450px;
}

.slider-empresas-d-3 {
    background-image: url("/assets/slider/empresa/slider-d-3.jpg");
    background-size: cover;
    background-position: center;
}

.slider-empresas-m-3 {
    background-image: url("/assets/slider/empresa/slider-m-3.jpg");
    background-size: cover;
    background-position: top;
    height: 450px;
}



/* Slider Inicio begin */
.slider-inicio-d {
    background-image: url("/assets/slider/inicio/slider-d-nov.png");
    background-size: cover;
    background-position: center;
}

.slider-inicio-m {
    background-image: url("/assets/slider/inicio/slider-m.png");
    background-size: cover;
    background-position: top;
    height: 450px;
}

.slider-inicio-d-2 {
    background-image: url("/assets/slider/inicio/slider-d-2.jpg");
    background-size: cover;
    background-position: center;
}

.slider-inicio-m-2 {
    background-image: url("/assets/slider/inicio/slider-m-2.jpg");
    background-size: cover;
    background-position: top;
    height: 450px;
}

.slider-inicio-d-3 {
    background-image: url("/assets/slider/inicio/slider-d-3.jpg");
    background-size: cover;
    background-position: center;
}

.slider-inicio-m-3 {
    background-image: url("/assets/slider/inicio/slider-m-3.jpg");
    background-size: cover;
    background-position: top;
    height: 450px;
}

.slider-inicio-d-4 {
    background-image: url("/assets/slider/inicio/slider-d-4.jpg");
    background-size: cover;
    background-position: center;
}

.slider-inicio-m-4 {
    background-image: url("/assets/slider/inicio/slider-m-4.jpg");
    background-size: cover;
    background-position: top;
    height: 450px;
}


/* Slider ayuda begin */
.slider-ayuda-d {
    background-image: url("/assets/slider/ayuda/slider-d.jpg");
    background-size: cover;
    background-position: center;
}

.slider-ayuda-m {
    background-image: url("/assets/slider/ayuda/slider-m.jpg");
    background-size: cover;
    background-position: top;
    height: 450px;
}

.icon-download-app {
    width: 250px;
    height: auto;
}

.amipass-download {
    width: 320px;
}

.help-whatsapp {
    
    background-color: transparent;
    color: #00b744;
    border: 1px solid #00b744;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 25px;
}

.help-whatsapp:hover {
    background-color: #00b744;
    color: white;
    text-decoration: none;
}

button.btn.btn-primary {
    border-radius: 50px;
    background-color: #ff1e2f;
    border: 0px;
}

.icon-whatsapp {
    position: fixed;
    bottom: 0;
    z-index: 5;
}

.icon-whatsapp img {
    width: 170px;
    margin-bottom: 15px;
}

.blog-amipass {
    position: fixed;
    bottom: 0px;
    z-index: 5;
    right: 10%;

}

.blog-amipass img {
    width: 170px;
    margin-bottom: 15px;
}

.btn-secondary {
    border-radius: 25px;
    border-color: none;
}

.modal-footer {
    margin: 0 auto;
}

button.btn.btn-link.collapsed.text-responsive-align {
    width: -webkit-fill-available;
}

.active-menu {
    border: none !important;
    color: white !important;
    background-color: #ff1e2f !important;
    border-radius: 50px !important;
}

.active-menu-blue {
    border: none !important;
    color: white !important;
    background-color: #299be8 !important;
    border-radius: 50px !important;
}

.active-menu-f {
    background-color: white !important;
    border: none;
    color: #ff1e2f !important;
    fill: #ff1e2f !important;
    border-bottom-left-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
}

.active-menu-f-blue {
    background-color: white !important;
    border: none;
    color: #299be8 !important;
    fill: #299be8 !important;
    border-bottom-left-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
}

.modal-popup-amipass {
    width: fit-content !important;
    background-color: transparent !important;
    border: none !important;
    margin: 0 auto !important;
}

.display-grid {
    display: grid !important;
}

.button-whatsapp-m {
    background: #26C800;
    border-radius: 50px;
    padding-left: 10px;
    padding-right: 11px;
    padding-bottom: 5px;
    padding-top: 2px;
    border-radius: 50px;
    padding-top: 6px;
    padding-left: 11px;
    margin-left: 50px;
    margin-right: 50px;
}


.button-whatsapp-m:hover {
    background: #0062cc;
}

.button-whatsapp-m a {
    color:white;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
}

.language {
    color: gray;
    margin-right: 15px;
    margin-top: 2px;
}

.language a {
    color: gray;
    margin-right: 3px;
    font-size: 14px;
}

.description-pos {
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 400;
    color: #565656;
    margin-left: 30px;
    margin-right: 30px;
    line-height: 1;
    margin-top: 175px;
}

.description-pos h4 {
    color:#9c9c9c;
    padding-left:20px;
}

.description-pos h3 {
    color: white;
    background-color: #299be8;
    width: max-content;
    border-radius: 25px;
    padding-left: 15px;
    padding-right: 15px;
}

.border-alert {
    border: none;
    border-radius: 25px;
    padding-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    
}

.hide-scrollbar
{
    overflow: auto;
    -ms-overflow-style: none; /* IE 11 */
    scrollbar-width: none; /* Firefox 64 */
}

.iframe-countdown-timer {
    height: 270px!important;
    width: 100%;
    overflow: hidden;
}

.modal-content-comercios {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 6px solid #484848 !important;
    border-radius: 1.3rem;
    outline: 0;
}

/** Carrusel **/

.MultiCarousel { float: left; overflow: hidden; padding: 15px; padding-top: 0; width: 100%; position:relative; }
    .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
        .MultiCarousel .MultiCarousel-inner .item { float: left;}
        .MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:white; color:#666;}
    .MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
    .MultiCarousel .leftLst { left:0; margin-left:15px;}
    .MultiCarousel .rightLst { right:0; margin-right:15px;}
    
        .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }



#hubspot-messages-iframe-container {
    height: 80%!important;
}

.form-fixed {
    position: fixed;
    top: 90px;
    right: 10px;
    z-index: 999;
    width: 350px;
    background-color: #f4f4f4e8;
    border-radius: 24px;
    border: 1px solid #cccccc;
}

.body-form {
    padding: 25px;
}

.body-results {
    padding: 22px;
    background-color: #FF1E2F;
    border-radius: 20px;
    color: #FFFFFF;
}

.section-text-center {
    padding-top: 165px !important;
}

.img-500 {
    max-width: 500px !important;
    border-radius: 10px;
}

.img-300 {
    width: 300px !important;
}

.img-items-pass {
    width: 110px;
}

.description-item-pass {
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    color: #212529;
    margin-bottom: 10px;
    line-height: 1;
    text-align: center;
}

.item-content{
    width: 120px;
    text-align: center;
}

.item-img-div {
    width: 180px;
    height: 113px;
}

.button-item-pass {
    text-decoration: none;
    background-color: #FF1E2F;
    color: white;
    border-radius: 50px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    list-style: none;
}

.button-item-pass:hover {
    background-color: white;
    color: #FF1E2F;
    border: 1px solid #FF1E2F;
    text-decoration: none;
}

.svg-icon-live {
    width: 22px;
    margin-top: -10px;
}

.personas-comprando {
    background-color: gray;
    margin: 10px;
    width: 100%;
    height: 154px;
}

.title-nuestra-comunidad {
    margin-top: 40px !important;
    color: #565656;
    background-color: #f2f2f2;
    border-radius: 25px;
    padding-left: 30px;
    margin-left: -30px;
}

.second-title {
    padding-top: 0px;
}

.img-live {
    height: 168px;
    margin-left: 70px;
}

.img-385 {
    width: 385px;
}

.img-compra-online {
    width: 648px;
    margin: 0 auto;
    display: block;
}

.img-mapa-empresas {
    max-width: 350px;
    margin: 0 auto;
    display: block;
}

.bullet-data {
    padding-top: 25px;
    line-height: 1;
}

.bullet-div {
    text-align: center;
    color: #565656;
    border-radius: 75px;
}

.bullet-data-title {
    font-weight: bold;
    font-size: 14px;
    color: #FF1E2F;
}

.bullet-data-text1 {
    font-size: 30px;
    line-height: 1.3;
}

.bg-button-radius-red {
    color: #fff;
    background-color: #FF1E2F;
    border-radius: 25px;
    width: max-content;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 1px;
    padding-top: 7px;
}

.button-platforms {
    color: white;
    background-color: #FF1E2F;
    font-size: 15px;
    font-weight: 500;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 25px;
    padding-bottom: 6px;
    padding-top: 5px;
    border: none;
}


.button-platforms-white {
    color: white;
    font-size: 15px;
    font-weight: 500;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
    border: 1px solid #eee !important;

}

.button-platforms:hover {
    color: white;
    background-color: #e60000;
    text-decoration: none;
}

.icon-platforms {
    width: 22px;
}

.quiero-ganar-dinero {
    padding-top: 108px !important;
}

.max-width-758 {
    max-width: 758px;
}

.icon-step {
    width: 148px;
}

.icon-step-none {
    width: 100px;
}

.div-text-step {
    font-size: 16px;
    font-weight: 500;
}

.div-content-step {
    padding-right: 50px;
    padding-left: 50px;
}

.img-nuestra-comunidad {
    width: 100px;
    background-color: #fff;
    transition: border-radius 0.5s;
    border-radius: 0px;
}

.title-item-nuestra-comunidad {
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    padding-top: 5px;
}

.description-item-nuestra-comunidad {
    color: #ff1e2f;
    font-size: 16px;
    font-weight: bold;
}

.div-promotion h5 {
    line-height: 0;
}

.div-promotion p {
    margin-bottom: 0;
    color: #666;
    font-size: 16px;
}

.font-weight-500 {
    font-weight: 500 !important;
}

.price-promotion {
    font-weight: 600;
    font-size: 18px;
}

.div-price {
    margin-top: 0px;
}

.before-price {
    color: gray;
    text-decoration: line-through;
}

.button-promotion {
    color: white;
    background-color: #ff1e2f;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-top: 3px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
}

.button-promotion:hover {
    color: #ff1e2f;
    background-color: #fff;
    border: 1px solid #ff1e2f;
    text-decoration: none;
}

.img-promotion img {
    border-radius: 5px;
}

.img-promotion {
    text-align: right;
    padding-right: 22px;
}

.text-promotion {
    padding-top: 30px;
}

.div-promotion {
    padding-bottom: 13px;
}

.button-back-top {
    z-index: 999;
    position: fixed;
    right: 0;
    padding-right: 10px;
    bottom: 0;
    padding-bottom: 90px;
}

.button-whatsapp {
    z-index: 999;
    position: fixed;
    right: 0;
    padding-right: 20px;
    bottom: 0;
    padding-bottom: 20px;
}

.button-back-top a img {
    width: 42px;
}

.button-download-app {
    z-index: 998;
    position: fixed;
    right: 0;
    padding-right: 0px;
    bottom: 0;
    margin-bottom: 365px;
}

.button-download-app a img {
    width: 120px;
}

.button-download-app button img {
    width: 120px;
}

.date-transaction-bottom {
    z-index: 998;
    position: fixed;
    left: 0;
    bottom: 0;
}

.date-transaction-bottom img {
    border-top-right-radius: 25px;
    border: 2px solid #dbdbdb85;
}

.img-muni {
    width: 200px;
    margin-top: 48px;
    margin-bottom: 10px;
    border-radius: 100px;
    border: 2px solid #eaeaea;
}

.center {
    margin: auto !important;
    text-align: center !important;
}

.donar {
    background-color: #ff1e2f;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 25px;
}

.donar:hover {
    background-color: white;
    color: #ff1e2f;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 25px;
    border: 1px solid #ff1e2f;
    text-decoration: none;
}

.title-3-step {
    border: none;
    color: #ff1e2f;
    padding-top: 1px;
    padding-bottom: 3px;
    font-weight: bold;
}

.text-red-bold {
    color: #ff1e2f;
    border-radius: 25px;
    font-size: 14px;
    font-weight: bold;
}

.footer-amipass-1 {
    padding-top: 6px !important;
    padding-bottom: 10px !important;
}

.div-promotion h5 {
    line-height: 1;
}

.div-button-platforms {
    padding-bottom: 16px;
    text-align: left;
}

.button-slider-div {
    margin-top: 20px;
}

.div-promotion {
    background-color: white;
    margin-bottom: 28px;
    border-radius: 6px;
    padding-top: 10px;
    border: 1px solid #eee !important;
}

#ganaDinero {
    border: 1px solid #eee !important;
}

.card {
    border: 1px solid #eee;
}

.card-body {
    padding: 0.25rem;
}

.title-blog {
    padding-bottom: 22px;
}

.title-hover-amipass:hover {
    color: #ff1e2f;
    text-decoration: none;
}

.promotions{
    padding-left: 5px;
    padding-right: 5px;
}

a {
    color: #565656;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #7d7d7d;
    text-decoration: none;
}

.hyperlink-white {
    color: white;
}

.hyperlink-white:hover {
    color: #ffffffd4;
}

.img-nuestra-comunidad:hover {
    background-color: #f3f3f3;
    transition: border-radius 0.5s;
    border-radius: 50px;
}

.title-icons-comercios {
    margin-bottom: 30px;
}

.icon-beneficio {
    background-image: url("/assets/img/nuestra-comunidad/icon-nuestros-beneficios.svg");
    transition: 1s ease all;
}

.icon-beneficio:hover {
    background-image: url("/assets/img/nuestra-comunidad/icon-nuestros-beneficios-hover.svg");
    transition: 1s ease all;
}

.icon-comidas {
    background-image: url("/assets/img/nuestra-comunidad/icon-pide-tus-comidas.svg");
    transition: 1s ease all;
}

.icon-comidas:hover {
    background-image: url("/assets/img/nuestra-comunidad/icon-pide-tus-comidas-hover.svg");
    transition: 1s ease all;
}

.icon-online {
    background-image: url("/assets/img/nuestra-comunidad/icon-compra-online.svg");
    transition: 1s ease all;
}

.icon-online:hover {
    background-image: url("/assets/img/nuestra-comunidad/icon-compra-online-hover.svg");
    transition: 1s ease all;
}

.icon-dinero {
    background-image: url("/assets/img/nuestra-comunidad/icon-gana-dinero.svg");
    transition: 1s ease all;
}

.icon-dinero:hover {
    background-image: url("/assets/img/nuestra-comunidad/icon-gana-dinero-hover.svg");
    transition: 1s ease all;
}

.icon-saludable {
    background-image: url("/assets/img/nuestra-comunidad/icon-vida-saludable.svg");
    transition: 1s ease all;
}

.icon-saludable:hover {
    background-image: url("/assets/img/nuestra-comunidad/icon-vida-saludable-hover.svg");
    transition: 1s ease all;
}


.icon-beneficio-empresas {
    background-image: url("/assets/img/icons/empresa/icon_tus_beneficios.svg");
    transition: 1s ease all;

}

.icon-beneficio-empresas:hover {
    background-image: url("/assets/img/icons/empresa/icon_tus_beneficios_hover.svg");
    transition: 1s ease all;
}

.icon-ahorro-empresas {
    background-image: url("/assets/img/icons/empresa/icon_ahorro_tributario.svg");
    transition: 1s ease all;
}

.icon-ahorro-empresas:hover {
    background-image: url("/assets/img/icons/empresa/icon_ahorro_tributario_hover.svg");
    transition: 1s ease all;
}

.icon-cobertura-empresas {
    background-image: url("/assets/img/icons/empresa/icon_cobertura_nacional.svg");
    transition: 1s ease all;
}

.icon-cobertura-empresas:hover {
    background-image: url("/assets/img/icons/empresa/icon_cobertura_nacional_hover.svg");
    transition: 1s ease all;
}

.icon-incentivos-empresas {
    background-image: url("/assets/img/icons/empresa/icon_incentivos_amigift.svg");
    transition: 1s ease all;
}

.icon-incentivos-empresas:hover {
    background-image: url("/assets/img/icons/empresa/icon_incentivos_amigift_hover.svg");
    transition: 1s ease all;
}

.icon-mercado-empresas {
    background-image: url("/assets/img/icons/empresa/icon_mercado_publico.svg");
    transition: 1s ease all;
}

.icon-mercado-empresas:hover {
    background-image: url("/assets/img/icons/empresa/icon_mercado_publico_hover.svg");
    transition: 1s ease all;
}

.icon-top {
    display: inline-block;
    width: 100px;
    height: 100px;
    background-size: cover;
}

.icon-step:hover {
    opacity: 0.5;
}

.div-promotion:hover {
    box-shadow: 0 12px 20px rgba(68,68,68,0.2);
}

.icon-business-bottom:hover {
    opacity: 0.5;
}

.testimonial_095_slide img {
    width: 100px;
}

.div-card-box-articles:hover {
    box-shadow: 0 12px 20px rgba(68,68,68,0.2);
}

.owl-nav {
    display: none;
}

.border-descuento {
    border: 1px solid #7572722e;
    width: max-content;
    padding-left: 10px;
    padding-right: 10px;
}

.icon-socialnetwork {
    text-align: center;
}

.boton-form-fixed {
    background-color: transparent;
    border: none;
    text-align: right;
    width: -webkit-fill-available;
}

.boton-form-fixed:focus {
    outline: 1px dotted;
    outline: none;
}

.content-form-fixed {
    padding: 44px;
    padding-top: 18px;
}

.description-form-fixed {
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 400;
    color: #565656;
    line-height: 1;
}

#caja {
    position: fixed;
    top: 48px;
    right: 10px;
    z-index: 999;
    width: 350px;
    background-color: #fffffff7;
    border-radius: 24px;
    border: none;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 7%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

#button-contact-fixed button {
    border:none;
    background-color: transparent;
    padding-right: 0px;
}

input.input-calculator {
    width: 200px;
    border-radius: 25px;
}

.number-cal {
    font-size: 18px;
    font-weight: 600;
}

.result-number {
    font-size: 16px;
    font-weight: bold;
}

.div-text-step-empresas {
    font-size: 16px;
    font-weight: bold;
}

.color-white {
    color: white;
}

.button-platforms-gray {
    color: #777;
    font-size: 15px;
    font-weight: 500;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 25px;
    padding-bottom: 6px;
    padding-top: 5px;
    border: 1px solid #eee !important;
}

.none-bullet {
    list-style-type: none !important;
}

.cupon {
    background-color: black;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 16px !important;
    border-radius: 8px;
}