/*
	
	Quitar Captcha
	
*/

.grecaptcha-badge {opacity:0}


/* *, html {
    outline: 1px dotted #F0C;
} */



/*
* Estilos generales
*/

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}

body {
    font-size: 1.25rem;
    font-family: myriad-pro-semi-condensed,sans-serif;
    font-weight: 400;
    font-style: normal;
}

body.hidden {
    overflow: hidden;
}

h2 {
    font-size: 2rem;
    margin-bottom: 1.36rem;
}

p {
    margin-bottom: 1.36rem;
    line-height: 1.9rem;
}

strong {
    font-weight: 600;
}

a,
a:visited {
	color: #1D1D1B;
	text-decoration: none;
	transition: all 0.3s ease;
}

a:hover,
a:focus,
a:active {
	color: rgba(29, 29, 27, 0.8);
}


/*
* Helpers
*/

/* Text */
.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-justified {
    text-align: justify;
}

.hidden {
    display: none !important;
}

.highlighted-text {
    font-size: 1.5rem;
}

.justify.center {
    justify-content: center !important;
}

.display-block {
    display: block;
}

.block-center {
    display: block !important;
    margin-left: auto;
    margin-right: auto;
}

.bold-text {
    font-weight: bold;
}

/* Embed responsive */
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Container */
.container {
    margin: 0 auto;
    padding-left: 0.938rem;
    padding-right: 0.938rem;
    /* background: rgb(255, 153, 0); */
}

@media (min-width: 480px) {
	.container {
        max-width: 468px;
        padding-left: 0;
        padding-right: 0;
        /* background: rgb(136, 255, 0); */
	}
}

@media (min-width: 768px) {
	.container {
        max-width: 744px;
        /* background: rgb(234, 255, 0); */
	}
}

@media (min-width: 980px) {
	.container {
        max-width: 960px;
        /* background: rgb(0, 195, 255); */
	}
}

@media (min-width: 1220px) {
	.container {
        max-width: 1200px;
        /* background: rgb(0, 115, 255); */
	}
}

@media (min-width: 1380px) {
	.container {
        max-width: 1320px;
        /* background: rgb(119, 0, 255); */
	}
}

/* Bloques */
.block-lg,
.block-md,
.block-sm {
    padding: 1.875rem 0;
}

@media (min-width: 480px) {
    .block-lg {
        padding: 3.75rem 0;
    }
    .block-md {
        padding: 2.5rem 0;
    }
    .block-sm {
        padding: 2.5rem 0;
    }
}

@media (min-width: 768px) {
    .block-lg {
        padding: 5rem 0;
    }
    .block-md {
        padding: 3.125rem 0;
    }
}

@media (min-width: 980px) {
    .block-lg {
        padding: 6.25rem 0;
    }
    .block-lg-fan {
        padding: 2rem 0;
    }
    .block-md {
        padding: 4.375rem 0;
    }
}

/* Block description */
.block-description,
.block-description-sm {
    padding: 1.875rem;
}

@media (min-width: 480px) {
    .block-description,
    .block-description-sm {
        padding: 2.5rem;
    }
}

@media (min-width: 768px) {
    .block-description {
        padding: 3.125rem;
    }
}

@media (min-width: 980px) {
    .block-description {
        padding: 4.375rem;
    }
}

.block-lg.divider {
    border-top: 4px solid #F4F3F3;
}

/* Offset */
.offset {
    margin-top: 4.6rem;
}

@media (min-width: 1220px) {
    .offset {
        /* margin-top: 8.1rem; */
        /* El de abajo es el bueno */
        /* margin-top: 7.1rem; */
        
        margin-top: 2rem;
    }
}

/* Filters */
.offset .filters {
    margin-top: 1.875rem;
}

.offset .filters a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /**/
    padding: 0.5rem 0.7rem;
    color: #FFF;
    background: #1D1D1B;
}

.offset .filters a img {
    width: 1.4rem;
    pointer-events: none;
}

@media (min-width: 1220px) {
    /* Filters */
    .offset .filters {
        display: none;
    }
}

/* Grid */
.grid {
    display: grid;
    grid-template-columns: 1fr;
}

.grid.grid-gap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 5rem;
}

/* Grid four cols */
.grid.grid-four-cols {
    grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 480px) {
    /* Grid three cols */
    .grid.grid-three-cols {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 768px) {
    /* Grid two cols */
    .grid.grid-two-cols {
        grid-template-columns: repeat(2, 1fr);
    }
    /* Grid three cols */
    .grid.grid-three-cols {
        grid-template-columns: repeat(3, 1fr);
    }
    /* Grid four cols */
    .grid.grid-four-cols {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Product grid */
.product-grid .product img {
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
}

.product-grid .product a.product-name {
    display: block;
}

.product-grid .product a.brand {
    font-size: 1rem;
    font-weight: bold;
}

.product-grid .product ul.finishing {
    display: flex;
    /**/
    margin: 0.5rem 0 0 0;
    padding: 0;
    list-style-type: none;
    font-size: 0;
}

.product-grid .product ul.finishing li {
    margin-right: 0.2rem;
    border: 2px solid transparent;
}

.product-grid .product ul.finishing a {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

/* Grid header */
.product-grid .product-count {
    color: #928C8C;
}

.product-grid .product-count span {
    color: #1D1D1B;
}

.product-grid .product-count,
.product-grid .product-filter {
    margin-bottom: 2rem;
    text-align: center;
}

.product-grid .product-filter select {
    height: 3.125rem;
    padding: 0.5rem;
    font-size: 1rem;
    border: 0.125rem solid #F4F3F3;
}

@media (min-width: 768px) {
    /* Grid header */
    .product-grid .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .product-grid .product-count {
        flex-basis: 48%;
        /**/
        text-align: left;
    }
    .product-grid .product-filter {
        flex-basis: 48%;
        /**/
        text-align: right;
    }
}

/* Services grid */
.services-grid {
    margin-top: 5rem;
}

.services-grid .service img {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
}

.services-grid .service span {
    padding-right: 2rem;
    background: url(../img/comunes/flecha-boton.svg) no-repeat 98% center;
    background-size: 1rem;
    transition: all ease 0.25s;
}

.services-grid .service a:hover > span {
    color: #222;
    background-position-x: right;
}

/* Grid pagination */
.footer.grid-pagination {
    margin-top: 5rem; 
}

.footer.grid-pagination ul {
    display: flex;
    justify-content: center;
    align-items: center;
    /**/
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0;
}

.footer.grid-pagination ul li {
    margin: 0 0.2rem;
}

.footer.grid-pagination ul li:first-child {
    margin-left: 0;
}

.footer.grid-pagination ul li:last-child {
    margin-right: 0;
}

.footer.grid-pagination ul a {
    display: block;
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
}

.footer.grid-pagination ul a:hover {
    color: rgba(29, 29, 27, 0.8);
}

@media (min-width: 480px) {
    .footer.grid-pagination ul a {
        padding: 0.7rem 1.2rem;
        color: #D0000E;
    }
}

.footer.grid-pagination ul li.active a {
    color: #FFF;
    background-color: #1D1D1B;
}

.footer.grid-pagination ul li.next a {
    background: url(../img/comunes/flecha-boton.svg) no-repeat center center;
    background-size: 1.25rem;
}

.footer.grid-pagination ul li.previous a {
    background: url(../img/comunes/flecha-boton-left.svg) no-repeat center center;
    background-size: 1.25rem;
}

/* Botones */
.btn-container {
    display: inline-block;
}

.btn-container .btn {
    padding-right: 2rem;
    color: #D0000E;
    background: url(../img/comunes/flecha-boton.svg) no-repeat 96% center;
    background-size: 1.25rem;
    transition: all ease 0.25s;
}

.btn-container .btn.btn-back {
    padding-right: 0;
    padding-left: 2rem;
    background: url(../img/comunes/flecha-boton-left.svg) no-repeat 4% center;
    background-size: 1.25rem;
}

.btn-container .btn:hover {
    color: #222;
    background-position-x: right;
}

.btn-container .btn-back:hover {
    background-position-x: left;
}

/* Espaciado */
.mb-0 {
    margin-bottom: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.max-h-3 {
    max-height: 3rem;
}

/* Images */
.img-full {
    display: block;
    width: 100%;
    height: auto;
}


/*
* Header
*/

#header {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    transition: background-color 0.2s ease;
    transition: top 0.5s ease;
}

#header.dark,
#header.showing-megamenu,
#header.showing-search {
    background: #1D1D1B;
}

#header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

body.interior #header {
    background-color: #1D1D1B;
}

/* Top navigation */
#top-navigation {
    display: flex;
    justify-content: flex-end;
    /**/
    width: 100%;
}

.top-menu {
    display: flex;
    /**/
    margin: 0;
    padding: 0;
    list-style-type: none;
    line-height: 1rem;
}

.top-menu li a {
    display: inline-block;
    margin-left: 2.2rem;
    padding: 0.3rem;
    font-size: 1rem;
    color: #FFF;
}

/* Site branding */
.site-logo img {
    width: auto;
    height: 4rem;
    display: block;
}

/* Site navigation */
.main-menu {
    display: flex;
    /**/
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.main-menu li a {
    display: inline-block;
    position: relative;
    margin: 0 1rem;
    padding: 0.7rem;
    color: #FFF;
}

.main-menu li a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.125rem;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.25s ease;
    background: #D0000E;
}

.main-menu li a:hover::before {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.main-menu li.active a::before,
.main-menu li.current a::before {
    transform: scaleX(1);
}

/* Search button */
.search-btn {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background: url('../img/comunes/ico-busqueda-blanco.svg') no-repeat center center;
    background-size: 1.25rem;
}

.search-btn.active {
    background: url('../img/comunes/ico-cerrar-blanco.svg') no-repeat center center;
    background-size: 1rem;
}

@media (min-width: 1220px) {
    #header {
        display: block;
    }
}

/* Megamenu */
#megamenu,
#megamenu-brands {
    display: none;
}

#megamenu.visible,
#megamenu-brands.visible {
    display: block;
}

#megamenu a,
#megamenu-brands a {
    color: rgba(255,255,255,1);
}

#megamenu a:hover,
#megamenu-brands a:hover {
    color: rgba(255,255,255,0.4);
}

#megamenu .title,
#megamenu-brands .title {
    font-weight: bold;
}

#megamenu-brands .title {
    pointer-events: none;
    cursor: default;
}

#megamenu ul,
#megamenu-brands ul {
    margin: 1rem 0 0 0;
    padding: 0;
    list-style-type: none;
    font-size: 0;
}

#megamenu ul li,
#megamenu-brands ul li {
    margin-bottom: 0.5rem;
}

#megamenu ul li:last-child,
#megamenu-brands ul li:last-child {
    margin: 0;
}

#megamenu ul li a,
#megamenu-brands ul li a {
    font-size: 1.125rem;
}

/* Categories */
#megamenu .categories,
#megamenu-brands .categories {
    display: flex;
    justify-content: space-evenly;
    /**/
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

#megamenu .category a,
#megamenu-brands .category a {
    font-size: 1rem;
}

#megamenu .category ul a,
#megamenu-brands .category ul a {
    font-size: 0.9rem;
    font-weight: normal;
}

/* Search */
#search,
#mobile-search {
    display: none;
}

#search.visible,
#mobile-search.visible {
    display: block;
}

#search .search-widget,
#mobile-search .search-widget {
    display: flex;
    justify-content: center;
    /**/
    padding: 2rem 0;
}

#search .search-widget input,
#mobile-search .search-widget input {
    flex-basis: 80%;
    height: 3.125rem;
    padding: 0.5rem;
    font-size: 1rem;
    color: #FFF;
    border: 0;
    border-bottom: 0.125rem solid #F4F3F3;
    background: transparent;
}

#search .search-widget input::placeholder,
#mobile-search .search-widget input::placeholder {
    color: #FFF;
}

#search .search-widget button,
#mobile-search .search-widget button {
    flex-basis: 20%;
    border: none;
    background: #1D1D1B url('../img/comunes/ico-busqueda-blanco.svg') no-repeat center center;
    background-size: 1.3rem;
}

@media (min-width: 768px) {
    #search .search-widget,
    #mobile-search .search-widget {
        width: 60%;
        margin: 0 auto;
    }
    #search .search-widget input,
    #mobile-search .search-widget input {
        flex-basis: 88%;
    }
    #search .search-widget button,
    #mobile-search .search-widget button {
        flex-basis: 12%;
    }
}


