/*
--------- ELEMENTOS RESPONSIVE A OCULTAR EN LA VERSIÓN NORMAL ---------
*/
.responsive_cabecera {
    display: none;
}

.btnResumenCompra {
    display: none;
}

.carrusel_imgPeq {
    display: none !important;
}
/*
--------- ESTILOS PARA RESPONSIVE ---------
*/
@media (max-width:1200px) {
    /* Generales */
    body {
        min-width: 320px;
    }

    .responsive_cabecera_izq {
        display: inline-block;
        float: left;
        text-align: left;
        width: 30%;
    }

    .responsive_cabecera_cen {
        display: inline-block;
        float: left;
        text-align: center;
        width: 40%;
    }

    .responsive_cabecera_der {
        display: inline-block;
        float: right;
        text-align: right;
        width: 30%;
    }

        .responsive_cabecera_der a:link, .responsive_cabecera_der a:visited, .responsive_cabecera_der a:active {
            display: inline-block;
        }

    .colizq {
        padding: 3% 2% 0 2%;
        width: 30%;
    }

        .colizq > div {
            display: none;
        }

    .colder {
        padding: 0;
        width: 70%;
    }

    .contenidoCentrado {
        padding: 0 1%;
        width: 100%;
    }

    .contenidoCentradoCabecera {
        padding: 0 1%;
        width: 98%;
    }

    .contenidoCentradoPie {
        padding: 0 1%;
        width: 98%;
    }

    .contenidoCabecera {
        width: 100%;
    }

    .oculto_responsive {
        display: none;
    }
    /* Overlay */
    #exposeMask {
        display: none !important;
    }

    .overlay {
        display: none !important;
    }
    /* Portada */
    .bannersSlider {
        display: none;
    }

    .txtPortada {
        display: none;
    }

    .linkSlider, .linkSlider a {
        font-size: 16px;
        line-height: 16px;
    }
    /* Cabecera */
    .cabecera .logo img {
        height: 60px;
        margin-top: 9px;
    }
    /* Pie */
    #divBoletinesPie, #divRedesPie, .pie_fam {
        display: none;
    }

    .pie_contenido_izq {
        width: 100%;
    }

    .pie_izq_col {
        padding-top: 15px;
        padding-bottom: 15px;
        width: 45%;
    }

    .pie_der {
        float: left;
    }

        .pie_der .derecha {
            float: left;
        }
    /* Catálogo */
    .fichapeqVisto {
        height: 250px;
    }

    .fichapeq {
        height: 300px;
    }

    .fichapeq_foto {
        height: 205px;
        width: 100%;
    }

    .fichapeq_info {
        max-height: 250px;
        width: 100%;
    }

    .fichapeq_nombre {
        width: 100%;
    }

    .fichapeq_precio {
        width: 100%;
    }

    .fichapeq_marca {
        width: 100%;
    }

    .precioAntesPeq {
        width: 100%;
    }

    .fichapeq_foto a img {
        max-width: 96%;
    }

    .fichapeq_capaBtnComprar {
        display: none;
    }

    #divEstasEn {
        display: none;
    }

    .fichagra_der {
        margin: 0;
        width: 100%;
    }

    .fichagra_marcaRef {
        margin-top: 30px;
    }

    #divGaleriaZoom {
        display: none;
    }

    #divGaleriaResponsive {
        border: 1px solid #ddd;
        border-radius: 4px;
        box-shadow: 0px 0px 15px #aaa;
        display: block;
        margin: 10px auto;
    }

        #divGaleriaResponsive .bx-wrapper, #divGaleriaResponsive .bx-wrapper li, #divGaleriaResponsive .bx-wrapper li img {
            max-height: 460px;
        }

    .msgSeleccionTalla {
        clear: both;
        padding: 5px 0px;
    }

    .Talla a:link, .Talla a:visited, .Talla a:active {
        padding: 7px 14px 6px 14px;
    }

    .btns_comprar {
        clear: both;
        padding-top: 10px;
        width: 100%;
    }

    .paginacion a:link, .paginacion a:visited, .paginacion a:active, .paginacion span {
        padding: 7px;
        text-decoration: none;
    }

    .marca:link, .marca:visited, .marca:active {
        width: 100%;
    }

    .fichagra_btn_comprar {
        width: 80%;
    }

    .btn_comprar {
        width: 100%;
    }

    .wishlistSi, .wishlistNo {
        width: 80%;
        margin-top: 10px;
    }

    .ficha_fam {
        width: 30%;
    }

        .ficha_fam a img {
            height: 165px;
            max-width: 100%;
        }

    .ficha_fam_txt {
        width: 100%;
    }

    .ficha_fam_foto {
        height: 165px;
        width: 100%;
    }

    .fichagra_info {
        float: left;
        width: 100%;
    }

    .wishlistNo:link, .wishlistNo:visited, .wishlistNo:active, .wishlistSi:link, .wishlistSi:visited, .wishlistSi:active {
        float: left;
    }
    /* Buscador */
    .responsive_buscador {
        background: #eee;
        clear: both;
        display: none;
        padding: 10px 8px;
    }

        .responsive_buscador > input {
            background: #ddd;
            display: inline-block;
            font-family: 'Questrial',sans-serif;
            font-size: 110%;
            height: 18px;
            padding: 7px 2%;
            width: 84%;
        }

    .responsive_btnBuscar {
        display: inline-block;
        float: right;
        padding-top: 5px;
        text-align: center;
        width: 10%;
    }
    /* Filtrado */
    .colizq .filtradoLateral {
        clear: both;
        display: block;
    }

    .responsive_btnFiltrar:link, .responsive_btnFiltrar:visited, .responsive_btnFiltrar:active {
        background: #eee;
        border-radius: 3px;
        display: block;
        float: right;
        padding: 4px 6px;
        text-decoration: none;
    }
    /* Proceso de compra */
    #wizard {
        margin: 0;
        width: 100%;
    }

    .tabs {
        display: none;
    }

    #tabs, .seccion {
        border: 0px;
    }

    #div_registrados {
        border: 1px solid #ddd;
        float: none;
        margin: 10px auto;
        width: auto;
    }

    #div_nuevos {
        border: 1px solid #ddd;
        float: none;
        margin: 10px auto;
        width: auto;
    }

    .bloqueCompra {
        clear: both;
    }

    .tabsCompra_colizq, .tabsCompra_colder {
        clear: both;
        width: 100%;
    }

    #resumenCompra {
        margin: 2%;
        padding: 2%;
        width: 90%;
    }

    #lopd {
        background: #eee;
        font-size: 12px;
        padding: 5px;
    }

    #hypSeguirComprando {
        clear: both;
        display: block;
        margin: 0 auto;
        max-width: 290px;
    }

    #hypFinalizarCompra {
        clear: both;
        display: block;
        margin: 0 auto;
        max-width: 290px;
    }

    #resumenCompra {
        display: none;
    }

        #resumenCompra h2 {
            padding: 5px 0px 3px 0px;
        }

    .btnResumenCompra:link, .btnResumenCompra:visited, .btnResumenCompra:active {
        background: #4A4A4A url(../img/responsive_icoAbajo.png) no-repeat 4px 5px;
        border-radius: 5px;
        box-shadow: 2px 2px 6px #aaaaaa;
        clear: both;
        color: #fff;
        display: block;
        font-size: 13px;
        margin: 10px;
        padding: 5px 10px;
        text-align: center;
        text-decoration: none;
    }

    #modificarCarrito {
        display: none;
    }

    .btn:link, .btn:visited, .btn:active, .btn2:link, .btn2:visited, .btn2:active, .btn4:link, .btn4:visited, .btn4:active {
        font-size: 110%;
        font-weight: bold;
        padding: 7px 16px;
    }

    #btnCodigoPromocional {
        clear: both;
        display: block;
        float: right;
        margin-top: 5px;
    }

    #btnPeq {
        display: inline-block;
        font-size: 12px;
        font-weight: normal;
        padding: 6px 12px;
    }

    #resumen #GridCarrito, #resumen #GridCarrito_Total {
        display: none;
    }

    .miniaturaCarrito img {
        max-width: 35px;
    }

    #seleccionGrabado {
        padding: 0 1%;
        width: 98%;
    }

    .cuadroCondicionesGrabado {
        padding: 0 1%;
        width: 95%;
    }

    .btnsAvanceCompra {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    /* Registro usuario */
    .registro_izq {
        clear: both;
        float: none;
        padding: 0;
        width: auto !important;
    }

    .registro_der {
        clear: both;
        float: none;
        width: auto !important;
    }

    .registro_izq .form_colizq, .registro_izq .form_colder {
        clear: both;
        text-align: center;
        width: 100%;
    }

    .registro_izq h1, .registro_der h1 {
        padding-bottom: 0;
    }
    /* Carrito */
    .coldercarrito #GridCarrito {
        display: table;
    }
    /* Quiénes somos */
    .responsive_img {
        width: 95%;
    }

    .txt_quien {
        width: 58%;
    }
    /* Marcas */
    #logoMarca img {
        margin-left: 10px;
        max-height: 45px;
        max-width: 100px;
    }

    .btnFam:link, .btnFam:visited, .btnFam:active {
        max-width: 91%;
        width: 91%;
    }

    .marca_contenedora_grande {
        width: 18%;
    }

    .marcaGrande:link, .marcaGrande:visited, .marcaGrande:active {
        width: 100%;
    }

    .navegacionsup_marcas {
        border-bottom: 0;
    }
    /* Contactar */
    .textarea0, .input0, .input1, .input2, .input3, .input4, .input5 {
        width: 90%;
    }

    .btn2:link, .btn2:visited, .btn2:active {
        min-width: 0;
        width: 90%;
    }
    /* Noticias */
    #noticias_destacadasbreves {
        float: left;
        width: 100%;
    }

    .noticias_destacadas, .noticias_destacadas2 {
        width: 100%;
    }
    /* Menú horizontal */
    .menuHor {
        font-size: 100%;
        width: 74%;
    }

        .menuHor li {
            margin-left: 2%;
        }
    /* Galeria */
    #DEtabs ul {
        float: left;
        width: 100%;
        margin-bottom: 40px;
    }

    .DEtabsgaleria #tabs li {
        width: 48% !important;
        margin-bottom: 10px;
    }

        .DEtabsgaleria #tabs li a:link, .DEtabsgaleria #tabs li a:visited, .DEtabsgaleria #tabs li a:active {
            width: 100% !important;
        }

    .DEtabsgaleria {
        margin-bottom: 10px;
    }

    .fotoGaleria {
        width: 100%;
    }

    .nombreficha {
        width: 100%;
    }

    #gallery {
        display: none;
    }

    .lnkVideoResponsive {
        display: block;
    }

    .vidbox {
        display: none;
    }

    .contenido_quien .izquierda {
        width: 50%;
    }

    .contenido_quien .derecha {
        width: 45%
    }

        .contenido_quien .derecha img {
            width: 100%;
        }

    .banner_portada {
        height: 450px;
        width: 60%;
        margin-left: 20%;
        margin-right: 20%;
    }

    .imgBannerPortada {
        width: 98%;
    }

        .imgBannerPortada a {
            width: 100%;
        }

        .imgBannerPortada img {
            width: 100%;
        }

    .cuadroVideoResponsive {
        display: block;
    }

    .cuadroVideoNoResponsive {
        display: none;
    }
}

