/*---------- NAVBAR ----------*/
.line_yellow_top{
    width: 100%;
    background-color: #c9fd51;  /*For browsers that do not support gradients*/
    height: 2.3em;
}
.txt_header{
    font-weight: 700;
    color: black;
    font-size: 1em;
    padding-top: 0.5%;
    font-family: Tagus;
}
.txt_price{
    text-decoration:underline;
    margin-left:-0.5em;
}
.txt_price2{
    text-decoration:underline;
    margin-left:-1em;
}
.txt_price3{
    text-decoration:underline;
    margin-left:-1.2em;
}
.txt_mes{
    font-family: Tagus;
    font-size: 0.4em;
    margin-top: -4em;
    margin-left: 13em;
}
.strikethrough {
    position: relative;
}

.strikethrough:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 2px solid;
    border-color: #c9fd51;

    -webkit-transform:rotate(-20deg);
    -moz-transform:rotate(-20deg);
    -ms-transform:rotate(-20deg);
    -o-transform:rotate(-20deg);
    transform:rotate(-20deg);
}
.btn-secondary{
    background-color: transparent!important;
    border: none!important;
    outline: none!important;
    color: #ff5499!important;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0rem rgba(130,138,145,.5);
}
.btn-secondary:focus{
    border: none!important;
    outline: none!important;
}
.dropdown-menu{
    background-color: #18191f;
}
/*STart marquee*/
@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
.track {
    position: absolute;
    white-space: nowrap;
    will-change: transform;
    animation: marquee 30s linear infinite;
}
.marquee {
    position: relative;
    width: 100vw;
    max-width: 100%;
    height: 200px;
    overflow-x: hidden;
}
/*END marquee*/
.custom-toggler.navbar-toggler {
    width: 150px!important;
    height: auto!important;
}
.ncenter{
    margin-left: 0rem!important;
}
.nav-item{
    font-family: Tagus!important;
    font-weight: 700;
    font-size: .9vw;
    color: #ff5499;
}
.nav-item:hover{
    color: #c9fd51!important;
}
.nav-item:hover img{
    visibility: hidden;
    z-index: -1;
}
.nav-item1:hover img{
    visibility: hidden;
    z-index: -1;
}
.over:hover{
    color: #c9fd51!important;
}
.nav-item-contrata{
    font-family: Tagus;
    font-weight: 700;
    font-size: 1vw;
    color: #FFFFFF;
}
.nav-item-contrata:hover{
    color: #c9fd51!important;
}
.navbar {
    background-color: #18191e;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem;
}
.navbar-toggler-icon{
     width: 2.1em;
 }
.navbar-nav{
    flex-direction: row;
    margin-left: 2vw;
}
.nav-item1{
    color: #18181f!important;
}
.subrayado{
    text-decoration: underline;
}
.btn-msg{
    position:fixed;
    bottom: 15px;
    right: 15px;
    z-index:1;
}
.btn-whats{
    position:fixed;
    bottom: 75px;
    right: 15px;
    z-index:1;
}

.nav-padding{
    padding-left: 1vw;
    padding-right: 1vw;
}
.navbar-expand-lg .navbar-nav .nav-link {
    /*padding-right: 1rem;
    padding-left: 1rem;*/
}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}


/*---------- FOOTER ----------*/
.foot_whats:hover{
    visibility: visible!important;
    background: url("https://catalogosimagenesportaldiri.s3.us-east-2.amazonaws.com/Space/img/icon_w_footer_hover.svg") no-repeat!important;
    width: 40px;
    height: 30px;
    background-size: 40px!important;
    padding-bottom: 1.5vw;
    padding-left: -2vw;
}
.fot_social{
    margin-top: 2%;
}
.social_media {
    text-align: left;
}
.icon_s_foot {
    width: 10%;
    margin-top: 3%;
    margin-left: -1%;
    margin-right: 5%;
}

.footer-copyright{
    color:#fff;
    font-size: 1.9vh;
    font-family: 'DM Sans',sans-serif;
}
.footer-copyright-2{
    color:#fff;
    font-size: 1.5vh;
    font-family: 'DM Sans',sans-serif;
}
.fot_social{
    margin-top: 2%;
}
.fot_social2{
    display: none;
}
.txt1_footer{
    font-size: 1em;
    font-weight: 400;
    font-family: Tagus;
    color:#c9fd51;
    margin-bottom: 0.5vw;
}
.txt2_footer{
    font-size: 1vw;
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    color:#fff;
    margin-bottom: 1vw;
    padding: 0;
}
.line_white_footer{
    background: #c9fd51;
    width: 30%;
    margin: auto;
    height: 2px;
}
.col_footer{
    margin-top: 1%;
}
.mar_foot{
    margin: 8% 0;
}
.mar_foot2{
    margin: 1% 0 0% 0;
}
.medium{
    font-weight: 500;
}
#foot_logo{
    margin-top: 6%;
    width: 50%;
}
.row {
    margin-left: 0;
    margin-right: 0;
}
#foot_logo2{
    display: none ;
}
#pow-diri{
    display: none;
}
.overlay {
    width: 0%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    background-color: #18181f;
    overflow-x: hidden;
    transition: 0.5s;
}
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #ffffff;
    display: inline-block;
    transition: 0.3s;
}
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}
.overlay .closebtn {
    position:initial;
    padding: 9vw;
    top: 20px;
    right: 45px;
}
/*INDEX*/
body{
    background-color: #18191f;
}
.contenedor{
    position: relative;
    text-align: center;
}
.titulo-encima{
    position: absolute;
    top: 25%;
    left: 10%;
}

