:root {
    --yellow-template: #FBEB22;
    --black-template: #232323;
    --gray-template: #808080;
}
@font-face {
    font-family: Quicksand-Bold;
    src: url("../../../assets/fuentes/Quicksand-Bold.ttf");
}
@font-face {
    font-family: Quicksand-Regular;
    src: url("../../../assets/fuentes/Quicksand-Regular.ttf");
}
@font-face {
    font-family: Quicksand-Medium;
    src: url("../../../assets/fuentes/Quicksand-Medium.ttf");
}
@font-face {
    font-family: Quicksand-Light;
    src: url("../../../assets/fuentes/Quicksand-Light.ttf");
}
@font-face {
    font-family: Quicksand-SemiBold;
    src: url("../../../assets/fuentes/Quicksand-SemiBold.ttf");
}

@font-face {
    font-family: Montserrat-Bold;
    src: url("../../../assets/fuentes/Montserrat-Bold.ttf");
}
@font-face {
    font-family: Montserrat-Regular;
    src: url("../../../assets/fuentes/Montserrat-Regular.ttf");
}
@font-face {
    font-family: Montserrat-Medium;
    src: url("../../../assets/fuentes/Montserrat-Medium.ttf");
}
@font-face {
    font-family: Montserrat-Light;
    src: url("../../../assets/fuentes/Montserrat-Light.ttf");
}
@font-face {
    font-family: Montserrat-SemiBold;
    src: url("../../../assets/fuentes/Montserrat-SemiBold.otf");
}
@font-face {
    font-family: Righteous-Regular;
    src: url("../../../assets/fuentes/Righteous-Regular.ttf");
}
@font-face {
    font-family: AlfaSlabOne-Regular;
    src: url("../../../assets/fuentes/AlfaSlabOne-Regular.ttf");
}

@font-face {
    font-family: Marvel-Bold;
    src: url("../../../assets/fuentes/Marvel-Bold.ttf");
}
@font-face {
    font-family: Marvel-BoldItalic;
    src: url("../../../assets/fuentes/Marvel-BoldItalic.ttf");
}
@font-face {
    font-family: Marvel-Italic;
    src: url("../../../assets/fuentes/Marvel-Italic.ttf");
}
@font-face {
    font-family: Marvel-Regular;
    src: url("../../../assets/fuentes/Marvel-Regular.ttf");
}
@font-face {
    font-family: MajorMonoDisplay-Regular;
    src: url("../../../assets/fuentes/MajorMonoDisplay-Regular.ttf");
}

/*HEADER*/
a{
    color: white !important;
}
a:hover{
    color: var(--yellow-template) !important;
    text-decoration: none !important;
}

