body {
    font-family: 'Open Sans', sans-serif;
}

/* ocultar el spin flechitas en campo numerico */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
    /* Firefox */
}

.Cart #_modalTodo .modal-body {
    margin: 0;
    padding: 20px 30px;
    position: relative;
    background: white;
    float: left;
    max-height: 500px;
    overflow: auto;
}

/*Loader*/

.lds-ring {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
}

#ship-suc .lds-ring {
    margin-top: 40px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    margin: 8px;
    border: 5px solid #999;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #999 transparent transparent transparent;
}

    .lds-ring div:nth-child(1) {
        animation-delay: -0.45s;
    }

    .lds-ring div:nth-child(2) {
        animation-delay: -0.3s;
    }

    .lds-ring div:nth-child(3) {
        animation-delay: -0.15s;
    }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* FUENTES  **********************************************************************
**********************************************************************************
**********************************************************************************/

/* grad */
.grad-2,
.grad-2:hover {
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #004C8F), color-stop(1, #25579c));
    background-image: -o-linear-gradient(right, #004C8F 0%, #01315b 100%);
    background-image: -moz-linear-gradient(right, #004C8F 0%, #01315b 100%);
    background-image: -webkit-linear-gradient(right, #004C8F 0%, #01315b 100%);
    background-image: -ms-linear-gradient(right, #004C8F 0%, #01315b 100%);
    background-image: linear-gradient(to right, #004C8F 0%, #01315b 100%);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.13);
}



/* BOTONES ********************************************/
.btn {
    border: 1px solid;
    border-radius: 50px;
    font-size: 1.1em;
    font-weight: 400;
    min-width: 182px;
    padding: 6px 20px;
    text-shadow: none;
    box-shadow: none;
    line-height: 1.5em;
}

.btn-primary,
.btn-danger,
.btn-default {
    background: #004C8F;
    border-color: #004C8F;
    color: #fff;
}

    .btn-primary:hover,
    .btn-danger:hover,
    .btn-default:hover {
        background: #01315b !important;
        border-color: #01315b;
    }


.cart-items-mobile {
    display: none;
}

.modal-content {
    border: 0;
}

.modal-body {
    background: #F6F6F6;
}

.nopaddinginline > :nth-child(3) {
    padding: 0;
    padding-right: 15px;
}

.nopaddinginline > :nth-child(2) {
    padding-left: 0;
}


.form-group.flex-group {
    display: flex;
    align-items: center;
}

.modal-body label {
    font-style: normal;
    font-weight: normal;
    font-size: 12.5px;
    line-height: 18px;
    margin-top: 2px;
    color: #646464;
}

.modal-body .form-control {
    background: #FFFFFF;
    border: 1px solid #BFBFBF;
    padding: 12px 15px;
    height: auto;
}

    .modal-body .form-control::-webkit-input-placeholder {
        font-style: normal
    }

    .modal-body .form-control:-moz-placeholder {
        font-style: normal
    }

    .modal-body .form-control::-moz-placeholder {
        font-style: normal
    }

    .modal-body .form-control:-ms-input-placeholder {
        font-style: normal
    }

.modal-body .BUTTONBUY {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    color: #FFFFFF;
    background: #004C8F;
    border-radius: 50.4px;
    border: 0;
    padding: 10px;
    width: 100%;
    text-transform: none;
    max-width: 191px;
    margin-top: 15px;
}

.modal-body .form-group a {
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    text-decoration-line: underline;
    color: #004C8F;
}

.modal-footer {
    background: #F6F6F6;
}

    .modal-footer .btn {
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        color: #FFFFFF;
        background: #004C8F;
        border-radius: 50.4px !important;
        border: 0;
        padding: 10px;
        width: 100%;
        text-transform: none;
        max-width: 191px;
        margin-top: 15px;
    }

@media (max-width: 767px) {
    .modal-body {
        margin: 0;
        padding: 15px 15px;
        position: relative;
    }

    .modal-dialog {
        margin: 0;
    }
}



header,
header .upper,
.header .main,
section,
.LOGO,
.MENU_TOP,
.MENU_MAIN,
.SEARCH_BOX,
.CART_BOX,
.LOGIN_BOX,
footer,
footer .upper,
footer .main,
footer .credits {
    position: relative
}


.align_center {
    text-align: center
}

.align_right {
    text-align: right
}

.align_left {
    text-align: left
}

a {
    transition: all 0.4s ease-in 0s;
}

.marco {
    background: #f5f5f5 none repeat scroll 0 0 !important;
    border: 3px double #e3e3e3 !important;
    border-radius: 5px !important;
}

    .marco .btn-default {
        border: 1px solid #a9a9a9;
    }


/* banners */
.banner-item {
    width: 100% !important;
}

    .banner-item img {
        width: 100%;
    }

    .banner-item.Html img {
        width: auto;
    }

@media (max-width: 767px) {
    .banner-item {
        margin-bottom: 30px
    }
}

@media (max-width: 767px) {

    .nopaddinginline > :nth-child(2) {
        padding-left: 15px;
        margin-top: 10px;
    }

    .nopaddinginline > :nth-child(3) {
        margin-top: 10px;
    }
}


.cc-form .customselect {
    float: left;
    width: 45%;
    margin-right: 5%;
}

.cc-form label {
    width: 100%;
    margin-top: 15px;
}

.cc-form .field-validation-valid:before {
    margin-top: 15px;
    color: #00ff2b;
}

.cc-form .required {
    color: #ffb200;
    float: none;
    font-size: 0.9em;
    margin-left: 4px;
    margin-top: 1px;
}


.required {
    color: #646464;
    float: right;
    font-size: 0.9em;
    margin: 0px 0px 0 3px;
}

.required-text {
    color: #999;
    font-size: 1.1em;
    font-style: italic;
    margin: 0;
}

    .required-text .required {
        font-size: 0.861.2em;
        margin: 0 5px 0 0;
    }

fieldset p {
    color: #777;
    float: left;
    font-size: 0.9em;
    margin-top: 10px;
}

.message {
    border: 1px solid;
    background-clip: padding-box;
    border-radius: 2px;
    display: block;
    font-size: 2em;
    line-height: 1em;
    padding: 15px;
}

fieldset .row_line {
    border-top: 2px dotted #ebdfa6;
    clear: both;
    margin: 5px 0;
}

.navbar-header {
    float: left;
}

/*Formularios*/

.Cart .form-control {
    height: 40px;
    background: white !important;
    border-radius: 8px;
}

    .Cart .form-control[disabled],
    .Cart .form-control[readonly] {
        background-color: #ececec !important;
    }

.Cart .customselect::after {
    content: "\f123";
    font-size: 14px;
    display: flex;
    align-items: center;
    text-align: center;
    font-family: "Ionicons";
    height: auto;
    bottom: 8px;
    color: gray;
}

/* Modal garantia *******/
.GarExt {
    width: 100% !important;
}

    .GarExt h2 {
        border-top: 1px dashed #d1d1d1;
        color: #777;
        font-size: 1.4em;
        margin: 25px 0 10px;
        padding-top: 10px;
    }

        .GarExt h2:first-child {
            border: 0 none;
            margin-top: 0;
        }

    .GarExt p {
        margin-left: 20px;
    }

    .GarExt ol {
        list-style: outside none square;
        margin-left: 35px;
    }

    .GarExt .frase {
        color: #003F84;
        font-size: 1.6em;
        font-weight: 400;
        margin: 25px 0 0;
    }

#ModalWarr .breadcrumbs h1 {
    margin: 15px 0 10px !important;
}

#ModalWarr .inner > div {
    padding: 0 15px;
}

.subPrice {
    color: #000000 !important;
    font-size: 0.9em !important;
}

.CartCobertura {
    color: #07a1ea !important;
}

@media (max-width: 767px) {
    #ModalWarr .fulltop {
        display: none;
    }

    #ModalWarr {
        font-size: 0.9em
    }

    .cart-items {
        border: 1px solid #e0e0e0;
        box-shadow: 0px 2px 5px #ececec;
        margin-bottom: 15px;
        width: 100% !important;
    }
}


/*********************************************************************/

/*   PROCESO DE COMPRA            /////////////////////////////////  */


/*//////////////////////////////////////////////////////////////////*/

.Cart footer {
    margin: -102px 0 0;
    height: 102px;
}

body.Cart #wrap > .container {
    min-height: 100vh !important;
    padding-bottom: 135px;
}

.Cart .backtotop {
    display: none;
}



.Cart aside {
    float: right;
}

    .Cart aside.sticky {
        position: sticky;
        top: 10px;
    }

.containerhead {
    display: flex;
    justify-content: space-between;
    height: auto;
    position: static;
    float: none;
    margin: auto;
    padding: 10px 0px;
}

    .containerhead::before,
    .containerhead::after {
        display: none
    }

.Cart #wrap {
    padding-top: 0 !important;
}

/*Aside Checkout*/
.Checkout .jumbotron,
.Checkout .jumbotron > div {
    padding: 0px;
}

#asideCheckout {
    background-color: #fff;
    padding: 15px 0px 0px 0px !important;
    top: 0px;
    width: 31.5% !important;
}

    #asideCheckout #total-section {
        margin-top: 0;
        background: #EFF8FF;
        border: 1px solid #003F84 !important;
        color: inherit !important;
        display: inline-block;
        min-height: 120px !important;
        padding: 9px 35px 0px 30px !important;
        text-align: right;
        width: 100%;
        border-radius: 0px !important;
        margin-top: 5%;
    }

        #asideCheckout #total-section .total {
            display: flex;
            justify-content: center;
            padding: 15px 0px 15px 0px;
        }

            #asideCheckout #total-section .total ul {
                width: 100%;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

    #asideCheckout #cart-table {
        border-bottom: none;
        border-radius: 0;
        color: inherit;
        float: left;
        margin-bottom: 0px;
        width: 100%;
        margin-top: 15px;
    }

        #asideCheckout #cart-table .pr_info {
            display: none;
        }

        #asideCheckout #cart-table .pr_name {
            padding-right: 4%;
        }

        #asideCheckout #cart-table section:first-child {
            border: none !important;
            padding-left: 29px;
            width: 25%;
        }

            #asideCheckout #cart-table section:first-child .pr_image {
                padding-left: 29px;
                width: 25%;
            }

        #asideCheckout #cart-table section div.pr_image {
            padding: 9px 5px 9px 15px;
        }

        #asideCheckout #cart-table .price {
            text-align: left;
        }

        #asideCheckout #cart-table .subPrice {
            text-align: left;
            position: absolute;
            top: 44px;
            right: 37px;
            width: fit-content;
        }

        #asideCheckout #cart-table span {
            font-size: 1em;
            color: #7b7b7b;
        }

        #asideCheckout #cart-table .subPrice span {
            font-size: 1.2em !important;
            color: #000 !important;
        }

        #asideCheckout #cart-table .price {
            padding-right: 10px;
        }

    #asideCheckout .bt_modify {
        position: absolute;
        top: 0px;
        right: 21px;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        display: flex;
        align-items: center;
        text-align: center;
        text-decoration-line: underline;
        color: #07a1ea;
    }

body #asideCheckout .card:not(.active) h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    margin: 0;
    text-align: left;
    position: relative;
    left: 10px;
    padding-left: 20px;
}

#asideCheckout #total-section .total strong {
    font-weight: bold;
    font-size: 23px;
    position: relative;
    top: -2px;
    margin-left: 7px;
}

    #asideCheckout #total-section .total strong:before {
        content: '$';
    }

.Cart footer .credits p {
    margin: 0;
}

@media (max-width: 1199px) {
    #asideCheckout {
        background-color: #fff;
        padding: 15px 0px 0px 0px !important;
        top: 0px;
        width: 100% !important;
        margin: auto;
        position: relative;
        left: 0px;
    }

    .Cart aside.sticky {
        position: unset;
    }
}


@media (max-width: 991px) {
    .containerhead {
        display: inline-block;
        width: 100%;
    }
}

/* boton chat */
@media (max-width: 767px) {
    #launcher {
        bottom: 208px !important;
        margin: 0 -71px 11px 0 !important;
    }
}

@media (max-width: 479px) {
    #asideCheckout {
        position: initial;
    }

    #launcher {
        margin: 0 -75px 11px 0 !important;
    }

    #asideCheckout {
        width: 100% !important;
    }

    .Checkout .jumbotron {
        background: transparent none repeat scroll 0 0;
        border: 0;
        border-radius: 0;
        color: inherit;
        float: left;
        margin: 0px;
        overflow: hidden;
        padding: 0px;
        text-align: center;
        width: 100% !important;
    }

        .Checkout .jumbotron > div {
            padding: 0px !important;
        }

    #asideCheckout #total-section {
        padding: 9px 15px 0px 15px !important;
    }

    /*
    #asideCheckout #total-section .total strong{
        top: 0;
        left: 65%;
    }*/
    #asideCheckout #cart-table .subPrice {
        text-align: left;
        position: absolute;
        top: 65px;
        right: 10px;
        padding-right: 0px !important;
        width: fit-content;
    }

    #asideCheckout #cart-table section:first-child .pr_image {
        padding-left: 15px;
        width: 33%;
    }
}


@media (max-width: 479px) {

    #Mp_checkout label {
        font-size: 12px;
    }

    #Mp_checkout .custom-select > select {
        font-size: 12px;
    }

    .Cart.Order input {
        margin-bottom: 0;
    }

    .aviso {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 10px 0px;
    }

    input#sendOffers {
        position: relative;
        top: -2px;
        margin-right: 5px;
    }
}

/*////////////////////////////////////////////////////////////////////*/


/*   HEADER                ////////////////////////////////////////  */


/*//////////////////////////////////////////////////////////////////*/


header:not(.modal-header-modo) {
    z-index: 3;
    top: 0px;
    box-shadow: none;
    height: auto;
    margin-bottom: 34px;
    background: #F6F6F6;
}

header {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(1, #000));
    background-image: -o-linear-gradient(bottom, #eee 0%, #fff 100%);
    background-image: -moz-linear-gradient(bottom, #eee 0%, #fff 100%);
    background-image: -webkit-linear-gradient(bottom, #eee 0%, #fff 100%);
    background-image: -ms-linear-gradient(bottom, #eee 0%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 0%, #fff 100%);
}




    /* MAIN **********************************************/

    header .main .navbar-default {
        background: transparent none repeat scroll 0 0;
        border: 0 none;
        box-shadow: none;
        margin: 8px 0 7px;
        padding: 0;
        width: 100%;
        display: flex;
        min-height: 0;
    }

.Cart .navbar-header {
    width: 100%;
    display: table;
    text-align: center;
    line-height: 0;
}

header .main {
    background-color: #F6F6F6;
}

.Cart header {
    background: #F6F6F6;
}

@media (max-width: 767px) {
    .navbar-header {
        float: left;
        position: relative;
        width: auto;
        display: inline-flex;
    }

    header .main {
        background-color: #040043;
    }

    .Cart header {
        background: #040043;
    }
}

.LOGO {
    height: auto;
    line-height: 0;
    margin: 0 0 0 28px;
    position: relative;
    width: 123px;
    padding: 0;
}

    .LOGO img {
        width: 100%
    }



.CART_BOX .cart-button,
.LOGIN_BOX .login-button,
.MENU-ICONS a {
    /*! height: auto; */
    line-height: 1;
}


.caret {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid;
    opacity: 0.6;
    margin-left: 0;
}



/* HEADER **********************************/

.backsite {
    font-size: 14px;
    font-weight: 400;
    position: static;
    z-index: 1;
    height: auto;
    display: flex;
    align-items: center;
    z-index: 999999;
}

    .backsite a {
        color: #004C8F;
        float: left;
        margin-top: 0;
        padding: 0;
        position: relative;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        height: 100%;
        z-index: 999;
        display: flex;
        align-items: center;
        position: relative;
    }

        .backsite a:before {
            position: relative;
            float: left;
            top: 1px;
            font-family: "Ionicons";
            content: "\f124";
            font-size: 12px;
            margin-right: 8px;
        }

        .backsite a:hover {
            text-decoration: underline !important;
            color: #003F84 !important;
        }

    .backsite.up a,
    .backsite.up a:hover,
    .backsite.up a:focus {
        text-decoration: none !important
    }

    .backsite.bk2 {
        width: auto;
        float: right;
        left: unset;
        margin: 0;
        position: relative;
        top: unset;
    }

        .backsite.bk2 a {
            font-size: 0.8em;
            font-weight: normal;
            margin-top: 0;
            padding: 3px;
            text-decoration: underline;
        }

            .backsite.bk2 a:before {
                display: none;
            }


        .backsite.bk2.add {
            display: flex;
            justify-content: center;
            width: 100%;
            position: static;
        }

            .backsite.bk2.add a::before {
                display: block;
            }

            .backsite.bk2.add a {
                font-style: normal;
                width: 100%;
                display: flex;
                justify-content: center;
                font-style: normal;
                font-weight: 600;
                font-size: 16px;
                line-height: 39px;
                color: #004C8F;
                text-decoration: underline;
            }

                .backsite.bk2.add a:hover {
                    text-decoration: underline;
                    color: #01315b !important;
                }

.seguro {
    background: rgba(0, 0, 0, 0) url("/Content/Cart/Images/compra-seguro.png") no-repeat scroll 0 0 / 100% auto;
    display: block;
    width: 127px;
    height: auto;
    order: 3;
    background-position: center;
}


@media (max-width: 1199px) {

    #cart-table,
    .Cart.Order aside {
        font-size: 0.97em;
    }
}


@media (max-width: 991px) {
    .Cart .backsite {
        top: 1px;
        position: absolute;
        height: 100%;
    }

    .Cart aside {
        padding: 0 20px
    }

    .backsite a::before {
        font-size: 20px;
    }

    .backsite.add a::before {
        font-size: 12px;
    }
}

@media (max-width: 991px) {
    .seguro {
        display: none
    }

    .Preview ol,
    .Order ol,
    #_cartform_ {
        padding: 0 !important;
    }

    .backsite.up span {
        display: none
    }

    .Cart.Index .backsite.up span {
        display: none;
    }

    .seguro {
        margin-top: 2px;
        width: 110px;
    }

    .agregar a {
        font-size: 0.75em;
        height: 40px;
        padding: 9px 5px 0 19px;
        top: 20px;
        width: 107px;
    }

        .agregar a::before {
            font-size: 1em;
            left: 5px;
            top: 16px;
        }
}

@media (max-width: 479px) {
    .agregar a {
        font-size: 9px;
        height: 38px;
        padding-left: 17px;
        top: 22px;
        width: 93px;
    }

        .agregar a::before {
            left: 4px;
            top: 14px;
        }

    .backsite.bk2.add a {
        font-size: 15px;
    }
}

.cart-items {
    border: 1px solid #e0e0e0;
    box-shadow: 0px 2px 5px #ececec;
    margin-bottom: 15px;
    width: -webkit-calc(66.6666667% - 30px);
    width: -moz-calc(66.6666667% - 40px);
    width: calc(66.6666667% - 40px);
}

.cart-resumen-mobile {
    display: none;
}

.cart-resumen {
    background: #f3f3f3;
    border: 1px solid #e0e0e0;
    box-shadow: 0px 1px 1px grey;
    position: -webkit-sticky !important;
    position: -moz-sticky !important;
    position: -o-sticky !important;
    position: -ms-sticky !important;
    position: sticky !important;
    top: 10px;
    padding-left: 20px;
}

.mobile-cupon {
    display: none;
}

.Cart .LOGO {
    display: inline-block;
    float: none;
    width: 180px;
    margin: 0 0px;
    padding: 0;
}

    .Cart .LOGO img {
        width: 100%
    }


    .Cart .LOGO .logocont {
        display: block;
        float: left;
        margin: 0;
        position: relative;
        width: 100%;
    }

        .Cart .LOGO .logocont.logo1 {
            margin-right: 20px;
        }

        .Cart .LOGO .logocont img {
            width: 100%;
        }

.caja {
    background: #fff none repeat scroll 0 0;
    /* border: 2px solid #e0e0e0; */
    /* border-radius: 10px; */
    padding: 30px 0;
    z-index: 0;
}

/* Step Top Header Cart*/
.stepsHeader {
    margin: auto;
    width: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.Cart.Index .stepsHeader {
    display: none;
}

.Cart.Index .stepsHeader_mobile_move {
    display: none;
}

.Cart.Index .stepsHeader_mobile {
    display: none;
}

.setp {
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

    /*#st1 circle {background: #fff;}*/
    .setp circle {
        width: 12px;
        height: 12px;
        border-radius: 100%;
        border: 2px solid #999;
        background: transparent;
        margin: 0px 10px 0px 0px;
        order: 1;
    }

    .setp p {
        font-size: 12px;
        color: #999;
        font-weight: 500;
        text-transform: uppercase;
        margin: 0;
        padding: 0px 10px 0px 0px;
        order: 2;
    }

    .setp div {
        height: 15px;
        width: 90px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0px 10px 0px 0px;
        order: 3;
    }

        .setp div line {
            width: 100%;
            height: 1px;
            background-color: #ccc;
        }

.stepsHeader_mobile {
    display: none;
}

.stepsHeader_mobile_move {
    display: none;
}

.checkStep::before {
    height: 12px;
    content: "";
    position: relative;
    top: -2px;
    background: #006AFD;
    border-radius: 100%;
    width: 12px;
    display: block;
    left: -1px;
}

.checkStep-error::before {
    height: 12px;
    content: "";
    position: relative;
    top: -2px;
    background: darkred;
    border-radius: 100%;
    width: 12px;
    display: block;
    left: -1px;
}

@media (max-width: 767px) {
    .Cart .LOGO img {
        width: 80%;
        padding: 15px 0px 0px 0px;
        text-align: center;
    }

    .stepsHeader {
        margin: auto;
        width: 100%;
        display: none;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
        overflow: hidden;
        position: fixed;
        top: 45px;
        left: 0;
        background: #040043;
        padding: 5px 0px 10px 0px;
    }

    .step {
        display: none;
    }

    #st3 {
        display: none;
    }

    .stepsHeader_mobile {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .stepsHeader_mobile_move {
        display: none;
        width: 100%;
        justify-content: center;
        align-items: center;
        position: fixed;
        left: 0;
        top: 0;
        padding: 10px 0px;
        background: #040043;
    }

    .stepsHeader_mobile .headerSection {
        width: 80%;
        margin-bottom: 10px;
    }

    .stepsHeader_mobile_move .headerSection {
        width: 80%;
    }

    .Cart .backsite {
        display: none;
    }

    .Cart.Index .backsite {
        display: block;
    }

    .headerSection .backsite.up {
        display: block;
        height: auto;
        position: relative;
        left: -10%;
        right: 0;
        top: 5px;
    }

    .stepsHeader_mobile_move .headerSection .backsite.up {
        display: block;
        height: auto;
        position: relative;
        left: -7%;
        right: 0;
        top: 5px;
    }

    .textDinamic {
        width: 100%;
        font-size: 20px;
        color: #fff;
        font-weight: 400;
        line-height: 25px;
        text-align: center;
    }

    .stepsHeader_mobile_move .headerSection .textDinamic {
        width: 100%;
        font-size: 13px;
        color: #fff;
        font-weight: 400;
        line-height: 25px;
        text-align: center;
        position: relative;
        left: -3%;
    }

    .setp div {
        width: 30px;
    }

    #st_compra {
        display: none;
    }

    #st_pagos div {
        display: none;
    }

    .setp p {
        color: #FFFFFF80;
    }

    .setp circle {
        border: 1px solid #FFFFFF80;
    }

    .backsite a {
        color: #fff;
    }
}

/**/
@media (max-width: 991px) {
    .cart-items {
        width: 100%;
    }

    .Cart .LOGO {
        width: 140px;
        margin: -11px 5px 4px;
    }
}

@media (max-width: 767px) {
    .Cart h1 {
        margin: 5px 0 11px !important;
        font-size: 1.9em !important;
    }

    .cart-items {
        border: none;
        box-shadow: none;
        display: none;
    }

    .cart-items-mobile {
        display: block;
        margin: 0 15px
    }

    .prod-box-mobile {
        border-top: solid 2px #efefef;
        border-bottom: solid 2px #efefef;
    }

    .cart-resumen-mobile {
        display: block;
    }

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

        .img-mobile img {
            width: 80%;
            margin: 0 auto;
        }

    .cart-items-mobile .pr_name {
        font-size: 1.5em;
    }

    .cart-resumen {
        /* display:none; */
    }

    .cart-resumen-mobile {
        position: fixed;
        background: #e4e4e4;
        box-shadow: inset 0 0 10px 0 #bbbbbb;
        width: 100%;
        margin-left: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        z-index: 1;
        padding: 0 15px;
        border-top: 1px solid #cecece;
        z-index: 2000;
    }

    #loc-list {
        width: 100%;
        max-height: 300px;
        min-height: unset;
        height: auto !important;
    }

    #map-container .map {
        width: 100%;
        max-height: 300px;
        overflow: hidden;
    }

    .Order .credits {
        margin-bottom: 125px !important;
    }

    .Process .credits {
        margin-bottom: -80px !important;
    }

    .Checkout .credits {
        margin-bottom: -150px !important;
    }

    .mobile-cupon {
        display: block;
        position: absolute;
        background: #e4e4e4;
        width: 100%;
        margin-left: 0px;
        bottom: -164px;
        left: 0px;
        right: 0px;
        z-index: 1;
        padding: 0 15px;
        border-top: 1px solid #cecece;
        z-index: 5;
    }

        .mobile-cupon .cupon {
            font-size: 1.2em;
            letter-spacing: -0.02em;
            margin: 0;
            width: 100%;
            overflow: visible;
            border: none;
        }


    .mobile-cupon2 {
        display: block;
        position: absolute;
        background: #e4e4e4;
        width: 100%;
        margin-left: 0px;
        bottom: -215px;
        left: 0px;
        right: 0px;
        z-index: 1;
        padding: 0 15px;
        border-top: 1px solid #cecece;
        z-index: 5;
    }

        .mobile-cupon2 .cupon {
            font-size: 1.2em;
            letter-spacing: -0.02em;
            margin: 0;
            width: 100%;
            overflow: visible;
            border: none;
        }


    .mobile-input {
        font-size: 1.5em;
        padding: 6px;
        width: 100%;
    }

    .Cart .buttonNext input,
    .Cart .buttonNext span {
        margin: 5px 0px !important;
    }

    .Cart .buttonNext {
        text-align: center;
        /* margin-top:10px; */
        position: relative;
        width: 100% !important;
        color: #fff;
    }

    #total-section {
        margin: 5px 0 5px !important;
        min-height: 0;
    }

        #total-section .total {
            display: flex;
            justify-content: space-between;
        }
}

@media (max-width: 479px) {
}



/* STEPBAR *****************************************/

@keyframes myanimation {
    0% {
        left: 0;
    }

    100% {
        left: 50%;
    }
}

.stepbar {
    background-color: #efefef;
    background-size: 35px 35px;
    height: 3px;
    margin: 75px auto 60px;
    padding: 0;
    position: relative;
    width: 80%;
    z-index: 0;
}

    .stepbar:before {
        background-color: #efefef;
        background-size: 35px 35px;
        content: " ";
        height: 3px;
        left: 0;
        position: absolute;
        width: 33.33%;
    }

body .stepbar:before {
    background-color: #004C8F;
}

.stepbar li {
    color: #bbbbbb;
    display: block;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 33.33%;
    float: left;
    min-height: 1px;
}

    .stepbar li a {
        color: #999;
        display: block;
        float: none;
        font-size: 12px;
        font-weight: normal;
        margin: -37px auto 0;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        width: 140px;
        padding-bottom: 42px;
        z-index: 2;
    }

    .stepbar li:before {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #efefef;
        border-radius: 50%;
        color: #999;
        font-size: 14px;
        font-weight: 400;
        height: 28px;
        left: calc(50% - 14px);
        line-height: 26px;
        position: absolute;
        text-align: center;
        top: -11px;
        width: 28px;
        z-index: 1;
    }

    .stepbar li:nth-child(1)::before {
        content: "1";
    }

    .stepbar li:nth-child(2)::before {
        content: "2";
    }

    .stepbar li:nth-child(3)::before {
        content: "3";
    }

    .stepbar li:nth-child(4)::before {
        content: "4";
    }

    .stepbar li.active a {
        background: transparent none repeat scroll 0 0;
        color: #004C8F;
        font-weight: bold;
    }

    .stepbar li.active:before {
        border-color: #004C8F;
        color: #004C8F;
        font-weight: 700;
    }

    .stepbar li.active:after {
        background-color: #004C8F;
        background-size: 35px 35px;
        content: "";
        height: 3px;
        left: 50%;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0;
    }