@media (max-width: 768px) {
    .col-1-4 {
        padding: 1%;
        width: 98%;
    }

    .responsive_cabecera {
        background: #ffffff;
        display: block;
        height: auto;
        overflow: hidden;
    }

    .cabecera, .cabeceraSup {
        display: none;
    }

    .colizq {
        float: none;
        margin-bottom: 6px;
        padding: 0;
        width: 100%;
    }

    .colder {
        float: none;
        border: 0;
        padding: 0;
        width: 100%;
    }

    .col-2 {
        clear: both;
        float: none;
        padding: 1%;
        width: 98%;
    }

    .infoEmpresa {
        font-size: 110%;
        line-height: 120%;
    }

    .tituloGra {
        text-align: center;
    }

    .marca_contenedora_grande {
        height: 80px;
        width: 22% !important;
    }

    .marca {
        height: 80px;
    }

    .ficha_fam {
        height: 198px;
    }

        .ficha_fam a img {
            height: 145px;
        }

    .ficha_fam_foto {
        height: 145px;
    }

    .fichagra_info div {
        width: 100%;
        margin-bottom: 10px;
    }

    .banner_portada {
        width: 60%;
        margin-left: 20%;
        margin-right: 20%;
        height: 350px;
    }

    .imgBannerPortada {
        width: 98%;
    }

        .imgBannerPortada a {
            width: 100%;
        }

        .imgBannerPortada img {
            width: 100%;
        }

    .txt_quien {
        width: 50%;
    }

    .menuLat {
        padding: 0;
    }

        .menuLat a:link, .menuLat a:visited, .menuLat a:active {
            border-bottom: 1px solid #b1b1b1;
        }

    .menuPie {
        clear: both;
        float: right;
    }

        .menuPie li {
            display: inline-block;
            float: none;
            padding-right: 0;
            padding-left: 10px;
        }

    .pie {
        padding: 30px 10px 56px 10px
    }

        .pie .derecha {
            clear: both;
        }
}