.chosen-container a{
    color: white var(--black-template) !important;
}
.shopping-cartm a {
    color: #FFFFFF !important;
    font-size: 20px;
    font-family: Montserrat-Bold;
}
.familia-item a{
    color: var(--yellow-template) !important;
}
.familia-item a:hover{
    color: white !important;
}
.familia-item .active{
    color: white !important;
}
.navbar{
    color: white;
}
body{
    background-image: url("../../../assets/images/bg-productos-5616x3744-blanco.jpg");
    background-repeat: no-repeat;
    background-size: 100%;   
    background-attachment: fixed;

    
/*    background: rgba(254,254,254,1);
    background: -moz-linear-gradient(left, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 37%, rgba(226,226,226,1) 74%, rgba(226,226,226,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(254,254,254,1)), color-stop(37%, rgba(209,209,209,1)), color-stop(74%, rgba(226,226,226,1)), color-stop(100%, rgba(226,226,226,1)));
    background: -webkit-linear-gradient(left, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 37%, rgba(226,226,226,1) 74%, rgba(226,226,226,1) 100%);
    background: -o-linear-gradient(left, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 37%, rgba(226,226,226,1) 74%, rgba(226,226,226,1) 100%);
    background: -ms-linear-gradient(left, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 37%, rgba(226,226,226,1) 74%, rgba(226,226,226,1) 100%);
    background: linear-gradient(to right, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 37%, rgba(226,226,226,1) 74%, rgba(226,226,226,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=1 );*/

}
.logo-brand{
    height: 40px;
}
.navbar-brand{
    padding: 0;
    margin: 0;
    margin-right: 10px;
}
.subMenuMovilLeft{
    float: left;
    display: flex;
}
.subMenuMovilRight{
    float: right;
    text-align: right;
}
.dropdownTipoEnvio{
    text-align: center;
    margin-bottom: 10px;
}
#dropdownTipoEnvioLink, .dropdownTipoEnvioLink{
    background: transparent;
}
.dropdownTipoEnvioLinkM{
    background-color: var(--gray-template) !important;
}
.dropdownTipoEnvio .dropdown-menu{
    top: auto;
}
.dropdownTipoEnvio .dropdown-menu a{
    color: var(--black-template) !important;
}
.dropdownTipoEnvio .dropdown-menu a:hover, .dropdownTipoEnvio .dropdown-menu a:active{
    background-color: var(--yellow-template) !important;
}
.dropdownTipoEnvioLinkM{
    background-color: var(--gray-template) !important;
}
.containerEnvio{
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    font-family: Montserrat-Regular;
}
.envioPadding{
    margin-left: 10px;
}
.labelEnvio{
    text-align: center;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    font-family: Montserrat-Regular;
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.dropdownTipoEnvioLink.activeDomicilio{
    background-color: var(--yellow-template)!important;
    color: var(--black-template) !important;
}

.aviso-legal{
    font-family: Montserrat-Regular;
    font-size: 11px;
    text-align: center;
    color: var(--gray-template);
    
}
.aviso-legal a{
    color: var(--gray-template) !important;
    
}
.reservado{
    border-top: 1px solid var(--gray-template);
    margin-bottom: 0px;
}

.no-padding{
    padding: 0px;
}

.camaraComercio{
    background-color: #ffffff;
    height: 60px;
    position: fixed;
    bottom: 0px;
    width: 45%;
    right: 0;
    border-top: 1px solid #c0c0c0;
}
.camaraComercio100{
    background-color: #ffffff;
    height: 60px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    right: 0;
    border-top: 1px solid #c0c0c0;
    padding-left: 250px;
}
.footer-content{
    text-align: center;
    position: absolute;
    height: 50px;
    width: 100%;
    top: 200px;
}
.divCerrado{
/*    background-color: white;
    color: var(--black-template);
    font-family: Montserrat-Regular;
    font-size: 16px;
    text-align: center;
    position: absolute;
    bottom: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
    margin-left: -125px;
    border-top: 1px solid #c0c0c0;
    height: 50px;
    -webkit-box-shadow: 0px 5px 10px 1px rgba(87,87,87,1);
    -moz-box-shadow: 0px 5px 10px 1px rgba(87,87,87,1);
    box-shadow: 0px 5px 10px 1px rgba(87,87,87,1);*/

    background-color: white;
    color: var(--black-template);
    font-family: Montserrat-Regular;
    font-size: 16px;
    text-align: center;
    position: absolute;
    bottom: -2px;
    padding-bottom: 5px;
    padding-top: 2px;
    width: 100%;
    margin-left: -125px;
    border-top: 1px solid #c0c0c0;
    height: 52px;
    -webkit-box-shadow: 0px 5px 10px 1px rgba(87,87,87,1);
    -moz-box-shadow: 0px 5px 10px 1px rgba(87,87,87,1);
    box-shadow: 0px 5px 10px 1px rgba(87,87,87,1);
    
}
/*CIBERSEGURIDAD*/
#myImgCiber {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
    width: 350px;
    bottom: 0px;
    padding-bottom: 10px;
}

.boton-interior{
    color: var(--black-template) !important;
    background-color: var(--yellow-template);
    border-radius: 5px !important;
    font-family: Montserrat-Regular;
}
.boton-interior:hover{
    color: var(--yellow-template);
    background-color: var(--black-template);
    border-radius: 5px !important;
    border: 1px solid var(--gray-template);
    font-family: Montserrat-Regular;
}
.logo_tiendas{
    position: fixed;
    text-align: center;
    font-weight: bold;
    display: inline-flex;
    bottom: 110px;
    justify-content: space-evenly;
}
.logo-lg-tiendas{
    margin-bottom: 50px;
    margin-top: 50px;
    width: 150px;
}
.titulo_tienda{
    font-family: Montserrat-Bold;
    color: white;
    font-size: 25px;
}
.text-selecciona{
    background-color: white;
    opacity: 0.6;
    padding: 10px;
    padding-top: 10px;
    border-radius: 5px;
    color: black;
    height: 72px;
    padding-top: 19px;
}
.titulo_tienda_mantenimiento{
    font-family: Montserrat-Bold;
    color: white;
    text-shadow: 0.05em 0.05em #333;
    font-size: 50px;
    text-align: center;
    width: 100%;
    font-weight: bold;
}
.rowMantenumiento{
    top: 100px;
    position: absolute;
}
.codigos_postales{
    background-color: var(--black-template);
    opacity: 0.6;
    border-radius: 5px;
    color: white;
    font-family: Montserrat-Bold;
    padding: 7px;
    margin-bottom: 50px;
    text-align: center;
    font-size: 23px;
}

