/*
= General
***/
body {
    line-height: normal;
}

.ls-rosa {
    color: #d86e7d;
}

.ls-bg-rosa {
    background-color: #d86e7d;
}

.magnif {
    text-transform: uppercase;
    font-family: 'DroidSerif';
}

span.title-sub {
    padding-bottom: 8px;
    line-height: 44px;
    border-bottom: 1px solid #212121;
}

.title h1 {
    text-align: center;
    font-family: 'DroidSerif';
    text-transform: uppercase;
    color: #212121;
    font-size: 34px;
    margin-bottom: 60px;
}

.title .ls-rosa {
    font-family: 'DroidSerif-Italic';
    display: block;
}

.page-title .difstyle {
    display: block;
}

.container-text {
    color: #333;
}

.container-text h2,
.container-text h3 {
    font-family: 'Raleway-Regular';
    text-transform: uppercase;
    color: #666;
}

.container-text h2 {
    font-size: 20px;
}

.container-text h3 {
    font-size: 16px;
}

.title-2 h3 {
    text-align: center;
    font-family: 'DroidSerif';
    text-transform: uppercase;
    color: #212121;
    font-size: 30px;
    margin-bottom: 70px;
}

.title-2 h3 .ls-rosa {
    font-family: 'DroidSerif-Italic';
}

.proximamente {
    color: #000;
}

strong {
    font-family: Georgia, Serif;
}

.red {
    color: #c8102e;
}

.absolute {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
}

.absolute_bottom_logo {
    position: absolute;
    bottom: 0;
    right: 0;
}

.absolute_top_logo {
    position: absolute;
    top: 6%;
    right: 17%;

}

.table {
    display: table;
    width: 100%;
    height: 100%;
}

.table_centrado {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.table_centrado_vertical {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.container-fullscreen {
    position: relative;

    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.img-fullscreen {
    width: 100%;
}

/* back to top */
#toTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    display: none;
    opacity: 0.5;
}

/* Menú (elementos ocultos y deshabilitados) */
#mob-primary-menu .no-display,
#primary-menu .no-display,
.widget_nav_menu .no-display {
    display: none;
}

#mob-primary-menu .disable,
#primary-menu .disable,
.widget_nav_menu .disable {
    color: #bcbcbc;
    pointer-events: none;
}


/* MENU PRINCIPAL */
.menu-item-has-children:before {
    content: '\25b6 \FE0E';
    color: rgb(185, 142, 100);
    font-size: 0.5vw;
    padding-bottom: 30px;
    position: relative;

    bottom: 0.2vw;
    left: 0px;
}


@media (min-width: 1824px) {
    .menu-item-has-children:before {
        bottom: 0vw;
    }

}

#responsive-menu-pro-title {
    padding: 14px 5% !important;
}

.social-icons-onecolor img {
    max-width: 40px;
    margin-right: 5px;
}

/* Landscape */
@media only screen and (max-width: 667px) and (orientation: landscape) {


    .titulo_seccio_menu_mobil {
        font-size: 4vw !important;
    }

    .responsive-menu-pro-back {
        font-size: 4vw !important;
    }

    .responsive-menu-pro-item {
        padding-top: 1.5vw !important;
    }
}

#breadcrumbs strong,
#breadcrumbs {
    font-family: 'Avenir', 'Muli', sans-serif;

}

.link_actiu:before {
    content: '\25bc \FE0E';

}

.menu-item-has-children.link_actiu>a {
    font-weight: bold;
}

.menu-item-has-children .drop-arrow {
    display: none !important;
}

.top-section .lang-switch {
    display: none;
}

#responsive-menu-pro {
    font-family: 'Avenir', 'Muli', sans-serif;
}

#responsive-menu-pro a {
    letter-spacing: 0.05vw;
}

#responsive-menu-pro ul {
    list-style-type: none;
}

.responsive-menu-pro-submenu .responsive-menu-pro-subarrow {
    display: none !important;
}

.responsive-menu-pro-back {
    border-bottom: 1px solid #ffffff !important;
}

.responsive-menu-pro-back {
    text-transform: uppercase;
}

.lang-switch-mobile {
    position: relative !important;
}

.lang-switch-mobile .active {
    color: #ffffff !important;
    font-weight: bold;
}


@media (max-width: 1024px) {

    #redes_sociales_menu img {
        max-width: 200px !important;
    }

    #redes_sociales_menu {

        position: relative !important;
    }

    #redes_sociales_menu {
        margin-left: 9px !important;
    }

    .menu-item-has-children:before {
        color: rgba(179, 17, 29, 1);
    }

    .header-mobile .logo img {
        width: auto !important;
        height: 36px !important;
        margin-bottom: 10px;
    }


    .titulo_seccio_menu_mobil {
        font-size: 4vw;
    }

    .responsive-menu-pro-back {
        font-size: 4vw !important;
        font-weight: bold !important;

    }

    .lang-switch {
        font-size: 3.5vw !important;
        margin-left: 3% !important;
    }

    .responsive-menu-pro-item {
        padding-top: 5.5vw !important;
    }

    .responsive-menu-pro-item.menu-item-has-children {

        padding-top: 0vw !important;
    }

    .responsive-menu-pro-submenu .responsive-menu-pro-current-item,
    .current-menu-parent a.responsive-menu-pro-item-link[href="#"] .titulo_seccio_menu_mobil,
    .responsive-menu-pro-back {
        font-weight: bold !important;
    }



}

@media only screen and (max-width: 667px) {
    #redes_sociales_menu img {
        max-width: 9vw !important;
        margin-right: 4.5vw;
    }

    #redes_sociales_menu {
        margin-left: -9px !important;
    }
}


@media (max-width: 1023px) {

    .header-mobile .logo {
        width: auto !important;
        margin: 0 !important;
    }

    .header-mobile .logo a {
        text-align: left !important;
        padding-left: 8%;
    }

    #responsive-menu-pro-container {
        height: 100%;
    }

}

/* FINAL MENU PRINCIPAL */
/*
HOME BANNER PRINCIPAL
*/
.banner-principal-home {
    padding: 0px;
    position: relative;
}

.banner-principal-home .titulo {
    color: #ffffff;
    font-size: 3.7vw;
    font-style: italic;
    font-family: Georgia, Serif;
}

.responsive-menu-pro-item a {
    text-transform: uppercase;
}

@media (max-width: 1023px) {
    .absolute_top_logo {
        top: 10%;
        right: 4%;
    }

    .absolute_top_logo img {
        max-width: 100px;
    }

    .banner-principal-home .titulo {

        font-size: 7.6vw;
    }
}

/*
HOME BANNER HISTORIA
*/

.banner-historia .titulo {
    color: rgb(187, 182, 168);
    font-size: 6vw;
    font-family: Georgia, Serif;
    padding-left: 10%;
    padding-top: 10%;
}

.banner-historia .subtitulo {
    color: rgb(60, 60, 60);
    font-size: 1.5vw;
    font-style: italic;
    font-family: Georgia, Serif;
    padding-left: 20%;
}

.banner-historia .parrafo {

    padding-left: 20%;
    padding-right: 3%;
    position: relative;
}

.banner-historia .parrafo p {
    color: rgb(60, 60, 60);
    font-size: 1vw;
    letter-spacing: 0.05vw;
    font-family: 'Avenir', 'Muli', sans-serif;
    position: relative;
    z-index: 2;
}

.banner-historia .linia_petita {
    width: 15%;
    margin: 15px 0px 25px 20%;
    border-top: 2px solid rgb(60, 60, 60);
}

.banner-historia .logo_historia {
    z-index: 1;
    width: 95%;
}

.banner-historia .link {

    font-size: 1vw;
    font-weight: 700;
    color: rgb(185, 142, 100);
    letter-spacing: 0.1vw;
    font-family: 'Avenir', 'Muli', sans-serif;
    text-transform: uppercase;
    font-size: 0.8vw;
}



.banner-bonpernil {
    background-color: #ffffff;
}

@media (max-width: 1023px) {
    .banner-historia {
        background: url("../images/backgrounds/hist-mbl.jpg") no-repeat;
        background-size: cover;
    }

    .banner-historia .absolute {
        position: relative;
    }

    .banner-historia .titulo {
        padding-top: 0%;
        font-size: 14vw;
    }

    .banner-historia .subtitulo {
        font-size: 7.6vw;
        padding-left: 11%;
    }

    .banner-historia .linia_petita {
        margin: 15px 0px 25px 11%;
    }

    .banner-historia .parrafo {
        padding-left: 10%;
        padding-right: 10%;
    }

    .banner-historia .parrafo p {
        font-size: 5.07vw;
    }

    .absolute_bottom_logo {
        bottom: 20px;
        right: 20px;
    }

    .banner-historia .link {
        font-size: 3.07vw;
    }
}

/*
HOME BANNER BON PERNIL
*/

.banner-bonpernil {
    margin-top: 3%;
    margin-bottom: 3%;
}

.banner-bonpernil img {
    padding-left: 20px;
}

.banner-bonpernil .titulo {
    color: rgb(187, 182, 168);
    font-size: 5.3vw;
    font-family: Georgia, Serif;
    padding-left: 0%;
    white-space: nowrap;

}

.banner-bonpernil .subtitulo {
    color: rgb(60, 60, 60);
    font-size: 1.5vw;
    font-style: italic;
    font-family: Georgia, Serif;
    padding-left: 20%;
    width: 100%;
}

.banner-bonpernil .parrafo {

    padding-left: 20%;
    position: relative;
    width: 100%;
}

.banner-bonpernil .parrafo p {
    color: rgb(60, 60, 60);
    font-size: 1vw;
    letter-spacing: 0.05vw;
    font-family: 'Avenir', 'Muli', sans-serif;
    position: relative;
    z-index: 2;
}

.banner-bonpernil .linia_petita {
    width: 15%;
    margin: 15px 0px 25px 20%;
    border-top: 2px solid rgb(60, 60, 60);
}

.banner-bonpernil .link {
    font-weight: 700;
    color: rgb(185, 142, 100);
    letter-spacing: 0.1vw;
    font-family: 'Avenir', 'Muli', sans-serif;
    text-transform: uppercase;
    font-size: 0.8vw;
}


@media (max-width: 1023px) {

    .banner-bonpernil .titulo {
        font-size: 14vw;
        padding-left: 10%;
    }

    .banner-bonpernil .subtitulo {
        font-size: 7.6vw;
        padding-left: 11%;
        padding-right: 10%;
    }

    .banner-bonpernil .linia_petita {
        margin: 15px 0px 25px 11%;
    }

    .banner-bonpernil .parrafo {
        padding-left: 10%;

        width: 90%;
    }

    .banner-bonpernil .parrafo p {
        font-size: 5.07vw;
    }

    .banner-bonpernil .link {
        font-size: 3.07vw;
    }

}



/*
HOME BANNER TRADICIO
*/


.banner-tradicio {
    background-color: rgb(26, 26, 26);

}


.banner-tradicio .row {
    margin-top: 10%;
    margin-bottom: 10%;

}

