/*
= 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;
}
.fondo_gris_boton{
    background-color: #F9F9F9
}
.scroll_down_contact:hover{
    cursor: pointer;
}