/***************************************
    INDICE
    1. Reset
    2. Header
    3. Colecciones
****************************************/
body {
    font-family: 'Montserrat', sans-serif;
}

hr {
    border-top: 1px solid rgba(0,0,0,.3);
    
} 

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,strong,b {
    font-weight:700;
}

* {
    box-sizing:border-box;
}

img {
    max-width:100%;
    height:auto;
}

:focus {
    outline:0 none;
}

button:focus {
    outline:none;
}

a:hover {
    color:inherit;
}

input, select, textarea, 
.custom-select.custom-select, 
.form-control.form-control, 
.btn.btn {
    border-radius:0;
}

/*reset focus*/
input:focus,
.form-control.form-control:focus,
.custom-select.custom-select:focus,
.btn.btn:focus,
.btn.btn:active,
.btn.btn:disabled,
.btn.btn:not(:disabled):not(.disabled):active{
    box-shadow:0 0 0 0 transparent;
}

.btn-primary {
    color:#fff;
    background-color:#112886;
    border-color:#112886;
    border-radius:0px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primaty:active,
.btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):focus {
    background-color: #5091A9;
    color:white;
    border-color: #5091A9;
}

.btn-primary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #5091A9;
    border-color: #5091A9;
}

.btn-secondary {
   background:#5091A9;
   border-color:#5091A9;
   color:#fff;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:disabled,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled):focus {
    background-color: #aaaaaa;
    color:white;
    border-color:#aaaaaa;
}

.btn-danger {
    color: #fff;
    background: #e955d7;
}

a {
    color: #212529;
    text-decoration: none;
}

.breadcrumb {
    background-color:transparent;
    background-color: transparent;
    border-bottom: 1px solid #eaeaea;
    border-radius: 0;
}

.bs-sticky-header {
    box-shadow: 0 .5rem .5rem -.5rem rgba(90,90,90,0.4);
}
.navbar-toggler {
    position:absolute;
    left:0;
}

/**********************************
    Pagina en construccion
***********************************/
.bs-construction-page {
    height:100%;
    display: flex;
    align-items: center;
}

.bs-home-section {
    background:#EEEEEE;
    padding:1rem 0;
    margin-bottom:1rem;
}

.bs-home-section .slick-slide {
    padding:.3rem;
}

.bs-home-section .bs-collection .bs-product {
    background:white;
}

.bs-home-section .bs-collection a:hover .bs-product {
    box-shadow: 0 .5rem .5rem -.5rem rgba(90,90,90,0.4);
}

.bs-slider-brands .slick-slide {
    padding:0 .5rem;
}

.bs-slider-brands .slick-slide .item {
    background:red;
    box-shadow: 0 0.5rem 0.5rem -0.5rem rgba(90,90,90,0.4);
}

/**********************************
    2. Header
***********************************/
.bs-header {
    background:#fff;
    box-shadow: 0 0.5rem 0.5rem -0.5rem rgba(90,90,90,0.4);
}

.btn-link {
    color:#112886;
    text-decoration:none;
}

.btn-link:hover {
    color:#5091A9;
    text-decoration: none;
    transition:.3s;
}

.bs-header .form-control {
    border:0px solid #e2e6ea;
}

.bs-header-topnav {
    padding:0;
}

.list-group-item {
    background:transparent;
    border:none;
    padding: .5rem .5rem;
}

.bs-header-topnav .list-group-item {
    font-size:.8rem;
}

.bs-header-topnav span {
    color:#112886;   
}

.bs-search-hidden.show {
    position:relative;
}

#usermenu li:hover {
    color:#16A085;
    transition:.3s;
}

.bs-search-hidden.show {
    top:30px;    
}



@media screen and (min-width:992px){
    .name-user {
        display: inline!important;
    }
    
    .btn-login:focus {
        text-decoration: none;
    }
}

@media screen and (max-width:992px) {
    .bs-sticky-header .bs-sticky-hidden{
        display:none !important;
    }
}

.bs-header-top .form-control {
    background:rgba(255,255,255,0.5);
}


.bs-header .bs-search-hidden {
    bottom:0;
}

.bs-header .bs-search-hidden .input-group {
    width:100%;
}
    