@media (max-width: 480px) {
    .responsive_cabecera {
        height: 70px;
    }

    .col-3, .col-3-2 {
        width: 100%;
        padding: 1% 2%;
    }

    .infoEmpresa .col-3 > div {
        margin-top: 10px;
    }

        .infoEmpresa .col-3 > div span {
            min-height: 0;
        }

    .tituloGra {
        text-align: center;
    }

    .pie .derecha div {
        display: block;
        text-align: right;
    }

    .marca_contenedora_grande {
        height: 80px;
        width: 29% !important;
    }

    .marca {
        height: 65px;
    }

    .fichapeq {
        height: 250px;
    }

    .fichapeq_foto {
        height: 155px;
    }

    .fichapeq_nombre a:link, .fichapeq_nombre a:visited, .fichapeq_nombre a:active {
        font-size: 85%;
        line-height: 110%;
    }

    .ficha_fam {
        height: 218px;
        width: 45%;
    }

        .ficha_fam a img {
            height: 165px;
            max-width: 100%;
        }

    .ficha_fam_foto {
        height: 165px;
        width: 100%;
    }

    .fichapeq_nombre {
        height: 60px;
    }

    .fichapeq_visto {
        height: 200px;
    }

    .grupoGaleria {
        width: 40%;
    }

    .banner_portada {
        margin: 0px;
        width: 100%;
        height: 400px;
    }

    .imgBannerPortada {
        width: 98%;
    }

        .imgBannerPortada a {
            width: 100%;
        }

        .imgBannerPortada img {
            width: 100%;
        }

    .lookbook_grupo {
        width: 100%;
    }

    .lookbook_destacado {
        width: 100%;
    }

    .linkSlider, .linkSlider a {
        font-size: 14px;
        line-height: 14px;
    }

    .carrusel_imgPeq {
        display: block !important;
    }

    .carrusel_imgGra {
        display: none !important;
    }

    #tabs li a:link, #tabs li a:visited, #tabs li a:active {
        border-radius: 0px;
        border: 1px solid #333;
        margin: 0px;
        width: 250px;
    }
}