/*
* Header mobile
*/

#header-mobile {
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
    padding: 0.625rem 0;
    transition: background-color 0.2s ease;
    transition: top 0.5s ease;
}

#header-mobile.dark,
#header-mobile.showing-megamenu,
#header-mobile.showing-search {
    background: #1D1D1B;
}

#header-mobile .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

body.interior #header-mobile {
    background-color: #1D1D1B;
}

@media (min-width: 1220px) {
    #header-mobile {
        display: none;
    }
}

/* Site branding */
.site-logo-mobile img {
    display: block;
    width: auto;
    height: 3.375rem;
}

/* Mobile buttons */
#mobile-buttons {
    display: flex;
    justify-content: flex-end;
    /**/
    width: 50%;
}

/* Hamburguer button */
#hamburger-menu {
    margin-left: 2rem;
}

.hamburger-btn {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background: url('../img/comunes/ico-menu-blanco.svg') no-repeat center center;
    background-size: 1.25rem;
}

.hamburger-btn.active {
    background: url('../img/comunes/ico-cerrar-blanco.svg') no-repeat center center;
    background-size: 1rem;
}

/* Mobile site navigation */
#mobile-site-navigation {
    display: none;
}

#mobile-site-navigation.visible {
    display: block;
}

/* Main mobile menu */
.main-mobile-menu {
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
}

.main-mobile-menu.hidden {
    display: none;
}

.main-mobile-menu li {
    border-bottom: 1px dotted rgba(255,255,255,0.3);
}

.main-mobile-menu li:last-child {
    border-bottom: none;
}

.main-mobile-menu li a {
    display: block;
    position: relative;
    margin: 0;
    padding: 0.7rem;
    color: #FFF;
}

.main-mobile-menu li a:hover {
    color: rgba(255,255,255,0.4);
}

.main-mobile-menu li.active,
.main-mobile-menu li.current {
    border-left: 0.125rem solid #D0000E;
}

.main-mobile-menu #mobile-categories-btn {
    background: url(../img/comunes/flecha-boton-blanco.svg) no-repeat 97% center;
    background-size: 1rem;
}

/* Categories and subcategories menu */
.categories-menu, 
.subcategories-menu {
    display: none;
}

.categories-menu.visible,
.subcategories-menu.visible {
    display: block;
}

/*.categories-menu li,
.subcategories-menu li {
    background: url(../img/comunes/flecha-boton-blanco.svg) no-repeat 97% center;
    background-size: 1rem;
}*/

.categories-menu li.back,
.subcategories-menu li.back {
    padding-left: 1.5rem;
    background: url(../img/comunes/flecha-boton-left.svg) no-repeat 3% center;
    background-size: 1rem !important;
}

.categories-menu li.back a,
.subcategories-menu li.back a {
    color: #D0000E;
}


/*
* Footer
*/

#footer {
    padding: 1.875rem 0;
    background-color: #F4F3F3;
}

@media (min-width: 480px) {
    #footer {
        padding: 3.75rem 0;
    }
}

@media (min-width: 768px) {
    #footer {
        padding: 5rem 0;
    }
}

@media (min-width: 980px) {
    #footer {
        padding: 6.25rem 0;
    }

}

/* Container */
#footer .container {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: repeat(2, auto);
    grid-template-areas:
        "newsletter"
        "copy";
    grid-auto-rows: 0;
    overflow-y: hidden;
}

@media (min-width: 980px) {
    /* Container */
    #footer .container {
        grid-template-columns: 20% 55% 25%;
        grid-template-rows: auto;
        grid-template-areas:
            "copy sitemap newsletter";
    }
}

@media (min-width: 1220px) {
    /* Container */
    #footer .container {
        grid-template-columns: 18% 52% 30%;
    }
}

/* Copy */
#copy {
    grid-area: copy;
    /**/
    padding-top: 2.5rem;
    font-size: 1rem;
    text-align: center;
}

#copy img {
    height: 5.313rem;
    margin-bottom: 2.3rem;
}

#copy p {
    margin-bottom: 2.4rem;
    line-height: 135%;
}

#copy p:last-child {
    margin-bottom: 0;
}

#copy strong {
    display: block;
    margin-bottom: 0.3rem;
}

#copy br {
    display: none;
}

#copy span.br {
    display: block;
}

#copy a {
    color: #928C8C;
}

#copy a:hover {
    color: #1D1D1B;
}

@media (min-width: 980px) {
    /* Copy */
    #copy {
        padding-top: 0;
        text-align: left;
    }
    #copy br {
        display: block;
    }
}

/* Sitemap */
@media (min-width: 980px) {
    #sitemap {
        grid-area: sitemap;
        /**/
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto;
        grid-gap: 10px;
    }
}

/* Links */
#sitemap .links {
    font-size: 1.125rem;
}

#sitemap .links p {
    display: block;
    margin-bottom: 0.4rem;
}

#sitemap .links ul {
    margin: 0 0 2.2rem 0;
    padding: 0;
    list-style-type: none;
}

#sitemap .links ul:last-child {
    margin-bottom: 0;
}

#sitemap .links ul li {
    margin-bottom: 0.2rem;
}

#sitemap .links ul li:last-child {
    margin-bottom: 0;
}

#sitemap .links a {
    color: #928C8C;
}

#sitemap .links a:hover {
    color: #1D1D1B;
}

/* Newsletter */
#newsletter {
    grid-area: newsletter;
}

/* Artexa service */
#newsletter .artexa-service {
    margin-bottom: 2.8rem;
    padding: 1.75rem;
    text-align: center;
    background: #1D1D1B;
}

#newsletter .artexa-service a {
    font-size: 2.1rem;
    font-weight: 600;
    line-height: 80%;
    color: #FFF;
}

#newsletter .artexa-service a span {
    display: block;
    font-size: 1.4rem;
    font-weight: 300;
}

#newsletter .artexa-service a em.wa {
    display: inline-block;
    font-style: normal;
    padding-left: 2rem;
    vertical-align: middle;
    background: url(../img/comunes/ico-wa-blanco.svg) no-repeat left center;
    background-size: 1.5rem;
}

#newsletter .artexa-service a em.tel {
    display: inline-block;
    font-style: normal;
    padding-left: 2rem;
    vertical-align: middle;
    background: url(../img/comunes/ico-tel-blanco.svg) no-repeat left center;
    background-size: 1.5rem;
}
    

@media (min-width: 980px) {
    /* Artexa service */
    #newsletter .artexa-service {
        padding: 1rem;
        text-align: left;
    }
    #newsletter .artexa-service a {
        font-size: 1.8rem;
    }
}

@media (min-width: 1220px) {
    /* Artexa service */
    #newsletter .artexa-service {
        padding: 2.6rem;
    }
    #newsletter .artexa-service a {
        font-size: 2.5rem;
    }
    #newsletter .artexa-service a span {
        font-size: 1.875rem;
    }
}

@media (min-width: 1380px) {
    /* Artexa service */
    #newsletter .artexa-service {
        padding: 3.75rem;
    }
}

/* Widget */
#newsletter .widget {
    margin-bottom: 2.8rem;
    padding: 0 1.75rem;
}

#newsletter .widget label {
    display: block;
    margin-bottom: 0.9rem;
    font-weight: 600;
    font-size: 1.125rem;
}

#newsletter .widget input {
    width: 100%;
    height: 3.125rem;
    padding: 0.5rem;
    margin-bottom: 1rem;
    font-size: 1.1rem;
    border: 0;
    border-bottom: 0.125rem solid #D0000E;
    background: rgba(255,255,255,0.6);
}

#newsletter .widget input::-webkit-input-placeholder {
    color: rgb(146, 140, 140, 0.3);
    opacity: 1;
}

#newsletter .widget input::-moz-placeholder {
    color: rgb(146, 140, 140, 0.3);
    opacity: 1;
}

#newsletter .widget input:-ms-input-placeholder {
    color: rgb(146, 140, 140, 0.3);
    opacity: 1;
}

#newsletter .widget input::-ms-input-placeholder {
    color: rgb(146, 140, 140, 0.3);
    opacity: 1;
}

#newsletter .widget input::placeholder {
    color: rgb(146, 140, 140, 0.3);
    opacity: 1;
}

@media (min-width: 980px) {
    /* Widget */
    #newsletter .widget {
        padding: 0 1rem;
    }
}

@media (min-width: 1220px) {
    /* Widget */
    #newsletter .widget {
        padding: 0 2.6rem;
    }
}
@media (min-width: 1380px) {
    /* Widget */
    #newsletter .widget {
        padding: 0 3.75rem;
    }
}

/* Social */
#newsletter .social {
    padding: 0 1.75rem;
    font-size: 1.125rem;
}

#newsletter .social p {
    margin-bottom: 0.7rem;
}

#newsletter .social img {
    width: 2rem;
    height: 2rem;
    margin-right: 0.4rem;
}

@media (min-width: 980px) {
    /* Social */
    #newsletter .social {
        padding: 0 1rem;
    }
}

@media (min-width: 1220px) {
    /* Social */
    #newsletter .social {
        padding: 0 2.6rem;
    }
}
@media (min-width: 1380px) {
    /* Social */
    #newsletter .social {
        padding: 0 3.75rem;
    }
}


/*
* Searh results
*/

#search-results {
    padding-top: 4.6rem;
}

@media (min-width: 1220px) {
    #search-results {
        padding-top: 8.1rem;
    }
}

/* Results header */
#search-results .results-header {
    margin-top: 1.563rem;
    margin-bottom: 2rem;
    text-align: center;
}

/* Results widget */
#search-results .results-widget {
    display: flex;
    justify-content: center;
    /**/
    padding: 1rem;
}

#search-results .results-widget input {
    flex-basis: 80%;
    height: 3.125rem;
    padding: 0.5rem;
    font-size: 1rem;
    border: 0.125rem solid #F4F3F3;
}

#search-results .results-widget button {
    flex-basis: 20%;
    border: none;
    background: #1D1D1B url('../img/comunes/ico-busqueda-blanco.svg') no-repeat center center;
    background-size: 1.3rem;
}

@media (min-width: 768px) {
    #search-results .results-widget {
        width: 60%;
        margin: 0 auto;
    }
    #search-results .results-widget input {
        flex-basis: 88%;
    }
    #search-results .results-widget button {
        flex-basis: 12%;
    }
}

/* Result fiilters */
.result-filters {
    display: flex;
    justify-content: center;
}

.result-filters .checkbox-filter {
    display: flex;
    align-items: center;
    /**/
    margin: 0 0.7rem;
    font-size: 1rem;
}

.result-filters .checkbox-filter input[type=checkbox] {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: 0.3rem;
}



/*
*
* Home
*
*/

/*
* Slide
*/

#slide {
    position: relative;
    width: 100vw;
    height: 100vh;
    background: #000;
}

/* Content */
#slide .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Slide */
#slide .slide {
    display: none;
    width: 100%;
    height: 100%;
    position: relative;
}

#slide .slide.active {
    display: flex;
    justify-content: center;
    align-items: center;
    /**/
    animation-name: fadeIn;
    animation-duration: 2s;
    background-size: cover !important;
}

@keyframes fadeIn {
    from {
        opacity: 0.2;
    }
    to {
        opacity: 1;
    }
}

#slide .slide.active::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; 
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 2%, rgba(0,0,0,0) 100%);
    opacity: 0.8;
}

/* Copy */
#slide .copy {
    position: absolute;
    margin-bottom: 5rem;
    padding: 0 1rem;
    color: #FFF;
}

#slide .copy h1 {
    margin-bottom: 1.36rem;
    font-size: 1.5rem;
    font-weight: 400;
    text-align: center;
}

#slide .copy p {
    margin-bottom: 0;
    text-align: center;
}

#slide .copy .project-name {
    display: block;
    margin-bottom: 1.36rem;
    font-size: 2rem;
    text-align: center;
}

/* Copy projects */
#slide .copy-projects {
    margin-bottom: 0;
}

/* Copy home */
#slide .copy-home {
    margin-bottom: 0;
}

/* Copy block */
#slide .copy-block {
    max-width: 80%;
    margin: 0 auto;
    padding: 0.5rem;
    background: rgba(0,0,0,0.3);
}

#slide .copy-block .project-name {
    font-size: 1.5rem;
}

#slide .copy-block p {
    margin-bottom: 1rem;
    font-size: 1.15rem;
    line-height: 125%;
}

#slide .copy-block p:last-of-type {
    margin-bottom: 0;
}