.precioArticuloLabelDescuento{
    float: right;
    text-decoration: line-through;
    font-family: Montserrat-Bold;
}
.cookies-info-text{
    width: 80%;
    padding: 10px;
    float: left;
}
.cookies-buttons{
    width: 20%;
    float: right;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

@media (min-width: 992px) {
    .navbar{
        padding: 0;
        background-color: #232323;
    }
    .header-vertical{
        position: fixed;
        top: 0;
        left: 0;
        bottom: auto;
        display: flexbox;
        display: flex;
        display: -webkit-flex;
        display: -ms-flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 250px;
        min-height: 100vh;
        margin: 0;
        z-index: 800;
        border-right-width: 2px;
        border-style: solid;
            border-right-style: solid;
        border-right-style: solid;
        border-color: rgba(150,150,150,.15);
            border-right-color: rgba(150, 150, 150, 0.15);
        border-right-color: rgba(150, 150, 150, 0.15);
        /*background-image: url("../../../assets/images/menu-lateral-macana-bg.jpg");*/
        background-repeat: no-repeat;
        background-attachment: fixed;
/*        -webkit-box-shadow: 12px 0px 12px 0px rgba(0,0,0,0.52);
        -moz-box-shadow: 12px 0px 12px 0px rgba(0,0,0,0.52);
        box-shadow: 12px 0px 12px 0px rgba(0,0,0,0.52)*/
    }
    
    .header-vertical .wrapp-header {
        display: flexbox;
        display: flex;
        display: -webkit-flex;
        display: -ms-flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding-left: 15px;
        padding-right: 15px;
    }
    .navbar .wrapp-header {
        width: 100%;
        padding-left: 5px;
    }
    
    .site-logo{
        display: block;
        width: 250px;
        text-align: center;
        height: 200px;
        background-color: #FBEB22;
        margin: -3px;
        position: initial;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .logo-lg{
        width: 200px;
        position: relative;
        left: -8px;
        top: -3px;
    }
    .header-vertical .right-column, .header-vertical .header-links {
        margin-bottom: 15px;
        padding-top: 0px;
        padding-bottom: 3px;
        border-top: 1px solid var(--yellow-template);
        border-bottom: 1px solid var(--yellow-template);
        font-family: Montserrat-Regular;
        font-size: 17px;
    }
    .header-links-new{
        border-top: none !important;
        border-bottom: none !important;
    }

    .right-column{
        text-align: center;
    }
    .right-column > div{
        display: inline-block;
        margin-left: 10px;
        vertical-align: middle;
    }
    .publyland-search-wrapper{
        top: 50% !important;
        visibility: hidden;
        opacity: 0;
        right: auto;
        left: 0;
        padding-top: 17px;
        margin-top: -17px;
        position: absolute;
    }
    
    .navigation-wrap{
        position: relative;
        -webkit-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        border: none;
        margin-bottom: 15px;
    }
    .menu-menuprincipal-container{
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .menu{
        list-style: none;
        max-height: 250px;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        padding-right: 17px;
        box-sizing: content-box;
    }
    
    .header-login{
        list-style: none;
        padding-left: 0px;
        margin-bottom: 0px;
    }
    .header-login > li{
        text-align: center;
    }
    .vertical-header-bottom{
        position: absolute;
        bottom: 0px;
        width: 93%;
        padding-left: 0%;
    }
    
    .nicescroll-rails-vr {
        left: 0px !important;
        background-color: var(--black-template);
    }
    .familia-item{
        margin-bottom: 7px;
        font-family: Montserrat-Bold;
        font-size: 18px;
    }
    .activeNew{
        color: var(--yellow-template) !important;
    }
    .active{
        color: #FFF !important;
    }
    
    .textoGanas{
        width: 100%;
        display: flex;
        justify-content: center;
    }
    



    @keyframes pace-stripe-animation {
        from { background-position-y: 0; }
        to   { background-position-y: 100%; }
    } 
    
    
    
}

.container{
    margin-top: 60px;
}
.container-articulo{
   /*margin-top: 0px !important;*/ 
}

/*CONTAINER*/
.icono-llamas{
    position: fixed;
    margin-left: 280px;
    width: 150px;
    z-index: -1;
    -webkit-box-shadow: 5px 20px 12px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 20px 12px -1px rgba(0,0,0,0.75);
    box-shadow: 5px 20px 12px -1px rgba(0,0,0,0.75);
}
.lineas-amarillas{
    position: fixed;
    z-index: -1;
    right: 0px;
    height: 190px;
}
.icono-pizza-izq{
    position: fixed;
    z-index: -1;
    left: 300px;
    width: 100px;
    top: 145px;
}
.icono-pizza-drch{
    position: fixed;
    z-index: -1;
    right: 0;
    width: 100px;
    top: 220px;
    -webkit-box-shadow: -24px 21px 24px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -24px 21px 24px 0px rgba(0,0,0,0.75);
    box-shadow: -24px 21px 24px 0px rgba(0,0,0,0.75);
}
.logo-fondo{
    position: fixed;
    z-index: -1;
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: 30%;
    padding-right: 42%;
    margin-top: 100px;
}
.container-vertical{
    margin-bottom: 287px !important;
}
.slider-home{
    height: 200px;
    text-align: right;
}
.loginRegistro a{
    color: black !important;
    background-color: #FBEB22;
    padding: 4px 16px;
    border-radius: 24px;
}
.img-slider-home{
    width: 100%;
    /*border-bottom: 7px solid var(--yellow-template);*/
    height: 200px;
}
.title-familia{
    position: relative;
    z-index: 999;
    color: var(--black-template);
    top: -160px;
    right: -25%;
    font-weight: bold;
    text-align: center;
    font-family: Montserrat-Regular;
}
.texto-familia-title{
    font-size: 40px;
}
.texto-familia-lema{
    font-size: 14px;
}
.texto-familia-descripcion{
    font-size: 14px;
    font-weight: normal; 
}
.item-wrapper{
    padding-bottom: 30px;
}
.articulosButton-image img{
    width: 100%;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(165, 164, 164, 0.75);
    -moz-box-shadow: 0px 0px 5px 3px rgba(165, 164, 164, 0.75);
    box-shadow: 0px 0px 9px 3px rgba(165, 164, 164, 0.75);
}
.articulosButton-text{
    color: var(--black-template);
    font-size: 15px;
    font-family: Montserrat-Regular;
    height: 44px;
    display: inherit;
}

.articulosButton-text-precio{
    color: var(--black-template);
    /*font-weight: bold;*/
    border-top: 2px solid var(--yellow-template);
    display: block;
    padding-top: 5px;
    margin-top: 3px;
    font-size: 15px;
    font-family: Montserrat-Regular;
}

.producto-breadcrumb{
    width: 100%;
    background-color: var(--yellow-template);
    display: block;
    height: 30px;
}
.producto-quantity{
    padding-left: 30px !important;
}
.producto-ofertar {
  padding-left: 30px !important;
  line-height: 100px;
}
.producto-header-ofertar {
  padding-left: 30px !important;
}
.producto-image{
    padding-top: 50px;
}
.producto-img{
    width: 100%;
}
.producto-title{
    color: var(--black-template);
    font-size: 33px;
    font-weight: bold;
    font-family: Montserrat-Bold;
}
.producto-precio{
    color: var(--black-template);
    font-size: 23px;
    font-family: Montserrat-Bold;
    text-shadow: 1px 1px 2px #FFF;
    background-color: var(--yellow-template);
    width: 140px;
    border-radius: 10px;
    text-align: center;
    height: 40px;
}
.producto-modificadores{
    margin-top: 20px;
}
.producto-modificadores .modificadoresCheck{
    margin-left: 15px;
    margin-right: 15px;
}
.producto-unidades{
    width: 130px;
    text-align: right;
    color: var(--black-template) !important;
}
.label-modificador{
    padding-left: 15px !important;
    padding-bottom: 14px;
    font-size: 15px;
    color: var(--black-template);
    font-family: Montserrat-Bold;
    padding-top: 0px;
}
.divButtonMore{
    padding-left: 0px;
}
.cantidad-articulo{
    width: 100%;
    text-align: center;
    color: var(--black-template);
    background: transparent;
    border: 1px solid var(--gray-template);
    height: 31px;
    margin-top: -3px;
}
#unidadesArticulo, #unidadesTexto{
    color: #c9c9c9;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
}
.buttonCantidad{
    width: 30px;
    background-color: var(--gray-template) !important;
    color: white;
    padding: 0;
    padding-bottom: 0px;
    padding-bottom: 0px;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 1px;
    margin-top: -5px;
    border-radius: 5px !important;
}
.input-cantidad{
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding-left: 5px;
    width: 100%;
    padding-right: 5px;
}
.aniadir-button{
    background-color: var(--yellow-template);
    border: 1px solid var(--black-template);
    font-family: Montserrat-Medium;
}
.aniadir-carrito .row{
    align-items: center;
}
#AniadirCarrito{
    margin-left: 35px;
}
.producto-description{
    color: #c9c9c9;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    color: var(--black-template);
}
.title-breadcrumb{
    padding-left: 30px;
    font-size: 13px;
    font-style: initial;
    font-family: Montserrat-Italic;
}

.icono-menu{
    width: 26px;
    position: relative;
    margin-top: -8px;
}

.segunda-mitad{
    border-top: 1px solid var(--gray-template);
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 15px;
}

.segunda-mitad-modificadores {
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 15px;
}
@media(max-width: 1280px) {
    .modalImagen1 .logo-lg, .modalImagen2 .logo-lg{
        max-width: 300px
    }
    .logo-fondo{
        margin-left: 36%;
        padding-right: 49%;
    }
    
    .camaraComercio {
        width: 40%;
        text-align: left;
        padding-left: 50px
    }
    .divCerrado {
        text-align: center;
        margin-right: 0%;
        right: 0px;
        /*padding-left: 250px;*/
    }
}

@media (min-width: 992px) {
    .container-vertical{
        padding-left: 250px;
        /*max-width: none*/;
    }
    #borrarDireccionModal {
        padding-left: auto !important;
    }
    .modal-content {
        width: auto !important;
    }
    
    
  
}

