@charset "utf-8";
/* CSS Document */

input[type="submit"], input[type="button"], input[type="text"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; }

/* Animation Effects *
================================================== */
@media only screen and (min-width: 1023px) {
/* animation css */
.fade-up { opacity: 0; transform: translate3d(0, 40px, 0); transition-property: opacity, transform; transition-duration: 0.6s, 1.2s; transition-delay:0.4s; transition-timing-function: ease-out;}
.txt-l { opacity: 0; transform: translate3d(100px, 0, 0); transition-property: opacity, transform; transition-delay:0.4s; transition-duration: 0.8s, 1s; transition-timing-function:ease-out;}
.ani-l { opacity: 0; transform:translate3d(-100px, 0, 0); transition-property: opacity, transform; transition-delay:.5s; transition-duration: 0.5s, 1s; transition-timing-function:ease-out;}
.ani-r { opacity: 0; transform: translate3d(100px, 0, 0); transition-property: opacity, transform; transition-delay:.2s; transition-duration: 0.5s, 1s; transition-timing-function:ease-out;}
.is-animated .fade-up, .is-animated .ani-l, .is-animated .ani-r, .is-animated .txt-l { opacity: 1; transform: translate3d(0, 0, 0); }

.apple-box ul li, .actualitat-sec h2, .empreses-grup h2, .actualitat-sec ul li, .empreses-grup ul li, .inner-banner h1, .quisom-grup ul li, .person-pad h2, .nostres-pomes ul li, .altres-not-lst h1, .altres-not-lst ul li, .act-inner .act-inner-img, .act-inner h1, .act-inner h4, .act-inner p, .contact-pad h1 { opacity: 0;  transform: translate3d(0, 40px, 0); transition-property: opacity, transform; transition-duration: 0.6s, 0.8s; transition-delay: 0.6s; transition-timing-function: ease-out;}
.apple-box.is-animated ul li, .actualitat-sec.is-animated h2, .empreses-grup.is-animated h2, .actualitat-sec.is-animated ul li, .empreses-grup.is-animated ul li, .inner-banner.is-animated h1, .quisom-grup.is-animated ul li, .person-pad.is-animated h2, .nostres-pomes.is-animated ul li, .altres-not-lst.is-animated h1, .altres-not-lst.is-animated ul li, .act-inner.is-animated .act-inner-img, .act-inner.is-animated h1, .act-inner.is-animated h4, .act-inner.is-animated p, .contact-pad.is-animated h1 { opacity: 1; transform: translate3d(0, 0, 0);}
.apple-box ul li, .actualitat-sec h2, .empreses-grup h2, .inner-banner h1, .quisom-grup ul li, .person-pad h2, .nostres-pomes ul li, .altres-not-lst h1, .act-inner .act-inner-img, .contact-pad h1 {transition-delay: 0.2s;}
.actualitat-sec ul li, .empreses-grup ul li, .altres-not-lst ul li, .act-inner h1 {transition-delay: 0.4s;}
.act-inner h4 {transition-delay: 0.8s;}
.act-inner p {transition-delay: 1s;}
}

/* #Media Queries
================================================== */
@media only screen and (min-width: 1920px){
.flex-caption {top: 50%;}
}
@media only screen and (max-width: 1280px) {
body{ overflow-x:hidden;}	


}
@media screen and (min-width:1200px) and (max-width:1279px) {
img {max-width:100%; }
.row, .row2, .row3, .row4 { width:1000px; }


}
 