#SHIPPING li.card.active {
    padding-bottom: 40px !important;
}


/* border-radius general */
.Order li.card.selected {
    margin-bottom: -1px !important;
    box-shadow: none !important;
    padding: 12px 30px !important;
    opacity: 1 !important;
}

.Order li#PAYMETHOD.active {
    margin-top: 25px !important;
}




.Cart .buttonNext input,
.Cart .buttonNext span,
.Cart .buttonBack,
#total-section,
.cupon,
#cart-table .WARRANTY {
    overflow: hidden;
}

#PAYMETHOD {
    padding: 15px;
    margin-bottom: 15px;
    box-sizing: border-box;
}

    /* Create a custom radio button */
    #PAYMETHOD .checkmark {
        position: absolute;
        top: 22px;
        left: 18px;
        height: 20px;
        width: 20px;
        background-color: #fff;
        border: solid 1px #c3c2c2;
        border-radius: 50%;
    }

    /* On mouse-over, add a grey background color */
    #PAYMETHOD .checkmark {
        background-color: #fff;
        border: solid 1px #c3c2c2;
        border-radius: 50%;
    }

    /* When the radio button is checked, add a blue background */
    #PAYMETHOD .active .checkmark {
        background-color: #004C8F;
        border: none;
    }

        /* Create the indicator (the dot/circle - hidden when not checked) */
        #PAYMETHOD .active .checkmark:before {
            content: "";
            position: absolute;
            display: none;
        }

        /* Show the indicator (dot/circle) when checked */
        #PAYMETHOD .active .checkmark:before {
            display: block;
        }

    /* Style the indicator (dot/circle) */
    #PAYMETHOD .checkmark:before {
        top: 6px;
        left: 6px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: white;
    }

.observaciones {
    border: 1px solid #e0e0e0;
    box-shadow: 0px 2px 5px #ececec;
    padding: 15px;
    margin-bottom: 15px;
}

/* sticky aside */
.all > form {
    float: left;
    height: 100%;
    width: 100%;
}

    .all > form aside {
        position: -webkit-sticky !important;
        position: -moz-sticky !important;
        position: -o-sticky !important;
        position: -ms-sticky !important;
        position: sticky !important;
        top: 10px;
        /* margin-left: 40px; */
        width: 33.33333333%;
        float: right;
        background: #f3f3f3;
        border: 1px solid #e0e0e0;
        box-shadow: 0px 1px 1px whitesmoke;
    }

.steps {
    /*  width: -webkit-calc(66.6666667% - 40px);
        width:    -moz-calc(66.6666667% - 40px);
        width:         calc(66.6666667% - 40px);*/
}

@media (max-width: 991px) {
    .all > form {
    }

    .all form aside {
        padding-left: 15px;
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .stepbar a {
        opacity: 0.5
    }

    .stepbar .active,
    .stepbar .active:hover {
        opacity: 1
    }

    /*.steps{width: 100%;}*/
    .info_cart {
        margin-left: 85% !important;
    }

    #coupon-form .garantia-select {
        width: 100%;
        margin-bottom: 10px;
    }

    #coupon-form .garantia-texto {
        width: 100%;
        padding-left: 0;
        border: none !important;
        margin-bottom: 10px;
    }


    .Order li.card.active {
        margin-bottom: 15px !important;
    }
}


@media (max-width: 479px) {
    #SHIPPING {
        padding: 10px 10px 12px;
        margin-bottom: 12px;
    }
}


.garantia-drop {
    padding: 7px 7px 7px 7px;
    background: #f3f3f3;
    margin-bottom: 15px;
}

.Content .long_desc {
    float: none !important;
}

.garantia-drop span {
    color: #000000;
}

.garantia-drop .default {
    padding-left: 5px;
}

    .garantia-drop .default:before {
        content: url(/Content/Images/check-icon-off.png) !important;
        padding-right: 5px;
    }

.garantia-drop .gar-sel:before {
    content: url(/Content/Images/check-icon-on.png);
    padding-right: 5px;
}

.garantia-drop .gar-sel {
    padding-left: 5px;
}

.garantia-drop .modi {
    color: #003F84;
    margin-left: 5px;
    font-size: 0.8em;
    text-decoration: underline;
}

.garantia-drop strong,
.garantia-drop em {
    color: #0739ac;
    font-style: normal;
    padding-left: 5px;
}

.garantia-drop:before {
    content: "\e00e";
    float: right;
    font-family: "E3interface";
    font-size: 16px;
    margin: 2px -2px 0 -7px;
    color: #b6b6b6;
    transform: rotate(90deg);
}

.garantia-drop.credicuotas:before {
    display: none;
}

.garantia-drop-bottom {
    padding: 5px;
    background: #f3f3f3;
    margin-bottom: 15px;
    margin-top: -15px;
}

.shipcontainer-garantia {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .shipcontainer-garantia input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.checkmark-garantia {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #bdbdbd;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.shipcontainer-garantia:hover input ~ .checkmark-garantia {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.shipcontainer-garantia input:checked ~ .checkmark-garantia {
    background-color: #0739ac !important;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark-garantia:before {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.shipcontainer-garantia input:checked ~ .checkmark-garantia:before {
    display: block;
}

/* Style the indicator (dot/circle) */
.shipcontainer-garantia .checkmark-garantia:before {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.item-garantia {
    width: 50%;
    float: left;
    padding-left: 5px;
}

.garantia-drop-bottom span {
    color: #000000;
    font-weight: 900 !important;
}

.garantia-drop-bottom .default {
    top: 0px;
    left: 0px;
    position: relative;
}

.instalacion-select .default {
    top: -3px;
    left: 5px;
    position: relative;
}

.garantia-drop-bottom strong {
    color: #0739ac;
    font-weight: 900 !important;
}

.garantia-select {
    width: 53%;
    float: left;
}

.garantia-texto {
    width: 47%;
    float: left;
    padding-left: 15px;
    border-left: solid 1px #c7c7c7;
    padding-bottom: 10px;
}

    .garantia-texto h2 {
        margin: 0;
        font-size: 1.3em;
    }

    .garantia-texto p {
        width: 100%;
        font-size: 1em;
        color: #000000;
    }

    .garantia-texto a:link,
    .garantia-texto a:visited {
        color: #ababab;
        text-decoration: underline;
    }

    .garantia-texto a:visited {
        text-decoration: none;
    }

/* Cart Mobile*/
.cart-items-mobile .pr_info {
    color: #035ea6;
    display: block;
    font-size: 1.1em;
    font-weight: normal;
    text-decoration: none;
    padding-left: 0px;
    margin-top: 5px;
}

.cart-items-mobile input.qty_box {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #d7d7d7;
    border-radius: 0;
    float: left;
    font-size: 0.9em;
    height: 34px;
    line-height: 19px !important;
    text-align: center;
    width: 35px;
    margin-top: 10px;
    margin-right: 5px;
    border-radius: 3px;
}

.cart-items-mobile a.refresh {
    color: #fff;
    background-color: #003F84;
    border-radius: 3px;
    cursor: pointer;
    font-size: 15px;
    position: relative;
    float: left;
    margin-top: 10px;
    padding: 5px 10px;
    text-decoration: none !important;
}

.cart-items-mobile a.remove {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #dddddd;
    border-radius: 0;
    color: #a7a7a7;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 22px;
    font-weight: lighter;
    margin-right: 2px;
    padding: 0px 8px;
    text-align: center;
    text-decoration: none !important;
    position: relative;
    top: 5px;
}

.cart-items-mobile a.refresh:hover {
    color: #060606;
}

.cart-items-mobile a.remove:hover {
    background: #f9f6f6;
}

.cart-items-mobile a.refresh:before {
    content: "\0043"
}

.cart-items-mobile a.remove:before {
    content: "\f252"
}

.cart-items-mobile a.refresh:before {
    font-family: 'e3font';
}

.cart-items-mobile a.remove:before {
    font-family: 'Ionicons';
}

.mobile-price-sub {
    display: block;
    clear: left;
    padding-top: 10px;
    font-size: 1.2em;
}

.mobile-price {
    display: block;
    clear: left;
    padding-top: 5px;
    font-size: 1.8em;
    font-weight: 700;
}

/* Cart Mobile End */

#cart-table section td.vline {
    /*background:url(images/cart-vline.png) no-repeat left center;*/
}

#cart-table section a.edit {
    color: #544F4B;
}



/* TR table_sep: espacio en blanco *****************/

.padright {
    padding-right: 10px !important;
}

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

.table_sep {
    /* border-bottom: 2px solid #ededed !important; */
    border-top: 2px solid #ededed !important;
    border-left: 1px solid #fff !important;
    border-right: 1px solid #fff !important;
}

    .table_sep td {
        background: #fff none repeat scroll 0 0;
        padding: 5px 0 !important;
    }

    .table_sep:first-child {
        border-width: 0 0 1px !important;
    }

    .table_sep:last-child {
        border-width: 0 0 1px !important;
    }






/* TR table_down: WARRANTY *****************/

#cart-table .table_down td {
    padding: 0;
}

.WARRANTY {
    border-top: 1px solid #eee;
    float: left;
    margin: 0 0 11px;
    overflow: visible !important;
    padding: 7px 0 5px;
    position: relative;
    width: 100%;
}

.warr_title {
    color: #004C8F;
    /*float: left;*/
    font-size: 0.9em;
    font-weight: 700;
    line-height: 1em;
    margin: 0 0 7px;
    /* text-transform: uppercase; */
    width: 100%;
    padding: 10px;
}

    .warr_title a:before {
        content: "\f143"
    }

    .warr_title a:after {
        content: "Condiciones";
        background: none;
        position: absolute;
        top: 10px;
        right: 35px;
    }

    .warr_title a:before {
        background: #004C8F none repeat scroll 0 0;
        border-radius: 100%;
        color: #fff;
        display: inline-block;
        font-family: "Ionicons";
        font-size: 10px;
        font-weight: normal;
        height: 15px;
        right: 116px;
        line-height: 16px;
        position: absolute;
        text-align: center;
        top: 8px;
        width: 15px;
    }

        .warr_title a:before:hover {
            background: #01315b;
        }

.WARRANTY .rowElem {
    float: left;
    font-size: 0.9em;
    width: 100%;
}

.WARRANTY.show-si {
    display: block !important;
}

.WARRANTY input {
    display: inline-block;
    margin: 0;
    cursor: pointer;
}

.WARRANTY label {
    line-height: 1em;
    margin: 0 0 4px 8px;
    text-transform: none;
    cursor: pointer;
}

    .WARRANTY label span {
        color: #003F84;
        font-size: 1.05em;
        font-weight: bold;
        white-space: nowrap;
    }

.WARRANTY .cp-price {
    margin-left: auto;
}

.WARRANTY .remove-cp {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    float: right;
    font-family: Ionicons;
    font-size: 40px;
    line-height: 40px;
    color: #000000;
    height: 20px;
    width: 60px;
    margin: 0;
    cursor: pointer;
}

    .WARRANTY .remove-cp:before,
    .WARRANTY .remove-cp:after {
        transform: rotate(-45deg);
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: 0px;
        display: block;
        height: 1px;
        width: 15px;
        background-color: #000;
        transition: all 0.25s ease-out;
    }

    .WARRANTY .remove-cp:after {
        transform: rotate(-135deg);
    }

    .WARRANTY .remove-cp:hover:before,
    .WARRANTY .remove-cp:hover:after {
        transform: rotate(0deg);
    }

/* mensajes protegido/no protegido */

.WARRANTY .mje {
    font-size: 0.72em;
    line-height: 1.25em;
    padding: 3px 0 0;
    position: absolute;
    right: -80px;
    top: 0;
    width: 66px;
}

    .WARRANTY .mje i:before {
        background: #fff none repeat scroll 0 0;
        border: 2px solid #fff;
        border-radius: 100%;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.33) inset;
        font-family: "Ionicons";
        font-size: 16px;
        font-style: normal;
        height: 33px;
        left: -38px;
        line-height: 28px;
        position: absolute;
        text-align: center;
        top: -6px;
        width: 33px;
    }

.WARRANTY .mje-no {
    color: #ef2427;
}

.WARRANTY .mje-si {
    color: #7bb724;
}

.WARRANTY .mje-no:before {
    content: "No estoy protegido! fabrica" !important;
}

.WARRANTY .mje-si:before {
    content: "Ya estoy protegido!" !important;
}

.WARRANTY .mje-no i:before {
    content: "\f254"
}

.WARRANTY .mje-si i:before {
    content: "\f200"
}

.WARRANTY .rowElem > div {
    display: flex !important;
    align-items: center;
    gap: 10px;
    font-size: 16px;
}


    .WARRANTY .rowElem > div::before {
        content: "";
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        width: 100px;
        height: 70px;
        background-image: url(/Content/Cart/Images/careplusgeneric.png);
    }

    .WARRANTY .rowElem > div.platino::before {
        background-image: url(/Content/Cart/Images/platino.png);
    }

    .WARRANTY .rowElem > div.oro::before {
        background-image: url(/Content/Cart/Images/oro.png);
    }

    .WARRANTY .rowElem > div.black::before {
        background-image: url(/Content/Cart/Images/black.png);
    }

/* ADDITIONAL */
.ADDITIONAL {
    background: #ffffff none repeat scroll 0 0;
    border-color: #ddd;
}

    .ADDITIONAL .warr_title {
        color: #595959;
    }

        .ADDITIONAL .warr_title a:before {
            background: #a4a4a4 none repeat scroll 0 0;
        }

.Cart .ADDITIONAL .warr_title a:before {
    display: none
}



/* TR .disc: DISCOUNT *****************/
.disc td {
    background: #e8e8e8 !important;
    padding: 10px 0 !important;
    border-color: #eee !important;
}

.disc .padleft {
    padding-left: 25px !important;
}


.resumen-tit {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #004C8F;
    margin-bottom: 30px;
    display: none;
}


/* TOTALES ***********************************************************************/
#total-section {
    /* background: #f7f7f7 none repeat scroll 0 0; */
    /* border: 1px solid #003F84; */
    color: inherit;
    display: inline-block;
    /* min-height: 120px; */
    /* padding: 20px; */
    text-align: right;
    width: 100%;
}

    #total-section .subt {
        float: left;
        margin-bottom: 0px;
        width: 100%;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 27px;
        color: #000000;
    }

        #total-section .subt.disc {
            color: #003F84;
        }

        #total-section .subt .tit {
            float: left;
            text-align: left;
            width: 54%;
        }

        #total-section .subt strong {
            margin-left: 2px;
            font-style: normal;
            font-weight: normal;
            font-size: 14px;
            line-height: 27px;
            text-align: right;
        }

    #total-section .total {
        color: #000;
        font-weight: bold;
        margin-top: 9px;
    }

        #total-section .total .tit {
            margin-top: 2px;
        }

        #total-section .total span {
            font-size: 1.05em;
            text-align: right;
        }

        #total-section .total strong {
            font-weight: bold;
        }



@media (max-width: 991px) {
    #total-section {
        height: auto !important;
        margin: 30px 0 15px;
        min-height: 0;
    }
}

@media (max-width: 479px) {

    #total-section {
        color: inherit;
        display: inline-block;
        text-align: right;
        width: 100%;
    }

        #total-section .subt {
        }

            #total-section .subt.disc {
                color: #003F84;
            }

            #total-section .subt .tit {
                float: left;
                text-align: left;
                width: 54%;
            }

        #total-section .total .tit {
            margin-top: 2px;
        }

    /*Mobile totalizador*/
    #ui_Total_mobile {
        background: #EFF8FF;
        top: 91.5vh;
        left: 0;
        margin-top: 0px !important;
        flex-flow: wrap;
    }

    #ui_Resumen_mobile {
        top: 61.3vh;
        padding: 0px !important;
    }

        #ui_Resumen_mobile .card.violet {
            border: none !important;
            border-top: 1px solid #004C8F !important;
            padding: 10px !important;
        }

    .Totalizador_Sticky {
        position: fixed !important;
        z-index: 100000 !important;
        background: #fff;
        padding: 12px 10px !important;
        display: flex;
        flex-direction: column;
    }

    #ui_Total_mobile div span {
        font-size: 1em !important;
    }

    #ui_Total_mobile .ocultar_mobile a {
        font-size: 1em !important;
    }

    #ui_Total_mobile .ocultar_mobile {
        font-size: 0.9em;
        font-weight: 300;
    }

    #Overlay-dark {
        position: absolute;
        background: #000;
        width: 100%;
        height: 100%;
        top: 0;
        opacity: 0.5;
        transition: 1s;
    }

    .container_items_mobile {
        padding: 12px 12px 0px 12px !important;
    }

    .TotalSticky {
        /*position: fixed;
        z-index: 100000000;
        top: 60vh;
        background: #EFF8FF;
        left: 0;
        width: 100%;
        padding: 12px 12px;*/
        background: green;
    }

    .SubTotalSticky {
        position: fixed;
        z-index: 100000000;
        top: 50vh;
        background: #EFF8FF;
        left: 0;
        width: 100%;
        padding: 12px 12px;
    }

    .container_Sticky_M {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .container_items_mobile h3 {
        margin-bottom: 0px !important;
        font-size: 15px !important;
    }

    .container_items_mobile .cardheader {
        padding: 0px !important;
    }

    .container_close {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        padding: 12px 12px 12px 12px !important;
    }

        .container_close a {
            color: #003C55;
            font-size: 17px;
            font-weight: 600;
        }

    .container_Ship_mobile {
        width: 93%;
        margin: auto;
        padding: 10px 0px 15px 0px !important;
    }

        .container_Ship_mobile ul {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
        }

    .icon_ship_mobile,
    .edit_ship_mobile {
        width: 20%;
    }

    .info_ship_mobile {
        width: 70%;
    }

    .NameShip_mobile {
        font-size: 14px;
        font-weight: 600;
        color: #000;
    }

    .AdressShip_mobile {
        margin-top: 5px;
        font-size: 14px;
        font-weight: 300;
        color: #3D3D3F;
    }

    #ui_Resumen_mobile #cart-table {
        margin-bottom: 0px !important;
    }
}




/* BOTONES  ****************/
.Cart .buttonBack {
    color: #004C8F;
    display: block;
    float: left;
    font-size: 1.05em;
    line-height: 1.2em;
    margin: 0;
    position: relative;
    text-align: left;
    text-decoration: underline;
}

    .Cart .buttonBack:before {
        content: "\e019";
    }

    .Cart .buttonBack:before {
        float: left;
        font-family: "E3interface";
        font-size: 16px;
        margin: 2px -2px 0 -7px;
    }

    .Cart .buttonBack:hover {
        color: #000;
    }

#SHIPPING .buttonNext,
#PAYMETHOD .buttonNext,
#USER .buttonNext {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
}

#PAYMETHOD .buttonNext,
#USER .buttonNext {
    float: right
}

#PAYMETHOD .buttonNext .BUTTONBUY,
#USER .buttonNext .BUTTONBUY {
    margin-bottom: 30px;
    margin-top: 15px;
}

USER .Cart .buttonNext {
    float: left;
    position: relative;
    width: 40%;
    color: #fff;
}

#USER .buttonNext .btn-submit {
    width: 100%;
    max-width: 280px;
    margin: auto;
    float: none;
    display: block;
}

#USER .header-datos {
    display: flex;
    justify-content: space-between;
}

#USER .header-datos .titulos {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

#USER .header-datos .titulos legend {
    width: auto;
}
#USER a.facta {
    font-style: normal;
    font-weight: 500;
    font-size: 0.9em;
    line-height: 25px;
    color: #004C8F;
}
/*Start - Btn Switch FacA & ConsFinal*/
.BtnSwitchFac {
    background-color: #F6F6F6;
    width: 38%;
    display: flex;
    justify-content: center;
    padding: 5px;
    border-radius: 50px;
}

    .BtnSwitchFac a {
        border-radius: 50px;
        padding: 10px;
        width: 50%;
        min-width: 50%;
        background: #fff;
        color: #8e8e8e !important;
        text-align: center;
        text-decoration: none;
        font-weight: 600 !important;
    }

.SwitchOn {
    width: 52%;
    position: relative;
    z-index: 1;
    background: #004C8F !important;
    box-shadow: 0px 0px 6px -2px #111;
}

a#consFinal.SwitchOn {
    width: 60%;
    right: 5px;
    color: #fff !important;
}

a#factA.SwitchOn {
    width: 52%;
    left: 8px;
    color: #fff !important;
}

@media (max-width: 1442px) {
    .BtnSwitchFac {
        width: 45%;
        padding: 3px;
    }
}

@media (max-width: 767px) {
    #USER .header-datos .titulos {
        width: 100%;
        display: flex;
        flex-flow: wrap;
        justify-content: flex-start;
    }

        #USER .header-datos .titulos legend {
            order: 1;
            margin-top: 3%;
        }

    .user-response p {
        order: 2;
    }

    .BtnSwitchFac {
        width: 100%;
        padding: 3px;
        order: 3;
        margin: 0% 0% 2%;
        min-width: 305px;
    }
}
/*End - Btn Switch FacA & ConsFinal*/

.Cart .orderBtn {
    width: 100%;
}

    .Cart .orderBtn input,
    .Cart .buttonNext span {
        padding: 10px 10px 10px 10px;
        height: 50px;
    }

.Cart .buttonNext input,
.Cart .buttonNext span {
    border: 0 none;
    display: block;
    font-size: 1.25em;
    font-weight: 900;
    margin-bottom: 10px;
    margin-left: 5px;
    padding: 10px 10px 10px 10px;
    position: relative;
    text-align: center;
    width: 100% !important;
    color: #ffffff;
    background-color: #004C8F;
}

    .Cart .buttonNext input:hover,
    .Cart .buttonNext span:hover {
        background-color: #01315b;
    }

.btn-submit {
    color: #FFFFFF;
    border-radius: 65px;
    padding: 17px 5px;
    margin-bottom: 10px;
    background: #004C8F;
    max-width: 280px;
    width: 100%;
    font-style: normal;
    font-weight: bold;
    font-size: 17.5px;
    text-align: center;
    border: none !important;
}

.Checkout .btn-submit {
    border: none !important;
}

.btn-submit.disabled {
    cursor: not-allowed !important;
    opacity: 0.3;
    pointer-events: none;
}

.btn-submit:hover,
.btn-submit:active,
.btn-submit:focus {
    background: #01315b;
    color: white !important;
}

.btn-paymethod ~ .tooltip {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
}

    .btn-paymethod ~ .tooltip .tooltip-inner {
        margin: auto;
        max-width: 150px;
    }

@media (max-width: 767px) {
    #USER .user-response {
        margin-top: 0px !important;
    }

    #USER .header-datos {
        flex-direction: column-reverse;
    }
}

@-webkit-keyframes bounce {

    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-5px);
    }
}

@keyframes bounce {

    0%, 20%, 40%, 60%, 80%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }
}

.orderBtn ~ .tooltip {
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
}

    .orderBtn ~ .tooltip .tooltip-inner {
        margin: auto !important;
        display: block !important;
        float: none !important;
        max-width: 100px;
    }



.btn-payment {
    border: 0 none;
    display: block;
    font-size: 1.25em;
    font-weight: 900;
    margin-bottom: 10px;
    margin-left: 5px;
    padding: 10px 10px 10px 10px;
    position: relative;
    text-align: center;
    width: 100% !important;
    color: #ffffff;
    background-color: #004C8F;
}

    .btn-payment:hover {
        color: #000;
        background-image: -webkit-gradient(linear, top left, top right, color-stop(0, #F8C200), color-stop(0.8, #004C8F));
        background-image: -o-linear-gradient(top, #F8C200 0%, #004C8F 80%);
        background-image: -moz-linear-gradient(top, #F8C200 0%, #004C8F 80%);
        background-image: -webkit-linear-gradient(top, #F8C200 0%, #004C8F 80%);
        background-image: -ms-linear-gradient(top, #F8C200 0%, #004C8F 80%);
        background-image: linear-gradient(to top, #F8C200 0%, #004C8F 80%);
    }


.Cart .buttonNext input:hover,
.Cart .buttonNext span:hover {
    background-image: #01315b;
    color: #000;
}

/* BUTTONNEXT.guestform ***************/

.GuestForm {
    font-size: 1em;
    padding: 15px 20px 0px 20px;
    margin: 0 0 12px;
    width: 100%;
    border-radius: 0;
}

    .GuestForm fieldset {
        font-size: 13px;
        display: flex;
        flex-direction: column;
    }

    .GuestForm .form-group {
        max-width: 390px;
        margin: 0 auto 12px;
        padding: 0;
    }

    .GuestForm .form-control {
        height: 45px;
    }

    .GuestForm .field-validation-valid:before {
        content: none !important;
    }

    .GuestForm > h3 {
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #282D3B;
        margin: 20px 0;
    }

    .GuestForm > span {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        float: left;
        font-size: 1.2em;
        font-weight: lighter;
        line-height: 1.35em;
        margin: 0 0 16px;
        opacity: 0.8;
        /* padding: 0 30px; */
        text-align: center;
        width: 100%;
    }

    .GuestForm form {
        float: left;
        width: 100%;
    }

    .GuestForm > input,
    .GuestForm fieldset > .customselect {
        float: left;
        width: 58%;
    }

    .GuestForm .field-validation-error {
        color: #ff0000;
    }

        .GuestForm .field-validation-error:before {
            position: unset;
            float: right;
        }

    .GuestForm > input,
    .GuestForm fieldset select {
        border: 0 none;
        border-radius: 0;
        color: #6b6b69;
        font-size: 0.9em;
        height: 43px;
        border-radius: 3px;
        margin: 0 0 2px !important;
        padding: 0 6px;
    }

.buttonGuestNext {
    float: left;
    width: 40%;
}

    .buttonGuestNext > input,
    .buttonGuestNext > button {
        border: 0;
        border-radius: 0;
        color: #ffffff !important;
        float: left;
        font-size: 1.1em;
        font-weight: 700;
        height: 74px;
        margin-left: 5%;
        margin-top: -38px;
        padding: 0;
        text-transform: uppercase;
        width: 95%;
    }


#USER .buttonNext .BUTTONBUY {
    width: 100%;
    max-width: 300px;
    padding: 17px 20px;
    font-size: 18px;
}

@media (max-width: 479px) {

    .Cart .buttonNext input,
    .Cart .buttonNext span {
        line-height: 1.2em;
        padding: 10px 25px;
        margin: 0;
        text-align: center;
        white-space: normal;
    }

    .Cart input {
        margin-bottom: 5px;
        font-size: 1, 2em;
    }
}



/* loginbuttons ***********/
.loginbuttons {
    float: left;
    margin-bottom: 0;
    width: 100%;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    display: block;
    align-items: center;
    text-align: center;
    margin: 15px 0;
}

    .loginbuttons a {
        color: #004C8F;
        text-decoration: underline;
    }

        .loginbuttons a:hover {
            color: #01315b;
        }


    .loginbuttons .divider {
        display: inline-block;
        width: auto;
        margin: 1px 15px 0;
    }

        .loginbuttons .divider::before {
            content: "";
            display: inline-block;
            height: 28px;
            width: 1px;
            background: #C0C0C0;
            margin: 0px 0 -10px;
            position: relative;
        }


.loginsocials {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    display: none;
}

    .loginsocials a span {
        display: none;
    }

    .loginsocials a {
        margin-left: 7px;
        text-decoration: none;
    }

        .loginsocials a:before {
            font-family: "E3Interface";
            font-size: 2.4em;
        }

    .loginsocials .fb:before {
        content: "\e088";
        color: #4055a8;
    }

    .loginsocials .goo:before {
        content: "\e043";
        color: #dc4a38;
    }

    .loginsocials a:hover {
        opacity: 0.8;
    }



/* cupon descuento *****/
.cupon {
    color: #000;
    float: left;
    text-align: left;
    font-size: 1.1em;
    letter-spacing: -0.02em;
    margin: -1px 0 20px;
    width: 100%;
    border-bottom: solid 1px #d8d8d8;
    position: relative;
    overflow: visible;
}

    .cupon .tit {
        font-weight: normal;
        line-height: 1.1em;
        padding: 10px 0px;
        cursor: pointer;
    }

    .cupon .titcheck {
        pointer-events: none;
    }

    .cupon .tit input[type=checkbox]:before {
        content: url(/Content/Images/check-icon-emp.png);
        top: -3px;
        opacity: 100%;
        position: relative;
    }

    .cupon .tit input[type=checkbox]:checked:before {
        content: url(/Content/Images/check-icon-on.png) !important;
        top: -3px;
        opacity: 100%;
        position: relative;
    }


    .cupon fieldset {
        margin: 10px 0 10px 0px;
    }

    .cupon input[type="text"] {
        background-clip: padding-box;
        border: 1px solid #dedede;
        border-radius: 3px;
        float: left;
        height: 32px;
        margin: 0 7px 5px 0;
        max-width: 250px;
        padding: 0 10px;
        width: 60%;
        color: #000;
        font-size: 0.9em;
    }

    .cupon .btn-default {
        /* background: #eee none repeat scroll 0 0; */
        border-radius: 3px;
        font-size: 0.8em;
        height: 32px;
        line-height: 1em;
    }

        .cupon .btn-default:hover {
            color: #01315b;
        }

#coupon-form > div {
    position: relative;
    /* width: auto; */
}

#coupon-form .field-validation-error,
#coupon-form .field-validation-valid {
    clear: both;
    color: #45ce01;
    float: left;
    width: auto;
}

    #coupon-form .field-validation-error::before,
    #coupon-form .field-validation-valid::before {
        float: left;
        font-size: 21px;
        margin: 1px 10px 0 0;
        position: relative;
        right: auto;
        top: auto;
    }


#pop {
    border: 3px solid #fff;
    border-radius: 6px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.52) inset;
    color: #fff;
    display: none;
    font-size: 1em;
    height: auto;
    left: 11%;
    line-height: 1.2em;
    opacity: 0.96;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: -90px;
    width: 80%;
}

    #pop::after {
        border-style: solid;
        border-width: 13px 14px 0;
        bottom: -13px;
        content: "";
        height: 0;
        left: 50%;
        margin-left: -12px;
        position: absolute;
        width: 0;
    }