.banner-tradicio .titulo {

    padding-bottom: 20px;
    color: rgb(185, 142, 100);
    font-size: 0.8vw;
    letter-spacing: 0.05vw;
    font-family: 'Avenir', 'Muli', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

.banner-tradicio .parrafo {
    margin: 0 auto;
    width: 50%;
}

.banner-tradicio .parrafo p {
    color: rgb(255, 255, 255);
    font-size: 1.1vw;
    padding-left: 19%;
    padding-right: 19%;
    font-style: italic;
    font-family: 'Georgia', Serif;
    text-align: center;
}

:focus {
    outline: none;
}

@media (max-width: 1023px) {
    .banner-video {
        padding-top: 20%;
        padding-bottom: 20%;
    }

    .banner-tradicio .titulo {

        font-size: 4vw;
    }

    .banner-tradicio .parrafo {
        width: 100%;
    }

    .banner-tradicio .parrafo p {

        font-size: 5.4vw;

        padding-left: 10%;
        padding-right: 10%;
    }
}


/*
HOME BANNER MARCAS
*/

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: rgb(185, 142, 100) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.banner_marcas_home .titulo {

    margin-bottom: 0px;
    color: rgb(185, 142, 100);
    font-size: 4vw;
    letter-spacing: 0.05vw;
    font-family: 'Avenir', 'Muli', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}


.type-slide-title-home {
    font-family: Georgia, Serif;
    font-weight: bold;
    color: rgb(60, 60, 60);
    font-size: 3vw;
    margin-bottom: 40px;
}

.slick-current .type-slide-title-home {

    color: rgb(60, 60, 60);
}

.links_carousel_home {
    max-width: 700px;
    margin: 0 auto;
}

.links_carousel_home .slick-slide {

    font-family: Georgia, Serif;
}

.links_carousel_home .slick-slide:hover {
    cursor: pointer
}

.links_carousel_home .slick-active.slick-center {
    font-weight: bold;
    color: rgb(60, 60, 60);
}

.banner_marcas_home li,
.banner_marcas_home li.active {}

.links_carousel_home .slick-slide {
    color: rgb(229, 229, 229);

    font-size: 3vw;
}

.slick-prev:before {

    content: '\25c0 \FE0E' !important;
}

.slick-next:before {
    content: '\25b6 \FE0E' !important;
}

@media (max-width: 1023px) {
    .banner_marcas_home {
        margin-top: 6%;
        margin-bottom: 6%;
    }

    .slick-prev {
        left: -12px !important;
    }

    .slick-next {
        right: -12px !important;
    }

    .llistat_productes_nom {
        display: none;
    }

    .banner_marcas_home .titulo {
        margin-bottom: 0px;
    }

    .banner_marcas_home_top_margin .main-content {
        padding: 0px 20px;
    }
}

@media (min-width: 940px) {
    .banner_marcas_home .titulo {

        font-size: 0.8vw;
    }

    .links_carousel_home .slick-slide {
        padding-left: 14px;
        padding-right: 14px;
        font-size: 0.78vw;
    }

    .maskara-carousel {
        position: relative;

        margin: 0 auto;
        height: 40px;
    }

    .links_carousel_home {
        position: absolute !important;
        top: 0px;
        left: 14px;
        width: 903px;
    }

    .maskara_productes_carousel {
        position: relative;
        width: 937px;
        overflow: hidden;
        margin: 0 auto;
        height: 388px;

    }

    .carrusel_productos_home {
        position: absolute !important;
        top: 0px;
        left: -84px;
        width: 1110px;
    }
}

@media (min-width: 940px) {
    .banner_marcas_home_top_margin {
        margin-top: 1% !important;
        margin-bottom: 0px !important;
    }

    .banner_marcas_home_bottom_margin {
        margin-bottom: 4% !important;
    }
}

/*
HOME BANNER VIDEO
*/


.fons_negre {
    background-color: rgb(26, 26, 26);

}


/*
HOME BANNER APTE PER TOTHOM
*/


.banner-apte_per_tothom {
    margin-top: 70px;
    margin-bottom: 40px;
}

.banner-apte_per_tothom .titular {
    font-weight: 700;
    color: rgb(185, 142, 100);
    font-size: 1.8vw;
    letter-spacing: 0.05vw;
    font-family: 'Avenir', 'Muli', sans-serif;

    text-transform: uppercase;
}

.banner-apte_per_tothom hr.titular_linea {
    width: 16%;
    margin: 1rem auto;
    background-color: rgb(185, 142, 100);
    height: 1px;
}

.banner-apte_per_tothom .parrafo p {
    margin-top: 20px;
}

.banner-apte_per_tothom .parrafo p {
    color: rgb(60, 60, 60);
    font-size: 1.3vw;
    padding-left: 24%;
    padding-right: 24%;
    font-style: italic;
    font-family: 'Georgia', Serif;

}

.banner-apte_per_tothom .lista_icones_aptes_per_tothom {
    list-style: none;
    display: inline-block;
    padding-left: 0px;
    margin-top: 20px;
}

.banner-apte_per_tothom .lista_icones_aptes_per_tothom li {
    float: left;
    margin-right: 7px;
    margin-left: 7px;
    color: rgb(185, 142, 100);
    font-size: 0.8vw;
    letter-spacing: 0.05vw;
    font-family: 'Avenir', 'Muli', sans-serif;
    text-transform: uppercase;
    white-space: nowrap;
}

.banner-apte_per_tothom .lista_icones_aptes_per_tothom li.icon {
    max-width: 50px;
}

.banner-apte_per_tothom .lista_icones_aptes_per_tothom li .middot_aptes_per_tothom {
    padding-right: 9px;
}

@media (max-width: 1023px) {
    .banner-apte_per_tothom .titular {

        font-size: 5vw;

    }

    .banner-apte_per_tothom hr.titular_linea {
        width: 42%;
    }

    .page-template-page-empresa .banner-apte_per_tothom .parrafo_petit p {
        padding: 0% 0%;
        font-size: 1.7rem;
    }

    .banner-apte_per_tothom .parrafo p {
        font-size: 4vw;
        padding-left: 10%;
        padding-right: 10%;
    }

    .banner-apte_per_tothom .lista_icones_aptes_per_tothom li:first-child {
        padding-left: 0px;
    }

    .lista_icones_aptes_per_tothom_paraules li {
        font-size: 4vw !important;
        float: none !important;
        display: inline-block;
    }

    .banner-apte_per_tothom {
        margin-top: 70px;
        margin-bottom: 20px;
    }
}


/* FOOTER */
.links_legals_peu {
    float: left;
}

.wrapper-links-peu {
    display: inline-block;
    text-align: center;
}

.social-icons-onecolor {
    float: left;
    margin-left: 20px;
}

.footer-2 a:hover {
    color: #ffffff;
}

@media (max-width: 1023px) {

    .banner-apte_per_tothom .parrafo p {
        font-size: 6.6vw;
        padding-left: 0%;
        padding-right: 0%;
    }

    .banner-apte_per_tothom .lista_icones_aptes_per_tothom li .middot_aptes_per_tothom {
        padding-right: 5px;
    }

    .banner-apte_per_tothom .lista_icones_aptes_per_tothom li:first-child {
        padding-left: 0px;
    }

    .lista_icones_aptes_per_tothom_paraules li {
        font-size: 4vw !important;
        float: none !important;
        display: inline-block;
    }

    .banner-apte_per_tothom {
        margin-top: 70px;
        margin-bottom: 20px;
    }

    .footer-1 .widget ul li {

        text-align: center;

        line-height: 200%;
        float: none !important;
    }

    .links_legals_peu {
        float: none;
        margin-bottom: 30px;
    }

    .social-icons-onecolor {
        float: none;
    }

    .footer-2 .footer-links a {
        font-size: 4vw !important;
    }

    #iframe_video_home {
        height: 300px !important;
    }

    .banner-apte_per_tothom .lista_icones_aptes_per_tothom li {
        margin-right: 3px;
        margin-left: 3px;
    }

    .footer-1 .sub-menu {
        margin-bottom: 40px !important;
    }
}


/* TABLET */


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (max-device-height : 1365px) and (orientation : portrait) {
    .linia_puntitos {
        border-bottom: 2px dotted #000000 !important;
    }


    .bloque_historia .titulo {
        font-size: 6vw !important;

        margin: 20px auto;
    }

    .banner-principal-home .titulo {
        font-size: 7.6vw !important;
        margin-left: 19%;
    }

    .banner-apte_per_tothom .lista_icones_aptes_per_tothom {
        margin-top: 11px;
    }

    .slick-prev {
        left: -22px !important;
    }

    .slick-next {
        right: -22px !important;
    }

    .banner_marcas_home_bottom_margin .col-xs-12 {
        width: 76%;
        margin-left: 12%;
        margin-right: 12%;
    }

    .titulo {
        padding-top: 0%;
        font-size: 5.07vw !important;
        max-width: 62%;
        margin-left: 9%;
    }

    .banner_marcas_home_bottom_margin .titulo {
        width: 100%;
        margin: 0 auto;
        font-size: 3.07vw !important;
    }

    .seccion_nuestras-marcas .primer_bloque .linia_petita {
        margin: 0px 0px 0px 12% !important;
    }

    .banner-bonpernil .titulo {
        font-size: 10vw !important;
        padding-left: 0% !important;
    }

    .banner-bonpernil .subtitulo {
        font-size: 6vw;
        padding-left: 11%;
    }

    .banner-bonpernil .parrafo p {
        font-size: 2.07vw;
        padding-right: 7vw;
    }

    .banner-tradicio .titulo {
        width: 100%;
        margin: 0 auto;
        font-size: 3.07vw !important;
    }

    .banner-tradicio .parrafo p {
        font-size: 3.4vw;
        padding-left: 10%;
        padding-right: 10%;
    }

    .banner-historia .link {
        font-size: 3.07vw;
    }

    .banner-historia .subtitulo {
        font-size: 6vw;
        padding-left: 11%;
    }

    .banner-historia .titulo {
        font-size: 10vw !important;
        padding-left: 0;
    }

    .banner-historia .parrafo p {
        font-size: 2.07vw;
        padding-right: 7vw;
    }

    .header-mobile .logo {
        width: 48% !important;
        margin: 0 !important;
    }

    .header-mobile {
        display: block;
        background-color: #F9F9F9 !important;
    }

    .banner-apte_per_tothom .titular {
        font-size: 3.07vw !important;
    }

    .banner-apte_per_tothom .parrafo p {
        font-size: 3.07vw;
        padding-left: 6%;
        padding-right: 6%;
    }

    .lang-switch {
        font-size: 2vw !important;
    }

    .titulo_seccio_menu_mobil {
        font-size: 3vw;
    }

    .responsive-menu-pro-item {
        padding-top: 3vw !important;
    }

    .responsive-menu-pro-back {
        font-size: 3vw !important;
    }

    .footer-2 .footer-links a {
        font-size: 3vw !important;
    }

    .footer-1 .widget ul li {
        font-size: 3vw !important;
    }

    .lista_icones_aptes_per_tothom_paraules li {
        font-size: 2vw !important;
        float: none !important;
        display: inline-block;
    }

    #responsive-menu-pro-additional-content .lang-switch a {
        font-family: 'Avenir', 'Muli', sans-serif;
        font-size: 3vw !important;
    }


    .social-icons-onecolor .social-icon {
        width: 48px !important;
        height: 48px !important;
        padding: 6px 11px !important;
        -moz-border-radius: 24px !important;
        -webkit-border-radius: 24px !important;
        border-radius: 24px !important;
    }

    #responsive-menu-pro-title-image img {
        max-width: 100% !important;
        width: auto !important;
        height: 36px !important;

    }

    #responsive-menu-pro-container #responsive-menu-pro .responsive-menu-pro-back {
        padding: 20px 5% !important;
    }

    .header-mobile .logo {
        width: auto !important;
        margin: 0 !important;
    }

    .header-mobile .logo a {
        text-align: left !important;
        padding-left: 2.7%;
    }

    .absolute_top_logo {
        top: 14%;
        right: 6%;
    }

    .absolute_top_logo img {
        max-width: 100px;
    }


    .banner_marcas_home {
        padding-top: 6%;
        padding-bottom: 15%;

    }

    .banner-video {
        padding-top: 15%;
        padding-bottom: 15%;

    }

}

