/***************************************
    INDICE
    1. Reset
    2. Header
    
****************************************/

/*********************************
ESTUCTURAS BASE
**********************************/
body {
   font-family: 'Roboto', sans-serif; 
}

.btn.focus, .btn:focus {
    box-shadow: 0 0 0 0 transparent !important;
}

a, a:hover {
    color: forestgreen;
}

.alert-primary {
    color: white;
    background-color: #93BA2D;
    border-color: #93BA2D;
}

/* Titulos 
--------------- */
h1, .h1{
    
}

h2, .h2{
    
}

h3, .h3{
    
}

h4, .h4{
    
}

element.style {
	margin-top: 0px;
}

body .bs-main {
    padding:0;
}

.btn-link {
    color:#9FD668;
}

.btn-link:hover {
    color:#8DC456;
}

.custom-control-input:checked~.custom-control-label::before {
	color: #fff;
	border-color: #8DC456;
	background-color: #8DC456;
}

.bs-header a:not([class*="bs-menu"]):hover,
.navbar-toggler:hover {
    color:#67a547;
    text-decoration:none;
}

.bs-header .btn .badge,
.btn-primary {
    background:#a1bd40;
    color:white !important;
    border-color:#a1bd40;
}

.bs-header .btn:not(:disabled):not(.disabled):hover .badge,
.btn-primary:not(:disabled):not(.disabled):hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
    background:#67a547;
    color:white;
    border-color:#67a547;
}

.btn-secondary {
    background:#a1bd40;
    border-color:#a1bd40;
}

.btn-secondary:not(:disabled):not(.disabled):hover,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active {
    background-color:#67a547;
    border-color:#67a547;
}

.btn:disabled,
.btn.disabled {
    background:#e2e6ea;
    border-color:#e2e6ea;
}

.input-group .form-control {
    border-color:#a1bd40;
}

.btn-success:not(:disabled):not(.disabled) {
    background: #9FD668;
    border-color: #9FD668;
}

.btn-success:not(:disabled):not(.disabled):hover,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active { 
    background: #67a547;
    border-color:#67a547;
}

.bs-banner-info span {
    font-size: 1.1rem;
    color: #954613;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
}

.bs-info i {
    font-size: 2.3rem;
    color: #a1bd40;
}

.bs-info p {
    font-size: 1rem;
    color: #633C21;
    font-weight:600;
}

.home-title {
    text-align: center;
    text-transform: uppercase;
    margin: 2rem;
    font-weight: bold;
    color:#42362e;
}

/*Hover imagenes colecciones home*/
.overlay {
      position: absolute; 
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      color: #fff; 
      transition: .5s ease;
      opacity:0;
      color: white;
      font-size: 2rem;
      padding: 1.25rem;
      text-align: center;
      font-weight:bold;
}

@media screen and (min-width:1200px){
    .bs-banners a:hover .overlay {
        opacity: 1;
    }
}

@media screen and (max-width:1200px) {
    .overlay {
      position: absolute; 
      background: rgba(0, 0, 0, 0.5);
      color: #f1f1f1; 
      width: 100%;
      height:100%;
      opacity:0;
      color: white;
      font-size: 100%;
      padding: 1.5rem;
      text-align: center;
      font-weight:bold;
    }
}

@media screen and (max-width: 1200px){
    .overlay {
        bottom: 0;
        width: 100%;
        height: 20%;
        opacity: 1;
        color: white;
        font-size: 100%;
    }
}

/***********************************
    buscador
***********************************/
/*.bs-header .bs-header-search input{
    border:none;
    border-radius:0;
    border-bottom:1px solid #E4D1C4;
}
.bs-header *:not(".bs-header-nav") .bs-header-search .btn{
    color:#964713;
    opacity:.8;
    background:transparent;
    border-radius:0;
    border-bottom:1px solid #E4D1C4;
}
.bs-header .bs-header-search .btn:hover,
.bs-header .bs-header-search .btn:focus,
.bs-header .bs-header-search .btn:active{
    background:#E4D1C4;
    color:white;
    outline:none;
    box-shadow:transparent;
}

.bs-header .form-control {
    background-color: transparent;
}
.bs-header .bs-header-search input::placeholder{
    color:#964713;
    opacity:.8;
}
*/

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