.show {
    display: block !important;
}

.NO {
    background: #ef2427;
}

    .NO:after {
        border-color: #BE1111 transparent transparent;
    }

.OK {
    background: #7bb724;
}

    .OK:after {
        border-color: #578B08 transparent transparent;
    }

.NO:before {
    content: "Cupon de descuento incorrecto!";
}

.OK:before {
    content: "Felicidades! Descuento aplicado!";
}


@media (max-width: 479px) {
    .cupon {
        font-size: 1em;
    }

        .cupon input[type="text"] {
            width: 93%;
            max-width: auto;
        }

        .cupon .tit {
            padding: 15px 34px 15px 58px;
        }

            .cupon .tit input[type=checkbox]:before {
                content: url(/Content/Images/check-icon-emp.png);
                top: -5px;
                opacity: 100%;
                position: relative;
            }

            .cupon .tit input[type=checkbox]:checked:before {
                content: url(/Content/Images/check-icon-on.png) !important;
                top: -5px;
                opacity: 100%;
                position: relative;
            }

            .cupon .tit:after {
                margin: -9px -26px 0 0;
            }

            .cupon .tit:before {
                margin: 7px 10px 0 -44px;
            }

    .loginbuttons .divider {
        display: block;
        width: 53px;
        margin: 13px auto 12px;
        background: #bdbdbd;
        height: 1px;
    }

        .loginbuttons .divider:before {
            display: none
        }
}






/* user login *************/

.mdl_login legend {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(242, 242, 242, 1) 100%) repeat scroll 0 0;
    color: #666666;
    font-size: 1.2em;
    letter-spacing: 0;
    margin: -15px 0 16px;
    padding: 11px 15px;
    text-transform: none;
    display: none;
}

.mdl_login .forget {
    font-size: 0.9em !important;
    color: #003F84;
    font-size: 14px !important;
    text-decoration: underline;
    margin-top: 10px;
}

.mdl_login .btn-default {
    padding: 10px 40px;
    font-size: 1.1em;
    margin-right: 20px;
}

    .mdl_login .btn-default:hover {
    }

.mdl_login .marco {
    margin-bottom: 15px;
    padding: 20px;
}

.mdl_login .modal-body {
    padding-bottom: 3px !important;
}





/* ORDER  /////////////////////////////////////////////////////////////////////////
    ////////////////////////////////////////////////////////////////////////////////*/


.bt_modify {
    border: 1px solid transparent;
    border-radius: 4px;
    color: #000;
    right: 0;
    float: right;
    font-size: 11px;
    font-weight: 900;
    text-decoration: underline;
    line-height: 1.2em !important;
    padding: 3px 12px;
}

aside .bt_modify {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    display: flex;
    align-items: center;
    text-align: center;
    text-decoration-line: underline;
    color: #004C8F;
}

.tit_resume {
    color: #004C8F;
    font-size: 1.7em;
    font-weight: normal;
    margin: 14px 0 4px;
    padding: 0 0 6px;
}

.cardheader {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .tit_resume {
        margin: 0 0 15px;
    }
}


#cupon-cetelem .field-validation-error:before {
    top: 0;
}



.Order .buttonBack {
    display: none;
}

/* buttonnext disabled */
.buttonNext.disabled input,
.buttonNext.disabled:hover input {
    cursor: default;
    opacity: 0.25;
    color: #ffffff;
    width: 100%;
}

.buttonNext.disabled:before,
.buttonNext.disabled:hover:before {
    color: #01315b;
    opacity: 0.25;
}




/* PASOS DE COMPRA  ***********************************************/
.steps > li {
    float: left;
    width: 100%;
    list-style: none;
}

.step {
    float: left;
    position: relative;
    /* width: 100%; */
}

    .step h3 {
    }

        .step h3 ~ .tooltip {
            padding: 5px 0;
            margin-top: -10px;
            left: 0 !important;
            right: 0 !important;
            width: 100% !important;
            display: table !important;
        }

            .step h3 ~ .tooltip .tooltip-inner {
                width: 100%;
                margin: auto;
            }

.info_cart {
    color: #003F84;
    cursor: pointer;
    font-family: "e3font";
    float: right;
    font-size: 0.8em;
    font-weight: normal !important;
    padding: 15px;
    position: relative;
    text-shadow: none !important;
    text-transform: none !important;
    top: 5x;
    font-size: 1.5em;
}

    .info_cart:hover {
        color: #01315b
    }

        .info_cart:hover .info {
            display: block;
        }

    .info_cart:before {
        content: "v"
    }

    .info_cart .info {
        background: #003F84 none repeat scroll 0 0;
        border: 2px solid #ffffff;
        border-radius: 0;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
        color: #000;
        display: none;
        font-size: 12px;
        line-height: 1.2em;
        padding: 10px;
        position: absolute;
        right: 0px;
        text-align: center;
        top: 50px;
        width: 170px;
        z-index: 1;
    }

        .info_cart .info:before {
        }

.txt1 .info:before {
    content: "";
    color: #ffffff;
}

.txt2 .info:before {
    content: "";
    color: #ffffff;
}

.txt3 .info:before {
    content: "Completas verificar antes de confirmar el pago";
    color: #ffffff;
}

.txt4 .info:before {
    content: "Completas realizando compra alguna";
    color: #ffffff;
}

.info_cart .info::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #003F84;
    border-style: solid;
    border-width: 0 9px 9px;
    content: "";
    height: 0;
    position: absolute;
    right: 15px;
    top: -8px;
    width: 0;
}

.step h3:hover {
    color: #01315b;
}

.step h3 span {
    border-radius: 100%;
    color: #000;
    display: block;
    float: left;
    font-size: 1em;
    font-weight: normal;
    height: 32px;
    left: 0px;
    line-height: 27px;
    position: absolute;
    text-align: center;
    top: 18px;
    width: 32px;
}



@media (max-width: 767px) {

    .step h3 {
        font-size: 1.7em;
    }

    .info_cart {
        color: #003F84;
        cursor: pointer;
        font-family: "e3font";
        float: right;
        font-size: 1.8em;
        font-weight: normal !important;
        padding: 15px;
        position: relative;
        text-shadow: none !important;
        text-transform: none !important;
        top: 0px;
        position: absolute;
    }

    #PAYMETHOD .item .leyenda {
        position: absolute;
        width: 50%;
        left: 80%;
        top: 7px;
    }

    .step h3 span {
        top: 15px;
    }

    #PAYMETHOD .item,
    #PAYMETHOD .sps-options li {
        height: 100px;
    }
}



@media only screen and (max-width: 479px) {

    #SHIPPING .div-response,
    #PAYMETHOD .div-response {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

        #SHIPPING .div-response .type,
        #PAYMETHOD .div-response .type {
            display: flex;
            /* align-items: center; */
            margin-left: auto;
        }

    .div-response .title {
        margin: 0 0 8px;
        width: 100%;
    }

    .div-response > div {
        width: 100%
    }

    .div-response .info {
        color: #00000080
    }
}




/* SHIPPING  ************************************************/

.shipping-tabs {
    float: left;
    margin: 0;
    width: 100%;
}

    .shipping-tabs ul {
        border: 0 none;
        float: left;
        width: 100%;
        margin-top: 20px;
        display: inline-flex;
        flex-wrap: wrap;
    }

    .shipping-tabs li {
        margin: 0 0 15px !important;
        width: 100%;
        padding: 0;
        max-height: unset;
    }

        .shipping-tabs li:last-child {
            margin-right: 0 !important;
        }

#SHIPPING .shiptime {
    margin: 3px 0 0 !important;
    font-weight: normal !important;
}

    #SHIPPING .shiptime p {
        margin: 0;
    }

.shipping-tabs #envioya {
    float: left;
    width: 100%;
}

    .shipping-tabs #envioya li {
        float: left;
        background: #f5f5f5;
        margin-bottom: 15px !important;
        border: 2px solid #eee !important;
        border-radius: 4px;
        padding: 14px 10px;
        margin-left: 22px !important;
        width: 94% !important;
        position: relative;
    }

        .shipping-tabs #envioya li:hover {
            border-color: #dcdcdc !important;
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #F9F9F9), color-stop(1, #DEDEDE));
            background-image: -o-linear-gradient(bottom, #F9F9F9 40%, #DEDEDE 100%);
            background-image: -moz-linear-gradient(bottom, #F9F9F9 40%, #DEDEDE 100%);
            background-image: -webkit-linear-gradient(bottom, #F9F9F9 40%, #DEDEDE 100%);
            background-image: -ms-linear-gradient(bottom, #F9F9F9 40%, #DEDEDE 100%);
            background-image: linear-gradient(to bottom, #F9F9F9 40%, #DEDEDE 100%);
        }

small.shippingMethod-detail-small::before {
    content: "";
    background-image: url("/Content/Images/time.svg");
    height: 15px;
    width: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    /* margin-right: 9px; */
    position: relative;
    top: 0px;
    left: -2px;
}

.shipping-tabs #envioya li:before {
    border: 1px solid #ddd;
    border-radius: 3px;
    content: "";
    height: 12px;
    left: -21px;
    position: absolute;
    top: 7px;
    width: 12px;
}

.shipping-tabs #envioya li.active {
    border-color: #004C8F !important;
}

    .shipping-tabs #envioya li.active:before {
        background: #004C8F none repeat scroll 0 0;
        border-color: #004C8F;
        color: #fff;
        font-family: "Ionicons";
        content: "\f122";
        font-size: 8px;
        line-height: 10px;
        text-align: center;
    }

.shipping-tabs #envioya label {
    float: left;
    width: 100%;
    cursor: pointer;
}

/*Ancla el detalle del carrito a la parte inferior de la pantalla cuando se esta solicitando el CP*/
@media (max-width: 1200px) {
    #SHIPPING .shipping-tabs .envio-msg {
        height: calc(70vh - 220px);
    }
}

div#ship-suc {
    display: flex;
    align-items: center;
    justify-content: center;
}

#ship-suc ul {
    width: 100%;
}

#PAYMETHOD .active.bancos {
    min-height: 210px;
    transition: max-height 0.2s ease-out;
}

#SHIPPING .item,
/*#PAYMETHOD .item,*/
#PAYMETHOD .sps-options li {
    padding: 15px;
    border: 0;
    padding-left: 45px;
    height: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    border: 2px solid #DDDDDD;
    /**viejo style**/
    /*background: linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, #EDEDED 90%), #FFFFFF;*/
    box-sizing: border-box;
    min-height: 70px;
}

    #SHIPPING .item span {
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 20px;
        display: flex;
        align-items: center;
        width: 100%;
        flex-wrap: wrap;
    }

        #SHIPPING .item span span
        /*, .feature */ {
            font-size: 12px;
            line-height: 8px;
            display: flex;
            align-items: flex-start;
            color: #004C8F;
            font-weight: normal;
            flex-direction: column;
            margin-top: 16px;
        }

#ship-send label {
    font-style: normal;
    font-weight: normal;
    font-size: 19px;
    line-height: 1.4em;
    color: #000000;
    width: 100%;
    padding: 12px 20px 14px 25px;
    cursor: pointer;
    text-transform: none;
    position: relative;
    float: left;
    clear: left;
    background-color: #FAFAFA;
    border: 1px solid #A7A7A7;
    border-radius: 5px;
}

    #ship-send label.active {
        font-weight: 100;
        background-color: #F0F6FC;
        border: 3px solid #004C8F;
        border-radius: 6px;
    }

    #ship-send label * {
        display: inline-block;
        padding: 3px 0px;
    }

    #ship-send label .sh_price {
        color: #000;
        font-weight: 500;
        margin-left: 12px;
    }

        #ship-send label .sh_price strong {
            font-weight: bold;
        }

#ship-send input[type="radio"] {
    display: none;
}

#ship-send.tab-pane {
    margin-bottom: 0;
}

.shipping-tabs #ship-send ul {
    margin-bottom: 19px !important;
}

#ship-send .retiro-tercero {
    margin-top: 28px;
}

#ship-send .buttonNext {
    margin-top: 18px;
}


#SHIPPING .ShippingSHOP {
    width: 100%;
}

#SHIPPING .suc-head {
    display: inline-flex;
    width: 100%;
    flex-wrap: wrap;
    /*padding: 15px 15px 10px 15px;*/
    position: relative;
    justify-content: flex-start;
    align-items: center;
    /*background-color: #F4F4F4;*/
    border-radius: 5px;
    margin-bottom: 15px;
}

.box-suc-head {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.filter-suc {
    width: 100%;
    margin: 15px 0px 0px 0px;
    font-size: 15px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .filter-suc span {
        margin-right: 5px;
    }

        .filter-suc span svg {
            width: 25px;
        }

.filterBtnMobile {
    display: none;
}

#SHIPPING .suc-head h4 {
    margin-top: 10px !important;
    font-style: normal;
    font-weight: bold !important;
    font-size: 15px;
    line-height: 20px;
}

#SHIPPING .suc-head .form-group {
    margin: 0;
    margin-right: 10px;
    width: 28%;
    max-width: 260px;
    border-radius: 0;
}

    #SHIPPING .suc-head .form-group select {
        background: #FFFFFF !important;
        border-radius: 0 !important;
        color: #ABABAB;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 16px;
        display: flex;
        align-items: center;
        height: 40px;
        padding: 10px !important;
    }

    #SHIPPING .suc-head .form-group label {
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        line-height: 18px;
        display: flex;
        align-items: flex-end;
        color: #004C8F;
    }

#SHIPPING .suc-head .customselect {
    position: relative;
    display: inline-block;
    width: 100%;
}

.ocaws legend {
    border: 0 none;
    color: #000;
    font-size: 0.9em;
    font-weight: lighter;
    line-height: 1em;
    margin-bottom: 10px;
}


#PAYMETHOD .sps-options li {
    padding: 0;
    margin-left: 22px !important;
}

    #PAYMETHOD .sps-options li label {
        padding: 14px 10px;
        cursor: pointer;
    }

.shipcontainer {
    display: inline-block;
    float: left;
    position: absolute;
    left: 16px;
    top: calc(50% - 5px);
}

    /* Hide the browser's default radio button */
    .shipcontainer input {
        opacity: 0;
        cursor: pointer;
        margin: 0;
        display: none;
    }

/* Create a custom radio button */
.checkmark {
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: solid 1px #c3c2c2;
    border-radius: 50%;
    display: block;
}

/* On mouse-over, add a grey background color */
.shipcontainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
#SHIPPING .active input ~ .checkmark {
    background-color: transparent;
    border: none;
    height: auto;
    width: auto;
    border-radius: 0;
    position: relative;
    left: -2px;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
#SHIPPING .active .checkmark:before {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
#SHIPPING .active input ~ .checkmark:before {
    display: block;
    content: "\f375";
    font-family: "Ionicons";
    background-color: transparent;
    border: none;
    font-size: 24px;
    line-height: 16px;
    position: static;
    font-style: normal;
    color: #004C8F;
}

/* Style the indicator (dot/circle) */
.shipcontainer .checkmark:before {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

#SHIPPING input[type="radio"] {
}

#SHIPPING li span::after {
    display: none;
    float: right;
    font-family: "E3Interface";
    font-size: 3em;
    margin-top: 5px;
    text-align: center;
}

#tab-pickup span:after {
    content: "\e026"
}

#tab-send span:after {
    content: "b";
    font-family: "cart" !important;
}


#SHIPPING .item:hover,
#SHIPPING .item:focus,
#PAYMETHOD .item:hover,
#PAYMETHOD .item:focus,
#PAYMETHOD .sps-options li:hover,
#PAYMETHOD .sps-options li:focus {
    color: black;
}

#SHIPPING .active .item,
#PAYMETHOD .item.active,
#PAYMETHOD .sps-options li.selected {
    border-color: #003F84 !important;
    background: #EFF8FF;
}

    #SHIPPING .active .item span:after {
        color: #003F84 !important;
    }

    #SHIPPING .active .item:before,
    #PAYMETHOD .options .item.active:before {
        border-color: #004C8F transparent transparent;
        border-style: solid;
        border-width: 10px 10px 0;
        bottom: -25px;
        content: "";
        height: 20px;
        left: 50%;
        margin-left: -10px;
        position: absolute;
        display: none;
    }

#SHIPPING .tab-pane {
    float: left;
    margin-top: 15px;
    width: 100%;
}

.ShippingSHOP.ocultar {
    display: none;
}

.ShippingSHOP.mostrar {
    display: block;
}


.Cart .tab-content {
    margin: 0;
    margin-bottom: 0;
    display: flex;
    width: 100%;
}

#SHIPPING .shipping-tabs .tab-content {
    width: 100%;
    float: left;
}

#AuthorizeCheckBox {
    display: none;
}

    #AuthorizeCheckBox ~ label {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 16px;
        color: #3D3D3F;
        width: 100%;
        padding-left: 26px;
        position: relative;
        margin: 0;
        cursor: pointer;
    }

        #AuthorizeCheckBox ~ label::before {
            content: "";
            display: block;
            position: absolute;
            background: #FFFFFF;
            border: 1px solid #C4C4C4;
            box-sizing: border-box;
            box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.17);
            border-radius: 3px;
            width: 14px;
            height: 14px;
            left: 0;
        }

    #AuthorizeCheckBox:checked ~ label::after {
        content: "\f122";
        display: block;
        position: absolute;
        left: 3px;
        font-family: "Ionicons";
        top: -3px;
        font-size: 16px;
        line-height: 1em;
        color: #31C161;
        width: 14px;
        height: 14px;
        text-align: center;
    }

.tercero-data {
    height: auto;
    display: none !important;
    padding: 30px 12px 0px 22px;
    margin-bottom: 0;
}

#SHIPPING .tercero-data h4 {
    font-style: normal;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #000000 !important;
    padding: 0;
    margin: 0;
}

.retiro-tercero > div {
    display: block;
    float: left;
    padding-left: 0;
}

#AuthorizeCheckBox:checked ~ .tercero-data {
    display: inline-block !important;
}

.retiro-tercero {
    border-top: 1px solid #CACACA;
    padding-top: 25px;
    float: left;
    width: 100%;
    margin: 25px 0px;
}

    .retiro-tercero small {
        font-style: normal;
        font-weight: normal;
        font-size: 0.8em;
        color: #666666;
        width: 100%;
        display: block;
        margin-top: 7px;
    }



.tercero-data label {
    font-style: normal;
    font-weight: normal;
    font-size: 12.5px;
    line-height: 17px;
    display: flex;
    align-items: flex-end;
    color: #646464;
}

.tercero-data .form-group .form-control {
    background: #FFFFFF;
    border: 1px solid #BFBFBF;
    box-sizing: border-box;
    margin: 0;
}


#USER_DATA {
    background: #FFF;
    padding: 5px 0;
    position: relative;
    margin: 0;
}

    #USER_DATA .userinfo {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 18px;
        color: #003C55;
        display: flex;
        position: relative
    }

        #USER_DATA .userinfo span p {
            font-weight: 600;
        }

#datos ul {
    display: none;
}


#PAYMETHOD .item:before,
#PAYMETHOD .sps-options li:before {
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: solid 1px #c3c2c2;
    border-radius: 50%;
    content: "";
    left: 15px;
    position: absolute;
    top: 20px;
    display: none;
}

#PAYMETHOD .item.active:before,
#PAYMETHOD .sps-options li.selected:before {
    background: #003F84 none repeat scroll 0 0;
    border-color: #003F84;
    color: #fff;
    font-size: 19px;
    line-height: 10px;
    padding-top: 2px;
    padding-left: 3.7px;
    display: none;
}

#PAYMETHOD .item {
    background: #F4F4F4;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    width: 100%;
    padding: 10px 15px 10px 15px;
    align-items: center;
}


    #PAYMETHOD .item div {
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 1.4em;
        width: 100%;
    }

    #PAYMETHOD .item::after {
        content: "";
        display: none;
        width: 15px;
        height: 15px;
        background-color: white;
        border: 1px solid #CDCDCD;
        border-radius: 50px;
        position: absolute;
        left: 14px;
        top: 26px;
    }

[data-name="pmspsv2"] > div:not(.divBt),
.tab-pane.SPS {
    width: 100%;
}

#PAYMETHOD .loguito {
    height: 30px;
    position: absolute;
    right: 17px;
    top: 15px;
    width: auto;
}

#PAYMETHOD .item .imag {
    float: left;
    width: 60px;
    height: 44px;
    margin-right: 16px;
}

    #PAYMETHOD .item .imag img {
        display: block;
        margin: auto;
        width: 100%;
        object-fit: scale-down;
        object-position: center;
        height: 100%;
    }

#PayMethodsList .item.active::after {
    content: "\f375";
    font-family: Ionicons;
    font-size: 24px;
    line-height: 18px;
    color: #003F84;
    background-color: transparent;
    border: 0;
    left: 12px;
    top: 26px;
    display: none;
}

#PayMethodsList {
    display: inline-block;
    width: 100%;
}

    /**viejo style**/
    #PayMethodsList li {
        margin: 5px 0;
    }

        #PayMethodsList li.paymethodBox {
            float: left;
            width: 100%;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            height: auto;
            flex-grow: 0;
        }

        #PayMethodsList li input {
            display: none
        }




@media (max-width: 767px) {
    #PAYMETHOD .loguito {
        display: none;
    }

    .shipping-tabs li:last-child {
        margin-bottom: 0 !important;
    }

    #SHIPPING .tab-pane {
        margin-top: 0;
    }

    #SHIPPING .ShippingSHOP {
        border-top: 0;
        padding-top: 0;
    }

    #PAYMETHOD .item,
    #PAYMETHOD .sps-options li {
        display: inline-flex;
        flex-wrap: nowrap;
        width: 100%;
        justify-content: flex-start;
    }

    #PAYMETHOD .select-credit-card .content-card {
        padding: 0px 5px;
    }

    #PAYMETHOD .divBt {
        padding-bottom: 5px;
    }

    #PAYMETHOD .item {
        padding: 17px 10px 15px 25px;
    }

        #PAYMETHOD .item::after {
            left: 6px;
            top: 22px;
            width: 12px;
            height: 12px;
        }

    #PayMethodsList .item.active::after {
        font-size: 20px;
        left: 4px;
        top: 20px;
        display: none;
    }

    #PAYMETHOD .item .imag {
        width: 44px;
        height: 40px;
        margin-right: 11px;
    }

    #PAYMETHOD .item div {
        font-size: 14px
    }

    #PAYMETHOD .item span .feature {
        font-weight: 400;
        /*color: #004C8F;
        float: left;
        clear: left;
        font-size: 0.9em;
        line-height: 1.2em;*/
    }

    #PAYMETHOD .item span strong.feature p {
        font-weight: normal;
        margin: 1px 0 0;
        font-size: 12px;
        float: left;
        width: 100%;
    }

    .mercadopago .pagos img {
        max-width: 380px;
        margin-top: 5px;
    }

    .todopago .pagos img {
        max-width: 380px;
        margin-top: 15px;
    }

    .bt_modify {
        font-size: 13px
    }

    #PAYMETHOD .options select {
        width: 100% !important;
    }

    #PAYMETHOD li .options label:nth-child(2) {
        margin-left: 0 !important;
    }

    .tercero-data {
        padding: 30px 0px 0px 0px;
    }

    small.shippingMethod-detail-small::before {
        content: "";
        background-image: url("/Content/Images/time.svg");
        height: 30px;
        width: 30px;
        background-repeat: no-repeat;
        background-size: contain;
        /* margin-right: 9px; */
        position: relative;
        top: 5px;
        left: -5px;
    }
}

@media (max-width: 479px) {
    .Cart .tab-content {
        margin: 0;
        margin-bottom: 15px;
    }

    #ship-send label {
        font-size: 15px;
        line-height: 19px;
        padding: 15px 20px 15px 20px;
    }

    .shippingMethod-detail-small {
        line-height: 17px;
        font-size: 13px;
    }
}





/* shipping : retiro sucursal */
#tab-pickup:after {
    /* content: "Gratis!"; */

    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    display: flex;
    align-items: center;
    /* color 1 */
    color: #004C8F;
}



/* shipping : envio a domicilio (ship-send) */

#ship-pickup {
    margin-bottom: 40px;
}

#ship-send {
    margin-bottom: 0px;
    width: 100%;
}

    #ship-send > div {
        float: left;
        width: 100%;
    }

    #ship-send .noshipping,
    #ship-pickup .noshipping {
        padding-top: 15px;
        border-top: 1px solid #CACACA;
    }

        #ship-send .noshipping .datosUser,
        #ship-pickup .noshipping .datosUser {
            max-width: 182px
        }

            #ship-send .noshipping .datosUser .direcciones.agregarMas,
            #ship-pickup .noshipping .datosUser .direcciones.agregarMas {
                max-width: 167px
            }

#SHIPPING h4 {
    color: #444;
    font-size: 1.0em;
    font-weight: 700;
    margin: 10px 0px;
    padding-bottom: 5px;
    position: relative;
}

#deliveryMulti .head_text {
    width: auto;
    display: flex;
    align-items: center;
    flex-direction: row;
}


.ShippingPLACE {
    margin-bottom: 15px;
}

#SHIPPING .help-block {
    font-size: 0.95em;
    font-style: italic;
    margin: 10px 5px 0;
}

#ship-send .btn {
    width: 20%;
    font-size: 0.9em;
}

.ShippingDATE {
    /*! margin: 10px; */
    padding: 10px;
    font-size: 1.2em;
    font-weight: bold !important;
    border-top: solid 1px #cecece;
    border-bottom: solid 1px #cecece;
    float: left;
    width: 100%;
}


/* Customize the label (the container) */
.item2 {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    height: 35px;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    width: 100%;
    /*! margin: ; */
}

    /* Hide the browser's default radio button */
    .item2 input {
        position: absolute;
        opacity: 0;
    }