@media (max-width: 992px) {
    .modalImagen1 .logo-lg, .modalImagen2 .logo-lg{
        max-width: 250px
    }
    .title-familia{
        bottom: 55px;
    }
    .logo-fondo{
        margin-left: 0;
        padding-right: 0;
        margin-top: 0;
    }
    .camaraComercio {
        width: 50%;
    }
    .divCerrado {
        text-align: center;
        margin-right: 0%;
        right: 0px;
        padding-left: 0;
    }
    .camaraComercio100{
        padding-left: 0;
    }
    .footer-content {
        top: 294px;
    }
  
}
@media (max-width: 768px) {
    .modalImagen1 .logo-lg, .modalImagen2 .logo-lg{
        max-width: 250px
    }
    .title-familia{
        bottom: 50px;
    }
    .camaraComercio {
        width: 100%;
        border-top: none;
        text-align: center;
        padding-left: 0px;
    }
    .divCerrado {
        width: 100%;
        text-align: center;
        padding-right: 0px;
        margin-right: 0;
        
    }
  
}
@media (max-width: 580px) {
    .modalImagen1 .logo-lg, .modalImagen2 .logo-lg{
        max-width: 250px
    }
    .title-familia{
        bottom: 44px;
        top: -68px;
    }
    .texto-familia-lema, .texto-familia-descripcion{
        display: none
    }
    .footer-content {
        top: auto;
        bottom: 2px;
        position: fixed;
    }
    .slider-home{
        height: 50px;
        text-align: center;
    }
    .img-slider-home{
        width: 100%;
        border-bottom: 7px solid var(--yellow-template);
        height: auto;
    }
    #borrarDireccionModal {
        padding-left: 0px !important;
    }
    .modal-content {
        width: auto !important;
    }
    .logo_tiendas {
        position: fixed;
        text-align: center;
        font-weight: bold;
        display: inline-flex;
        top: 10px;
        justify-content: space-evenly;
        margin-left: 15px;
        bottom: auto;
    }
    .titulo_tienda_mantenimiento {
        font-family: Montserrat-Bold;
        color: white;
        text-shadow: 0.05em 0.05em #333;
        font-size: 48px;
        text-align: center;
        width: 100%;
        font-weight: bold;
        background: #000;
        opacity: 0.6;
        border-radius: 9px;
        font-size: 48px;
    }
    .content-botones-mantenimiento {
        margin: 15px;
    }
    .rowMantenumiento {
        bottom: 21px;
        position: fixed;
        top: auto;
    }
    .divCerrado {
        font-size: 11px;
    }
    .cookies-info-text{
        width: 100%;
        padding: 10px;
        float: none;
    }
    .cookies-buttons{
        width: auto;
        float: none;
        display: initial;
        align-content: center;
        justify-content: center;
        align-items: center;
        padding: 10px;
    }
    
    .publyland-cookies-popup{
        padding-bottom: 15px;
    }
    
    body {
        background-repeat: repeat;
    }
    
    .title-familia {
        position: relative;
        z-index: 999;
        color: var(--black-template);
        right: 20px;
        font-weight: bold;
        text-align: center;
        font-family: Montserrat-Regular;
        text-align: right;
        padding-top: 15px;
    }
    
    .texto-familia-title {
        font-size: 25px;
    }
}


