﻿.breadcrumb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 5px;
    margin-left: 5px;
    color: #a1a1a1;
    text-decoration: none;
    margin-top: 5px;
    list-style-type: none;
}

    .breadcrumb li {
        margin-left: 5px;
        margin-right: 5px;
        font-size: 14px;
    }

        .breadcrumb li a:after {
            content: ">";
        }

        .breadcrumb li a:after, .breadcrumb li a:before {
            padding-left: 1.2rem;
            padding-right: 1.2rem;
            font-family: icomoon;
        }


        .breadcrumb li a {
            text-decoration: none;
        }

/*
    .breadcrumb li a:last-child:after {
        content: "";
    }

    */

.section-5 {
    max-width: inherit;
}

.force-background-none {
    background-image: none;
}


#drp_select {
    height: 42px;
    margin-bottom: 16px;
    background-color: #f3f3f3;
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    vertical-align: middle;
    border: 1px solid #cccccc;
    /*font: inherit;*/
}

#drp_ordenar {
    height: 42px;
    margin-bottom: 16px;
    background-color: #f3f3f3;
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px !important;
    line-height: 1.42857143;
    color: #333333;
    vertical-align: middle;
    border: 1px solid #cccccc;
    /*font: inherit;*/
}


#drp_marca {
    height: 42px;
    margin-bottom: 16px;
    background-color: #f3f3f3;
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px !important;
    line-height: 1.42857143;
    color: #333333;
    vertical-align: middle;
    border: 1px solid #cccccc;
    /*font: inherit;*/
}

#drp_talla {
    height: 42px;
    margin-bottom: 16px;
    background-color: #f3f3f3;
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px !important;
    line-height: 1.42857143;
    color: #333333;
    vertical-align: middle;
    border: 1px solid #cccccc;
    /*font: inherit;*/
}

#drp_color {
    height: 42px;
    margin-bottom: 16px;
    background-color: #f3f3f3;
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px !important;
    line-height: 1.42857143;
    color: #333333;
    vertical-align: middle;
    border: 1px solid #cccccc;
    /*font: inherit;*/
}

#drp_material {
    height: 42px;
    margin-bottom: 16px;
    background-color: #f3f3f3;
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px !important;
    line-height: 1.42857143;
    color: #333333;
    vertical-align: middle;
    border: 1px solid #cccccc;
    /*font: inherit;*/
}

#drp_medidas {
    height: 42px;
    margin-bottom: 16px;
    background-color: #f3f3f3;
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px !important;
    line-height: 1.42857143;
    color: #333333;
    vertical-align: middle;
    border: 1px solid #cccccc;
    /*font: inherit;*/
}




/*-- Category Sidebar --*/
.category-sidebar {
    padding-left: 0px;
}

    .category-sidebar li {
        /*border-bottom: 1px solid #ddd;*/
        display: block;
        /*padding: 6px 0;*/
        margin-bottom: 0px;
    }

        .category-sidebar li a {
            display: block;
            font-size: 14px;
        }

            .category-sidebar li a::before {
                content: ">";
                display: block;
                float: left;
                font-family: FontAwesome;
                font-size: 15px;
                margin-right: 10px;
            }

            .category-sidebar li a:hover {
                padding-left: 10px;
            }

        .category-sidebar li .subcate::before {
            margin-left: 20px;
        }

        .category-sidebar li .subcate2::before {
            margin-left: 30px;
        }



.aplicar-filtros {
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #7e7e7e;
    background-color: #fff;
    color: #7e7e7e;
}

.borrar-filtros {
    margin-top: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #7e7e7e;
    background-color: #fff;
    color: #7e7e7e;
}


.divfiltro {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}



/* PAGINATION */
.pagination-3 a, .pagination-3 ul {
    margin: 0;
    text-align: center;
    cursor: pointer;
}

    .pagination-3 ul li {
        display: inline-block;
    }

.pagination-3 a {
    width: 4rem;
    height: 4rem;
    padding: 1rem;
    display: block;
    border: 1px solid #ddd;
    border-radius: 50%;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.8rem;
}

    .pagination-3 a.current, .pagination-3 a:hover {
        background: #333;
        color: #fff;
        border: transparent;
    }

.pagination-3 li:first-child {
    float: left;
}

.pagination-3 li:last-child {
    float: right;
}

.pagination-3 a.disabled, .pagination-3 a.disabled:hover {
    color: #ddd;
    border-color: #ddd;
    cursor: default;
}

.pagination-next.disabled, .pagination-next.disabled:hover, .pagination-previous.disabled, .pagination-previous.disabled:hover {
    transition: none;
    cursor: default;
    background: 0 0 !important;
}