/* IPAD PRO */
@media only screen and (min-device-width : 768px) and (max-width: 1366px) and (orientation : portrait) {

    .slick-prev {
        left: 0px !important;
    }

    .slick-next {
        right: 0px !important;
    }

    .header-mobile .logo {
        width: auto !important;
        margin: 0 !important;
    }

    .header-mobile .logo a {
        text-align: left !important;
        padding-left: 2.7%;
    }

    #responsive-menu-pro-title-image img {
        max-width: 100% !important;
        width: auto !important;
        height: 36px !important;

    }

    .absolute_top_logo {
        top: 10%;
        right: 6%;
    }

    .absolute_top_logo img {
        max-width: 140px;
    }
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (max-device-height : 1365px) and (orientation : landscape) {

    #responsive-menu-pro-title-image img {
        max-width: 100% !important;
        width: auto !important;
        height: 36px !important;

    }

    #responsive-menu-pro-container #responsive-menu-pro .responsive-menu-pro-back {
        padding: 20px 5% !important;
    }

    .banner-historia .logo_historia {
        z-index: 1;
        width: 62%;
    }

    .lang-switch {
        font-size: 5vw !important;
        margin-left: 1% !important;
    }

    #responsive-menu-pro-additional-content .lang-switch a {
        font-family: 'Avenir', 'Muli', sans-serif;
        font-size: 2vw !important;
    }

    .banner-apte_per_tothom .lista_icones_aptes_per_tothom li {

        font-size: 1vw;
    }

    .slick-prev {
        left: -5px !important;
    }

    .slick-next {
        right: -9px !important;
    }

    .banner-tradicio .titulo {
        font-size: 1.2vw;
    }

    .banner_marcas_home .titulo {
        font-size: 1.2vw;
    }

    .banner-apte_per_tothom .titular {
        font-size: 1.2vw;
    }

    .links_carousel_home .slick-slide {
        font-size: 1.3vw;
    }

    .banner-tradicio .parrafo p {
        font-size: 1.3vw;
    }

    .logo_banner_principal_home {
        width: 60%
    }

    .responsive-menu-pro-back {
        font-size: 3vw !important;
    }

    .header-mobile .logo {
        width: auto !important;
        margin: 0 !important;
    }

    .header-mobile .logo a {
        text-align: left !important;
        padding-left: 2.7%;
    }

    .header-mobile {
        display: block;
    }

    .lang-switch {
        margin-top: 30px !important;
        font-size: 3vw !important;
    }

    .titulo_seccio_menu_mobil {
        font-size: 2vw;
    }

    .responsive-menu-pro-item {
        padding-top: 2vw !important;
    }

    .responsive-menu-pro-inner,
    .responsive-menu-pro-inner::before,
    .responsive-menu-pro-inner::after {
        width: 50px;
        height: 6px;
    }

    .absolute_top_logo {
        top: 14%;
        right: 6%;
    }

    .absolute_top_logo img {
        max-width: 200px;
    }

}



/*
 SECCION HISTORIA
*/
.page-template-page-historia #header-banner {
    display: none;
}

.parrafo_historia .subtitulo {
    color: rgb(60, 60, 60);
    font-size: 1.5em;
    font-style: italic;
    font-family: Georgia, Serif;
}

.parrafo_historia .parrafo {
    width: 42%;
    margin: 30px auto 70px auto;
}

.parrafo_historia .parrafo.pagina_empresa {
    width: 67%;

}

.parrafo_historia .parrafo p {
    color: rgb(60, 60, 60);
    font-size: 1.5em;
    letter-spacing: 0.05vw;
    font-family: Georgia, Serif;
}

.parrafo_historia .linia_petita {
    width: 8%;
    margin: 0 auto;
    border-top: 2px solid rgb(60, 60, 60);
}

.bloque_historia .titulo {
    color: rgb(255, 255, 255);
    font-size: 2.7vw;
    font-family: Georgia, Serif;
    margin-bottom: 0px;
}

.bloque_historia .subtitulo {
    color: rgb(255, 255, 255);
    font-size: 1vw;
    font-family: Georgia, Serif;
    margin-top: 8px;
    text-transform: uppercase;
    font-weight: bold;
}


.bloque_historia .absolute {
    background-color: rgba(35, 35, 35, 0.7);
    display: none;
}

.bloque_historia:hover .absolute {
    display: block;
}

.bloque_historia.bloque_contacto {
    background-image: url('https://laselva.es/wp-content/uploads/2021/06/Header.jpg');
    background-repeat: none;
    background-size: cover;
}

.bloque_historia.bloque_contacto .page-title {

    margin-top: 6rem;
    margin-bottom: 6rem;
}


.bloque_historia.bloque_contacto .titulo {
    text-align: center;
}

.bloque_historia.bloque_contacto .absolute {
    background-color: transparent;
    display: block;
}

.bloque_historia .parrafo {
    width: 32%;
    margin: 30px auto;
}

.bloque_historia .parrafo p {
    color: rgb(255, 255, 255);
    font-style: italic;
    font-size: 1.2vw;
    letter-spacing: 0.05vw;
    font-family: Georgia, Serif;
}

.bloque_historia .linia_petita {
    width: 5%;
    margin: 0 auto;
    border-top: 2px dotted rgb(255, 255, 255);
}

.contact_detail_info {
    display: none;
}

@media (max-width: 1024px) {
    .bloque_historia .parrafo p {
        color: rgb(60, 60, 60);
        font-size: 3.2vw;
    }

    .bloque_historia .titulo {
        font-size: 9.5vw;
        color: rgb(60, 60, 60);
    }

    .bloque_historia .subtitulo {
        font-size: 3vw;
        color: rgb(60, 60, 60);
    }

    .bloque_historia .parrafo {
        width: 80%;
        margin: 7px auto;
    }

    .bloque_historia .absolute {
        background-color: transparent;
        display: block;
        position: relative
    }

    .parrafo_historia .subtitulo {
        font-size: 4vw;
    }

    .parrafo_historia .parrafo p {
        font-size: 4vw;
    }

    .parrafo_historia .linia_petita {
        width: 15%;
        margin: 0 auto;
        border-top: 2px solid rgb(60, 60, 60);
    }

    .bloque_historia .linia_petita {
        width: 15%;
        margin: 3vw auto;
        border-top: 2px dotted rgb(60, 60, 60);
    }

    .parrafo_historia .parrafo {
        width: 85%;
        margin: 30px auto;
    }


}

@media (max-width: 700px) and (orientation: landscape) {
    .bloque_historia .parrafo p {
        font-size: 3vw;
    }

    .bloque_historia .subtitulo {
        font-size: 2.5vw;
    }

    .bloque_historia .titulo {
        font-size: 7.5vw;
    }
}

/*
 FINAL SECCION HISTORIA
*/






/*
 SECCION LES NOSTRES MARQUES
*/
.page-template-page-nuestras-marcas #header-banner {
    display: none;
}

.page-template-page-nuestras-marcas .main-content {
    /*padding: 30px 20px 0px 20px;*/
}

.seccion_nuestras-marcas .cuadrat_imatge_marcas {
    min-height: 280px;
    display: flex;
    vertical-align: middle;
    margin: 5% 24% 0px 0px;
}

.seccion_nuestras-marcas {
    margin-bottom: 50px !important;
}

.seccion_nuestras-marcas .titulo {

    letter-spacing: 0.05vw;
    font-size: 2.5em;
    font-family: Georgia, Serif;
    text-transform: uppercase;
    padding-right: 20%;
    /*margin-top:62px;*/
}

.seccion_nuestras-marcas .primer_bloque {
    margin-bottom: 70px;
}

.seccion_nuestras-marcas .primer_bloque .parrafo p {
    color: rgb(60, 60, 60);
    font-style: italic;
    font-size: 1.7em;
    letter-spacing: 0.05vw;
    font-family: Georgia, Serif;
    padding-right: 10%;
}

.seccion_nuestras-marcas .primer_bloque .linia_petita {
    width: 28%;
    margin: 0px;
    border-top: 2px solid rgb(60, 60, 60);
}


.seccion_nuestras-marcas .subtitulo {

    letter-spacing: 0.05vw;
    font-size: 0.8em;
    /*1.1em*/
    font-family: 'Avenir', 'Muli', sans-serif;
    text-transform: uppercase;
    padding-right: 20%;
    font-weight: bold;
    line-height: 1.3em;
}

.seccion_nuestras-marcas .segundo_bloque .parrafo {
    margin-top: 20px;
    margin-right: 19%;
}

.seccion_nuestras-marcas .segundo_bloque .parrafo p {
    color: rgb(60, 60, 60);
    font-size: 0.7em;
    /*1em;*/
    letter-spacing: 0.05vw;
    font-family: Georgia, Serif;
}

.seccion_nuestras-marcas .segundo_bloque .linia_petita {
    width: 40%;
    margin: 20px 0px 0px 0px;
    border-top: 2px dotted rgb(60, 60, 60);
}

.seccion_nuestras-marcas a {
    color: #c8102e;
    text-transform: uppercase;
}


.seccion_nuestras-marcas .segundo_bloque .link {

    font-size: 10px;
    /*13px*/
    font-family: 'Avenir', 'Muli', sans-serif;
}

@media (max-width: 960px) {
    .seccion_nuestras-marcas .cuadrat_imatge_marcas {
        min-height: 0px;
        display: block;

        margin-top: 60px;
    }

    .seccion_nuestras-marcas .cuadrat_imatge_marcas img {
        width: 100%;
    }

    .seccion_nuestras-marcas .subtitulo {

        font-size: 5vw;
        margin-top: 15%;
    }

    .esquerra .table_centrado_vertical {
        text-align: left !important;
    }

    .esquerra .linia_puntitos {
        float: none !important;
    }

    .seccion_nuestras-marcas .segundo_bloque .parrafo {
        margin-top: 20px;
        margin-right: 0%;
    }

    .seccion_nuestras-marcas .segundo_bloque .parrafo p {
        font-size: 4vw;
    }

    .seccion_nuestras-marcas .titulo {
        font-size: 10vw;
    }

    .seccion_nuestras-marcas .primer_bloque .parrafo p {
        font-size: 4vw;
        padding-right: 0px;
        padding-top: 30px;
    }
}


/*
 FINAL SECCION LES NOSTRES MARQUES
*/



/*
 SECCIONES INTERIOR
*/

.seccion_interior {
    margin-bottom: 70px !important;
}