/* Create a custom radio button */
.itemcheck {
    position: absolute;
    top: 0;
    left: 10px;
    height: 20px;
    width: 20px;
    margin-top: 2px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.item2:hover input ~ .itemcheck {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.item2 input:checked ~ .itemcheck {
    background-color: #003F84;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.itemcheck:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.item2 input:checked ~ .itemcheck:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.item2 .itemcheck:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

/* RESULTS */
.finalresult {
    float: left;
    font-size: 0.95em;
    line-height: 1.2em;
    margin: 15px 0px 30px 11px;
    width: 100%;
    padding: 5px;
}

    .finalresult strong {
        display: block;
        font-size: 1.2em;
        margin-bottom: 5px;
    }

        .finalresult strong span {
            color: inherit;
            font-size: 1.1em;
            font-style: normal;
        }

#PAYMETHOD .finalresult strong {
    margin-bottom: 18px;
}

.finalresult img {
    float: left;
    height: 36px;
    margin: -8px 10px 7px 0;
    width: auto;
}

.finalresult .options-sitemessage img {
    width: 100%;
    height: auto;
    margin-left: -10px;
}

.finalresult span {
    color: #888;
    float: left;
    font-size: 1.1em;
}

.finalresult .options-sitemessage {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.finalresult .options-creditcard,
.finalresult .options-installments {
    float: left;
    width: 100%;
}

    .finalresult .options-creditcard span,
    .finalresult .options-installments span {
        color: #000;
        font-style: normal;
        text-transform: uppercase;
        margin-right: 15px;
        text-decoration: underline;
    }

#ship-send .RESULT {
    color: #333;
    margin-top: 25px;
    position: relative;
    /*! top:30px; */
    /*height:30px;*/
    float: left;
    width: 100%;
    display: block;
}

    #ship-send .RESULT strong {
        font-size: 1.2em;
        color: #007cfb;
    }



#SHIPPING .finalresult > * {
    clear: left;
    float: left;
}

.gratis {
    border-radius: 4px;
    clear: none !important;
    color: #00A786;
    height: 21px;
    line-height: 21px;
    margin: -2px 0 0 2px;
    text-align: center;
    width: 64px;
    font-weight: 600;
}

.Cart .gratis {
    width: auto !important;
    height: auto !important;
    margin-left: 5px !important;
}





/* shipping : retiro en sucursal (ship-pickup) */
.ShippingSHOP h4,
#USERDATA h4 {
    border: 0 none !important;
    font-weight: normal !important;
    margin: 0 !important;
    text-transform: none !important;
}

    .ShippingSHOP h4 strong,
    #USERDATA h4 strong {
        color: #003F84;
        float: left;
        font-size: 1.1em;
        margin-bottom: 8px;
        text-transform: uppercase;
        width: 100%;
    }


#map-container {
    background: unset !important;
    border-bottom: 2px solid #ffffff !important;
    border-top: none;
    box-shadow: none !important;
    height: auto !important;
    padding: 0 !important;
    display: inline-block;
    width: 100%;
}

.map {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    height: 400px !important;
}

#mapa {
    background: #eee none repeat scroll 0 0 !important;
    float: left !important;
    height: 400px !important;
    width: 100% !important;
}

    #mapa img {
        object-fit: cover;
        float: left;
        width: 100%;
        height: 100%;
    }

.llegar {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #003F84;
    border-radius: 3px;
    color: #003F84;
    display: block;
    float: left;
    font-size: 0.78em;
    height: 21px;
    line-height: 18px;
    margin-left: 3%;
    margin-top: 8px;
    text-align: center;
    text-transform: uppercase;
    width: 97%;
}

    .llegar:hover {
        background: #01315b;
        color: #fff;
    }

#loc-list {
    font-size: 1.2em;
    line-height: 1.1em;
    padding: 0;
    overflow: auto;
    border: 1px solid #d5d5d5;
    border-top: 0;
}


    #loc-list::-webkit-scrollbar-track {
        border-radius: 0;
        background-color: #F8F8F8;
    }

    #loc-list::-webkit-scrollbar {
        width: 12px;
        left: 5px;
        background-color: #F5F5F5;
    }

    #loc-list::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: #D1D1D1;
    }


    #loc-list > div {
        clear: left;
        display: block;
        float: left;
        list-style: outside none none;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #loc-list .suc-item {
        border-bottom: 1px solid #e8e8e8;
        color: #000 !important;
        float: left;
        font-size: 0.7em !important;
        line-height: 1.2em;
        padding: 10px;
        width: 100%;
    }

        #loc-list .suc-item.active {
            background: #fcf7d1 none repeat scroll 0 0;
            border: 2px solid #004C8F;
        }

        #loc-list .suc-item div {
            margin-bottom: 3px !important;
        }

        #loc-list .suc-item .loc-banner {
            color: #003F84;
        }

            #loc-list .suc-item .loc-banner a {
                font-weight: bolder;
            }

    #loc-list a {
    }

.cart-sucursales {
    border-radius: 0;
    padding: 8px;
    float: left;
    width: 100%;
    background: #FFFFFF;
    border-bottom: 1px solid #D5D5D5;
    box-sizing: border-box;
}

    .cart-sucursales:hover {
        background: #EFF8FF;
    }

    .cart-sucursales.active {
        border-left: 5px solid #004C8F !important;
        background: #EFF8FF;
    }

.loc-name {
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    color: #004C8F;
    line-height: 24px;
}

.loc-type {
    font-weight: 700;
    font-size: 9.5px;
    line-height: 10px;
    text-align: left;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.55);
}

    .loc-type::before {
        content: "";
        width: 12px;
        height: 14px;
        display: inline-block;
        position: relative;
        top: 2px;
        margin-right: 5px;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .loc-type.propio::before {
        background-image: url(/Content/Images/pin-envio-multi.svg);
    }

    .loc-type.pickit::before {
        background-image: url(/Content/Images/pin-envio-pickit.svg);
    }

    .loc-type.andreani::before {
        background-image: url(/Content/Images/pin-envio-andreani.svg);
    }

.Park:before {
    content: "E";
    color: #ffffff;
    background: #003F84;
    padding: 2px 9px;
    border-radius: 50%;
    margin-left: 5px;
    font-size: 1.2em;
}

.Park:hover::after {
    content: "Estacionamiento";
    position: absolute;
    display: block;
    float: right;
    top: 38px;
    right: 0px;
    padding: 5px;
    border-radius: 4px;
    color: #003F84;
    background: #FFFFFF;
    border: solid 2px #003F84;
}

.loc-apartir {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 17px;
    color: #003F84;
}

.previewtCobertura {
    color: #003F84 !important;
    float: right !important;
    margin-left: 10px;
    font-weight: 900;
}

.loc-addr {
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    color: #2B2B2B;
}

.loc-time {
    font-size: 0.8em;
    line-height: 1em;
    opacity: 0.5;
    color: #828181;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    color: #959595;
}

.time-list {
    height: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity .5s;
}

.show-time {
    margin-top: 10px;
}

    .show-time::after {
        content: "\f104";
        font-family: Ionicons;
        color: #a4a4a4;
        top: 1px;
        margin-left: 3px;
        font-size: 11px;
    }

.time-list.active {
    height: 100%;
    visibility: visible;
    opacity: 1;
}

.show-time.active:after {
    content: "\f10d";
}

.time-list.active {
    padding: 10px;
}

    .time-list.active .dates:first-child {
        padding-bottom: 10px
    }

#loc-list {
    height: 400px
}

@media (max-width: 1439px) {
    /*#SHIPPING .suc-head {
        padding: 20px;
    }*/

    #SHIPPING .suc-head h4 {
        max-width: unset;
        padding: 0;
        margin-bottom: 10px !important
    }
}

@media (max-width: 1199px) {
    #loc-list {
        font-size: 1.2em !important
    }

    #SHIPPING .suc-head h4 {
        max-width: 60px;
        padding: 0;
        margin-bottom: 0 !important
    }
}

@media (max-width: 991px) {
    #SHIPPING .suc-head {
        /*padding: 15px 12px;
        margin-top: 10px;*/
    }

        #SHIPPING .suc-head h4 {
            max-width: unset;
            padding: 0;
            margin-bottom: 10px !important;
            text-align: center;
        }

        #SHIPPING .suc-head .form-group {
            margin-bottom: 10px;
            width: 100%;
            max-width: unset;
        }
}

@media (max-width: 767px) {

    #loc-list {
        border-top: 1px solid lightgray;
    }

    #mapa {
        margin-top: 10px;
    }

    #s-tabs {
        display: inline-block
    }

    .shipping-tabs li {
        width: 100% !important;
    }

    #ship-send {
        margin-bottom: 0;
    }

        /*     #ship-send .form-group {
            display: inline;
            float: left;
            width: 100%;
        } */
        #ship-send .form-group:nth-child(2) {
            margin-right: 0 !important;
        }

        #ship-send .btn {
            float: right;
            margin-right: 1%;
            width: auto;
        }

    #loc-list .suc-item {
        font-size: 0.67em;
    }
}

@media (max-width: 479px) {
    .shipping-tabs li span:after {
        font-size: 3.5em;
    }

    #tab-pickup:after {
    }

    .info_cart {
        display: none;
    }

    #PAYMETHOD .item,
    #PAYMETHOD .sps-options li {
        height: auto;
        /* padding: 18px 20px; */
    }

        #PAYMETHOD .item span {
            left: 0 !important;
        }

        #PAYMETHOD .item .leyenda {
            left: 85% !important
        }

    #SHIPPING li span:after {
        font-size: 2.5em
    }

    #ship-send .form-group {
        margin-bottom: 9px;
        margin-right: 0;
        width: 100%;
    }

    #ship-send select input,
    #ship-send .btn {
        height: 30px !important;
        line-height: 0;
    }

    #ship-send .btn {
        margin-right: 0
    }

    .loc-time {
        display: none
    }

    #map-container {
        margin-top: 6px;
    }

    #loc-list {
        height: auto !important;
    }

        #loc-list .suc-item {
            border: 2px solid #f8f8f8;
            font-size: 0.6em;
            padding: 7px;
            width: 50%;
            height: 79px;
        }

    #PAYMETHOD .checkmark {
        position: absolute;
        top: 19px;
        left: 16px;
        height: 16px;
        width: 16px;
        background-color: #fff;
        border: solid 1px #c3c2c2;
        border-radius: 50%;
    }

        #PAYMETHOD .checkmark:before {
            top: 4px;
            left: 4px;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: white;
        }
}

@media (max-width:320px) {
    #loc-list .suc-item {
        height: 90px;
    }
}

@media (max-width: 390px) {
    .shipping-tabs li span:after {
        display: none !important;
    }
}




/* PAYMETHOD  ************************************************/

#PAYMETHOD > ul > li {
    border-bottom: 1px solid #ddd;
    float: left;
    margin-bottom: 20px;
    /* padding-bottom: 35px; */
    width: 100%;
}

    #PAYMETHOD > ul > li:first-child {
        padding-top: 30px;
    }

    #PAYMETHOD > ul > li:last-child {
        border-bottom: 0 none;
    }

#PAYMETHOD .item {
    /*margin-bottom: 15px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 40%, #EDEDED 100%), #FFFFFF;
    border: 2px solid #DDDDDD;*/
    cursor: pointer;
}

#PAYMETHOD .select-credit-card img {
    cursor: pointer;
}

    /* imagenes botones */
    #PAYMETHOD .item span {
        width: 100%;
        float: left;
        text-align: left;
        position: relative;
        color: #333;
    }

        #PAYMETHOD .item span span {
            font-style: normal;
            font-weight: 400;
            font-size: 19px;
            line-height: 30px;
            display: flex;
            align-items: center;
            color: #000000;
            flex: none;
            order: 1;
            flex-grow: 0;
        }

            #PAYMETHOD .item span span::after {
                display: none
            }



        #PAYMETHOD .item span em {
            color: #000;
            font-style: normal;
            font-weight: bold;
        }

    #PAYMETHOD .item .leyenda {
        font-size: 0.9em;
        color: #a8a8a8;
        font-style: italic;
        margin-top: -6px;
        font-weight: lighter;
    }

    #PAYMETHOD .item span:after {
        /*content: "";
        display: none;*/
        /* height: 77px; */
        /*display: block;
        z-index: 1;
        position: unset;
        background-size: 100%;
        margin: 10px auto 0;
        max-width: 200px;*/

        content: "\f125";
        position: absolute;
        font-family: 'Ionicons';
        right: 0%;
        top: 0;
        bottom: 0;
        margin: auto 0;
        float: right;
        height: auto;
        display: flex;
        align-items: center;
        opacity: 0.4;
        font-size: 24px;
    }

.deposit .item span:after {
    content: "\e066" !important;
}

.deposit .item span:after {
    font-family: "E3Interface";
    font-size: 4.5em;
    margin-top: 35px !important;
    opacity: 0.2;
    text-align: center;
}

.todopago .item span:after {
    background: url("/Content/PayMethods/todopago.png") no-repeat center center;
    max-width: 160px !important;
}

.paypal .item span:after {
    background: url("/Content/PayMethods/paypal.png") no-repeat center center;
}

.cetelem .item span:after {
    background: url("/Content/PayMethods/cetelem.png") no-repeat center center;
}


/* descripcion medio de pago */
.pay-method-preference {
    color: #777;
}

    .pay-method-preference .text {
        font-style: italic;
        font-size: 0.95em;
        display: none;
    }



/* opciones tarjetas */
.cards > div > span {
    float: left;
    font-weight: bold;
    margin-bottom: 20px;
}

#PAYMETHOD .options {
    color: #444;
    float: left;
    display: flex;
    width: 100%;
    padding: 0 30px;
    padding: 10px 0px 20px 0px;
}

    #PAYMETHOD .options select {
        margin-top: 5px;
        border-color: #003F84 !important;
        background: #EFF8FF !important;
        width: 90%;
    }

    #PAYMETHOD .options ul {
    }

        #PAYMETHOD .options ul li {
            float: left !important;
            height: auto;
            margin: 0 15px 15px 0;
            min-width: 130px;
            text-align: center;
            width: 23%;
        }

            #PAYMETHOD .options ul li:last-child {
                margin-right: 0 !important
            }

    #PAYMETHOD .options .item {
        color: #888888;
        font-weight: normal;
        margin-bottom: 0;
    }

        #PAYMETHOD .options .item:hover,
        #PAYMETHOD .options .item:focus,
        #PAYMETHOD .options .item.active {
            color: #000;
        }

        #PAYMETHOD .options .item p {
            padding-bottom: 4px;
            text-align: left;
        }

        #PAYMETHOD .options .item img {
            max-width: 100px;
            min-width: 64px;
            width: 100%;
        }

#PAYMETHOD .cuotas {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 10px;
}

    #PAYMETHOD .cuotas span {
        float: left;
        font-weight: bold;
        margin: 7px 10px 7px 0;
    }

    #PAYMETHOD .cuotas .customselect {
        float: left;
        width: auto;
        min-width: 110px;
    }

#PAYMETHOD .cuot {
    margin: 0 0 17px;
    float: left;
    width: 100%;
}

#PAYMETHOD li .options label {
    font-size: 14px;
    color: black;
    margin-bottom: 5px;
}

    #PAYMETHOD li .options label:nth-child(2) {
        margin-left: 10px;
    }

#PAYMETHOD li .options .dropdown button {
    margin-bottom: 15px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 40%, #EDEDED 100%), #FFFFFF;
    border: 1px solid #DDDDDD;
    text-align: left;
    height: auto;
    padding: 12px 10px;
    margin: 0;
}

#PAYMETHOD li .options .dropdown .dropdown-item {
    width: 100%;
    display: inline-block;
    padding: 5px 15px;
}

    #PAYMETHOD li .options .dropdown .dropdown-item .tt,
    #PAYMETHOD li .options .dropdown button .tt {
        color: #004C8F !important;
        margin-left: 8px
    }

    #PAYMETHOD li .options .dropdown .dropdown-item:hover {
        color: #000;
    }


#PAYMETHOD li .options .dropdown .dropdown-menu {
    width: 100%;
}


#PAYMETHOD .RESULT {
    color: #003F84;
    padding-top: 0.5em;
    display: inline;
    margin-left: 1.5em;
}

@media (max-width:459px) {
    #PAYMETHOD .options {
        padding: 0 10px;
    }

    #PAYMETHOD li .options .dropdown button {
        margin-bottom: 0
    }
}




/* mercadopago/todopago */
.mercadopago .text,
.todopago .text {
    display: none
}

.mercadopago .text2,
.todopago .text2 {
    display: block;
    margin-top: -10px;
}

    .mercadopago .text2 .pagos2,
    .todopago .text2 .pagos2 {
        height: 47px;
    }

.mercadopago .text,
.todopago .text {
    text-align: center;
}

    .mercadopago .text h2 {
        font-size: 1.2em;
        font-style: normal;
        font-weight: bold;
        line-height: 1.2em;
        margin: 0;
        text-transform: uppercase;
    }

    .mercadopago .text a {
        color: #003F84 !important;
        float: left;
        font-size: 0.9em;
        margin-bottom: 15px;
        width: 100%;
    }

.active .bancos-bg {
    height: 190px !important;
}

.mercadopago .text a:hover {
    text-decoration: underline
}

.pagos img {
    width: 100%;
    text-align: center;
}

.mercadopago .pagos img {
    max-width: 380px;
    height: auto;
    width: 100%;
}

.active .mercadopago .pagos img {
    object-fit: contain;
    object-position: top;
    height: 100%;
}

.todopago .pagos img {
    max-width: 300px
}


#ModalMP .modal-dialog {
    margin-left: 3%;
    margin-right: 3%;
    width: 94%;
}

#ModalGoogle .modal-dialog {
    margin-left: 3%;
    margin-right: 3%;
    width: 94%;
}




@media (max-width: 767px) {
    #PAYMETHOD .options ul li {
        margin-right: 3%;
        min-width: 79px;
        width: 31%;
    }

    #PAYMETHOD .options .item {
        padding: 5px;
    }

        #PAYMETHOD .options .item p {
            font-size: 0.8em;
        }
}

@media (max-width: 479px) {
    #PAYMETHOD .options .item {
        height: auto;
    }
}









/* PREVIEW  *********************************************************************************/



.Preview aside .step > h3 {
    padding: 14px 10px !important;
}

.Preview #cart-table {
    margin-top: 0
}

@media (max-width: 767px) {
    .Preview aside {
        margin-top: 30px;
    }

        .Preview aside .bt_modify {
            border-color: #fff;
            font-size: 0.78em;
            margin: -1px -7px 0 0;
            padding: 3px 4px;
        }

    .Preview .buttonNext span {
        padding: 35px 37px 40px;
    }
}


/* USERDATA ///////////////////////////////////////*/
#USERDATA fieldset {
    float: left;
    margin: 25px 0 40px;
    width: 100%;
}

/* form usuario logueado */
#USERDATA h4 {
    float: left;
    font-size: 0.93em;
    line-height: 1.3em;
    margin: 20px 0 5px 11px !important;
}

    #USERDATA h4 strong {
        display: block
    }

        #USERDATA h4 strong.ok {
            color: #000;
            font-size: 1.16em;
            margin-bottom: 3px;
            text-transform: none;
        }

#USERDATA .form-group {
    margin-bottom: 7px;
}

#USERDATA form .btn {
    border: 0 none !important;
    display: block;
    width: auto !important;
}

#USERDATA form p {
    color: #000;
    font-size: 0.9em;
    font-style: italic;
    margin-top: 7px;
}

#data-table {
    color: #777;
    float: left;
    font-size: 0.92em;
    line-height: 1.6em;
    margin: 13px 0 25px 25px;
    width: 100%;
}

    #data-table .btn {
        font-size: 0.9em;
        margin: 16px 0 16px -15px;
        max-width: 310px;
        padding: 8px;
        width: 94%;
    }



/* form guest */
.warning p {
    border-radius: 3px;
    color: #555;
    float: left;
    font-size: 0.98em;
    margin: -9px 0 5px;
    padding: 5px 0 0;
    text-align: center;
    width: 100%;
}

.warning a {
    border: 0 none;
    color: #333;
    font-size: 1.1em;
    font-weight: normal;
    height: auto;
    letter-spacing: 0;
    line-height: 1.2em;
    margin: 0 !important;
    padding: 5px 15px;
    text-decoration: underline !important;
    text-transform: none;
}

    .warning a:hover {
        color: #003F84;
    }


/* OBSERVACIONES *****/
.observaciones {
    margin-bottom: 10px;
}

    .observaciones legend {
        border-bottom: 2px solid #004C8F;
        color: #333;
        font-size: 1.05em;
        font-weight: bold;
        letter-spacing: 0;
        padding-bottom: 10px;
        text-transform: uppercase;
    }


/* CHECKOUT  ************************************************/
.Checkout .jumbotron:before {
    display: none
}

.waiting {
    color: #003F84;
    font-size: 1.2em;
    font-weight: bold;
}




/* PROCESS ORDER ************************************/

.aceptada:before {
    content: "\e05b"
}

.rechazada:before {
}

.Process .jumbotron .banner-item {
    border-top: 1px solid #dedede;
    clear: left;
    font-size: 0.9em;
    padding: 20px 0;
}

.Process .jumbotron h2:after {
    font-family: "Ionicons";
    margin-left: 10px;
    font-size: 1.5em;
    color: #004C8F;
}

.aceptada h2:after {
    content: "\f122"
}

.rechazada h2:after {
    content: "\f12a"
}

.rechazada h2:after {
    color: #E60000;
}







/* NUEVO */

.carritotexto {
    float: left;
    font-weight: 700;
}

.ShippingPLACE > fieldset,
.ShippingDATE > fieldset {
    float: left;
    width: 100%;
    margin-top: 5px;
    z-index: 4 !important;
}

.carritotexto.txt1 {
    margin: 8px 0 0
}

.carritotexto.txt2 {
    margin: -11px 0 14px
}

.carritotexto.txt4 {
    margin: 8px 0 0
}

.carritotexto.txt5 {
    margin: 8px 0 0
}

.carritotexto {
    display: none;
}

.carrito-verificacion {
    width: 100%;
    float: left;
    background-color: #FFFFE0;
    padding: 10px;
    border: 1px solid #ddd;
    margin: 10px 0;
    font-size: 0.9em;
}

    .carrito-verificacion div::before {
        content: "\f122";
        font-family: "Ionicons";
        position: relative;
        font-size: 10px;
        color: #000;
        margin-right: 8px;
    }


.Cart .buttonNext.disabled .globo {
    display: none;
}

.Cart .buttonNext .globo {
    background: #fee432 none repeat scroll 0 0;
    border-radius: 4px;
    display: none;
    float: none;
    left: 15px;
    margin: 0 auto;
    padding: 5px 13px;
    position: absolute;
    text-align: center;
    top: -35px;
    width: auto;
    z-index: 1;
}

    .Cart .buttonNext .globo::before {
        border-color: #d30000 transparent transparent;
        border-style: solid;
        border-width: 10px 9px 0;
        bottom: -9px;
        content: "";
        height: 0;
        left: calc(50% - 9px);
        position: absolute;
        width: 0;
    }

.Cart .buttonNext .globo {
    animation: bounce 3s infinite;
    -webkit-animation: bounce 3s infinite;
    -moz-animation: bounce 3s infinite;
    -o-animation: bounce 3s infinite;
}

@-webkit-keyframes bounce {

    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-15px);
    }

    60% {
        -webkit-transform: translateY(-5px);
    }
}

@-moz-keyframes bounce {

    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-15px);
    }

    60% {
        -moz-transform: translateY(-5px);
    }
}

@-o-keyframes bounce {

    0%, 20%, 50%, 80%, 100% {
        -o-transform: translateY(0);
    }

    40% {
        -o-transform: translateY(-15px);
    }

    60% {
        -o-transform: translateY(-5px);
    }
}

@keyframes bounce {

    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-15px);
    }

    60% {
        transform: translateY(-5px);
    }
}


.Cart.Index .buttonBack {
    color: #000;
    padding: 10px 23px;
    text-decoration: underline;
    -webkit-animation: blinker 3s linear infinite;
    animation: blinker 3s linear infinite;
}

    .Cart.Index .buttonBack::before {
        color: #000;
        margin: 1px 4px 0 -12px;
    }

    .Cart.Index .buttonBack:hover {
        color: #01315b;
        animation: none !important;
    }


@keyframes blinker {
    0% {
        opacity: 1;
    }

    60% {
        opacity: 1;
    }

    80% {
        opacity: 0.7;
    }

    100% {
        opacity: 1;
    }
}

/*WAIT MAGIC*/
.wait span {
    color: #fff;
    display: block;
    font-size: 22px;
    font-weight: normal;
    line-height: 1.3em;
    margin: 20px auto;
    position: relative;
    text-align: center;
    width: 100%;
}

.sk-circle {
    height: 80px;
    margin: 30vh auto 0;
    position: relative;
    width: 80px
}

    .sk-circle .sk-child {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0
    }

        .sk-circle .sk-child:before {
            content: '';
            display: block;
            margin: 0 auto;
            width: 15%;
            height: 15%;
            background-color: #fff;
            border-radius: 100%;
            -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
            animation: sk-circleBounceDelay 1.2s infinite ease-in-out both
        }

    .sk-circle .sk-circle2 {
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg)
    }

    .sk-circle .sk-circle3 {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg)
    }

    .sk-circle .sk-circle4 {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .sk-circle .sk-circle5 {
        -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        transform: rotate(120deg)
    }

    .sk-circle .sk-circle6 {
        -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
        transform: rotate(150deg)
    }

    .sk-circle .sk-circle7 {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .sk-circle .sk-circle8 {
        -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
        transform: rotate(210deg)
    }

    .sk-circle .sk-circle9 {
        -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        transform: rotate(240deg)
    }

    .sk-circle .sk-circle10 {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    .sk-circle .sk-circle11 {
        -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
        transform: rotate(300deg)
    }

    .sk-circle .sk-circle12 {
        -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
        transform: rotate(330deg)
    }

    .sk-circle .sk-circle2:before {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s
    }

    .sk-circle .sk-circle3:before {
        -webkit-animation-delay: -1s;
        animation-delay: -1s
    }

    .sk-circle .sk-circle4:before {
        -webkit-animation-delay: -.9s;
        animation-delay: -.9s
    }

    .sk-circle .sk-circle5:before {
        -webkit-animation-delay: -.8s;
        animation-delay: -.8s
    }

    .sk-circle .sk-circle6:before {
        -webkit-animation-delay: -.7s;
        animation-delay: -.7s
    }

    .sk-circle .sk-circle7:before {
        -webkit-animation-delay: -.6s;
        animation-delay: -.6s
    }

    .sk-circle .sk-circle8:before {
        -webkit-animation-delay: -.5s;
        animation-delay: -.5s
    }

    .sk-circle .sk-circle9:before {
        -webkit-animation-delay: -.4s;
        animation-delay: -.4s
    }

    .sk-circle .sk-circle10:before {
        -webkit-animation-delay: -.3s;
        animation-delay: -.3s
    }

    .sk-circle .sk-circle11:before {
        -webkit-animation-delay: -.2s;
        animation-delay: -.2s
    }

    .sk-circle .sk-circle12:before {
        -webkit-animation-delay: -.1s;
        animation-delay: -.1s
    }

@-webkit-keyframes sk-circleBounceDelay {

    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-circleBounceDelay {

    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}



.cart-resumen-mobile .scrollView {
    overflow-y: auto;
    max-height: 60px;
    display: block;
    padding-top: 10px;
    width: 100%;
    position: relative;
    box-shadow: inset 0 -10px 10px -6px rgba(0, 123, 190, 0.2);
}

#total-section div.scrollbar {
    width: 8px;
    height: 60px;
    background: #acb7d0;
    top: 0;
    right: 0;
    margin-top: -10px;
    float: right;
    z-index: 1;
    position: sticky;
}

    #total-section div.scrollbar:after,
    #total-section div.scrollbar:before {
        height: 8px;
        width: 6px;
        position: absolute;
        background: #ffd902;
        top: 1px;
        left: 1px;
        color: #000;
        font-family: "Ionicons";
        content: "\f365";
        line-height: 8px;
        text-align: center;
        font-size: 10px;
    }

    #total-section div.scrollbar:after {
        top: initial;
        bottom: 1px;
        content: "\f35f";
    }




/*  HEADER AFFIX  *******************************/

header.affix-top {
}

header.affix .LOGO {
    margin-top: 6px;
    width: 87px;
}

header.affix .hamburguer {
    margin-top: 0 !important
}

@media (min-width: 992px) {
    header.affix {
        background-color: rgba(248, 248, 248, 0.94);
        height: 49px;
    }

    .Product header.affix,
    .Product header.affix-top,
    .Cart header {
        position: relative !important
    }


    header.affix .MENU_MAIN ul > li > a,
    header.affix .LOGIN_BOX .login-button,
    header.affix .CART_BOX .cart-button {
        line-height: 49px;
        height: 49px;
    }

    header.affix .SEARCH_BOX {
        margin-top: 6px
    }

    header.affix .CART_BOX .cart-button .items {
        top: 1px !important
    }

    header.affix .dropdown-menu {
        top: calc(100% - 7px)
    }
}

@media (max-width: 991px) {

    header.affix,
    header.affix-top,
    .Cart header {
        position: relative !important;
        box-shadow: none;
    }

    header .main .navbar-default {
        margin: 9px 0
    }
}

@media (max-width: 767px) {

    header.affix,
    header.affix-top,
    .Cart header {
        margin: 0;
    }

    .Cart header {
        background: #040043;
    }

    header .main {
        background: #f8f8f8;
    }
}

/* sticky header en home y content */
/*@media (min-width: 992px) {
    header {
        background-color: rgba(248, 248, 248, 0.94);
        position: fixed;
    }
    section, .Content.imgarriba .images {
        margin-top: 70px !important;
    }
    }

    @media (max-width: 991px) {
    .Home header, .Content header {
        background-color: rgba(248, 248, 248, 0.94);
        position: fixed;
    }
    .Home section, .Content section, .Content.imgarriba .images {
        margin-top: 59px !important;
    }
    }



    /* TOTAL SECTION **************** */

a#ocultar-mostrar-detalle {
    color: #004C8F;
    font-weight: 500;
    margin-left: 10px;
    margin-top: 2px;
    text-decoration: underline;
}

    a#ocultar-mostrar-detalle:hover {
        text-decoration: none;
    }