.pagination-3 {
    border-top: 1px solid #eee;
    margin-top: 30px;
}

    .pagination-3 a {
        width: 4rem;
        height: 4rem;
        padding: 0;
        border: none;
        line-height: 4rem;
        font-size: 15px;
        font-weight: 400;
        text-transform: none;
        color: #111;
        border-radius: 0.3rem;
        position: relative;
    }

    .pagination-3 .pagination-previous,
    .pagination-3 .pagination-next {
        width: auto;
        background: transparent;
        border: none;
    }

    .pagination-3 [class*="icon-"]:before {
        font-size: 2rem;
        position: relative;
        top: 0.4rem;
    }

    .pagination-3 a:hover {
        background: transparent;
        border: none;
        color: #D9D9D6;
    }

    .pagination-3 a.current {
        background: transparent;
        font-weight: 400;
        color: #D9D9D6;
    }

    .pagination-3 a.disabled,
    .pagination-3 a.disabled:hover {
        border: none;
    }

    .pagination-3 a span {
        margin: 0 6rem 0 0;
    }

    .pagination-3 .pagination-next span {
        margin: 0 0 0 6rem;
    }

    .pagination-3 .back-to-grid {
        width: 8rem;
        margin-left: -4rem;
        position: absolute;
        top: 4rem;
        left: 50%;
    }

        .pagination-3 .back-to-grid span {
            margin: 0;
        }


.onsale {
    position: absolute;
    top: 10px;
    background-color: #999;
    color: #FFF;
    padding: 5px;
    z-index: 2;
    left: 10px;
}

.outofstock {
    padding: .3rem .8rem .1rem;
    background-color: #232323;
    border-radius: 0;
    width: auto;
    height: auto;
    color: #fff !important;
    text-align: center;
    font-size: 12px;
    line-height: 1.8;
    text-transform: uppercase;
    position: absolute;
    top: 5rem;
    left: 1rem;
    z-index: 100;
    float: left;
    display: block;
    overflow: hidden;
}

.loading {
    width: 50px;
    height: 50px;
}

.addProd {
    z-index: 6 !important;
}

.modal-cart-force-display {
    display: flex !important;
}

.cart-list-vertical-scroll {
    height: 400px;
    max-height: 300px;
    overflow-y: scroll;
}


#drp_tiendas_select {
    height: 42px;
    margin-bottom: 16px;
    background-color: #f3f3f3;
    display: block;
    width: 100%;
    /*height: 38px;*/
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px !important;
    line-height: 1.42857143;
    color: #333333;
    vertical-align: middle;
    border: 1px solid #cccccc;
    margin-left: auto;
    margin-right: auto;
    width: max-content;
    /*font: inherit;*/
}

.drp_tiendas {
    display: flex !important;
    align-items: center !important;
}

.btn_seguir_comprando {
    display: block;
    text-align: center;
    background-color: #ffffff;
    border-color: #1a1b1f !important;
    border-style: solid;
    border-width: 1px;
    border-collapse: collapse;
    color: #1a1b1f;
    display: block;
    text-align: center;
    padding-top: 3px;
}

@media (min-width: 991px) {
    .div-block-7-b {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

        .div-block-7-b .linkcategorias {
            height: 280px;
        }
}


@media (max-width: 767px) {
    .div-block-18 {
        flex-direction: column
    }

    .div-block-17 {
        width: 100%
    }
}

.regalos_salir {
    display: inline-block;
    cursor: pointer;
    position: relative;
    float: right;
    padding: 5px;
    border-radius: 5px;
    background-color: #1a1b1f;
    color: #fff;
    font-size: 14px;
    line-height: 26px;
}

    .regalos_salir:hover {
        background-color: #848588;
        color: #FFF;
    }

.tabla_regalos th {
    background-color: #1a1b1f;
    color: #FFF;
}

.my_acount_text_titles {
    font-size: 24px;
    font-weight: bold;
}

.my_acount_label_form {
    margin-bottom: 20px;
    margin-right: 10px;
}

#drp_pais2 {
    height: 42px;
    margin-bottom: 16px;
    background-color: #f3f3f3;
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px !important;
    line-height: 1.42857143;
    color: #333333;
    vertical-align: middle;
    border: 1px solid #cccccc;
    /*font: inherit;*/
}


#drp_estado2 {
    height: 42px;
    margin-bottom: 16px;
    background-color: #f3f3f3;
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px !important;
    line-height: 1.42857143;
    color: #333333;
    vertical-align: middle;
    border: 1px solid #cccccc;
    /*font: inherit;*/
}