/* Copy block home */
#slide .copy-block-home {
    max-width: 85%;
    margin: 0 auto;
}

@media (min-width: 980px) {
    /* Content */
    #slide .content {
        align-items: center;
    }
    /* Copy */
    #slide .copy {
        margin-bottom: 0;
    }
    #slide .copy h1 {
        font-size: 2rem;
    }
    /* Copy block */
    #slide .copy-block {
        max-width: 60%;
        padding: 1.5rem;
    }
    #slide .copy-block .project-name {
        font-size: 2rem;
    }
    #slide .copy-block p {
        font-size: 1.25rem;
        line-height: 140%;
    }
    /* Copy block home */
    #slide .copy-block-home {
        max-width: 100%;
    }
}

/* Button container */
#slide .btn-container {
    width: 100%;
    text-align: center;
}

#slide .btn-container .btn {
    padding-right: 2.3rem;
    color: #FFF;
    background: url(../img/comunes/flecha-boton-blanco.svg) no-repeat 96% center;
    background-size: 1.25rem;
    transition: all ease 0.25s;
}

#slide .btn-container .btn:hover {
    background-position-x: right;
}

/* Controls */
#slide .controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /**/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

#slide .controls .btn {
    display: block;
    width: 3.125rem;
    height: 3.125rem;
    pointer-events: auto;
    background: url(../img/comunes/flecha-boton-blanco-left.svg) no-repeat center center;
    background-size: 1.2rem;
}

#slide .controls .prev:hover {
    background-position-x: 40%;
}

#slide .controls .next {
    background: url(../img/comunes/flecha-boton-blanco.svg) no-repeat center center;
    background-size: 1.2rem;
}

#slide .controls .next:hover {
    background-position-x: 60%;
}

/* Indicators */
#slide .indicators {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    /**/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 1.875rem;
    pointer-events: none;
}

#slide .indicators ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0;
}

#slide .indicators ul li {
    display: inline-block;
    width: 2rem;
    height: 0.25rem;
    margin-right: 0.625rem;
    background: #F4F3F3;
    transition: all 0.5s ease;
}

#slide .indicators ul li:last-child {
    margin-right: 0;
}

#slide .indicators ul li.active {
    background: #D0000E;
}

@media (min-width: 980px) {
    /* Indicators */
    #slide .indicators ul li {
        width: 6.25rem;
    }
}

/*
* Interior slide
*/

.interior-slide {
    height: calc(100vh - 4.6rem) !important;
}

@media (min-width: 1220px) {
    .interior-slide {
        /* height: calc(100vh - 8.1rem) !important; */
        height: calc(100vh - 7.1rem) !important;
    }
}

/*
* Intro text
*/

#intro-text .slogan h1,
#intro-text .slogan h2 {
    margin-bottom: 2rem;
    font-size: 2.125rem;
    font-weight: 400;
    line-height: 2.4rem;
}

#intro-text .intro p {
    font-size: 1.5rem;
    line-height: 2.125rem;
}

#intro-text .intro p:last-of-type {
    margin-bottom: 0;
}

#intro-text .intro.full {
    flex-basis: 100%;
    /**/
    padding: 0;
}

#intro-text .intro.full h1 {
    margin-bottom: 2rem;
}

/* Logos */
#intro-text .logos {
    display: flex;
    flex-direction: column;
    align-items: center;
    /**/
    margin: 1.5rem auto 0 auto;
}

#intro-text .logos img {
    width: auto;
    height: 4rem;
}

@media (min-width: 768px) {
    /* Logos */
    #intro-text .logos {
        flex-direction: row;
        justify-content: space-evenly;
        /**/
        width: 70%;
    }
}

@media (min-width: 980px) {
    #intro-text .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #intro-text .slogan {
        flex-basis: 25%;
    }
    #intro-text .slogan h1
    #intro-text .slogan h2 {
        margin-bottom: 0;
    }
    #intro-text .intro {
        flex-basis: 75%;
        /**/
        padding-left: 1.9rem;
    }
    /* Logos */
    #intro-text .logos {
        width: 60%;
    }
}

/*
* Collections
*/

#collections {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(6, auto);
    grid-template-areas:
        "recubrimientos"
        "banos"
        "calentadores"
        "ventiladores"
        "cocinas"
        "exteriores"
        "industria-comercio";
}

/* Collection */
section.collection {
    display: flex;
    flex-direction: column;
}

/* Collection in row and row reverse format */
@media (min-width: 768px) {
    /* Row */
    section.collection.row {
        flex-direction: row;
    }
    /* Row reverse */
    section.collection.row-reverse {
        flex-direction: row-reverse;
    }
    /* Background */
    section.collection.row .background,
    section.collection.row-reverse .background {
        flex-basis: 50%;
    }
    /* Description */
    section.collection.row .description,
    section.collection.row-reverse .description {
        flex-basis: 50%;
        /**/
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/* Background */
section.collection .background {
    width: 100%;
    height: 15rem;
}

@media (min-width: 480px) {
	section.collection .background {
        height: 18rem;
    }
}

@media (min-width: 768px) {
    section.collection .background {
        height: 40rem;
    }
    section.collection .background.msize {
        height: auto;
    }
}

@media (min-width: 980px) {
    section.collection .background {
        height: 38rem;
    }
}

@media (min-width: 1220px) {
    section.collection .background {
        height: 34.375rem;
    }
}

@media (min-width: 1380px) {
    section.collection .background {
        height: 40.625rem;
    }
}

/* Description */
section.collection .container {
    padding-left: 0;
    padding-right: 0;
}

/* Highlight */
section.collection .highlight {
    font-size: 1.5rem;
}

section.collection a.underlined {
    font-weight: bold;
    text-decoration: underline;
}

/* Footer */
section.collection .footer {
    margin-top: 2rem;
}

/* Brands */
section.collection .brands {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    /**/
    margin-top: 2rem;
}

section.collection .brands img {
    display: inline-block;
    opacity: 0.5;
    height: 1rem;
    margin: 0 0.3rem 2rem 0.3rem;
    vertical-align: top;
}

@media (min-width: 480px) {
    section.collection .brands img {
        height: 1.5rem;
    }
}

/* Recubrimientos */
#recubrimientos {
    grid-area: recubrimientos;
}

#recubrimientos .background {
    /*background: url('../img/home/colecciones/artexa-recubrimientos.jpg') no-repeat center center;*/
    background: url('../img/home/colecciones/artexa-recubrimientos-2.jpg') no-repeat center center;

    background-size: cover;
}

/* Baños */
#banos {
    grid-area: banos;
}

#banos .background {
    background: url('../img/home/colecciones/griferia-accesorios-y-muebles-de-bano-3.jpg') no-repeat center center;
    background-size: cover;
}

/* Calentadores */
#calentadores {
    grid-area: calentadores;
}



#energia .background{
  background: url('../img/home/colecciones/marca-generac.webp') no-repeat center center;
    background-size: cover;
 }

#calentadores .background {
    background: url('../img/home/colecciones/Artexa-Rinnai-Calentadores-de-agua.jpg') no-repeat center center;
    background-size: cover;
}

/* ventiladores */
ventiladores {
    grid-area: ventiladores;
}

#ventiladores .background {
    background: url('../img/home/colecciones/ventiladores-de-techo-BAF.webp') no-repeat center center;
    background-size: cover;
}

/* Cocinas */
#cocinas {
    grid-area: cocinas;
}

#cocinas .background {
    background: url('../img/home/colecciones/COCINA-GAGGENAU-ARTEXA-2.jpg') no-repeat bottom center;
    background-size: cover;
}

/* Exteriores */
#exteriores {
    grid-area: exteriores;
}

#exteriores .background {
    background: url('../img/home/colecciones/muebles-de-exterior-DEDON.webp') no-repeat center center;
    background-size: cover;
}

/* Industria y comercio */
#industria-comercio {
    grid-area: industria-comercio;
}

#industria-comercio .background {
    background: url('../img/home/colecciones/industria-y-comercio.webp') no-repeat center center;
    background-size: cover;
}





/*
* Projects
*/

/* Título */
#projects .title h2 {
    margin-bottom: 0;
}

/* Project */

/* Background */
.project .background {
    width: 100%;
    height: 15rem;
    background-size: cover !important;
}

/* Description */
.project h3 {
    margin-bottom: 1.36rem;
    font-size: 1.5rem;
}

/* Footer */
.project .footer {
    margin-top: 2rem;
}

@media (min-width: 480px) {
    /* Background */
	.project .background {
        height: 18.75rem;
    }
}

@media (min-width: 1380px) {
    /* Background */
    .project .background {
        height: 25rem;
    }
}



/*
*
* Products
*
*/

/*
* Product categories
*/

/* Slide */
body.categories #slide {
    position: relative;
    width: 100vw;
    height: 30vh;
    background: url('../img/productos/__slide-subcategoria.jpg') no-repeat center center;
    background-size: cover !important;
}

@media (min-width: 980px) {
    body.categories #slide {
        /* Slide */
        height: 50vh;
    }
}

/* Intro text */
body.categories #intro-text .container {
    padding-left: 0;
    padding-right: 0;
    background: #FFF;
}

body.categories #intro-text h2 {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.875rem;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    /* Intro text */
    body.categories #intro-text {
        position: relative;
        margin-top: -2.5rem;
        z-index: 1;
    }
}


@media (min-width: 980px) {
    /* Intro text */
    body.categories #intro-text h2 {
        font-size: 1.5rem;
        line-height: 2.125rem;
    }
}


/*
* Subcategories
*/

#subcategories .title h1 {
    margin-bottom: 0;
}

#subcategories .title  span {
    display: block;
    font-size: 1rem;
}

/* Subcategory */
.subcategory {
    margin-bottom: 1.875rem;
}

@media (min-width: 480px) {
    .subcategory {
        margin-bottom: 2.5rem;
    }
}

@media (min-width: 980px) {
    .subcategory {
        margin-bottom: 3.75rem;
    }
}

/* Background */
.subcategory .background {
    width: 100%;
    height: 15rem;
    background-size: cover !important;
}

.subcategory .background a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.subcategory .background h3 {
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 1rem 3rem 1rem 1rem;
    font-weight: 400;
    font-size: 1.5rem;
    color: #FFF;
    background: #1D1D1B;
    transition: all ease 0.25s;
}

.subcategory .background:hover h3 {
    padding-right: 3.5rem;
}

@media (min-width: 480px) {
    /* Background */
	.subcategory .background {
        height: 18.75rem;
    }
}

@media (min-width: 1380px) {
    /* Background */
    .subcategory .background {
        height: 25rem;
    }
}

/* Description */
.subcategory ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.subcategory ul li {
    margin-bottom: 0.875rem;
}

.subcategory ul li:last-child {
    margin-bottom: 0;
}

.subcategory ul a {
    display: block;
    background: url(../img/comunes/flecha-boton.svg) no-repeat 98% center;
    background-size: 0.625rem;
    transition: all ease 0.25s;
}

.subcategory ul a:hover {
    background-position-x: right;
}

/* Footer */
.subcategory .footer {
    margin-top: 2rem;
}



/*
* Subcategories detail
*/

/* Slide */
body.subcategories #slide {
    position: relative;
    width: 100vw;
    height: 25vh;
    /*background: url('../img/productos/__slide-subsubcategoria.jpg') no-repeat center center;*/
    background-size: cover;
}

@media (min-width: 980px) {
    /* Slide */
    body.subcategories #slide {
        height: 40vh;
    }
}

/* Sub subcategories */
#subsubcategories .title h1 {
    margin-bottom: 0;
}

#subsubcategories .title span {
    display: block;
    font-size: 1rem;
}

#subsubcategories .title a {
    margin: 0 0.5rem;
    color: #D0000E;
}

#subsubcategories .title a:first-child {
    margin-left: 0;
}

/* Filters */
#subsubcategories .filters {
    margin-top: 1.875rem;
}

#subsubcategories .filters a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /**/
    padding: 0.5rem 0.7rem;
    color: #FFF;
    background: #1D1D1B;
}

#subsubcategories .filters a img {
    width: 1.4rem;
}

/* Content */
#subsubcategories .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /**/
    margin-top: 1.875rem;
}

/* Sidebar */
#subsubcategories .sidebar {
    display: none;
    margin-bottom: 1.875rem;
}

#subsubcategories .sidebar.showing {
    display: block;
}

/* Widget */
#subsubcategories .sidebar .widget {
    margin-bottom: 3rem;
}