body.Cart,
body.Cart #wrap > .container {
    background: #FFF;
}

.card.violet.no-shadow {
    display: inline-block;
    background: #EFF8FF;
    border: 1px solid #004C8F;
    box-sizing: border-box;
    margin: 0 0 8px;
    opacity: 1;
    border-radius: 5px;
    padding: 15px;
}


body.Cart #wrap > .container > .row > div .card,
body.Cart #wrap > .container > .row > aside .card {
    width: 100%;
    padding: 15px;
    margin: 0 0 16px;
    display: inline-block;
    background: #FFFFFF;
    box-sizing: border-box;
    border: unset;
}

    body.Cart #wrap > .container > .row > aside .card.violet,
    body.Cart #wrap > .container > .row > div .card.violet {
        background: #F0F6FC;
        border: 1px solid #004C8F;
        margin: 0 0 8px;
        opacity: 1;
        border-radius: 5px;
    }

    body.Cart #wrap > .container > .row > div .card.active,
    body.Cart #wrap > .container > .row > aside .card.active {
        opacity: 1;
        margin-top: 0;
    }

body.Cart #wrap > .container > .row > aside > .transparent-card {
    width: 100%;
    display: inline-block;
    background: transparent;
    border: none;
    box-sizing: border-box;
}

body.Cart #wrap > .container > .row > div .card.active {
    padding: 0px 10px 10px 10px;
}

body.Cart #wrap > .container > .row > div .card#PAYMETHOD {
    margin: 0;
}

    body.Cart #wrap > .container > .row > div .card#PAYMETHOD.active {
        margin: 16px 0 !important
    }

#PAYMETHOD.card.active.selected {
    background-color: #EFF8FF !important
}

body.Cart #wrap > .container > .row > div .card.active.cardchild {
    margin: -17px 0 0 !important;
    border-top-color: #EFF8FF;
    box-shadow: 0 !important;
}

.no-shadow {
    box-shadow: unset !important;
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.pos-relative {
    position: relative !important;
}

body.Cart .card h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 40px;
    color: #282D3B;
    margin: 0;
}

body.Cart.Order aside h3 {
    font-style: normal;
    margin: 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #004C8F;
    margin-bottom: 15px;
}

.info_cart {
    display: none
}

body.Cart .card > form {
    display: inline-block;
    width: 100%;
}

.step h3 span {
    display: none;
}

.Cart aside .BUTTONBUY {
    border: medium none;
    box-shadow: none;
    max-width: 390px;
    padding: 29px 15px;
    width: 100%;
    text-transform: none;
    height: auto;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 0px;
    justify-content: center;
    display: flex;
    align-items: center;
    text-align: center;
    background: #004C8F;
    border-radius: 65.5714px;
    transition: background 1s ease;
}

    .Cart aside .BUTTONBUY:hover {
        background: #01315b;
    }

.Cart.Order aside .BUTTONBUY {
    margin-bottom: 30px;
}

    .Cart.Order aside .BUTTONBUY.disabled {
        cursor: not-allowed !important;
        opacity: 0.3;
        pointer-events: none;
    }

#total-section {
    color: #003e57;
    float: left;
    font-size: 1.2em;
    line-height: 1.7em;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    text-align: left;
    width: 100%;
}

    #total-section > * {
        float: left;
        width: 100%;
    }

    #total-section span {
        float: left;
        font-size: 1em;
        text-align: right;
    }

        #total-section span:last-child {
            float: right;
        }

        #total-section span strong {
            font-weight: 400;
        }

    #total-section > .subt:first-child span {
        position: relative;
    }

    #total-section .total {
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 27px;
        padding-top: 10px;
    }

        #total-section .total span {
            font-style: normal;
            font-weight: 700;
            font-size: 20px;
            line-height: 27px;
            text-align: right;
            float: right;
        }

    #total-section .dto {
        color: #004C8F;
        position: relative;
    }

        #total-section .dto span.title {
            float: left;
        }

        #total-section .dto i {
            color: #333;
            cursor: pointer;
            float: left;
            font-family: "samsung";
            font-size: 15px;
            font-style: normal;
            margin-left: -12px;
            padding: 4px 10px;
            position: absolute;
            top: -4px;
        }

            #total-section .dto i::before {
                color: #003F84;
                content: "z";
            }

        #total-section .dto.collapsed i::before {
            content: "A";
            color: #000;
        }

@media(min-width: 1200px) {
    body.Cart #wrap > .container > .row > div .card {
        margin-bottom: 0;
    }
}

@media (max-width: 991px) {
    body.Cart.Order #wrap > .container {
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {

    body.Cart #wrap > .container {
        padding-bottom: 55px
    }

    body.Cart.Order #wrap > .container {
        padding-bottom: 0
    }

    body.Cart.Index #wrap > .container {
        padding-bottom: 0
    }

    body.Cart:not(.Process) #wrap > .container > .row > div,
    body.Cart:not(.Process) #wrap > .container > .row > aside {
        border: 0;
        box-shadow: none;
    }

    body.Cart.Order #wrap > .container > .row > aside .card.violet,
    body.Cart.Order #wrap > .container > .row > div .card.violet {
        border-radius: 0;
        margin: 0;
    }

    body.Cart.Order {
        padding-bottom: 50px;
    }

    body.Cart #wrap > .container > .row > div .card.active,
    body.Cart #wrap > .container > .row > aside .card.active {
        padding: 0;
        border-width: 1px 0;
    }

    body.Cart.Order .card-resumen > div,
    body.Cart.Order .card-resumen > article {
        padding: 0 15px;
    }

    body.Cart.Order #wrap > .container {
        padding-bottom: 0;
    }

    .steps #SHIPPING {
        margin-top: -1px !important;
        border-top: 0 !important
    }

    body.Cart .card h3 {
        font-size: 18px;
        line-height: 40px;
        margin-top: 30px;
    }

    #PAYMETHOD .cuot {
        margin: 0px 0 10px;
        padding: 0 0 0 27px;
    }

    #PAYMETHOD li .options label {
        font-size: 13px
    }

    #PAYMETHOD li .options .dropdown button {
        padding: 10px;
        font-size: 13.5px
    }

    #PAYMETHOD li .options .dropdown-menu {
        padding: 0
    }

    #PAYMETHOD li .options .dropdown .dropdown-item {
        border-bottom: 1px solid #ddd;
        margin: 0;
        line-height: 1.2em;
        padding: 11px 10px;
        font-size: 15px;
    }

        #PAYMETHOD li .options .dropdown .dropdown-item .tt {
            display: block;
            margin: 2px 0 0;
            font-size: 0.9em;
        }

    .retiro-tercero {
        margin: 0
    }

    .div-response .info2 img {
        max-width: 51px;
        margin: 2px 9px 0 0;
    }

    #PAYMETHOD .div-response .info {
        font-size: 15px;
        margin-top: 2px;
        display: block;
        padding-left: 74px;
    }

    .div-response .info .tt {
        display: block;
        font-size: 13px;
    }

    #PAYMETHOD .div-response .info2 {
        padding-top: 2px
    }

    #PAYMETHOD .div-response > div {
        padding-bottom: 4px
    }

    #PAYMETHOD.card.active.selected {
        max-height: 110px
    }

    .direcciones.agregarMas {
        font-size: 14px;
        line-height: 17px
    }

    .btn-submit {
        padding: 13px 5px;
        font-size: 16px;
        line-height: 1.3em;
    }

    .modal-body .BUTTONBUY {
        width: 220px;
        max-width: 100%;
        margin: 15px calc(50% - 110px);
    }

    .modal-body .form-group {
        margin-bottom: 9px
    }

    .modal-body .form-control {
        padding: 10px
    }

    .nopaddinginline > :nth-child(2),
    .nopaddinginline > :nth-child(3) {
        margin-top: 0
    }


    body.Cart.Order #wrap > .container > .row > aside {
        padding: 0 0;
        margin-top: 30px;
    }

    body.Cart #wrap > .container > .row > div .card,
    body.Cart #wrap > .container > .row > aside .card {
        padding: 9px 15px;
        border-width: 0
    }

    body.Cart.Order #wrap > .container > .row > div .card,
    body.Cart.Order #wrap > .container > .row > aside .card {
        padding: 9px 0;
    }

    body.Cart.Order .card.violet.no-shadow {
        padding: 15px 15px !important;
    }

    body.Cart .card:not(.active) h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .Order li.card.selected {
        margin-bottom: -1px !important;
        box-shadow: none !important;
        padding: 12px 15px !important;
        opacity: 1 !important;
    }

    body.Cart #wrap > .container > .row > div .card#USER {
        border-top: 1px solid gainsboro
    }

    .Cart aside .BUTTONBUY {
        padding: 25px 5px;
        max-width: 242px;
        font-size: 16px;
        height: auto;
    }

    .shipping-tabs ul {
        margin-top: 15px
    }

    #USER_DATA {
        padding: 12px 12px;
        margin-top: 26px;
    }

        #USER_DATA::before {
            top: -5px;
        }

    #CHECKOUT .datospago .form-control {
        height: 40px
    }

    .user_preview div.edit {
        margin-bottom: 0
    }

        .user_preview div.edit input {
            margin-right: 0 !important;
            max-width: 100% !important;
            border-radius: 0 !important;
        }

        .user_preview div.edit .field-validation-error::before {
            top: 35px;
            right: 7px;
        }

    .user_preview.logedform {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
}

@media (max-width: 479px) {
    .user_preview a.tomodif {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        width: 100px;
        margin: 12px calc(50% - 50px) -5px;
        padding: 5px;
    }
}



/*////////////////////////////////////////////////////////////////////*/


/*   INDEX                        /////////////////////////////////  */


/*//////////////////////////////////////////////////////////////////*/

.Cart.Index .jumbotron {
    height: 400px;
    padding-top: 10%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

    .Cart.Index .jumbotron h2::before {
        background-image: url(/Content/Images/jumbotron-cart.png);
        height: 80px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        content: "";
        margin: 0 auto 10px;
        opacity: 0.3;
    }

.Cart .jumbotron .btn:hover {
    background: linear-gradient(90.42deg, #004C8F 0.21%, #01315b 100%) !important
}

/* CART TABLE (items)  ***************************************************/

#cart-table {
    border-bottom: 1px solid #DFDFDF;
    border-radius: 0;
    color: inherit;
    float: left;
    margin-bottom: 15px;
    width: 100%;
}

    #cart-table .table_row.table_products {
        display: flex;
        flex-flow: wrap;
        border-top: 1px solid #DFDFDF;
        padding: 15px 0;
        justify-content: space-between;
        position: relative;
        align-items: start;
    }

    #cart-table .table_headers {
        background: #eeeeee none repeat scroll 0 0;
        border: none;
        display: none;
    }

.right {
    text-align: right !important
}

.right {
    text-align: left !important
}

.center {
    text-align: center !important
}

#cart-table .pr_name {
    color: #000;
    padding: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.4em;
    float: left;
}

#cart-table .pr_info {
    display: flex;
    width: 100%;
    float: left;
    clear: left;
    margin-top: 10px;
    gap: 8px;
    flex-wrap: wrap;
    align-items: baseline;
}

    #cart-table .pr_info .subtotal {
        color: #777;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px;
    }

#cart-table .badge-dto {
    font-size: 0.8em;
    padding: 1px 8px;
    margin-left: 5px;
}

#cart-table .pr_info .tachado {
    color: #8E8E8E;
    text-decoration: line-through;
}

#cart-table section {
    margin: 5px 0;
}

    #cart-table section.discount {
        background: #f5f5f5;
    }

        #cart-table section.discount td:first-child {
            border-left: 1px solid #e3e3e3;
        }

        #cart-table section.discount td:last-child {
            border-right: 1px solid #e3e3e3;
        }

.items_wrapper #cart-table section.discount td {
    border: none !important;
}

.items_wrapper #cart-table section.discount .price {
    margin-bottom: 15px;
}

#cart-table section.discount .pr_image {
    height: auto !important;
}

#cart-table section.discount .pr_name,
#cart-table section.discount .price,
#cart-table section.discount .price span {
    /*color:#004C8F;*/
    color: #054fa2;
}

#cart-table section:first-child {
    border-top: 1px solid #e3e3e3;
}

#cart-table section > div {
    position: relative;
    text-align: left;
}

#cart-table section td.hide600 {
    padding-right: 0
}



#cart-table section .pr_image img {
    margin: auto;
    padding: 0;
    position: static;
    object-fit: scale-down;
    object-position: center;
    width: 102px;
    height: 102px;
}

#cart-table .pr_name {
    float: left;
    width: 100%;
    margin-bottom: 8px;
}

    #cart-table .pr_name span.name {
        font-size: 1.214em;
    }

#cart-table .pr_name {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}

#cart-table input.qty_box {
    background: #FBFBFB;
    border: 1px solid #D7D7D7;
    width: 36px;
    height: 35px;
    text-align: center;
    font-size: 16px;
    display: block;
    position: static;
    margin: 0;
    float: left;
    line-height: 35px;
}

#cart-table section .pr_image {
    margin-right: 20px;
    width: 19%;
}

#cart-table a.refresh {
    color: #000;
    position: relative;
    text-decoration: none !important;
    transform: rotate(0deg);
    font-family: Ionicons;
    display: inline-block;
    margin-left: 7px;
    font-size: 30px;
    line-height: 40px;
}

#cart-table a.remove {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    float: right;
    font-family: Ionicons;
    font-size: 40px;
    line-height: 40px;
    color: #000000;
    height: 20px;
    width: 60px;
    margin: 0;
}

    #cart-table a.remove:before,
    #cart-table a.remove:after {
        transform: rotate(-45deg);
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: 0px;
        display: block;
        height: 1px;
        width: 15px;
        background-color: #000;
        transition: all 0.25s ease-out;
    }

    #cart-table a.remove:after {
        transform: rotate(-135deg);
    }

    #cart-table a.remove:hover:before,
    #cart-table a.remove:hover:after {
        transform: rotate(0deg);
    }

#cart-table a.refresh:before {
    font-family: 'Ionicons'
}

#cart-table a.refresh:before {
    content: "\f49a";
    text-align: center;
}

#cart-table a.refresh:hover,
#cart-table a.remove:hover {
    color: #000;
}

#cart-table a.refresh:hover {
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
/* Quantity */
.CartItem_quantity {
    width: 19%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

    .CartItem_quantity ul {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
    }

#Quantity_less, #Quantity_plus {
    position: relative;
    z-index: 1;
}

.CartItem_quantity ul li {
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
}

[id*="Quantity_"] {
    padding: 0px;
    height: 30px;
}

    [id*="Quantity_"] a {
        color: #000;
        width: 100%;
        text-align: center;
        height: fit-content;
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: auto;
        border-radius: 3px !important;
        /* padding: 5px; */
        border: 1px solid #ccc;
    }

#Quantity_count {
    position: relative;
    z-index: 0;
}

    #Quantity_count .qty_box {
        border: none;
        text-align: center;
        background: #fff;
    }
/* Adicionales & garantía */
.CartItem_EWarranty, .CartItem_Additional {
    width: 77%;
    margin-left: 20%;
    height: auto;
}

.CartItem_EWarranty {
    margin-top: 15px;
}

.garantiaInfo {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .garantiaInfo .txt {
        font-size: 15px;
        font-weight: 600;
        line-height: 20px;
        margin: 0px 10px;
    }

    .garantiaInfo .link a {
        color: #018AE1;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
    }

.CartItem_EWarranty fieldset, .CartItem_Additional fieldset {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .CartItem_EWarranty fieldset .garantia-select, .CartItem_Additional fieldset .garantia-select {
        width: 320px !important;
        margin-right: 10px;
    }

    .CartItem_EWarranty fieldset .garantia-button .BUTTONBUY, .CartItem_Additional fieldset .garantia-button .BUTTONBUY {
        width: 90px;
        background: #0044B1;
        color: #fff !important;
        border: none;
        height: 42px;
        text-transform: capitalize;
    }

@media (max-width: 767px) {
    .CartItem_EWarranty, .CartItem_Additional {
        margin: 10px 0px 0px;
        padding: 0 !important;
        width: 100%;
    }
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

#cart-table a.edit {
    color: #544F4B;
}

#cart-table .price {
    display: block;
    float: left;
    width: 100%;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    color: #000000;
}

#cart-table .price1 {
    color: #888;
}

#cart-table .price span {
    margin-left: 0;
    font-size: 1.2em;
    font-weight: 400;
}

#cart-table .pr_name {
    width: 38%;
}

#cart-table .price.qty {
    font-size: 12px;
}

#cart-table .tachado {
    color: #5e5e5e;
    font-size: 0.857em;
    opacity: 0.7;
    font-weight: normal;
}

#cart-table .pr_price {
    margin-left: auto;
    width: 17%;
    max-width: 123px;
    flex-shrink: 0;
}

#cart-table .tachado span {
    font-weight: 300
}

aside #total-section {
    margin-top: 0;
}

.items_wrapper #cart-table section .pr_image {
    height: 106px;
}

    .items_wrapper #cart-table section .pr_image img {
        max-height: 89%;
    }

.items_wrapper #cart-table .pr_name span {
    margin-bottom: 4px;
}

    .items_wrapper #cart-table .pr_name span.name {
        font-size: 1em;
    }

.items_wrapper #cart-table section.discount .pr_name span.name {
    width: auto;
}

.items_wrapper #cart-table .pr_name span:not(.name) {
    font-size: 1em;
}

.items_wrapper #cart-table .pr_name .tachado span:not(.name) {
    font-size: 1.267em;
}

.items_wrapper #cart-table .price {
    margin-bottom: 0px;
    color: #000;
}

.items_wrapper #cart-table section.discount .price {
    float: right;
    width: auto;
    padding-right: 5px;
}

.items_wrapper #cart-table .price span {
    color: #000;
    font-size: 1.27em !important;
}

.items_wrapper #cart-table .price strong {
    font-weight: 400;
}

    .items_wrapper #cart-table .price strong span {
        font-weight: 700 !important;
    }

.items_wrapper #cart-table section:last-child {
    border-bottom: none !important;
}

.items_wrapper #cart-table section.discount {
}

.items_wrapper #cart-table {
    border-bottom: none;
    margin-bottom: 0px;
}

    .items_wrapper #cart-table .pr_name {
        padding: 16px 0 0 5px;
        width: 64%;
    }

/*Sector de promociones custom Cart Index*/

.Cart.Index section.sector-promos {
    float: left;
    margin: -14px 0 20px !important;
    padding-left: 110px;
}

.Cart.Index .contenedor-promos {
    display: flex;
    align-items: center;
    background: #F5F5F5;
    padding: 10px;
}

.Cart.Index .promo-text {
    font-weight: 400;
    font-size: 13.5px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #619AC2;
    margin-left: 10px;
}

#cart-table .pr_remove {
    width: 3%;
}

.pr_qty {
    width: 19%;
}

    .pr_qty ul {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 33px;
    }

@media (max-width: 1199px) {
    body.Cart.Order {
        padding-bottom: 50px
    }

    .Cart.Index .resumen-tit {
        display: none;
    }
}

@media (max-width: 767px) {

    body.Cart.Order {
        padding-bottom: 0
    }

    .Cart.Index section.sector-promos {
        padding-left: 0;
        margin: 0px 0 20px !important;
    }

    .Cart.Index .contenedor-promos {
        padding: 17px 10px;
    }

    #cart-table .pr_unid {
        margin-top: 0;
    }

    #cart-table .pr_image {
        width: 27% !important;
        position: absolute;
        margin: 0 !important;
    }

    .Order #cart-table .pr_image {
        width: 95px;
        position: unset;
    }

    .table_row.table_products > div:not(.pr_image, .CartItem_EWarranty, .CartItem_Additional) {
        padding-left: 100px !important;
    }

    #cart-table .pr_price {
        margin-left: unset;
        width: 100%;
        max-width: unset;
        margin-top: 8px;
    }

    #cart-table .price.price-col2 {
        text-align: left !important;
    }

    #cart-table .pr_name {
        padding-right: 45px;
        width: 100%;
    }

    .pr_qty {
        width: 100%;
    }
    .pr_qty ul {
        justify-content: flex-start;
    }
    #cart-table .pr_remove {
        position: absolute !important;
        padding: 0 !important;
        top: 11px;
        right: 4px;
    }

    #cart-table .price span,
    #cart-table .tachado span {
        margin: 0;
    }

    .table_row.table_products {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    #cart-table .pr_name {
        font-size: 14px;
        margin-right: unset;
    }

    #cart-table .pr_info {
        font-size: 14px;
        line-height: 30px;
    }

    #cart-table .fixedheight {
        width: 100%;
    }

    .Order #cart-table .price {
        font-size: 16px;
        line-height: 40px;
        width: auto;
        margin-right: 5px;
        order: 4;
        font-size: 14px !important;
        color: #9D9D9D !important;
    }

    #cart-table .price.subPrice {
        order: 3;
        font-size: 14px !important;
        color: #9D9D9D !important;
    }

    #cart-table input.qty_box {
        border-radius: 0 !important;
        height: 32px;
        line-height: 32px;
        background: #f4f4f4;
        box-shadow: none !important;
    }

    #cart-table .price span,
    #cart-table .tachado span {
        font-size: 1em;
        margin: 0;
    }

    #cart-table a.remove {
        height: 30px;
    }
}

@media(max-width:479px) {
    #cart-table .pr_info {
        gap: 0;
    }

        #cart-table .pr_info .subtotal {
            width: 100%;
            line-height: 11px;
        }
}

@media (min-width: 1440px) {
    /* #cart-table .pr_name {
        min-width: 350px;
        max-width: 330px;
    }*/
}

/*Button Quantity*/

#cart-table input.qty_box {
    background: transparent;
    border-radius: 0;
    float: left;
    font-size: 1.1em;
    height: 32px;
    line-height: 20px !important;
    padding: 0;
    text-align: center;
    width: 39px;
    clear: left;
    border: 1px solid #d7d7d7;
}

.Cart .QUANTITY {
    float: left;
    clear: both;
    width: auto
}

    .Cart .QUANTITY span {
        float: left;
        font-size: 1em;
        margin-right: 10px;
        margin-top: 8px
    }

    .Cart .QUANTITY .spinner-cart .sp-buttons {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center;
    }

        .Cart .QUANTITY .spinner-cart .sp-buttons > .btn {
            border-radius: 0;
            display: block;
            float: left;
            height: 32px;
            border: 1px solid #D7D7D7;
            background: white;
            width: 33px;
            padding: 0;
            line-height: 32px;
            box-shadow: none;
            min-width: unset;
        }

        .Cart .QUANTITY .spinner-cart .sp-buttons > .sp-up {
            border-radius: 0px 5px 5px 0px;
        }

        .Cart .QUANTITY .spinner-cart .sp-buttons > .sp-down {
            border-radius: 5px 0px 0px 5px;
        }

    .Cart .QUANTITY .spinner-cart {
        display: block;
        float: left;
        width: 54px;
        min-width: unset;
        font-weight: 300;
        padding: 0;
        position: relative;
        width: 100%;
    }

        .Cart .QUANTITY .spinner-cart .sp-buttons > .btn.sp-up:before,
        .Cart .QUANTITY .spinner-cart .sp-buttons > .btn.sp-down:before {
            font-size: 16px;
            top: -2px;
            font-family: "Ionicons";
            position: relative
        }

        .Cart .QUANTITY .spinner-cart .sp-buttons > .btn.sp-up::before {
            content: "+"
        }

        .Cart .QUANTITY .spinner-cart .sp-buttons > .btn.sp-down::before {
            content: "-"
        }


/* TR .disc: DISCOUNT *****************/

.disc td {
}

.disc .padleft {
    padding-left: 25px !important;
}


/* cupon descuento *****/

.cupon_wrapper {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}


    .cupon_wrapper .cupon {
        float: left;
        position: relative;
        width: 100%;
        margin: 0;
        border: 0;
    }

        .cupon_wrapper .cupon .title {
            cursor: pointer;
            float: left;
            padding-bottom: 0;
            padding-left: 0;
            width: 100%;
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            display: flex;
            align-items: center;
            line-height: 22px;
            color: #004C8F;
            margin-bottom: 10px;
        }

            .cupon_wrapper .cupon .title::before {
                content: "";
                background-image: url(/Content/Cart/Images/cupon.svg);
                display: block;
                width: 22px;
                height: 20px;
                background-repeat: no-repeat;
                background-size: cover;
                margin-right: 10px;
            }

            .cupon_wrapper .cupon .title:after {
                content: "\f10d";
                float: right;
                margin-left: 10px;
                font-family: Ionicons;
                font-size: 15px;
                line-height: 15px;
                display: flex;
                align-items: center;
                text-align: center;
            }

            .cupon_wrapper .cupon .title.collapsed:after {
                content: "\f104";
            }

        .cupon_wrapper .cupon #cupon.in,
        .cupon_wrapper .cupon #cupon.collapsing {
            float: left;
            background: #DDEDFA;
            width: 100%;
            position: relative;
        }

    .cupon_wrapper .select-cupon {
        /*display: flex;*/
        /*flex-wrap: wrap;*/
        padding: 20px;
    }

    .cupon_wrapper .cupon input,
    .cupon_wrapper .cupon button {
        height: 36px;
        padding-left: 10px;
        margin-bottom: 10px;
        background: #DDEDFA;
        border: 1px solid #000;
        border-radius: 0;
        box-sizing: border-box;
        max-width: unset;
        color: #000000;
        font-style: normal !important;
        font-weight: normal;
        font-size: 14px;
        line-height: 36px;
        margin-right: 0;
        border-top-style: hidden;
        border-right-style: hidden;
        border-left-style: hidden;
    }

        .cupon_wrapper .cupon input::placeholder {
            opacity: 1;
            color: black;
            font-style: normal;
        }

    .cupon_wrapper .cupon button {
        background: #004C8F;
        border: 1px solid #004C8F;
        border-radius: 100px;
        box-sizing: border-box;
        font-size: 14px;
        font-weight: 500;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        color: #fff;
        height: 40px;
        width: 92px;
    }

.no-outline:focus {
    outline: none;
}

.cupon_wrapper .cupon button:hover {
    background: #01315b;
    border-color: #01315b;
    color: #fff
}