@media screen and (min-width:1024px) and (max-width:1199px) {
img {max-width:100%; }
.row, .row2, .row3, .row4 { width:980px; }

.banner .flexslider { min-height:inherit;}

.banner .flex-caption h1 {font-size: 52px;}
.banner .flex-caption h1 span {font-size: 54px;}
.apple-box ul li {padding: 0px 10px;}
.historia-sec h2 {font-size: 44px; line-height: 50px; padding-bottom: 15px;}
.actualitat-sec .cont-pad h3 { font-size: 18px; }
.apple-box {margin: 50px 0px;}
.actualitat-sec ul {padding-top: 40px;}
.actualitat-sec {padding: 50px 0 60px;}
.empreses-grup {padding: 50px 0 60px;}
.empreses-grup ul {padding-top: 40px;}
.f-top {padding: 60px 0 45px;}
.f-btm {padding: 50px 0 60px;}

.inner-banner .caption { bottom:10%;}
.inner-banner h1 {font-size: 50px; line-height: 54px;}
.inner-hist-rgt {font-size: 38px; line-height: 44px;}
.inner-historia-sec h2 {font-size: 44px; line-height: 54px; padding-bottom: 15px;}

.person-pad {padding: 50px 0 55px;}
.rdi-txtpad { width:60%;}
.rdi-pad { background-size:cover;}

.act-inner .act-inner-img {margin-bottom: 60px;}
.act-inner h1 {font-size: 44px; line-height: 54px; padding-bottom: 50px;}
.altres-not-lst {padding: 60px 0 65px;}
.altres-not-lst h1 {font-size: 44px; line-height: 54px; padding-bottom: 50px;}
.altres-not-lst ul li .act-lst-cnt h2 {font-size: 30px; line-height: 34px;}

/*************7th page **********/
.pomes-r h1 { font-size:76px; margin-left:-120px; }
.pomes-l { margin-right:3%; }


.hist-txtpad {padding: 30px 6% 20px 20px;}
}

/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1023px) {
img {max-width:100%; }
.row, .row2, .row3, .row4 { width:750px; }

.banner .flexslider { min-height:inherit;}
.ddsmoothmenu ul li {padding: 10px 30px 10px 0;}
.ddsmoothmenu ul li a { letter-spacing:1px;}
.ddsmoothmenu ul li:nth-child(2) { margin-right: 100px;}
.ddsmoothmenu ul li:nth-child(3) { margin-left: 90px;}
.banner .flex-caption h1 {font-size: 50px;}
.banner .flex-caption h1 span {font-size: 52px;}
.apple-box {margin: 40px 0px;}
.apple-box ul li {padding: 0px 5px;}
.apple-box ul li h3 { font-size:16px;}
.historia-sec h2 {font-size: 34px; line-height: 44px; padding-bottom: 10px;}

.hist-img {overflow: hidden;}
.hist-img img { width: auto; max-width: none;}
.historia-sec p { font-size: 14px; }
.actualitat-sec .cont-pad h3 { font-size: 18px; min-height: 85px; }
.actualitat-sec ul {padding-top: 30px;}
.actualitat-sec {padding: 40px 0 50px;}
.empreses-grup {padding: 40px 0 50px;}
.empreses-grup ul {padding-top: 30px;}
.f-top {padding: 50px 0 35px;}
.f-btm {padding: 40px 0 50px;}

.inner-banner .caption { bottom:8%;}
.inner-banner h1 { font-size: 42px; line-height: 48px;}
.inner-hist-rgt { font-size: 28px; line-height: 36px; }
.inner-historia-sec h2 {font-size: 40px; line-height: 50px; padding-bottom: 15px;}

.prod-pad {padding-top: 15px;}
.quali {padding-top: 0px;}
.person-pad {padding: 40px 0 0;}
.logo-pad { width:100%; padding-right:0; margin-bottom:20px;}
.descri-txt { width:100%;}
.rdi-txtpad { width:80%; margin:0 10%;}
.rdi-pad { background-size:cover;}

.act-inner .act-inner-img {margin-bottom: 40px;}
.act-inner h1 {font-size: 40px; line-height: 50px; padding-bottom: 40px;}
.altres-not-lst {padding: 50px 0 55px;}
.altres-not-lst h1 {font-size: 40px; line-height: 50px;padding-bottom: 40px;}
.altres-not-lst ul li .act-lst-cnt h2 {font-size: 24px; line-height: 28px;}

/*************7th page **********/
.pomes-r { margin:10px 0 0 0; }
.pomes-r h1 { font-size:60px; margin-left:-90px; line-height:66px; }
.pomes-l { margin-right:3%; }
.nostres-pomes ul { padding:0 20px; }

.inner-actualitat-sec .cont-pad h3 { font-size:22px; line-height:24px; padding-bottom:15px; }
.act-inner .act-inner-para { padding:0 6%;}
.inner-historia-sec { background-size:cover;}


} 