/* ----------------- menu mobile ---------------------- */
.navbar-collapse {
    /*color de fondo*/
    background:#42362e;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px  6px rgba(0,0,0,0.23);
    /*scroll bar firefox*/
    scrollbar-color: white #EAEAEA; /*1° barra, 2° fondo */
    /*scroll bar internet explorer*/
    scrollbar-track-color: #EAEAEA; /*color fondo scroll*/
    scrollbar-face-color: white; /*barra scroll*/
    scrollbar-shadow-color: white; /*borde*/
    scrollbar-arrow-color: white; /*color flechas scroll*/
}

/* scroll chrome, edge, safari*/
.navbar-collapse::-webkit-scrollbar {
    background:#EAEAEA; /*color fondo scroll*/
}

.navbar-collapse.collapse.show::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.7)
}

.navbar-collapse.collapse.show::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,1)
}

.navbar-collapse.collapse,
.navbar-collapse.collapse.show,
.navbar-collapse.collapsing {
    height:100vh !important;
    position:fixed !important;
        top:0;
        left:0;
    z-index:1000;
    transition: all .25s ease;
}

.bs-menu-close button {
    background:transparent;
    border-color:transparent;
}

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

.bs-menu-lv2, 
.bs-menu-lv3 {
    display:block;
}

.navbar .dropdown-menu {
    padding:1rem;
}

.navbar-collapse.collapse.show {
    width:calc(100% - 1rem); /*tamaño del menu en mobile*/
    max-width:300px;
    padding:0 1rem;
    overflow-y:auto;
}

@media screen and (min-width:576px){
    .navbar-expand-sm .bs-menu-lv1 {
        height: 100%;
	    display: flex;
	    align-items: center;
	    padding:.5rem;
	    flex:0 0 auto;
    }
    
    .navbar-expand-sm .nav-item {
        flex: 0 1 auto;
    }
    
    .navbar-expand-sm .bs-menu-close {
        display:none;
    }
    
    .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;
        height:auto !important;
        width:auto;
    }
    
    .navbar-expand-sm .bs-menu-big {
        position:static;
    }
    
    .navbar-expand-lg .bs-menu-big .bs-menu-lv1 + .dropdown-menu.show {
        width:100%;
        display:flex;
        flex-wrap:wrap;
    }
    
    .navbar-expand-sm .bs-menu-big .bs-menu-lv1 + .dropdown-menu.show>*{
        width:25%;
    }
    
    /*ancho maximo de buscador*/
    .navbar-expand-sm .bs-header-search{
        max-width:10rem;
    }
}

@media screen and (min-width:768px){
    .navbar-expand-md .bs-menu-lv1{
        height: 100%;
	    display: flex;
	    align-items: center;
	    padding:.5rem;
	    flex:0 0 auto;
    }
    .navbar-expand-md .nav-item{
        flex:0 1 auto;
    }
    .navbar-expand-md .bs-menu-close{
        display:none;
    }
    .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;
        height:auto !important;
        width:auto;
    }
    .navbar-expand-md .bs-menu-big{
        position:static;
    }
    .navbar-expand-md .bs-menu-big .bs-menu-lv1 + .dropdown-menu.show{
        width:100%;
        display:flex;
        flex-wrap:wrap;
    }
    .navbar-expand-md .bs-menu-big .bs-menu-lv1 + .dropdown-menu.show>*{
        width:25%;
    }
    /*ancho maximo de buscador*/
    .navbar-expand-md .bs-header-search{
        max-width:10rem;
    }
}