/*
--------- MENÚ ---------
*/
.mm-menu.mm-horizontal > .mm-panel {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
}

.mm-menu .mm-hidden {
    display: none;
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative;
}

.mm-menu,
.mm-menu > .mm-panel {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.mm-menu {
    background: inherit;
    display: block;
    overflow: hidden;
    padding: 0;
}

    .mm-menu > .mm-panel {
        background: inherit;
        -webkit-overflow-scrolling: touch;
        overflow: scroll;
        overflow-x: hidden;
        overflow-y: auto;
        box-sizing: border-box;
        padding: 20px;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

        .mm-menu > .mm-panel.mm-opened {
            -webkit-transform: translateX(0%);
            transform: translateX(0%);
        }

        .mm-menu > .mm-panel.mm-subopened {
            -webkit-transform: translateX(-30%);
            transform: translateX(-30%);
        }

        .mm-menu > .mm-panel.mm-highest {
            z-index: 1;
        }

    .mm-menu .mm-list {
        padding: 20px 0;
    }

    .mm-menu > .mm-list {
        padding-bottom: 40px;
    }

.mm-panel > .mm-list {
    margin-left: -20px;
    margin-right: -20px;
}

    .mm-panel > .mm-list:first-child {
        padding-top: 0;
    }

.mm-list,
.mm-list > li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
}

.mm-list {
    font: inherit;
    font-size: 14px;
}

    .mm-list a,
    .mm-list a:hover {
        text-decoration: none;
    }

    .mm-list > li {
        position: relative;
    }

        .mm-list > li > a,
        .mm-list > li > span {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            color: #fff;
            line-height: 20px;
            display: block;
            padding: 10px 10px 10px 20px;
            margin: 0;
        }

        .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
            content: '';
            border-bottom-width: 1px;
            border-bottom-style: solid;
            display: block;
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
        }

        .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
            width: auto;
            margin-left: 20px;
            position: relative;
            left: auto;
        }

    .mm-list a.mm-subopen {
        background: rgba(3, 2, 1, 0);
        width: 40px;
        height: 100%;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
    }

        .mm-list a.mm-subopen:before {
            content: '';
            border-left-width: 1px;
            border-left-style: solid;
            display: block;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
        }

        .mm-list a.mm-subopen.mm-fullsubopen {
            width: 100%;
        }

            .mm-list a.mm-subopen.mm-fullsubopen:before {
                border-left: none;
            }

        .mm-list a.mm-subopen + a,
        .mm-list a.mm-subopen + span {
            padding-right: 5px;
            margin-right: 40px;
        }

    .mm-list > li.mm-selected > a.mm-subopen {
        background: transparent;
    }

    .mm-list > li.mm-selected > a.mm-fullsubopen + a,
    .mm-list > li.mm-selected > a.mm-fullsubopen + span {
        padding-right: 45px;
        margin-right: 0;
    }

    .mm-list a.mm-subclose {
        text-indent: 20px;
        padding-top: 30px;
        margin-top: -20px;
    }

    .mm-list > li.mm-label {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 10px;
        text-transform: uppercase;
        text-indent: 20px;
        line-height: 25px;
        padding-right: 5px;
    }

    .mm-list > li.mm-spacer {
        padding-top: 40px;
    }

        .mm-list > li.mm-spacer.mm-label {
            padding-top: 25px;
        }

    .mm-list a.mm-subopen:after,
    .mm-list a.mm-subclose:before {
        content: '';
        border: 2px solid transparent;
        display: inline-block;
        width: 7px;
        height: 7px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-bottom: -5px;
        position: absolute;
        bottom: 50%;
    }

    .mm-list a.mm-subopen:after {
        border-top: none;
        border-left: none;
        right: 18px;
    }

    .mm-list a.mm-subclose:before {
        border-right: none;
        border-bottom: none;
        margin-bottom: -15px;
        left: 22px;
    }