.cupon_wrapper .cupon-error,
.cupon_wrapper .cupon-valid {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.cupon_wrapper .cupon-error {
    color: #C62828;
}

.cupon_wrapper .cupon-valid {
    color: #00B76A;
    font-weight: bold;
}

.cupon_wrapper .cupon-applied {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    display: flex;
    align-items: center;
    color: #004C8F;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.cupon_wrapper .cupon-close {
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    font-family: 'Ionicons';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 14px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #004C8F;
}

.cupon-description {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    display: flex;
    align-items: center;
    color: #004C8F;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.cupon-detail {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 6px;
    font-size: 13px;
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
    z-index: 2;
}

.cupon-remove {
    position: absolute;
    left: 90%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    font-family: 'Ionicons';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 14px;
    display: flex;
    align-items: center;
    text-align: center;
}

/* CART TABLE (items2)  *******************************************/



.Order #cart-table {
    border-bottom: 0;
}


    .Order #cart-table thead {
        display: none;
    }

.Order .table_sep td {
    padding: 2px 0 !important;
}

.Order #cart-table section > div {
    width: 80%;
}

.Order #cart-table section td:nth-child(1) {
    width: 65px;
    height: 65px;
    padding: 0 !important;
    line-height: 1em !important;
}

.Order #cart-table section td:nth-child(3) {
    width: 30px
}

.Order #cart-table section td:nth-child(4) {
    width: 90px
}

.Order #cart-table section td:last-child {
    padding: 0 0 0 10px !important;
}

.Order #cart-table section div.pr_info {
    display: none;
}

.Order #cart-table section .pr_image {
    height: auto;
    padding: 0 !important;
    width: 20%;
    margin: 0 0 0 5px;
}

.Order #cart-table section div.pr_name {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    color: #000000;
    display: block;
    min-width: unset;
    max-width: unset;
    margin: 0;
}

#cart-table section .pr_image img {
    width: 100px;
    height: 100px;
}

.Order #cart-table section .pr_image img {
    width: 100%;
    height: auto;
    max-height: 70px;
}

.Order #cart-table .price-col1 {
    font-style: normal;
    font-weight: normal;
    margin-top: 0;
    font-size: 12px;
    line-height: 17px;
    color: #878787;
}

    .Order #cart-table .price-col1.price span {
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 17px;
        float: left;
    }

.Order #cart-table .price:not(.price-col1) {
    font-style: normal;
    font-weight: normal;
    font-size: 13px !important;
    line-height: 18px;
    text-align: left !important;
    color: #000000;
    margin-top: 5px;
}

    .Order #cart-table .price:not(.price-col1) span {
        font-size: 1em
    }

.Order #cart-table .table_down td {
    height: auto;
    padding-bottom: 6px !important;
    padding-top: 7px !important;
}

.Order #cart-table .garname,
#cart-table .garantia > * {
    float: left;
    font-size: 0.9em !important;
    line-height: 13px !important;
    margin-bottom: 8px;
    padding-left: 10px;
}

.Order #cart-table section {
    display: flex;
    flex-direction: row-reverse;
    border: 0;
    margin-bottom: 15px;
    width: 100%;
}

    .Order #cart-table section:last-child {
        margin-bottom: 0;
    }


.Order .disc td {
    padding: 5px 0 !important;
}

.Order .resumen {
    display: flex;
    flex-direction: column;
}



/* RELATED (categoria) **********************************/

.Cart .related h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 40px;
    margin: 0 0 25px;
    width: 100%;
    border: none;
    text-align: center;
    color: #282D3B;
}

.Cart .related .box_image {
    height: 130px !important;
    margin-bottom: 15px;
}

.Cart .related {
    margin-bottom: 38px;
}

    .Cart .related .owl-next {
        right: -15px;
    }

    .Cart .related .owl-prev {
        left: -15px;
    }


@media (max-width: 767px) {
    .Cart .related > br {
        display: none;
    }

    .Cart .related h2 {
        font-size: 20px;
        line-height: 40px;
        text-align: center;
        padding-left: 0;
    }

    .Cart .related .owl-next {
        right: 0px;
    }

    .Cart .related .owl-prev {
        left: 0px;
    }
}




.Cart ::-webkit-input-placeholder {
    color: #C9CACA;
    font-style: italic
}

.Cart :-moz-placeholder {
    color: #C9CACA;
    opacity: 1;
    font-style: italic
}

.Cart ::-moz-placeholder {
    color: #C9CACA;
    opacity: 1;
    font-style: italic
}

.Cart :-ms-input-placeholder {
    color: #C9CACA;
    font-style: italic
}

.Cart ::-ms-input-placeholder {
    color: #C9CACA;
    font-style: italic
}





/* RMA */
#tomodify {
    /* margin: 0 -15px; */
}

#USER.ishidden.active {
    display: block !important;
    visibility: visible !important;
}


li#USER_DATA {
    border-bottom: medium none;
    border-top: 1px solid #ddd;
    margin-top: -13px;
    padding-top: 19px;
    margin-bottom: 46px;
}

    li#USER_DATA .arrow {
        left: 12%;
        position: absolute;
        top: 0;
    }

        li#USER_DATA .arrow:after,
        li#USER_DATA .arrow:before {
            bottom: 100%;
            left: 50%;
            border: solid transparent;
            content: "";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        li#USER_DATA .arrow:after {
            border-color: rgba(255, 255, 255, 0);
            border-bottom-color: #fff;
            border-width: 12px;
            margin-left: -20px;
        }

        li#USER_DATA .arrow:before {
            border-color: rgba(225, 225, 225, 0);
            border-bottom-color: #e1e1e1;
            border-width: 13px;
            margin-left: -21px;
        }

#USER_DATA > h3,
li.step .error-msg > h3 {
    font-size: 1.1em;
    margin: 0;
}

li#USER_DATA .userinfo,
.error-msg .error-info {
    padding-left: 24px;
}

li#USER_DATA .moreinfo,
.error-info a {
    color: #0077c8;
    text-decoration: underline;
    margin-left: 15px;
}



#USER .user-response {
    margin-top: 20px;
}

.user-response p {
    margin: 0 0 10px;
    font-size: 1em;
    width:100%;
}

.user_preview {
    width: 100%;
    background-color: #F8F8F8;
    padding: 12px 15px 12px 40px;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    position: relative;
    float: left;
    color: #000000;
}

    .user_preview.logedform {
        margin-bottom: 3px;
        float: left;
        width: 100%;
    }

    .user_preview p {
        margin: 0;
        position: relative;
        width: 100%;
        float: left;
    }

        .user_preview p:before {
            content: "\f122";
            display: block;
            float: left;
            color: #42DC92;
            font-size: 12px;
            font-family: "Ionicons";
            margin-right: 10px;
        }

    .user_preview a.tomodif {
        float: left;
        position: absolute;
        font-style: normal;
        font-size: 14px;
        display: flex;
        align-items: center;
        text-align: center;
        text-decoration-line: underline;
        color: #004C8F;
        border: 0;
        top: 8px;
        right: 15px;
    }

    .user_preview div.edit {
        padding-left: 18px;
        margin: 10px 0;
        position: relative;
        float: left;
        width: 100%;
    }

        .user_preview div.edit input {
            background: #FFFFFF;
            border: 1px solid #BFBFBF;
            box-sizing: border-box;
            max-width: 250px;
            width: 100%;
            display: block;
            clear: both;
            margin-right: 15px;
            padding: 2px 15px;
            height: 35px;
        }

        .user_preview div.edit label {
            font-style: normal;
            font-weight: normal;
            font-size: 13px;
            line-height: 17px;
            margin-bottom: 7px;
        }

#USER legend {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #000000;
    margin-bottom: 3px;
}

#USER .row label {
    font-style: normal;
    font-weight: normal;
    font-size: 12.5px;
    line-height: 17px;
    color: #646464;
}

    #USER .row label .required {
        font-style: normal;
        font-weight: normal;
        font-size: 12.5px;
        line-height: 17px;
        color: #646464 !important;
        float: right;
        margin: 0;
        margin-left: 3px;
    }

#USER .fac-a {
    float: left;
    width: 100%;
    padding: 0 30px;
    margin-top: 0;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    #USER fieldset {
        padding: 0 0;
    }

    .user_preview {
        padding: 12px 15px 12px 12px;
    }
}


/* FACTURA A **********************/
/* checkbox */
.fac-a {
    float: left;
    width: 100%;
    margin-top: 20px;
}

    .fac-a label {
        padding: 5px 0;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 14px;
        color: #000000;
        position: relative;
    }

/*Calcular percepciones*/

/*#calcularPercepciones {
    margin-top: 15px;
    width: fit-content;
    max-width: initial;
    padding: 13px 20px 13px 20px;
    font-size: 1.2em;
}*/

/* datos de facturacion */
.addform {
    padding: 0 !important;
}

#FACTURA.addform h3 {
    border-top: 1px solid #ddd;
    margin-top: 10px !important;
}

#FACTURA.addform h3 {
    padding-left: 30px !important
}




/* observcaciones */
li.step.observaciones {
    border: 0 none;
    box-shadow: none;
}

    li.step.observaciones h3 {
        padding-left: 2px;
    }

.observaciones .form-control {
    padding: 10px;
}

li.step.observaciones fieldset {
    float: left;
    width: 100%;
}

.b-presu {
    padding: 0 22px !important;
    margin-bottom: -15px;
}




/* FACTURA A nombre de otro **********************/
/* checkbox */
.fac-a-other {
    float: left;
    width: 100%;
    margin-top: 0;
    padding: 20px 0;
}

    .fac-a-other > label {
        padding: 5px 0 17px;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 14px;
        color: #000000;
        position: relative;
        margin-bottom: 20px
    }

    .fac-a-other > input[type="checkbox"] {
        display: none;
    }

    .fac-a-other > label::before {
        content: "";
        width: 14px;
        height: 14px;
        background: #FFFFFF;
        border: 1px solid #C4C4C4;
        box-sizing: border-box;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.17);
        border-radius: 3px;
        display: block;
        position: relative;
        top: 0;
        margin-right: 12px;
        float: left;
    }

    .fac-a-other > input[type="checkbox"]:checked ~ label::after {
        content: "\f122";
        width: 14px;
        top: 4px;
        position: absolute;
        left: 2px;
        font-family: "Ionicons";
        font-size: 20px;
        line-height: 1rem;
        color: #949494;
    }

    .fac-a-other > input[type="checkbox"]:checked ~ .tercero-data {
        display: block !important;
        float: left;
        width: 100%;
        padding: 0;
    }

    .fac-a-other .tercero-data {
        background-color: white;
        max-width: unset;
    }

        .fac-a-other .tercero-data a {
            font-size: 13px;
            line-height: 17px;
            display: flex;
            align-items: flex-end;
            text-decoration-line: underline;
            color: #004C8F;
        }

.div-response {
    width: 100%;
    float: left;
    position: relative;
    display: inline-flex;
    flex-wrap: nowrap;
    margin: 5px 0 10px;
}

#div-response-shipping .div-response {
    border-top: 1px solid black;
    padding: 15px 0;
}

.div-response > div {
    margin-top: 2px;
}

.div-response .title {
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 1.3em;
    color: #004C8F;
    margin-right: 50px;
}

.div-response .type b {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
}

.div-response .type {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}

.div-response .info {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #00000094;
}

    .div-response .info p {
        text-decoration: none !important;
        text-transform: none !important
    }

.div-response .info2 {
    display: block;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    float: left;
}

    .div-response .info2 img {
        float: left;
        max-width: 62px;
        max-height: 39px;
        margin: -1px 12px 0 0;
    }

.div-response > div {
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
}

.div-response .info2 span {
    display: block;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    float: left;
    width: 63px;
    height: 38px;
    margin: -1px 12px 0 0;
}

    .div-response .info2 span img {
        width: 100%;
        height: 100%;
        object-fit: scale-down;
        object-position: center;
    }

.div-response .title {
    margin-right: 0;
    width: 40px;
    display: flex;
    align-items: center;
    margin: 0px 5px;
}


#tomodify {
    margin: -20px -30px;
    background: #F6F6F6;
    padding: 30px;
}

a.bt_modify,
#USER_DATA .moreinfo,
.tomodif {
    background-image: url(/Content/Images/modify.svg);
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: auto;
}

@media (max-width: 767px) {
    #USER_DATA .userinfo {
        padding-right: 5em;
    }

    #tomodify {
        margin: -15px;
        background: #F6F6F6;
        padding: 30px;
        width: calc(100% + 30px);
    }

    .div-response > div {
        width: 100%
    }
}






/****************  UPDATE ***********************/

.User form .btn {
    clear: both;
}

.User.Datos h3 {
    margin-bottom: 10px;
}

    .User.Datos h3.di {
        margin-top: 30px;
    }

/*********** Adress List ***********/

#ShippingUpdate .user_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    #ShippingUpdate .user_wrapper h3 {
        width: 100%;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 16px;
        display: flex;
        align-items: center;
        margin-top: 10px;
        color: #004C8F;
        margin-bottom: 25px;
    }


#tomodify h4 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    margin-top: 25px;
    color: #000000;
}


.adressesList {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: normal;
    align-items: stretch;
}

.datosUser {
    display: block;
    float: left;
    padding: 10px;
    border: 1px #C2C2C2;
    box-sizing: border-box;
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
    border-style: dashed;
}

    .datosUser.default {
        box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
        border-color: #004C8F;
        background: #fff;
        border: 1px solid #004C8F;
        padding-left: 42px;
    }

        .datosUser.default::before {
            display: block;
            content: "\f375";
            font-family: "Ionicons";
            background-color: transparent;
            border: none;
            font-size: 24px;
            line-height: 16px;
            font-style: normal;
            color: #003F84;
            position: absolute;
            left: 11px;
            top: 18px;
        }

    .datosUser p {
        margin: 0;
        width: 100%;
        color: black;
        padding: 0;
        height: auto;
    }

        .datosUser p span {
            font-weight: bold;
        }

        .datosUser p span {
            font-weight: bold;
        }

    .datosUser div a,
    .datosUser div .sep {
        display: block;
        float: left;
        margin-top: 1em;
        text-align: center;
        text-decoration: underline;
        color: #004C8F;
    }

        .datosUser div a:hover {
            color: #000
        }

    .datosUser div .sep {
        text-decoration: none;
        color: #555;
    }

        .datosUser div .sep::after {
            content: "|";
            margin: 0 9px;
            text-decoration: none;
        }

    .datosUser.agregarDireccion {
        background: #F8F8F8 none repeat scroll 0 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.direcciones.agregarMas {
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: normal;
    margin: 0;
    font-weight: normal;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    color: #000000;
    max-width: 89px;
    flex-direction: column;
    margin-top: 0 !important;
}

    .direcciones.agregarMas::before {
        content: "\f48a";
        float: right;
        position: relative;
        font-family: "Ionicons";
        font-style: normal;
        font-weight: normal;
        font-size: 38px;
        display: flex;
        align-items: center;
        line-height: 1.2em;
        text-align: center;
        color: #000000;
        border-radius: 99.3103px;
    }

@media (max-width: 991px) {
    .datosUser {
        margin: 0 0 3%;
        width: 100%;
    }
}





/****** MODAL ACTUALIZACION DE DATOS DE ENVIO ****/

.Cart .datosUser {
    width: 48%;
    margin: 0;
    margin-bottom: 15px;
    height: auto;
    position: relative;
}

    .Cart .datosUser:hover {
        box-shadow: 1px 1px 20px 1px rgba(0, 0, 0, 0.1);
        border-color: #01315b;
        cursor: pointer;
    }

#ShippingsModal .user_wrapper {
    padding: 0 15px;
}

#ShippingsModal #_mainformShipping_ {
    padding: 5px 15px;
}



.Cart .datosUser p {
    width: auto;
    margin-right: 8px;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 21px;
    font-style: normal;
    color: #000000;
}

    .Cart .datosUser p:first-child {
        width: 100%;
        font-size: 15px;
        margin-right: 0;
        text-decoration: underline;
    }

    .Cart .datosUser p:nth-child(5) {
        color: #656565;
        font-style: italic;
        width: 100%;
    }

    .Cart .datosUser p strong {
        text-decoration: none !important;
    }

    .Cart .datosUser p:not(:first-child):not(:empty):not(.name)::after {
        content: "-";
        margin-left: 3px;
    }

.Cart .datosUser > div {
    float: left;
    clear: both;
    margin-top: 10px;
}

.Cart .datosUser div a {
    margin-top: 0px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    text-decoration-line: underline;
    color: #004C8F;
}

.Cart .datosUser div .sep {
    margin-top: 0;
}

#_mainform_.active,
#_mainformShipping_.active {
    max-height: unset;
    width: 100%;
    max-width: unset;
}

#_mainformShipping_ .closeForm {
    margin-right: 10px;
    display: block;
    text-align: center;
    font-weight: 500;
    color: #004C8F;
    box-shadow: unset !important;
}

.default #_mainformShipping_ #DefaultContainer {
    display: none;
}

@media (max-width: 767px) {
    .Cart .datosUser {
        width: 100%;
    }

    #ShippingUpdate .modal-dialog {
        max-width: 100% !important;
    }
}


#CHECKOUT .step {
    width: 100%;
    float: left;
    display: block;
    clear: both;
}

.datospago .form-group {
    float: left;
}

.datospago .c1 {
    width: calc(100% - 330px);
    margin-right: 22px;
}

.datospago .c2,
.datospago .c3 {
    width: 90px
}

.datospago .c2 {
    margin-right: 7px
}

.datospago .c4 {
    width: 100px;
    float: right;
}

.datospago .field-validation-error::before,
.datospago .field-validation-valid::before {
    right: 7px
}

#CHECKOUT form {
    /*max-width: 90%;*/
    display: block;
    margin: 20px auto;
    float: left;
    clear: both;
}

#CHECKOUT .buttonNext {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    width: 100%;
}

    #CHECKOUT .buttonNext .btn-submit {
        border: 0;
    }


@media (max-width:767px) {
    #CHECKOUT form {
        max-width: 100%;
        padding: 0;
    }

    .datospago .c1 {
        width: 100%
    }

    .datospago .c3 {
        margin-right: 35px
    }

    .datospago .c4 {
        float: left
    }
}


/*Preview Magic*/
.data_container {
    float: none;
    position: relative;
    max-width: 700px;
    margin: 0 auto;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    display: table;
}

.User .data_container {
    max-width: inherit;
}

.data_container .data_row,
.data_container .data_row > * {
    float: left;
    width: 100%;
    position: relative;
    display: block;
}

.datafull {
    text-align: center;
    margin: -8px 0;
}

.data_container .product {
    margin-bottom: 15px;
}

    .data_container .product .pr_name {
        font-size: 17px;
        line-height: 20px;
    }

    .data_container .product span {
        font-size: 15px;
        line-height: 20px;
    }

        .data_container .product span.pull-left {
            opacity: 0.7;
        }

        .data_container .product span.pull-right {
            font-size: 20px;
            color: #000;
        }

    .data_container .product .data_col2 {
        padding: 0 15px;
    }

    .data_container .product .data_col2 {
        padding: 0 40px;
    }

.data_container .sub.total {
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    padding: 14px 40px;
    color: #000;
    margin-top: 6px;
}

.data_container .sub {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    padding: 2px 10px;
    float: left;
    width: 100%;
}


    .data_container .sub.dto {
        color: #004C8F
    }

    .data_container .sub.total .pull-right {
        font-size: 20px;
    }

.data_container img {
    max-width: 160px;
}

.data_container span {
}

.data_container h2 {
    padding-left: 0 !important;
    border: none;
    margin: 0;
    padding: 0;
}

    .data_container h2:before,
    .data_container h2:after {
        display: none !important;
    }

.data_container .data_row {
    padding: 10px;
    background-color: white;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    .data_container .data_row:first-child {
        margin-top: 0;
        border: 0;
        background-color: transparent;
        padding: 0 45px;
        border-bottom: 1px solid #000;
    }

    .data_container .data_row:not(:first-child) {
        border-top: none;
    }

    .data_container .data_row .data_col1,
    .data_container .data_row .data_col2 {
        float: left;
    }

    .data_container .data_row .userdata.data_col1 {
        width: 33%;
        min-height: 1px;
        float: left;
    }

    .data_container .data_row .userdata.data_col2 {
        width: 66%;
        min-height: 1px;
        float: left;
    }

        .data_container .data_row .userdata.data_col2 form .form-control {
            background: #ffffff;
            border-color: #e8e9eb;
            border-radius: 0;
            -webkit-box-shadow: unset;
            box-shadow: unset;
            font-size: 13px;
        }

            .data_container .data_row .userdata.data_col2 form .form-control[disabled=disabled] {
                background-color: #ececec;
            }





/*////////////////////////////////////////////////////////////////////*/


/*   PROCESS / CANCEL ORDER       /////////////////////////////////  */


/*//////////////////////////////////////////////////////////////////*/

.Process footer {
    margin-top: 50px;
}

.Cart.Process .data_container img {
    max-width: 80px;
    max-height: 80px;
    clear: left;
    float: left;
}

.Cart.Process .data_container .product span.pull-left {
    opacity: 1;
    font-size: 14px;
}

.Cart.Process .data_container .product span {
    line-height: normal;
    margin-bottom: 0;
}


.Cart.Process strong.qty {
    font-weight: normal;
    font-size: 12px;
    opacity: 0.5;
    margin-right: 6px;
}

.Cart.Process .product .data_col2 {
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 8px;
}

.Cart.Process .data_container .product {
    margin-bottom: 15px;
    width: 100%;
    clear: right;
    float: right;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.Cart.Process .data_container .product  .d-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Cart.Process span.pull-right.qty {
    opacity: 0.5;
    font-size: 13px;
    margin-right: 9px;
}


.Cart.Process .jumbotron h2 {
    margin: 12px 0 8px;
    text-transform: none;
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    color: #004C8F;
}

.Cart.Process .jumbotron > p {
    text-align: center;
    padding-top: 0.625em;
    font-size: 18px;
    color: #000;
    max-width: 450px;
    margin: 0 auto 30px;
    line-height: 26px;
}

.Cart.Process .BUTTONBUY {
    margin-top: 20px;
    max-width: 220px;
}

.Cart.Process .data_container .sub {
    padding: 5px;
}

.Cart.Process .data_container .product span.pull-right {
    font-size: 15px;
}

.Cart.Process .data_container .sub.total {
    padding: 14px 7px;
}

.fecha {
    font-size: 1.05em;
    padding-bottom: 11px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

    .fecha strong {
        font-size: 1.1em;
        font-weight: 700;
    }



.Cart.Process #user-section .user_email {
    text-decoration: underline;
    color: #004C8F;
}





/* JUMBOTRON ********/
.Cart.Process .jumbotron {
    padding: 0 !important;
}

    .Cart.Process .jumbotron:before {
        display: none
    }

.Process .jumbotron h2:after {
    display: none
}

.Process .jumbotron h2 {
    color: #000;
    font-size: 1.6em;
    font-weight: 700;
    margin: 12px 0 8px;
    text-transform: none;
}

.Process .jumbotron .btn.BUTTONBUY {
    background: #004C8F;
    border-radius: 65.5714px !important;
    width: 100%;
    max-width: 220px;
    padding: 11px;
    text-transform: none;
    font-weight: normal;
    font-size: 15px;
    margin-top: 20px;
}

    .Process .jumbotron .btn.BUTTONBUY:hover,
    .Process .jumbotron .btn.BUTTONBUY:active,
    .Process .jumbotron .btn.BUTTONBUY:focus {
        background: #003F84;
    }

.Process .jumbotron h2::before {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 40px;
    content: "";
    display: block;
}

.Process .jumbotron.aceptada h2::before {
    background-image: url(/content/Cart/images/i-aceptada.svg);
}

.Process .jumbotron.enproceso h2::before {
    background-image: url(/content/Cart/images/i-enproceso.svg);
}

.Process .jumbotron.cancelada h2::before {
    background-image: url(/content/Cart/images/i-rechazada.svg);
}

.Process .jumbotron.validando h2::before {
    background-image: url(/content/Cart/images/jumbotron-val.png);
}


@media(max-width: 767px) {
    .data_container {
        margin-top: 0
    }

        .data_container .data_row {
            padding: 15px;
        }

            .data_container .data_row .data_col2 {
                width: auto;
            }

            .data_container .data_row:first-child {
                padding: 0;
            }

        .data_container .sub {
            padding: 2px 20px;
        }

            .data_container .sub.total {
                padding: 10px 20px;
            }

        .data_container .data_row:first-child .data_col2 * {
            margin-left: 0 !important;
        }

    .Process .jumbotron h2 {
        margin-top: 35px;
        font-size: 1.5em;
    }

    .Process .jumbotron.aceptada h2::before {
        font-size: 2.4em;
    }

    .Process .jumbotron .btn.BUTTONBUY {
        max-width: 234px;
        padding: 14px;
    }
}





/***************** PROCESS/CANCEL NEW *********************************/

.buy_container {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
}

.buy_ok {
    float: left;
    margin: 0 auto;
    max-width: 850px;
    background-color: #fff;
    padding: 10px 20px;
    border: 1px solid #efefef;
    width: 100%;
}

.id_fecha {
    border-bottom: 1px solid #ddd;
    padding: 15px 0 7px;
    font-size: 1.2em;
    color: #004C8F;
    float: left;
    width: 100%;
}

    .id_fecha p {
        margin: 0;
        float: left;
    }

        .id_fecha p:nth-child(2) {
            color: #777;
            margin: 5px 0 0;
            clear: left;
        }

.buy_ok .detalle {
    margin: 0 0 50px;
    float: left;
    width: 100%;
}

    .buy_ok .detalle .item {
        display: inline-flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        font-size: 1.1em;
        border-bottom: 1px solid #ddd;
        padding: 5px 0;
    }

        .buy_ok .detalle .item > * {
            float: left;
        }

.it_qty {
    width: 38px;
    white-space: nowrap;
}

.it_img {
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}

.buy_ok .detalle .item .it_img img {
    object-fit: scale-down;
    object-position: center;
    max-width: 100%;
    max-height: 100%;
}

.it_name {
    width: auto;
    margin-right: auto;
}

.it_price {
    width: 140px;
    text-align: right;
    white-space: nowrap;
}

.buy_ok .detalle .item.subtot {
    font-weight: bold;
    border-bottom: 0;
    padding: 11px 0 15px;
}

.it_sub {
    margin-left: auto;
}

.it_price {
    width: 140px;
    text-align: right;
}



.buy_ok .info {
    width: 100%;
    margin: 0 0 50px;
    float: left;
}

    .buy_ok .info.pago {
        margin-bottom: 19px;
    }

    .buy_ok .info > * {
        float: left;
        clear: left;
    }

    .buy_ok .info h3 {
        font-weight: bold;
        font-size: 21px;
        margin: 0 0 16px;
    }

.info_type {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 1.15em;
    margin: 0 0 11px;
    color: #004C8F;
    background: #f5f5f5;
    padding: 10px 18px;
    width: 100%;
}

    .info_type .icono {
        display: flex;
        justify-content: center;
        align-items: center;
        float: left;
        margin-right: 22px;
        width: 49px;
        height: 35px;
    }

        .info_type .icono img {
            object-fit: scale-down;
            object-position: center;
            max-width: 100%;
            max-height: 100%;
        }

.info.pago .info_type .icono {
    width: 55px;
    height: 40px;
    margin-right: 16px;
}

.info_type strong {
    font-weight: inherit;
}

    .info_type strong span {
        font-size: 0.86em;
        color: #333;
        font-weight: normal;
    }

        .info_type strong span.total {
            font-weight: bold;
            display: block;
            font-size: 1.2em;
            color: #000;
            margin: 5px 0 0;
        }

.buy_ok .info .in {
    margin-left: 20px;
    color: #222;
}

    .buy_ok .info .in strong {
        font-weight: 700;
        color: #000;
    }

.info_address {
    margin: 0 0 14px 0;
}

.buy_ok .info.pago .in > strong {
    float: left;
    margin-bottom: 6px;
}

.cuenta {
    max-width: 400px;
    clear: both;
}

    .cuenta,
    .cuenta p,
    .cuenta p > * {
        float: left;
        width: 100%;
        margin: 0;
    }

        .cuenta p span {
            width: 50%;
        }

        .cuenta p strong {
            font-weight: normal !important;
            text-align: right;
            width: 44%;
        }

        .cuenta .sep {
            width: 40%;
            float: right;
            border-top: 1px solid #ddd;
            margin: 4px 0;
        }

        .cuenta p.total span,
        .cuenta p.total strong {
            font-size: 1.1em;
            color: #004C8F !important;
            font-weight: 600 !important;
        }



.buy_ok.message {
    background-color: transparent;
    border: 0;
}

    .buy_ok.message .info h3 {
        margin: 15px 0 6px;
        float: left;
        text-align: center;
        width: 100%;
    }

.info_last {
    font-size: 0.6em;
    margin: 0 !important;
    text-align: center;
    width: 100%;
}

.buy_ok .info .in a {
    text-decoration: underline;
    color: #428bca;
}

    .buy_ok .info .in a:hover {
        color: #000
    }



/* cancelada ****/
.buy_ok .info.cancelada {
    margin: 19px 0;
}

    .buy_ok .info.cancelada h3 {
        font-weight: 700;
        font-size: 17px;
        color: #004C8F;
        width: 100%;
    }

.buy_ok .info ul {
    font-size: 1.05em;
    width: 100%;
}

    .buy_ok .info ul li {
        margin: 0 0 10px;
    }

        .buy_ok .info ul li:before {
            font-family: 'Ionicons';
            content: "\f122";
            color: #004C8F;
            margin-right: 10px;
        }

    .buy_ok .info ul .mail:before {
        font-family: 'Ionicons';
        content: "\f422";
        color: #004C8F;
        margin-right: 10px;
        font-size: 24px;
        top: 4px;
        position: relative;
    }

    .buy_ok .info ul .ws:before {
        font-family: 'Ionicons';
        content: "\f4ef";
        color: #004C8F;
        margin-right: 10px;
        position: relative;
        top: 2px;
        font-size: 20px;
    }




/* responsive ****/

@media(max-width: 767px) {
    .buy_ok {
        padding: 10px
    }

        .buy_ok .detalle {
            line-height: 1.3em;
        }

    .it_qty {
        width: 30px;
    }

    .it_img {
        margin-right: 6px;
    }

    .it_price {
        width: 115px;
    }
}


@media(max-width: 479px) {
    .buy_ok .detalle {
        font-size: 0.85em;
    }

        .buy_ok .detalle .item,
        .it_img {
            align-items: start
        }

    .it_name {
        margin-right: 12px
    }

    .buy_ok .info {
        font-size: 0.93em
    }

        .buy_ok .info h3 {
            font-size: 19px;
            margin: 0 0 11px;
        }

    .info_type {
        padding: 8px 12px
    }

        .info_type .icono {
            width: 40px;
            height: 30px;
            margin-right: 12px;
        }

    .info.pago .info_type .icono {
        width: 44px;
        height: 35px;
        margin-right: 9px;
    }

    .buy_ok .info .in {
        margin-left: 11px
    }

    .buy_ok.message .info h3 {
        font-size: 17px
    }

    .info_last {
        font-size: 0.55em;
        line-height: 1.7em;
    }
}







/***************** REGISTER MODALS DIALOGS *********************************/
/***************** REGISTER MODALS DIALOGS *********************************/

#_modalRegister {
    background: rgba(0, 0, 0, 0.7);
}

    #_modalRegister #User.modal-dialog {
        margin: 16px auto
    }

        #_modalRegister #User.modal-dialog .modal-content {
            padding: 0;
            margin: 0;
            box-shadow: none;
            border: 0;
            background-color: white;
        }

        #_modalRegister #User.modal-dialog .modal-header {
            padding: 0 15px;
            margin: 0;
            height: auto;
            display: block;
            float: left;
            width: 100%;
            padding-right: 30px;
        }

        #_modalRegister #User.modal-dialog .modal-body {
            padding: 15px 15px 20px;
            width: 100%;
            display: inline-flex;
            flex-wrap: wrap;
        }


        #_modalRegister #User.modal-dialog .modal-content .modal-body form fieldset .form-group {
            margin-bottom: 8px;
        }

    #_modalRegister .validar .input-validation-error {
        border-color: #666 #666 red
    }

    #_modalRegister .validar .field-validation-error {
        color: red !important;
        position: relative;
    }

        #_modalRegister .validar .field-validation-error::before,
        #_modalRegister .validar .field-validation-valid::before {
            right: 18px;
            /* top: -28px; */
        }

    #_modalRegister #User.modal-dialog .modal-content .modal-body form fieldset .form-control {
        height: auto;
        padding: 8px 10px;
        color: #666;
    }

    #_modalRegister #User.modal-dialog .modal-content .modal-body form fieldset label {
        color: #333;
        font-size: 13px;
        line-height: 20px;
        padding: 0 0 1px 0;
        margin-bottom: 0;
    }

    #_modalRegister #User.modal-dialog .modal-content .modal-header h4 {
        margin-right: 12px;
        font-weight: lighter;
        position: relative;
        padding-right: 12px;
    }

        #_modalRegister #User.modal-dialog .modal-content .modal-header h4.first {
            font-size: 1.45em;
            margin-top: 1px;
            font-weight: 600 !important;
        }

            #_modalRegister #User.modal-dialog .modal-content .modal-header h4.first::after {
                content: "";
                position: absolute;
                top: 14px;
                width: 1px;
                height: 38px;
                right: 0;
                background-color: #ffffffb8;
            }


    #_modalRegister #User.modal-dialog .modal-content .modal-header small {
        color: white;
        margin-right: 10px;
        font-size: 0.85em;
        top: 1px;
        position: relative;
    }

        #_modalRegister #User.modal-dialog .modal-content .modal-header small .go-to-login {
            color: white;
            text-decoration: underline;
            margin-left: 5px;
        }



    #_modalRegister #User.modal-dialog .modal-content .user_wrapper {
        border: 0;
        padding: 0;
        margin: 0;
    }

        #_modalRegister #User.modal-dialog .modal-content .user_wrapper .btn-primary,
        #_modalRegister #User.modal-dialog .modal-content .user_wrapper .btn-danger {
            width: 100%;
            max-width: 223px;
            height: 43px;
            font-size: 16px;
            margin: 0 auto;
            margin-top: 0px;
            float: none !important;
            text-transform: unset;
        }

        #_modalRegister #User.modal-dialog .modal-content .user_wrapper .btn-primary {
            margin-top: 7px
        }

        #_modalRegister #User.modal-dialog .modal-content .user_wrapper .divisor {
            display: inline-flex;
            width: 100%;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin: 10px 0 22px !important;
        }

            #_modalRegister #User.modal-dialog .modal-content .user_wrapper .divisor::before {
                content: "";
                width: 100%;
                display: block;
                height: 1px;
                background-color: #cacaca;
            }

            #_modalRegister #User.modal-dialog .modal-content .user_wrapper .divisor span {
                text-align: center;
                background-color: white;
                display: block;
                position: absolute;
                width: auto;
                font-size: 2rem;
                padding: 0 0.5em;
            }

    #_modalRegister #User.modal-dialog .modal-content label {
        width: 100%;
        display: flex;
        align-items: flex-end;
    }

        #_modalRegister #User.modal-dialog .modal-content label .forget {
            float: right !important;
            margin-left: auto;
            margin-right: 0 !important;
        }

        #_modalRegister #User.modal-dialog .modal-content label .required {
            display: inline-block;
            text-align: left;
            margin-right: auto;
            margin-left: 0 !important;
        }


    #_modalRegister #User.modal-dialog .modal-content .user_wrapper .facebook-button {
        border: 0;
        width: 100%;
        -webkit-border-radius: 50px;
        -khtml-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
        border-radius: 50px;
        -webkit-transition: all 0.2s ease-out;
        -khtml-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        background-color: #4957B3;
        color: #fff;
        display: block;
        font-weight: 700;
        line-height: 40px;
        padding: 2px 15px;
        position: relative;
        text-align: center;
        font-weight: normal;
        font-size: 1.5rem;
        max-width: 223px;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        margin: 0 auto 5px;
    }