/* Smaller than standard 768 (devices and browsers) */
@media screen and (max-width:767px) {
img {max-width:100%; }
.row, .row2, .row3, .row4 { width:100%; padding:0px 15px; }
.logo { padding: 0px 10px 10px; }
.banner .flexslider { min-height:inherit;}

.m-menu { display:block;}

nav { display:none;}
.select-lang { right:auto; left:4%; float:left; bottom: 30%;}
.is-sticky header { padding-top: 85px;}
.logo img { width:65px;}
.is-sticky .logo img { width: 60px;}
.banner .flex-caption h1 {font-size: 42px;}
.banner .flex-caption h1 span {font-size: 42px;}
.banner .flex-control-nav { position:relative; bottom:50px;}

.banner { height:640px;}
.banner .flexslider { min-height:inherit; height:640px;}
.banner .flexslider .slides > li{ min-height:inherit; background:no-repeat center center; background-size: cover;}
.banner .flexslider .slides > li img {opacity: 0; display:none;}

.apple-box {margin: 25px 0px;}
.apple-box ul li { width:50%; padding:0;}
.apple-box ul li h3 { display:none;}

.hist-img { float:left; width:100%;} 
.hist-txtpad { width:100%; display: block; padding:25	px;}
.hist-txt { float: left; max-width: 100%; }
.historia-sec h2 {font-size: 38px; line-height: 48px; padding-bottom: 10px;}
.historia-sec p { font-size: 14px; }
.actualitat-sec .cont-pad h3 { font-size: 18px; min-height: 85px; }
.actualitat-sec ul {padding-top: 30px;}
.actualitat-sec {padding: 40px 0 50px;}
.empreses-grup {padding: 40px 0 50px;}
.empreses-grup ul {padding-top: 30px;}
.f-top {padding: 50px 55px 10px;}
.f-btm {padding: 30px 0 50px;}

.f-w50 { width:100%;}
.f-top h1 { width:50%; float: left;} 
.f-lang { width:50%; clear: inherit;}
.f-info { width:50%;}
.f-link { width:50%;}
.f-top h1 br { display:block;} 
.f-social li:last-child { margin-right:0;}


.inner-banner { height:250px; min-height:inherit; background:no-repeat center center; background-size: cover;}
.inner-banner > div > img {opacity: 0; display:none;}
.inner-banner h1 {font-size: 42px; line-height: 52px;}
.inner-banner .caption { bottom:20px;} 
.quisom-grup {padding: 30px 0 40px;}
.quisom-grup ul { display:block; padding-top: 0px;}
.quisom-grup li { width:100%; padding:0; margin-bottom:30px;}
.quisom-grup li:last-child { margin-bottom:0;}
.quisom-grup li:first-child .img-box, .quisom-grup li:last-child .img-box {padding-top: 0px; min-height:inherit; margin-bottom: 10px;}
.inner-historia-sec { background:none; min-height:inherit; padding: 0px;}
.inner-historia-sec .row { padding:0;}
.inner-hist-txtpad { display:none;}
.inner-hist-rgt { display:none;}
.inner-hist-btm { position: relative; width: 100%; }

.mob-tab-lst { display:block;}
.resp-tab-content .tab-cnt { float:left; width:100%; padding:20px 15px;}
.resp-tab-content .inner-historia-sec { margin:0;}

.mob-tab-lst h2.resp-accordion h1.gr-bg { background:#307733; padding:12px 20px;}
.mob-tab-lst h2.resp-accordion h1.lggr-bg { background:#808b3f; padding:12px 20px;}
.mob-tab-lst h2.resp-accordion h1.red-bg { background:#9f1628; padding:12px 20px;}
.resp-tab-content .tab-cnt.gr-bg { background:#307733;}
.resp-tab-content .tab-cnt.lggr-bg { background:#ffffff; padding: 0;}
.resp-tab-content .tab-cnt.red-bg { background:#ffffff;}

.prod-pad, .person-pad { display:none;}
.rdi-txtpad { width:100%; bottom: 0; padding: 25px 20px;}
.rdi-pad {background: none; margin-bottom:30px;}
.rdi-pad .rdi-mob-img { display:block;}
.rdi-pad .row3 { padding:0;}
.empreses-grup li { margin-bottom:30px;}
.empreses-grup li:last-child { margin-bottom:0;}
.gray-pad { padding:20px 15px; margin:0 0 30px;}
.logo-pad { width:100%; padding-right:0; margin-bottom:20px;}
.descri-txt { width:100%;}
.map {padding-top: 10px;}
.quali { padding-top:10px;}
.quali h2 {font-size: 28px; font-family: 'Baskervville'; font-weight: 700; color: #2b492f; line-height: 32px; padding-bottom: 15px;}

.per-li.img { width:100%; padding:0;}
.per-li.huma {width:100%; padding-top: 30px;}
.per-li {width:100%; padding-top: 30px;}
.per-li .tecnics {padding-top: 30px;}
.logo-pad h2 {font-size: 28px; line-height: 34px;}
.prod-txt {width: 37%;}
.p-logo-img { width:17%;}
.logo-pad p { font-size: 16px; padding-bottom:0; }

.empreses-grup ul { display:block;}
.empreses-grup li { width:100%;}

.altres-not-lst { display:none;}
.empreses-grup.gry-bg { background:#f4f4f4;}
.act-inner {padding: 115px 0 40px;}
.act-inner a.arw-rgt-lnk { display:none;}
a.veure-mes-lnk.mob { display:inline-block; margin-top:15px; padding: 12px 35px; font-size: 18px; line-height: 24px;} 
.act-inner .act-inner-para { margin-bottom:0; padding:0;}
.act-inner p { padding-bottom:20px; text-align:left;}
.act-inner h3 { text-align:left;}
.act-inner h4 { text-align:left; padding-bottom: 25px;}
.act-inner h4 br { display:none;}
.act-inner h1 { text-align:left; font-size: 32px; line-height: 38px; padding-bottom: 30px;}
.act-inner h1 br { display:none;}
.act-inner .act-inner-img {margin-bottom: 30px;}

/*************7th page **********/
.pomes-banner { display:block;} 
.nostres-pomes .row { padding:0; }
.pomes-r { margin:0px 0 0 0; padding-right:10px; }
.pomes-r h1 { font-size:32px; margin-left:0px; line-height:32px; margin-bottom:12px;}
.pomes-l { margin-right:2%; }
.nostres-pomes ul { padding:0 0px; }
.pomes-r ul li { font-size:13px; }
.nostres-detail { padding:40px 0;}
.compar-img { margin-bottom:20px; }
.nostres-l.nostres-r ul li:last-child { margin-bottom:0;}
.nostres-pomes { margin:40px 0; }
.nostres-pomes ul li { margin-bottom:40px; }
.pomes-r ul li { margin-bottom:10px;}

.inner-actualitat-sec ul li { padding:36px 0px; }
.inner-actualitat-sec .img-pad, .inner-actualitat-sec ul li:nth-child(2) .img-pad { width:100%; padding-right:0px; padding-left:0px; text-align:center; margin-bottom:12px; }
.inner-actualitat-sec .img-pad img { float:none; width:98%; }
.inner-actualitat-sec .cont-pad { width:100%; }
.inner-actualitat-sec .cont-pad h3 { font-size:28px;  }

.contact-pad { padding:100px 0 50px; }
.contact-pad h1 { font-size:32px; line-height:30px; padding-bottom:50px;  }
.frm-pad { width:100%; padding-right:0px }
.frm-pad .info li { width:45%; margin:0px; padding-left:35px; }
.frm-pad .info li.mail { width:55%; margin:0px; }
.frm-pad .info li.loc { display:none; }
.contact-info { padding-top:30px; width:100%;  }
.contact-info .map img { width:100%;}
.empreses-grup .logo-img { height:auto; }
.inner-actualitat-sec { margin-bottom:30px;}
}  

/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {
.banner .flex-caption h1 {line-height: 46px; font-size: 38px;}
.banner .flex-caption h1 span { font-size: 35px; line-height: 40px;}

.historia-sec h2 { font-size: 32px; line-height: 42px; }
.historia-sec p { font-size: 13px;}

.actualitat-sec .cont-pad h3 { font-size: 16px; line-height: 22px; min-height: 100px; }
.f-top { padding: 50px 20px 10px;}
.f-btm img { padding: 0 20px; margin-bottom:20px;} 
.f-btm { padding: 30px 0 30px;}

.act-inner h1 { font-size: 28px; line-height: 34px; padding-bottom: 20px;}


/*************7th page **********/
.nostres-l { width:100%; margin-right:0;}
.pomes-r ul li { font-size:12px; line-height:16px; background-size:9px; padding-left:16px;}
.pomes-r.gran-list ul li, .pomes-r.gala-list ul li, .pomes-r.gran-list.del-list ul li { background-size:9px;}

.inner-actualitat-sec .cont-pad h3 { font-size:24px; line-height:26px;  }

.frm-pad ul li>label {display:none;}
.frm-pad ul li input[type="text"], .frm-pad ul li input[type="tel"], .frm-pad ul li input[type="email"], .frm-pad ul li textarea { width:100%; }
.frm-pad ul li.p-l-115 { padding-left:0px; }
.frm-pad ul li input[type="submit"] { margin-left:0px;}
::-webkit-input-placeholder {color: #2b492f;}
::-moz-placeholder {color: #2b492f;}
:-ms-input-placeholder { color: #2b492f;}
:-moz-placeholder {color: #2b492f;}
input::placeholder {color: #2b492f;}
textarea::-webkit-input-placeholder {color: #2b492f;}
textarea:-moz-placeholder {color: #2b492f;}
textarea::-moz-placeholder {color: #2b492f;}
textarea:-ms-input-placeholder {color: #2b492f;}
textarea::placeholder {color: #2b492f;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {
.actualitat-sec ul li { width:100%; margin-bottom:30px;}
.actualitat-sec ul li:last-child { margin-bottom:0;}
.actualitat-sec .cont-pad h3 { min-height:inherit;}
.actualitat-sec .cont-pad h3 { font-size: 15px; line-height: 20px; }
.empreses-grup li { width:100%; padding:0;}
.empreses-grup ul { display:block;}
.actualitat-sec, .empreses-grup { padding: 20px 0;}
.actualitat-sec h2, .empreses-grup h2 { font-size: 24px;}
.f-top { padding: 50px 0px 10px;}
.f-top h1 { font-size: 24px; }

.inner-banner h1 {font-size: 38px; line-height: 48px;}
.quisom-grup li p {font-size: 15px; line-height: 22px;}

.logo-pad h2 {font-size: 22px; line-height: 30px;}
.p-logo-img { width: 25%;}
.prod-txt { width: 50%;}

.act-inner {padding: 100px 0 40px;}
.act-inner h1 { font-size: 24px; line-height: 30px;}
.act-inner .act-inner-img { margin-bottom: 20px;}

.inner-actualitat-sec .cont-pad h3 { font-size:20px; line-height:22px;  }
.row.w960 { padding:0 15px; }
.frm-pad .info { padding-bottom:20PX; }
.frm-pad .info ul li { width:100%; padding-bottom:15px; }
}

@media screen and (max-width:359px) {
.f-info { width:100%; padding: 0; margin-bottom:20px; text-align: center;}
.f-link { width:100%;}
.f-social li { float:none; display:inline-block;}
.f-link { text-align:center; padding:0;}
.f-link li { clear:inherit; float: none; display: inline-block; width:100%;}
.f-top { padding: 50px 0px 30px;}
.f-top h1 { width:100%;}
.f-top h1 br { display:none;}
.f-w50 { text-align:center;}
.f-lang { width:100%; margin-bottom:20px;}
.f-lang li { clear:inherit; float: none; display: inline-block; width:100%;}
.historia-sec h2 { font-size: 28px; }

.act-inner h1 { font-size: 22px; line-height: 28px;}

.act-inner h1 { font-size: 22px; line-height: 28px;}
}
@media screen and (max-width:319px) {
.banner .flex-caption h1 { font-size:34px;}
.banner .flex-caption h1 span { font-size: 34px; }
}