.mm-menu.mm-vertical .mm-list .mm-panel {
    display: none;
    padding: 10px 0 10px 10px;
}

    .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
        border-color: transparent;
    }

.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
    display: block;
}

.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {
    height: 40px;
}

    .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 16px;
        right: 16px;
    }

.mm-menu.mm-vertical .mm-list > li.mm-opened.mm-label > a.mm-subopen {
    height: 25px;
}

html.mm-opened .mm-page {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.mm-menu {
    background: #333333;
    color: rgba(255, 255, 255, 0.6);
}

    .mm-menu .mm-list > li:after {
        border-color: rgba(0, 0, 0, 0.15);
    }

    .mm-menu .mm-list > li > a.mm-subclose {
        background: #333333;
        color: #fff;
    }

        .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
            border-color: #fff;
        }

    .mm-menu .mm-list > li > a.mm-subopen:before {
        border-color: rgba(0, 0, 0, 0.15);
    }

    .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
    .mm-menu .mm-list > li.mm-selected > span {
        background: rgba(0, 0, 0, 0.1);
    }

    .mm-menu .mm-list > li.mm-label {
        background: rgba(255, 255, 255, 0.05);
    }

    .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
    .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
        background: rgba(255, 255, 255, 0.05);
    }

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
}

html.mm-opened {
    overflow: hidden;
    position: relative;
}

    html.mm-opened body {
        overflow: hidden;
    }

    html.mm-opened .mm-page {
        box-sizing: border-box;
        position: relative;
    }