.img-encima{
    position: absolute;
    top: 35%;
    left: 10%;
}
.img-encima2{
    display: none;
    position: absolute;
    top: 35%;
    left: 10%;
    transform: rotate(-180deg);
}
.img_button{
    margin-top:1em;
    width: 20%;
    height: 20%;
}
.img_button1{
    margin-top:1em;
    width: 20%;
    height: 20%;
    transform: rotate(-180deg);
}
.img_button_contrata{
    width: 35%;
    height: auto;
    margin-right: 0.5em;
}
.img_button_contrata_oxxo{
    width: 15%;
    height: auto;
    margin-right: 0.5em;
}
.img_button_contrataC{
    margin-bottom: 2vw;
    width: 70%;
    height: auto;
}
.btn_catalogo1{
    color:#ff5499;
    font-size: 1.6em;
}
.card_body14:hover p, ul, .btn_contratar21{
    color: #c9fd51!important;
}
.link-politics{
    color:#ff5499;
}
.aqui-link{
    color: #E4579F;
    text-decoration: none
}
.juan_1{
    width:25em;
    height: 35em;
}
.kim_1{
    width:25em;
    height: 35em;
}
.space_1{
    width:15em;
    height: 15em;
}

/*Check box*/
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #000000;
    background-color: #c9fd51;
}
input[type="radio" i] {
    background-color: #c9fd51!important;
}
.img_button_contrata1{
    width: 35%;
    height: auto;
    margin-left: 0.5em;
    transform: rotate(-180deg);
}
.img_btn{
    width: 35%;
    height: auto;
    margin-left: 0.5em;
}