#subsubcategories .sidebar .widget:last-child {
    margin-bottom: 0;
}

#subsubcategories .sidebar .widget h3 {
    margin-bottom: 1rem;
    font-size: 1.375rem;
}

#subsubcategories .sidebar .widget ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#subsubcategories .sidebar .widget ul li {
    margin-bottom: 0.4rem;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #F4F3F3;
}

#subsubcategories .sidebar .widget ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

#subsubcategories .sidebar .widget ul a {
    display: block;
    background: url(../img/comunes/flecha-boton.svg) no-repeat 98% center;
    background-size: 0.625rem;
    transition: all ease 0.25s;
}

#subsubcategories .sidebar .widget ul li.active a {
    color: #928C8C;
    background: none;
}

#subsubcategories .sidebar .widget ul a:hover {
    background-position-x: right;
}

/* Brands */
#subsubcategories .sidebar .brands ul li {
    display: flex;
}

#subsubcategories .sidebar .brands ul li input[type=checkbox] {
	/* corregido 2021/10/22 */
	/* width: 1.6rem; */
	/* height: 1.6rem; */
	/* margin-right: 0.5rem; */
	margin: 8px 15px 8px 0;
	width: auto;
	transform: scale(1.6);
}

/* Product grid */
#subsubcategories .sidebar,
#subsubcategories .product-grid {
    flex-basis: 100%;
}

@media (min-width: 1220px) {
    /* Filters */
    #subsubcategories .filters {
        display: none;
        pointer-events: none;
    }
    /* Sidebar */
    #subsubcategories .sidebar {
        flex-basis: 23%;
        /**/
        display: block;
        margin-bottom: 0;
    }
    /* Product grid */
    #subsubcategories .product-grid {
        flex-basis: 75%;
    }
}

/*
* Product detail
*/

#product-detail {
    padding-top: 4.6rem;
}

@media (min-width: 1220px) {
    #product-detail {
        padding-top: 8.1rem;
    }
}

/* Breadcrumbs */
#breadcrumbs {
    margin-top: 1.563rem;
    margin-bottom: 1.563rem;
}

#breadcrumbs ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0;
}

#breadcrumbs ul li {
    display: inline;
}

#breadcrumbs ul li::after {
    display: inline-block;
    content: '/';
    margin: 0 0.5rem;
    font-size: 1rem;
    text-align: center;
    color: #928C8C;
}

#breadcrumbs ul li:last-child::after {
    content: '';
    margin: 0;
}

#breadcrumbs ul li a {
    font-size: 1rem;
    font-weight: bold;
    color: #D0000E;
}

@media (min-width: 1220px) {
    #breadcrumbs {
        margin-bottom: 6.25rem;
    }
}

/* Content */

/* Product gallery */
#product-detail .product-gallery img {
    display: block;
    width: 100%;
    height: auto;
}

#product-detail .product-gallery ul {
    display: flex;
    flex-wrap: wrap;
    /**/
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style-type: none;
}

#product-detail .product-gallery ul li {
    flex-basis: 4.5rem;
    margin-right: 0.625rem;
    margin-bottom: 0.625rem;
}

#product-detail .product-gallery ul li:last-child {
    margin-right: 0;
}

#product-detail .product-gallery ul li.active {
    padding: 0.4rem;
    border: 2px solid #928C8C;
}

@media (min-width: 480px) {
    #product-detail .product-gallery ul li {
        flex-basis: 5rem;
    }
}

/* Product description */
#product-detail .product-description {
    padding-top: 1rem;
}

@media (min-width: 768px) {
    #product-detail .product-description {
        padding-top: 0;
        padding-left: 1rem;
    }
}

/* Product block */
#product-detail .product-block .title {
    display: block;
    margin-bottom: 1.25rem;
    font-size: 1rem;
}

#product-detail hr {
    width: 100%;
    height: 4px;
    margin: 3rem 0;
    border: 0;
    background-color: #F4F3F3;
}

/* Product title */
#product-detail .product-title h1 {
    font-size: 2.125;
}

/* Meta */
#product-detail .meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /**/
    margin-top: 1rem;
    font-size: 1rem;
}

#product-detail .meta .collection,
#product-detail .meta .availability {
    flex-basis: 100%;
}

#product-detail .meta .availability {
    margin-top: 0.5rem;
}

#product-detail .meta .collection a {
    font-weight: bold;
}

@media (min-width: 480px) {
    #product-detail .meta .collection,
    #product-detail .meta .availability {
        flex-basis: 50%;
    }
    #product-detail .meta .availability {
        margin-top: 0;
        text-align: right;
    }
}

/* Product description */
#product-detail .description {
    margin: 2.5rem 0;
}

#product-detail .description .sku {
    display: block;
    margin-bottom: 0.2rem;
    font-size: 1rem;
    color: #928C8C;
}

#product-detail .description p:last-child {
    margin: 0;
}

/* Product SKU */
#product-detail ul.child-sku {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(3.5rem, 4rem));
    justify-content: center;
    grid-gap: 0.5rem;
    /**/
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0;
}

#product-detail ul.child-sku li {
    border: 2px solid transparent;
}

#product-detail ul.child-sku li.active {
    border: 2px solid #D0000E;
}

#product-detail ul.child-sku img {
    width: 100%;
    height: auto;
}

/* Suggested price */
#product-detail .suggested-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#product-detail .suggested-price .title {
    margin-bottom: 0;
}

#product-detail .suggested-price .price {
    display: block;
    font-size: 2.125rem;
    font-weight: bold;
}

/* Certificates */
#product-detail .certificates ul {
    display: flex;
    /**/
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style-type: none;
}

#product-detail .certificates ul li {
    margin-right: 0.625rem;
}

#product-detail .certificates ul li:last-child {
    margin-right: 0;
}

#product-detail .certificates ul li img {
    width: 3.75rem;
}

/* Downloads */
#product-detail .downloads ul {
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style-type: none;
}

#product-detail .downloads ul li {
    margin-bottom: 0.6rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid #F4F3F3;
}

#product-detail .downloads ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

#product-detail .downloads ul a {
    display: block;
    font-size: 1.25rem;
    background: url(../img/comunes/flecha-boton-down.svg) no-repeat 99% center;
    background-size: 0.8rem;
    transition: all ease 0.25s;
}

#product-detail .downloads ul a:hover {
    background-position-y: 100%;
}

/* Complementary and related products */
#complementary-products .header,
#related-products .header {
    margin-bottom: 2rem;
}



/*
*
* Blog
*
*/

/*
* Blog content
*/

/* Title */
#blog-content .title h1 {
    margin-bottom: 0;
}

#blog-content .title h1 span {
    display: block;
    font-size: 1rem;
}

#blog-content .title h1 a {
    margin: 0 0.5rem;
    color: #D0000E;
}

#blog-content .title h1 a:first-child {
    margin-left: 0;
}

/* Content */
#blog-content .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /**/
    margin-top: 1.875rem;
}

/* Sidebar */
#blog-content .sidebar {
    display: none;
    margin-bottom: 1.875rem;
}

#blog-content .sidebar.showing {
    display: block;
}

/* Widget */
#blog-content .sidebar .widget {
    margin-bottom: 3rem;
}

#blog-content .sidebar .widget:last-child {
    margin-bottom: 0;
}

#blog-content .sidebar .widget h3 {
    margin-bottom: 1rem;
    font-size: 1.375rem;
}

#blog-content .sidebar .widget ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#blog-content .sidebar .widget ul li {
    margin-bottom: 0.4rem;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #F4F3F3;
}

#blog-content .sidebar .widget ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

#blog-content .sidebar .widget ul a {
    display: block;
    background: url(../img/comunes/flecha-boton.svg) no-repeat 98% center;
    background-size: 0.625rem;
    transition: all ease 0.25s;
}

#blog-content .sidebar .widget ul li.active a {
    color: #928C8C;
    background: none;
}

#blog-content .sidebar .widget ul a:hover {
    background-position-x: right;
}

/* Posts grid */
#blog-content .sidebar,
#blog-content .posts-grid {
    flex-basis: 100%;
}

@media (min-width: 1220px) {
    /* Filters */
    #blog-content .filters {
        display: none;
    }
    /* Sidebar */
    #blog-content .sidebar {
        flex-basis: 23%;
        /**/
        display: block;
        margin-bottom: 0;
    }
    /* Posts grid */
    #blog-content .posts-grid {
        /* flex-basis: 75%; */
    }
}

/* Latest post */
.posts-grid .latest-post {
    margin-bottom: 5rem;
    background: #F4F3F3;
}

.posts-grid .latest-post .background {
    width: 100%;
    height: 12rem;
    background-size: cover !important;
}

@media (min-width: 480px) {
    /* Background */
    .posts-grid .latest-post .background {
        height: 14rem;
    }
}

@media (min-width: 768px) {
    .posts-grid .latest-post {
        display: flex;
        align-items: center;
    }
    /* Latest post background */
    .posts-grid .latest-post .background {
        flex-basis: 50%;
        /**/
        height: 25rem;
    }
    
    /* Latest post description */
    .posts-grid .latest-post .description {
        flex-basis: 50%;
        /**/
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

/* Background */
.posts-grid .post .background {
    width: 100%;
    height: 12rem;
    background-size: cover !important;
}

.posts-grid .post .background a,
.posts-grid .latest-post .background a {
    display: block;
    width: 100%;
    height: 100%;
}

/* Description */
.posts-grid .post h3,
.posts-grid .latest-post h3 {
    margin-bottom: 1.36rem;
    font-size: 1.5rem;
}

.posts-grid .post p:last-of-type,
.posts-grid .latest-post p:last-of-type {
    margin-bottom: 0;
}

/* Footer */
.posts-grid .post .footer,
.posts-grid .latest-post .footer {
    margin-top: 2rem;
}

@media (min-width: 480px) {
    /* Background */
    .posts-grid .post .background {
        height: 14rem;
    }
}

@media (min-width: 1380px) {
    /* Background */
    .posts-grid .post .background {
        height: 16rem;
    }
}

/*
* Post detail
*/

/* Title */
#post-content .title {
    margin-bottom: 1.875rem;
}

#post-content .title a {
    display: block;
    font-size: 1rem;
    font-weight: bold;
    color: #D0000E;
}

/* Post intro */
#post-content .post-intro {
    margin-bottom: 1.36rem;
    background: #F4F3F3;
}

#post-content .post-intro .background {
    width: 100%;
    height: 12rem;
    background-size: cover !important;
}

#post-content .post-intro h1 {
    margin-bottom: 2rem;
}

#post-content .post-intro a {
    font-weight: bold;
    text-decoration: underline;
}

@media (min-width: 480px) {
    /* Background */
    #post-content .post-intro .background {
        height: 18rem;
    }
}

@media (min-width: 768px) {
    #post-content .post-intro {
        display: flex;
        align-items: center;
    }
    /* Latest post background */
    #post-content .post-intro .background {
        flex-basis: 60%;
        /**/
        height: 30rem;
    }
    /* Latest post description */
    #post-content .post-intro .description {
        flex-basis: 40%;
        /**/
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

/* Post description */
#post-content .post-description {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

#post-content .post-description h3 {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

#post-content .post-description h4 {
    margin-bottom: 2rem;
}

#post-content .post-description a {
    font-weight: bold;
    text-decoration: underline;
}

#post-content .post-description ul,
#post-content .post-description ol {
    margin: 2rem 0;
}

#post-content .post-description ul li,
#post-content .post-description ol li {
    margin: 0 0 1rem 1rem;
    padding-left: 0;
}

#post-content .post-description ul li:last-of-type,
#post-content .post-description ol li:last-of-type {
    margin-bottom: 0;
}

#post-content .post-description p:last-of-type {
    margin-bottom: 0;
}

#post-content .post-description img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    margin-bottom: 1.36rem;
}

/* Form */
#post-content .post-form {
    margin-bottom: 5rem;
}

#post-content .post-form h2 {
    font-size: 1.875rem;
    text-align: center;
}

.post-form .contact-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /**/
    margin: 0 auto;
}

.post-form .contact-form .field {
    flex-basis: 100%;
    /**/
    margin-bottom: 0.8rem;
}

.post-form .contact-form .field:last-of-type {
    margin-bottom: 0;
}

.post-form .contact-form .field label {
    font-size: 1rem;
}

.post-form .contact-form .input,
.post-form .contact-form .select {
    width: 100%;
    height: 3.125rem;
    padding: 0.5rem;
    font-size: 1rem;
    border: 0.125rem solid #F4F3F3;
}

