@font-face {    font-family: 'Bold';    src: url('../fonts/DMSans-Bold.eot');    src: url('../fonts/DMSans-Bold.eot?#iefix') format('embedded-opentype'),        url('../fonts/DMSans-Bold.woff2') format('woff2'),        url('../fonts/DMSans-Bold.woff') format('woff'),        url('../fonts/DMSans-Bold.ttf') format('truetype'),        url('../fonts/DMSans-Bold.svg#DMSans-Bold') format('svg');    font-weight: bold;    font-style: normal;    font-display: swap;}
@font-face {    font-family: 'Regular';    src: url('../fonts/DMSans-Regular.eot');    src: url('../fonts/DMSans-Regular.eot?#iefix') format('embedded-opentype'),        url('../fonts/DMSans-Regular.woff2') format('woff2'),        url('../fonts/DMSans-Regular.woff') format('woff'),        url('../fonts/DMSans-Regular.ttf') format('truetype'),        url('../fonts/DMSans-Regular.svg#DMSans-Regular') format('svg');    font-weight: normal;    font-style: normal;    font-display: swap;}
@font-face {    font-family: 'Light';    src: url('../fonts/DMSans-Light.eot');    src: url('../fonts/DMSans-Light.eot?#iefix') format('embedded-opentype'),        url('../fonts/DMSans-Light.woff2') format('woff2'),        url('../fonts/DMSans-Light.woff') format('woff'),        url('../fonts/DMSans-Light.ttf') format('truetype'),        url('../fonts/DMSans-Light.svg#DMSans-Light') format('svg');    font-weight: 300;    font-style: normal;    font-display: swap;}
@font-face {    font-family: 'Medium';    src: url('../fonts/DMSans-Medium.eot');    src: url('../fonts/DMSans-Medium.eot?#iefix') format('embedded-opentype'),        url('../fonts/DMSans-Medium.woff2') format('woff2'),        url('../fonts/DMSans-Medium.woff') format('woff'),        url('../fonts/DMSans-Medium.ttf') format('truetype'),        url('../fonts/DMSans-Medium.svg#DMSans-Medium') format('svg');    font-weight: 500;    font-style: normal;    font-display: swap;}

