@font-face {    font-family: 'Bold';    src: url('../fonts/hindsiliguri-bold-webfont.eot');    src: url('../fonts/hindsiliguri-bold-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/hindsiliguri-bold-webfont.ttf') format('truetype'),         url('../fonts/hindsiliguri-bold-webfont.svg#hind_siliguribold') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Light';    src: url('../fonts/hindsiliguri-light-webfont.eot');    src: url('../fonts/hindsiliguri-light-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/hindsiliguri-light-webfont.ttf') format('truetype'),         url('../fonts/hindsiliguri-light-webfont.svg#hind_siligurilight') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Medium';    src: url('../fonts/hindsiliguri-medium-webfont.eot');    src: url('../fonts/hindsiliguri-medium-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/hindsiliguri-medium-webfont.ttf') format('truetype'),         url('../fonts/hindsiliguri-medium-webfont.svg#hind_siligurimedium') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Regular';    src: url('../fonts/hindsiliguri-regular-webfont.eot');    src: url('../fonts/hindsiliguri-regular-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/hindsiliguri-regular-webfont.ttf') format('truetype'),         url('../fonts/hindsiliguri-regular-webfont.svg#hind_siliguriregular') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Semibold';    src: url('../fonts/hindsiliguri-semibold-webfont.eot');    src: url('../fonts/hindsiliguri-semibold-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/hindsiliguri-semibold-webfont.ttf') format('truetype'),         url('../fonts/hindsiliguri-semibold-webfont.svg#hind_siligurisemibold') format('svg');    font-weight: normal;    font-style: normal;}

.lossergeneral{position: relative;}
.alos50 {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px;}
.alos501 { grid-area: 1 / 1 / 2 / 2; padding:5rem; color:#fff; }
.alos501 h2 { color:#fff; font-size: 3.5rem; line-height: 3.7rem}
.alos502 { grid-area: 1 / 2 / 2 / 3; }
.cabint{max-width: 1673px;margin: 0 auto;padding: 0 2%!important; margin-top: 52px;position: relative;}
.cabsint{position: absolute; z-index: 12; bottom: 0px; padding: 40px;width: 100%; max-width: 350px;}
.cajaser{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 8;}
.verde{background-color: #84b933; height: 12px; width: 29px; display: inline-block; margin-left: 15px;}
.expres{background-image: url(../imgs/f-expres.png);    background-position: right bottom;    background-repeat: no-repeat;    color: #ffffff;    padding: 5rem 18rem 5rem 5rem;    min-height: 400px; margin-top: 50px}
.expres h5{text-transform: uppercase; font-family: 'Bold';  font-size: 24px; color: #ffffff;}
.expres a{ font-family: 'Bold'; color:#ffffff!important; }
.bannerGran{margin-top: 107px;}
.introEspecialitatMobile{display:none;}
.imgPortada{width: 100%; height: 100%; object-fit: cover; object-position: 25% center;}
.introEspecialitat{position: absolute; bottom: 5%; right: 5rem; width: 100%; max-width: 45%; padding: 10rem; background-color: rgba(255, 255, 255, 0.8); z-index: 10;}
.serveisLlistat{display: grid; grid-auto-rows: auto;grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr)); grid-column-gap: 12%; text-align: center; margin-bottom: 5rem; }
.serveisLlistat .card img{width: 100%; max-width: 25rem; border: 1px solid #80334b; transition:0.5s; }
.serveisLlistat .card img:hover{transform: scale(1.1); transition: 0.5s;}
.llistatServeis {display: grid;grid-template-columns: 1fr;grid-template-rows: 1fr;grid-column-gap: 10rem;grid-row-gap: 0px;  transition: 0.5s;  margin-bottom: 5rem; padding: 1rem 10rem;}
.liniaDetall{width: 10rem; height: 0.2rem; margin-right: 2rem; background-color: #fff;  display: inline-block; }
.liniaDetall2{width: 10rem; height: 0.2rem; margin-right: 2rem; background-color: #383838;  display: inline-block; }
.llServeis {display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr;grid-column-gap: 10rem;grid-row-gap: 0px;}
.llServeis_1 { grid-area: 1 / 1 / 2 / 2; display: flex; align-items: center; justify-content: center;}
.llServeis_2 { grid-area: 1 / 2 / 2 / 3; display: flex; align-items: center; justify-content: center;}
.color1{background-color: #93afc26b}
.color2{background-color: #eaedee;}
.conteIntro{ position: absolute; top: 50%; left:0; width: 45%; background-color: rgba(246, 147, 171, 1); padding: 5rem 10rem; z-index: 850;}
.conteIntro h2{ text-transform:none; color: #777; }
.conteIntro2{ position: absolute; bottom: 10%; left:0; width: 25%; background-color: rgba(73, 134, 184, 0.9); padding: 1rem 10rem 0.5rem 10rem; z-index: 50;}
.conteIntro2 h2{ text-transform:uppercase; color: #fff; }
h1.comh2 {    font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 4rem;    line-height: 4.5rem;    color: #383838;    font-weight: normal;    font-style: normal;    margin: 0 0 1rem 0;}
.serveis {display: grid;grid-template-columns: 1fr; grid-column-gap: 0; grid-row-gap: 0rem;}
.imgllServeis {width: 100%; object-fit: cover; height: 300px;}
.loassergenerales{height: 90vh; width: 100%; border:5rem solid #fff; position: relative;}
.cajascontacto{padding: 20px; width: 48%; display: inline-block;text-align: left;color:#fff}

.imgOmbra{box-shadow: -3px 5px 36px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: -3px 5px 36px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -3px 5px 36px 0px rgba(0,0,0,0.75);}
.news {display: grid;grid-template-columns: 40% 1fr;grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px;}
.news_div1 { grid-area: 1 / 1 / 2 / 2; margin: 0%; text-align: right;}
.news_div2 { grid-area: 1 / 2 / 2 / 3; padding: 1rem 18% 0rem 12%; color: #fff;}
.news_div2 h2 {    font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 3.2rem;    line-height: 3.4rem;    color: #333;    font-weight: normal;    font-style: normal;    margin: 0.5rem 0;}
.nota a{color: #fff!important; transition: 0.5s;}
.nota2 a{color: #383838 transition: 0.5s;}
.nota a:hover{color: #000; transition: 0.5s;}
.news_div2 input{max-width: 70%;}
.inputNewB{ margin: 0.3rem 0; width:100%; padding: 1rem 3rem; font-family: 'Bold', Arial, Helvetica, sans-serif; font-size: 1.5rem; color:#333;  border: none;  border:0.1rem  solid #555; background-color: #fff; display: inline-block;}
.inputNewB::placeholder{font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 1.3rem;  color: #555; text-align: left; font-style: italic; }



.azul{color:#77a1bc!important}
.telefonos{ font-family: 'Bold'; font-size:14px; line-height:14px; color: #84b933;margin: 5px 0;}
.telefonos a{color: #84b933!important;}
html{font-size: 10px;}
p{margin:0 }
.uldaw{height: 35px;margin-top: 8px;}
.suscr{width:35px; margin-right: 15px;}
.padinestop{padding-top: 5.5em!important;}
.hompres {display: grid;grid-template-columns: 15% 4% 15% 18% 1fr 23% 4%;grid-template-rows: 11vh 4vh 17vh 16vh 7vh 7vh 15vh;grid-column-gap: 0px;grid-row-gap: 0px;}
.elgris { grid-area: 2 / 2 / 6 / 8; background-color: #e7e7e7;}
.eledificio { grid-area: 1 / 3 / 5 / 6; z-index:1; background-size: cover; background-position: center center;}
.lareunion { grid-area: 2 / 1 / 7 / 4; z-index:2; background-size: cover; background-position: center center;}
.lafurgo { grid-area: 4 / 5 / 8 / 7; z-index:3; background-size: cover; background-position: center center;}
.infohome { grid-area: 7 / 1 / 8 / 5; }
.espaciadoinfohome{border-left: 2px solid #212121; padding:3em 3em;}
.ajustamiento{font-size: 3.9rem;line-height: 4.5rem;}
.sombrina{position:absolute; z-index: 3; left:0; bottom:0;pointer-events: none;}
.sombrina2{position:absolute; z-index: 3; left:0; top:0;pointer-events: none; width: 100%; max-width: 620px;}

.icotel1{margin:0px 5px 0 0; width:30px;}
.icotel2{margin:0px 5px 0 20px; width:30px;}
.los50{width: 100%; max-width: 650px;padding:50px 0 0 50px;}

.superficie{position: absolute; background-color:#000;background-image: url('../imgs/azul.png'); padding:40px; color:#fff;left: 5%; bottom:0;z-index:45;width: 100%;font-family: 'Regular'; line-height: 2.3rem;   font-size: 1.8rem; max-width: 660px;}
.superficie h4{font-family: 'Semibold';font-size: 3.7rem;    line-height: 4.0rem; color: #fff}

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

.HomeAreas1 { grid-area: 1 / 1 / 2 / 2;  background-color: #000; background-image:url('../imgs/verde.png'); }
.HomeAreas2 { grid-area: 1 / 2 / 2 / 3;  background-color: #000; background-image:url('../imgs/azul.png'); }
.HomeAreas2b{padding:10%;}
.HomeAreas2b h2{    font-family: 'Semibold' ,Arial, Helvetica, sans-serif;    font-size: 3.7rem;    line-height: 4.0rem;    color: #222222;    margin: 0;}
.HomeAreas3zonas1 {    background-color: rgba(255, 255, 255, 0.7);    border-right: 10px solid rgba(246, 127, 1, 1);    position: absolute;    bottom: 6%;    z-index: 445;    padding: 3%;    width: 100%;    text-align: left;    max-width: 40%;    left: 0%;}
.HomeAreas3zonas1 h2{    font-family: 'Semibold' ,Arial, Helvetica, sans-serif;    font-size: 3.7rem;    line-height: 4.0rem;    color: #222222;    margin: 0;}
.HomeAreas3zonas2 {    background-color: rgba(255, 255, 255, 0.7);    border-right: 10px solid rgba(246, 127, 1, 1);    position: absolute;    bottom: 6%;    z-index: 445;    padding: 3%;    width: 100%;    text-align: left;    max-width: 40%;    left: 50%;}
.HomeAreas3zonas2 h2{    font-family: 'Semibold' ,Arial, Helvetica, sans-serif;    font-size: 3.7rem;    line-height: 4.0rem;    color: #222222;    margin: 0;}


.HomeCasos {display: grid;grid-template-columns: 35% 1fr;grid-template-rows: auto;grid-column-gap: 30px;grid-row-gap: 30px;}
.HomeCasos1 { grid-area: 1 / 1 / 2 / 2; }
.HomeCasos2 { grid-area: 1 / 2 / 2 / 3;padding:20px; font-family: 'Regular', Arial, Helvetica, sans-serif;    font-size: 1.7rem;    line-height: 2rem; font-weight: bold;    font-style: normal; color:#333 }

.HomeCasos2 h3 {  font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 2rem;    line-height: 2.5rem;    color: #222222;    font-weight: normal;    font-style: normal;    margin: 1rem 0;}


.llistatproductes {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(17em, 1fr));    grid-gap: 50px;}
.llistatproductes p{font-size: 15px; line-height: 20px;}
.llistatlogos {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(13em, 1fr));    grid-gap: 50px;}
.demargenes{margin-top: 122px;overflow: hidden;}
.cajaserveih{padding:8%;text-align: center;     line-height: 2.0rem; font-size: 1.5rem;width: 100%;}
.cajaserveih h3{font-family: 'Semibold', Arial, Helvetica, sans-serif;    font-size: 2.5rem;    line-height: 2.5rem; color:#212121}
.posicionicoser{position: absolute; z-index: 10; left:calc(50% - 43px);top:277px; width:86px}

.marquimas{font-family: 'Light', Arial, Helvetica, sans-serif;    font-size:1.5rem;    line-height: 1.7rem;}
.marquimas b{font-family: 'Light', Arial, Helvetica, sans-serif;    font-size:1.7rem;    line-height: 2rem;}

.cajasgenerales{background-color:#f4f4f4; padding: 3% 0; margin-bottom: 5%}

.cajasaleatorias{    position:relative;     background-color: #042859;}
.supercab {display: grid;grid-template-columns: 5% 15% 25% 30% 1fr;grid-template-rows: 70px repeat(2, 1fr) repeat(2, 40px);grid-column-gap: 0px;grid-row-gap: 0px;}
.supercab1 { grid-area: 2 / 2 / 4 / 4; background-color: #000000;padding:12%}
.supercab2 { grid-area: 1 / 4 / 5 / 6; min-height: 60vh; z-index: 11;}
.supercab3 { grid-area: 4 / 3 / 6 / 5; background-color: #212121 }

.cabecerainterior {display: grid;grid-template-columns: 25% 35% 40%;grid-template-rows: 90px auto 30px;grid-column-gap: 0px;grid-row-gap: 0px;margin-top: 145px;}
.ci1 { grid-area: 1 / 2 / 3 / 4; z-index: 3; overflow: hidden;}
.ci2 { grid-area: 2 / 1 / 4 / 3; background-image: url('../upfiles/bweb/duo.gif'); overflow: hidden;}

.bannerAnimat {    width: 100%; margin-top:55px; object-fit:cover; object-position:center center; height:280px; }

@media (prefers-reduced-motion){
  .bannerAnimat {
    animation: none 0s ease 0s;
  }
  body {
  	animation: none 0s ease 0s !important;
  }
}

.serviciosimg{object-fit: cover; width: 100%; height: 300px; transition: 0.5s; }
.serviciosimg:hover{opacity: 0.5; transition: 0.5s; width: 110%}

.logosimg{object-fit: contain; width: 100%; height: 200px; transition: 0.5s;padding:10px; }
.logosimg:hover{opacity: 0.5; transition: 0.5s;}


.detalle{background-color: #000;    background-image: url(../imgs/taronja.png);  color: #fff !important;padding: 10px 18px!important; transition: 1.5s; margin-right: 20px;}
.detalle:hover{background-color: #6e6e6e; transition: 1.5s}

.horarios {    background-color: #007349;    background-image: url(../imgs/verde.gif);    padding: 20px;    color: #ffffff;    position: absolute;    text-align: left;    bottom: 0px;    width: 50%;    font-family: 'regular';    font-size: 19px;    line-height: 23px;}

.contenedor {padding:0;max-width: 1673px;margin:0 auto; padding: 0 2%!important;}
.container-fluid {padding: 0 !important; margin: 0 !important;}

a.tornar {text-transform: uppercase; font-family: 'Regular'; font-size: 1.4rem; color: #ababab!important; margin-right: 5rem;}
.reciclaje{background-color: #212212; color: #fff; font-family: 'Regular'; padding: 0.3rem 6px; font-size: 2.4rem; line-height: 2.4rem; position: absolute;     bottom: 19.5rem;    right: 5rem; z-index: 11;}
.reciclaje2{ color: #fff; font-family: 'Bold'; font-size: 40px; line-height: 5rem; position: absolute; bottom: 5rem; left: 0px; z-index: 11; text-transform: uppercase; max-width: 50%; text-align: left; text-shadow: -1px -1px 0.1rem rgb(255 255 255 / 10%), 0.1rem 0.1rem 0.1rem rgb(0 0 0 / 50%),0.2rem 0.2rem  0.5rem  rgb(255 255 255 / 25%);}

.colocatitle{width: 100%; padding-left: 1rem;  }.fcontact{margin-top: 0rem; background-color: #ededed; background-image: url('../imgs/contacte.jpg'); background-size: cover; background-position: top center;}

.acincuenta{margin-top:5rem!important;}
.decincuenta{padding: 5rem!important;}
.mundial{ width:100%; transition: all 1s ease; position: fixed; top: 0rem; z-index: 544; background: rgba(255,255,255); height: 107px;}
.menuScroll {  transition: all 1.5s ease;    background-color: #fff;    box-shadow: rgba(33, 35, 38, 0.5) 0px 1rem 1rem -1rem; background-color: #f2f2f2}
.margenestop{clear: both;position: relative; margin-top: 4rem!important;}
body {	font-family: 'Regular' ,Arial, Helvetica, sans-serif;    color: #000;    line-height: 2.3rem;    font-weight: normal;    font-style: normal;    font-size: 1.7rem; background-color: #fff;}
.taula > tbody > tr > td > .inputcontacto {    border: #cccccc 0.1rem solid;    font-family: 'Regular', Arial, Helvetica, sans-serif;    font-size: 1.4rem;    color: #666666;    padding: 0.7rem;    background-color: #FFFFFF;    margin: 0.3rem 0 0.3rem 0;    width: 92%;}
.textckeditor ul li {margin-left: 2.5rem;}
.cuatroservs{clear: both;margin-top: -50px;z-index: 5; position:absolute;}
.dropdown-menu > li > table > tbody > tr > td > h2 > a {  font-family: 'Regular';     margin: 0px 0 0px 0; line-height: 2rem;}
.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: 1.1rem;    line-height: 1.4rem; border-bottom: 0.1rem dotted #ababab;}
.dropdown-menu > li > table > tbody > tr > td > h4 > a {  font-size: 1.5rem;    line-height: 1.6rem; margin:0 0 0 0.5rem !important;}
.dropdown-menu > li > table > tbody > tr > td > h4  {  margin:0;}
.menuhome{    border-right: 0.1rem dotted #cccccc; padding:5px 2.5rem!important;}
.loslaterales{padding:0 5%!important;}
.dropdown-menu > li > table > tbody > tr > td > hr {    margin-top: 1rem;    margin-bottom: 1rem;    border: 0;    border-top: 0.1rem solid #ababab; }
.especialh4 > a > h4 {font-size: 1.8rem;  font-family: 'Regular'; line-height: 2.2rem}
.dropdown{	font-family: 'Bold', Arial, Helvetica, sans-serif;	font-size: 1.9rem; color: #222221; line-height: 1.5rem; padding: 0rem 0.5rem 0rem 1.8%; transition: 0.5s; cursor: pointer; text-align: center; text-transform: uppercase; }
.dropdown a{color: #222221}


.idiomas{clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);z-index: 546546;	font-size: 1.3rem; width: 65px; text-align: center; color: #000; display: inline-grid; text-transform: uppercase; line-height: 5px; font-family: 'Bold', Arial, Helvetica, sans-serif;margin:0; background-color: #77a1bc; min-height: 65px; position: relative; right: 0; padding:31px 0 0 0; transition: all 0.5s ease; }
.idiomas a{color: #ffffff; }

.idiomas2{min-height: 26px;    padding: 12px 0 0 0;    transition: 0.5s; top:-150px; z-index: 44;}
.mm-selected1{color: #000000!important; background-color: #ffffff!important; }

a {	text-decoration: underline;	text-decoration-color: rgb(0, 0, 0, 0);}
a:link{	text-decoration: none;	color: #000;}
a:visited{	text-decoration: none;	color: #000;}
a:hover{	text-decoration: none;	color: #848383;}
a:active{	text-decoration: none;	color: #848383;}

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

.detablas tr td{padding: 1.5rem; border-bottom: 0.1rem solid #cccccc;}

.logo1 {    width: 100%;  max-width: 370px;    margin-top: 10px;  -webkit-transition: 0.5s;    -moz-transition: 0.5s;    -o-transition: 0.5s;    transition: 0.5s; position: absolute; left: 3%;}
.logo2 {    width: 100%;  max-width: 65px; margin: 0; margin-left: -70px;  -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: 4.5rem;    line-height: 4.5rem;    color: #2c6ca0;margin: 0;}
h2 {	font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 2.2rem;    line-height: 2.4rem;    color: #333;    font-weight: normal;    font-style: normal;    margin: 0.5rem 0; }
h3 {	font-family: 'Bold', Arial, Helvetica, sans-serif;	font-size: 3.5rem;	line-height: 3.5rem;	color: #222222;	font-weight: normal;	font-style: normal;		margin: 1rem 0; }
h4 {	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 2.3rem;	line-height: 2.7rem;	color:#2c6ca0 ;	font-weight: normal;	font-style: normal;		margin: 0;}
a h4 {	color: #606060;}
h5 {	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 2.3rem;	line-height: 2.5rem;	color: #ababab;	margin: 1rem 0;	font-weight: normal;	font-style: normal;	}

.igualh1 {  font-family: 'Bold' ,Arial, Helvetica, sans-serif;    font-size: 3.5rem;    line-height: 2.8rem;    color: #222;margin: 0;}

.menulateral {
	width: 100%;
	margin: 0.7rem 3rem 1.4rem 0;
	padding: 1.2rem;
	font-family: 'Regular', Arial, Helvetica, sans-serif;
	font-size: 1.4rem;
	font-weight: normal;
	background-color: #e9e9e9;
	border-radius: 0rem;
	font-style: normal;
	text-transform: uppercase;
	color: #969696;
}
.menulateral a{color:#969696!important;}

.menulateral1 {
	width: 100%;
	margin: 0.7rem 3rem 1.4rem 0;
	padding: 1.2rem;
	font-family: 'Regular', Arial, Helvetica, sans-serif;
	font-size: 1.5rem;
	/* letter-spacing: -1px; */
	font-weight: normal;
	background-color: #969696;
	border-radius: 0rem;
	font-style: normal;
	text-transform: uppercase;
	/*border: 0.1rem solid #b3b3b3;*/
	color: #ffffff;
}

.menulateral1 a{color:#ffffff!important;}

.color_avis_ie { color:#969696; }

.input {
	border: #cccccc 0.1rem solid;
	font-family: 'Regular', Arial, Helvetica, sans-serif;
	font-size: 1.1rem;
	color: #666666;
	margin-right: 2.5rem;
	padding: 0.5rem ;
	background-color: #FFFFFF;
	font-style: italic;
	width: 16rem;
}

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

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

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


  .no_veure{
    display: none;
  }

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

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

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

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

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


.inputayuda {
    border: #ffffff 0.1rem solid;
    border-right: 0px;
    font-family: 'Regular', Arial, Helvetica, sans-serif;
    font-size: 1.2rem;
    color: #666666;
    height: 42px;
    background-color: #ffffff;
    font-style: italic;
    width: calc(100% - 15rem);
    padding-left: 1.8rem;
    float: left;
}

.botonbuscador {
	border: #cccccc 0.1rem solid;
	border-left: 0px;
	font-family: 'Regular', Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	color: #ffffff;
	background-color: #cfcfcf;
	width: 3.5rem;
	height: 3.5rem;
	float: left;
	border-radius: 0 6px 6px 0;
}

.botonbuscadorx {
	border: #cccccc 0.1rem solid;
	border-left: 0px;
	font-family: 'Regular', Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	color: #ffffff;
	background-color: #cfcfcf;
	width: 3.5rem;
	height: 3.5rem;
	float: left;
}

.botonbuscadory {
	border: #cccccc 0.1rem solid;
	border-left: 0px;
	font-family: 'Regular', Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	color: #ffffff;
	background-color: #cfcfcf;
	width: 3.5rem;
	height: 3.5rem;
}

.texto {
	font-family: 'Regular', Arial, Helvetica, sans-serif;
	font-size: 1.8rem;
	color: #575757;
	font-weight: normal;
	font-style: normal;	
}

.path{font-family: 'Regular', Arial, Helvetica, sans-serif;	font-size: 1.2rem;	color: #212121!important; line-height: 1.2rem; text-transform: uppercase;}
.path2{font-family: 'Regular', Arial, Helvetica, sans-serif;  font-size: 1.2rem;    color: #fff!important; line-height: 1.2rem; text-transform: uppercase;}

hr.linea { 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 1.2rem;
	margin-bottom:1.2rem;
	border: 0;
	display: flex;
	text-align:left;
	border-bottom:0.2rem  solid #efefef;
}

hr.lineaSer { 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 0;
	margin-bottom:1.2rem;
	border: 0;
	display: flex;
	text-align:left;
	border-bottom:1px  solid #84b933;
}

hr.lineaServ { 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 0;
	margin-bottom:1.2rem;
	border: 0;
	display: flex;
	text-align:left;
	border-bottom:1px  solid #212121;
}
hr.lineaverde { 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
	border: 0;
	display: flex;
	text-align:left;
	border-bottom:1px solid #007349;
}


.nombre {
	font-family: 'Regular', Arial, Helvetica, sans-serif;
	font-size: 2.4rem;
	line-height: 2.8rem;
	color: #232323;
	font-weight: normal;
	font-style: normal; 
}

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

.descnou {
	font-family: 'Regular', Arial, Helvetica, sans-serif;
	font-size: 1.5rem;
	line-height: 1.9rem;
	color: #838383;
	font-weight: normal;
	font-style: normal; 
	background-color: #f2f2f2;
	display: inline-block;padding: 0.3rem 1rem;
}
.derecha {border:0;min-width:10rem; max-height:14rem;float:right;}


/* ----------------------------------------------  divs home  ---------------------------------------------- */

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

  .minim4caracters{
	color: #ff0000;
    font-size: 1.2rem;
    position: absolute;
    top: 5.3rem;
    left: 2.2rem;
  }

  .minim4caracters_no{
  	display: none;
  }

  .minim4caractersx{
  	margin-top: -0.8rem;
  	color: #ff0000;
  	font-size: 1.2rem;
  }

  .minim4caracters_nox{
  	display: none;
  }

  .minim4caractersy{
	color: #ff0000;
    font-size: 1.2rem;
    position: absolute;
    top:  8rem;
    right: 5.9rem;
  }

  .minim4caracters_noy{
  	display: none;
  }

  #animLoading {
  	width: 100%;
  	height: 5rem;
  	text-align: center;
  	position: relative;
  	top: -4rem;
  	left: 0px;
  	border-top: 0.1rem dotted #999;
  	padding: 2rem;
  	font-size: 1.4rem;
  	display: none;
  }

.data {
	font-family: 'Regular', Arial, Helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 2.3rem;
  color: #335671;
}

 
.badge-notify{	background: #969696 !important;    position: relative;    top: -1rem;    left: -4.4rem;  }

.textckeditor img {	width: 100%;	max-width: 50rem;	display: block;	margin: 1rem 0;}

.ideom { float:right; }
.ideom > form > .mm-selected a {color: #fff!important;padding:0 5px;}
.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: 		0.2rem;	/* cellpadding */
}
.taula tr {
}

.icoXarxa{margin:0 0 0 0 ; width:3.1rem;}
.icoXarxa2{margin:0px; width: 2rem; }

.mostrarTitol{display: none;}


.caixaContacte{ padding: 1rem 0rem; color: #000; display: flex; align-items: center;}
.caixaContacte img{width:3.3rem; background-color: #333; border-radius: 50%; margin-right: 15px; float: left; padding-top: 0.2rem;}
.caixaContacte a{color: #000; transition: 0.5s; font-size: 2rem; font-family: 'Regular'; line-height: 2.2rem;}
.caixaContacte a:hover{color: #212121; transition: 0.5s !important; padding-left: 0.5rem;}

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


.botoError{border:0.2rem  solid #347fbe; padding: 0.5rem  2rem; width: 100%; text-transform: uppercase; font-family: 'Bold', Arial, Helvetica, sans-serif; background-color: #fff; float: right; font-size: 1.4rem; color: #222221;transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */ margin-bottom: 0.7rem;}
.botoError:hover{background: #212121; 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;}


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


/* ---  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% 3rem 0 3rem;  justify-content: center;  align-items: center;  color: #fff;  position: relative;  cursor: pointer;  transition: 0.5s all;  margin-bottom: 3rem;  }
.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: 1rem;    z-index: 10;    width: 78%;    text-transform: uppercase;    letter-spacing: 0.05em;    padding-bottom: 5%;    font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 2.1rem;    line-height: 2.7rem;    color: #fff;    text-shadow: 0px 0px 0.2rem  rgb(150 150 150);}
.c-preview:hover {  background-position: 100% 100%;box-shadow: 0.4rem 0.7rem 1.9rem 0px rgba(0,0,0,0.40);-webkit-box-shadow: 0.4rem 0.7rem 1.9rem 0px rgba(0,0,0,0.40);-moz-box-shadow: 0.4rem 0.7rem 1.9rem 0px rgba(0,0,0,0.40);}
/* ---  Fi efecte caixes llistat serveis---------------------------- */


.menuPrincipal{padding-top: 11px; -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: 2.4rem;    line-height: 3rem; color: #ffffff; margin-top: 1rem; text-transform: none;}
.deprojectes2{-webkit-box-shadow: 0px -0.2rem 1.4rem 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px -0.2rem 1.4rem 0px rgba(0,0,0,0.75);box-shadow: 0px -0.2rem 1.4rem 0px rgba(0,0,0,0.75);cursor: pointer;background-size:cover; background-position: center center; width: 100%; padding: 45% 2rem 3rem 2rem;  background-repeat: no-repeat; display: block;  background-color: rgba(0,0,0,0.7); transition: 0.5s;}
.deprojectes2:hover{ box-shadow: 0.4rem 0.7rem 1.9rem 0px rgba(0,0,0,0.80);-webkit-box-shadow: 0.4rem 0.7rem 1.9rem 0px rgba(0,0,0,0.80);-moz-box-shadow: 0.4rem 0.7rem 1.9rem 0px rgba(0,0,0,0.80);transition: 0.5s; }
.deprojectes2 h3{  font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 2rem;    line-height: 2.6rem; color: #fff; text-transform: uppercase; position: absolute; bottom: 15%; left: 12%; max-width: calc(100% - 25%);text-shadow:0.2rem 0.2rem  0.5rem  rgba(50, 50, 50, 1);transition: 0.5s;}

.deprojectes2:hover h3{  font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 3rem;    line-height: 36px; color: #000; text-transform: uppercase; position: absolute; bottom: 15%; left: 12%; max-width: calc(100% - 25%);text-shadow:0.2rem 0.2rem  0.5rem  rgba(250, 250, 250, 1);transition: 0.5s;}
.segurpratHome{cursor: pointer;background-size:cover; background-position: center ; width: 100%; padding: 60% 2rem 3rem 2rem;  background-repeat: no-repeat; display: block;  background-color: rgba(0,0,0,0.7); margin-bottom: 3rem;}
.with-linear-gradient {  border-style: solid;  border-width: 1rem;  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: 1rem 2rem 2rem 2rem; text-align: center; border:0.2rem  solid #efefef;-webkit-transition:0.7s;-moz-transition:0.7s;-o-transition:0.7s;transition:0.7s;}
.serveiHome img{width: 12rem;}
.serveiHome h2{text-transform: uppercase;font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 2.8rem;    line-height: 34px; color: #333; margin-top: -2rem;}
.serveiHome h2 span{text-transform: uppercase;font-family: 'Regular', Arial, Helvetica, sans-serif;    font-size: 1.4rem;    line-height: 2rem; margin-bottom: -5px;}
.serveiHome:hover{-webkit-box-shadow:0.2rem 0.2rem  0.3rem 0.1rem rgba(0,0,0,0.1);box-shadow:0.2rem 0.2rem  0.3rem 0.1rem rgba(0,0,0,0.1); border:0.2rem  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 3rem 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: 2.2rem;    line-height: 2.6rem; color: #fff;}
.notiHomeh3{  font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 1.7rem;    line-height: 2.2rem; color: #fff; text-transform: uppercase; margin: 1.5rem 0;}
.notiHomeBox:hover .notiHome{opacity: 0.8; transition: 0.5s; }

.loscinco{background-color: #696969;padding: 8%; min-height: 15rem; color: #e4e4e4;  font-family: 'Regular', Arial, Helvetica, sans-serif;    font-size: 1.7rem;    line-height: 2rem; width: 100%;}
.loscinco h3{color: #fff; margin: 0.5rem  0;}
.loscinco .catProjecte{font-size: 1.2rem; color: #f2f2f2; margin:0; }
.notiHomeBox:hover .loscinco{background-color: #00a5d3; transition: 0.8s}




.inputNew{ margin:0.5rem 0 0.5rem 0; width:100%; padding: 0.7rem  2rem; font-family: 'Regular', Arial, Helvetica, sans-serif; font-size: 1.7rem; color:#333;   border:0.2rem  solid #cbcbcb; background-color: transparent;}
.inputNew::placeholder{font-family:  'Semibold', Arial, Helvetica, sans-serif;   font-size: 1.5rem;  color: #555; text-align: left; font-style: italic; }


.textareaNew{ margin:0.5rem 0 0.5rem 0; width:100%; padding: 0.7rem  2rem;  font-family: 'Regular', Arial, Helvetica, sans-serif; font-size: 1.7rem; color:#333;  border:0.2rem  solid #cbcbcb; background-color: transparent;}
.textareaNew::placeholder{font-family:  'Semibold', Arial, Helvetica, sans-serif;   font-size: 1.5rem;  color: #555; text-align: left; font-style: italic; }



.amagar{display: none;}
.mm-amagat{opacity: 0;}
.amagarNotif{margin-top: 0px; font-size:1.2rem; color: #333 !important;}
.amagarNotif a{font-size:1.2rem; color: #558eba !important;}
.logoPeu{width: 100% !important; max-width: 12 !important;}
/*.menuPrincipal .mm-selected a{color: #fff!important;}*/
.mm-selected a{color: #333;}
#menuMobile{z-index: 888;}
.cardTeam_img{background-size: cover; background-position: center top; width: 100%; padding-top: 100%; margin: 0; transition: 0.5s;}
.cardTeam_img:hover { box-shadow: 0.4rem 0.7rem 1.9rem 0px rgba(0,0,0,0.40);-webkit-box-shadow: 0.4rem 0.7rem 1.9rem 0px rgba(0,0,0,0.40);-moz-box-shadow: 0.4rem 0.7rem 1.9rem 0px rgba(0,0,0,0.40);transition: 0.5s; }
.cardTeam h3{margin-bottom: 1rem;}
.cardTeam h5{text-transform: uppercase; font-size: 1.4rem;}
.cardTeam{margin-bottom:  8rem;}
.fotoNotiLlistat{overflow: hidden;}
.fotoNotiLlistat img{transition: 1s; width: 100%; object-fit: cover; height: 27rem}
.fotoNotiLlistat:hover img{transform: scale(1.1); transition: 1s;}

.fotoFormacioLlistat{overflow: hidden; height: 100%;}
.fotoFormacioLlistat img{transition: 1s; width: 100%; object-fit: cover; height: 100%;}
.fotoFormacioLlistat:hover img{transform: scale(1.1); transition: 1s;}


.cajanoticiar{margin-bottom:  8rem; min-height: 49rem;}
.cajanoticiar h3{font-size: 1.6rem; line-height: 2.1rem; margin-top: 1rem;}
.iconsFitxa{-webkit-box-shadow:0.2rem 0.2rem  0.3rem 0.1rem rgba(0,0,0,0.1);box-shadow:0.2rem 0.2rem  0.3rem 0.1rem rgba(0,0,0,0.1);  width: 5rem; height: 5rem; margin: -0.5rem 1rem 3rem 0;}
.iconsFitxa2{-webkit-box-shadow:0.2rem 0.2rem  0.3rem 0.1rem rgba(0,0,0,0.1);box-shadow:0.2rem 0.2rem  0.3rem 0.1rem rgba(0,0,0,0.1);  width: 4rem; height: 4rem; margin: 0 1.5rem 0 0;}

.blocExtraNoti a{ font-size: 1.4rem;}

.servRel{cursor: pointer;background-size:cover; background-position: center center; width: 100%; padding: 45% 2rem 3rem 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: 2rem;    line-height: 2.6rem; color: #fff; text-transform: uppercase; position: absolute; bottom: 5rem; 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:  6rem;    max-height: 5rem;}
.requadreDebug {    position: fixed; top: 1rem; left: 1rem;     width: 36rem; height: 2 8rem; padding: 1rem;     border-radius: 0rem;    border:  0.1rem dashed red;    background: rgba(255,255,255,0.8);    z-index: 500000;}

.titHome{font-family:'Regular';text-transform: none; font-size: 2.3rem;}

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

.menu2{text-decoration: none;}
.menu2 li{display: inline-block;padding: 3rem 2rem 0 2rem;}
.separador1{padding: 2rem;text-transform: uppercase;}

.redes{text-decoration: none;float: right; margin-top: 1.4rem;}
.redes li{display: inline-block;padding: 1rem 0.5rem  0 0.5rem ;}

.h1titPro{font-family:'Regular';font-size: 2.4rem;line-height: 2.8rem;}
.xarxes{padding:20px 0; font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 1.5rem; }
.xarxes a{color:#575757!important;}
.botonVolver{color:#959595;font-family: 'Regular'; font-size:1.5rem;text-transform:uppercase;}

.cenDir{padding-right:4.2rem;}
.iconoHide{display: none;}

.barraSepMenu{border-right:0.2rem  solid #efefef; display: inline; height:3rem; margin-right: 3rem; padding-left: 3rem;}
.icoContacte{ display: inline-block; opacity:1 }
.icoContacte:hover{ opacity:0.5 }
.icoContacte3{font-size: 1.5rem;}
.icoContacte a{color: #222222; text-decoration: underline; text-decoration-color: rgb(0, 165, 211, 0);  font-family: 'Bold' ; font-size: 15px;}
.icoContacte a:hover{color: #222221 !important; transition: 0.5s;}

.icoContacte2 a{color: #222222; text-decoration: underline; text-decoration-color: rgb(0, 165, 211, 0);  font-family: 'Semibold' ; font-size: 18px;}
.icoContacte2 a:hover{color: #222221 !important; transition: 0.5s;}

.missatgeEnviat{font-family: 'Regular', Arial, Helvetica, sans-serif; font-size: 2rem; line-height: 3rem; text-align: center; padding: 2rem; margin: 2rem; font-style: italic; border: 2px solid #212121;}

.catNoti{display: inline-block;  text-transform: uppercase;  border:0.2rem  solid #054471;    padding:0.3rem 1rem;    margin: 0 1rem 1rem 0;    background-color: #054471;    color: #fff;    font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 1.4rem;    transition: 0.5s;    border-radius: 0rem ;}
.catNoti:hover, .catNotiMarcat{ border: 0.2rem  solid #333; transition: 0.5s; background-color: #212121; }

.imgCheck{margin: 1.5rem 1rem 1.5rem 0;}
.imgContacte{padding-top: 3%;}
.destacatsHome{padding: 0 1rem; margin-bottom: 2rem;}


/*** 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: 1.4rem !important;   }
    .panel-title > a {        display: block;        padding: 1.5rem;        text-decoration: none;    }
    .more-less {        float: right;        color: #212121;    }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {        border-top-color: #EEEEEE;    }

.margin7{margin-top: 55px !important;}

.imgNotiMobile{display: none !important;}
.bannerMobile{display: none;}
.caixaRelacionats{padding: 0 3rem; margin-bottom: 2rem;}
.fonsRelacionats{background-color:#f6f6f6; padding: 5rem 0; display:flow-root; margin-bottom: 1rem;}
.massatgeMobil{display: none;}

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


.serveisHome {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: 1fr;grid-column-gap: 4rem;grid-row-gap: 0px; margin-top: 8%; }
.serveisHome_div1 { grid-area: 1 / 1 / 2 / 2; z-index: 5; background-color: #fff;border-radius:0.8rem;}
.serveisHome_div2 { grid-area: 1 / 2 / 2 / 3; z-index: 5; background-color: #fff;border-radius:0.8rem;}
.serveisHome_div3 { grid-area: 1 / 3 / 2 / 4; z-index: 5; background-color: #fff;border-radius:0.8rem;}
.serveisHome_div4 { grid-area: 1 / 4 / 2 / 5; z-index: 5; background-color: #fff;border-radius:0.8rem;}
.caixaServeiHome{position: absolute; bottom: 0; left: 0;background-color: rgba(0,0,0,0.8);padding: 3% 5%; min-height: 8rem;  width: 100%; transition: 0.8s; display: flex; align-items: center; justify-content: left;}
.caixaServeiHome h3{font-size: 2.4rem; line-height: 2.6rem; color: #fff; font-family: 'Semibold', Arial, Helvetica, sans-serif; }
.item:hover .caixaServeiHome{min-height: 100%; transition: 0.8s;}

.formacions_home{position: absolute; bottom: 0; left: 0;background-color: rgba(238,112,48,0.8);padding: 3% 5%; min-height: 10rem;  width: 100%; transition: 0.8s; display: flex; align-items: center; justify-content: center;}
.formacions_home h3{font-size: 1.8rem; line-height: 2.2rem; color: #fff; font-family: 'Semibold', Arial, Helvetica, sans-serif; }
.item:hover .formacions_home{min-height: 100%; transition: 0.8s;}



.serveisHome_div1:hover{background-image: url(../imgs/fons.jpg); background-size: cover; transition: 1.5s;}
.serveisHome_div2:hover{background-image: url(../imgs/fons.jpg); background-size: cover; transition: 1.5s;}
.serveisHome_div3:hover{background-image: url(../imgs/fons.jpg); background-size: cover; transition: 1.5s;}
.serveisHome_div4:hover{background-image: url(../imgs/fons.jpg); background-size: cover; transition: 1.5s;}

.presentacio {display: grid;grid-template-columns: 1fr 50%;grid-template-rows: 1fr;grid-column-gap: 10rem; grid-row-gap: 0px;}
.presentacio_div1 { grid-area: 1 / 1 / 2 / 2; padding: 3% 0; text-align: left;}
.presentacio_div1 h3{color: #333;}
.presentacio_div2 { grid-area: 1 / 2 / 2 / 3; display: flex; align-items: center; }
.presentacio_div2 img{height: 100%; width: 100%; object-fit: cover; object-position: center;}

.boto1{ background-color: #000; display: inline-block; color: #fff; padding: 1rem 2.3rem 1rem 2.3rem;  transition: 0.5s; font-family: 'Bold', Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 2.4rem; font-size: 1.6rem; cursor: pointer;background-image: url('../imgs/azul.png'); transition: 0.5s;}
.boto1 img{margin-left: 1rem; width: 1.6rem; transition: 0.5s;}
.boto1:hover{background-color: #fff; color: #333!important; transition: 0.5s; background-image: url(../imgs/blanc.png); transition: 0.5s; }

.boto2{ background-color: transparent; display: inline-block; color: #fff!important; padding: 0.5rem 1.8rem; transition: 0.5s; font-family: 'Semibold', Arial, Helvetica, sans-serif; text-transform: uppercase; border: 1px solid #fff; font-size: 1.3rem; margin: 0 auto;}
.boto2 img{margin-left: 1rem; width: 1.8rem;}
.boto2:hover{background-color: #fff; color: #212121; transition: 0.5s; border: 1px solid #212121;  background-image: url(../imgs/gris.png);}


.boto21{ background-color: #000; background-image: url(../imgs/blanco.png); background-size: cover; display: inline-block; color: #212121; padding: 0.3rem 1rem;  transition: 0.5s; font-family: 'Semibold', Arial, Helvetica, sans-serif; text-transform: uppercase; border: 0.2rem solid #212121;line-height: 2.4rem; font-size: 1.4rem; cursor: pointer;}
.boto21 img{margin-left: 1rem; width: 1.6rem;}
.boto21:hover{background-color: #fff; color: #333; transition: 0.5s; border: 0.2rem solid #212121; background-image: url(../imgs/blanc.png); }

.boto22{ float: right; background-color: #fff; display: inline-block; color: #212121; padding: 0.3rem 1rem;  transition: 0.5s; font-family: 'Semibold', Arial, Helvetica, sans-serif; text-transform: uppercase; border: 1px solid #212121;line-height: 2.4rem; font-size: 1.4rem; cursor: pointer; border-bottom:0px;    margin-top: 10px;}
.boto22 img{margin-left: 1rem; width: 1.6rem;}
.boto22:hover{background-color: #fff; color: #333; transition: 0.5s; border: 1px solid #212121; background-image: url(../imgs/blanc.png); border-bottom:0px; }





.posR{ float: right;}
.posL{ float: left;}


.logosKit{text-align: right; display: block; padding:20px 0 0 0; position: absolute;margin-top: -45px;}
.imgNext{max-width: 18rem; margin-top: 0px;}
.imgRecu{max-width: 15rem; margin: 0px 0 0px 2rem;}
.logoInstal{max-width: 20rem; width: 100%; float: right; margin-top: -0.5rem;}


.footer {font-size: 'Semibold'; padding: 10px 0;}
.footer a{color: #212121; font-family: 'Regular', Arial, Helvetica, sans-serif; margin-right:3rem; font-size: 1.4rem; line-height:1.3rem;  transition: 0.5s;}
.footer a:hover{color: #212121; transition: 0.5s;}
.icoFooter{margin-bottom: 1.5rem; font-size: 2.4rem; line-height: 3rem; font-family: 'Semibold', Arial, Helvetica, sans-serif; transition: 0.8s;}

.icoFooter a:hover{color: #fff; transition: 0.8s;}

.serveis {display: grid;grid-template-columns: 1fr; grid-column-gap: 0; grid-row-gap: 0rem;}
.h1int{text-align: center; color: #042859; text-transform: none;}
.h6int{text-transform: uppercase; font-family: 'Regular', Arial, Helvetica, sans-serif; color: #4f4f4f; margin:0 !important; background-size:cover; }
.card:hover .caixaServeiLlistat{background-color: #042859;  transition: 0.8s;}


/*.llistatServeis {display: grid;    grid-template-columns: repeat(auto-fill, minmax(20em, 1fr)); grid-template-rows: 1fr;grid-column-gap: 50px;grid-row-gap: 140px;  transition: 0.5s;}
.llistatServeis_txt h2{text-align: left;}
.llistatServeis_txt{text-align: left; padding-top: 2rem;}*/


.llistatDescargas {display: grid;    grid-template-columns: repeat(auto-fill, minmax(12em, 1fr)); grid-template-rows: 1fr;grid-column-gap: 70px;grid-row-gap: 0px;  transition: 0.5s;    line-height: 2.0rem;  font-size: 1.5rem;}
.llistatDescargas h3 {    font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 1.8rem;    line-height: 1.9em; text-transform: none;   color: #5A554E;    font-weight: normal;    font-style: normal;    margin: 1rem 0 0 0;}


.subtitolServei{color: #333; font-family: 'Semibold', Arial, Helvetica, sans-serif; text-transform: none; font-size: 2.4rem;}
.h6ser{color: #444;}
.h1ser{color: #014572;}

.llistatpodcast{display: grid;grid-template-columns: repeat(auto-fill, minmax(40rem, 1fr));grid-column-gap: 5rem;grid-row-gap: 5rem; clear: both; margin-top: 1%;}

.llistatNoticies{display: grid;grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));grid-column-gap: 5rem;grid-row-gap: 5rem; clear: both; margin-top: 1%;}
.llistatFormacions{width: 100%;}
.h2Noti{font-size: 2.1rem; line-height: 2.3rem; color: #4c4c4c; padding: 1rem 0px; margin-top: 0px; transition: 0.8s;}
.card:hover .h2Noti{background-color: #77a1bc;  transition: 0.8s; color: #fff; padding-left: 1rem;}

.curs {display: grid;grid-template-columns: 20% 40% 1fr 18%;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px;  padding: 1rem; border: 0.2rem solid #fff;  transition: 0.5s;}
.curs_div1 { grid-area: 1 / 1 / 3 / 2; }
.curs_div2 { grid-area: 1 / 2 / 2 / 6; padding: 0 2rem; }
.curs_div3 { grid-area: 2 / 2 / 3 / 3; padding: 0 2rem; }
.curs_div4 { grid-area: 2 / 3 / 3 / 4; padding: 0 2rem; }
.curs_div5 { grid-area: 2 / 4 / 3 / 5; padding: 0 2rem; }

.curs:hover{border:0.2rem solid #212121; transition: 0.5s; background-image: url(../imgs/fons.jpg); background-size: cover; background-position: center;}
.curs span{text-transform: uppercase;}

.detallFormacio { display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px;}
.detallFormacio_div1 { grid-area: 1 / 1 / 2 / 2; }
.detallFormacio_div2 { grid-area: 1 / 2 / 2 / 3; }
.detallFormacio_div3 { grid-area: 1 / 3 / 2 / 4; }
.detallFormacio_div4 { grid-area: 1 / 4 / 2 / 5; }
.detallFormacio span{text-transform: uppercase;}


.colum2 {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;grid-column-gap: 5%;grid-row-gap: 0px;margin-top: 2%;}
.colum2_div1 { grid-area: 1 / 1 / 2 / 2; border: 0.2rem solid #212121; padding: 2rem;}
.colum2_div2 { grid-area: 1 / 2 / 2 / 3; border: 0.2rem solid #212121; padding: 2rem;}

.colum260 {display: grid;grid-template-columns: 60% 1fr;grid-template-rows: 1fr;grid-column-gap: 5%;grid-row-gap: 0px;margin-top: 2%;}
.colum260_div1 { grid-area: 1 / 1 / 2 / 2; background-color: #f2f2f2; padding: 2rem;}
.colum260_div2 { grid-area: 1 / 2 / 2 / 3;}
.colum260 ul{padding-left: 3%;}


.fonsMenu{background-color: #fff !important;}

.imgServeiDest{text-align: center; padding: 0.8rem; border: solid 0.2rem #212121; border-radius:0.8rem; transition: 1s;}
.imgServeiDest img{background-color: #fff; object-fit: cover;  width: 100%; height: 10rem; margin-bottom: 1rem; border-radius: 1rem; transition: 1.5s;}
.boxSlogan{max-width: 40%; margin: 0 auto;}

.contacte {display: grid;grid-template-columns:65% 1fr;grid-template-rows: 1fr;grid-column-gap: 8rem;grid-row-gap: 0px;}
.contacte_div1 { grid-area: 1 / 1 / 2 / 2; }
.contacte_div2 { grid-area: 1 / 2 / 2 / 3; }


.barraSuperior{background-color: #212121; text-align: left; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; padding: 0.3rem 0 !important;}


.quadreTaronja{position:absolute; top: -3rem; left: 2rem; height: 100%; border: 3.4rem solid #21212126; width: 100%; transition: 0.5s}
.quadreTaronja:hover{position:absolute; top: -3rem; left: 2rem; height: 100%; border: 0.4rem solid #212121; width: 100%; transition: 0.5s}
.quadreTaronja2{position:absolute; top: -2rem; right: 2rem; height: 95%; border: 0.4rem solid #212121; width: 94%;}


.contacteHome {display: grid;grid-template-columns: 50% 1fr;grid-template-rows: 1fr;grid-column-gap: 10rem; grid-row-gap: 0px;}
.contacteHome_div1 { grid-area: 1 / 1 / 2 / 2;  text-align: left;}
.contacteHome_div1 img{height: 100%; max-height: 50rem; width: 100%; object-fit: cover; object-position: center;}
.contacteHome_div2 { grid-area: 1 / 2 / 2 / 3; display: flex; align-items: center; padding: 3% 0;}
.contacteHome_div2 h3{color: #333;}

.trTitol{border: 1px solid #d4d4d4; padding: 10px; font-weight: 700;}
table.taulaPrivacitat td{ border: 1px solid #d4d4d4; padding: 10px;}

.imgOnline{object-fit: cover; width: 100%; object-position: center; max-height:25rem; margin-top: 0.5rem;}
b.pastilla{background-color: #212121; padding: 0.2rem 2rem; border-radius: 1rem; margin-right: 2rem; color: #fff; letter-spacing: 0.3rem;}


@keyframes floating {
  0%, 100% {
    transform: translateX(-5%);
    transform: scale(1.5);
  }
  50% {
    transform: translateY(0);
    transform: scale(1.2);
  }
}


.blink {
  animation: blink-animation 3s steps(2, start) infinite;
  -webkit-animation: blink-animation 3s steps(2, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}


@keyframes blink {  
  0% { background-color: #347fbe; }
  100% { background-color: #333; }
}

.blink {
  -webkit-animation: blink 3s ease infinite;
  -moz-animation: blink 3s ease infinite;
  animation: blink 3s ease infinite;
}


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

@media (min-width: 760.7rem) and (max-width: 1003px) {
	.telConta{font-size: 1.6rem;}
	.faxConta{font-size: 1.5rem;}
	.icoConta{width: 2.5rem !important;}
	.cajaaclientes {
	border:0.1rem 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:11rem;}
}

@media screen and (max-width: 1680px) {
	.icoContacte3{font-size: 1.6rem;}
	.icoContacte{ margin-right: 1rem;}
	 .nav > li > a { padding: 0px 0.5rem;}
.formacions_home h3,
.caixaServeiHome h3{font-size: 1.5rem; line-height: 2.1rem;}
.boxSlogan{max-width: 45%; margin: 0 auto;}
}

@media screen and (max-width: 1599px) {
}

@media screen and (max-width: 1440px) {
	.posicionicoser{ left:calc(50% - 35px);top:285px; width:70px}
	body {    background-position: top center;}	
	html{font-size: 8px;}
	.icoContacte{font-size: 1.3rem;}
	.llistatDescargas {  grid-template-columns: repeat(auto-fill, minmax(10em, 1fr)); grid-column-gap: 40px}
	.dropdown {    font-size: 1.7rem;    padding: 0rem 0.8%;  }
	.imgNext {    max-width: 13rem;}
	.imgRecu {    max-width: 11rem;}
	.contenedor {    padding: 0 4%!important;}
  .alos501 {    padding: 3rem;}
	}

@media (max-width: 1366px) {
	html{font-size: 8px; }
	.llistatServeis {    grid-template-columns: repeat(auto-fill, minmax(30em, 1fr));    grid-column-gap: 30px;}
	.icoContacte{font-size: 1.2rem; margin-right: 1rem;}
	.presentacio{grid-template-columns: 1fr 30%;}
	.boto1{font-size: 1.5rem; line-height: 2.2rem; padding: 1rem 3rem;}
	.formacions_home h3,
	.caixaServeiHome h3{font-size: 1.5rem; line-height: 2.1rem;}
	.llistatNoticies{    grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));}
	h1 {    font-family: 'Semibold' ,Arial, Helvetica, sans-serif;    font-size: 3.5rem;    line-height: 3.7rem;    color: #222222;    margin: 0;}
	.dropdown {    font-size: 1.5rem;    padding: 0rem 0.8%;  }
}



@media (max-width: 1360px) {
.idiomas {    font-size: 1.4rem;}
}



@media (max-width: 1280px) {
	.suscr{width:30px; margin-right: 8px;}
	.contenedorgran { max-width: 1150px;}
	.serveiHome img {width: 9rem;}
	h1 {    font-size: 3.2rem;    line-height: 2.8rem;}
	.ajustamiento{font-size: 3.2rem;line-height: 4.1rem;}
	.horarios {    width: 68%; }	
	.llistatServeis {    grid-column-gap: 30px;}
	.llistatDescargas {    grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));    grid-column-gap: 40px;grid-row-gap: 40px;}
.imgNext {    max-width: 11rem;}
.imgRecu {    max-width: 9rem;}
.logosKit {    margin-top: -31px;}
}

@media (max-width: 1150px) {
	.loslaterales {    padding: 0 1%!important;}
	.espect {    font-size: 1.4rem;    padding-left: 0.6rem;}
	.espaciadoinfohome{ padding:2em 2em;}
	.uldaw {    height: 25px;    margin-top: 16px;}
}

@media (max-width: 1024px) {

.HomeAreas {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, 1fr);grid-column-gap: 0px;grid-row-gap: 0px;}
.HomeAreas1 { grid-area: 1 / 1 / 2 / 2; padding:0rem; color:#fff; }
.HomeAreas1 h2 { color:#fff; font-size: 3.1rem; line-height: 3.3rem}
.HomeAreas2 { grid-area: 2 / 1 / 3 / 2; }
.introEspecialitat {    bottom: 3%;    right: 3rem;    padding: 4rem;}
h1.comh2 {    font-size: 3.7rem;    line-height: 4.1rem;}
.expres {min-height: 257px;    margin-bottom: 50px;}
.icotel1{margin:0px 2px 0 0; width:20px;}
.icotel2{width:20px; margin:0px 0 0 0;}	
	.icoContacte a {    font-size: 13px;}
	.azul{display: none!important;}
	.HomeCasos2 {    padding: 0px;}	
	.HomeAreas3zonas1 h2 {    font-size: 3.2rem;    line-height: 3.0rem;}
	.HomeAreas3zonas2 h2 {    font-size: 3.2rem;    line-height: 3.0rem;}
	.HomeAreas2b h2 {  font-size: 3.2rem;    line-height: 3.0rem;}
	.afuera{display: none;}
	.dropdown {    font-size: 1.4rem;    padding: 0rem 0.9%;}	
	.llistatServeis {    grid-template-columns: repeat(auto-fill, minmax(27em, 1fr));}
	.contenedor {    max-width: 98%;}
	.contacte {display: grid;grid-template-columns: 35% 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 4%;grid-row-gap: 4%;}
	.contacte_div1 {    background-position: center 30%;}
	.cabecerainterior {    margin-top: 107px;}
	.horarios {    width: 80%;padding: 12px;}
	body {    line-height: 2.2rem;    font-size: 1.7rem;}
	h1 {    font-size: 2.5rem;    line-height: 2.3rem;}
	.igualh1 {    font-size: 2.6rem;    line-height: 2.6rem;}
	.logo1 {    width: 100%; }
	.logo2 {    width: 100%; }
	.loscinco {    min-height: 15rem;}	
	.cuatroservs{clear: both;margin-top: 5rem;z-index: 5; position:relative;}	
	h4 {    font-size: 2.1rem;    line-height: 2.5rem;}
	.itemcesto {    font-size: 1.1rem;    padding:0.2rem  0;    width: 79px;}
	.familias {    padding: 2.5rem 0 0 1rem;}
	.loslaterales{padding:0 2%!important;}
	.ideom {    margin-top: 6px!important;}	
	.mostrarTitol{display: block;}
	.contenedorgran { max-width: 950px;}
	.icoContacte{font-size: 1.2rem;}
	.deprojectes2:hover h3 {    font-size: 2rem;    line-height: 2.4rem;}
	.titPetit {font-size: 2rem; line-height: 2.6rem;}
	.notiHomeh3 {font-size: 1.6rem; line-height: 2.2rem;}
	.principalsHome{margin-bottom: 2rem;}
	.ajustContenedorgran100{margin-top: 10rem !important;}
	.colocatitle h1{font-size: 2.7rem; line-height: 3.5rem;}
	.colocatitle h2{font-size: 1.8rem !important; line-height: 2.2rem !important;}
	.cardTeam{height: 30rem;}
	.cardTeam p {margin: 0;}
	.cta{padding:0.2rem  1.5rem;}
	.cta:before {width: 3rem; height: 3rem;}
	.blocsAdmin{margin: 5rem 0 0 0 !important; }
	.imgCheck {    margin: 0px 1rem 1.5rem 0;}
	.c-preview__title{left: 2rem;}
	.servRelFitxa{font-size: 1.3rem; line-height: 1.8rem;}
	.catNoti{padding: 0.5rem  1rem;}
	.iconsFitxa{width: 3rem; height: 3rem;}
	.deprojectes2 h3 {left: 16%;}
	.fonsRelacionats{ padding: 3rem 0;}
	.icoContacte{font-size: 1.2rem; padding: 0 0rem ;}

	.imgServeiDest img {    height: 30rem;}
	.caixaServeiHome h3{font-size: 1.4rem; line-height: 1.8rem; }

	.logosKit{text-align: left}
	.logoInstal{float: none;}
	.serveis img{height: 30rem !important;}

}

@media (max-width: 1023px) {
	.los50{width: 100%; max-width: 650px;padding:50px 0 0 0px;}
.HomeAreas {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 0px; height: auto;}
.HomeAreas1 { grid-area: 1 / 1 / 2 / 2; min-height: 350px}
.HomeAreas2 { grid-area: 2 / 1 / 3 / 2; }
.HomeAreas3 { grid-area: 3 / 1 / 4 / 2; min-height: 350px }
.bannerGran {    margin-top: 49px;}
	.sombrina{display: none;}
	.bannerAnimat {    width: 100%;    margin-top: 13px;}
	.mundial {  position: relative;    top: 0rem;    }
	.barraSuperior{  position: relative;    top: 0rem;    }
 	.navbar-nav{display:none!important;}
	.imgNotiMobile{display: block !important;}
	.borrar1023{display: none;}
	.boxSlogan{max-width: 80%; margin: 0 auto;}
	.logo1 {  width: 77%; margin-top: 10px; margin-left: 21%}
	.cabecerainterior {    margin-top: 67px;}
	.supercab {display: grid;grid-template-columns: 5% 15% 25% 30% 1fr;grid-template-rows: 70px repeat(2, 180px) repeat(2, 40px);grid-column-gap: 0px;grid-row-gap: 0px;}
	.horarios {  position: relative;  padding: 11px; width: 100%!important ;   left: 0px;    font-size: 15px;}
	.llistatServeis {    grid-template-columns: repeat(auto-fill, minmax(22em, 1fr));}
	.footer a {    font-size: 0.9rem;    line-height: 1.3rem;}
	.nota {    padding-left: 3rem;}
	.llistatServeis {    grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));}
  h5 {    font-size: 1.8rem;    line-height: 2.1rem;}
}

@media (max-width: 101rem) {
	.aparecer{display: block;}
	.centrarLogo{text-align: center;}
	.loslaterales{margin-bottom: 2rem;}
}

@media screen and (min-width: 1003px) {
	.caixaRelacionats { padding: 0 1.4rem;}  	
}

 @media screen and (max-width: 768px) {
	.alaizquierda{text-align: center;}
	.contenedorgran { max-width: 700px;}
	.destacatsHome{padding: 0 1rem; margin-bottom: 2rem;}
	.caixaConeix{margin-bottom: 3rem;}
	.acincuenta{margin-top: 5rem !important;}
	.cardTeam{height: auto;}
	.colocatitle{left: 0;}
	.alturaInt{height: 15rem !important;}
	.reciclaje2{display: none;}
	.caixaRelacionats{padding: 0 0px;}
	.barratop{display: none;}
	.serveisHome {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 40px;grid-row-gap: 40px;margin-bottom: 5rem;}
	.serveisHome_div1 { grid-area: 1 / 1 / 2 / 2; }
	.serveisHome_div2 { grid-area: 1 / 2 / 2 / 3; }
	.serveisHome_div3 { grid-area: 2 / 1 / 3 / 2; }
	.serveisHome_div4 { grid-area: 2 / 2 / 3 / 3; }
	.llistatNoticies{ grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));}
	.llistatProjectes{ grid-template-columns: repeat(auto-fill, minmax(23rem, 1fr));}
	.serveis{ grid-template-columns: repeat(auto-fill, minmax(23rem, 1fr));}
	.serveis img{height: 30rem !important;}
}


@media (max-width: 767px) {
.cajaser{display: none;}
.imgPortada {    width: 100%;    height: auto;    object-fit: contain;    object-position: 25% center;}
.conteIntro2{display: none;}
.loassergenerales{height: 90vh; width: 100%; border:0rem solid #fff; position: relative;}

.cabint{max-width: 1673px;margin: 0 auto;padding: 0 2%!important; margin-top: 0px;position: relative;}
.cabsint{position: absolute; z-index: 12; bottom: 0px; padding: 0px;width: 100%; max-width: 160px;}
.cabsint h5 {    font-size: 1.4rem;    line-height: 1.7rem;}
.alos50 {display: grid;grid-template-columns: 1fr;grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px;}
.alos501 { grid-area: 1 / 1 / 2 / 2; padding:5rem; color:#fff; }
.alos502 { grid-area: 2 / 1 / 3 / 2; }
.news {display: grid;grid-template-columns: 1fr;grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px;}
.news1 { grid-area: 1 / 1 / 2 / 2; padding:5rem; color:#fff; }
.news2 { grid-area: 2 / 1 / 3 / 2; }
.llistatServeis {    padding: 1rem 1rem;}
.llServeis {    grid-column-gap: 0rem;}

.introEspecialitat{display: block; position: relative; max-width: 100%;bottom: 0%;    right: 0rem;}
.introEspecialitatMobile{display:block; padding: 1rem 3rem;}
.contenedor {    max-width: 96%;}
.footer a{color: #212121; font-family: 'Regular', Arial, Helvetica, sans-serif; margin-right:3rem; font-size: 1.2rem; line-height:1.3rem;  transition: 0.5s; text-transform: uppercase;}
.footer a:hover{color: #212121; transition: 0.5s;}
.HomeAreas {display: contents;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
.HomeAreas1 { grid-area: 1 / 1 / 2 / 2; min-height:250px; }
.HomeAreas2 { grid-area: 2 / 1 / 3 / 2; }
.HomeAreas3 { grid-area: 3 / 1 / 4 / 2; }
.HomeAreas3zonas2 {    position: relative;    bottom: auto;    z-index: 445;    padding: 10%;    max-width: 100%;    left: 0%;}
.HomeAreas3zonas1{    position: relative;    bottom: auto;    z-index: 445;    padding:10%;    max-width: 100%;    left: 0%;}

	.llistatServeis {    grid-template-columns: repeat(auto-fill, minmax(19em, 1fr));}
	.demargenes{margin-top: 82px;overflow: hidden;}
	.padinestop{padding-top: 1.5em!important;}	
	.serveisHome {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(4, auto);grid-column-gap: 0px;grid-row-gap: 3rem;}
	.serveisHome_div1 { grid-area: 1 / 1 / 2 / 2; }
	.serveisHome_div2 { grid-area: 2 / 1 / 3 / 2; }
	.serveisHome_div3 { grid-area: 3 / 1 / 4 / 2; }
	.serveisHome_div4 { grid-area: 4 / 1 / 5 / 2; }
	.margin7{margin-top: 10%;}
	.presentacio {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
	.presentacio_div1 { grid-area: 1 / 1 / 2 / 2; }
	.presentacio_div2 { grid-area: 2 / 1 / 3 / 2; }
	.footer {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 3rem;text-align: center;}
	.footer_div1 { grid-area: 1 / 1 / 2 / 2; display:grid; grid-row-gap: 2rem; margin-top: 3rem;}
	.footer_div2 { grid-area: 2 / 1 / 3 / 2; float: none;}
	.footer_div3 { grid-area: 3 / 1 / 4 / 2; }
	.logosKit{text-align: center;}
	.serveis{   grid-template-columns: 1fr;}
	.llistatProjectes{   grid-template-columns: 1fr;}
	.caixaServeiHome{min-height: auto;}
	.footer a{margin-right: 0;}
	.boto22 {display: none;}
	.subtitolServei {    font-size: 1.9rem;}
.contacte {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(4, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
.contacte_div1 { grid-area: 1 / 1 / 2 / 2; display:none; }
.contacte_div2 { grid-area: 2 / 1 / 3 / 2; }
.contacte_div3 { grid-area: 3 / 1 / 4 / 2; }
.contacte_div4 { grid-area: 4 / 1 / 5 / 2; }


.inputNew{ margin:0 0 1rem 0; width:100%; padding: 0.5rem  2rem; font-family: 'Bold', Arial, Helvetica, sans-serif; font-size: 18px; color:#333;  border: none;  border-bottom:0.2rem  solid #cbcbcb; background-color: transparent;}
.inputNew::placeholder{font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 15px;  color: #555; text-align: left; font-style: italic; }


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

.lafurgo { grid-area: 1 / 1 / 2 / 2; min-height: 300px;}
.lareunion { grid-area: 2 / 1 / 3 / 2; min-height: 300px;}
.eledificio { grid-area: 3 / 1 / 4 / 2; min-height: 300px;}
.infohome { grid-area: 4 / 1 / 5 / 2; min-height: 300px;}
.elgris {display: none;}

}


@media (max-width: 679px) {
.mundial {    height: 122px;}
.fuera{display: none;}
.logo1 {    width: 219px;    margin-top: 3.5rem;    padding: 0px;    margin-left: 19%;}
	.fcontact{margin-top:40px;}	
	.margenestop{ margin-top: 5rem;}
	.logo2 { width: 165px; }	
	.contenedorgran {    max-width: 33rem;}
	.deprojectes2{margin-top: 1rem;}
	.logo2 {    width: 255px;    margin-top: 0.5rem ;}
	.colocatitle h1{font-size: 2rem; line-height: 2.5rem;}
	.colocatitle h2{font-size: 1.4rem !important; line-height: 2rem !important;}
	.titPetit{display: none !important;}
	.deprojectes2 h3 { bottom: 20%; }
	.bannerGran{display: none;}
	.bannerMobile{display: block;}
	.caixaRelacionats{padding: 0 1rem;}
	.flex-caption {bottom: 5rem; max-width: 70%; right: 1rem; }
	.c-preview__title {font-size: 1.2rem; line-height: 1.6rem;}
	.massatgeGran{display: none;}
	.massatgeMobil{display: block;}
	.superficie {    position: static;}
}

@media only screen and (max-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: 0.1rem solid #eee; 
  		position: relative;
  		padding-left: 35%;
  		min-height:3.5rem;	  
  	}

  	.td:before { 
  		/* Now like a table header */
  		position: absolute;
  		/* Top/left values mimic padding */
  		top: 0px;
  		left: 6px;
  		padding-right: 1rem;
  		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:  0.1rem solid green;}
.blocsAdmin_onlyimg{background-size:contain; background-position:center; background-repeat: no-repeat; width: 100%; padding-top: 25%;border:  0.1rem 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: 3rem;}
    .blocsAdmin .txtEsquerra{padding-right: 0px !important; padding-left: 0px !important; margin-bottom: 3rem;}
    .divAdmin_img{margin-bottom: 3rem;}}
/* -------  Fi Blocs Admnin -----------------------------------------------------*/

/*img:not([alt]) {
  outline: 0.5rem  solid red;
}
*/



.iCheck-helper
{
	background-color:#e4e4e4!important;
	float: right;
}



.divCookie {z-index: 999999 !important; display:block; position:fixed;bottom:0;min-height:100%;width:100%;background:rgba(0,0,0,0.8);color:#fff !important;font-size:1.2rem !important;font-family:sans-serif !important;}
.msencajonado{animation-name: example; animation-duration: 4s; animation-delay: -2s; background-color:#fff;padding:2%; max-width:1200px; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

@keyframes example
{
	0% { top:0%; }
	50% { top:1200px; }
}

.msgcookie {width:100%; height: auto; font-size:1.2rem !important; color:#000 !important; margin:0 auto; padding: 2rem; text-align: center; padding-top: 15%;}
.msgcookie p {margin: 0px; font-size:1.3rem !important; line-height: 2rem;}
.msgcookie a:link, .msgcookie a:active, .msgcookie a:visited,.msgcookie a:hover{color:#000}
.msgcookie a.close{float:right;display:block;width:1.6rem;height:5rem;background:url(<?=$URL?>/js/cookies/cookie.png) 0 -45px no-repeat;overflow:hidden;text-indent:- 8rem;opacity:0.5;margin:0 0 0 40px}
.msgcookie a.close{text-indent:-16rem; }
a.close:hover{opacity:1}
a.linkCookies { background-color: rgba(255,255,255,0.60); font-weight: bold; color: #6c7059!important; border-radius: 0rem; padding: 0.4rem 6px; margin-left: 0.5rem ;}
a.linkCookies:hover { background-color: rgba(255,255,255,0.85); color: #6c7059!important;}
.divConfigCookies { background-color: #ebebeb; border-radius: 0rem; margin: 0 auto; min-width: 400px; padding: 2rem 3rem 0px 3rem; font-weight: normal!important; font-size: 1.4rem; text-align: center;	display: inline-block;	width: 100%; margin-bottom: 2rem;}
.unBlocCookies { display: inline-block; margin: 0px 1rem; }
.encaraNoDefinit { opacity: 0.5;	}
@media (max-width: 798px) {.msgcookie{height:65px;}}
@media (max-width: 679px) {.divConfigCookies{min-width: 200px !important;}}
@media (max-width: 573px) {.msgcookie{height:85px;}}
@media (max-width: 450px) {.msgcookie{height:105px;}}
@media (max-width: 371px) {.msgcookie{height:125px;}}
@media (max-width: 31.2rem) {.msgcookie{height:145px;}}

a.notin, .nota a, .footer a {text-decoration: underline; text-decoration-color: rgba(0, 0, 0, 0.0);}


.unaCapsa {
	padding: 1rem 2rem;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
}

.unaCapsa img{width: 3.5rem; margin-right: 2rem;}
.unaCapsa span{font-size: 1.2rem; font-weight: bold; color: #444}

.atencioTemp {
	padding: 0.4rem; margin: 0px 0.4rem;
	border-radius: 0rem;
	background-color: yellow;
}

.infoCurs {
	display: inline-block;
 	padding: 8px 1.2rem;
 	margin-bottom: 1rem;
	border-radius: 0rem;
	background-color: #fb853b;
}


body.cke_editable{font-size: 16px; line-height: 22px}


@media (max-width: 1280px) {
	body.cke_editable{display: block !important;}
}

/* ini validate ----- */
input.error {
    border: 1px solid red !important;
    background-color: rgba(255, 0, 0, 0.05);
}

label.error {
    font-family: 'Regular';
    color: red;
    padding: 0 0 1rem 1rem;
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 400;
    margin: 0px 0px 6px 0px;
}

#conformitat-error{
	position: absolute;
	top: 24px;
	min-width: 220px;
}
/* fin validate ----- */

.mm-selected a{
	color:#2c6ca0 !important;
	background-size: cover;
}

@media (max-width: 679px) {
a.notin, .nota a, .footer a {text-decoration: underline; text-decoration-color: rgba(0, 0, 0, 0.0); display: contents;}
}