@media screen and (min-width:992px){
    .navbar-expand-lg .bs-menu-lv1{
        height: 100%;
	    display: flex;
	    align-items: center;
	    padding:.5rem;
	    flex:0 0 auto;
    }
    .navbar-expand-lg .nav-item{
        flex:0 1 auto;
    }
    .navbar-expand-lg .bs-menu-close{
        display:none;
    }
    .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;
        height:auto !important;
        width:auto;
    }
    .navbar-expand-lg .bs-menu-big{
        position:static;
    }
    .navbar-expand-lg .bs-menu-big .bs-menu-lv1 + .dropdown-menu.show{
        width:100%;
        display:flex;
        flex-wrap:wrap;
    }
    .navbar-expand-lg .bs-menu-big .bs-menu-lv1 + .dropdown-menu.show>*{
        width:25%;
    }
    /*ancho maximo de buscador*/
    .navbar-expand-lg .bs-header-search{
        max-width:10rem;
    }
}
@media screen and (min-width:1200px){
    .navbar-expand-xl .bs-menu-lv1{
        height: 100%;
	    display: flex;
	    align-items: center;
    }
    .navbar-expand-xl .nav-item{
        flex:0 1 auto;
    }
    .navbar-expand-xl .bs-menu-close{
        display:none;
    }
    .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;
        height:auto !important;
        width:auto;
    }
    .navbar-expand-xl .bs-menu-big{
        position:static;
    }
    .navbar-expand-xl .bs-menu-big .bs-menu-lv1 + .dropdown-menu.show{
        width:100%;
        display:flex;
        flex-wrap:wrap;
        
    }
    .navbar-expand-xl .bs-menu-big .bs-menu-lv1 + .dropdown-menu.show>*{
        width:25%;
    }
    /*ancho maximo de buscador*/
    .navbar-expand-xl .bs-header-search{
        max-width:10rem;
    }
}

/**********************************
    2. HEADER
***********************************/
.bs-login { 
    max-width: 6.25rem;
    display:flex;
    align-items:center;
}

.bs-login span, .bs-login {
    line-height:1.5rem
}

.bs-header-navbar {
    color: #954613;
    font-size: 0.85rem;
    text-transform: uppercase;
}

/*se eliminan los margenes del navbar para permitir ordenar elementos con col*/
.bs-header-navbar .container .navbar {
    margin: 0;
    padding:0;
}

/*se eliminan los padding del los col hijos directos para poder usar menus de anchos 100%*/
.bs-header-navbar .container .navbar > [class*="col"]{
    padding: 0;
}

.bs-header .navbar-brand {
    margin:0;
    padding:0;
    min-width:5rem;
    width:100%;
    max-width:12.5rem;
}

/*para menu de ancho de pantalla*/
.dropdown-menu.show {
    width:100%;
}

.dropdown-menu {
    color: #954613;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.85rem;
}

/*el menu usa el 100% del ancho de su padre*/
.bs-nav-menu {
    width:100%;
}

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

.bs-header-search {
    display:flex;
    width:100%;
    min-width:6.25rem;
}

.bs-header:after {
    display:block;
    content:" ";
    background-repeat: repeat-x;
    height:1rem;
    margin-bottom:-1rem;
}

.bs-header a,
.navbar-toggler {
    color:#a1bd40;
}

/***************************
    2. HEADER > colores menu
****************************/
.bs-sticky-header {
    /*se aplica automatiamente cuando el header tiene data-info="sticky" */
    box-shadow: 0px 2px 10px -4px rgba(0,0,0,0.75);
}

.bs-header {
    border-top:10px solid #42362e;
    border-bottom: 10px solid #42362e;
    background: #42362e;
}

