@font-face {
  font-family: 'Trade Gothic LH';
  src: url('../fonts/TradeGothicLH-BoldExtended.woff2') format('woff2'),
      url('../fonts/TradeGothicLH-BoldExtended.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v36-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v36-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v36-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


  /*@font-face {
	font-family: 'icomoon';
	src:  url('../fonts/icomoon.eot?2yroao');
	src:  url('../fonts/icomoon.eot?2yroao#iefix') format('embedded-opentype'),
	  url('../fonts/icomoon.ttf?2yroao') format('truetype'),
	  url('../fonts/icomoon.woff?2yroao') format('woff'),
	  url('../fonts/icomoon.svg?2yroao#icomoon') format('svg');
	font-weight: normal;
	font-display: swap;
	font-style: normal;
	font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {

	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
  
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }*/
  
  .fa-pinterest:before {	content: "\e900"; font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
 }

  
/* ===================  NO BORRAR =============================== */
:root {
    --white: #FFFFFF;
	--yellow: #EFD275;
	--brown: #C9874B;
	--warm-grey: #BFB8AC;
	--light-brown: #BFA97C;	
	--yellow-green: #C8CE9D;
	--light-green: #EEEEEE;
	--green: #76B1E1;
	--green2: #77a49e;
	--darkgreen: #76B1E1;
	--cyan: #77A59F;
	--black: #000000;
	--primary:#000000;
	--secundari:#e31a32;
	--swiper-navigation-size:20px;
  --dark: #343a40;
}

body{ font-family: 'Open Sans', sans-serif;font-size: 18px; color:#333;}
body, html{
  overflow-x: hidden;
}
p + p{margin-bottom:0;}
p:first-child{margin-bottom:0;}
p:last-child{margin-bottom:15px;}
p{font-family: 'Open Sans', sans-serif;	font-size: 16px;color: #000;}
.valign{display: flex; align-items: center;}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{    font-family: 'Trade Gothic LH', sans-serif; font-weight: 600; color: #000;margin-bottom: 15px;}
h1{font-size: clamp(28px,2.8vw,40px);     line-height: normal; margin-bottom: 15px!important;}
h1.small{font-size:11px}
h2, .h2 {font-size: clamp(24px,2.5vw,28px); line-height: normal; font-weight: 600;}
.titlel h1, .titlel h2, .titlel h3, .titlel h4, .titlel h5 {  font-size: clamp(22px,4vw,50px) !important;}
.btn-accordion {font-family: 'Open Sans', sans-serif;}
.btn{    padding: 0 25px;}
a {
	color:black;
}
a:hover {
	color: var(--secundari);
}
a, a:hover {
	transition: all 0.3s ease;
}

body#index .post-details .post-content a h2{
	font-size: 20px;
}
.swiper-button-next, .swiper-button-prev{
	color: var(--black);
	top: 30% !important;
}
h3, .h3{
    font-size: 22px !important;
    line-height: 40px;
}
big{font-size: clamp(18px,2.5vw,26px);}
blockquote {  background: #eee;  padding: 30px;  text-align: center;  margin: 0;	 background-color: var(--light-green);margin-bottom: 15px;}
blockquote p{margin-bottom: 0;}
.marker{background-color: var(--light-green);}
.color-yellow {color: var(--yellow);}
.color-brown {color: var(--brown);}
.color-warm-gray {color: var(--warm-gray);}
.color-light-brown {color: var(--light-brown);}
.color-light-green {color: var(--light-green);}
.color-light-grey {color: var(--light-grey);}
.color-green {color: var(--green);}
.color-cyan {color: var(--cyan);}
/* =========== BOTONS =========== */
.btnsmall .btn.btn-brand {  background-color: transparent;  border-radius: 0;  text-transform: none;  color: #333;}
.btnsmall .btn.btn-brand:after{content:url("../img/right-arrow.svg");width: 50px;height: 50px;transform: scale(0.4);margin-top: 2px;}
.btn.btn-brand {background-color: #000; border-radius: 0; text-transform: uppercase; color:#fff;}
.btn {height: 48px;}
.btn.btn-brand {    background-color: transparent;    text-transform: initial;    color: #000;    border: 1px solid #000; height: 48px; border-radius: 25px;}
.btn.btn-brand .fa{margin-left:5px; color: var(--secundari); transition: all 0.2s linear;}
.btn.btn-brand:hover .fa{margin-left:8px; }

.btn.btn-brand:hover {background: transparent; color:var(--secundari)}
.btn:focus {outline: 2px solid var(--secundari);}
/* =========== UTILITATS =========== */
.hidden {visibility: hidden;}
.ignored {display: none;}
.nopointer a{pointer-events: none;}
.right,.right > div{justify-content: flex-end}
.vcenter{align-items: center;display: flex;}
.nopadfoto >.row  > .foto{padding: 0;}
.nopadfoto img{width: 100%;}
img.round,.round img{border-radius: 50%;}
#contador {padding: 40px;margin-top: 0;}
#contador h3{font-size: 46px;text-align: center;margin-top: 30px;}
#contador p{color:#000;font-weight: 600;text-align: center;}
#contador h3:before{content:"+"}
#hits img{ transition: all .2s ease-in-out; transform: scale(0.8);}
.acordio .titolacordio{
  color: #000;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: inherit;
}
/* ===================  MENU =============================== */

.extratop {background-color: #eee;}
#id-header a {color: var(--primary);}
#id-header .active a {color: var(--secundari);}
#navbarSupportedContent{justify-content: center;;}
.fullwidth img.logo1  {  width: auto;}
ul.idiomes {    position: absolute;    right: 0;  margin: 0;	/*font-style: italic; */ }
ul.idiomes > li.active a{color:var(--secundari);}
.langblock{display:flex; align-items: center;;}
.cbp-af-header.header-transparent {	 }
.social-icons li a {  color: #000;}
.navbar-brand {margin: 20px 0;/* height: 100px;height: 70px;	*//*max-width: 130px;*/}
.cbp-af-header.cbp-af-header-shrink .navbar-brand {height: 70px;}
.navigation-wrap {border-bottom: 0 !important;background-color: #000;}
.nav-link:hover {	color: var(--secundari) !important;  }
.main-navigation .dropdown-menu {	padding: 15px 0 20px 0!important;	top: 90%;	background: var(--light-green); 	margin-top: 0 !important; 	min-width: 350px; 
	left: -30%;	border-top: 2px solid var(--secundari);}
.dropdown-menu::before {    top: 0;}
.main-navigation .dropdown-menu .nav-link {margin: 0 30px !important;}
.main-navigation .dropdown-menu .dropdown-item::after {padding: 10px 1px;}
.main-navigation .dropdown-menu .navbar-light .navbar-nav .nav-link {color: var(--light-brown); transition: all 0.3s ease;}
.main-navigation .dropdown-menu .dropdown-item:hover {color: var(--secundari) !important;}
.main-navigation .dropdown-menu .dropdown-item.active {color: white !important;}
.main-navigation .searchcont {    display: flex;    align-items: flex-end;}
.main-navigation .show-search {margin: 10px;}
.icon.show-search{display:none;}
.form-control.search{border:none;border-bottom: 1px solid #000; border-radius:0;height: 30px; margin-bottom: 0px;}
.search-form .icon-input{border:none; padding: 0;}
.search-form{margin-bottom:0;}
.searchcont .searchform{display: block!important;}
.navbar-light .navbar-nav .nav-link {  color: #fff; text-transform: uppercase;}
.navbar-light .navbar-nav .nav-link.active .data {color:var(--secundari);}

.main-navigation ul li.nav-item {  margin:15px 10px 15px 10px;}
.cbp-af-header.cbp-af-header-shrink .nav-item {	margin: 15px 10px;}
.cbp-af-header.header-transparent.cbp-af-header-shrink {background-color: #ffffff;}
.cbp-af-header.header-transparent.cbp-af-header-shrink  .navbar-brand {	margin: 0px 0;}
.navbar-light .navbar-toggler-icon::after, .navbar-light .navbar-toggler-icon::before {background-color: var(--dark);}
.navbar-light .navbar-toggler-icon{border-bottom: 2px solid var(--dark);}

	/*Contenidors*/
.fondogris {background: var(--light-green);}
.fondogreen {background: var(--darkgreen);}
.fondogreen2 {background: var(--green2);}
.fondogreen h2 {font-size: clamp(20px,2.8vw,35px)}
.fondogreen h2 a {color: var(--white);}
.fondogreen h2 a:hover {color: var(--yellow);}
.fondogreen2 a{color:#fff;} 
.fondogreen2 p{margin-bottom: 0;font-size: clamp(30px,2.5vw,40px);line-height: clamp(40px,3vw,45px);}

/*SLIDER*/
#slider .blackbox {	background: #000;    width: auto;    display: block;    position: absolute;    z-index: 2000;    right: 15px;    bottom: 15%;}
#slider .blackbox p {padding: 20px; margin: 0; font-size: 22px; font-weight: 600;}
#slider .blackbox a {color: var(--white);}
#slider .blackbox a:hover {color: var(--yellow);}
.sliderbanner2 {  display: flex;  flex-wrap: wrap;  align-items: center;  justify-content: center;width: 100%;}
#slider .sliderbanner2.caption {  /*padding: 8% 8% 0 !important;*/	bottom:unset!important;  top: 0;}
.sliderbanner2.mt-l{margin-top: 12.5%;}
.sliderbanner2.center .caption h1, .sliderbanner2.center .caption h2, .sliderbanner2.center .caption h3, .sliderbanner2.center .caption h4, .sliderbanner2.center .caption h5 {  text-align: center;}
.sliderbanner2 h1 {  font-weight: 800;  width: 100%!important;  margin: 0 auto; line-height: 1.1em;}
h1.titleslider {    font-weight: 800;    width: 75%;    margin: 0 auto;    font-size: clamp(30px,3.5vw,80px);	line-height: 1.1em;}
.caption .projectebotservei a {    background: #000;    border: 1px solid #000;    text-transform: initial;    padding: 15px 35px;	font-weight: 600;}
.swiper-button-next,.swiper-button-prev{color: var(--darkgreen);}
.swiper-button-next:focus, .swiper-button-prev:focus{border: 2px solid;}
/*Banners*/
.individualbanner1 {  display: flex;  align-items: center;  flex-wrap: wrap;}
.individualbanner1 figure{width: 100%;}
.individualbanner1 .caption{position:relative; width: 100%;}
.individualbanner1 .caption h3 a{color:#666; text-align: center;}
.individualbanner1 .caption .details{display:none;}
.caption h1, .caption h2, .caption h3, .caption h4, .caption h5, .caption h6 {font-family: 'Trade Gothic LH', sans-serif;font-size: 20px;margin-bottom: 25px;}
.individualbanner1 h2 {     width: 93%;    color: #FFFFFF;   z-index: 1;    font-size: clamp(20px,2vw,54px);	transition: all 0.3s linear;}
.individualbanner1 h2 a {color: #FFFFFF;}
.individualbanner1:hover h2, .individualbanner1:hover h2 a {color: var(--yellow);}
.individualbanner1 .portfolio-thumb img { transition: all 0.3s linear;}
.individualbanner1:hover .portfolio-thumb img {filter: brightness(70%);}

.individualbanner2 { display: block;}
.individualbanner2 .caption{ position: inherit; padding: 0!important; pointer-events: auto;}
.individualbanner2 .caption p { font-size: 16px; line-height: normal; color: #000; font-weight: normal; font-family: 'Trade Gothic LH', sans-serif}
.individualbanner2 .caption h1,.individualbanner2 .caption h2,.individualbanner2 .caption h3,.individualbanner2 .caption h4,.individualbanner2 .caption h5,.individualbanner2 .caption h6 {  font-size: 23px;  margin-bottom: 0px;  font-weight: bold;  font-family: 'Trade Gothic LH', sans-serif;}
.individualbanner2 .caption a { color: #000;}
.individualbanner2 .caption div { text-align: inherit;}
#bannershome .item{padding-left: 10px;padding-right: 10px;}
#bannershome .itembig{padding-left: 10px;padding-right: 10px;}
#bannershome .single-portfolio-wrap {    margin-bottom: 20px; margin-top:0}
#bannershome h2{color:#000; font-size:22px}
#bannershome h2 a{color:#000; }
#bannershome .portfolio-thumb {    margin-bottom: 15px;}
#bannershome .portfolio-details{color:#fff;}
#bannershome .portfolio-details p {color:#fff;}
#bannershome .portfolio-details .port-info {    left:inherit; padding:30px;}
#bannershome .portfolio-details .port-info {
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
    text-align: center;
}
#bannershome .item:hover .port-info {
    top: 50%;
    opacity: 1;
    visibility: visible;
}
#bannershome .portfolio-details a.btn-view-work {
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    background: var(--secundari);
    display: block;
    padding: 10px 10px;
	color:#ffffff;
	font-weight: 400;
	bottom:0;
	width: 90px;
}
#bannershome .portfolio-details a.btn-view-work {
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    position: absolute;
    bottom: 20px;
    opacity: 0;
    visibility: hidden;
}
#bannershome .item:hover .portfolio-details .btn-view-work {
    bottom: 40px;
    opacity: 1;
    visibility: visible;
}
#bannershome .single-portfolio-wrap:hover a.btn-view-work {	bottom: 20px;}
#bannershome .portfolio-details .port-info {
    position: absolute;
    top: 30%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
    text-align: center;
}
#bannershome .item:hover .port-info {
    top: 40%;
    opacity: 1;
    visibility: visible;
}
#bannershome .portfolio-details a.btn-view-work {
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    position: absolute;
    bottom: 60px;
    opacity: 0;
    visibility: hidden;
}
#bannershome .item:hover .portfolio-details .btn-view-work {
    bottom: 80px;
    opacity: 1;
    visibility: visible;
}
/*Breadcrumb*/
.breadcrumbcontainer {background: #f9f9f9;	top: 140px;}
.has-sticky-header .breadcrumbcontainer {    top: 110px;    background: #f9f9f9;}
.breadcrumb {display: inline-flex;}
.breadcrumb a{color: #000;}
.blocbc{ margin-bottom: clamp(30px,2vw,60px);}
/*Llistats de productes i categories*/
.product-list.products .block-ellipsis{}
.product-list .block-ellipsis h3,.product-list .block-ellipsis h4{font-size: 14px!important; font-weight: normal;margin: 0 auto 0px!important;}
.product-list .item { margin-bottom: 30px!important;}
#projectlist .product-list .item { margin-bottom: 60px!important;}
.Productos.lev-2 h1,.Productos.lev-1 h1{text-align: center;}
.product-list .item{margin-bottom: 30px;}
.product-list h3,.product-list .item-title {	font-size: clamp(16px,2vw,24px); 	text-align: center;    line-height: normal;	padding: 15px;    margin: 0 auto;	font-weight: 400;}
.product-list .block-ellipsis h3 {	font-size: clamp(18px,2.5vw,20px); margin:0 auto 10px; text-align: center; padding: 0;line-height: normal;}
.product-list .block-ellipsis h4 {	font-size: clamp(16px,2vw,18px); margin:0 auto; text-align: center;line-height: normal; }
.product-list h3,.product-list .item-title {color: var(--black);transition: all 0.3s linear;}
.product-list.products .item-title{font-weight: 600;}
.product-list .item img {transition: all 0.3s linear; background: linear-gradient(#fbfbfb,#f6f6f6);}
.product-list .item:hover img {filter: brightness(90%); transform: translateY(-15px); box-shadow: 0 10px 10px rgba(0,0,0,0.3);}
.product-list .item:hover h3,.product-list .item:hover .item-title {color: var(--secundari);}
.product-list.products .item:hover .block-ellipsis h3 {color: inherit;}
#projectsList{justify-content: center;}
#projectsList .item{margin-bottom:30px;}
#projectsList .item .caption{width:100%; padding-top:5vw!important; text-align:center;bottom: 15px;}
#projectsList .item .caption h2{  /*text-shadow: 1px 1px 5px black;*/font-size: clamp(18px,3vw,35px);font-weight: 700;}
/*Fitxa producte*/
.Productos.fitxa h3 {font-weight: bold;    }
.Productos.fitxa h2, .Productos.fitxa h3{font-weight: normal;}
.Productos.fitxa p strong{}
.Productos.fitxa #fitxes .btn{height: 45px;}
#contentfitxa {    margin-top: clamp(20px,2.5vw,80px);}
#formfitxa {	position: relative;	background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(239,210,117,1) 0%, rgba(243,243,243,1) 25%);
    padding: 30px;    box-shadow: 0 2px 3px 0 rgba(0,0,0,.3);    margin-top: 20px;    z-index: 10;	transition: all 0.5s ease;}
#formfitxa:after, #formfitxa:before {	bottom: 100%;	left: 30%;	border: solid transparent;	content: "";	height: 0;	width: 0;	position: absolute;	pointer-events: none;	    border-bottom-color: #EFD275;    border-width: 30px;    margin-left: -30px;}
#formfitxa .form-style {border-bottom: 1px solid #999999;border-radius: 3px;}
#formfitxa .form-style:focus {background: var(--light-green);}
#formfitxa .form-input-item {min-height: 55px; align-items: baseline;}
#formfitxa textarea.form-control {margin-bottom: 10px;}
#formfitxa input[type="checkbox"] {margin-top: 0;}
#contentfitxa{margin-top:60px;}
.modulimatge{width:100%;}
#contentfitxa .gallery .gallerycontent {    margin-left: -15px;}
#contentfitxa .gallery{margin:30px 0;}
#contentfitxa h4{font-size: 16px;color: #444;font-weight: 500;margin: 0;}
#contentfitxa.muebles h4{color: #002C83;}
#contactfitxa{}
#contactfitxa h3{font-size: 20px;text-align: left; margin-bottom: 0 !important;}
#contactfitxa img{}
#contactfitxa p{padding: 0;}
#contactfitxa ul{display: flex;flex-wrap: wrap;padding: 0 25px;}
#contactfitxa ul li{text-align:left; margin-right:25px;margin-bottom:15px;}
#contactfitxa ul li a{color:#444;}
#contactfitxa ul li.tel:before{content: "\f095";
font-family: "FontAwesome";
margin-right: 10px;
font-size: 14px;
background: #999;
padding: 10px;
color: #fff;
border-radius: 50%;
width: 36px;
height: 36px;
display: inline-block;
line-height: initial;
text-align: center;}
#contactfitxa ul li.mail:before{content:"\f003";
font-family: "FontAwesome";
margin-right: 10px;
font-size: 14px;
background: #999;
padding: 10px;
color: #fff;
border-radius: 50%;
width: 36px;
height: 36px;
display: inline-block;
line-height: initial;
text-align: center;}
#contactfitxa.contactoutlet{}
#contactfitxa.contactoutlet i{font-size:40px; color:green;text-align: left;display:block;}
#contactfitxa.contactoutlet h3{text-align:left;}
#contactfitxa.contactoutlet p {    padding:0;text-align: left;}
#contactfitxa.contactoutlet ul {    display: block;    padding: 0 25px;}
#contactfitxa.contactoutlet ul li{margin-bottom: 5px;}
#contactfitxa li.wha a{display: flex;flex-wrap: wrap;}
#contactfitxa li.wha a span{margin-top: 10px;	margin-left: 10px;}
#contactfitxa h5, #contactfitxa span, #contactfitxa a{
  font-size: 16px;
  margin-bottom: 0 !important;
}
#contactfitxa i{
  color: #E31A32;
}

#contactfitxa .btn {
  display: inline-block;
  padding: 10px 10px;
  background-color: white;
  border: 1px solid #E31A32;
  color: #E31A32;
  position: relative;
  overflow: hidden;
  transition: background-color 2s ease;
  border-radius: 20px;
  z-index: 1000;
}

#contactfitxa .btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 0;
  background-color: #E31A32;
  border-radius: 0;
  transform: translate(-50%, 0);
  transition: height 1s ease;
  z-index: -1;
}

#contactfitxa .btn:hover {
  color: white;
}

#contactfitxa .btn:hover::after {
  width: 200%;
  height: 200%;
}

aside.blocinfo {
    position: sticky;
    top: 150px;
    height: calc(100vh - 10%);
}
.single-post-details__footer__item{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin-bottom: 10px;
}
.single-post-details__footer__item .footer-item-left{
  display: flex;
  align-items: center;
  width: 40%;
}
.single-post-details__footer__item .footer-item-right{
  display: flex;
  align-items: center;
  width: 70%;
}
.single-post-details__footer__item .footer-item-right button, .single-post-details__footer__item .footer-item-right a,
 .single-post-details__footer__item .footer-item-right span, .single-post-details__footer__item .footer-item-right h5{
  width: 100%;
}
.spacing{
  padding: 30px;
  padding-top: 0;
}
/*Footer*/
#footer .h2{color:#fff; font-size:16px; font-weight:bold; font-style: normal;}
#footer .fondogris p strong{ color: #000!important; margin-top: 5px;display: inline-block;}
#mailchimpform input{border: 0;border-bottom: 1px solid #000;border-radius: 0;}
#footer {  border-top: 1px solid #000;  background: #111;}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer .h1, #footer .h2, #footer .h3, #footer .h4, footer .h5, #footer .h6, 
#footer a, footer p, footer p a {color: #fff;}
#footer p, #footer a, #footer input, #footer label  {font-size: 14px; color: #ccc; }
#footer p{margin-bottom: 0;}
#footer  #footer a #footer p a:hover, #footer a:hover {color: var(--green);}
#footer .bkcolor {background-color: var(--light-green);}
#footer .bkcolor h4, #footer .bkcolor h5 {color: var(--black);}
#footer .svgimage {max-height: 150px;}
#footer .copyrow {border-top: 1px solid #000; padding-top: 20px;}
#footer big{color:#80825e!important;font-family: 'Trade Gothic LH', sans-serif;font-weight: 700;font-size: 24px;line-height: 32px;}
#footer #mailchimpform {  padding: 0;}
#footer #mailchimpform form {  padding: 0 15px;}
#footer .fullwidth.bloc{padding-left: 15px;padding-right: 15px;margin-bottom: 0;} 
#footer ul{margin-bottom: 0;}
#footer .sociallist li a{font-size: 25px;}
#footer .btn{height: 38px;}
#footer .linksucursales{font-weight: bold;font-size: 20px;display: block;margin-bottom: 15px;display: block;width: 100%;text-align: center;background: var(--darkgreen);padding: 15px;color: #fff;}
.intsocial {    justify-content: left; padding:0 15px;}
#footer small{display:block;}
/*Contacte*/
/*#simpleForm .form-input-item{display: flex;}
#simpleForm .control-label{max-width: fit-content;}
#simpleForm .form-style {border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #000; border-radius: 0;}*/
form label#accept {  display: flex;  flex-wrap: wrap;margin-top: 10px; font-size: 12px;}
#acepto_condiciones{margin-top:0;}
#footer a{text-decoration: none; }
#footer a, #footer .h2{
  font-style: normal;
}
#footer li a,#footer li{font-size:12px;}
#footer li i{width: 20px;  text-align: center; margin-right: 5px;}
#footer .h2{  margin-bottom: 5px !important;}
#simpleForm .btn.btn-brand{border: 1px solid var(--secundari); border-radius:25px;}
.icon-tiktok:before {	content: "\e900";  }
/*Especifc pàgines*/
#clientes .swiper {  mix-blend-mode: multiply;}
.parallax .btn.btn-brand{display:none;}
.parallax .content {	background: transparent;}
.parallax .container {	display: flex;	align-items: center;	height: 100%;}
#parallax {
	/* background-image: url("../../../media/images/home/parallax.png");*/
    background-attachment: initial;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#parallax .parallaxbox,.parallax .content {background:transparent; padding:clamp(30px,5vw,80px);width: 75%;max-width: 100%;top:unset; bottom:unset;}
.parallax .content.left{left: 0;    right: unset;}
.parallax .content.right{left: unset;    right: 0;}
.parallax {  height: clamp(450px,40vw,690px);}
#parallax h2{font-size: clamp(30px,3.5vw,60px); color: var(--white); margin-bottom: clamp(20px,3vw,50px);}
#parallax h3 {font-size: clamp(16px,3vw,22px); color: var(--white); font-weight: 400; margin: 0 10%; line-height: 1.2em;}
.parallax .content .giantText p {	color: inherit;  }
.parallax h2{  color: white;	font-size: 8vw;	line-height: normal;	font-weight: 900;  }
.parallax .content .giantText p {	font-size: clamp(20px,2vw,32px);  }
#fitxes .individualbanner2 .portfolio-thumb{margin: 0 auto;}
#fitxes .individualbanner2 .info p{font-size: clamp(14px,1.2vw,18px);line-height: normal;}
#projects .product-list .item {transition: all 0.3s linear; margin-bottom: 20px;}
#projects .product-list .item:hover {filter: brightness(80%)}
#index #projects .post-details {display: none;}
#clientes .swiper {margin-left: 2%;margin-right: 2%;}
#clientes .swiper-wrapper{align-items: center;}
#clientes .swiper-wrapper picture{display: flex;align-items: center;}
#clientes .row{align-items: center;}
#clientes .swiper-button-prev, #clientes .swiper-button-next {top: unset !important;bottom: unset;}
.nobutton .banner .btn{display:none;}
.text-m p {  font-size: clamp(16px,1.5vw,30px) !important;}
.greentext,.greentext p,.greentext h2,.greentext h3,.greentext h4,.greentext a{color:var(--green2);line-height: normal;}
.info.right p{text-align: left;}
.nopadfoto .info {padding: 15px 5vw;}

.descobrir h2 {color: var(--black);}
.descobrir p {color: var(--black); font-size: 22px; line-height: 1.4;}
#mediambient h3{font-size: clamp(20px,2.5vw,30px);}
#acabados {border-top: 1px solid #000;}
#acabados p.title {    font-size: clamp(20px,3.5vw,30px);	margin-bottom: 0;}
#acabados .seleccion div {	display: flex;    align-items: center;}
#acabados .acabados {display: flex; margin-left: 2em;}
#acabados input[type="radio"] {	appearance: none;	margin: 0;	font: inherit;	width: 100px;	height: 100px;	border: 1px solid #333;	border-radius: 50%;	transition: 500ms transform ease-in-out;}
#acabados .form-check-label {margin-left: 10px;}
#acabados .form-check-inline {margin-right: 1.5em;}
#acabados input#acabados_32[type="radio"] {background-color: #FFF;}
#acabados input#acabados_33[type="radio"] {background-color: #000;}
#acabados input#acabados_51[type="radio"] {background-color: #CCC;}
#acabados input[type="radio"]:hover {border: 3px solid var(--green);}
#acabados input[type="radio"] {  width: 60px!important;	height: 60px!important;}
#acabados input[type="radio"]:focus, #acabados input[type="radio"]:checked {	outline: max(3px, 0.35em) solid var(--green);	outline-offset: max(3px, 0.2em);
	border: 3px solid var(--green);}

#catdescription > div{column-count: 2;column-gap: 60px;}
#catdescription h2{font-size: clamp(16px,2vw,20px);line-height: normal;}
#catdescription p, #catdescription ul li{font-size: 16px; line-height: normal;}
#catdescription blockquote {  background-color: var(--light-green);margin-bottom: 15px;}
#contacte #footer .hiddenmobile{display:none;}
#contacte #footer .kd{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}


/*custom unical*/
#Sliders-home-swiper- .portfolio-thumb .img-fluid {	box-shadow: 0 10px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);  }
#sliderserv .swiper-slide  .img-fluid {	box-shadow: 0 10px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);  }
#slider{margin-bottom: 0;}


#containerText {
    position: relative;
  height: 15vw;
  top: 0;
  background: url(../img/brush.svg) no-repeat bottom center;
  margin-bottom: 30px;background-size: 40%;
}
/*text animation*/
#text1,
#text2 {
    position: absolute;    text-transform: uppercase;
    width: 100%;
    display: inline-block;
    color:#000;
	font-family: 'Trade Gothic LH', sans-serif;
    font-size: 9vw;
	font-weight: 900;
    text-align: center;

    user-select: none;
}

.dotblock h2{font-size: 17px;    font-family: 'Trade Gothic LH', sans-serif;}
#carrusel{transform: rotate(-7deg) translateY(0vw);}


#Sliders-home-swiper- .swiper-slide {transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);	transition-duration: 0.3s; transform:scaleX(1);filter: blur(0px); }
#Sliders-home-swiper-.transicion-entre-slides .swiper-slide {transform:scaleX(1.15);filter: blur(4px);}
#Sliders-home-swiper- .swiper-slide:hover{transform:scale(1.05)}

#sliderserv .swiper-slide {transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);	transition-duration: 0.3s; transform:scale(1);filter: blur(0px);margin-right:60px!important;}
#sliderserv .transicion-entre-slides .swiper-slide {transform:scale(0.95);filter: blur(4px);}
#sliderserv .swiper-slide:hover{transform:scale(1.05)}
#sliderserv .transicion-entre-slides .swiper-slide:hover {filter: blur(0px);}
#sliderserv .main-content-wrap{margin-top:15px!important;}

#Sliders-home-swiper- .swiper-slide.swiper-slide-duplicate-active{transform:scaleX(1.2)}
#sliderserv .swiper-slide.swiper-slide-duplicate-active{transform:scaleX(1.2)}

.swiper-wrapper{padding-top:10px;}

#Sliders-home-swiper- {width: 110vw;	left: -8vw;}
#sliderserv{width: 110vw;	left: -5vw;	max-width: unset;}

#sliderserv h2 {  font-size: clamp(16px,2vw,18px);  line-height: normal;  margin-top: 15px;}

/*Fi text animation*/
/*text reveal*/
#mask {
	width: 100%; 
	height: 50px;
	background-color: white;
	transform-origin: 100% 0; /* Punto de escalado en la esquina superior derecha */
	position: absolute;
	left: unset!important;
	right: 0;
	margin: 0 auto;
	animation-name: reveal;
	animation-duration: 4s;
	animation-delay: 2s; /* Retraso de 4 segundos */
	animation-fill-mode: forwards; /* Mantener el último estado de la animación */
  }
  
  @keyframes reveal {
	0% {
	  width: 100%;
	}
	100% {
	  width: 5%;
	}
  }
  /*Fi text reveal*/
/*custom classes*/
.bigtext{margin-bottom: clamp(30px,5vw,100px);}
.bigtext p{color:#666}
body:not(#index) .bigtext{margin-bottom: clamp(20px,2.5vw,40px);}
.bigtext h1,.bigtext h2,.bigtext h3,.bigtext h4{font-size: clamp(24px,4vw,60px); line-height: normal;	font-weight: 900;	text-transform: uppercase;	line-height: normal;font-family: 'Trade Gothic LH', sans-serif;
	position: relative;		top: 0;	background: url(../img/brush.svg) no-repeat bottom left;background-size: 90%;	margin-bottom: 30px;padding-bottom: 30px;}
.bigtext h1.center,.bigtext h2.center,.bigtext h3.center,.bigtext h4.center{background-position: bottom center;}
body:not(#index) .bigtext h1{    text-transform: uppercase;font-size: 9vw;font-weight: 900;background-size: 40%;padding-bottom: clamp(1px,1vw,30px);}
.subhead h3,.subhead h2{font-size: clamp(20px,2vw,30px); line-height: normal;}
	.bigtext p{font-family: 'Trade Gothic LH';		font-weight: 400;		font-size: 18px;		line-height: 30px;	  }
.dotblock{	padding-top: 0px !important;	padding-right: 20px !important;	padding-left: 20px !important;	background-position: left center !important;	background-repeat: no-repeat !important;	background-size: contain !important;	background-image: url("../img/dot-dark.svg?id=8209");}
.brushed{position: relative;	height: 15vw;	top: 0;	background: url(../img/brush.svg) no-repeat bottom left;background-size: 40%;	margin-bottom: 30px;  }
.icontext p {	font-size: 14px; color:#666; margin-top:10px; }
.icontext h2 {	font-size: 16px;  margin:0;}
.icontext .feature-icon{margin-bottom:15px;}
.icontext{border-left: 1px solid #ccc;	padding-left: 30px;	padding-bottom: 30px;}
.clients img{padding:0 60px;}
#serveis .item .post-details{position:absolute;width: 100%;	padding: 15px 60px;}
#serveis .item .post-details .post-content{ background-color: #fff;text-align: center;padding: 30px 0;} 
#serveis .item .post-details .post-content .btn{border:none!important}
#serveis .item .single-post-slide-wrap{display: flex;	align-items: center;	justify-content: center;overflow: hidden;}
#serveis .item img{transition: all 0.2s ease-in;}
#serveis .item:hover img{transform: scale(1.08);}
#serveis .item .post-details h3{padding-bottom: 0;font-size: clamp(16px,2vw,22px);}
.mainimg{margin-bottom:15px;    margin-top: 80px;}
.galeria .item{margin-bottom:15px;}
/*custom classes*/
/*projectes*/
.filter-buttons {	margin-top: 0px;  }
.cat-fields input[type="checkbox"] {
	width: auto !important;
	margin-right: 10px;
	margin-top: 8px;
  }
  .form-check {
	display: inline-block;
	background-color: #fff; /* Color de fondo del botón */
	color: #000; /* Color del texto del botón */
	padding: 0px 20px; /* Espaciado interno del botón */
	border: none;
	border-radius: 5px; /* Bordes redondeados */
	cursor: pointer;
	user-select: none; /* Evita que se seleccione el texto */
  }
  
  /* Oculta el radio button */
  .form-check input[type="checkbox"] {
	display: none;
  }
  
  /* Cambia el estilo del botón cuando está marcado */
  .form-check input[type="checkbox"]:checked + label {
	color:var(--secundari)!important /* Cambia el color de fondo cuando está marcado */
  }
  .nobutton{border: none;	background: transparent;	font-size: 16px !important;	padding: 3px 5px;	margin-right: 8px;font-style: italic;	color: #666; text-transform: uppercase;}
  #filterbar{margin-bottom:15px; padding:0 15px;flex-wrap: nowrap;}
  #filterbar .form-check-label {	font-style: italic;	text-transform: uppercase;	font-size: 16px; color:#666;cursor: pointer;  }
  #filterbar .form-check-label:hover{color:var(--secundari)}
  #projectes .product-list h3,  #projectes .product-list .item-title{text-align: left;font-size: 16px;}
  #projectes .item .single-post-slide-wrap{overflow: hidden;}
#projectes .item img{transition: all 0.2s ease-in;}
#projectes .item:hover img{transform: scale(1.08);}
#projectes .item .post-details{position:absolute;}
.gallery .item{
  margin-bottom: 25px !important;
}
h2.title.related{font-size: clamp(16px,2vw,20px);	text-transform: uppercase;	font-style: italic;}
#related.product-list h3,#related.product-list .item-title {
	font-size: clamp(14px,2vw,16px);
	text-align: left;
	line-height: normal;
	padding: 8px 15px;
	margin: 0 auto;
	font-weight: 400;
  }
  .Servicios.fitxa .blocinfo h1{font-weight: 700;line-height: normal;}
  .Proyectos.fitxa .blocinfo h1{margin-bottom: 20px !important;  }
  .Servicios.fitxa .blocinfo h1:after,.Proyectos.fitxa .blocinfo h1:after{content: "";	position: absolute;	border-bottom: 2px solid var(--secundari);	width: 100px;	bottom: 10px;	left: 15px; }
  .Servicios.fitxa .blocinfo h2{font-weight: 700;line-height: normal;font-size: clamp(14px,2vw,18px);}
/*projectes*/
.contactbloc .icontext {padding:0!important;}
.contactbloc .icontext img{max-width: 60px;;}
.contactbloc .social-icons ul{justify-content: center;}
.contactbloc h2{    font-size: 16px;    margin: 0;}
.contactbloc .intsocial {    justify-content: center;}
.contactbloc .social-icons li a {
    color: #fff;
    padding: 5px;
    background: var(--secundari);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#contacte .icontext {	border-left: none}
#footer .socket{padding: 10px 15px !important;	border-top: 1px solid #666;	margin-top: 15px;  }
/*cookies*/
.boton-cookie.big {
    background-color: black!important;
    text-transform: initial;
    color: #fff;
    border: 1px solid black;
    height: 48px;font-size: 14px;    margin: 0 1%;
}
.boton-cookie.big:hover {background-color: black!important; color:#000; border: 1px solid black;}
.btn-decline {
    background-color: #fff!important;
    text-transform: initial;
    color: black;
    border: 1px solid black;
    height: 48px; border-radius:0;font-size: 14px;
}
.btn-decline:hover {border-color:#000; color:#000;}
#editcookies .boton_cookie{text-align: center;}
#editcookies .boton_cookie .btn{     border-radius: 0;    border: 1px solid black;    background: #fff;    font-size: 14px;    color: black;}
#editcookies .boton_cookie .btn:hover{  background: #fff!important; border: 1px solid #000!important; color:#000!important; box-shadow:none!important}
.aceptar-footer {    text-align: center;    padding: 30px 15px;    border-top: 1px solid #ccc;    margin-top: 15px;}
.aceptar-footer .b-boton-cookie {text-align: center;    margin: 0 auto;    font-size: 16px;    padding: 10px 25px;}
.politicas-cookie .modal-title {    margin-bottom: 0;}
.politicas-cookie ul.idiomes {    right: 15px;}
#socket p a{text-decoration: underline;}
.modal-body a{text-decoration: underline;}
#simpleForm a{text-decoration: underline;}

@media screen and (max-width: 767px) {
.buttons-cookies{    margin-top: 15px;    text-align: center;}
.buttons-cookies button{margin-bottom:15px!important;    width: 100%;}
}
/*cookies fi*/

/* Filtres */

.filter{
  margin-bottom: 30px;
}
.filter h3:first-of-type{
  display: none;
}
.filter #filter_1{
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.filter .form-check{
  padding: 0px !important;
}
.filter .form-check label{
  box-sizing: border-box;
  border: 1px solid #e7e7e7;
  color: var(--primary);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  padding: 20px 30px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
}
.filter .form-check:hover label::after{
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 2px solid var(--secundari);
  background-color: lightgrey;
}
.filter .filter-buttons input{
  background-color: white;
  box-sizing: border-box;
  border: 1px solid #e7e7e7;
  color: var(--primary);
  font-size: 14px !important;
  font-weight: 600;
  line-height: 1;
  padding: 20px 30px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  border-radius: 0px;
}
.btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover {
  background-color: var(--secundari) !important;
  box-shadow: unset !important;
}
.filter .filter-buttons:hover input::after{
  background-color: lightgrey !important;
  color: var(--primary) !important;
  box-shadow: unset !important;
  border-bottom: 2px solid var(--secundari);
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 2px solid var(--secundari);
  background-color: lightgrey;
}
.filter .filter-buttons input:focus{
  outline: unset;
  background-color: lightgrey !important;
  color: var(--primary) !important;
  box-shadow: unset !important;
}
/* Filtres fi */
#contacte .dades strong{color:#E31A32;}
#contacte .dades li{list-style: none;}
#contacte .dades ul{padding:0;}
#contacte .dades li i{margin-right: 10px;}
#contacte .dades .sociallist li{ background-color: #E31A32; width: 40px; height: 40px;border-radius: 50%;
  display: flex;  justify-content: center;  align-items: center;}
  #contacte .dades .sociallist li:hover{ background-color: #111;}
#contacte .dades .sociallist li a{color:#fff;}
#contacte .dades .sociallist li i {  margin-right: 0;} 

#accordion-cookies .event-about-accordion h3{font-size: 16px !important;  color: #000;}
.buttons-cookies{margin-top: 30px;}
.form-style{border-radius: 0;background-color: #E6E6E6; border-color: #E6E6E6}
form input[type="text"] {
  margin: 0 0 10px 0;
  height: 50px;
  padding: 0 0 0 13px;
}
form input[type="email"] {
  margin: 0 0 10px 0;
  height: 50px;
  padding: 0 0 0 13px;
}
.btn.btn-brand{background-color: #E31A32; color:#fff;border-color: #E31A32;}
.btn.btn-brand:hover{background-color: #111; color:#fff;border-color: #111;}
.dropdown-menu{
  box-shadow: unset;
}

#index #serveis .banner img{max-width: 120px;}
#index #serveis .banner {  align-items: center;  flex-direction: column-reverse;}
#index #serveis .banner .caption h3 a {  color: #000;}

.homeProjects > div > div > div {
  justify-content: center;
}
.ellipsisText ul > li:nth-child(2){
  display: block;
  text-overflow: ellipsis;
  width: 170px;
  overflow: hidden;
  white-space: nowrap;
}
li{font-size: 14px;}

.cms p{margin-bottom: 15px;}

.form-group .small,.form-group small {
  font-size: 60%;
  font-weight: 400;
}