@font-face {    font-family: 'Bold';    src: url('../fonts/Poppins-Bold.eot');    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),        url('../fonts/Poppins-Bold.ttf') format('truetype'),        url('../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');    font-weight: bold;    font-style: normal;    font-display: swap;}
@font-face {    font-family: 'Semibold';    src: url('../fonts/Poppins-SemiBold.eot');    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),        url('../fonts/Poppins-SemiBold.ttf') format('truetype'),        url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');    font-weight: 600;    font-style: normal;    font-display: swap;}
@font-face {    font-family: 'Regular';    src: url('../fonts/Poppins-Regular.eot');    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),        url('../fonts/Poppins-Regular.ttf') format('truetype'),        url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');    font-weight: normal;    font-style: normal;    font-display: swap;}


.efectoover{padding: 7px; background-color: #f4f4f4; transition: 0.5s;}
.efectoover:hover{padding: 7px; background-color: #212121; transition: 0.5s;}
.efectoover:hover h3{color: #fff; transition: 0.5s;}

a.tornar {text-transform: uppercase; font-family: 'Regular'; font-size: 14px; color: #ababab!important; margin-right: 50px;}
.reciclaje{background-color: #212212; color: #fff; font-family: 'Light'; padding: 3px 6px; font-size: 24px; line-height: 24px; position: absolute;     bottom: 195px;    right: 50px; z-index: 11;}
.reciclaje2{ color: #fff; font-family: 'Bold'; font-size: 40px; line-height: 50px; position: absolute; bottom: 50px; left: 0px; z-index: 11; text-transform: uppercase; max-width: 50%; text-align: left; text-shadow: -1px -1px 1px rgb(255 255 255 / 10%), 1px 1px 1px rgb(0 0 0 / 50%), 2px 2px 5px rgb(255 255 255 / 25%);}
.fotosproj{ background-size:contain; background-position:center center; background-repeat: no-repeat;padding-top: 100%}
.colocatitle{width: 100%; padding-left: 10px;  }
.mundial{ width:100%; transition: all 1s ease; position: fixed; top: 50px; z-index: 544; background-color: #fff;}
.menuScroll {  transition: all 1.5s ease;    background-color: #fff;    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px; top: 50px;}
body {	font-family: 'Regular' ,Arial, Helvetica, sans-serif;    color: #333;    line-height: 25px;    font-weight: normal;    font-style: normal;    font-size: 19px; background-color: #fff;}
.taula > tbody > tr > td > .inputcontacto {    border: #cccccc 1px solid;    font-family: 'Light', Arial, Helvetica, sans-serif;    font-size: 14px;    color: #666666;    padding: 7px;    background-color: #FFFFFF;    margin: 3px 0 3px 0;    width: 92%;}
.textckeditor ul li {margin-left: 25px;}
.cuatroservs{clear: both;margin-top: -50px;z-index: 5; position:absolute;}
.dropdown-menu > li > table > tbody > tr > td > h2 > a {  font-family: 'Light';     margin: 0px 0 0px 0; line-height: 20px;}
.dropdown-menu > li > table > tbody > tr > td > h2  {  margin: 0px 0 0px 0;}
.dropdown-menu > li > table > tbody > tr > td > h3 > a {  font-family: 'Regular'; font-size: 11px;    line-height: 14px; border-bottom: 1px dotted #ababab;}
.dropdown-menu > li > table > tbody > tr > td > h4 > a {  font-size: 15px;    line-height: 16px; margin:0 0 0 5px!important;}
.dropdown-menu > li > table > tbody > tr > td > h4  {  margin:0;}
.dropdown-menu > li > table > tbody > tr > td > hr {    margin-top: 10px;    margin-bottom: 10px;    border: 0;    border-top: 1px solid #ababab; }
.especialh4 > a > h4 {font-size: 18px;  font-family: 'Regular'; line-height: 22px}
.dropdown{	font-family: 'Bold', Arial, Helvetica, sans-serif;	font-size: 20px; color: #1b1b1b; line-height: 15px;   padding: 5px 12px 10px 20px;}
.dropdown a{color: #1b1b1b !important}

a:link{	text-decoration: none;	color: #CC367C;}
a:visited{	text-decoration: none;	color: #CC367C;}
a:hover{	text-decoration: none;	color: #CC367C;}
a:active{	text-decoration: none;	color: #CC367C;}

.banners{width:100%;margin:0 0 25px 0;}
.borrar{display: block;}
.aparecer{display: none;}
.borrar1023{display: block;}

.detablas tr td{padding: 15px; border-bottom: 1px solid #cccccc;}

.logo1 {    width: 100%;  max-width:250px;  margin-top: 15px; margin-bottom: 10px; -webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s; }
.logo2 {    width: 100%;  max-width:150px;  margin-top: 5px; margin-bottom: 5px; -webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s; }

h1 {  font-family: 'Bold' ,Arial, Helvetica, sans-serif;    font-size: 2vw;    line-height: 2.5vw;    color: #1b1b1b; margin: 0; }
h2 {	font-family: 'Regular', Arial, Helvetica, sans-serif;    font-size: 22px;    line-height: 22px;    color: #1b1b1b;    margin: 5px 0 5px 0;  }
h3 {	font-family: 'Bold', Arial, Helvetica, sans-serif;	font-size: 1.8vw;	line-height: 2.1vw;	color: #1b1b1b;	margin: 15px 0; }
h4 {	font-family: 'Bold', Arial, Helvetica, sans-serif;	font-size: 1.4vw;	line-height: 1.7vw;	color: #1b1b1b;	margin: 0; }
h5 {	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 20px;	line-height: 20px;	color: #fff;	margin: 0 0 10px 0;	text-transform: uppercase;}


.color_avis_ie { color:#969696; }

.input {
	border: #cccccc 1px solid;
	font-family: 'Light', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin-right: 25px;
	padding: 5px;
	background-color: #FFFFFF;
	font-style: italic;
	width: 160px;
}

.bottonbuscar {
	border: #cccccc 0px solid;
	font-family: 'Regular', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	padding: 8px;
	text-transform: uppercase;
	float: right;
	background-color: #969696;
}

.bottonbuscarfiltro {	border-radius: 3px;	border:0;	font-family: 'Regular', Arial, Helvetica, sans-serif;	font-size: 13px;	color: #ffffff;	padding:3px 11px;	text-transform: uppercase;	background-color: #000000;}
.buscar {	margin-top: 14px;	margin-right: 35px;    width:45%;	float: left;}

.inputbuscador {    border: #e6e6e6 1px solid;    border-right: 0px;    font-family: 'Regular', Arial, Helvetica, sans-serif;    font-size: 15px;    border-radius: 6px 0 0 6px ;    color: #ccc;    height: 35px;    background-color: #e6e6e6;    text-transform: uppercase;    font-style: italic;    width:calc(100% - 35px);    padding-left: 17px;    float: left;}


  .no_veure{
    display: none;
  }

.inputbuscadorx {
	border: #cccccc 1px solid;
	border-right: 0px;
	font-family: 'Light', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	height: 35px;
	background-color: #FFFFFF;
	text-transform: uppercase;
	font-style: italic;
	width: 60%;
	background-image: url('../imgs/fons-lupa.gif');
	padding-left: 35px;
	float: left;
}

.inputbuscadory {
    border: #cccccc 1px solid;
    border-right: 0px;
    font-family: 'Light', Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    height: 35px;
    background-color: #FFFFFF;
    text-transform: uppercase;
    font-style: italic;
    width: 60%;
    background-image: url(../imgs/fons-lupa.gif);
    padding-left: 35px;
    float: center;
}

.inputbuscador_error {
    border: #969696 1px solid;
    border-right: 0px;
    font-family: 'Regular', Arial, Helvetica, sans-serif;
    font-size: 15px;
    border-radius: 6px 0 0 6px ;
    color: #969696;
    height: 35px;
    background-color: #e6e6e6;
    text-transform: uppercase;
    font-style: italic;
    width:calc(100% - 35px);
    padding-left: 17px;
    float: left;
}

.inputbuscador_errorx {
	border: #FE2E2E 1px solid;
	border-right: 0px;
	font-family: 'Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	height: 35px;
	background-color: #FFFFFF;
	text-transform: uppercase;
	font-style: italic;
	width: 60%;
	background-image: url('../imgs/fons-lupa.gif');
	padding-left: 35px;
	float: left;
}

.inputbuscador_errory {
	border: #FE2E2E 1px solid;
	border-right: 0px;
	font-family: 'Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	height: 35px;
	background-color: #FFFFFF;
	text-transform: uppercase;
	font-style: italic;
    width: 60%;
	background-image: url('../imgs/fons-lupa.gif');
	padding-left: 35px;
	float: center;
}


.inputayuda {
    border: #ffffff 1px solid;
    border-right: 0px;
    font-family: 'Light', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    height: 42px;
    background-color: #ffffff;
    font-style: italic;
    width: calc(100% - 150px);
    padding-left: 18px;
    float: left;
}

.botonbuscador {
	border: #cccccc 1px solid;
	border-left: 0px;
	font-family: 'Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #cfcfcf;
	width: 35px;
	height: 35px;
	float: left;
	border-radius: 0 6px 6px 0;
}

.botonbuscadorx {
	border: #cccccc 1px solid;
	border-left: 0px;
	font-family: 'Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #cfcfcf;
	width: 35px;
	height: 35px;
	float: left;
}

.botonbuscadory {
	border: #cccccc 1px solid;
	border-left: 0px;
	font-family: 'Light', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #cfcfcf;
	width: 35px;
	height: 35px;
}

.texto {
	font-family: 'Light', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #575757;
	font-weight: normal;
	font-style: normal;	
}

.path2{font-family: 'Light', Arial, Helvetica, sans-serif;  font-size: 12px;    color: #fff!important; line-height: 12px; text-transform: uppercase;}

hr.linea { 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 15px;
	margin-bottom:12px;
	border: 0;
	display: flex;
	text-align:left;
	border-bottom: 1px solid #c6c6c6;
}

.nombre {
	font-family: 'Light', Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #232323;
	font-weight: normal;
	font-style: normal; 
}

.desc {
	font-family: 'Regular', Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;
	color: #000;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal; 
}

.descnou {
	font-family: 'Light', Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;
	color: #838383;
	font-weight: normal;
	font-style: normal; 
	background-color: #f2f2f2;
	display: inline-block;padding: 3px 10px;
}
.derecha {border:0;min-width:100px; max-height:140px;float:right;}


/* ----------------------------------------------  divs home  ---------------------------------------------- */
.contenedor {padding:0;max-width: 90%;margin:0 auto; padding: 0;}

.contenedorgran {
	margin:0 auto;
	max-width: 1350px;
	width:98%;
	position: relative;
}

  .minim4caracters{
	color: #ff0000;
    font-size: 12px;
    position: absolute;
    top: 53px;
    left: 22px;
  }

  .minim4caracters_no{
  	display: none;
  }

  .minim4caractersx{
  	margin-top: -8px;
  	color: #ff0000;
  	font-size: 12px;
  }

  .minim4caracters_nox{
  	display: none;
  }

  .minim4caractersy{
	color: #ff0000;
    font-size: 12px;
    position: absolute;
    top: 80px;
    right: 59px;
  }

  .minim4caracters_noy{
  	display: none;
  }

  #animLoading {
  	width: 100%;
  	height: 50px;
  	text-align: center;
  	position: relative;
  	top: -40px;
  	left: 0px;
  	border-top: 1px dotted #999;
  	padding:20px;
  	font-size: 14px;
  	display: none;
  }

.data {
	font-family: 'Light', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 23px;
  color: #335671;
}

 
.badge-notify{	background: #969696 !important;    position: relative;    top: -10px;    left: -44px;  }

.textckeditor img {	width: 100%;	max-width: 500px;	display: block;	margin: 10px 0;}

.ideom {padding: 0px 16px 0px 16px!important; margin: 16px!important; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc;}
.ideom > form > .mm-selected {color:#00c6ff!important;}
.remarcat {	color:#969696 !important;	text-transform: none;}

.colorCorporatiu1 {	color:#969696 !important;}
.colorAvisCampObligatori {	color:#969696 !important;}
.taula {
	width: 			100%;	/* width */ 
	margin-left:	auto; 	/* align */
	border-spacing: 0px;	/* cellspacing */
	border-width: 	0px; 	/* border */
}
.taula td.tdtops {
	vertical-align: top;
}
.taula td {
	padding: 		2px;	/* cellpadding */
}
.taula tr {
}


.mostrarTitol{display: none;}


.caixaContacte{ padding: 30px; min-height: 320px; margin-bottom: 30px; background-color: #f6f6f6; color: #000; line-height: 25px;}
.caixaContacte1{padding: 30px; min-height: 245px; margin-bottom: 30px; background-color: #f6f6f6; color: #000;}
.caixaContacte img{width:60px; -webkit-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.1);box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.1); border-radius: 50%; margin:0 20px 20px 0; float: left;}
.caixaContacte a{color: #000; transition: 0.5s; font-size: 28px; font-family: 'light'; line-height: 22px;}
.caixaContacte a:hover{color: #558eba; transition: 0.5s !important;}


.textckeditor ol{padding-left: 5%;}




.icoMobil{width: 40px;}
.especialMenu > .menuMobileInici::after{border: 0px;}
.nota{font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 10px;  color: #333; text-align: left; font-style: italic; padding-left: 10px;}


/* ---  Efecte caixes llistat serveis---------------------------- */
.c-preview {  background: #000;  background: -moz-linear-gradient(135deg, #000000 0%, #000000 25%, #123d46 50%, #123d46 75%, #558eba 100%);  /* FF3.6-15 */  background: -webkit-linear-gradient(135deg, #000000 0%, #000000 25%, #123d46 50%, #123d46 75%, #558eba 100%);  /* Chrome10-25,Safari5.1-6 */  background: linear-gradient(135deg, #000000 0%, #000000 25%, #123d46 50%, #123d46 75%, #558eba 100%);  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  background-size: 400% 400%;  background-repeat: no-repeat;  display: flex;  width: 100%;  padding: 80% 30px 0 30px;  justify-content: center;  align-items: center;  color: #fff;  position: relative;  cursor: pointer;  transition: 0.5s all;  margin-bottom: 30px;  }
.c-preview__img {  position: absolute;  left: 0;  top: 0;  background-size: cover;  width: 100%;  height: 100%;  z-index: 1;  opacity: 0.7;  mix-blend-mode: luminosity;}
.c-preview__title { position: absolute;    bottom: 10px;    z-index: 10;    width: 78%;    text-transform: uppercase;    letter-spacing: 0.05em;    padding-bottom: 5%;    font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 21px;    line-height: 27px;    color: #fff;    text-shadow: 0px 0px 2px rgb(150 150 150);}
.c-preview:hover {  background-position: 100% 100%;box-shadow: 4px 7px 19px 0px rgba(0,0,0,0.40);-webkit-box-shadow: 4px 7px 19px 0px rgba(0,0,0,0.40);-moz-box-shadow: 4px 7px 19px 0px rgba(0,0,0,0.40);}
.c-preview:hover__title {  text-shadow: 0 0 20px black;}
/* ---  Fi efecte caixes llistat serveis---------------------------- */


.menuPrincipal{padding-top: 52px; -webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.menuPrincipal2{padding-top: 21px; -webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.titPetit{  font-family: 'Regular', Arial, Helvetica, sans-serif;    font-size: 24px;    line-height: 30px; color: #ffffff; margin-top: 10px; text-transform: none;}
.deprojectes2{-webkit-box-shadow: 0px -2px 14px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px -2px 14px 0px rgba(0,0,0,0.75);box-shadow: 0px -2px 14px 0px rgba(0,0,0,0.75);cursor: pointer;background-size:cover; background-position: center center; width: 100%; padding: 45% 20px 30px 20px;  background-repeat: no-repeat; display: block;  background-color: rgba(0,0,0,0.7); transition: 0.5s;}
.deprojectes2:hover{ box-shadow: 4px 7px 19px 0px rgba(0,0,0,0.80);-webkit-box-shadow: 4px 7px 19px 0px rgba(0,0,0,0.80);-moz-box-shadow: 4px 7px 19px 0px rgba(0,0,0,0.80);transition: 0.5s; }
.deprojectes2 h3{  font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 20px;    line-height: 26px; color: #fff; text-transform: uppercase; position: absolute; bottom: 15%; left: 12%; max-width: calc(100% - 25%);text-shadow: 2px 2px 5px rgba(50, 50, 50, 1);transition: 0.5s;}

.deprojectes2:hover h3{  font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 30px;    line-height: 36px; color: #000; text-transform: uppercase; position: absolute; bottom: 15%; left: 12%; max-width: calc(100% - 25%);text-shadow: 2px 2px 5px rgba(250, 250, 250, 1);transition: 0.5s;}
.segurpratHome{cursor: pointer;background-size:cover; background-position: center ; width: 100%; padding: 60% 20px 30px 20px;  background-repeat: no-repeat; display: block;  background-color: rgba(0,0,0,0.7); margin-bottom: 30px;}
.with-linear-gradient {  border-style: solid;  border-width: 10px;  border-image: linear-gradient(45deg, rgb(4,68,113), rgb(85,142,186)) 1;  border-top:  none;  border-right: none;  border-left: none;}
.serveiHome{padding: 10px 20px 20px 20px; text-align: center; border: 2px solid #efefef;-webkit-transition:0.7s;-moz-transition:0.7s;-o-transition:0.7s;transition:0.7s;}
.serveiHome img{width: 120px;}
.serveiHome h2{text-transform: uppercase;font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 28px;    line-height: 34px; color: #333; margin-top: -20px;}
.serveiHome h2 span{text-transform: uppercase;font-family: 'Light', Arial, Helvetica, sans-serif;    font-size: 14px;    line-height: 20px; margin-bottom: -5px;}
.serveiHome:hover{-webkit-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.1);box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.1); border: 2px solid #558eba;-webkit-transition:0.7s;-moz-transition:0.7s;-o-transition:0.7s;transition:0.7s; background-color: #efefef;}
.notiHome{cursor: pointer;background-size:cover; background-position: center center; width: 100%; padding: 40% 0px 30px 0px;  background-repeat: no-repeat; display: block;  background-color: rgba(0,0,0,0.7);transition: 0.5s;}
.notiHomeh2{  font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 22px;    line-height: 26px; color: #fff;}
.notiHomeh3{  font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 17px;    line-height: 22px; color: #fff; text-transform: uppercase; margin: 15px 0;}
.notiHomeBox:hover .notiHome{opacity: 0.8; box-shadow: 4px 7px 19px 0px rgba(0,0,0,0.40);-webkit-box-shadow: 4px 7px 19px 0px rgba(0,0,0,0.40);-moz-box-shadow: 4px 7px 19px 0px rgba(0,0,0,0.40);transition: 0.5s; }

.loscinco{background-color: #044471; padding: 19px; min-height: 280px; color: #e4e4e4;  font-family: 'light', Arial, Helvetica, sans-serif;    font-size: 17px;    line-height: 20px;}
.loscinco h3{color: #fff;}


.menuPrincipal .mm-selected a{color: #CC367C!important;}
.mm-selected a{color: #ffffff!important;}
#menuMobile{z-index: 888;}
.cardTeam_img{background-size: cover; background-position: center top; width: 100%; padding-top: 100%; margin: 0; border-radius: 40px 0 40px 0;transition: 0.5s;}
.cardTeam_img:hover { box-shadow: 4px 7px 19px 0px rgba(0,0,0,0.40);-webkit-box-shadow: 4px 7px 19px 0px rgba(0,0,0,0.40);-moz-box-shadow: 4px 7px 19px 0px rgba(0,0,0,0.40);transition: 0.5s; }
.cardTeam h3{margin-bottom: 10px;}
.cardTeam h5{text-transform: uppercase; font-size: 14px;}
.cardTeam{margin-bottom: 80px;}
.fotoNotiLlistat{background-size: cover; background-position: center; width: 100%; padding-top: 35%;}
.fotoNotiLlistat img{width: 100%; height: auto;}
.cajanoticiar{margin-bottom: 80px; min-height: 490px;}
.cajanoticiar h3{font-size: 16px; line-height: 21px; margin-top: 10px;}
.blocExtraNoti a{text-transform: uppercase; font-size: 14px;}
.servRel{cursor: pointer;background-size:cover; background-position: center center; width: 100%; padding: 45% 20px 30px 10%;  background-repeat: no-repeat; display: block;  background-color: rgba(0,0,0,0.7); }
.servRel h3{  font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 20px;    line-height: 26px; color: #fff; text-transform: uppercase; position: absolute; bottom: 50px; left: 18%; max-width: calc(100% - 25%);}

.deponer{background-size: cover; background-position: center; padding-top: 100%; width: 100%}
.mostrar1024{display: none !important;}
.grecaptcha-badge{z-index: 999!important;}
.iconaTabIframe {    max-width:  60px;    max-height: 50px;}
.requadreDebug {    position: fixed; top: 10px; left: 10px;     width: 360px; height: 280px; padding: 10px;     border-radius: 4px;    border:  1px dashed red;    background: rgba(255,255,255,0.8);    z-index: 500000;}

.titHome{font-family:'Regular';text-transform: none; font-size: 23px;}

.centrat{text-align: center;margin: 0 auto;}


.menu2{text-decoration: none;}
.menu2 li{display: inline-block;padding: 30px 20px 0 20px;}
.separador1{padding: 20px;text-transform: uppercase;}



.h1titPro{font-family:'Regular';font-size: 24px;line-height: 28px;}

.cenDir{padding-right:42px;}
.iconoHide{display: none;}


/* ***** Botó animat  ****************************************************** */
.botoAnimat{position: relative; display: inline-flex; margin-top:15px;}
.botoAnimat a {  text-decoration: none;  color: inherit;}
.cta {  position: relative;  margin: auto;  padding: 7px 15px;  transition: all 0.2s ease; }
.cta:before {  content: "";  position: absolute;  top: 0;  left: 0;  display: block;  border-radius: 28px;  background: rgba(85,142,186, 1);  width: 40px;  height: 40px;  transition: all 0.5s ease; cursor: -webkit-grab; cursor: grab;}
.cta span {  font-family: 'Light', Arial, Helvetica, sans-serif; position: relative;  font-size: 14px;  line-height: 18px;  font-weight: 900;  letter-spacing: 0.05em;  text-transform: uppercase;  vertical-align: middle;}
.cta img {  position: relative;  top: 0;  margin-left: 10px;  fill: none;  stroke-linecap: round;  stroke-linejoin: round;  stroke: #111;  stroke-width: 2;  transform: translateX(-5px);  transition: all 0.5s ease;}
.cta:hover:before {  width: 100%;  background: linear-gradient(60deg, rgba(4,68,113,1) 0%, rgba(85,142,186,1) 100%);}


.cta:hover svg {  transform: translateX(0);}
.cta:active {  transform: scale(0.96); }
.cta span:hover{cursor: -webkit-grab; cursor: grab;}
/* ***** End Botó animat  ****************************************************** */



.barraSepMenu{border-right: 2px solid #efefef; display: inline; height:30px; margin-right: 30px; padding-left: 30px;}
.icoContacte{font-family: 'Regular', Arial, Helvetica, sans-serif; font-size: 16px; transition: 0.5s; color: #fff!important; border-radius: 4px; padding: 4px 10px; background-color: rgb(85, 142, 186, 0.6);}
.icoContacte:hover{color: #558eba !important; transition: 0.5s;}

.missatgeEnviat{font-family: 'Light', Arial, Helvetica, sans-serif; font-size: 20px; line-height: 30px; text-align: center; padding: 20px; margin: 20px; font-style: italic;}

.catNoti{display: inline-block;  text-transform: uppercase;  border: 2px solid #054471;    padding:3px 10px;    margin: 0 10px 10px 0;    background-color: #054471;    color: #fff;    font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 14px;    transition: 0.5s;    border-radius: 5px;}
.catNoti:hover, .catNotiMarcat{ border:  2px solid #333; transition: 0.5s; background-color: #212121; }

.imgCheck{margin: 15px 10px 15px 0;}


/*** ACCORDION SERVEIS  ******************************/
    .panel-group .panel {        border-radius: 0;        box-shadow: none;        border-color: #EEEEEE;    }
    .panel-default > .panel-heading {        padding: 0;        border-radius: 0;        color: #212121;        background-color: #FAFAFA;        border-color: #EEEEEE;    }
    h4.panel-title {        font-size: 14px !important;   }
    .panel-title > a {        display: block;        padding: 15px;        text-decoration: none;    }
    .more-less {        float: right;        color: #212121;    }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {        border-top-color: #EEEEEE;    }


.imgNotiMobile{display: none !important;}
.bannerMobile{display: none;}
.caixaRelacionats{padding: 0 30px; margin-bottom: 20px;}
.fonsRelacionats{background-color:#f6f6f6; padding: 50px 0; display:flow-root; margin-bottom: 10px;}
.massatgeMobil{display: none;}

.imgPartner{filter: grayscale(90%); transition: 0.5s;}
.imgPartner:hover{filter: grayscale(0%); transition: 0.5s;}








/*-- imprima ----------------------------------------------------------------------------------------------------------------------------------------------*/

a.dadesFixe {color: #fff; font-size: 14px; font-family: 'Semibold'; text-transform: uppercase; margin-right: 5%; transition: 0.5s;}
a.dadesFixe2 {color: #fff; font-size: 18px; font-family: 'Semibold'; margin-right: 5%; transition: 0.5s;}
a.dadesFixePeu {color: #fff; font-size: 14px; line-height: 14px; font-family: 'Semibold'; margin-right: 5%; transition: 0.5s;}


a.dadesFixe:hover,
a.dadesFixe2:hover{color: #CC367C; transition: 0.5s;}
.botoPressupost{float: right; min-height: 50px; padding: 5px 10%;  background-color:#511f63; color: #fff; transition: 0.5s; text-transform: uppercase; font-family: 'Bold'; font-size: 14px; display: flex; align-items: center; justify-content: center;}
.botoPressupost:hover{background-color:#CC367C; transition: 0.5s;}


.blocs {  position: relative;  background: #555;  height: 100vh;  width: 100%; background-image: url(../imgs/fons-banner.jpg); background-size: cover; background-position: center;}
.indexBlocs {display: grid;grid-template-columns: repeat(6, 1fr);grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px;align-items: flex-end;}
.indexBlocs img{object-fit: cover; width: 100%; height: calc(100vh - 10px);}
.indexBlocs_div1 { grid-area: 1 / 1 / 2 / 2; position: relative; transition: 0.5s;}
.indexBlocs_div2 { grid-area: 1 / 2 / 2 / 3; position: relative; transition: 0.5s;}
.indexBlocs_div3 { grid-area: 1 / 3 / 2 / 4; position: relative; transition: 0.5s;}
.indexBlocs_div4 { grid-area: 1 / 4 / 2 / 5; position: relative; transition: 0.5s;}
.indexBlocs_div5 { grid-area: 1 / 5 / 2 / 6; position: relative; transition: 0.5s;}
.indexBlocs_div6 { grid-area: 1 / 6 / 2 / 7; position: relative; transition: 0.5s;}
.indexBlocs_titol{position: absolute; bottom: 5%; left: 7%;}
h2{font-family: 'Bold'; font-size: 1.5vw; line-height: 1.5vw; color: #fff; text-transform: uppercase; padding: 5%;}

.indexBlocs_div1:hover img{filter: blur(4px); transition: 0.5s;}
.indexBlocs_div2:hover img{filter: blur(4px); transition: 0.5s;}
.indexBlocs_div3:hover img{filter: blur(4px); transition: 0.5s;}
.indexBlocs_div4:hover img{filter: blur(4px); transition: 0.5s;}
.indexBlocs_div5:hover img{filter: blur(4px); transition: 0.5s;}
.indexBlocs_div6:hover img{filter: blur(4px); transition: 0.5s;}


.blocColor1{border-bottom: 10px solid #631c59;}
.blocColor2{border-bottom: 10px solid #745590;}
.blocColor3{border-bottom: 10px solid #c98698;}
.blocColor4{border-bottom: 10px solid #cc646f;}
.blocColor5{border-bottom: 10px solid #a05166;}
.blocColor6{border-bottom: 10px solid #6a4358;}

.bloccta {display: grid;grid-template-columns: 15% 23% 1fr 15%;grid-template-rows: 1fr;grid-column-gap: 50px;grid-row-gap: 0px;height: 100%;}
.bloccta_div1 { grid-area: 1 / 2 / 2 / 3;  position: relative; justify-content: flex-end; }
.bloccta_div2 { grid-area: 1 / 3 / 2 / 4; display: flex; align-items: center;}
.bloccta_div2_txt{font-size: 1.3vw; line-height: 1.7vw; font-family: 'Semibold'; color: #1b1b1b;}
.botoNormal{display: inline-flex; align-items: center; justify-content: center; padding: 10px 50px; background-color: #511f63; transition: 0.5s; font-size: 15px; font-family: 'Bold'; text-transform: uppercase; color: #fff; margin: 3% 0; border: none;}
.botoNormal:hover{background-color: #CC367C; transition: 0.5s;}
.botoNormal2{margin: 0px 0; padding: 6px 50px; border-radius: 6px;}
.botoNormal3{margin: 0px 0; padding: 10px 50px;}


.botopeque{cursor:pointer; display: inline-flex; align-items: center; justify-content: center; padding: 2px 13px; background-color: #511f63; transition: 0.5s; font-size: 13px; font-family: 'Regular'; text-transform: uppercase; color: #fff; margin: 3% 0; border: none; color:#ffffff;}
.botopeque:hover{background-color: #CC367C; transition: 0.5s;}
.botopeque img{width: 14px; margin-right:8px}

.botopeque2{cursor:pointer; display: inline-flex; align-items: center; justify-content: center; padding: 2px 13px; background-color: #878787; transition: 0.5s; font-size: 13px; font-family: 'Regular'; text-transform: uppercase; color: #fff; margin: 3% 0; border: none; color:#ffffff;}
.botopeque2:hover{background-color: #CC367C; transition: 0.5s;}
a.botopeque2 {color:#fff!important;}
.botopeque2 img{width: 14px; margin-right:8px}

.nprojectes {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 20px;grid-row-gap: 20px;}
.nprojectes_div1 { grid-area: 1 / 1 / 2 / 2;}
.nprojectes_div2 { grid-area: 1 / 2 / 2 / 3;}
.nprojectes_div3 { grid-area: 1 / 3 / 2 / 4;}
.nprojectes_div4 { grid-area: 2 / 1 / 3 / 2;}
.nprojectes_div5 { grid-area: 2 / 2 / 3 / 3;}
.nprojectes_div6 { grid-area: 2 / 3 / 3 / 4;}

/* inici efecte imatges projectes  */
.projecte_grid {	position: relative;	margin: 0 auto;	list-style: none;	text-align: center;}

/* Common style */
.projecte_grid figure {	position: relative;	float: left;	overflow: hidden;	min-width: 100%;	max-width: 100%;	max-height: 360px;	width: 48%;	text-align: center;}
.projecte_grid figure img {	position: relative;	display: block;	min-height: 100%;	max-width: 100%;	opacity: 0.8;}
.projecte_grid figure figcaption {	padding: 2em;color: #fff;	font-size: 1.25em;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
.projecte_grid figure figcaption::before,
.projecte_grid figure figcaption::after {	pointer-events: none;}

.projecte_grid figure figcaption,
.projecte_grid figure figcaption > a {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}

/* Anchor will cover the whole item by default */
.projecte_grid figure figcaption > a {	z-index: 1000;	text-indent: 200%;	white-space: nowrap;	font-size: 0;	opacity: 0;}
.projecte_grid figure h2,
.projecte_grid figure p {	font-size: 68.5%;margin: 0;}

/*---------------*/
/***** Roxy *****/
/*---------------*/

figure.effect-roxy {	/*background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);	background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);*/	background-color: #000;}
figure.effect-roxy img {	max-width: none;	width: -webkit-calc(100% + 60px);	width: calc(100% + 60px);	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;	transition: opacity 0.5s, transform 0.5s;	-webkit-transform: translate3d(-50px,0,0);	transform: translate3d(-50px,0,0);}
figure.effect-roxy figcaption::before {	position: absolute;	top: 30px;	right: 30px;	bottom: 30px;	left: 30px;	border: 1px solid #fff;	content: '';	opacity: 0;	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;	transition: opacity 0.5s, transform 0.5s;	-webkit-transform: translate3d(-20px,0,0);	transform: translate3d(-20px,0,0);}
figure.effect-roxy figcaption {	padding: 3em;	text-align: left;}
figure.effect-roxy span {	opacity: 0;	padding: 5% 0 10px 0;	font-size: 12px;	color: #fff;}
figure.effect-roxy h2 {	opacity: 0;	padding: 5px 0 10px 0;	font-size: 1vw;}
figure.effect-roxy p {	opacity: 0;	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;	transition: opacity 0.5s, transform 0.5s;	-webkit-transform: translate3d(-10px,0,0);	transform: translate3d(-10px,0,0);}
figure.effect-roxy:hover img {	opacity: 0.7;	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}
figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover h2,
figure.effect-roxy:hover p {	opacity: 1;	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}
figure.effect-roxy:hover figcaption::before{	background-color: rgba(0, 0, 0, 0.8);}
figure.effect-roxy:hover {	opacity: 1;}

@media screen and (max-width: 50em) {
	.projecte_grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}

/* fi efecte  */

.blocquisom {display: grid;grid-template-columns: 55% 1fr;grid-template-rows: 1fr;grid-column-gap: 150px;grid-row-gap: 0px;}
.blocquisom_div1 { grid-area: 1 / 1 / 2 / 2; display: flex; align-items: center;}
.blocquisom_div2 { grid-area: 1 / 2 / 2 / 3; }

.inputNew{ margin: 4px 0; width:100%; padding: 5px 20px; font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 16px; color:#511f63;  border: 2px solid #d0d0d0; background-color: #fff; border-radius: 6px;}
.inputNew2{ padding: 8px 20px;}
.inputNew::placeholder{font-family:  'Regular', Arial, Helvetica, sans-serif;  font-style: italic; font-size: 13px;  color: #1c1c1b; text-align: left; }
.textareaNew{ margin: 4px 0; width:100%; padding: 5px 20px; font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 16px; color:#511f63;  border: 2px solid #d0d0d0; background-color: #fff; border-radius: 6px; min-height: 86px;}
.textareaNew2{ padding: 8px 20px;}
.textareaNew::placeholder{font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 13px;  color: #1c1c1b;text-align: left; font-style: italic;}
.amagar{display: none;}
.amagarNotif{margin-top: 0px; font-size:12px; color: #1c1c1b !important;}
.amagarNotif a{font-size:12px; color: #511f63 !important;}

.footer{background-image: url(../imgs/fons-footer.jpg); background-size: cover; background-position: center; padding: 3% 0;}
.logoPeu{width: 100% !important; max-width: 200px !important; margin-bottom: 20px;}

.blocfooter {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: 1fr;grid-column-gap: 100px;grid-row-gap: 0px;}
.blocfooter a{font-size: 14px; line-height: 16px; color: #fff; transition: 0.5s;}
.blocfooter a.dadesFixe2{font-size: 20px; line-height: 40px;}
.blocfooter a:hover{color: #CC367C; transition: 0.5s;}
.blocfooter_div1 { grid-area: 1 / 1 / 2 / 2; }
.blocfooter_div2 { grid-area: 1 / 2 / 2 / 3; }
.blocfooter_div3 { grid-area: 1 / 3 / 2 / 4; }
.blocfooter_div3 span{color: #fff; font-size: 12px; margin-right: 10px;}
.blocfooter_div4 { grid-area: 1 / 4 / 2 / 5; }
.icoXarxa{width:30px;}
.xarxa {        width: 30px;        height: auto;        position: relative;        display: inline-block;        transition: 1s;   margin-right: 10px; }
.xarxa .img-top {        display: none;        position: absolute;        top: 0;        z-index: 99;        transition: 1s;        left: 0;        right: 0;        width: 30px;       }
.xarxa:hover .img-top {        display: inline;        transition:1s;    }

.interior{margin-top: 5%;}
.taulaPrivacitat td {border: 1px solid #ccc; padding: 20px;font-family: 'Regular';}
.mapaweb{display: grid; grid-auto-rows: auto;grid-template-columns: repeat(auto-fit, minmax(15em, 1fr)); grid-gap: 50px;}

.botoError{border: 2px solid #511f63; padding: 5px 20px; width: 100%; text-transform: uppercase; font-family: 'Semibold', Arial, Helvetica, sans-serif; background-color: #fff; float: right; font-size: 14px; color: #511f63;transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */ margin-bottom: 7px;}
.botoError:hover{background-color: #CC367C; border: 2px solid #CC367C;   color: #fff; transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */}
.vertical-centered-text {  -ms-display: flex;  display: flex;  /* alineacion vertical */  align-items: center;   /* alineacion horizontal */  justify-content: center;}

/*----------------------*/
/***** Menú lateral *****/
/*----------------------*/

#menu{margin-left: 8px;}
#divFiltres{padding: 0;}
ul.menu-lat{list-style: none;}
a.link-menulat{padding: 10px 27px 10px 15px !important; background-color: #511f63 !important;    font-family:'bold', Arial, Helvetica, sans-serif; font-size: 15px; text-transform: uppercase;transition: 0.5s; border-bottom: 1px solid #fff; word-break: keep-all !important; color: #fff;}
ul.menu-lat li{border-bottom: 1px solid #ddd; padding: 7px 0 7px 20px; font-family:'regular', Arial, Helvetica, sans-serif; font-size: 15px;transition: 0.5s; color: #222221; display: flex; background-color: #f1f1f1;}
ul.menu-lat li a{color: #222221 !important; transition: 0.5s; word-break: keep-all !important;}
a.link-menulat:hover{background-color: #511f63 !important; color: #fff; transition: 0.5s;}
ul.menu-lat li:hover a{color: #CC367C !important; transition: 0.5s;padding-left: 5px;}
#menu li > span {  cursor: pointer;  display: block;  float: right;  width: 30px;  height: 30px;  position: relative;  right: 10px;  margin: 2px;  margin-top: -50px;}
#menu li > span.up-arrow::before {  transform: translate(-2px, -2px) rotate(45deg);}
#menu li > span.up-arrow::after {  transform: translate(5px, -2px) rotate(-45deg);}
#menu li span::before,
#menu li span::after {  display: block;  content: '';  width: 1px;  height: 10px;  background: transparent;  position: absolute;  top: 18px;  transition: all 300ms ease;}
#menu li span::before {  left: 25px;  transform: rotate(45deg);}
#menu li span::after {  left: 18px;  transform: rotate(-45deg);}
ul.menu-lat li a.marcar{ color: #CC367C !important;font-weight: bold;}

.path{font-family: 'Regular', Arial, Helvetica, sans-serif;	font-size: 12px;	color: #1b1b1b!important; line-height: 12px; text-transform: uppercase;}

.llistat{display: grid; grid-auto-rows: auto;grid-template-columns: repeat(auto-fill, minmax(15em, 1fr)); grid-gap: 50px;}
.llistat_img{background-size: contain; background-position: center; background-repeat: no-repeat; width: 100%; padding-top: 70%; border: 1px solid #f1f1f1;}
.llistat_titol {	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 18px;	line-height: 25px;	color: #1b1b1b;	margin: 10px 0;	transition: 0.5s; text-transform: none; padding: 0;}
.llistat_box{padding: 10px; background-color: #fff; transition: 0.5s; }
.llistat_box:hover{ background-color: #CC367C; transition: 0.5s; box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;}
.llistat_box:hover .llistat_titol{color: #fff; transition: 0.5s;}


.iconsFitxa{ width: 30px; height: 30px;}
.opServei{width: 45px; height: 45px; display: inline-flex; align-items: center; justify-content: center; background-color: #511f63; transition: 0.5s; float: right;}
.opServei:hover{background-color: #CC367C; transition: 0.5s;}

.mostrames{margin: 10px 0 0 20px; font-size: 14px; text-transform: uppercase; color: #511f63;}

.bloc_ubicacio {display: grid;grid-template-columns: 1fr 27% 40%;grid-template-rows: 1fr;grid-column-gap: 100px;grid-row-gap: 0px;}
.bloc_ubicacio_div1 { grid-area: 1 / 1 / 2 / 2; align-items: flex-end; display: flex; }
.bloc_ubicacio_div2 { grid-area: 1 / 2 / 2 / 3; }
.bloc_ubicacio_div3 { grid-area: 1 / 3 / 2 / 4; }



.video1{width: 100%; object-fit: cover; position: relative;}
.boxvideo {        width: 100%;        height: auto;        position: relative;        display: inline-block;        transition: 1s;   margin-right: 10px; }
.boxvideo .img-top {        display: none;        position: absolute;        top: 0;        z-index: 99;        transition: 1s;        left: 0;        right: 0;        width: 100%;       }
.boxvideo:hover .img-top {        display: inline;        transition:1s !important;    }

.fonsCta{width: 100%; height: 50vh; background-size: cover;}

.talltxt {  display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical;    overflow: hidden;}





















@media (min-width: 1004px) and (max-width: 1100px) {
	.icoConta{width: 30px !important;}
}

@media (min-width: 767px) and (max-width: 1003px) {
	.telConta{font-size: 16px;}
	.faxConta{font-size: 15px;}
	.icoConta{width: 25px !important;}
	.cajaaclientes {
	border:1px solid #e4e4e4; 
	width:100%;
	}
	.selectorfamilia, .ocultar {
	display:none;
	}
	.input {
	width: 85%;
	}

	.ajudansmobil {
	display:inline;
	}

	.ajudanspc {
	display:none;
	}
	.noticia_imatge {
	width:37%;
	float:left;
	}

	.noticia_descripcio {
	width:63%;
	float:left;
	}
	.medidamarca{float:right;width:100%;max-width:110px;}
}

.fonsincpie{background-image:url(../imgs/fons-cta.jpg); width: 100%; height: auto; background-size: cover; padding: 3% 0; margin-top: 5%; background-position: center;}
.sepInterior{background-size: cover; background-position:center; height: 30px; width:100%; margin-top: 170px;}
.migas{display: inline-flex; align-items: baseline; margin-bottom: 4%;}


























@media screen and (max-width: 1600px) {
    .contenedor {padding-right: 4%;	padding-left: 4%;}
}

@media screen and (max-width: 1440px) {
	.contenedor {padding-right: 4%;	padding-left: 4%;}
	.contenedorgran { max-width: 1350px;}
    body{font-size: 18px;}
    .bloc_ubicacio_div1 h5{font-size: 16px;}
    .bloc_ubicacio_div2{font-size: 16px;}
}

@media (max-width: 1366px) {
	a.dadesFixe2 {font-size: 16px;}

	.idiomas {    padding: 0 5px;}
	.dropdown {    font-size: 15px;    padding: 5px 8px 10px 11px;}
	.contenedorgran { max-width: 1250px;}
    body{font-size: 16px; line-height: 24px;}
    .serveiHome h2{font-size: 24px; line-height: 26px;}
    h3, .deprojectes2 h3{font-size: 24px; line-height: 30px;}
    .notiHomeh3 {font-size: 18px; line-height: 24px;}
    .serveiHome img {width: 110px;}
    .sepInterior{ margin-top: 150px;}
        .bloc_ubicacio_div2{font-size: 15px;}
        a.link-menulat{font-size: 13px;}
        ul.menu-lat li{font-size: 13px;}


}

@media (max-width: 1360px) {
    .nav > li > a { padding: 0px 11px;}
    .menuPrincipal {    padding-top: 46px;}
    .menuPrincipal2 {    padding-top: 21px;

}

@media (max-width: 1280px) {
    .contenedorgran { max-width: 1150px;}
    .serveiHome img {width: 90px;}
		a.dadesFixe {font-size: 13px;}
    a.dadesFixe2 {font-size: 13px;}
    .menuPrincipal {    padding-top: 30px;}
    .menuPrincipal2 {    padding-top: 12px;}
    	.projecte_grid figure {max-height: 260px;}
.talltxt {  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;    overflow: hidden;}
.bloc_ubicacio{    grid-template-columns: 1fr 32% 35%;}

}

@media (max-width: 1150px) {
	.loslaterales {    padding: 0 1%!important;}
	.espect {    font-size: 14px;    padding-left: 6px;}
}

@media (max-width: 1024px) {
a.dadesFixe {font-size: 11px;}
a.dadesFixe2 {font-size: 11px;}
.botoPressupost{font-size: 12px;}
.inputNew::placeholder{  font-size: 16px;  color: #000;  }
.textareaNew::placeholder{  font-size: 16px;  color: #000;  }
.loscinco {    min-height: 208px;}	
.caixaContacte a {    font-size: 20px;    line-height: 21px;}
.caixaContacte img {    width: 38px;    margin: 0 8px 20px 0;}
.linksPeu a {    padding: 0 10px; }
.cuatroservs{clear: both;margin-top: 50px;z-index: 5; position:relative;}	
h4 {    font-size: 21px;    line-height: 25px;}
.nav > li > a { padding: 0px 3px!important;}
.itemcesto {    font-size: 11px;    padding: 2px 0;    width: 79px;}
.familias {    padding: 25px 0 0 10px;}
.contenedor {    width: 100%;    padding-right: 1%;    padding-left: 1%;}
.loslaterales{padding:0 2%!important;}
.ideom {    margin-top: 6px!important;}	
.contenedor{padding: 0 3% !important;}
.mostrarTitol{display: block;}
  .contenedorgran { max-width: 950px;}
  .icoContacte{font-size: 13px;}
  .logo2{max-width: 95px;}
  h3, .deprojectes2 h3 {      font-size: 16px;    line-height: 19px;}
  .deprojectes2:hover h3 {    font-size: 20px;    line-height: 24px;}
  .titPetit {font-size: 20px; line-height: 26px;}
  .notiHomeh3 {font-size: 16px; line-height: 22px;}
  .imgContacte{padding-top: 13%;}
  .dadesPeu a {font-size: 14px; line-height: 18px;}
  .principalsHome{margin-bottom: 20px;}
  .ajustContenedorgran100{margin-top: 100px !important;}
  .colocatitle h1{font-size: 27px; line-height: 35px;}
  .colocatitle h2{font-size: 18px !important; line-height: 22px !important;}
  .cardTeam{height: 300px;}
  .cardTeam p {margin: 0;}
  .cta{padding: 2px 15px;}
  .cta:before {width: 30px; height: 30px;}
  .blocsAdmin{margin: 50px 0 0 0 !important; }
  .imgCheck {    margin: 0px 10px 15px 0;}
  .c-preview__title{left: 20px;}
  .servRelFitxa{font-size: 13px; line-height: 18px;}
  .catNoti{padding: 5px 10px;}
.iconsFitxa{width: 30px; height: 30px;}
.deprojectes2 h3 {left: 16%;}
.fonsRelacionats{ padding: 30px 0;}
.fonsincpie{padding: 6% 0;}

.blocfooter {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 50px;grid-row-gap: 50px;}
.blocfooter_div1 { grid-area: 1 / 1 / 2 / 2; }
.blocfooter_div2 { grid-area: 1 / 2 / 2 / 3; }
.blocfooter_div3 { grid-area: 2 / 1 / 3 / 2; }
.blocfooter_div4 { grid-area: 2 / 2 / 3 / 3; }
.blocquisom {grid-column-gap: 50px;}

.projecte_grid figure {max-height: 205px;}
.talltxt {  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;    overflow: hidden;}
.sepInterior{ margin-top: 120px;}
.bloc_ubicacio{   grid-column-gap: 40px;  grid-template-columns: 1fr 36% 31%; }
    .bloc_ubicacio_div1 h5{font-size: 14px;}
    .bloc_ubicacio_div2{font-size: 14px;}

   }

@media (max-width: 1023px) {
  	.navbar-nav{display:none!important;}
	.imgNotiMobile{display: block !important;}
	.borrar1023{display: none;}
	.menuSup{display: none;}
	.mundial{top:0;}
.blocs{height: 91vh;}
.indexBlocs{display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 0px;grid-row-gap: 0px; margin-top: 90px;}
.indexBlocs img{object-fit: cover; width: 100%; height: calc(45.6vh - 10px);}
.indexBlocs_div1 { grid-area: 1 / 1 / 2 / 2; }
.indexBlocs_div2 { grid-area: 1 / 2 / 2 / 3; }
.indexBlocs_div3 { grid-area: 1 / 3 / 2 / 4; }
.indexBlocs_div4 { grid-area: 2 / 1 / 3 / 2; }
.indexBlocs_div5 { grid-area: 2 / 2 / 3 / 3; }
.indexBlocs_div6 { grid-area: 2 / 3 / 3 / 4; }
h2{font-size: 3vw; line-height: 3vw;}
}

@media (max-width: 1010px) {
  	.aparecer{display: block;}
		.logo1 {    width: 200px;    margin-top: 10px;    margin-left: calc(50% - 100px);}
    .loslaterales{margin-bottom: 20px;}
  	.logo2{margin-left: 42%!important;}
}

@media screen and (min-width: 1003px) {
  #menuMobile{display:none;}
	.caixaRelacionats { padding: 0 14px;}  	
}

 @media screen and (max-width: 768px) {
	.alaizquierda{text-align: center;}
	.contenedorgran { max-width: 700px;}
	.destacatsHome{padding: 0 10px; margin-bottom: 20px;}
	.caixaConeix{margin-bottom: 30px;}
	.dadesPeu{text-align: center;}
	.dadesPeu a {    font-size: 11px; }
	.linksPeu a { padding: 0 0px 0 15px;}
	.incPie2{padding: 0px 0 30px 0;}
	.acincuenta{margin-top: 50px !important;}
	.cardTeam{height: auto;}
	.colocatitle{left: 0;}
	.alturaInt{height: 150px !important;}
	.reciclaje2{display: none;}
	.caixaRelacionats{padding: 0 0px;}
	.barratop{display: none;}
	.caixaContacte{height: auto; min-height: 200px;}
	.caixaContacteMail a{font-size: 13px;}

.fonsCta{width: 100%; height: auto; background-size: cover; padding: 50px 0 0 0;}

.blocquisom {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 50px;text-align: center; margin-bottom: 100px;}
.blocquisom_div1 { grid-area: 1 / 1 / 2 / 2; }
.blocquisom_div2 { grid-area: 2 / 1 / 3 / 2; }

.fonsincpie{ padding: 50px 0; text-align: center;}

.footer{padding: 50px 0;}
.blocfooter {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(4, auto);grid-column-gap: 0px;grid-row-gap: 50px;text-align: center;}
.blocfooter_div1 { grid-area: 1 / 1 / 2 / 2; }
.blocfooter_div2 { grid-area: 2 / 1 / 3 / 2; }
.blocfooter_div3 { grid-area: 3 / 1 / 4 / 2; }
.blocfooter_div4 { grid-area: 4 / 1 / 5 / 2; }
.ajust30{padding-bottom: 30px;}
h2{font-size: 3vw; line-height: 4vw;}
h3{font-size: 4vw; line-height: 5vw;}
.bloccta {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px;text-align: center;padding: 50px 3% 0 3%;}
.bloccta_div2 { grid-area: 1 / 1 / 2 / 2; display: block;}
.bloccta_div1{ grid-area: 2 / 1 / 3 / 2; height: 40vh;}
.bloccta_div1 img{position: relative !important;}
.bloccta_div2_txt{font-size: 3vw; line-height: 4vw}

.nprojectes {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(3, 1fr);grid-column-gap: 50px;grid-row-gap: 20px;}

.nprojectes_div1 { grid-area: 1 / 1 / 2 / 2; }
.nprojectes_div2 { grid-area: 1 / 2 / 2 / 3; }
.nprojectes_div3 { grid-area: 2 / 1 / 3 / 2; }
.nprojectes_div4 { grid-area: 2 / 2 / 3 / 3; }
.nprojectes_div5 { grid-area: 3 / 1 / 4 / 2; }
.nprojectes_div6 { grid-area: 3 / 2 / 4 / 3; }
.projecte_grid figure {max-height: 265px;}
.talltxt {  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;    overflow: hidden;}
.sepInterior{ margin-top: 100px;}

.bloc_ubicacio {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, auto);grid-column-gap: 50px;grid-row-gap: 20px;}
.bloc_ubicacio_div1 { grid-area: 1 / 1 / 2 / 2; }
.bloc_ubicacio_div2 { grid-area: 1 / 2 / 2 / 3; }
.bloc_ubicacio_div3 { grid-area: 2 / 1 / 3 / 3; }
.bloc_ubicacio_div3 iframe{height: 200px !important}
.ajustText{font-size: 15px;}
.inputNew, .textareaNew{font-size: 15px;}
.inputNew::placeholder{font-size: 15px;}
.textareaNew::placeholder{font-size: 15px;}

}

@media (max-width: 679px) {

	.spanOk + span{		display: none !important;	}
	.mundial{position: relative; text-align: center;}
	.sepInterior{ margin-top: 0; }

	.logo1 {    width: 96px;    margin-top: 10px;    margin-left: calc(50% - 48px);}	

	.margenestop{ margin-top: 50px;}
	.logo2 { width: 225px;    margin-left: 32%!important;}	
	.contenedorgran {    max-width: 330px;}
	.dadesPeu a {    font-size: 14px; }
	.dadesPeu{margin-bottom: 30px;}
	.linksPeu{display: grid; grid-row-gap: 10px;;}
	.deprojectes2{margin-top: 10px;}
	.logo2 {    width: 255px;    margin-top: 10px;    margin-left: calc(61% - 75px);}
	.colocatitle h1{font-size: 20px; line-height: 25px;}
	.colocatitle h2{font-size: 14px !important; line-height: 20px !important;}
	.titPetit{display: none !important;}
	.deprojectes2 h3 { bottom: 20%; }
	.bannerGran{display: none;}
	.bannerMobile{display: block;}
	.caixaRelacionats{padding: 0 10px;}
	.flex-caption {bottom: 50px; max-width: 70%; right: 10px; }
	.c-preview__title {font-size: 12px; line-height: 16px;}
	.fotoNotiLlistat{border-radius: 20px 0 0 0;}
	.massatgeGran{display: none;}
	.massatgeMobil{display: block;}

.blocs{height: 85vh;}
.indexBlocs {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(6, auto);grid-column-gap: 0px;grid-row-gap: 0px; margin-top: 0;}
.indexBlocs_div1 { grid-area: 1 / 1 / 2 / 2; }
.indexBlocs_div2 { grid-area: 2 / 1 / 3 / 2; }
.indexBlocs_div3 { grid-area: 3 / 1 / 4 / 2; }
.indexBlocs_div4 { grid-area: 4 / 1 / 5 / 2; }
.indexBlocs_div5 { grid-area: 5 / 1 / 6 / 2; }
.indexBlocs_div6 { grid-area: 6 / 1 / 7 / 2; }
.indexBlocs img{object-fit: cover; width: 100%; height: calc(13.5vh - 10px);}





.nprojectes {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(6, auto);grid-column-gap: 0px;grid-row-gap: 20px;}
.nprojectes_div1 { grid-area: 1 / 1 / 2 / 2; }
.nprojectes_div2 { grid-area: 2 / 1 / 3 / 2; }
.nprojectes_div3 { grid-area: 3 / 1 / 4 / 2; }
.nprojectes_div4 { grid-area: 4 / 1 / 5 / 2; }
.nprojectes_div5 { grid-area: 5 / 1 / 6 / 2; }
.nprojectes_div6 { grid-area: 6 / 1 / 7 / 2; }

h1{font-size: 5vw; line-height: 6vw;}
h2{font-size: 5vw; line-height: 6vw;}
h3{font-size: 7vw; line-height: 8vw;}


.bloccta_div2_txt{font-size: 5vw; line-height: 6vw;}

.logo1{margin-left: 0; width: 100%; max-width: 180px;}
.logo2{margin-left: 39% !important;}


.bloc_ubicacio {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(3, auto);
grid-column-gap: 0px;
grid-row-gap: 30px;
}

.bloc_ubicacio_div1 { grid-area: 1 / 1 / 2 / 2; align-items: initial; margin-top: 50px;}
.bloc_ubicacio_div2 { grid-area: 2 / 1 / 3 / 2; }
.bloc_ubicacio_div3 { grid-area: 3 / 1 / 4 / 2; }
.bloc_ubicacio_div3 iframe{height: 250px !important}

#divFiltres{margin-bottom: 30px;}
.migas{display: block !important;}
.foraPunt{display: none;}
.botoNormal3{padding: 10px 20px;}

.form_consen{margin-bottom: 50px;}

.nav > li > a {    padding: 6px 10px!important;}


}

@media only screen and (max-width: 1003px),
  (min-device-width: 300px) and (max-device-width: 1003px)  {
  	.esconderico{
  		display: inline-block;
	}

  	/* Force table to not be like tables anymore */
  	.table, .thead, .tbody, .th, .td, .tr {  display: block;  }

  	/* Hide table headers (but not display: none;, for accessibility) */

  	thead tr { 
  		position: absolute;
  		top: -9999px;
  		left: -9999px;
  	}

  	.td { 
  		/* Behave  like a "row" */
  		border: none;
  		border-bottom: 1px solid #eee; 
  		position: relative;
  		padding-left: 35%;
  		min-height:35px;	  
  	}

  	.td:before { 
  		/* Now like a table header */
  		position: absolute;
  		/* Top/left values mimic padding */
  		top: 0px;
  		left: 6px;
  		padding-right: 10px;
  		font-weight: bold;
  		white-space: nowrap;
  	}
}
  
.taulaEstandard {
	border-spacing: 0px;
	border-width: 0px;
}

.taulaEstandard td, .taulaEstandard th {
	padding: 0px;
	vertical-align: top;
}


/* -------  Blocs Admnin -----------------------------------------------------*/
.blocsAdmin{margin: 80px 0 0 0; padding: 0 !important;}
.blocsAdmin_img{padding: 0 !important;}
.divAdmin_img{background-size:cover; background-position:center; width: 100%; padding: 60% 0 0 0; margin: 0; border:  1px solid green;}
.blocsAdmin_onlyimg{background-size:contain; background-position:center; background-repeat: no-repeat; width: 100%; padding-top: 25%;border:  1px solid red; }
.blocsAdmin .txtDreta{padding-left: 5%;}
.blocsAdmin .txtEsquerra{padding-right: 5%;}

@media (max-width: 679px) {
    .blocsAdmin .txtDreta{padding-left: 0px !important; padding-right: 0px !important; margin-bottom: 30px;}
    .blocsAdmin .txtEsquerra{padding-right: 0px !important; padding-left: 0px !important; margin-bottom: 30px;}
    .divAdmin_img{margin-bottom: 30px;}}
/* -------  Fi Blocs Admnin -----------------------------------------------------*/