.post-form .contact-form .checkbox {
    width: 1.2rem;
    height: 1.2rem;
}

.post-form .contact-form .textarea {
    width: 100%;
    height: 10rem;
    padding: 0.5rem;
    font-size: 1rem;
    font-family: myriad-pro-semi-condensed,sans-serif;
    border: 0.125rem solid #F4F3F3;
}

.post-form .contact-form .submit {
    margin-top: 2rem;
}

@media (min-width: 980px) {
    /* Contact form */
    .post-form .contact-form {
        width: 55%;
    }
    .post-form .contact-form .field {
        flex-basis: 49%;
    }
    .post-form .contact-form .field.full {
        flex-basis: 100%;
    }
}

/* More articles */
#post-content .view-more-posts {
    padding-left: 1.5rem;
    background: url(../img/comunes/flecha-boton-left.svg) no-repeat 3% center;
    background-size: 1rem !important;
}

/* Posts grid */
.posts-grid h2 {
    font-size: 1.875rem;
}



/*
*
* Artexa Service
*
*/

#artexa-service .menu-services h1 {
    margin-bottom: 2rem;
}

#artexa-service .menu-services p:last-of-type {
    margin-bottom: 0;
}

/* Services details */
.services-details {
    margin-top: 5rem;
}

/* Service detail */
.service-detail {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /**/
    position: relative;
    margin-top: 5rem;
    padding-top: 5rem;
    border-top: 4px solid #F4F3F3;
}

/* Background */
.service-detail .background {
    width: 100%;
    height: 15rem;
}

/* Description */
.service-detail .description {
    padding: 1.875rem 0;
}

.service-detail .btn-primary {
    font-size: 1.5rem;
}

.service-detail .up-btn {
    display:  block;
    position: absolute;
    right: 0;
    bottom: 0;
    padding-right: 1.2rem;
    font-size: 1rem;
    color: #D0000E;
    background: url(../img/comunes/flecha-boton-up.svg) no-repeat right center;
    background-size: 0.6rem;
}

.service-detail .up-btn:hover {
    background-position-y: 0;
}

/* Service form */
.service-form {
    margin-top: 5rem;
    padding-top: 5rem;
    border-top: 4px solid #F4F3F3;
}

/* Contact form */
.service-form .contact-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /**/
    margin: 0 auto;
}

.service-form .textarea {
    height: 7rem;
}

.service-form .wa a {
    display: inline-block;
    margin: 0;
    padding-left: 2rem;
    vertical-align: middle;
    font-size: 2rem;
    font-weight: bold;
    background: url(../img/comunes/ico-wa.svg) no-repeat left center;
    background-size: 1.5rem;
}

@media (min-width: 480px) {
    /* Background */
    .service-detail .background {
        height: 18rem;
    }
}

@media (min-width: 768px) {
    /* Background */
    .service-detail .background {
        flex-basis: 50%;
        /**/
        height: 30rem;
    }
    /* Description */
    .service-detail .description {
        flex-basis: 50%;
        /**/
        padding: 2.5rem;
    }
}

@media (min-width: 980px) {
    .service-form .contact-form {
        width: 60%;
    }
}



/*
*
* General content
*
*/

/* Title */
#general-content .title h1 {
    margin-bottom: 0;
}

/* Content */
#general-content .content {
    margin-top: 1.875rem;
}

#general-content .content h1, 
#general-content .content h2 {
    margin-bottom: 2rem;
    font-size: 1.875rem;
}

#general-content .content img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    margin-bottom: 1.36rem;
}

#general-content .content p:last-of-type {
    margin-bottom: 0;
}

#general-content .content.full {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /**/
    height: 40vh;
    text-align: center;
}

/* Footer */
#general-content .footer {
    margin-top: 2rem;
}



/*
*
* Contact
*
*/

/*
* Contact us
*/

/* Background */
#contact-content .contact-us .background {
    width: 100%;
    height: 20rem;
    background-size: cover !important;
}

/* Description */
#contact-content .contact-us .description h1 {
    margin-bottom: 1.875rem;
}

#contact-content .contact-us .description hr {
    width: 100%;
    height: 4px;
    margin: 2rem 0;
    border: 0;
    background-color: #F4F3F3;
}

/* Contact form */
#contact-content .contact-us .contact-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /**/
    margin: 0 auto;
}

#contact-content .contact-us .textarea {
    height: 7rem;
}

/* Contact times */
#contact-content .contact-times,
.visit-us .contact-times {
    display: flex;
    flex-direction: column;
    /**/
    margin-top: 2rem;
    list-style-type: none;
}

#contact-content .contact-times li.phone,
#contact-content .contact-times li.chat,
.visit-us .contact-times li.phone,
.visit-us .contact-times li.chat {
    flex-basis: 49%;
    padding-left: 2rem;
    background: url(../img/contacto/ico-telefono.svg) no-repeat left 5%;
    background-size: 1.5rem;
}

#contact-content .contact-times li.chat,
.visit-us .contact-times li.chat {
    background-image: url(../img/contacto/ico-chat.svg);
}

#contact-content .contact-times li:last-child,
.visit-us .contact-times li:last-child {
    margin-top: 1rem;
}

#contact-content .contact-times p,
.visit-us .contact-times p {
    margin-bottom: 0;
    font-size: 1.2rem;
}

#contact-content .contact-times a,
.visit-us .contact-times a {
    color: #D0000E;
}

#contact-content .contact-times a:hover,
.visit-us .contact-times a:hover {
    color: #222;
}

@media (min-width: 768px) {
    #contact-content .contact-us {
        display: flex;
        align-items: center;
    }
    /* Background */
    #contact-content .contact-us .background {
        flex-basis: 48%;
        /**/
        height: 42rem;
    }
    
    /* Description */
    #contact-content .contact-us .description {
        flex-basis: 52%;
        /**/
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

@media (min-width: 1220px) {
    /* Background */
    #contact-content .contact-us .background {
        flex-basis: 46%;
    }
    
    /* Description */
    #contact-content .contact-us .description {
        flex-basis: 54%;
    }
    /* Contact times */
    #contact-content .contact-times,
    .visit-us .contact-times {
        flex-direction: row;
        justify-content: space-between;
    }
    #contact-content .contact-times li:last-child,
    .visit-us .contact-times li:last-child {
        margin-top: 0;
    }
}

@media (min-width: 1380px) {
    /* Background */
    #contact-content .contact-us .background {
        flex-basis: 49%;
    }
    
    /* Description */
    #contact-content .contact-us .description {
        flex-basis: 51%;
    }
}

/*
* Modal
*/

/* Contact modal */
#contact-modal {
    display: none;
}

#contact-modal.showing {
    display: flex;
    justify-content: center;
    align-items: center;
    /**/
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 3;
    background: rgba(0,0,0,0.5);
}

/* Modal */
#contact-modal #modal {
    overflow: hidden;
    width: 19rem;
    height: 80vh;
    padding: 15px;
    background-color: #FFF;
}

/* Modal header */
#contact-modal .modal-header {
    display: flex;
    justify-content: space-between;
    /**/
    height: 7%;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #F4F3F3;
}

#contact-modal .modal-close a {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background: #000 url('../img/comunes/ico-cerrar-blanco.svg') no-repeat center center;
    background-size: 0.8rem;
}

/* Modal body */
#contact-modal .modal-body {
    overflow: scroll;
    height: 93%;
}

@media (min-width: 768px) {
    #contact-modal #modal {
        width: 60vw;
        height: 60vh;
    }
}



/*
*
* Projects
*
*/

/*
* Projects description
*/

.projects-description {
    margin-top: 5rem;
    padding-top: 5rem;
    border-top: 4px solid #F4F3F3;
}

/* Background */
.projects-description .background {
    width: 100%;
    height: 20rem;
    background-size: cover !important;
}

/* Description */
.projects-description .description {
    padding-top: 0;
}

.projects-description .description p:last-of-type {
    margin-bottom: 0;
}

@media (min-width: 980px) {
    .projects-description {
        display: flex;
        align-items: center;
    }
    /* Background */
    .projects-description .background {
        flex-basis: 50%;
        /**/
        height: 30rem;
    }
    
    /* Description */
    .projects-description .description {
        flex-basis: 50%;
        /**/
        display: flex;
        flex-direction: column;
        justify-content: center;
        /**/
        padding: 2.5rem;
    }
}

/*
* Projects form
*/

.projects-form {
    margin-top: 5rem;
    padding-top: 5rem;
    border-top: 4px solid #F4F3F3;
}

.projects-form h2 {
    font-size: 1.875rem;
    text-align: center;
}

/* Contact form */
.projects-form .contact-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /**/
    margin: 0 auto;
}

/* Field */
.contact-form .field {
    flex-basis: 100%;
    /**/
    margin-bottom: 0.8rem;
}

.contact-form .field:last-of-type {
    margin-bottom: 0;
}

.contact-form .field label {
    font-size: 1rem;
}

.contact-form .input,
.contact-form .select {
    width: 100%;
    height: 3.125rem;
    padding: 0.5rem;
    font-size: 1rem;
    border: 0.125rem solid #F4F3F3;
}

.contact-form .checkbox {
    width: 1.2rem;
    height: 1.2rem;
}

.contact-form .textarea {
    width: 100%;
    height: 10rem;
    padding: 0.5rem;
    font-size: 1rem;
    font-family: myriad-pro-semi-condensed,sans-serif;
    border: 0.125rem solid #F4F3F3;
}

.contact-form .submit {
    margin-top: 2rem;
}

.projects-form .wa a {
    display: inline-block;
    margin: 0;
    padding-left: 2rem;
    vertical-align: middle;
    font-size: 2rem;
    font-weight: bold;
    background: url(../img/comunes/ico-wa.svg) no-repeat left center;
    background-size: 1.5rem;
}

@media (min-width: 980px) {
    /* Contact form */
    .projects-form .contact-form {
        width: 60%;
    }
    /* Field */
    .contact-form .field {
        flex-basis: 49%;
    }
    .contact-form .field.full {
        flex-basis: 100%;
    }
}



/*
*
* Brands
*
*/

/*
* Brands intro
*/

.brands-intro h1 {
    margin-bottom: 2rem;
}

.brands-intro p:last-of-type {
    margin-bottom: 0;
}

/*
* Brands filters
*/
.brands-filters {
    margin-top: 5rem;
    padding-top: 5rem;
    text-align: center;
    border-top: 4px solid #F4F3F3;
}

.brands-filters select {
    height: 3.125rem;
    padding: 0.5rem;
    font-size: 1rem;
    border: 0.125rem solid #F4F3F3;
}

@media (min-width: 1220px) {
    .brands-filters {
        display: none;
    }
}

/*
* Brand description
*/

.brand-description {
    margin-top: 5rem;
    padding-top: 5rem;
    border-top: 4px solid #F4F3F3;
}

/* Background */
.brand-description .background {
    width: 100%;
    height: 20rem;
    background-size: cover !important;
}

/* Description */
.brand-description .description {
    position: relative;
    padding-bottom: 0;
}

.brand-description .description .btn-container {
    margin-top: 2rem;
}

.brand-description .logo {
    margin-bottom: 2rem;
    width: 10rem;
    height: auto;
}

.brand-description .description p:last-of-type {
    margin-bottom: 0;
}

.brand-description .up-btn {
    display:  block;
    position: absolute;
    right: 0;
    bottom: 0;
    padding-right: 1.2rem;
    font-size: 1rem;
    color: #D0000E;
    background: url(../img/comunes/flecha-boton-up.svg) no-repeat right center;
    background-size: 0.6rem;
}

.brand-description .up-btn:hover {
    background-position-y: 0;
}

@media (min-width: 980px) {
    .brand-description {
        display: flex;
        align-items: center;
    }
    /* Background */
    .brand-description .background {
        flex-basis: 50%;
        /**/
        height: 30rem;
    }
    
    /* Description */
    .brand-description .description {
        flex-basis: 50%;
        /**/
        display: flex;
        flex-direction: column;
        justify-content: center;
        /**/
        padding: 2.5rem;
    }
}

@media (min-width: 1220px) {
    .brand-description .up-btn {
        display: none;
    }
}



/*
*
* About
*
*/

/*
* About intro
*/

.about-intro .highlight {
    font-size: 1.5rem;
}

.about-intro h2 {
    font-size: 1.875rem;
}

.about-intro p:last-of-type {
    margin-bottom: 0;
}