.seccion_interior .titulo {
    letter-spacing: 0.05vw;
    font-size: 2.5em;
    font-family: Georgia, Serif;
    text-transform: uppercase;
    padding-right: 20%;
}

.page-template-page-certificaciones .seccion_interior .titulo {
    padding-right: 14%;
}

.page-template-page-curiosidades-php .seccion_interior .titulo {
    margin-left: 13px;
    margin-top: 50px;

}

.page-template-page-curiosidades-php .seccion_interior .linia_petita {

    margin: 15px 0px 15px 14px;
}

.seccion_interior .primer_bloque .parrafo p {
    color: rgb(60, 60, 60);
    font-style: italic;
    font-size: 1.6em;
    letter-spacing: 0.05vw;
    font-family: Georgia, Serif;
    padding-right: 10%;

    margin-top: 20px;
}

.seccion_interior .primer_bloque .linia_petita {
    width: 28%;
    margin: 0px;
    border-top: 2px solid rgb(60, 60, 60);
}

.seccion_interior .linia_petita {
    width: 8%;
    margin: 15px 0px 15px 0px;
    border-top: 2px solid rgb(60, 60, 60);
}

@media (max-width: 700px) {
    .seccion_interior .titulo {

        padding-right: 0%;
    }

    .seccion_interior .primer_bloque .parrafo p {
        padding-right: 0%;

    }

    .seccion_interior .primer_bloque .linia_petita {
        width: 38%;
        margin-bottom: 20px
    }

    .page-template-page-jamon-bueno-php .seccion_interior .titulo {
        padding-right: 20% !important;


    }
}

/* 
  FINAL SECCION INTERIOR
*/


/*
 SECCIONES CERTIFICACIONS
*/


.seccion_certificacions img {

    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}


.seccion_certificacions img:hover {

    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

/* 
  FINAL CERTIFICACIONS
*/


/* SABIES QUE */
.linia_punticos {
    border-left: 2px dotted #e20021;
    height: 8vw;
    width: 8px;
    margin: 0 auto;
}

.seccion_sabias_que .parrafo p {
    color: rgb(60, 60, 60);
    font-size: 1em;
    letter-spacing: 0.05vw;
    font-family: Georgia, Serif;
}

.parrafo_con_elipsis {
    line-height: 1.2em;
    overflow: hidden;
    font-family: 'Avenir', 'Muli', sans-serif;
}

.view-more,
.view-less {
    display: inline-block;
}

@media only screen and (max-device-height: 1365px) and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
    .descripcion-certificaciones {
        font-family: 'Avenir', 'Muli', sans-serif !important;
        width: 76%;
        margin: 0 auto;
    }
}

/* FINAL SABIES QUE */

/* BON PERNIL */

.page-template-page-jamon-bueno-php {

    font-family: 'Avenir', 'Muli', sans-serif;
}


.page-template-page-jamon-bueno-php .parrafo_petit {
    max-width: 483px;
}


.linia_puntitos {
    border-bottom: 4px dotted #000000;
    width: 72%;
    margin: 4px 0px 10px 0px;
    border-top: none;
}

.dreta .subtitulo,
.esquerra .subtitulo {
    font-family: 'Avenir', 'Muli', sans-serif !important;
    font-size: 12px;
}

.dreta .subtitulo {
    padding-bottom: 10px;
}

.dreta .parrafo,
.esquerra .parrafo {
    width: 30%;
    font-family: Georgia, Serif;
}

.dreta .imatge_bon_pernil {
    float: right;
}

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

.esquerra .linia_puntitos {
    float: right;
}

.esquerra .parrafo {
    float: right;

}

.esquerra .imatge_bon_pernil {
    float: left;
}


.esquerra .table_centrado_vertical {
    text-align: right;
}

.caja_texto_bon_pernil {
    font-family: Georgia, Serif;
}

@media (max-width: 700px) {

    .page-template-page-jamon-bueno-php .parrafo_petit {
        max-width: auto
    }

    .esquerra .imatge_bon_pernil {
        float: none;
        max-width: 100%;
    }

    .dreta .imatge_bon_pernil {
        float: none;
        max-width: 100%;
    }

    .linia_puntitos {
        border-bottom: 2px dotted #000000;
    }

    .seccion_bon_pernil .absolute {
        position: relative;
    }


    .seccion_bon_pernil .parrafo {
        width: 100%;
    }
}

/* FINAL BON PERNIL */
/*
= Banner Quote
***/
/*.row-for-quote .col-for-quote { height: 385px; margin-top: 60px; margin-bottom: 80px; text-align: center; display: table; background-repeat: no-repeat; background-position: center; }*/
.row-for-quote .col-for-quote {
    height: 200px;
    margin-top: 60px;
    margin-bottom: 80px;
    text-align: center;
    display: table;
    background-repeat: no-repeat;
    background-position: center;
}

.row-for-quote .col-for-quote .quote {
    display: table-cell;
    vertical-align: middle;
}

/*.row-for-quote .col-for-quote .quote .cuadro-quote { background-color:rgba(255, 255, 255, 0.8); background-image: url("../images/backgrounds/quote-background.png"); background-repeat: no-repeat; background-position: center; padding: 100px 20px; }*/
.row-for-quote .col-for-quote .quote .cuadro-quote {
    background-color: rgba(255, 255, 255, 0.8);
    background-image: url("../images/backgrounds/quote-background.png");
    background-repeat: no-repeat;
    background-position: center;
    padding: 80px 5px;
}

.cuadro-quote .qtext {
    text-transform: uppercase;
}

/*.row-for-quote .col-for-quote .quote span { font-size: 21px; line-height: 24px; display: block; }*/
.row-for-quote .col-for-quote .quote h4 {
    font-size: 14px;
    line-height: 18px;
    display: block;
}

/*.row-for-quote .col-for-quote .quote span strong { display: block; }*/
.row.sproceso.row-for-quote .col-for-quote {
    background-image: url("../images/backgrounds/secreto-jamon.jpg");
    height: 330px;
    margin-top: 0;
}

.row.curiosidades.row-for-quote .col-for-quote {
    background-image: url("../images/backgrounds/fons-curiositats.jpg");
}

/*.row.producto.row-for-quote .col-for-quote { height: 665px; background-size: 100%; background-image: url("../images/backgrounds/pie.jpg"); }*/
.row.row-for-quote .col-for-quote {
    height: 200px;
    background-size: 100%;
    margin-bottom: 0;
}

.row.producto.row-for-quote .col-for-quote {
    background-image: url("../images/backgrounds/pie.jpg");
}

.row.recetas.row-for-quote .col-for-quote {
    background-image: url("../images/backgrounds/recetas.JPG");
    margin: 0;
}

/*
= Subtítulo con icono
***/
.subtitle-with-icon-w {
    height: 180px;
    font-family: 'DroidSerif-Regular';
    text-transform: uppercase;
    color: #212121;
    font-size: 30px;
    line-height: 35px;
}

.subtitle-with-icon-w .italic {
    font-family: 'DroidSerif-Italic';
    display: block;
}

.subtitle-with-icon-w .subtitle-with-icon {
    position: absolute;
    width: 180px;
    margin-left: 20px;
    border-bottom: 1px solid #c8102e;
    top: -15px;
    padding-bottom: 5px;
}

.subtitle-with-icon-w img {
    margin-top: 75px;
    margin-left: 160px;
}

/*
= Home
***/
/*.home .title h1 { font-size: 22px; }
.home .title h1 { margin-bottom: 40px; }
.home .title h1 .title-sub { line-height: 60px; }*/
.home h1.page-title {
    margin: 0;
}

.home h1.page-title .difstyle {
    display: block;
}

/*.home.page-id-680 h1.page-title .difstyle { display: inline-block; }*/
h3 .difstyle {
    color: #d86e7d;
    font-family: 'DroidSerif-Italic';
}

.home .container-text {
    font-size: 15px;
}

.home .container-text h3 {
    font-size: 20px;
}

.title-home h3 .title-sub {
    font-size: 34px;
}

/*.row-home .title h1 { margin-bottom: 50px; font-size: 28px; }*/
.row-home .container-text {
    margin-bottom: 20px;
}

body.home .read-more {
    text-align: right;
    margin-top: 45px;
    color: #c8102e;
    margin-bottom: 20px;
}

.read-more a span {
    background-image: url('../images/icons/leaf.png');
    background-repeat: no-repeat;
    background-size: 24px;
    padding-left: 30px;
}

.row.row-home {
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid #e1e1e1;
}

.row-listado-productos-home {
    margin-bottom: 70px;
}

.row-listado-productos-home .producto-thumb .title-zone-1 {
    border-right: 1px solid #c8102e
}

.video-home {
    text-align: center;
}

.video-home img {
    max-width: 100%;
    height: auto;
}

.video-home iframe {
    width: 100%;
    min-height: 345px;
}

.row-for-home-quotes .col-for-quote {
    margin-bottom: 20px;
}

.row-for-home-quotes .col-for-quote .background-helper {
    background-repeat: no-repeat;
    background-position: center;
    height: 435px;
}

/*.row-for-home-quotes .col-for-quote .background-helper.left { background-image: url("../images/backgrounds/quote-left.jpg"); }*/
/*.row-for-home-quotes .col-for-quote .background-helper.right { background-image: url("../images/backgrounds/recetas-home1.jpg"); }*/
.row-for-home-quotes .col-for-quote .quote-left {
    float: left;
}

.row-for-home-quotes .col-for-quote .quote-right {
    float: right;
}

.row-for-home-quotes .col-for-quote .cuadro-quote {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    margin: 80px 25px;
    width: auto;
}

.row-for-home-quotes .col-for-quote .quote-right .cuadro-quote {
    width: 230px;
}

.row-for-home-quotes .col-for-quote .cuadro-quote .read-more {
    text-align: center;
    color: #d0112b;
}

.row-for-home-quotes .col-for-quote .cuadro-quote span {
    display: block;
}

body.home .cuadro-quote .read-more span {
    display: inline-block !important;
}

body.home .background-helper .title-home h3 {
    padding-bottom: 10px;
    border-bottom: 2px solid #d86e7d;
    font-size: 31px;
}

/*
= Pág. Historia
***/
.title-2.title-history h3 {
    text-align: left;
    padding: 15px 45px 15px 15px;
    border-bottom: 1px solid #d0112b;
    width: 340px;
    margin-bottom: 0;
}

.title-2.title-history h3 span {
    display: block;
}

.container-historia img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.history-diagram .container-text {
    margin-bottom: 50px;
}

.history-diagram .container-text h2 {
    padding-left: 15px;
}

.row.material-premsa {
    clear: both;
    background: #f9edef;
    padding: 20px;
}

.page-template-page-historia .col-for-quote {
    margin-top: 0;
}

.row-for-history-quotes .col-for-quote {
    margin-bottom: 20px;
}

.row-for-history-quotes .col-for-quote .cuadro-quote {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    width: auto;
    max-width: 220px;
    margin-bottom: 20px;
}

.quote-history {
    background-image: url("../images/backgrounds/quote-background-2.png") !important;
}

.row-for-history-quotes .col-for-quote .cuadro-quote span {
    display: block;
}