@media screen and (max-height: 1200px) {
 
    .menu{ 
        max-height: 600px;
    }
}


@media screen and (max-height: 1100px) {
 
    .menu{ 
        max-height: 600px;
    }
}
@media screen and (max-height: 1050px) {
 
    .menu{ 
        max-height: 546px;
    }
}

@media screen and (max-height: 1000px) {
 
    .menu{ 
        max-height: 500px;
    }
}
@media screen and (max-height: 950px) {
 
    .menu{ 
        max-height: 450px;
    }
}
@media screen and (max-height: 900px) {
 
    .menu{ 
        max-height: 407px;
    }
}
@media screen and (max-height: 850px) {
 
    .menu{ 
        max-height: 350px;
    }
}
@media screen and (max-height: 800px) {
 
    .menu{ 
        max-height: 300px;
    }
}

@media screen and (max-height: 750px) {
 
    .menu{ 
        max-height: 250px;
    }
}

@media screen and (max-height: 700px) {
 
    .menu{ 
        max-height: 200px;
    }
}

@media  screen and (max-height: 650px) {
 
    .menu{ 
        max-height: 150px;
    }
}



/* BOTONES */
.boton_amarillo {
	background-color:#3bb3e0;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDY1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWJmMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	font-family: 'Open Sans', sans-serif;
	font-size:10px;
	text-decoration:none;
	color:black;
	position:relative;
	padding:10px 20px;
	border-left: solid 1px #faf006;
	/*margin-left:35px;*/
	background-image: linear-gradient(bottom, rgb(255,214,94) 0%, rgb(254,191,4) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,214,94) 0%, rgb(254,191,4) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,214,94) 0%, rgb(254,191,4) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,214,94) 0%, rgb(254,191,4) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,214,94) 0%, rgb(254,191,4) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(254,191,4)),
	color-stop(1, rgb(255,214,94))
	);
	border-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #ecc22a, 0px 5px 0px 0px #887012, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #ecc22a, 0px 5px 0px 0px #887012, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #ecc22a, 0px 5px 0px 0px #887012, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #ecc22a, 0px 5px 0px 0px #887012, 0px 10px 5px #999;
        border-left: 2px solid #ecc22b;
}

