@font-face {    font-family: 'Light';    src: url('../fonts/helvetica_neue_lt_std_25_ultra_light-webfont.eot');    src: url('../fonts/helvetica_neue_lt_std_25_ultra_light-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/helvetica_neue_lt_std_25_ultra_light-webfont.ttf') format('truetype'),         url('../fonts/helvetica_neue_lt_std_25_ultra_light-webfont.svg#helvetica_neue_lt_st25ultraLt') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Regular';    src: url('../fonts/helvetica_neue_lt_std_35_thin-webfont.eot');    src: url('../fonts/helvetica_neue_lt_std_35_thin-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/helvetica_neue_lt_std_35_thin-webfont.ttf') format('truetype'),         url('../fonts/helvetica_neue_lt_std_35_thin-webfont.svg#helvetica_neue_lt_std35_thin') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Medium';    src: url('../fonts/helvetica_neue_lt_std_55_roman-webfont.eot');    src: url('../fonts/helvetica_neue_lt_std_55_roman-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/helvetica_neue_lt_std_55_roman-webfont.ttf') format('truetype'),         url('../fonts/helvetica_neue_lt_std_55_roman-webfont.svg#helvetica_neue_lt_std55_roman') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'Bold';    src: url('../fonts/henb-webfont.eot');    src: url('../fonts/henb-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/henb-webfont.ttf') format('truetype'),         url('../fonts/henb-webfont.svg#helveticaneue-boldregular') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'heavy';    src: url('../fonts/henh-webfont.eot');    src: url('../fonts/henh-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/henh-webfont.ttf') format('truetype'),         url('../fonts/henh-webfont.svg#helveticaneue-heavyregular') format('svg');    font-weight: normal;    font-style: normal;}

.corazon1 {left: 36%; top:7%;  display: inline-block;  animation: latidos22 2.3s infinite;  transform-origin: center; position: absolute; background-color: #6b9b86; border-radius: 50px; width: 26px; height: 26px;}
.corazon2 {left: 6%; top:95.5%;  display: inline-block;  animation: latidos22 2.3s infinite;  transform-origin: center; position: absolute; background-color: #6b9b86; border-radius: 50px; width: 14px; height: 14px;}
.corazon3 {right: 36%; top:12%;  display: inline-block;  animation: latidos22 2.3s infinite;  transform-origin: center; position: absolute; background-color: #6b9b86; border-radius: 50px; width: 20px; height: 20px;}
.corazon4 {right: 26%; top:47.5%;  display: inline-block;  animation: latidos22 2.3s infinite;  transform-origin: center; position: absolute; background-color: #6b9b86; border-radius: 50px; width: 10px; height: 10px;}
.corazon5 {right: 19%; top:75%;  display: inline-block;  animation: latidos22 2.3s infinite;  transform-origin: center; position: absolute; background-color: #6b9b86; border-radius: 50px; width: 20px; height: 20px;}

@keyframes latidos22 {
    from { transform: none; }
    50% { transform: scale(0.2); }
    to { transform: none; }
}

.empresaspart {display: grid;grid-template-columns: 38% 1fr;grid-template-rows: auto;grid-column-gap: 20px;grid-row-gap: 0px; min-height: 300px;}
.empresaspart1 { grid-area: 1 / 1 / 2 / 2;}
.empresaspart2 { grid-area: 1 / 2 / 2 / 3; padding:20px; background-color: #f3f3f3;}

.fotoponent{float: left; margin: -10px 10px 0 0 ;}
.fotoponent img{width: 50px;height: 50px; border-radius: 50px; object-fit: cover; object-position: center center; border:1px solid #cccccc;}

.los16{padding-top:16%;}
.los202{width: 202px;}
  .despeje{color: #000}
.corazon1b {left: 12%; top:7%;  display: inline-block;  animation: latidos22 2.3s infinite;  transform-origin: center; position: absolute; background-color: #6b9b86; border-radius: 50px; width: 10px; height: 10px;}
.corazon2b {left: -1%; top:52.5%;  display: inline-block;  animation: latidos22 2.3s infinite;  transform-origin: center; position: absolute; background-color: #6b9b86; border-radius: 50px; width: 13px; height: 13px;}
.corazon3b {right: 34%; top:10%;  display: inline-block;  animation: latidos22 2.3s infinite;  transform-origin: center; position: absolute; background-color: #6b9b86; border-radius: 50px; width: 20px; height: 20px;}
.corazon4b {right: 26%; top:47.5%;  display: inline-block;  animation: latidos22 2.3s infinite;  transform-origin: center; position: absolute; background-color: #6b9b86; border-radius: 50px; width: 15px; height: 15px;}
.corazon5b {right: 42%; top:80%;  display: inline-block;  animation: latidos22 2.3s infinite;  transform-origin: center; position: absolute; background-color: #6b9b86; border-radius: 50px; width: 17px; height: 17px;}

.agendis{font-family:'Bold'; padding:0 25px; color: #fff; font-size: 15px;}

.fechanaixement {font-style: italic;width: 210px; float: left;padding: 1.4rem 2rem;margin: 1rem 0 1rem 0;font-family: 'Bold', Arial, Helvetica, sans-serif;   font-size: 1.5rem;   color: #729b86;    border: 0.2rem solid #729b86; border-right: 0;  min-height: 60px;}
.arthur{width: calc(100% - 210px)!important;float: left;}
  
.talleres {display: grid;grid-template-columns: 30% 1fr;grid-template-rows: auto;grid-column-gap: 50px;grid-row-gap: 0px;}
.talleres2 { grid-area: 1 / 1 / 2 / 2; }
.talleres1 { grid-area: 1 / 2 / 2 / 3;color: #fff!important }
.talleres1 strong{ color:#fff!important; }
.talleres1 a{ color:#fff!important; }
.talleres2 h4 {    font-size: 19px;    line-height: 1.7rem; text-align: right; color: #fff!important}

.lasfechas{display: block; transition: 0.5s}
.lasfechas2{display: none; transition: 0.5s}

.bolon{    width: 100%;    max-width: 344px; transition: 0.5s; position: absolute; top:0}
.bolon2{    width: 100%;    max-width: 219px; transition: 0.5s; }

.partnerspie img {     margin-right: 33px; height: 46px; }

.alatop{ top:0;transition: 0.5s;}
.alatop2{ top:-200px;transition: 0.5s;}

.estructuraserveis {    display: grid;    grid-template-columns: 76% 1fr;    grid-template-rows: auto;    grid-column-gap: 4%;    grid-row-gap: 0px;}
.estructuraserveis1 {    grid-area: 1 / 1 / 2 / 2;}
.cajaofertas > div > ul li{margin-left: 19px!important;}
.estructuraserveis2 {    grid-area: 1 / 2 / 2 / 3;    margin-top: -70px;}
.fcontact3 {    margin-top: 0rem;    background-color: #e5e5e5;    color: #212121;    padding: 7%;    color: #333;    line-height: 2.0rem;    font-size: 1.6rem;border-top: 3px solid #b8002f}
    .fcontact3 h4{font-size: 1.6rem;}
.fcontactop {    position: sticky;    top: 280px;    margin-bottom: 18%}


.tallers {display: grid;grid-template-columns: 1fr repeat(2, 25%);grid-template-rows: auto;grid-column-gap: 21px;grid-row-gap: 0px;}
.tallers1 { grid-area: 1 / 1 / 2 / 2; padding-right:10% }
.tallers2 { grid-area: 1 / 2 / 2 / 3; background-color:#f1f1f1;border-bottom:2px solid #729b86; }
.tallers3 { grid-area: 1 / 3 / 2 / 4; background-color:#f1f1f1; border-bottom:2px solid #729b86; background-size: cover; background-position: center center; filter: grayscale(0%);}




.bolaazul{padding:0 10px; filter: grayscale(1);animation: latidos 1.5s infinite;}
@keyframes latidos {
    from { transform: none; }
    50% { transform: scale(1.4); }
    to { transform: none; }
}

.fira1{padding-top:14%; display: inline-table;}
.fira2{    padding-top: 7%;    width: 52%;    padding-left: 14px;    letter-spacing: -0.5px; color:#7fa7bf}

.dedades {text-align: center;color:#ffffff;font-family: 'Medium';line-height: 2.6rem;  font-size: 1.9rem; }
.dedades a{color:#ffffff!important; }

.preshome{ font-family: 'Medium';  font-size: 19px; line-height: 26px; color: #3a5562; padding-top: 14px!important;}
.preshome33 h4{ font-family: 'Light';  font-size: 90px; line-height: 72px; color: #3a5562}

.cabtalent {display: grid; grid-template-columns: 200px 200px 1fr 13% 1fr;grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px;margin-top: 0px;padding-bottom: 20px;}
.cabtalent1 { grid-area: 1 / 1 / 2 / 3; }
	.cabtalent1 b{font-family: 'Medium';}
.cabtalent2 { grid-area: 1 / 2 / 2 / 5; position:relative; }
	.cabtalent2 img {width: 100%; max-width: 819px;}
.cabtalent3 { grid-area: 1 / 4 / 2 / 6; text-align: right;color: #212121;font-family: 'Regular';  font-size: 37px; line-height: 41px;z-index: 4542454; white-space: nowrap;}
a.bolacontacto{background-color:#212121; border-radius: 50px; padding: 5px 17px; color: #ffffff!important; text-align: center;font-family: 'Medium'; font-size: 15px;margin: 6px 1px; transition: 0.5s}
a.bolacontacto:hover{background-color:#212121; transition: 0.5s}

.minitext{width: 80%; font-family: 'Regular'; font-size: 18px; line-height: 22px; color: #5a869b;  font-weight: bold;    font-style: normal;}
.miniponent{font-family: 'Regular'; font-size: 12px; line-height: 18px; color: #5a869b;  font-weight: bold;    font-style: normal;}
.minipofertas{font-family: 'Medium'; font-size: 18px; line-height: 20px; color: #729b86;  font-weight: bold;    font-style: normal;}

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

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


.blancos {color: #000; text-align: center;    line-height: 2.2rem;    font-size: 1.8rem; letter-spacing: 1px}
.tablaagenda{border:6px solid #fff; padding:15px;border-radius:10px;background-color: #598572; font-family: Medium;line-height: 25px;box-shadow: 0px 11px 15px -6px rgba(0,0,0,0.37); color:#ffffff;}

.cabtalent-int {display: grid;grid-template-columns: 24% 13% 0.2fr 13% 1.3fr;grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px;padding-bottom: 0px;}
.cabtalent-int1 { grid-area: 1 / 1 / 2 / 3;}
  .cabtalent-int1 b{font-family: 'Medium';}
.cabtalent-int2 { grid-area: 1 / 2 / 2 / 5; position:relative; }

.cabtalent-int3 { grid-area: 1 / 4 / 2 / 6; text-align: right;    font-family: 'Regular';  font-size: 37px;   line-height: 41px; }
.cabtalent-int3-text{   color: #000;    font-family: 'Regular';    font-size: 27px;    line-height: 31px;padding-top:20px; padding-right: 12px;padding-left: 16px;}

.cajaofertas {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));    grid-gap: 65px;  color: #636363;    font-family: 'Regular';    }

.cajaservicios {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(25em, 1fr));    grid-gap: 50px;  color: #636363;    font-family: 'Regular';    }
.quees{color: #676767; font-family: 'heavy'; font-size: 19px; line-height: 21px; text-transform: uppercase;}
.slogan{color: #212121; font-family: 'Medium'; font-size: 19px; line-height: 21px; }

.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: 6px; border-radius: 50px; 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: 139px; 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 { padding:8px 17px 8px 15px !important; border-right: 1px solid #fff;margin: 12px 0 0 0;}
.contenedor ul li:last-child { padding: 0% 0 0 2%!important; border-right: 0px solid #fff; }

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

.tallers1 ul li {list-style-image: url("../imgs/pto.png"); margin:0 0 0 25px!important;padding:9px 0 0 6px!important;}
.tallers1 ul li:last-child  {list-style-image: url("../imgs/pto.png"); margin:0 0 0 25px!important;padding:9px 0 0 6px!important;}

.limitetexto ul li {list-style-image: url("../imgs/pto.png"); margin:0 0 0 25px!important;padding:9px 0 0 6px!important;}
.limitetexto ul li:last-child  {list-style-image: url("../imgs/pto.png"); margin:0 0 0 25px!important;padding:9px 0 0 6px!important;}

.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: 17px 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: #82afc6;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 {    margin: 0; width: 100%}

.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%; bottom: 30px; left: 30px;max-width: 900px;padding: 3%}
.dispen1{ font-family: 'Light', Arial, Helvetica, sans-serif;    font-size: 1.7rem;    line-height: 2.1rem; color: #fff; text-transform: uppercase; background-color: rgba(0, 0, 0, 0.01);}
.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; background-color: #ffffff;}
.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: 98px; 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; background-color: #fff;min-height: 107px;}
.depie a{color: #fff!important; font-family: 'Medium', Arial, Helvetica, sans-serif;font-size: 1.5rem; 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 {     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: 107px;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: 1650px;margin:0 auto; padding: 0; width: 96%}
.contenedorpeque {padding:0;max-width: 1500px;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: sticky; top:0px; z-index: 4;padding-top: 0px;}
.mundial2{ width:100%; background-color: #f9b946;}
.menuScroll {  transition: all 0.5s ease;    background-color: #fff;    box-shadow: rgba(33, 35, 38, 0.5) 0px 1rem 1rem -1rem;}
.margenestop{clear: both;position: relative; margin-top: 4rem!important;}
body {	font-family: 'Regular' ,Arial, Helvetica, sans-serif;    color: #000;    line-height: 2.8rem;  font-size: 2rem;   font-weight: normal;    font-style: normal;    background-color: #fff;letter-spacing: 0.5px;background-image: url('../imgs/fons.gif'); background-repeat: no-repeat; background-position: top center!important;}
.taula > tbody > tr > td > .inputcontacto {    border: #cccccc 0.1rem solid;    font-family: 'Regular', Arial, Helvetica, sans-serif;    font-size: 1.4rem;    color: #666666;    padding: 0.7rem;    background-color: #FFFFFF;    margin: 0.3rem 0 0.3rem 0;    width: 92%;}
.textckeditor ul li {margin-left: 2.5rem;}
.cuatroservs{clear: both;margin-top: -50px;z-index: 5; position:absolute;}
.dropdown-menu > li > table > tbody > tr > td > h2 > a {  font-family: 'Regular';     margin: 0px 0 0px 0; line-height: 2rem;}
.dropdown-menu > li > table > tbody > tr > td > h2  {  margin: 0px 0 0px 0;}
.dropdown-menu > li > table > tbody > tr > td > h3 > a {  font-family: 'Regular'; font-size: 1.1rem;    line-height: 1.4rem; border-bottom: 0.1rem dotted #ababab;}
.dropdown-menu > li > table > tbody > tr > td > h4 > a {  font-size: 1.5rem;    line-height: 1.6rem; margin:0 0 0 0.5rem !important;}
.dropdown-menu > li > table > tbody > tr > td > h4  {  margin:0;}
.menuhome{    border-right: 0.1rem dotted #cccccc; padding:5px 2.5rem!important;}
.loslaterales{padding:0 5%!important;}
.dropdown-menu > li > table > tbody > tr > td > hr {    margin-top: 1rem;    margin-bottom: 1rem;    border: 0;    border-top: 0.1rem solid #ababab; }
.especialh4 > a > h4 {font-size: 1.8rem;  font-family: 'Regular'; line-height: 2.2rem}
.dropdown {    font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 1.6rem;    color: #b71331;    line-height: 1.5rem;    margin-top: 0rem;    padding: 0rem !important;    transition: 0.5s;    cursor: pointer;    text-transform: uppercase;}
.dropdown a{color: #212121 !important}
.idiomas{ text-align: center;   font-size: 1.5rem;    color: #1b94e3;    text-transform: uppercase;    line-height: 1rem; padding:0px 0px 0.4rem 0px; font-family: 'Bold', Arial, Helvetica, sans-serif; }
.idiomas a{color: #fff !important}

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

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

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

.logo1 {    width: 100%;  max-width: 400px; margin:17px 0;   -webkit-transition: 0.5s;    -moz-transition: 0.5s;    -o-transition: 0.5s;    transition: 0.5s;}
.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.4rem;    line-height: 2.8rem;    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: 'Light' ,Arial, Helvetica, sans-serif;    font-size: 3rem;    line-height:3.1rem;    color: #212121;margin: 0;font-weight: normal;    font-style: normal; 	}
.contenedorpeque h1 {  font-family: 'Regular' ,Arial, Helvetica, sans-serif;       font-size: 4.7rem;  line-height: 5.1rem;  color: #fff;margin: 0;font-weight: normal;    font-style: normal;  }


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

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

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

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

.color_avis_ie { color:#969696; }

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

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

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

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


  .no_veure{
    display: none;
  }

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

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

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

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

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


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

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

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

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

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

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

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

hr.lineaSer { 
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: 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: #c20f2f;
}

 
.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 { margin-top:-10px; margin-right: 5px; text-align: right;}
.ideom > form > .mm-selected a {color: #000!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:-1px 2rem 0 1rem ; width:1.9rem; float: left; }
.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  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;}
.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:1rem 0 1rem 0; width:100%; padding: 1rem  2rem; font-family: 'Bold', Arial, Helvetica, sans-serif; font-size: 1.8rem; color:#729b86;   border:0.2rem  solid #729b86; background-color: transparent;}
.inputNew::placeholder{font-family:  'Bold', Arial, Helvetica, sans-serif;   font-size: 1.5rem;  color: #729b86; 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:#729b86;  border: none;  border-bottom:0.2rem  solid #729b86; background-color: transparent;}
.textareaNew::placeholder{font-family:  'Bold', Arial, Helvetica, sans-serif;   font-size: 1.5rem;  color: #729b86; 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: 30rem}
.fotoNotiLlistat:hover img{transform: scale(1.1); transition: 1s;}


.fotoparticipants{overflow: hidden; border:1px solid #ccc;padding:6%}
.fotoparticipants img{transition: 1s; width: 100%; object-fit: contain; height: 22rem}
.fotoparticipants: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: 110px !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;}

.boto1peque{ background-color: #000; display: inline-block; color: #fff; padding: 0.4rem 1.2rem; transition: 0.5s; font-family: 'Bold', Arial, Helvetica, sans-serif; text-transform: uppercase; border: 0.1rem solid #4c4c4c; background-image: url(../imgs/taronja.png); background-size: cover;line-height: 2.0rem; font-size: 1.3rem; cursor: pointer; border-radius:4px;}
.boto1peque img{margin-left: 1rem; width: 1.6rem;}
.boto1peque:hover{background-color: #fff; color: #333; transition: 0.5s; border: 0.1rem solid #000; background-image: url(../imgs/blanc.png); }


.boto1 { min-width: 150px; text-align: center;    background-color: #729b86;    display: inline-block;    color: #fff;    padding: 0.7rem 2rem;  margin-right: 5px;  transition: 0.5s;    font-family: 'Bold', Arial, Helvetica, sans-serif;    text-transform: uppercase;    background-size: cover;    line-height: 2.0rem;    font-size: 1.5rem;    cursor: pointer;    border-radius: 4px;}
.boto1 img{margin-left: 1rem; width: 1.6rem;}
.boto1:hover{background-color: #fff; color: #333; transition: 0.5s; background-image: url(../imgs/blanc.png); }

.boto2{ background-color: #000; display: inline-block; color: #fff; padding: 1rem 2rem; border-radius: 5px ; 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{ background-color: #f9b946; color: #212121; padding: 0.4rem 1.2rem; border-radius: 4px ; transition: 0.5s; font-family: 'Bold', Arial, Helvetica, sans-serif; text-transform: uppercase; border: 0rem solid #4c4c4c;  line-height: 2.4rem; font-size: 1.4rem; cursor: pointer;}
.boto21 img{margin-left: 1rem; width: 1.6rem;}
.boto21:hover{background-color: #ccc; color: #333; transition: 0.5s; border: 0rem solid #000; }

.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: #c20f2f ; 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: #c20f2f ; 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 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;  }
.llistatServeis_txt p {    line-height: 2.2rem;    font-size: 1.6rem;}

.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;}
.llistatparticipants{display: grid;grid-template-columns: repeat(auto-fill, minmax(38rem, 1fr));grid-column-gap: 8rem;grid-row-gap: 15rem; clear: both; margin-top: 1%;line-height: 2.1rem;  font-size: 1.7rem; }

.llistatNoticies{display: grid;grid-template-columns: repeat(auto-fill, minmax(40rem, 1fr));grid-column-gap: 10rem;grid-row-gap: 15rem; clear: both; margin-top: 1%;line-height: 2.1rem;  font-size: 1.7rem; }
.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;}
.limitetexto{ display: -webkit-box;  -webkit-line-clamp: 8;  -webkit-box-orient: vertical;    overflow: hidden;margin-bottom: 18px;}

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


@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) {
  .los16{padding-top:12%;}
	.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; }
  .cabtalent {    grid-template-columns: 200px 101px 24% 13% 1fr;}  
	}



@media screen and (max-width: 1600px) {
.supercajash {    padding: 8% 2% 8% 8%;   max-width: 650px;}
.contenedor ul li {margin-left: 1%!important}
h3 {    font-size: 2.1rem;    line-height: 2.3rem;}
.dropdown { font-size: 1.5rem; }
.contenedor ul li { padding: 8px 7px 8px 5px !important;}
.tallers1 ul li  { margin:0 0 0 25px!important;padding:9px 0 0 6px!important;}
.tallers1 ul li:last-child  { margin:0 0 0 25px!important;padding:9px 0 0 6px!important;}
.cabtalent { grid-template-columns: 203px 92px 24% 13% 1fr;}
}

@media screen and (max-width: 1560px) {
.dropdown {    font-size: 1.6rem;}
.contenedor ul li {        margin-left: 0.1% !important;    }
.tallers1 ul li  { margin:0 0 0 25px!important;padding:9px 0 0 6px!important;}
.tallers1 ul li:last-child  { margin:0 0 0 25px!important;padding:9px 0 0 6px!important;}
.los16 {  padding-top: 8%; }
}



@media screen and (max-width: 1500px) {
.cabtalent1 { font-size: 33px;    line-height: 37px;}
.cabtalent { grid-template-columns: 228px 152px 1fr 2% 41%; }
.dropdown { padding: 0rem 0.2rem 3rem 0.5rem;    }
.corazon1 {left: 43%; top:5%; }
.corazon2 {left: 7%; top:54.5%; }
.corazon3 {right: 20%; top:8%; }
.corazon4 {right: 10%; top:48.5%; }
.corazon5 {right: 5%; top:75%; }
.cabtalent {    grid-template-columns: 200px 101px 18% 13% 1fr;}  


}



@media screen and (max-width: 1440px) {
.preshome33 h4 {    font-size: 82px;    line-height: 68px;}  
.contenedor {    width: 96%;} 
.cabtalent-int3-text {    font-size: 31px;    line-height: 33px;}
.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;}
  .dropdown {    font-size: 1.6rem; }
  .cabtalent {              grid-template-columns: 16% 0% 36% 0% 1fr;   }
  .partnerspie img {     margin-right: 27px; height: 40px; }
 
}

@media (max-width: 1366px) {
  a.bolacontacto {    padding: 5px 9px;    margin: 6px 1px;}
  .depie a {    font-size: 1.3rem;    padding: 18px 0;}
  .fira2 {    width: 72%;}
  .preshome33 h4 {    font-size: 68px;    line-height: 58px;}    
	html{font-size: 8px; }
  .dropdown {    font-size: 1.6rem;}
	.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;}
	.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;}
	.contenedorpeque h1 {    font-size: 6rem;    line-height: 6rem;}
  .partnerspie img {     margin-right: 27px; height: 40px; }
}



@media (max-width: 1360px) {
}



@media (max-width: 1280px) {
  .los202{width: 150px;}
  .dropdown {  font-size: 1.4rem;  }
  .contenedor ul li { margin-left: 0% !important; padding: 8px 8px 8px 8px !important;}
  .tallers1 ul li  { margin:0 0 0 25px!important;padding:9px 0 0 6px!important;}
.tallers1 ul li:last-child  { margin:0 0 0 25px!important;padding:9px 0 0 6px!important;}
  a.bolacontacto {    padding: 5px 8px;    font-size: 14px;    margin: 6px 0px;} 
  .idiomas {    font-size: 1.3rem;} 
	.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;}
  .partnerspie img {     margin-right: 27px; height: 40px; }
}


@media (max-width: 1170px) {
.dropdown {    font-size: 1.8rem;}
.contenedor ul li {    margin-left: 0px !important;}
.tallers1 ul li  { margin:0 0 0 25px!important;padding:9px 0 0 6px!important;}
.tallers1 ul li:last-child  { margin:0 0 0 25px!important;padding:9px 0 0 6px!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) {
  body {    background-image: url(../imgs/fons2.gif); background-position: center -50px!important;}
  .tallers {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, auto);grid-column-gap: 50px;grid-row-gap: 0px;}
  .tallers1 { grid-area: 1 / 1 / 2 / 3; }
  .tallers2 { grid-area: 2 / 1 / 3 / 2;margin-top: 15px; }
  .tallers3 { grid-area: 2 / 2 / 3 / 3; min-height:300px;  }  
  .bolon {    max-width: 233px;}
  .partnerspie img {          margin-right: 57px; margin-bottom: 15px;   height: 43px; }
  .cabtalent-int  { grid-template-columns: 57% 0% 1fr 0% 4%;    }
  .cabtalent-int1 {padding-left:80px;}
 .cabtalent { grid-template-columns: 57% 0% 1fr 0% 4%;    }
 .cabtalent1 {padding-left:80px;}

 .fueramenu{display: none;}  
 .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;}
	h5 {    font-size: 3.7rem;    line-height: 4.1rem;}
	.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;}
	.icoContacte3 img{display: none;}
	.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;}
	body {    line-height: 2.2rem;    font-size: 1.7rem;}
	.igualh1 {    font-size: 2.6rem;    line-height: 2.6rem;}
	.logo1 {    width: 100%; }
	.logo2 {    width: 100%; }
	.loscinco {    min-height: 15rem;}	
	.cuatroservs{clear: both;margin-top: 5rem;z-index: 5; position:relative;}	
	h4 {    font-size: 2.1rem;    line-height: 2.5rem;}
	.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; }
	.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) {
.margin7 {    margin-top: 148px !important;}  
    .preshome33 h4 {        font-size: 62px;        line-height: 58px;    }  


  .llistatparticipants {   grid-column-gap: 4rem;    grid-row-gap: 5rem;}
.llistatNoticies {    grid-column-gap: 5rem;    grid-row-gap: 5rem;}
	.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;   }
	.txtsombrina {    position: absolute;    z-index: 54;    width: 100%;    bottom: 74px;    left: 19px;    max-width: 900px;    padding: 3%;}
	.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;    }
	.barraSuperior{  position: relative;    top: 0rem;     padding: 8px !important;   }
 	.navbar-nav{display:none!important;}
	.imgNotiMobile{display: block !important;}
	.borrar1023{display: none;}
	.boxSlogan{max-width: 80%; margin: 0 auto;}
	.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: 78px}
	.velos{width: 100%; height: calc(95vh - 90px);}
	.mesinfoj {    position: relative;    bottom: 0;    right: 0;    text-align: left; margin-top:20px; }	
	.sombrina {display: none;}
  .supercajash {        padding: 6%;        max-width: 1600px;    }
  .dedades{padding-top: 15px;}
}

@media (max-width: 101rem) {
	.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}
  body {    background-image: url(../imgs/fons3.gif);}
	.alaizquierda{text-align: center;}
	.contenedorgran { max-width: 700px;}
	.destacatsHome{padding: 0 1rem; margin-bottom: 2rem;}
	.caixaConeix{margin-bottom: 3rem;}
	.acincuenta{margin-top: 5rem !important;}
	.cardTeam{height: auto;}
	.colocatitle{left: 0;}
	.alturaInt{height: 15rem !important;}
	.reciclaje2{display: none;}
	.caixaRelacionats{padding: 0 0px;}
	.barratop{display: none;}
	.serveisHome {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 40px;grid-row-gap: 40px;margin-bottom: 5rem;}
	.serveisHome_div1 { grid-area: 1 / 1 / 2 / 2; }
	.serveisHome_div2 { grid-area: 1 / 2 / 2 / 3; }
	.serveisHome_div3 { grid-area: 2 / 1 / 3 / 2; }
	.serveisHome_div4 { grid-area: 2 / 2 / 3 / 3; }
	.llistatNoticies{ grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));}
	.llistatProjectes{ grid-template-columns: repeat(auto-fill, minmax(23rem, 1fr));}
	.serveis{ grid-template-columns: repeat(auto-fill, minmax(23rem, 1fr));}  
  .tallers {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, auto);grid-column-gap: 50px;grid-row-gap: 0px;}
  .tallers1 { grid-area: 1 / 1 / 2 / 3; }
  .tallers2 { grid-area: 2 / 1 / 3 / 2;margin-top: 15px; }
  .tallers3 { grid-area: 2 / 2 / 3 / 3; min-height:300px;  }
  .estructuraserveis2 { grid-area: 1 / 1 / 2 / 2; margin-top: 70px}
  .estructuraserveis1 { grid-area: 2 / 1 / 3 / 2; margin-top: 0px; padding-top: 0!important}  
  .fcontactop {    margin-bottom: 2%;}
}


@media (max-width: 767px) {
  .llistatparticipants {   grid-template-columns: repeat(auto-fill, minmax(26rem, 1fr));}
.empresaspart {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
.empresaspart1 { grid-area: 1 / 1 / 2 / 2; }
.empresaspart2 { grid-area: 2 / 1 / 3 / 2; }
  .logo1 { width: 100%;margin-left:-30px;    }
  .estructuraserveis {display: grid;grid-template-columns: 1fr;grid-template-rows: auto;grid-column-gap: 0px;grid-row-gap: 0px;}
  .estructuraserveis1 { grid-area: 1 / 1 / 2 / 2; }
  .estructuraserveis2 { grid-area: 2 / 1 / 3 / 2;margin-top: 10px; }

  .margin7 { margin-top: 50px !important;}  
  .fueramenu {  display: block; }
  .agendis{font-family:'Bold'; padding:0 0px;  font-size: 13px;}
  .cabtalent {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
  .cabtalent1 { grid-area: 1 / 1 / 2 / 2; }
  .cabtalent2 { grid-area: 2 / 1 / 3 / 2; min-height: 250px; }
  .cabtalent3 { grid-area: 3 / 1 / 4 / 2; display:none; }


  .cabtalent-int {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
  .cabtalent-int1 { grid-area: 1 / 1 / 2 / 2; }
  .cabtalent-int2 { grid-area: 2 / 1 / 3 / 2; min-height: 250px; }
  .cabtalent-int3 { grid-area: 3 / 1 / 4 / 2; display:none; }

  .fechanaixement {width: 150px; min-height: 60px;        line-height: 11px;}
  .inputNew {min-height:60px;}
  .arthur{width: calc(100% - 150px)!important;float: left;}
  .talleres2 h4 {   text-align: left;}
.tablaagenda {    padding: 0px;}
  .tallers {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
  .tallers1 { grid-area: 1 / 1 / 2 / 2; }
  .tallers2 { grid-area: 2 / 1 / 3 / 2;margin-top: 15px; }
  .tallers3 { grid-area: 3 / 1 / 4 / 2; min-height:300px;  }
  .blancos img{ width: 40%;margin: 20px 0 0 0;}  
  h3 { font-size: 1.8rem;        line-height: 2.1rem;    }  
  .h2Noti {    font-size: 2.1rem;    line-height: 2.3rem;}  
  .aparecer{display: block;}
  .despeje{margin-top: 15px;}
  .talleres {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
  .talleres1 { grid-area: 1 / 1 / 2 / 2; }
  .talleres2 { grid-area: 2 / 1 / 3 / 2; margin-top: 10px;}  
  .fcontactop {    position: relative;    top: auto;    margin-bottom: 0%;}
  .xarxes{text-align: left; margin: 20px 0 10px 0;}
  .partnerspie img {margin-right: 0px; height: 60px;padding:10px;    }  
  .preshome {    font-size: 17px;    line-height: 23px;    color: #3a5562;    padding-top: 25px !important; }
  .fira2 {        width: 100%;    }  
  .boto21arai {    transform: translateX(calc(-40% + 4px));}
	.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: 1.9rem;        line-height: 2.2rem;    }
	h5 {      font-size: 2.7rem;      line-height: 3.1rem;   }
	.contenedorpeque {    width: 86%;}
	.xarxes{ d    display: inline-block;    margin-right: 15px;    float: right;}
	.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;height: 210px;         padding-left: 15%;}
.corazon5b{display: none;}
.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; }

  h1 { font-size: 44px; line-height: 40px;    font-family: 'Light'; color: #3a5562;}
  .preshome33 h4 {        font-size: 44px;        line-height: 40px;  font-family: 'Light'; color: #3a5562;  }

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

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



@media (min-resolution: 108dpi) { 
  /* Se activa cuando el usuario hace zoom */
.dropdown {    font-size: 1.3rem;}
.contenedor ul li {    padding: 8px 6px 8px 6px !important;}
a.bolacontacto {    padding: 5px 13px;    font-size: 13px;}
}