/*
* About quick facts
*/

.about-quick-facts {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2rem;
    /**/
    margin-top: 5rem;
    padding-top: 5rem;
    border-top: 4px solid #F4F3F3;
}

.about-quick-facts h2 {
    margin-bottom: 2rem;
}

/* Quick fact */
.quick-fact {
    padding: 2rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -o-border-radius: 1rem;
    border-radius: 1rem;
    background: #F4F3F3;
}

.quick-fact img {
    display: block;
    width: 8rem;
    margin: 0 auto 1rem auto;
}

.quick-fact h3 {
    margin-bottom: 1rem;
}

.quick-fact p {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .about-quick-facts {
        grid-template-columns: repeat(3, 1fr);
    }
    .about-quick-facts h2 {
        grid-column: 1/4;
    }
}


/*
* About description
*/

.about-description {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /**/
    margin-top: 5rem;
    padding-top: 5rem;
    border-top: 4px solid #F4F3F3;
}

/* Info */
.about-description .info {
    flex-basis: 100%;
    /**/
    margin-bottom: 2rem;
}

.about-description .info:last-of-type {
    margin-bottom: 0;
}

.about-description .info h3 {
    margin-bottom: 2rem;
    font-size: 1.875rem;
}

.about-description .info p:last-of-type {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .about-description .info {
        flex-basis: 49%;
        /**/
        margin-bottom: 0;
    }
}



/*
*
* Dealers
*
*/


/*
* Dealers locator
*/

#dealers-locator {
    border-bottom: 4px solid #F4F3F3;
}

#dealers-locator h1 {
    margin-bottom: 2rem;
}

.dealers-filters {
    padding: 1rem;
    background-color: #F4F3F3;
}

.cat-filters {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-content: center;
    align-items: center;
    grid-gap: 1rem;
    /**/
    margin-bottom: 1rem;
}

.cat-filters .cat {
    display: flex;
    /**/
    padding: 1.5rem 1rem;
    background: #FFF;
}

.cat-filters input[type=checkbox] {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 0.5rem;
}

.dealers-filters #btn-filter {
    padding: 1rem 3rem 1rem 2rem;
    font-size: 1.25rem;
    color: #FFF;
    border: none;
    background: #1D1D1B url('../img/comunes/ico-busqueda-blanco.svg') no-repeat 85% center;
    background-size: 1rem;
}

@media (min-width: 768px) {
    .cat-filters {
        grid-template-columns: repeat(3, 1fr);
    }   
    .cat-filters .cat {
        justify-content: center;;
    }
}

@media (min-width: 980px) {
    .cat-filters {
        grid-template-columns: repeat(5, 1fr);
    }      
}

/* Dealers list */
.dealers-list {
    /*display: none;*/
    margin: 2rem 0 0 0;
}

.dealers-list.visible {
    display: block;
}

/* Dealers group filter */
.dealers-group-filter {
    margin-bottom: 2rem;
    text-align: center;
}

.dealers-group-filter select {
    height: 3.125rem;
    padding: 0.5rem;
    font-size: 1rem;
    border: 0.125rem solid #F4F3F3;
}

/* Dealers group */
.dealers-group {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-gap: 1.5rem;
    /**/
    margin-bottom: 3rem;
}

.dealers-group.hide {
    display: none;
}

.dealers-group:last-of-type {
    margin-bottom: 0;
}

.dealers-group h2 {
    grid-column: 1/2;
    /**/
    margin-bottom: 0;
    padding: 0.3rem 0.5rem;
    font-size: 1.35rem;
    color: #FFF;
    background: #222;
}

/* Dealer */
.dealers-group .dealer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /**/
    padding: 0.8rem;
    -webkit-box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.18);
    -webkit-border-radious: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.dealers-group .dealer p {
    margin-bottom: 0;
    font-size: 1.1rem;
    line-height: 130%;
}

.dealers-group .dealer p:last-of-type {
    margin-top: 0.8rem;
    text-align: center;
}

.dealers-group .dealer a {
    display: inline-block;
    padding: 0 0.3rem;
    font-weight: bold;
    font-size: 1rem;
    text-decoration: underline;
}

@media (min-width: 768px) {
    .dealers-group {
        grid-template-columns: repeat(2,1fr);
    }
    .dealers-group h2 {
        grid-column: 1/3;
    }
}

@media (min-width: 1220px) {
    .dealers-group .dealer {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .dealers-group .dealer p {
        flex-basis: 55%;
    }
    .dealers-group .dealer p:last-of-type {
        flex-basis: 45%;
        /**/
        margin-top: 0;
        text-align: right;
    }
}

@media (min-width: 1380px) {
    .dealers-group .dealer p {
        flex-basis: 52%;
    }
    .dealers-group .dealer p:last-of-type {
        flex-basis: 48%;
    }
}


/*
* Dealers slide
*/

.dealers-slide {
    height: 15vh !important;
}

@media (min-width: 768px) {
    .dealers-slide {
        height: 30vh !important;
    }
}

@media (min-width: 980px) {
    .dealers-slide {
        height: 40vh !important;
    }
}


/*
* Dealers main intro
*/
.dealers-main-intro {
    color: #FFF;
    background: #1D1D1B;
}

.dealers-main-intro h1 {
    margin-bottom: 1.36rem;
    font-size: 2.125rem;
    font-weight: 400;
    line-height: 2.4rem;
}

@media (min-width: 980px) {
    .dealers-main-intro h1 {
        margin-bottom: 0;
    }
}

/*
* Dealers intro
*/

.dealers-intro h2 {
    font-size: 1.875rem;
}

/*
* Dealers description
*/

.dealers-description {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /**/
    margin-top: 5rem;
}

/* Info */
.dealers-description .info {
    flex-basis: 100%;
    /**/
    margin-bottom: 2rem;
}

.dealers-description .info:last-of-type {
    margin-bottom: 0;
}

.dealers-description .info img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 2rem;
}

.dealers-description .info h3 {
    margin-bottom: 2rem;
    font-size: 1.875rem;
}

.dealers-description .info p:last-of-type {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .dealers-description .info {
        flex-basis: 32%;
    }
}

/*
* Dealers form
*/

/* Contact form */
.dealers-form {
    margin-top: 5rem;
    padding-top: 5rem;
    border-top: 4px solid #F4F3F3;
}

.dealers-form h2 {
    font-size: 1.875rem;
    text-align: center;
}

.dealers-form .contact-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /**/
    margin: 0 auto;
}

@media (min-width: 980px) {
    /* Contact form */
    .dealers-form .contact-form {
        width: 60%;
    }
}



/*
*
* Landings
*
*/


/*
* Landing slide
*/

.landing-slide {
    height: 15vh !important;
}

@media (min-width: 768px) {
    .landing-slide {
        height: 30vh !important;
    }
}

@media (min-width: 980px) {
    .landing-slide {
        height: 40vh !important;
    }
}


/*
* Landings intro text
*/

#intro-text.landing {
    color: #FFF;
    background: #1D1D1B;
}

#intro-text.landing h1 {
    margin-bottom: 1.36rem;
    font-size: 2.125rem;
    font-weight: 400;
    line-height: 2.4rem;
}

@media (min-width: 980px) {
    #intro-text.landing h1 {
        margin-bottom: 0;
    }
}


/*
* Landing content
*/

/* Main video */
.main-video {
    margin: 1.5rem auto 1.8rem auto;
    padding: 0.5rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #F4F3F3;
}

@media (min-width: 768px) {
    .main-video {
        max-width: 60%;
    }
}

/* Main photos */
.main-photos {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.main-photos figure {
    margin: 2rem 0.5rem;
    padding: 0.5rem;
    text-align: center;
    background: #F4F3F3;
}

.main-photos figure img {
    width: auto;
    height: 10rem;
    margin: 0 auto;
}

.main-photos figcaption {
    font-size: 1rem;
    font-style: italic;
}

.main-photos.nb figure {
    background: none;
}

.main-photos.nb figcaption {
    display: block;
    margin-top: 1rem;
    padding: 1rem;
    background: #F4F3F3;
}

@media (min-width: 768px) {
    /* Main photos */
    .main-photos {
        display: flex;
        justify-content: center;
    }
    .main-photos figure {
        margin: 0 1rem;
    }
    .main-photos figure img {
        width: auto;
        height: 20rem;
    }
}

/* Advantages */
.block-advantages {
    background: #FFF url(../img/landings/drenaje/fondo-ventajas.jpg) no-repeat center bottom;
    background-size: contain;
}

.block-applications {
    background: #FFF url(../img/landings/drenaje-sanitario/back-soluciones-e1579708271608.jpg) no-repeat center bottom;
    background-size: contain;
}

.advantages {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2rem;
}

/* Advantage */
.advantage {
    padding: 2rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -o-border-radius: 1rem;
    border-radius: 1rem;
    border: 4px solid rgba(0, 0, 0, 0.015);
    background: rgba(255, 255, 255, 0.5);
}

.advantage img {
    display: block;
    height: 6rem;
    margin: 0 auto 1rem auto;
}

.advantage h3 {
    margin-bottom: 1rem;
}

.advantage p {
    margin-bottom: 0;
}

.advantages.two-cols .advantage img {
    width: 100%;
    height: auto;
}

.advantages.two-cols.no-bg .advantage img {
    width: auto;
    height: 4rem;
}

.advantages.four-cols {
    grid-template-columns: repeat(1, 1fr);
}

@media (min-width: 768px) {
    .advantages {
        grid-template-columns: repeat(3, 1fr);
    }
    .advantages.two-cols {
        grid-template-columns: repeat(2, 1fr);
    }
    .advantages.two-cols .advantage img {
        width: auto;
        height: 25rem;
    }
    .advantages.two-cols.no-bg .advantage img {
        height: 6rem;
    }
    .advantages.four-cols {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 980px) {
    
}

@media (min-width: 1220px) {
    .advantages.four-cols {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Main gallery */
.main-gallery {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2rem;
}

.main-gallery figure {
    padding: 0.5rem;
    background: #F4F3F3;
}

.main-gallery figure img {
    width: 100%;
    height: auto;
}

.main-gallery figcaption {
    font-size: 1rem;
    font-style: italic;
}

@media (min-width: 768px) {
    .main-gallery {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Main videos */
.main-videos {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2rem;
}

.main-videos .video {
    padding: 0.5rem;
    background: #F4F3F3;
}

.main-videos .video span {
    display: inline-block;
    margin-top: 0.5rem;
    font-size: 1rem;
    font-style: italic;
}

@media (min-width: 768px) {
    .main-videos {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Main downloads */
.main-downloads ul {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2rem;
    /**/
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style-type: none;
}

.main-downloads ul a {
    display: block;
    padding: 1rem;
    font-size: 1.25rem;
    background: #F4F3F3 url(../img/comunes/flecha-boton-down.svg) no-repeat 96% center;
    background-size: 0.8rem;
    transition: all ease 0.25s;
}

.main-downloads ul a:hover {
    background-position-y: 100%;
}

@media (min-width: 768px) {
    .main-downloads ul {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Styled ul */
.styled-ul {
    margin: 2rem 0;
    padding: 0;
    font-size: 0;
    list-style-type: none;
}

.styled-ul li {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.5rem;
    font-size: 1.25rem;
    border-bottom: 1px solid #F4F3F3;
    background: url(../img/comunes/ico-tick.svg) no-repeat left center;
    background-size: 1rem;
}

.styled-ul li:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

/* Block landing two */
.block-bg-landing-two {
    background: #FFF url(../img/landings/tuberia/fondo-instalacion-planta.jpg) no-repeat center bottom;
    background-size: cover;
}

.block-bg-landing-two.no-bg {
    background: none;
}

/* Two cols content landing two */

/* Background */
.two-cols-content .background {
    width: 100%;
    height: 30rem;
    background-size: cover !important;
}

/* Description */
.two-cols-content .block {
    margin-bottom: 1rem;
    background-color: #F4F3F3;
}

.two-cols-content .block:last-of-type {
    margin-bottom: 0;
}

.two-cols-content .block .img img {
    width: 100%;
    height: auto;
}

.two-cols-content .block .text {
    padding: 0.5rem;
}

.two-cols-content .block h3 {
    margin-bottom: 1.36rem;
}

.two-cols-content .block p:last-of-type {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .two-cols-content {
        display: flex;
        align-items: center;
    }
    /* Background */
    .two-cols-content .background {
        flex-basis: 45%;
        /**/
        align-self: stretch;
        /**/
        height: auto;
    }
    /* Description */
    .two-cols-content .description {
        flex-basis: 55%;
        /**/
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    /* Block */
    .two-cols-content .block {
        display: flex;
        align-items: center;
    }
    .two-cols-content .block .img {
        flex-basis: 30%;    
    }
    .two-cols-content .block .text {
        flex-basis: 70%;
    }
}

@media (min-width: 980px) {
    /* Background */
    .two-cols-content .background {
        flex-basis: 40%;
    }
    /* Description */
    .two-cols-content .description {
        flex-basis: 60%;
    }
}


/* Two cols content even landing two */

/* Image */
.two-cols-content-even .image {
    width: 100%;
}

.two-cols-content-even .image img {
    display: block;
    width: 100%;
    height: auto;
}

/* Description */
.two-cols-content-even h3 {
    margin-bottom: 1.36rem;
}

.two-cols-content-even p:last-of-type {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .two-cols-content-even {
        display: flex;
        align-items: center;
    }
    /* Background */
    .two-cols-content-even .image {
        flex-basis: 40%;
    }
    /* Description */
    .two-cols-content-even .description {
        flex-basis: 60%;
    }
}



/*
*
* Outlet
*
*/

/*
* Main page
*/

/* Offers */
#general-content .offers,
#general-content .brands,
#general-content .by-category,
#general-content .visit-us,
#general-content .faq-notes,
#product-detail .visit-us {
    margin-top: 5rem;
}

#general-content .offers h2,
#general-content .brands h2,
#general-content .by-category h2,
#general-content .visit-us h2,
#general-content .faq-notes h2,
#product-detail .visit-us h2 {
    margin-bottom: 2rem;
}

/* Offer */
#general-content .offer .title {
    display: block;
    margin: 1rem 0 0.5rem 0;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 2.125rem;
}

#general-content .offer .more {
    display: block;
    margin-top: 0.5rem;
    font-weight: bold;
}

/* By category */
.by-category .grid-item a {
    display: block;
    position: relative;
}

.by-category .grid-item img {
    display: block;
    width: 100%;
    height: auto;
}

.by-category .grid-item h3 {
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1rem 3rem 1rem 1rem;
    font-weight: 400;
    font-size: 1.5rem;
    color: #FFF;
    background: #1D1D1B;
    transition: all ease 0.25s;
}

.by-category .grid-item a:hover h3 {
    padding-right: 3.5rem;
}

/* Visit us */
.visit-us hr {
    width: 100%;
    height: 4px;
    margin: 2rem 0;
    border: 0;
    background-color: #F4F3F3;
}

.visit-us li.address {
    flex-basis: 49%;
    padding-left: 2rem;
    background: url(../img/outlet/ico-mapa.svg) no-repeat left 5%;
    background-size: 1.5rem;
}

/* Map */
.visit-us iframe {
    width: 100%;
    height: 30rem;
    margin-top: 2rem;
    padding: 0.5rem;
    border: 1px solid #F4F3F3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-color: #FFF;
}

@media (min-width: 980px) {
    /* Visit us */
    .info-map {
        display: flex;
    }
    /* Contact info */
    .info-map .contact-info {
        flex-basis: 50%;
        /**/
        padding-right: 1rem;
    }
    /* Map */
    .info-map .map {
        flex-basis: 50%;
    }
    .visit-us iframe {
        height: 100%;
        margin-top: 0;
    }
}


/*
* Outlet subcategories
*/

.grid-item .product-price {
    margin-top: 0.5rem;
    margin-bottom: 0;
    text-align: center;
    line-height: 130%;
}

.grid-item .regular-price {
    display: block;
    font-size: 1rem;
    color: #D0000E;
    text-decoration: line-through;
}

.grid-item .normal-price {
    display: block;
}

.grid-item .savings {
    display: block;
    font-size: 1rem;
    color: #928C8C;
}


/*
* Outlet product details
*/

/* Prices */
#product-detail .prices .title {
    margin-bottom: 0;
}

#product-detail .prices .price {
    display: block;
    font-size: 2.125rem;
    font-weight: bold;
}

#product-detail .prices .regular {
    color: #D0000E;
}

#product-detail .prices .regular .price {
    text-decoration: line-through;
}

#product-detail .prices .discounted {
    margin-top: 1rem;
}

#product-detail .prices .percentage {
    margin-top: 1rem;
    color: #928C8C;
}

@media (min-width: 1220px) {
    #product-detail .prices {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #product-detail .prices .discounted,
    #product-detail .prices .percentage {
        margin-top: 0;
    }
}