.boton_amarillo:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(255, 214, 94) 0%, rgb(254,191,4) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,214,94) 0%, rgb(254,191,4) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,214,94) 0%, rgb(254,191,4) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,214,94) 0%, rgb(254,191,4) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,214,94) 0%, rgb(254,191,4) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(255,214,94)),
	color-stop(1, rgb(254,191,4))
	);
	-webkit-box-shadow: inset 0px 1px 0px #ecc22a, 0px 2px 0px 0px #887012, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #ecc22a, 0px 2px 0px 0px #887012, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #ecc22a, 0px 2px 0px 0px #887012, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #ecc22a, 0px 2px 0px 0px #887012, 0px 5px 3px #999;
}


.boton_amarillo:active::before {
	top:-3px;
	-webkit-box-shadow:inset 0px 1px 0px #b3aeae, 0px 5px 0px 0px #404040, 1px 1px 0px 0px #5e4705, 2px 2px 0px 0px #5e4705, 2px 5px 0px 0px #5e4705, 6px 4px 2px #96710d, 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px #b3aeae, 0px 5px 0px 0px #404040, 1px 1px 0px 0px #5e4705, 2px 2px 0px 0px #5e4705, 2px 5px 0px 0px #5e4705, 6px 4px 2px #96710d, 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px #b3aeae, 0px 5px 0px 0px #404040, 1px 1px 0px 0px #5e4705, 2px 2px 0px 0px #5e4705, 2px 5px 0px 0px #5e4705, 6px 4px 2px #96710d, 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px #b3aeae, 0px 5px 0px 0px #404040, 1px 1px 0px 0px #5e4705, 2px 2px 0px 0px #5e4705, 2px 5px 0px 0px #5e4705, 6px 4px 2px #96710d, 0px 10px 5px #999 ;
}