.texto-encima{
    position: absolute;
    top: 28%;
    left: 20%;
    text-align: initial;
}
/*LETRAS*/
@font-face {
    font-family: Tagus;
    src: url("/fonts/TagusXwide-Bold.otf")
}
.text-pasos1{
    font-family: Tagus;
    font-weight: 700;
    -webkit-text-stroke: 2px #FFFFFF;
    color: transparent;
    text-align: center;
    font-size: calc(2.8em + 2.8vw);
    margin-top: -2rem;
}
.text-pasos-yellow{
    /*color: #c9fd51;*/
    color: #ff5499!important;
    font-size: 1.5em;
    font-weight: 400;
    text-align: left;
    font-family: Tagus;
    margin-left: 29vw;
    line-height: 14px;
}
.margen-cinco-p{
    float: inherit;
    position: absolute;
    margin-top: -4em;
}
.margen-top-pasos{
    margin-top:0.5em;
}
.text-pasos-p{
    color: #ff5499;
    font-size: 2vw;
    font-weight: 400;
    font-family: Tagus;
    line-height: 1em;
}
.titulo{
    font-size: 2.2em;
    font-family: Tagus;
    font-weight: 700;
    color: #FFFFFF;
}
.headersub{
    font-size: 1.3em;
    font-family: Tagus;
    color: #FFFFFF;;
    font-weight: 700;
}
.texto-borde1 {
    font-family: Tagus;
    font-weight: 700;
    color: transparent;
    text-align: center;
    font-size: calc(1.8em + .8vw);
    margin-top: -2rem;
}
.subtitulot{
    text-align: center;
    color: #FFFFFF;
    font-size: calc(1.8em + 0.8vw);
    font-family: Tagus;
    font-weight: 400;
    padding: 0;
    margin-bottom: 0;
}
.faq-sub{
    text-align: center;
    color: #FFFFFF;
    font-size: calc(1.8em + 0.8vw);
    font-family: 'DM Sans',sans-serif;
    font-weight: 400;
    padding: 0;
    margin-bottom: 0;
}
.slime-top{
    z-index: -1;
    position: absolute;
    text-align: start;
    margin-top: calc(-2em - 26vw);
}
.slime-bottom{
    z-index: -1;
    text-align: end;
    position: absolute;
    margin-top: calc(10em + 2vw);
}
.bubble-top-contrata{
    z-index: -1;
    text-align: start;
    position: absolute;
}
.bubble2-top-contrata{
    z-index: -1;
    text-align: start;
    position: absolute;
    margin-left: 5em;
    margin-top: calc(14em + 2vw);
}
.slime-top-contrata{
    z-index: -1;
    text-align: end;
    position: absolute;
    margin-top: calc(10em + 2vw);
}
.slime-footer{
    z-index: -1;
    text-align: start;
    position: absolute;
    margin-top: -12em;
    margin-left: -2em;
}
.txt_pago{
    margin-top: 3%;
    font-size: 0.8em;
    font-weight: 400;
    color: #FFFFFF!important;
    font-family: 'DM Sans', sans-serif;
    text-align: center;
}
.background_cell{
    background-color: #FFFFFF!important;
    border-radius: 20px;
    border:3px solid #ff5499;
    margin: auto!important;
    width: 13vw!important;
}
.background_cell_detalles{
    background-color: #FFFFFF!important;
    border-radius: 20px;
    border:3px solid #ff5499;
    margin: auto!important;
    width: 20vw!important;
}
.txt4_plan{
    margin-top: 3%;
    font-size: calc(0.5em + 0.5vw);;
    font-weight: 600;
    color: #FFFFFF!important;
    font-family: 'DM Sans', sans-serif;
    text-align: center;
}
.txt4_modal1{
    margin-top: 3%;
    font-size: calc(0.5em + 0.5vw);;
    font-weight: 600;
    color: #FFFFFF!important;
    font-family: 'DM Sans', sans-serif;
    text-align: center;
}
.txt4_modal2{
    margin-top: 3%;
    font-size: calc(0.5em + 0.5vw);;
    font-weight: 600;
    color: #FFFFFF!important;
    font-family: 'DM Sans', sans-serif;
    text-align: center;
}
.txt4_plan_pago{
    margin-top: 3%;
    font-size: 1em;
    font-weight: 600;
    color: #FFFFFF!important;
    font-family: 'DM Sans', sans-serif;
    text-align: start;
}
.terms{
    color: #f4599a;
}
.txt4_plan_pago_msi{
    margin-top: 3%;
    font-size: .7em;
    font-weight: 600;
    color: #FFFFFF!important;
    font-family: 'DM Sans', sans-serif;
    text-align: start;
}
.txt4_plan_detalles{
    margin-top: 3%;
    font-size: 1em;
    font-weight: 600;
    color: #ccfb52!important;
    font-family: 'DM Sans', sans-serif;
    text-align: center;
}
.txt4_plan_detalles2{
    margin-top: 3%;
    font-size: 1em;
    font-weight: 600;
    color: #FFFFFF!important;
    font-family: 'DM Sans', sans-serif;
    text-align: center;
}
.line_plan {
    position: relative;
    width: 100%;
    margin: 3% auto;
    background-color:#ff5499;
    border: 1px solid #ff5499;
}
.txt4_plan1{
    margin-left: 2vw!important;
    margin-top: 3%!important;
    font-size: 1em!important;
    font-weight: 400!important;
    color: #FFFFFF!important;
    font-family: 'DM Sans', sans-serif;
    text-align: initial!important;
    margin-bottom: -0.6vw!important;
}
.txt4_plan2{
    margin-left: 2vw!important;
    margin-top: 3%!important;
    font-size: 1em!important;
    font-weight: 700!important;
    color: #c9fd51!important;
    font-family: Tagus;
    text-align: initial!important;
    margin-bottom: -0.6vw!important;
}
.txt_subtitulo_tarjeta{
    margin-top: 3%;
    font-size: 1em;
    font-weight: 800;
    color: #FFFFFF!important;
    font-family: 'DM Sans', sans-serif;
    text-align: start;
}
.txt_titulos-tarjetas{
    margin-top: 3%;
    font-size: 1.5em;
    color: #FFFFFF!important;
    font-family: Tagus;
    text-align: initial;
}
.txt_tabla{
    margin-top: 3%!important;
    font-size: 1em!important;
    font-weight: 500!important;
    color: #FFFFFF!important;
    font-family: 'DM Sans', sans-serif;
    text-align: initial!important;
    margin-left: 5%;
}
h1{
    font-family: 'DM Sans', sans-serif;
    font-weight: 600;
    color: #FFFFFF;
    font-size: 4vw;
}
h2{
    font-family: Tagus;
    font-weight: 400;
    color: #FFFFFF;
}
h3{
    font-family: Tagus;
    font-weight: 400;
    color: #FFFFFF;
}
h4{
    font-family: Tagus;
    font-weight: 400;
    color: #FFFFFF;
}
h5{
    font-family: Tagus;
    font-weight: 400;
    color: #FFFFFF;
}
h5{
    font-size: calc(.05em + .8vw);
    font-family: Tagus;
    font-weight: 400;
    color: #FFFFFF;

}
h6{
    font-size: calc(.01em + .8vw);
    font-family: 'Dm sans',sans-serif;;
    font-weight: 400;
    text-align: justify;
    color: #FFFFFF;
}
.txt_little_promotion{
    font-family: 'DM Sans', sans-serif;
    font-size: 1em;
    color: #FFFFFF;
    text-align: center;
}
.txt_little_politic{
    font-family: 'DM Sans', sans-serif;
    font-size: 0.7em;
    color: #FFFFFF;
}
.txt_little_com{
    font-family: Tagus;
    font-size: 0.5em;
    color: #FFFFFF;
}
.txt_lineas{
    font-size: 0.9em;
    font-family: 'DM Sans', sans-serif;
    text-align: initial;
    color: #FFFFFF;
}
.txt-strong{
    font-weight: 800!important;
    color: #FFFFFF;
    font-size: 0.7em;
}
.txt-strong_contrata{
    font-weight: 800!important;
    color: #FFFFFF;
    font-family: Tagus;
    font-size: 1.3em;
}
.txt-middle{
    font-weight: 600;
}
.text_Card_cober{
    font-size: 0.9em;
    color:#FFFFFF;
    align-items: center;
    margin: auto;
    width: 90%;
    text-align: justify;
    font-family: Tagus;
}
.text_card_compatibilidad{
    font-size: calc(.3em + 0.8vw) !important;
    color:#FFFFFF !important;
    align-items: center !important;
    margin: auto !important;
    width: 90% !important;
    text-align: justify !important;
    font-family: 'DM Sans', sans-serif!important;
}
.text_card_sub_forms{
    font-size: 0.8em !important;
    color:#FFFFFF !important;
    align-items: center !important;
    text-align: start !important;
    font-family: 'DM Sans', sans-serif!important;
}
.txt_card_lista{
    color:#FFFFFF !important;
    font-size: calc(0.8em + 0.8vw)  !important;
    font-weight: 400  !important;
    font-family: Tagus!important;
}
.txt_cobertura_ciudades {
    font-size: 0.9em;
    font-family: 'DM Sans',sans-serif;
    text-align: initial;
    color: #FFFFFF;
}
/*PASOS CONTRATA*/
/*Steps (circulitos)*/
.progress-bar-1{
    display: flex!important;
    margin: 40px 0!important;
    user-select: none!important;
}
.progress-bar-1 .step{
    text-align: center!important;
    width: 100%!important;
    position: relative!important;
}
.progress-bar-1 .step p{
    font-weight: 400;
    font-size: 0.9em!important;
    color: #FFFFFF!important;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
}
.progress-bar-1 .step .bullet{
    height: 2.5rem!important;
    width: 2.5rem!important;
    display: inline-block!important;
    border-radius: 50%!important;
    position: relative!important;
    transition: 0.2s!important;
    font-weight: 800!important;
    font-size: 1.3em!important;
    line-height: 2.5rem!important;
}
.progress-bar-1 .step .bullet_Span{
    height: 3rem!important;
    width: 3rem!important;
    display: inline-block!important;
    border-radius: 50%!important;
    position: relative!important;
    transition: 0.2s!important;
    font-weight: 800!important;
    font-size: 1.8em!important;
    color: #17171F;
    line-height: 2.5rem!important;
}
.progress-bar-1 .step .bullet.active{
    border-color: #d43f8d!important;
    background: #d43f8d!important;
}
.progress-bar-1 .step .bullet span{
    position: absolute!important;
    left: 50%!important;
    transform: translateX(-50%)!important;
    font-family: Tagus;
    color: #17171F!important;
    font-size: 3em;
    margin: 2%;
    -webkit-text-stroke: 1px #FFFFFF;
    text-shadow: -3px -3px 10px rgba(49,29,73,1), 4px 4px 10px rgba(49,29,73,1);
}

