/*@font-face {
    font-family:'Roboto-Bold';
    src:url("");
    src:url("") format("embedded-opentype"),url("../font/Roboto-Bold.woff2") format("woff2"),url("../font/Roboto-Bold.woff") format("woff"),url("../font/Roboto-Bold1.ttf") format("truetype"),url("") format("svg");
    font-weight:bold;
    font-style:normal
}

@font-face {
    font-family:'Roboto-Regular';
    src:url("");
    src:url("") format("embedded-opentype"),url("../font/Roboto-Regular.woff2") format("woff2"),url("../font/Roboto-Regular.woff") format("woff"),url("../font/Roboto-Regular1.ttf") format("truetype"),url("") format("svg");
    font-weight:normal;
    font-style:normal
}

@font-face {
    font-family:'Roboto-Light';
    src:url("");
    src:url("") format("embedded-opentype"),url("") format("woff2"),url("") format("woff"),url("../font/Roboto-Light1.ttf") format("truetype"),url("") format("svg");
    font-weight:300;
    font-style:normal
}*/
                            /* Ocultar el elemento de carga */
                            /*.rocalifeWrapper #loader-wrapper {
    display: none;
}*/
                            /* Modificar el menu principal */
                            
                            .rocalifeWrapper .header {
                                background-color: #000;
                            }
                            /* Ajuste de elementos superiores de la página */
                            
                            .rocalifeWrapper {
                                position: relative;
                                padding-top: 0px;
                                overflow-x: hidden;
                            }
                            
                            .rocalifeWrapper .slideshow.only_one_item {
                                margin-top: 28px;
                            }
                            
                            .rocalifeWrapper>#wrapper {
                                padding: 0;
                            }
                            
                            .main-nav {
                                height: 90px;
                                width: 100%;
                                background-color: #000;
                            }
                            
                            @media all and (max-width: 1199px) {
                                .main-nav {
                                    height: 71px;
                                }
                            }
                            
                            @media all and (max-width: 1024px) {
                                .main-nav {
                                    height: 91px;
                                }
                            }
                            
                            @media all and (max-width: 767px) {
                                .main-nav {
                                    height: 71px;
                                }
                            }
                            /*Quitar el borde inferior al menú de enlaces */
                            
                            .main-nav>nav>ul>li>a {
                                border-bottom: none;
                            }
                            
                            .rocalifeWrapper .main-nav {
                                position: fixed;
                            }
                            /* Modificar el submenú principal */
                            
                            .rocalifeWrapper .menu,
                            .rocalifeWrapper .menu-top {
                                position: fixed;
                                top: 114px;
                                z-index: 40;
                                border-top: 2px solid #000;
                            }
                            
                            .rocalifeWrapper .menu .wrapper a {
                                position: relative;
                                display: inline-block;
                                transition: none;
                                text-transform: uppercase;
                                width: auto;
                            }
                            
                            @media all and (max-width: 1024px) {
                                .rocalifeWrapper #wrapper.container-fluid {
                                    padding-top: 165px;
                                }
                                .rocalifeWrapper .menu,
                                .rocalifeWrapper .menu-top {
                                    position: fixed !important;
                                }
                            }
                            
                            @media all and (max-width: 991px) {
                                .rocalifeWrapper #wrapper.container-fluid {
                                    padding-top: 151px;
                                }
                            }
                            
                            @media all and (max-width: 767px) {
                                .rocalifeWrapper #wrapper.container-fluid {
                                    padding-top: 131px;
                                }
                            }
                            
                            .rocalifeWrapper .menu::before {
                                /* background-color: #ec8a01; */
                                background-color: #707372;
                                color: #fff;
                            }
                            
                            .rocalifeWrapper .menu .wrapper a {
                                color: #fff;
                            }
                            
                            .rocalifeWrapper .menu .wrapper a.active {
                                /* color: #714412; */
                                color: #000000;
                            }
                            
                            .rocalifeWrapper .slideshow .item .slideshow_wrapper .slideshow_title {
                                float: none;
                                font-size: 70px;
                                line-height: 80px;
                                text-transform: none;
                                font-family: 'rocablack', sans-serif;
                                font-weight: bold;
                                width: 44%;
                                letter-spacing: 1.9px;
                            }
                            
                            @media all and (max-width: 700px) {
                                .rocalifeWrapper .slideshow .item .slideshow_wrapper .slideshow_title,
                                .rocalifeWrapper .slideshow .item .slideshow_wrapper .slideshow_description {
                                    max-width: 100%;
                                    margin: 0;
                                }
                            }
                            
                            @media all and (max-width: 1280px) {
                                .rocalifeWrapper .slideshow .item .slideshow_wrapper .slideshow_title {
                                    padding-left: 0;
                                    width: 50%;
                                }
                                .rocalifeWrapper .menu .wrapper a {
                                    width: 12%;
                                }
                            }
                            
                            .slideshow_description p {
                                font-family: 'Roboto-Light', Helvetica, Arial, sans-serif;
                                font-size: 15px;
                                font-weight: 300;
                                line-height: 24px;
                                max-width: 70%;
                            }
                            
                            @media all and (max-width: 799px) {
                                .rocalifeWrapper .slideshow .item .slideshow_wrapper.videoplay {
                                    display: none;
                                }
                                .rocalifeWrapper .menu .wrapper a {
                                    width: 20%;
                                }
                            }
                            
                            @media all and (max-width: 700px) {
                                .rocalifeWrapper .slideshow .item .slideshow_wrapper.videoplay {
                                    display: initial;
                                }
                                .rocalifeWrapper .slideshow .item .slideshow_wrapper .slideshow_title {
                                    font-size: 30px;
                                    width: 100%;
                                    line-height: 1.2em;
                                }
                            }
                            /* Modificar el subtitulo del hero*/
                            
                            .rocalifeWrapper .slideshow .item .slideshow_wrapper .slideshow_description {
                                border: none;
                                padding-left: 0px;
                                padding-top: 40px;
                            }
                            /* Modificar el grid de noticias */
                            
                            .rocalifeWrapper .grid_item .grid_text .grid_title {
                                max-height: 4em;
                            }
                            
                            .rocalifeWrapper .grid_item .grid_text .grid_category {
                                color: #ec8a01;
                            }
                            
                            .rocalifeWrapper .breadcrumbs {
                                position: relative;
                                display: block;
                                top: 18px;
                            }
                            
                            @media all and (max-width: 500px) {
                                .rocalifeWrapper #wrapper>#wrapper-init {
                                    max-width: max-content;
                                }
                                .rocalifeWrapper .wrapper .gridlist {
                                    max-width: max-content;
                                }
                                .container-fluid .slideshow.only_one_item {
                                    margin-top: 70px;
                                }
                            }
                            
                            @media all and (min-width: 1200px) {
                                .rocalifeWrapper #wrapper>#wrapper-init {
                                    max-width: 1140px;
                                }
                                .rocalifeWrapper #wrapper>nav.menu+#wrapper-init {
                                    margin-top: 190px;
                                }
                            }
                            /* .rocalifeWrapper .gridlist {
    height: auto !important;
    width: auto;
} */
                            
                            .rocalifeWrapper .grid_item.highlighted .title,
                            .rocalifeWrapper .grid_item.highlighted p {
                                color: #fff !important;
                            }
                            
                            .rocalifeWrapper .grid_item.highlighted {
                                font-size: 24px;
                            }
                            
                            .rocalifeWrapper .grid_item.highlighted::after {
                                background: #ec8a01;
                                opacity: 0.8;
                                width: calc( 100% + 20px);
                                left: -11px;
                            }
                            
                            .rocalifeWrapper .grid_item.highlighted .link {
                                color: #000;
                            }
                            /* Modificamos la lista de tags, que debe además variar su posición */
                            /*.rocalifeWrapper .tags {
    text-align: left;
    display: block;
}*/
                            
                            .rocalifeWrapper .tags a.header_tag {
                                min-width: 23%;
                            }
                            
                            .rocalifeWrapper .tags a {
                                padding: 0;
                                color: #888;
                            }
                            
                            .rocalifeWrapper .tags a.header_tag.show_all {
                                background-color: #000;
                            }
                            
                            .rocalifeWrapper .tags a:hover {
                                background-color: #ec8a01;
                            }
                            /* Modificaciones del Carrusel */
                            
                            .rocalifeWrapper .highlighted_posts .titulo_carousel {
                                text-transform: none !important;
                            }
                            /* Modificamos los controles de los articulos relacionados */
                            
                            .rocalifeWrapper .owl-nav,
                            .rocalifeWrapper .highlighted_posts .owl-nav,
                            .rocalifeWrapper .block.related_posts .owl-nav,
                            .rocalifeWrapper .related_product .owl-nav,
                            .rocalifeWrapper .block.gallery .owl-nav,
                            .rocalifeWrapper .related_design_line .owl-nav {
                                transform: translateY(-50%);
                                height: auto;
                            }
                            
                            .rocalifeWrapper .owl-nav,
                            .rocalifeWrapper .block.gallery .owl-nav,
                            .rocalifeWrapper .related_design_line .owl-nav {
                                top: 50%;
                            }
                            
                            .rocalifeWrapper .related_product .owl-nav {
                                top: 37%;
                            }
                            
                            .rocalifeWrapper .block.related_posts .owl-nav {
                                top: 45%;
                            }
                            
                            .rocalifeWrapper .highlighted_posts .owl-nav {
                                top: 34%;
                            }
                            
                            body.rocalifeWrapper .owl-carousel .owl-controls .owl-nav .owl-prev,
                            body.rocalifeWrapper .highlighted_posts .owl-carousel .owl-controls .owl-nav .owl-prev,
                            body.rocalifeWrapper .block.related_posts .owl-carousel .owl-controls .owl-nav .owl-prev,
                            body.rocalifeWrapper .related_product .owl-carousel .owl-controls .owl-nav .owl-prev,
                            body.rocalifeWrapper .block.gallery .owl-carousel .owl-controls .owl-nav .owl-prev,
                            body.rocalifeWrapper .related_design_line .owl-carousel .owl-controls .owl-nav .owl-prev,
                            body.rocalifeWrapper .owl-carousel .owl-controls .owl-nav .owl-next,
                            body.rocalifeWrapper .highlighted_posts .owl-carousel .owl-controls .owl-nav .owl-next,
                            body.rocalifeWrapper .block.related_posts .owl-carousel .owl-controls .owl-nav .owl-next,
                            body.rocalifeWrapper .related_product .owl-carousel .owl-controls .owl-nav .owl-next,
                            body.rocalifeWrapper .block.gallery .owl-carousel .owl-controls .owl-nav .owl-next,
                            body.rocalifeWrapper .related_design_line .owl-carousel .owl-controls .owl-nav .owl-next {
                                background-size: auto !important;
                                width: 35px;
                                height: 54px;
                            }
                            
                            body.rocalifeWrapper .owl-carousel .owl-controls .owl-nav .owl-prev,
                            body.rocalifeWrapper .highlighted_posts .owl-carousel .owl-controls .owl-nav .owl-prev,
                            body.rocalifeWrapper .block.related_posts .owl-carousel .owl-controls .owl-nav .owl-prev,
                            body.rocalifeWrapper .related_product .owl-carousel .owl-controls .owl-nav .owl-prev,
                            body.rocalifeWrapper .block.gallery .owl-carousel .owl-controls .owl-nav .owl-prev,
                            body.rocalifeWrapper .related_design_line .owl-carousel .owl-controls .owl-nav .owl-prev {
                                left: -40px;
                                background: url('../image/carousel_arrow_left.png') 0 0 no-repeat;
                            }
                            
                            body.rocalifeWrapper .owl-carousel .owl-controls .owl-nav .owl-next,
                            body.rocalifeWrapper .highlighted_posts .owl-carousel .owl-controls .owl-nav .owl-next,
                            body.rocalifeWrapper .block.related_posts .owl-carousel .owl-controls .owl-nav .owl-next,
                            body.rocalifeWrapper .related_product .owl-carousel .owl-controls .owl-nav .owl-next,
                            body.rocalifeWrapper .block.gallery .owl-carousel .owl-controls .owl-nav .owl-next,
                            body.rocalifeWrapper .related_design_line .owl-carousel .owl-controls .owl-nav .owl-next {
                                right: -40px;
                                background: url('../image/carousel_arrow_right.png') 0 0 no-repeat;
                            }
                            
                            .rocalifeWrapper .highlighted_posts .owl-carousel,
                            .rocalifeWrapper .related_product .owl-carousel,
                            .rocalifeWrapper .related_design_line .owl-carousel {
                                position: relative;
                                padding-top: 75px;
                            }
                            
                            @media all and (max-width: 640px) {
                                body.rocalifeWrapper .owl-carousel .owl-controls .owl-nav .owl-prev,
                                body.rocalifeWrapper .highlighted_posts .owl-carousel .owl-controls .owl-nav .owl-prev,
                                body.rocalifeWrapper .block.related_posts .owl-carousel .owl-controls .owl-nav .owl-prev,
                                body.rocalifeWrapper .related_product .owl-carousel .owl-controls .owl-nav .owl-prev,
                                body.rocalifeWrapper .block.gallery .owl-carousel .owl-controls .owl-nav .owl-prev,
                                body.rocalifeWrapper .related_design_line .owl-carousel .owl-controls .owl-nav .owl-prev {
                                    left: 0;
                                }
                                body.rocalifeWrapper .owl-carousel .owl-controls .owl-nav .owl-next,
                                body.rocalifeWrapper .highlighted_posts .owl-carousel .owl-controls .owl-nav .owl-next,
                                body.rocalifeWrapper .block.related_posts .owl-carousel .owl-controls .owl-nav .owl-next,
                                body.rocalifeWrapper .related_product .owl-carousel .owl-controls .owl-nav .owl-next,
                                body.rocalifeWrapper .block.gallery .owl-carousel .owl-controls .owl-nav .owl-next,
                                body.rocalifeWrapper .related_design_line .owl-carousel .owl-controls .owl-nav .owl-next {
                                    right: 0;
                                }
                            }
                            
                            .rocalifeWrapper .highlighted_posts .titulo_carousel,
                            .rocalifeWrapper .block.related_posts .titulo_carousel,
                            .rocalifeWrapper .related_product .titulo_carousel,
                            .rocalifeWrapper .block.gallery .titulo_carousel,
                            .rocalifeWrapper .related_design_line .titulo_carousel {
                                padding-left: 35px;
                            }
                            
                            .rocalifeWrapper .highlighted_posts .owl-carousel,
                            .rocalifeWrapper .block.gallery .owl-carousel,
                            .rocalifeWrapper .related_design_line .owl-carousel {
                                padding-bottom: 10px;
                            }
                            
                            .rocalifeWrapper .owl-dot.active {
                                background: #00538b;
                            }
                            /* Modificamos los elementos del footer  */
                            
                            .rocalifeWrapper .roca_footer {
                                background-color: #000;
                            }
                            
                            .footer .row:first-child {
                                border-top: 1px solid #000;
                            }
                            
                            .footer-links ul li:first-child {
                                color: #fff;
                            }
                            
                            #catalog-page-footer a {
                                color: #fff;
                            }
                            
                            .footer .footer-copyright p {
                                color: #fff;
                            }
                            /* Pagina renovations */
                            
                            .rocalifeWrapper .cat_header .textes h1 {
                                color: #000 !important;
                            }
                            
                            .rocalifeWrapper .cat_header.tag .textes h1 {
                                color: #000 !important;
                                border: none;
                                border-bottom: 2px solid #000;
                                margin-bottom: 30px
                            }
                            /* Página de categorias */
                            
                            .rocalifeWrapper .cat_header .back {
                                background-color: #ec8a01;
                                opacity: 0.2;
                            }
                            /* AJUSTES GENERALES DEL SUPRAMENU Y MENU SUPERIOR */
                            
                            .rocalifeWrapper .menu,
                            .rocalifeWrapper .menu-top {
                                top: 131px !important;
                            }
                            
                            @media all and (max-width: 1199px) {
                                .rocalifeWrapper .menu,
                                .rocalifeWrapper .menu-top {
                                    top: 71px !important;
                                }
                                .supramenu.sticky-jlf-menu {
                                    display: none;
                                    transition: background 0.3s ease;
                                }
                                .menu.sticky-jlf-menu {
                                    top: 0px !important;
                                    transition: background 0.3s ease;
                                }
                                .roca_header.sticky-jlf-menu {
                                    display: none;
                                    transition: background 0.3s ease;
                                    /*position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 1000;
        width: 100%;*/
                                }
                                .main-nav.sticky-jlf-menu {
                                    display: none;
                                    /*top: 0;
        max-height: 70px;*/
                                }
                                header.js-header .main-header__wrapper .main-nav .logo-header {
                                    max-width: 73px !important;
                                }
                                header.js-header .main-header__wrapper .right-menu__list {
                                    margin-top: -1px !important;
                                }
                                header.js-header .main-header__wrapper .js-h-cart .items-cart {
                                    position: relative !important;
                                    padding: 5px 6px 3px !important;
                                    bottom: -1px !important;
                                }
                            }
                            
                            @media all and (max-width: 1199px) {
                                .rocalifeWrapper .menu-top {
                                    top: 91px !important;
                                }
                                .rocalifeWrapper .menu {
                                    top: 71px !important;
                                }
                                .rocalifeWrapper .wrapper {
                                    max-width: 960px;
                                }
                            }
                            
                            @media all and (max-width: 1024px) {
                                .rocalifeWrapper .menu {
                                    top: 91px !important;
                                }
                                .rocalifeWrapper .wrapper {
                                    max-width: 960px;
                                }
                            }
                            
                            @media all and (max-width: 991px) {
                                .rocalifeWrapper .wrapper {
                                    max-width: 720px;
                                }
                            }
                            
                            @media all and (max-width: 767px) {
                                .rocalifeWrapper .menu,
                                .rocalifeWrapper .menu-top {
                                    top: 71px !important;
                                }
                                .rocalifeWrapper .wrapper {
                                    max-width: 540px;
                                }
                            }
                            
                            @media all and (max-width: 700px) {
                                .rocalifeWrapper {
                                    width: 100%;
                                }
                                .supramenu.sticky-jlf-menu {
                                    display: none;
                                    transition: background 0.3s ease;
                                }
                                .menu.sticky-jlf-menu {
                                    top: 0px !important;
                                    transition: background 0.3s ease;
                                }
                                .roca_header.sticky-jlf-menu {
                                    display: none;
                                    transition: background 0.3s ease;
                                    /*position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 1000;
        width: 100%;*/
                                }
                                .main-nav.sticky-jlf-menu {
                                    display: none;
                                    /*top: 0;
        max-height: 70px;*/
                                }
                            }
                            
                            @media all and (max-width: 500px) {
                                .supramenu.sticky-jlf-menu {
                                    display: none;
                                    transition: background 0.3s ease;
                                }
                                .rocalifeWrapper nav.menu.sticky-jlf-menu {
                                    top: 0px !important;
                                    transition: background 0.3s ease;
                                }
                                .roca_header.sticky-jlf-menu {
                                    display: none;
                                    transition: background 0.3s ease;
                                    /*position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 1000;
        width: 100%;*/
                                }
                                .main-nav.sticky-jlf-menu {
                                    display: none;
                                    /*top: 0;
        max-height: 70px;*/
                                }
                            }
                            
                            .container-fluid .slideshow.only_one_item {
                                margin-top: 42px;
                            }
                            
                            .supramenu .container .row {
                                width: 1140px;
                                max-width: 1140px;
                                min-width: 1140px;
                            }
                            
                            .main-header__wrapper .main-nav {
                                margin-top: 0px;
                            }
                            
                            .right-menu__wrapper {
                                max-height: 22px;
                            }
                            
                            nav.menu {
                                top: 131px !important;
                            }
                            /* CAMBIOS COMUNES A VARIAS VENTANAS MODALES */
                            /* Arreglar el pie de los menus de las ventanas modales */
                            
                            #product-menu-2>.wrapper,
                            #collection-menu-2>.wrapper,
                            #pro-menu-2>.wrapper {
                                margin: 0px auto;
                                max-width: 100%;
                            }
                            
                            #product-menu-2 .container .row .main-content,
                            #collection-menu-2 .container .row .main-content,
                            #pro-menu-2 .container .row .main-content {
                                margin-top: 0px;
                                background-color: #fff;
                            }
                            /* MODIFICAR VENTANA MODAL DE PRODUCTOS */
                            
                            #product-menu-2 .wrapper {
                                min-width: 1110px;
                            }
                            
                            #product-menu-2 {
                                max-height: inherit;
                            }
                            
                            #product-menu-2 .main-nav {
                                height: 90px;
                                background-color: #000;
                            }
                            
                            #product-menu-2 .rocalifeWrapper .slideshow.only_one_item {
                                margin-top: 42px;
                            }
                            
                            .main-content .wrapper ul.row {
                                margin: 0 -12px;
                            }
                            /* FIN MODIFICACION VENTANA PRODUCTOS */
                            /* MODIFICAR VENTANA MODAL DE COLECCIONES */
                            
                            #collection-menu-2 .container .row .main-content {
                                margin-top: 0px;
                                background-color: #fff;
                            }
                            
                            #collection-menu-2 ul.sub-items li.sub-item a {
                                color: rgb(0, 83, 139);
                            }
                            
                            #collection-menu-2 ul.sub-items li.sub-item a:hover {
                                color: rgb(0, 83, 139);
                            }
                            
                            #collection-menu-2 header.js-header .main-header__wrapper .mega-menu article .background-grow {
                                max-height: 300px;
                            }
                            
                            #collection-menu-2 .js-header .main-nav ul>li.sub-item {
                                max-height: 13px;
                            }
                            
                            #collection-menu-2 article .wrapper {
                                z-index: -1;
                            }
                            /* FIN VENTANA MODAL COLECCIONES */
                            /* MODIFICAR VENTANA MODAL PROFESIONALES */
                            
                            #pro-menu-2 .wrapper {
                                background-color: transparent;
                            }
                            
                            #pro-menu-2 .pro-list-item a {
                                color: #fff;
                            }
                            /* FIN VENTANA MODAL PROFESIONALES */
                            /* MODIFICAR EL FOOTER */
                            
                            .roca_footer .footer .container .footer-main .row {
                                min-width: 1140px;
                                max-width: 1140px;
                            }
                            
                            .roca_footer .footer .footer-logo {
                                border-bottom: 0px;
                            }
                            
                            .footer-institutional__item a {
                                color: #9a9a9a;
                            }
                            
                            .footer-institutional__list {
                                margin-bottom: 10px !important;
                            }
                            /*#footer02 .js-collapse-wrapper {
    min-height: 294px;
}*/
                            
                            .footer .footer-logo {
                                margin-top: 0px;
                                height: auto;
                            }
                            
                            .footer-main {
                                margin-bottom: 60px;
                            }
                            
                            .footer-institutional__copy p {
                                margin-bottom: 1rem;
                            }
                            /* FIN DE AJUSTE DEL FOOTER */
                            /* AJUSTE DE ESPACIOS EN BLANCO */
                            
                            header.js-header .main-header__wrapper .supramenu__item::after {
                                margin: 0 14px;
                            }
                            
                            header.js-header .main-header__wrapper .supramenu__item--icon::after {
                                margin: 0;
                            }
                            /* CAMBIOS EN LAS TIPOGRAFÍAS */
                            /* MAIN PAGE */
                            
                            .rocalifeWrapper .breadcrumbs a {
                                font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif;
                                font-size: 10px;
                                line-height: 15px;
                                letter-spacing: 1px;
                                color: #000;
                            }
                            
                            .rocalifeWrapper .grid_item {
                                height: auto;
                                padding-bottom: 15px;
                            }
                            
                            @media all and (max-width: 500px) {
                                .rocalifeWrapper .owl-carousel .grid_item {
                                    padding: 0;
                                }
                                .rocalifeWrapper .gridlist .grid_item {
                                    padding: 15px !important;
                                }
                            }
                            /*.rocalifeWrapper .grid_item .grid_text {
    min-height: 140px;
}*/
                            
                            .rocalifeWrapper .grid_item.highlighted {
                                min-height: 500px;
                            }
                            
                            .rocalifeWrapper .grid_item .grid_text .grid_category {
                                font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif;
                                font-size: 11px;
                                line-height: 18px;
                                letter-spacing: 1.3px;
                                color: #00538b;
                                max-height: 100%;
                            }
                            
                            .rocalifeWrapper .grid_item .grid_text .grid_title {
                                font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif;
                                font-size: 18px;
                                line-height: 26px;
                                letter-spacing: 1px;
                                color: #000000;
                                max-height: 100%;
                            }
                            
                            .rocalifeWrapper .grid_item .grid_text .grid_description {
                                font-family: 'Roboto-Light', Helvetica, Arial, sans-serif;
                                font-size: 15px;
                                line-height: 24px;
                                color: #000000;
                                max-height: 100%;
                            }
                            
                            .small {
                                font-size: 80% !important;
                            }
                            
                            h1#page-title {
                                display: inline-block;
                                padding: 30px 0 5px;
                                margin: 0 20px 60px;
                                font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif;
                                font-size: 18px;
                                line-height: 24px;
                                text-transform: uppercase;
                                letter-spacing: 1.6px;
                                border-bottom: 2px solid;
                            }
                            /*  CATEGORIAS */
                            
                            .rocalifeWrapper .cat_header .textes h1 {
                                font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif;
                                font-size: 18px;
                                line-height: 24px;
                                letter-spacing: 1.6px;
                                color: #000;
                                max-height: 100%;
                            }
                            
                            .rocalifeWrapper h3.category-subtitle {
                                font-family: "rocablack";
                                font-size: 42px;
                                line-height: 52px;
                                text-transform: none;
                                color: #000;
                            }
                            
                            .rocalifeWrapper h3.category-subtitle::after {
                                border-bottom: none;
                            }
                            /* DETALLE NOTICIA */
                            
                            .rocalifeWrapper .block.header_module .texts .subtitle {
                                font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif;
                                font-size: 11px;
                                line-height: 18px;
                                letter-spacing: 1.3px;
                                color: #00538b;
                                max-height: 100%;
                            }
                            
                            .rocalifeWrapper .block.header_module .texts .title {
                                font-family: "rocablack";
                                font-size: 60px;
                                line-height: 70px;
                                text-transform: none;
                            }
                            
                            @media all and ( max-width: 1024px) {
                                .rocalifeWrapper .block.header_module .texts .title {
                                    font-size: 48px;
                                    line-height: 60px;
                                }
                            }
                            
                            @media all and ( max-width: 767px) {
                                .rocalifeWrapper .block.header_module .texts .title {
                                    font-size: 32px;
                                    line-height: 39px;
                                }
                            }
                            
                            .rocalifeWrapper .block.header_module .texts .text {
                                font-family: 'Roboto-Light', Helvetica, Arial, sans-serif;
                                font-size: 22px;
                                line-height: 36px;
                                color: #000000;
                            }
                            
                            .rocalifeWrapper .block.header_module .tags a {
                                color: #888;
                                border: 1px solid #ed8b00;
                            }
                            
                            .rocalifeWrapper .block.header_module .tags a,
                            .rocalifeWrapper .block.header_module .tags a:hover {
                                font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif;
                                font-size: 10px;
                                line-height: 15px;
                                letter-spacing: 1px;
                            }
                            
                            .rocalifeWrapper .block.header_module .tags a:hover {
                                color: #fff;
                            }
                            
                            #wrapper-init .block.header_module .tags a:hover {
                                color: #000;
                                border: 1px solid #000;
                            }
                            
                            .rocalifeWrapper .block.questions_and_answers .question::before {
                                background: none;
                            }
                            
                            .rocalifeWrapper .block.subtitle .text h3,
                            .rocalifeWrapper .block.questions_and_answers .question p {
                                font-family: "rocablack";
                                font-size: 26px;
                                line-height: 30px;
                                text-transform: none;
                                padding-bottom: 0px;
                            }
                            
                            .rocalifeWrapper .block.about .about-name {
                                font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif;
                                font-size: 12px;
                                line-height: 20px;
                                letter-spacing: 1.2px;
                                color: #000;
                            }
                            
                            .rocalifeWrapper .block .text h3::after {
                                border-bottom: none;
                            }
                            
                            .rocalifeWrapper .block {
                                margin-bottom: 20px;
                            }
                            /* #3366 */
                            
                            .rocalifeWrapper .text_with_photo {
                                margin-bottom: 60px;
                            }
                            
                            .rocalifeWrapper .block.only_photo {
                                margin-bottom: 40px;
                            }
                            
                            .rocalifeWrapper .block p {
                                font-family: 'Roboto-Light', Helvetica, Arial, sans-serif;
                                font-size: 15px;
                                line-height: 24px;
                                color: #000000;
                            }
                            
                            .rocalifeWrapper .block.highlighted_text .text .vertical-align {
                                font-family: "rocablack";
                                font-size: 60px;
                                line-height: 70px;
                                text-transform: none;
                                padding-bottom: 0px;
                                color: #000000;
                                border-top: 2px solid #000000;
                            }
                            
                            .rocalifeWrapper .block.related_posts .titulo_carousel {
                                font-family: "rocablack";
                                text-transform: uppercase;
                                font-size: 27px;
                                line-height: 28px;
                                letter-spacing: 1px;
                            }
                            
                            .rocalifeWrapper .block.related_posts .owl-carousel .owl-item .grid_item {
                                margin-top: 10px;
                            }
                            
                            .rocalifeWrapper .block.highlighted_text .text .vertical-align .quote_in::before,
                            .rocalifeWrapper .block.highlighted_text .text .vertical-align .quote_out::before {
                                visibility: hidden;
                            }
                            
                            .rocalifeWrapper .block.title .text h3 {
                                text-transform: none;
                            }
                            
                            .rocalifeWrapper .block.highlighted_text.no-photo .text .vertical-align {
                                padding: 28px 0px 0px 0px;
                            }
                            
                            .rocalifeWrapper .cat_header .textes .subtitle {
                                font-family: 'Roboto-Light', Helvetica, Arial, sans-serif;
                            }
                            
                            .rocalifeWrapper .cat_header .textes .category-subtitle {
                                font-family: 'rocablack', sans-serif;
                            }
                            
                            .rocalifeWrapper .cat_header .textes p {
                                font-family: 'Roboto-Light', Helvetica, Arial, sans-serif;
                            }
                            /* TIPOGRAFÍA DE FOOTER */
                            
                            .footer__lists a,
                            .footer__lists h2 a {
                                font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif;
                            }
                            /* FIN CAMBIOS TIPOGRAFÍA */
                            /* ROCA LIFE MENU */
                            
                            .rocalifeWrapper .menu .wrapper a {
                                font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif;
                                font-size: 10px;
                                line-height: 15px;
                                letter-spacing: 1px;
                                padding: 30px 30px 29px;
                                border: none;
                                height: auto;
                                max-height: 90px;
                                vertical-align: middle;
                            }
                            
                            .rocalifeWrapper .menu .wrapper a.logo {
                                padding: 20px 30px 20px 0;
                                width: 90px;
                                min-width: 90px;
                            }
                            
                            @media all and (max-width: 991px) {
                                .rocalifeWrapper .menu .wrapper a.logo {
                                    padding: 13px 30px 13px 0;
                                }
                                .rocalifeWrapper .menu .wrapper a {
                                    padding: 23px 30px 22px;
                                }
                            }
                            
                            .rocalifeWrapper .menu .wrapper a.logo img {
                                float: left;
                                height: 34px;
                            }
                            
                            .rocalifeWrapper .breadcrumbs a {
                                font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif;
                                font-size: 10px;
                                text-transform: uppercase;
                            }
                            
                            .rocalifeWrapper .breadcrumbs.type_home {
                                top: 0;
                            }
                            
                            @media all and (max-width: 1024px) {
                                .rocalifeWrapper .roca_header {
                                    display: initial;
                                }
                            }
                            
                            .rocalifeWrapper .menu .wrapper {
                                border-left: none;
                                /*max-width: 1140px;*/
                                padding: 0 15px;
                            }
                            
                            .container-fluid .slideshow.only_one_item {
                                margin-top: 0;
                            }
                            
                            .rocalifeWrapper .roca_header {
                                margin-bottom: 74px;
                            }
                            
                            @media all and (max-width: 500px) {
                                .rocalifeWrapper .roca_header {
                                    margin-bottom: 0;
                                }
                                .rocalifeWrapper .tags {
                                    max-height: 40px;
                                    overflow: hidden;
                                    transition: max-height 1s;
                                }
                                .rocalifeWrapper .grid_item .grid_text .grid_category {
                                    margin-bottom: 10px;
                                }
                            }
                            
                            .rocalifeWrapper .menu,
                            .rocalifeWrapper .menu-top {
                                border-top: none;
                            }
                            
                            .rocalifeWrapper .menu .wrapper a::before {
                                content: '';
                                display: none;
                            }
                            /*.rocalifeWrapper .wrapper,*/
                            
                            .rocalifeWrapper .menu .wrapper {
                                max-width: 1140px;
                            }
                            
                            @media all and (max-width: 2199px) {
                                #load-more .pagination-footer {
                                    width: 100%;
                                    margin: auto;
                                }
                                .rocalifeWrapper .only_text .text {
                                    width: 100%;
                                }
                            }
                            
                            @media all and (max-width: 1199px) {
                                .rocalifeWrapper .menu .wrapper {
                                    max-width: 960px;
                                }
                                #load-more .pagination-footer {
                                    width: 100%;
                                    margin: auto;
                                }
                                .rocalifeWrapper .only_text .text {
                                    width: 100%;
                                }
                            }
                            
                            @media all and (max-width: 767px) {
                                #load-more .pagination-footer {
                                    width: 100%;
                                    margin: 0 auto;
                                    padding: 0 15px;
                                }
                            }
                            
                            @media all and (min-width: 768px) and (max-width: 991px) {
                                .rocalifeWrapper .menu .wrapper {
                                    max-width: 726px;
                                }
                            }
                            
                            @media all and (min-width: 576px) and (max-width: 767px) {
                                .rocalifeWrapper .menu .wrapper {
                                    max-width: 540px;
                                }
                            }
                            
                            @media all and (min-width: 576px) and (max-width: 450px) {
                                .rocalifeWrapper .menu .wrapper {
                                    max-width: 570px;
                                }
                            }
                            /* FIN ROCA LIFE MENU */
                            /* SOCIAL SHARE */
                            
                            .rocalifeWrapper .grid_item .grid_thumbnail .shares .social_share_button {
                                display: inline-block;
                                float: left;
                                margin: 0;
                                width: 40px;
                                height: 40px;
                                padding: 12px;
                                background-image: url('../image/share.svg');
                                background-color: black;
                                background-size: 16px 16px;
                                background-repeat: no-repeat;
                                background-position: center center;
                            }
                            
                            .rocalifeWrapper .grid_item .grid_thumbnail .shares .social_trigger {
                                bottom: 0;
                            }
                            
                            .rocalifeWrapper .grid_item .grid_thumbnail .shares {
                                width: 100%;
                                height: 40px;
                                bottom: 0;
                            }
                            
                            .rocalifeWrapper .grid_item .grid_thumbnail .shares a {
                                width: 40px;
                                height: 40px;
                            }
                            
                            .rocalifeWrapper .shares .social_buttons {
                                display: table;
                                height: 40px;
                            }
                            
                            .rocalifeWrapper .grid_item .grid_thumbnail .shares .social_buttons a {
                                background-color: #fff;
                            }
                            
                            .rocalifeWrapper .shares .social_buttons.hidden {
                                display: none;
                            }
                            /* FIN SOCIAL SHARE */
                            /*  FILTER  */
                            
                            #mainSection .tags a.filter {
                                background: #fff;
                                color: #888;
                                border: 1px solid;
                                transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
                            }
                            
                            .rocalifeWrapper .tags a.filter:hover span::after {
                                background: url('../image/down_arrow_white.svg') no-repeat 50% 50%;
                            }
                            
                            #mainSection .tags a.filter:hover,
                            #mainSection .tags a.filter.all {
                                background: #888;
                                color: #fff;
                            }
                            /*  FIN FILTER */
                            /* TAGS MENU */
                            /*.rocalifeWrapper .tags {
    padding: 0px;
    text-align: left;
    margin-top: 180px;
}*/
                            
                            @media all and (max-width: 100px) {
                                .rocalifeWrapper .tags {
                                    display: none;
                                }
                            }
                            
                            .rocalifeWrapper .tags_title h3 {
                                text-transform: uppercase;
                                font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif;
                                font-size: 18px;
                                line-height: 26px;
                                letter-spacing: 1.9px;
                                color: #000;
                                max-width: 40%;
                            }
                            
                            .rocalifeWrapper .tags_title h3::after {
                                display: none;
                            }
                            
                            .rocalifeWrapper .tags a {
                                border: 0px;
                                line-height: 18px;
                                margin-bottom: 40px;
                                font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif;
                                font-size: 11px;
                                letter-spacing: 1.3px;
                                color: #888;
                            }
                            
                            .rocalifeWrapper .tags a:hover {
                                background-color: #fff;
                                border: 0px;
                                color: #000;
                            }
                            
                            .rocalifeWrapper .tags a.header_tag {
                                margin-left: 0px;
                                margin-bottom: 40px;
                                font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif;
                                line-height: 18px;
                                font-size: 11px;
                                letter-spacing: 1.3px;
                                background-color: #fff;
                            }
                            
                            .rocalifeWrapper .tags a.header_tag:hover {
                                color: #000;
                            }
                            /*  FIN TAGS MENU */
                            /* NEWSLETTER */
                            
                            .rocalifeWrapper #newsletter {
                                padding: 100px 0;
                                background-color: #ed8b00;
                            }
                            
                            @media all and (max-width: 575px) {
                                .rocalifeWrapper #newsletter {
                                    padding: 100px 30px;
                                }
                            }
                            
                            .rocalifeWrapper #newsletter .container {
                                padding: 0;
                            }
                            
                            .rocalifeWrapper #newsletter .row {
                                margin-right: -15px;
                                margin-left: -15px;
                            }
                            
                            .rocalifeWrapper #newsletter h3 {
                                font-family: 'rocablack', sans-serif;
                                font-size: 34px;
                                line-height: 44px;
                            }
                            
                            .rocalifeWrapper #newsletter h3::after {
                                content: '';
                                display: none;
                            }
                            
                            .rocalifeWrapper #newsletter h3,
                            .rocalifeWrapper #newsletter p,
                            .rocalifeWrapper #newsletter a,
                            .rocalifeWrapper #newsletter label,
                            .rocalifeWrapper #newsletter input {
                                color: white;
                            }
                            
                            .rocalifeWrapper #newsletter .col-md-5:nth-child(2n+1) {
                                padding-right: 42px;
                            }
                            
                            .rocalifeWrapper #newsletter .col-md-7:nth-child(2n) {
                                padding-left: 80px;
                            }
                            
                            @media all and (max-width: 767px) {
                                .rocalifeWrapper #newsletter .col-md-5:nth-child(2n+1) {
                                    padding-right: 15px;
                                }
                                .rocalifeWrapper #newsletter .col-md-7:nth-child(2n) {
                                    padding-left: 15px;
                                }
                            }
                            
                            .rocalifeWrapper #newsletter p {
                                font-size: 15px;
                                line-height: 24px;
                                margin: 0;
                            }
                            
                            .rocalifeWrapper #newsletter .newsletter_subtitle {
                                margin-bottom: 30px;
                            }
                            
                            .rocalifeWrapper #newsletter .newsletter_favourite a {
                                font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif;
                                text-transform: uppercase;
                                font-size: 11px;
                                line-height: 18px;
                                letter-spacing: 1.3px;
                            }
                            
                            .rocalifeWrapper #newsletter .favorite-icon {
                                display: inline-block;
                                width: 16px;
                                height: 16px;
                                background-image: url('../image/favorite.svg');
                                background-repeat: no-repeat;
                                background-size: contain;
                                margin-right: 10px;
                                vertical-align: middle;
                                margin-top: -2px;
                            }
                            
                            .rocalifeWrapper #newsletter input[type="email"] {
                                background: none;
                                border: none;
                                border-bottom: 1px solid white;
                                margin: 70px 0 25px;
                                width: 100%;
                                padding: 10px 0;
                                font-size: 18px;
                                line-height: 26px;
                            }
                            
                            .rocalifeWrapper #newsletter label {
                                display: inline-block;
                                max-width: 90%;
                                font-size: 12px;
                                line-height: 18px;
                                font-weight: 400;
                            }
                            
                            .rocalifeWrapper #newsletter input[type="checkbox"] {
                                width: 28px;
                                height: 28px;
                                border: 1px solid white;
                                background: none;
                                -webkit-appearance: none;
                                -moz-appearance: none;
                                appearance: none;
                                border-radius: 3px;
                                margin-right: 20px;
                                background-color: transparent;
                                transition: background 0.3s ease;
                            }
                            
                            .rocalifeWrapper #newsletter input[type="checkbox"]:checked {
                                background-color: white;
                            }
                            /* NEWSLETTER END */
                            /* NEW HEADER ADJUSTMENTS */
                            
                            header.js-header ul.supramenu__list--right {
                                margin-right: 6px;
                            }
                            /* NEW HEADER ADJUSTMENTS END */
                            /* LOAD MORE */
                            
                            .rocalifeWrapper #load-more {
                                display: block;
                                padding-bottom: 120px;
                            }
                            
                            .rocalifeWrapper #load-more.loaded #nextButtonDiv {
                                display: none;
                            }
                            
                            .rocalifeWrapper #productListLoadingDiv.loader.hidden {
                                display: none;
                            }
                            
                            .rocalifeWrapper #productListLoadingDiv.loader:before,
                            .rocalifeWrapper #productListLoadingDiv.loader:after {
                                content: '';
                                display: none !important;
                            }
                            /* LOAD MORE END */
                            /* FOOTER */
                            
                            .rocalifeWrapper .footer__list {
                                margin-bottom: 60px;
                            }
                            /* FOOTER END*/
                            
                            .rocalifeWrapper .block.header_module .back {
                                background: transparent;
                            }
                            /* 3377 */
                            
                            .rocalifeWrapper .grid_item .grid_text .grid_description {
                                letter-spacing: 0px;
                            }
                            /*  3365  */
                            
                            #wrapper-init article .block.title {
                                margin-bottom: -10px;
                            }
                            /* 3369 */
                            
                            #wrapper-init .cat_header .back {
                                background-color: transparent;
                            }
                            
                            #wrapper-init .cat_header .tags {
                                display: block;
                                text-align: center;
                                padding: 35px;
                                padding-bottom: 20px;
                            }
                            
                            #mainSection .tags,
                            .rocalifeWrapper article.post .block.header_module .texts .tags {
                                text-align: left;
                            }
                            
                            #mainSection .tags {
                                padding: 0 15px 35px;
                            }
                            
                            .rocalifeWrapper article.post .block.header_module .texts .tags {
                                padding: 15px 15px 35px 0;
                            }
                            
                            #mainSection .tags a.header_tag,
                            .rocalifeWrapper article.post .block.header_module .texts .tags a {
                                margin: 0 10px 10px 0;
                                padding: 11px 24px;
                                border: 1px solid #888;
                                border-radius: 3px;
                                min-width: 0;
                            }
                            
                            #mainSection .tags a.header_tag:hover,
                            #wrapper-init .block.header_module .tags a:hover {
                                /*  background-color: #ed8b00; */
                                color: #00538b;
                            }
                            
                            .rocalifeWrapper .tags a.header_tag.show_all {
                                background-color: #000;
                                border: none;
                            }
                            
                            .rocalifeWrapper .tags a.header_tag.show_all:hover {
                                border: none;
                                /*  background-color: #ed8b00;*/
                                background-color: #ffffff;
                                color: #00538b;
                            }
                            /* 3373 */
                            
                            .rocalifeWrapper .grid_item .grid_thumbnail .shares .pinterest {
                                opacity: 1;
                            }
                            
                            .rocalifeWrapper .grid_item .grid_thumbnail .shares .twitter {
                                background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwdjI0aDI0di0yNGgtMjR6bTE4Ljg2MiA5LjIzN2MuMjA4IDQuNjE3LTMuMjM1IDkuNzY1LTkuMzMgOS43NjUtMS44NTQgMC0zLjU3OS0uNTQzLTUuMDMyLTEuNDc1IDEuNzQyLjIwNSAzLjQ4LS4yNzggNC44Ni0xLjM1OS0xLjQzNy0uMDI3LTIuNjQ5LS45NzYtMy4wNjYtMi4yOC41MTUuMDk4IDEuMDIxLjA2OSAxLjQ4Mi0uMDU2LTEuNTc5LS4zMTctMi42NjgtMS43MzktMi42MzMtMy4yNi40NDIuMjQ2Ljk0OS4zOTQgMS40ODYuNDExLTEuNDYxLS45NzctMS44NzUtMi45MDctMS4wMTYtNC4zODMgMS42MTkgMS45ODYgNC4wMzggMy4yOTMgNi43NjYgMy40My0uNDc5LTIuMDUzIDEuMDc5LTQuMDMgMy4xOTgtNC4wMy45NDQgMCAxLjc5Ny4zOTggMi4zOTYgMS4wMzcuNzQ4LS4xNDcgMS40NTEtLjQyIDIuMDg1LS43OTYtLjI0NS43NjctLjc2NiAxLjQxLTEuNDQzIDEuODE2LjY2NC0uMDggMS4yOTctLjI1NiAxLjg4NS0uNTE3LS40NC42NTYtLjk5NyAxLjIzNC0xLjYzOCAxLjY5N3oiLz48L3N2Zz4=');
                                background-repeat: no-repeat;
                                background-size: contain;
                            }
                            
                            .rocalifeWrapper .grid_item .grid_thumbnail .shares .facebook {
                                background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwdjI0aDI0di0yNGgtMjR6bTE2IDdoLTEuOTIzYy0uNjE2IDAtMS4wNzcuMjUyLTEuMDc3Ljg4OXYxLjExMWgzbC0uMjM5IDNoLTIuNzYxdjhoLTN2LThoLTJ2LTNoMnYtMS45MjNjMC0yLjAyMiAxLjA2NC0zLjA3NyAzLjQ2MS0zLjA3N2gyLjUzOXYzeiIvPjwvc3ZnPg==');
                                background-repeat: no-repeat;
                                background-size: contain;
                            }
                            /* 3376 */
                            
                            .rocalifeWrapper #productListLoadingDiv.loader {
                                display: block;
                                left: 0;
                                top: 0;
                                width: auto;
                                height: auto;
                                margin: 0;
                                z-index: 2;
                                border: none;
                                animation: none;
                                -webkit-animation: none;
                            }
                            
                            .rocalifeWrapper #mainSection #productListLoadingDiv.loader {
                                margin-top: 75px;
                                margin-bottom: -75px;
                            }
                            
                            .rocalifeWrapper #loader-wrapper>#productListLoadingDiv.loader {
                                top: 50%;
                                transform: translateY(-50%);
                            }
                            /*@keyframes lds-load_1 {
    0% {
        top: 36px;
        height: 108px;
    }
    50% {
        top: 60px;
        height: 60px;
    }
    100% {
        top: 60px;
        height: 60px;
    }
}

@-webkit-keyframes lds-load_1 {
    0% {
        top: 36px;
        height: 108px;
    }
    50% {
        top: 60px;
        height: 60px;
    }
    100% {
        top: 60px;
        height: 60px;
    }
}

@keyframes lds-load_2 {
    0% {
        top: 42px;
        height: 96px;
    }
    50% {
        top: 60px;
        height: 60px;
    }
    100% {
        top: 60px;
        height: 60px;
    }
}

@-webkit-keyframes lds-load_2 {
    0% {
        top: 42px;
        height: 96px;
    }
    50% {
        top: 60px;
        height: 60px;
    }
    100% {
        top: 60px;
        height: 60px;
    }
}

@keyframes lds-load_3 {
    0% {
        top: 48px;
        height: 84px;
    }
    50% {
        top: 60px;
        height: 60px;
    }
    100% {
        top: 60px;
        height: 60px;
    }
}

@-webkit-keyframes lds-load_3 {
    0% {
        top: 48px;
        height: 84px;
    }
    50% {
        top: 60px;
        height: 60px;
    }
    100% {
        top: 60px;
        height: 60px;
    }
}

.loader {
  display: none;
}

.loader.active {
  display: block;
}

.lds-load {
  position: relative;
  margin: auto;
}

.lds-load div {
    position: absolute;
    width: 8px;
}

.lds-load div:nth-child(1) {
    left: 58px;
    background: #000;
    -webkit-animation: lds-load_1 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    animation: lds-load_1 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.lds-load div:nth-child(2) {
    left: 88px;
    background: #000;
    -webkit-animation: lds-load_2 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    animation: lds-load_2 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

.lds-load div:nth-child(3) {
    left: 118px;
    background: #000;
    -webkit-animation: lds-load_3 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    animation: lds-load_3 1s cubic-bezier(0, 0.5, 0.5, 1) infinite; }

.lds-load {
    width: 200px !important;
    height: 200px !important;
    -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
    transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}*/
                            
                            @keyframes lds-load_1 {
                                0% {
                                    top: 4px;
                                    height: 22px
                                }
                                50%,
                                100% {
                                    top: 7px;
                                    height: 15px
                                }
                            }
                            
                            @-webkit-keyframes lds-load_1 {
                                0% {
                                    top: 5px;
                                    height: 22px
                                }
                                50%,
                                100% {
                                    top: 6px;
                                    height: 15px
                                }
                            }
                            
                            @keyframes lds-load_2 {
                                0% {
                                    top: 6px;
                                    height: 51px
                                }
                                50%,
                                100% {
                                    top: 19px;
                                    height: 26px
                                }
                            }
                            
                            @-webkit-keyframes lds-load_2 {
                                0% {
                                    top: 0;
                                    height: 20px
                                }
                                50%,
                                100% {
                                    top: 10px;
                                    height: 16px
                                }
                            }
                            
                            @keyframes lds-load_3 {
                                0% {
                                    top: 6px;
                                    height: 51px
                                }
                                50%,
                                100% {
                                    top: 19px;
                                    height: 26px
                                }
                            }
                            
                            @-webkit-keyframes lds-load_3 {
                                0% {
                                    top: 6px;
                                    height: 51px
                                }
                                50%,
                                100% {
                                    top: 19px;
                                    height: 26px
                                }
                            }
                            
                            .loader {
                                display: none;
                            }
                            
                            .loader.active {
                                display: block
                            }
                            
                            .lds-load {
                                position: relative;
                                margin: auto;
                                display: block;
                                width: 64px;
                                height: 50px
                            }
                            
                            .lds-load div {
                                display: inline-block;
                                position: absolute;
                                left: 6px;
                                width: 4.5px;
                                background: #000;
                                animation: lds-load_1 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite
                            }
                            
                            .lds-load div:nth-child(1) {
                                left: 20px;
                                animation-delay: -0.24s
                            }
                            
                            .lds-load div:nth-child(2) {
                                left: 29px;
                                animation-delay: -0.12s
                            }
                            
                            .lds-load div:nth-child(3) {
                                left: 37px;
                                animation-delay: 0
                            }
                            
                            @-webkit-keyframes fadeIn {
                                from {
                                    opacity: 0
                                }
                                to {
                                    opacity: 1
                                }
                            }
                            
                            @keyframes fadeIn {
                                from {
                                    opacity: 0
                                }
                                to {
                                    opacity: 1
                                }
                            }
                            
                            .loader-fs {
                                display: none;
                                position: fixed;
                                width: 100vw;
                                height: 100vh;
                                z-index: 10;
                                background: white;
                                top: 0
                            }
                            
                            .loader-fs.active {
                                display: block;
                                -webkit-animation: fadeIn 300ms;
                                animation: fadeIn 300ms
                            }
                            
                            .loader-fs__wrapper {
                                position: absolute;
                                left: 50%;
                                top: 50%;
                                -webkit-transform: translate(-50%, -50%);
                                transform: translate(-50%, -50%)
                            }
                            
                            .rocalifeWrapper .slideshow.only_one_item {
                                max-height: 100%;
                            }
                            
                            .rocalifeWrapper .slideshow .item {
                                height: calc(100vh - 221px);
                            }
                            
                            @media all and (max-width: 1199px) {
                                .rocalifeWrapper .slideshow .item {
                                    height: calc(100vh - 161px);
                                }
                            }
                            
                            @media all and (max-width: 991px) {
                                .rocalifeWrapper .slideshow .item {
                                    height: calc(100vh - 151px);
                                }
                            }
                            
                            @media all and (max-width: 767px) {
                                .rocalifeWrapper .slideshow .item {
                                    height: calc(100vh - 131px);
                                }
                            }
                            
                            .rocalifeWrapper .slideshow .item img {
                                height: auto;
                                max-width: 100%;
                                width: 100%;
                                transform: translateX(-50%) translateY(-50%);
                                top: 50%;
                                left: 50%;
                            }
                            
                            @media all and (max-width: 799px) {
                                .rocalifeWrapper .slideshow .item img {
                                    width: auto;
                                    height: auto;
                                    min-width: 100%;
                                    min-height: 100%;
                                    max-width: 200%;
                                }
                            }
                            
                            @media all and (max-width: 700px) {
                                .rocalifeWrapper .slideshow .item img {
                                    width: auto;
                                    height: auto;
                                    min-height: 100%;
                                    min-width: 100%;
                                }
                            }
                            
                            .rocalifeWrapper .slideshow .item video {
                                min-width: 100%;
                                max-height: 100%;
                                height: 100%;
                                width: auto;
                                left: 50%;
                                transform: translateX(-50%);
                            }
                            /* 3378 */
                            
                            .rocalifeWrapper .slideshow.only_one_item {
                                max-width: 100%;
                            }
                            
                            .rocalifeWrapper .slideshow .item .slideshow_wrapper {
                                max-width: max-content;
                                padding: 0 15px;
                                position: absolute;
                                top: 50%;
                                width: 100%;
                                max-width: 1140px;
                                height: auto;
                                left: 50%;
                                -webkit-transform: translate(-50%, -50%);
                                transform: translate(-50%, -50%);
                            }
                            
                            .rocalifeWrapper .slideshow .item .slideshow_wrapper.videoplay {
                                display: block;
                            }
                            
                            @media all and (max-width: 1199px) {
                                .rocalifeWrapper .slideshow .item .slideshow_wrapper {
                                    max-width: 960px;
                                }
                                .rocalifeWrapper .slideshow .item .slideshow_wrapper .slideshow_title {
                                    font-size: 70px;
                                    line-height: 80px;
                                }
                            }
                            
                            @media all and (max-width: 991px) {
                                .rocalifeWrapper .slideshow .item .slideshow_wrapper {
                                    max-width: 720px;
                                }
                                .rocalifeWrapper .slideshow .item .slideshow_wrapper .slideshow_title {
                                    font-size: 40px;
                                    line-height: 50px;
                                }
                            }
                            
                            @media all and (max-width: 767px) {
                                .rocalifeWrapper .slideshow .item .slideshow_wrapper {
                                    max-width: 540px;
                                }
                            }
                            
                            .rocalifeWrapper .cat_header {
                                position: relative;
                                padding: 44px 15px;
                            }
                            
                            @media all and (max-width: 320px) {
                                .rocalifeWrapper .roca_header {
                                    position: fixed;
                                    top: 0;
                                    left: 0;
                                    z-index: 1000;
                                }
                                .rocalifeWrapper .roca_header,
                                header.js-header .main-header__wrapper .main-nav {
                                    width: 320px;
                                    max-width: 320px;
                                }
                            }
                            
                            @media all and (min-width: 320px) and (max-width: 700px) {
                                .rocalifeWrapper .menu {
                                    bottom: auto;
                                }
                            }
                            
                            @media all and (min-width: 1025px) and (max-width: 1199px) {
                                .rocalifeWrapper .main-nav {
                                    position: initial;
                                }
                                .rocalifeWrapper .main-nav.sticky-jlf-menu {
                                    display: none;
                                    /*top: 0;
        position: fixed;*/
                                }
                            }
                            /* 3559 */
                            /* Modificamos el estilo para los sticky menu a alta resolución */
                            
                            .rocalifeWrapper .menu {
                                z-index: 9;
                            }
                            
                            .rocalifeWrapper .menu.sticky-jlf-menu {
                                z-index: 15;
                            }
                            
                            @media all and (min-width: 1200px) {
                                .supramenu.sticky-jlf-menu {
                                    display: none;
                                    transition: background 0.3s ease;
                                }
                                .menu.sticky-jlf-menu {
                                    top: 0px !important;
                                    transition: background 0.3s ease;
                                }
                                .roca_header.sticky-jlf-menu {
                                    display: none;
                                    transition: background 0.3s ease;
                                    /*position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 1000;
        width: 100%;*/
                                }
                                .slideshow.owl-carousel {
                                    padding-top: 74px;
                                }
                                .slideshow.owl-carousel.sticky-jlf-menu {
                                    padding-top: 0px;
                                }
                                .main-nav.sticky-jlf-menu {
                                    top: 0;
                                    max-height: 70px;
                                    overflow: hidden;
                                }
                            }
                            
                            @media all and (max-width: 1200px) {
                                .supramenu.sticky-jlf-menu {
                                    display: none;
                                    transition: background 0.3s ease;
                                }
                                .menu.sticky-jlf-menu {
                                    top: 0px !important;
                                    transition: background 0.3s ease;
                                }
                                .roca_header.sticky-jlf-menu {
                                    display: none;
                                    transition: background 0.3s ease;
                                    /*position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 1000;
        width: 100%;*/
                                }
                                .main-nav.sticky-jlf-menu {
                                    display: none;
                                    /*top: 0;
        max-height: 70px;*/
                                }
                            }
                            
                            .slideshow .item {
                                position: relative;
                            }
                            /* Tag de detalle de articulo en mobile con botón */
                            
                            article .tags.tags_mobile a,
                            article .tags.tags_mobile a:hover,
                            #wrapper-init .block.header_module .tags a,
                            #wrapper-init .block.header_module .tags a:hover {
                                margin: 0 10px 10px 0;
                                padding: 11px 24px;
                                border: 1px solid #888;
                                border-radius: 3px;
                                min-width: 0;
                            }
                            /* Tags en mobile */
                            
                            @media all and (max-width: 500px) {
                                .rocalifeWrapper .related_product .grid_item {
                                    padding-bottom: 0;
                                }
                                .rocalifeWrapper .related_product .owl-carousel {
                                    margin-bottom: 10px !important;
                                }
                                .rocalifeWrapper article.post .wrapper_in .block.related_product {
                                    margin-bottom: 0;
                                    padding-bottom: 0;
                                }
                            }
                            /* Arreglo color del share */
                            
                            .rocalifeWrapper .shares_open,
                            .rocalifeWrapper .block.header_module .media .shares_open {
                                background: #ed8b00;
                            }
                            /* Correción de iconos de share en mobile */
                            
                            .rocalifeWrapper .shares_mobile,
                            .rocalifeWrapper .final .shares_mobile {
                                width: 40px;
                                height: 40px;
                                padding: 12px;
                                background-image: url('../image/share.svg');
                                background-color: black;
                                background-size: 16px 16px !important;
                                background-repeat: no-repeat;
                                background-position: center center;
                                opacity: 1;
                            }
                            /* ARREGLO DE MEDIA QUERIES */
                            
                            @media all and (max-width: 319px) {
                                .rocalifeWrapper .menu .wrapper a {
                                    padding: 0px 38px 0px;
                                }
                                .rocalifeWrapper .logo img {
                                    max-width: 100%;
                                    vertical-align: top;
                                }
                            }
                            
                            @media all and (max-width: 500px) {
                                .rocalifeWrapper .owl-carousel .owl-dots {
                                    display: block !important;
                                }
                                .rocalifeWrapper .highlighted_posts .owl-carousel,
                                .rocalifeWrapper .block.gallery .owl-carousel,
                                .rocalifeWrapper .related_design_line .owl-carousel {
                                    padding-bottom: 0px;
                                }
                            }
                            
                            @media all and (max-width: 330px) {
                                .rocalifeWrapper .slideshow .item .slideshow_wrapper .slideshow_title {
                                    font-size: 30px;
                                }
                            }
                            
                            @media all and (max-width: 3200px) {
                                .rocalifeWrapper .grid_item.highlighted.bottom_right::before {
                                    transform: scaleX(-1.2);
                                }
                                @media all and (min-width: 701px) and (max-width: 1100px) {
                                    #wrapper>.wrapper {
                                        width: calc( 95vw);
                                    }
                                }
                                .gridlist::after {
                                    content: "";
                                    clear: both;
                                    display: table;
                                }
                                .roca_footer .footer .container .footer-main .row {
                                    min-width: 0;
                                }
                                @media all and (min-width: 200px) and (max-width: 500px) {
                                    .rocalifeWrapper .slideshow .item img {
                                        display: none;
                                    }
                                    .rocalifeWrapper .slideshow .item img.mobile {
                                        display: block;
                                    }
                                    h1#page-title {
                                        margin: 0 20px 50px;
                                    }
                                    .rocalifeWrapper .block.header_module .media .image {
                                        margin-top: 35px;
                                    }
                                }
                                .rocalifeWrapper #loader-wrapper {
                                    transition: opacity 0.1s;
                                }
                                header.js-header .main-header__wrapper .r-modal .close-menu .wrapper {
                                    background-color: #000;
                                }
                                header.js-header .main-header__wrapper .supramenu__item--country::after {
                                    margin: 0px;
                                }
                                .rocalifeWrapper .block.header_module .media {
                                    padding: 40px 15px 80px 15px;
                                }
                                @media all and (max-width: 1024px) {
                                    .rocalifeWrapper .block.header_module .texts {
                                        margin-top: 0;
                                    }
                                }
                                @media all and (max-width: 767px) {
                                    .rocalifeWrapper .block.header_module .texts {
                                        margin-top: 60px;
                                    }
                                }
                                .rocalifeWrapper .block.header_module .texts,
                                .rocalifeWrapper .block {
                                    padding: 0px 15px;
                                }
                                .rocalifeWrapper .block.header_module .share,
                                .rocalifeWrapper .block.header_module .media .shares_mobile {
                                    right: 15px;
                                }
                                @media only screen and (max-width: 767px) {
                                    .rocalifeWrapper .block.header_module .media .shares_mobile {
                                        top: 88%;
                                    }
                                }
                                @media only screen and (max-width: 500px) {
                                    .rocalifeWrapper .block.header_module .media .shares_mobile {
                                        top: 74%;
                                    }
                                }
                                .rocalifeWrapper .breadcrumbs {
                                    padding-left: 15px;
                                }
                                .rocalifeWrapper .image img,
                                .rocalifeWrapper .block.header_module .media .image,
                                .rocalifeWrapper .block.header_module .media .image img {
                                    width: 100%;
                                }
                                @media only screen and (min-width: 767px) and (max-width: 1024px) {
                                    .rocalifeWrapper {
                                        position: relative;
                                    }
                                    .rocalifeWrapper .block.header_module .media {
                                        padding: 40px 15px 200px 15px !important;
                                    }
                                }
                                .rocalifeWrapper .final .shares_open {
                                    background: #ec8a01;
                                }
                                .rocalifeWrapper .final .shares_open::before {
                                    background: url('404.png') 0 0 no-repeat;
                                }
                                @media all and (max-width: 640px) {
                                    body.rocalifeWrapper #mainSection .owl-carousel .owl-controls .owl-nav .owl-prev {
                                        left: 17px;
                                    }
                                    body.rocalifeWrapper #mainSection .owl-carousel .owl-controls .owl-nav .owl-next {
                                        right: 17px;
                                    }
                                }
                                @media all and (max-width: 550px) {
                                    body.rocalifeWrapper #mainSection .owl-carousel .owl-controls .owl-nav .owl-prev {
                                        left: 36px;
                                    }
                                    body.rocalifeWrapper #mainSection .owl-carousel .owl-controls .owl-nav .owl-next {
                                        right: 36px;
                                    }
                                }
                                @media all and (max-width: 499px) {
                                    body.rocalifeWrapper #mainSection .owl-carousel .owl-controls .owl-nav .owl-prev {
                                        left: 22px;
                                    }
                                    body.rocalifeWrapper #mainSection .owl-carousel .owl-controls .owl-nav .owl-next {
                                        right: 22px;
                                    }
                                }
                                .rocalifeWrapper .block.related_posts .owl-carousel {
                                    padding-top: 74px;
                                }
                                /* Fixes */
                                .rocalifeWrapper .block.text_with_photo .text h3 {
                                    text-transform: none!important;
                                }
                                @media all and (max-width: 500px) {
                                    .rocalifeWrapper .highlighted_posts .owl-carousel,
                                    .rocalifeWrapper .related_product .owl-carousel,
                                    .rocalifeWrapper .related_design_line .owl-carousel {
                                        padding-top: 30px;
                                    }
                                    .rocalifeWrapper .owl-dots {
                                        position: relative;
                                        text-align: center;
                                    }
                                    .rocalifeWrapper .final .shares_open .content_share_mobile .close_share_mobile {
                                        position: absolute;
                                        top: 25px;
                                        right: 30px;
                                        cursor: pointer;
                                    }
                                    .rocalifeWrapper .highlighted_posts .titulo_carousel,
                                    .rocalifeWrapper .related_product .titulo_carousel,
                                    .rocalifeWrapper .related_design_line .titulo_carousel,
                                    .rocalifeWrapper .block.related_posts .titulo_carousel {
                                        position: relative;
                                    }
                                    .rocalifeWrapper .block.related_posts .owl-nav {
                                        top: 32%;
                                    }
                                }
                                @media all and (max-width: 1200px) {
                                    .rocalifeWrapper .owl-dots {
                                        position: relative;
                                        text-align: center;
                                    }
                                }