.cuadro-quote.title-history h3 {
    text-transform: uppercase;
    font-size: 30px;
    font-family: 'DroidSerif';
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #d0112b;
    max-width: 180px;
    margin-bottom: 20px;
}

.cuadro-quote.title-history .nube {
    text-align: right;
}

.row.material-premsa .container-text a {
    color: #d86e7d;
}

.row.material-premsa .container-text .enlaces {
    font-size: 14px;
    padding-left: 10px;
}

.row.material-premsa .container-text .enlaces p {
    margin-bottom: 10px;
}

.row.material-premsa .container-text .enlaces a {
    color: #d0112b;
}

.menu-history-videos ul li {
    display: table-cell;
    color: #fff;
    border-right: 1px solid #fcf6f7;
}

.menu-history-videos ul li a,
.menu-history-videos ul li.active a:focus,
.menu-history-videos ul li.active a:hover {
    border: none;
    padding: 5px;
}

@media (min-width: 350px) {

    .menu-history-videos ul li a,
    .menu-history-videos ul li.active a:focus,
    .menu-history-videos ul li.active a:hover {
        padding: 10px;
    }
}

.menu-history-videos ul li a:focus,
.menu-history-videos ul li a:hover {
    border: none;
    background: none;
}

.menu-history-videos ul li.active {
    background: #fff;
}

.menu-history-videos ul li.active a {
    color: #d86e7d;
    border: none;
}

.history-video-tab-w {
    border: 1px solid #fff;
}

.history-video-tab {
    border: 1px solid #f9edef;
}

.history-video {
    border: 1px solid #fff;
}

.quote-history br {
    display: none;
}

/*
= Pág. Nuestras Marcas
***/
/*.title-nmarcas { margin-bottom: 40px; }*/
.nmarcas-menu div.col-xs-12.menu {
    padding: 0;
}

.menu-nmarcas {
    background: #fcf6f7;
}

.menu-nmarcas ul {
    display: table;
    text-align: center;
    padding: 20px 0 0 0;
    margin: 0 auto;
}

.menu-nmarcas ul li {
    display: table-cell;
    color: #fff;
    border-right: 1px solid #fcf6f7;
}

.menu-nmarcas ul li a,
.menu-nmarcas ul li.active a:focus,
.menu-nmarcas ul li.active a:hover {
    border: none;
    padding: 13px;
}

.menu-nmarcas ul li a:focus,
.menu-nmarcas ul li a:hover {
    border: none;
    background: none;
}

.menu-nmarcas ul li.active {
    background: #fff;
}

.menu-nmarcas ul li.active a {
    color: #d86e7d;
    border: none;
}

.zonalogo-nmarcas {
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 20px;
}

.container-nmarcas {
    margin-bottom: 30px;
}

.zonalogo-nmarcas img {
    max-width: 120px;
}

.container-nmarcas .col-izq {
    text-align: center;
}

.container-nmarcas img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.botones-nmarcas {
    text-align: center;
}

.botones-nmarcas .btn-marcas-prod {
    padding: 15px;
    border: 1px solid #fcf6f7;
    color: #db7b88;
}

.nmarcas.row-for-quote {
    height: 230px;
}

.nmarcas.row-for-quote .col-for-quote {
    margin-top: 0;
}

.nmarcas.row-for-quote .col-for-quote .cuadro-quote {
    background-image: url("../images/backgrounds/quote-background.png");
    background-repeat: no-repeat;
    background-position: center;
    padding: 80px 0;
}

.nmarcas.row-for-quote .col-for-quote .cuadro-quote span {
    display: block;
    /*font-size: 12px; line-height: 14px;*/
}

/*
= Pág. Certificaciones
***/
.logos-certificaciones ul {
    list-style: none;
    padding: 0px;
}

.logos-certificaciones ul li {
    display: inline-block;
    width: 30%;
    vertical-align: middle;
    margin-right: 1%;
}

.logos-certificaciones .logo-certificacion {
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
}

.logos-certificaciones .logo-certificacion img {
    max-width: 100%;
}

.logos-certificaciones .desc-certificacion {
    color: #000000;
    font-size: 12px;
    font-style: italic;
    text-align: left;
}

.logos-certificaciones .desc-certificacion a {
    font-size: 12px;
    font-style: normal;
    color: #d0112b;
    margin-top: 10px;
    display: block;
    text-transform: uppercase;
}

.logos-certificaciones .desc-certificacion a:first-child {
    color: #000000;
    text-transform: none;
}

.descripcion-certificaciones {

    font-family: 'Avenir', 'Muli', sans-serif !important;
}

.descripcion-certificaciones h4 {
    max-width: 420px;
}

.descripcion-certificaciones h4:hover {
    color: #000;
    cursor: default;
}

.descripcion-certificaciones a:hover {
    cursor: default;
    text-decoration: none !important;
}


.descripcion-certificaciones a a:hover {
    cursor: pointer;
}

.descripcion-certificaciones .titol_certificacions {
    border-bottom: 2px dotted #000000;
    display: inline-block;
    padding-bottom: 15px;

}

/*
= Noticia Single
***/
.post-line-sup {
    text-align: center;
    margin-bottom: 30px;
}

.post-featured-info {
    margin-bottom: 45px;
}

.post-featured-info img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.post-page-title {
    font-family: 'DroidSerif';
    font-size: 25px;
    color: #d86e7d;
    margin-top: 0;
    margin-bottom: 30px;
    text-align: center;
}

.post-excerpt {
    font-size: 18px;
    color: #333;
    font-family: 'Raleway-Regular';
}

.post-post-content {
    font-size: 16px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 35px;
}

.post-btn {
    float: right;
}

/*
= Noticia List
***/
.page-template-page-noticias h1.page-title {
    margin-bottom: 50px;
}

.post-list .float-left {
    float: left;
}

.post-list .float-right {
    float: right;
}

.post-list.border-bottom {
    padding-bottom: 35px;
    border-bottom: 1px solid #ebebeb;
}

.post-list .read-more {
    text-align: right;
}

.post-list .read-more a span {
    color: #c8102e;
}

.post-list .post-excerpt p {
    font-size: 16px;
}

/*
= Pág. El Secreto del Proceso
***/
.container-sproceso .table-desktop {
    display: none;
}

.container-sproceso table tr th,
.container-sproceso table tr td {
    padding-left: 30px;
}

.container-sproceso table tr.headertab {
    background: #d86e7d;
    color: #fff;
}

.container-sproceso table tr.headertab th {
    font-family: 'Raleway-ExtraLight';
    width: 50%;
}

.container-sproceso table tr.headertab th strong {
    font-family: 'Raleway-Regular';
}

.container-sproceso table tr td {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
}

#table-pestandard {
    padding-right: 0;
}

/*
= El jamón del bueno
***/
.col-ham-desktop {
    display: none;
}

.ham-provisional {
    text-align: left;
    margin-bottom: 20px;
}

.area-leaf {
    position: absolute;
    cursor: pointer;
}

.area-leaf img {
    height: 50px;
}

.map-leafw,
.text-block,
.auxiliar {}

.col-ham {
    text-align: center;
}

.image-ham {
    width: 100%;
    height: auto;
}

#area-leaf1 {
    top: 20px;
    left: 30%;
}

#area-leaf2 {
    top: 100px;
    left: 30%;
}

#area-leaf3 {
    top: 20px;
    left: 60%;
}

#area-leaf4 {
    top: 100px;
    left: 60%;
}

.area-leaf:hover .map-leaf {
    display: none;
}

.area-leaf:hover .map-leafw,
.area-leaf:hover .text-block,
.area-leaf:hover .auxiliar {
    visibility: visible;
    opacity: 1;
}

.text-block {
    position: absolute;
    background: #f9edef;
    padding: 15px;
}

.auxiliar {
    position: absolute;
    border: 1px solid #d0112b;
}

.row-ham-mobile .leaf-btn img {
    animation: topobotones 1s infinite;

}

@keyframes topobotones {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1)
    }
}


.row-ham-mobile .titol_auxiliar {


    font-family: 'Avenir', 'Muli', sans-serif !important;
    font-weight: bold;
    border-bottom: 4px dotted #000000;
    margin-bottom: 20px;
}


@media (min-width: 480px
    /*@screen-sm-min*/
) {
    #area-leaf1 {
        top: 70px;
    }

    #area-leaf2 {
        top: 200px;
    }

    #area-leaf3 {
        top: 70px;
    }

    #area-leaf4 {
        top: 200px;
    }
}

@media (min-width: 768px
    /*@screen-sm-min*/
) {
    .area-leaf img {
        height: 60px;
    }

    #area-leaf1 {
        top: 100px;
    }

    #area-leaf2 {
        top: 250px;
    }

    #area-leaf3 {
        top: 100px;
    }

    #area-leaf4 {
        top: 250px;
    }


}

