/* 900 Black */
@font-face { font-family: 'HelveticaNeue'; src: url('../fonts/HelveticaNeueBlack.woff2') format('woff2'), url('../fonts/HelveticaNeueBlack.woff') format('woff'), url('../fonts/HelveticaNeueBlack.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; }
/* 800 Heavy */
@font-face { font-family: 'HelveticaNeue'; src: url('../fonts/HelveticaNeueHeavy.woff') format('woff'), url('../fonts/HelveticaNeueHeavy.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; }
/* 700 Bold */
@font-face { font-family: 'HelveticaNeue'; src: url('../fonts/HelveticaNeueBold.woff') format('woff'), url('../fonts/HelveticaNeueBold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: block; }
/* 500 Medium */
@font-face { font-family: 'HelveticaNeue'; src: url('../fonts/HelveticaNeueMedium.woff2') format('woff2'), url('../fonts/HelveticaNeueMedium.woff') format('woff'), url('../fonts/HelveticaNeueMedium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: block; }
/* 400 Regular (Roman) */
@font-face { font-family: 'HelveticaNeue'; src: url('../fonts/HelveticaNeueRoman.woff2') format('woff2'), url('../fonts/HelveticaNeueRoman.woff') format('woff'), url('../fonts/HelveticaNeueRoman.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: block; }
/* 300 Light */
@font-face { font-family: 'HelveticaNeue'; src: url('../fonts/HelveticaNeueLight.woff2') format('woff2'), url('../fonts/HelveticaNeueLight.woff') format('woff'), url('../fonts/HelveticaNeueLight.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }
/* 200 UltraLight */
@font-face { font-family: 'HelveticaNeue'; src: url('../fonts/HelveticaNeueUltraLight.woff') format('woff'), url('../fonts/HelveticaNeueUltraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; }
/* 100 Thin */
@font-face { font-family: 'HelveticaNeue'; src: url('../fonts/HelveticaNeueThin.woff') format('woff'), url('../fonts/HelveticaNeueThin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; }

:root{ --c-primary: #45b7d0; --c-secondary: #f7f4e5}
html { font-size: 14px; scroll-behavior: smooth;}
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.125rem; line-height: 1.5; background-color: #fbfbfb; color: #19110b; /* letter-spacing: 0.063rem; */ font-family: 'HelveticaNeue', sans-serif;}
button, select, input { outline: 0!important; box-shadow: none;}
a { color: inherit;}
a:hover { text-decoration: none; color: inherit;}
:focus { outline: none; }
.btn.focus, .btn:hover, .btn:focus { text-decoration: none; box-shadow: none; }
.dropdown-menu { right: 0!important; left: auto!important; padding: 0 0 0 0; border-radius: 0;
    border: none; margin-top: 0; background-color: #fff; border: 1px solid #5b5b5b}
.dropdown-item.active, .dropdown-item:active { background-color: #343a40;}
.form-control.is-invalid, 
.was-validated .form-control:invalid,
.form-control.is-valid,
.was-validated .form-control:valid {-webkit-appearance: none; -moz-appearance: none; appearance: none;}

@media (min-width: 576px){
	html { font-size: 16px;}
}

@media (min-width: 992px){
	.dropdown:hover .dropdown-menu{display: block;}
}

.f-size-1 { font-size: 1rem !important}
.c-pointer { cursor: pointer}

h1,h2,h3,h4,h5,h6{ font-weight: inherit; }
.bg-primary{background-color: var(--c-primary)!important; color: #fff!important;}
.bg-secondary{background-color: var(--c-secondary)!important;}

.underline{text-decoration: underline; text-underline-offset: 3px;}

/* --------------------- CUSTOM BOOTSTRAP -------------------- */
@media (min-width: 1480px){
	.container, .container-sm, .container-md, .container-lg, .container-xl{ max-width: 1400px; }
	.col-xxl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
	.col-xxl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
	.col-xxl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
	.col-xxl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
	.col-xxl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
	.col-xxl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	.col-xxl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
	.col-xxl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
	.col-xxl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
	.col-xxl-10{ -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
	.col-xxl-11{ -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
	.col-xxl-12{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.d-xxl-none { display: none!important; }
	.d-xxl-inline-block { display: inline-block!important; }
	.d-xxl-block { display: block!important; }
	.d-xxl-flex { display: -ms-flexbox!important; display: flex!important; }
	.flex-xxl-row { -ms-flex-direction: row!important; flex-direction: row!important; }
	.flex-xxl-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important; }
	.mt-xxl-0 { margin-top: 0!important; }
}
.container-fluid{ max-width: 1920px; }
.fs-24 {font-size: 1.5rem;}


/* -------------------------- MARGINS ------------------------ */
.margin-bottom-5{margin-bottom: 5px;}
.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-50{margin-bottom: 50px;}
.margin-bottom-55{margin-bottom: 55px;}
.margin-bottom-60{margin-bottom: 60px;}

/* -------------------------- PADDINGS ------------------------ */
.padding-left-20{padding-left: 20px;}

/* -------------------------- WHATSAPP ------------------------ */
#contactarNav { position: absolute; right: 30px;  bottom: 5vh; }
#contactarNav a:hover { opacity:1!important;}
#contactarNav .ico-left { margin-right: 15px;}
#contactarNav .ico-left-txt { width: auto;}

/* -------------------------- DISPLAYS ------------------------ */
@media (min-width: 768px){
	.d-md-table-header-group {display: table-header-group!important;}
}

/* -------------------------- TEXTOS ------------------------ */
.eslogan{font-weight: 400; font-size: 1.5rem; margin-bottom: 0;}
.txt-curt{font-weight: 400; font-size: 1.5rem; margin-bottom: 0;}
.header-sector{font-size: 2.375rem; font-weight: 500;}
.txtcurt-sector{font-size: 1.5rem;}

@media (max-width: 767px){
	.eslogan{font-size: 1.5rem;}
	.header-sector{font-size: 1.75rem;}
	.txtcurt-sector{font-size: 1.125rem;}
}

/* -------------------------- NAVBAR ------------------------ */
.navbar { background-color: #fbfbfb; box-shadow: 0 2px 4px rgba(0,0,0,0.1); border-bottom: 1px solid #ffffff}
.navbar .navbar-toggler{border:none;background:transparent;outline:none;cursor:pointer;z-index:8000;position:relative;}
.navbar .navbar-toggler .bar{display:block;width:25px;height:3px;background:#19110b;margin:5px auto;transition:all 0.3s ease;}
.navbar .navbar-toggler.active .bar:nth-child(1){transform:translateY(4px) rotate(45deg);}
.navbar .navbar-toggler.active .bar:nth-child(2){transform:translateY(-4px) rotate(-45deg);}

.navbar-nav.flex-row .nav-item { margin-right: 15px; }
.nav-link{font-weight: 700;}
.idis{font-size: .75rem;}
.tel{font-size: .9375rem; font-weight: 500;}

.idi-res a{font-size: 13px;}

@media (min-width: 992px){
	.navbar-nav.flex-row .nav-item { margin-right: 0; }
    .fixed-top-md { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }
    .margin-navbar{margin-top: 139px;}
}

.navbar .navbar-nav .nav-item{position:relative;}
.navbar .navbar-nav .nav-item.active::after{content:"";position:absolute;bottom:-4px;width:34px;height:8px;border-radius:100px;background-color:var(--c-primary);transform:translateX(20%);}
.navbar .navbar-nav .nav-item.contactar.active::after{display:none;}

@media (max-width:991px){
.navbar .navbar-nav .nav-item.active::after{left:0;bottom:0;width:30px;height:4px;transform:none;}
}

.mask_user {
	width: 100%;
	height: 25px;
	background-color: purple;
	position: fixed;
	top: 49px;
	z-index: 1000000;
}

@media(min-width: 768px){
	.navbar-brand svg { min-width: 200px;}
}
@media (max-width: 992px){
	.contactar .link.primary{background-color: transparent;color: #19110b}
	.contactar .link {color: #19110b; padding: 0; font-weight: 600; font-size: 1.125rem; padding: 7px 0;}
}
@media (max-width: 768px){
	.navbar-brand img { max-width: 100px;}
	.navbar-brand svg { width: 167px;}
}

.wrap-balance{text-wrap: balance;}

/* -------------------------- SLIDER FIXES ------------------------ */
.carousel-inici { position: relative; width: 100%; height: 100vh;}
.slider-inici .item { overflow: hidden;}
.carousel-inner video { display: block; position: absolute; top: 50%; left: 50%; min-width: 100%;
  min-height: 100%; width: auto; height: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.carousel-inner iframe { position: relative; pointer-events: none;}
.slider-inici .container-iframe { background: #eee; height: 100%; overflow: hidden; padding: 0; position: relative;}
.slider-inici .container-iframe iframe { box-sizing: border-box; height: 56.25vw; left: 50%; min-height: 100%;
    min-width: 100%; transform: translate(-50%, -50%); position: absolute; top: 50%; width: 177.77777778vh;}
.carousel-inner .slide-image { height: 100%; background-size: cover; background-position: center;}
.carousel-item::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(2 139 189 / 48%); z-index: 1; pointer-events: none;}
.carousel-item .container, .carousel-item .container-fluid{ position: absolute!important; top: 50%!important; left: 0!important; right: 0!important; margin-left: auto!important;
    margin-right: auto!important; -webkit-transform: translateY(-50%)!important; -o-transform: translateY(-50%)!important; transform: translateY(-50%)!important; z-index: 2; }
.slider-inici .row {height: inherit;}
.carousel-item .block{padding: 15px;  margin-bottom: 15px;}
.carousel-item .nom { color: #fff; font-size: .9375rem; text-transform: uppercase; font-weight: 500; margin-bottom: 30px!important;}
.carousel-item .txt { color: #fff; font-size: 3.125rem; line-height: 1.2; font-weight: 500; margin-bottom: 30px;}
#slider-inici-mobile+.slick-arrows{display: block;}
#slider-inici-pc+.slick-arrows{display: none;}
.img-block{display:block; height: 0; padding-bottom: 100%; position: relative; margin-bottom: 15px; text-align: center; color: #9a9da0;}
.img-block img, .img-block i{position: absolute; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); 
	transform: translateY(-50%); max-height: 100%; left: 0; right: 0; margin-left: auto; margin-right: auto; font-size: 150px; border-radius: 5px;}
.button-slider{height: auto; width: auto; color: #fff; background-color: transparent; display: flex; align-items:center; justify-content: center; border: 0; padding: 10px;  }
.button-slider i{font-size: 2.5rem; line-height: 1; color: #fff; opacity: 1;}
.controls-slider{display: flex; justify-content: space-between; position:absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 100%; padding: 0 60px; color: #fff; z-index: 50;}

@media (max-width: 767px){
	.button-slider i{font-size: 1.75rem;}
	.controls-slider{padding: 0 20px;}
}

@media (min-width: 576px){
	.carousel-item .block{margin-bottom: 0!important;}
	.carousel-item .txt { margin-bottom: 60px;}
	.img-block img, .img-block i{font-size: 60px;}
}

@media (max-width: 1200px){
	.carousel-item .txt{font-size: 2.5rem;}
}
@media (max-width: 992px){
	.carousel-item .txt{font-size: 2rem;}
}

@media (max-width: 575px){
	.carousel-item .txt{font-size: 1.625rem;}
}

@media (min-width: 768px){
	#slider-inici-mobile+.slick-arrows{display: none;}
	#slider-inici-pc+.slick-arrows{display: block;}
}

/* -------------------------- Dots ------------------------ */
.carousel-inici .carousel-indicators{margin-bottom: 30px;}
.carousel-inici .carousel-indicators li {width: 8px; height: 8px; border-radius: 50%; background-color: transparent; border: 2px solid #fff; margin: 0 8px;opacity: 1;}
.carousel-inici .carousel-indicators .active {background-color: #fff; border: none; width: 12px; height: 12px;}
.carousel-producte .carousel-indicators .active {background-color: #b8dde8;}
.carousel-producte .carousel-indicators li{width: 100%; opacity: 1; height: 10px; border-radius: 10px; border: none; background-color: #c4cdd1;}

/* -------------------------- SLIDER FIXES ------------------------ */
.slick-slider{ backface-visibility: hidden; -webkit-backface-visibility: hidden;}
.slick-slider .container, .slick-slider .container-fluid { position: absolute; top: 50%; left: 0; right: 0; margin-left: auto;
    margin-right: auto; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.slick-list, .slick-track, .slick-slide{ height: inherit!important;}
.slick-arrow { color: #fff!important;  background-color: #343a40!important; width: 40px; height: 35px;}
.slick-prev{left: 15px;}
.slick-next {right: 15px;}
.slick-prev:before {content: "\f053";}
.slick-next:before {content: "\f054";}
.slick-next:before, .slick-prev:before { font-family: "Font Awesome 5 Free"; font-weight: 900;}
.slick-slider .slick-slide { position: relative; }
.slick-dots li:only-child { display: none;}
.slick-dots li button:before { font-family: 'Font Awesome 5 Free'; content: '\f111'; font-weight: 600;}
.slick-dots li.slick-active button:before { opacity: 1; font-weight: 400;}

/* -------------------------- BLOCHOME ------------------------ */
.titol-home{font-size: 2.25rem; font-weight: 500; line-height: 1.2; margin-bottom: 0;}
.text-home{font-size: 1.5rem;}
.text2-home{font-size: 1.125rem;}
.text2-home p:last-child{margin-bottom: 0;}
.titularpetit{font-size: .875rem;}
.valors-home{display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:3rem;}
.valor-home{border-left:1px solid #000000; padding-left:1.25rem; padding-right:1.25rem; margin-bottom:1.5rem;}
.valor-home .valor{font-size:3.125rem; font-weight:600; color:#212529; line-height:1;}
.valor-home .valortext{font-size:1rem; font-weight:500; text-transform:uppercase; margin-top:10px;}

@media (max-width:991px){
	.valors-home{grid-template-columns:repeat(2,1fr);}
}

@media (max-width:575px){
	.valors-home{grid-template-columns:repeat(2,minmax(0,1fr));}
	.valor-home{padding-left:10px; padding-right:10px;}
	.valor-home .valor{font-size:60px!important; font-size:min(60px,16vw);}
}

.img-slide{border-radius: 8px;}
.img-web{border-radius: 18px;}

.bloc-home-3 .slider-bloc3-wrapper{ min-height: 570px; overflow: hidden;}
.bloc-home-3 .slider-bloc3{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%;}
.bloc-home-3 .slider-bloc3 .slick-list{ height: 100%;}
.bloc-home-3 .slider-bloc3 .slick-track{ display: flex; height: 100%;}
.bloc-home-3 .slider-bloc3 .slick-slide{ height: 100%;}
.bloc-home-3 .slider-bloc3 .slick-slide > div{ height: 100%;}
.bloc-home-3 .slide-bloc3{ height: 100%; margin: 0 1.5px;}
.bloc-home-3 .slide-bloc3 img{ height: 100%; width: auto; max-width: none; display: block; border-radius: 5px}

.slider-bloc3.servicio {margin-bottom: 100px;}

.bloc3-layer{ position: relative; z-index: 2; pointer-events: none;}
.bloc3-layer .row{ min-height: 570px;}
.bloc3{ pointer-events: auto; margin-top: 40px; margin-bottom: 120px; background-color: var(--c-primary); color: #fff; padding: 2rem; border-radius: 28px;}

.bloc-home-3 .slick-dots{ position: absolute; z-index: 2; left: 0; right: 0; bottom: 20px; display: flex; justify-content: center; align-items: center; gap: 15px; margin: 0; padding: 0; list-style: none;}
.bloc-home-3 .slick-dots li{ margin: 0; width: auto; height: auto;}
.bloc-home-3 .slick-dots li button{ width: 16px; height: 16px; padding: 0; border-radius: 100px; border: none; background-color: rgba(255,255,255,.6); text-indent: -9999px; overflow: hidden; transition: width .25s ease, background-color .25s ease;}
.bloc-home-3 .slick-dots li button:before{ content: none;}
.bloc-home-3 .slick-dots li.slick-active button{ width: 36px; background-color: var(--c-primary);}
.bloc-home-3 .slider-bloc3 {margin-bottom: 0;}

@media (min-width: 1200px){
	.bloc-home-3 .bloc3 > .container{ width: auto; max-width: none; padding-left: 0; padding-right: 0;}
}

@media (max-width: 1199.98px){
	.bloc-home-3 .slider-bloc3-wrapper{ min-height: 0;}
	.bloc-home-3 .slider-bloc3{ position: relative; height: 570px;}
	.bloc-home-3 .bloc3-layer{ width: 100%; max-width: none; padding-left: 0; padding-right: 0;}
	.bloc-home-3 .bloc3-layer.h-100,
	.bloc-home-3 .bloc3-layer .row.h-100{ height: auto!important;}
	.bloc-home-3 .bloc3-layer .row{ min-height: 0; margin-left: 0; margin-right: 0;}
	.bloc-home-3 .bloc3-layer .row > [class*="col-"]{ flex: 0 0 100%; max-width: 100%; padding-left: 0; padding-right: 0;}
	.bloc-home-3 .bloc3{ margin: 0; padding-left: 0; padding-right: 0; border-radius: 0;}
}

@media (max-width: 767px) {
	.titol-home{font-size: 1.75rem;}
	.text-home{font-size: 1.15rem;}
	.bloc-home-3 .slider-bloc3{ height: 320px;}
}

@media(max-width: 576px){
	.titol-home{font-size: 1.5rem;}
}


/* -------------------------- NOTICIES ------------------------ */
.noticia-block{display:flex;flex-direction:column;height:100%;margin:0;border-radius:5px;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;}
.noticia-block:hover{border-color:var(--c-primary);box-shadow:0 8px 25px rgba(0,0,0,.08);transform:translateY(-3px);}
.noticia-block .img-block{position:relative;display:block;width:100%;height:0;margin:0;padding-bottom:92%;overflow:hidden;background-color:#f2f2f2;border-radius:0;}
.noticia-block .img-block img{position:absolute;top:0;left:0;width:100%;height:100%;max-height:none;border-radius:0;object-fit:cover;object-position:center;transform:none;transition:transform .45s ease;}
.noticia-block:hover .img-block img{transform:scale(1.035);}
.noticia-block .img-block i{position:absolute;top:50%;left:50%;right:auto;margin:0;color:#aaa;font-size:4rem;transform:translate(-50%,-50%);}
.noticia-block .nom{display:flex;flex:1;align-items:flex-start;margin:0;padding:18px 18px 24px;font-size:1.375rem;font-weight:400;line-height:1.2;transition:background-color .3s ease,color .3s ease;}
.noticia-block:hover .nom{background-color:var(--c-primary);color:#fff;}
.noticia-block:hover .nom a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;}
#slider-noticia{ height: 500px; }
#slider-noticia .slick-list{ height: 100%; }
#slider-noticia .slick-track{ display: flex; height: 100%; }
#slider-noticia .slick-slide{ height: 100%; margin-right: 5px; }
#slider-noticia .slick-slide > div{ height: 100%; }
#slider-noticia .slide-bloc3{ height: 100%; overflow: hidden; }
#slider-noticia .slide-bloc3 img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

#slider-noticia .slick-dots{ position: static; display: flex; justify-content: center; align-items: center; gap: 15px; margin: 20px 0; padding: 0; list-style: none; }
#slider-noticia .slick-dots li{ margin: 0; width: auto; height: auto; }
#slider-noticia .slick-dots li button{ width: 16px; height: 16px; padding: 0; border-radius: 100px; border: none; background-color: rgba(0,0,0,.2); text-indent: -9999px; overflow: hidden; transition: width .25s ease, background-color .25s ease; }
#slider-noticia .slick-dots li button:before{ content: none; }
#slider-noticia .slick-dots li.slick-active button{ width: 36px; background-color: var(--c-primary); }

#slider-noticia.noticia-gallery{ display: flex; width: 100%; height: auto; justify-content: center; gap: 5px; }
#slider-noticia.noticia-gallery .slide-bloc3{ height: 500px; }
#slider-noticia.noticia-gallery-1 .slide-bloc3{ display: flex; width: 100%; align-items: center; justify-content: center; }
#slider-noticia.noticia-gallery-1 .slide-bloc3 img{ width: auto; max-width: 100%; height: auto; max-height: 500px; object-fit: contain; }
#slider-noticia.gallery-2 .slick-slide{ margin-right: 0; padding: 0 2.5px; }
#slider-noticia.instalacion .slick-dots{justify-content: end;}
#slider-noticia.producto .slick-dots{justify-content: start;}


@media (max-width: 767px){
	#slider-noticia{ height: 320px; }
	#slider-noticia.noticia-gallery{ height: auto; }
	#slider-noticia.noticia-gallery .slide-bloc3{ height: 320px; }
	#slider-noticia.noticia-gallery-1 .slide-bloc3 img{ max-height: 320px; }
}
/* -------------------------- PRODUCTES ------------------------ */
#slider-producte{margin-bottom: 0;}
.grid-productes{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.grid-productes .producte-block{display:flex;flex-direction:column;height:100%;margin:0;padding:0;border:1px solid #e2e2e2;border-radius:5px;background-color:#fff;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;}
.grid-productes .producte-block:hover{border-color:var(--c-primary);box-shadow:0 8px 25px rgba(0,0,0,.08);transform:translateY(-3px);}
.grid-productes .producte-block .img-block{position:relative;display:block;width:100%;height:0;margin:0;padding-bottom:92%;overflow:hidden;background-color:#f2f2f2;border-radius:0;}
.grid-productes .producte-block .img-block img{position:absolute;top:0;left:0;width:100%;height:100%;max-height:none;border-radius:0;object-fit:cover;object-position:center;transform:none;transition:transform .45s ease;}
.grid-productes .producte-block:hover .img-block img{transform:scale(1.035);}
.grid-productes .producte-block .img-block i{position:absolute;top:50%;left:50%;right:auto;margin:0;color:#aaa;font-size:4rem;transform:translate(-50%,-50%);}
.grid-productes .producte-info{display:flex;flex:1;flex-direction:column;padding:18px 18px 24px;background-color:#fff;color:#19110b;transition:background-color .3s ease,color .3s ease;}
.grid-productes .producte-block:hover .producte-info{background-color:var(--c-primary);color:#fff;}
.grid-productes .producte-block.actiu .producte-info{background-color:var(--c-primary);color:#fff;}
.grid-productes .producte-info .nom{margin:0 0 18px;font-size:1.375rem;font-weight:400;line-height:1.18;}
.grid-productes .producte-info .nom a{transition:text-decoration-color .25s ease;}
.grid-productes .producte-block:hover .nom a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;}
.grid-productes .producte-block.actiu .nom a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;}
.grid-productes .producte-info .preu{margin-bottom:15px;font-size:1.125rem;font-weight:600;}
.grid-productes .producte-info .txt{font-size:1rem;font-weight:400;line-height:1.35;}
.grid-productes .producte-info .txt p:last-child{margin-bottom:0;}
.grid-productes .producte-accions{margin-top:auto;padding-top:20px;}
.grid-productes .producte-block:hover .producte-accions .link{background-color:#fff;color:var(--c-primary);}
.grid-productes .producte-block.actiu .producte-accions .link{background-color:#fff;color:var(--c-primary);}
.product-txtcurt {font-weight: 500;}

@media (max-width:991px){
	.grid-productes{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:575px){
	.grid-productes{grid-template-columns:minmax(0,1fr);gap:20px;}
	.grid-productes .producte-block .img-block{padding-bottom:72%;}
}

/* -------------------------- CATEGORIES PRODUCTE --------------------------- */
.grid-categories{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.grid-categories .categoria-block{display:flex;flex-direction:column;height:100%;margin:0;padding:0;border:1px solid #e2e2e2;border-radius:5px;background-color:#fff;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;}
.grid-categories .categoria-block:hover{border-color:var(--c-primary);box-shadow:0 8px 25px rgba(0,0,0,.08);transform:translateY(-3px);}
.grid-categories .categoria-block .img-block{position:relative;display:block;width:100%;height:0;margin:0;padding-bottom:92%;overflow:hidden;background-color:#f2f2f2;border-radius:0;}
.grid-categories .categoria-block .img-block img{position:absolute;top:0;left:0;width:100%;height:100%;max-height:none;border-radius:0;object-fit:cover;object-position:center;transform:none;transition:transform .45s ease;}
.grid-categories .categoria-block:hover .img-block img{transform:scale(1.035);}
.grid-categories .categoria-block .img-block i{position:absolute;top:50%;left:50%;right:auto;margin:0;color:#aaa;font-size:4rem;transform:translate(-50%,-50%);}
.grid-categories .categoria-info{display:flex;flex:1;flex-direction:column;padding:18px 18px 24px;background-color:#fff;color:#19110b;transition:background-color .3s ease,color .3s ease;}
.grid-categories .categoria-block:hover .categoria-info{background-color:var(--c-primary);color:#fff;}
.grid-categories .categoria-info .nom{margin:0 0 10px;font-size:1.375rem;font-weight:400;line-height:1.18;}
.grid-categories .categoria-block:hover .nom a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;}
.grid-categories .categoria-info .txt{font-size:1rem;font-weight:400;line-height:1.35;}
.grid-categories .categoria-info .txt p:last-child{margin-bottom:0;}

@media (max-width:991px){
	.grid-categories{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:575px){
	.grid-categories{grid-template-columns:minmax(0,1fr);gap:20px;}
	.grid-categories .categoria-block .img-block{padding-bottom:72%;}
}

/* -------------------------- TABS PRODUCTE --------------------------- */
.tabs-producte{padding:30px 0 60px;}
.tabs-producte-nav{display:flex;flex-wrap:nowrap;border-bottom:1px solid #d9d9d9;}
.tabs-producte-nav .nav-item{margin:0 55px 0 0;}
.tabs-producte-nav .nav-link{position:relative;margin:0;padding:0 0 14px;border:0;border-radius:0;background-color:transparent;color:#c6c6c6;font-size:1.5rem;font-weight:400;white-space:nowrap;transition:color .25s ease;}
.tabs-producte-nav .nav-link::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:5px;border-radius:100px;background-color:var(--c-primary);transition:width .3s ease;}
.tabs-producte-nav .nav-link:hover{border:0;color:#707070;}
.tabs-producte-nav .nav-link.active{border:0;background-color:transparent;color:#292929;font-weight:500;}
.tabs-producte-nav .nav-link.active::after{width:25px;}
.tabs-producte-contingut{padding-top:20px;}
.tabs-producte-contingut .tab-pane{color:#333;font-weight:400;line-height:1.35;}
.tabs-producte-contingut p{margin-bottom:20px;}
.tabs-producte-contingut p:last-child{margin-bottom:0;}
.tabs-producte-contingut ul{margin-bottom:20px;padding-left:20px;}
.tabs-producte-contingut table{width:100%;margin-bottom:20px;}

@media (max-width:767px){
	.tabs-producte{padding:20px 0 40px;}
	.tabs-producte-nav{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
	.tabs-producte-nav .nav-item{margin-right:30px;}
	.tabs-producte-nav .nav-link{padding-bottom:12px;font-size:1rem;}
	.tabs-producte-contingut{padding-top:18px;}
}

/* -------------------------- PAGINACIO ------------------------ */
.pagination { margin-bottom: 6px; padding: 0 6px;}
.pagination .page-link { border-radius: 0!important; color: #000000; border: 1px solid #343a40; margin-right: 6px;}
.pagination .page-item.active .page-link { background-color: #343a40; border-color: #343a40;}
.pagination .page-link.active:hover { color: #fff; border-color: #343a40;}

/* -------------------------- VIDEO ------------------------ */
.video-block{margin-bottom: 30px;}
.video-block .nom {margin-bottom: 15px; line-height: 1; font-size: 1.5rem;}
.video-block .txt{margin-bottom: 30px;}

/* -------------------------- SECCIO ------------------------ */
.titol-seccio { padding-top: 15px; padding-bottom: 15px; margin-bottom: 15px;}
.titol-seccio .nom { font-size: 2.875rem; font-weight: 500; margin-bottom: 0;}
.titol-seccio .nom.noti{font-size: 2.375rem; text-wrap: balance;}
.titol-seccio .nom.legal{position:relative;display:inline-block;padding-bottom:14px;}
.titol-seccio .nom.legal::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:6px;border-radius:100px;background-color:var(--c-primary);}.titol-seccio .txt { font-size: 1.5rem; font-weight: 400;  margin-bottom: 0;}
.titol-seccio-hero { margin-bottom: 15px; overflow: hidden;}
.titol-seccio-hero::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(2 139 189 / 48%); z-index: 1; pointer-events: none;}
.titol-seccio-hero .container { position: absolute; top: 50%; left: 0; right: 0; margin-left: auto; margin-right: auto; transform: translateY(-50%); z-index: 2;}
.titol-seccio-hero .nom { font-size: 2.875rem; font-weight: 500; margin-bottom: 0; color: #fff;}
.titol-seccio-hero .txt { font-size: 1.5rem; font-weight: 400; margin-bottom: 0; color: #fff;}
.prod-breadcrumbs{font-size: .9375rem; cursor: pointer;}
.categories {margin-bottom: 30px;}
.categories a{display:block; padding: 12px 18px; margin-bottom: 10px; border-radius: 8px; background-color: #f4f5f5; color: #19110b; font-weight: 600; font-size: .9375rem; transition: background-color .25s ease, color .25s ease;}
.categories a:hover{background-color: var(--c-primary); color: #fff;}
.link{padding: 15px 25px ; font-size: 1.125rem; font-weight: 500; text-align: center; display: inline-block; border: none; border-radius: 8px;}
.link.white{background-color: #FFFFFF; color: #343a40;}
.link.primary{background-color: var(--c-primary); color: #FFFFFF;}
.link.dark{background-color: #19110b; color: #fff;}
.link-download{display:inline-flex; align-items:center; justify-content:center;}
.link-download-icon{width:28px; height:28px; margin-right:8px; flex-shrink:0;}
.producte-detall-btns{gap:16px;}
@media (max-width:575.98px){
	.producte-detall-btns > div{flex:1 1 100%;}
	.producte-detall-btns .link{width:100%;}
}
.txt-sector ul { list-style: none; margin: 0; padding: 0;}
.txt-sector ul li { position: relative; padding-left: 25px; margin-bottom: 15px;}
.txt-sector ul li::before { content: "\f272"; font-family: bootstrap-icons!important; position: absolute; left: 0; top: 0;}
.img-sector{border-radius: 8px;}

.bloc-serv{position:relative;background-color:#fbfbfb;border-radius:5px;border:1px solid #d9d5c8;padding:30px 30px 30px 54px;}
.bloc-serv::before{content:"\f272";font-family:"bootstrap-icons"!important;position:absolute;left:20px;top:33px;color:#3dbbd5;font-size:1.35rem;line-height:1;}
.bloc-serv .nom{margin-bottom:15px;font-size:1.5rem;font-weight:500;line-height:1.15;}
.bloc-serv .txt{font-size:1.125rem;font-weight:400;}
.bloc-serv .nom, .bloc-serv .txt{overflow-wrap:break-word;text-wrap:pretty;}

.block-instalaciones{border-radius: 18px; border: 1px solid #ededed; text-align: center;}

@media (max-width:767px){
	.bloc-serv{padding:24px 20px 24px 50px;}
	.bloc-serv::before{left:18px;top:26px;}
	.bloc-serv .nom{font-size:1.25rem;}
}

@media (min-width: 576px){
	.titol-seccio { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px;}
	.titol-seccio-hero { margin-bottom: 30px;}
}

@media (max-width: 1480px){
	.titol-seccio-hero .nom { font-size: 2.5rem;}
	.titol-seccio-hero .txt { font-size: 1.375rem;}
	.titol-seccio .nom { font-size: 2.5rem;}
}
@media (max-width: 992px){
	.titol-seccio-hero .nom { font-size: 2rem;}
	.titol-seccio-hero .txt { font-size: 1.25rem;}
	.titol-seccio .nom { font-size: 2rem;}
}

@media (max-width: 767px){
	.titol-seccio-hero{ height: 320px;}
	.titol-seccio-hero > img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
	.titol-seccio-hero .nom{ font-size: 1.875rem;}
	.titol-seccio-hero .txt{ font-size: 1.5rem;}
	.titol-seccio .nom{ font-size: 1.875rem;}
	.titol-seccio .txt{ font-size: 1.5rem;}
}

/* -------------------------- GRID ------------------------ */
.grid-ico{display: grid; grid-template-columns: repeat(5, 1fr); gap:25px;}
.blocico {border-radius: 5px; border: 1px solid #f0f0f0; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;}
.blocico:hover{border-color: var(--c-primary); box-shadow: rgba(69, 183, 208, 0.3) 0px 12px 32px 0px; transform: translateY(-4px);}
.blocico img{transition: transform .35s ease;}
.blocico:hover img{transform: scale(1.06);}
.blocico .nom{ font-size: 1.3125rem; text-wrap: pretty; transition: color .25s ease;}
.blocico:hover .nom{color: var(--c-primary);}

@media (max-width:991px){
	.grid-ico{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media (max-width:575px){
	.grid-ico{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;}
}

.grid-news {display: grid; width: 100%; grid-template-columns: repeat(4,1fr); gap: 15px;}

@media (max-width:991px){
	.grid-news{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:575px){
	.grid-news{grid-template-columns:minmax(0,1fr);gap:20px;}
}

.grid-serv {display: grid; grid-template-columns: repeat(2,1fr);gap: 30px;}
.grid-serv > *{min-width:0;}

@media (max-width:1199px){
	.grid-serv{grid-template-columns:repeat(2,1fr);}
}

@media (max-width:767px){
	.grid-serv{grid-template-columns:minmax(0,1fr);}
}

.grid-valorsec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;}
.grid-valorsec > *{min-width:0;}

@media (max-width:991px){
.grid-valorsec{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:575px){
.grid-valorsec{grid-template-columns:minmax(0,1fr);}
}

/* -------------------------- CLIENTS ------------------------ */
.header-clients{font-size: 1.75rem; font-weight: 600;}
.grid-clients{display: grid; gap: 20px;}
.grid-clients-3{grid-template-columns: repeat(3, 1fr);}
.grid-clients-5{grid-template-columns: repeat(5, 1fr);}
.grid-clients-6{grid-template-columns: repeat(6, 1fr);}
.blocclient{display: flex; align-items: center; justify-content: center; min-height: 110px; padding: 10px; border-radius: 5px; border: 1px solid #ededed; background-color: #fff}
.blocclient img{ max-width: 100%; width: auto;}
@media (max-width: 767px){
	.grid-clients-3{grid-template-columns: repeat(2, 1fr);}
	.grid-clients-6{grid-template-columns: repeat(3, 1fr);}
	.header-clients{font-size: 1.375rem;}
}

/* -------------------------- VALORS ------------------------ */
.valorsec{height:100%;padding: 27px 38px 20px;border:1px solid #d8edf1;border-radius:14px;background-color:#fff;box-shadow:6px 7px 0 #43bfd2;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;}
.valorsec:hover{border-color:#43bfd2;box-shadow:10px 11px 0 #43bfd2;transform:translate(-4px,-4px);}
.valorsec-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.valorsec-icon{display:block;width:40px;height:40px;flex:0 0 40px;object-fit:contain;}
.valorsec h3{margin:0;color:#231f20;font-size:1.875rem;font-weight:500;}
.valorsec-text{color:#231f20;font-size:1.125rem;font-weight:400;}
.valorsec-text p:last-child{margin-bottom:0;}

@media (max-width: 767px){
	.valorsec h3{font-size: 1.5rem;}
}

/* -------------------------- FORMULARI ------------------------ */
.ok, .ko { padding: 15px; margin-bottom: 20px; text-align: center; color: #000;}
.ok { background-color: #dff0d8; }
.ko { background-color: #f2dede; }
.formulari .form-control { margin-bottom: 15px; height: 50px; font-size: .875rem; background-color: #f4f5f5; border-color: #ecebeb;}
.formulari textarea { height: 170px!important;}
.formulari .btn { margin-bottom: 5px;  margin-right: 5px; border: none; background-color: #343a40; color: #fff; padding: 10px 20px;
    text-transform: uppercase; font-weight: 700; cursor: pointer; border-radius: 0;}
.formulari label {font-size: 0.9375rem;}
.custom-checkbox{font-size: .875rem;}
.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;}
.form-control.is-valid,.was-validated .form-control:valid{ border-color:#f7f7f7;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23495057' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");}
.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: #343a40;}
.custom-control-input:checked~.custom-control-label::before { border-color: #343a40; background-color: #343a40;}
.custom-control label { font-size: .6875rem; }
.custom-control-label { margin-right: 15px; }
.custom-control-label p { margin-bottom: 0; }
.grecaptcha-badge { display: none!important;}

/* -------------------------- FAQS --------------------------- */
.seccio-faq { padding: 50px 0; background-color: #f7f7f7; }
.faq-subtitol { margin-bottom: 7px; color: #45b8cf; font-size: .75rem; font-weight: 500; text-transform: uppercase; }
.faq-titol { margin: 0 0 24px; color: #222; font-size: 2rem; font-weight: 500; }
.faq-accordion { width: 100%; }
.faq-item { margin-bottom: 17px; border: 1px solid #e3e3e3; border-radius: 4px; background-color: #fff; overflow: hidden; transition: border-color .25s ease, box-shadow .25s ease; }
.faq-item:hover { border-color: #d2d2d2; box-shadow: 0 4px 15px rgba(0,0,0,.035); }
.faq-heading { margin: 0; }
.faq-pregunta { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 54px; padding: 13px 55px 13px 19px; border: 0; background-color: transparent; color: #292929; font-size: 1.5rem; font-weight: 500; text-align: left; cursor: pointer; outline: none; }
.faq-pregunta:hover { color: var(--c-primary); }
.faq-pregunta:focus { outline: none; box-shadow: none; }
.faq-icon { position: absolute; top: 50%; right: 22px; width: 14px; height: 14px; transform: translateY(-50%); }
.faq-icon::before { content: ""; position: absolute; top: 6px; left: 0; width: 14px; height: 1px; background-color: #333; transition: transform .3s ease, background-color .3s ease; }
.faq-icon::after { content: ""; position: absolute; top: 0; left: 6px; width: 1px; height: 14px; background-color: #333; transform: rotate(90deg); opacity: 0; transition: transform .3s ease, opacity .2s ease, background-color .3s ease; }
.faq-pregunta.collapsed .faq-icon::after { transform: rotate(0deg); opacity: 1; }
.faq-pregunta:hover .faq-icon::before { background-color: var(--c-primary); }
.faq-pregunta:hover .faq-icon::after { background-color: var(--c-primary); }
.faq-resposta { padding: 0 55px 25px 19px; color: #333; font-size: 1.125rem; font-weight: 400;  }

@media (max-width: 767px) {
	.faq-titol { font-size: 1.65rem; }
	.faq-pregunta { min-height: 58px; padding: 14px 50px 14px 16px; font-size: 1rem; }
	.faq-icon { right: 18px; }
	.faq-resposta { padding: 0 16px 22px; font-size: .9rem; }
}

/* -------------------------- AVISOS --------------------------- */
.avisos-block i { font-size: 2rem; padding-right: 0.5rem}
.avisos-block ul { list-style-type: none; margin-left: 0; padding-left: 0; display: inline-block; text-align: left}

/* -------------------------- CONTACTAR ------------------------ */
.text-contactar {font-size: 1.125rem;}
.text-contactar .txt {font-size: 1.125rem; margin-bottom: 0;}
.text-contactar .nomempresa {font-size: 2.25rem; font-weight: 500; margin-bottom: 0;}
.text-contactar .nomcomercial {font-size: 1.5rem; font-weight: 500;}

.mapa { height: 650px;}
.mapa iframe{width: 100%; height: 100%}

@media (max-width:767px){
	.mapa{height: 350px;}
	.text-contactar .nomempresa{font-size: 1.625rem;}
	.text-contactar .nomcomercial{font-size: 1.25rem;}
}
.ico-left {float: left; margin-right: 5px; width: 20px; min-height: 1px;}
.ico-left-txt { float: left; width: calc(100% - 35px);}

.block-contactar {border: #dddbdc 1px solid; background-color: #fff; border-radius: 5px; padding: 30px;}
#block-cont{scroll-margin-top:20px;}
@media (min-width:992px){
	#block-cont{scroll-margin-top:159px;}
}

/* -------------------------- USER TOP ------------------------ */
.dropdown-user { width: auto; border-radius:5px; overflow: hidden;}
.logout-item{background-color: #dc3545!important; color:white;}
.logout-item-2{color:#dc3545;}
.logout-item-2:focus{color:#dc3545;}
.logout-item-2:hover{color:#dc3545;}
.logout-item:focus {
    color: #c82333;
    background-color: rgb(238, 238, 238)!important;
}

footer{background-color:var(--c-primary);color:#fff;padding:55px 0 28px;min-height:141px;clear:both;position:relative;margin-top:-141px;overflow:hidden;z-index:1;}
footer::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('../img/footer.png');background-repeat:no-repeat;background-position:left center;background-size:cover;filter:blur(2px);transform:scale(1.03);pointer-events:none;z-index:0;}
footer > .container{position:relative;z-index:2;}
footer a{color:#fff;}
footer a:hover{color:#fff;opacity:.8;}

footer .footer-logo-row{display:flex;align-items:center;margin-bottom:35px;}
.img-footer{margin-right:20px;flex:0 0 auto;}
.img-footer svg{min-height:40px;}
.img-footer svg path{fill:#fff !important;}
footer .footer-claim{font-size:.9375rem;line-height:1.35;max-width:230px;font-weight:500;}

footer .footer-contact{list-style:none;padding:0;margin:0;}
footer .footer-contact li{display:flex;align-items:flex-start;margin-bottom:18px;font-size:.9rem;line-height:1.45;}
footer .footer-contact li i{flex:0 0 20px;width:20px;margin-top:3px;font-size:.95rem;opacity:.95;}

footer .xarxes-socials{text-align:right;margin-bottom:40px;}
footer .xarxes-socials a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background-color:#fff;color:var(--c-primary);font-size:16px;margin-left:8px;}
footer .xarxes-socials a:hover{opacity:.85;}

footer .footer-nav{display:grid;grid-template-columns:auto auto;column-gap:80px;width:-moz-fit-content;width:fit-content;margin-left:auto;justify-items:start;}
footer .footer-nav a{display:block;margin-bottom:16px;font-size:.9rem;}

footer .footer-divider{border:0;border-top:1px solid rgba(255,255,255,.35);margin:16px 0 16px;}
footer .footer-bottom{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;font-size:.8rem;}

@media (max-width:991.98px){footer{padding-top:35px;}}
@media (max-width:991.98px){footer::before{background-position:center center;background-size:cover;opacity:.08;}}
@media (max-width:991.98px){footer .xarxes-socials{text-align:left;margin-top:20px;margin-bottom:25px;}}
@media (max-width:991.98px){footer .footer-nav{margin-left:0;}}
/* -------------------------- CAPA COOKIES ------------------------ */
.capa-cookies { position: fixed; bottom: 0; width: 100%; z-index: 99999;
    background-color: #FFFFFF; padding-top: 15px; box-shadow: 0px 0px 15px 0px rgba(22, 21, 12, 0.23); }
button.cookies-ok { float: right; display: inline-block;
    background-color: #343a40; color: #FFFFFF; font-weight: bold; text-align: center;
    line-height: 40px; border: none; cursor: pointer; width: 100%;}
button.cookies-ok:hover{opacity: 0.8;}

/* -------------------------- RESPONSIVE FIXES ------------------------ */

html,body{
	overflow-x:hidden;
}

@media(max-width:1199px){

	.valors-home{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	.grid-productes,
	.grid-categories,
	.grid-news{
		grid-template-columns:repeat(3,minmax(0,1fr));
	}

}

@media(max-width:991px){

	.grid-productes,
	.grid-categories,
	.grid-news{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	.grid-clients-5{
		grid-template-columns:repeat(3,1fr);
	}

}

@media(max-width:767px){

	footer .footer-nav{
		grid-template-columns:1fr;
	}

}

@media(max-width:575px){

	.grid-productes,
	.grid-categories,
	.grid-news{
		grid-template-columns:1fr;
	}

	.grid-clients-5,
	.grid-clients-6{
		grid-template-columns:repeat(2,1fr);
	}

}