/*UTILS*/
html { overflow-y: scroll !important; }
body{font-family: 'Gotham Book'; font-weight: normal; font-style: normal; /*overflow-x: hidden;*/}
a{color: inherit;outline:0!important;}
a:hover, a:active{ text-decoration: none; color: inherit; opacity: 0.8}
a:focus { color: inherit; text-decoration: none; }
button, input, select, textarea { outline: none!important; }
button:hover{opacity: 0.8;}
b, strong { font-family: 'Gotham Medium'; font-weight: 500;}
/*label{font-family: 'Gotham Medium'; font-weight: 500;}
*/
.fancybox-close-small { right: 10px; top: 10px;}
.img-responsive-txt img{ display: block; max-width: 100%; height: auto;}
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital@1&family=Rubik:wght@300&display=swap');
@media (min-width: 1200px){
  html { position: relative; min-height: 100%; }
  /*body { margin-bottom: 75px; }*/
}

.w-100{width: 100%!important;}

/*ROW FLEX*/
.row-flex { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}

/*ROW CUSTOM 5PX*/
.row-5{margin-left: -5px; margin-right: -5px;}
/*ROW CUSTOM XS 0PX*/
@media (max-width: 767px){
  .row-0-xs { margin-left: 0; margin-right: 0; }
}

.font-garamod{font-family: 'EB Garamond'!important;}
/*DISPLAY*/
.d-block{display: block;}
.d-inline-block{display: inline-block;}
.d-inline{display: inline;}
.d-none{display: none;}
.d-flex{display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important;}
.flex-column {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}