@media (min-width: 992px
    /*@screen-md-min*/
) {
    .image-ham {
        width: 990px;
        height: auto;
    }

    .area-leaf img {
        height: 46px;
    }

    #area-leaf1 {
        top: 150px;
        left: 350px;
    }

    #area-leaf2 {
        top: 300px;
        left: 250px;
    }

    #area-leaf3 {
        top: 150px;
        left: 630px;
    }

    #area-leaf4 {
        top: 350px;
        left: 600px;
    }

    #text-block1 {
        top: -120px;
        left: -300px;
        right: 60px;
    }

    #text-block2 {
        top: 80px;
        left: -200px;
        right: -150px;
    }

    #text-block3 {
        top: 70px;
        left: 50px;
        right: -300px;
    }

    #text-block4 {
        top: 70px;
        left: 70px;
        right: -300px;
    }

    #aux1 .titol_auxiliar {
        font-size: 12px;
        line-height: 1, 42857143;
        width: 66%;
        text-align: left;
        font-family: 'Avenir', 'Muli', sans-serif !important;
        font-weight: bold;
    }

    #aux1 .caja_texto_bon_pernil {
        text-align: left;
        margin-top: 20px;
    }

    #aux1 {
        left: 121px;
        top: -295px;
        height: 327px;
        width: 300px;
        border-right: none;
        border-top: none;
        border-bottom: none;
        border-left: 2px dotted #9D9E9F;
        padding-left: 28px;
    }

    #aux2 .titol_auxiliar {

        font-family: 'Avenir', 'Muli', sans-serif !important;
        font-weight: bold;
        width: 80%;
        font-size: 12px;
        line-height: 1, 42857143;
        text-align: left;
        top: 0px;
        left: 0px;
        margin-bottom: 20px;
    }

    #aux2 .caja_texto_bon_pernil {
        text-align: left;
        margin-top: 20px;
        width: 50%;
    }

    #aux2 {
        left: 121px;
        top: -295px;
    }

    #aux2 .auxiliar {

        height: 327px;
        width: 400px;
        border-right: none;
        border-left: none;
        border-bottom: none;
        border-top: 2px dotted #9D9E9F;
        padding-left: 0px;
    }

    #aux3 .titol_auxiliar {

        font-size: 12px;
        line-height: 1, 42857143;
        margin-top: 20px;
        font-family: 'Avenir', 'Muli', sans-serif !important;
        font-weight: bold;
        width: 50%;
        text-align: left;
        top: 0px;
        left: 0px;
        float: right;
        margin-bottom: 20px;
    }

    #aux3 .caja_texto_bon_pernil {
        text-align: left;
        margin-top: 40px;
        width: 50%;
        margin-left: 50%;
    }

    #aux3 {
        left: 121px;
        top: -295px;
    }

    #aux3 .auxiliar {

        height: 327px;
        width: 400px;
        border-right: none;
        border-left: none;
        border-bottom: none;
        border-top: 2px dotted #9D9E9F;
        padding-left: 0px;
    }

    #aux4 .auxiliar {

        width: 400px;
        border-right: none;
        border-top: none;
        border-bottom: none;
        border-left: none;
        padding-left: 0px;
    }

    #aux4 .titol_auxiliar {

        font-size: 12px;
        line-height: 1, 42857143;
        margin-top: 140px;
        width: 66%;
        text-align: left;
        font-family: 'Avenir', 'Muli', sans-serif !important;
        font-weight: bold;
    }

    #aux4 .caja_texto_bon_pernil {
        text-align: left;
        margin-top: 28px;
    }

    #aux4 {
        min-height: 184px;
        width: 300px;
        border-right: none;
        border-top: none;
        border-bottom: none;
        border-left: 2px dotted #9D9E9F;
        padding-left: 20px;
    }

    .caja_texto_bon_pernil {
        display: none;
    }

    .margin_top_corte {
        margin-top: 170px !important;
    }

    .area-left:hover {
        cursor: pointer;
    }

    .area-leaf.active #aux1,
    .area-leaf.active #aux2,
    .area-leaf.active #aux3,
    .area-leaf.active #aux4,
    .area-leaf.active .auxiliar {
        border-left-color: #000000 !important;
        border-top-color: #000000 !important;
        border-bottom-color: #000000 !important;
        border-right-color: #000000 !important;
    }

    .area-leaf .caja_texto_bon_pernil {
        display: none;
    }

    .area-leaf.active .caja_texto_bon_pernil {
        display: block;
    }

    .area-leaf .titol_auxiliar,
    .area-leaf .caja_texto_bon_pernil,
    .seccion_bon_pernil .parrafo,
    .seccion_bon_pernil .subtitulo {
        color: #9D9E9F;

    }

    .seccion_bon_pernil .subtitulo {
        letter-spacing: 0.3em;
        font-weight: bold;
    }

    .seccion_bon_pernil .parrafo {
        letter-spacing: 0.1em;
        z-index: 20;
    }

    .area-leaf.active .titol_auxiliar,
    .area-leaf.active .caja_texto_bon_pernil,
    .seccion_bon_pernil.active .parrafo,
    .seccion_bon_pernil.active .subtitulo {
        color: #000000;
    }

    .seccion_bon_pernil .parrafo {
        display: none;
    }

    .seccion_bon_pernil.active .parrafo {
        display: none;
    }

    .linia_puntitos {
        border-bottom: 2px dotted #9D9E9F;
    }

    .active .linia_puntitos {
        border-bottom: 2px dotted #000000;
    }

    .seccion_bon_pernil .table_centrado_vertical {
        vertical-align: top;
        padding-top: 2.6vw;
    }

    #explicacio_rotllet_5 .table_centrado_vertical {
        padding-top: 8.6vw;
    }

    #explicacio_rotllet_5 .linia_puntitos {
        width: 76%;
    }

    #explicacio_rotllet_5 .col-xs-12 {
        text-align: center;
    }
}

@media (min-width: 1200px
    /*@screen-lg-min*/
) {

    .image-ham {
        width: 1150px;
        height: auto;
    }

    #area-leaf1 {
        top: 200px;
        left: 450px;
    }

    #area-leaf2 {
        top: 214px;
        left: 0px;
    }

    #area-leaf3 {
        top: 150px;
        left: 750px;
    }

    #area-leaf4 {
        top: 438px;
        left: 600px;
    }

    .text-block {
        padding: 25px;
    }

    #text-block1 {
        top: -180px;
        left: -400px;
        right: 90px;
    }

    /*#text-block2 { top: 80px; left: -200px; right: -150px; }
    #text-block3 { top: 70px; left: 50px; right: -300px; }*/
    #text-block4 {
        top: 70px;
        left: 70px;
        right: -350px;
    }

    #aux1 {
        left: 121px;
        top: -295px;
        height: 327px;
    }
}

@media (max-width: 700px) {

    .logos-certificaciones ul li {
        width: 100%;
        margin-top: 2rem;
        margin-bottom: 2rem;

    }

    .seccion_interior {
        margin-bottom: 0px !important;
    }

    .seccion_sabias_que {
        margin-bottom: 70px !important;

    }
}


/*
= Beneficios nutricionales
***/
.container-bnutricionales img {
    max-width: 100%;
    height: auto;
}

/*.container-bnutricionales .container-text { font-size: 14px; padding: 15px; }*/
.bnutricionales.row-for-quote {
    height: 330px;
}

.bnutricionales.row-for-quote .col-for-quote .cuadro-quote {
    background-image: url("../images/backgrounds/quote-background.png");
    background-repeat: no-repeat;
    background-position: center;
    padding: 100px 0;
}

.bnutricionales.row-for-quote .col-for-quote .cuadro-quote span {
    display: block;
    /*font-size: 12px; line-height: 14px;*/
}

/*
= Pág. FAQ
***/
#accordion-faq {
    background: #fefbfc;
    z-index: 20;
}

.page-template-page-faq .col-izq {
    z-index: 30;
}

#accordion-faq,
#accordion-faq .panel-heading h4 {
    font-size: 14px;
}

.container-faq .intro {
    margin-bottom: 115px;
}

.subtitle-with-icon-w {
    height: 120px !important;
}

.subtitle-background.faq-background {
    position: absolute;
    z-index: -1;
    background: #fdf9f8;
    height: 160px;
    width: 220px;
    top: -80px;
}

.container-faq .subtitle-with-icon-w .subtitle-with-icon {
    top: -70px !important;
}

.container-faq .subtitle-with-icon-w img {
    margin-top: 20px !important;
}

.container-faq .panel-group div.panel.panel-default {
    margin-top: 0;
    border: none;
    background: none;
    border-radius: 0;
}

.container-faq .panel-group div.panel.panel-default .panel-heading {
    border-bottom: 1px solid #d7d7d7;
    background: none;
    padding: 15px;
    border-radius: 0;
}

.container-faq .panel-group div.panel-default a:focus {
    text-decoration: none;
}

#accordion-faq .panel-collapse .panel-body {
    border: none;
    /*padding: 45px 65px;*/
}

#accordion-faq .panel-collapse.collapse.in {
    background: #f9edef;
}

.container-faq .panel-default a:not(.collapsed) .panel-heading {
    background: #d86e7d !important;
    color: #fff;
    font-family: 'Raleway-SemiBold';
}


/*
= Curiosidades
***/
.container-curiosidades .subtitle-with-icon-w {
    margin-bottom: 30px;
}

.row.curiosidades.row-for-quote .col-for-quote {
    margin-top: 0;
}

.subtitle-background.curiosidades-background {
    position: absolute;
    z-index: -1;
    background: #fdf9f8;
    height: 160px;
    width: 230px;
    top: -30px;
}

/* Pág. Recetas */


/* Pág. Contacto */
.page-template-page-contacto .container-fluid {
    padding: 0;
}

.seccion_contacto {
    margin-bottom: 70px !important;
    font-family: 'Avenir', 'Muli', sans-serif;
    font-size: 0.8em;
}

.seccion_contacto .contact-block strong {
    font-family: 'Avenir', 'Muli', sans-serif;

}

.seccion_contacto h2 {
    font-family: Georgia, Serif;
}

.contact-google-map {
    margin-bottom: 35px;
}

.contact-blocks {
    padding-left: 35px;
    background-image: url('../images/icons/map-pin.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 20px;
    margin-bottom: 40px;
}

.contact-blocks .contact-block {
    margin-bottom: 20px;
}

.contact-blocks .contact-block a {
    color: #c8102e;
}

.contact-blocks .marca-producto {
    font-family: 'Lato-Regular';
    color: #d0112b;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 20px;
}

.contact-page-contact-form h2 {

    margin-left: 17px;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 20px;
    /* text-decoration: underline; */
    border-bottom: 2px dotted #000000;
    display: inline-block;
}

.contact-page-contact-form .ast {
    color: #c8102e;
}

.contact-page-contact-form p.form-tag {
    margin-bottom: 10px;
}

.contact-page-contact-form form input.wpcf7-text,
.contact-page-contact-form form textarea {
    width: 100%;
    padding: 10px;
    border-radius: 0px;
    border: none;
    background-color: #F9F9F9;
}

.contact-page-contact-form form textarea {
    min-height: 195px;
}

/* individual: webkit */
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #000000 !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #000000 !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #000000 !important;
}

.form-tag {
    display: none;
}

.contact-page-contact-form form input.wpcf7-submit {
    padding: 4px 0px 3px 0px;
    text-transform: uppercase;
    background: #000000;
    border: none;
    color: #fff;
    font-weight: bold;
    margin-bottom: 25px;
}

div.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    clear: both;
    background: rgba(149, 255, 190, 0.61);
    border: none;
}

div.wpcf7-mail-sent-ok {
    clear: both;
    background: rgba(83, 255, 123, 0.61);
    border: none;
}


@media (max-width: 700px) {
    .contact-page-contact-form {
        margin-top: 50px;
    }

    .product-caract {
        padding: 0;
        margin-top: 14px;
    }

    .ultimo_contacto {
        margin-top: 10px;
    }
}

/*
= Pág. Producto
***/
body.single-product h1.page-title {
    display: none;
}

body.single-product .text-center img {
    max-width: 100%;
}

.container-producto {
    margin-bottom: 100px;
}

.container-producto img {
    max-width: 100%;
    height: auto;
}

.title-zone {
    margin-top: 0px;
}

.container-producto .title-zone-2 h1 {
    font-size: 1.6em;
    margin-top: 2px;
    font-style: italic;
}

.single-receta .container-producto .title-zone-2 h1 {
    font-size: 2.3em;
    margin-top: 40px;
    padding-bottom: 15px;
    font-style: italic;
    font-weight: bold;
}

.container-producto .title-zone-2 .punticos {
    border-bottom: 1px solid #d0112b;
    margin-bottom: 20px;
    width: 30%;
}

.product-caract {
    padding: 0;
    margin-top: 0px;
}

.content-producto .product-caract {
    margin-top: 0px;
    width: 90%;
}

.title-zone-1 {
    font-size: 16px;
    text-align: left;
    /*padding-right: 0;*/
    padding-left: 0;
    margin-bottom: 0px;
}

.title-zone-1 .marca-producto {
    font-family: 'Barlow Condensed', 'Avenir', 'Muli', sans-serif;
    color: #d0112b;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    padding-bottom: 3px;
}

.title-zone-1 .ref-producto {
    color: #989898;
}

.title-zone-2 h1 {
    font-size: 20px;
    margin-top: 2px;
    margin-bottom: 0;
}

.title-zone-2 .available {
    color: #989898;
    font-size: 16px;
}

.single-tipo-venta {
    color: #000;
    font-weight: bold;
}

.content-producto .product-text {
    margin-bottom: 0px;
}

.content-producto .product-text {
    font-family: 'Avenir', 'Muli', sans-serif;
    font-size: 14px;
}

