@font-face {    font-family: 'Bold';    src: url('../fonts/Montserrat-Bold.ttf'); font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Regular';    src: url('../fonts/Montserrat-Medium.ttf'); font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Semibold';    src: url('../fonts/Montserrat-SemiBold.ttf'); font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'thin';    src: url('../fonts/Montserrat-Light.ttf'); font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'light';    src: url('../fonts/Montserrat-Regular.ttf'); font-weight: normal;    font-style: normal;}


.llistatNews h2{    font-family: 'Semibold', Arial, Helvetica, sans-serif;    font-size: 3.4rem;    line-height: 3.5rem;    color: #ffffff;    font-weight: normal;    font-style: normal;    margin: 0.5rem 0;}
.superalturanew { width: 210px; object-fit:cover; height:210px; object-position:center center; border-radius:150px; margin:0 5px; }

.card h2 {	font-family: 'Semibold', Arial, Helvetica, sans-serif;    font-size: 2.1rem;    line-height: 2.3rem;    color: #52567A;    font-weight: normal;    font-style: normal;    margin: 0.5rem 0; }
.mini {	font-family: 'light' ,Arial, Helvetica, sans-serif;    color: #1f1d21;    line-height: 2.7rem;    font-weight: normal;    font-style: normal;    font-size: 1.4rem; }

.vernews{ font-family: 'Regular';font-size: 1.2rem;    line-height: 1.3rem;    color: #fff;  text-transform:uppercase; }
.claimhome{ font-family: 'Bold';font-size: 5rem;    line-height: 5.5rem;    color: #fff;    margin: 0 0 10px 0; text-transform:uppercase; }
.claimhome2{ font-family: 'light';font-size: 2rem;    line-height: 2.5rem;    color: #fff;    margin: 0 0 20px 0; text-transform:lowercase;  letter-spacing: 1px;}
html{font-size: 10px;}
body {	font-family: 'light' ,Arial, Helvetica, sans-serif;    color: #1f1d21;    line-height: 2.7rem;    font-weight: normal;    font-style: normal;    font-size: 2rem; background-color: #fff;}
.contenedor {max-width: 85%;margin:0 auto; padding: 0;}
.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;}
.colocatitle{width: 100%; padding-left: 1rem;  }
.fcontact{background-color: #2D3143; background-image: url(../imgs/fonsForm.webp); background-size: cover; background-position: center left; padding:3% 0 1.5% 0 !important;}
.mundial{ width:100%; transition: all 1s ease; position: fixed; top: 4.6rem; z-index: 544; background-color: transparent;}
.menuScroll {  transition: all 1.5s ease;    background-color: #e7e7ec;    box-shadow: rgba(33, 35, 38, 0.1) 0px 1rem 1rem -1rem; top:45px;}
.textckeditor ul li {margin-left: 2.5rem;}
.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;}
.dropdown-menu > li > table > tbody > tr > td > hr {    margin-top: 1rem;    margin-bottom: 1rem;    border: 0;    border-top: 0.1rem solid #ababab; }
.dropdown{	font-family: 'Bold', Arial, Helvetica, sans-serif;	font-size: 2rem; color: #2f2f3e; line-height: 1.5rem; margin-top:0rem;    padding: 0.5rem 0 0 5rem; transition: 0.5s;    font-weight: 600; background-color: rgba(0, 0, 0, 0.01); letter-spacing: 0px; cursor: pointer;}
.dropdown a{color: #2f2f3e!important}
.idiomas{	    text-align: center;   font-size: 1.4rem;    color: #ffffff;    text-transform: uppercase;    line-height: 1rem; padding: 0 1rem; font-family: 'Semibold', Arial, Helvetica, sans-serif; display: inline-flex; align-items: center;}
.idiomas a{color: #ffffff!important}
a {	text-decoration: underline!important;	text-decoration-color: rgb(0, 0, 0, 0)!important;}
a:link{	text-decoration: underline;	text-decoration-color: rgb(0, 0, 0, 0);}
a:visited{	color: #000;}
a:hover{	color: #848383;}
a:active{	color: #848383;}
.borrar{display: block;}
.logo1 {    width: 100%;  max-width:29rem;  margin-top: 1.5rem ; margin-bottom: 1rem; -webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s; z-index:33 }
.logo2 {    width: 100%;  max-width:20rem;  margin-top: 1rem; margin-bottom: 1rem; -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: 3.3rem;    line-height: 3.3rem;    color: #2f2f3e;    margin: 0; letter-spacing:0 }
h2 {	font-family: 'Semibold', Arial, Helvetica, sans-serif;    font-size: 2.4rem;    line-height: 3rem;    color: #333;    font-weight: normal;    font-style: normal;    margin: 0.5rem 0; }
h3 {	font-family: 'Semibold' ,Arial, Helvetica, sans-serif;    font-size: 3.3rem;    line-height: 3.3rem;    color: #7d83a9;    margin: 0; }
h4 {	font-family: 'Bold', Arial, Helvetica, sans-serif;	font-size: 1.8rem;	line-height: 2.7rem;	color: #212121;	font-weight: normal;	font-style: normal;		margin: 10px 0;}
a h4 {	color: #212121;}
h5 {	font-family: 'Bold', Arial, Helvetica, sans-serif;	font-size: 2.4rem;	line-height: 2.6rem;	color: #606060;	margin: 1rem 0;	font-weight: normal;	font-style: normal;	}
h6 {	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 1.1rem;	line-height: 2rem;	color: #52567A;	margin: 1rem 0 0 0;	font-weight: normal;	font-style: normal;	text-transform: uppercase;}
.no_veure{    display: none;  }
.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: #0097df!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;}
.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; height: 4.5rem;}
.ideom > form > .mm-selected {background-color: #b7b9d1; height:4.5rem; }
.icoXarxa{margin:0 0.5rem  0 0.5rem ; width:1.7rem;}
.caixaContacte{ padding: 1rem 0rem; color: #000; display: flex; align-items: center;}
.caixaContacte img{width:3.3rem; background-color: #121212; 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: #b7b9d1; transition: 0.5s !important; padding-left: 0.5rem;}
.textckeditor ol{padding-left: 5%;}
.botoError{border:0.2rem  solid #EE7730; 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; border-radius: 0.6rem; color: #222221;transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */ margin-bottom: 0.7rem;}
.botoError:hover{background: #b7b9d1; color: #fff; transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */}
.nota{font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 1.4rem;  color: #fff; text-align: left; font-style: italic; }
.nota2{font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 1.4rem;  color: #121212; text-align: left; font-style: italic; }

.menuPrincipal{padding-top: 30px; -webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.menuPrincipal2{padding-top: 1.7rem; -webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.inputNew{ margin: 1rem 0; width:100%; padding: 1rem  2rem; font-family: 'Bold', Arial, Helvetica, sans-serif; font-size: 1.5rem; color:#333; border:0.2rem  solid #cbcbcb; background-color: transparent;}
.inputNew::placeholder{font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 1.3rem;  color: #555; text-align: left; font-style: italic; }
.inputNew2{ margin: 1.1rem 0; width:100%; padding: 1rem  2rem; font-family: 'Semibod', Arial, Helvetica, sans-serif; font-size: 1.5rem; color:#1f1d21;  border: none; background-color: #fff;}
.inputNew2::placeholder{font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 1.3rem;  color: #1f1d21; text-align: left; font-style: italic; }
.mm-amagat{opacity: 0;}
.mm-selected a{color: #b7b9d1!important;}
.ideom .mm-selected a{color: #1f1f21 !important;}
#menuMobile{z-index: 888;}
.fotoNotiLlistat{overflow: hidden;}
.fotoNotiLlistat img{transition: 1s; width: 100%; object-fit: cover; height: 30rem}
.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;}
.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); border-radius: 50%; 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;}
.centrat{text-align: center;margin: 0 auto;}
.icoContacte{font-family: 'Regular', Arial, Helvetica, sans-serif; font-size: 1.5rem; transition: 0.5s; color: #fff!important; display: inline-block; margin-right: 2rem;  }
.icoContacte3{font-size: 1.4rem;font-family: 'Regular', Arial, Helvetica, sans-serif; letter-spacing:0px; }
.icoContacte a{color: #fff; text-decoration: underline; text-decoration-color: rgb(0, 165, 211, 0); }
.icoContacte a:hover{color: #b7b9d1 !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 #7d83a9;}
.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: 0.5rem ;}
.catNoti:hover, .catNotiMarcat{ border: 0.2rem  solid #333; transition: 0.5s; background-color: #212121; }
.imgContacte{padding-top: 5%;}
.margin7{margin-top: 3% !important;}
.marginBottom{margin-top: 4% !important;}

.bannerMobile{display: none;}
.caixaServeiHome{position: absolute; bottom: 0; left: 0;background-color: #7d83a994 ;padding: 3% 10%; min-height: 10rem;  width: 100%; transition: 0.8s; display: flex; align-items: center; justify-content: start;}
.caixaServeiHome h3{font-size: 2.4rem; line-height: 3rem; color: #fff; font-family: 'Semibold', Arial, Helvetica, sans-serif;}
.item:hover .caixaServeiHome{min-height: 100%; transition: 0.8s; background-color: #7d83a994}


.serveisHome2 {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: 1fr;grid-column-gap: 7rem;grid-row-gap: 0px; }
.serveisHome_div1 { grid-area: 1 / 1 / 2 / 2; z-index: 5; background-color: #fff;;}
.serveisHome_div2 { grid-area: 1 / 2 / 2 / 3; z-index: 5; background-color: #fff;;}
.serveisHome_div3 { grid-area: 1 / 3 / 2 / 4; z-index: 5; background-color: #fff;;}
.serveisHome_div4 { grid-area: 1 / 4 / 2 / 5; z-index: 5; background-color: #fff;;}

.serveisHome2 {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 7rem;grid-row-gap: 5rem;}
.serveisHome2_div1 { grid-area: 1 / 1 / 2 / 2;  z-index: 5; background-color: #fff;}
.serveisHome2_div2 { grid-area: 1 / 2 / 2 / 3;  z-index: 5; background-color: #fff;}
.serveisHome2_div3 { grid-area: 1 / 3 / 2 / 4;  z-index: 5; background-color: #fff;}
.serveisHome2_div4 { grid-area: 2 / 1 / 3 / 2;  z-index: 5; background-color: #fff;}
.serveisHome2_div5 { grid-area: 2 / 2 / 3 / 3;  z-index: 5; background-color: #fff;}
.serveisHome2_div6 { grid-area: 2 / 3 / 3 / 4;  z-index: 5; background-color: #fff;}
.serveisHome2_div1:hover{background-image: url(../imgs/fons.jpg); background-size: cover; transition: 1.5s;}
.serveisHome2_div2:hover{background-image: url(../imgs/fons.jpg); background-size: cover; transition: 1.5s;}
.serveisHome2_div3:hover{background-image: url(../imgs/fons.jpg); background-size: cover; transition: 1.5s;}
.serveisHome2_div4:hover{background-image: url(../imgs/fons.jpg); background-size: cover; transition: 1.5s;}
.serveisHome2_div5:hover{background-image: url(../imgs/fons.jpg); background-size: cover; transition: 1.5s;}
.serveisHome2_div6:hover{background-image: url(../imgs/fons.jpg); background-size: cover; transition: 1.5s;}


.caixaProjectesHome{position: absolute; bottom: 0; left: 0;background-color: #7d83a994;padding: 3% 10%; min-height: 0rem;  width: 100%; transition: 0.8s; display: flex; align-items: center; justify-content: center;}
.caixaProjectesHome h3{font-size: 2.3rem; line-height: 3rem; color: #fff; font-family: 'Regular', Arial, Helvetica, sans-serif; opacity: 0.5; letter-spacing: 1px;}
.item:hover .caixaProjectesHome{min-height: 100%; transition: 0.8s; background-color: #7d83a9d4}
.item:hover .caixaProjectesHome h3{opacity: 1;}


.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;}
.llServeis {display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px;}
.llServeis_1 { grid-area: 1 / 1 / 2 / 2; display: flex; align-items: center; justify-content: left; padding: 0 8%;}
.llServeis_2 { grid-area: 1 / 2 / 2 / 3; display: flex; align-items: center; justify-content: left; padding: 0 8%;}
.imgllServeis{object-fit: cover; width: 100%; height: 40rem;}
.boto1{ background-color: #b7b9d1; display: inline-block; color: #1f1d21; padding: 1rem 5rem; transition: 0.5s; font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 1.7rem;}
.boto1 img{margin-left: 1rem; width: 1.8rem;}
.boto1:hover{background-color: #7d83a9; color: #fff; transition: 0.5s; cursor: pointer;}

.boto2{ background-color: #b7b9d1; display: inline-block; color: #fff; padding: 1rem 5rem; border-radius: 0 1rem 1rem 0; transition: 0.5s; font-family: 'Bold', Arial, Helvetica, sans-serif; font-size: 1.7rem; border: 2px solid #A5222B;}
.boto2 img{margin-left: 1rem; width: 1.8rem;}
.boto2:hover{background-color: #7d83a9; color: #fff; transition: 0.5s;}

.posR{ float: right;}
.posL{ float: left;}
.logosKit{text-align: right; display: block;}
.imgNext{max-width: 15rem; margin-top: 0px; margin-left: 5rem;}
.imgRecu{max-width: 12rem; margin-top: 0.5rem; margin-left: 5rem;}

.footer {display: grid;grid-template-columns: 7% 0% 60% 1fr;grid-template-rows: 1fr;grid-column-gap: 0rem;grid-row-gap: 0px; background-color: #1f1d21;}
.footer_div1 { grid-area: 1 / 1 / 2 / 2; display: flex;align-items: center; justify-content: center;}

.footer_div2 { grid-area: 1 / 2 / 2 / 3; }
.footer_div3 { grid-area: 1 / 3 / 2 / 4;  padding: 3rem 0; text-align: left; background-color: #1f1d21;color: #fff; }
.footer_div4 { grid-area: 1 / 4 / 2 / 5;  padding: 2rem 0; text-align: right;}


.footer a{text-transform: uppercase; color: #fff; font-family: 'Regular', Arial, Helvetica, sans-serif; font-size: 1.4rem; line-height:1.4rem;  transition: 0.5s;}
.footer a:hover{color: #b7b9d1; transition: 0.5s;}

.footer_div2 a{font-size: 1.4rem; line-height: 4rem !important; }
.h6int{text-transform: uppercase; font-family: 'Regular', Arial, Helvetica, sans-serif; color: #A5222B; margin:0 !important; background-color:#f7f7f7; }
.card:hover .caixaServeiLlistat{background-color: #042859;  transition: 0.8s;}
.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: 0; background-color: #f4f4f4;}

.llistatServeis_txt h2{text-align: left;}
.llistatServeis_txt{text-align: left; display: flex; align-items: center; padding: 5%;}
.llistatServeis:hover{background-color: #e6e6e6; transition: 0.5s;  }
.subtitolServei{color: #333; font-family: 'Semibold', Arial, Helvetica, sans-serif; text-transform: none; font-size: 2.2rem; line-height: 3rem;}
.h6ser{color: #A5222B; background-color: #f7f7f7}
.llistatNoticies{display: grid;grid-template-columns: repeat(auto-fill, minmax(40rem, 1fr));grid-column-gap: 5rem;grid-row-gap: 5rem; clear: both; margin-top: 2%;}
.llistatFormacions{width: 100%;}
.h2Noti{font-family: 'Semibold', Arial, Helvetica, sans-serif;  font-size: 1.8rem; line-height: 2.4rem; color: #1f1d21; padding: 1rem 0px; margin-top: 0px; margin-bottom: -1.5rem; transition: 0.8s;}
.card:hover .h2Noti{background-color: #4c4c4c;  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 #b7b9d1; 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;}
.colum2_div1 { grid-area: 1 / 1 / 2 / 2;}
.colum2_div2 { grid-area: 1 / 2 / 2 / 3;}
.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: #e4e4e4 !important; padding-bottom: 5rem;}
.imgServeiDest{text-align: center; padding: 0.8rem; border: solid 0.2rem #b7b9d1; 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: 50%; padding-left: 3%}
.contacte {display: grid;grid-template-columns: 35% 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 4%;grid-row-gap: 4%;}
.contacte_div1 { grid-area: 1 / 1 / 2 / 2; background-image: url(../imgs/contact.webp); background-size: cover; background-position: left 60%; min-height:40rem }
.contacte_div2 { grid-area: 2 / 1 / 3 / 2; }
.contacte_div3 { grid-area: 1 / 2 / 3 / 3; }
.barraSuperior{ background-color: #000; background-image: url(../imgs/lila.png); text-align: left; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; transition: 0.8s; }
.barraSuperior2{background-color: #2f2f3e;  transition: 0.8s; background-image: none; }
.xarxes{float: right;}
.quadreTaronja{position:absolute; top: -3rem; left: 2rem; height: 100%; border: 0.4rem solid #b7b9d1; width: 100%;}
.quadreTaronja2{position:absolute; top: -2rem; right: 2rem; height: 95%; border: 0.4rem solid #b7b9d1; 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: #b7b9d1; padding: 0.2rem 2rem; border-radius: 1rem; margin-right: 2rem; color: #fff; letter-spacing: 0.3rem;}
.imgEffect{object-fit: cover; width: 100%; height: 27rem;}
.imgServeiDes{object-fit: cover; width: 100%; height: 25rem;}
.bannerAnimat{width:100%; height: 30rem;}
.bannerInterior{position: relative; background-color: #000;margin-top: 0rem; overflow: hidden; height: 30rem; margin-top: 130px;}

.idiomesMobile {
    border: 1px solid #7d83a9;
    text-align: center;
    margin-left: 10px !important;
    margin-top: 2rem !important;
}

/* ---  ANIMACIONS ---------------------------------------------------------- */

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

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

.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: #ee7730; }
  100% { background-color: #333; }
}

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

/* ---  FI ANIMACIONS ---------------------------------------------------------- */

/* 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 ----- */

@media only screen and (max-width: 1003px){

  	/* 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;
}


.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: 0.4rem; 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: 0.4rem; 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: 312px) {.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: 0.4rem;	background-color: yellow;}
.infoCurs {	display: inline-block; 	padding: 8px 1.2rem; 	margin-bottom: 1rem;	border-radius: 0.4rem;	background-color: #fb853b;}
body.cke_editable{font-size: 16px; line-height: 22px}
@media (max-width: 1280px) {/*	body{display: none !important;}*/	body.cke_editable{display: block !important;}}

.mm-close.mm-btn::after{position: absolute; top: 0.6rem; right: 1rem; width: 3rem;}





.catServei{display: inline-block; padding: 0 5rem; border-right: 2px solid #e7e7e7;}
.pastilla{background-color: #b7b9d1; width: 5rem; height: 0.6rem; transition: 1s}
.catServei:hover .pastilla{width: 100%; transition: 0.5s}

.demanaPressu{background-color: #000; padding: 0.8rem 3rem 0.8rem 2rem; border-radius: 0 1rem 1rem 0; border: 0.2rem solid #000; transition: 1s; text-transform: uppercase;}
.demanaPressu:hover{background-color: #A5222B; transition: 0.5s; border-left: 1rem solid #000;}
.demanaPressu:hover a{color:#fff !important;}



.quisom {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px;}
.quisom_div1 { grid-area: 1 / 1 / 2 / 2; color:#fff; }
.quisom_div2 { grid-area: 1 / 2 / 2 / 3; color: #fff;}
.quisom_div2 h3{color: #fff; text-align: left;}

.quisom_div1 h3 {	font-family: 'Semibold', Arial, Helvetica, sans-serif;	font-size: 3rem;	line-height: 3.5rem;	color: #fff;	font-weight: normal;	font-style: normal;		margin: 0;}

.introServeisDes h3{text-align: left;}

.imgProjectesDest{object-fit: cover; width: 100%; height: 41rem;}

.pastillaNoti {display: grid;grid-template-columns: 30% 1fr;grid-template-rows: 1fr;grid-column-gap: 4rem;grid-row-gap: 0px;background-color: #e6e6e6; padding: 2rem;}
.pastillaNoti_div1 { grid-area: 1 / 1 / 2 / 2;}
.pastillaNoti_div2 { grid-area: 1 / 2 / 2 / 3;}
.talltxt{    display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;    overflow: hidden;}
.talltxt4{   display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical;    overflow: hidden;}

.logoPeu{    width: 100%;  max-width:6rem; }


.footer_div2 a{margin-bottom: 2rem !important;}
.data{font-style: italic; color: #111; font-size: 1.4rem;}

.pressu {display: grid;grid-template-columns: 1fr 40% 1fr;grid-template-rows: 1fr;grid-column-gap: 0; grid-row-gap: 0px;padding:3rem 0; position: relative; }
.pressu_div1 { grid-area: 1 / 1 / 2 / 2; }
.pressu_div2 { grid-area: 1 / 2 / 2 / 3; text-align: center;}
.pressu_div3 { grid-area: 1 / 3 / 2 / 4;  text-align: right;}

.pressu_div1 h3{font-family: 'Semibold', Arial, Helvetica, sans-serif;   font-size: 3rem;    line-height: 4rem;    color: #ffffff;    font-weight: normal;    font-style: normal;    margin: 0; }


#owl-projectesDes h3{font-size: 2rem; line-height: 2.5rem;}

.pastillaColor1{background-color: #7d83a9; width: 5rem; height:0.6rem; }
.pastillaColor2{background-color: #b7b9d1; width: 5rem; height:0.6rem; }


h2.titServei {	font-family: 'Semibold', Arial, Helvetica, sans-serif;    font-size: 2.8rem;    line-height: 3.4rem;    color: #1f1d21;    font-weight: normal;    font-style: normal;    margin: 0.5rem 0; }


.contenedor ul{padding-left: 2rem;padding-right: 1.2rem;}


.newServeis {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(12em, 1fr));    grid-gap: 50px;}
.newServeis div{ border-bottom:9px solid #7d83a9; padding-bottom:10px; }


.newServeis_div1:hover{background-image: url(../imgs/fons.jpg); background-size: cover; transition: 1.5s;}
.newServeis_div2:hover{background-image: url(../imgs/fons.jpg); background-size: cover; transition: 1.5s;}
.newServeis_div3:hover{background-image: url(../imgs/fons.jpg); background-size: cover; transition: 1.5s;}
.newServeis_div4:hover{background-image: url(../imgs/fons.jpg); background-size: cover; transition: 1.5s;}
.newServeis_div5:hover{background-image: url(../imgs/fons.jpg); background-size: cover; transition: 1.5s;}

/* ---  Media Queries ---------------------------------------------------------- */


@media screen and (max-width: 1680px) {
/*	.imgEffect1{ height: auto;}*/
}



@media screen and (max-width: 1600px) {
.newServeis {  grid-template-columns: repeat(auto-fill, minmax(11em, 1fr));    grid-gap: 50px;}
}

@media screen and (max-width: 1500px) {
.h2News{font-size: 2rem; line-height: 2.5rem}
}

@media screen and (max-width: 1440px) {
		html{font-size: 9px !important;}
		.logo2{margin-top: 1rem;}
		.boto2{padding: 1rem 1rem;}
		.boxSlogan{max-width: 56%;}
		h3{font-size: 3rem; line-height: 3.5rem;}
		h2{font-size: 2rem; line-height: 3rem;}
		.caixaServeiHome h3{font-size: 2rem; line-height: 3rem;}
		.menuScroll { top: 39px;}
		.logo1 {    margin-top: 2.5rem;}
}

@media (max-width: 1366px) {
		#owl-notiHome{margin-top: 2rem;}
		.boto1{font-size: 1.3rem;}
		.contenedor {    padding: 0 2%;    max-width: 98%;}
} /* FI 1366px */

@media (max-width: 1280px) {
		html{font-size: 7px !important;}
		.dropdown {    font-size: 2.7rem;}
		.newServeis {        grid-template-columns: repeat(auto-fill, minmax(14em, 1fr));        grid-gap: 35px;
    }
}  /* FI 1280px */

@media (max-width: 1024px) {
		.footer a {margin-right: 2rem;}
		.boto1{padding: 1rem 4rem;}
		.boto2{font-size: 1.2rem;}
		.llistatNoticies{grid-template-columns: repeat(auto-fill, minmax(35rem, 1fr));}
	    .newServeis {        grid-template-columns: repeat(auto-fill, minmax(11em, 1fr));        grid-gap: 35px;    }
	    .footer {    display: grid;    grid-template-columns: 5% 0% 63% 1fr;    grid-template-rows: 1fr;    grid-column-gap: 0rem;    grid-row-gap: 0px;    background-color: #1f1d21;}
}   /* FI 1024px */

@media (max-width: 1023px) {
		.navbar-nav{display:none!important;}
		.boxSlogan{max-width: 80%; margin: 0 auto;}
		.borrar1024{display: none;}
		.borrar1023{display: none !important;}
		.bannerAnimat{height: auto;}
		.bannerInterior {height: 19rem;}
		.logo1{max-width: 28rem; margin-left: 37%}
		.barraSuperior {    padding: 6px 0 !important; text-align: right;}
		.newServeis {  grid-template-columns: repeat(auto-fill, minmax(8em, 1fr));  grid-gap: 20px;}
		.superalturanew {    width: 120px;    height: 120px;}
		.footer {        grid-template-columns: 7% 0% 46% 1fr;    }
		.bannerInterior {    overflow: hidden;    height: 15rem;    margin-top: 110px;}

}  /* FI 1023px */

@media screen and (max-width: 768px) {
    	.logo1 {        max-width: 28rem;        margin-left: 1%;    }	
		.contenedor{max-width: 95%;}
		.ajustBlocCont{padding-left: 6rem !important;}
		.centrarLogo{text-align: center;}
		.contacte {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, auto);grid-column-gap: 3rem;grid-row-gap: 3rem;}
		.contacte_div1 { grid-area: 1 / 1 / 2 / 3; max-height: 30rem }
		.contacte_div2 { grid-area: 2 / 1 / 3 / 2; }
		.contacte_div3 { grid-area: 2 / 2 / 3 / 3; }
		.posL{float: none}
		.contacteHome{margin-top: 10rem;}
		.boto1 {    padding: 1rem 2rem;}
		.unaCapsa {padding: 1rem 1rem !important;}
		.unaCapsa img{width: 2rem !important; margin-right: 1rem !important;}
		.llServeis{    grid-template-columns: 1fr 1fr;    grid-template-rows: 1fr;    grid-column-gap: 0rem;}
		.nota a{font-size: 1.1rem !important; line-height: 1.8rem;}
		.logoPeu{max-width: 11rem;}
		#hamburger{margin-top: -4px;}
		.icoXarxa{width: 3.5rem;}
		.imgEffect{height: 19rem;}
		.imgEffect1{height: 42rem;}
		.serveisHome{grid-column-gap: 4rem; margin-bottom: 10%;}
		.imgProjectesDest{height: 41rem;}
} /* FI 768px */


@media (max-width: 767px) {
		.icoContacte3{display: none;}
		.ajustBlocCont{text-align: right; padding-right: 1.5rem !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%;}
		.logosKit{text-align: center;}
		.serveis{   grid-template-columns: 1fr;}
		.llistatProjectes{   grid-template-columns: 1fr;}
		.caixaServeiHome{min-height: auto;}
		.footer a{margin-right: 0;}
		.curs {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(5, auto);grid-column-gap: 0px;grid-row-gap: 1.5rem;}
		.curs_div2 { grid-area: 1 / 1 / 2 / 2; padding: 0 0; }
		.curs_div1 { grid-area: 2 / 1 / 3 / 2; padding: 0 0; }
		.curs_div3 { grid-area: 3 / 1 / 4 / 2; padding: 0 0; }
		.curs_div4 { grid-area: 4 / 1 / 5 / 2; padding: 0 0; }
		.curs_div5 { grid-area: 5 / 1 / 6 / 2; padding: 0 0; }
		.detallFormacio {grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr);grid-gap: 1rem;}
		.detallFormacio_div1 { grid-area: 1 / 1 / 2 / 2; }
		.detallFormacio_div2 { grid-area: 1 / 2 / 2 / 3; }
		.detallFormacio_div3 { grid-area: 2 / 1 / 3 / 2; }
		.detallFormacio_div4 { grid-area: 2 / 2 / 3 / 3; margin-bottom: 2rem;}
		.colum2 {grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-row-gap: 1.5rem;}
		.colum2_div1 { grid-area: 1 / 1 / 2 / 2; }
		.colum2_div2 { grid-area: 2 / 1 / 3 / 2; }
		.colum260 {grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-row-gap: 1.5rem;}
		.colum260_div1 { grid-area: 1 / 1 / 2 / 2; }
		.colum260_div2 { grid-area: 2 / 1 / 3 / 2; }
		.colum260 ul {padding-left: 7%;}
		.unaCapsa{width: 100%; display: inline-grid; text-align: center;}
		.unaCapsa h3{text-align: left; margin-left: 1rem !important;}

		.newServeis {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(5, 1fr);grid-column-gap: 0px;grid-row-gap: 5rem; margin-bottom: 5rem;}
		.newServeis_div1 { grid-area: 1 / 1 / 2 / 2; }
		.newServeis_div2 { grid-area: 2 / 1 / 3 / 2; }
		.newServeis_div3 { grid-area: 3 / 1 / 4 / 2; }
		.newServeis_div4 { grid-area: 4 / 1 / 5 / 2; }
		.newServeis_div5 { grid-area: 5 / 1 / 6 / 2; }
		.imgEffect1{height: 19rem;}
		.logoPeu { max-width: 4rem;margin: 20px;}
		
}  /* FI 767px */


@media (max-width: 679px) {
	.pressu_div3 { text-align: center; }
h1 {    font-size: 2.3rem;    line-height: 2.7rem;}
body {    line-height: 2.5rem;   font-size: 1.7rem}
.footer_div3 {    padding: 0rem 0;}
		.contenedor{max-width: 85%;}
		.mundial{top: 3rem;}
		.barraSuperior{height: 50px;}
		.flexslider {    margin: 100px 0 0 0 !important;}
		.ajustCentrat{text-align: center !important;}
		.imgServeiDest img{height: 7rem;}
		.imgServeiDest h3{font-size: 1.5rem; line-height: 2rem; min-height: 4rem;}
		.contacteHome {grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-row-gap: 2rem;}
		.contacteHome_div1 { grid-area: 1 / 1 / 2 / 2; }
		.contacteHome_div2 { grid-area: 2 / 1 / 3 / 2; }
		.bannerInterior{margin-top: 15rem}
		.contacte {grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-row-gap: 2rem;text-align: center;}
		.contacte_div1 { grid-area: 1 / 1 / 2 / 2; min-height: 25rem;}
		.contacte_div2 { grid-area: 2 / 1 / 3 / 2; }
		.contacte_div3 { grid-area: 3 / 1 / 4 / 2; }
		.contacte .nota{text-align: center;}
		.llServeis {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 2rem;}
		.llServeis_1 { grid-area: 1 / 1 / 2 / 2; }
		.llServeis_2 { grid-area: 2 / 1 / 3 / 2; }
		.imgllServeis {height: auto;}
		.mundial{margin-top: 1rem;}
		.borrar679{display: none;}
		.icoContacte3{font-size: 1.3rem; margin-right: 0;}
		/*		.barraSuperior{padding: 0.5rem 0 !important;}*/
		.ajustBlocCont{padding-right: 0px !important; padding-left: 5px !important;}
		.logo1 {  padding: 4px; max-width: 26rem;}	
		.bannerGran{display: none;}
		.bannerMobile{display: block;}
		.bannerInterior {height: 6.4rem;}
		.boxSlogan{max-width: 100%;}
		.ajustIntro{padding: 0 3% !important;}
		/*.serveisHome2 {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(6, auto);grid-column-gap: 0px;grid-row-gap: 5rem; margin-bottom: 5rem;}
		.serveisHome2_div1 { grid-area: 1 / 1 / 2 / 2; }
		.serveisHome2_div2 { grid-area: 2 / 1 / 3 / 2; }
		.serveisHome2_div3 { grid-area: 3 / 1 / 4 / 2; }
		.serveisHome2_div4 { grid-area: 4 / 1 / 5 / 2; }
		.serveisHome2_div5 { grid-area: 5 / 1 / 6 / 2; }
		.serveisHome2_div6 { grid-area: 6 / 1 / 7 / 2; }*/
		.quisom {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 5rem; text-align: center;}
		.quisom_div1 { grid-area: 1 / 1 / 2 / 2; }		
		.quisom_div2 { grid-area: 2 / 1 / 3 / 2; background-color: transparent !important; }
		#owl-projectesDes{margin-top: 3rem;}

		.footer {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(4, auto);grid-column-gap: 0px;grid-row-gap: 0rem;text-align: center; padding: 0;}
		.footer_div1 { grid-area: 1 / 1 / 2 / 2; }
		.footer_div2 { grid-area: 2 / 1 / 3 / 2; }
		.footer_div3 { grid-area: 3 / 1 / 4 / 2; }
		.footer_div4 { grid-area: 4 / 1 / 5 / 2; text-align:center; }
		.fonsBarra{width: 100% !important; }
		#hamburger{margin-top: 0px;}
		.centrarLogo{padding-top: 1rem;}
		.colum2{text-align: center;}
		h3{}

		.pastillaNoti {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 2rem;}
		.pastillaNoti_div1 { grid-area: 1 / 1 / 2 / 2;}		
		.pastillaNoti_div2 { grid-area: 2 / 1 / 3 / 2; }
		.fcontact{text-align: center;}
		.posL{float: none !important;}
		.posR{float: none !important;}
		.colum2_div2{text-align: center !important;}

		h1,
		h6 {text-align: center;}
		.pressu {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 3rem;text-align: center!important;}
		.pressu_div2 { grid-area: 1 / 1 / 2 / 2; }
		.pressu_div1 { grid-area: 2 / 1 / 3 / 2; }
		.pressu_div3 { grid-area: 3 / 1 / 4 / 2; }
		.pressu_div2 img{position: relative !important;}

		.boto1 {    font-size: 1.6rem;}
		.caixaServeiHome h3{font-size: 3rem; line-height: 3.5rem;}
		.margin7,
		.ajust4{padding: 10% 0 !important;}
		.llistatServeis_txt{padding: 5% 0;}
		.llistatServeis,
		.llistatNoticies>.card{margin-bottom: 7rem;}
		.ajustConsen{margin-top: 5rem;}

}  /* FI 679px */


#chat a {
  position: fixed;
  right: -12rem;
  bottom: 9rem;
  transition: 0.3s;
  padding: 0.5rem 2rem 0.5rem 0.5rem;
  width: 17rem;
  text-decoration: none;
  font-size: 1.6rem;
  line-height: 1.8rem;
  color: #fff;
  border-radius: 12px 0 0 12px ;
  display: inline-flex;
  z-index: 888;
}

#chat a:hover {
  right: 0;
}

#whatsapp {
	border-top: 2px solid #5f658f;
	border-left: 2px solid #5f658f;
	border-bottom: 2px solid #5f658f;
	background-color: #5f658f;
	text-align: right;
}

@media (max-width: 679px) {
	#chat a {    right: -10rem;}
}