/* Out of stock */
#product-detail .out-of-stock .title {
    display: inline-block;
    padding: 0.3rem 0.8rem;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-color: #D0000E;
}

#product-detail #stock-form {
    padding: 1rem;
    background-color: #F4F3F3;
}

#product-detail #stock-form input {
    width: 100%;
    height: 3.125rem;
    padding: 0.5rem;
    margin-bottom: 1rem;
    font-size: 1.1rem;
    border: 0;
    border-bottom: 0.125rem solid #D0000E;
    background: rgba(255,255,255,0.6);
}

#product-detail #stock-form input::-webkit-input-placeholder { color: rgb(146, 140, 140, 0.3); opacity: 1; }
#product-detail #stock-form input::-moz-placeholder { color: rgb(146, 140, 140, 0.3); opacity: 1; }
#product-detail #stock-form input:-ms-input-placeholder { color: rgb(146, 140, 140, 0.3); opacity: 1; }
#product-detail #stock-form input::-ms-input-placeholder { color: rgb(146, 140, 140, 0.3); opacity: 1; }
#product-detail #stock-form input::placeholder { color: rgb(146, 140, 140, 0.3); opacity: 1; }

#product-detail #stock-form input:focus {
    outline: none;
}

@media (min-width: 980px) {
    #product-detail #stock-form {
        display: flex;
        justify-content: space-between;
        align-items: center;
        /**/
        margin: 0 3rem;
    }
    #product-detail #stock-form input {
        margin-right: 1rem;
        margin-bottom: 0;
    }
}

/* Get a quote */
#product-detail .get-a-quote {
    display: flex;
    flex-direction: column;
}

#product-detail .get-a-quote .btn-container:first-of-type {
    margin-bottom: 1.5rem;
}

@media (min-width: 980px) {
    #product-detail .get-a-quote {
        flex-direction: row;
        justify-content: space-evenly;
    }
    #product-detail .get-a-quote .btn-container:first-of-type {
        margin-bottom: 0;
    }
}

/* Downloads */
.product-gallery .tech-sheet {
    margin: 2rem auto 1rem auto;
    width: 18.75rem;
}

.product-gallery .tech-sheet a {
    display: block;
    font-size: 1.25rem;
    color: #D0000E;
    background: url(../img/comunes/flecha-boton-down.svg) no-repeat 99% center;
    background-size: 0.8rem;
    transition: all ease 0.25s;
}

.product-gallery .tech-sheet a:hover {
    color: #222;
    background-position-y: 100%;
}



/*
*
* Landing BAF
*
*/

#slide .btn-cta {
    display: inline-block;
    margin: 0 auto;
    padding: 0.5rem 1rem;
    font-size: 1.5rem;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #ffc122 !important;
}

/* Products */
.model {
	display: flex;
	flex-direction: column;
    margin-bottom: 3rem;
}

.model:last-of-type {
    margin-bottom: 0;
}

.model img {
    width: 100%;
    height: auto;
}

.model .features {
    margin: 0 0 1rem 0;
    padding: 0;
    list-style-type: none;
    font-size: 0;
    height: 330px;
}

.model .features li {
    padding: 0.5rem 0.7rem;
    border-bottom: 2px solid #FFF;
    font-size: 0.99rem;
}

.model .features li:nth-child(odd) {
    background-color: rgba(244, 243, 243, 1);
}

.model .features li:nth-child(even) {
    background-color: rgba(244, 243, 243, 0.4);
}

.model .btn-cotizar {
	margin-top: auto;
	align-self: center;
}

.btn-cotizar button{
	padding: 0.5rem 2rem;
    font-size: 1.5rem;
    cursor: pointer;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: none;
    background: #ffc122;
}

@media (min-width: 768px) {
    #products-block .container.content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }    
    .model {
        flex-basis: 49%;
    }
}

@media (min-width: 980px) {
    .model {
        flex-basis: 24%;
        /**/
        margin-bottom: 0;
    }
}

/* Advantages */
#products-advantages ul {
    margin: 0 0 2rem 0;
    padding: 0;
    list-style-type: none;
    font-size: 0;   
}

#products-advantages li {
    margin-bottom: 0.3rem;
    padding-bottom: 0.3rem;
    border-bottom: 2px dotted rgba(244, 243, 243, 1);
    font-size: 1.1rem;   
}

#products-advantages li:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

@media (min-width: 980px) {
    /* Advantages */
    #products-advantages .container.content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #products-advantages .block-image {
        flex-basis: 48%;
        /**/
        display: flex;
        align-items: center;
    }

    #products-advantages .description {
        flex-basis: 48%;
    }
    
    #products-advantages .description p {
        line-height: 1.4rem;
        font-size: 0.93em;
    }
    
    
}

#products-cta {
    text-align: center;
    background: rgba(244, 243, 243, 1);
}

#products-cta .btn-cta,
#products-cta-logo .btn-cta {
    display: inline-block;
    padding: 0.5rem 1rem;
    font-size: 1.5rem;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #ffc122;
}

#products-cta-logo {
    background: rgba(244, 243, 243, 1);
}

#products-cta-logo .logo img {
    display: block;
    margin: 0 auto 2rem auto;
}

@media (min-width: 768px) {
    #products-cta-logo .logo img {
        margin-bottom: 0;
    }
    #products-cta-logo .content {
        display: flex;
        justify-content: space-between;
    }
    #products-cta-logo .cta {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #products-cta-logo .btn-cta {
        align-self: center;
    }
}

/* Comparison */
.comparison .baf .title,
.comparison .others .title {
    width: 100%;
    padding: 1rem;
    text-align: center;
    background-color: #ffc122;
}

.comparison .others .title {
    background-color: #F4F3F3;
}

.comparison ul {
    margin: 0;
    padding: 1rem;
    list-style-type: none;
    font-size: 0;
}

.comparison ul li {
    padding: 1rem 0;
    border-bottom: 3px dotted rgba(244, 243, 243, 1);   
}

.comparison ul li:last-child {
    border: none;
}

@media (min-width: 768px) {
    /* Comparison */
    .comparison {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .comparison .baf,
    .comparison .others {
        flex-basis: 50%;
    }
    .comparison ul li {
        display: flex;
        flex-direction: column;
        justify-content: center;
        /**/
        padding: 0;
        min-height: 8rem;
    }
}

@media (min-width: 980px) {
    .comparison ul li {
        min-height: 9rem;
        font-size: 1rem;

    }
}

/* Uses */
.uses {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 3rem;
}

.use p{
    font-size: 1em;
    line-height: 1.3rem;
    font-weight: 300;
}

.use h2{
    font-size: 1.2em;
}


.use img {
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .uses {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 2rem;
    }
}

/* Products collection */
.products-collection {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 3rem;
}

.product-collection img {
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .products-collection {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 2rem;
    }
}

.btn-cta-landing-baf {
    display: inline-block;
    padding: 0.5rem 1rem;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #ffc122;
}

.btn-yt {
    width: 100%;
    margin-top: 2rem;
    text-align: center;
}




/* Estilos de las landings  */


/*
*
* Landing ONIX
*
*/

/* Site slogan */
#site-slogan {
    margin-top: 0.5rem;
}

#site-slogan h1 {
    font-size: 1.1rem;   
    font-weight: normal;
    color: #FFF;
    text-align: center;
}

.slide-landings .slide-logo {
    display: block;
    margin: 0 auto 1.875rem auto;
    height: 3rem;
}

.slide-landings .slide-logo-variante {
    display: block;
    margin: 0 auto;
    width: 90%;
}

.slide-landings h2 {
    text-align: center;
}

.slide-landings h2 span {
    display: block;
    font-size: 1.4rem;
    font-weight: 200;
    line-height: 130%;
}

@media (min-width: 768px) {
    #site-slogan {
        margin-top: 0;
    }
    #site-slogan h1 {
        font-size: 1.5rem;
    }
    .slide-landings h2 span {
        font-size: 1.6rem;
    }
    .slide-landings .slide-logo-variante {
        display: block;
        margin: 0 auto 1.875rem auto;
        width: auto;
        height: 4rem;
    }
}

