@font-face {    font-family: 'Black';    src: url('../fonts/barlow-black-webfont.eot');    src: url('../fonts/barlow-black-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/barlow-black-webfont.ttf') format('truetype'),         url('../fonts/barlow-black-webfont.svg#barlowblack') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Bold';    src: url('../fonts/barlow-bold-webfont.eot');    src: url('../fonts/barlow-bold-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/barlow-bold-webfont.ttf') format('truetype'),         url('../fonts/barlow-bold-webfont.svg#barlowbold') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Regular';    src: url('../fonts/barlow-medium-webfont.eot');    src: url('../fonts/barlow-medium-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/barlow-medium-webfont.ttf') format('truetype'),         url('../fonts/barlow-medium-webfont.svg#barlowmedium') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Light';    src: url('../fonts/barlow-regular-webfont.eot');    src: url('../fonts/barlow-regular-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/barlow-regular-webfont.ttf') format('truetype'),         url('../fonts/barlow-regular-webfont.svg#barlowregular') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Medium';    src: url('../fonts/barlow-semibold-webfont.eot');    src: url('../fonts/barlow-semibold-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/barlow-semibold-webfont.ttf') format('truetype'),         url('../fonts/barlow-semibold-webfont.svg#barlowsemibold') format('svg');    font-weight: normal;    font-style: normal;}


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

.los50{width: 100%; max-width: 60%; margin-bottom: 50px;}
.cajaservicios {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));    grid-gap: 60px;  color: #636363;    font-family: 'Regular';    }

.xarxes{ display: inline-block;margin-right: 25px;}

