@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');
.preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
/* #E7D9C2 */
/* #E7D9C2 */
/* BASE */
ul,li{margin:0px;padding:0px;list-style:none;}
ul.bullet{list-style: disc; padding-left: 40px;}
ul.bullet>li{list-style: disc;}
a{color:#535353;}
a:hover{text-decoration: none;}
b{color:#000;font-weight: 400;}
body p{text-align: justify;}
.imagen{background-position:center; background-repeat:no-repeat;background-size:cover;}
.imagen:after{content:""; padding-top: 100%; display: block;}
body{font-family: "Montserrat", sans-serif;background-color:#fff;font-size:18px;color:#535353;}
h1,h2,h3,h4,h5,h6{
    font-family: "Montserrat", sans-serif;
    margin:0px;
    color: #535353;
}
h1{font-size: 48px;}
h2{font-size: 35px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 12px;}
h6{font-size: 8px;}
.separa-10{height:10px;clear:both;}
.separa-20{height:20px;clear:both;}
.separa-30{height:30px;clear:both;}
.separa-40{height:40px;clear:both;}
.relative{position: relative;}
.no-flex{display: block !important;}
.uppercase{text-transform: uppercase;}
.up-hide{
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}
.bx-wrapper{margin: 0;}
.bordes-horizontales{
    border-top: solid 1px #858585;
    border-bottom: solid 1px #858585;
}
.separador{
    height: 1px;
    width: 100%;
    background-color: #828282;
}
.headerfix{
    width: 100%;
    height: 70px;
    background-color: #E7D9C2;
}
.no-scroll, .overflow-hidden{overflow: hidden;}
.padding-0{padding: 0;}
.padding-left-0{padding-left: 0 !important;}
.flex{display: flex;}
.wrapper-flex{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;/* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-box;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}
html{
    /* Adjust font size */
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    /* Font varient */
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    /* Smoothing */
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    /* font-smoothing: antialiased; */
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

.text-warning{color: #ec9a02;}

.bg-transparent{
    background-color: transparent !important;
    box-shadow: none !important;
}
.bg-light{background-color: #E7D9C2;}
.bg-light .btn-info{background-color: #fff;}
.bg-gray{background-color: #E7D9C2;}
.bg-dark-gray{background-color: #828282;}
.bg-dark{background-color: #C9A96A;}
.bg-dark .titular, .bg-dark .subtitulo{color: #828282;}

.bg-dark h2, .bg-dark h3, .bg-dark p,
.bg-dark-gray h2, .bg-dark-gray h3, .bg-dark-gray p{color: #fff;}
.btn-primary{background-color:#E7D9C2!important;}
/* GENERAL */
.btn{
    text-transform: uppercase;
    border-radius: 30px;
    line-height: 1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.btn-default{
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    padding: 8px 25px;
    color: #E7D9C2;
    background-color: #fff;
    width: fit-content;
    margin: 0 auto;
    border: 0;
    font-size: 22px;
}
.btn-default.reverse{
    color: #fff;
    background-color: #E7D9C2;
}
.btn-default span{color: #E7D9C2; margin: 0; transition: all 0.4s; -webkit-transition: all 0.4s;}
.btn-default:hover span{color: #fff; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.btn-default:hover, .btn-default:active, .btn-default:focus, .btn-default:active:focus, .btn-default:hover:active{
    color: #fff;
    background-color: #E7D9C2;
    transform: translateX(5px);
    -webkit-transform: translateX(5px);
}
.btn-default p{
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.btn-default:hover p{
    color: #fff;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.btn-primary{
    font-weight: 300;
    font-size: 17px;
    color: #fff;
    border: solid 1px #fff;
    background-color: transparent;
    padding: 9px 23px;
    margin-right: 10px;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus, .btn-primary:hover:active, .btn-primary.reverse{
    background-color: #fff;
    color: #fff;
    border: solid 1px transparent;
}
.btn-primary.reverse:hover{
    color: #535353;
    border: solid 1px #535353;
    background-color: transparent;
}
.btn-info{
    background-color: #f7f7f7;
    padding: 20px 45px;
    font-size: 22px;
    font-weight: 300;
    color: #535353;
    border: 0;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1);
}
.btn-info:hover, .btn-info:active, .btn-info:focus, .btn-info:active:focus, .btn-info:hover:active{
    background-color: #f7f7f7;
    color: #535353;
    transform: translateY(-7px);
    -webkit-transform: translateY(-7px);
}
.btn-info.btn-busqueda{padding: 10px 15px; font-size: 16px; word-break: break-word; margin-bottom: 30px; width: 100%;}
.titular,
.subtitulo{
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}
.titular{
    font-size: 28px;
    font-weight: 600;
}
.titular-alt{
    font-weight: 500;
    font-size: 23px;
    letter-spacing: 6px;
    padding-bottom: 10px;
    position: relative;
}
.titular-alt::after{
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 33.33333%/2);
    height: 1px;
    width: 33.33333%;
    background-color: #828282;
}
.subtitulo{
    font-size: 26px;
    font-weight: 400;
}
.bloque-titular{
    display: flex;
    justify-content: center;
}
.bloque-titular .imagen{
    width: 30px;
    margin-left: 10px;
    background-size: contain;
}
.overlay{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}
.overlay-claro{
    background-color:rgb(255 255 255 / 21%) 
}
.overlay + div{
    z-index: 2;
}

/* NAV */
.navbar-default{
    background-color: transparent;
    border: 0;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.navbar-default:hover{
    background-color: #E7D9C2;
}
.navbar-default .navbar-brand{
    height: auto;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.navbar-default.up{
    transform: translateY(-100%);
}
.navbar-brand>img{
    height: 35px;
    width: auto;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    background-color: transparent;
    z-index: 2;
}
.opciones-nav button{
    background-color: transparent;
    border: 0;
    z-index: 3;
}
.bloque-favorito{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}
.bloque-favorito span{
    color: #fff;
}
.bloque-favorito i{
    margin-right: 5px !important;
}
#modalBusqueda .form-group-flex .btn {
    background-color: #f7f7f7;
    color: #E7D9C2;
    border-color: #eee;
}
.overlay--nav{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.6);
    pointer-events: none;
    transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    pointer-events: none;
    z-index: 99;
}
.overlay--nav.open {
    opacity: 1;
    pointer-events: all;
}

.opciones-nav .navbar-nav,
.opciones-nav:not(.open) .navbar-nav{
    position: fixed;
    top: 0;
    bottom: 0;
    left: unset;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    min-width: 20vw;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    background-color: #E7D9C2;
    margin: 0;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.opciones-nav.open .navbar-nav{
    transform: translateX(0);
    -webkit-transform: translateX(0);
}
.opciones-nav .navbar-nav>li>a{
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 15px;
    line-height: 1.5;
    text-align: center;
    letter-spacing: 7px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.opciones-nav .navbar-nav>li>a:hover,
.opciones-nav .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    color: #535353;
    letter-spacing: 5px;
    background-color: transparent;
}
#modalBusqueda .container{
    height: auto;
    overflow: auto;
}
#modalBusqueda .form-group-flex{
    display: flex;
}
#modalBusqueda .form-control:focus{box-shadow: none; -webkit-box-shadow: none;}
.navbar-default .navbar-nav>.active>a{
    color: #535353;
    background-color: transparent;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    background-color: transparent;
    color: #535353;
}
.opciones-nav{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.opciones-nav>div{
    padding: 20px 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.idioma{
    height: 15px;
    width: auto;
    margin-right: 15px;
}
body{
    position: relative;
}
.opciones-nav i{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    color: #fff;
    font-size: 22px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.opciones-nav i:hover{
    transform: translateY(-4px) rotate(-12deg);
    -webkit-transform: translateY(-4px) rotate(-12deg);
}
.nav-button{display: block; z-index: 9;}
.opciones-nav .block{display: block;}
.nav-button .line{
    display: block;
    height: 2px;
    width: 35px;
    background-color: #fff;
    margin-bottom: 5px;
    border-radius: 25px;
}
.nav-button .line:last-child{width: 60%; float: right; transition: all 0.4s; -webkit-transition: all 0.4s;}

.nav-button:hover .line:last-child{width: 100%;}

.navbar-default.alt{
    background-color: #E7D9C2;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.navbar-default.alt .opciones-nav>div{
    padding: 20px 0;
}
.navbar-default.alt .navbar-brand>img{
    height: 35px;
}

/* BANNER */
@-webkit-keyframes scaling{
    0%, 100%{ transform: scale(1) rotate(0deg);}
    50%{ transform: scale(1.3) rotate(4deg);}
}
@-moz-keyframes scaling{
    0%, 100%{ transform: scale(1) rotate(0deg);}
    50%{ transform: scale(1.3) rotate(4deg);}
}
@-o-keyframes scaling{
    0%, 100%{ transform: scale(1) rotate(0deg);}
    50%{ transform: scale(1.3) rotate(4deg);}
}
@keyframes scaling{
    0%, 100%{ transform: scale(1) rotate(0deg);}
    50%{ transform: scale(1.3) rotate(4deg);}
}
.banner-fondo{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;

    /*
    -webkit-animation: scaling 60s linear infinite;
    -moz-animation: scaling 60s linear infinite;
    -o-animation: scaling 60s linear infinite;
    animation: scaling 60s linear infinite;
    */
}
#banner, .lista-banner-fondos>li{
    height: 100vh;
    min-height: 600px;
    max-height: 800px;
    position: relative;
    overflow: hidden;
}
#banner .overlay{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a0a0a0+0,ffffff+100 */
    background: rgb(160,160,160); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(160,160,160,0.8) 0%, rgba(255,255,255,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(160,160,160,0.8) 0%,rgba(255,255,255,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(160,160,160,0.8) 0%,rgba(255,255,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a0a0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#banner .titular{
    font-size: 30px;
    text-align: left;
    font-weight: 300;
}
#banner .titular span{
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 40px;
    color: #E7D9C2;
    margin-top: 10px;
}
#banner .titular span::before{
    content: "";
    display: block;
    height: 4px;
    background-color: #E7D9C2;
    width: 50px;
    margin-right: 10px;
}
#banner .titular .wrapper-flex{
    margin-top: 10px;
    justify-content: flex-start;
}
.lista-banner{
    display: flex;
    align-items: center;
    height: 100%;
}
.lista-banner img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
    height: 100%;
    width: 100%;
}
.lista-rrss{flex-wrap: wrap;}
.lista-rrss i{
    color: #fff;
    font-size: 32px;
    margin: 0 10px 10px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.lista-rrss li:hover i{
    color: #464646;
    transform: translateY(-5px);
}
#banner .lista-rrss{
    position: absolute;
    bottom: 10%;
    left: calc(50% - 1170px/2);
}
#banner .container{
    display: flex;
    align-items: center;
}
.lista-opciones-banner{
    justify-content: space-between;
    flex-wrap: wrap;
}
.lista-opciones-banner li{
    margin-bottom: 10px;
}
.bloque-banner-info{
    width: 43vw;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 22.5px 40px;
    z-index: 1;
    background-color: #E7D9C2;
}
.bloque-banner-info h2{
    color: #fff;
    line-height: 1.25;
    font-size: 25px;
    text-transform: uppercase;
}
.bloque-banner-info h2 span{
    font-size: 30px;
    display: block;
    font-weight: 600;
}
#banner .controles .prev, #banner .controles .next{left: unset;}
#banner .controles .prev{right: 55px}
#banner .controles .next{right: 0;}
#banner .controles{
    position: absolute;
    top: calc(0% - 40px/2);
    right: 5%;
    width: 100%;
}
.panel-banner{position: relative;}

/**/
.panel-banner .bx-viewport{height: 450px !important;}
.panel-banner img{width: 245px;}
.lista-banner{width: 245px !important;}
.lista-banner li{width: 245px !important; height: 100%;}
.lista-banner .img{height: 100%;}
.lista-banner img,.lista-marcas img{object-fit: contain!important;}

/* BANNER INTERIOR */
#banner-interior{overflow: hidden;}
#banner-interior .imagen{
    height: 33vh;
    background-attachment: fixed;
    background-position: bottom;
}


/* SECCION */
.lista-productos{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.bloque-producto{
    background-color: #fff;
    padding: 15px;
    text-align: center;
    margin-bottom: 60px;
}
.panel-productos a{text-decoration: none; color: #535353;}
.panel-productos .bx-viewport{height: auto !important;}
.bloque-producto p, .bloque-producto h3{
    text-align: center; 
    margin: 0;
    overflow: hidden;
}
.bloque-producto p{
    font-size: 13px;
    margin-bottom: 8px;
    font-weight: 300;
    height: 18px;
    text-transform: uppercase;
}
.bloque-producto h3{
    font-size: 16px;
    height: 35px;
    font-weight: 600;
}
.bloque-producto img{
    object-fit: contain;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
/* .bloque-producto:hover img{
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
} */
.bloque-producto .img{overflow: visible;}
.bloque-producto .img::after{padding-top: 100%;}
.bloque-producto .btn-like{
    background-color: transparent;
}
button:focus, button:active:focus, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline: none;}

.bloque-producto .btn-like i{
    font-size: 25px;
    color: #515151;
}
.bloque-producto .btn-like{
    box-shadow: none;
}
.bloque-producto .precio{font-size: 14px; font-weight: 400; color: #555;}
.bloque-producto .btn-primary{
    font-size: 14px;
    font-weight: 500;
    padding: 6px 17px;
}

.controles{
    position: absolute;
    top: calc(50% - 40px/2);
    width: 100%;
}
.controles .prev, .controles .next{
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    height: 40px;
    width: 40px;
    top: 50%;
    position: absolute;
    z-index: 9;
    padding: 0;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.controles .prev{left: -20px;}
.controles .next{right: -20px;}
.controles i{font-size: 32px;}

/* CATEGORIAS PORTADA*/
.lista-categorias-portada{display: flex; flex-wrap: wrap;}
.lista-categorias-portada li{
    overflow: hidden;
    min-height: 380px;
    position: relative;
}
.bloque-categoria-portada{
    text-align: center;
    padding: 100px 0;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: relative;
    z-index: 2;
}
.lista-categorias-portada li:first-child .bloque-categoria-portada,
.lista-categorias-portada li:first-child .overlay {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}
.bloque-categoria-portada h2{font-size: 28px;}
.bloque-categoria-portada h2,
.bloque-categoria-portada h3,
.bloque-categoria-portada .subtitulo{
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin: 0;
}
.bloque-categoria-portada h3{
    font-size: 40px;
    font-weight: 700;
}
.lista-categorias-portada li:nth-child(4n+2) h3,
.lista-categorias-portada li:nth-child(4n+3) h3{
    color: #E7D9C2;
}
.lista-categorias-portada li:nth-child(4n+2) .btn,
.lista-categorias-portada li:nth-child(4n+3) .btn,
.lista-categorias-portada li:nth-child(4n+2) .btn p,
.lista-categorias-portada li:nth-child(4n+3) .btn p,
.lista-categorias-portada li:nth-child(4n+2) .btn span,
.lista-categorias-portada li:nth-child(4n+3) .btn span{
    background-color: #E7D9C2;
    color: #fff;
}
.lista-categorias-portada li:nth-child(4n+2) .btn:hover,
.lista-categorias-portada li:nth-child(4n+3) .btn:hover,
.lista-categorias-portada li:nth-child(4n+2) .btn:hover p,
.lista-categorias-portada li:nth-child(4n+3) .btn:hover p,
.lista-categorias-portada li:nth-child(4n+2) .btn:hover span,
.lista-categorias-portada li:nth-child(4n+3) .btn:hover span{
    background-color: #fff;
    color: #E7D9C2;
}
.lista-categorias-portada li .imagen{
    position: absolute;
    background-position: center;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.lista-categorias-portada li:hover .imagen{
    /* transform: scale(1.22) rotate(4deg);
    -webkit-transform: scale(1.22) rotate(4deg);
    filter: grayscale(100%);*/
} 
.lista-categorias-portada li a{z-index: 1; text-decoration: none;}
.lista-categorias-portada li .overlay{
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
@media (hover: hover) and (pointer: fine) {
    .lista-categorias-portada li:hover .overlay,
    .lista-categorias-portada li:focus-within .overlay {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}
@media (hover: none) and (pointer: coarse), (max-width: 992px) {
    .lista-categorias-portada .overlay {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}

/* Mostrar overlay y textos solo al hacer hover en escritorio */
@media (hover: hover) and (pointer: fine) {
    .lista-categorias-portada li:hover .bloque-categoria-portada,
    .lista-categorias-portada li:focus-within .bloque-categoria-portada {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        z-index: 1;
    }
    .lista-categorias-portada li:hover .overlay,
    .lista-categorias-portada li:focus-within .overlay {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    .lista-categorias-portada li .overlay {
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
        /* z-index: 1; */
    }
}
/* Siempre mostrar en móvil */
@media (hover: none) and (pointer: coarse), (max-width: 992px) {
    .lista-categorias-portada .bloque-categoria-portada,
    .lista-categorias-portada .overlay {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}

/* NOTICIAS */
.lista-noticias{display: flex; flex-wrap: wrap;}
.lista-noticias li{margin-bottom: 40px;}
.bloque-noticia{display: flex; height: 100%;}
.bloque-noticia--content .btn{margin-top: auto;}
.bloque-noticia--content{flex: 1; display: flex; flex-direction: column; align-items: flex-start;}
.bloque-noticia.interior{display: block; height: auto;}
.bloque-noticia.interior h3,
.bloque-noticia.interior p{height: auto;}
.bloque-noticia.interior p{text-align: justify;}
.bloque-noticia .overflow-hidden{height: 100%;}
.bloque-noticia .imagen:after{padding-top: 76%;}
.bloque-noticia .imagen{
    height: 100%;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    border-radius: 10px;
}
.bloque-noticia:hover .imagen{
    /* transform: scale(1.2) rotate(3deg);
    -webkit-transform: scale(1.2) rotate(3deg); */
}
.bloque-noticia:not(.interior) h3{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
}
.bloque-noticia:not(.interior) p{
    font-size: 14px;
    margin: 10px 0;
}
.bloque-noticia p span{font-weight: 600;}
.bloque-noticia .btn{font-size: 12px; padding: 6px 15px;}
.sidebar .form-group-flex{display: flex;}
.sidebar .form-group-flex .form-control{height: 40px; border-radius: 30px; margin-right: 10px;}
.sidebar .form-group-flex .btn-primary{margin-right: 0;}

#productos_lista h1{font-size: 20px; margin-bottom: 1em;}
.list-group-item{border: 0; border-bottom: solid 1px #c5c5c5; padding: 0;}
.list-group-item>a{display: block; padding: 10px 20px 10px 0; font-size: 0.9em; position: relative;}
.list-group-item>a::after{content: "▸"; display: block; position: absolute; right: 0; top: calc(50% - 10px); font-size: 20px; line-height: 1; color: #c5c5c5; transform: translateX(-10px); transition: transform 0.2s; will-change: transform;}
.list-group-item>a:hover::after{transform: translateX(0);}
.list-group-item:first-child, .list-group-item:last-child{border-radius: 0 0 0 0;}

.filtro--options{display: flex; flex-direction: column;}
#personalizarBusqueda[aria-expanded="true"]>form{display: flex; flex-wrap: wrap;}
#personalizarBusqueda .filtro{width: 33.333%;}
.filtro--title{margin: 1em 0;}
.filtro--option{font-weight: 500; font-size: 14px; display: flex;}
.filtro--option>.switchery{margin-right: 20px; min-width: 33px; max-width: 33px;}

/* SECCION */
.lista-informacion{
    padding-top: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.lista-informacion>li{
    padding: 0 7.5px;
    width: 20%;
    margin-bottom: 50px;
}
.lista-informacion li .imagen{transition: all 0.4s; -webkit-transition: all 0.4s;    border-radius: 10px;
}
.lista-informacion li .imagen:hover{
    filter: grayscale(100%);
    transform: scale(1.033);
    -webkit-transform: scale(1.033);
}
/* PREFOOTER */
.lista-marcas{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.lista-marcas li{
    width: 20%;
    margin-bottom: 50px;
    text-align: center;
}
.lista-marcas .img{
    overflow: unset;
}
.lista-marcas img{
    position: relative;
    right: 0;
    margin: 0 auto;
    object-fit: contain;
    filter: grayscale(100%);
    max-width: 150px;
    width: auto;
    height: auto;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.lista-marcas .img::after{display: none;}
.lista-marcas img:hover{
    transform: translateY(-5px); 
    -webkit-transform: translateY(-5px); 
    filter: grayscale(0);
}

/* FOOTER */
footer{background-color: #E7D9C2;}
footer p, footer a{
    text-align: center;
    color: #fafafa;
    font-size: 14px;
    margin: 0 auto;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
footer a:hover, footer a:focus{text-decoration: none; color: #fff;}
footer p span i{transition: all 0.4s; -webkit-transition: all 0.4s;}
footer p span:hover i{color: #f33;}
.otros-contenidos{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.otros-contenidos li{
    display: flex;
    align-items: center;
}
.otros-contenidos li + li::before{
    content: "-";
    color: #E7D9C2;
    display: block;
    margin: 0 6px;
}
.otros-contenidos li a{
    font-size: 17px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

/* GALERIA */
.galeria ul, .lista-archivos{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.galeria ul li{width: 33.33333%; margin-bottom: 30px;}
.galeria ul li .img{position: relative;}
.galeria ul li .img::before{
    content: "";
    display: block;
    background-color: transparent;
    position: absolute;
    top: 3px;
    left: 0;
    height: 20%;
    width: 20%;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    z-index: 3;
    background-image: url('images/diamond.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.galeria ul li .img:hover::before{
    transform: translateX(3px);
    -webkit-transform: translateX(3px);
}

/* CONTACTO */
#contacto .form-group{margin-bottom: 10px;}
#contacto .alert{margin-bottom: 10px; text-align: center;}
textarea.form-control{height: 100px; resize: none;}
#contacto .imagen{
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
}
#contacto .imagen::after{padding-top: 0;}
#contacto .container .pos-unset{
    position: unset;
}
.g-recaptcha{
    margin-top: 10px;
}
.form-group label{
    color: #535353;
    letter-spacing: 1px;
    font-weight: 600;
}
.form-group label span{
    color: #f22;
}

/* QUIENES SOMOS */
#bienvenida .imagen:after{padding-top: 52%;}
#bienvenida span{font-weight: 600;}

.lista-info{background-color: #fff;}
.lista-info li{display: flex; position: relative;}
.lista-info li:nth-child(2n){flex-direction: row-reverse;}

.lista-info li>div{width: 50%;}

.lista-info li>div::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -100%;
    right: 0;
    bottom: 0;
    background-color: #f7f7f7;
    z-index: -1;
}
.lista-info li:nth-child(2n)>div::before{
    background-color: #828282;
    left: 0;
    right: -100%;
}
.lista-info li>div:first-child{padding: 40px;}

.lista-info .imagen{
    top: 0;
    position: absolute;
    left: 0;
    height: 100%;
    width: 50vw;
}
.lista-info .overlay{
    width: 50vw;
    z-index: 3;
}
.lista-info li:nth-child(2n) .imagen,
.lista-info li:nth-child(2n) .overlay{
    left: auto;
    right: 0;
}
.lista-info .imagen::after{padding-top: 0%;}

.lista-info p{font-size: 14px;}
.lista-info .media,.lista-info .media-body{overflow: visible;}

.lista-info-modulo p{font-size: 20px;}
.lista-info-modulo h3{font-size: 28px;}
.lista-info-modulo h3 span{font-weight: 600;}

.lista-info--content{position: relative;}
.lista-info--content::after{content: ""; display: block; position: absolute; left: 0; top: 0; width: 50vw; height: 100%; background-color: #fff; z-index: -1;}
.lista-info>li:nth-child(2n+1) .lista-info--content::after{left: auto; right: 0;}

.bloque-info h3{font-size: 21px; text-transform: uppercase;}
.bloque-info .media-left span{
    border: solid 2px #535353;
    color: #535353;
    border-radius: 25px;
    padding: 0px 15px;
    margin-right: 25px;
    font-weight: 600;
    font-size: 20px;
}

/* CATEGORIAS */
.lista-categorias{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.lista-categorias li{
    width: 25%;
    padding: 0 15px;
}
.bloque-categoria img{
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.bloque-categoria:hover img{
    transform: scale(1.2) rotate(4deg);
    -webkit-transform: scale(1.2) rotate(4deg);
}
.bloque-categoria{margin-bottom: 30px; background-color: #fff; border-radius: 0; border: solid 1px #efefef;}
.bloque-categoria .img{border-radius: 0; margin: 0 20px;}
.bloque-categoria .img::after{padding-top: 100%;}
.bloque-categoria .img>img{object-fit: contain;}
.bloque-categoria .content{
    padding: 30px;
}
.bloque-categoria p{font-size: 13px; margin: 0; height: 90px; overflow: hidden;}
.bloque-categoria--title{font-size: 18px; letter-spacing: 0;}

/* ORDER BY */
.orderBy label{
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 13px;
    font-weight: 400;
}

/* PRODUCTO */
.image-holder{position: relative;}
.image-holder>img{max-height: 800px; display: block; margin: 0 auto; width: 100%; object-fit: contain;}
#producto .titular{
    font-size: 20px;
    text-align: left;
    color: #E7D9C2;
    font-weight: 600;
}
#producto .subtitulo{
    font-size: 18px;
    text-align: left;
}
.logo-empresa{height: 80px; width: auto; display: block;}
#producto .img>img{
    object-fit: contain;
}
.lista-atributos{display: flex; flex-wrap: wrap;}
.atributo{display: flex; align-items: center;}
.atributo{margin-bottom: 20px;}
.atributo--icon{width: 38px; height: 38px; border-radius: 50%; border: solid 1px #bfbfbf; background-size: contain; background-repeat: no-repeat; background-position: center;}
.atributo--info{margin-left: 10px; font-size: 12px;}
.atributo--info>span{display: block; color: #000;}
#producto .btn-default.reverse,
#producto .btn-primary.reverse{
    font-size: 14px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}
#producto select{
    border: 0;
    margin-right: 20px;
    font-style: italic;
    color: #E7D9C2;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
}
.otras-fotos{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.otras-fotos a{
    width: 33.33333%;
    margin-bottom: 30px;
}
.codigo{font-weight: 600;}
.codigo span{font-style: italic;}
.precio{
    font-size: 22px;
    font-weight: 700;
    color: #E7D9C2;
}
.disponibilidad{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
.bloque-mas-opciones-compra .btn-primary{
    width: 48%;
}
.bloque-mas-opciones-compra i{
    font-size: 25px;
}
.bloque-mas-opciones-compra .btn{
    margin-right: 15px;
}
.bloque-mas-opciones-compra .btn-like{
    box-shadow: none;
    background: transparent;
}

/* NAV PILLS */
.navbar-nav>li>.dropdown-menu{
    left: auto;
    right: auto;
    position: relative;
    top: 0;
    background-color: transparent;
    color: #fff;
    border-radius: 0;
    overflow: hidden;
    padding: 0;
}
.dropdown-menu>li>a{
    text-transform: uppercase;
    font-size: 13px;
    color: #fff;
    padding: 10px 25px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    border-radius: 0;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
    color: #222;
    text-decoration: none;
    background-color: #fff;
}
.nav-pills{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.nav-pills>li>a{
    border-radius: 30px;
    color: #828282;
    border: solid 1px #828282; 
    font-size: 15px;
    text-transform: uppercase;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    margin: 15px;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .nav-pills>li>a:focus, .nav-pills>li>a:hover{
    color: #fff;
    background-color: #828282;
}

.tienda--title{font-size: 1em; margin-top: 20px; text-align: center;}
.info-tienda{display: flex; flex-wrap: wrap; justify-content: center;}
.info-tienda>li{margin: 15px;}
.info-tienda>li span{display: block; padding: 20px; border: solid 1px #212121; transition: all 0.4s;}
.info-tienda>li>a:hover{color: #fff;}
.info-tienda>li>a:hover>span{background-color: #212121; color:#fff;}

#mapa{position: relative; height: 30vmax; margin-bottom: 40px;}
#mapa>iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%; filter: grayscale(100%);}
.full-width{width: 100%;}
.tienda--main-img{padding: 20px; background-color: #fafafa; box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);}

.modal-content{border-radius: 0;}
.modal-header{border-bottom: 0;}
.modal-footer{border-top: 0; text-align: center;}

.lista-marcas_{display: flex; flex-wrap: wrap;}
.lista-marcas_:hover li{opacity: .5;}
.lista-marcas_ li:hover{opacity: 1;}
.lista-marcas--li{display: flex; justify-content: center; align-items: center; padding: 60px 50px; transition: opacity 0.3s;}
.lista-marcas_ .lista-marcas--img{width: 100%; max-height: 150px; object-fit: contain; transition: filter 0.4s; filter: grayscale(100%); height: 70px;}
.lista-marcas_ .lista-marcas--img:hover{filter: grayscale(0);}

/* RESPONSIVE */
@media screen and (min-width: 1750px){
    .opciones-nav .navbar-nav, .opciones-nav:not(.open) .navbar-nav{
        width: 35vw !important;
    }
}
@media screen and (max-width: 1200px){
    .btn-primary{font-size: 15px;}
    #banner .titular{font-size: 26px;}
    #banner .titular span{font-size: 35px;}
    .lista-informacion>li{width: 25%;}
    #banner .lista-rrss{left: calc(50% - 970px/2);}
    .bloque-banner-info h2{font-size: 23px;}
    .bloque-banner-info h2 span{font-size: 28px;}
    .opciones-nav .navbar-nav>li>a{font-size: 15px;padding: 15px; letter-spacing: 4px;}
    .opciones-nav .navbar-nav, .opciones-nav:not(.open) .navbar-nav{width: 25vw !important;}
    .lista-categorias li{width: 33.3333%;}
    .lista-opciones-banner{flex-direction: column; align-items: flex-start; justify-content: center;}
    .lista-opciones-banner li{width: 100%;}
    .lista-opciones-banner .btn{width: 100%; max-width: 300px;}
    .btn-info.btn-busqueda{white-space: pre-wrap;}
}

@media screen and (max-width: 992px){
    .no-flex-sm{display: block;}
    #banner .lista-rrss{left: calc(50% - 750px/2);}
    #banner .titular{font-size: 22px;}
    #banner .titular span{font-size: 32px;}
    .bloque-banner-info h2{font-size: 16px;}
    .bloque-banner-info h2 span{font-size: 26px;}
    .opciones-nav .navbar-nav, .opciones-nav:not(.open) .navbar-nav{width: 30vw !important;}

    .lista-informacion>li{width: 33.33333%;}
    .lista-marcas li{width: 33.33333%;}

    .galeria ul li{width: 50%;}
    
    .bloque-noticia{text-align: center; flex-direction: column;}
    .bloque-noticia .overflow-hidden{margin-bottom: 20px;}
    .bloque-noticia .imagen:after{padding-top: 60%;}
    .bloque-noticia h3, .bloque-noticia p{height: auto; text-align: center;}
    .bloque-noticia--content{align-items: center;}

    .lista-categorias li{width: 50%;}
    .lista-marcas--li{padding: 40px;}
}

@media screen and (max-width: 768px){
    .no-flex-xs{display: block;}
    body{margin-top: 65px;}
    .titular{font-size: 23px;}
    .titular-alt{font-size: 18px;}
    .subtitulo{font-size: 18px;}
    .padding-0-xs{padding: 0;}
    .btn-info{padding: 17.5px 20px; font-size: 15px;}

    .navbar-header{float: left;}
    .navbar-toggle{display: none;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{border: 0; padding: 0;}
    #banner{height: auto; min-height: 280px; max-height: none; padding-top: 30px;}
    #banner .container{flex-direction: column;}
    #banner .padding-0{padding: 0 15px;}
    #banner .titular{text-align: center;}
    #banner .titular span{font-size: 30px; justify-content: center;}
    .lista-opciones-banner .btn{width: 100%; max-width: 300px;}

    .bloque-noticia:not(.interior) p,
    .bloque-noticia:not(.interior) h3{
        height: auto;
    }
    #banner .lista-rrss{position: relative; left: unset; margin-top: 30px;}

    .bloque-banner-info{position: relative; margin-top: 30px; width: 100vw; text-align: center; padding: 25px 10px;}
    .bloque-banner-info h2{font-size: 18px;}
    .bloque-banner-info h2 span{font-size: 25px;}

    .lista-opciones-banner{display: block; margin-bottom: 30px;}
    .lista-opciones-banner li{margin-bottom: 20px; text-align: center;}
    .lista-banner img{width: 100%;}

    .lista-categorias-portada li{width: 100%;}
    .bloque-categoria-portada h2{font-size: 23px;}
    .bloque-categoria-portada h3{font-size: 30px;}
    .btn-default{font-size: 20px;}

    .lista-informacion h4{text-align: center;}
    .lista-informacion>li{width: 50%; padding: 0 15px; text-align: center;}
    .lista-informacion li p, .lista-informacion li a{text-align: center;}
    .lista-informacion .lista-rrss{justify-content: center;}

    .lista-marcas{flex-direction: column;}
    .lista-marcas li{width: 100%;}

    .galeria ul li{width: 100%;}

    .otros-contenidos{flex-direction: column;}
    .otros-contenidos li + li::before{content: unset;}

    #contacto .imagen{display: none;}

    .rrssb-buttons{display: block;}
    .rrssb-buttons li{width: 100% !important; margin-bottom: 5px;}
    .rrssb-buttons li a .icon{width: 5% !important; left: calc(50% - 10px/2) !important;}

    .opciones-nav .navbar-nav, .opciones-nav:not(.open) .navbar-nav{width: 100vw !important;}
    .lista-categorias li, .lista-productos li{width: 100%;}

    .lista-info li{display: block;}
    .lista-info li>div, .lista-info .imagen{width: 100%;}
    .lista-info .imagen{position: relative; height: 33vw; min-height: 250px;}

    .bloque-info h3{text-align: center;font-size: 18px;}
    .lista-info .overlay{width: 100%;}
    .sin-resultados p{text-align: center;}
    .orderBy form{text-align: center;}
    .orderBy select{max-width: none;}
    .lista-banner, .lista-banner li{width: 100% !important;}
    .lista-banner img{height: 80%; margin: 0 auto; left: 0; right: 0;}

    .lista-info li>div::before{display: none;}
    #personalizarBusqueda .filtro{width: 100%; margin-top: 30px;}
    #personalizarBusqueda .btn{width: 100%;}
    .lista-banner-textos>li{width: 100%;}
    .lista-banner-textos h2{text-align: center;}
    .bloque-noticia:not(.interior) p, .bloque-noticia:not(.interior) h3{margin-top: 20px;}
}

@media screen and (max-width: 500px) {
    .lista-informacion{flex-direction: column; align-items: center;}
    .lista-informacion>li{width: 100%;}
}