@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/dm-sans-v15-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/dm-sans-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/dm-sans-v15-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/dm-sans-v15-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/dm-sans-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Sofia Sans Extra Condensed';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/sofia-sans-extra-condensed-v2-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Sofia Sans Extra Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/sofia-sans-extra-condensed-v2-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Sofia Sans Extra Condensed';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/sofia-sans-extra-condensed-v2-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Sofia Sans Extra Condensed';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/sofia-sans-extra-condensed-v2-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Sofia Sans Extra Condensed';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/sofia-sans-extra-condensed-v2-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
/* ===================  NO BORRAR =============================== */
:root {
	--white: #FFFFFF;
	--yellow: #EFD275;
	--brown: #C9874B;
	--warm-grey: #BFB8AC;
	--light-brown: #BFA97C;	
	--yellow-green: #C8CE9D;
	--light-green: #ECE8D3;
	--green: #9EA174;
	--green2: #77a49e;
	--darkgreen: #80825e;
	--cyan: #77A59F;
	--black: #000000;
	--gris:#E7E6E6;
	--vermell:#c1272d;
	--verd:#005b3a;
	--verdclar:#00a14f;
	--verdfosc:#007551;
	--taronja:#ff8000;
	--blauclar0:#e4edf2;
	--blauclar:#b3cbd8;
	--blaucel:#29abe2;
	--blaufosc:#06658e;
	--primari:#333333; 
	--swiper-navigation-size:20px; 
}
html,body{overflow-x: hidden;}
body{ font-family: "Sofia Sans Extra Condensed", sans-serif;font-size: 20px; line-height: normal;}
p{font-family: "Sofia Sans Extra Condensed", sans-serif; font-size: 20px;color: #000;font-size: 24px; line-height: normal; letter-spacing: 0.5px; font-weight: 300;}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{ font-family: "Sofia Sans Extra Condensed", sans-serif; font-weight: 700; color: #000;margin-bottom: 15px;}
h1{font-size: clamp(28px,2.8vw,48px); line-height: normal; margin-bottom: 15px!important;}
h1.small{font-size:11px}
h2, .h2 { font-size: clamp(24px,2.5vw,40px); line-height: normal;}
.titlel h1, .titlel h2, .titlel h3, .titlel h4, .titlel h5 {font-size: clamp(22px,4vw,50px) !important;}
.btn-accordion {font-family: "Sofia Sans Extra Condensed", sans-serif;}
a {color:var(--vermell)!important;}
a:hover {color: var(--verdfosc)!important;}
a, a:hover {transition: all 0.3s ease;}
.caption { left: 0;	right: 0;margin: 0 auto;}
.caption p {font-size: clamp(18px,2.5vw,26px); line-height: inherit;}
big{font-size: clamp(18px,2.5vw,26px);}
.caption big{font-size: clamp(30px, 5vw, 48px);}
blockquote {padding: 5px 5px 5px 30px;  text-align: left;  margin: 20px 0; background-color: transparent;  border-left: 10px solid var(--verdfosc);}
blockquote {padding: 5px 5px 5px 30px;  text-align: left;  margin: 20px 0; background-color: transparent;  border-left: 10px solid var(--verdfosc);}
blockquote p{margin-bottom: 0; font-size: 28px; font-weight: 600;}
.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);}
.nopadding {padding: 0!important;}
.hidden {display: none;}