/*
Second button
*/

.second_button::before {
	content:"2";
}

/*
Third button
*/

.third_button::before {
	content:"3";
}


.boton_rojo {
	background-color:#e03b3b;
	background: url('fondo_btn_rojo.svg');
	font-family: 'Open Sans', sans-serif;
	font-size:10px;
	text-decoration:none;
	color:black;
	position:relative;
	padding:10px 20px;
	border-left: solid 1px #fa0606;
	margin-left:35px;
	background-image: linear-gradient(bottom, rgb(255,94,94) 0%, rgb(254,5,5) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,94,94) 0%, rgb(254,5,5) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,94,94) 0%, rgb(254,5,5) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,94,94) 0%, rgb(254,5,5) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,94,94) 0%, rgb(254,5,5) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(254,5,5)),
	color-stop(1, rgb(255,94,94))
	);
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #ec2a2a, 0px 5px 0px 0px #881212, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #ec2a2a, 0px 5px 0px 0px #881212, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #ec2a2a, 0px 5px 0px 0px #881212, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #ec2a2a, 0px 5px 0px 0px #881212, 0px 10px 5px #999;
}
.boton_rojo:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(255, 5, 5) 0%, rgb(254,94,94) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,5,5) 0%, rgb(254,94,94) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,5,5) 0%, rgb(254,94,94) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,5,5) 0%, rgb(254,94,94) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,5,5) 0%, rgb(254,94,94) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(255,94,94)),
	color-stop(1, rgb(254,5,5))
	);
	-webkit-box-shadow: inset 0px 1px 0px #ec2a2a, 0px 2px 0px 0px #881212, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #ec2a2a, 0px 2px 0px 0px #881212, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #ec2a2a, 0px 2px 0px 0px #881212, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #ec2a2a, 0px 2px 0px 0px #881212, 0px 5px 3px #999;
}

.boton_rojo:active::before {
	top:-3px;
	-webkit-box-shadow:inset 0px 1px 0px #b3aeae, 0px 5px 0px 0px #404040, 1px 1px 0px 0px #5e0505, 2px 2px 0px 0px #5e0505, 2px 5px 0px 0px #5e0505, 6px 4px 2px #960d0d, 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px #b3aeae, 0px 5px 0px 0px #404040, 1px 1px 0px 0px #5e0505, 2px 2px 0px 0px #5e0505, 2px 5px 0px 0px #5e0505, 6px 4px 2px #960d0d, 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px #b3aeae, 0px 5px 0px 0px #404040, 1px 1px 0px 0px #5e0505, 2px 2px 0px 0px #5e0505, 2px 5px 0px 0px #5e0505, 6px 4px 2px #960d0d, 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px #b3aeae, 0px 5px 0px 0px #404040, 1px 1px 0px 0px #5e0505, 2px 2px 0px 0px #5e0505, 2px 5px 0px 0px #5e0505, 6px 4px 2px #960d0d, 0px 10px 5px #999 ;
}

.chosen-container-single .chosen-single {
    height: 40px !important;
    border-radius: 3px !important;
    border: 1px solid #cccccc !important;
    line-height: 34px !important;
}
.chosen-container-single .chosen-single span {
    padding-top: 2px !important;
}
.chosen-container-single .chosen-single div b {
    margin-top: 2px !important;
}
.backUrl{
    color: var(--gray-template) !important;
    font-weight: bold;
}
.exitUrl{
    color: var(--gray-template) !important;
    font-weight: bold;
    margin-bottom: 10px;
}
.backUrl a, .exitUrl a{
    color: black !important;
}

