Notice: Array to string conversion in /home/wwwlafou/de.lafou.net/index.php on line 110
Warning: Cannot modify header information - headers already sent by (output started at /home/wwwlafou/de.lafou.net/index.php:110) in /home/wwwlafou/de.lafou.net/index.php on line 110
/* General */
body {
font-family: 'Montserrat', sans-serif;
background-color: #d1d3d4;
}
body a,
body a:hover,
body a:focus {
text-decoration: none;
color: inherit;
}
.fa {
font-family: FontAwesome !important;
}
.home-section {
background-attachment: scroll;
}
.nav-logo-wrap .logo {
max-width: 220px;
height: 90px;
}
.main-nav,
.small-height .inner-nav ul li a,
.small-height {
height: 90px !important;
}
.small-height .inner-nav ul li a {
line-height: 90px !important;
}
.main-nav,
.mn-sub {
background: #2e2e2e;
background-color: #2e2e2e;
}
.inner-nav ul li a,
.inner-nav ul li a:hover,
.inner-nav ul li a.active {
color: #fff;
font-size: 12px;
letter-spacing: normal;
}
.mobile-nav .fa {
color: #fff;
}
.font-bold {
font-weight: bold;
}
.home-banner{
top: -135px;
}
.section-banner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 2px;
border-bottom: 30px solid #000;
background-position: center;
min-height: 350px;
}
.section-banner.section-banner-small {
min-height: 280px;
}
.section-banner .header-title {
font-family: 'Libre Baskerville', serif;
color: #fff;
font-size: 60px;
line-height: 60px;
text-align: center;
margin: 0;
}
.section-nopadding {
padding: 0 !important;
}
.page-section {
padding: 50px 0;
}
.section-title {
line-height: 32px;
letter-spacing: inherit;
text-transform: none;
font-size: 32px;
font-weight: 500;
color: #111;
}
.section-title .heading-smaller {
font-size: 22px;
line-height: 22px;
}
.section-interior h2.section-title,
.blog-item-body .section-title {
color: #111;
}
.section-interior h3.section-title {
color: #333;
text-align: left;
}
.section-text {
font-size: 16px;
font-weight: 400;
color: #333;
}
.button-info,
.button-info:hover,
.button-block,
.button-block:hover {
color: #fff;
background-color: #222;
text-decoration: none;
padding: 5px;
}
.button-block {
display: block;
font-size: 34px;
}
.footer {
background-color: #2d2d2d;
color: #fff;
font-size: 15px;
text-align: left;
}
.footer-top {
padding: 60px 0;
}
.footer-title {
position: relative;
font-size: 16px;
font-weight: bold;
min-height: 38px;
}
.footer-title:after {
content:'';
position: absolute;
left:0;
top:100%;
margin:10px 0;
width:40px;
height:1px;
background:#fff;
}
.footer p {
line-height: 1.2;
}
.footer img {
margin-bottom: 15px;
}
.footer a,
.footer a:hover {
color: #fff;
text-decoration: none;
}
.footer-newsletter #nom,
.footer-newsletter #email,
.footer-newsletter #nlTitulo {
color: #fff;
background-color: #5c5c5c;
border: none;
border-radius: 0;
margin: 5px auto;
}
.footer-newsletter #nom::placeholder,
.footer-newsletter #email::placeholder,
.footer-newsletter #nlTitulo::placeholder {
color: #fff;
}
.footer #email {
width: 100%;
border-radius: 0;
}
.footer #submit,
.footer #submit:hover {
display: block;
background-color: #fff;
color: #111;
border-radius: 0;
margin: 0 0 0 auto;
}
.footer-newsletter .newsletter-text {
font-size: 10px;
margin-top: 10px;
}
.footer-bottom {
background-color: #111;
text-align: center;
padding: 20px 0;
}
.footer-bottom p {
font-size: 14px;
margin-bottom: 0;
}
.footer-bottom img {
max-width: 150px;
margin-top: 20px;
}
@media (max-width: 480px) {
.nav-logo-wrap .logo {
max-width: 170px;
}
.footer #email,
.footer #submit,
.footer #submit:hover {
width: 100% !important;
}
}
@media (max-width: 767px) {
.footer #email,
.footer #submit,
.footer #submit:hover {
width: 285px;
}
}
@media (min-width: 768px) {
.nav-logo-wrap .logo {
max-width: 270px;
}
.section-title {
font-size: 38px;
line-height: 38px;
}
.section-title .heading-smaller {
font-size: 28px;
line-height: 28px;
}
.footer-info {
padding-right: 60px;
}
}
@media only screen and (max-width: 1366px) {
.inner-nav ul li {
margin-left: 17px;
}
}
@media (min-width: 992px) {
.footer li {
margin: 0 10px;
}
}
@media (min-width: 1200px) {
.inner-nav ul li a,
.inner-nav ul li a:hover,
.inner-nav ul li a.active {
font-size: 14px;
}
}
/* Inici */
.banner-section .row {
padding: 70px 0;
}
.banner-section #row-logos {
background: rgba(0,0,0, .6);
overflow: auto;
}
#row-logos .link-marques p {
text-align: center;
color: #fff;
}
.banner-section #row-info {
background: rgba(255,255,255, .15);
}
.banner-section p {
color: #fff;
font-size: 21px;
font-weight: 500;
}
.banner-section p span {
font-size: 64px;
font-weight: 700;
}
.scroll-down {
bottom: 40px;
}
.scroll-down:before {
width: 30px;
height: 30px;
}
.scroll-down-icon {
width: 20px;
height: 20px;
font-size: 24px !important;
}
@media (max-width: 767px) {
.fixed-height-small{
min-height: 300px;
}
.banner-section #row-logos img {
margin-bottom: 50px;i
}
.noticies-item {
max-width: 300px;
margin: auto;
margin-bottom: 10px;
}
}
@media (max-width: 576px) {
.scroll-down {
display: none;
}
}
@media (max-width: 480px) {
.fixed-height-small{
min-height: 190px;
}
}
@media (min-width: 768px) {
.fixed-height-small{
min-height: 450px;
}
}
@media (min-width: 992px) {
.fixed-height-small{
min-height: 575px;
}
.scroll-down {
bottom: 60px;
}
}
@media (min-width: 1200px) {
.fixed-height-small{
min-height: 705px;
}
.scroll-down {
bottom: 100px;
}
}
@media (min-width: 1500px) {
.fixed-height-small{
min-height: 745px;
}
.scroll-down {
bottom: 20px;
}
}
/* HISTORIA */
#historia {
font-family: 'Libre Baskerville', serif;
}
#historia .col-sm-12 {
font-size: 16px;
}
#historia .col-left {
text-align: right;
}
#historia .col-text p {
font-size: 13px;
margin: 20px 0;
}
#historia .row {
margin-bottom: 22px;
}
#historia .row-historia {
opacity: 0;
}
#historia img {
max-width: 150px;
height: auto;
border-radius: 50%;
margin-top: 20px;
}
@media (max-width: 575px) {
#historia,
#historia .col-left {
text-align: center;
}
#historia .col-sm-12 {
order: 1
}
#historia .col-img {
order: 2;
}
#historia .col-text {
order: 3;
}
}
@media (min-width: 576px) {
#historia .col-text.col-left {
border-right: 1px solid #000;
}
#historia .col-text.col-right {
border-left: 1px solid #000;
}
}
/* QUI SOM */
#qui-som .text-eslogan {
font-family: 'Libre Baskerville', serif;
font-size: 24px;
text-align: center;
}
@media (max-width: 767px) {
#who-we-are-banner,
#qui-som-banner,
#qui-nes-somos-banner {
background-image: url('../images/banner/quisom-banner-24-xs.jpg') !important;
}
}
/* LES NOSTRES MARQUES */
#marques {
padding-bottom: 10px;
}
.marques-bloc {
background-color: #393939;
padding: 25px;
}
.marques-bloc p {
display: block;
color: #939598;
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
}
#marques .marques-title {
position: relative;
font-weight: bold;
color: #fff;
}
#marques .marques-title:after {
content:'';
position: absolute;
left:0;
top:100%;
margin:10px 0;
width:100%;
height:1px;
background:#fff;
}
#marques .marques-featured {
color: #d1d3d4;
font-size: 20px;
margin-top: 30px;
margin-bottom: 0;
}
#marques-text {
padding-top: 10px;
}
#marques-text .container-fluid {
max-width: none;
}
#marques-text hr {
background-color: #111;
max-width: 450px;
margin-left: 0;
margin-top: 30px;
margin-bottom: 30px;
}
#marques-text p {
font-size: 16px;
margin-bottom: 30px;
}
#marques-text a {
font-weight: bold;
}
@media (min-width: 481px) and (max-width: 767px) {
.marques-bloc {
width: 50%;
float: left;
min-height: 180px;
}
}
@media (max-width: 767px) {
.marques-lines {
display: none;
}
}
@media (min-width: 768px) {
#marques-mapa {
padding-right: 120px;
margin-top: 230px;
margin-bottom: 20px;
}
.marques-lines {
position: absolute;
z-index: 2;
}
.marques-bloc {
position: absolute;
z-index: 5;
min-width: 230px;
}
#marques-text p {
font-size: 18px;
}
}
@media (min-width: 992px) {
#marques {
transform: scale(0.6);
overflow: visible;
margin-top: -180px;
margin-bottom: -120px;
}
#marques-mapa {
margin-bottom: 0;
}
.marques-bloc {
min-width: 250px;
}
}
@media (min-width: 1200px) {
}
@media (min-width: 1500px) {
#marques {
transform: scale(0.8);
margin-top: -80px;
margin-bottom: -80px;
}
}
/* NEW - LES NOSTRES MARQUES */
.section-marques .marques-bloc {
background-color: #393939;
padding: 25px;
}
.section-marques .marques-bloc p {
display: block;
color: #939598;
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
}
#marques.section-marques .marques-title {
position: relative;
font-weight: bold;
color: #fff;
}
#marques.section-marques .marques-title:after {
content:'';
position: absolute;
left:0;
top:100%;
margin:10px 0;
width:100%;
height:1px;
background:#fff;
}
#marques.section-marques .marques-featured {
color: #d1d3d4;
font-size: 20px;
margin-top: 30px;
margin-bottom: 0;
}
#marques.section-marques .marques-featured {
color: #d1d3d4;
font-size: 20px;
margin-top: 30px;
margin-bottom: 0;
}
#marques-text .container-fluid {
max-width: none;
}
#marques-text hr {
background-color: #111;
max-width: 450px;
margin-left: 0;
margin-top: 30px;
margin-bottom: 30px;
}
/*#marques-text p {
font-size: 18px;
margin-bottom: 30px;
}*/
#marques-text a {
font-weight: bold;
}
@media (min-width: 481px) and (max-width: 767px) {
.section-marques .marques-bloc {
width: 50%;
float: left;
min-height: 180px;
}
}
@media (max-width: 767px) {
.section-marques .marques-lines {
display: none;
}
}
@media (min-width: 768px) {
.section-marques #marques-mapa {
padding-right: 120px;
margin-top: 230px;
margin-bottom: 20px;
}
.section-marques .marques-lines {
position: absolute;
z-index: 2;
}
.section-marques .marques-bloc {
position: absolute;
z-index: 5;
min-width: 230px;
}
.section-marques #marques-catalunya {
top: -30px;
right: 5px;
}
.section-marques #marques-catalunya-lines {
top: 126px;
right: 69px;
width:105px;
height:190px;
border-top: 3px solid #fff;
border-left: 3px solid #fff;
}
.section-marques #marques-bages {
top: 60px;
right: 265px;
}
.section-marques #marques-bages-lines {
top: 175px;
right: 190px;
width:150px;
height:155px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
}
.section-marques #marques-terraalta {
top: 562px;
right: 25px;
}
.section-marques #marques-terraalta-lines {
top: 367px;
right: 86px;
width: 160px;
height: 325px;
border-bottom: 3px solid #fff;
border-left: 3px solid #fff;
}
.section-marques #marques-cava {
top: 100px;
right: 505px;
}
.section-marques #marques-cava-lines {
top: 225px;
right: 206px;
width:400px;
height:125px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
}
.section-marques #marques-penedes {
top: 408px;
right: -5px;
}
.section-marques #marques-penedes-lines {
top: 353px;
right: 39px;
width: 160px;
height: 155px;
border-bottom: 3px solid #fff;
border-left: 3px solid #fff;
}
}
@media (min-width: 992px) {
.section-marques #marques-mapa {
margin-bottom: 0;
}
.section-marques .marques-bloc {
min-width: 250px;
}
.section-marques #marques-catalunya {
top: 60px;
right: -80px;
}
.section-marques #marques-catalunya-lines {
top: 120px;
right: 39px;
width:150px;
height:235px;
border-top: 3px solid #fff;
border-left: 3px solid #fff;
}
.section-marques #marques-bages {
top: 70px;
right: 285px;
}
.section-marques #marques-bages-lines {
right: 213px;
height:199px;
}
.section-marques #marques-terraalta {
top: 605px;
right: 0px;
}
.section-marques #marques-terraalta-lines {
top: 430px;
right: 131px;
width: 160px;
height: 265px;
}
.section-marques #marques-cava {
top: 120px;
right: 585px;
}
.section-marques #marques-cava-lines {
right: 237px;
width:450px;
height: 178px;
}
.section-marques #marques-penedes {
right: -70px;
}
.section-marques #marques-penedes-lines {
top: 406px;
right: 66px;
height: 95px;
}
#marques-text .container-fluid {
max-width: none;
padding-left: 90px;
}
}
@media (min-width: 1200px) {
.section-marques #marques-catalunya-lines {
top: 150px;
right: 51px;
}
.section-marques #marques-bages {
right: 300px;
}
.section-marques #marques-bages-lines {
right: 232px;
height: 230px;
}
.section-marques #marques-terraalta-lines {
top: 476px;
right: 167px;
height: 227px;
}
.section-marques #marques-cava {
right: 590px;
}
.section-marques #marques-cava-lines {
right: 260px;
height: 215px;
}
.section-marques #marques-penedes {
top: 448px;
right: -45px;
}
.section-marques #marques-penedes-lines {
top: 445px;
right: 86px;
height: 100px;
}
}
/* Actualitat */
.post-prev-text,
.blog-item-body {
font-weight: 400;
}
/* Contacte */
#contacte {
padding-top: 0;
}
#contacte iframe {
width: 100%;
height: 500px;
margin-bottom: 20px;
}
#contacte .btn,
#contacte .btn:hover {
background-color: #2d2d2d;
}
.contacte-resultat .panel-body,
.contacte-error .panel-body {
padding: 20px;
}
.contacte-resultat .panel-body p,
.contacte-error .panel-body p,
.newsletter-resultat .panel-body p {
margin: 0;
}
.contacte-resultat .panel-error,
.contacte-error .panel-error,
.newsletter-resultat .panel-error {
border: 1px solid #ffaaaa;
}
.contacte-resultat .panel-success,
.newsletter-resultat .panel-success {
border: 1px solid #d6e9c6;
margin-top: 10px;
}
footer .contacte-error {
margin-top: 10px;
}
#form-newsletter label,
footer .contacte-error {
font-size: 12px;
}
#contacte .contacte-text {
font-size: 12px;
margin-top: 10px;
}
.footer-text p {
font-size: 12px;
}