.banner-reempaque {
    height: 350px;
    background-size: cover;
    position: relative;
    background-color: #ebebeb;
    background-position: center;
    background-image: url(../img/banner_reempaque.png);
    max-width: 1300px;
    margin: auto;
}
.banner-friends {
    height: 350px;
    background-size: cover;
    position: relative;
    background-color: #ebebeb;
    background-position: center;
    background-image: url(../img/banner_amigo_referido-01.png?v=1);
    max-width: 1300px;
    margin: auto;
}

.banner-rewards {
    height: 350px;
    background-size: cover;
    position: relative;
    background-color: #ebebeb;
    background-position: center;
    background-image: url(../img/banner_puntosrewards.png?v=1);
    max-width: 1300px;
    margin: auto;
}

.banner-prealerta {
    height: 350px;
    background-size: cover;
    position: relative;
    background-color: #ebebeb;
    background-position: center;
    background-image: url(https://starkenbox.com/assets/img/banner_prealertar.png);
    max-width: 1300px;
    margin: auto;
}

.t-m {
    text-transform: uppercase !important;
}
.f-14 {
    font-size: 14px;
}

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

.w-90 {
    width: 90%;
    margin: auto;
}
.banner_landing {
    width: 40%;
    top: 80px;
    position: absolute;
    margin: 0;
    padding: 20px 10px 10px 55px;
}
.l-h22 {
    line-height: 22px;
}
.f-right {
    float: right;
}
.cont-white {
    background: #fff;
}

.num-steps-m {
    background: #76bd1d;
    border-radius: 50%;
    color: #fff;
    display: flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
}
.num-steps-p {
    background: #76bd1d;
    border-radius: 50%;
    color: #fff;
    display: flex;
    width: 45px;
    height: 45px;
    justify-content: center;
    align-items: center;
}
.steps-f p {
    margin-top: 7px;
}

.f-img {
    width: 70%;
}
.w-80 {
    width: 80%;
    margin: auto;
}

.img-viewmore {
    position: absolute;
    display: flex;
    bottom: 0px;
}

[data-target*="modal-paso"] {
    cursor: pointer;
}

.register-stores img {
    width: 85%;
    margin-left: 10%;
    border: 1px solid #ccc;
    padding: 0px 8px;
    border-radius: 5px;
    margin-top: 22px;
}
.register-stores {
    height: 324px;
    box-shadow: -2px 0px 5px 0px rgb(201 201 201);
}
.modal.fade.show {
    z-index: 9999999999 !important;
}
.btn-link-cl {
    padding: 1px 20px;
    background: #d6001a;
    color: #fff;
    border-radius: 3px;
}

.btn-link-cl:hover {
    background: #757696;
    color: #fff;
}

.m-bottonlg {
    margin-bottom: 30px !important;
}

.link-here {
    font-weight: 600;
    cursor: pointer !important;
    text-decoration: underline !important;
    color: #333454 !important;
}

.btn-circle-modal {
    position: absolute !important;
    margin-left: 98% !important;
    background: #d6001a !important;
    border: 0px !important;
    border-radius: 50% !important;
    /*margin-top: -15px !important;*/
    margin-top: -69px !important;
}

.m--top7 {
    /*margin-top: 9.2% !important;*/
    margin-top: 130px !important;
}

.t-banner {
    font-size: 24px;
    font-weight: 900;
    color: #003057;
}

.checked-cl {
    line-height: 25px;
    font-size: 15px;
}
.m-toplg {
    margin-top: 30px;
}
.padding-md {
    padding: 25px;
}

.m-topxl {
    margin-top: 15px;
}
.f-900 {
    font-weight: 900;
}
.btn_view_m {
    padding: 8px 38px;
    background: #76bd1d;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    border-radius: 30px;
    position: absolute;
    bottom: 0px;
    display: flex;
    cursor: pointer;
}
.btn_view_m:hover {
    color: #fff;
    cursor: pointer;
}

.btn-circle-modal {
    position: absolute !important;
    margin-left: 95% !important;
    background: #76bd1d !important;
    border: 0px !important;
    border-radius: 50% !important;
    margin-top: -80px !important;
    padding: 5px 12px;
}
.modal .panel-info {
    border-color: transparent !important;
}

@media (max-width: 992px) {
    .banner_landing {
        width: 50%;
    }
    .m--top7 {
        margin-top: 90px !important;
    }
}
@media (max-width: 767px) {
    .register-stores {
        height: auto;
    }
    .steps-f ~ .row .col-md-4 {
        text-align: center !important;
    }
    .img-viewmore {
        position: relative;
        display: initial;
    }
    .banner_landing {
        width: 70%;
    }
}
@media (max-width: 930px) {
    .banner-reempaque > .banner_landing {
        width: 60%;
    }
    .banner-friends > .banner_landing {
        width: 60%;
    }
}
@media (max-width: 670px) {
    .banner-reempaque > .banner_landing {
        width: 85%;
        padding: 0px !important;
        margin-left: 8% !important;
    }
    .banner-friends > .banner_landing {
        width: 85%;
        padding: 0px !important;
        margin-left: 8% !important;
    }
    .w-80 {
        width: 90% !important;
    }
}

@media (max-width: 600px) {
    .banner_landing {
        width: 80%;
    }
}

@media (max-width: 550px) {
    .banner-prealerta {
        background-image: url(../img/banner_prealertar_movil.png?v=3) !important;
    }

    .banner-friends {
        background-image: url(../img/banner_amigo_referido-01_movil.png?v=1);
    }

    .banner-rewards {
        background-image: url(../img/banner_puntosrewards_movil.png?v=1);
    }

    .banner-reempaque {
        background-image: url(../img/banner_reempaque_movil.png?v=2);
    }
}
@media (max-width: 480px) {
    .banner_landing {
        width: 100%;
        padding: 20px 10px 10px 20px;
    }
}

.btn-close-modal {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #76bd1d;
    margin-left: 97%;
    margin-top: -10px;
    color: #fff !important;
    display: flex;
    font-weight: bold;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.a-stores {
    text-align: center;
    border: 1px solid;
    padding: 10px;
    border-radius: 10px;
    font-weight: bold;
    font-size: 15px;
}

button.slick-arrow.slick-prev {
    background: #fff url(/assets/img/arrow-left.png) center no-repeat;
    background-size: 80%;
    border-radius: 50%;
}

button.slick-arrow.slick-next {
    background: #fff url(/assets/img/arrow-right.png) center no-repeat;
    background-size: 80%;
    border-radius: 50%;
}
.slick-prev:before {
    content: none !important;
}
.slick-next:before {
    content: none !important;
}
.slick-slide img {
    transition: transform 0.2s;
    cursor: pointer;
}
.slick-slide img:hover {
    transform: scale(1.2);
}
.stores-modal {
    padding: 4px 24px;
    font-weight: 300;
    font-size: 15px;
    border-radius: 20px;
}
.tab-pills-cmf .nav-pills .nav-link.active {
    animation-name: none;
    background-color: #f06f01;
    border: none;
    color: #fff;
}

.tab-pills-cmf .nav-pills .nav-link {
    background-color: rgba(87, 25, 154, 0.1);
    border-radius: 0;
    color: #8c8c8c;
    margin: 1px;
    position: relative;
}
.tab-pills-cmf .nav-pills .nav-link.active:after {
    content: "";
    height: 14px;
    width: 14px;
    position: absolute;
    transform: rotate(45deg);
    z-index: 101;
    background-color: #f06f01;
    margin: 0 0 -7px -7px;
    left: 1.5rem;
    bottom: 0;
}
.tab-pills-cmf .nav-pills .nav-link.active {
    animation-name: none;
    background-color: #f06f01;
    border: none;
    color: #fff;
}
.tab-pills-cmf .nav-pills .nav-link:not(.active):hover {
    color: #10a34c;
}
@media (min-width: 992px) {
    .tab-pills-cmf .nav-pills .nav-link {
        padding: 1.1rem 1rem;
        font-size: 14px !important;
        margin: 1px 1px 1rem;
    }
}
.btn-viewhere {
    color: #10a34c;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}
#ModalPreAlertas {
    padding-right: 0px !important;
}
.box {
    padding-top: 15px;
    padding-bottom: 4px;
}
#footer {
    margin-top: 0px !important;
}
.btn-send {
    background: #082e57;
    color: #fff !important;
    border-radius: 20px;
    border: 0;
    padding: 5px 30px;
    cursor: pointer;
}
.bn-2 .t-h1 {
    font-size: 30px;
    width: 100%;
    max-width: 610px;
}
.bn-2 .t-h4 {
    font-size: 20px;
    max-width: 600px;
    margin-top: 20px;
}
.col-sm-12 > p.t-sm {
    margin-top: 10px;
}
[id*="modal-paso"] {
    padding-right: 17px;
    margin-top: 0px;
}
a[data-toggle="modal"] {
    cursor: pointer;
}
@media (max-width: 574px) {
    .num-steps-p.f-right {
        float: left !important;
    }
    .col-12 .col-10 strong {
        margin-left: -5%;
    }
}
@media (max-width: 767px) {
    .mtop20 {
        margin-top: 20px;
    }
    .w-80.checked-cl {
        width: 100% !important;
    }
}
@media (max-width: 1399px) {
    .t-h4 {
        font-size: 18px !important;
    }
}
@media (max-width: 1199px) {
    .bn-2 .t-h1 {
        font-size: 26px !important;
    }
    .t-h4 {
        font-size: 16px !important;
    }
}
@media (max-width: 991px) {
    .t-h4 {
        text-align: center !important;
        margin: 20px auto !important;
    }
}

@media (max-width: 660px) {
    .t-h4 {
        font-size: 16px !important;
    }
    .bn-2 .t-h1 {
        font-size: 18px !important;
        margin-top: 15px !important;
    }
}
@media (max-width: 992px) {
    .m-topcalc {
        margin-top: 40px;
    }
}

@media (max-width: 599px) {
    .slick-slide img {
        margin: auto !important;
    }
    .slick-next {
        right: 0px !important;
    }
    .slick-prev {
        left: 0px !important;
    }
    .m-topcalc {
        margin-top: 35px;
    }
}
@media (max-width: 575px) {
    #body_TextBox1 {
        margin-top: -35px;
    }
    .cont-s.padding-bsm .col-sm-4.col-md-4 {
        text-align: center;
        margin-top: 10px;
    }
    .cont-seguimiento .col-md-2 {
        text-align: center;
        margin-bottom: 10px;
    }
    .btn.btn-search.m-top12.t-white {
        margin-top: -5px;
    }
    .cont-s .col-md-10 {
        text-align: center;
    }
    .cont-seguimiento {
        height: 270px;
    }
    .home-buy,
    .home-step {
        background-size: auto;
    }
}
@media (max-width: 500px) {
    .cont-s .col-md-2 {
        text-align: center;
    }
    .cont-seguimiento {
        height: 300px;
    }
}