.bs-header .bs-menu-lv1 + .dropdown-menu {
    padding:0;
    border-radius:0;
    border: 1px solid #E4D1C4;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}

.bs-header .dropdown-menu .row {
    margin:-1px;
    overflow:hidden;
}

.bs-header .dropdown-menu .row [class*="col-"]{
    padding:0 ;
}

.bs-menu-lv1{
    
}

/*lv2 si tiene hijos lv3 */
.bs-menu-title .bs-menu-lv2,
.bs-menu-title ~ div > .bs-menu-lv2{
    
}

.bs-header-nav .btn-light {
    color:#a1bd40;
}

@media screen and (min-width:1200px){
    .bs-menu-lv1:hover,
    .show >.bs-menu-lv1 {
        color: #67a547 ;
    }
}

.bs-menu-lv2{
  
}

.row .bs-menu-lv2 {

}

.bs-menu-lv2:hover {
    color: #FFFFFF;
    background: #A1BD40;
}

.bs-menu-lv3 {
    font-size: 0.9em;
}

.bs-menu-lv3:hover {
    color: #57280A;
}

/***********************************
   2. HEADER > social media
************************************/
.bs-header .bs-social-media a {
    padding:.5rem;
    color:white;
}

.info {
    padding-bottom:2rem;
    padding-top:2rem;
}

.background {
    background-image: url("https://dojiw2m9tvv09.cloudfront.net/36917/1/bg_contact2.png?80"), url("https://dojiw2m9tvv09.cloudfront.net/36917/1/bg_contact1.png?80");
    background-position: left center, right center;
    background-repeat: no-repeat, no-repeat;
    background-size: contain, contain;
}

.background .info {
    background: rgba(250,250,250,0);
    background: -moz-linear-gradient(left, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 10%, rgba(250,250,250,1) 15%, rgba(250,250,250,1) 85%, rgba(250,250,250,1) 90%, rgba(250,250,250,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(250,250,250,0)), color-stop(10%, rgba(250,250,250,1)), color-stop(15%, rgba(250,250,250,1)), color-stop(85%, rgba(250,250,250,1)), color-stop(90%, rgba(250,250,250,1)), color-stop(100%, rgba(250,250,250,0)));
    background: -webkit-linear-gradient(left, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 10%, rgba(250,250,250,1) 15%, rgba(250,250,250,1) 85%, rgba(250,250,250,1) 90%, rgba(250,250,250,0) 100%);
    background: -o-linear-gradient(left, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 10%, rgba(250,250,250,1) 15%, rgba(250,250,250,1) 85%, rgba(250,250,250,1) 90%, rgba(250,250,250,0) 100%);
    background: -ms-linear-gradient(left, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 10%, rgba(250,250,250,1) 15%, rgba(250,250,250,1) 85%, rgba(250,250,250,1) 90%, rgba(250,250,250,0) 100%);
    background: linear-gradient(to right, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 10%, rgba(250,250,250,1) 15%, rgba(250,250,250,1) 85%, rgba(250,250,250,1) 90%, rgba(250,250,250,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fafafa', GradientType=1 );
}

.background .info p {
    padding:0 1.5rem;
}

.info p {
    font-weight:bold;
    color:#a09289; 
}

.background::before {
    left:100%;
}

.background::after {
    right:100%;
}

@media screen and (max-width:800px) {
    background {
        display:contents;
    }
}

/**********************************
    2. Collection
***********************************/
.bs-collection .bs-product-info {
    height:100%;
}

.bs-product-info .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.85rem;
    color: #633C21;
    font-weight: bolder;
    line-height: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    text-align:center;
    background-color:transparent;
}

.bs-product-price {
    font-size: 1.2rem;
    color: #a1bd40;
    font-weight: 600;
    margin:0;
    padding-top: 0.25rem;
    text-align: center;
}

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

.bs-collection .slick-slide .bs-product {
    width:95%;
}

.bs-collection .bs-stock {
    position:absolute;
    background:#a1bd40;
    color:white;
    padding: .5rem 1rem;
    font-size: 1rem;
    z-index:50;
    bottom:0;
}

.bs-collection .bs-product-info {
    height:100%;
    padding:0 1rem;
}

.bs-collection a:hover .bs-product {
    border-color:#BFA760;
}

.bs-collection .bs-product-price {
    position:relative;
}

.bs-collection .btn-view {
    transition:all .25s ease;
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:9.3rem;
    margin:auto;
    opacity:0;
}

.bs-collection .bs-product-info h4 {
    color:#633C21;
    font-size: 1em;
}

.bs-collection-filter btn-light:hover {
    color: #212529;
    background-color: transparent;
    border-color:transparent;
}

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

/*******************************
   Filtro Colecciones
********************************/  
.bs-collection-filter h3 {
    color: #42362E;
}

.panel-heading {
    border: 1px #93BB2E solid;
    color: #93BB2E;
}

.panel-heading a {
    color: #93BB2E;
    font-weight: 600;
}

.panel-heading a:hover {
    color: #67A547;
}

.noUi-horizontal {
    height: 8px;
}

.noUi-horizontal .noUi-handle {
    width: 20px;
    height: 20px;
    left: -17px;
    top: -7px;
}

.noUi-handle {
    border:none;
    background: #93BB2E;
    cursor: default;
    box-shadow: none;
   
}

.noUi-handle:after,
.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: none;
    left: 14px;
    top: 6px
}

.noUi-connect {
    background: #93BB2E;
}
/*******************************
    COLLECTION > hover img (si tiene segunda imagen)
********************************/
.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-product-accessories .bs-product .bs-img-square img:nth-child(2) {
    opacity:0 !important;
}

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

/*********************************
    PRODUCTO
**********************************/
.bs-variant .custom-control-label {
    display: block;
    margin-bottom: 1rem;
    padding: 2.5rem 1rem 1rem;
    border: 1px solid #a1bd40;
    text-align: center;
    height:100%;
}

.bs-variant .custom-control-label strong {
    color:#a1bd40;
}

.bs-variant .custom-control-label span {
    color:#a1bd40;
    font-size:.75rem;
    font-weight:bold;
}

.bs-variant .custom-control-input:checked + .custom-control-label,
.bs-variant .custom-control-label:hover {
    border-color:#67a547;
}

.bs-variant .custom-control-label::before,
.bs-variant .custom-control-label::after {
    top:1rem;
    left:0;
    right:0;
    margin:auto;
}

.bs-variant .custom-control-input:checked + .custom-control-label:before {
    border-color:#a1bd40;
    background:#a1bd40;
}

.price span {
    font-size: 2rem;
    font-weight: 600;
    color: #95BE2E;
}

.bs-product-info h6 {
    font-size:0.76rem;
    color: #954613;
    font-weight: bold;
    text-transform: uppercase;
}

.bs-product h1 {
    font-size: 1.75rem;
    color: #633C21;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    font-family: 'Roboto', sans-serif
}

.bs-product-description * {
    font-size: 1.15rem;
    color: #633C21;
    margin-bottom:1rem;
    margin-top:1rem;
    /*font-weight:normal;*/
    font-family:'Roboto', sans-serif;
    padding:0;
}

.bs-option-disabled{
    background:silver;
    color:gray;
}

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

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


/**********************************
   Articulo
***********************************/
.bs-img-article img {
    width: 100% !important;
    padding: 0;
    margin: 0;
}

.bs-title-article {
    font-size: 2.875rem;
    color: #954613;
    font-weight: bold;
    margin: 0 0 0.9375rem;
}

/**********************************
    Formulario
***********************************/
.bs-form h1 {
    font-size: 2.875rem;
    color: #954613;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}

.bs-form a {
    border: none;
    color: #954613;
    padding: 0;
    margin-bottom: .5rem;
    font-weight: bold;
    font-size: .9em;
}

.bs-form h6 {
    font-size: .9375rem;
    color: #777777;
    margin: 0 0 0.5rem;
    font-weight:bold;
}

.bs-line-form {
    color: #954613;
    color: rgba(149, 70, 19, .65);
    text-align: center;
    margin-top: 1.5rem;
    margin-bottom: 1.875rem;
    padding-top: 2.5rem;
    border-top: 1px solid #FFFFFF;
    -webkit-box-shadow: 0 -1px 0 #EEEEEE;
    -moz-box-shadow: 0 -1px 0 #EEEEEE;
    box-shadow: 0 -1px 0 #EEEEEE;
}

.bs-form .button_form:hover {
    background-color:#622D0C;
    padding:3;
}

.bs-form-inline form {
    display: flex;
    justify-content: center;
    margin:.5rem 0;
}

.bs-form-inline button {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}

.bs-form-inline input {
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}

.bs-form-inline fieldset {
    width: 100%;
    margin:0;
}

/**********************************
    Carro
***********************************/
.bs-cart .bs-trunc {
    color: #633C21;
}
    
.bs-cart-price {    
    font-weight: 600;
    color: #95BE2E;
}

.bs-cart .bs-discount {
    width: 2.3rem;
    line-height: 2.3rem;
    font-size: .8rem;
}

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

/**********************************
    footer
***********************************/
.bs-footer {
    background:#42362e;
    color:white;
    padding:1rem 0;
}

.bs-footer img {
    max-height:6rem;
}

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

@media screen and (max-width:992px){
    .bs-footer .bs-chat a {
        color:white;
        background:#42362e;
        box-shadow:0 0 0 0 transparent;
    }
    
    .bs-footer .bs-chat a:hover {
        background:transparent;
    }
    
    .bs-footer .bs-chat .btn-facebook,
    .bs-footer .bs-chat .btn-whatsapp {
        padding: .375rem .75rem;
    }
}

.title-footer {
    color:#a1bd40;
}

.bs-footer .list-group-item {
    border:none 0;
    color: #e4d0c3;
    background-color:transparent;
    font-weight:bold;
    font-size:0.75rem;
}

@media screen and (min-width: 768px){
    .bs-footer .list-group-item {
        padding: .25rem 0;
    }
}

.bs-footer .list-group-item:hover {
    color: white;
    background-color:rgba(255,255,255,.15);
} 

.bs-line-footer {
    margin: 0.9375rem 0 1.5rem;
    border-width: 1px 0;
    border-top-color: rgba(0,0,0,.25);
    border-bottom-color: rgba(255,255,255,.15);
}

.bs-footer .bs-credits {
    text-align:center;
    border-top:1px solid rgba(0, 0, 0, 0.25);
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.2);
    padding:1rem 0;
    margin-top:1rem;
}

.bs-footer .bs-credits a:hover {
    color:white;
    text-decoration:underline;
}

/******************
        Banners 
*******************/
.bs-banners {
    /*contenedor principal*/
}

.bs-banners .bs-banner-single {
    /*banner individual */
    display:block;
}

.bs-banners .bs-banner-single .bs-banner-content {
    /*contenido banner */
    position:relativo
}

.bs-banners .bs-banner-single .bs-banner-content .bs-banner-img { 
    /*contenido banner */
}

.bs-banners .bs-banner-single .bs-banner-content .bs-banner-info {
    /*contenido banner */
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:1rem;
    text-align:center;
    background: rgba(255,255,255,.6);
    transition:all .5s;
}

.bs-banners .bs-banner-single:hover .bs-banner-content .bs-banner-info {
    padding-bottom:2rem;
}

/********************
    compartir
*********************/
.bs-share .btn,.bs-share .btn:hover {
    transition: all .25s ease;
}

.bs-share .btn-facebook {
    background:#1778F2;
    color:white;
}

.bs-share .btn-facebook:hover {
    background:#4267B2;
}

.bs-share .btn-twitter {
    background:#1da1f2;
    color:white;
}

.bs-share .btn-twitter:hover {
    background:#005fd1;
}

.bs-share .btn-pinterest {
    background:#E60023;
    color:white;
}

.bs-share .btn-pinterest:hover {
    background:#B8001C;
}

.bs-share .btn-tumblr {
    background:#001935;
    color:white;
}

.bs-share .btn-tumblr:hover {
    background:#003168;
}

.bs-share .btn-linkedin {
    background:#0e76a8;
    color:white;
}

.bs-share .btn-linkedin:hover {
    background:#0a5579;
}

/***************************
    lazy
****************************/
.lazy, img {
    transition: all 0.5s ease;
}

/****************************
    correccion pestaña colapsables
****************************/
.bs-product .collapse:not(.show) {
    display: block !important;
    height: 0px;
    opacity:0;
}
    
/**************************/
.bs-menu-lv1.dropdown-toggle {
    white-space: normal;
}

/******************
        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%;
}    

.custom-control {
    padding-left:0;
    height:100%;
    margin-bottom:1rem;
}

.fa-lg {
    font-size: 1.2em;
}

/* Miga de pan*/
.breadcrumb {
    margin-bottom: 1rem;
    margin-top:1rem;
    background-color: transparent;
    border-radius: 0;
    border-bottom:1px solid #42362e50;
    padding: .5rem .2rem;
}

.breadcrumb-item,
.breadcrumb-item.active,
.bs-form a {
    color:#42362e;
}

.alert-success {
    width:66%;
    margin-left:auto;
    margin-right:auto;
}

.container-formulario {
    background:#fff;
}

:focus, button:focus {
    outline:0 none;
}


/** filter **/
.bs-collection-filter .panel-collapse:not(#bs-collection-filter-price){
    overflow-y:auto;
    max-height:200px;
}
.bs-collection-filter .btn-light{
    background:white;
    border-radius:0;
    border:0 none;
}
.bs-collection-filter .btn-light:not(.collapsed),
.bs-collection-filter .btn-light:hover,
.bs-collection-filter .btn-light:focus,
.bs-collection-filter .btn-light:active,
.bs-collection-filter .btn-light:not(:disabled):not(.disabled):active{
    background:#f0ffbd;
}