.facebook-button .s-facebook:before {
    content: "" !important;
    background-image: url(/Content/Images/i-facebook.svg);
    display: block;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-position: center;
    background-size: contain;
}

#_modalRegister #User.modal-dialog .modal-content .user_wrapper h4 {
    margin: 0;
    font-size: 14px;
}

#_modalRegister .r-button-container {
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin-top: 10px;
}

#_modalRegister #User.modal-dialog .modal-content .user_wrapper .register-button {
    -webkit-transition: all 0.2s ease-out;
    -khtml-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    background-color: transparent;
    color: #004C8F;
    border: 0;
    font-weight: normal;
    font-size: 16px;
    text-decoration: underline;
}

    #_modalRegister #User.modal-dialog .modal-content .user_wrapper .register-button:hover {
        opacity: 0.8
    }

#_modalRegister #User.modal-dialog .modal-content .user_wrapper .google-button {
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all 0.2s ease-out;
    -khtml-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    background-color: white;
    color: black;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 auto 10px;
    padding: 0 15px;
    position: relative;
    text-align: center;
    width: 100%;
    border: 0;
    text-align: center;
    font-weight: normal;
    font-size: 1.5rem;
    border: 1px solid #d4d3d3;
    max-width: 223px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

    #_modalRegister #User.modal-dialog .modal-content .user_wrapper .google-button svg {
        width: 1.5em;
    }

#_modalRegister #User.modal-dialog .modal-content .user_wrapper .facebook-button .icon-facebook::before {
    content: "" !important;
    background-image: url(/Content/Images/i-facebook.svg);
    display: block;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-position: center;
    background-size: contain;
}

#_modalRegister #User.modal-dialog .modal-content .user_wrapper .register-button .icon-register {
    font-size: 22px;
    left: 19px;
    position: absolute;
    top: 0px;
}

    #_modalRegister #User.modal-dialog .modal-content .user_wrapper .register-button .icon-register::before {
        content: "\f200";
        font-family: "Ionicons"
    }

#_modalRegister #User.modal-dialog aside {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    height: auto;
    margin-top: 5px;
}

    #_modalRegister #User.modal-dialog aside p {
        letter-spacing: 0;
        line-height: 1.3em;
        padding-left: 20px;
        position: relative;
        margin-bottom: 5px;
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }

        #_modalRegister #User.modal-dialog aside p a {
            text-decoration: underline
        }

        #_modalRegister #User.modal-dialog aside p .icon-checkmark:before {
            content: "\f122";
            color: #49C237;
            font-family: "Ionicons" !important;
            margin-right: 3px;
            position: absolute;
            left: 0;
        }

    #_modalRegister #User.modal-dialog aside h5 {
        color: #333;
        font-size: 14px;
        font-weight: 700;
        margin: 0 0 20px 0;
    }

    #_modalRegister #User.modal-dialog aside p a {
        color: #0084E0;
        display: block;
    }

        #_modalRegister #User.modal-dialog aside p a:hover {
            text-decoration: underline;
        }



@media (max-width: 991px) {

    #_modalRegister #User.modal-dialog .modal-content .user_wrapper .btn-primary,
    #_modalRegister #User.modal-dialog .modal-content .user_wrapper .facebook-button,
    #_modalRegister #User.modal-dialog .modal-content .user_wrapper .google-button {
        width: 320px;
        margin-left: calc(50% - 160px);
        margin-right: calc(50% - 160px);
    }
}

@media (max-width: 767px) {
    .modal-dialog.Register {
        padding: 0;
        margin: 0;
        max-width: 500px !important;
    }

    #_modalRegister #User.modal-dialog .modal-header {
        padding: 15px 15px;
    }

        #_modalRegister #User.modal-dialog .modal-header .close {
            line-height: 1.2em;
        }

    #_modalRegister #User.modal-dialog .modal-content .modal-header h4 {
        font-size: 16px;
        line-height: 22px;
    }

        #_modalRegister #User.modal-dialog .modal-content .modal-header h4.first::after {
            top: -4px;
            height: 32px;
        }

    #_modalRegister #User.modal-dialog aside h5 {
        margin: 25px 0 20px 0;
    }

    #_modalRegister #User.modal-dialog aside p:last-child {
        padding: 0;
    }

    #_modalRegister #User.modal-dialog .modal-body {
        padding: 15px 0 15px;
    }

    #_modalRegister #User.modal-dialog .modal-content .user_wrapper .btn-primary {
        margin-top: 17px;
        margin-bottom: 12px;
    }

    #_modalRegister #User.modal-dialog .modal-content .user_wrapper .facebook-button {
        margin-bottom: 15px;
        margin-top: 6px;
    }
}

@media (max-width: 479px) {

    #_modalRegister #User.modal-dialog {
        margin: 0;
        max-width: 100% !important;
    }

        #_modalRegister #User.modal-dialog .modal-content .modal-header h4 {
            display: block;
            width: 100%;
        }

            #_modalRegister #User.modal-dialog .modal-content .modal-header h4.first::after {
                display: none
            }

        #_modalRegister #User.modal-dialog .modal-content .user_wrapper .btn-primary,
        #_modalRegister #User.modal-dialog .modal-content .user_wrapper .facebook-button,
        #_modalRegister #User.modal-dialog .modal-content .user_wrapper .google-button {
            width: 100%;
            margin-left: 0;
            margin-right: 0;
        }
}



#ShippingUpdate .field-validation-error,
#ShippingUpdate .field-validation-error::before {
    background-color: transparent !important;
    background: transparent !important;
    position: relative;
}











/** MODAL STYLING **/

.modal-open #GatewayLoader.modal {
    background-color: rgba(0, 0, 0, 0.7);
}


#GatewayLoader h3 {
    text-align: center;
    color: #fff;
    margin-top: 60px;
}

#GatewayLoader .loader {
    position: relative;
    text-align: center;
    margin: 15px auto 35px auto;
    z-index: 9999;
    display: block;
    width: 80px;
    height: 80px;
    border: 10px solid #fff;
    border-radius: 50%;
    border-top-color: #004C8F;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
}


@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}




.pointer-events-none {
    pointer-events: none !important;
}



#CHECKOUT .validar .customselect ~ .field-validation-error::before,
#CHECKOUT .validar .customselect ~ .field-validation-valid::before {
    right: 25px !important;
}


@media (max-width: 767px) {
    #CHECKOUT .validar .customselect ~ .field-validation-valid::before {
        bottom: 18px;
    }

    #CHECKOUT .validar .customselect ~ .field-validation-error::before {
        top: 28px;
        bottom: unset;
    }

    #CHECKOUT .validar .customselect ~ .field-validation-error {
        position: static !important;
    }
}

/*switch styles*/

div.btn-container {
    padding-top: 15px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

    div.btn-container i {
        display: inline-block;
        position: relative;
        top: -9px;
    }

label {
    font-size: 13px;
    color: #424242;
    font-weight: 500;
}

.btn-color-mode-switch {
    display: inline-block;
    margin: 0 0 30px;
    position: relative;
}

    .btn-color-mode-switch > label.btn-color-mode-switch-inner {
        margin: 0px;
        width: 400px;
        height: 50px;
        background: #F4F4F4;
        border-radius: 26px;
        overflow: hidden;
        position: relative;
        transition: all 0.3s ease;
        display: block;
        cursor: pointer;
        border: 1px solid lightgray;
    }

        .btn-color-mode-switch > label.btn-color-mode-switch-inner:before {
            content: attr(data-on);
            position: absolute;
            font-size: 12px;
            font-weight: 500;
            top: 7px;
            right: 20px;
            font-size: 16px;
            line-height: 36px;
            font-weight: 600;
            margin: 0 20px 0px 10px;
            color: #000;
        }

        .btn-color-mode-switch > label.btn-color-mode-switch-inner:after {
            content: attr(data-off);
            width: 200px;
            height: 100%;
            background: #004C8F;
            border-radius: 26px;
            position: absolute;
            left: 2px;
            top: 0px;
            text-align: center;
            transition: all 0.3s ease;
            box-shadow: 0px 0px 6px -2px #111;
            padding: 5px 0px;
            color: white;
            font-size: 16px;
            line-height: 36px;
            font-weight: 600;
        }

    .btn-color-mode-switch input[type="checkbox"] {
        cursor: pointer;
        width: 50px;
        height: 45px;
        opacity: 0;
        position: absolute;
        top: 0;
        z-index: 1;
        margin: 0px;
    }

        .btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner {
            background: #F4F4F4;
            color: #000;
        }

            .btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:after {
                content: attr(data-on);
                left: 200px;
            }

            .btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:before {
                content: attr(data-off);
                right: auto;
                left: 20px;
            }

        .btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner {
            /*background: #66BB6A; */
            /*color: #fff;*/
        }

        .btn-color-mode-switch input[type="checkbox"]:checked ~ .alert {
            display: block;
        }

/*mode preview*/
.dark-preview {
    background: #0d0d0d;
}

.white-preview {
    background: #fff;
}

p.by a {
    text-decoration: none;
    color: #000;
}

.dark-preview p.by a {
    color: #777;
}

.white-preview p.by a {
    color: #000;
}

@media(max-width:1199px) {
    .btn-color-mode-switch > label.btn-color-mode-switch-inner {
        width: 400px;
    }

    .btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:after {
        content: attr(data-on);
        left: 200px;
    }

    .btn-color-mode-switch > label.btn-color-mode-switch-inner:after {
        width: 200px;
    }

    .btn-color-mode-switch > label.btn-color-mode-switch-inner:before {
        font-size: 15px;
        margin: 0 15px;
    }

    .btn-color-mode-switch > label.btn-color-mode-switch-inner:after {
        font-size: 15px;
    }
}

@media(max-width:479px) {
    .btn-color-mode-switch > label.btn-color-mode-switch-inner {
        width: 90vw;
    }

    .btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:after {
        content: attr(data-on);
        left: 46%;
    }

    .btn-color-mode-switch > label.btn-color-mode-switch-inner:after {
        width: 200px;
    }

    .btn-color-mode-switch > label.btn-color-mode-switch-inner:before {
        font-size: 13px;
        margin: 3px 15px;
        max-width: 130px;
        line-height: 220%;
    }

    .btn-color-mode-switch > label.btn-color-mode-switch-inner:after {
        font-size: 13px;
        padding: 9px 23px;
        line-height: 220%;
    }
}

.cpLupa {
    margin: 20px 0;
    float: left;
}

/*CART SUCURSALES MAP*/

.Cart #mapa .site_list {
    width: 50%;
}

.Cart #mapImage {
    padding: 0;
    overflow: hidden;
    width: 50%;
}

.Cart #mapa .mapa-list li a {
    padding: 10px;
}

.Cart #mapa .mapa-list li .loc-name {
    font-size: 16px !important;
    line-height: 32px;
}

.Cart .google-map {
    width: 100%;
    height: 100%;
    max-height: 684px;
    z-index: 1;
}

@media (max-width: 767px) {

    .Cart #mapa .site_list,
    .Cart #mapImage {
        width: 100%;
        height: 300px;
    }

    .Cart #mapa {
        flex-direction: column;
    }
}

@media (max-width: 767px) {

    .Cart #mapa .site_list,
    .Cart #mapImage {
        width: 100%;
    }

    .Cart #mapImage {
        width: 100%;
        position: fixed;
        height: 100vh;
        top: 0;
        left: 0;
        max-height: 100%;
    }

    .Cart .google-map {
        max-height: initial;
    }

    .Cart #mapa {
        flex-direction: column;
    }
}

/*
.tooltip, .tooltip-inner, .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #1381B2;
    display: none !important;
}*/
.selected-postalcode {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    color: #004C8F;
    align-items: center;
    gap: 6px;
}

    .selected-postalcode .edit {
        cursor: pointer;
    }

.cart-postal-code-check {
    display: flex;
}


    .cart-postal-code-check input {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px 20px;
        gap: 12px;
        width: 153px;
        height: 45px !important;
        background: #FFFFFF;
        border: 1px solid #BFBFBF;
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .cart-postal-code-check p {
        width: 374px;
        height: 24px;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 15px;
        display: flex;
        align-items: center;
        flex: none;
        order: 0;
        flex-grow: 1;
    }

.cart-lupa-cp {
    cursor: pointer;
    width: 45px;
    height: 45px;
    background: #004C8F;
    border-radius: 5px;
    flex: none;
    order: 1;
    flex-grow: 0;
    position: relative;
    left: -5px;
}

    .cart-lupa-cp:hover {
        background: #01315b;
    }

#site_list .pn.posr {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

#content {
    position: relative;
    min-height: 100%;
    /* min-height: 100vh; */
    background-color: #fff;
}

#content {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.8;
}

/* listado ***/

#mapa .site_list {
    padding: 0;
    height: 100%;
    margin: 0;
    width: 33%;
}

#mapa .mapa-list {
    height: 100%;
    overflow: auto;
    background-color: #fff;
}

    #mapa .mapa-list li a {
        float: left;
        width: 100%;
        padding: 13px 64px;
        color: #535252;
        font-size: 11px;
        border-bottom: none;
        min-height: 100px;
        background: #F6F6F6;
        border: 1px solid #D5D5D5;
        box-sizing: border-box;
        border-radius: 5px;
        margin: 0;
        width: 100%;
    }

        #mapa .mapa-list li a:hover,
        #mapa .mapa-list li a.active {
            background: #F0F6FC;
        }

        #mapa .mapa-list li a.active {
            border: 2px solid #004C8F;
        }

    #mapa .mapa-list li .loc-name {
        color: #000 !important;
        font-style: normal;
        font-weight: 700;
        font-size: 24px !important;
    }

    #mapa .mapa-list .loc-addr,
    #mapa .mapa-list .loc-time,
    #mapa .mapa-list .loc-phone {
        opacity: 1;
        ;
    }

    #mapa .mapa-list .loc-addr {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: #101010;
    }

    #mapa .mapa-list .loc-time {
        color: #7D7D7D;
        margin-top: 4px;
        font-weight: 400;
        font-size: 13px;
        line-height: 17px;
    }

    #mapa .mapa-list .loc-SubText {
        color: #004C8F;
        margin-top: 3px;
        font-weight: bold;
        font-size: 13px;
        line-height: 17px;
    }

    #mapa .mapa-list .loc-phone {
        color: #0079BE;
        margin-top: 4px;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
    }

    #mapa .mapa-list li {
        margin-bottom: 10px !important;
        float: left;
        padding-bottom: 0;
        width: 97%;
        background: white !important;
    }

    #mapa .mapa-list .mCSB_draggerContainer {
        border: #e1e1e1 1px solid;
        background-color: #f6f6f6;
    }

    #mapa .mapa-list .mCSB_dragger_bar {
        line-height: 30px;
        width: 10px;
        border-radius: 12px;
        background-color: #c2c2c2;
    }

    #mapa .mapa-list .mCSB_draggerRail {
        background-color: transparent;
    }

.Content.Sucursales .google-map {
    width: 100%;
    height: 100%;
    max-height: 776px;
    z-index: 1;
}

    .Content.Sucursales .google-map iframe {
        height: 776px;
    }

/* mapa ***/
#map {
    position: unset !important;
    z-index: 0;
}

#mapa {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #f0f0f0;
    position: relative;
}

#map::before {
    content: "";
    background-image: url(/content/images/map.svg);
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 150px;
    top: calc(50% - 50px);
    right: calc(0% - 50px);
    position: relative;
    opacity: 0.07;
    z-index: 0;
}

#mapImage {
    padding: 0;
    overflow: hidden;
    width: 67%;
}

    #mapImage > a {
        z-index: 1;
        position: relative;
        height: 100%;
        width: 100%;
        float: left;
        position: absolute;
    }

    #mapImage img {
        width: 100%;
        object-fit: cover;
        object-position: center;
        height: 100%;
        display: inline-block;
    }

    #mapImage .noselect {
        pointer-events: none;
    }

    #mapImage .btn.btn-primary {
        height: 55px;
        width: 100%;
        line-height: 2.7em;
        margin-top: 10px;
        font-size: 1.2em;
    }

.gm-svpc div img {
    position: relative !important;
}

.selectors-container .orderLoc {
    line-height: 20px
}

.filter_mobile {
    display: none;
}

.filter_close,
.filter_close_map {
    display: none;
}

@media(max-width:1439px) {
    .selectors-container .selxnombre .form-group {
        margin-right: 0px;
    }
}

@media(max-width:1199px) {
    .selectors-container {
        height: auto;
    }

        .selectors-container .campos {
            flex-wrap: wrap;
        }

        .selectors-container .selxgeolocate {
            margin-top: 0px;
        }

        .selectors-container .selxnombre {
            padding: 7px 25px 0px !important;
        }

        .selectors-container .selx {
            padding: 7px 25px 0px;
        }

    #mapa .mapa-list li a {
        padding: 15px 25px
    }
}

@media(max-width:991px) {
    .selectors-container.default {
        flex-direction: column;
    }

    .selectors-container .selxzona,
    .selectors-container .selxnombre {
        width: 100%;
        padding: 7px 25px 25px !important;
    }

    .campos .customselect {
        max-width: unset;
    }

    .selectors-container .campos .form-group {
        width: 48%;
        max-width: unset;
    }

    #mapa .site_list,
    #mapImage {
        width: 100%
    }

    .selectors-container .geoloc-container {
        margin-top: 0;
    }

    #map::before {
        height: 85px;
        right: unset;
    }
}

@media(max-width: 767px) {
    .selectors-container {
        flex-direction: column;
        margin-bottom: 6px;
    }

        .selectors-container.inlist {
            margin-bottom: 0;
        }

        .selectors-container .form-control,
        .selectors-container select {
            width: 100%;
        }

        .selectors-container .selx {
            width: 100%;
        }

    #mapa {
        flex-direction: column;
        height: auto !important;
    }

        #mapa .mapa-list {
            max-height: 535px;
            border-bottom: 1px solid #ddd;
        }

    #mapImage {
        height: 290px;
        border-top: 5px solid #fff;
    }

    #sucursalesModal .selxnombre label span {
        display: inline-block;
        text-transform: uppercase;
    }

    .selectors-container .geoloc-container {
        flex-direction: column;
    }

    .selectors-container .geoloc-address {
        margin-bottom: 15px;
    }

    .selectors-container span.geolocate-button {
        margin-left: 0;
    }

    .Content.Sucursales h1 {
        font-size: 33px;
        line-height: 38px;
    }

        .Content.Sucursales h1.title svg {
            max-width: 37px;
        }

    /**/
    .filter_mobile {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .filter_close {
        display: none;
        position: absolute;
        right: 15px;
        top: 15px;
        cursor: pointer;
    }

    .filter_close_map {
        position: fixed;
        right: 2.5%;
        top: 16.5%;
        cursor: pointer;
        z-index: 2;
        font-size: 2em;
        background: #004C8F;
        color: #fff;
        border-radius: 100%;
        padding: 10px;
        display: none;
    }

    .filter_mobile div {
        width: auto;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 14px;
        font-weight: 600;
        color: #004C8F;
        cursor: pointer;
    }

    .box-suc-head {
        flex-direction: column;
    }

    #SHIPPING .suc-head {
        display: none;
    }

    #mapImage {
        display: none;
    }

    .icon-svg {
        width: 25px;
        margin-left: 5px;
        line-height: 0;
    }

    .filterBtnMobile {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

        .filterBtnMobile a {
            width: 40%;
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }
}

@media(max-width: 600px) {
    .selectors-container .campos .form-group {
        width: 100%;
    }
}


@media (max-width: 479px) {
    .campos .form-group {
        width: 100%;
    }

    .Content.Sucursales h1.title svg {
        top: 0;
        margin-right: 0;
        width: 100%;
        max-width: unset;
        margin-bottom: 10px;
    }

    #mapa .mapa-list li .loc-name {
        font-size: 18px !important;
    }

    #mapa .mapa-list .loc-addr,
    #mapa .mapa-list .loc-phone {
        font-size: 13px;
    }

    #mapa .mapa-list .loc-time {
        font-size: 12px;
    }

    #mapa .mapa-list li a {
        padding: 15px 12px;
    }

    .selectors-container .selxzona,
    .selectors-container .selxnombre {
        padding: 7px 12px 25px !important;
    }

    #mapa .mapa-list {
        max-height: 492px;
        border-bottom: 1px solid #ddd;
    }
}


.mensaje-mapa {
    color: #004C8F;
    width: 100%;
    font-size: 1.1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .mensaje-mapa::before {
        content: "O";
        font-size: 3em;
        font-family: "e3font";
        color: #004C8F;
        line-height: 110%;
    }

#ResetStore {
    font-weight: 500;
    background: #004C8F;
    color: #fff;
    padding: 6px 35px;
    border-radius: 30px;
    margin-top: 10px;
}

    #ResetStore:hover {
        background: #01315b;
    }