html.mm-background .mm-page {
    background: inherit;
}

#mm-blocker {
    background: rgba(3, 2, 1, 0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
}

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
    display: block;
}

.mm-menu.mm-offcanvas {
    display: none;
    position: fixed;
}

.mm-menu.mm-current {
    display: block;
}

.mm-menu {
    width: 80%;
    min-width: 140px;
    max-width: 440px;
}

html.mm-opening .mm-page,
html.mm-opening #mm-blocker {
    -webkit-transform: translate(80%, 0);
    transform: translate(80%, 0);
}

@media all and (max-width: 175px) {
    html.mm-opening .mm-page,
    html.mm-opening #mm-blocker {
        -webkit-transform: translate(140px, 0);
        transform: translate(140px, 0);
    }
}

@media all and (min-width: 550px) {
    html.mm-opening .mm-page,
    html.mm-opening #mm-blocker {
        -webkit-transform: translate(440px, 0);
        transform: translate(440px, 0);
    }
}

/*
	jQuery.mmenu counters addon CSS
*/
em.mm-counter {
    font: inherit;
    font-size: 14px;
    font-style: normal;
    text-indent: 0;
    line-height: 20px;
    display: block;
    margin-top: -10px;
    position: absolute;
    right: 40px;
    top: 50%;
}

    em.mm-counter + a.mm-subopen {
        padding-left: 40px;
    }

        em.mm-counter + a.mm-subopen + a,
        em.mm-counter + a.mm-subopen + span {
            margin-right: 80px;
        }

    em.mm-counter + a.mm-fullsubopen {
        padding-left: 0;
    }

.mm-vertical em.mm-counter {
    top: 12px;
    margin-top: 0;
}

.mm-nosubresults > em.mm-counter {
    display: none;
}

.mm-menu em.mm-counter {
    color: rgba(255, 255, 255, 0.3);
}

/*
	jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging .mm-fixed-top,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging #mm-blocker {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

/*
	jQuery.mmenu footer addon CSS
*/
.mm-footer {
    background: inherit;
    border-top: 1px solid transparent;
    text-align: center;
    line-height: 20px;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 10px 10px 0 20px;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
}

.mm-menu.mm-hasfooter > .mm-panel {
    padding-bottom: 80px;
}

.mm-menu .mm-footer {
    border-color: rgba(0, 0, 0, 0.15);
    color: rgba(255, 255, 255, 0.3);
}