.subMenuMovilLeft, .subMenuMovilRight{
    background-color: var(--gray-template);
    height: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

.dropdownTipoEnvio a{
    background-color: #FFF !important;
    color: var(--black-template) !important;
    opacity: 0.8;
    border-radius: 5px;
}
.articulosButton-titulo{
    margin-top: 5px;
    text-align: left;
}
.header2{
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.dropdownTipoEnvioLinkM:after{
    position: initial !important;
}
.botonMenuMovil{
    float: right;
    position: absolute;
    top: 8px;
    right: 15px;
}
.logoMovil{
    
}

.nombre-tienda{
    font-size: 13px;
    
}
.nombre-tienda-movil{
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0px;
}
.right-column{
    font-size: 16px !important;
}
.header-producto{
    margin-top: 1px;
}
.imgCuentaMovil{
    width: 26px;
}
.tienda{
    background: url("../../../assets/images/pantalla-cambio-tienda-desktop.jpg") no-repeat center -50px fixed !important;
}
.login-body{
    background: url("../../../assets/images/macana-login.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;
    background-position-x: -400px;
}
.login-body .logo-fondo-tienda{
    position: absolute;
    z-index: -1;
    width: 100%;
    display: flex;
    align-items: center;
    height: 30%;
    opacity: 0.7;
    justify-content: center;
    margin-top: 15%;
}

.tienda .logo-fondo-tienda{
    position: absolute;
    z-index: -1;
    width: 100%;
    display: flex;
    align-items: center;
    height: 30%;
    opacity: 0.7;
    justify-content: center;
    margin-top: 15%;
}
.div-boton-tienda{
   min-width: 200px; 
}

.boton-tienda{
    margin-right: 20px;
    display: inline-block;
    margin-bottom: 25px;
    background-color: var(--yellow-template);
    padding: 15px;
    font-size: 28px;
    font-family: Montserrat-regular;
    color: var(--black-template) !important;
    border-radius: 5px;
    font-weight: bold;
    
}
.boton-tienda a{
    color: var(--black-template) !important;
}

.boton-tienda:hover{
    background-color: var(--gray-template);
}
.boton-tienda:hover a{
    color: #FFFFFF !important;
}
.content-botones{
    position: fixed;
    bottom: 35px;
    display: inline-flex;
    justify-content: space-evenly;
}
@media (max-width: 768px) {
    .tienda{
        background-image: url("../../../assets/images/pantalla-cambio-tienda-device.jpg") !important;
        background-repeat: no-repeat  !important;
        background-size: 100% !important;   
        background-attachment: fixed  !;
    }
    .content-botones{
/*        bottom: 40vh;
        position: absolute;*/
        margin-left: 15px;
        display: initial;
        justify-content: center;
    }
    .contentButtonTienda {
        max-width: none !important;
    }   
  
}

.top-content{
    margin-top: 30px;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
}

.title-relacionados{
    font-size: 28px;
    text-align: center;
    margin-top: 50px;
    font-family: Montserrat-regular;
    border-bottom: 1px solid var(--yellow-template);
}
.cuadro-carousel:hover{
    cursor: pointer;
}
.img-fluid{
    height: 184px;
}
.carousel-inner .active + .carousel-item,
.carousel-inner .active + .carousel-item + .carousel-item,
.carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
    display: block;
}
.labelCarrousel{
    position: absolute;
    color: var(--black-template);
    font-size: 18px;
    font-weight: bold;
    font-family: Montserrat-regular;
    background-color: white;
    width: -moz-available;
    opacity: 0.7;
    margin-right: 10px;
    padding-left: 10px;
    bottom: 0px;
}
.cuadro-carousel{
    border: 1px solid var(--gray-template);
    border-radius: 5px;
    padding: 5px;
}
.carousel-control-prev, .carousel-control-next{
    width: 50px;
}
#productos-relacionados{
    width: 100%;
}

.publyland-cookies-popup{
    width: 100%;
    position: fixed;
    background-color: var(--black-template);
    bottom: 0px;
    z-index: 99999999999999999;
    color: white;
    font-family: Montserrat-Regular;
    font-size: 16px;
    opacity: 0.9;
}
.cookies-info-text a{
    color: var(--yellow-template) !important;
}

.cookies-accept-btn{
    color: white !important;
    border: 1px solid white;
    padding: 10px;
}
.starGourmet{
    width: 40px !important;
    position: absolute !important;
    right: 15px !important;
    box-shadow: none !important;

}