@media (max-width: 1199px) {
    .mensaje-mapa {
        font-size: 0.98em;
        padding-left: 52px;
    }

        .mensaje-mapa::before {
            font-size: 32px;
            top: calc(50% - 16px);
            left: 10px;
        }
}

@media (max-width: 779px) {
    .mensaje-mapa {
        margin: 7px 0;
    }
}



.shippingMethod-detail-small {
    color: #898989;
    font-weight: 400;
    line-height: 17px;
    font-size: 14px;
    display: flex !important;
    align-items: center;
    font-style: normal;
}

.ship-postal-code-idk {
    width: 185px;
    height: 48px;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-decoration-line: underline;
    color: #0C326E;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin-left: 15px;
}

.datos-envio-usuario {
    margin: 0
}

#ship-send .datos-envio-usuario {
    margin-top: 28px;
}

.datos-envio-usuario {
    padding-top: 10px;
    float: left;
    width: 100%;
    margin: 11px 0;
}

    .datos-envio-usuario > div {
        display: block;
        padding-left: 0;
    }

    .datos-envio-usuario small {
        font-style: normal;
        font-weight: normal;
        font-size: 0.9em;
        line-height: 13px;
        color: #AAAAAAE0;
        width: 100%;
        display: block;
        margin-top: 7px;
    }

body.Cart .card .datos-envio-usuario h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
}

.Cart fieldset.validar .titulos {
    margin-top: 40px;
}

/*Cart Process FAQ*/

.Cart.Process .pedido {
    display: flex;
    justify-content: center;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

    .Cart.Process .pedido span {
        padding: 10px 25px;
        background: #F3F3F3;
        font-weight: 400;
        font-size: 18px;
        line-height: 25px;
        text-align: center;
        color: #004C8F;
        position: relative;
    }

        .Cart.Process .pedido span::after {
            content: "";
            width: 0px;
            height: 0px;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-top: 12px solid #F3F3F3;
            position: absolute;
            margin: 0 auto;
            left: 0;
            right: 0;
            bottom: -11px;
        }

        .Cart.Process .pedido span strong {
            color: #000;
            font-weight: 400;
        }

.Cart.Process .FAQ .faq-header {
    display: flex;
    margin: 10px 0;
    border-top: 1px solid black;
    padding-top: 30px;
}

.Cart.Process .FAQ .faq-logo {
    margin-right: 20px;
}

.Cart.Process .FAQ .faq-info {
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    color: #004C8F;
}

.Cart.Process .FAQ .faq-subtitle {
    font-weight: 400;
}

.Cart.Process .FAQ .panel-heading {
    background: white !important;
}

.Cart.Process .card.violet.no-shadow {
    float: left;
    width: 100%;
    margin-top: 25px !important;
}

.Cart.Process .data_row.sector-info > div {
    display: flex;
    flex-direction: column;
    padding-left: 35px;
}

    .Cart.Process .data_row.sector-info > div::before {
        content: "";
        height: 24px;
        width: 25px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        position: absolute;
        top: 8px;
        left: -10px;
    }

.Cart.Process .data_row.sector-info .envio::before {
    background-image: url("/Content/Images/i-camiondata.svg");
}

.Cart.Process .data_row.sector-info .pago::before {
    background-image: url("/Content/Images/i-carddata.svg");
}

.Cart.Process .data_row.sector-info .datos::before {
    background-image: url("/Content/Images/i-userdata.svg");
    width: 22px;
}

.Cart.Process .data_row.sector-info h4 {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0 5px;
}

.Cart.Process .panel-heading {
    padding: 0 !important;
}

.Cart.Process .panel-default > .panel-heading a {
    display: flex;
    padding: 15px 15px;
    background: #F7F7F7;
    justify-content: space-between;
}

    .Cart.Process .panel-default > .panel-heading a.collapsed {
        background: #FFF;
    }

    .Cart.Process .panel-default > .panel-heading a::after {
        content: "\f126";
        font-family: 'Ionicons';
        font-size: 12px;
        transition: transform .25s linear;
        -webkit-transition: -webkit-transform .25s linear;
    }

    .Cart.Process .panel-default > .panel-heading a.collapsed::after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.Cart.Process .stepsHeader_mobile,
.Cart.Process .stepsHeader_mobile_move,
.Cart.Process .stepsHeader {
    display: none !important;
}

@media(max-width:767px) {
    .Cart.Process .pedido {
        margin-top: 30px;
    }
}

@media(max-width:479px) {
    .Cart.Process .jumbotron h2 {
        font-weight: 400;
        font-size: 24px;
        line-height: 27px;
    }

    .Cart.Process .pedido span {
        padding: 10px 25px;
        font-size: 14px;
        line-height: 18px;
    }

    .Cart.Process .jumbotron > p {
        text-align: center;
        padding-top: 0.625em;
        font-size: 15px;
        max-width: unset;
        margin: 0 auto 20px;
        line-height: 20px;
    }

    .Cart.Process .FAQ .faq-info {
        font-size: 15px;
        line-height: 20px;
    }

    .cart-postal-code-check {
        display: flex;
        flex-wrap: wrap;
        margin-left: 0;
        width: 100%;
    }

    .ship-postal-code-idk {
        margin-left: 0;
    }
}


/* AGRUPADORES */

.groupers-tab li {
    margin: 0 0 15px !important;
    width: 100%;
    padding: 0;
    max-height: unset;
}

    .groupers-tab li label {
        font-style: normal;
        font-weight: normal;
        font-size: 19px;
        line-height: 1.4em;
        color: #000000;
        width: 100%;
        padding: 12px 35px 14px 25px;
        cursor: pointer;
        text-transform: none;
        position: relative;
        float: left;
        clear: left;
        background-color: #F4F4F4;
        border: 1px solid #D9D9D9;
        border-radius: 5px;
        margin: 5px 0;
    }

        .groupers-tab li label span {
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            margin: 5px 0 0;
            display: flex;
            align-items: center;
            color: #000000;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

.groupers-tab label.active {
    font-weight: 100;
    background-color: white;
    border: 2px solid black;
    border-radius: 3px;
}

.groupers-tab .image-group {
    margin-top: 20px;
    width: auto;
    height: 40px;
}

#backToGrouper {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 26px;
    gap: 22px;
    width: 100%;
    height: 51px;
    background: linear-gradient(90.12deg, #164E94 0.21%, #004C8F 100%);
    box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

    #backToGrouper:hover,
    #backToGrouper > label:hover {
        cursor: pointer;
    }

    #backToGrouper label {
        width: 100%;
        height: auto;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        align-items: center;
        color: #FFFFFF;
        flex: none;
        order: 5;
        flex-grow: 0;
        margin: 5px 0;
    }

    #backToGrouper:before {
        color: #FFFFFF;
        font-family: "Ionicons";
        content: "\f124";
        position: relative;
        left: -15px;
    }

.groupers-tab li label:hover {
    background-color: #eeeeee;
}

.groupers-tab li label::after {
    content: "\f125";
    font-family: 'Ionicons';
    position: absolute;
    right: 12px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    float: right;
    height: auto;
    display: flex;
    align-items: center;
    opacity: 0.4;
    font-size: 24px;
}

@media(max-width:767px) {
    #backToGrouper {
        display: none;
        flex-direction: row;
        align-items: center;
        padding: 10px 26px;
        gap: 22px;
        width: 100%;
        height: auto;
        background: linear-gradient(90.12deg, #164E94 0.21%, #004C8F 100%);
        box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.08);
        border-radius: 5px;
        flex: none;
        order: 0;
        flex-grow: 0;
    }

        #backToGrouper label {
            width: 100%;
            height: auto;
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 22px;
            align-items: center;
            color: #FFFFFF;
            flex: none;
            order: 5;
            flex-grow: 0;
            margin: 5px 0;
        }

    #PAYMETHOD .options {
        flex-direction: column;
        margin: 20px 0px;
    }

    /*.groupers-tab li label::after {
        display: none;
    }*/
}

/* Coinspaid custom */

#PAYMETHOD .feature-coinspaid {
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: flex-start;
    color: #000;
    font-weight: normal;
    flex-direction: column;
    margin-top: 16px;
    padding: 0px 36px;
}

#PayMethodsList li[data-paymethod="coinspaid"].paymethodBox {
    float: left;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
    flex-grow: 0;
    margin-top: 30px;
}

#PAYMETHOD li[data-paymethod="coinspaid"] .item {
    background: black !important;
    border-radius: 100px !important;
    max-width: 400px;
    height: 58px;
}

    #PAYMETHOD li[data-paymethod="coinspaid"] .item span span {
        font-style: normal;
        font-weight: 400;
        font-size: 19px;
        line-height: 35px;
        display: flex;
        align-items: center;
        color: #fff;
        justify-content: center;
    }

.payment-procesing.coinspaid {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 50px;
    align-items: center;
}

/*Trade in Cart*/

.cart-trade-container {
    display: inline-flex;
    margin-top: 10px;
    margin-bottom: 20px;
}

.cart-trade-item {
    display: flex;
    margin-right: 10px;
    align-items: center;
}

.cart-trade-logo {
    display: flex;
    flex-direction: row;
}

.cart-trade-description p {
    margin: 0;
}

.cart-trade-model-description {
    color: #1381B2;
    font-style: normal;
}

.cart-trade-model-title {
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    color: #1381B2;
}

.trade-container-check {
    background: #F0F0F0;
    margin-bottom: 0px;
    margin-top: 20px;
    padding: 15px 25px;
}

    .trade-container-check#tradeInDatos {
        margin-bottom: 20px;
    }

.checkout-trade-model-title {
    font-size: 2rem;
    font-weight: 600;
    color: #1381B2;
}

.checkout-trade-model-description {
    font-size: 1.5rem;
    font-weight: 400;
    color: #000;
    margin-top: -10px !important;
}

.checkout-trade-model-description-phone {
    font-size: 1.5rem;
    font-weight: 400;
    color: #1381B2;
    margin-top: -10px !important;
}

.container-conditions {
    font-size: 1.5rem;
    color: #000;
    display: flex;
    margin-left: 0px !important;
    flex-direction: column;
}

    .container-conditions .field-validation-error::before,
    .container-conditions .field-validation-valid::before {
        display: none;
    }

    .container-conditions span {
        margin-left: 10px;
        margin-top: 3px;
        display: block;
        width: 100%;
    }

.trade-terminos {
    color: #000;
    text-decoration: underline !important;
}

input#trade-terminos {
    margin: 0;
}

.cart-trade-description {
    margin-left: 10px;
}


#trade-in-item2 {
    display: flex;
    width: 100%;
    gap: 10px;
}

.item-trade-model-description {
    color: #1381B2;
    font-style: normal;
    margin: 0;
}

.item-trade-model-title {
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    color: #1381B2;
    margin: 0;
}

/*switch*/
.switch {
    --line: #cecece;
    --linecheck: #1381b2;
    --dot: #1381b2;
    --circle: #505162;
    --duration: 0.3s;
    --text: #9ea0be;
    cursor: pointer;
}

    .switch input {
        display: none;
    }

        .switch input + div {
            position: relative;
        }

            .switch input + div:before,
            .switch input + div:after {
                --s: 1;
                content: "";
                position: absolute;
                height: 6px;
                top: 6px;
                width: 30px;
                background: var(--line);
                color: #1381b2;
                transform: scaleX(var(--s));
                transition: transform var(--duration) ease;
            }

            .switch input + div:before {
                --s: 0;
                left: 0;
                transform-origin: 100% 50%;
                border-radius: 5px 0 0 5px;
                background: var(--linecheck);
                opacity: 0.5;
            }

            .switch input + div:after {
                left: 18px;
                transform-origin: 100% 50%;
                border-radius: 0 5px 5px 0;
            }

            .switch input + div span {
                padding-left: 56px;
                line-height: 24px;
                color: var(--text);
            }

                .switch input + div span:before {
                    --x: 0;
                    --b: var(--circle);
                    --s: 15px;
                    z-index: 1;
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 18px;
                    height: 18px;
                    border-radius: 50%;
                    box-shadow: inset 0 0 0 var(--s) var(--b);
                    transform: translateX(var(--x));
                    transition: box-shadow var(--duration) ease, transform var(--duration) ease;
                }

                .switch input + div span:not(:empty) {
                    padding-left: 64px;
                }

        .switch input:checked + div:before {
            --s: 1;
        }

        .switch input:checked + div:after {
            --s: 0;
        }

        .switch input:checked + div span:before {
            --x: 28px;
            --s: 12px;
            --b: var(--dot);
        }

/* #ship-send .RESULT {
    color: #333;
    margin-top: 25px;
    position: relative;
    float: left;
    width: 100%;
    display: block;
}

#ship-send .RESULT strong {
    font-size: 1.2em;
    color: #007cfb;
} */

#ship-send .RESULT {
    color: #333;
    margin-top: 1em;
    position: relative;
    float: left;
    width: 100%;
    padding: 0px 0px 0px 10px;
}

.infoShip_container {
    width: 55%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ff00001a;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    border: 1px solid red;
}

.infoShip_container_RetSuc {
    width: 73%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    background-color: #ff00001a;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    border: 1px solid red;
}

.iconWaring {
    width: 5%;
    height: 30px;
}

.infoShip_banner {
    width: 95%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
}

    .infoShip_banner div {
        margin-left: 5px;
        width: 550px;
    }

/*CEIBO*/

.ceibo-container {
    border: 1px solid lightgray;
    padding: 20px 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .2);
    border-radius: 5px;
}

    .ceibo-container .logos-container {
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .ceibo-container .ceibo-header-info {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .ceibo-container .ceibo-header {
        display: flex;
        gap: 30px;
        justify-content: space-between;
        align-items: center;
    }

    .ceibo-container .sep {
        width: 1px;
        height: 55px;
        display: block !important;
        background: #8b8b8b;
        margin: 0 10px;
    }

    .ceibo-container .logos-container img {
        width: 100%;
    }

    .ceibo-container h2.ceibo-subtitle {
        margin: 0;
        font-weight: 600;
        font-size: 18px;
        width: 100%;
        max-width: 600px;
        line-height: 28px;
    }

    .ceibo-container .ceibo-body p {
        font-size: 15px;
        font-style: normal;
        margin: 0;
    }

    .ceibo-container .ceibo-body {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 100%;
        max-width: 900px;
    }

        .ceibo-container .ceibo-body ul li {
            list-style: unset;
            text-indent: 15px;
            line-height: 28px;
            position: relative;
        }

            .ceibo-container .ceibo-body ul li::before {
                content: "·";
                font-size: 29px;
                line-height: 20px;
                position: absolute;
                margin-right: 4px;
                left: -11px;
                top: 4px;
            }

    .ceibo-container .text3 p {
        margin-bottom: 8px;
    }

    .ceibo-container .text3 small {
        font-size: 13px;
        color: #6f6f6f;
    }

    .ceibo-container .ceibo-footer {
        align-items: center;
        justify-content: center;
        display: flex;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .ceibo-container .ceibo-imagen img {
        width: 100%;
        max-width: 250px;
        height: auto;
    }

    .ceibo-container .logos-container img:first-child {
        max-width: 116px;
    }

    .ceibo-container .logos-container img:last-child {
        max-width: 210px;
    }

    .ceibo-container .ceibo-button svg {
        display: none;
    }

    .ceibo-container .ceibo-button a div:first-child {
        display: none;
    }

    .ceibo-container .ceibo-button a div:last-child {
        margin-left: 0 !important;
        font-size: 18px;
        line-height: 20px;
    }

    .ceibo-container a.ceibo-sdk-button {
        border-color: #004C8F !important;
        background-color: #004C8F !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding: 10px 20px !important;
        border-radius: 100px !important;
    }

        .ceibo-container a.ceibo-sdk-button:hover {
            background-color: #003F84 !important;
            background-color: #003F84 !important;
        }

.steps-container .numbered-steps .number {
    background: rgb(101, 133, 143);
    color: white;
    width: 40px;
    display: block;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 100%;
    font-size: 18px;
    position: relative;
    margin: 10px;
    z-index: 2;
}

.steps-container .numbered-steps {
    display: flex;
    align-items: center;
    gap: 20px;
}

    .steps-container .numbered-steps:first-child .number::before {
        display: none
    }

    .steps-container .numbered-steps .number::before {
        position: absolute;
        border: 1px solid #dedede;
        width: 0;
        height: 30px;
        display: block;
        content: '';
        left: 50%;
        z-index: 1;
        top: -35px;
        margin-left: -1px;
    }

.numbered-steps a {
    text-decoration: underline;
    color: #EF7D2D;
}


@media(max-width:767px) {
    .ceibo-container {
        border: 0;
        padding: 20px 5%;
        box-shadow: unset;
        border-radius: 0;
    }
}

@media(max-width:600px) {
    .ceibo-container .ceibo-header {
        flex-direction: column;
    }

    .ceibo-container .logos-container {
        justify-content: center;
    }

    .ceibo-container .ceibo-body p {
        font-size: 14px;
        line-height: 20px;
    }

    .ceibo-container .logos-container {
        gap: 5px;
    }

    .steps-container .numbered-steps {
        gap: 0;
    }
}

@media(max-width:479px) {
    .ceibo-container h2.ceibo-subtitle {
        font-size: 16px;
        line-height: 26px;
    }

    .ceibo-container .logos-container img:first-child {
        max-width: 85px;
    }

    .ceibo-container .logos-container img:last-child {
        max-width: 165px;
    }

    .steps-container .numbered-steps .number {
        width: 25px;
        height: 25px;
        font-size: 12px;
    }

    .numbered-steps span:not(.number) {
        font-size: 13px;
    }
}

/*Estilos CheckOut Medios de pago*/

.Cart.Order input.checkout-btn.pull-right.BUTTONBUY {
    background: #005ea9;
    font-weight: 400;
    padding: 16px 16px;
}

.Cart.Order #installmentsSelect .custom-select::after {
    left: 90% !important;
    top: 50% !important;
}

.expiration .custom-select::after {
    top: auto !important;
    bottom: 10px;
    left: 75% !important;
}

.Cart.Order input.checkout-btn.pull-right.BUTTONBUY:hover {
    background: linear-gradient(90.42deg, #294391 0.21%, #005ea9 100%);
    color: white !important;
}

body.Cart.Checkout,
body.Cart.Checkout #wrap > .container {
    background: #f6f6f6;
}

.Cart.Checkout .field-validation-error {
    position: relative;
}

#textValidationBin, .field-validation-error span {
    color: red !important;
    text-align: left;
}
/*#textValidationBin.field-validation-error::after {
        content: "*";
        font-size: 1.5em;
        position: absolute;
        top: 85%;
    }*/
#textValidationLenght::after {
    content: "*";
    font-size: 1.5em;
}

#textValidationLenght {
    color: red;
    font-size: 0.88em;
    line-height: 1.2em;
    padding: 15px 0px 0px;
    width: 100%;
}

.validar .input-validation-error {
    border-bottom: 3px solid red !important;
}

.validar .field-validation-error::before {
    color: red !important;
}

.Checkout .btn-submit {
    border: none !important;
}

.Cart.Checkout .checkout-wrapper {
    background: #fff;
    /* border: 5px solid #ccc;*/
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 30px;
    padding: 0;
    /*border: 1px solid #e0e0e0;*/
    box-shadow: 0px 2px 5px #ececec;
}

.Cart.Checkout .checkout-header {
    float: left;
    width: 100%;
    position: relative;
}

.Cart.Checkout .checkout-back {
    position: absolute;
    font-size: 25px;
    color: #fff;
    /*right: 32px;*/
    line-height: 40px;
    top: 7px;
}

    .Cart.Checkout .checkout-back:before {
        content: "";
        background: url("/content/paymethods/mercadopago2.png");
        background-size: 100%;
        background-repeat: no-repeat;
        width: 100px;
        height: 40px;
        position: relative;
        display: block;
        margin-top: 14px;
    }

.Cart.Checkout .checkout-title {
    color: #000;
    padding: 24px 140px 0px 29px;
    font-size: 23px;
}

.Cart.Checkout .checkout-main {
    padding: 30px;
    padding-top: 30px;
    float: left;
    width: 100%;
}

.Cart.Checkout .checkout-container {
    display: flex;
    align-items: center;
    width: 100%;
    float: left;
    margin: auto;
}

.Cart.Checkout a.checkout-btn.pull-left {
    display: none;
}

.Cart.Checkout .checkout-ul {
    float: left;
    width: 100%;
    overflow: hidden;
}

    .Cart.Checkout .checkout-ul > a {
        padding: 0px 12px;
        line-height: 54px;
        color: #555;
        font-size: 1em;
        text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
        border: 2px solid #eee;
        width: 100%;
        float: left;
        outline: none !important;
        transition: 0ms !important;
        background-color: #fff;
        border-radius: 0;
        height: 54px;
        background-image: none;
        background: #f8f8f8;
        text-align: left;
        margin: 0 0 7px;
    }

        .Cart.Checkout .checkout-ul > a:before {
            float: right;
            line-height: 50px;
            color: #ccc;
            font-size: 20px;
        }

        .Cart.Checkout .checkout-ul > a:not(.collapsed):before {
            content: "\f3d0";
        }

        .Cart.Checkout .checkout-ul > a span {
            color: #919191;
            font-size: 31px;
            width: 54px;
            text-align: left;
            float: left;
        }

        .Cart.Checkout .checkout-ul > a.active {
            background: #0b5d99;
            color: #fff;
            text-shadow: none;
            border: 1px solid #0b5d99;
            margin-bottom: 0;
        }

            .Cart.Checkout .checkout-ul > a.active:before,
            .checkout-ul > a.active span {
                color: #fff;
            }

.Cart.Checkout .checkout-btn {
    line-height: 25px;
    padding: 8px 25px;
    margin-top: 20px;
    border: none;
}

    .Cart.Checkout .checkout-btn.disabled {
        background: #999 !important;
        opacity: 0.8;
        cursor: not-allowed;
    }

.Cart.Checkout .checkout-promos,
.checkout-btn:hover {
    background: #01315b;
}

.Cart.Checkout .checkout-payments-data {
    float: left;
    width: 100%;
    padding: 10px 25px;
    border: 1px solid transparent;
}

    .Cart.Checkout .checkout-payments-data > label {
        font-size: 15px;
    }

.Cart.Checkout .collapse.in .checkout-payments-data,
.collapsing .checkout-payments-data {
    border-color: #0b5d99;
    margin-bottom: 20px;
    box-shadow: 2px 2px 6px #00000026;
}

.Cart.Checkout #payment1 .checkout-payments-data {
    padding: 10px;
}

.Cart.Checkout .checkout-payment {
    float: left;
    width: 100%;
    background: #fafafa;
    border: 2px solid #e3e3e3;
    padding: 12px 13px;
    position: relative;
    padding-left: 105px;
    margin-bottom: 15px;
    font-size: 14px;
    transition: 0ms;
    color: #000;
    text-align: left;
}

    .Cart.Checkout .checkout-payment::before {
        position: absolute;
        top: 24px;
        left: 9px;
        color: #aaa;
        content: "";
        font-weight: 400;
        height: 14px;
        width: 14px;
        padding: 0;
        border: 1px solid #bbb;
        background: #fff;
        text-align: left;
        display: block;
        border-radius: 100%;
        box-shadow: 0 1px 4px #00000024;
    }

    .Cart.Checkout .checkout-payment.active::before {
        content: "\f375";
        font-family: "Ionicons";
        background: transparent;
        border: 0;
        font-size: 22px;
        color: #1030b0;
        top: 21px;
        box-shadow: none;
        left: 7px;
    }

.Cart.Checkout .checkout-back:before {
    content: "";
    background: url(/content/paymethods/mercadopago.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100px;
    height: 40px;
    position: relative;
    display: block;
    margin-top: 15px;
}

.Cart.Checkout .checkout-payment.active {
    border-color: #2f4189;
    background: #EFF8FF;
}

.Cart.Checkout .checkout-payment .img-wrapper {
    position: absolute;
    top: 15px;
    left: 22px;
    width: 80px;
}

.Cart.Checkout .checkout-payment .checkout-payment-name {
    font-weight: 500;
    text-align: left;
}

.Cart.Checkout .checkout-payment .paymentText {
    font-size: 13px;
    text-align: left;
}

.Cart.Checkout .checkout-payment .paymentInstallments {
    font-size: 12px;
    opacity: 0.7;
}

.Cart.Checkout .checkout-payment img {
    display: block;
    margin: 0 auto;
}

.Cart.Checkout .checkout-wrapper input::-webkit-input-placeholder {
    color: #999 !important;
    font-weight: 300 !important;
}

.Cart.Checkout .checkout-wrapper input:-moz-placeholder {
    color: #999 !important;
    font-weight: 300 !important;
}

.Cart.Checkout .checkout-wrapper input::-moz-placeholder {
    color: #999 !important;
    font-weight: 300 !important;
}

.Cart.Checkout .checkout-wrapper input:-ms-input-placeholder {
    color: #999 !important;
    font-weight: 300 !important;
}

.Cart.Checkout .checkout-wrapper input:-moz-placeholder {
    color: #999 !important;
    font-weight: 300 !important;
}

.Cart.Checkout .checkout-btn {
    max-width: 250px;
    font-size: 16px;
}

.Cart .btn-sps {
    max-width: unset;
    padding: 17px 15px;
}

.Cart .divBtn-sps {
    padding: 8px 16px;
    margin-top: 20px;
    width: auto;
}

@media (max-width: 767px) {

    .Cart.Checkout .mainColCheckout {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .Cart.Checkout .checkout-wrapper {
        border: unset;
        box-shadow: unset;
        margin-top: 20px;
        background: transparent;
    }

    .Cart.Checkout .collapse.in .checkout-payments-data,
    .collapsing .checkout-payments-data {
        background: #fff
    }

    .Cart.Checkout .checkout-ul > a {
        background: #fff;
    }
}


@media (max-width: 479px) {

    .Cart.Checkout .checkout-header {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .Cart.Checkout .checkout-title {
        padding: 0 0 5px;
        text-align: center;
        font-size: 21px;
    }

    .Cart.Checkout .checkout-main {
        padding: 0;
        padding-top: 10px;
        float: left;
        width: 100%;
    }

    .Cart.Checkout .checkout-back {
        position: relative;
        top: auto;
        right: auto;
        width: auto !important;
        display: block;
        margin: -10px auto 6px;
    }

    .Cart.Checkout .SpsBoX {
        width: 90%;
        margin: auto;
    }

    .Cart.Checkout .checkout-btn {
        max-width: 80%;
    }

    .Cart.Checkout .checkout-ul > a span {
        font-size: 26px;
        width: 36px;
    }

    .Cart.Checkout .checkout-ul > a span {
        margin-right: 0px;
    }

    .Cart.Checkout .checkout-ul > a:before {
        line-height: 38px;
        order: 5;
        margin-right: 10px;
        position: absolute;
        right: 0;
    }

    .Cart.Checkout .checkout-ul > a {
        font-size: 0.95em;
        margin-top: 10px;
        padding: 10px 32px 10px 12px;
        line-height: 18px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    /*Se quita el relleno al checkout en mobile*/
    .Cart.Checkout #wrap > .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .Cart.Checkout aside.sticky {
        padding: 0px !important;
    }

    .Cart.Checkout #ui_Resumen_mobile {
        bottom: 7vh;
        top: unset;
    }

    body.Cart.Order #wrap > .container > aside .card.violet,
    body.Cart.Order #wrap > .container > div .card.violet {
        border-radius: 0;
        margin: 0;
    }
}

@media (max-width: 320px) {

    .Cart.Checkout .checkout-title {
        font-size: 1.2em;
    }

    .Cart.Checkout .checkout-back:before {
        margin-left: 22%;
    }
}

.Cart.Checkout .popOverCardInfo {
    position: absolute;
    left: 110%;
    top: -160%;
    flex: none;
    order: 5;
    flex-grow: 0;
    z-index: 5;
    background: #F3F3F3;
    border: 1px solid #D2D2D2;
}

@media (max-width: 320px) {

    .Cart.Checkout .popOverCardInfo {
        left: 61%;
        top: -9%;
    }
}


div#tooltipCardInfo {
    display: none;
}

.checkout-container {
    padding: 15px;
    margin-top: 10px;
    float: left;
    width: 100%;
}

.Cart strong.feature {
    font-size: 14px;
    color: #999;
}