.progress-bar-1 .step .bullet.active span{
    display: none!important;
}
.bar-bak{
    position: absolute!important;
    bottom: 1rem!important;
    height: 0.1rem!important;
    width: 55rem;
    background: #262626!important;
    z-index: -2;
}
.bar-bak-compatibilidad{
    position: absolute!important;
    bottom: 1rem!important;
    height: 0.1rem!important;
    width: 53rem;
    background: #262626!important;
    z-index: -2;
}
@keyframes animate {
    100%{
        transform: scaleX(1)!important;
    }
}
.progress-bar-1 .step:last-child .bullet:before,
.progress-bar-1 .step:last-child .bullet:after{
    display: none!important;
}
.progress-bar-1 .step p.active{
    color: #ff5499!important;
    transition: 0.2s linear!important;
}
.progress-bar-1 .step .check{
    position: absolute!important;
    left: 50%!important;
    top: 70%!important;
    font-size: 15px!important;
    transform: translate(-50%, -50%)!important;
    display: none!important;
}
.progress-bar-1 .step .check.active{
    display: block!important;
    color: #17171F!important;
}

/*-----------------------------------------------Cosas globales----------------------------------------------*/
.text-pasos{
    font-family: Tagus;
    font-weight: 700;
    -webkit-text-stroke: 1px #ff5499!important;
    color: transparent;
    text-align: initial;
    font-size: calc(10.8em + 1.8vw);
    margin-bottom: -8vw;
}
button:focus {outline:0;}

/*--------------------------------------------------------- SEND ----------------------------------------------*/
.txt_lineas_send{
    font-size: 0.9em;
    font-family: 'DM Sans', sans-serif;
    text-align: initial;
    color: #c9fd51;
}
.input_full1{
    width: 100%;
    width: 80%;
    font-size: 0.8em;
    font-weight: 500;
    padding: .3vw 0;
    padding-top: 0.5vw;
    padding-right: 0px;
    padding-bottom: 0.5vw;
    padding-left: 0px;
    text-indent: 10px!important;
    border: none;
    border-radius: 5px;
    color: gray!important;
    background-color: #000000!important;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
    font-family: 'DM Sans', sans-serif;
}
.btn_contratar0{
    position: relative;
    width: calc(7.5em + 3vw);
    height: calc(1.9em + 1.3vw);
    color: #ff5499!important;
    text-decoration: underline!important;
    font-family: 'DM Sans', sans-serif;
    font-size: 1em;
    font-weight: 700;
    background-color: transparent;
    text-align: center;
    border: none;
    cursor: pointer;
    margin-top: 4%;
}
.btn_regresar{
    position: relative;
    width: calc(7.5em + 3vw);
    height: calc(1.9em + 1.3vw);
    color: #ff5499!important;
    text-decoration: underline!important;
    font-family: 'DM Sans', sans-serif;
    font-size: 1em;
    font-weight: 700;
    background-color: transparent;
    text-align: center;
    border: none;
    cursor: pointer;
    margin-top: 4%;
}
.btn_contratar21{
    position: relative;
    width: calc(5.5em + 3vw);
    height: calc(3.9em + 1.3vw);
    color: #FFFFFF!important;
    text-decoration: underline!important;
    font-family: Tagus;
    font-size: calc(1.8em + 0.8vw);
    font-weight: 700;
    background-color: transparent;
    text-align: center;
    cursor: pointer;
    border: none;
    margin: auto;
}
.btnEliminar{
    position: relative;
    width: calc(2.5em + 3vw);
    height: calc(1.9em + 1.3vw);
    color: #ff5499!important;
    text-decoration: underline!important;
    font-family: 'DM Sans', sans-serif;
    font-size: 1em;
    font-weight: 700;
    background-color: transparent;
    text-align: center;
    border: none;
    cursor: pointer;
    margin-top: 4%;
}
.btn_agregar{
    position: relative;
    width: calc(7.5em + 3vw);
    height: calc(1.9em + 1.3vw);
    color: #ff5499!important;
    text-decoration: underline!important;
    font-family: 'DM Sans', sans-serif;
    font-size: 1em;
    font-weight: 700;
    background-color: transparent;
    text-align: center;
    border: none;
    cursor: pointer;
    margin-top: 4%;
}
/*--------------------------------------------------CATÁLOGO-------------------------------------------------*/
.First_Card{
    border: 3px solid #ff5499;
}