.txt_precio_var {
    height: 40px;
    margin-bottom: 14px;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.icon_wishlist {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url(../images/wishlist.svg);
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-size: 22px;
}


.productoNombreVisible {
    height: auto !important;
}



.button_wishlist_custom {
    padding: 12px 25px;
    border-radius: 0px;
    background-color: #1a1b1f;
    -webkit-transition: background-color 400ms ease, opacity 400ms ease, color 400ms ease;
    transition: background-color 400ms ease, opacity 400ms ease, color 400ms ease;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #3898ec;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    color: #fff;
    cursor: pointer;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .button_wishlist_custom:hover {
    }

.listaSeleccionCustomAjax {
    background-color: #f3f3f3;
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px !important;
    line-height: 1.42857143;
    color: #333333;
    vertical-align: middle;
    border: 1px solid #cccccc;
}

.containerListaSeleccionExtras {
}

.selector-producto > select {
    background-color: #f3f3f3;
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px !important;
    line-height: 1.42857143;
    color: #333333;
    vertical-align: middle;
    border: 1px solid #cccccc;
}

.imagentexto_imagen {
    width: 100%;
    height: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.imagentexto_tit_texto {
    display: flex;
    align-items: center;
    text-align: justify;
}

.container_imagentexto, .dos_fotos_home {
    display: grid;
    grid-template-columns: 1fr;
    padding: 10px;
    grid-gap: 25px;
}

.dos_fotos_home {
    margin-right: 20px;
    margin-left: 20px;
}

    .dos_fotos_home .dos_fotos_item {
        position: relative;
        margin: 10px;
    }

        .dos_fotos_home .dos_fotos_item .dos_fotos_foto {
            height: 400px;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .dos_fotos_home .dos_fotos_item .dos_fotos_intro {
            width: 100%;
            background-color: rgba(255, 255, 255, 0.21);
            text-align: center;
        }

.collection-wrap {
    margin-left: unset;
    margin-right: unset;
}

.brick_tit {
    z-index: 1;
}

.index_texto_imagen .masonry {
    -moz-column-gap: unset;
    -webkit-column-gap: unset;
    column-gap: unset;
    -moz-column-fill: unset;
    -webkit-column-fill: unset;
    column-fill: unset;
    -moz-column-count: unset;
    -webkit-column-count: unset;
    column-count: unset;
    margin-bottom: unset;
}

.masonry .brick {
    max-height: 250px;
    min-height: 250px;
}

    .masonry .brick img, .logos_carrousel .marca_logo img, .instagram_feed .instagram_post img, .dos_fotos_home .dos_fotos_item .dos_fotos_intro {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.logos_carrousel .marca_logo img {
    transition: all ease 0.2s;
    width: 90%;
}

    .logos_carrousel .marca_logo img:hover {
        transition: all ease 0.2s;
        box-shadow: 5px 5px 15px 0px #888;
    }

.marca_logo, .instagram_post {
    max-height: 250px;
    min-height: 250px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

.marca_logo {
    transition: all ease 0.2s;
    cursor: pointer;
}

    .marca_logo:hover {
        transition: all ease 0.2s;
        transform: scale(1.1);
    }

.cita_tit h1 {
    display: inline-flex;
}

.cita_tit .imagen-cita {
    width: 50px;
    height: auto;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.product-image-3 a, .product-image-3 a img {
    height: 100%;
}

.text-discount-outofstock {
    background: #bf0d00;
    color: white;
    border-radius: 15px;
    padding: 15px;
    display: inline;
}

.div-discount-outofstock {
    position: absolute;
}


.cart_overview_container {
    display: flex;
    justify-content: space-around;
}

.button.checkout.no-margin-bottom.fade-location {
    margin: 15px 0;
    text-align: center;
    padding: 20px;
}

.table_totales {
    width: 100%;
}

@media (max-width: 575.98px) {
    .cart_overview_container {
        flex-direction: column;
    }

    .button.checkout.no-margin-bottom.fade-location {
        margin: 15px;
    }

    .table_totales {
        width: auto;
        margin: auto;
    }

    .table_products {
        font-size: 15px;
    }

    .cart-review {
        padding: 15px;
    }
}

@media screen and (min-width: 600px) {
    .container_imagentexto, .dos_fotos_home {
        grid-template-columns: 1fr 1fr;
    }

    .imagentexto_imagen {
        height: 500px;
    }

    .instagram_post {
        margin: 10px;
    }
}

@media screen and (max-width: 768px) {
    .dos_fotos_home .dos_fotos_item .dos_fotos_foto {
        height: 200px;
    }
}
