.menu-fix{
    position: inherit;
    width: 100%;
    z-index: 1000;
    height: 44px;
}
.navbar{
    z-index: 999999;
}
body {
    padding: 0;
    margin: 0;
    font-family: "DIN", sans-serif;
    overflow-x: hidden;
    background-color: #f1f1f1;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
p {
    padding: 0;
    margin: 0;
    text-transform: none;
}
img {
    -ms-interpolation-mode: bicubic;
    /* Allow smoother rendering of resized image in Internet Explorer */
}

@font-face {
    font-family: "DIN Condensed Bold";
    src: url("/fonts/DIN Condensed Bold.ttf") format("truetype");
}
@font-face {
    font-family: "DIN Black";
    src: url("/fonts/DINBlack.ttf") format("truetype");
}
@font-face {
    font-family: "DIN";
    src: url("/fonts/DIN.ttf") format("truetype");
}
@font-face {
    font-family: "DIN Bold";
    src: url("/fonts/DINBold.ttf") format("truetype");
}
@font-face {
    font-family: "DIN Light";
    src: url("/fonts/DINLight.ttf") format("truetype");
}
@font-face {
    font-family: "DIN Medium";
    src: url("/fonts/DINMedium.ttf") format("truetype");
}
@font-face {
    font-family: "DIN Pro Light";
    src: url("/fonts/DINPro-Light_13935.ttf") format("truetype");
}
@font-face {
    font-family: "DIN Reg";
    src: url("/fonts/DINReg.ttf") format("truetype");
}
@font-face {
    font-family: "DIN Regular";
    src: url("/fonts/DINRegular.ttf") format("truetype");
}
@font-face {
    font-family: "Gotham-Book";
    src: url("/fonts/Gotham-Book.ttf") format("truetype");
}

.inp-gr-checkbox{
    font-family: 'DIN';
    font-size: 13px;
    text-align: center;
    width: 250px;
    height: 50px;
    max-width:100%;
    color: #5a5a5a;
    margin:10px auto;
    display: block;
}

h1 {
    font-family: "DIN Bold";
    color: black;
    text-align: center;
}
.h1red {
    font-family: "DIN Bold";
    color: #fa090c;
    text-align: center;
}

.img-responsive {
    max-width: 100%;
    height: auto;
    display: inline-block;
}
.img-center {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.padding-z {
    padding: 0;
    margin: 0;
}
.a-center {
    text-align: center !important;
}
.bold {
    font-family: "DIN Bold", sans-serif;
}

.modal-header {
    border-bottom: none !important;
}

.modal-content {
    border: none !important;
}

.modal-footer {
    border-top: none !important;
}

.box-sh {
    box-shadow: 1px 1px 15px #9a9a9a;
}

/*Index sección ingreso*/

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

.ingreso {
    background-color: #f1f1f1;
    box-shadow: inset 0 0 50px 0 #00000031;
    padding: 30px;
}

.wrp-tit1 {
    width: 300px;
    display: block;
    margin: 0 auto;
}

.tit-gr {
    font-family: "DIN Bold";
    color: black;
    font-size: 36px;
    text-align: center;
    padding-top: 20px;
}

.tit-gr2 {
    font-family: "DIN Bold";
    color: black;
    font-size: 36px;
    text-align: center;
}

.tit-gr3 {
    font-family: "DIN Bold";
    color: black;
    font-size: 36px;
    text-align: center;
}

.tit-gr4 {
    font-family: "DIN Bold";
    color: black;
    font-size: 36px;
    text-align: center;
}

.txt1-hm {
    font-family: "DIN Light";
    font-size: 18px;
    text-align: center;
    padding: 20px;
}

.line-tit {
    border: 0;
    height: 3px !important;
    background: #fa090c;
    background-image: linear-gradient(to right, #fa090c, #fa090c, #fa090c);
    width: 90px;
    opacity: 1 !important;
    margin: 5px 0 20px 0;
}

.btn-grl {
    display: block;
    width: 250px;
    margin: 20px auto 10px auto;
    transition: all 0.3s ease 0s;
}

.btn-grl:hover {
    transform: scale(0.98, 0.98);
    opacity: 0.85;
}

/*HOME*/

.ficha-prf-dk {
    clear: both;
    top: -40px;

    z-index: 120;
}

.ficha-prf-mn {
    display: none !important;
}

.bg-gris {
    background-color: #f1f1f1;
}

.perfil-gr {
    width: 100%;
    height: 300px;
    margin: auto;
}

.ficha-prf {
    padding-bottom: 50px;
}

.ficha-prf2 {
    padding-bottom: 0;
}

.wrp-ficha {
    display: flex;
    margin: 0 auto;
    padding: 40px 20px;
}
.wrp-ficha-nacional {
    margin: 0 auto;
    padding: 40px 20px;
}
.wrp-ficha-mobile {
    margin: 0 auto;
    padding: 40px 0;
}
.wrp-accesos {
    width: 30rem;
    margin: 0 auto;
    padding: 40px 20px;
}

.mar-ficha {
    margin-top: 50px;
}

.perf-mn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.block1-hm {
    display: inline-block;
}

.foto-hm {
    display: block;
    width: 70px;
    border-radius: 50%;
    border: solid 2px #f00000;
    box-shadow: 1px 1px 5px #7a7a7a;
}

.foto-sec {
    display: block;
    width: 90px;
}

.inp-prf {
    background-color: transparent;
    border: 1px solid #f90e11;
    border-radius: 50px;
    font-family: "DIN Regular";
    font-size: 10px;
    width: 60px;
    max-width: 100%;
    color: #f90e11;
    margin: 10px auto;
    padding: 6px 0 0 0;
    display: block;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.inp-prf:hover {
    background-color: #f90e11;
    border: 1px solid #f90e11;
    color: #fff;
}

.inp-prf2 {
    background-color: transparent;
    border: 1px solid #f90e11;
    border-radius: 50px;
    font-family: "DIN Regular";
    font-size: 10px;
    width: 60px;
    max-width: 100%;
    color: #f90e11;
    margin: 0 auto 10px 60px;
    padding: 6px 0 0 0;
    display: block;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    float: right;
}

.inp-prf2:hover {
    background-color: #f90e11;
    border: 1px solid #f90e11;
    color: #fff;
}

.btn-nsign {
    background: none;
    padding: 0;
    border: none;
    background: transparent;
    display: inline-block;
    width: 15px;
}

.block2-hm {
    display: inline-block;
    padding-left: 20px;
}

.txt-name {
    font-family: "DIN Black";
    color: black;
    font-size: 40px;
    line-height: 80%;
}

.txt-name2 {
    font-family: "DIN Black";
    color: black;
    font-size: 40px;
    line-height: 100%;
    padding-right: 10px;
}

.txt-pts {
    font-family: "DIN Bold";
    color: #f90e11;
    font-size: 22px;
    line-height: 140%;
}

.txt-pts2 {
    font-family: "DIN Bold";
    color: #f90e11;
    font-size: 22px;
    line-height: 110%;
}

.txt-pts3 {
    font-family: "DIN Bold";
    color: #f90e11;
    font-size: 36px;
    line-height: 110%;
    display: inline-block;
}

.pts {
    color: #000;
    font-size: 32px;
    line-height: 110%;
}

.coins {
    width: 30px;
    margin-top: -7px;
}

.coins2 {
    width: 35px;
    margin-right: 5px;
    margin-top: -18px;
}

.pts2 {
    font-family: "DIN Bold";
    font-size: 32px;
    text-align: left;
    margin-left: 40px;
    display: inline-block;
}

.txt-nivel {
    font-family: "DIN Bold";
    color: #000;
    font-size: 22px;
}

.btn-carrousel {
    background-color: #f00000;
    border: 1px solid #000000;
    font-family: "DIN Medium";
    border-radius: 50px;
    color: white;
    font-size: 12px;
    margin: 30px auto;
    padding: 8px 15px;
    width: 150px;
    float: right;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.btn-carrousel:hover {
    transform: scale(0.98, 0.98);
    opacity: 0.85;
}

.txt-carrousel {
    color: #000;
    font-family: "DIN Bold";
    position: absolute;
    width: 400px;
    left: 100px;
    top: 100px;
    font-size: 48px;
    max-width: 100%;
    line-height: 110%;
}

/**/

.txt-prf {
    font-family: "DIN Bold";
    color: #000;
    font-size: 12px;
}

.txt-prf2 {
    font-family: "DIN Bold";
    color: #000;
    font-size: 14px;
    line-height: 240%;
}

.btn-canje {
    background-color: #f90e11;
    font-family: "DIN Bold";
    color: #fff;
    width: 150px;
    float: right;
    font-size: 11px;
    text-align: center;
    float: right;
    border-radius: 50px;
    padding: 10px 10px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.btn-canje-black{
    background-color: #000;
    font-family: "DIN Bold";
    color: #fff;
    width: 150px;
    float: right;
    font-size: 11px;
    text-align: center;
    float: right;
    border-radius: 50px;
    padding: 10px 10px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.btn-canje:hover {
    transform: scale(0.98, 0.98);
    opacity: 0.85;
}

.pts-vigentes {
    background-color: #fff;
    background-image: url("/img/bg-pts-vigentes.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px 20px;
    box-shadow: 1px 1px 10px #7a7a7a;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*wrp-mn-pts*/

.bonos {
    /* padding: 0 0 120px 0; */
}

.wrp-mn-pts {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 20px;
}

.form-select-mes {
    background-color: #fa090c;
    border: 1px solid #000000;
    border-radius: 50px;
    color: white;
    text-align: center;
    width: 180px;
    padding: 10px 0;
    margin: 0 10px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.form-select-hist {
    background-color: #000000;
    border-radius: 50px;
    border: none;
    color: white;
    font-size: 14px;
    width: 150px;
    padding: 8px 0;
    margin: 0 10px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.form-select-mes:hover {
    transform: scale(0.98, 0.98);
    opacity: 0.85;
}

.form-select-hist:hover {
    transform: scale(0.98, 0.98);
    opacity: 0.85;
}

.icon-bonos {
    width: 80px;
    margin: 0 auto;
    display: block;
    padding: 20px 0;
}

.txt-md {
    font-family: "DIN Bold";
    text-align: center;
    font-size: 18px;
}

.btn-detalle {
    background-color: #000000;
    color: white;
    width: 200px;
    display: block;
    margin: 0 auto;
    border: none;
    padding: 8px 40px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.btn-detalle:hover {
    transform: scale(0.98, 0.98);
    opacity: 0.85;
}

.pts-bonos {
    color: #f90e11;
    font-size: 14px;
    font-family: "DIN Bold", sans-serif;
    text-align: center;
    padding: 5px 0;
}

.banner-promo {
    display: block;
    margin: -110px auto 0 auto;
    width: 650px;
    max-width: 100%;
}

.btn-ayuda-mn {
    display: none !important;
}

.wrp-tit4 {
    width: 380px;
    display: block;
    margin: 0 auto 0 auto;
}

.wrp-tit4Epayment {
    width: 380px;
    display: block;
    margin: 0 auto 0 auto;
}

.bt-ayuda {
    background: none;
    border: none;
    display: block;
    margin: 0 auto;
}

.total-pts {
    text-align: center;
    font-family: "DIN Bold", sans-serif;
    font-size: 18px;
}

.line-hist {
    margin: 0 0 10px 0;
}

.c-red {
    color: #f90e11;
}

/*Carrosuel*/

.tit-carrousel {
    font-family: "DIN Bold";
    color: black;
    font-size: 36px;
    text-align: center;
    padding-top: 20px;
}

.premios {
    padding: 50px 10px;
    background-image: url("/img/bg-reg.png");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
}

.wrp-iframe {
    max-width: 100%;
    margin: 0 auto;
    height: auto;
}

.iframe-carrousel {
    background: transparent;
    width: 100%;
    height: 210px;
    overflow-y: hidden;
    margin: 50px auto;
    display: block;
}

.stit-premio {
    font-family: "DIN Medium";
    font-size: 12px;
    text-align: center;
    color: #000;
    padding-top: 5px;
}

.premio-pts {
    font-family: "DIN Medium";
    font-size: 12px;
    text-align: center;
    color: #fa090c;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: block !important;
}

.arrow-prev {
    float: left;
    width: 20px;
    margin-top: 40px;
    padding-right: 20px;
}

.arrow-next {
    float: right;
    width: 20px;
    margin-top: 40px;
    padding-left: 20px;
}

/*Acceso nivel*/
.accesos {
    background-color: transparent;
    border: 2px solid black;
    border-radius: 5px;
    font-family: "DIN Bold", sans-serif;
    font-size: 16px;
    color: black !important;
    display: block;
    padding: 10px 15px 5px 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 350px;
    max-width: 100%;
}

/*Acceso nivel*/
.accesos-sec {
    background-color: transparent;
    border: 2px solid #aaa;
    border-radius: 5px;
    font-family: "DIN Bold", sans-serif;
    font-size: 16px;
    color: #aaa !important;
    display: block;
    padding: 10px 15px 5px 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 350px;
    max-width: 100%;
}

.wrp-bar {
    margin: 10px auto;
    max-width: 95%;
    text-align: center;
}

.progress {
    padding: 9px 0;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 0px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25),
        0 1px rgba(255, 255, 255, 0.08);
    border: 2px solid #000;
    max-width: 280px;
    margin: 0 auto;
}

.progress-bar {
    height: 18px;
    background-color: #ee303c;
    border-radius: 0px;
    transition: 0.4s linear;
    transition-property: width, background-color;
    margin-top: -9px;
}

.progress-striped .progress-bar {
    background-color: #fe8e90;
    width: 0%;
    background-image: linear-gradient(
        45deg,
        rgb(250, 9, 12) 25%,
        transparent 25%,
        transparent 50%,
        rgb(250, 9, 12) 50%,
        rgb(250, 9, 12) 75%,
        transparent 75%,
        transparent
    );
}

@keyframes progressAnimationStrike {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

.br-col {
    border-right: 1px solid #ccc;
}

/*SOCIO TECATE*/

.wrp-bar-v {
    margin: 10px auto;
    max-width: 95%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: scroll;
}

.bar-v {
    margin: 20px;
}

.progress-v {
    padding: 0;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 0px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25),
        0 1px rgba(255, 255, 255, 0.08);
    border: 2px solid #000;
    max-width: 25px;
    height: 200px;
    margin: 0 auto;
}

.progress-bar-v {
    height: 100%;
    background-color: #ee303c;
    border-radius: 0px;
    transition: 0.4s linear;
    transition-property: width, background-color;
}

.progress-striped-v .progress-bar-v {
    background-color: #fe8e90;
    width: 0%;
    height: 0%;
    background-image: linear-gradient(
        45deg,
        rgb(250, 9, 12) 25%,
        transparent 25%,
        transparent 50%,
        rgb(250, 9, 12) 50%,
        rgb(250, 9, 12) 75%,
        transparent 75%,
        transparent
    );
}

@keyframes progressAnimationStrike-v {
    from {
        height: 0%;
    }
    to {
        height: 100%;
    }
}

.mes-heis {
    font-size: 20px;
    font-family: "DIN Bold";
    color: #fa090c;
    margin-top: 10px;
}

.pts-heis {
    font-size: 18px;
    font-family: "DIN Bold";
}

.pts-heis2 {
    font-size: 16px;
    font-family: "DIN Regular";
    line-height: 200%;
}

/*V2*/

.txt-gr11 {
    font-family: "DIN Medium";
    font-size: 26px;
    text-align: center;
    color: #000;
}

.txt-gr10 {
    font-family: "DIN Medium";
    font-size: 26px;
    text-align: center;
    color: #000;
    background-color: #c1c1c1;
    height: 60px;
    padding-top: 15px;
    width: 80%;
    margin: 20px auto 20px auto;
}

.wrp-bono-esp {
    background-color: #c1c1c1;
    text-align: center;
    font-size: 24px;
    border: 3px solid #c1c1c1;
    width: 80%;
    margin: 0 auto;
    padding: 10px 0 0 0;
}

.swrp-bono-esp {
    background-color: #fff;
    padding: 20px;
    margin-top: 10px;
}

.txt-gr9 {
    font-family: "DIN Light";
    font-size: 18px;
    color: #000;
    text-align: left;
}

/*REGISTRO*/

#registro {
    background-color: #f1f1f1;
    padding-bottom: 80px;
    clear: both;
}

.form-gr {
    max-width: 438px;
    margin: 30px auto 20px auto;
}

.wrp-tit2 {
    width: 236px;
    display: block;
    margin: 30px auto 0 auto;
}

.wrp-tit3 {
    width: 195px;
    display: block;
    margin: 30px auto 0 auto;
}

.btn-next {
    border: none;
    background: none;
    display: block;
    margin: 0 auto;
}

.reg {
    background-image: url("/img/bg-reg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0 30px 30px 30px;
    height: 100%;
    margin-bottom: 80px;
}

.shape-pop {
    margin: -30px auto 0 auto;
    width: 100px;
    display: block;
}

.shape2-pop {
    margin: -30px auto 0 auto;
    width: 100px;
    display: block;
}

.cheve1-pop {
    position: relative;
    top: -100px;
    left: 60%;
    width: 160px;
}

.cheve2-pop {
    position: relative;
    top: -52px;
    left: 54%;
    width: 170px;
}

.cheve3-pop {
    position: relative;
    top: -40px;
    left: 60%;
    width: 140px;
}

.cheve4-pop {
    position: relative;
    top: -40px;
    left: 10%;
    width: 140px;
}

/*ASESOR*/

.asesor {
    background-image: url("/img/bg-asesor.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 100px 30px;
}

.btn-asesor {
    display: block;
    width: 250px;
    margin: 0 auto;
    transition: all 0.3s ease 0s;
}

.btn-asesor:hover {
    transform: scale(0.98, 0.98);
    opacity: 0.85;
}

/*input*/
.inp-gr {
    background-color: #ffffff;
    border: 1px solid #f00000;
    border-radius: 5px;
    font-size: 20px;
    text-align: center;
    width: 250px;
    height: 50px;
    max-width: 100%;
    color: #5a5a5a;
    margin: 10px auto;
    display: block;
}

.inp-gr2 {
    background-color: #ffffff;
    border: 1px solid #f00000;
    border-radius: 5px;
    font-size: 20px;
    text-align: center;
    width: 250px;
    height: 50px;
    max-width: 100%;
    color: #5a5a5a;
    padding: 0 10px;
    margin: 3px auto 20px auto;
    display: block;
}
.inp-gr-outline {
    background-color: transparent;
    border: 1px solid #f00000;
    border-radius: 50px;
    padding: 8px 15px;
}
.inp-round {
    background-color: #f00000;
    border: 1px solid #000000;
    font-family: "DIN Medium";
    border-radius: 50px;
    color: white;
    font-size: 12px;
    margin: 30px auto;
    padding: 8px 15px;
    width: 150px;
    display: block;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.inp-round:hover {
    transform: scale(0.98, 0.98);
    opacity: 0.85;
}

.lab-gr {
    font-family: "DIN Medium";
    color: #000;
    text-align: center;
    font-size: 20px;
}

/*PREMIOS*/

.catalogo {
    background-color: #fff;
    background-image: url("/img/bg-reg.png");
    background-repeat: repeat-y;
    background-size: contain;
    background-position: center;
    padding-bottom: 80px;
    padding-top: 30px;
}

.btn-hist-canj {
    width: 130px;
    float: right;
    margin-right: 10px;
}

.btn-hist-canj2 {
    display: inline-block;
    margin: -12px auto 0 75px;
    width: 150px;
}

.banner2 {
    width: 800px;
    padding: 0 30px;
}

.bannerRankEpayment {
    width: 31%;
    margin-top: -71px;
    margin-right: 50%;
}
@media screen and (max-width: 768px) {
    .bannerRankEpayment {
        width: 63%;
        margin-top: -29px;
        margin-right: auto;
    }
}

.tit-catalogo {
    font-family: "DIN Black";
    color: #fa090c;
    font-size: 36px;
    text-align: center;
    margin-top: 30px;
}

.wrp-tit7 {
    width: 522px;
    display: block;
    margin: 0 auto 0 auto;
}

.wrp-prod {
    padding: 20px 10px;
}
.card-catalogo {
    width: 20rem;
    background-color: transparent !important;
    border: none;
}
@media screen and (max-width: 768px) {
    .card-catalogo {
        width: 9rem;
    }
}

.img-prod {
    width: 100%;
    margin: 0 auto;
    display: block;
    border: 2px solid #fa090c;
    border-radius: 8px;
}

.btn-adc {
    display: block;
    max-width: 100%;
    height: 60px;
    margin: 40px auto 10px auto;
    padding: 0 20px;
    transition: all 0.3s ease 0s;
}

.btn-adc:hover {
    transform: scale(0.98, 0.98);
    opacity: 0.85;
}

.paginacion {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.page-item.active .page-link {
    font-family: "DIN Bold";
    font-size: 28px;
    z-index: 3;
    color: #fa090c;
    border-color: #fa090c;
    background-color: #fff;
    margin-top: -8px;
}

.page-link {
    position: relative;
    display: block;
    font-family: "DIN Light";
    font-size: 24px;
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.pag-bt {
    font-size: 32px;
    color: #fa090c;
}

.inp-cat {
    background-color: #000;
    color: #fff;
    font-family: "DIN Bold";
    border: none;
    padding: 10px 10px;
    display: block;
    margin: 0 auto;
}

.inp-cat option {
    background-color: #fa090c;
    font-family: "DIN Light", sans-serif !important;
}

.nav-cat-mn {
    display: none;
}

/*PREMIO DETALLE*/

.btn-back {
    position: relative;
    top: 0;
    left: 100px;
    width: 150px;
    height: 42px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.btn-back:hover {
    transform: scale(0.98, 0.98);
    opacity: 0.85;
}

.iframe-panazoom {
    width: 100%;
    height: 550px;
}

.wrp-cont-prod {
    padding-top: 50px;
}

.swrp-cont-prod {
    padding: 30px;
}

.tit-prod-cont {
    font-family: "DIN Medium";
    color: #000;
    font-size: 30px;
    padding: 10px 0;
}

.txt-prod-cont {
    font-family: "DIN Light";
    color: #000;
    font-size: 18px;
    padding: 10px 0;
}

.btn-prod-cont {
    width: 200px;
    max-width: 100%;
    padding-top: 10px;
    padding-bottom: 50px;
    transition: all 0.3s ease 0s;
}

.btn-prod-cont:hover {
    transform: scale(0.98, 0.98);
    opacity: 0.85;
}

/*PEDIDO*/

.pedido {
    background-color: #fff;
    background-image: url("/img/bg-reg.png");
    background-repeat: repeat-y;
    background-size: contain;
    background-position: center;
    padding-bottom: 50px;
    padding-top: 30px;
}

.direccion {
    background-color: #f1f1f1;
    box-shadow: 1px 1px 15px #9a9a9a;
}

.wrp-tit8 {
    width: 410px;
    display: block;
    margin: 0 auto 0 auto;
}

.btn-pedido {
    border: 1px solid #000;
    background-color: #fa090c;
    display: block;
    margin: 5px auto 0 auto;
    font-size: 12px;
    border-radius: 50px;
    font-family: "DIN Medium";
    color: white;
    text-align: center;
    padding: 4px 0;
    width: 150px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.btn-pedido:hover {
    transform: scale(0.98, 0.98);
    opacity: 0.85;
}

.wrp-pedido {
    margin: 0 auto;
    width: 1000px;
    max-width: 100%;
    padding: 30px 30px 0 30px;
}

.wrp-img-pedido {
    background-color: #ebebeb;
    border: solid 2px #b1b1b1;
}

.wrp-det-pedido {
    padding: 30px;
    border: solid 2px #b1b1b1;
    height: 100%;
}

.txt-pedido {
    font-family: "DIN Light";
    color: #000;
    font-size: 24px;
    padding: 40px 0 5px 0;
    line-height: 1.6rem;
}

.pedido-pts {
    font-family: "DIN Bold";
    color: #fa090c;
    font-size: 20px;
    padding: 0 0 10px 0;
}

.inp-cant {
    float: right;
    width: 50px;
    height: 35px;
    background-color: #fff;
    border-radius: 0;
    text-align: center;
    border: 1px solid #b1b1b1;
    margin-top: -55px;
}

.tot-pedido {
    background: black;
    color: white;
    font-family: "DIN Bold";
    font-size: 24px;
    text-align: right;
    padding: 10px 40px;
}

.pts-pedido {
    margin-left: 20px;
}

.sec-pedido {
    background-image: url("/img/bg-asesor.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px 30px 100px 30px;
}

.wrp-tit9 {
    width: 345px;
    display: block;
    margin: 0 auto;
}

.btn-notel {
    display: block;
    max-width: 100%;
    height: 60px;
    margin: 20px auto 10px auto;
    padding: 0 20px;
    transition: all 0.3s ease 0s;
}

.btn-notel:hover {
    transform: scale(0.98, 0.98);
    opacity: 0.85;
}

/*ASISTENCIA*/

.txt-gr5 {
    font-family: "DIN Bold";
    font-size: 22px;
    text-align: center;
    margin-top: 30px;
}

.txt-gr6 {
    font-family: "DIN Light";
    font-size: 20px;
    text-align: center;
    padding-top: 5px;
}

/*OFERTAS*/

.wrp-iframe-ofertas {
    max-width: 95%;
    margin: 50px auto;
    height: auto;
}

.iframe-ofertas {
    background: transparent;
    width: 100%;
    min-height: 700px;
}

.ofrt {
    height: auto;
}

.img-ofertas {
    width: 400px;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    padding: 20px 10px;
}

/*PÓLIZAS*/

.txt-gr7 {
    font-family: "DIN Bold";
    font-size: 26px;
    text-align: center;
}

.txt-polizas {
    font-family: "DIN Light";
    font-size: 18px;
    text-align: center;
    padding: 10px 10px;
    background-color: #e4e4e7;
}

.button-acc-polizas {
    background-color: #000 !important;
    color: #fff !important;
    font-family: "DIN Bold" !important;
    margin: 10px 0 !important;
}

.button-acc-polizas:not(.collapsed) {
    color: #fa090c !important;
    background-color: #000 !important;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

/*FAQS*/

.faqs {
    background-color: #f5f5f5;
    box-shadow: 1px 1px 15px #9a9a9a;
    padding: 40px 0 30px 0;
    padding-bottom: 5rem;
}

.wrp-tit10 {
    width: 440px;
    display: block;
    margin: 0 auto 0 auto;
}

.wrp-faqs {
    width: 80%;
    margin: 0 auto;
}

.txt-ask {
    color: #000;
    font-size: 22px;
}

.n-ask {
    color: #fa090c;
    font-family: "DIN Condensed Bold";
    font-weight: bold;
    font-size: 40px;
}

.txt-resp {
    color: #000;
    font-family: "DIN Light";
    font-size: 16px;
    padding: 10px 10px;
    background-color: #e4e4e7;
}

.accordion-item {
    border: 0 !important;
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    margin-left: auto;
    content: "";
    /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    */
    background-image: url("/img/arrow-down.png");
    background-repeat: no-repeat;
    background-size: 1rem;
    transition: transform 0.2s ease-in-out;
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: red;
    text-align: left;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color 0.15s cubic-bezier(0.42, 0, 0.96, -0.07),
        background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
.accordion-button:not(.collapsed) {
    color: #f00000;
    background-color: #ffb2b2;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

.accordion-button:not(.collapsed)::after {
    background-image: url("/img/less.png");
    transform: rotate(-180deg);
}

/*DESCUENTOS*/

.wrp-tarjeta {
    background-image: url("/img/tarjeta.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 760px;
    height: 500px;
    margin: 0 auto;
}

.datos-tarjeta {
    display: block;
    margin: 0 auto 0 auto;
    padding-top: 250px;
}

.name-trj {
    font-family: "DIN Bold";
    font-size: 24px;
    text-align: center;
    color: #000;
}

.num-trj {
    font-family: "DIN Regular";
    font-size: 24px;
    text-align: center;
    color: #fa090c;
    padding: 10px 5px 5px 5px;
    border: 2px solid #fa090c;
    width: 260px;
    height: 40px;
    margin: 10px auto 10px auto;
}

.fecha-trj {
    font-family: "DIN Light";
    font-size: 21px;
    text-align: center;
    color: #000;
}

/*Footer*/
footer {
    background: black;
    font-size: 9px;
    bottom: 0;
    min-height: 170px;
    width: 100%;
    height: 14rem;
}

.wrp-stxt-ft {
    padding-top: 20px;
}

.txt-ft {
    font-family: "DIN Black";
    font-size: 14px;
    text-align: center;
    color: #fff;
    margin: -15px auto 0 auto;
}

.stxt-ft {
    font-family: "DIN Medium";
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin: 0 50px;
    color: #fff;
}

.stxt-ft2 {
    font-family: "DIN Medium";
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin: 0 50px;
    color: #fff;
}

.lk-ft {
    color: #fff;
}

.lk-ft:hover {
    transition: all 0.3s ease 0s;
    opacity: 0.7;
}

.contact {
    font-family: "DIN Black";
    font-size: 11px;
}
.legales {
    display: inline;
    font-family: "DIN Medium";
    font-size: 9px;
}

/*Pagina asistencia*/
.asistencias {
    margin: 20px 10px;
}

.wrp-asis-ind {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrp-asis-mn {
    display: none;
}

.boxblk {
    background-color: transparent;
    width: 180px;
    height: 180px;
    border: 2px solid #000;
}

.icon-cel-ft {
    display: block;
    margin: -50px auto 0 auto;
    width: 80px;
}

.call-asis {
    position: fixed;
    right: 0;
    top: 85%;
    width: 200px;
}

/*RESPONSIVE*/

@media screen and (max-width: 1680px) {
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1200px) {
    .list-galeri {
        display: block !important;
    }

    .list-galeri li {
        margin: 15px auto;
        display: inline-block;
    }
}
@media screen and (max-width: 1024px) {
    .iframe-panazoom {
        height: 410px;
        padding-top: 50px;
    }

    .wrp-cont-prod {
        padding-top: 0px;
    }

    .iframe-carrousel {
        height: 230px;
    }

    .txt-carrousel {
        left: 70px;
        font-size: 38px;
    }
}

@media screen and (max-width: 991px) {
    .sld-dk {
        display: none !important;
    }

    .sld-mn {
        display: block !important;
    }

    .txt-carrousel {
        color: #fff;
        text-shadow: 1px 1px 10px #000;
    }

    .ficha-prf-dk {
        display: none !important;
    }

    .ficha-prf-mn {
        display: block !important;
    }

    .coins {
        width: 50px;
        display: block;
        margin: 0 auto;
    }

    .coins2 {
        width: 50px;
        display: block;
        margin: 0 auto;
    }

    .wrp-txt-nivel {
        display: block;
        margin: 0 auto;
        width: 182px;
    }

    .txt-pts {
        text-align: center;
        display: block;
        font-size: 26px;
    }

    .pts {
        font-family: "DIN Bold";
        font-size: 32px;
        text-align: center;
    }

    .pts2 {
        font-family: "DIN Bold";
        font-size: 32px;
        text-align: center;
    }

    .foto-hm {
        width: 60px;
        padding: 0 5px;
    }

    .txt-name {
        font-size: 28px;
        padding: 15px 5px;
        text-align: center;
    }

    .txt-nivel {
        font-size: 34px;
        text-align: center;
        display: block;
        margin: 0 auto;
    }

    .call-asis {
        position: fixed;
        right: 0;
        top: 85%;
        width: 200px;
        z-index: 1000;
    }

    .inp-prf {
        margin: 10px 5px 10px 5px;
        padding: 4px 0 0px 0;
    }

    .txt-prf {
        text-align: center;
        font-size: 16px;
    }

    .txt-prf2 {
        text-align: center;
        font-size: 16px;
    }

    .inp-gr {
        width: 250px;
    }

    .br-col {
        border-right: none;
    }

    .btn-canje {
        display: block;
        margin: 0 auto;
        float: none;
    }

    .wrp-ficha {
        max-width: 100%;
        padding: 20px 20px 0px 20px;
        justify-content: center;
    }

    .wrp-ficha2 {
        max-width: 100%;
        padding: 0px 20px 20px 20px;
    }

    .ficha-prf {
        padding-bottom: 0px;
    }

    .accesos {
        font-size: 12px;
        padding: 7px 15px 3px 15px;
        margin: 5px auto;
        width: 280px;
    }

    .accesos-sec {
        font-size: 12px;
        padding: 7px 15px 3px 15px;
        margin: 5px auto;
        width: 280px;
    }

    .bg-mn {
        background-color: #f1f1f1;
    }
}
@media screen and (max-width: 860px) {
}

@media screen and (max-width: 768px) {
    .btn-back {
        position: unset;
        display: block;
        margin: 0 auto;
    }

    .wrp-tarjeta {
        width: 350px;
        height: 230px;
    }

    .datos-tarjeta {
        padding-top: 108px;
    }

    .name-trj {
        font-size: 14px;
    }

    .num-trj {
        font-size: 16px;
        width: 180px;
        height: 30px;
        margin: 0px auto 0px auto;
        padding: 7px 5px 5px 5px;
    }

    .fecha-trj {
        font-size: 14px;
    }

    /*.coins{
    width: 50px;
    display: block;
    margin: 0 auto;
}

.wrp-txt-nivel{
    display: block;
    margin: 0 auto;
    width:182px;
}

.txt-pts{
    text-align:center;
    display: block;
    font-size: 34px;
}


.pts{
    font-family: 'DIN Bold';
    font-size: 32px;
    text-align: center;
}
*/

    .btn-signo {
        padding: 9px 9px 9px 6px;
        height: 20px;
        width: 20px;
        text-align: center;
    }

    .txt-gr3 {
        font-family: "DIN Light";
        font-size: 16px;
        text-align: center;
    }

    .txt-gr4 {
        font-family: "DIN Bold";
        font-size: 14px;
        text-align: center;
    }

    .wrp-mn-pts {
        display: inline-block;
        background-color: #f1f1f1;
        box-shadow: 1px 1px 5px #9a9a9a;
    }

    .form-select-mes {
        display: block;
        margin: 10px auto 10px auto;
    }

    .form-select-hist {
        display: block;
        margin: 10px auto 10px auto;
    }

    .premios {
        box-shadow: 1px 1px 10px #9a9a9a;
    }

    .tit-carrousel {
        font-size: 25px;
        max-width: 320px;
        margin: 0 auto;
    }

    .banner-promo {
        display: none;
    }

    .bonos {
        padding: 0 0 0 0;
    }

    .btn-ayuda-dk {
        display: none !important;
    }

    .btn-ayuda-mn {
        display: block !important;
        margin-top: -80px;
        position: relative;
        z-index: 200;
    }

    .nav-cat-dk {
        display: none;
    }

    .nav-cat-mn {
        display: block;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .iframe-panazoom {
        height: 520px;
        padding-top: 30px;
    }

    .wrp-asis-dk {
        display: none;
    }

    .wrp-asis-mn {
        display: block;
    }

    .asistencias {
        margin: 20px auto;
    }

    .ofertas {
        display: block !important ;
        margin: 0 auto;
    }

    .list-of {
        font-size: 14px !important;
    }

    .list-of img {
        display: block;
        margin: 0 auto;
        padding: 0px !important;
        height: 25px !important;
        width: 25px !important;
    }
    .wrp-tarjeta {
        width: 620px;
        height: 409px;
    }
    .datos-tarjeta {
        padding-top: 218px;
    }
}

@media screen and (max-width: 640px) {
    .txt-carrousel {
        left: 30px;
    }
}

@media screen and (max-width: 575px) {
    .txt-carrousel {
        width: 260px;
        font-size: 24px;
    }

    .txt1-hm {
        font-size: 16px;
    }

    .wrp-tit7 {
        width: 315px;
    }

    .tit-gr4 {
        font-size: 21px;
    }

    .pts-vigentes {
        padding: 30px 20px;
    }

    .swrp-cont-prod {
        padding: 0 30px 30px 30px;
    }

    .txt-ask {
        font-size: 18px;
    }

    .n-ask {
        font-size: 30px;
    }

    .txt-resp {
        font-size: 13px;
    }

    .iframe-carrousel {
        height: 255px;
    }
    .wrp-tarjeta {
        width: 480px;
        height: 317px;
    }
    .datos-tarjeta {
        padding-top: 160px;
    }
}
@media screen and (max-width: 480px) {
    .txt-ft {
        font-size: 12px;
    }

    .stxt-ft {
        font-size: 10px;
    }

    .stxt-ft2 {
        font-size: 10px;
    }

    .wrp-tit4 {
        width: 255px;
    }
    .wrp-tit4Epayment {
        width: 255px;
        margin-right: 5px; /*aqio*/
        margin-left: -10px;
        width: 100%;
    }

    .wrp-tit5 {
        width: 235px !important;
    }

    .wrp-tit8 {
        width: 272px;
    }

    .wrp-tit9 {
        width: 230px;
    }

    .wrp-tit10 {
        width: 292px;
    }

    .tit-gr3 {
        font-size: 24px;
    }

    .txt-gr5 {
        font-size: 18px;
    }

    .txt-gr6 {
        font-size: 16px;
    }

    .pedido {
        padding-top: 0px;
    }

    .iframe-panazoom {
        height: 430px;
    }

    .wrp-pedido {
        padding: 10px 30px 0 30px;
    }

    .txt-prod-cont {
        padding-top: 0;
        font-size: 16px;
        line-height: 140%;
    }

    .tot-pedido {
        font-size: 16px;
    }
    .wrp-tarjeta {
        width: 380px;
        height: 251px;
    }
    .datos-tarjeta {
        padding-top: 125px;
    }
    .wrp-bono-esp {
        font-size: 18px;
    }

    .txt-gr9 {
        font-size: 16px;
    }

    .txt-gr10 {
        font-size: 20px;
    }
}

@media screen and (max-width: 375px) {
    .inp-prf {
        margin: 10px 10px 10px 5px;
    }
    .cheve1-pop {
        top: -90px;
        left: 60%;
        width: 140px;
    }

    .iframe-panazoom {
        height: 360px;
    }
}
@media screen and (max-width: 360px) {
    .stxt-ft {
        font-size: 9px;
    }

    .stxt-ft2 {
        font-size: 9px;
    }

    .tit-carrousel {
        font-size: 22px;
        max-width: 280px;
    }

    .btn-adc {
        height: auto;
        width: 250px;
    }
}
@media screen and (max-width: 320px) {
    .btn-grl {
        padding: 0 14px 0 0;
    }

    .btn-asesor {
        padding: 0 14px 0 0;
    }

    .inp-prf {
        margin: 10px 80px 10px 5px;
    }

    .iframe-panazoom {
        height: 330px;
    }

    .btn-back {
        left: 75px;
    }

    .wrp-tarjeta {
        width: 300px;
        height: 200px;
    }

    .datos-tarjeta {
        padding-top: 90px;
    }
    .tit-gr3 {
        font-size: 20px;
    }

    .wrp-tit10 {
        width: 250px;
    }
}
.inline {
    display: inline-block;
}
.coppelToken {
    text-align: center;
    font-size: larger;
    font-weight: 600;
}
.info-canjes-ta {
    display: inline-block;
    border: 1px solid red;
    font-size: 11px;
    width: 100%;
    background-color: white;
    text-align: center;
    padding-left: 31px;
    padding-right: 31px;
}

.modal {
	z-index: 999999;
}