ol {
    list-style: none;
    counter-reset: my-awesome-counter;
}
ol li {
    counter-increment: my-awesome-counter;
}
ol li::before {
    content: counter(my-awesome-counter) ". ";
    color: #c9fd51;
    font-weight: bold;
}
/*Preguntas Frecuentes*/
.txt_equipo{
    font-family: 'DM Sans', sans-serif;
    font-weight: 600;
    font-size: 1.3em;
    color:#FFFFFF;
    cursor: pointer;
    margin: 0;
}
.item_equipo{
    position: relative;
    width: 100%;
    border-radius: 15px;
    border: 1px solid #ff5499;
    padding: 10px 4%;
    box-sizing: border-box;
    background-color: #18181F;
    cursor: pointer;
    margin: 1% 0;
    background-size: 4.15em auto;
    background-position: top right;
    background-repeat: no-repeat;
}
.div_modelos {
    line-height: 2;
    font-weight: 400;
    color: #FFFFFF;
    font-size: 0.8em;
    font-family: 'DM Sans';
    margin-right: 2vw;
}
.sec_box{
    position: relative;
    width: 100%;
    margin: auto;
}
.mtop5{
    margin-top: 5%;
}
/*Carrusel */
.MultiCarousel { float: left; overflow: hidden; padding: 15px; 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:#18181F; color:#ff5499}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#fff; }
.img_nivel{
    width: auto;
    height: 200px;
    object-fit: cover;
}
.w-90 {
    width: 90%!important;
}
.carousel-control-next{
    right: .25vw;
}
.carousel-control-prev{
    left: 0vw;
}
.btn_catalogo{
    position: relative;
    width: calc(6.5em + 3vw);
    height: calc(2.9em + 1.3vw);
    color: #ff5499!important;
    font-family: 'DM Sans', sans-serif;
    font-size: 1em;
    font-weight: 700;
    background-color: transparent;
    text-decoration: underline!important;
    text-align: center;
    cursor: pointer;
    margin-top: 4%;
    border: none!important;
}
.btn_oxxo{
    position: relative;
    width: calc(15.5em + 3vw);
    height: calc(2.9em + 1.3vw);
    color: #ff5499!important;
    font-family: 'DM Sans', sans-serif;
    font-size: 1em;
    font-weight: 700;
    background-color: transparent;
    text-decoration: underline!important;
    text-align: center;
    cursor: pointer;
    margin-top: 4%;
    border: none!important;
}

/*-------------------------------------------------------PAY-------------------------------------------------*/
.txt4_nombre{
    margin-top: 3%;
    font-size: 1em;
    font-weight: 400;
    color: #c9fd51!important;
    font-family: 'DM Sans', sans-serif;
    text-align: center;
}
#space_cobertura{
    width:70%;
    justify-content:center;
    max-width: 650px;
    height: 100%;
    border-radius: 15px;
    max-height: 650px;
    margin: auto;
}
.flurred{
    margin-bottom: 20rem;
}
.img-politicas{
    background-image: url('https://catalogosimagenesportaldiri.s3.us-east-2.amazonaws.com/Space/img/textura_home2.png')!important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.marco{
    background-image: url('https://catalogosimagenesportaldiri.s3.us-east-2.amazonaws.com/Space/img/marco-neon.png')!important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 12vw;
}
.marco_cupones{
    background-image: url('https://catalogosimagenesportaldiri.s3.us-east-2.amazonaws.com/Space/img/marco-neon.png')!important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 22vw;
}

.marco-catalogo{
    background-image: url("https://catalogosimagenesportaldiri.s3.us-east-2.amazonaws.com/Space/img/marco-neon.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 33vw;
}
.marco-card{
    background-image: url('/img/image.webp')!important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 12vw;
}
.titulo-catalogo-IMEI{
    margin: auto;
}

#slime{
    position: absolute;
    margin-left: 18vw;
    margin-top: -7vh;
}

.center-justified {
    margin: 0 auto!important;
    text-align: left!important;
    width: 8em!important;
}
.center-justified-t2{
    margin: 0 auto!important;
    text-align: justify!important;
    width: 15em!important;
}
.center-justified-t3{
    margin: 0 auto!important;
    text-align: justify!important;
    width: 38em!important;
}
.center-justified-t4{
    margin: 0 auto!important;
    text-align: justify!important;
    width: 60em!important;
}
#celular{
    display: none;
}
#web{
    display: flex;
}
img-web_1{
    display: block!important;

}
.img-cel_1{
    display: none!important;
}
.txt-vel-space{
    text-align: left;
    z-index: 2;
    margin-top:calc(3em + 10vw);
}
.margin-space-text{
    padding-left: 45em;
    position: absolute;
}
.btn_back{
    display: inline;
    margin-right: 5vw;
}
.btn_next{
    display: inline;
    margin-left: 5vw;
}
.img-kim-foot{
    width:30%;
}
/*navbar active*/
.insta:hover {
    visibility: visible!important;
    background: url("https://catalogosimagenesportaldiri.s3.us-east-2.amazonaws.com/Space/img/icon_i_footer.svg") no-repeat;
    max-width: 100%;
    height: auto;
    padding-bottom: 1vw;
}
.face:hover{
    visibility: visible!important;
    background: url("https://catalogosimagenesportaldiri.s3.us-east-2.amazonaws.com/Space/img/icon_f_footer.svg") no-repeat;
    max-width: 100%;
    height: auto;
    padding-bottom: 1vw;
}
.twit:hover{
    visibility: visible!important;
    background: url("https://catalogosimagenesportaldiri.s3.us-east-2.amazonaws.com/Space/img/icon_t_footer.svg") no-repeat;
    max-width: 100%;
    height: auto;
    padding-bottom: 1vw;
}