.justify-content-between{-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.align-items-center { -ms-flex-align: center; align-items: center;}

.overflow-hidden{overflow: hidden;}

.no-gutters { margin-right: 0; margin-left: 0;}
.no-gutters .col-xs-12{padding-left: 0; padding-right: 0;}

@media (min-width: 768px){
  .d-sm-flex{display: -webkit-box; display: -ms-flexbox; display: flex;}
  .d-sm-block{display: block;}
  .d-sm-none{display: none;}
  .flex-sm-row{ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}
}

@media (min-width: 992px){
  .d-md-flex{display: -webkit-box; display: -ms-flexbox; display: flex;}
  .d-md-block{display: block;}
  .d-md-none{display: none;}
}


/*MATEIXES ALTURES, NO FUNCIONA A IE*/
@media (min-width: 992px){
  .row-eq-height { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
  .col-eq-height { display: flex; flex-direction: column; }
  .col-eq-height .flex1{ flex:1; }
}

@media (min-width: 1200px){
  .row-eq-height-lg { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
  .col-eq-height-lg { display: flex; flex-direction: column; }
  .col-eq-height-lg .flex1-lg{ flex:1; }
}

/*COL-MD-2.5, WIDTH 20%*/
.col-md-2-5 { padding-right: 5px; padding-left: 5px; }
.col-md-3-5 { padding-right: 5px; padding-left: 5px; }
@media (min-width: 992px){
  .col-md-2-5 {
    width: 20%;
    padding-right: 5px;
    padding-left: 5px;
  }
}
@media (min-width: 992px){
  .col-md-3-5 {
    width: 30%;
    padding-right: 5px;
    padding-left: 5px;
  }
}

.col-center{float: none; margin-left: auto; margin-right: auto;}

/*COL-XM-6, ENTRMIG ENTRE XS I SM*/
.visible-xm{display: none;}
@media (min-width: 480px) and (max-width: 767px){
  .col-xm-1 { width: 8.33333333%; }
  .col-xm-2 { width: 16.66666667%; }
  .col-xm-3 { width: 25%; }
  .col-xm-4 { width: 33.33333333%; }
  .col-xm-5 { width: 41.66666667%; }
  .col-xm-6 { width: 50%; }
  .col-xm-7 { width: 58.33333333%; }
  .col-xm-8 { width: 66.66666667%; }
  .col-xm-9 { width: 75%; }
  .col-xm-10 { width: 83.33333333%; }
  .col-xm-11 { width: 91.66666667%; }
  .col-xm-12 { width: 100%; }
  .visible-xm { display: block!important; }
}

/*COL CENTER*/
.col-centered{float: none; margin-left: auto; margin-right: auto;}

/*PADDINGS*/
.padding-lr-0{padding-left: 0; padding-right: 0;}
.padding-lr-5{ padding-right: 5px; padding-left: 5px; }
.padding-lr-10{padding-left: 10px; padding-right: 10px;}
.padding-lr-15{padding-left: 15px; padding-right: 15px;}
.padding-lr-30{padding-left: 30px; padding-right: 30px;}
.padding-left-0{padding-left: 0;}
.padding-right-0{padding-right: 0;}
@media (max-width: 767px){
  .padding-lr-0-xs{padding-left: 0; padding-right: 0;}  
  .padding-left-0-xs{padding-left: 0;}
  .padding-right-0-xs{padding-right: 0;}
}
@media (min-width: 768px){
  .padding-left-0-sm { padding-left: 0; }
  .padding-right-0-sm { padding-right: 0; }
  .padding-lr-15-sm { padding-left: 15px; padding-right: 15px; }
  .padding-lr-30-sm { padding-left: 30px; padding-right: 30px; }
}
@media (min-width: 992px){
  .padding-lr-0-md{padding-left: 0; padding-right: 0;}
  .padding-right-0-md{padding-right: 0;}
  .padding-right-50-md{padding-right: 50px;}
}

@keyframes hue-rotate {
  from {
    -webkit-filter: hue-rotate(0deg);
    -moz-filter: hue-rotate(0deg);
    -ms-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
    transform:rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(360deg);
    -moz-filter: hue-rotate(360deg);
    -ms-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
    transform:rotate(360deg);
  }
}

/*MARGINS*/
.margin-llistat{float: left; height: 1px;} /*% AL TPL*/
.margin-lr-auto{margin-left: auto; margin-right: auto;}
.margin-lr--8{margin-right: -8px; margin-left: -8px;}
.margin-tb-0{margin-top: 0; margin-bottom: 0;}
.margin-left--60{margin-left: -60px;}
.margin-left-60{margin-left: 60px;}
.margin-right-25{margin-right: 25px;}
.margin-top--3{margin-top: -3px;}
.margin-top--10{margin-top: -10px;}
.margin-top--15{margin-top: -15px;}
.margin-top--25{margin-top: -25px;}
.margin-top-0{margin-top: 0!important;}
.margin-top-5{margin-top: 5px;}
.margin-top-10{margin-top: 10px;}
.margin-top-15{margin-top: 15px;}
.margin-top-20{margin-top: 20px;}
.margin-top-25{margin-top: 25px;}
.margin-top-30{margin-top: 30px;}
.margin-top-60{margin-top: 60px;}
.margin-top-90{margin-top: 90px;}
.margin-top-navbar{margin-top: 50px;}
.margin-bottom-2{margin-bottom: 2px;}
.margin-bottom-5{margin-bottom: 5px;}
.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-15{margin-bottom: 15px;}
.margin-bottom-20{margin-bottom: 20px;}
.margin-bottom-25{margin-bottom: 25px;}
.margin-bottom-30{margin-bottom: 30px;}
.margin-bottom-40{margin-bottom: 40px;}
.margin-bottom-60{margin-bottom: 60px;}
.margin-bottom-100{margin-bottom: 100px;}

@media (max-width: 767px){
  .margin-bottom-15-xs{margin-bottom: 15px;}
  .margin-bottom-20-xs{margin-bottom: 20px;}
}

@media (min-width: 768px){
  .margin-top-60-sm{margin-top: 60px;}
  .margin-bottom-15-sm{margin-bottom: 15px;}
  .margin-bottom-40-sm{margin-bottom: 40px;}
}

@media (min-width: 992px){
  .margin-top-60-md { margin-top: 60px; }
  .margin-top--40-md { margin-top: -40px; }
}


/*FONTFAMILY*/
.normal{font-family: 'Gotham Book'; font-weight: normal;}
.light{font-family: 'Gotham Light'; font-weight: 300;}
.medium{font-family: 'Gotham Medium'; font-weight: 500;}

/*FONT-SIZES*/
.f-size-8 { font-size: 8px;}
.f-size-14 { font-size: 14px!important;}
.f-size-16 { font-size: 16px;}
h3.no-style { line-height: 1.42857143; display: inline; font-size: inherit;}

/*TEXT-ALIGN*/
@media (min-width: 768px){
  .text-right-sm{text-align: right;}
  #foto-queso-1{margin-top:-40px;}
}

/*FLOATS*/
@media (min-width: 992px){
  .pull-right-md{float: right;}
}

/*POSITIONS*/
.p-relative{position: relative;}

/*FANCYBOX*/
.fancybox-close-small:after {outline: none!important;}
.fancybox-slide>* { background-color: rgba(255, 255, 255, 1); }
.fancybox-is-open .fancybox-bg { opacity: 0.9; transition-timing-function: cubic-bezier(.22,.61,.36,1); }
.fancybox-bg { background: #fff;}
.fancybox-slide--iframe .fancybox-close-small, 
.fancybox-slide--image .fancybox-close-small, 
.fancybox-slide--video .fancybox-close-small{ background-color: #383b4a; right: 0; top: -50px; color: #fff;}
.fancybox-bg.color-fosc { background-color: rgba(57, 59, 74, 0.5);}
.fancybox-container { font-family: inherit;}

/*COLORS*/
.c-or{color: #ac9865;}

/*BACKGROUND COLORS*/

/*BOLA NADAL*/
.bola-nadal { position: absolute; top: 80px; right: 0; left: 0; z-index: 100; visibility: hidden; text-align: center; }
.bola-nadal a{opacity: 1!important}
.bola-nadal img { max-width: 170px;}
.bola-nadal .link-bola { background-color: #ac9865; color: #fff; display: inline-block; padding: 6px 0;
  letter-spacing: 2.5px; font-size: 11px; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out;
  -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; text-transform: uppercase;
  font-family: 'Gotham Medium'; border-radius: 13px; border: none; position: absolute;
  bottom: 35px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 95px; text-align: center;}
.bola-nadal .link-bola:hover, .bola-nadal .link-bola:active, .bola-nadal .link-bola:focus{color: #fff;}
.nadal-2019 { position: absolute; top: 130px; right: 0; z-index: 2000; width: 370px;}
.nadal-2019 video{width: 100%;}

.slideDown{
  animation-name: slideDown;
  -webkit-animation-name: slideDown;  

  animation-duration: 4s; 
  -webkit-animation-duration: 4s;

  animation-timing-function: ease;  
  -webkit-animation-timing-function: ease;  

  visibility: visible !important;           
  z-index:999;
}

.slideDownDelay {
  animation-name: slideDown; -webkit-animation-name: slideDown;  

  animation-duration: 8s;  -webkit-animation-duration: 8s;

  animation-timing-function: ease; -webkit-animation-timing-function: ease;  

  visibility: visible !important; 
  z-index:999;
}

@keyframes slideDown {
  0% {transform: translateY(-100%);}
  /* 80%{transform: translateY(4%);}
  90%{transform: translateY(-2%);}  */
  100% {transform: translateY(0%);}
}
@-webkit-keyframes slideDown {
  0% {-webkit-transform: translateY(-100%);}
  /* 80%{-webkit-transform: translateY(4%);}
  90%{-webkit-transform: translateY(-2%);}  */
  100% {-webkit-transform: translateY(0%);}
}

@media (min-width: 992px){
  .bola-nadal { top: 50px; right: 83px; left: auto;}
  .bola-nadal img { max-width: 215px;}
  .bola-nadal .link-bola {letter-spacing: 3.5px; font-size: 12px; bottom: 55px; width: 115px;}  
}
@media (min-width: 1200px){
  .bola-nadal { top: 100px;}
}


/*TOP INICI*/
.navbar-home{margin-bottom: 0; -webkit-transition:background 1s; -moz-transition:background 1s;
 -o-transition:background 1s; transition:background 1s; background-color: #383b4a; color: #fff;}
.navbar-home .navbar-nav>li.logo { float: left!important; margin: 10px 0 0 0!important;}
.navbar-home .navbar-nav>li.logo a {width: 160px; padding: 0!important; margin: 0;}
.navbar-home .navbar-nav>li.logo a>img{max-width: 100%}
.navbar-home .nav>li>a:focus, .nav>li>a:hover { background-color: transparent; }
.navbar-home .nav>li>a{color: #fff; text-transform: uppercase;}
.navbar-home .nav>li>a.actiu{color: #ac9865;}
.logoHome svg{width: 279px; height: 72px;}
.justify-content-center{justify-content: center;}
/*.navbar-home .navbar-nav.hidden-xs{border-bottom: 1px solid #fff; margin-bottom: 10px;}*/
.navbar-home .navbar-nav.hidden-xs>li>a{ padding-bottom: 5px; /*color: #5c6174;*/ display: inline-block;}
.navbar-home .navbar-nav.hidden-xs>li.idiomes{margin-left: 50px;}
.navbar-home .navbar-flex{ display: flex; justify-content: space-between;}
.navbar-home .navbar-flex:before{display: none;}
.navbar-home .dropdown-menu { background-color: #383b4a; padding: 5px 15px; width: auto; text-transform: uppercase;
  border-radius: 0; border: none; box-shadow: none;}
.navbar-home .dropdown-menu>li>a { color: #fff; padding: 0; line-height: 30px; font-size: 11px;}
.navbar-home .dropdown-menu>li>a:focus, .navbar-home .dropdown-menu>li>a:hover { color: inherit; text-decoration: none; 
  background-color: transparent;}
.navbar-home .nav .open>a, .navbar-home .nav .open>a:focus, .navbar-home .nav .open>a:hover { background-color: transparent; 
  border-color: transparent;}
.navbar-home .dropdown:hover>.dropdown-menu {display: block;}
.navbar-home .dropdown-submenu { position: relative;}
.navbar-home .dropdown-submenu>.dropdown-menu { top: 15px; left: 80%;}
.navbar-home .dropdown-submenu:hover>.dropdown-menu {display: block;}
.navbar-nav>li>a { padding-top: 5px; } 

.nuestras-historias .entra-block { margin-bottom: -12px; }
.nuestras-historias .img{ position: absolute; -webkit-animation-name: entra; -webkit-animation-duration: 2s;
    animation-name: entra; animation-duration: 2s; animation-iteration-count: infinite; animation-direction:alternate;
    margin-left: auto; margin-right: auto; left: 0;
    right: 0; height: 25px; overflow: hidden;  }
.nuestras-historias .entra-block a { background-color: #ac9865; color: #fff; font-size: 10px; display: inline-block;
    padding: 4px 11px; letter-spacing: 2.5px; transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out;
    text-transform: uppercase; font-family: 'Gotham Medium'; border-radius: 9px; border: none; position: relative;}

@-webkit-keyframes entra {
    0%   {top:0px; height: 0;}
    100%  {top:-45px; height: 50px; }
}

@keyframes entra {
    0%   {top:0px; height: 0;}
    100%  {top:-45px; height: 50px; }
}

@media (min-width: 768px){
  .navbar-home .navbar-nav.hidden-xs{text-align: right;}
  .navbar-home .navbar-nav { float: none; margin: 0 auto; /*ext-align: center;*/ }
  .navbar-home .navbar-nav>li {float: none; display: inline-block; }
  .navbar-home .navbar-nav.hidden-xs>li{margin-right: 25px; margin-left: 50px;}
}
@media (min-width: 992px){
  .navbar-nav>li>a { padding-left: 10px; padding-right: 10px; font-size: 13px; }
}
@media(max-width: 1199px){
  .navbar-home.navbar-fixed-top{display: none!important;}
}
@media (min-width: 1200px){
  .navbar-nav>li>a { padding-left: 5px; padding-right: 5px; font-size: 11px; }
  /*.navbar-home .navbar-nav.hidden-xs { margin-bottom: 45px; }*/
}

@media(max-width: 1199px){
  .logoHome svg{height: 0;}
}

/*WRAPPER PER FER L'EFECTE*/
#wrapper { padding-left: 0; /*-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease; transition: all 0.5s ease;*/ }
#wrapper .navbar-fixed {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#wrapper.toggled .navbar-fixed{ margin-left: 220px; }
#sidebar-wrapper { z-index: 980; left: 220px; width: 0; height: 100%; margin-left: -220px; /*overflow-y: auto;
  overflow-x: hidden;*/ background: #1a1a1a; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; display: none; }
#sidebar-wrapper::-webkit-scrollbar { display: none; }
#wrapper.toggled #sidebar-wrapper { width: 220px; opacity: 1;}
#page-content-wrapper { width: 100%; }
#wrapper.toggled #page-content-wrapper {position: absolute; margin-right: -220px; }
#page-content-wrapper .navbar-fixed{position: fixed; top: 0; width: 100%; z-index: 3000;}
#wrapper .overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0;
  left: 0; right: 0; bottom: 0; background-color: rgba(57, 59, 74, 0.7); z-index: 11; }
.p-nadal{padding-top: 95px;}
@media (max-width: 1199px){
  .p-nadal{padding-top: 0px;}
}

/*TOP*/
#wrapper .navbar{background-color: #383b4a; border-radius: 0; margin-bottom: 0; color: #fff;}
#wrapper .navbar-brand { margin-left: 15px; width: 200px; padding-top: 5px; padding-bottom: 5px;}
#wrapper .navbar-brand img{height: 100%; margin-left: auto; margin-right: auto;}
#wrapper .navbar a.acces-clients,
#wrapper .navbar .idiomes { color: #fff; /*margin-left: 5px; margin-right: 5px;*/ text-transform: uppercase;
  float: left; margin-top: 15px; padding: 0 5px; font-size: 13px; }
#wrapper .navbar .social { color: #fff; font-size: 16px; margin: 12px 5px 0 5px; display: inline-block;}
#wrapper .sidebar-nav { position: absolute; top: 0; width: 220px; margin: 40px 0 0 0; padding: 0; list-style: none;}
#wrapper .sidebar-nav li { position: relative; line-height: 20px; display: inline-block; width: 100%;}
#wrapper .sidebar-nav li a { display: block; color: #fff; text-decoration: none; padding: 10px 15px 10px 30px;
  text-transform: uppercase;}
#wrapper .sidebar-nav li a.actiu{color: #ac9865;}
#wrapper .sidebar-nav li a:hover,
#wrapper .sidebar-nav li a:active,
#wrapper .sidebar-nav li a:focus,
#wrapper .sidebar-nav li.open a:hover,
#wrapper .sidebar-nav li.open a:active,
#wrapper .sidebar-nav li.open a:focus{ opacity: 0.8; background-color: transparent; }
#wrapper .sidebar-nav .dropdown-menu { position: relative; width: 100%; min-width: 220px; padding: 0 15px; margin: 0; border-radius: 0;
    border: none; background-color: #393b4a; box-shadow: none; }
#wrapper .sidebar-nav .dropdown-menu .dropdown-item { padding: 5px 15px 5px 30px!important;}
#wrapper .sidebar-nav .dropdown-menu .dropdown-menu { left: 270px; width: 320px;}
#wrapper .boto-navbar { background: transparent; display: block; margin-top: 13px; margin-left: 15px;
    border: none; z-index: 999; position: relative; float: left; }
#wrapper .boto-navbar .icon-bar { display: block; background-color: #fff; height: 2px; width: 30px;
  margin-bottom: 5px; }
#wrapper .nav .open>a, 
#wrapper .nav .open>a:focus,
#wrapper .nav .open>a:hover { background-color: transparent; border-color: transparent; }

@media (min-width: 768px) {
  #wrapper .boto-navbar { margin-left: 15px; }
  /*#wrapper.toggled #sidebar-wrapper:hover {overflow-y: visible;overflow-x: visible;}*/
  #wrapper .sidebar-nav .dropdown-menu { position: absolute; top: 0; left: 220px; min-width: 305px;}
  #wrapper li.dropdown:hover > ul.dropdown-menu { display: block; }
}

@media(max-width: 1199px){
  #wrapper .navbar-fixed .navbar{display: block!important}
}

@media (min-width: 1200px) {
  #wrapper .navbar .idiomes { margin-left: 50px; }  
}

/*TOP BUSCADOR*/
.navbar input[type="text"] { background-color: transparent; border: 1px solid #5c6174;
  margin-top: 10px; padding: 2px 10px; color: #fff; float: left; border-radius: 8px;
  font-family: 'Gotham Medium'; }
/*.navbar-fixed .navbar input[type="text"]{color: #fff}*/
.navbar input[type="text"]::-webkit-input-placeholder { color: #fff; font-family: 'Gotham Book'; }
.navbar input[type="text"]:-moz-placeholder { color: #fff; font-family: 'Gotham Book'; }
.navbar input[type="text"]::-moz-placeholder { color: #fff; font-family: 'Gotham Book'; }
.navbar input[type="text"]:-ms-input-placeholder { color: #fff!important; font-family: 'Gotham Book'; }
.navbar input[type="text"]::-ms-input-placeholder { color: #fff; font-family: 'Gotham Book'; }
.navbar input[type="text"]::placeholder { color: #fff; font-family: 'Gotham Book'; }
/*.navbar-fixed .navbar input[type="text"]::-webkit-input-placeholder { color: #fff; font-family: 'Gotham Book'; }
.navbar-fixed .navbar input[type="text"]:-moz-placeholder { color: #fff; font-family: 'Gotham Medium'; }
.navbar-fixed .navbar input[type="text"]::-moz-placeholder { color: #fff; }
.navbar-fixed .navbar input[type="text"]:-ms-input-placeholder { color: #fff!important; font-family: 'Gotham Book'; }
.navbar-fixed .navbar input[type="text"]::-ms-input-placeholder { color: #fff; font-family: 'Gotham Book'; }
.navbar-fixed .navbar input[type="text"]::placeholder { color: #fff; font-family: 'Gotham Book'; }*/
.navbar .boto-buscar { background-color: transparent; border: none; height: 24px; width: 24px; 
  background-image: url(../img/lupa.png); background-size: 100%; background-position: center; 
  background-repeat: no-repeat; margin-top: 10px; margin-left: 10px; float: left; }

/*BREADCRUMB*/
.breadcrumb { padding: 15px; margin-bottom: 0; list-style: none; background-color: transparent;
  border-radius: 0; text-transform: uppercase; }
.breadcrumb-fixed{ position: relative; top: 50px; margin-top: -50px; z-index: 5; color: #fff; }
.breadcrumb-fixed.c-negre{color: #333;}

/*PAGINACIO*/
.pagination { margin-top: 10px; margin-bottom: 40px; display: inline-block; border-top: 2px solid #ac9865;
  padding-top: 10px; border-radius: 0; }
.pagination .fa{ color: #ac9865; }  
.pagination button { border: 1px solid #ac9865; padding: 2px 12px; }
.text-paginacio{ margin-bottom: 5px; color: #ac9865; }

/*FLEXSLIDER FIXES*/
.flex-viewport { z-index: 15; }
.flexslider{border: none;}
.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: visible!important; position: relative;}
.beforeLoad{opacity: 0}
.flexslider .slides li img, .flexslider .slides li div, 
.blockBeforeLoad{ -webkit-transition: opacity 1s ease-in; -moz-transition: opacity 1s ease-in;
  -ms-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; transition: opacity 1s ease-in; }
.flex-direction-nav { height: 40px; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);
  transform: translateY(-50%); position: absolute; width: 100%; z-index: 1000 }
.slider-histories.slider-custom .flex-direction-nav{z-index: auto;} 
.slider-histories h2{color: #ac9865!important;}
.slider-histories h2 a:hover, .slider-histories h2 a:active{opacity: 1; color: #333;}
.slider-histories .text { width: 70%; margin: 25px auto 10px auto; font-size: 14px;
  line-height: 1.42857143; color: #333!important;}
.flex-direction-nav a:before { font-family: FontAwesome; content: '\f0d9'; color: #ac9865; font-size: 75px;
  text-shadow: none;}
.flex-direction-nav a.flex-next:before { content: '\f0da'; }
.flex-direction-nav .flex-next, .flex-direction-nav .flex-prev { top: auto; bottom: 0; opacity: 1!important;
  line-height: 50px; height: 50px; width: 40px; }
.flex-direction-nav .flex-next { right: 15px!important; }
.flex-direction-nav .flex-prev { left: 15px!important; }
.slider-histories.slider-custom .flex-direction-nav .flex-next { right: -20px!important; }
.slider-histories.slider-custom .flex-direction-nav .flex-prev { left: -20px!important; }
.flex-direction-nav .flex-disabled{opacity: 0!important; display: none;}
@media (min-width: 768px) {
  .flex-direction-nav a:before{font-size: 45px;}
  .flex-direction-nav a{height: 40px;line-height: 40px;}
  .slider-histories.slider-custom .flex-direction-nav .flex-next, 
  .slider-histories.slider-custom .flex-direction-nav .flex-prev{ width: 20px; }
}

/*INICI*/
.fons-home-1{background-image: url(../img/inici-fons.jpg); background-size: cover; background-position: top; 
  background-repeat: no-repeat; padding-top: 250px; padding-bottom: 80px; position: relative;}
.fons-home-1 i { position: absolute; bottom: 20px; right: 20px; color: #fff; font-size: 16px; }

.video-nadal{max-width:1170px;}

@media(max-width:1199px){
  .video-nadal{max-width: 970px; padding-top:52px;}
}
@media(max-width:991px){
  .video-nadal{max-width: 750px; padding-top:52px;}
}

.embed-responsive {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
}


/* @media(max-width:767px){
  .video-nadal{max-width: auto; padding-top:52px;}
} */


.img-mobil-nadal {position:absolute; right:10%; top:60px; max-width:300px;}
@media(min-width:1200px) {.img-mobil-nadal {right:64px; top:6px; max-width:240px;}}

.canvas-nadal{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.canvas-nadal div { opacity: 0; transition:opacity 3s; position: absolute;}
.canvas-nadal.loaded div { opacity: 1;}

.canvas-nadal-lg div:nth-child(1) { left: 10px; top: 245px; transition-delay: 1s;}
.canvas-nadal-lg div:nth-child(2) { left: 15px; top: 150px; transition-delay: 1s; /* -webkit-animation: fadeinout 3s ease 1s forwards; animation: fadeinout 3s ease 1s forwards; */}
/* floc que desapareix */
@-webkit-keyframes fadeinout {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}

@keyframes fadeinout {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}
/* final floc que desapareix */
.canvas-nadal-lg div:nth-child(3) { left: 150px; top: 130px; /* transition-delay: 2s; */ z-index:5000}
.canvas-nadal-lg div:nth-child(4) { left: 30px; top: 460px; /* transition-delay: 1s; */}
.canvas-nadal-lg div:nth-child(5) { right: 180px; top: 405px; /* transition-delay: 2s; */ z-index:5000}
.canvas-nadal-lg div:nth-child(6) { right: 135px; top: 510px; /* transition-delay: 2s; */ z-index:5000}
.canvas-nadal-lg div:nth-child(7) { right: 190px; top: 130px; /* transition-delay: 2s; */ z-index:5000}
.canvas-nadal-lg div:nth-child(8) { right: 235px; top: 165px; /* transition-delay: 1s; */}
.canvas-nadal-lg div:nth-child(9) { right: 125px; top: 100px; /* transition-delay: 2s; */}
.canvas-nadal-lg div:nth-child(10) { right: 40px; top: 200px; /* transition-delay: 2s; */}
/* .canvas-nadal-lg div:nth-child(11) { left: 300px; top: 284px; transition-delay: 2s;}
.canvas-nadal-lg div:nth-child(12) { left: 590px; top: 173px; transition-delay: 2s;}
.canvas-nadal-lg div:nth-child(13) { left: 530px; top: 125px; transition-delay: 1s;}
.canvas-nadal-lg div:nth-child(14) { right: 420px; top: 130px; transition-delay: 2s;}
.canvas-nadal-lg div:nth-child(15) { right: 188px; top: 200px; transition-delay: 2s;}
.canvas-nadal-lg div:nth-child(16) { right: 185px; top: 400px; transition-delay: 1s;} */

.canvas-nadal .video {width:160px; position: absolute; right:50px; top:150px;}

/* rotació floc de neu*/
.floc-volta {  

  animation-name: floc360;
  -webkit-animation-name: floc360;  

  animation-duration: 10s; 
  -webkit-animation-duration: 10s;

  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;

  animation-timing-function: linear;  
  -webkit-animation-timing-function: linear;  
}

@keyframes floc360 {
  from {
      transform: rotate(0deg);
  }
  to {
      transform: rotate(359deg);
  }
}

@-webkit-keyframes floc360 {
  from {
      -webkit-transform: rotate(0deg);
  }
  to {
      -webkit-transform: rotate(359deg);
  }
}

.floc-volta-2 {  

  animation-name: flocRapid;
  -webkit-animation-name: flocRapid;  

  animation-duration: 5s; 
  -webkit-animation-duration: 5s;

  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;

  animation-timing-function: linear;  
  -webkit-animation-timing-function: linear;  
}

@keyframes flocRapid {
  from {
    transform: rotate(359deg);
  }
  to {
      transform: rotate(0deg);
  }
}

@-webkit-keyframes flocRapid {
  from {
    -webkit-transform: rotate(359deg);
  }
  to {
      -webkit-transform: rotate(0deg);
  }
}
/* final rotació floc de neu*/



.titol-home-1{font-size: 28px; text-align: center; color: #fff; margin-bottom: 30px;} 
.bocata-block { display: inline-block; width: 150px; height: 150px; background-image: url(../img/bocata.png);
    background-position: center; background-size: contain; background-repeat: no-repeat; text-align: left;}
.bocata-block .txt-1{font-size: 18px; margin-top: 10px; margin-left: 30px;}
.bocata-block .txt-2{font-size: 16px; margin-left: 30px; margin-bottom: 5px;}
.bocata-block img{width: 40px;}
.border-home{margin-left: auto; margin-right: auto; width: 85px; border-top: 5px solid #ac9865; margin-bottom: 45px;}
.text-home { font-size: 14px; line-height: 24px; color: #fff; margin-bottom: 45px; text-align: center; }
.link-home { background-color: #ac9865; color: #fff; font-size: 16px; display: inline-block; padding: 10px 45px;
  letter-spacing: 3.5px; font-size: 12px; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out;
  -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; text-transform: uppercase;
  font-family: 'Gotham Medium'; border-radius: 13px; border: none; z-index: 100; position: relative;margin-top: 20px;}
.link-home.padding-lr-15{padding-left: 15px; padding-right: 15px;}  
.link-home:hover, .link-home:active, .link-home:focus{color: #fff;}
.dropdown-menu.dropdown-scroll { max-height: 210px; overflow-y: scroll; overflow-x: overlay;}
.dropdown-menu.dropdown-profesional{font-size: 10px;}
.text-relatiu{position: relative;}
.text-relatiu h3 { position: absolute; margin-top: 0; margin-bottom: 0; 
  font-family: 'EB Garamond', serif; font-style:italic; font-weight: 500; font-size: 34px; line-height: 0.9; }
.text-relatiu h3.esquerra { color: #fff; bottom: 55px; right: 25px; }
.text-relatiu h3.dreta { color: #fff; bottom: 55px; left: 25px; }
.text-relatiu h3>img { margin-top: -15px; }
.text-relatiu h3 .pull-right>img { margin-top: 3px; }
.text-relatiu i { position: absolute; bottom: 10px; color: #fff; right: 15px; }
.text-relatiu .ver-mas { position: absolute; bottom: 30px; color: #fff; left: 15px; text-align: center; 
  width: 110px; padding-top: 5px; padding-bottom: 5px; background-color: #ac9863;
  border-radius: 8px; font-family: 'Gotham Medium'; letter-spacing: 2.5px; font-size: 12px; text-transform: uppercase; }
.block-text-mig h2{ margin-top: 25px; margin-bottom: 25px; font-size: 20px;
  border-bottom: 2px solid #ac9865; padding-bottom: 5px; display: inline-block;}
.block-text-mig p{margin-bottom: 55px;}  
.text-families{ font-family: 'EB Garamond', serif; font-style:italic; font-weight: 500; font-style:italic; font-size: 22px; text-align:center; 
  margin-top: 40px; margin-bottom: 0;}
.families-productes .buscador{background-color: #383b4a; color: #fff; position: relative; margin-bottom: 0; font-size: 11px;}
.families-productes .buscador.buscador-receptes{background-image: url(../img/receptes-fons.png); 
  background-size: contain; background-position: center; background-repeat: no-repeat; }
.families-productes .buscador h2{ font-size: 18px; margin-top: 25px; margin-bottom: 15px;
  border-bottom: 2px solid #ac9865; padding-bottom: 5px; display: inline-block; cursor: pointer; }
.families-productes .buscador span{padding: 5px 0; display: inline-block; padding: 0;}  
.families-productes .buscador span.w60{width: 60px; float: left;}
.families-productes .buscador input[type="text"]{ width: calc(100% - 60px); border: 1px solid #ac9865; padding: 0px 10px; color: #000; 
  margin-bottom: 5px; border-radius: 7px;}
button.ver-mas,
button.icon { background-color: transparent; border: transparent; padding: 0; }
button.icon { height: 32px; width: 32px; margin-bottom: 10px; 
  display: inline-block; background-image: url(../img/lupa-2.png); background-size: 100%; background-position: center;
  background-repeat: no-repeat; }
button.ver-mas { width: calc(100% - 60px); text-align: left; float: right; }
.families-productes .buscador button.buscar,
#capa-buscador button.buscar { padding: 5px 10px; border: none; background-color: #ac9864;
  border-radius: 6px; margin-bottom: 15px; margin-right: 15px; letter-spacing: 1.3;
  color: #fff; }
button.buidar-form { background-color: transparent; border: none; border-bottom: 1px solid #717171; margin-bottom: 15px; 
  margin-right: 15px; }
 /* 
.families-productes .buscador button.buidar-form,
#capa-buscador button.buscar,
#capa-buscador button.buidar-form{margin-top: 15px;}*/
.families-productes .block-familia a{font-family: 'Gotham Medium'; display: inline-block; position: relative; 
  width: 100%; font-size: 8px;}
.families-productes .block-familia a h2, .families-productes .block-familia a h3{font-size: inherit; margin: 0;}   
.families-productes .block-familia a.ultim{font-family: 'Chalkduster'; font-weight: normal; font-style: normal;
  transition: opacity 0.25s; -webkit-transition: opacity 0.25s}
.families-productes .block-familia .capa{ opacity: 0; transition: opacity .25s ease-in-out; 
  -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; position: absolute;
  top: 0; width: 100%; height: 100%; }
.families-productes .block-familia a.ultim .capa{ opacity: 1;}  
.families-productes .block-familia a:hover .capa{ opacity: 1; background-color: rgba(56, 59, 74, 0.6); }
.families-productes .block-familia a:nth-child(1), 
.families-productes .block-familia a:nth-child(2){margin-bottom: 10px;}
.families-productes .block-familia a .nom { color: #fff; position: absolute; top: 50%; text-align: center; 
  width: 100%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); 
  letter-spacing: 1.5; text-transform: uppercase; padding-left: 5px; padding-right: 5px; }
.families-productes .block-familia a .subtitol { color: #fff; position: absolute; top: 65%; text-align: center;
    width: 100%; letter-spacing: 1.5; font-size: 12px; padding-left: 10px; padding-right: 10px; }
#capa-buscador { float: none; width: calc(100% - 30px); border-radius: 30px; margin-left: auto; margin-right: auto;
  padding-top: 0px; font-size: 11px; }
#capa-buscador.w100{width: 100%!important;} 
#capa-buscador .w60{width: 60px; float: left; margin-bottom: 1px;}
#capa-buscador .w40{width: 40px; float: left;}
#capa-buscador h1 { font-size: 18px; margin-top: 30px; margin-bottom: 15px; border-bottom: 2px solid #ac9865;
  padding-bottom: 5px; display: inline-block; font-family: 'Gotham Book'; font-weight: normal; cursor: pointer; }
#capa-buscador input, #capa-buscador select { margin-bottom: 5px; border: 1px solid #ac9865;
  padding: 0px 10px; border-radius: 7px;}
#capa-buscador input[type="checkbox"] { width: auto; }
#capa-buscador button.lupa-color { background-color: transparent; border: none; font-size: 18px; 
  display: inline-block; color: #ac9864; }
#capa-login{border-radius: 30px;}
.slider-categories{border: none;}
.slider-categories li>div a{position: relative; display: inline-block;}
.slider-categories span.nom, #slider-receptes span.nom { color: #fff; position: absolute; bottom: 0;
    text-align: center; width: 100%; letter-spacing: 1.5; text-transform: uppercase;
    display: block; background-color: rgba(0,0,0,0.4); padding: 5px 30px; line-height: 1.2; }
.slider-categories span.ultim { color: #fff; position: absolute; top: 50%; text-align: center;
    width: 100%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);
    transform: translateY(-50%); letter-spacing: 1.5; text-transform: uppercase;
    display: block; padding: 5px 30px; line-height: 1.2; font-family: 'Chalkduster'; font-weight: normal;
    font-style: normal; }

.block-marques{background-color: #ffffff; padding: 30px 15px; color: #000; margin-bottom: 80px;}
.block-marques h2{font-size: 19px; margin-top: 0; margin-bottom: 35px; color: #000;
  border-bottom: 2px solid #ac9865; padding-bottom: 5px; display: inline-block;}
.block-marques .link-home{padding-left: 0; padding-right: 0; width: 100%;}  
.capa-marques .text-1{ font-family: 'EB Garamond', serif; font-style:italic; font-weight: 500; font-size: 16px; }
.capa-marques .text-1>img.esquerra { margin-top: -25px; }
.capa-marques .text-2{margin-bottom: 30px; font-family: 'Gotham Light';}
.fons-aprendre { background-color: #383b4a; margin-bottom: 30px; padding-bottom: 30px;}
.fons-receptes { background-color: #383b4a; background-image: url(../img/receptes-fons-21.png), url(../img/receptes-fons-22.png);
  background-position: left center, right center; background-size: contain; background-repeat: no-repeat; }
.fons-aprendre .titol {font-size: 18px; color: #fff; text-align: center; margin-bottom: 15px;}
.fons-aprendre .link{ color: #fff; text-align: center; padding: 5px 15px; background-color: #ac9863; 
    border-radius: 8px; font-family: 'Gotham Medium'; letter-spacing: 2.5px; font-size: 12px; text-transform: uppercase; 
    display: inline-block;}
.fons-receptes .text, .fons-aprendre .text { z-index: 10; position: relative; }
.fons-receptes .text h2, .fons-aprendre .text h2 { margin-top: 60px; font-size: 22px; margin-bottom: 25px; padding-bottom: 5px; display: inline-block; }
.fons-receptes .text h2 { color: #fff; border-bottom: 2px solid #ac9865; }
.fons-aprendre .text h2 { color: #ac9865; border-bottom: 2px solid #fff; }
.fons-receptes .text p, .fons-aprendre .text p{color: #fff; margin-bottom: 25px; font-family: 'Gotham Light'; line-height: 1.5;}
.fons-receptes .text a, .fons-aprendre .text a{margin-bottom: 60px;}
#slider-receptes{margin-bottom: 0; background-color: transparent; border: none;}
#slider-receptes .flex-next{ right: -35px!important; }
#slider-receptes .flex-prev{ left: -35px!important; }
#slider-receptes .flex-control-nav { top: 50%; bottom: auto; height: auto; width: 30px;
  -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
#slider-receptes .flex-control-nav li { margin: 0; display: block; }
#slider-receptes-2{margin-bottom: 0;}
#slider-receptes-2 .flex-control-paging{ bottom: 15px; z-index: 99;}
#slider-receptes-2 .flex-control-paging li a,
#slider-receptes .flex-control-paging li a{margin-bottom: 15px; border-radius: 0; -webkit-border-radius: 0;
  -moz-border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none;
  box-shadow: none; background-color: #8f9199; }
#slider-receptes .flex-control-paging li:last-child a{margin-bottom: 0;}
#slider-receptes-2 .flex-control-paging li a.flex-active,
#slider-receptes .flex-control-paging li a.flex-active {background-color: #ac9865;}
.block-catalegs{ -moz-box-shadow: 0px 0px 15px #808080; -webkit-box-shadow: 0px 0px 15px #808080;
  box-shadow: 0px 0px 15px #808080; margin-bottom: 40px; display: block; background-size: cover; background-position: center; 
  background-repeat: no-repeat;}
.block-catalegs:hover{opacity: 1;}  
.block-catalegs .col-xs-4 { padding-left: 8px; padding-right: 8px;}
.block-catalegs h2{margin-top: 0; margin-bottom: 25px; color: #000; font-size: 18px;
  border-bottom: 2px solid #ac9865; display: inline-block;}
.block-catalegs p{font-family: 'Gotham Light'; margin-bottom: 20px;}
/*.block-catalegs .row-eq-height-lg .col-sm-4:nth-child(2) img{margin-top: 30px;}*/
.block-catalegs img{ -moz-box-shadow: 0px 0px 10px #808080; -webkit-box-shadow: 0px 0px 10px #808080;
  box-shadow: 0px 0px 10px #808080; }
.block-catalegs .flip-cards{ position:relative; float:left; -webkit-transition: all 1s ease; position: relative;
    transition: all 1s ease; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;
    max-width: 100%; margin-bottom: 15px;}
.block-catalegs .flip-cards div{ backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.block-catalegs .front-card{ z-index: 2; }
.block-catalegs .reverse-card { position: absolute; top: 0; max-width: 300px; max-height: 300px; 
    -webkit-transform: rotateY(180deg); transform: rotateY( 180deg ); /*padding: 15px;*/
    color: #fff;}
.padding-block-catalegs {padding: 30px 50px 30px 50px;}
.bg-publicaciones {background-image: url(../img/bg-publicaciones-right.png); background-size: cover; background-position: right; background-repeat: no-repeat;background-color: #383b4a!important; color:#ababab; padding: 30px 30px 50px 30px; margin:0 15px;}
.bg-publicaciones h2 {color:#fff;}
@media (min-width: 768px) {.bg-publicaciones {margin:0!important;}}
@media (min-width:992px) {.margin-text-publicacions {margin-bottom:74px!important}}
@media (min-width: 1200px) {.margin-text-publicacions {margin-bottom:72px!important}}
.block-publicacions .text { font-size: 14px; line-height: 1.42857143; margin: 0 0 10px 0;}
.block-publicacions-2 { background-repeat: no-repeat; background-position: center; background-size: contain; background-color: #393b4a; 
  background-image: url(../img/publicacions-fons.png); color: #fff; padding: 15px; text-align: center; margin-bottom: 40px;}
.block-publicacions-2 .titol { margin-top: 15px; font-size: 18px; margin-bottom: 25px; color: #fff; border-bottom: 2px solid #ac9865;
    padding-bottom: 10px; display: inline-block;}
.block-publicacions-2 .text { font-size: 14px; line-height: 1.42857143; margin: 0 0 10px 0;}    
.opacity-1 {opacity:1!important}

@media (min-width: 400px){
  .families-productes .buscador input[type="text"]{ width: calc(70% - 60px);}
}

@media (min-width: 500px){
  .families-productes .buscador input[type="text"]{ width: calc(50% - 60px);}
}

@media (max-width: 767px){
  .capa-receptes, .capa-aprendre{margin-top: 40px!important;}
  .capa-receptes-slider, .capa-aprendre-img{margin-top: 40px; margin-bottom: 40px; padding-left: 30px; padding-right: 30px;}
  .block-catalegs p{font-size: 12px;} 
  #slider-receptes .flex-control-nav{display: none!important;}
}
@media (min-width: 768px){
  .titol-home-1{font-size: 40px;}
  .text-home{font-size: 18px; line-height: 30px;}
  .families-productes .block-familia a { font-size: 13px; }
  .families-productes .buscador input[type="text"]{ width: calc(40% - 60px);}
  .capa-receptes, .capa-aprendre{position: relative;}
  .capa-receptes-slider, .capa-aprendre-img { position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%); transform: translateY(-50%); }
  #capa-buscador { width: 80% }
  #capa-buscador h1 { margin-bottom: 20px; }
  #slider-receptes .flex-viewport { width: calc(100% - 30px); margin-left: 30px; }
  .block-catalegs h2{ font-size: 22px; }
  .block-catalegs .flip-cards.actiu{ transform: rotateY( 180deg ); -webkit-transform: rotateY(180deg); }
  .block-catalegs .flip-cards.transformable:hover{ transform: rotateY( 180deg ); -webkit-transform: rotateY(180deg); }
  #slider-receptes .flex-direction-nav{display: none!important}
  .block-publicacions .titol{font-size: 22px; margin-top: 10px;}
  .block-publicacions-2 .titol {font-size: 22px; margin-top: 10px;}
  #slider-receptes-2{margin-bottom: 60px;}
}
@media (max-width: 991px){
  .families-productes .buscador{margin-bottom: 10px; padding-bottom: 25px;}  
  .families-productes .block-familia a{margin-bottom: 10px;}
}
@media (min-width: 992px){
  .block-text-mig{padding-left: 30px; padding-right: 30px;}
  #capa-buscador { width: 60% }
  .families-productes .buscador .col-md-5 {padding-right: 4px; }
  .families-productes .buscador .col-md-7 {padding-left: 4px; }
  .families-productes .buscador input[type="text"]{ width: calc(100% - 60px);}
  .block-publicacions p{margin-bottom: 30px;}
  .capa-marques{background-image: url(../img/marques-fons.jpg); background-size: cover; background-position: top; 
  background-repeat: no-repeat; }  
  .capa-marques.scroll{ background-position: bottom; background-attachment: fixed; }
  .fons-home-1{ padding-top: 300px; }
  .bocata-block { position: absolute; top: -150px; right: -100px; }
}
@media (min-width: 1200px){
  .block-text-mig{padding-left: 60px; padding-right: 60px;}
  .families-productes .buscador h2{ font-size: 13px; margin-bottom: 20px;}
  .families-productes .block-familia a .subtitol { top: 65%; font-size: 10px; }
  button.icon{ width: 22px; top: 13px; right: 5px; margin-bottom: 0; position: absolute; }
  #capa-buscador { width: 40%; left: 11px; }  
  .block-marques{ padding: 30px; }  
  .block-catalegs{ background-image: url(../img/catalogos-publicaciones.png);}  
  .block-catalegs .absolute {  width: 100%; position: absolute; bottom: 0; }  
  .block-catalegs p { padding: 0 40px 0 0; }
  .fons-home-1{ padding-top: 250px; }
  .text-relatiu .ver-mas { bottom: 15px; right: 115px; left: 0; margin-left: auto; margin-right: auto; }
}

/*NOSTRES HISTORIES*/
.titol-histories { margin-top: 0; margin-bottom: 15px; border-bottom: 2px solid #ac9865;
  padding-bottom: 8px; display: inline-block; font-size: 24px; }
.titol-histories span{ border-bottom: 2px solid #ac9865; padding-bottom: 5px; display: inline-block; }  
.titol-histories-2 { font-size: 30px; font-family: 'EB Garamond', serif; font-style:italic; font-weight: 500; margin-top: 40px; margin-bottom: 40px;
  border-bottom: 2px solid #ac9865; padding-bottom: 8px; display: inline-block; }
.subtitol-histories{ font-family: 'EB Garamond', serif; font-style:italic; font-weight: 500; font-size: 28px; margin-top: 15px; margin-bottom: 25px;
  line-height: 1.42857143;}
.slider-custom{border: none; margin-bottom: 40px; background-color: transparent;}
.slider-custom li:hover>div { color: #ac9865; }
.slider-custom h2 { text-align: center; display: block; font-size: 16px; margin: 15px 0 0 0; text-transform: uppercase;
  color: #ffa408; font-family: 'Gotham Bold'; line-height: 1.42857143; }
.fons-histories{background-repeat: no-repeat; background-position: center; background-size: cover;}
.fons-histories .text{background-color: #fff; padding: 20px;}
.fons-histories img { position: absolute; right: 30px; bottom: 30px;}
.fons-histories h1 span{display: block;}
.fons-histories .titol { margin-top: 0; padding-top: 10px; 
  margin-bottom: 0; font-family: 'EB Garamond', serif; font-style:italic; font-weight: 500; font-size: 24px; color: #ac9865;}
.fons-histories .text-stitlon h1,
.fons-histories .text-beemster h1,
.fons-histories .text-appenzeller h1 { margin-top: 0; padding-top: 10px; margin-bottom: 25px; font-family: 'EB Garamond', serif; 
  font-style:italic; font-weight: 500; font-size: 39px; color: #333;}
.fons-histories .text-roquefort .titol { margin-top: 0; padding-top: 10px; margin-bottom: 0; font-family: 'EB Garamond', serif;
  font-style:italic; font-weight: 500; font-size: 36px; }
.fons-histories .text-roquefort .titol .subtitol{ font-size: 24px; display: block; margin-top: 10px; }
.fons-histories .text-roquefort .titol .nom{ font-size: 42px;}
.fons-histories .text-roquefort .titol .nom.pull-right{margin-bottom: 25px;}
.fons-histories .text-roquefort .titol,
.fons-histories .text-pecorino .titol{font-size: 36px}
.fons-histories .text-roquefort h1 { margin-top: 0; padding-top: 10px; margin-bottom: 25px; font-family: 'EB Garamond', serif;
  font-style:italic; font-weight: 500; font-size: 39px; color: #333;}
.fons-histories .text-roquefort h3.style{ font-size: 16px; margin-top: 0; margin-bottom: 15px; font-family: 'Gotham Medium';
  font-weight: 500; }
.fons-histories .text-pecorino .titol { margin-top: 0; padding-top: 10px; margin-bottom: 0; font-family: 'EB Garamond', serif;
  font-style:italic; font-weight: 500; font-size: 36px; }
.fons-histories .text-pecorino h1 { margin-top: 0; padding-top: 10px; margin-bottom: 25px; font-family: 'EB Garamond', serif;
  font-style:italic; font-weight: 500; font-size: 39px; color: #333;}
.fons-epoisses img{ right: 0; bottom: 0; width: 320px;}

.text-histories{margin-top: 25px;}
.text-histories-imatge { margin-top: 10px; margin-bottom: 25px;}
.text-historia-2 { margin-top: 25px; margin-bottom: 25px; font-family: 'EB Garamond', serif; font-size: 26px;
  font-style:italic; font-weight: 500; text-align: center; line-height: 1.3; }
.subtitol-historia { text-align: center; font-family: 'EB Garamond', serif; font-size: 28px; margin-top: 25px;
  font-style:italic; font-weight: 500; margin-bottom: 25px; }

.text-kerrygold { font-family: 'Gotham Medium'; font-weight: 500; font-size: 20px;}  

@media (max-width: 767px){
  #block-slider{padding-left: 30px; padding-right: 30px;}
  #block-slider .flex-direction-nav .flex-prev { left: -25px!important; }
  #block-slider .flex-direction-nav .flex-next { right: -25px!important; }
  .slider-histories.slider-custom .flex-direction-nav .flex-prev { left: -40px!important; }
  .slider-histories.slider-custom .flex-direction-nav .flex-next { right: -40px!important; }
  .fons-histories{background-image: none!important;}
}
@media (min-width: 768px){
  .slider-custom.margin-1 .slides>li:first-child{ margin-left: 20%; }  
  .slider-custom.margin-2 .slides>li:first-child{ margin-left: 7%; } 
  .slider-custom.margin-3 .slides>li:first-child{ margin-left: 2%; }
}
@media (min-width: 992px){
  .slider-custom.slider-histories li>div { padding-left: 30px; padding-right: 30px; }  
  .fons-histories .titol{font-size: 46px}
  .fons-histories h1 span{ font-size: 48px; }
  .fons-histories .text-roquefort .titol .nom{ font-size: 58px;}
  .fons-histories .text-roquefort .titol .subtitol { font-size: 39px;}
  .img-mons-3{position: absolute; bottom: 0;}
}
@media (max-width: 1199px){
  .fons-histories{padding-bottom: 15px}
}
@media (min-width: 1200px){
  .slider-custom.slider-histories li>div { padding-left: 30px; padding-right: 30px; }
  .fons-histories .text-stitlon h1 span,
  .fons-histories .text-roquefort h1 span{ font-size: 72px; }
  .fons-histories .text-pecorino h1 span,
  .fons-histories .text-beemster h1 span{ font-size: 58px; }
  .fons-histories .text-appenzeller h1 span{ font-size: 54px; }
}

/*SOBRE NOSALTRES*/
#imatge-mapa{opacity: 0; -webkit-transition: opacity 1s ease-in; -moz-transition: opacity 1s ease-in;
  -o-transition: opacity 1s ease-in; }
#imatge-mapa.actiu{opacity: 1;}
#imatge-mapa .p-relatiu{position: relative;}
#imatge-mapa div .text{padding-left: 10px; padding-right: 10px; margin: 0 0 45px 0; line-height: 1.42857143;
    font-size: 14px;}

@media (max-width: 767px){
  #imatge-mapa div{display: block!important;}
}

@media (min-width: 992px){
  #imatge-mapa div { position: absolute; }
  #imatge-mapa div p{margin-bottom: 0;}
  #imatge-mapa div img { width: 220px; }
  #imatge-mapa .img-1 { top: -20%; left: 29%; }
  #imatge-mapa .img-2, #imatge-mapa .img-6 { top: 14%; left: 66%; }
  #imatge-mapa .img-3 { top: 48%; left: 62%; }
  #imatge-mapa .img-4, #imatge-mapa .img-7 { top: 50%; left: 30%; }
  #imatge-mapa .img-5 { top: 19%; left: 4%; }
  #imatge-mapa .img-6, #imatge-mapa .img-7{display: none;}
}


@media (min-width: 1200px){
  #imatge-mapa .img-1 { top: -11%; left: 29%; }
  #imatge-mapa .img-2, #imatge-mapa .img-6 { top: 14%; left: 66%; }
  #imatge-mapa .img-3 { top: 43%; left: 58%; }
  #imatge-mapa .img-4, #imatge-mapa .img-7 { top: 53%; left: 30%; }
  #imatge-mapa .img-5 { top: 19%; left: 11%; }
  #imatge-mapa .img-6, #imatge-mapa .img-7{display: none;}
}

/*NOSTRES FORMATGES*/
.titol-familia{text-transform: uppercase; letter-spacing: 1.5; text-align: center; margin-top: 40px; margin-bottom: 40px;}
.text-familia{font-family: 'EB Garamond', serif; font-style:italic; font-weight: 500; text-align: center; font-size: 18px; margin-bottom: 30px;}
.text-familia h2 { font-size: 18px; display: inline; }
.flexslider .block-producte{padding-left: 15px; padding-right: 15px;}
.block-producte{margin-bottom: 30px; font-size: 14px; line-height: 1.4;}
.block-producte .codi { color: #ac9865; border-bottom: 2px solid #ac9865; display: block; margin: 15px 0;
  text-align: center; padding-bottom: 5px; }
.block-producte .nom{font-size: 16px; margin-top: 0; margin-bottom: 5px; text-align: center;}
.block-producte .subtitol { margin-top: 10px; margin-bottom: 0; text-align: center; font-size: 12px;
  font-family: 'Gotham Light'; }
.block-producte a .minh img {margin-left: auto; margin-right: auto;}
button#go-up { background: transparent; border: none; padding: 0; float: right; margin-bottom: 50px; }
.producte-detall{margin-top: 40px;}
.producte-detall .aop{ width: 55px; }
.producte-detall .pais{ font-size: 22px; color: #656565; margin-top: 5px;}
.producte-detall .nom { font-size: 24px; color: #393c4b; letter-spacing: 1.2; margin-top: 0;
  margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #ac9864; }
.producte-detall .text, .producte-detall .text h3{margin-bottom: 30px; font-size: 14px; line-height: 1.42857143;}  
.producte-detall .taula{font-size: 12px; width: 100%; text-align: center; margin-bottom: 40px;}
.producte-detall .taula.f-size-8{font-size: 8px;}
.producte-detall .taula tr:first-child { border-bottom: 1px solid #ac9864; }
.producte-detall .taula td{padding-top: 2px; padding-bottom: 2px; border-right: 1px solid #ac9864;}
.producte-detall .taula td:last-child{border-right: none}
.producte-detall .imatge-producte{margin-bottom: 40px;}
.producte-detall .ubicacio-block{ border: 2px solid #ac9864; padding: 2px; margin-bottom: 40px;}
.producte-detall .ubicacio-block .ubicacio{ border: 1px solid #ac9864; padding: 5px; text-align: center; }
.producte-detall .ubicacio-block .ubicacio-block span { display: block; text-align: center; margin-top: 5px;
  margin-bottom: 5px; font-size: 16px; color: #656565; }
.producte-detall .block-descarregar {margin-bottom: 40px;}
.producte-detall .block-descarregar .link-home {float: left}
.producte-detall .block-descarregar .icon { margin-left: 15px; }
.titol-producte-2 { padding-bottom: 5px; border-bottom: 2px solid #ac9864; display: inline-block;
  font-size: 18px; margin-bottom: 45px; }
.capa-receptes-2 {position: relative;}
.capa-receptes-2 .block-recepta-2 { display: inline-grid; margin-bottom: 25px; padding-left: 15px;
  padding-right: 15px; }
.capa-receptes-2 .block-recepta-2 h3 { font-size: 14px; margin: 0; margin-bottom: 0; line-height: 1.42857143; }
.capa-receptes-2 .block-recepta-2 a:hover, .capa-receptes-2 .block-recepta-2 a:active{opacity: 1;}  
.capa-receptes-2 .col-xs-12{position: relative; z-index: 99; margin-bottom: 40px; text-align: center;}
.capa-receptes-2 .col-xs-12 img{margin-bottom: 15px; margin-left: auto; margin-right: auto; padding-left: 25px;
  padding-right: 25px;}
.ubicacio img { margin:0 auto;}

@media (min-width: 768px){
  .fons-receptes-2 { background-color: #383b4a; height: 75px; width: 100%; position: absolute;
  top: 20px;}
  .block-producte a .minh { min-height: 220px;}
  .block-producte a .minh, .block-producte a .minh img { max-height: 220px;}
}

@media (min-width: 992px){
  .fons-receptes-2{ height: 145px; }
}

@media (min-width: 1200px){
  .fons-receptes-2{ height: 78px; }
}

/*NOSTRES MARQUES*/
.titol-pais { font-size: 18px; text-transform: uppercase; color: #ac9865; display: inline-block;
  margin-bottom: 25px; font-family: 'Gotham Medium'; }
.text-marques{ font-size: 14px; line-height: 1.42857143; margin: 0 0 60px 0;}
.block-lletra{ margin-bottom: 30px;}
.block-lletra .lletra{ font-family: 'Gotham Medium'; font-weight: 500; font-size: 16px; text-decoration: underline; 
  color: #ac9865; float: left; margin-right: 10px; width: 15px; display: block;}
.block-lletra .marques { width: calc(100% - 35px); float: left;}
.pais-marques{margin-bottom: 40px;}
.fons-marques svg{width: 100%;}
.svg-flex-inner { position: relative; padding-top: 100%;}
.svg-flex svg { position: absolute; margin-top: -100%; width: 100%; height: 100%;}
h1.titol-pais-marca { float: right; margin-top: 15px; margin-bottom: 15px; font-size: 24px;
  border-bottom: 2px solid #ac9865; text-transform: uppercase; }

@media (min-width: 768px){
  .pais-marques{ -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
  .fons-marques { background-image: url(../img/sol.jpg); background-size: 40%;
    background-repeat: no-repeat; background-position: 95% center; }
}

/*NOSTRES CATALEGS*/
/*.fons-catalegs{ background-image: url(../img/catalegs-fons.png); background-size: 70%;
  background-repeat: no-repeat; background-position: center; }*/
.block-catalegs-2 { padding: 30px 15px; background-color: #393b4a; color: #fff; margin-top: 30px;
    margin-bottom: 30px; }
.block-catalegs-2 h1 {color: #ac9864; border-bottom: 2px solid #ac9864; padding-bottom: 15px; 
  display: inline-block; margin-bottom: 35px; }
.cataleg{text-align: center; margin-bottom: 30px;}
.cataleg img{margin-left: auto; margin-right: auto;}
.cataleg h2 { font-size: 14px; margin-top: 15px; margin-bottom: 15px; font-family: 'Gotham Book'; font-weight: normal;
  border: 1px solid black; display: inline-block; padding: 5px 10px; border-radius: 10px; }
.cataleg .cataleg-text{margin-bottom: 10px;}
.cataleg p{margin-bottom: 0;}

/*LOGIN*/
.titol-login { margin-top: 40px; margin-bottom: 5px; color: #ac9864; line-height: 1.42857143; display: inline-block; }
.subitol-login { margin-top: 0; margin-bottom: 0; font-size: 20px; }
.subitol-login.border { margin-top: 5px; margin-bottom: 25px; padding-bottom: 8px;
  border-bottom: 2px solid #ac9864; display: inline-block; }
.text-login { font-size: 14px; line-height: 1.42857143; margin: 0 0 10px;}  
#login {margin-top: 30px;}
#login span{color: #ac9864; display: inline-block; margin-bottom: 10px}
#login input[type=email], #login input[type=password]{background-color: #cec2a6; border: 1px solid #ab9765; 
  margin-bottom: 10px; padding: 4px 10px; width: 100%; }
#login input[type=checkbox]{margin-bottom: 10px;}
#login input[type=submit]{ background-color: #ac9865; color: #fff; font-size: 16px; display: inline-block;
  padding: 10px 30px; letter-spacing: 1.5; font-size: 12px; transition: opacity .5s ease-out;
  -moz-transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out;
  text-transform: uppercase; font-family: 'Gotham Medium'; border: none; margin-bottom: 25px; }
#login input[type=submit]:hover{ opacity: 0.8; }

@media (min-width: 768px){
  .titol-login { font-size: 30px; }
}

/*PRODUCCIO*/
#capa-produccio { float: none; width: calc(100% - 30px); border-radius: 50px;
  background-image: url(../img/produccio-fons.png); background-position: center;
  background-repeat: no-repeat; background-size: contain; padding: 15px; }
#capa-produccio .text { margin-top: 10px; margin-bottom: 10px; font-family: 'EB Garamond', serif;
  font-style:italic; font-weight: 500;
  font-size: 18px; line-height: 1.7; text-align: center; padding-left: 15px; padding-right: 15px; }
#capa-produccio .text img.esquerra{margin-top: -26px;}  
#capa-produccio span { font-size: 14px; border-bottom: 2px solid #ac9865; display: inline-block;
  padding-bottom: 3px; font-weight: normal; margin-top: 0; margin-bottom: 5px; }
#capa-produccio p{font-family: 'EB Garamond', serif; font-size: 16px; margin-bottom: 5px;
  font-style:italic; font-weight: 500;}
@media (min-width: 768px){
  #capa-produccio { width: 80% }
}
@media (min-width: 992px){
  #capa-produccio { width: 400px }
}

/*PUBLICACIONS*/
.block-publicacio{text-align: center;}
.block-publicacio img{margin-bottom: 25px; margin-left: auto; margin-right: auto; max-width: 50%;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.block-publicacio .nom{color: #ac9865; display: inline-block; margin-bottom: 10px; text-transform: uppercase; }
.block-publicacio .nom h2{font-size: 14px; line-height: 1.42857143; margin: 0;}
.block-publicacio .subtitol{ display: block; margin-bottom: 15px; border-top: 2px solid #ac9865; padding-top: 15px;
  width: 80%; margin-left: auto; margin-right: auto; }
.block-publicacio .text{ display: block; font-size: 12px; margin: 0 0 25px 0; line-height: 1.42857143; }
.publicacio a.titol-tots { font-size: 34px; color: #ac9865; }
.publicacio a.titol-categoria { font-size: 22px; }

.publicacio .btn-default { padding: 5px 10px; border-radius: 10px; border: 1px solid #ac9865;  
  margin-left: 10px; margin-right: 10px;}
.publicacio .btn-default .fa-caret-down { top: 5px; position: relative; color: #ac9865; }
.publicacio .btn-default .fa-caret-up { top: -5px; position: relative; left: 12px; color: #ac9865; }

/*RECEPTES*/
.links-receptes .veure-mes { display: inline-block; margin-top: 20px; padding: 5px 15px; color: #fff; background-color: #ac9863;
    letter-spacing: 1.5; font-size: 12px; font-family: 'Gotham Medium'; }
.text-receptes{padding-left: 30px; padding-right: 30px;}
.text-receptes .titol { font-size: 24px; color: #ac9865; margin-top: 35px; margin-bottom: 8px; border-bottom: 2px solid #ac9865;
    padding-bottom: 8px; display: inline-block; }
.text-receptes h3 { font-size: 18px; display: inline-block; margin-top: 0; margin-bottom: 30px; padding-bottom: 15px; }
.families-receptes { margin-top: 55px; margin-bottom: 80px; }
.families-receptes .text{background-color: #383b4a; color: #fff; position: relative; margin-bottom: 0; padding: 30px 15px; margin-bottom: 8px;}
.families-receptes .text h2 { font-size: 18px; margin-bottom: 15px; border-bottom: 2px solid #ac9865;
  padding-bottom: 5px; display: inline-block; text-transform: none; margin-top: 0;}
.families-receptes .text h3 { font-size: 14px; margin: 0; line-height: 1.42857143;}
.families-receptes .col-md-2 { padding-left: 4px; padding-right: 4px; }  
.families-receptes .block-familia a{font-family: 'Gotham Book'; display: inline-block; position: relative; 
  width: 100%;}
.families-receptes .block-familia a h3 { color: #fff; position: absolute; bottom: 0; text-align: center;
  width: 100%; letter-spacing: 1.5; text-transform: uppercase; display: block; background-color: rgba(0,0,0,0.4);
  padding: 5px 30px; line-height: 1.2; font-size: 14px; }
.families-receptes .block-familia a.bio h3 { background-color: rgba(9, 152, 68, 0.72); }  
.links-receptes div .titol{ display: inline-block; font-size: 20px; padding-bottom: 5px; color: #ac9864; border-bottom: 2px solid #ac9864; }
.links-receptes .col-xs-12 {margin-bottom: 35px;}
.links-receptes .store img{margin-top: 20px; max-width: 105px;}

.slider-custom.slider-receptes .flex-next,
.slider-custom.slider-nosaltres .flex-next,
.slider-categories .flex-next { right: -15px!important; }
.slider-custom.slider-receptes .flex-prev,
.slider-custom.slider-nosaltres .flex-prev,
.slider-categories .flex-prev { left: -15px!important; }
.fletxes-fora .flex-next { right: -35px!important; }
.fletxes-fora .flex-prev { left: -35px!important; }
.block-recepta{margin-bottom: 30px;}
.block-recepta .codi { color: #ac9865; border-bottom: 2px solid #ac9865; display: block; margin: 15px 0;
  text-align: center; padding-bottom: 5px; }
.block-recepta img{margin-bottom: 25px;}  
.block-recepta .nom{font-size: 16px; margin-top: 0; margin-bottom: 5px; text-align: center;}
.block-recepta .subtitol { margin-top: 10px; margin-bottom: 0; text-align: center; font-size: 12px;
  font-family: 'Gotham Light'; }
.block-recepta .play { position: absolute; bottom: 15px; right: 15px; width: 40px!important;
  margin-bottom: 0; }

.recepta-detall{ background-color: #383b4a; padding-top: 25px; padding-bottom: 25px; color: #fff;
  padding-left: 15px; padding-right: 15px; margin-top: 25px; margin-bottom: 40px; font-family: 'Gotham Light'; }
.recepta-detall h1{font-size: 24px; text-transform: uppercase; margin-top: 0; margin-bottom: 0; }
.recepta-detall .block{border: 2px solid #ac9865; margin-top: 25px; padding: 15px;}
.recepta-detall .block img{margin-right: 10px;}
.recepta-detall .block span{margin-right: 15px;}

.text-recepta{padding-right: 30px; padding-left: 30px; margin-bottom: 30px;}
.text-recepta h2 { font-size: 16px; color: #ac9865; text-transform: uppercase; margin-bottom: 5px; }
.text-recepta ul { list-style: none; margin: 0; padding: 0; -moz-column-count: 2; -moz-column-gap: 30px;
  -webkit-column-count: 2; -webkit-column-gap: 30px; column-count: 2; column-gap: 30px; }
.text-recepta li::before { content: "\002022"; color: #ac9865; }
/*.block-video button { background-color: rgba(255,255,255,0.76); position: absolute; width: 60px;
  height: 60px; border: none; border-radius: 50%; font-size: 32px; color: #393c4b; left: 0; right: 0;
  margin-left: auto; margin-right: auto; top: 50%; -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%); transform: translateY(-50%); }
.block-video button i { margin-left: 5px; }*/
.producte-recepta{margin-top: 25px; margin-bottom: 30px;}
.producte-recepta .nom { font-size: 20px; text-transform: uppercase; border-bottom: 2px solid #ac9865;
  margin-top: 0; margin-bottom: 25px; padding-bottom: 10px; display: inline-block; }
.producte-recepta .icon{margin-right: 10px;}
.producte-recepta .pais { color: #666666; top: -12px; position: relative; font-size: 16px; }
.producte-recepta .img-responsive{margin-bottom: 15px;}
/*.producte-recepta p{font-family: 'Gotham Light';}*/

@media (min-width: 768px){
  .families-receptes .block-familia a div span{ font-size: 16px; }
}
@media (max-width: 991px){
  .families-receptes .block-familia a{margin-bottom: 8px;}
}
@media (min-width: 992px){
  .families-receptes .text{height: 230px; background-image: url(../img/receptes-fons.png); background-size: cover; 
    background-position: center; background-repeat: no-repeat;}
}
@media (min-width: 1200px){
  .links-receptes .col-sm-6 { padding: 0 40px; }    
  .families-receptes .text{height: 280px;}
}

/*BUSCADOR*/
.error-buscador { text-align: center; font-size: 22px; margin-top: 25px; margin-bottom: 25px; }

/*LEGALS*/
.legal .titol{font-size: 24px; margin-top: 40px; margin-bottom: 25px;}
.legal .titol span{ border-bottom: 2px solid #ac9865; padding-bottom: 5px;}
.legal .text{ margin-bottom: 30px; }

/*PROFESIONALES DEL QUESO*/
.banner-consells{background-color: #8e9098; color: #fff; padding-top: 30px; padding-bottom: 15px; text-align: center; margin-bottom: 30px;}
.banner-consells strong{color: #383b4a;}

/*APRENDER E INNOVAR*/
.origen-fancy { width: 600px; -moz-box-shadow: 0px 0px 15px #808080; -webkit-box-shadow: 0px 0px 15px #808080; box-shadow: 0px 0px 15px #808080;
    border-radius: 50px; padding: 40px;}
.origen-fancy .titol { margin-bottom: 25px; font-size: 18px; border-bottom: 2px solid #ac9865; padding-bottom: 5px; display: inline-block;}
.origen-fancy img{ display: block; max-width: 100%; height: auto;}
.titol-aprende{ font-size: 22px; margin-bottom: 25px; border-bottom: 2px solid #ac9865; padding-bottom: 5px;
    display: inline-block;}
.subtitol-aprende { font-family: 'EB Garamond', serif; font-size: 22px; margin-top: 15px; margin-bottom: 30px; line-height: 1.42857143;
    text-align: center; font-style:italic; font-weight: 500;}
.aprende-block{margin-bottom: 30px; text-align: center;}
.aprende-block .img-block{position: relative;}
.aprende-block .img-block span {position: absolute; width: 100%; bottom: 20px; left: 0; background-color: rgba(0,0,0,.6); color: #fff;
    font-size: 18px; padding-top: 5px; padding-bottom: 5px;}
.aprende-block img{ margin-bottom: 15px; }
.aprende-block .text{margin-bottom: 15px;}
.block-utensilis{background-color: #383b4a; padding-bottom: 30px; margin-bottom: 60px;}
.block-utensilis img {margin-left: auto; margin-right: auto;}
.block-utensilis .block-text{background-color: #ac9865; margin-bottom: 10px; padding: 20px 15px;}
.block-utensilis .block-text p{margin-bottom: 0; font-size: 12px;}
.block-utensilis .row {padding-left: 15px; padding-right: 15px;}
.block-utensilis .col-sm-8 { padding-left: 0; padding-right: 0;}
.block-utensilis .row.ultim .block-text{margin-bottom: 0;}
.block-utensilis .col-md-3 { padding-right: 0; padding-left: 0; background-color: #fff;}
.block-utensilis .titol { font-size: 26px; color: #ac9865; padding-bottom: 5px; border-bottom: 2px solid #fff;
    margin-top: 20px; margin-bottom: 15px; display: inline-block;}
.tipus-tall-titol{font-size: 26px; color: #ac9865; padding-bottom: 5px; border-bottom: 2px solid #383b4a;
    margin-top: 20px; margin-bottom: 15px; display: inline-block;}    
.tipus-tall { background-color: #ac9865; color: #fff; display: inline-block; padding: 10px 20px;
    letter-spacing: 1.5px; font-size: 12px; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; font-family: 'Gotham Medium';
    border-radius: 13px; border: none; width: 100%; margin-top: 40px;}
.tipus-tall:hover, .tipus-tall:active, .tipus-tall:focus{color: #fff;}
.titol-slider-aprende {font-size: 26px; color: #383b4a; padding-bottom: 5px; border-bottom: 2px solid #ac9865; margin-top: 20px;
    margin-bottom: 15px; display: inline-block;}
.slider-saps .flex-direction-nav{z-index: 30}
.slider-saps .flex-direction-nav .flex-prev,
.slider-quiz .flex-direction-nav .flex-prev{left: -30px!important;}
.slider-saps .flex-direction-nav .flex-next,
.slider-quiz .flex-direction-nav .flex-next{right: -30px!important;}
.img-mensual { max-width: 70%;}
.mapa-img { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.block-any .any { background-color: #383b4a; color: #fff; text-align: center; margin-bottom: 15px; padding: 5px 15px;
    font-size: 16px; font-weight: 700;}
.block-any img{margin-bottom: 15px;}
.block-any .txt{font-size: 14px; margin-bottom: 15px;}
.block-any .ver-mas { color: #fff; text-align: center; padding: 5px 10px; background-color: #ac9863; border-radius: 8px; font-family: 'Gotham Medium'; 
  letter-spacing: 2.5px; font-size: 12px; text-transform: uppercase; display: inline-block; margin-bottom: 30px;}

@media (min-width: 768px){
  .block-utensilis .block-text{margin-left: 10px;}
}

.curiositat-titol{ font-family: 'EB Garamond', serif; font-style:italic; font-weight: 500; font-size: 40px;
  margin-top: 15px; margin-bottom: 30px; text-align: center;}
.curiositat-nom{ font-family: 'EB Garamond', serif; font-style:italic; font-weight: 500; font-size: 22px;
  margin-top: 15px; margin-bottom: 0; color: #ac9864; line-height: 1; text-align: center;}
.curiositat-subtitol{ font-family: 'EB Garamond', serif; font-style:italic; font-weight: 500; font-size: 22px;
  margin-bottom: 30px; line-height: 1; text-align: center;}
.curiositat-txt{margin-bottom: 30px;}
.curiositat-link{font-size: 12px; text-align: center; margin-bottom: 15px;}

#text-marques-block .curiositat-titol {font-size: 38px;}

/*QUIZ
.navbar-quiz{background-color: #383b4a; color: #fff; padding-top: 30px; padding-bottom: 30px;}
.navbar-quiz .nom{font-size: 58px; display: block; text-align: center;}
.navbar-quiz .titol{ font-family: 'EB Garamond', serif; font-size: 38px; text-align:center; margin-top: 15px; margin-bottom: 0;
  font-style:italic; font-weight: 500;}
.navbar-quiz .subtitol{font-size: 16px}
.quiz{background-color: #383b4a; color: #fff; margin-bottom: 50px;}
.slider-quiz{background-color: transparent;}
.slider-quiz label .checkmark{top: 5px;}
.slider-quiz .row .col-md-3 { padding-top: 30px; margin-bottom: 30px;}
.slider-quiz label .checkmark.disabled {background-color: #df0209!important; border-color: #df0209!important;}
.slider-quiz label .checkmark.correcte.disabled {background-color: #00aca6!important; border-color: #00aca6!important;}
.slider-quiz .pregunta { background-color: rgba(255,255,255,.8); color: #000; border-radius: 25px; padding: 15px; font-size: 18px; position: relative;}
.slider-quiz .pregunta .nom,
.slider-quiz .pregunta-nom{ font-size: 28px; margin-bottom: 10px; border-bottom: 2px solid #ac9865; padding-bottom: 5px; display: inline-block;}
.slider-quiz .pregunta-nom{color: #fff; margin-bottom: 15px; min-height: 95px;}
.slider-quiz .col-xs-6 .pregunta-nom {font-size: 16px;}
.slider-quiz .col-xs-6 .pregunta{font-size: 13px;}
.slider-quiz .col-xs-6.col-pregunta{padding-left: 15px; padding-right: 15px;}
.slider-quiz .pregunta::after { width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 50px solid #d7d8db;
    content: ''; position: absolute; bottom: -50px; right: 0; left: 0; margin-left: auto; margin-right: auto;}
.slider-quiz .pregunta .ico { position: absolute; top: -10px; right: -10px; width: 35px; z-index: 99;}
.slider-quiz .pregunta .ico img{display: none;}
.slider-quiz .resultat { margin-bottom: 15px; color: #fff; display: none; margin-top: 60px; z-index: 99; position: relative;}
.slider-quiz .resultat .titol{ font-size: 16px; margin-bottom: 10px; border-bottom: 2px solid #ac9865; padding-bottom: 5px; display: inline-block;}
.slider-quiz .link-home.quiz-validar,
.slider-quiz .link-home.quiz-jugar{margin-bottom: 30px;}
.slider-quiz .link-home.quiz-jugar{display: none;}
.slider-quiz .col-pregunta{padding-left: 30px; padding-right: 30px;}
.slider-quiz .col-pregunta.col-xs-6>.row{display: none;}
.slider-quiz .col-pregunta.col-xs-6 .pregunta::after {display: none;}
.slider-quiz .col-pregunta:nth-child(odd) {clear: both;}
.quiz-subtitol { font-family: 'EB Garamond', serif; font-style: italic; font-weight: 500; font-size: 22px; margin-top: 15px;
    margin-bottom: 15px; line-height: 1.1em;}

@media (min-width: 768px){
  .block-utensilis .col-sm-8 { padding-left: 15px; }
  .slider-quiz .pregunta{font-size: 14px;}
  .slider-quiz .pregunta .nom,
  .slider-quiz .pregunta-nom{ font-size: 16px;}
}

@media (min-width: 992px){
  .navbar-quiz .nom{text-align: left;}
  .slider-quiz label .checkmark{top: 0;}
  .slider-quiz .link-home { margin-top: 60px; position: absolute; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; z-index: 90;}
  .slider-quiz .row .col-md-3 { padding-top: 50px; margin-bottom: 60px;}
  .slider-quiz .col-md-3:nth-child(2) .pregunta::after,
  .slider-quiz .col-md-3:nth-child(4) .pregunta::after{right: auto; left: 45px;}
  .slider-quiz .pregunta::after { right: 45px; left: initial; margin-left: initial; margin-right: initial;}
  .slider-quiz .pregunta .ico {top: -25px; right: 0; width: 50px;}
  .slider-quiz .resultat { text-align: left; background-color: #fff; border-radius: 15px; margin-bottom: 15px; padding: 15px; color: #000; }
  .block-utensilis img { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);
    transform: translateY(-50%);}
  .block-utensilis .row {padding-right: 0} 
  .block-utensilis .col-sm-8 { padding-right: 15px; }   
}

@media (min-width: 1200px){
  .quiz-subtitol { display: inline-block; text-align: left;}
}*/

/*IMPORTANCIA DEL TERRITORI*/
.titol-importancia { font-family: 'EB Garamond', serif; font-style: italic; font-weight: 500; font-size: 65px; margin-bottom: 30px;
  line-height: 1em;}
.row-pais{margin-bottom: 30px;}
.img-pais{position: relative;}
.img-pais .block-1{width: 50%; float: left; position: relative;}
.img-pais .block-2 {width: 50%; float: right;}
.img-pais .nom { color: #fff; font-family: 'EB Garamond', serif; font-style: italic; font-weight: 500; font-size: 30px; position: absolute;
    bottom: 0;}
.img-pais.grecia .nom {top: 0;}
.row-pais:nth-child(even) .img-pais .block-1{ margin-left: auto;}
.row-pais:nth-child(odd) .img-pais .block-2 { right: 0;}
.row-pais:nth-child(even) .img-pais .block-2 { left: 0;}
.row-pais:nth-child(odd) .img-pais .nom{ left: 30px; }
.row-pais:nth-child(even) .img-pais .nom{ right: 30px; }
.row-pais:nth-child(even) .col-sm-7{ float: right;}

@media (min-width: 768px){
  .img-pais .block-1 { max-width: calc( 100% - 105px); width: auto; float: none;}
  .img-pais .block-2 {border: 5px solid #fff; position: absolute; top: 50%; right: 0; width: 170px; -webkit-transform: translateY(-50%);
      -o-transform: translateY(-50%); transform: translateY(-50%); float: none;}
  .img-pais .nom { font-size: 40px;}
}

@media (min-width: 992px){
  .img-pais .nom { font-size: 60px;}
}

/*PRINCIPALES DOP EUROPA*/
.link-pais{ background-color: #000; color: #fff!important; font-size: 16px; display: inline-block; padding: 10px 15px; text-transform: uppercase;
    font-family: 'Gotham Medium'; border-radius: 13px; border: none; margin-bottom: 5px;}
.link-pais.collapsed{ background-color: #ac9865;}
.pais-nom{font-family: 'EB Garamond', serif; font-style: italic; font-weight: 500; font-size: 60px; color: #ac9865;}
.panel-pais { border: none; box-shadow: none;}
.panel-pais .txt { background-color: #e1e2e2; padding: 30px; order: 3;}
.panel-pais .txt a:hover{opacity: 1; color: #ac9865;}
.panel-pais .bg{background-color: #f7f4f0;}

.panel-pais .valors { margin-top: 30px; margin-left: 30px; margin-bottom: 30px; display: flex;}
.panel-pais .valors .valor-block { margin-right: 10px; padding-right: 10px;}
.panel-pais .valors .valor-block:nth-child(odd) { border-right: 3px solid #000;}
.panel-pais .valors .valor-block:nth-child(3) { text-align: right;}
.panel-pais .valors .valor { font-size: 20px; font-family: 'Gotham Medium';}
.panel-pais .valors .valor-txt { font-size: 12px; line-height: 12px;}

.panel-pais .txt ol { padding-inline-start: 0; list-style: none;}
.panel-pais .txt ul { padding-inline-start: 25px; list-style: none; margin-bottom: 15px;}
.panel-pais .txt ol { counter-reset: orderedlist;}
.panel-pais .txt ol>li::before { counter-increment: orderedlist; content: counter(orderedlist); border-radius: 50%;
    border: 2px solid #000; width: 20px; height: 20px; line-height: 16px; display: inline-block; text-align: center;
    font-family: 'Gotham Medium'; margin-right: 5px; font-size: 10px;}
.panel-pais .txt ol>li+li { margin-top: 15px;}

@media (min-width: 768px){
  .panel-pais .txt { order: 0; }
}

/*FOOTER*/
footer{background-color: #383b4a; color: #fff; font-family: 'Gotham Light'; padding-top: 30px; padding-bottom: 30px; font-size: 12px;
  line-height: 1.8;}
footer img { width: 160px; }
footer .social{color: #fff; font-size: 28px; margin: 0 15px;}
.capa-cookies { position: fixed; bottom: 0; width: 100%; z-index: 99999;
  background-color: #fff; padding-top: 15px; box-shadow: 0px 0px 15px 0px rgba(22, 21, 12, 0.23); }
button.cookies-ok { float: right; display: inline-block; padding-left: 15px; padding-right: 15px;
  background-color: #393b4a; color: #ffffff; font-weight: 400!important; text-align: center;
  line-height: 40px; border-radius: 5px; border: none;}

.ui-autocomplete {
    z-index: 99999;
}

.lupa-color {
    height: 32px;
    width: 32px;
    top: 8px;
    position: relative;
    margin-top: 20px;    
    margin-bottom: 40px;
    display: inline-block;
    background-image: url(../img/lupa-2.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

input.curt {
  width: 140px;
}

 /* Customize the label (the container) */
/*.contenidor-no-float label.contenidor{
  float: none;  
}*/

label.contenidor {
  display: block;
  width: calc(100% - 60px);
  position: relative;
  padding-left: 20px;
  padding-right: 0;  
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: normal;
  float: right;
  margin-bottom: 4px;
}

label.contenidor.c-clear {
  clear: both;
  margin-left: 60px;
}

label.contenidor.c-clear2 {
  clear: both;
  margin-left: 40px;
}

/* Hide the browser's default checkbox */
label.contenidor input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 13px;
  width: 13px;
  background-color: #fff;
  border: 1px solid #ac9865;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
label.contenidor:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
label.contenidor input:checked ~ .checkmark {
  background-color: #ac9865;
}

/* Create the checkmark/indicator (hidden when not checked) */
label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
label.contenidor input:checked ~ .checkmark:after {
  display: block;
}

.mauto {
  margin:0 auto;
}

.categiria-nom {
  text-align: center;
  width: calc(100% - 30px);
  background-color: rgba(1,0,0, 0.4);
  text-transform: uppercase;
  font-size: 22px;
  color:#FFFFFF;
  font-weight: 100;
  letter-spacing: 0.15em;
  position: absolute;
  bottom: 0px;
}   

.categiria-text {
  font-size: 22px;
  margin-top: 50px;
}
.categiria-text p{
  margin-bottom: 0;
}


.subtitle-receptes {    
  text-align: center;
}

.subtitle-receptes h3 {
  font-size: 24px;
  margin-bottom: 50px;

}

.parecategiria-nom {
  min-height: 90px;
  margin-bottom: 50px;
}



@media (min-width: 768px){
  .categiria-nom { font-size: 52px; }
}

.punto {
  position: absolute;
  display: none;
  text-transform: uppercase;
  cursor: pointer;
  font-family: 'Gotham Medium';
  font-weight: 500;
  font-size: 10px;
}
.punto:hover{text-decoration: underline;}

.punto.in{color: #ac9865;}

/**** COOKIES */

/**** COOKIES */
.capaCookies { z-index: 99999;
  background-color: #fff; padding-top: 15px; padding-bottom: 15px;
  box-shadow: 0px 0px 15px 0px rgba(22, 21, 12, 0.23); }
button.cookies-ok, button.cookies-config, button.cookies-ko,button.cookies-accept { float: right; display: inline-block; padding-left: 8px; padding-right: 8px;
  background-color: #999; color: #ffffff; text-align: center;
  line-height: 35px; border-radius: 5px; border: none; margin-left: 10px}

.div-list-cookies table, .table-titol-cookies { font-size: 12px}

.input-switch { margin-top: 8px}
.input-switch > input[type="checkbox"] {
  display: none;   
}

.input-switch > label {
  cursor: pointer;
  height: 0px;
  position: relative; 
  width: 25px;  
}

.input-switch > label::before {
  background: rgb(0, 0, 0);
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
  border-radius: 15px;
  content: '';
  height: 20px;
  margin-top: -8px;
  position:absolute;
  opacity: 0.3;
  transition: all 0.4s ease-in-out;
  width: 40px;
}
.input-switch > label::after {
  background: rgb(255, 255, 255);
  border-radius: 16px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  content: '';
  height: 17px;
  left: 0px;
  margin-top: -3.5px;
  position: absolute;
  top: -3.5px;
  transition: all 0.3s ease-in-out;
  width: 17px;
}
.input-switch > input[type="checkbox"]:checked + label::before {
  background: inherit;
  opacity: 0.5;
}
.input-switch > input[type="checkbox"]:checked + label::after {
  background: inherit;
  left: 20px;
}
.textCookies{font-size: 14px;}
.titol-cookies { font-size: 18px; cursor: pointer; display: block; line-height: 3rem}
.text-cookies { padding: 1rem 0; font-size: 20px; border-bottom: 2px solid #dedede}
.paddingTop{padding-top: 15px;}
button.cookies-ok{background-color: #999;}

@media (max-width: 992px){
  button.cookies-ok, button.cookies-accept, button.cookies-ko,button.cookies-config {font-size: 14px; margin-bottom: 5px;}
  /*#izquierda{float: left!important;}*/
}
/*.desinvisble{display: block;}*/
.invisible{display: none;}
.desinvisble{display: none;}

@media(min-width: 600px){
    .desinvisble{display: none;}
    .invisible{display: block;}
    
}
@media(max-width:768px){
  button.cookies-ok, button.cookies-accept, button.cookies-ko,button.cookies-config {width: 100%;}
  .titol-cookies{padding-left: 10px;}
}
.textCookies1{font-size: 12px;}
.marginButton{margin-top: 3%;margin-left: auto;}
/*.mt-10{margin-top: 15px;} */ 
.capaCookies button{margin-top: 10px;}
tr.text{width: 100%; border: none!important;}
tr.text td{width: 100%; border: none!important;}
.marginsTop{margin-bottom: 10px;}
table.table>tbody>tr>td, .table>tbody>tr>th{
  padding-left: 0px;
}
button.cookies-ok,button.cookies-ko,button.cookies-accept,button.cookies-config{border-radius: 0px!important;}
.label-info {
  background-color: #ac9865 !important;
}
  /**** FI COOKIES */
  @media(min-width:1200px) {
    .columns-custom .custom-xl-5 {width:20%!important}
    .cataleg .cataleg-text { height: 155px!important; }
    .height-xl-nom {height:75px!important}
  }
  /* quan en la home volen columna de 5 */
  /* .padding-block-catalegs .col-xs-3 {width:20%!important} */
  @media(max-width:1199px){
    .d-cataleg{display:none;}
  }
  .d-catalegs{display: none;}
  @media(max-width:1199px){
    .d-catalegs{display:flex!important;}
  }