.rayovertical {    border-left: 1px solid #fff;    bottom: 100%;    height: 180%;    left: auto;    position: absolute;    right: 24px;    z-index: 2;}
.rayovertical::after{-webkit-animation: 3.6s cubic-bezier(.76,.05,.86,.06) infinite animation-border;-o-animation: 3.6s cubic-bezier(.76,.05,.86,.06) infinite animation-border;animation: 3.6s cubic-bezier(.76,.05,.86,.06) infinite animation-border;background-color: #fff;content: "";height: 50px;left: -2px;opacity: 0;                position: absolute;                width: 3px}
.rayo {  bottom: -1px; height: 8px; left: 0px; position: absolute; -webkit-transition: 1s cubic-bezier(.075,.82,.165,1); -o-transition: 1s cubic-bezier(.075,.82,.165,1); transition: all 1s cubic-bezier(.075,.82,.165,1); width: 100%; z-index: 0;}
.item:hover  > .rayo{ left: calc(100% - 39px)   }

.los7iconos {display: grid;grid-template-columns: repeat(7, 1fr);grid-template-rows: auto;grid-column-gap: 13px;grid-row-gap: 0px; text-transform: uppercase; font-family: 'Bold';  text-align: center;margin-bottom: 8%; color: #333;    line-height: 1.9rem;    font-size: 1.5rem;}

.los7iconos img{transition: 0.5s ease-in-out ;transform: scale(1);  width: 100%; max-width: 129px;}
	
.los7iconos1 { grid-area: 1 / 1 / 2 / 2;transition: 0.5s; }
.los7iconos2 { grid-area: 1 / 2 / 2 / 3; }
.los7iconos3 { grid-area: 1 / 3 / 2 / 4; }
.los7iconos4 { grid-area: 1 / 4 / 2 / 5; }
.los7iconos5 { grid-area: 1 / 5 / 2 / 6; }
.los7iconos6 { grid-area: 1 / 6 / 2 / 7; }
.los7iconos7 { grid-area: 1 / 7 / 2 / 8; }

.los7iconos1:hover img{ filter: grayscale(50%); transform: scale(0.5);transition: 0.5s  ease-in-out ;}
.los7iconos2:hover img{ filter: grayscale(50%); transform: scale(0.5);transition: 0.5s  ease-in-out ;}
.los7iconos3:hover img{ filter: grayscale(50%); transform: scale(0.5);transition: 0.5s  ease-in-out ;}
.los7iconos4:hover img{ filter: grayscale(50%); transform: scale(0.5);transition: 0.5s  ease-in-out ;}
.los7iconos5:hover img{ filter: grayscale(50%); transform: scale(0.5);transition: 0.5s  ease-in-out ;}
.los7iconos6:hover img{ filter: grayscale(50%); transform: scale(0.5);transition: 0.5s  ease-in-out ;}
.los7iconos7:hover img{ filter: grayscale(50%); transform: scale(0.5);transition: 0.5s  ease-in-out ;}

.contenedor ul li {margin-left: 15px!important}

.mensajes {display: grid;grid-template-columns: repeat(4, 18%) 1fr;grid-template-rows: auto;grid-column-gap: 0px;grid-row-gap: 0px; text-transform: uppercase; font-family: 'Medium';}

.mensajes1 { grid-area: 1 / 1 / 2 / 2; }
.mensajes2 { grid-area: 1 / 2 / 2 / 3; }
.mensajes3 { grid-area: 1 / 3 / 2 / 4; }
.mensajes4 { grid-area: 1 / 4 / 2 / 5; }
.mensajes5 { grid-area: 1 / 5 / 2 / 6; }

.mesajes1div{background-color: #5387c7;padding: 20px 20px 20px 30px; border-radius: 120px;color: #ffffff;transition: 0.5s; cursor: pointer;}
.mesajes2div{background-color: #436ca6;padding: 20px 20px 20px 30px; border-radius: 120px;color: #ffffff;margin-left: -30px;transition: 0.5s; cursor: pointer;}
.mesajes3div{background-color: #35578c;padding: 20px 20px 20px 30px; border-radius: 120px;color: #ffffff;margin-left: -30px;transition: 0.5s; cursor: pointer;}
.mesajes4div{background-color: #274065;padding: 20px 20px 20px 30px; border-radius: 120px;color: #ffffff;margin-left: -30px;transition: 0.5s; cursor: pointer;}
.mesajes5div{background-color: #fc5d6c;padding: 20px 20px 20px 30px; border-radius: 120px;color: #ffffff;margin-left: -30px;transition: 0.5s; cursor: pointer;}

.mesajes1div:hover{background-color: #212121;transition: 0.5s}
.mesajes2div:hover{background-color: #212121;transition: 0.5s}
.mesajes3div:hover{background-color: #212121;transition: 0.5s}
.mesajes4div:hover{background-color: #212121;transition: 0.5s}
.mesajes5div:hover{background-color: #212121;transition: 0.5s}


.mensajes p{    font-family: 'Light';    font-size: 54px;    float: left;    margin: 0 10px 20px 0;    line-height: 44px;}

.parent {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px; overflow: hidden;}
.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 2 / 1 / 3 / 2; background-image: url('../imgs/fons-news.png'); background-position: bottom right; background-repeat: no-repeat; background-color: #fff;}
.FondoImg {    background-size: cover;    background-position: center center;    padding-top: 70%;    margin: 0;}

.muchos{width: 39px!important;position: absolute; z-index: 55; right: 20px; bottom: 20px;transition: 0.5s;}
.muchos:hover{width: 59px!important;position: absolute; z-index: 55; right: 10px; bottom: 10px;transition: 0.5s;}

.colocafonsnew{    font-family: 'Medium', Arial, Helvetica, sans-serif;    font-size: 2.1rem;    line-height: 2.5rem;}
.colocafonsnew p{    font-family: 'Light', Arial, Helvetica, sans-serif;    font-size: 1.8rem;    line-height: 2.1rem;}

.sombrina{position: absolute; z-index: 44; width: 100%; overflow: hidden; height: 99%;}

.txtsombrina{position: absolute; z-index: 54; width: 100%; top: 33%; padding: 0 9% ; text-align:center;}
.dispen1{ font-family: 'Medium', Arial, Helvetica, sans-serif;    font-size: 2.5rem;    line-height: 3.1rem; color: #e4a868; background-color: rgba(0, 0, 0, 0.01);margin-bottom: 15px;}
.dispen1 span{  color: #fff; }

.dispen2{font-family: 'Bold';  font-size: 8.0rem;    line-height: 7.3rem;    color: #fff; background-color: rgba(0, 0, 0, 0.01); letter-spacing: -1px;}
.alader{text-align: right;padding:12px 6px 0 0;}
.supercajash{ font-family: 'Light', Arial, Helvetica, sans-serif;    font-size: 1.7rem;    line-height: 2.5rem;    color: #212121; padding:8% 2% 8% 8%; width:100%; max-width:800px }
.supercajash h2 { font-family: 'Medium', Arial, Helvetica, sans-serif;    font-size: 1.8rem;    line-height: 2.5rem;    color: #333;    font-weight: normal;    font-style: normal; text-transform: uppercase; margin: 0;}
.supercajash h5 {   font-family: 'Regular';  font-size: 6.1rem;    line-height: 6.3rem;    color: #3d3d3d; margin:10px 0 20px 0; letter-spacing: -1px;}
.superbotonh { font-family: 'Bold'; font-size: 13px; border-radius: 50px; background-color: rgba(255, 255, 255, 0.7); text-transform: uppercase; width: 190px; text-align: center; color: #666; padding:5px; border:2px solid rgba(0, 0, 0, 0.5);}
.cajashome{background-size: cover; background-position: center right; min-height: 60vh;margin-bottom: 4px;}
.barrotes{width:100%; height: 5px;  display: flex;}
.superpos{margin-top: 0px; overflow: hidden; height: auto;}
.barraSuperior{text-align: left; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; padding: 0.3rem 0 !important; color:#c5c5c6;line-height: 2.2rem; font-size: 1.5rem; min-height: 107px;}
.depie a{color: #fff; font-family: 'Medium', Arial, Helvetica, sans-serif;font-size: 1.6rem; line-height:1.4rem; margin-right: 22px; padding:20px 0;}

.listaserv{   display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: auto;grid-column-gap: 0px;grid-row-gap: 0px;}
.lospies{font-size:20px; letter-spacing: -1px}

.listaserv:nth-child(even) > .listaserv1 {background: #CCC;grid-area: 1 / 2 / 2 / 3; }
.listaserv:nth-child(odd) > .listaserv1 {background: #FFF;grid-area:1 / 1 / 2 / 2; }

.listaserv:nth-child(even) > .listaserv2 {background: #CCC;grid-area: 1 / 1 / 2 / 2; }
.listaserv:nth-child(odd) > .listaserv2 {background: #FFF;grid-area:1 / 2 / 2 / 3; }

.mesinfoj{ color:#5387c7; position:absolute; bottom:23px; right:23px; text-align:right;  font-family: 'Bold';  font-size:15px;  }

.cabecillas{min-height: 60vh; background-size: cover;}

.laspresents {display: grid;grid-template-columns: 42% 1fr;grid-template-rows: auto;grid-column-gap:50px;grid-row-gap: 0px;margin-bottom: 50px; dis}
.laspresents1 { grid-area: 1 / 1 / 2 / 2;font-family: 'Regular'; color:#ffffff; font-size: 18px; line-height: 22px; display: flex; align-items: flex-end; }
.laspresents2 { grid-area: 1 / 2 / 2 / 3; min-height: 350px; text-align: right;}


.contenedorpeque {   width: 90%;}


.defooter{ font-family: 'Medium'; font-size: 13px; line-height: 22px; color: #636363!important;}
.defooter a{ font-family: 'Regular'; font-size: 12px; line-height: 22px; color: #636363!important}
.defooter img{ width:27px; float:left; margin:4px 10px 10px 0; }

.homesectores {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));    grid-gap: 50px;    text-align: center;    color: #636363;    font-family: 'Bold';    font-size: 16px; line-height: 18px;    text-transform: uppercase;}
.homevalores {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(10em, 1fr));    grid-gap: 45px;    text-align: center;    color: #636363;    font-family: 'Bold';    font-size: 14px; line-height: 15px;   text-transform: uppercase;}
.homevalores img{margin-bottom: 10px;}

.listaservicios{text-transform: uppercase; padding-top: 0px; margin-top: 10px; display: inline-block;}
.listaservicios a{border-top:6px solid #c2cecb; font-family: 'Medium'; font-size: 17px;padding: 10px 20px!important;text-align: center; color: #55565a!important; transition: 1s;}
.listaservicios a:hover{ transition: 1s;}

.menuPrincipal2 > .mm-selected a{border-top:6px solid #5387c7!important; }
.barra{    background-color: #3682bd;    color: #fff;    padding: 1px 5px;    margin-bottom: 10px;    font-size: 14px;    font-family: 'Medium';}
.cajaazulproj{background-color: rgba(97, 166, 210, 1.0);padding:13px;color: #fff;text-align: right;text-transform: uppercase; font-size: 16px; font-family: Bold;}
.cajaazulproj img{width:12px; margin: -2px 0 1px 9px;}
html{font-size: 10px;}
p{margin:0 }

.video { height:100vh; overflow: hidden; width: 100%;    object-fit: cover;}
.sloganhome{position: absolute; top: 50%; left: 5%; width: 100%; max-width: 40%; z-index: 900; color: #fff;   font-family: 'Bold';  font-size: 54px; line-height: 54px;text-shadow: 4px 4px 2px rgba(0,0,0,0.6); background-color: rgba(0, 0, 0, 0.01);}
.sloganhome span{ font-family: 'Medium';  font-size: 22px; line-height: 24px; padding:30px 50px; background-image: url('../imgs/marco.png'); background-position: top left; background-repeat: no-repeat;}
.velos{width: 100%; height: calc(95vh - 120px);}

.losservicioshome {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 48vh 40px 48vh;grid-column-gap: 0px;grid-row-gap: 0px; margin-top: 50px;}
.losservicioshome1 { grid-area: 1 / 1 / 3 / 2; background-size:cover; background-position: center center; border-left:50px solid #ffffff; border-top:60px solid #ffffff;text-align: right; display: flex; justify-content: right; align-items: flex-end;}
.losservicioshome2 { grid-area: 1 / 2 / 2 / 3; background-size:cover; background-position: center center; display:flex; align-items: flex-end;}
.losservicioshome3 { grid-area: 3 / 1 / 4 / 2; background-size:cover; background-position: center center; border-bottom:70px solid #ffffff;text-align: right; display: flex; justify-content: right; align-items: flex-start;}
.losservicioshome4 { grid-area: 2 / 2 / 4 / 3; background-size:cover; background-position: center center; border-right:50px solid #ffffff;  display: flex; align-items: flex-start;}
.cajaazul{ background-color: #5387c7!important; color: #fff !important;padding: 30px; width: 300px; height: 300px; font-family: 'Medium'; font-size: 24px; line-height: 30px; text-align: left; align-items: flex-end;display: flex;}

.video001{position: absolute; top: 120px; left: 0; width: 100%; height: calc(95vh - 120px); z-index: 800;}

.losservicios{position: absolute;z-index:44;padding:0px 0px 20px 50px;}

.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 #5387c7; padding:3em 3em;}
.ajustamiento{font-size: 3.9rem;line-height: 4.5rem;}

.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(10em, 1fr));    grid-gap: 50px;}
.demargenes{margin-top: 0px;overflow: hidden;}
.cajaserveih{padding:8%;text-align: center;     line-height: 2.0rem; font-size: 1.9rem;min-height: 180px;width: 100%;}
.cajaserveih h3{font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 2.1rem;    line-height: 2.1rem;}
.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: #fff;}
.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: #5387c7 }

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

.serviciosimg{object-fit: cover; width: 100%; height: 350px; transition: 0.5s; background-position: center center;border:1px solid #e4e4e4;}

.logosimg{object-fit: contain; width: 100%; height: 150px; transition: 0.5s;padding:20px; }
.logosimg:hover{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: #000;    background-image: url(../imgs/taronja.png);    padding: 25px;    color: #ffffff;    position: absolute;    bottom: 30px;    width: 50%;    font-family: 'Regular';    font-size: 16px;    text-align: left;    line-height: 20px;    left: -9px;}

.contenedor {padding:0;max-width: 1700px;margin:0 auto; padding: 0; width: 96%}
.contenedorpeque {padding:0;max-width: 1700px;margin:0 auto; width: 96%}
.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: #000; background-image: url('../imgs/contacte.jpg'); background-size: cover; background-position: top center;color: #fff;}
.acincuenta{margin-top:5rem!important;}
.decincuenta{padding: 5rem!important;}
.mundial{ width:100%; transition: all 1s ease; position: fixed; top:33px; z-index: 9544;}
.menuScroll {  transition: all 0.5s ease;    background-color: #0b173f; }
.margenestop{clear: both;position: relative; margin-top: 4rem!important;}
body {	font-family: 'Light' ,Arial, Helvetica, sans-serif;    color: #333;    line-height: 2.5rem;  font-size: 2rem;   font-weight: normal;    font-style: normal;    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: 'Medium', Arial, Helvetica, sans-serif;	font-size: 2.2rem; color: #55565a; line-height: 1.5rem; margin-top:0rem;    padding: 0rem 0.3rem 20px 3rem; transition: 0.5s; cursor: pointer; text-transform: uppercase; letter-spacing: -1px}
.dropdown a{color: #55575a}
.idiomas{	    text-align: center;   font-size: 1.5rem;    color: #1b94e3;    text-transform: uppercase;    line-height: 1rem; padding:6px 0px 0.4rem 16px; font-family: 'Bold', Arial, Helvetica, sans-serif; }
.idiomas a{color: #a4a1ce !important}

.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: 275px;  position: absolute; -webkit-transition: 0.5s;    -moz-transition: 0.5s;    -o-transition: 0.5s;    transition: 0.5s; left: 0; top: 37px;}
.logo2 {    width: 100%;  max-width: 70px;   -webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s; }

h1 {  font-family: 'Regular' ,Arial, Helvetica, sans-serif;    font-size: 4.7rem;    line-height:5.1rem;    color: #212121;margin: 0;font-weight: normal;    font-style: normal;}
h2 { font-family: 'Medium', Arial, Helvetica, sans-serif;    font-size: 2.3rem;    line-height: 2.5rem;    color: #212121;    font-weight: normal;    font-style: normal;    margin: 0.5rem 0; }
h3 {  font-family: 'Bold' ,Arial, Helvetica, sans-serif;    font-size: 2.8rem;    line-height: 3.2rem;    color: #212121;margin: 0; text-transform: none;}
h4 {	font-family: 'Bold', Arial, Helvetica, sans-serif;	font-size: 2.1rem;	line-height: 2.7rem;	color: #212121;	font-weight: normal;	font-style: normal;		margin: 0; }
a h4 {	color: #606060;}
h5 { font-family: 'Medium' ,Arial, Helvetica, sans-serif;    font-size: 2.7rem;    line-height:3rem;    color: #7571ae;margin: 0;font-weight: normal;    font-style: normal; letter-spacing:0}

.card h3 {    font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 3.4rem;    line-height: 4.0rem;    color: #212121;}

.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: #9997c5!important; line-height: 1.2rem; text-transform: uppercase; background-color: rgba(121, 121, 121, 0.01);}
.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: 2rem;
	margin-bottom:2rem;
	border: 0;
	display: flex;
	text-align:left;
	border-bottom:1px  solid #ababab;
}

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 #5387c7;
}


.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;
	font-weight: normal;
	font-style: normal; 
}

.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.8rem;
  line-height: 2.3rem;
  color: #9997c5;
}

 
.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; margin-top:4px; margin-right: 5px;}
.ideom > form > .mm-selected a {color: #e4a868!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:-4px 0.5rem  0 0.5rem ; width:1.5rem;}
.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: #5387c7; 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; color: #222221;transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */ margin-bottom: 0.7rem;}
.botoError:hover{background: #5387c7; 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:  '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;}


/* ---  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{ -webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.menuPrincipal2{padding-top: 1rem; -webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;margin-right: -3px!important}
.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}




.inputNewB{ margin:1rem 0 1rem 0; width:100%; padding: 1rem  3rem; font-family: 'Bold', Arial, Helvetica, sans-serif; font-size: 1.8rem; color:#fff;  border: none;  border-bottom:0.2rem  solid #cbcbcb; background-color: transparent;}
.inputNewB::placeholder{font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 1.5rem;  color: #fff; text-align: left; font-style: italic; }

.textareaNewB{ margin: 0.3rem 0; width:100%; padding: 0.5rem  2rem; font-family: 'Bold', Arial, Helvetica, sans-serif; font-size: 1.8rem; color:#fff;  border: none;  border-bottom:0.2rem  solid #cbcbcb; background-color: transparent;}
.textareaNewB::placeholder{font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 1.5rem;  color: #fff; text-align: left; font-style: italic; }


.inputNew{ margin: 0.3rem 0; width:100%; padding: 1rem 3rem; font-family: 'Medium', Arial, Helvetica, sans-serif; font-size: 1.5rem; color:#38387F;  border: none;  border:0.1rem  solid #38387F; background-color: transparent; display: inline-block;}
.inputNew::placeholder{font-family:  'Regular', Arial, Helvetica, sans-serif;   font-size: 1.3rem;  color: #ccc; text-align: left; font-style: italic; }


.textareaNew{ margin: 0.3rem 0; width:100%; padding: 0.5rem  2rem; font-family: 'Bold', Arial, Helvetica, sans-serif; font-size: 1.8rem; color:#333;  border: none;  border-bottom:0.2rem  solid #cbcbcb; background-color: transparent;}
.textareaNew::placeholder{font-family:  'Regular', 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: 45rem}
.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); border-radius: 50%; width: 5rem; height: 5rem; margin: 0rem 1rem 0rem 0;}
.iconsFitxa2{ float: left; margin: -4px 1.5rem 0 0!important; width: 40px!important;}

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

.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{font-family: 'Regular', Arial, Helvetica, sans-serif; font-size: 1.5rem; transition: 0.5s; color: #c5c5c6!important; display: inline-block; background-color: rgba(0, 0, 0, 0.01);}
.icoContacte3{font-size: 1.4rem;font-family: 'Semibold', Arial, Helvetica, sans-serif; line-height: 2.2rem;}
.icoContacte a{color: #c5c5c6; text-decoration: underline; text-decoration-color: rgb(0, 165, 211, 0); }
.icoContacte a:hover{color: #c5c5c6 !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 #5387c7;}

.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: 2.4% !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(82,133,197,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: 1.8rem; line-height: 2.2rem; 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;}*/

/*.calFormacio{ background: url(../imgs/calendari.jpg) repeat fixed; background-size: 100%; background-repeat: no-repeat;}
.calFormacio2{display: flex; align-items: center; justify-content: center; padding: 10rem 0;}
.calFormacio2 h2{color: #fff; text-shadow: 0.2rem 0.2rem 0.2rem #333; }
*/

.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: #e4a868; display: inline-block; color: #262626; padding: 0.7rem 2rem; border-radius: 0rem ; transition: 0.5s; font-family: 'Bold', Arial, Helvetica, sans-serif; text-transform: uppercase; border: 0.2rem solid #c68a62; line-height: 2.4rem; font-size: 1.7rem; cursor: pointer;}
.boto1 img{margin-left: 1rem; width: 1.6rem;}
.boto1:hover{background-color: #fff; color: #333; transition: 0.5s; border: 0.2rem solid #c68a62; background-image: url(../imgs/blanc.png); }

.boto2{ background-color: #000; display: inline-block; color: #fff; padding: 1rem 2rem; border-radius: 0rem ; transition: 0.5s; font-family: 'Semibold', Arial, Helvetica, sans-serif; text-transform: uppercase; border: 0.2rem solid #5387c7; font-size: 1.4rem; margin: 0 auto; background-image: url(../imgs/taronja.png); background-size: cover;}
.boto2 img{margin-left: 1rem; width: 1.8rem;}
.boto2:hover{background-color: #fff; color: #333; transition: 0.5s; border: 0.2rem solid #5387c7;  background-image: url(../imgs/blanc.png);}


.boto21{ color: #5387c7;  transition: 0.5s; font-family: 'Bold', Arial, Helvetica, sans-serif; text-transform: uppercase;line-height: 2.4rem; font-size: 1.4rem; cursor: pointer;}
.boto21 img{margin-left: 1rem; width: 1.6rem;}
a.boto21 { color: #5387c7!important;  }
.boto21 a { color: #5387c7!important;  }

.boto22{ float: right; background-color: #fff; display: inline-block; color: #5387c7; padding: 0.3rem 1rem;  transition: 0.5s; font-family: 'Semibold', Arial, Helvetica, sans-serif; text-transform: uppercase; border: 1px solid #5387c7;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 #5387c7; background-image: url(../imgs/blanc.png); border-bottom:0px; }


/*.boto21arai{    transform: translateX(calc(-35% + -4px));color: #9997c5 ; display: flex; transition: 0.5s; font-family: 'Bold', Arial, Helvetica, sans-serif; text-transform: uppercase;line-height: 2.4rem; font-size: 1.4rem; overflow: hidden;}
.boto21arai span{transition: all .5s ease;   padding:0 10px; }      
.boto21arai:hover span{ transition: all .5s ease; transform: translateX(calc(100% + 12px));}      
.boto21arai img{margin-top:-2px }      
.cosa:hover .boto21arai span{ transition: all .5s ease; transform: translateX(calc(100% + 12px));}
*/

.boto21arai{ color: #38387F ; display: flex; transition: 0.5s; font-family: 'Bold', Arial, Helvetica, sans-serif; text-transform: uppercase;line-height: 2.4rem; font-size: 1.4rem; overflow: hidden; background-color: rgba(121, 121, 121, 0.01);}
.boto21arai span{transition: all .5s ease;   padding:0 10px 0 0; }      
.boto21arai:hover span{ transition: all .5s ease;}      
.boto21arai img{margin-top:-2px }      
.cosa:hover .boto21arai span{ transition: all .5s ease; }


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


.logosKit{text-align: right; display: block;}
.imgNext{max-width: 18rem; margin: -6px 0 15px 0!important;}
.imgRecu{max-width: 14rem; margin: -6px 0 15px 2rem!important;}
.logoInstal{max-width: 20rem; width: 100%; float: right; margin-top: -0.5rem;}


.footer {display: grid;grid-template-columns: 65% 1fr;grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px; padding: 0.5rem  0;}
.footer_div1 { grid-area: 1 / 1 / 2 / 2; display: flex; align-items: center;}
.footer_div2 { grid-area: 1 / 2 / 2 / 3; }
.footer a{color: #fff; font-family: 'Semibold', Arial, Helvetica, sans-serif; margin-right:3rem; font-size: 1.5rem; line-height:1.4rem;  transition: 0.5s;}
.footer a:hover{color: #ffffff; 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(12em, 1fr)); grid-template-rows: 1fr;grid-column-gap: 30px;grid-row-gap: 0px;  transition: 0.5s;}
.llistatServeis_txt h2{text-align: left;}
.llistatServeis_txt{text-align: left; padding-top: 1.2rem; line-height: 2.1rem;  font-size: 1.7rem;  font-family: 'Light' ,Arial, Helvetica, sans-serif; }
.llistatServeis_txt p {    line-height: 2.2rem;    font-size: 1.6rem;}

.transformed { animation: girar 16s linear infinite; opacity: 0.8;}
@keyframes girar {
  from {    transform: rotate(0deg);  }
  to {    transform: rotate(360deg);  }
}

.transformed1 { animation: girar1 16s linear infinite; opacity: 0.8;}
@keyframes girar1 {
  from {    transform: rotate(0deg);  }
  to {    transform: rotate(360deg);  }
}

.transformed2 { animation: girar2 16s linear infinite; opacity: 0.8;}
@keyframes girar2 {
  from {    transform: rotate(0deg);  }
  to {    transform: rotate(360deg);  }
}


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

.llistatNoticies{display: grid;grid-template-columns: repeat(auto-fill, minmax(53rem, 1fr));grid-column-gap: 10rem;grid-row-gap: 15rem; clear: both; margin-top: 1%;line-height: 2.6rem;  font-size: 1.9rem; }
.llistatFormacions{width: 100%;}
.h2Noti{font-size: 2.5rem; line-height: 2.6rem; color: #4c4c4c; padding: 1rem 0rem 1rem 0; margin-top: 0px; transition: 0.8s;}
.h2Noticaja{ padding: 1rem; margin-top: 0px; transition: 0.8s;border-bottom:4px solid #fff; min-height: 250px!important;}
.card:hover .h2Noticaja{background-color: #e4e4e4;  transition: 0.8s;  padding-left: 1rem; border-bottom:4px solid #e0596e;}

.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 #5387c7; 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 #5387c7; padding: 2rem;}
.colum2_div2 { grid-area: 1 / 2 / 2 / 3; border: 0.2rem solid #5387c7; 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 #5387c7; 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: 33% 1fr;    grid-template-rows: auto;    grid-column-gap: 5%;    grid-row-gap: 0px;}
.contacte_div1 { grid-area: 1 / 1 / 2 / 2; }
.contacte_div2 { grid-area: 1 / 2 / 2 / 3; }





.quadreTaronja{position:absolute; top: -3rem; left: 2rem; height: 100%; border: 3.4rem solid #5387c726; width: 100%; transition: 0.5s}
.quadreTaronja:hover{position:absolute; top: -3rem; left: 2rem; height: 100%; border: 0.4rem solid #5387c7; width: 100%; transition: 0.5s}
.quadreTaronja2{position:absolute; top: -2rem; right: 2rem; height: 95%; border: 0.4rem solid #5387c7; 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: #5387c7; padding: 0.2rem 2rem; border-radius: 1rem; margin-right: 2rem; color: #fff; letter-spacing: 0.3rem;}

.soportes{background-color:#e4a868; padding: 4px 14px!important; border-radius: 20px;color:#050A22!important ;transition: 0.5s;}
.soportes:hover{background-color:#ffffff; color:#e4a868!important ;transition: 0.5s;}

@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: #ee7730; }
  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;}
	.llistatServeis { grid-template-columns: repeat(auto-fill, minmax(23em, 1fr));}
	.dropdown {    padding: 0rem 1rem 3rem 1.5rem; }
	.listaservicios{ padding-top: 0px; margin-top: 0px; }
	}



@media screen and (max-width: 1600px) {
.supercajash {    padding: 8% 2% 8% 8%;   max-width: 650px;}
}


@media screen and (max-width: 1440px) {
.contenedor ul li {    margin-left: 20px !important;}
.posicionicoser{ left:calc(50% - 35px);top:285px; width:70px}
body {    background-position: top center;}	
	html{font-size: 8px;}
	.llistatServeis {    grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));}
	.llistatDescargas {  grid-template-columns: repeat(auto-fill, minmax(10em, 1fr)); grid-column-gap: 40px}
	.listaservicios a{ font-size: 16px;padding: 10px 12px!important;}
	.homesectores {    grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));    grid-gap: 30px;}
	.homevalores {    grid-template-columns: repeat(auto-fill, minmax(12em, 1fr));    grid-gap: 25px;}
	.serviciosimg {    height: 350px;}
	.supercajash h5 {    font-size: 5.8rem;    line-height: 5.6rem;}
	.supercajash {    padding: 6% 2% 6% 6%;   max-width: 600px;}
}

@media (max-width: 1366px) {
	html{font-size: 8px; }
	.presentacio{grid-template-columns: 1fr 30%;}
	.footer{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(35rem, 1fr)); grid-row-gap: 2rem;}
	.losservicios{position: absolute;z-index:44;padding:0px 0px 30px 50px;}
	.homesectores { grid-template-columns: repeat(auto-fill, minmax(13em, 1fr)); grid-gap: 30px;}
	.parentTemplate10 h3 { font-size: 18px; line-height: 22px;}
	.dispen2 { font-size: 6rem; line-height: 5.8rem;}
	.imgNext{max-width: 16rem;}
	.imgRecu{max-width: 12rem;}
	.lospies { font-size: 18px;}
	body { line-height: 2.4rem; font-size: 1.7rem;}
	.laspresents1 {    font-size: 17px;    line-height: 20px;}
	h2 {    font-size: 2.0rem;    line-height: 2.3rem;}
}



@media (max-width: 1360px) {
.dropdown {    font-size: 2.0rem;}
.contenedor ul li {    margin-left: 10px !important;}
}



@media (max-width: 1280px) {
	.contenedorgran { max-width: 1150px;}
	.serveiHome img {width: 9rem;}
	.imgNext {    max-width: 12rem;    margin-top: -0.3rem;}
	.imgRecu {    max-width: 12rem;  }
	.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;}
	.listaservicios a {    font-size: 15px;    padding: 10px 8px !important;}
	.homevalores {    grid-template-columns: repeat(auto-fill, minmax(10em, 1fr));    grid-gap: 25px;}
	.cajashome{background-size: cover; background-position: center center; min-height:80vh;margin-bottom: 4px;}
}


@media (max-width: 1170px) {
.dropdown {    font-size: 1.8rem;}
.contenedor ul li {    margin-left: 0px !important;}
}

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

@media (max-width: 1024px) {
	h1 {    font-size: 4.0rem;    line-height: 4.5rem;}
	.barraSuperior {    min-height: 100px;}
	.dropdown {        padding: 0rem 1rem 1.2rem 1.5rem;    }
	.mensajes {        line-height: 1.6rem;        font-size: 1.4rem;}
	.mensajes p{      font-size: 34px;  line-height: 34px;} 
	.mesajes5div {    padding: 20px 0px 20px 30px;}
	.imgNext {    max-width: 9rem;  }
	.imgRecu {    max-width: 9rem;  }	
	.lospies {    font-size: 15px;   }
	.cabecillas{min-height: 60vh; background-size: cover; background-position: center center;}
	h2 {    font-size: 2.1rem;    line-height: 2.1rem;}
	.mundial {    width: 100%;    transition: all 1s ease;    position: fixed;    top: 28px;    z-index: 9544;}
	.homesectores {    grid-template-columns: repeat(auto-fill, minmax(10em, 1fr));    grid-gap: 30px;    font-size: 14px;    line-height: 17px;}
	.homevalores {    grid-template-columns: repeat(auto-fill, minmax(9em, 1fr));  font-size: 14px;    line-height: 17px;    grid-gap: 25px;}
	.serviciosimg {    height: 230px;}
	.listaservicios a {    font-size: 13px;    padding: 10px 8px !important;}
	.barraSuperior{ padding: 0.3rem 0 !important; color:#c5c5c6;line-height: 2.0rem; font-size: 1.2rem;}
	.subtitolServei {    font-size: 2.0rem;}	
	.sloganhome {    top: 48%;    width: 100%;    max-width: 65%;    font-size: 39px; line-height: 42px;}
	.llistatServeis {    grid-template-columns: repeat(auto-fill, minmax(17em, 1fr));}
	.contenedor {    max-width: 95%;}
	.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;}
	.igualh1 {    font-size: 2.6rem;    line-height: 2.6rem;}
	.logo1 {    width: 100%;     max-width: 214px;}
	.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;}
	.nav > li > a { padding: 0px 0.3rem!important;}
	.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;}
	.logo2{max-width: 15rem;}
	.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 ;}
	.cajaazul {    padding: 25px;    width: 200px;    height: 200px;    font-size: 17px;    line-height: 20px;}
	.imgServeiDest img {    height: 30rem;}
	.caixaServeiHome h3{font-size: 1.4rem; line-height: 1.8rem; }

	.inputNew{font-size: 1.2rem; }
	.inputNew::placeholder{font-size: 1rem;   }
	.textareaNew{font-size: 1.2rem; }
	.textareaNew::placeholder{  font-size: 1rem; }

	.logosKit{text-align: left}
	.logoInstal{float: none;}
    .supercajash h5 {        font-size: 5rem;        line-height: 5rem;    }
	.footer a {    margin-right: 2rem;    font-size: 1.2rem;}
    .dispen2 {        font-size: 5rem;        line-height: 5rem; }
    .supercajash h2 {    font-size: 1.4rem;    line-height: 2.0rem;}
    .cajashome {        background-position: right center;        min-height: 53vh;}
    h2 {  font-size: 1.8rem;        line-height: 2.1rem;    }
}

@media (max-width: 1023px) {
	.los7iconos {    grid-template-columns: repeat(4, 1fr);}
.los7iconos5 { grid-area: 1 / 5 / 2 / 6; display: none;}
.los7iconos6 { grid-area: 1 / 6 / 2 / 7; display: none;}
.los7iconos7 { grid-area: 1 / 7 / 2 / 8; display: none;}
.imgNext{margin: 12px 0 15px 0!important;}
.imgRecu{margin: 12px 0 15px 2rem!important;}
	.mensajes {display:none;   }
	.cosa{min-height: 600px!important;}
	.txtsombrina { position: absolute; z-index: 54; width: 100%; bottom: 74px; left:0px; max-width: 900px; padding: 6%;}
	.laspresents { grid-template-columns: 62% 1fr; grid-column-gap: 50px;}
	.superpos { margin-top: -44px; overflow: hidden; height: auto;}	
	.alader{text-align: center;padding:2px 6px;}
	.barrotes{ display: none;}
	.lospies{font-size:18px}
	.footer {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 0px;grid-row-gap: 0px; }
	.footer_div1 { grid-area: 1 / 1 / 2 / 3; }
	.footer_div2 { grid-area: 2 / 1 / 3 / 2; }
	.footer_div3 { grid-area: 2 / 2 / 3 / 3; text-align: center;}
	.demargenes { margin-top: 0px;}
	.mundial {  position: relative; top: 0rem; }
 	.navbar-nav{display:none!important;}
	.imgNotiMobile{display: block !important;}
	.borrar1023{display: none;}
	.boxSlogan{max-width: 80%; margin: 0 auto;}
	.logo1 { position: absolute;  width: 37%; margin-left: 35%}
	.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));}
	.video { margin-top: 0px}
	.velos{width: 100%; height: calc(95vh - 90px);}
	.logo1 { margin-top: 30px; margin-left: calc(50% - 107px);}
	.mesinfoj { position: relative; bottom: 0;    right: 0;    text-align: left; margin-top:20px; }	
	.sombrina {display: none;}
    .supercajash {padding: 6%;max-width: 1600px;    }
    .icoContacte {font-size: 1.5rem;  padding:7px 0 0 0;}
}

@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) {
	.lospies{font-size:15px}
	.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; }
	.llistatProjectes{ grid-template-columns: repeat(auto-fill, minmax(23rem, 1fr));}
	.serveis{ grid-template-columns: repeat(auto-fill, minmax(23rem, 1fr));}
	.desmay {    margin: 5% 5px 2% 0;}
	.superh {   min-height: 140px;}

}


@media (max-width: 767px) {

    .llistatNoticies { grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));   grid-row-gap: 0rem; }
    .los50 {    width: 100%;   max-width: 100%;    margin-bottom: 50px;}
    .fotoNotiLlistat img {  height: 30rem;}
	.margin7{margin-top: 8% !important;}
    .cosa { min-height: 450px !important;    }	
	h3 { font-size: 2.4rem; line-height: 2.7rem;}
	.card h3 {  font-size: 2.4rem; line-height: 2.7rem;}
	.dispen1 { font-size: 2.0rem; line-height: 2.5rem;}
	.txtsombrina { top: 50%;}
	.dispen2 { font-size: 3rem; line-height: 3rem; }
	h1 { font-size: 30px; line-height: 30px;}
	.depie a { font-size: 1.3rem; line-height: 1.4rem; margin-right: 20px;}
	.cajaservicios { grid-template-columns: repeat(auto-fill, minmax(10em, 1fr)); }
	h2 { font-size: 2.3rem; line-height: 2.5rem; }
	h5 {   font-size: 2.7rem;      line-height: 3.1rem;   }
	.contenedorpeque {    width: 86%;}
	.contenedor {     max-width: 86%;}
	.xarxes{  display: inline-block;    margin-right: 15px;    float: right;}
	.logo1 { width: 200px; margin-top: -1.5rem; padding: 0px; margin-left: 23%;    }	
	.los7iconos{display: none;}
	.mesinfoj {    color: #5387c7;    position: relative;    bottom: 0;    right: 0;    text-align: left;    font-family: 'Bold';    font-size: 15px;}
.video {    margin-top: 40px;    height: calc(60vh - 60px);}
.video001{ top: 75px; height: calc(60vh - 60px);}
.velos {    width: 100%;    height: calc(60vh - 60px);}
.mundial {    position: relative;    top: 0rem; }
.losservicioshome {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(4, 1fr);grid-column-gap: 0px;grid-row-gap: 0px;}
.losservicioshome1 { grid-area: 1 / 1 / 2 / 2;border-left:0px solid #ffffff; border-top:0px solid #ffffff;}
.losservicioshome2 { grid-area: 2 / 1 / 3 / 2; border-left:0px solid #ffffff; border-top:0px solid #ffffff;}
.losservicioshome3 { grid-area: 3 / 1 / 4 / 2; border-bottom:0px solid #ffffff;}
.losservicioshome4 { grid-area: 4 / 1 / 5 / 2; border-right:0px solid #ffffff; }
.cajaazul {    padding: 15px;    width: 150px;    height: 150px;    font-size: 17px;    line-height: 20px;}
.losservicios {  display: none;}
.sloganhome {    width: 100%;    max-width: 100%;}
.sloganhome span {    font-size: 15px;    line-height: 24px;    padding: 20px 30px;background-image: none; padding: 0}
.sloganhome {    font-size: 30px;    line-height: 38px;}
	.llistatServeis {    grid-template-columns: repeat(auto-fill, minmax(19em, 1fr));}
	.contenedorpeque h1 { font-size: 3.2rem; line-height: 4rem;    }
	.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; }
	.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; }
.cajaserveih h3 {    font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 1.9rem;    line-height: 1.9rem;}

.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; }
.cajaserveih {    line-height: 1.8rem;    font-size: 1.4rem;}

.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) {
	.icoContacte{display: none;}
	.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%; }
	.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;}
}

@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, .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:#5387c7 !important;
	background-color: rgba(0, 0, 0, 0.01);
	background-size: cover;
}