@media (min-width: 1220px) {
    .slide-landings h2 span {
        padding: 0 5rem;
    }
}

/* Brand detail */
.brand-detail {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /**/
    position: relative;
    margin-top: 5rem;
    padding-top: 5rem;
    border-top: 4px solid #F4F3F3;
}

.brand-detail:first-of-type,
.brand-detail-mt0-pt0-b0 {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border: none !important;
}

.brand-detail-pt0 {
    padding-top: 0 !important;
    border: none !important;
}

.brand-detail.even {
    flex-direction: column-reverse;
}

/* Background */
.brand-detail .background {
    width: 100%;
    min-width: 0;
    height: auto;
}

.gc-button {
    display: inline-block;
    width: 15px;
    height: 15px;
}

.gc-button.next-button,
.gc-button.prev-button {
    border-right: 4px solid #1D1D1B;
    border-bottom: 4px solid #1D1D1B;
    transform: rotate(-45deg);
}

.gc-button.prev-button {
    transform: rotate(135deg);
}

.gc-button.next-button:hover,
.gc-button.prev-button:hover {
    border-color: rgba(29, 29, 27, 0.8);
    background-color: transparent !important;
}

button.owl-prev,
button.owl-next {
    background-color: transparent !important;
}

/* FSLightbox */
.fslightbox-caption {
    background: rgba(0, 0, 0, 0.3) !important;
}

.fslightbox-caption-inner {
    padding: 50px 25px !important;
    font-size: 1rem !important;
    line-height: 130% !important;
}

/* Description */
.brand-detail .description {
    padding: 1.875rem 0;
    text-align: justify;
}

.brand-detail .description.ltr {
    padding-top: 0;
    padding-bottom: 0;
}

.brand-detail .description.rtl {
    padding-top: 0;
    padding-bottom: 0;
}

.brand-detail .btn-primary {
    font-size: 1.5rem;
}

.brand-detail .up-btn {
    display:  block;
    position: absolute;
    right: 0;
    bottom: 0;
    padding-right: 1.2rem;
    font-size: 1rem;
    color: #D0000E;
    background: url(../img/comunes/flecha-boton-up.svg) no-repeat right center;
    background-size: 0.6rem;
}

.brand-detail .up-btn:hover {
    background-position-y: 0;
}

@media (min-width: 768px) {
    .brand-detail.even {
        flex-direction: row;
    }
    /* Background */
    .brand-detail .background {
        flex-basis: 50%;
    }
    /* Description */
    .brand-detail .description {
        flex-basis: 50%;
        /**/
        padding: 0 2.5rem;
    }
}

/* Contact chat */
#content-chat {
    text-align: center;
    font-size: 1.875rem;
    font-weight: 300;
    background-color: #1D1D1B;
}

#content-chat a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    color: #FFF;
}

#content-chat a::before {
    display: inline-block;
    content: '';
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 0.7rem;
    background: url(../img/landings/ico-chat-cta.svg) no-repeat center center;
}

/* Contact content */
#content-form,
#download-form,
#content-gallery,
#content-block-collections-2,
#content-chat,
#content-block {
    margin: 0;
    border-top: 4px solid #F4F3F3;
}

#content-form .contact-us .description,
#download-form .contact-us .description {
    width: 100%;
}

#content-form .contact-us .description h2,
#download-form .contact-us .description h2 {
    margin-bottom: 1.875rem;
}

#content-form .contact-us .description hr {
    width: 100%;
    height: 4px;
    margin: 2rem 0;
    border: 0;
    background-color: #F4F3F3;
}

#content-form .contact-times,
.visit-us .contact-times {
    display: flex;
    flex-direction: column;
    /**/
    margin-top: 2rem;
    list-style-type: none;
}

#content-form .contact-times li.phone,
#content-form .contact-times li.chat,
.visit-us .contact-times li.phone,
.visit-us .contact-times li.chat {
    flex-basis: 49%;
    padding-left: 2rem;
    background: url(../img/contacto/ico-telefono.svg) no-repeat left 5%;
    background-size: 1.5rem;
}

#content-form .contact-times li.chat,
.visit-us .contact-times li.chat {
    background-image: url(../img/contacto/ico-chat.svg);
}

#content-form .contact-times li:last-child,
.visit-us .contact-times li:last-child {
    margin-top: 1rem;
}

#content-form .contact-times p,
.visit-us .contact-times p {
    margin-bottom: 0;
    font-size: 1.2rem;
}

#content-form .contact-times a,
.visit-us .contact-times a {
    color: #D0000E;
}

#content-form .contact-times a:hover,
.visit-us .contact-times a:hover {
    color: #222;
}

@media (min-width: 768px) {
    #content-form .contact-us .description,
    #download-form .contact-us .description {
        margin: 0 auto;
    }
    #content-form .contact-times,
    .visit-us .contact-times {
        flex-direction: row;
        justify-content: space-between;
    }
    #content-form .contact-times li:last-child,
    .visit-us .contact-times li:last-child {
        margin-top: 0;
    }
}

@media (min-width: 1220px) {
    #content-form .contact-us .description,
    #download-form .contact-us .description {
        width: 80%;
    }
    #content-form .contact-times li:last-child,
    .visit-us .contact-times li:last-child {
        margin-top: 0;
    }
}



/*
*
* Landing Jacuzzi
*
*/

/* Video */
.brand-detail .video {
    width: 100%;
}

.btn-container .display-block {
    margin-top: 1rem;
}

.jacuzzi-intro {
    text-align: center;
    background-color: #F4F3F3;
}

.jacuzzi-intro p {
    margin-bottom: 0;
    font-size: 1.4rem;
}

@media (min-width: 768px) {
    /* Video */
    .brand-detail .video {
        flex-basis: 50%;
    }
    /* Intro */
    .jacuzzi-intro p {
        font-size: 1.6rem;
    }
}



/*
*
* Landing Dedon
*
*/

/* Video */
.brand-detail .brand-carousel {
    width: 100%;
}

#product-categories {
    border-top: 4px solid #F4F3F3;
}

#product-categories .grid-item p:last-of-type {
    margin-top: 1rem;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    /* Video */
    .brand-detail .brand-carousel {
        width: 50% !important;
    }
}



/*
*
* Landing Porcelanatos
*
*/

/* Slide */
.slide-landings .slide-logo-variante.por {
    display: block;
    margin: 0 auto;
    width: 90%;
}

@media (min-width: 768px) {
    .slide-landings .slide-logo-variante.por {
        display: block;
        margin: 0 auto 1.875rem auto;
        width: auto;
        height: 50px !important;
    }
}

/* Intro */
.intro-porcelanatos h1 {
    margin-bottom: 1.36rem;
}

.porcelanatos-links {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 3rem;
}

.porcelanatos-links a {
    font-size: 1.5rem;
}

/* Brand detail */
.porcelanatos-detail {
    display: flex;
    flex-wrap: wrap;
}

/* Description */
.porcelanatos-detail .description {
    padding: 1.875rem 0;
    text-align: justify;
}

.porcelanatos-detail .description.ltr {
    padding-top: 0;
    padding-bottom: 0;
}

.porcelanatos-detail .description.rtl {
    padding-top: 0;
    padding-bottom: 0;
}

/* Forma descarga */
.porcelanatos-detail .forma-descarga {
    width: 100%;
    padding: 1.875rem;
    color: #FFF;
    background-color: #1D1D1B;
}

.forma-descarga label {
    display: block;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 1.125rem;
    color: #FFF;
}

.forma-descarga input {
    width: 100%;
    height: 3.125rem;
    padding: 0.5rem;
    margin-bottom: 1rem;
    font-size: 1.1rem;
    color: #FFF;
    border: 0;
    border-bottom: 0.125rem solid #FFF;
    background: rgba(163, 116, 116, 0.03);
}

.forma-descarga input:focus {
    outline: none;
}

.forma-descarga input[type=submit] {
    display: block;
    margin: 0 auto;
    width: auto;
    height: 3.125rem;
    padding: 0.5rem 2rem 0.5rem 0.5rem;
    font-size: 1.5rem;
    border: 0;
    color: #D0000E !important;
    background: url(../img/comunes/flecha-boton.svg) no-repeat 96% center;
    background-size: 1.25rem;
    background-color: transparent;
    transition: all ease 0.25s;
}

.forma-descarga input[type=submit]:hover {
    background-position-x: right;
}

/* Galería acabados */
.two-col-gal {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.two-col-gal .right-col-img {
    margin-top: 2rem;
}

@media (min-width: 768px) {
    /* Description */
    .porcelanatos-detail .description {
        flex-basis: 50%;
        /**/
        padding: 0 2.5rem;
    }
    /* Forma descarga */
    .porcelanatos-detail .forma-descarga {
        display: flex;
        justify-content: center;
        align-items: center;
        /**/
        width: 50% !important;
        padding: 2.5rem;
    }
    /* Block intro */
    .block-intro {
        text-align: center;;
    }
    /* Galería acabados */
    .two-col-gal .left-col-img,
    .two-col-gal .right-col-img {
        flex-basis: 48.5%;
        /**/
        margin-top: 0;
    }
}

.brand-detail .marca-logo {
    max-width: 200px;
    height: auto;
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
}



/*
*
* Landing Jacuzzi Sauna Infrarrojo
*
*/

#por-que-es-mejor {
    margin-bottom: 2rem;
}

.sauna-links {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 3rem;
}

.sauna-links a {
    font-size: 1.5rem;
}

.descargar-catalogo {
    color: #FFF;
    background-color: #1D1D1B;
}

.descargar-catalogo a:hover {
    color: #D0000E !important;
}

#por-que-es-mejor .description {
    padding-left: 0 !important;
}

#video-sauna h2 {
    font-size: 2.6rem;
}

#video-sauna p {
    font-size: 1.6rem;
}

.bt-0 {
    border-top: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

#content-block .btn-cta {
    padding: 0.5rem 2.5rem;
    font-size: 1.5rem;
}

/* Razones */
.grid.grid-four-cols.razones-btns {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
}

.razon-thumbnail {
    text-align: center;
}

.razon-thumbnail img {
    margin-bottom: 0.5rem;
}

/* Modelos */
.grid.grid-three-cols.modelos {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
}

.modelo-thumbnail {
    text-align: center;
}

.modelo-thumbnail img {
    margin-bottom: 1rem;
}

.modelo-thumbnail .btn-container .display-block {
    margin-top: 0;
}

.dark-bg {
    color: #FFF;
    background: #1D1D1B;   
}



/*
*
* Landing Jacuzzi Swimspa
*
*/

/* Slide vídeo */
.slide-landings.jacuzzi .controls .btn {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.slide.active.video {
    animation-name: fadeInVideo;
    animation-duration: 200s;
    background-size: auto !important;
    background: #FFF;
}

@keyframes fadeInVideo {
    from {
        opacity: 1;
    }
    to {
        opacity: 1;
    }
}

#slide .slide.active.video::before {
    background: none;
}

.slide.video video {
    right: 0;
    min-width: 100%;
}

/* Content block */
.block-mb-1 {
    padding-bottom: 1rem !important;
}

/* Brand model */
@media (min-width: 768px) {
    /* Background */
    .brand-model .background {
        flex-basis: 40%;
    }
    /* Description */
    .brand-model .description {
        flex-basis: 60%;
        /**/
        padding: 0 2.5rem;
    }
}

/* Funcionalidades */
.funcionalidades {
    margin-top: 3rem;
}

.funcionalidades .item {
    padding: 1rem;
    background-color: rgba(0,0,0,0.025);
}

.funcion .descr {
    padding: 2rem 0 0 0;
}

.funcion .descr p {
    margin-bottom: 0;
}

.video-funcionalidades {
    display: block;
    width: 120px;
    margin-top: 1.2rem;
    padding-right: 2rem;
    color: #D0000E;
    background: url(../img/comunes/flecha-boton.svg) no-repeat 96% center;
    background-size: 1.25rem;
    transition: all ease 0.25s;
}

.video-funcionalidades:hover {
    color: #222;
    background-position-x: right;
}

@media (min-width: 480px) {
    .funcionalidades .item {
        padding: 2rem;
    }
    .funcion {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .funcion .photo {
        flex-basis: 30%;
    }
    .funcion .descr {
        flex-basis: 70%;
        /**/
        padding: 0 0 0 2rem;
    }
}


@media (max-width: 480px) {
	.slide-logo-home{
		display:none!important;
	}
}