body { color: #000; font-family: Arial, sans-serif; background-color: #f1f1f1; font-size: .88rem}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.form-control:focus { border-color: inherit!important; box-shadow: none; outline: 0 none; }
a { color: inherit;}
a:hover { text-decoration: none; opacity: 0.7; color: inherit;}
:focus { outline: none; }
.btn.focus, .btn:hover, .btn:focus { text-decoration: none; box-shadow: none; }
.custom-checkbox .custom-control-label::before { border-radius: 0; }
.custom-control-label::before { border: 1px solid #4a4a4a; background-color: transparent; }
.custom-checkbox .custom-control-input:checked~.custom-control-label::before { background-color: #4a4a4a;}
.custom-control-input:active~.custom-control-label::before { color: #fff; background-color: #4a4a4a;}
.custom-control-input:checked~.custom-control-label::before { color: #fff; background-color: #4a4a4a;}

/*MARGINS*/
.margin-top-5{margin-top: 5px;}
.margin-bottom-0{margin-bottom: 0;}
.margin-bottom-15{margin-bottom: 15px;}
.margin-bottom-20{margin-bottom: 20px;}
.margin-bottom-30{margin-bottom: 30px;}
.margin-bottom-35{margin-bottom: 35px;}
.margin-bottom-40{margin-bottom: 40px;}
.margin-bottom-50{margin-bottom: 50px;}
.margin-bottom-60{margin-bottom: 60px;}
.margin-bottom-75{margin-bottom: 75px;}
.margin-bottom-100{margin-bottom: 100px;}
.margin-bottom-120{margin-bottom: 120px;}
.margin-bottom-130{margin-bottom: 130px;}
.margin-bottom-150{margin-bottom: 150px;}

/*TOP*/
.navbar-light { background-color: #f1f1f1!important; min-height: 80px; text-transform: uppercase;}
.navbar-light .block-top {width: 100%; text-align: right; float: right;}
.navbar-light .navbar-brand { max-width: calc(100% - 90px);}
.navbar-light .descarga-link { margin-top: 10px; display: inline-block;}
.navbar-light .buscar-top { position: relative; width: 210px; float: right; margin-left: 15px;}
.navbar-light .buscar-top i { position: absolute; top: 10px; right: 10px; font-size: 1rem;}
.navbar-light .buscar-top #buscar { background-color: #dcdbd8; color: #626262; border: none; padding: 10px 15px; font-size: .75rem; width: 100%;}
.navbar-2{background-color: #f1f1f1;}
.navbar-2 .nav-link {text-transform: uppercase; border-top: 1px solid #939395; padding-top: 13px; padding-bottom: 10px;}
.navbar-2 .nav-link.actiu, .navbar-2 .nav-link:hover {border-top: 3px solid #000000; padding-top: 10px;}
.navbar-2 .navbar-toggler { margin-left: auto; margin-right: auto;}
.navbar-2 .linia{border-bottom: 2px solid #949395; margin-top: 15px; margin-bottom: 30px;}

@media (min-width: 992px) {
    .navbar-brand img { max-width: 340px;}
}

@media (min-width: 1200px) {
    .navbar-expand-xl .navbar-collapse {flex-wrap: wrap;}
    .navbar-2 .desplegable{display: -ms-flexbox!important; display: flex!important; margin-left: -10px; margin-right: -10px;}
    .navbar-2 .nav-item {padding-left: 10px; padding-right: 10px; -ms-flex: 1 1 auto!important; flex: 1 1 auto!important;}
}

.submit-buscar-top { cursor: pointer; }

/*SLIDER FIXES*/
.slick-slider .slick-slide img { margin-left: auto; margin-right: auto;}
.slick-slider{margin-bottom: 30px;}
.slick-next, .slick-prev { height: 40px; width: 40px; background-color: #fff!important; border: 1px solid #000;}
.slick-slider .titol{font-weight: bold; font-size: 1.5rem; padding-right: 55px; margin-top: 30px;}

@media (min-width: 992px){
    .slick-slider .container { position: absolute; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; }
    .slick-slider .titol{margin-top: 0;}
}

@media (min-width: 1200px){
    .slick-slider .titol{font-size: 2rem;}
}

/*HOME*/
.titol-home{font-size: 1rem; margin-bottom: 15px; text-transform: uppercase;}
#slider-desktop, #slider-mobile { background-color: #fff;}
#slider-mobile .slick-arrow {display: none!important;}
.producte-home{border: 2px solid #000; padding: 15px; margin-bottom: 15px; position: relative; display: block; background-color: #fff;}
.producte-home .nom{font-size: 1rem; font-weight: bold; margin-bottom: 15px;}
.producte-home .mes-info{background-color: #000; color: #fff; padding: 5px 15px; position: absolute; bottom: 0; right: 0;}
.banner-1{border: 1px solid #979698; margin-bottom: 30px;}
.banner-1 .fons-gris{background-color: #dadad7; padding: 10px 30px;}
.banner-1 .fons-gris img{margin-right: 20px; margin-bottom: 15px;}
.banner-1 .fons-gris .titol { font-size: 1.63rem; font-weight: bold; line-height: 1.1em;}
.banner-1 .fons-gris .txt { font-size: 1.19rem;}
.banner-1 .fons-negre{background-color: #000000; padding: 15px 20px;}
.banner-1 .fons-negre img{width: 140px; float: right; margin-left: 15px;}
.banner-1 .fons-negre a{display: block;}
.banner-1-petit{border: 1px solid #979698; margin-bottom: 30px;}
.banner-1-petit .fons-gris{background-color: #dadad7; padding: 15px;}
.banner-1-petit .fons-gris img{margin-right: 20px; margin-bottom: 15px; float: left; }
.banner-1-petit .fons-gris .block-txt{ float: left; }
.banner-1-petit .fons-gris .titol { font-size: 1.5rem; font-weight: bold; line-height: 1.1em;}
.banner-1-petit .fons-gris .txt { font-size: .65rem;}
.banner-1-petit .fons-negre{background-color: #000000; padding: 15px 20px; text-align: center;}
.banner-1-petit .fons-negre img{width: 140px;}
.banner-1-petit .fons-negre a{display: block;}
.banner-2 {height: 160px; background-image: url(../img/banner-2.png); background-position: center; background-repeat: no-repeat;
	background-size: cover; padding: 15px 20px; margin-bottom: 30px; display: block;}
.banner-2 .titol { font-size: 2.13rem; width: 180px; color: #fff; line-height: 1.2; margin-bottom: 10px;}

@media (min-width: 992px){
	.banner-1 .fons-gris img{margin-bottom: 0;}
	.banner-1 .fons-negre{height: 80px;}
}

@media (min-width: 1200px){
    .banner-1-petit .fons-gris .block-txt{ width: calc(100% - 79px);}
}

/*PRODUCTE*/
.fons-blanc { padding: 15px; background-color: #fff;}
.fons-blanc.linia{border-top: 3px solid #000;}
.producte-block { display: block; background-color: #ffff; padding: 15px 15px 20px 15px; height: 100%; border-bottom: 1px solid #939395;
    margin-bottom: 10px;}
.producte-block .titol{ font-size: 1.13rem; font-weight: bolder; line-height: 1; margin-bottom: 15px; }
.producte-block .nom{font-weight: bold; margin-bottom: 10px; font-size: 1rem;}
.producte-block .referencia {font-weight: bold; font-size: 1.13rem; margin-bottom: 15px;}
.categories-list{margin-bottom: 30px; background-color: #fff; padding: 15px; line-height: 2; font-size: .81rem;}
.categories-list a{display:block; margin-bottom: 5px;}
.categories-list a.active{font-weight: bolder;}
.categories-list a i { float: left; width: 15px; margin-top: 5px;}
.categories-list a span{ float: left; width: calc(100% - 35px);}
.categories-list .sub {padding-left: 15px;}
.producte-detall { margin-bottom: 30px; /*border-top: 2px solid #121212;*/}
.producte-detall .titol { font-size: 1.5rem; font-weight: bolder; margin-bottom: 20px;}
.producte-detall .referencia { font-size: 1.88rem; font-weight: bolder; margin-bottom: 15px;}
.document{ border: 1px solid #dadada; padding: 5px; font-size: .75rem; margin-bottom: 5px; display: inline-block; margin-top: 20px;}

/*SECCIO*/
.titol-seccio { background-color: #dadada; padding: 10px; border-top: 3px solid #000; font-weight: bold;
	text-transform: uppercase; font-size: 1rem;}
.txt-seccio{margin-bottom: 30px; border-bottom: 1px solid #939395; padding-bottom: 15px;}

/*EMPRESA*/
.empresa-block{background-position: center; background-repeat: no-repeat; background-size: cover; display: block; margin-bottom: 30px;
	position: relative;}
.empresa-block-1{background-image: url("../img/banner-1.jpg");height: 230px;}
.empresa-block-2{background-image: url("../img/banner-2.jpg");height: 230px;}
.empresa-block-3{background-image: url("../img/banner-3.jpg");height: 230px;}
.empresa-block-4{background-image: url("../img/banner-4.jpg");height: 360px;}
.empresa-block-5{background-image: url("../img/banner-5.jpg");height: 360px;}
.empresa-block .txt { display: none; color: #FFF; padding: 15px; position: absolute; bottom: 0; left: 0; background-color: #000;
    width: 100%; }
.empresa-block:hover .txt{display: block;}

/*NOTICIA*/
.noticia-block{margin-bottom: 30px;}
.noticia-block .nom {font-size: 1rem; font-weight: bold; text-transform: uppercase; display: block; border-bottom: 1px solid #939395;
    padding-bottom: 10px; margin-bottom: 15px;}
.noticia-block .subtitol { font-size: 1em; font-weight: bold; margin-bottom: 15px;}
.noticia-block img{margin-bottom: 30px;}
.noticia-block .linia{ margin-top:30px; border-bottom: 1px solid #919194; }

/*CONTACTAR*/
.grecaptcha-badge { display: none!important;}
.mapa { margin-bottom: 30px; height: 350px;}
.mapa iframe{width: 100%; height: 100%}
.formulari .form-control { margin-bottom: 15px; border-radius: 0; padding: 13px .75rem;}
.formulari textarea { height: 170px;}
.formulari-footer textarea { height: 177px;}
.formulari input[type="submit"] { margin-bottom: 30px; border: none; background-color: #000000; color: #fff; padding: 10px 20px;
    text-transform: uppercase; font-weight: 700; cursor: pointer;}
.custom-select.is-invalid, .control.is-invalid, .was-validated .custom-select:invalid,
.was-validated .control:invalid { border-color: #dc3545!important;}
.custom-select.is-valid, .control.is-valid, .was-validated .custom-select:valid,
.was-validated .control:valid, .custom-select.is-valid:focus, .control.is-valid:focus,
.was-validated .custom-select:valid:focus, .was-validated .control:valid:focus { border-color: #fff;}
.ok, .ko { padding: 15px; margin-bottom: 20px; text-align: center; font-weight: 900; font-size: 1.2rem; text-transform: uppercase;color: #000;}
.ok { background-color: #dff0d8; }
.ko { background-color: #f2dede; }
.grecaptcha-badge { display: none!important;}
.custom-checkbox .custom-control-label::before { border-radius: 0; box-shadow: none!important;}
.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:checked~.custom-control-label::before { background-color: #000000;}
.pais-block { margin-bottom: 30px; border-top: 3px solid #2e2d30; padding-top: 10px;}
.pais-block .nom{font-weight: bold; margin-bottom: 5px;}

/*INNOVACIO*/
.innovacio { padding-bottom: 10px;}
.innovacio .linia{ border-top: 1px solid #979797; margin-bottom: 10px;}

/*DESCARREGUES*/
.descarrega-block { padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #000;}
.descarrega-block .link{ display: inline-block; padding: 5px 15px; float: right; background-color: #dadad7; font-weight: bold; text-align: center;}
.descarrega-block .document{ border: none; margin-bottom: 0;}

/*BUSCADOR*/
.buscador-txt{padding-top: 50px; padding-bottom: 50px; text-align: center; font-weight: bolder;}

/*FOOTER*/
footer {padding-top: 15px; color: #fff;}
footer .block{background-color: #2b2b2b; padding: 30px 15px;}
footer .social{display: inline-block; margin-right: 5px;}



/**** 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; font-weight: bold; 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{text-transform: uppercase; background-color: #000000;}

  @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;cursor:pointer;}
  .label-info {
    background-color: #000000 !important;
  }
  .mt-10 {margin-top:10px;}
    /**** FI COOKIES */