html{font-size: 10px;}
p{margin:0 }
body {	font-family: 'Regular' ,Arial, Helvetica, sans-serif;    color: #333;    line-height: 3rem;    font-weight: normal;    font-style: normal;    font-size: 1.7rem; background-color: #fff;}

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: #333333;}
a:hover{	text-decoration: none;	color: #fede9f;}
a:active{	text-decoration: none;	color: #333333;}

h1{  font-family: 'Bold' ,Arial, Helvetica, sans-serif;    font-size: 5rem;    line-height:5.5rem;    color: #323232; margin: 0 0 3rem 0; font-weight: normal;    font-style: normal;  }
h1.h1home {  font-family: 'Bold' ,Arial, Helvetica, sans-serif;    font-size: 2.2rem;    line-height:2.5rem;    color: #333; margin: 0; font-weight: normal;    font-style: normal;  }
h2 { font-family: 'Regular', Arial, Helvetica, sans-serif;    font-size: 2.4rem;    line-height: 2.4rem;    color: #333;    font-weight: normal;    font-style: normal;    margin: 0.5rem 0; }
h3 {  font-family: 'Medium' ,Arial, Helvetica, sans-serif;    font-size: 2rem;    line-height: 2.4rem;    color: #444; margin: 0; font-weight:normal; }
.color_avis_ie { color:#969696; }
.comh1{  font-family: 'Regular' ,Arial, Helvetica, sans-serif;    font-size: 4rem;    line-height:4.5rem;    color: #333; margin: 0 0 3rem 0; font-weight: normal;    font-style: normal;  }
.menuNew {display: grid;grid-template-columns: auto 1fr auto;grid-template-rows: 1fr;grid-column-gap: 5rem;grid-row-gap: 0px;}
.menuNew_div1 { grid-area: 1 / 1 / 2 / 2; padding-top: 1rem;}
.menuNew_div2 { grid-area: 1 / 2 / 2 / 3; text-align:center; }
.menuNew_div3 { grid-area: 1 / 3 / 2 / 4; padding-top: 1rem;}
.menuElements ul{text-decoration: none; list-style: none}
.menuElements ul li{margin: 0 2rem; font-size: 1.8rem; font-family: 'Regular', Arial, Helvetica, sans-serif; color: #333;  }
.menuNew_div2 a{transition: 0.5s; padding: 0 2rem; color: #333;}
.menuNew_div2 a:hover{color: #fff; transition: 0.5s; }
.menuScroll {  transition: all 0.5s ease;    background-color: #fff;    box-shadow: rgba(33, 35, 38, 0.5) 0px 1rem 1rem -1rem;}
.logo1 {    width: 100%;  max-width: 40rem;    margin-top: 3rem;    margin-bottom: 5rem;	transition: 0.5s;}
.logo2 {     max-width: 20rem;  margin-top: 1.5rem; margin-bottom: 1rem;	transition:0.5s;}
.barraSuperior{background-color: #fff; width: 100%; z-index: 999; position: fixed; top: 0; left: 0; border-bottom: 1px solid #efefef;}
.idiomas{	    text-align: center;   font-size: 1.3rem;    color: #333;    text-transform: uppercase; padding:0.7rem 1.5rem; font-family: 'Medium', Arial, Helvetica, sans-serif; background-color: #bfcae7; border-radius: 1rem; margin-top: 1rem;}
.idiomas a{color: #ffffff !important; padding: 0 !important; background-color: rgba(0, 0, 0, 0.01);}
.mm-selected a{	color:#333 !important;	background-color: #bfcae7;	background-size: cover; padding: 0 1rem;}
.menuElements{padding: 2rem 0 1rem 0; border-top: 1px solid #efefef; text-align: center;}
.contenedor {padding:0;max-width: 1600px;margin:0 auto; padding: 0; width: 96%; }
.container-fluid {padding: 0 !important; margin: 0 !important;}
.bannerGran{height: auto; width: 100%; background-color: #111; position: relative; margin-top: 15rem;}
.bannerMobile{display: none;}
.icoXarxa{margin:0 0.5rem 0 0.5rem; width:3rem; transition: 0.5s;}
.icoXarxa:hover{filter: invert(100%); transition: 0.5s}
.footer {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: 1fr;grid-column-gap: 5rem;grid-row-gap: 3rem;}
.footer_div1 { grid-area: 1 / 1 / 2 / 2; }
.footer_div2 { grid-area: 1 / 2 / 2 / 3; margin-top:3%; }
.footer_div3 { grid-area: 1 / 3 / 2 / 4; margin-top:3%; }
.footer_div4 { grid-area: 1 / 4 / 2 / 5; margin-top:3%; }
.footer a{font-size: 1.3rem; line-height: 2.5rem; display: flex;}
.footer_div2 a{color: #333;}
.logoPeu{width: 100%; max-width: 20rem;}
.footer h3{color: #333; font-size: 1.6rem; font-family: 'Bold'; text-transform: uppercase; }
.margin4{margin-top: 7% !important;}
.principal{    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(23em, 1fr));    grid-gap: 5rem;}
.imgEffect{object-fit: cover; width: 100%; height: 22rem;}
.bannerInterior{width: 100%; margin-top: 24.1rem;}
.bannerInterior img{width: 100%; object-fit: cover; object-position: center left; height: 15rem; width: 100%;}
.hover1 {  background: linear-gradient(#bfcae7 0 0) var(--p,0)/var(--p,0) no-repeat;  transition: .4s,background-position 0s; padding: 0 1rem;}
.hover1:hover {  --p: 100%;  color: #fff;}
.inputNew{ width:100%; padding: 1rem  2rem; font-family: 'Medium', Arial, Helvetica, sans-serif; font-size: 1.6rem; color:#333;   
border-top:0.2rem solid #ddd; border-right:0.2rem solid #ddd; border-left:0.2rem solid #ddd; border-bottom:0.2rem solid #ddd; background-color: #fafafa;}
.inputNew::placeholder{font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 1.3rem;  color: #777; text-align: left; }
.boto1{ background-color: #333333; display: inline-block; color: #fff; padding: 1rem 4rem; border-radius: 0rem ; transition: 0.5s; font-family: 'Medium', Arial, Helvetica, sans-serif; text-transform: uppercase; border: 0.2rem solid #333333; line-height: 2.4rem; font-size: 1.7rem; cursor: pointer; letter-spacing: 0.1rem;}
.boto1 img{margin-left: 1rem; width: 1.6rem;}
.boto1:hover{background-color: #fff; color: #333; transition: 0.5s; border: 0.2rem solid #333333; }
.botoError{border:0.2rem  solid #bfcae7; padding: 0.5rem  2rem; width: 100%; text-transform: uppercase; font-family: 'Regular', Arial, Helvetica, sans-serif; background-color: #fff; float: right; font-size: 1.4rem; color: #444;  letter-spacing: 0.1rem; transition: 0.6s; margin-bottom: 0.7rem;}
.botoError:hover{background: #bfcae7; color: #fff; transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */}
.talltxt{    display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical;    overflow: hidden;}
.notiNew {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(4, auto);grid-column-gap: 0rem; grid-row-gap: 2rem;}
.notiNew_div1 { grid-area: 1 / 1 / 2 / 3; }
.notiNew_div2 { grid-area: 2 / 1 / 3 / 3; position: relative;}
.notiNew_div3 { grid-area: 3 / 1 / 4 / 3; }
.notiNew_div4 { grid-area: 4 / 1 / 5 / 2; border-top: 1px solid #ccc; padding: 2rem 0;}
.notiNew_div5 { grid-area: 4 / 2 / 5 / 3; border-top: 1px solid #ccc; padding: 2rem 0; align-items: end; text-align: right;}
.notiNew_img{object-fit: contain; width:100%; height: 100%; max-height: 35rem;}
.iconsFitxa{ width: 10rem; height: 10rem; margin: 1rem 0rem;background-color: #6d0003; overflow: hidden; transition:0.5s; }
.iconsFitxa:hover{transform: scale(1.1); transition: 0.5s; filter: invert(100%);}

.itBorder{padding: 2rem 2rem;}
.col2 .itBorder .col2_div2{text-align: right;}
.dadesProjecte .item b{text-transform: uppercase; font-family: 'Medium' ,Arial, Helvetica, sans-serif; font-size: 1.4rem;}
.dadesProjecte .itBorder{border-bottom: 2px solid #d3d3d3;}
.fletxa1{width: 3rem; left:-5rem; position: absolute;}
.fletxa2{width: 3rem; right:-5rem; position: absolute;}
.contacteNew {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(3, auto);grid-column-gap: 2rem;grid-row-gap: 2rem;}
.contacteNew_div1 { grid-area: 1 / 1 / 2 / 2; }
.contacteNew_div2 { grid-area: 1 / 2 / 2 / 3; }
.contacteNew_div3 { grid-area: 1 / 3 / 2 / 4; }
.contacteNew_div4 { grid-area: 1 / 4 / 2 / 5; }
.contacteNew_div5 { grid-area: 2 / 1 / 3 / 5; }
.contacteNew_div6 { grid-area: 3 / 1 / 4 / 4; text-align: left;}
.contacteNew_div7 { grid-area: 3 / 4 / 4 / 5;  text-align:right; }
.data {	font-family: 'Medium', Arial, Helvetica, sans-serif;  font-size: 1.2rem;  line-height: 2.3rem;  color: #444; text-transform: uppercase; letter-spacing: 0.1rem; margin-top: 2rem;}


.mesinfoj{ color:#3c93cb; position:absolute; bottom:23px; right:23px; text-align:right;  font-family: 'Bold';  font-size:15px;  }
.video { height:calc(90vh - 120px);    width: 100%;    object-fit: cover;}
.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;}
.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;}
.borrar{display: block;}

.no_veure{    display: none;  }
.path{font-family: 'Regular', Arial, Helvetica, sans-serif;	font-size: 1.2rem;	color: #0097df!important; line-height: 1.2rem; text-transform: uppercase;}
.textckeditor img {	width: 100%;	max-width: 50rem;	display: block;	margin: 1rem 0;}
.taula {	width: 			100%;	/* width */ 	margin-left:	auto; 	/* align */	border-spacing: 0px;	/* cellspacing */	border-width: 	0px; 	/* border */}
.taula td {	padding: 		0.2rem;	/* cellpadding */}
.taula tr {}
.textckeditor ol{padding-left: 5%;}
.vertical-centered-text {  -ms-display: flex;  display: flex;  /* alineacion vertical */  align-items: center;   /* alineacion horizontal */  justify-content: center;}
.nota{font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 1.4rem;  color: #111; text-align: left; font-style: italic; padding-left: 1rem;}
.nota a{ color: #fff!important;}
.mm-amagat{opacity: 0;}
.mm-selected a{color: #333;}
#menuMobile{z-index: 888;}
.fotoNotiLlistat{overflow: hidden;}
.fotoNotiLlistat img{transition: 1s; width: 100%; object-fit: contain; height: 30rem; border: 2px solid #efefef;}
.fotoNotiLlistat:hover img{transform: scale(1.1); transition: 1s;}
.centrat{text-align: center;margin: 0 auto;}
.missatgeEnviat{font-family: 'Regular', Arial, Helvetica, sans-serif; font-size: 2rem; line-height: 3rem; text-align: center; padding: 3rem 2rem; margin: 2rem; font-style: italic; border: 2px solid #122357; background-color: #bfcae7;}
.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; }
.posR{ float: right;}
.posL{ float: left;}
.imgNext{max-width: 15rem; margin-top: 0px;}
.imgRecu{max-width: 12rem; margin: 0px 0 0px 2rem;}
.h6int{text-transform: uppercase; font-family: 'Geometos', Arial, Helvetica, sans-serif; color: #444; margin:0 !important;}
.h6int a{text-transform: uppercase; font-family: 'Geometos', Arial, Helvetica, sans-serif; color: #444; margin:0 !important;}
.subtitolServei{color: #333; font-family: 'Semibold', Arial, Helvetica, sans-serif; text-transform: none; font-size: 2.4rem;}
.llistatNoticies{display: grid;grid-template-columns: repeat(auto-fill, minmax(40rem, 1fr));grid-column-gap: 5rem;grid-row-gap: 5rem; clear: both; margin-top: 1%;}
.llistatNoticiesFlaix{display: grid;grid-template-columns: repeat(auto-fill, minmax(56rem, 1fr));grid-column-gap: 8rem;grid-row-gap: 8rem; clear: both; margin-top: 1%;}

.h2Noti{font-size: 2rem; line-height: 2.2rem; color: #4c4c4c; padding: 2rem 1rem; margin-top: 0px; transition: 0.8s;}
.card{position: relative;}
.card:hover .h2Noti{background-color: #bfcae7;  transition: 0.8s; color: #323232; padding-left: 1rem;}

.h2Noti2{font-size: 2rem; line-height: 2.2rem; color: #4c4c4c;  }
.card2{position: relative;padding: 4rem 2rem 0rem 2rem;  transition: 0.8s; border: 2px solid #efefef; background-image: url(../imgs/nofoto2.svg); background-position: bottom right; background-repeat: no-repeat; background-size: cover;}
.card2:hover {background-color: #efefef;  transition: 0.8s; color: #323232;}



.fonsMenu{background-color: #fff !important;}
.boxSlogan{max-width: 40%; margin: 0 auto;}
.dataLlistat{position: absolute; top: -1rem; left: 1rem; background-color: #bfcae7; border-bottom: 4px solid #bfcae7; padding:1rem 1.5rem; margin-top:0; transition:0.5s;  }
.card:hover .dataLlistat{border-bottom: 4px solid #fc4802; transition: 0.5s; background-color: #fff;}

.dataLlistat2{position: absolute; top: -1rem; left: 1rem; background-color: #bfcae7; border-bottom: 4px solid #bfcae7; padding:0rem 1.5rem; margin-top:0; transition:0.5s; font-size:1.4rem;  }

.dataFitxa{border-bottom: 4px solid #fc4802; display:inline-flex !important; padding:2rem; }

.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, .footer a {text-decoration: underline; text-decoration-color: rgba(0, 0, 0, 0.0);}
.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}
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;}
.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%);}
.dades {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, 1fr);grid-column-gap: 0px;grid-row-gap: 0px; text-align: left; margin-top: 2rem;}
.dades_div1 { grid-area: 1 / 1 / 2 / 2; }
.dades_div2 { grid-area: 2 / 1 / 3 / 2; }
.dades_div3 { grid-area: 3 / 1 / 4 / 2; }
.dades img{width: 3rem; margin-right: 0.5rem; opacity: 0.7}
.dades a { font-family: 'Regular', Arial, Helvetica, sans-serif; transition: 0.5s ease-in-out; font-weight: normal; font-size: 1.3rem; line-height: 2rem; color: #333;}
.dades a:hover { transition: 0.5s ease-in-out; color: #fc4802;}
.owl-nav{position: absolute; top: 32%; width: 100%;}
.base {display: grid;grid-template-columns: 30% 1fr;grid-template-rows: 1fr;grid-column-gap: 5%;grid-row-gap: 0px;}
.base_div1 { grid-area: 1 / 1 / 2 / 2; }
.base_div2 { grid-area: 1 / 2 / 2 / 3; }
.col2 {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;grid-column-gap: 8%;grid-row-gap: 0px;}
.col2_div1 { grid-area: 1 / 1 / 2 / 2; }
.col2_div2 { grid-area: 1 / 2 / 2 / 3; }
.botoMI{ display: inline-block; color: #333; padding: 1rem 4rem; transition: 0.5s; font-family: 'Medium', Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 2.4rem; font-size: 1.7rem; cursor: pointer; letter-spacing: 0.1rem; text-align: left; margin-bottom: 5rem;     background-image: linear-gradient(to right, #333, #333);    background-repeat: repeat-x;    background-position: 0 100%;    background-size: 100% 5%;    -webkit-transition: all 400ms cubic-bezier(0.620, 0.055, 0.520, 1);    -webkit-transition: all 400ms cubic-bezier(0.620, 0.055, 0.520, 1.650);    -moz-transition: all 400ms cubic-bezier(0.620, 0.055, 0.520, 1.650);    -o-transition: all 400ms cubic-bezier(0.620, 0.055, 0.520, 1.650);    transition: all 400ms cubic-bezier(0.620, 0.055, 0.520, 1.650);    -webkit-transition-timing-function: cubic-bezier(0.620, 0.055, 0.520, 1);    -webkit-transition-timing-function: cubic-bezier(0.620, 0.055, 0.520, 1.650);    -moz-transition-timing-function: cubic-bezier(0.620, 0.055, 0.520, 1.650);    -o-transition-timing-function: cubic-bezier(0.620, 0.055, 0.520, 1.650);    transition-timing-function: cubic-bezier(0.620, 0.055, 0.520, 1.650);    border: none;}
.botoMI:hover{color: #fff; transition: 0.5s; background-size: 100% 100%; }
.botoMI img{width: 3rem; margin-right: 1.2rem; transition:0.5s; } 
.botoMI:hover img{filter: invert(100%); transition: 0.5s;}
.llistat3{    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(22em, 1fr));    grid-gap: 5rem;}
.llistat4{    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));    grid-column-gap: 12rem; grid-row-gap: 4rem;}
.notiHome {display: grid;grid-template-columns: 8% repeat(2, 1fr);grid-template-rows: 1fr;grid-column-gap: 8%;grid-row-gap: 0px; border-bottom: 1px solid #ccc; padding: 5rem 0;}
.notiHome_div1 { grid-area: 1 / 1 / 2 / 2; }
.notiHome_div2 { grid-area: 1 / 2 / 2 / 3; }
.notiHome_div3 { grid-area: 1 / 3 / 2 / 4; position: relative;}
.notiHome_div2 img{object-fit: cover; width: 100%; object-position: center; height: 40rem;}
.botoLL{position: absolute; bottom: 0; left: 0;}
.imgFull{object-fit: cover; object-position: center center; width: 100%; height: 70vh}
.titularGran{ font-family: 'Geometos', Arial, Helvetica, sans-serif; font-size:6rem; line-height:6rem; margin-bottom:1rem; }
.h2intro{text-transform: uppercase; font-size: 1.8rem; line-height: 2.1rem;}
.notiHome_div2{overflow: hidden;}
.notiHome_div2 img{transition: 0.5s;}
.notiHome_div2:hover img{transition: 0.5s; transform: scale(1.1); cursor: pointer;}
.notiHome_div3{padding-top: 13%;}



/**Bootstrap Button**/
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/**Normal Styling**/
.btn {
  text-transform: uppercase;
  text-decoration:none;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9375rem;
    letter-spacing: .075em;
    border-radius: 0;
    margin-top: 30px;
    color: #000;
    font-size: 1.25rem;
    border: none;
    background: transparent;
    padding: 3px 9px 2px;
    background-image: linear-gradient(to right, #000, #000);
    background-repeat: repeat-x;
    background-position: 0 100%;
    background-size: 100% 5%;
    -webkit-transition: all 400ms cubic-bezier(0.620, 0.055, 0.520, 1);
    -webkit-transition: all 400ms cubic-bezier(0.620, 0.055, 0.520, 1.650);
    -moz-transition: all 400ms cubic-bezier(0.620, 0.055, 0.520, 1.650);
    -o-transition: all 400ms cubic-bezier(0.620, 0.055, 0.520, 1.650);
    transition: all 400ms cubic-bezier(0.620, 0.055, 0.520, 1.650);
    -webkit-transition-timing-function: cubic-bezier(0.620, 0.055, 0.520, 1);
    -webkit-transition-timing-function: cubic-bezier(0.620, 0.055, 0.520, 1.650);
    -moz-transition-timing-function: cubic-bezier(0.620, 0.055, 0.520, 1.650);
    -o-transition-timing-function: cubic-bezier(0.620, 0.055, 0.520, 1.650);
    transition-timing-function: cubic-bezier(0.620, 0.055, 0.520, 1.650);
}

.btn:hover {
    color: #fff;
    background-size: 100% 100%;
}

/* arrow */
.scroll-down {
/*  cursor: pointer;*/
  position: absolute;
  left: 50%;
  bottom: 2rem;
  display: block;
  text-align: center;
  font-size: 20px;
  z-index: 100;
  text-decoration: none;
  text-shadow: 0;
  width: 2rem;
  height: 2rem;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  z-index: 9;
  left: 50%;
  -webkit-transform: translate(-50%, 0%) rotate(45deg);
  -moz-transform: translate(-50%, 0%) rotate(45deg);
  transform: translate(-50%, 0%) rotate(45deg);
  -webkit-animation: fade_move_down 3s ease-in-out infinite;
  -moz-animation: fade_move_down 3s ease-in-out infinite;
  animation: fade_move_down 3s ease-in-out infinite;
}

/*animated scroll arrow animation*/
@-webkit-keyframes fade_move_down {
  0% {
    -webkit-transform: translate(0, -10px) rotate(45deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 10px) rotate(45deg);
    opacity: 0;
  }
}
@-moz-keyframes fade_move_down {
  0% {
    -moz-transform: translate(0, -10px) rotate(45deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -moz-transform: translate(0, 10px) rotate(45deg);
    opacity: 0;
  }
}

@keyframes fade_move_down {
  0% {
    transform: translate(0, -10px) rotate(45deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 10px) rotate(45deg);
    opacity: 0;
  }
}

.llistatNotiHome {display: grid;grid-template-columns: 1fr auto;grid-template-rows: repeat(2, auto);grid-column-gap: 5rem;grid-row-gap: 5rem;}
.llistatNotiHome_div1 { grid-area: 1 / 1 / 2 / 2; }
.llistatNotiHome_div2 { grid-area: 1 / 2 / 2 / 3; }
.llistatNotiHome_div3 { grid-area: 2 / 1 / 3 / 3; }
.ciesc{font-family: 'Bold'; font-size: 2.2rem; margin-bottom: 1rem; color: #fc4802; background-color: rgba(0, 0, 0, 0.01); display: inline-block;}
.llistat3 .item {color: #444;}
.imgLlistatHome{z-index: 1; position: relative; width: 100%; object-fit: cover; height: 33rem; overflow: hidden; transition: 0.5s;}
.botoFletxa{margin: 2rem 0; text-transform: uppercase; letter-spacing: 0.1rem; color: #fc4802; font-size:1.4rem; font-family:'Medium';padding: 1rem 0rem; transition: 0.5s; display: inline-flex; align-items:center; background-color: rgba(0, 0, 0, 0.01); }
.botoFletxa:hover{transform: 0.5s; padding: 1rem 2rem; background-color: #bfcae7; }
.botoFletxa img{width: 3rem; margin-left: 1.2rem; } 
.botoFletxaPetit{margin: 2rem 0; text-transform: uppercase; letter-spacing: 0.1rem; color: #444; font-size:1.2rem; font-family:'Medium';padding: 0.5rem 0rem; transition: 0.5s; display: inline-flex; align-items:center; background-color: rgba(0, 0, 0, 0.0); }
.botoFletxaPetit:hover{transform: 0.5s; padding: 0.5rem 2rem; background-color: #444; color: #fff; }
.botoFletxaPetit img{width: 3rem; margin-left: 1.2rem; } 
.imgLlistatHome:hover{transform: scale(1.1); transition: 0.5s;}
.imgLlistatHomeDades{background-color: #fff; margin-top: -5rem; width: 80%; z-index: 2; position: relative; padding: 2.4rem 0; pointer-events: auto;}
.imgAgendaHome{width: 100%; object-fit: cover; height: 23rem; overflow: hidden; transition: 0.5s;}
.imgAgendaHome:hover{transform: scale(1.1); transition: 0.5s;}
.botoFletxa2{margin: 0rem 0 1rem 0; text-transform: uppercase; letter-spacing: 0.1rem; color: #fc4802; font-size:1.4rem; font-family:'Medium';padding: 1rem 2rem;  transition: 0.5s;  align-items:center; background-color: #fff; border-bottom: 4px solid #122357; width: 100%}
.botoFletxa2:hover{transform: 0.5s; padding-left: 3rem; background-color: #122357; color: #fff;}
.botoFletxa2 img{width: 3rem; margin-left: 1.2rem; } 

.botoInscriute{margin: 2rem 0; text-transform: uppercase; letter-spacing: 0.1rem; color: #fff; font-size:1.8rem; font-family:'Medium';padding: 2rem 2rem; transition: 0.5s; display: inline-flex; align-items:center; background-color: #fc4802; }
.botoInscriute:hover{transform: 0.5s; padding: 2rem 4rem 2rem 4rem; background-color: #bfcae7; }
.botoInscriute img{width: 3rem; margin-left: 1.2rem; } 


.dataAgenda {display: grid;grid-template-columns: auto 1fr;grid-template-rows: 1fr;grid-column-gap: 1rem; grid-row-gap: 0px;}
.dataAgenda_div1 { grid-area: 1 / 1 / 2 / 2; display: flex; align-items: center;}
.dataAgenda_div2 { grid-area: 1 / 2 / 2 / 3; display: flex; align-items: center; line-height: 1.7rem; font-size: 1.6rem;}
.logosPeu{text-align: center;}
.logosPeu img{margin: 0 3%; max-width: 12rem; mix-blend-mode: multiply;}
.espeAgenda{min-height: 10rem;}
.logosimg{object-fit: contain; object-position: center; height: 25rem; width: 100%; border: 1px solid #bfcae7; padding: 2%;}
.caixaDades{ transition: 0.5s; padding: 2rem;}
.caixaDadesAll:hover .caixaDades{background-color: #bfcae7; transition: 0.5s;}
.caixaDadesAll:hover a{color: #323232;}
.caixaOrgan{border: 2px solid #aaa; background-color: #bfcae7; padding: 3rem 2rem; text-align: center;}
.sepa{width: 15rem; height: 2px; background-color: #ddd; margin:1rem auto; }
.caixaOrgan h3{text-transform: uppercase; letter-spacing: 0.8rem; color: #444; font-size: 1.6rem;}
.caixaOrgan h4{font-size: 2.2rem; margin-bottom: 0rem; margin-top: 1rem;}
.segonaLinia{margin-top: 3rem;}
.segonaLinia .caixaOrgan{ background-color: #e1e8fa; }
.terceraLinia{margin-top: 3rem;}
.terceraLinia .caixaOrgan{ background-color: #fafafa; }
.ajustVideo{margin-top: 24.1rem; width: 100%; height: 70vh; overflow: hidden; position: relative;}
.logoVideo{width: 100%; max-width: 25rem; margin-bottom: 2rem;}

/*Taula qui som*/ 
.responsive-table {  width: 100%;  border-collapse: collapse;  margin: 0 auto;}
.responsive-table th,
.responsive-table td {  border: 1px solid #ddd;  padding: 1.2rem;  text-align: left;}
.responsive-table td:nth-child(2) {  text-align: right;}
.responsive-table th {  background-color: #f5f5f5;  font-weight: bold;}

@media screen and (max-width: 600px) {
  .responsive-table thead {
    display: none;  }

  .responsive-table,
  .responsive-table tbody,
  .responsive-table tr,
  .responsive-table td {
    display: block;     width: 100%;    text-align: center;  }

  .responsive-table tr {
    margin-bottom: 15px;    background: #fff;    border: 1px solid #eee;    border-radius: 8px;    padding: 1rem;  }

  .responsive-table td {
    border: none;    padding: 0.5rem 0;    text-align: center;  }

  .responsive-table td:nth-child(2) {
    text-align: center;    border-top: 1px solid #ddd;    max-width: 80%;    margin: 0 auto;  }
}

/*Caixes Transparència*/ 
    .panel-group .panel {        border-radius: 0;        box-shadow: none;    }
    .panel-default > .panel-heading {        padding: 0;        border-radius: 0;        color: #212121;        background-color: #FAFAFA;    }
    .panel-title {        font-size: 1.8rem !important;        font-family: 'Bold';        text-transform: none;        font-weight: normal;    }
    .panel-title > a {        display: block;        padding: 2rem;        text-decoration: none;    }
    .more-less {        float: right;        margin-top: 1rem;        color: #bbb;    }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {        border-top-color: #EEEEEE;    }
    .imgTransport{width: 3.5rem; margin-right: 2rem;}
    
.owl-carousel .owl-item img{max-height: 45rem;}



.cardAgenda {display: grid;grid-template-columns: 40% 1fr;grid-template-rows: 20% 1fr;grid-column-gap: 5rem;grid-row-gap: 0px;border: 2px solid #efefef;padding: 1rem;position:relative; transition: 0.5s;}
.cardAgenda_div1 { grid-area: 1 / 1 / 2 / 2; }
.cardAgenda_div2 { grid-area: 2 / 1 / 3 / 2; }
.cardAgenda_div3 { grid-area: 1 / 2 / 3 / 3; display: flex; align-items: start;}
.fotoAgendaLlistat{overflow: hidden;}
.fotoAgendaLlistat img{transition: 1s; width: 100%; object-fit: contain; height: 12rem;}
.cardAgenda:hover img{transform: scale(1.1); transition: 1s;}
.cardAgenda:hover {border: 2px solid #bfcae7; transition: 1s;}


.logoEntitat{position: absolute; right: 0; top: 0; margin-bottom: 5rem;}
.logoEntitat img{width: 100%; max-width: 30rem;}




@media screen and (max-width: 1680px) {
	.contenedor{width: 90%;}
	.nav > li > a { padding: 0px 0.5rem;}
	.boxSlogan{max-width: 45%; margin: 0 auto;}
    .llistat4{grid-column-gap: 6rem;}
}  /*    Fi 1680px*/

@media screen and (max-width: 1440px) {
    body {    background-position: top center;}	
	.serviciosimg {    height: 350px;}
}  /*    Fi 1440px*/

@media (max-width: 1366px) {
    html{font-size: 8px;}
	.boto1{font-size: 1.5rem; line-height: 2.2rem; padding: 1rem 3rem;}
	.principal{    grid-template-columns: repeat(auto-fill, minmax(40rem, 1fr));}
    .llistat4{grid-column-gap: 8rem;}
}  /*    Fi 1366px*/

@media (max-width: 1280px) {
	.imgNext {    max-width: 12rem;    margin-top: -0.3rem;}
	.imgRecu {    max-width: 12rem;  }
	body.cke_editable{display: block !important;}
}  /*    Fi 1280px*/

@media (max-width: 1150px) {
    .principal{    grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));}
    .llistat3{   grid-template-columns: repeat(auto-fill, minmax(19em, 1fr));}
    .llistat4{   grid-template-columns: repeat(auto-fill, minmax(12em, 1fr));    grid-column-gap: 7rem;}
    .llistatNoticiesFlaix{grid-template-columns: repeat(auto-fill, minmax(40rem, 1fr));}



}  /*    Fi 1150px*/

@media (max-width: 1024px) {
	.barraSuperior{ padding: 0.3rem 0 !important; color:#c5c5c6;line-height: 2.0rem; font-size: 1.2rem;}
	.subtitolServei {    font-size: 2.0rem;}	
	.contenedor {    max-width: 95%;}
	.nav > li > a { padding: 0px 0.3rem!important;}
	.logo2{max-width: 15rem;}
	.catNoti{padding: 0.5rem  1rem;}
	.inputNew{font-size: 1.2rem; }
	.inputNew::placeholder{font-size: 1rem;   }
    .menuNew ul li{margin-left: 2rem;}

}  /*    Fi 1024px*/

@media (max-width: 1023px) {
    .ajustVideo,
    .bannerInterior{margin-top: 9rem;}
    .navbar-nav{display:none!important;}
	.boxSlogan{max-width: 80%; margin: 0 auto;}
	.llistatServeis {    grid-template-columns: repeat(auto-fill, minmax(22em, 1fr));}
	.mesinfoj {    position: relative;    bottom: 0;    right: 0;    text-align: left; margin-top:20px; }	
    .logo1{margin-top: 1.5rem !important; max-width: 30rem; margin-bottom: 1.5rem;}
    .logo2{margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;}
    .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span{background-color: #bfcae7 !important;}
    .menuNew {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
    .menuNew_div1 { grid-area: 1 / 1 / 2 / 2; display:none; }
    .menuNew_div2 { grid-area: 2 / 1 / 3 / 2; }
    .menuNew_div3 { grid-area: 3 / 1 / 4 / 2; display:none; }
    .menuElements{display: none;}
    .llistat4{ grid-template-columns: repeat(auto-fill, minmax(35rem, 1fr));}
    .espeAgenda{min-height: auto; margin-bottom: 2rem;}

}  /*    Fi 1023px*/

@media only screen and (max-width: 1003px){
    .table, .thead, .tbody, .th, .td, .tr {  display: block;  }
    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;    }
}  

@media screen and (max-width: 950px) {
    .principal { grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));}
    .llistat3{   grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));}

}  /*    Fi 950px*/

@media screen and (max-width: 768px) {
    .contenedor{max-width: 85%;}
    .llistatNoticies{ grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));}
    .bannerInterior img{height: 20rem;}
    .botoMes img{width: 3rem;}
    .dadesProjecte{grid-row-gap: 2rem;}
    .incPeudades{padding: 2rem 0;}
    .dades {    display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, 1fr);grid-column-gap: 0px;grid-row-gap: 1rem;}
    .dades_div1 { grid-area: 1 / 1 / 2 / 2; }
    .dades_div2 { grid-area: 2 / 1 / 3 / 2; }
    .dades_div3 { grid-area: 3 / 1 / 4 / 2; }
}  /*    Fi 768px*/

@media (max-width: 767px) {
	.mesinfoj {    color: #3c93cb;    position: relative;    bottom: 0;    right: 0;    text-align: left;    font-family: 'Bold';    font-size: 15px;}
    .bannerGran{display: none;}
    .especialBanner{display: block !important;     border: 2rem solid #fff;}
    .bannerMobile{display: block; height: 100vh; width: 100%; background-color: #6d0003; border: 2rem solid #fff; overflow: hidden; margin-bottom: 5rem;}
	.logosKit{text-align: center;}
    .margin4{margin-top: 10% !important;}
    .incPeudades{ margin-top: 10% !important;}
    .dadesProjecte .itBorder {    border-right: 0px solid #d3d3d3; border-bottom: 2px solid #d3d3d3; padding-bottom: 2rem;}   
    .dadesProjecte{grid-row-gap: 2rem;}
    .dadesProjecte .item b {font-size: 1rem;}
    .fletxa1{width: 3rem; left: 0rem; position: absolute;}
    .fletxa2{width: 3rem; right: 0rem; position: absolute;}
    .owl-nav{position: relative; width: 100%;}

}  /*    Fi 767px*/

@media (max-width: 679px) {
    html{font-size: 10px;}
    body{font-size: 1.6rem; line-height: 2.4rem;}
    h1{font-size: 3rem; line-height: 3.5rem;}
    .ajustVideo,
    .bannerInterior{margin-top: 7rem;}
    .logoVideo{max-width: 15rem; margin-bottom: 1rem;}
    .llistat3{grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));}
    .llistat4{ grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));}
    .flex-caption {bottom: 5rem; max-width: 70%; right: 1rem; }
    .logo1{max-width: 21rem;}
    .menuMobileInici .mm-selected a {color: #fff !important;}
    .divConfigCookies{font-size: 1rem;}
    .contacteNew{grid-template-columns: 1fr;grid-template-rows: repeat(7, auto);grid-column-gap: 0px;grid-row-gap: 1rem;}
    .contacteNew_div1 { grid-area: 1 / 1 / 2 / 2; }
    .contacteNew_div2 { grid-area: 2 / 1 / 3 / 2; }
    .contacteNew_div3 { grid-area: 3 / 1 / 4 / 2; }
    .contacteNew_div4 { grid-area: 4 / 1 / 5 / 2; }
    .contacteNew_div5 { grid-area: 5 / 1 / 6 / 2; }
    .contacteNew_div6 { grid-area: 6 / 1 / 7 / 2; }
    .contacteNew_div7 { grid-area: 7 / 1 / 8 / 2; text-align: center;}
    .footer {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 4rem; padding-top: 5rem;}
    .footer_div1 { grid-area: 1 / 1 / 2 / 3; }
    .footer_div2 { grid-area: 2 / 1 / 3 / 2; }
    .footer_div4 { grid-area: 2 / 2 / 3 / 3; }
    .footer_div3 { grid-area: 3 / 1 / 4 / 3; }
    .footer_div1 dades{}
    .base {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 3rem;}
    .base_div1 { grid-area: 1 / 1 / 2 / 2; }
    .base_div2 { grid-area: 2 / 1 / 3 / 2; }
    .llistatNotiHome {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
    .llistatNotiHome_div1 { grid-area: 1 / 1 / 2 / 2; }
    .llistatNotiHome_div2 { grid-area: 2 / 1 / 3 / 2; }
    .llistatNotiHome_div3 { grid-area: 3 / 1 / 4 / 2; }
    .notiNew {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(5, auto);grid-column-gap: 0px;grid-row-gap: 3rem;}
    .notiNew_div1 { grid-area: 1 / 1 / 2 / 2; }
    .notiNew_div2 { grid-area: 2 / 1 / 3 / 2; }
    .notiNew_div3 { grid-area: 3 / 1 / 4 / 2; }
    .notiNew_div4 { grid-area: 4 / 1 / 5 / 2; }
    .notiNew_div5 { grid-area: 5 / 1 / 6 / 2; border-top: none; }
    .notiNew .posR{float: left;}
    .imgRecu{margin: 0px 0 0px 0;}
    .llistatNoticiesFlaix{grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));}
    .fotoNotiLlistat img{height: auto;}
    .logoEntitat{position: relative;}
.cardAgenda {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 0; padding: 2rem;}
.cardAgenda_div1 { grid-area: 1 / 1 / 2 / 2; }
.cardAgenda_div2 { grid-area: 2 / 1 / 3 / 2; }
.cardAgenda_div3 { grid-area: 3 / 1 / 4 / 2; }

.cardAgenda_div2 img{margin: 5rem 0 1rem 0; width: 100%; height: auto;}

}  /*    Fi 679px*/