.product-allergies {
    font-size: 12px;
    color: #b41420;
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 40px;
}

.product-allergies div.allergy-item {
    margin-left: 8px;
    padding-left: 32px;
    line-height: 24px;
    float: left;
    text-transform: uppercase;
}

.allergy-item {
    background-repeat: no-repeat;
    background-size: 24px;
}

.allergy-item.gluten,
.allergy-item.egg,
.allergy-item.lactose,
.allergy-item.soja {
    background-image: url('../images/icons/allergy.png');
}

.allergy-item.gluten-free {
    background-image: url('../images/icons/gluten-free.png');
}

.allergy-item.egg-free {
    background-image: url('../images/icons/egg-free.png');
}

.allergy-item.lactose-free {
    background-image: url('../images/icons/lactose-free.png');
}

.allergy-item.soja-free {
    background-image: url('../images/icons/soja-free.png');
}

.etiqueta_peso {
    font-family: 'Avenir', 'Muli', sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 400;
    vertical-align: bottom;
    padding-top: 1px;
}

.valor_peso {
    font-family: Georgia, Serif;
    font-size: 3rem;
    text-transform: uppercase;
    font-weight: 400;

    padding-left: 8px;
    vertical-align: top;
}

.unidad_peso {

    text-transform: none;
}

.selva_no_contiene {
    list-style: none;
    width: 100%;
    padding: 0px;
    margin-bottom: 10px;
}

.sello_bienestar {
    margin-top: 10px;
    max-width: 100px;
}

.capa_selva_no_contiene {
    display: block;
}

.selva_no_contiene li {
    font-family: 'Avenir', 'Muli', sans-serif;
    font-size: 1.1rem;
    line-height: 1.2rem;
    text-transform: uppercase;
    font-weight: 400;
    display: inline-block;
    border-left: 2px solid #000;
    min-width: 3%;
    padding-left: 3%;
    margin-top: 11px;
}

.product-text p {
    margin-bottom: 0px;
}

.selva_no_contiene li:nth-child(odd) {

    border-left: none;
    padding-left: 0px;
    margin-top: 12px;
}


.selva_no_contiene .icono_ok img {
    width: 21px;

}

.texte_no_contiene {
    padding-left: 2px;
    padding-right: 11px;
    min-width: 67px;
}

.texte_no_contiene.texto_largo {
    max-width: 135px;

}

.texte_no_contiene.texto_medio {
    max-width: 94px;

}

.codigo {
    font-weight: bold;
}

/*.product-caract { float: left; display: block; width: 100%; border: 1px solid #e1e1e1; text-transform: uppercase; padding-top: 20px; padding-bottom: 25px; margin-bottom: 30px; }
.product-caract .ls-col-1de5 { width: 20%; float: left; text-align: center; }
.product-caract .product-caract-title-w { font-size: 12px; color: #b41420; height: 40px; display: table; overflow: hidden; width: 100%; }
.product-caract .product-caract-title-w .product-caract-title { display: table-cell; vertical-align: middle; }
.product-caract .product-caract-value-w { font-size: 14px; color: #333; height: 30px; display: table; overflow: hidden; width: 100%;}
.product-caract .product-caract-value-w .product-caract-value { display: table-cell; vertical-align: middle; }*/
.product-social-share {
    float: left;
    display: block;
    width: 100%;
}

.product-social-share .fa-circle {
    color: #d86e7d;
}

.product-social-share .fa-facebook,
.product-social-share .fa-twitter {
    color: #fff;
}

.product-caract {
    padding: 0;
}

.container-producto .panel-heading {
    color: #666;
    padding: 20px;
    background: none;
}

.container-producto .panel-heading h4.panel-title {
    text-transform: uppercase;
    font-size: 16px;
    float: left;
}

.container-producto .panel-body {
    padding: 0;
    color: #000000;
    font-family: 'Avenir', 'Muli', sans-serif;
}

.container-producto .panel-body .element {
    padding: 5px 0px;
    margin: 0 0px;
    border-bottom: 1px solid #000;
}

.primeracolumna {
    font-weight: bold;
    border-bottom: 2px solid #000 !important;
}

.primeracolumna .table-title {
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.container-producto .panel-body .last-element {
    border: none;
}

.container-producto .panel-body div.table-title {
    font-size: 12px;
    float: left;
    margin: 0;
}

.container-producto .panel-body div.table-title span {
    text-transform: lowercase;
    display: block;
    padding-left: 35px;
}

.container-producto .panel-heading div.panel-subtitle {
    font-size: 12px;
    text-align: right;
}

.container-producto .panel-body div.table-subtitle {
    font-size: 14px;
    text-align: right;
}

.container-producto .panel-body div.table-subtitle span {
    display: block;
}

/*.panel-group i.fa-plus-square { text-align: right; }*/
.panel-group .ampliar-acordeon,
.panel-group .reducir-acordeon {
    float: right;
    color: #fff;
    padding: 0 12px;
    border: 1px solid #e1e1e1;
    font-size: 22px;
}

.panel-group a.collapsed div.reducir-acordeon {
    display: none;
}

.panel-group a:not(.collapsed) div.ampliar-acordeon {
    display: none;
}

.panel-group a div.ampliar-acordeon {
    background: #d86e7d;
}

.panel-group a div.reducir-acordeon {
    background: #f2d5d9;
}

.bloque_curiosidad {
    margin-top: 17px;
}

.pregunta {
    font-style: italic;
}

/* Social share */
.wpusb-item a i {
    color: #d86e7d !important;
}

.wpusb-item.wpusb-google-plus,
.wpusb-item.wpusb-whatsapp,
.wpusb-item.wpusb-pinterest,
.wpusb-item.wpusb-linkedin,
.wpusb-item.wpusb-tumblr,
.wpusb-item.wpusb-email,
.wpusb-item.wpusb-printer,
.wpusb-item.wpusb-telegram,
.wpusb-item.wpusb-skype,
.wpusb-item.wpusb-viber {
    display: none;
}

/* Productos relacionados */
.prod-relacionados-prod .producto-thumb img {
    max-width: 100%;
    height: auto;
}

.producto-thumb .title-zone {
    margin-top: 40px;
    margin-right: 15%;
    margin-left: 15%;
}

.producto-thumb .title-zone-1 {
    font-size: 14px;
    text-align: right;
    /*padding-right: 0;*/
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 50px;
    font-family: 'Avenir', 'Muli', sans-serif !important;
}

.producto-thumb .title-zone-1 .marca-producto {
    font-family: 'Avenir', 'Muli', sans-serif;
    color: #d0112b;
    text-transform: uppercase;
    font-weight: bold;
}

.producto-thumb .title-zone-1 .ref-producto {
    color: #989898;
}

.producto-thumb .title-zone-2 h3 {
    font-size: 14px;
    margin-top: 2px;
}

.producto-thumb .content-producto .product-text {
    margin-bottom: 50px;
}

/*
= Listado de productos
***/
.row-listado-productos .producto-thumb img {
    max-width: 100%;
    height: auto;
}

/*
= Mapa del sitio
***/
ul.page-list {
    line-height: 25px;
    list-style: none;
    font-family: 'Raleway-Regular', sans-serif;
}

ul.page-list li {
    list-style: none;
}

.page-template-page-default li.page_item_has_children>a {
    pointer-events: none;
    cursor: default;
}

.cabecera_productos {
    margin-bottom: 65px;
    background-size: contain;

    background-repeat: no-repeat;
}

@media (max-width: 800px
    /*@screen-sm-min*/
) {

    .cabecera_productos {
        background-color: transparent;
        min-height: 23vh;
        background-size: cover;
        background-position: center;
        margin-top: 8vh;
        margin-bottom: 15px;
    }

    .products-search-form .block-secondary .type-input {
        margin-right: 0px !important;
    }

}

@media (min-width: 480px
    /*@screen-sm-min*/
) {
    .home .title h1 .title-sub {
        line-height: 40px;
    }

    .title .ls-rosa {
        display: inline-block;
    }

    .home .title h1 .difstyle,
    .page-title .difstyle {
        display: inline-block;
    }

    .menu-nmarcas ul li {
        padding: 0 50px;
    }

    .row.producto.row-for-quote .col-for-quote,
    .row.recetas.row-for-quote .col-for-quote,
    .row.curiosidades.row-for-quote .col-for-quote {
        height: 260px;
    }

    .page-template-page-contacto .row.curiosidades.row-for-quote .col-for-quote {
        height: auto;
    }

    .row-for-quote .col-for-quote .quote span,
    .bnutricionales.row-for-quote .col-for-quote .cuadro-quote h4 {
        font-size: 16px;
        line-height: 21px;
    }

    .row-for-quote .col-for-quote .quote .cuadro-quote {
        padding: 100px 5px;
    }

    .quote-history {
        background-image: url("../images/backgrounds/quote-background.png") !important;
    }

    .quote-history br {
        display: block;
    }

    .menu-history-videos ul li a,
    .menu-history-videos ul li.active a:focus,
    .menu-history-videos ul li.active a:hover {
        padding: 10px 20px;
    }

    .logos-certificaciones .logo-certificacion {
        width: 50%;
    }
}

/*
= Small devices (tablets, 768px and up)
***/
@media (min-width: 768px
    /*@screen-sm-min*/
) {

    .contact-page-contact-form form input.wpcf7-submit {
        width: auto;
        /* float: right; */
        text-align: center;
        margin: 0;
        float: none;
        clear: both;
        border-radius: 6px;
        font-family: Georgia, Serif;

        font-weight: 400 !important;
        padding: 5px 20px !important;
        border-radius: 6px;
        display: block;
        text-transform: none !important;
    }

    .row.producto.row-for-quote .col-for-quote,
    .row.recetas.row-for-quote .col-for-quote,
    .row.curiosidades.row-for-quote .col-for-quote {
        height: 400px;
    }

    .row-for-quote .col-for-quote .quote h4,
    .bnutricionales.row-for-quote .col-for-quote .cuadro-quote h4 {
        font-size: 21px;
        line-height: 24px;
    }

    .container-producto .single-product-container {
        padding-left: 0px;
    }

    .post-page-title {
        text-align: left;
        margin-bottom: 15px;
    }

    .post-featured-info .line-aux {
        margin-left: 15px;
        border-bottom: 1px solid #ebebeb;
        margin-bottom: 30px;
    }

    .logos-certificaciones .logo-certificacion {
        width: 33.33%;
    }
}

/*
= Medium devices (desktops, 992px and up)
***/
@media (min-width: 992px
    /*@screen-md-min*/
) {
    .home .title h1 .ls-rosa {
        display: block;
    }

    .home h1.page-title .difstyle {
        display: block;
    }

    .row.recetas.row-for-quote .col-for-quote {
        height: 665px;
    }

    .row-for-quote .col-for-quote .quote h4,
    .bnutricionales.row-for-quote .col-for-quote .cuadro-quote h4 {
        font-size: 22px;
        line-height: 27px;
    }

    /* Pág. FAQ */
    #accordion-faq {
        padding: 0 50px;
    }

    .container-sproceso .table-desktop {
        display: block;
    }

    .container-sproceso .table-mobile {
        display: none;
    }

    .col-ham-desktop {
        display: block;
    }

    .col-ham-mobile {
        display: none;
    }

    .logos-certificaciones .logo-certificacion {
        width: 14.285%;
    }
}