/* =========== BOTONS =========== */
.btn, #frm_nuevo_usr .btn, .boton-cookie, .btn-cookies {
    border-radius: 50px;
    height: clamp(1.575rem, 0.54vw + 1.644rem, 2.43rem)!important /*clamp(1.875rem, 0.974vw + 1.644rem, 2.813rem)!important*/;
    font-size: clamp(1rem, 0.3vw + 0.8rem, 1.155rem)!important /*clamp(1rem, 0.39vw + 0.907rem, 1.375rem)!important*/;
    padding: 0 35px!important;
	letter-spacing: 0.4px;
    text-transform: uppercase;
    font-weight: 600;
	border: 1px solid #000;
	margin: 0;
} 
.btn.btn-brand, .boton-cookie.big, .btn-decline, .btn-default {background-color: #f2f2f2; border: 1px solid #000;margin: 0;}
.btn.btn-brand:hover, .boton-cookie.big:hover, .btn-decline:hover, .btn-default:hover {background-color: var(--vermell)!important; color:#fff!important;}
.btn:hover {border-color: #000;}
.btn:focus {outline: 1px solid #000;}
.arrowfilter.btn:focus {color: #dc3545 !important;outline: 0; transform: rotate(90deg);}

.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.upload {background-color: var(--verdfosc); color: #fff!important; border-color:#fff;}
.btn.btn-brand.upload:hover{background-color: var(--verd)!important;}

#ofertes .btn.btn-brand.upload {background-color: var(--vermell); color: #fff!important; border-color:#fff;}
#ofertes .btn.btn-brand.upload:hover{background-color: var(--verd)!important;}
#demandes .btn.btn-brand.upload {background-color: var(--verd); color: #fff; border-color:#fff;}
#demandes .btn.btn-brand.upload:hover{background-color: var(--vermell)!important;}
#bannerhelpdesk .btn.btn-brand {background-color: var(--blaufosc); color: #fff!important; border: 1px solid #FFF;margin: 0; display: flex;}


.btn.btn-brand.blue {background-color: var(--blaufosc); color:#fff; border-color:#fff; margin-bottom:15px;}
.btn.btn-brand.blue:hover{background-color: #000; color:#fff; border-color:#fff;}

.btn-primary, .btn-secondary {
    height: 35px;
    font-size: 16px;
    padding: 0 30px;
    line-height: 35px;
}
.btn-primary {background-color: var(--vermell);color:#fff!important;}
.btn-secondary {color: var(--white); background-color: var(--secondary);}
.btn-primary:hover, .btn-primary:focus, .btn-secondary:hover, .btn-secondary:focus {background-color: #333!important; color:#fff!important; border-color:#000; box-shadow: none!important;outline: 0 !important;}
.btn.btn-brand.btn-secondary:active, .btn.btn-brand.btn-secondary:focus, .btn.btn-brand.btn-secondary:hover {background-color: #c3c3c3!important; color:#000!important; box-shadow: none!important;}

.btn-dark-primary:hover {background-color: #000 !important; box-shadow: none !important;}

.btn.btn-send {background-color: #f2f2f2 !important; color: var(--verdfosc)!important;}
.btn.btn-send:hover {background-color: var(--verdfosc)!important; color:#fff!important;}
.btn.btn-info {
	height: 30px!important;
    font-size: 18px!important;
    font-weight: 500;
    padding: 0 25px!important;
	background-color: #ededed;
    color: #666;
}
.btn.btn-info:hover {background-color: #333!important; color:#fff!important;}
/*.btn.btn-send {margin-top: 20px;}*/
.b-boton-cookie {display: inline;}

#intranet .btn {margin-bottom: 10px; }
#intranet .btn.btn-brand {background-color: #f2f2f2; color: var(--vermell); border-radius: 50px;}
#intranet .btn.btn-green {background-color: var(--verdfosc); color: #fff!important; border-color:#000;}
#intranet .btn.btn-green:hover, #intranet .btn.btn-green:focus {background-color: #333!important; color:#fff!important;outline: 0 !important;}

.sociallist {margin: 0 15px;}
.share-item a, .sociallist li a {
	padding: 10px;
    width: 35px;
    height: 35px;
    font-size: 16px;
    display: inline-flex;
    border-radius: 50%;
    color: #000!important;
	justify-content: center;
    align-items: center;
	background: #e8e8e8 !important;
	text-decoration: none !important;
}
.mediacol .share-item a {background: #f2f2f2 !important;}
.share-item a:hover, .mediacol .share-item a:hover, .sociallist li a:hover {background: #000 !important; color: #FFF !important;}
button:focus {outline: 0;}

/* =========== 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;}
.balign, .balign > .row {display: flex; align-items: flex-end;}
.talign, .talign > .row {display: flex; align-items: flex-start;}
.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);} 


/* ===================  MENU =============================== */
.extratop {background-color: #333333;}
.extratop a {color: var(--white)!important;} 
.extratop .logo img {height: 25px; width: auto;}
#arcbar{color: #fff;    font-family: 'Open Sans', sans-serif, arial; font-size: 16px;}
#menublock .botAlert{background-color: var(--vermell);  border: none;  color: #fff;  border-radius: 50%;  font-size: 12px;  padding: 3px;  width: 20px;  height: 20px;}
.cbp-af-header.header-transparent.cbp-af-header-shrink #menublock {transition: all 0.3s ease-out; height: 70px;}
.cbp-af-header.header-transparent #menublock {transition: all 0.3s ease-out; height: 120px;}
.cbp-af-header.header-transparent #menublock .row {height: 100%;}

ul.idiomes {position: absolute;right: 0; display: grid;}
ul.idiomes li a {
	line-height: 31px;
    padding: 0 8px;
    background: var(--primari);
    color: #FFF !important;
    display: block !important;
    text-align: center;
	margin-bottom: 0;
    xborder-radius: 0 0 4px 6px;
}
ul.idiomes li a:hover {background: var(--vermell);}
ul.idiomes li.active a {color: #FFF !important; background: transparent;}
ul.idiomes li.active a:hover {color: #ccc !important;}
ul.idiomes li.active a:after {
	content: "\f078";
    position: relative;
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: 10px;
    top: -2px;
	left: 5px;
}
ul.idiomes li {visibility: hidden; transition: visibility 0.3s, opacity 0.3s;}
ul.idiomes:hover li, ul.idiomes li.active {
    visibility: visible !important;
    opacity: 1;
	position: relative;
    z-index: 999;
}
ul.idiomes li {order: 1;}
ul.idiomes li.active {order: 0;}

.social-icons li a {color: #000;}

.navbar-brand {margin: 10px 0 0; height: 35px; position: absolute; top: 0; transition: all 0.3s ease-out;}
.navigation-wrap {border-bottom: 0 !important;}
.cbp-af-header.header-transparent {background-color: rgb(255 255 255 / 80%) !important; }
.cbp-af-header.cbp-af-header-shrink .dropdown-menu {margin-top: 8px !important;}
.main-navigation .dropdown-menu {padding: 10px 10px 15px 10px !important;top: 100%;background: #fff; margin-top: 0 !important; left: -30%;	border-top: none; border-radius: 15px;}
.dropdown-menu::before {top: 0;}
.main-navigation.navbar {font-family: 'Open Sans', sans-serif, arial; /*align-items: flex-end;*/ height: 100%;}
.cbp-af-header.header-transparent.cbp-af-header-shrink .main-navigation.navbar {height: auto; z-index: 999;}
.main-navigation .nav-link, .cbp-af-header.cbp-af-header-shrink .nav-link {font-size: 14px; margin-top: 0; margin-bottom: 0;}
.cbp-af-header.header-transparent .logo1, 
.cbp-af-header.header-transparent.cbp-af-header-shrink .logo2 {display: initial; animation: lazy-kf 1.5s;}
.cbp-af-header.cbp-af-header-shrink .navbar-brand, 
.cbp-af-header.header-transparent .logo2 {display: none;}
.cbp-af-header.header-transparent .logo2 img {max-width: 446px;}
.cbp-af-header.header-transparent .headline::before,
.cbp-af-header.header-transparent.cbp-af-header-shrink .headline::before {
    content: "";
    border-top: 3px solid var(--verdclar);
    width: 100%;
    bottom: 3px;
    margin: 0;
    display: flex;
    position: absolute;
}
@keyframes lazy-kf{
    from {opacity:0;}
    to {opacity:1;}
}

.cbp-af-header.cbp-af-header-shrink .navbar-nav > .nav-item {margin: 0 12px !important;}
.cbp-af-header.cbp-af-header-shrink .navbar-nav.menuuser0 > .nav-item {margin: 0 !important;}
.nav-link::before {
    position: absolute;
    content: '';
    bottom: -4px;
    transition: all 250ms linear;
}
.main-navigation .nav-link::before {height: 3px; background-color: var(--verdfosc);}
.nav-link.active::before, .nav-link.selected::before, .nav-link:hover::before {bottom: 0;}


.main-navigation #loginmodule .nav-link::before {height: 0!important; background-color: transparent!important;}
#loginmodule {border:1px solid var(--verd); border-radius:25px;position: relative;padding: 3px 3px 3px 20px; font-size: 14px; animation: lazy-kf 1s;}
.logged #loginmodule {background: var(--verd);}
.logincol {-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.cbp-af-header.header-transparent .logincol {display: flex; align-items: flex-start; justify-content: flex-end; transform: translateY(10px);}
.cbp-af-header.header-transparent.cbp-af-header-shrink .logincol {display: flex; align-items: center; transform: translateY(-5px);}


#loginmodule ul li.nav-item {  
	margin: 0;
	font-size: 14px;  
	text-align: left; 
	display: flex; 
	cursor: pointer;
	align-items: center;
}
#loginmodule ul li.nav-item .data i {display: none;}

#loginmodule ul li.nav-item:after {
	content: '';
    display: inline-block;
    width: 25px;
    background: url(../img/ico_user.svg) no-repeat top left;
    padding: 0;
    height: 25px;
    margin-left: 10px;
    background-size: contain;
	animation: lazy-kf 1.5s;
}
.logged #loginmodule ul li.nav-item:after {
	content: '';
    display: inline-block;
    width: 25px;
    background: url(../img/ico_user_white.svg) no-repeat top left;
    padding: 0;
    height: 25px;
    margin-left: 10px;
    background-size: contain;
	animation: lazy-kf 1.5s;
}
#loginmodule .dropdown-menu ul li.nav-item:after {
	content: '';
    background: none;
    padding: 0;
    height: 0;
    margin-left: 0;
}
#loginmodule .nav-item.dropdown a:after {display: none;}
.main-navigation .dropdown-menu .nav-link {margin: 5px 0 !important; line-height: initial !important;}
.main-navigation .dropdown-menu .nav-link::before {height: 0;}
.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(--verdclar) !important;}
.main-navigation .dropdown-menu .dropdown-item.active {color: var(--verdfosc) !important;}

#loginmodule ul li.nav-item.hola {
    color: var(--verdfosc);
    font-weight: 600;
    border-bottom: 1px solid #efefef;
    padding: 5px 0 10px !important; 
    margin-bottom: 5px;
}
#loginmodule ul li.nav-item .nav-link {margin: 5px 0 0 30px!important; line-height: 1.2em;color: #fff !important;}
#loginmodule .dropdown-menu ul li.nav-item .nav-link {color: #000!important;}
#loginmodule ul.navbar-nav.menuuser0 li.nav-item .nav-link {margin: 3px 0 0 0!important;}
#loginmodule .notification {position: absolute; right: 0; top: 0;}
#loginmodule .btn-user-profile {
    color: var(--vermell);
    height: 34px;
    padding: 10px 0 0 0;
}
#loginmodule .btn-user-profile:hover {color:var(--primari); background-color: transparent;}
#loginmodule .btn-user-profile:focus {outline: 0;}
.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: rgb(0, 0, 1)!important;line-height: 70px;}
/*.navbar-light .navbar-nav .nav-link.active{border-bottom:1px solid #000;}*/
.main-navigation ul li.nav-item {  margin: 0 12px 0 12px;}
.navbar-light .navbar-nav .nav-link span.data:after {
	content: '';
    border-right: 1px solid #e3e4e9;
    right: -12px;
    position: relative;
}
.navbar-nav > .nav-item:last-child .nav-link span.data:after {
	content: none;
    border-right: none;
}



/*Contenidors*/
header .fondogris {	background-color: #666;	padding: 5px;	margin: 0px 0;  }
.fondogris {background: var(--gris);margin: 0;}
.fondogris2 {background: var(--primari);margin: 0;}
.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 {display: flex; align-items: center;}
#slider #frasetop {
	position: absolute;
	z-index: 99;
    width: 650px;
    padding-left: 200px;
    margin-left: 5%;
}
#slider #frasetop h1 {color: var(--vermell); font-size:clamp(2.25rem, 2.244vw + 1.346rem, 3.5rem)/*clamp(1.875rem, 1.948vw + 1.412rem, 3.75rem)*/; line-height: normal}
#slider #frasetop h1::before {
	content: url(/media/images/home/marks.svg);
	position: absolute;
	top: 15px;
	left: 0;
}
#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;}

/*llistats home*/
.anuncis > .row{align-items: center;    width: 100%;}
.anuncis .caption .left{margin:0; text-align: left;max-width: 500px;}
.anuncis {color:#333; display:flex;}
.anuncis  .caption{pointer-events: all;padding: 0 0 0 22vw!important; width: 60%;}
.anuncis  .caption p,.anuncis  .caption h2.tipustext {color:#333;text-align: left; font-size: clamp(1.2rem, 0.649vw + 0.846rem, 1.625rem); line-height: 1.1em; margin-bottom: clamp(0.313rem, 0.974vw + 0.081rem, 1.25rem);}
.anuncis  .caption h2,.anuncis  .caption h1{font-size: clamp(2.188rem, 2.273vw + 1.648rem, 4.375rem); font-weight: 700;	text-transform: uppercase;}
.anuncis  .caption > .row{display: block;}
.anuncis  .btn{	width: 100%;}
.anuncis div{margin: 0; padding: 0;}

.anuncis.ofertes .caption h1 {color: var(--vermell); line-height: clamp(1.875rem, 1.299vw + 1.567rem, 3.125rem); font-weight: 800;}
.anuncis.ofertes .caption h2 {color: var(--vermell); border-top: clamp(0.625rem, 0.649vw + 0.471rem, 1.25rem) solid var(--vermell);
    line-height: clamp(1.563rem, 1.623vw + 1.177rem, 3.125rem); margin-bottom: clamp(0.313rem, 0.649vw + 0.158rem, 0.938rem);}
    .anuncis.ofertes .caption h2.tipustext{    color: #333;        font-weight: normal;        text-transform: none;        margin: 0;        line-height: normal;        border: none;}
.anuncis.demandes .caption h1 {color: var(--verd); line-height: clamp(1.875rem, 1.299vw + 1.567rem, 3.125rem); font-weight: 800;}
.anuncis.demandes .caption h2 {color: var(--verd); border-top: clamp(0.625rem, 0.649vw + 0.471rem, 1.25rem) solid var(--verd);line-height:clamp(1.563rem, 1.623vw + 1.177rem, 3.125rem); margin-bottom: clamp(0.313rem, 0.649vw + 0.158rem, 0.938rem);}
.anuncis.demandes .btn.btn-brand {color: var( --verd)!important;}
.anuncis.demandes .btn.btn-brand:hover {background: var(--verd); color: #fff!important;}

/*Banners*/
#banupload{align-items: center;}
#banupload .caption{pointer-events: all;}
.individualbanner3{height: 100%; width: 90%; position: initial;}
.individualbanner3 .zonalink{/*background-color: #ff8000;*/ width: 90%; height: 100%;}
.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-size: 20px;margin-bottom: 25px;}
.individualbanner1 h2 {    position: absolute;    text-align: center;    padding: 15px;    width: 93%;    color: #FFFFFF;    margin: 5% 0 0 0;    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 {transform: translateY(-15px);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: 'DM Sans', 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: 'DM Sans', sans-serif;}
.individualbanner2 .caption a { color: #000;}
.individualbanner2 .caption div { text-align: inherit;}

/*Breadcrumb*/
.breadcrumbcontainer {    xbackground: #f9f9f9;	top: 140px;}
.has-sticky-header .breadcrumbcontainer {    top: 110px;    background: #f9f9f9;}
.breadcrumb {display: inline-flex;}
.breadcrumb a{color: #000;}

/*Llistats de productes i categories*/
.margin-principal {margin-top: 180px!important;}
body#ofertes, body#demandes {background-color: #E7E6E6;}
body#ofertes .margin-principal, body#demandes .margin-principal {margin-top: 0!important; padding-top: 100px;}
.filter {background-color: #fff; padding: 15px 20px 30px 70px; border-radius: 6px; margin-bottom: 1em;}
.filter h3{text-transform: uppercase;color: var(--vermell); margin-bottom: 0; margin-top: 5px;}
.filter .filter-field {border-top: 1px solid #e7e7e7; margin-bottom: 15px;}
.filter .filter-field label.head-label {font-size: 24px; color: #000; font-weight: 600;}
.filter p {margin-bottom: 0;}
.filter .irs-min:after{content:" Km."; color:#000000;}
.filter .irs-max:after{content:" Km."; color:#000000;}
.filter .irs-single:after{content:" Km."; color:#fff;}
.irs--flat .irs-handle > i:first-child {background-color: #333;}
.irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child {background-color: var(--vermell);}
.filter form input[type="checkbox"], form input[type="checkbox"] {width: 18px !important; margin-top: 0;}
.filter input[type="text"]{
	background-color: #eee;
    border: 1px solid #ccc;
    width: 100%;
    padding: 5px 10px;
}
.filter input[type="text"]:focus, body#ofertes .filter input[type="text"]:active{
    border: 1px solid #f00;
}
.filter.filter .form-check {display: flex; line-height: 1.3; align-items: center;}
.filter .form-check-input {
	cursor: pointer;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3csvg viewBox='2 2 12 12' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
	width: 18px!important;
	height: 18px!important;
	appearance: none;
	border: 1px solid #b5b5b5;
	border-radius: 5px;
	transition: background-image 0.3s ease-in;
}
.form-check-input:checked {background-image: url("data:image/svg+xml,%3csvg viewBox='2 2 12 12' fill='%23c1272d' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");border-color: #333;}
.form-check-input:focus {border-color: #333;}
.form-check-input:disabled {background-color: #CBCBCB;background-image: none;}
.form-check-input:disabled:checked {
	background-color: rgb(198, 198, 198);
	background-image: url("data:image/svg+xml,%3csvg viewBox='2 2 12 12' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
.irs--flat .irs-bar {background-color: #000;}
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {background-color: var(--vermell);}
.filter-buttons {display: flex; justify-content: space-around}
.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 .inner{border-top:10px solid var(--vermell);position: relative;padding-bottom: 80px;height: 100%;}
.product-list .item .bottomblock{position: absolute; bottom: 0;	width: 100%;}
.Productos.lev-2 h1,.Productos.lev-1 h1{text-align: center;}


.product-list .item {margin-bottom: 20px;transition: all 0.3s ease;}
.llistat .product-list .item {margin-bottom: 0}
.product-list .item .Preu{font-size: 60px; color:var(--vermell)}
.product-list .item .Unitat{color:#000}
.product-list .item .top{font-weight: bold;font-size: 40px;line-height: initial;}
.product-list .item .favBTN, .favBTN{max-width: 50px;  width: 100%; border:none; background-color:transparent;outline: none; }
.heartcode{fill:#fff}
.demandes .heartcode{fill:#eee}
.product-list .item .favBTN.active .heartcode{fill:var(--vermell)}
.product-list .item:hover {transform: scale(1.03);}
.product-list .item .heart, .heart{
    position: relative;
    /*animation: heartbeat 1s infinite;*/
    margin:0 auto
}
.fav a.active .heart,.favBTN.active .heart  {
    animation: heartbeat 0.5s 1; /* Inicia la animación solo al hacer rollover y se ejecuta una sola vez */
}
.product-list .item .heart:before,
.product-list .item .heart:after {
    position: absolute;
    content: "";
    left: 50px;
    top: 0;
    width: 50px;
    height: 80px;
    background: #fff;
    -moz-border-radius: 50px 50px 0 0;
    border-radius: 50px 50px 0 0;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
       -moz-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
         -o-transform-origin: 0 100%;
            transform-origin: 0 100%;
}
.product-list .item .heart:after {
    left: 0;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
       -moz-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
         -o-transform-origin: 100% 100%;
            transform-origin :100% 100%;
}



@keyframes heartbeat {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}


.product-list .item .fav{text-align: right;}
.product-list .item .top span{line-height: unset; }
.product-list .item .mesinfo{font-weight: 700;font-size: 20px; line-height: normal;z-index: 99; position: relative;}
.product-list .item .mesinfo span{font-weight: normal;}

.product-list h3,.product-list .item-title {	font-size: 24px /*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; }
.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 h3,.product-list .item:hover .item-title {color: var(--primari);text-align: left;	padding: 0;font-weight: 700;	text-transform: uppercase; }
.product-list.products .item:hover .block-ellipsis h3 {color: inherit;}
#last .product-list .item .inner{border-top: 10px solid var(--taronja);}
#agenda .product-list .item .inner{border-top: 10px solid var(--verdclar); background: #efefef;}
#agenda .product-list .item .inner .post-details {padding: 10px;}
#agenda .product-list .item .inner .data{color:var(--verdfosc);}

#last .product-list .item .Preu {color: var(--taronja);}
#last .product-list .item img{opacity: 0;;}
#last .product-list .item .bottomblock:before{content:url("https://simbiosiindustrial.cat/img/itembottom-orange.svg");position: absolute;
    height: 140px;    display: block;    width: 100%;}
#last .product-list .item .top{display:none;}
#last .product-list .item{aspect-ratio: 1 / 1;}
.llistat{margin-bottom:60px}
.llistat .individualbanner3 .zonalink{align-items: flex-start;display: block;min-height: 120px;}
.llistat .individualbanner3 .zonalink .zonalink{}
.llistat .individualbanner3 h2{
	margin-top: 10px;    
	background: #e7e6e6;  
	width: 100%;
    padding: 0;
    font-size: clamp(2.5rem, 3vw + 0.8rem, 4.375rem)/*clamp(24px, 45vw, 55px)*/;
    line-height: 0.58em;
    padding-top: 3px;
    font-weight: 800;
}
.llistat .individualbanner3 .portfolio-cate{position: absolute;    bottom: 30px;    width: 100%;    text-align: center;}
.llistat .individualbanner3 .portfolio-cate p{color: #fff;    border: 1px solid #fff;    display: table;    text-align: center;    margin: 0 auto;    padding: 0px 30px;    border-radius: 25px;}

#row_ofertes, #row_demandes {padding-bottom: 2em;}
#row_operacions {padding-top: 3em;}
#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*/
.mediacol .foto{aspect-ratio: 1 / 1; background-color: #eee; margin-bottom:15px; display:flex; align-items: center; justify-content: center;}
.mediacol .foto > div {aspect-ratio: 1 / 1; overflow: hidden; align-items: center; display: flex;}
.mediacol .foto img, .gallery .gallerycontent img {box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.mediacol .swiper-slide {min-width: 125px;}
p.item-head {
	font-family: 'Open Sans', sans-serif, arial; 
	margin-bottom: 0; 
	font-size: 13px; 
	color: var(--black)!important; 
	width: 100%;
    /*border-bottom: 2px solid #f2f2f2;
    margin-bottom: 10px;
    line-height: 1.8em;*/
}
.mediacol .details__footer {margin: 20px 0 40px; border-top: none; border-bottom: none;}
.mediacol .details__footer__item {width: 100%; display: block; padding-left: 0 !important;}
.mediacol .footer-item-right {display: flex; justify-content: center;}

.Ofertes.fitxa .margin-principal {margin-bottom: 0;}
.Ofertes.fitxa {background-color: #E7E6E6;}
.Ofertes.fitxa h1 {color:var(--vermell)}
.Ofertes.fitxa .datainfo{background-color: #fff;padding: 30px;}
.Ofertes.fitxa .margin-principal{padding-top: 60px;}
.Ofertes.fitxa .camps{display:flex; flex-wrap: wrap;margin: 0;    padding: 0;}
.Ofertes.fitxa .camps li{list-style: none;
    background: #eee;
    width: 50%;
    margin-bottom: 5px;
    border-right: 10px solid #fff;
    padding: 5px 10px;}
.Ofertes.fitxa .camps li label{margin: 0;
    font-weight: bold;
    text-transform: uppercase;}
.Ofertes.fitxa .preufitxa{
        color: #000;
        line-height: 50px;
        margin-bottom: 15px; font-weight: bold;;
}
.Ofertes.fitxa .preufitxa .preu{color: var(--vermell);font-size: clamp(28px,2.8vw,48px);}
.Ofertes.fitxa .preufitxa .unitat{text-transform: lowercase;}
.Ofertes.fitxa .datainfo .heart .heartcode {    fill: #eee;  }
.Ofertes.fitxa .datainfo .active .heart .heartcode {    fill: var(--vermell);  }
.Ofertes.fitxa .datainfo .fav{max-width: 50px;width: 100%;position: absolute;    top: 70px;}
.Ofertes.fitxa .descripcio {min-height: 60px; margin-bottom: 10px;}
.Ofertes.fitxa .datainfo .right > div{justify-content: flex-end;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-end;}
#doc{padding: 0 25px 0 15px;}
#doc h2{text-transform: uppercase;}
#doc hr{border-color:#fff;margin-left: -30px;    margin-right: -30px;}
#doc ul{column-count: 2;}
#doc ul li{list-style: none;padding: 5px 0;}
#doc ul li:before{
	content:"\f15b";
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
	font-family: "Font Awesome 6 Free";
	background: #ccc;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
	margin-right: 10px;
	transition: all 0.3s ease-out;
  }
#doc ul li a{color:#333;}
#doc ul li a:hover, #doc ul li:hover:before {color:var(--vermell);}
#doc #doc_list {background: #eee; padding: 10px;}
.contactseller{}
.contactseller > .row{background-color: #eee;align-items: center;}

.infoseller {margin-top: 2em;}
.infoseller p {margin-bottom: 0; line-height: 1.2em; margin-left: 130px;}
.infoseller span {font-size: 16px;} 
.infoseller .valoracio {
    margin-top: 20px;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #ccc;
}
.infoseller .valoracio h4{
    font-size: 22px;
    line-height: 1.3em;
    margin-bottom: 0;
}   

.openchat{background: transparent;border: none;margin: 5px;}
.zonaticket a{color:var(--vermell);}
#chat .margin-principal{margin-top: 200px !important;}
#chat h1{margin: 0 !important;}
#chat{background-color: var(--blauclar);}
.logoempresa {max-width: 100px; aspect-ratio: 1/1; border: 2px solid #333;}
.infoseller .logoempresa{position: absolute;}
.infovendedor .logoempresa{margin-bottom: 20px;}
.infovendedor p {margin-bottom: 0;}
#chat .logoempresa, #rating .logoempresa{max-width:120px;position: relative;border: 0;}
#chat .empresa p {margin-bottom: 0;}
#chat .valoracion {font-size: 16px;}
#chat .productInfo {text-align: center;} 
#chat .productInfo .empresa{text-align: center;  font-weight: bold;  font-size: 26px;}
#chat .productInfo .empresa .nom{ font-weight: normal;}
#chat .productInfo .persona {}
#chat .productInfo .productlink{color:var(--blaufosc);font-size: 26px;}
#chat .btn.btn-brand.blue{width:100%; padding: 0!important;}
/* scrollbar */
#chat ::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}

#chat ::-webkit-scrollbar-track {
  background:var(--blauclar);      /* color of the tracking area */
}

#chat ::-webkit-scrollbar-thumb {
  background-color: #6f93ab;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 3px solid #6f93ab;  /* creates padding around scroll thumb */
}
#chat ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

#chat ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#chat ::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

#chat ::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.3);
}

.chat-page {/*height: 580px; */display: grid; padding: 0 0 15px 0;}
.chat-page .zonaticket{
	margin: 0;
    display: flex;
    height: 100%;
    padding-bottom: 10px;
}
.chat-page .head{background: transparent !important;
    padding: 10px 25px;
   /* position: fixed;
    z-index: 10;*/
    width: 100%;
    left: 0;
    right: 0;
    margin: 0;align-items: center;transition: all 0.3s ease-out;}
body.has-sticky-header .chat-page .head{margin-top: -30px;}

.chat-page .head h2{  font-size: 30px;  margin: 0;}
.chat-page .head > .container{display:flex; flex-wrap:wrap;}
.chat-page .order0{order:0}
.chat-page .order1{order:1}
.chat-page .conversation {
	/*height: calc(100% - 12px);*/
	position: relative;
	background-color: var(--blauclar0);
	z-index: 0;
	padding:0 0 10px 0;
	background-size: cover;
	/*max-height: calc(100vh - 392px);*/
	/*overflow-y: scroll;*/
	overflow-y: inherit;
	border-radius: 5px;
	box-shadow: 0 0 6px 2px rgb(6 101 142 / 50%); 
}
.chat-page .conversation.col-lg-9 {max-width: 73%; margin-right: 2%;overflow-x: hidden;height: 100%;}
.chat-page .message::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
}
.chat-page .conversation .conversation-container {
	/*height: calc(100% - 68px);*/
	height: unset;
	box-shadow: none;
	overflow-x: hidden;
	padding: 10px 20px 10px 25px;
	margin-bottom: 0px;
	min-height: 120px;height: 100%;
}
.chat-page .message {
	color: #000;
	clear: both;
	line-height: 1em;
	font-size: 15px;
	padding: 8px;
	position: relative;
	margin: 8px 0;
	max-width: 85%;width: 100%;
	word-wrap: break-word;
	min-width: 400px;
	border:none!important;
	box-shadow: 2px 2px 5px rgb(6 101 142 / 50%);
	background: #fff;font-size: 24px;
	border-radius: 0 25px 25px 25px;
}
.chat-page .message .message-date{display: block;color: rgba(0,0,0,0.8);padding: 0 5px 5px 0;font-size: 16px;}
.chat-page .message .message-date:before{content: "\f017";font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
font-size: inherit;
text-rendering: auto;
-moz-osx-font-smoothing: grayscale; margin-right: 5px;}
.chat-page .message p{padding: 15px;font-size: 16px;margin: 0;color: rgba(0,0,0,0.8);font-size: 20px;}
.chat-page .message:first-child {
  margin: 16px 0 8px;
}
.chat-page .message .message-author {color: var(--blaufosc); font-weight: 600;}
.chat-page .message .message-author::after{
	content: "...";
	font-size: inherit;
	color: rgba(0, 0, 0, 0.4);
	text-rendering: auto;
	margin-left: -2px;
}
.chat-page .message.mAdmin {
  background: #fff;
  border-radius: 0px 5px 5px 5px;
  float: left;
}
.chat-page .message.mAdmin .metadata {
  padding: 0 0 0 16px;
}
.chat-page .message:after {
	border-width: 0px 10px 15px 0;
	border-color: transparent #fff transparent transparent;
	top: 0;
	left: -8px;
}
.chat-page .message.isAuthor {
	background: #9ec3d3;
	border-radius: 5px 0px 5px 5px;
	float: right;
	border-radius: 25px 0 25px 25px;
}
.chat-page .message.isAuthor:after {
	border-width: 0px 0 15px 10px;
	border-color: transparent transparent transparent #9ec3d3;
	top: 0;
	right: -8px;
	left: unset;
}
.chat-page .message{
    margin: 15px;
    padding: 15px 30px;
}
.chat-page .message.isAuthor {margin: 0 0 15px;}
.chat-page .add_message_admin, .add_message_client{padding: 5px 30px 15px;color:var(--dark-blue); border-top:none;}
.chat-page .pInfo{
	background: #cadbe4;
	padding-top: 15px;
	border-left: none;
	box-shadow: none;
	padding-bottom: 15px;
	position: sticky;
	top: 200px;
	border-radius: 5px;
	box-shadow: 0 0 6px 2px rgb(6 101 142 / 50%);
	height: auto;
}
.chat-page .add_message_admin h3{margin:0;font-size: 20px;}
.chat-page .pInfo .innerpInfo{box-shadow: 2px 2px 5px rgba(0,0,0,0.2);background: #fff; padding: 15px;color: var(--dark-blue);}
.chat-page .pInfo ul{padding: 0;margin: 0;}
.chat-page .pInfo ul li{list-style: none;color: var(--dark-blue);font-size: 14px;border-bottom: 1px solid #ccc;padding: 10px 0;}
.chat-page .pInfo ul li:last-child{border:none;}
.chat-page .pInfo ul li strong{display: block;font-weight: 600;}
.chat-page .isAuthor{
    border: 1px solid red;
}
.chat-page .mAdmin{
    border: 1px solid #35516f;
}
.chat-page .mAdmin .message-author{
    background-color: #2ca6d7; border-radius: 0px 5px 5px 5px;
    padding: 8px 12px;
    color: #fff;display: block;margin-bottom: 10px;position:relative;
}
.chat-page .mAdmin .message-author::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
}
.chat-page .mAdmin .message-author:after {
  border-width: 0px 5px 5px 0;
  border-color: transparent #2ca6d7 transparent transparent;
  top: 0;
  left: -5px;
}
.chat-page .message-file{
    margin-top: 1vw;
    display: flex;
}
.chat-page .message button{border: none;padding: 8px 15px;border-radius: 5px;box-shadow: 1px 1px 3px rgba(0,0,0,0.5);}
.chat-page .message button:before{content: "\f0ed";font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
font-size: inherit;
text-rendering: auto;
-moz-osx-font-smoothing: grayscale; margin-right: 5px;}
.chat-page #add_response textarea{padding:15px;box-shadow: 2px 2px 5px rgba(0,0,0,0.2);width: 100%; border-radius: 5px!important;min-height: 150px;margin-bottom: 15px;}
.chat-page .multi_attach{background-color: transparent;}
.chat-page #submit_admin{background-color: transparent;  border: none; transition: all .3s ease;}
.chat-page .admin_warning{color:#2ca6d7; margin-bottom:10px;display: block;}
.botonsxat {position: absolute; right: 0px; top: -70px;width: auto; display: flex;height: 40px;margin-right: 30px;}
.botonsxat img{max-width: 40px; height: auto;}
.chat-page .btn.respon{color: #02254b;border: 1px solid #02254b;padding: 8px 28px;text-transform: uppercase; background: transparent;  -webkit-transition: all .2s linear !important;transition: all .2s linear !important;border-radius: 0;width: 100%;margin-bottom: 15px;background: #fff;}
.chat-page .btn.respon:before{content: "\f040";font: normal normal normal 14px/1 FontAwesome; font-size: 14px;margin-right: 10px;font-size: inherit;text-rendering: auto;-moz-osx-font-smoothing: grayscale; margin-right: 15px;}
.chat-page .btn.respon:hover,#submit_admin:hover{background: var(--blauclar0);color: #fff;}
.chat-page .multi_attach,.chat-page #attached_multi_client{border: 2px dotted black !important;padding: 30px;height: auto; margin-bottom: 30px;}
/* .chat-page #attached_multi:after,.chat-page #attached_multi_client:hover{content:"Arrastre aquí el archivo que desee adjuntar."} */
.chat-page .multi_attach:hover,.chat-page #attached_multi_client:hover{border: 2px dotted #2ca6d7 !important;}
.chat-page .attach{position:relative;width: 100%;}
.bloc-attach {position: relative;}
.chat-page .attach .draghere{position: absolute;right: 15px;display: block;top: 45%;pointer-events: none;}
.xattancat{position: absolute;z-index: 1;
    background: var(--vermell);
    color: #fff;
    padding: 5px 10px;
    right: 0;display:none;}
.chat-page.status1 .xattancat{display:block;}
#cke_response .cke_top,#cke_response .cke_bottom{display:none;}
#cke_response .cke_contents{height:80px !important;}
#add_response {display:flex; flex-wrap: wrap;position: relative;}
#add_response0 textarea{border-radius: 5px; border:none;padding: 5px 15px;  font-size: 24px; line-height: 1.2em;}
.resposta{background-color: var(--blauclar);    position: fixed;    bottom: 0;    width: 100%;    left: 0;}
.resposta.disabled{pointer-events: none;opacity:0.2;}
#response2{width:100%;max-height: 150px;}
textarea#response2:focus {outline: 1px solid rgb(41 171 226); box-shadow: 0 4px 5px 0 rgb(41 171 226 / 10%);} 
#cke_response{display:none;}
#add_response #cke_response {width:calc(100% - 280px);margin-bottom: 15px;margin-right: 15px;}
#add_response #attach{width: auto;
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    line-height: normal;
    align-items: center;
    font-size: 20px;
    align-content: center;
    height: fit-content;
    padding: 0;justify-content: center;
  }

.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;}


.modal-footer {display: flex; justify-content: center;}
.modal-open p, .modal-open body {font-size: 20px; font-weight: 500!important;}

.Entitats.fitxa .mainimage img{border:1px solid #eee; background: #f5f5f5;}
#entitats h2 {
	text-transform: uppercase;
    font-size: clamp(1.9rem, 1.09vw + 1.704rem, 2.75rem);
    font-weight: 400;
}
#entitats .swiper {padding: 0 35px;}
#entitats .swiper-button-next, #entitats .swiper-button-prev {
    border-radius: 50%;
    background-color: #fff;
    font-weight: 600;
    line-height: 40px; 
    width: 40px;
    height: 40px;
}
#entitats .swiper-button-next:after, #entitats .swiper-button-prev:after {font-size: 18px;}
#entitats .swiper-button-next:focus,
#entitats .swiper-button-next:hover,
#entitats .swiper-button-prev:focus,
#entitats .swiper-button-prev:hover {border: 0; background-color: var(--blaucel);}



/* Faqs */
#faqs h1 {}
#faqs h2 {font-size: 24px; text-align: right;color: var(--blaufosc);}
#faqs .acordio .card .card-header .titolacordio .btn {border: 0;} 
#faqs .acordio .card .card-header .titolacordio .btn:focus {outline: 0;}
#faqs .card-header {background-color: var(--blauclar); border: 0;}
#faqs .card {border: 0; border-top: 1px solid rgba(0, 0, 0, .5);}
#faqs .card:last-child {border-bottom: 1px solid rgba(0, 0, 0, .5);}
#faqs .acordio .titolacordio {border-top: 5px solid #fff; border-bottom: 5px solid #fff;}



/*Footer*/
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 {font-family: 'Open Sans', sans-serif, arial; background-color: #f5f5f5;}
#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 p a {color: var(--black);}
#footer p {font-family: 'Open Sans', sans-serif, arial; margin-bottom: 0; font-size: 13px; color: var(--black)!important;}
#footer p, #footer a, #footer input, #footer label  {font-size: 14px; color: var(--black); }
#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: 'DM Sans', 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 .titsocial {display: flex; align-items: center;}
#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;}
#footer .social-icons {border-top: 0;border-bottom: 1px solid #999; padding-bottom: 1em;}
#footer a.footerbutton {text-decoration: inherit; font-size: 13px;} 
#footer .titlem {
    font-size: 20px;
    font-weight: 7cc00;
    line-height: 30px;
}
#footer .socket {background: #333; padding: 5px 0; font-size: 11px;}
#footer .socket a {color: #fff !important; font-size: 11px;}

/*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;}
#acepto_condiciones{margin-top:0;}
#footer a{ text-decoration: underline;}

/*Especifc pàgines*/
#index .margin-principal {margin-top: 40px !important; margin-bottom: 0 !important;}
#faqs .margin-principal,
#entitats .margin-principal,
#actualitat .margin-principal,
#agenda .margin-principal,
#contacte .margin-principal,
#registre .margin-principal,
.Actualitat.fitxa .margin-principal {margin-top: 220px!important;}
#index #producto_0 {display: none;}
#clientes .swiper {  mix-blend-mode: multiply;}
.parallax .btn.btn-brand{display:none;}
#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;}
#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: rgb(112 88 37 / 60%); padding:clamp(30px,5vw,80px);width: 100%;max-width: 100%;top:unset; bottom: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;}
.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%;}

/*Activitats*/
#actualitat .filter-field,#entitats  .filter-field,#agenda  .filter-field {display:none;}
#agenda  #filter_1 > div > .filter-field{display:block;}
.Actualitat.fitxa .rightline{  padding-left: 13vw !important;}


/* Actualitat */
time.data {font-size: 18px!important;}
.rightline {border-right: 1px solid #efefef;}
.Actualitat h1 {margin-bottom: 0!important; font-weight: 500;}
.product-list.actualitat h2 {width: 100%; font-size: clamp(18px,2.5vw,28px); font-weight: 400; border-bottom: 5px solid var(--verdclar); padding-bottom: 5px;}
.product-list.actualitat time.data {color: var(--verdfosc);}
.product-list.actualitat .item h3 {font-weight: 400;}
.product-list.actualitat h4 {font-size: clamp(16px,2.5vw,20px); font-weight: 400; color: #999;}
.Actualitat .container img {margin-top: 30px; border-radius: 5px;}


/* Contacte */
#contacte #bannerhelpdesk h2 {font-weight: 400; margin-bottom: 40px;}
#contacte #bannerhelpdesk .caption {bottom: 15px!important; padding: 0 3% !important;margin-bottom: 0;}
#contacte #bannerhelpdesk .caption h2 {width: 50%; font-size: clamp(1.05rem, 1.688vw + 0.78rem, 2.4rem); line-height: clamp(1rem, 1.625vw + 0.74rem, 2.3rem); font-weight: 300 !important; margin-bottom: 10px;}
#contacte #bannerhelpdesk .btn.btn-brand {display: flex;} 
#contacte #bannerhelpdesk #imghelpdesk {background: var(--blaufosc); padding: 10px 0 40px; border-radius: 10px;}

#contacte #formcontacte .row { 
	background: var(--blauclar0); 
	border-radius: 0 0 10px 10px; 
	border-top: 15px solid var(--blaufosc); 
	height: 100%; 
	margin: 0;
	align-items: flex-start;
}
#contacte #formcontacte h1 {
	font-size: 60px;
    line-height: .7em;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--blaufosc);
	margin-bottom: 0;
}
#contacte #formcontacte .form-input-item, #contacte #formcontacte .form-group {width: 100%; padding: 0 10px;}
#contacte #formcontacte .form-input-item:nth-child(-n+2):not(.form-group .form-input-item) {max-width: 50%; position: relative; width: 100%;}
#contacte #formcontacte fieldset {display: flex; flex-wrap: wrap;}
#contacte #formcontacte textarea.form-control {height: 180px;}
#contacte #formcontacte .form-style {
    font-weight: 300;
    font-size: 20px !important;
    color: var(--blaufosc);
    border: 1px solid var(--blaufosc);
}
#contacte #formcontacte .form-input-item label, #contacte #formcontacte a {color: var(--blaufosc)!important; font-weight: 500;}

#contacte #formcontacte .form-style:focus, #contacte #formcontacte .form-style:active {
    border-color: rgb(41 171 226);
    outline: none;
    box-shadow: 0 4px 5px 0 rgb(41 171 226 / 10%);
}








/*Intranet*/
body[data-path="ca/intranet-products"] #intranet .favBTN{display:none;}
body[data-path="es/intranet-products"] #intranet .favBTN{display:none;}
body[data-path="en/intranet-products"] #intranet .favBTN{display:none;}
#intranet.login{height: 100vh; min-height: 600px;}
#intranet.login .formlogin{margin-top:30px!important;}
#intranet.login form input[type="text"] {
    border-radius: 0;
    border-color: #ced4da !important;
    background-color: var(--light-2)!important;
    height: 60px!important;
  }
#intranet .ecomIntranetArea {  margin-bottom: 30px;}
#intranet .titolpaginacontainer {	
	background: var(--blaufosc);	
}
#intranet .page-header-content{
	height: 75px;
    display: flex;
    align-items: center;
}
#intranet .titolpagina {padding: 0;bottom: 0;}
#intranet .page-header-content h1 {
	color: #fff;
	font-size: 40px;
    padding-left: 0;
    font-weight: 400;
    padding-top: 0;
    margin-bottom: 0 !important;
}
#intranet .dadespersonals {
	min-height: 550px;
	padding: 50px 0 50px 50px;
    background-color: #cde0e8;
	-webkit-box-shadow: 4px 0px 8px 0px rgba(6,101,142,0.8);
	-moz-box-shadow: 4px 0px 8px 0px rgba(6,101,142,0.8);
	box-shadow: 4px 0px 8px 0px rgba(6,101,142,0.8);
}
#intranet .dadespersonals .dades{display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding:0 45px 0 0;
    justify-content: center;
    text-align: center;}

    #intranet .dadespersonals .dades img{margin: 0 auto;}  
#intranet .maincontent {    
	padding: 0 0 75px 60px;
    top: 75px;
}
#intranet .maincontent .new-product{margin: 2em 0;}

#intranet .maincontent h2.title {
	text-transform: uppercase;
    font-weight: 400;
    color: var(--blaufosc) !important;
}
#intranet .maincontent h5 {
	text-transform: uppercase;
    font-weight: 600;
    color: var(--blaufosc) !important;
    margin-left: 1.5em;
}
.logged .margin-principal {margin-bottom: 0; margin-top: 188px !important;}
#s_intranet {padding-bottom: 0; top: 75px;} 
.ofertas-cont,.demandas-cont{
	position: relative;
	margin-top: 20px;
}
.ofertas-cont h3{
    text-transform: uppercase;
    font-weight: 500;
    color: var(--vermell);
}
.demandas-cont h3{
    text-transform: uppercase;
    font-weight: 500;
    color: var(--verdfosc);
}
.close {
	font-size: 70px;
	position: absolute;
	right: 50px;
	top: 30px;
}
#intranet h1, #s_recuperar_pwd h1, #frm_nuevo_usr h1 {
    color: var(--color-primario);
    font-size: 30px;
    padding-left: 0;
}

#intranet .frm_login .form-group .togglepw {
	position: absolute !important;
	margin-top: 5px;
	right: 25px !important;
	padding: 10px 15px;
	cursor: pointer;
	top: 0 !important;
	font-size: 16px;
}
#intranet .edit-usr {border-top: 0;}
#intranet .edit-usr i {padding: 0 5px; /*width: 25px; display: inline-block;*/}
#intranet .edit-usr a,  #intranet .edit-usr button {font-size: 16px!important;}
#intranet .products-intranet {padding-top: 50px;padding-bottom: 50px;}
#intranet .togglepw {
    position: absolute;
    margin-top: 5px;
    right: 5px;
    padding: 10px 15px;
    cursor: pointer;
    top: 0;
}
#intranet .afterform .link {font-size: 20px;  color: var(--vermell);}
#intranet .btn-dark-primary {
    margin-bottom: 15px;
    width: 230px;
    margin-top: 15px;
}
#intranet .section-1400.pt-xl-4 {
	top: -75px;
    padding-top: 0 !important;
    margin-bottom: -75px;
}

#intranet ul.menu_user_profile {
	list-style: none;
	padding: 0;
}
#intranet ul.menu_user_profile li a, #intranet ul.menu_user_profile li .tancarsessio {
	height: 50px;
    display: flex;
    align-items: center;
    padding: 0 20px 0 10px;
    color: var(--blaufosc)!important;
    font-size: 20px !important;
    border-radius: 5px 0 0 5px;
    margin-bottom: 6px;
}
#intranet ul.menu_user_profile li .tancarsessio {
	color: var(--blaufosc) !important;
	width: 100%;
    border: 0;
	padding: 0;
    background: transparent;
	transition: all 0.3s ease;
}
#intranet ul.menu_user_profile li a.active, #intranet ul.menu_user_profile li a:hover, #intranet ul.menu_user_profile li .tancarsessio:hover {color: #fff !important; background: var(--blaufosc);font-weight: 400;}
#intranet ul.menu_user_profile li a.helpdesk {color: #00665F!important;}
#intranet ul.menu_user_profile li a.eliminarperfil {color: #C1162D!important;}
#intranet ul.menu_user_profile li a.helpdesk:hover {color: #fff !important; background: #00a99d;}
#intranet ul.menu_user_profile li a.eliminarperfil:hover {color: #fff !important; background: var(--vermell);}
#intranet ul.menu_user_profile li a:before {
	content: '';
    display: inline-block;
    width: 25px;
    padding: 0;
    height: 25px;
    margin: 0 5px;
}
#intranet ul.menu_user_profile li a.helpdesk:after {
	content: '';
    display: inline-block;
    width: 14px;
    padding: 0;
    height: 14px;
    margin: 0 0 0 6px;
    background: url(../img/ico_helpdesk_last.svg) no-repeat top left; 
	background-size: contain;
}
#intranet ul.menu_user_profile li a.active:before{filter: brightness(100);}
#intranet ul.menu_user_profile li a:hover:before{filter: brightness(100);}
#intranet ul.menu_user_profile li a.mevesofertes:before {background: url(../img/ico_mevesofertes.svg) no-repeat top left; background-size: contain;}
/*#intranet ul.menu_user_profile li a.mevesofertes:hover:before {background: url(../img/ico_mevesofertes_w.svg) no-repeat top left; background-size: contain;}*/

#intranet ul.menu_user_profile li a.mevesdades:before {background: url(../img/ico_mevesdades.svg) no-repeat top left; background-size: contain;}
#intranet /*ul.menu_user_profile li a.mevesdades:hover:before {background: url(../img/ico_mevesdades_w.svg) no-repeat top left; background-size: contain;}*/

#intranet ul.menu_user_profile li a.meusxats:before {background: url(../img/ico_meusxats.svg) no-repeat top left; background-size: contain;}
/*#intranet ul.menu_user_profile li a.meusxats:hover:before {background: url(../img/ico_meusxats_w.svg) no-repeat top left; background-size: contain;}*/

#intranet ul.menu_user_profile li a.meusxats:before {background: url(../img/ico_meusxats.svg) no-repeat top left; background-size: contain;}
/*#intranet ul.menu_user_profile li a.meusxats:hover:before {background: url(../img/ico_meusxats_w.svg) no-repeat top left; background-size: contain;}*/

#intranet ul.menu_user_profile li a.dadesprivades:before {background: url(../img/ico_dadesprivades.svg) no-repeat top left; background-size: contain;}
/*#intranet ul.menu_user_profile li a.dadesprivades:hover:before {background: url(../img/ico_dadesprivades_w.svg) no-repeat top left; background-size: contain;}*/

#intranet ul.menu_user_profile li a.meusfavorits:before {background: url(../img/ico_meusfavorits.svg) no-repeat top left; background-size: contain;}
/*#intranet ul.menu_user_profile li a.meusfavorits:hover:before {background: url(../img/ico_meusfavorits_w.svg) no-repeat top left; background-size: contain;}*/

#intranet ul.menu_user_profile li a.helpdesk:before {background: url(../img/ico_helpdesk.svg) no-repeat top left; background-size: contain;}
#intranet ul.menu_user_profile li a.helpdesk:hover:before {background: url(../img/ico_helpdesk_w.svg) no-repeat top left; background-size: contain;}
#intranet ul.menu_user_profile li a.helpdesk:hover:after {background: url(../img/ico_helpdesk_last_w.svg) no-repeat top left; background-size: contain;}

#intranet ul.menu_user_profile li a.eliminarperfil:before {background: url(../img/ico_eliminarperfil.svg) no-repeat top left; background-size: contain;}
#intranet ul.menu_user_profile li a.eliminarperfil:hover:before {background: url(../img/ico_eliminarperfil_w.svg) no-repeat top left; background-size: contain;}

#intranet ul.menu_user_profile li .tancarsessio .fa-power-off:before {
	content: '';
    display: inline-block;
    width: 25px;
    background: url(../img/ico_tancarsessio.png) no-repeat top left;
    padding: 0;
    height: 25px;
    margin-left: 10px;
    background-size: contain;}
#intranet ul.menu_user_profile li .tancarsessio:hover .fa-power-off:before {background: url(../img/ico_tancarsessio.svg) no-repeat top left; background-size: contain;}
.products-intranet .heartcode {
    fill: #eee;
  }


.page-item.active .page-link {
    color: var(--white) !important;
    background-color: var(--primari);
}
.page-item.active .page-link {
    color: var(--white) !important;
    text-decoration: none;
    background-color: var(--primari);
    border-color: transparent;
}
.page-item a.page-link {color: var(--primari)!important;}
.page-item a.page-link:hover {
    color: #FFF!important;
    background-color: var(--vermell);
}

/* Edit Profile */
#frm_editar_usr .company-data, #frm_editar_usr .border-form {margin-bottom: 30px;}
#frm_editar_usr .btn-group {padding-top: 25px;}
#frm_editar_usr .form-group {margin-top: 10px;}
#intranet #guardarPanel {margin-top: 1em;}

/* User form*/
#registrecol {align-items: flex-end;}
#registrecol .caption {text-align: left; pointer-events: all; margin: 0;}
#registrecol .caption h1{font-size: clamp(28px,2.8vw,48px); line-height: normal; color: #fff;padding: 180px 0 30px 0; font-weight: 700; text-align: left;}
#registrecol .caption p{color: #fff; padding: 0x;    text-align: left;}
.user-form {display: block!important;}
.user-form .error_message {
  color: #ff4d4d;
  font-size: 16px;
  margin-top: 5px;
}
#avatar{cursor:pointer; margin-bottom: 10px;}
.formadmin label {
  color: #00373e !important;
  display: inline-block !important;
  position: absolute;
  padding: 15px;
  top: 0; transition: all 0.3s linear;
}
.formadmin input:focus + label,.formadmin input:valid + label, .formadmin textarea:focus + label {padding-top: 3px;  font-size: 18px;}
.formadmin select:focus + label,.formadmin select:valid + label{padding-top: 3px;  font-size: 18px;}
.formadmin select option{opacity:0}
.formadmin select:active option{opacity:1}
.formadmin input[type="text"], .formadmin input[type="email"], .formadmin input[type="password"], .formadmin input[type="number"], .formadmin textarea {
	padding-left: 30px;
	padding: 20px 15px 5px 15px;
	font-size: 20px!important;
	font-weight: normal;
	letter-spacing: .5px;
	border-radius: 3px!important;
}
#intranet form input[type="text"] {
    border-radius: .25rem;
	border-color: #ced4da !important;
	background: transparent!important;
	height: calc(1.5em + .75rem + 2px)!important;
}
.formadmin select  {
	border-color: #ced4da !important;
	border-radius: 3px!important;
}
.image-uploader {
    border: 1px solid #ced4da;
    border-radius: 3px;
}
.formadmin .form-control:focus {
    border-color: var(--verdclar)!important;
    outline: 0;
    box-shadow: 0 0 0 0.15rem rgba(0,161,79,.25);
}
.formadmin input::-webkit-input-placeholder, .formadmin .form-style {font-size: 18px !important;}
/*.formadmin input,.formadmin select,.formadmin textarea {
  border-color: #00373e !important;
  border-radius: 0;
  background-color: #fff !important;
}*/
.formadmin .form-control, form input {
	border-radius: 0;
	font-size: 1rem !important;
}
/*.formadmin input,.formadmin select,.formadmin textarea,.formadmin .input-field {  margin: 0 0 10px 0;}*/
.formadmin input.form-check-input + label{padding: 0;  position: relative;}
.formadmin .extra .form-group label{position:relative; padding:0 15px;}
.formadmin .extra > div:first-child{display:none}
.formadmin .extra, form#frm_editar_usr .extra {display:flex; flex-wrap: wrap;margin-left: -15px;  margin-right: -15px;}
.formadmin .extra .form-group, form#frm_editar_usr .extra .form-group {max-width: 50%;  width: 100%;  padding: 0 15px;} 
.formadmin .extra .form-group input[type="text"],.formadmin .extra .form-group input[type="number"]{padding: 12px 15px 12px 15px;}
.form-group input::-webkit-input-placeholder {font-size: 1rem;}
.formadmin .form-check-input {
	cursor: pointer;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3csvg viewBox='2 2 12 12' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
	width: 18px!important;
	height: 18px!important;
	appearance: none;
	border: 1px solid;
	border-color: #b5b5b5;
	border-radius: 5px!important;
	transition: background-image 0.3s ease-in;
}
.formadmin .form-check-input:checked {background-image: url("data:image/svg+xml,%3csvg viewBox='2 2 12 12' fill='%23005b3a' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");border-color: #333;}
.formadmin .form-check-input:focus {border-color: #333;}
.formadmin .form-check-input:disabled {background-color: #CBCBCB;background-image: none;}
.formadmin .form-check-input:disabled:checked {
	background-color: rgb(198, 198, 198);
	background-image: url("data:image/svg+xml,%3csvg viewBox='2 2 12 12' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
.formadmin input:focus + label, .formadmin input + label {padding-top: 0!important;}
#frm_nuevo_usr input {border-color: #b5b5b5 !important;}
#frm_nuevo_usr input:focus {border-color: #333 !important;}




#frm_nuevo_usr .form-group span {position: absolute !important;}
.formadmin .form-group .togglepw {
	position: absolute !important;
	margin-top: 5px;
	right: 25px !important;
	padding: 10px 15px;
	cursor: pointer;
	top: 0 !important;
	font-size: 16px;
}
.formadmin h3{
  margin-top: 25px;
  padding:10px 20px;
  background-color: var(--verd);
  width: 100%;
  color: #fff;
}
.formadmin h4{margin-bottom: 5px;}
.formadmin.form-group{
  width: 100%!important;
}
.formadmin .row .form-group{
  padding-left: 15px;
}
form input[type="email"],form input[type="password"] {
  margin: 0 0 10px 0;
  height: 50px;
  padding: 0 0 0 13px;
}
.formadmin .materials,.formadmin .tipologies{
  display: flex;
  flex-wrap: wrap;
  flex-grow:2;
}
.formadmin .materials .form-check,.formadmin .tipologies .form-check {
	width:33%;
}
.formadmin .materials .form-check,.formadmin .tipologies .form-check, .formadmin .notificacions .form-check, .formadmin .comunicacions .form-check {
	display: flex;
	line-height: 24px;
	align-items: center;
}
.border-form {
  padding: 20px;
  border: 1px solid #999;
  border-radius: 5px;
  margin: 10px 0px;
}
/*star rating*/
.valoracion,.rating{display: block;width:100%;}
.rating {
  margin-top: 5px;
  border: none;
  float: left;
}
.rating > label {
  color: #90A0A3;
  float: right; cursor:pointer;
}

.rating > label:before {
  margin: 5px;
  font-size: 1em;
  font-family: FontAwesome;
  content: "\f005";
  display: inline-block;
}

.rating > input {
  display: none;
}

.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
  color: #F79426;
}

.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label {
  color: #FECE31;
}
.rating small{float: right;
  background-color: #333;
  color: #fff;
  padding: 0 5px;
  border-radius: 3px;
  font-size: 13px;}
/*star rating*/


/* Cookies modal */
#politicas-cookie .modal-content {padding-bottom: 20px;}
#politicas-cookie .buttons-cookies {
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
	margin: 20px 0 0 0;
    padding: 0;
    width: 100%;
}
#politicas-cookie .modal-body p, #editcookies {font-size: 16px;}
#politicas-cookie .boton_cookie, #politicas-cookie .aceptar-footer {text-align: center; margin-bottom: 5px;}




@media (max-width: 1199px) {
	.cbp-af-header.cbp-af-header-shrink #loginmodule .nav-item {padding: 0!important;} 
	.cbp-af-header.header-transparent .tagline {font-size: 14px; white-space: nowrap;}
	.product-list .item {padding: 0 5px; min-height: 250px;}
	.product-list.actualitat .item, #entitats .product-list .item {min-height: auto; margin-bottom: 0 !important;}
	body#ofertes .margin-principal, body#demandes .margin-principal {padding-top: 0;}
	#faqs .margin-principal, #entitats .margin-principal, #actualitat .margin-principal, #agenda .margin-principal, #contacte .margin-principal, #registre .margin-principal, .Actualitat.fitxa .margin-principal {margin-top: 30px !important;}
	#contacte #formcontacte textarea.form-control {height: initial;}
	#index .margin-principal {margin-top: 0 !important;}
	#chat .margin-principal {margin-top: 20px !important;}
	ul.idiomes li a {line-height: 29px; margin-bottom: 2px;}
	.logged .margin-principal {margin-top: 0 !important;}	
	#intranet .dadespersonals {padding: 30px 0 50px 30px;}
	#intranet .dadespersonals p{font-size: 18px;}
}

@media only screen and (max-width: 991px) {
    header #menublock {height: 100px;}
	header .lock-container {padding: 0!important;}
	.navbar-brand {margin: 10px 0 0;}
	.cbp-af-header.header-transparent .logincol {justify-content: center;}
	#slider #frasetop h1::before {display: none;}
	#slider #frasetop {padding-left: 50px; margin-left: 50px;width: 60%;}
	.main-navigation .dropdown-menu {position: absolute; left: -10%; z-index: 999;}
	.navbar-nav > .nav-item:last-child {margin-right: 20px; border-bottom: 0;}
	#loginmodule ul li.nav-item {border-bottom: 0;}	
	#slider .valign {display: block;}
	#index .margin-principal {margin-top: 0!important;}
	.anuncis .caption {width: 100%;}
	.llistat .individualbanner3 .zonalink {position: relative; margin-bottom: 20px; min-height: 80px;}
	#index .individualbanner3 .botbanner {margin-bottom: 30px!important; position: absolute; right: 30px;}	
	.navbar-light .navbar-toggler{position: absolute; right: 0; top: 15px;}
	.navbar-light .navbar-toggler-icon:after, .navbar-light .navbar-toggler-icon:before {width: 24px!important; transform: none!important;}
	.navbar-light .navbar-toggler-icon {width: 24px;}
	.cbp-af-header.cbp-af-header-shrink .logincol {transform: none !important; top: 10px;}
	#loginmodule ul li.nav-item .toggler {width: 0; padding-left: 10px; }
	.navbar-collapse .navbar-nav .nav-link {padding: 5px 20px 0 20px;}
	.fondogris {padding: 0;}
	/*.fondogris .llistat .product-list {margin: 0 10px;}*/
	.filter-buttons {display: grid;}
	.filter-buttons .btn {margin-bottom: 10px;}
	.filter {padding: 15px 20px 30px 20px;}	
	#faqs h2 {text-align: left;}
	#bannerhelpdesk {margin-bottom: 40px;}
	.individualbanner3 {width: 100%;}
	.individualbanner3 .zonalink {width: 100%;}
	#registrecol .caption h1 {padding: 50px 0 10px 0;}
	#registrecol .nopadding {max-height: 250px; overflow: hidden; align-items: center; display: flex;}
	.chat-page .order0{order:1}
    .chat-page .order1{order:0}
	.chat-page .pInfo {position: relative; top:0; height: auto;margin-bottom: 20px!important;}
	#chat .productInfo .empresa, #chat .productInfo .persona {width: 50%;text-align: left;}
	#chat .productInfo {text-align: left; display: flex; flex-wrap: wrap;}
	#chat .valoracion .center{text-align: left;}
	.chat-page {height: auto;}
	.chat-page .conversation.col-lg-9 {max-width: 100%; margin-right: 0%;}
	.chat-page .conversation .conversation-container {height: 350px!important;}
	.chat-page .zonaticket {display: flex;height: auto;}
	.resposta {position: fixed;} 
	.chat-page .conversation .conversation-container {height: calc(100% - 68px);} 
	.chat-page .zonaticket {height: auto;}
	#intranet .section-1400.pt-xl-4 {margin-top: 75px;}
	#intranet ul.menu_user_profile li{display: inline-flex;}
	#intranet .dadespersonals {min-height: auto; padding: 30px 0 0px 30px;}
	#intranet .maincontent {top: 0;padding: 0 15px;}
	#intranet .products-intranet {padding-top: 40px; padding-bottom: 40px;}
	.Actualitat.fitxa .rightline {padding-left: 3vw !important;}
}
@media (max-width: 797px) { 
    .caption {bottom: auto !important;}
	.anuncis .caption {padding: 0!important;	}
	#politicas-cookie .buttons-cookies {display: inline-grid;}
	#politicas-cookie .buttons-cookies button {margin: 5px 0;}
	.product-list.actualitat .single-post-slide-wrap a:not(.post-details a) {height: 150px; display: flex; overflow: hidden;align-items: center;}
	#last .product-list .item .bottomblock:before {position: relative;height: 40px;}
}
@media (max-width: 768px) {
    .cbp-af-header.header-transparent .logincol {justify-content: flex-start; position: absolute; top: 55px;}
	.navbar-collapse {z-index: 99; margin-top: 50px; padding-right: 0; padding-left: 20%;}
	.navbar-light .navbar-nav .nav-link {line-height: 30px;}
    .main-navigation ul li.nav-item {border-bottom: 1px solid #e1e1e1;}
    .navbar-collapse .navbar-nav {background: #f7f7f7;padding: 10px 0; border-radius: 6px;}
}
@media (max-width: 480px) {
    #slider #frasetop h1 {line-height: 1em;}
	#slider #frasetop {width: 75%;}
	.product-list .col-6 {flex: 0 0 100%; max-width: 100%;}
  	#entitats .product-list .col-6 {flex: 0 0 50%; max-width: 50%;}
	#row_ofertes .row:not(.top.row), #row_demandes .row:not(.top.row), #row_operacions .row:not(.top.row) {margin: 0 5px;}
	#row_ofertes, #row_demandes {padding-bottom: 1em; padding-top: 1em;}
    #index header .fondogris .col-12 {padding: 0 15px !important;}
	#loginmodule ul li.nav-item:after {margin-left: 0;}
	.anuncis {background: #e9e9e9; height: 270px;}
	.anuncis > .row{align-items: flex-start;    width: 100%;}
	.anuncis .caption:before {content:''; position: absolute; width: 100%; height: 90%; background:rgb(255 255 255/ 60%);}
	#index .anuncis .caption:before {height: 100%;}
	.anuncis .caption .row {max-width: 90%; padding: 20px 0 25px 0;}	
	.demandas-list, .ofertas-list {margin: 30px 15px 15px 15px;}
	.product-list.ofertes .single-post-slide-wrap, .product-list.demandes .single-post-slide-wrap, .product-list.ofertes .top.row, .product-list.demandes .top.row {padding-left: 15px;}
	#row_operacions .single-post-slide-wrap {padding-top: 15px;}	
	.llistat .individualbanner3 .zonalink {width: 95%;}
	#index .individualbanner3 .botbanner {right: 0;left:0;width: 180px;display: block;}
	.product-list h3,.product-list .item-title {font-size: 32px; line-height: 1em;}
	/*.product-list .item .mesinfo {font-size: 26px;}*/
	time.data {font-size: 22px !important;}
	.llistat {margin-bottom: 0;}
	#footer .mail, #footer .tel, #footer .info {margin-top: 5px;}
	#footer .titsocial {margin-bottom: 10px;}
	.navbar-brand {left: 0;}
	.navbar-collapse .navbar-nav {width: 100%;}		
	body#ofertes .anuncis {display: block; height: 200px;} 
	body#demandes .anuncis {display: block; height: 350px;}
	.anuncis .splitter {margin-top: 1.5em;}
	/*body#ofertes .margin-principal, body#demandes .margin-principal {padding-top: 40px;}*/
	body#ofertes .container, body#demandes .container {padding: 0 25px;}
	body#ofertes .container .col-12, body#demandes .container .col-12 {padding: 0 15px;}
	.filter {padding: 15px 20px 30px 20px !important;}
	/*.margin-principal .col-12 {padding: 0 15px!important;}*/ 
	#index .margin-principal .col-12 {padding: 0!important;}
	#actualitat .margin-principal .col-12, #agenda .margin-principal .col-12, #contacte .margin-principal .col-12, #entitats .margin-principal .col-12, #faqs .margin-principal .col-12 {padding: 0 15px!important;}
	.margin-principal .anuncis.ofertes .col-12.bloque {padding: 0!important;}
	#faqs .acordio .card .card-header .titolacordio .btn {text-align: left; line-height: 1em; height: fit-content !important; padding: 5px 30px 5px 10px !important;} 
	.acordio .card .card-header .titolacordio .btn:after {right: 10px;}
	#contacte #formcontacte .form-input-item:nth-child(-n+2):not(.form-group .form-input-item) {max-width: 100%;}
	.Ofertes.fitxa .datainfo .right > div, .Demandes.fitxa .datainfo .right > div {align-items: flex-start!important;}
	.Ofertes #col_fitxa, .Demandes #col_fitxa {margin: 0;}
	.Ofertes.fitxa .fav, .Demandes.fitxa .fav {top: 0 !important; right: 30px;}
	.Ofertes.fitxa .datainfo, .Demandes.fitxa .datainfo {padding: 20px 5px 20px 10px!important;}
	.Ofertes.fitxa .camps li, .Demandes.fitxa .camps li {width: 100%!important;}
	.infoseller .logoempresa {position: initial;}
	.infoseller {text-align: center;}
	.infoseller p {margin-left: 0;}
	#doc {padding: 0 10px 0 0;}
	#doc ul {column-count: 1;}
	#banupload picture {min-height: 140px; display: flex; align-items: center; background: #343436;}
	#bannerhelpdesk .caption h2 {margin-bottom: 5%;}	
	#bannerhelpdesk .caption {margin-bottom: 5%!important;}
	#contacte #bannerhelpdesk .caption {bottom: -20px !important;}
	#contacte #bannerhelpdesk #imghelpdesk {padding: 10px 0 10px;border-radius: 0 0 10px 10px;}
	#contacte #formcontacte .row {border-radius: 0;}
	.chat-page .zonaticket .col-12 {margin: 0; flex: 0 0 88%; max-width: 88%;}
	.chat-page .conversation.col-lg-9 {max-width: 88%;}
    .chat-page .zonaticket .pInfo{position: sticky;        top: 0;       height: auto; transition: all 0.2s linear;}
    .chat-page .zonaticket .pInfo.open{height: 400px;}   
	.resposta {width: 100%;}
	#chat .productInfo {padding: 15px;}
	.chat-page .message {min-width: 280px;}
	#chat .productInfo .empresa, #chat .productInfo .persona {width: 100%;text-align: center;}
	#chat .valoracion .center {text-align: center;}
	#chat .container-fluid {padding-right: 5px; padding-left: 5px;}
	#response2 {width: 100%; display: block;height: 39px;}
	.chat-page .conversation .conversation-container {height: auto !important; min-height: 220px;}
	.chat-page .message {margin: 1vw; padding: 2vw 4vw;}
	.chat-page .message.isAuthor {margin: 0 0 2vw 20px; padding-left: 20px;}
	.chat-page #submit_admin { height: 40px;}
	.botonsxat {display: block; top: -65px; margin-right: 0;}	
	.product-list.actualitat .individualbanner3 {max-height: 200px!important; aspect-ratio: 3 / 1!important;}
	#intranet ul.menu_user_profile li {display: block;}
	#intranet #solicituds.p-3 {padding: 0!important;}
	.formadmin .extra .form-group, form#frm_editar_usr .extra .form-group {max-width: 100%;}
	.product-list .item .fav {padding: 0;}
	.product-list .item .favBTN, .favBTN {max-width: initial;}
	.details__footer__item {padding: 12px 0;}
	.details__footer__item:nth-child(2n + 1) {flex-direction: column;padding-left: 0 !important;}	
	p.item-head {margin-bottom: 10px;}
	body#agenda .product-list .item {padding: 0 15px !important;}
	#blog {margin-bottom: 4em;}
}
	

/* LOADING */

/* HTML: <div class="loader"></div> */
.loading-prod-dots {
  width: 60px;
  aspect-ratio: 4;
  background: radial-gradient(circle closest-side,#000 90%,#0000) 0/calc(100%/3) 100% space;
  clip-path: inset(0 100% 0 0);
  animation: l1 1s steps(4) infinite;
}
.loading-prod{position: fixed;
  width: 100vw;
  top: 0;
  height: 100vh;
  left: 0px;
  background: rgba(255,255,255,0.9);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
@keyframes l1 {to{clip-path: inset(0 -34% 0 0)}}
/* LOADING */

#navbarSupportedContent > ul.navbar-nav > .nav-item:last-child{display: none;}
.contacte .data::after{display: none; content: unset !important;}