/*
	jQuery.mmenu header addon CSS
*/
.mm-header {
    background: inherit;
    border-bottom: 1px solid transparent;
    text-align: center;
    line-height: 20px;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    padding: 0 50px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}

    .mm-header .mm-title,
    .mm-header .mm-prev,
    .mm-header .mm-next {
        padding-top: 30px;
    }

    .mm-header .mm-title {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        width: 100%;
        position: relative;
    }

    .mm-header .mm-prev,
    .mm-header .mm-next {
        text-decoration: none;
        display: block;
        box-sizing: border-box;
        min-width: 10px;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 1;
    }

    .mm-header .mm-prev {
        padding-left: 20px;
        padding-right: 10px;
        left: 0;
    }

    .mm-header .mm-next {
        padding-left: 10px;
        padding-right: 20px;
        right: 0;
    }

    .mm-header [href].mm-prev:before, .mm-header [href].mm-next:after {
        content: '';
        border: 2px solid transparent;
        display: inline-block;
        width: 7px;
        height: 7px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .mm-header [href].mm-prev:before {
        border-right: none;
        border-bottom: none;
        margin-left: 2px;
        margin-right: 5px;
    }

    .mm-header [href].mm-next:after {
        border-top: none;
        border-left: none;
        margin-left: 5px;
        margin-right: -2px;
    }

.mm-menu.mm-hassearch .mm-header {
    height: 50px;
    top: 50px;
}

    .mm-menu.mm-hassearch .mm-header .mm-title,
    .mm-menu.mm-hassearch .mm-header .mm-prev,
    .mm-menu.mm-hassearch .mm-header .mm-next {
        padding-top: 20px;
    }

.mm-menu.mm-hasheader li.mm-subtitle {
    display: none;
}

.mm-menu.mm-hasheader > .mm-panel {
    padding-top: 80px;
}

    .mm-menu.mm-hasheader > .mm-panel.mm-list {
        padding-top: 60px;
    }

    .mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child {
        margin-top: -20px;
    }

.mm-menu.mm-hasheader.mm-hassearch > .mm-panel {
    padding-top: 120px;
}

    .mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list {
        padding-top: 100px;
    }

.mm-menu .mm-header {
    border-color: rgba(0, 0, 0, 0.15);
    color: rgba(255, 255, 255, 0.3);
}

    .mm-menu .mm-header .mm-prev:before,
    .mm-menu .mm-header .mm-next:after {
        border-color: rgba(255, 255, 255, 0.3);
    }

/*
	jQuery.mmenu labels addon CSS
*/
.mm-list > li.mm-label > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    line-height: 25px;
}

.mm-list > li.mm-label.mm-opened a.mm-subopen:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 17px;
}

.mm-list > li.mm-collapsed {
    display: none;
}

.mm-menu .mm-list li.mm-label > div > div {
    background: rgba(255, 255, 255, 0.05);
}

/*
	jQuery.mmenu searchfield addon CSS
*/
.mm-search,
.mm-search input {
    box-sizing: border-box;
}

.mm-list > li.mm-search {
    padding: 10px;
    margin-top: -20px;
}

.mm-list > li.mm-subtitle + li.mm-search {
    margin-top: 0;
}

div.mm-panel > div.mm-search {
    padding: 0 0 10px 0;
}

.mm-menu.mm-hasheader .mm-list > li.mm-search {
    margin-top: 0;
}

.mm-search {
    background: inherit;
    width: 100%;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

    .mm-search input {
        border: none;
        border-radius: 30px;
        font: inherit;
        font-size: 14px;
        line-height: 30px;
        outline: none;
        display: block;
        width: 100%;
        height: 30px;
        margin: 0;
        padding: 0 10px;
    }

.mm-menu .mm-noresultsmsg {
    text-align: center;
    font-size: 21px;
    display: none;
    padding: 60px 0;
}

    .mm-menu .mm-noresultsmsg:after {
        border: none !important;
    }

.mm-noresults .mm-noresultsmsg {
    display: block;
}

.mm-menu li.mm-nosubresults > a.mm-subopen {
    display: none;
}

    .mm-menu li.mm-nosubresults > a.mm-subopen + a,
    .mm-menu li.mm-nosubresults > a.mm-subopen + span {
        padding-right: 10px;
    }

.mm-menu.mm-hassearch > .mm-panel {
    padding-top: 70px;
}

    .mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child {
        margin-top: -20px;
    }

.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child {
    margin-top: -10px;
}

    .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list {
        padding-top: 0;
    }

.mm-menu .mm-search input {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.6);
}

.mm-menu .mm-noresultsmsg {
    color: rgba(255, 255, 255, 0.3);
}

.mm_destacado:link, .mm_destacado:visited, .mm_destacado:active {
    background: #555 !important;
}