/*
= Medium devices (desktops, 992px and up)
***/
@media (min-width: 1200px
    /*@screen-lg-min*/
) {}

@media (max-width: 1000px) {
    ..parrafo_historia .parrafo.pagina_empresa {
        width: 89%;
    }
}


/* TABLET */


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (max-device-height : 1365px) {
    #responsive-menu-pro-container #responsive-menu-pro-title {
        margin-bottom: 30px;
    }

    #redes_sociales_menu a {
        margin: 0px 25px 0px 0px !important;
    }

    #redes_sociales_menu img {
        width: 60px;
    }

    .footer-1 .widget ul li {
        margin-bottom: 0px !important;
    }

    .social-icons-onecolor img {
        width: 60px;
        margin-right: 25px;
    }

    .links_legals_peu .hidden-xs {
        font-size: 1.7em;
    }

    .header-mobile .logo img {
        width: auto !important;
        height: 44px !important;
    }



    .seccion_nuestras-marcas .cuadrat_imatge_marcas,
    .seccion_interior .cuadrat_imatge_marcas {
        margin-left: 22%;
    }

    .seccion_nuestras-marcas .segundo_bloque .parrafo,
    .seccion_interior .parrafo {
        margin-top: 20px;
        margin-right: 9%;
        margin-left: 9%;
    }

    .seccion_nuestras-marcas .subtitulo,
    .seccion_interior .subtitulo {
        margin-left: 9%;
    }

    .seccion_nuestras-marcas .segundo_bloque .linia_petita,
    .seccion_interior .linia_petita {
        margin: 20px 0px 0px 9% !important;

    }

    .seccion_nuestras-marcas .subtitulo,
    .seccion_interior .subtitulo {
        font-size: 3vw;
    }

    .seccion_nuestras-marcas .segundo_bloque .parrafo p,
    .seccion_interior .segundo_bloque .parrafo p {
        font-size: 3vw;
    }

    .seccion_nuestras-marcas .segundo_bloque .link,
    .seccion_interior .segundo_bloque .link {
        font-size: 19px;
    }

    .parrafo_petit {
        margin-left: 8%;
        margin-right: 8%;
    }

    .seccion_interior .primer_bloque .parrafo p {
        color: rgb(60, 60, 60);
        font-style: italic;
        font-size: 1.7em;
        letter-spacing: 0.05vw;
        font-family: Georgia, Serif;
        padding-right: 10%;
        margin-top: 70px;
    }

    .seccion_interior .subtitulo {
        font-size: 2vw;
        margin-left: 0px;
    }

    .seccion_nuestras-marcas .subtitulo {
        font-size: 2vw;
    }

    .table_centrado_vertical .parrafo {
        margin-left: 0px;
        margin-right: 0px;
    }

    .esquerra .table_centrado_vertical {
        text-align: right !important;
    }

    .esquerra .linia_puntitos {
        float: right !important;
    }

    .page-template-page-curiosidades-php .seccion_interior .titulo {
        max-width: 72%;
    }

    .page-template-page-curiosidades-php .seccion_interior .linia_petita {
        width: 10%;
        margin: 20px 0px 0px 2% !important;
    }

    .pregunta {
        font-style: italic;
        margin-top: 10bpx;
        margin-left: 5%;
        margin-right: 3%;
    }

    .contact-page-contact-form {
        margin-top: 50px;
    }

    .contact-page-contact-form form input.wpcf7-submit {
        font-size: 20px;
        width: 130px;
    }


}

.contact-page-contact-form {
    margin: 3rem 0rem;
}

.video-responsive {
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%;
    /* 16:9 aspect ratio */
    height: 0;
}

.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.marge_superior_inferior {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.contact-block.col-sm-4.col-xs-6 {
    padding-top: 2rem;
    padding-bottom: 3rem;
}

.page-template-page-contacto .cuadro-quote {
    background-image: none !important;
}

.contact-page-contact-form {

    padding: 3rem 10rem;
    display: block;
    width: calc(100% - 0rem);
    float: none;
    clear: both;
}

.fondo_gris_contacto .contact-page-contact-form {
    padding: 3rem 15rem;
}

.page-template-page-contacto .row.row-for-quote .col-for-quote {
    text-align: left;
}

.contact-page-contact-form .row-for-quote .col-for-quote .quote .cuadro-quote {
    background-color: rgba(255, 255, 255, 1);
}

.contact-page-contact-form .row-for-quote .col-for-quote .quote .cuadro-quote {
    margin: 0px;
}

.page-template-page-empresa .video-responsive {
    margin-top: 11rem;
    margin-left: 7%;
    margin-right: 7%;

}

.muestra_detalle_info {
    font-weight: 700;
    color: rgb(185, 142, 100);
    font-size: 0.8vw;
    letter-spacing: 0.05vw;
    font-family: 'Avenir', 'Muli', sans-serif;
    text-align: center;
    display: block;



}

.cuota_treballa_amb_nosaltres {
    background-image: url(../images/backgrounds/quote-background.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    padding-top: 10rem;
    font-size: 2rem;
    padding-bottom: 10rem;
}

.wpcf7 p {
    text-align: left;
}

@media (max-width: 900px) {

    .page-template-page-empresa .parrafo_petit strong {
        font-size: 2.2rem;
    }

    .page-template-page-empresa .parrafo_petit {
        font-size: 1.7rem;
    }

    .marge_superior_inferior {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .contact-page-contact-form {
        padding: 0rem 0rem;
        display: block;
        width: calc(100% - 0rem);
        float: none;
        clear: both;
        margin: 3rem 0rem;
    }

    .fondo_gris_contacto {
        background-color: #ffffff !important;
    }

    .capa-derecha ul {

        margin: 33% auto !important;
        width: 70%;
    }

    .capa-izquierda,
    .capa-derecha {
        flex: none !important;
        display: block;
        width: 100%;
        aspect-ratio: auto;
    }


    .contenedor_contacto {
        display: inline-block !important;
        background-color: #F9F9F9;
    }


    .contact-page-contact-form .col-xs-12 .col-xs-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .parrafo_historia .parrafo.pagina_empresa {
        width: 90%;
    }

    .page-template-page-contacto .row-for-quote .col-for-quote .quote .cuadro-quote {
        padding: 0px;
    }

    .page-template-page-contacto .row.row-for-quote .col-for-quote {
        height: auto;
        background-size: cover;
        margin-bottom: 0;
    }

}


.contenedor_contacto {
    display: flex;
    /* Activa el modo flexbox */
    width: 100%;
    /* Ancho del contenedor al 100% */
    margin-top: 7rem;
    margin-bottom: 7rem;
}

.capa-izquierda,
.capa-derecha {
    flex: 1;
    /* Cada capa ocupa el 50% del espacio disponible */
    height: 100%;
    /* Altura igual al contenedor */
    aspect-ratio: 550 / 440;
    /* Proporción 1:1 (cuadrado) */
}

.capa-izquierda {
    background-color: #f0f0f0;
    /* Color de fondo gris claro */
}

.capa-derecha {
    background-color: #F9F9F9;
    flex-direction: column;
    /* Organiza los elementos en una columna */
    align-items: center;
    /* Alinea los elementos horizontalmente al centro */
}

d .capa-izquierda iframe {
    width: 100%;
    /* Ancho del iframe al 100% de la capa */
    height: 100%;
    /* Altura del iframe al 100% de la capa */
}

.capa-derecha ul {
    padding: 0px;
    list-style: none;
    width: 50%;
    margin: 11% auto;
    flex: 1;
    /* El texto ocupa el espacio disponible */
    text-align: center;
    /* Alinea el texto horizontalmente al centro */
}

.capa-derecha li {
    text-align: center;
    padding-bottom: 2rem;
    padding-top: 2rem;
    font-size: 1.8rem;
}

.capa-derecha .border_inferior {
    border-bottom: 1px solid #000;

}

.fondo_gris_contacto {
    background-color: #F9F9F9;
}

.fondo_gris_contacto textarea,
.fondo_gris_contacto input,
.fondo_gris_contacto select {

    background-color: #FFFFFF !important;
}

.page-template-page-empresa .parrafo_petit strong {

    color: rgb(60, 60, 60);
    font-style: italic;
    font-size: 2.8rem;
    letter-spacing: 0.05vw;
    font-family: Georgia, Serif;
    padding-right: 0px;
    margin-top: 20px;
    font-weight: 400;
}

.page-template-page-empresa .parrafo_petit {
    font-family: 'Avenir', 'Muli', sans-serif;
    font-size: 2rem;

}

.page-template-page-empresa .imagen_seccion img {
    margin: 0 auto;
}

.page-template-page-empresa .banner-apte_per_tothom {
    width: 100%;
    margin: 0 auto;
}

.page-template-page-empresa .banner-apte_per_tothom .parrafo_petit {
    text-align: left;
}

.page-template-page-empresa .banner-apte_per_tothom .parrafo_petit p {
    padding: 0% 20%;
    font-size: 2rem;
}

.listado_informes {
    list-style: none;
    text-align: center;
    margin-bottom: 5rem;
    padding: 0px;
}

.listado_informes li {
    display: inline-block;
    width: 21%;
    margin: 0 2%;

}

.listado_informes a {
    padding: 1rem 2rem;
    text-transform: uppercase;
    color: #000000;
    border: 1px solid #000000;

}

@media (max-width: 900px) {
    .listado_informes li {
        width: 46%;
        margin: 0 2%;

    }

    .fondo_gris_contacto .contact-page-contact-form {
        padding: 3rem 0rem;
    }

    .listado_informes a {
        padding: 1rem 1rem;
        font-size: 1.5rem;
    }

    .page-template-page-empresa .seccion_interior .titulo {
        padding-right: 39%;
    }

    .page-template-page-empresa .video-responsive {
        margin-top: 4rem;
    }

    .page-template-page-empresa .banner-apte_per_tothom {
        width: 90%;
    }

    .page-template-page-empresa .banner-apte_per_tothom .parrafo_petit p {
        padding: 0% 0%;
        font-size: 1.7rem;
    }

    .fondo_gris_contacto textarea,
    .fondo_gris_contacto input,
    .fondo_gris_contacto select {

        background-color: #F9F9F9 !important;
    }

}

.fondo_gris_contacto input[type=submit] {

    background-color: #000000 !important;
}

.scroll_down_contact {
    background-color: #B3111D;
    border-radius: 6px;
    color: #fff;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Georgia;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.2rem;
    /* 111.111% */
    padding: 1rem 1rem;
    display: inline-block;
    margin: 6rem 0px;
}

.btn_mas_info {
    background-color: #B3111D;
    border-radius: 6px;
    color: #fff !important;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Georgia;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.2rem;
    /* 111.111% */
    padding: 1rem 1rem;
    display: inline-block;
}

.fondo_gris_boton {
    background-color: #F9F9F9
}

.scroll_down_contact:hover {
    cursor: pointer;
}

.boton-video-producto {
    display: inline-block;
    padding: 12px 24px;
    background: #b60000;
    color: #fff !important;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    font-family: 'Soleil', sans-serif;
}

.boton-video-producto:hover {
    color: #ccc !important;

}