/*foooter hover social media*/
.foot_insta:hover {
    visibility: visible!important;
    background: url("https://catalogosimagenesportaldiri.s3.us-east-2.amazonaws.com/Space/img/icon_i_footer_hover.svg") no-repeat!important;
    max-width: 100%;
    height: auto;
    padding-bottom: 1.5vw;
    padding-left: -2vw;
}
.foot_face:hover{
    visibility: visible!important;
    background: url("https://catalogosimagenesportaldiri.s3.us-east-2.amazonaws.com/Space/img/icon_f_footer_hover.svg") no-repeat!important;
    max-width: 100%;
    height: auto;
    padding-bottom: 1.5vw;
    padding-left: -2vw;
}
.foot_twit:hover{
    visibility: visible!important;
    background: url("https://catalogosimagenesportaldiri.s3.us-east-2.amazonaws.com/Space/img/icon_t_footer_hover.svg") no-repeat!important;
    max-width: 100%;
    height: auto;
    padding-bottom: 1.5vw;
    padding-left: -2vw;
}

/*tiendas*/
.logos-tiendas {
    clear: both;
    float: left;
    width: 100%;
    padding: 1em 0 1em 10%;
    border-top: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
    margin: 2em 0 0 0;
}
.logos-tiendas div {
    float:left;
    margin-right:50px;
}
.logos-tiendas small {
    font-size:11px;
    margin-left:20px;
    float:left;
}
.logos-tiendas ul {
    margin: 0;
    list-style: none;
    padding: 0;
    width: 480px;
    float: left;
}
.logos-tiendas li {
    float: left;
    margin: 10px 10px 0 10px;
}
.texto-tiendas{
    height: 6em;
    width: 15em;
    float: right!important;
    margin-top: 2em;
}
.barcode-img{
    margin-top: 2em;
}
.titleno28{
    text-align: center;
    -webkit-text-stroke: 1px #FFFFFF!important;
    color: transparent;
    font-size: calc(3.5em + 0.5vw);
    font-family: Tagus;
    font-weight: 400;
    padding: 0;
    margin-bottom: 0;
}
.subtitulotno28{
    text-align: center;
    color: #c9fd51;
    font-size: calc(4em + 0.5vw);
    font-family: 'DM Sans',sans-serif;
    font-weight: 100;
    padding: 0;
    margin-bottom: 0;
}
.subtitulot-price-no28{
    text-align: center;
    color: #f4599a;
    font-size: calc(4em + 0.5vw);
    font-family: Tagus;
    font-weight: 400;
    padding: 0;
    margin-bottom: 0;
}
.list-t{
    margin-top: 2vw;
    color: #000000!important
}
.txt4_plan1-no28{
    margin-top: 3%!important;
    font-size: 2em!important;
    font-weight: 400!important;
    color: #FFFFFF!important;
    font-family: 'DM Sans', sans-serif;
    text-align: initial!important;
    margin-bottom: -1vw!important;
}
.img_button_nob28{
    width: 80%;
    height: auto;
    margin-right: 0.5em;
}
.img_button2_nob28{
    width: 80%;
    height: auto;
    margin-right: 0.5em;
    transform: rotate(-180deg);
}
.mg-footer-top{
    margin-top: 4em;
}
.title-footer-info{
    font-size: 1.1vw;
    font-weight: bolder!important;
}
/*cupones*/
.web-cup{
    display:contents;
}
.move-cup{
    display:none;
}
.line_plan{
    position: relative;
    width: 55%;
    margin: 3% auto;
    background-color: #FFFFFF;
    border: 3.5px solid #FFFFFF;
}
.flechas-red-cupes {
    width: 10%;
    transform: rotate(
            90deg
    );
}
.btn_cupon {
    position: relative;
    color: #f4599a!important;
    text-decoration: underline!important;
    font-family: Tagus;
    font-size: 1.1em;
    font-weight: 700;
    background-color: transparent;
    text-align: center;
    cursor: pointer;
    border: none;
    margin: auto;
}
.btn_BackRecargas {
    position: relative;
    color: #FFFFFF!important;
    text-decoration: underline!important;
    font-family: Tagus;
    font-size: 1.1em;
    font-weight: 700;
    background-color: transparent;
    text-align: center;
    cursor: pointer;
    border: none;
    margin: auto;
}
.marco-cupon {
    background-image: url(https://catalogosimagenesportaldiri.s3.us-east-2.amazonaws.com/Space/img/marco-neon.png)!important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 7vw;
    width: 17vw;
}
.subt-cupones{
    text-align: center;
    color: #FFFFFF;
    font-size: calc(2em + 0.8vw);
    font-family: Tagus;
    font-weight: 400;
    padding: 0;
    margin-bottom: 0;
}
.sub-C{
    text-align: center;
    color: #FFFFFF;
    font-size: calc(1.5em + 0.8vw);
    font-family: Tagus;
    font-weight: 400;
    padding: 0;
    margin-bottom: 0;
}
.img-web {
    display: block;
}
.img-cel {
    display: none;
}
.promo-img{
    width: 10vw;
    margin-left: -22vw;
    margin-top: -1em;
    z-index: 2;
    position: absolute;
}
.img-pay{
    width: 100%;
}
#pago{
    display: none;
}
#nopago-res{
    display: none;
}
#nopago{
    display: block;
}
#sipago{
    display: none;
}
.mov{
    display: none;
}
.web{
    display: block;
}
.text_rappi{
    display: block;
    font-size: 1em;
    font-weight: 700;
    color: #ffffff;
    font-family: 'DM Sans', sans-serif;
    text-align: center;
}
.text_pagos{
    font-family: 'DM Sans', sans-serif!important;
    color: white!important;
    display: block!important;
}
#conektaIframeContainer{
    width: 500px;
    height: 700px;
}
.qr_rappi{
    display: block;
}
.qr_text{
    display: block;
}
/*ensa*/
@media screen and (max-width: 500px) {
    .btn_catalogo1{
        font-size: 3vw!important;
        width: 4em!important;
        height: 4em!important;
    }
    .social_media {
        text-align: center!important;
        padding-left: 1em;
    }
    .background_cell{
        width: 10em!important;
    }
    .center-justified-t4{
        text-align: justify!important;
        width: 18em!important;
        margin-left: -1em!important;
    }
    .background_cell_detalles{
        width: 40vw;
    }
    .progress-bar-1 .step .b-light span{
        position: absolute!important;
        left: 50%!important;
        transform: translateX(-50%)!important;
        font-family: Tagus;
        color: #17171F!important;
        font-size: 3em;
        margin: 2%;
        -webkit-text-stroke: 1px #FFFFFF;
        text-shadow: -3px -3px 10px rgba(201, 253, 81), 4px 4px 10px rgba(201, 253, 81);
    }
    .steps{
        display: none;
    }
    #back_mm_img {
        display: block;
        position: absolute;
        width: 30%;
        bottom: 0;
        right: 0;
    }
    .nav-padding{
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .nav-item{
        font-family: Tagus!important;
        font-size: 5vw;
        font-weight: 500;
    }
    .margin-left{
        margin-left: 10%;
    }
    .line_blue_top{
        display: none;
    }
    .ncenter{
        margin-left: 1rem!important;
        width: 180px!important;
        height: 68px!important;
    }
    .custom-toggler.navbar-toggler {
        width: 50px!important;
        height: auto!important;
    }
    .col_footer_2{
        margin-left: 0;
    }
    #celular{
        display: flex;
    }
    #web{
        display: none;
    }
    .marco{
        background-image: url('https://catalogosimagenesportaldiri.s3.us-east-2.amazonaws.com/Space/img/marco-neon.png')!important;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        height: 36vw!important;
    }
    .marco_cupones{
        background-image: url('https://catalogosimagenesportaldiri.s3.us-east-2.amazonaws.com/Space/img/marco-neon.png')!important;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        height: 36vw!important;
    }

    .btn_contratar21 {
        width: calc(6.5em + 20vw)!important;
    }
    .img-web{
        display: none!important;

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

    }
    .img-cel{
        display: flex!important;
    }
    .img-cel_1{
        display: block!important;
    }
    .margen-cinco-p {
        margin-top: -1em!important;
    }
    .text-pasos-yellow {
        /*color: #c9fd51!important;*/
        color: #ff5499!important;
        font-size: 0.4em!important;
        font-weight: 400!important;
        text-align: left!important;
        font-family: Tagus!important;
        margin-left: 10vw!important;
        line-height: 0vw!important;
    }
    .margen-top-pasos {
        margin-top: 5em!important;
    }
    .txt_little_politic {
        margin-top: -50vw!important;
        margin-left: calc(1em + 11vw)!important;
        font-size: 0.5em!important;
    }
    .slime-bottom {
        margin-top: calc(-34em + 2vw)!important;
    }
    .txt-vel-space {
        margin-top: calc(-8em + 12vw)!important;
    }
    .text-pasos-p {
        font-size: 2.5vw!important;
        line-height: 1vw;
    }
    .margin-space-text {
        padding-left: 14em!important;
    }
    .slime-footer {
        display: none!important;
    }
    .img-kim-foot{
        width:50%!important;
    }
    .img-juan-foot {
        width: 30%!important;
        height: auto!important;
        margin-top: 3em!important;
    }

}
@media screen and (max-width: 990px) {
    .qr_text{
        display: none;
    }
    .qr_rappi{
        display: none;
    }
    #conektaIframeContainer{
        width: 275px;
        height: 700px;
    }
    .text_pagos {
        font-size: 4vw;
    }
    .mov{
        display: block;
    }
    .web{
        display: none;
    }
    .btn-pay{
        width: 17em;
    }
    #nopago-res{
        display: block;
    }
    #nopago{
        display: none;
    }
    .nav-sub{
        margin-left: 23vw;
    }
    .subtitulotno28{
        font-size: calc(2em + 0.5vw);
    }
    .img_button2_nob28{
        width: 60%!important;
    }
    .img_button_nob28{
        width: 60%!important;
    }
    .titleno28{
        font-size: calc(1.5em + 0.5vw);
    }
    .txt4_plan1-no28{
        font-size: 1em!important;
    }
    #foot_diri{
        width: 60%;
        margin-bottom: 3%;
        margin-top: 3%;
    }
    .btn_catalogo1{
        font-size: 0.4em;
        width: 5em;
        height: 5em;
    }
    .social_media {
        text-align: center!important;
        padding-left: 1em;
    }
    .text-pasos{
        font-size: calc(3.8em + 1.8vw)!important;
    }
    .progress-bar-1 .step p{
        font-size: calc(0.6em + 0.7vw)!important;
    }
    h1{
        font-size: 6vw!important;
    }
    .txt_titulos-tarjetas{
        font-size: calc(1em + 0.8vw)!important;
    }
    .btn_agregar{
        width: calc(7.5em + 3vw)!important;
    }
    .btn_contratar0{
        width: calc(9em + 3vw)!important;
    }
    .btn_regresar{
        width: calc(7.5em + 3vw)!important;
    }
    .btn_back{
        display: block!important;
        margin-right: 0!important;
    }
    .btn_next{
        display: block!important;
        margin-left: 0!important;
    }
    .img_button_contrata{
        width: 15%!important;
    }
    .img_button_contrata1{
        width: 15%!important;
    }
    .marco-catalogo{
        height: 45vw!important;
    }
    .background_cell{
        width: 12em!important;
    }
    .txt_card_lista{
        font-size: calc(0.6em + 0.8vw)!important;
    }
    .center-justified-t4{
        margin: 0 auto!important;
        text-align: justify!important;
        width: 35em;
    }
    .background_cell_detalles{
        width: 30vw!important;
    }

    #pow-diri-ori{
        display: none;
    }
    #pow-diri{
        display: block;
        margin: auto;
    }
    #back_mm_img {
        display: block;
        position: absolute;
        width: 30%;
        bottom: -10vh;
        right: 0;
    }
    .nav-padding{
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .txt2_footer{
        font-size: 1.9vh;
        font-family: 'DM Sans',sans-serif;
        font-weight: 300;
        color:#fff;
        margin-bottom: 2vh;
        line-height: 15px!important;
        padding: 0;
    }
    .nav-item{
        font-size: 5vw!important;
    }
    .line_blue_top{
        display: none;
    }
    #foot_logo{
        display: none;
    }
    #foot_logo2{
        display: flex;
        margin-top: 0;
        margin-bottom: 0;
        margin: auto;
        width: 10em;
        height: auto;
    }
    .fot_social2{
        display: block;
    }
    .col_footer{
        margin: 0.5vh auto;
    }
    .col_footer_2{
        margin-left: 0;
    }
    .clearfix{
        display:none
    }
    #vl{
        display: none;
    }
    .ncenter{
        margin-left: 1rem!important;
        width: 180px!important;
        height: 68px!important;
    }
    .custom-toggler.navbar-toggler {
        width: 50px!important;
        height: auto!important;
    }
    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 3vh;
    }
    #celular{
        display: flex;
    }
    marco_cupones{
        background-image: url('https://catalogosimagenesportaldiri.s3.us-east-2.amazonaws.com/Space/img/marco-neon.png')!important;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        height: 40vw;
    }
    .marco{
        background-image: url('https://catalogosimagenesportaldiri.s3.us-east-2.amazonaws.com/Space/img/marco-neon.png')!important;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        height: 40vw;
    }
    #web{
        display: none;
    }
    .btn_contratar21 {
        width: calc(6.5em + 11vw);
    }
    .img-web_1{
        display: none!important;

    }
    .img-cel_1{
        display: block!important;
    }
    .texto-encima{
        position: absolute;
        top: 73%;
        left: 35%;
        text-align: center;
        font-size: 3vw!important;
        color: #ffffff!important;
    }
    .titulo-encima{
        position: absolute;
        top: 65%;
        left: 31%;
        font-size: 5vw!important;
    }
    .img-encima{
        position: absolute;
        top: 85%;
        left: 33%;
    }
    .img-encima2{
        position: absolute;
        display: flex;
        top: 85%;
        left: 63%;
        transform: rotate(-180deg);
    }
    .text-pasos1 {
        font-size: 7vw;
    }
    .text-pasos-yellow {
        font-size: 1em;
    }
    .margen-top-pasos {
        margin-top: 2em;
    }
    .txt_little_politic {
        margin-top: -27vw;
        margin-left: calc(1em + 22vw);
    }
    .slime-top {
        z-index: -1;
        position: absolute;
        text-align: end;
        margin-top: calc(-2em - 26vw);
    }
    .slime-bottom {
        z-index: -1;
        text-align: start;
        position: absolute;
        margin-top: calc(-2em + 2vw);
    }
    .text-pasos-p{
        color: #ff5499;
        font-size: 1em;
        font-weight: 400;
        font-family: Tagus;
    }
    .margin-space-text {
        padding-left: 26em;
        position: absolute;
    }
    .txt-vel-space {
        text-align: left;
        z-index: 2;
        margin-top: calc(-6em + 10vw);
    }
    .text-pasos-p {
        font-size: 1em;
    }
    .img-juan-foot {
        width: 15%;
        height: auto;
        margin-top: 8em;
    }
    .img-kim-foot{
        width:30%;
    }
    .slime-footer {
        display: none;
    }
    /*Responsive logos*/
    .logos-tiendas ul {
        list-style: none;
        padding: 0px;
        width: 15em;
        margin-left: -2.5em;
        float: left;
    }
    .texto-tiendas{
        height: 5em;
        width: 12em;
        float: right!important;
        margin-top: 2em;
        margin-right: 5em!important;

    }
    .m-3-res{
        margin-left: 9px!important;
    }
    .img-open-pay{
        width: 80%;
        margin-bottom: 2em;
    }
    .img-paynet{
        width: 80%;
    }
    .pad-left{
        padding-left: 0!important;
    }
    .mg-footer-top{
        margin-top: 0;
    }
    .web-cup{
        display:none;
    }
    .move-cup{
        display:contents;
    }
    .marco-cupon {
        background-image: url(https://catalogosimagenesportaldiri.s3.us-east-2.amazonaws.com/Space/img/marco-neon.png)!important;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        height: 20vw;
        width: 45vw;
    }
    .img-web {
        display: none;
    }
    .img-cel {
        display: block;
    }
    .promo-img {
        width: 30vw;
        margin-left: -65vw;
        margin-top: -1em;
        z-index: 2;
        position: absolute;
    }
}