@media screen and (min-width:992px){
    .buscador-mobile {
        border: 1px solid silver;
    }
    
    .name-user {
        display: inline!important;
    }
    
    .bs-header-menu .collapse {
        align-items:start;
    }
    
    .bs-nav-menu .dropdown-item {
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        display:block;
        width:100%;
    }
    
    .bs-nav-menu .nav-item:not(:last-child) .nav-link {
        margin-right:2rem;
    }

    .bs-header-menu .container {
        align-items:stretch;
    }
    
    .bs-header-menu .navbar-nav {
        display:flex;
    }
    
    .bs-nav-menu .nav-link {
        display:flex;
        align-items:center;
        justify-content:center;
        text-align:center;
        height:100%;
        border-radius: .25rem;
    }
    
}

.bs-menu-lv1 + .dropdown-menuv {
    padding:0;
    border-radius:0;
    margin-top:0;
}

.bs-header .navbar-brand {
    margin:0;
}

.bs-header .bs-social-media a {
    padding:.5rem;
}

.bs-nav-menu {
    width:100%;
}

.bs-header-navbar {
    padding:0;
    width:100%;
    background: #eaeaea;
}

.bs-header-nav {
    width:100%;
}

.dropdown-menu.show li {
    line-height:2rem;
}

.bs-menu-lv1,
.bs-menu-lv2,
.bs-menu-lv3 {
    padding: .5rem 1rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.bs-menu-lv1 {
   
}

.bs-menu-lv1:hover,
.bs-menu-lv1:focus
{
    color:#212529;
    text-shadow: 0 2px 3px #212529;
    transition:.3s;
}

.bs-menu-lv2 {
    
}

.bs-menu-lv3 {
    padding:.125rem 1rem;
}

.bs-menu-lv2:hover,
.bs-menu-lv3:hover {
    background:#eaeaea;
}

.bs-menu-lv2 {
    
}

/*lv2 si tiene hijos lv3 */
.bs-menu-title .bs-menu-lv2,
.bs-menu-title ~ div > .bs-menu-lv2 {
    font-weight: 600;
}

.bs-menu-lv3 {
    
}

/* reset de header */
.bs-header-navbar .navbar {
    margin:0 -1rem;
    padding:0;
}

@media screen and (max-width:992px){
    .bs-header-menu .nav-link {
        display:block;
        padding:.75rem 1rem;
        border-radius:0.25rem;
    }
    
    .bs-header-menu .bs-nav-menu {
        padding-top:.5rem;
        padding-bottom:.5rem;
    }
    
    .bs-header-menu .bs-nav-menu li {
        margin:0.25rem 0;
    }
    
    .bs-header-menu {
         width:100%;
    }
}

/*header height*/
@media screen and (min-width:1200px) {
    .navbar-expand-xl .bs-header-nav,
    .navbar-expand-xl .bs-menu-lv1{
        height:100%;
    }
}
@media screen and (min-width:992px) {
    .navbar-expand-lg .bs-header-nav,
    .navbar-expand-lg .bs-menu-lv1{
        height:100%;
    }
}
@media screen and (min-width:768px) {
    .navbar-expand-md .bs-header-nav,
    .navbar-expand-md .bs-menu-lv1{
        height:100%;
    }
}
@media screen and (min-width:576px) {
    .navbar-expand-ms .bs-header-nav,
    .navbar-expand-ms .bs-menu-lv1{
        height:100%;
    }
}

.bs-breadcrumb {
    margin-top:.1rem;
}

/**********************************
    3. Collection
***********************************/
.bs-collection .bs-collection-title img {
    max-height:5rem;
}

.bs-collection .bs-product {
    display:flex;
    flex-direction:column;
    margin-bottom:1rem;
    width:100%;
}

.bs-product  .bs-img-square img:nth-child(2) {
    display:block;
    background-color:white;
    position:absolute;
    top:0;
    opacity:0;
    transition: all .5s ease;
}

.bs-product .bs-img-square img:nth-child(2):hover {
    opacity: 1;
}

.bs-product:hover > .bs-img-square img:nth-child(2) {
    opacity:1;
}

.bs-product-related .bs-product .bs-img-square img:nth-child(2) {
    opacity:0 !important;
}

.bs-product-related .bs-product .bs-img-square img:nth-child(2):hover {
    opacity: 1 !important;
}

.bs-collection .bs-stock {
    position:absolute;
    background:#5091A9;
    color:white;
    padding: .3rem;
    font-size: 0.60rem;
    z-index:50;
    bottom:0;
}

.bs-filter-title {
    text-transform:uppercase;
    font-size:12px;
}

.featured-text {
    color:#5091A9;
}

.bs-discount-condition {
    color: #112886;
}

.bs-collection .bs-product {
    padding: 1rem; 
}

.bs-borde {
    border: 1px solid #ccc;
    height: 100%;
}

.bs-borde:hover {
    border:1px solid #112886;
     transition: .5s;
}

@media screen and (min-width:992px) {
    .bs-collection .bs-stock{
        padding: .5rem 1rem;
        font-size: 1rem;
    }
}

.bs-collection .bs-product-info {
    height:100%;
}

.bs-product-info .badge {
    color:#fff;
    border: 1px solid;
    background-color:#112886;
}

@media screen and (min-width: 992px) {
    .bs-discount {
        font-size: 1rem;
    }
}

.bs-discount.star::before, 
.bs-discount.star::after, .bs-discount.star span::before, 
.bs-discount.star span::after, .bs-discount.star strong::before, 
.bs-discount.star strong::after, .bs-discount.star, .bs-discount.star span, 
.bs-discount.star strong {
    background:#EA54D8;
}

.image-collection {
    width:100%;
    max-height: 18.75rem;
    margin-bottom:1rem;
}

/*********************************
    detalle producto
**********************************/
.bs-option-disabled {
    background:silver;
    color:gray;
}

.bs-option-disabled::after {
    content:"no stock";
}

/**********************************
    Blog
***********************************/

/**********************************
    Formulario
***********************************/
.bs-form-inline form {
    display: flex;
    justify-content: center;
    margin-bottom:1rem;
}

.bs-form-inline .form-group {
    margin:0;
}

/**********************************
    footer
***********************************/
.bs-footer {
    background:#eaeaea;
    padding: 1rem 0;
}

.bs-footer .bs-social-media a {
    font-size:2rem;
    color:#112886;
}

.bs-footer .bs-social-media a:hover {
    color:#5091A9;
}

.bs-footer .bs-chat a {
    padding:6px;
}

.btn-bsale {
    color:#112886;
}

.btn-bsale:hover {
    color:#5091A9;
}

@media screen and (max-width:992px) {
    .bs-footer .bs-social-media{
        display:inline-block;
    }
    
    .bs-footer .bs-chat{
        display:inline-block;
    }
    
    .bs-footer .bs-chat a{
        box-shadow: 0 0 0 0 transparent;
    }
}

@media screen and (min-width:768px){
    .bs-footer .list-group-item {
        padding:.0;
        border:none 0;
        background:transparent;
        color:#000;
    }
}

.bs-footer .list-group-item .bs-trunc {
    line-height:1.5rem;
}

.bs-li-footer {
    margin:10px;
}    

.bs-ul-footer {
    display:grid;
    text-align: center;
}

.bs-form-inline .form-group {
    background:#fff;
}

@media (max-width: 991px) {
    .bs-li-footer {
        margin: auto; 
    }
}

/*****************************
bs-banners
******************************/
.bs-banners .bs-img-square {
    position:relative;
    display:block;
    border: 1px solid #ccc;
}

.bs-banners .bs-banner-title {
    color:white;
    font-weight:bold;
    font-size:2rem;
    text-transform:uppercase;
    padding:1rem;
    line-height:2.5rem;
    text-shadow: 0px 0px 10px #000;
}

.bs-banners .bs-img-square {
    position: relative;
    display: inline-block;
    text-align: center;
}
 
.bs-banners .bs-banner-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*Efecto hover banner*/
.bs-banners img {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}

.bs-banners .bs-img-square:hover {
    transform:scale(1.05);
    border-color: #112886;
    transition:.5s;
}

/**************************/
.bs-menu-lv1.dropdown-toggle {
    white-space: normal;
}

.bs-hover-bw img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.bs-hover-bw:hover img {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

/******************
        Sucursales 
*******************/
.bs-table {
    display:flex;
    flex-wrap:wrap;
}

.bs-table table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}

.bs-table table td {
    vertical-align: top;
    border-top:1px solid #dee2e6;
}

.bs-table div {
    width:50%;
}    

.drift-zoom-pane.drift-open img {
  object-fit: contain;
  opacity:1!important;
  transition:auto!important;
}

.bs-footer .list-group .list-group-item:hover {
    color:#5091A9;
    text-shadow: 0 3px 3px #5091A990;
    transition:.3s;
}

/*******************************/
/*** new mobile menu ***/
.collapsing button.close,
.collapse.show button.close,
.collapsing button.close:hover,
.collapse.show button.close:hover{
    background:inherit;
    line-height:inherit;
    color:inherit;
    float:none;
    opacity:1;
    text-shadow:none;
}

.navbar-collapse.collapse,
.navbar-collapse.collapse.show,
.navbar-collapse.collapsing{
    position:fixed !important;
    top:0;
    left:0;
    height:100vh !important;
    z-index:9999;
    /*aqui aplica color de fonde del menú*/
    background: #e2e6ea;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px  6px rgba(0,0,0,0.23);
    transition: all .25s ease;
}

.navbar-collapse.collapse,
.navbar-collapse.collapsing{
    width:0;
    max-width:0;
    padding:0;
}

.navbar-collapse.collapse.show {
    overflow-y:auto;
    max-width:360px;
    width:100%;
    padding:0 1rem;
}

@media screen and (min-width:320px){
    .navbar-expand-sm .navbar-collapse.collapse,
    .navbar-expand-sm .navbar-collapse.collapsing,
    .navbar-expand-sm .navbar-collapse.collapse.show{
        position:static !important;
        background:transparent;
        overflow-y:initial;
        max-width:100%;
        padding:0;
        box-shadow:none;
    }
    .navbar-expand-sm .navbar-collapse.collapse,
    .navbar-expand-sm .navbar-collapse.collapse.show,
    .navbar-expand-sm .navbar-collapse.collapsing{
        height:auto !important;
        width:auto;
    }
    
}

@media screen and (min-width:576px){
    .navbar-expand-sm .navbar-collapse.collapse,
    .navbar-expand-sm .navbar-collapse.collapsing,
    .navbar-expand-sm .navbar-collapse.collapse.show{
        position:static !important;
        background:transparent;
        overflow-y:initial;
        max-width:100%;
        padding:0;
        box-shadow:none;
    }
    .navbar-expand-sm .navbar-collapse.collapse,
    .navbar-expand-sm .navbar-collapse.collapse.show,
    .navbar-expand-sm .navbar-collapse.collapsing{
        height:auto !important;
        width:auto;
    }
    
    
}
@media screen and (min-width:768px){
    .navbar-expand-md .navbar-collapse.collapse,
    .navbar-expand-md .navbar-collapse.collapsing,
    .navbar-expand-md .navbar-collapse.collapse.show{
        position:static !important;
        background:transparent;
        overflow-y:initial;
        max-width:100%;
        padding:0;
        box-shadow:none;
    }
    .navbar-expand-md .navbar-collapse.collapse,
    .navbar-expand-md .navbar-collapse.collapse.show,
    .navbar-expand-md .navbar-collapse.collapsing{
        height:auto !important;
        width:auto;
    }
    
    
}

@media screen and (min-width:992px){
    .navbar-expand-lg .navbar-collapse.collapse,
    .navbar-expand-lg .navbar-collapse.collapsing,
    .navbar-expand-lg .navbar-collapse.collapse.show{
        position:static !important;
        background:transparent;
        overflow-y:initial;
        max-width:100%;
        padding:0;
        box-shadow:none;
    }
    .navbar-expand-lg .navbar-collapse.collapse,
    .navbar-expand-lg .navbar-collapse.collapse.show,
    .navbar-expand-lg .navbar-collapse.collapsing{
        height:auto !important;
        width:auto;
    }
    
}
@media screen and (min-width:1200px){
    .navbar-expand-xl .navbar-collapse.collapse,
    .navbar-expand-xl .navbar-collapse.collapsing,
    .navbar-expand-xl .navbar-collapse.collapse.show{
        position:static !important;
        background:transparent;
        overflow-y:initial;
        max-width:100%;
        padding:0;
        box-shadow:none;
    }
    .navbar-expand-xl .navbar-collapse.collapse,
    .navbar-expand-xl .navbar-collapse.collapse.show,
    .navbar-expand-xl .navbar-collapse.collapsing{
        height:auto !important;
        width:auto;
    }
}

.nav-item:last-child .dropdown-menu{
    right:0;
    left:auto;
    width:auto;
}

.dropdown-divider {
    background:#212529;
    height:.1rem;
}

.dropdown-menu {
    width: 100%;
    z-index: 2000;
}

.btn-cart:focus {
    text-decoration:none;
}

.bs-product-related .slick-slide {
    margin: 0 .3rem;
}

.bs-product-related .slick-track {
    margin: .3rem 0;
}

.bs-cart .custom-control button {
    position:relative;
    bottom:1px;
}

/** filter **/
.bs-collection-filter .panel-collapse:not(#bs-collection-filter-price){
    overflow-y:auto;
    max-height:200px;
}
.bs-collection-filter .btn-light:not(.collapsed){
    background:#e2e6ea;
}
p {
    margin-top: 0;
    margin-bottom: 0px;
}