html, body{
  overflow-x: hidden;
}
/* columns xl {{{ */
@media (min-width: 1920px) {
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12  {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
  }
  .col-xl-offset-1 {
    margin-left: 8.333333%;
  }
  .col-xl-offset-2 {
    margin-left: 16.666666%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-4 {
    margin-left: 33.333333%;
  }
  .col-xl-offset-5 {
    margin-left: 41.666667%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-7 {
    margin-left: 58.333333%;
  }
  .col-xl-offset-8 {
    margin-left: 66.666666%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-10 {
    margin-left: 83.3333333%;
  }
  .col-xl-offset-11 {
    margin-left: 91.666667%;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
  .col-xl-1 {
    width: 8.333333%;
  }
  .col-xl-2 {
    width: 16.666666%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-4 {
    width: 33.333333%;
  }
  .col-xl-5 {
    width: 41.666667%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-7 {
    width: 58.333333%;
  }
  .col-xl-8 {
    width: 66.666666%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-10 {
    width: 83.3333333%;
  }
  .col-xl-11 {
    width: 91.666667%;
  }
  .col-xl-12 {
    width: 100%;
  }
}
/* column xl end }}} */

.btn.focus, .btn:focus, .btn:hover {
  color: white;
}
main>div:first-of-type {
  min-height: 500px;
}
body a,
body .ui-widget-content a {
  color: #323260;
  text-decoration: none;
  font-weight: 700;
}
body a:hover,
body .ui-widget-content a:hover {
  color: #ec001a;
  text-decoration: none;
  font-weight: 700;
}
.dim-button-2 a, .btn-big-inside a, a.color-black, a.dismiss-button, #sidebar div a, a.btn, li a { text-decoration: none; }
.mostrar-slider-home span,
.mostrar-slider-home span:hover,
.mostrar-slider-home span:active,
.btn:hover {
  font-weight: 400;
}

@media(min-width: 1900px) {
  .container-custom {
    max-width: none;
    width: 100%;
  }
  .container-custom .container-menu {
    margin-left: 8.33333333%;
    margin-right:  8.33333333%;
  }

  .menu-main ul:not(.contextual-links) {
    display: block;
  }
  .menu-main {
    width: auto!important;
    margin-top: 0!important;
  }
  .menu-main ul:not(.contextual-links) li {
    margin-right: 30px;
  }
  .menu-main.mr50 {
    margin-right: 0!important;
  }
}
@media(max-width: 1899px) {
  .container-custom .menu-main {
    display: table;
    margin: auto;
    float: none;
    clear: both;
    margin-top: 15px;
  }
}
@media (max-width: 1100px) {
  .container-custom .menu-main {
    display: none;
  }
}
.layout-container * {
  outline: none!important;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.div5 {
  width: 20%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
.display-block {
  display: block;
}
a:hover {
  text-decoration: none;
}
/* TABS */
#block-bicing-local-tasks > ul:first-of-type{
  display: inline-block;
  list-style: none;
}
#block-bicing-local-tasks > ul:first-of-type li {
  display: inline-block;
}
#block-bicing-local-tasks > ul:first-of-type li a {
  color: #655656;
  text-decoration: none;
  padding: 10px 15px;
  font-size: 15px;
  display: block;
  border: 1px solid black;
}
.image-paragraph-tab > div > div{
  width: 20%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
.image-paragraph-tab > div > div img {
  width: 55%;
  height: auto;
  margin: auto;
  max-width: 200px;
}
.falso-overflow {
  display: table;
  content: '';
}
.inline-block {
  display: inline-block;
}
.capa-black {
  background-color: #32335f;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0.4;
}
.max-width-img-inside img {
  display: block;
  max-width: 400px;
  margin: auto;
}

/* GLOBAL */
body, .ui-widget {
  margin: 0;
  font-size: 1.8rem;
  color: #32335f;
  /* HELVETICA NUE => DEFECTO */
  font-family: 'Raleway', sans-serif;
}
.overflow-hidden {
  overflow: hidden;
}
.background-grey {
  /* background-color: #fcfcfc; */
  background-color: #f5f3f3;
}
.background-grey-2 {
  background-color: #88929E;
}
.background-grey-3 {
  background-color: #CCCCCC;
}
.background-grey-4{
  background-color: #f5f3f3;
}
.background-blue {
  background-color: #1d1e44;
  overflow: hidden;
}
.background-red, .circulo-descuento {
  background: #EB0029;
  background: -webkit-linear-gradient(45deg, #EB0029, #f1637b)!important;
  background: linear-gradient(45deg, #EB0029, #f1637b)!important;
}
.block-app-version p{
  display: none;
}
.pos-rel {
  position: relative;
}
.pos-abs {
  position: absolute;
  z-index: 9;
}
.oculto {
  display: none;
}
.float-right {
  float: right;
}
.corregir-right {
  margin-right: 8.33333333%;
}
.img-inside img{
  width: 100%;
  height: auto;
}
.img-inside-reduce img{
  width: 55%;
  height: auto;
}
.icons-pop img {
  min-width: 50px;
  max-width: 50%;
  height: auto;
  margin-bottom: 20px;
}
.centrado-global, .centrado-global-inside img {
  display: table;
  margin: auto;
}
.false-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 0px;
}
.color-white {
  color: #FFFFFF;
}
.color-black,
a.color-black {
  color: #32335f;
}
a.color-black:hover,
a.color-black:active,
a.color-black:focus {
  font-weight: bold;
  text-decoration: none;
}
.ml10 {
  margin-left: 1rem;
}
.ml20 {
  margin-left: 2rem;
}
.ml30 {
  margin-left: 3rem;
}
.mr10 {
  margin-right: 1rem;
}
.mr20 {
  margin-right: 2rem;
}
.mr30 {
  margin-right: 3rem;
}
.ml33 {
  margin-left: 33.33%;
}
.mb0 {
  margin-bottom: 0px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb35 {
  margin-bottom: 35px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb45 {
  margin-bottom: 45px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb55 {
  margin-bottom: 55px;
}
.mb60 {
  margin-bottom: 60px;
}
.mb70 {
  margin-bottom: 70px;
}
.mb75 {
  margin-bottom: 75px;
}
.mb80 {
  margin-bottom: 80px;
}
.mb90 {
  margin-bottom: 90px;
}
.mb100 {
  margin-bottom: 100px;
}
.mb120 {
  margin-bottom: 120px;
}
.mb190 {
  margin-bottom: 190px;
}
.mt0 {
  margin-top: 0;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt45 {
  margin-top: 45px;
}
.mt50 {
  margin-top: 50px;
}
.mt60 {
  margin-top: 60px;
}
.mt70 {
  margin-top: 70px;
}
.mt75 {
  margin-top: 75px;
}
.mt80 {
  margin-top: 80px;
}
.mt100 {
  margin-top: 100px;
}
.mt125 {
  margin-top: 125px;
}
.mt155 {
  margin-top: 155px;
}
.mr20 {
  margin-right: 20px;
}
.mr30 {
  margin-right: 30px;
}
.mr50 {
  margin-right: 50px;
}
.pl0 {
  padding-left: 0px!important;
}
.pl10 {
  padding-left: 10px;
}
.pl20 {
  padding-left: 20px;
}
.pl30 {
  padding-left: 30px;
}
.pl35 {
  padding-left: 35px;
}
.pt0 {
  padding-top: 0!important;
}
.pt15{
  padding-top: 15px;
}
.pt20 {
  padding-top: 20px;
}
.pt30 {
  padding-top: 30px;
}
.pt50 {
  padding-top: 50px;
}
.pt60 {
  padding-top: 60px;
}
.pt150 {
  padding-top: 150px;
}
.pr0 {
  padding-right: 0!important;
}
.pr30 {
  padding-right: 30px;
}
.pr35 {
  padding-right: 35px;
}
.pb0{
  padding-bottom: 0!important;
}
.pb25 {
  padding-bottom: 25px;
}
.pb20{
  padding-bottom: 20px;
}
.pb30{
  padding-bottom: 30px;
}
.pb50{
  padding-bottom: 50px;
}
.pb150{
  padding-bottom: 150px;
}
.pb60{
  padding-bottom: 60px;
}
.pr20 {
  padding-right: 20px;
}
.paddings30 {
  padding: 30px;
}
/* FONTS */
html {
  font-size: 10px;
}
.fwr {
  font-weight: 400;
}
.fwsb {
  font-weight: 500;
}
.fwb {
  font-weight: bold;
}
.fs100 {
  font-size: 38px;
  font-family: monospace;
}
.avantatge-pc .fs100 {
  position: absolute;
  height: 38px;
  width: 38px;
  top: 10px;
  right: 20px;
}
.fs16 {
  font-size: 1.6rem;
}
.fs18 {
  font-size: 1.8rem!important;
}
.fs24 {
  font-size: 2.4rem;
}
.fs32 {
  /* font-size: 3.2rem; */
  font-size: 2.2rem;
}
.fs30-px {
  font-size: 30px;
}
.fs41 {
  font-size: 4.1rem;
}
.fs68 {
  font-size: 6.8rem;
}

.fs34 {
  font-size: 3.4rem;
}
.fs58 {
  font-size: 5.8rem;
}
@media (max-width: 1200px) and (min-width: 768px) {
  .fs68 {
    font-size: 5.4rem;
  }
  .fs41 {
    font-size: 3.7rem;
  }

  .fs34 {
    font-size: 3.4rem;
  }
  .fs58 {
    font-size: 5.4rem;
  }
}
@media (max-width: 767px) {
  .fs68 {
    font-size: 4.6rem;
  }
  .fs41 {
    font-size: 3.2rem;
  }

  .fs34 {
    font-size: 3.2rem;
  }
  .fs58 {
    font-size: 4.6rem;
  }
}
.fw500 {
  font-weight: 500;
}
.pb90 {
  padding-bottom: 90px;
}
.pb120 {
  padding-bottom: 120px;
}
.force-sq-borders {
  border-radius: 0!important;
}
.background-adapted {
  background-size: cover;
  background-position: center;

}
.borders-top-b {
  border-top: 2px solid #F2F2F2;
  border-bottom: 2px solid #F2F2F2;
}
.borders-all {
  border: 2px solid #F2F2F2;
}
.border-top-none {
  border-top: none!important;
}
.lh1 {
  line-height: 1;
}
.lh1-2 {
  line-height: 1.2;
}
.redondear-imagen img{
  width: 100%;
  height: auto;
  border-radius: 316px;
}
.circulo-descuento-teaser.circulo-descuento {
  position: absolute;
  bottom: 0;
  right: 0;
}
.caja-blanca {
  padding-top: 60px;
  padding-bottom: 60px;
  border-width: 0;
  border-style: solid;
  border-color: #dae1e7;
  box-shadow: 0px 20px 25px #ecebeb;
  background-color: white;
}

.caja-blanca-limpia {
  background-color: white;
  -webkit-box-shadow: 0px 20px 25px #ecebeb;
  -moz-box-shadow: 0px 20px 25px #ecebeb;
  box-shadow: 0px 20px 25px #ecebeb;
  width: 100%;
}

.shadow, .imagenes-sombra-hover img:hover, .imagenes-sombra-hover .false-link:hover + div img {
  -webkit-box-shadow: 0px 20px 25px #ecebeb;
  -moz-box-shadow: 0px 20px 25px #ecebeb;
  box-shadow: 0px 20px 25px #ecebeb;
}
.imagenes-sombra-hover img  {
  border-radius: 10000px;
}
.levantar {
  z-index: 9999;
  position: relative;
}
.levantar-2 {
  z-index: 9;
  position: relative;
}
.body-estiles p{
  margin-bottom: 30px;
}

.centrar-link {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}

/* BUTTONS */
.btn-big-inside a,
.btn, .btn-inside a, .btn-inside input[type="submit"],
.form-type input[type="submit"] {
  background: #EB0029;
  background: -webkit-linear-gradient(45deg, #EB0029, #f1637b)!important;
  background: linear-gradient(45deg, #EB0029, #f1637b)!important;
  color: #fff;
  border: 0;
  border-radius: 30px !important;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  padding: 6px 18px;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 400;
}

input.btn.btn-reverse.disabled {
  border: 0;
  border-radius: 30px !important;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 400;
  background: white!important;
  color: #e61e2e!important;
}


.btn-big-inside a:hover,.btn-big-inside a:active,
.btn:hover, btn:active, btn:focus,
.btn-inside a:hover, .btn-inside a:active, .btn-inside a:focus,
.btn-inside input[type="submit"]:hover, .btn-inside input[type="submit"]:active, .btn-inside input[type="submit"]:focus,
.form-type input[type="submit"]:hover, .form-type input[type="submit"]:active, .form-type input[type="submit"]:focus
{
  -webkit-box-shadow: inset 0px 0px 0px 10px #f00;
  -moz-box-shadow: inset 0px 0px 0px 10px #f00;
  box-shadow: inset 0px 0px 0px 2px #f00;
  background: transparent!important;
  color: #EB0029;

}
.btn-white, .btn-white-inside a {
  background: #FFFFFF;
  color: #88929E;
  border-color: white;
}
.btn-white:hover, btn-white:active, btn-white:focus,
.btn-white-inside a:hover, .btn-white-inside a:active, .btn-white-inside a:focus {
  border-color: white;
  color: white;
}
.btn-white-2,
.btn-white-2-inside a {
  background: transparent;
  border-color: white;
}
.btn-white-2:hover, .btn-white-2:active, .btn-white-2:focus,
.btn-white-2-inside a:hover, .btn-white-2-inside a:active, .btn-white-2-inside a:focus {
  background-color: white;
  /* color: #384A5E; */
  border-color: white;
}

.btn-white-3,
.btn-white-3-inside a {
  background: #FFFFFF;
  color: rgba(241,4,43,1);
  font-weight: 500;
  border: 2px solid white!important;
}
.btn-white-3-inside a:hover, .btn-white-3-inside a:active, .btn-white-3-inside a:focus {

  color: white;
  text-decoration: none;
}
.btn-icon i{
  margin-right: 15px;
}
.btn-big {
  padding: 20px 60px;
}
.logo-controlado-campana {
  width: 60px;
  height: 60px;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  border: 2px solid #e30008;
  border-radius: 74px;
}
.bicing-login-form .captcha-bicing .g-recaptcha {
  padding-left:0;
  margin-bottom: 0!important;

}
.bicing-login-form .captcha-bicing .g-recaptcha > div {
  width: auto!important;
  height: auto!important;
}
.bicing-login-form .captcha-bicing .g-recaptcha iframe{
  margin-top: 25px !important;
}

.grecaptcha-badge {
  bottom: 78px;
}

.logo-controlado-campana img {
  width: 60%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
}
.numero-campana {
  color: #EB0029;
  font-size: 18px;
  position: absolute;
  right: 28px;
  top: 5px;
  width: 26px;
  height: 26px;
  border: 2px solid #EB0029;
  border-radius: 30px;
  background-color: white;
  z-index: 9;
  font-size: 14px;
}
.numero-campana span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-family: arial;
}
.text-center-inside-a a {
  text-align: center;
}

/* MENU */
.menu-main {
  width: 100%;
  margin: 0;
  margin-top: 15px;
}
.menu-main ul:not(.contextual-links){
  list-style: none;
  padding: 0;
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
}
.menu-main ul:not(.contextual-links) li {
  display: inline-block;
  font-size: 1.6rem;
  margin-left: 0px;
}
.menu-main ul:not(.contextual-links) li a {
  color: #32335f;
  font-weight: bold;
}

.menu-main ul:not(.contextual-links) li a:hover {
  color: #EB0029;
}
.menu-main ul:not(.contextual-links) li a.is-active {
  font-weight: bold;
  color: #EB0029;
}
/* FOOTER */
footer ul {
  list-style: none;
  padding-left: 0;
  margin-top: 7px;
}
footer ul li {
  display: inline-block;
  font-size: 1.6rem;
  margin-right: 30px;
  font-size: 12px;
}
footer .menu-footer {
  width: calc(100% - 150px);
}
.contentinfo-footer
{
  padding-top: 10px;
  padding-bottom: 10px;
}
.menu-main a:hover,
.menu-main a:focus,
.menu-main a:active {
  text-decoration: none;
  font-weight: 600;
}
.contentinfo-footer a {
  color: #32335f;
}
/* CONTENIDO */
.circulo-descuento {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 96px;
  position: relative;
  background-color: #32335f;
  color: white;
}
.circulo-descuento .circulo-descuento-contenido {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
/* BANNER */
.banner-paragraph {
  background-color: white;
  display: table;
  border-radius: 15px 0px 0px 15px;
  -webkit-box-shadow: 0px 20px 25px #ecebeb;
  -moz-box-shadow: 0px 20px 25px #ecebeb;
  box-shadow: 0px 20px 25px #ecebeb;
}
.banner-paragraph .zona-image{
  float: left;
  width: 36%;
}

/* .banner-paragraph .zona-image img {
 *   border-radius: 20px 0px 0px 20px;
 *   } */

.banner-paragraph .zona-text-content {
  float: left;
  width: 64%;
  /*padding: 40px 30px 40px 30px;*/
  padding:25px;
}
.banner-paragraph .zona-text-content .mb30{
  font-size:1.6rem;
  min-height:117px;
}
@media (max-width: 1200px) and (min-width: 650px) {
  .banner-paragraph .zona-text-content .mb30 *{
    font-size: 1.4rem;
  }
}
.banner-paragraph a {
  width: 99%!important;
  /*  bottom: 0; */
}
/* SLIDER */
.inside-slider-images .slick-dots {
  bottom: 0;
}
.arrows-control .slick-next{
  right: -10.33%;
}
.arrows-control .slick-prev{
  left: -10.33%;
}

.slider-home-content .slick-prev{
  left: 9%;
  z-index: 9;
}
.slider-home-content .slick-next{
  right: 9%;
  z-index: 9;
}
.slider-home-content .slick-prev:before,
.slider-home-content .slick-next:before {
  color: white!important;
  opacity: 1;
}
.slider-home-content .slick-prev,
.slider-home-content .slick-next {
  max-height: 50px!important;
  max-width: 50px!important;
}

.slider-home-thumnails-container button{
  display: none!important;
}
.slick-dots li button:before,
.slick-dots li button:after {
  font-size: 11px!important;
}
.home-slider-content-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}
.node-categories img {
  width: 80%;
}

.cards-inside .views-row{
  margin-bottom: 30px;
}
.cards-inside .views-row > * {
  padding: 30px 30px 0px 30px;

}
/* MAPA */
.datos-mapa-container {
  position: absolute;
  z-index: 999;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
}
.datos-mapa-container > div{
  padding: 0 50px;
  background-color: white;
  display: inline-block;
  border: 1px solid #d8d8d8;
}

.datos-mapa-container > div a:hover {
  font-weight: inherit;
  text-decoration: underline;
}

.datos-mapa-container > div i {
  margin-right: 15px;
}
#map {
  height: 600px!important;
}
/* FORM ADVATATGES */
.exposed-form-avatatges,
.exposed-form-avatatges-inside form {
  padding: 30px 90px;
  display: table;
  content: '';
  width: 100%;
  margin-bottom: 80px;
  text-align: center;

}

.exposed-form-avatatges .form-actions,
.exposed-form-avatatges-inside .form-actions {
  position: relative;
}
.exposed-form-avatatges .form-actions input,
.exposed-form-avatatges-inside .form-actions input {
  font-size: 0px;
}
.exposed-form-avatatges .form-actions:before,
.exposed-form-avatatges-inside .form-actions:before {
  font-family: "Font Awesome 5 Free";
  content: "\f002";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
}
.exposed-form-avatatges .form-item-field-codi-postal-value,
.exposed-form-avatatges-inside .form-item-field-codi-postal-value,
.exposed-form-avatatges .form-item-field-cp-value,
.exposed-form-avatatges-inside .form-item-field-cp-value {
  width: calc(100% - 80px);
  margin-right: 15px;
}

.vista-espaciada-inside .results-rows .views-row:nth-child(3n) article,
.vista-especiada .views-row:nth-child(3n) article{
  /*      padding-left: 20px!important; */
  /*    padding-right: 0!important; */
}
.vista-espaciada-inside .results-rows .views-row:nth-child(2n+1) article,
.vista-especiada .views-row:nth-child(2n+1) article {
  padding-left: 10px;
  padding-right: 10px;
}

/* BOTONES SOCIALES FOOTER */
.botones-sociales a {
  width: 46px;
  height: 42px;
  transition: all .3s;
  border-radius: 50%;
  display: inline-block;
  border: 2px solid white;
  background-color: white;
  margin-right: 30px;
  background-color: white;
  position: relative;
  font-size: 16px;
}
.botones-sociales a:hover {
  color: white;
  background-color: #384a5d;
}
.botones-sociales a:last-of-type {
  margin-right: 0;
}

/* SLIDER */

.inside-slider-images-arrows button.slick-prev:before {
  content: "\f053";
  position: relative;
  color: #000000;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  font-size: 30px;
}
.inside-slider-images-arrows button.slick-next:before{
  content: "\f054";
  position: relative;
  color: #000000;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  font-size: 30px;
}

/* NEWS TEASER */
.views-row-relative .views-row {
  position: relative;
}
.views-row-relative .contextual-region {
  position: static;
}
.span-link-no-space a{
  /*  position: absolute;
   *    bottom: 12px;
   *      left: 50%;
   *        transform: translateX(-50%);*/
}
/* CIRCLE ELEMENT */
.circle-element {
  width: 42px;
  height: 42px;
  border: 1px solid #ef6a81;
  border-radius: 45px;
  background: rgba(241,4,43,1);
  line-height: 42px;
  background: #EB0029;
  background: -webkit-linear-gradient(45deg, #EB0029, #f1637b)!important;
  background: linear-gradient(45deg, #EB0029, #f1637b)!important;
  position: relative;
}
.circle-element span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 2.4rem;
  color: white;
  line-height: 1;
  font-family: arial;
}
/* TABS FAQS */
.tabs-faqs h3.ui-accordion-header{
  background: transparent;
  border-left: 0;
  border-right: 0;
  padding-top: 25px;
  padding-bottom: 25px;
  border-color: #B3B3B3;
  border-top: 0;
}
.tabs-faqs h3.ui-accordion-header {
  outline: none;
}

div > .tabs-faqs h3.ui-accordion-header:first-of-type {
  border-top: 1px solid #B3B3B3;
  padding-left: 30px;
  border-radius: 0px;
}

.tabs-faqs h3.ui-accordion-header span {
  display: none;
}
.ui-accordion {
  margin-bottom: 36px;
}
.tabs-faqs .ui-state-active,
.tabs-faqs .ui-state-default {
  color: #32335f;
}
.faqfield-answer {
  font-size: 1.6rem;
  color: #32335f;

}
.faqfield-answer li {
  padding-bottom: 15px;
}
.tabs-faqs .ui-widget-content {
  background-color: white;
  padding: 20px 20px 10px 20px;
  border-radius: 0;
  border: none;

}
h3.ui-accordion-header-active {
  border-bottom: 0;
  font-weight: bold;
}
.slider-home-thumnails-container-container {
  position: relative;
  z-index: 999;
}

/* BREADCRUMB */
.breadcrumb {
  box-shadow: 0px 20px 25px #ecebeb;
  background-color: white;
  position: relative;
  border-top: 1px solid #ecebeb;
  margin-bottom: 0;
  overflow: hidden;

}
.breadcrumb ol{
  padding-left: 0;
  list-style: none;
}
.breadcrumb ol li {
  display: inline-block;
  padding-right: 10px;
  margin-right: 10px;
  position: relative;
  color: #32335f;
  font-weight: 400;
  font-size: 1.4rem;
}
.breadcrumb ol li:after {
  content: '/';
  position: absolute;
  top: 0;
  right: -10px;
  color: #8e8e8e;
  font-weight: 400;
}
.breadcrumb ol li:nth-last-child(2):after {
  content: '/';
  color: #4D4D4D;
}

.breadcrumb ol li a, time {
  font-size: 1.4rem;
  color: #8e8e8e;
  font-weight: 500;
}
.breadcrumb ol li:last-of-type {
  padding-right: 0;
  margin-right: 0;
}
.breadcrumb ol li:last-of-type:after {
  content: '';
}

/* BODY APP BICING */
.body-model p,
.body-model li{
  margin-bottom: 20px;
  position: relative;
}
.body-model ul {
  list-style: none;
}
.body-model li:after {
  content: "\f054";
  color: #000000;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  left: -34px;
  top: 0;
  position: absolute;
  color: #EB0029;
}
.h3-arrow h3 {
  padding-left: 30px!important;
}
.h3-arrow h3:after {
  content: "\f054";
  color: #000000;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  left: 0px;
  top: 25px;
  position: absolute;
  color: #EB0029;
}

/* TABS */
.tabs-system {
  position: relative;
}
.tabs-system:after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #cccccc;
  position: absolute;
  bottom: 0;

}

.tabs-system ul{
  list-style: none;
  padding-left: 0;
}
.tabs-system ul li {
  display: inline-block;

}
.tabs-system ul li a.active {
  font-weight: bold;
}
.tabs-system ul li a {
  padding-top: 17px;
  padding-bottom: 17px;
  border: 1px solid #c5c5c5;
  display: block;
  border-bottom: none;
  position: relative;
  text-decoration: inherit!important;
  color: #32335f!important;
}
.tabs-system ul li a.active:after,
.tabs-system ul li a:hover:after,
.tabs-system ul li a:active:after,
.tabs-system ul li a:focus:after{
  content: '';
  width: 100%;
  height: 26px;
  background-color: white;
  position: absolute;
  left: 0;
  bottom: -18px;
  z-index: 9;
}
.tabs-content {
  display: none;
}
.mostrar {
  display: inherit;
}
.selector-lenguaje-prov ul {
}

.selector-lenguaje-prov li {
  display: inline-block;
  margin-right: 30px;
}

/* SLIDER HOME */
.slider-home .slick-dots{
  bottom: 20px;
}
.slider-home .slick-dots button {
  padding: 0;
}
.slider-home .slick-dots li {
  margin: 0;
}
.slider-home .slick-dots li button:before {
  color: white;
}
.slider-home .slick-dots li.slick-active button:before {
  color: white;
}
.slider-home .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.slider-home-content {
  position: relative;
  overflow: hidden;
}
.slider-home-content .slider-home-thumnails-container{
  overflow: hidden;
  height: 0px;
}
.slider-home-content .slider-home-thumnails-container img {
  cursor: pointer;
}
.slider-home-content .show-slider {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 9;
}
.slider-home-content .show-slider .slider-home-thumnails-container{
  height: auto;
  overflow: inherit;
}

.mostrar-slider-home {
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  border: 1px solid white;
  border-radius: 30px;
  background-color: white;
  font-size: 36px;
  color: #EB0029!important;
}

.mostrar-slider-home span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.slider-home-content .show-slider .mostrar-slider-home {
  margin-bottom: 30px;
  display: inline-block;
  bottom: 0;
  /* position: relative; */
  position: absolute; bottom: calc(100% + 5px);
  transform: none;
  left: inherit;
  z-index: 9999;
}
.slider-home-thumnails .slick-current.slick-active {
  background-color: #32335f;
}
.slider-home-thumnails .slick-current.slick-active img {
  opacity: 0.5;
}
.text-thumbnail-slider {
  display: none;
}
.slider-home-thumnails .slick-current.slick-active {
  position: relative;
}
.slider-home-thumnails .slick-current.slick-active .text-thumbnail-slider {
  display: inherit;
  position: absolute;
  color: white;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.div-imagen-home {
  position: relative;
  padding-bottom: 50.2708559%;
  background-size: cover;
  background-position: center;
  min-height: 450px;
}
.width-150 img {
  width: 150px;
}
/* DADES BICING */
.dades-bicing {
  margin-bottom: 30px;
  font-size: 2.4rem;
  font-weight: bold;
}
.dades-bicing img {
  margin-bottom: 40px;
  width: 70%;
  height: auto;
  padding-left: 30px;
  padding-right: 30px;
}
.dades-bicing .paragraph--type--icon-text > div:nth-child(2){
  font-size: 2.4rem;
}
.dades-bicing .paragraph--type--icon-text > div:nth-child(3){
  font-size: 1.6rem;
  font-weight: 400;
}

.svg-linea {
  position: absolute;
}

/* COM FUNCIONA */
.com-funciona ul{
  list-style: none;
  padding-left: 0;
}
.com-funciona ul li {
  display: block;
  padding-left: 0px;
  position: relative;
}

.com-funciona p a {
  color: #32335f;
  display: inline;
  font-size: 1.8rem;
  padding: 0;
  min-width: auto;
  background: none!important;
  text-transform: lowercase;
  font-weight: 600;
}
.com-funciona p a:active,
.com-funciona p a:hover {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  background: none;
}
#linea1 {
  position: absolute;
  width: 27%;
  left: 57%;
  transform: translateX(-50%);
  top: 50px;
}

#linea2 {
  position: absolute;
  width: 45%;
  left: 51%;
  transform: translateX(-50%);
  top: -110px;
}
#linea3 {
  position: absolute;
  width: 26%;
  left: 46%;
  transform: translateX(-50%);
  bottom: 26px;
}

#linea4 {
  position: absolute;
  width: 11%;
  transform: translateX(-50%);
  top: -175px;
  right: 67px;
  height: 65%;
}

#linea5 {
  position: absolute;
  width: 25%;
  top: 82px;
  left: 47%;
  right: 0;
}

#linea6 {
  position: absolute;
  width: 43%;
  top: -125px;
  left: 27%;
  right: 0;;
}

#linea7 {
  position: absolute;
  width: 19%;
  left: 42%;
  right: 0;
  bottom: 160px;
}

/* TABLE PRICE */
.precio {
  position: relative;
}
.precio-fondo {
  width: 180px;
  height: 180px;
  font-size: 3.2rem;
  background-image: url('../img/shape.svg');
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
}
.precio-fondo-texto {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 3.2rem;
}
.precio-fondo-texto span {
  font-size: 1.8rem;
}

.table-prices-container .table-prices {
  width: 100%;
}
.table-1 .table-prices:after,
.table-1 .table-prices:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 75%;
  bottom: 0;
  background-color: #323260;
  left: calc(33.33% - 14px);

}
.table-1 .table-prices:after {
  left: inherit;
  right: -15px;
}
.table-prices-container .table-prices tr td{
  padding-top: 25px;
  padding-bottom: 25px;
  width: 33.33%;
  height: 100px;
  background-color: #E6E6E6;
  padding-right: 15px;
}

.table-prices-container .table-prices tbody tr:first-child td,
.table-prices-container .table-prices tbody tr td:first-child  {
  background-color: transparent;
  padding-right: 25px;
}
.table-prices-container .table-prices-content:not(:first-child) table tbody tr td:first-child{
  display: none;
}
.table-prices-container .table-prices-content:last-of-type .precio-fondo{
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.table-prices-container .table-prices-content tbody tr {
  /*    border-bottom: 1px solid #B3B3B3; */
}
.table-prices-container .table-prices-content tbody tr:first-child,
.table-prices-container .table-prices-content tbody tr:last-child {
  border: none;
}
.table-prices-container .table-prices-content:last-of-type tr {
  /*  position: relative; */
}
.table-prices-container .table-prices-content:last-of-type tr div {

}

.pintar-mapa {
  display: none;
}

/* BLOQUE ABONAMENTS */
#mapa-abonaments {
  height: 500px;
  position: relative;
}
#mapa-abonaments .container{
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  position: absolute;
}
.caja-abonaments {
  padding: 15px;
  position: relative;
  width: 350px;
  height: 350px;
}
.caja-abonaments-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  width: calc(100% - 30px);
}


/* FORMULARIO */


.form-type input,
.form-type textarea
{
  font-size: 1.6rem;
  padding: 10px 30px;
  width: 100%;
  margin: 0;
  border-radius: 9px;
  border: 1px solid black;
}
.form-type select {
  background-color: white;
  font-size: 1.6rem;
  padding: 10px 30px;
  width: 100%;
  margin: 0;
  border-radius: 9px;
  height: 44px;
  border: 1px solid black;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.form-type .js-form-type-select {
  position: relative;
}

.webform-message div div {
  background-color: transparent;
  border: none;
  font-size: 1.4rem;
  color: #8e8e8e;
  margin: 0;
  padding: 5px 0 30px
}

.webform-message div div a {
  color: #8e8e8e;
  font-weight: 700;
}

.webform-message div div a {
  color: #8e8e8e;
  font-weight: 700;
}

#edit-disclaimer {
  padding-top: 20px;
  clear: both;
}

.form-actions input.webform-button--submit {
  padding: 21px 25px !important;
  min-width: 220px;
  font-size: 1.4rem !important;
  display: inline-block;
}

.webform-submission-form .form-wrapper .form-item {
  margin-bottom: 15px;
}

.js-form-type-managed-file,
.js-form-type-textarea,
.js-form-type-select {
  width: 98%;
  float: left;
}

.js-form-type-managed-file {
  margin-bottom: 20px;
}

.js-form-type-date,
.js-form-type-email,
.js-form-type-textfield {
  width: 48%;
  float: left;
  margin-right: 2%;
}


.form-type .js-form-type-select:after {
  font-family: "Font Awesome 5 Free";

  content: '\f0d7';
  font-size: 28px;
  position: absolute;
  bottom: 0px;
  right: 20px;
  color: #434B67;
  pointer-events: none;
  font-weight: 900;
}
.form-type .ajax-progress-throbber {
  display: none;
}

.form-type label {
  font-size: 1.8rem;
  font-weight: 400;
}
.form-type input.btn {
  display: inline-block;
  width: auto;
  border-color: inherit;
}

.form-type .show-password {
  position: absolute;
  right: 20px;
  top: 10px;
}
.form-type .show-password img {
  width: 25px;
}
.form-type .errors {
  font-size: 1.4rem;
  position: absolute;
  width: 282px;
  top: 0;
  right: -300px;
  padding: 14px;
  background-color: white;
  border-radius: 9px;

}
.form-type .g-recaptcha{
  clear: both;
  margin-bottom: 25px;
  padding-left: 15px;
}
.form-type select::-ms-expand {
  display: none;
}

.form-type-viejo {
  margin-left: -15px;
  margin-right: -15px;
}
.form-type-viejo .js-form-type-select,
.form-type-viejo .js-form-type-textfield,
.form-type-viejo .js-form-type-date,
.form-type-viejo .js-form-type-textarea,
.form-type-viejo .js-form-type-email,
.form-type-viejo .js-form-type-number,
.form-type-viejo .js-form-type-managed-file{
  width: 50%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 25px;
}
.form-type-viejo .js-form-type-textarea,
.form-type-viejo .js-form-type-managed-file {
  width: 100%;
}
.form-type-viejo fieldset {
  margin-bottom: 25px;
  width: 96%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 16px;
}
.form-type-viejo fieldset .form-item {
  width:48%;
}
.form-type-viejo fieldset legend {
  position: relative;
  top:-10px;
  font-size: 1.4rem;
  letter-spacing: 0.8px;
  font-weight: 400;
  text-transform: uppercase;
}
.form-type-viejo .js-form-submit {
  margin-left: 15px;
}
.form-type.form-type-viejo .js-form-type-select:after{
  right: 25px;
}

#ajax-wrapper, .form-item-file {
  clear: both;
  float: none!important;

}
.ocultar-link-submit input[type="submit"] {
  display: none;
}

div[role="contentinfo"] {
  padding: 20px;
  border: 3px solid #f25972;
  color: black;
  padding: 10px;
  margin: 15px 0px 30px;
}

.home-messages div[role="contentinfo"] {
  margin: 25px 0 30px;
}
.be-messages div[role="contentinfo"] {
  margin: 40px 0 0;
}
.rowmessages ~ h2.mt80,
.be-messages ~ h2.mt80 {
  margin-top: 60px;
}
.be-messages.incol>:first-child {
  margin-top: 20px;
}
@media (min-width: 992px) {
  #block-home .be-messages.incol>:first-child {
    /* margin-bottom: -40px; */
  }
}


div[aria-label="Mensaje de error"],
div[aria-label="Missatge d'error"] {
  color: #721c24;
  background-color: #f8d7da;
  border:3px solid #f5c6cb;
}

div[aria-label="Mensaje de estado"],
div[aria-label="Missatge d'estat"] {
  color: #155724;
  background-color: #d4edda;
  border:3px solid #c3e6cb;
}

.col-md-6.col-md-offset-3>div[aria-label="Missatge d'estat"],
.col-md-6.col-md-offset-3>div[aria-label="Mensaje de estado"],
.col-md-8.col-md-offset-2>div[aria-label="Missatge d'estat"],
.col-md-8.col-md-offset-2>div[aria-label="Mensaje de estado"],
.col-md-6.col-md-offset-3>div[aria-label="Missatge d'error"],
.col-md-6.col-md-offset-3>div[aria-label="Mensaje de error"],
.col-md-8.col-md-offset-2>div[aria-label="Missatge d'error"],
.col-md-8.col-md-offset-2>div[aria-label="Mensaje de error"] {
  margin-top: 50px;
  margin-bottom: -50px;
}

.form-type-viejo {
  margin-left: -15px;
  margin-right: -15px;
}

.form-type-viejo .js-form-type-textarea,
.form-type-viejo .js-form-type-managed-file {
  width: 100%;
}
.form-type-viejo .js-form-submit {
  margin-left: 15px;
}
.form-type.form-type-viejo .js-form-type-select:after{
  right: 25px;
}

.js-form-type-radio .form-radio {
  width: 25px;
}

.form-item legend {
  border-bottom: inherit;
}

.box-padding {
  padding: 5% 10% 5% 10%;
}

/* Formulario de satisfacción */

/* .bicing-service-cancellation-form legend > span:before {
 *   content: ">";
 *     color: red;
 *       margin-right:10px;
 *         font-weight:500;
 *         }
 *         */

.bicing-service-cancellation-form #edit-reasons--wrapper{
  margin-bottom: 40px;
}

.bicing-service-cancellation-form #edit-returning-to-service .form-item-returning-to-service,
.bicing-service-cancellation-form #edit-reasons .form-item-reasons {

  margin-left:25px;
}

.bicing-service-cancellation-form #reasons {
  margin-bottom: 30px;
}


/* DISPONIBILITATS */
.container-label,
.js-form-type-radio,
.js-form-type-checkbox {
  display: inline-block;
  margin-right: 15px;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1.6rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
label.container-label  {
  font-weight: 400;
}
.form-filter-mapa {
  display: table;
  margin: auto;
}
.lista-icons ul {
  list-style: none;
  padding-left: 0;
  display: table;
  margin: auto;
  overflow: hidden;
}
.lista-icons ul li {
  display: inline-block;
  font-size: 1.6rem;
}
.lista-icons ul li {
  margin-right: 30px;
}
.lista-icons ul li:last-child {
  margin-right: 0;
}
.container-label input,
.js-form-type-radio input,
.js-form-type-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.container-label .checkmark,
.js-form-type-radio .checkmark,
.js-form-type-checkbox .checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 13px;
  width: 13px;
  background-color: transparent;
  border: 1px solid rgba(241,4,43,1);
}
.container-label .checkmark:after,
.js-form-type-radio .checkmark:after,
.js-form-type-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.container-label input:checked ~ .checkmark:after,
.js-form-type-radio input:checked ~ .checkmark:after,
.js-form-type-checkbox input:checked ~ .checkmark:after {
  display: block;
}
.container-label .checkmark:after,
.js-form-type-radio .checkmark:after,
.js-form-type-checkbox .checkmark:after {
  left: 4px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid #f2001e;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.js-form-type-radio .checkmark {
  border-radius: 20px;
}
.form-type-radio .checkmark,
.form-type-checkbox .checkmark {
  top: 3px;
  height: 13px;
  width: 14px;
}
.js-form-type-radio .checkmark:after {
  border-radius: 60px;
  border: 1px solid #f2001e;
  transform: none;
  border-radius: 45px;
  height: 5px;
  background: #f2001e;
  height: 12px;
  width: 11px;
  left: 0;
  top: 0;
}

.submit-with-lupa {
  position: relative;
  margin-top: 29px;
  width: auto;
  display: inline-block;
  background: #32335f;
  color: #fff;
  float: right;


}
.form-type input.lupa-button {
  border-radius: 0px!important;
  border: 1px solid #dae2df!important;
  width: 50px;
  height: 55px;
  display: inline-block;
  position: relative;
  background: transparent!important;
  font-size: 0!important;
}

#views-exposed-form-avantatges-block-1 input.form-submit{
  background: #32335f;
}

.exposed-form-avatatges .form-actions:before, .exposed-form-avatatges-inside .form-actions:before{
  color: #fff;
}

.form-type input.lupa-button:hover {
  border: 1px solid #dae2df!important;
  box-shadow: none;
}

.submit-with-lupa i{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}


/* PAGER */
.pager {
  clear: both;
}
.pager ul li a{
  border: 1px solid #eb0029;
  border-radius: 0;
  background: no-repeat;
  color: white;
  background: linear-gradient(45deg, #EB0029, #f1637b);
}
.pager ul li a:hover,
.pager ul li a:active,
.pager ul li a:focus,
.pager ul li.is-active a {
  color: #f30431;
  background: transparent;
}
/* AVANTATGES */
.redondear-imagen-miniatura {
  border-radius: 1904px;
  /*  -webkit-box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.75);
   *      -moz-box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.75);
   *          box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.75);*/

}
.radio-arreglar .js-form-type-checkbox {
  overflow: hidden;
  clear: both;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
}
.radio-arreglar .js-form-type-checkbox label{
  display: none;
}
.radio-arreglar .js-form-type-checkbox .description {
  float: left;
}
.radio-arreglar .js-form-type-checkbox input {
  float: left;
  display: inline;
  width: auto;
  margin-right: 15px;
}
.responsive-button {
  display: none;
}
#news-teaser2 img {
  border-radius: 5px;
}
.social-feeds-header {
  display: inline-block;
  margin-right: 15px;
}

.social-feeds-header a{
  font-size: 1.8rem;
  margin-left: 15px;
  color: #EB0029;
}

.social-feeds-header a .fa-twitter::before{
  content:url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.1192 7.1991L16.4485 0H14.9489L9.45067 6.24957L5.06246 0H0L6.63733 9.4513L0 17H1.49964L7.30234 10.3987L11.9375 17H17L10.1192 7.1991ZM8.06458 9.53427L7.39106 8.59254L2.04045 1.10624H4.34422L8.66359 7.15017L9.33428 8.0919L14.9482 15.9477H12.6444L8.06458 9.53427Z" fill="%23EB0029"/></svg>');
}

.social-feeds-header a .fa-instagram::before{
  content:url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.5019 4.14141C6.08985 4.14141 4.14428 6.08742 4.14428 8.5C4.14428 10.9126 6.08985 12.8586 8.5019 12.8586C10.9139 12.8586 12.8595 10.9126 12.8595 8.5C12.8595 6.08742 10.9139 4.14141 8.5019 4.14141ZM8.5019 11.3336C6.94317 11.3336 5.66888 10.0629 5.66888 8.5C5.66888 6.93713 6.93938 5.66635 8.5019 5.66635C10.0644 5.66635 11.3349 6.93713 11.3349 8.5C11.3349 10.0629 10.0606 11.3336 8.5019 11.3336ZM14.0542 3.96313C14.0542 4.52834 13.5991 4.97975 13.0378 4.97975C12.4727 4.97975 12.0214 4.52455 12.0214 3.96313C12.0214 3.40171 12.4765 2.9465 13.0378 2.9465C13.5991 2.9465 14.0542 3.40171 14.0542 3.96313ZM16.9403 4.99492C16.8758 3.6331 16.5648 2.42681 15.5674 1.43295C14.5737 0.439083 13.3677 0.128026 12.0062 0.0597456C10.603 -0.0199152 6.39704 -0.0199152 4.99381 0.0597456C3.63608 0.124233 2.43006 0.435289 1.43263 1.42915C0.435193 2.42302 0.127998 3.62931 0.0597323 4.99113C-0.0199108 6.39468 -0.0199108 10.6015 0.0597323 12.0051C0.124205 13.3669 0.435193 14.5732 1.43263 15.5671C2.43006 16.5609 3.63229 16.872 4.99381 16.9403C6.39704 17.0199 10.603 17.0199 12.0062 16.9403C13.3677 16.8758 14.5737 16.5647 15.5674 15.5671C16.561 14.5732 16.872 13.3669 16.9403 12.0051C17.0199 10.6015 17.0199 6.39847 16.9403 4.99492ZM15.1274 13.511C14.8316 14.2545 14.259 14.8273 13.5118 15.127C12.393 15.5708 9.73826 15.4684 8.5019 15.4684C7.26553 15.4684 4.60697 15.5671 3.49197 15.127C2.74863 14.8311 2.17596 14.2583 1.87635 13.511C1.43263 12.392 1.53503 9.73664 1.53503 8.5C1.53503 7.26336 1.43642 4.60421 1.87635 3.48895C2.17217 2.74545 2.74484 2.17265 3.49197 1.87298C4.61076 1.42915 7.26553 1.53157 8.5019 1.53157C9.73826 1.53157 12.3968 1.43295 13.5118 1.87298C14.2552 2.16886 14.8278 2.74166 15.1274 3.48895C15.5712 4.608 15.4688 7.26336 15.4688 8.5C15.4688 9.73664 15.5712 12.3958 15.1274 13.511Z" fill="%23EB0029"/></svg>');
}

#limite-inferior .fa-twitter::before{
  content:url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.1192 7.1991L16.4485 0H14.9489L9.45067 6.24957L5.06246 0H0L6.63733 9.4513L0 17H1.49964L7.30234 10.3987L11.9375 17H17L10.1192 7.1991ZM8.06458 9.53427L7.39106 8.59254L2.04045 1.10624H4.34422L8.66359 7.15017L9.33428 8.0919L14.9482 15.9477H12.6444L8.06458 9.53427Z" fill="%2323599B"/></svg>');
}

#limite-inferior a.twitter:hover .fa-twitter::before{
  content:url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.1192 7.1991L16.4485 0H14.9489L9.45067 6.24957L5.06246 0H0L6.63733 9.4513L0 17H1.49964L7.30234 10.3987L11.9375 17H17L10.1192 7.1991ZM8.06458 9.53427L7.39106 8.59254L2.04045 1.10624H4.34422L8.66359 7.15017L9.33428 8.0919L14.9482 15.9477H12.6444L8.06458 9.53427Z" fill="%23FFFFFF"/></svg>');
}

#limite-inferior .fa-instagram::before{
  content:url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.5019 4.14141C6.08985 4.14141 4.14428 6.08742 4.14428 8.5C4.14428 10.9126 6.08985 12.8586 8.5019 12.8586C10.9139 12.8586 12.8595 10.9126 12.8595 8.5C12.8595 6.08742 10.9139 4.14141 8.5019 4.14141ZM8.5019 11.3336C6.94317 11.3336 5.66888 10.0629 5.66888 8.5C5.66888 6.93713 6.93938 5.66635 8.5019 5.66635C10.0644 5.66635 11.3349 6.93713 11.3349 8.5C11.3349 10.0629 10.0606 11.3336 8.5019 11.3336ZM14.0542 3.96313C14.0542 4.52834 13.5991 4.97975 13.0378 4.97975C12.4727 4.97975 12.0214 4.52455 12.0214 3.96313C12.0214 3.40171 12.4765 2.9465 13.0378 2.9465C13.5991 2.9465 14.0542 3.40171 14.0542 3.96313ZM16.9403 4.99492C16.8758 3.6331 16.5648 2.42681 15.5674 1.43295C14.5737 0.439083 13.3677 0.128026 12.0062 0.0597456C10.603 -0.0199152 6.39704 -0.0199152 4.99381 0.0597456C3.63608 0.124233 2.43006 0.435289 1.43263 1.42915C0.435193 2.42302 0.127998 3.62931 0.0597323 4.99113C-0.0199108 6.39468 -0.0199108 10.6015 0.0597323 12.0051C0.124205 13.3669 0.435193 14.5732 1.43263 15.5671C2.43006 16.5609 3.63229 16.872 4.99381 16.9403C6.39704 17.0199 10.603 17.0199 12.0062 16.9403C13.3677 16.8758 14.5737 16.5647 15.5674 15.5671C16.561 14.5732 16.872 13.3669 16.9403 12.0051C17.0199 10.6015 17.0199 6.39847 16.9403 4.99492ZM15.1274 13.511C14.8316 14.2545 14.259 14.8273 13.5118 15.127C12.393 15.5708 9.73826 15.4684 8.5019 15.4684C7.26553 15.4684 4.60697 15.5671 3.49197 15.127C2.74863 14.8311 2.17596 14.2583 1.87635 13.511C1.43263 12.392 1.53503 9.73664 1.53503 8.5C1.53503 7.26336 1.43642 4.60421 1.87635 3.48895C2.17217 2.74545 2.74484 2.17265 3.49197 1.87298C4.61076 1.42915 7.26553 1.53157 8.5019 1.53157C9.73826 1.53157 12.3968 1.43295 13.5118 1.87298C14.2552 2.16886 14.8278 2.74166 15.1274 3.48895C15.5712 4.608 15.4688 7.26336 15.4688 8.5C15.4688 9.73664 15.5712 12.3958 15.1274 13.511Z" fill="%2323599B"/></svg>');
}

#limite-inferior a.instagram:hover .fa-instagram::before{
  content:url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.5019 4.14141C6.08985 4.14141 4.14428 6.08742 4.14428 8.5C4.14428 10.9126 6.08985 12.8586 8.5019 12.8586C10.9139 12.8586 12.8595 10.9126 12.8595 8.5C12.8595 6.08742 10.9139 4.14141 8.5019 4.14141ZM8.5019 11.3336C6.94317 11.3336 5.66888 10.0629 5.66888 8.5C5.66888 6.93713 6.93938 5.66635 8.5019 5.66635C10.0644 5.66635 11.3349 6.93713 11.3349 8.5C11.3349 10.0629 10.0606 11.3336 8.5019 11.3336ZM14.0542 3.96313C14.0542 4.52834 13.5991 4.97975 13.0378 4.97975C12.4727 4.97975 12.0214 4.52455 12.0214 3.96313C12.0214 3.40171 12.4765 2.9465 13.0378 2.9465C13.5991 2.9465 14.0542 3.40171 14.0542 3.96313ZM16.9403 4.99492C16.8758 3.6331 16.5648 2.42681 15.5674 1.43295C14.5737 0.439083 13.3677 0.128026 12.0062 0.0597456C10.603 -0.0199152 6.39704 -0.0199152 4.99381 0.0597456C3.63608 0.124233 2.43006 0.435289 1.43263 1.42915C0.435193 2.42302 0.127998 3.62931 0.0597323 4.99113C-0.0199108 6.39468 -0.0199108 10.6015 0.0597323 12.0051C0.124205 13.3669 0.435193 14.5732 1.43263 15.5671C2.43006 16.5609 3.63229 16.872 4.99381 16.9403C6.39704 17.0199 10.603 17.0199 12.0062 16.9403C13.3677 16.8758 14.5737 16.5647 15.5674 15.5671C16.561 14.5732 16.872 13.3669 16.9403 12.0051C17.0199 10.6015 17.0199 6.39847 16.9403 4.99492ZM15.1274 13.511C14.8316 14.2545 14.259 14.8273 13.5118 15.127C12.393 15.5708 9.73826 15.4684 8.5019 15.4684C7.26553 15.4684 4.60697 15.5671 3.49197 15.127C2.74863 14.8311 2.17596 14.2583 1.87635 13.511C1.43263 12.392 1.53503 9.73664 1.53503 8.5C1.53503 7.26336 1.43642 4.60421 1.87635 3.48895C2.17217 2.74545 2.74484 2.17265 3.49197 1.87298C4.61076 1.42915 7.26553 1.53157 8.5019 1.53157C9.73826 1.53157 12.3968 1.43295 13.5118 1.87298C14.2552 2.16886 14.8278 2.74166 15.1274 3.48895C15.5712 4.608 15.4688 7.26336 15.4688 8.5C15.4688 9.73664 15.5712 12.3958 15.1274 13.511Z" fill="%23FFFFFF"/></svg>');
}

.container-menu .btn, .container-menu .dim-button-4 a.btn,
.dim-button-2 a.btn, .dim-button-2 a, .form-type input[type="submit"],
.dim-button-1 a.btn, .dim-button-1 a{
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding-top: 8px;
  padding-bottom: 6px;
  padding-left: 22px;
  padding-right: 22px;
  width: auto;
  white-space: normal;
}

.menu-footer-main nav > ul a.is-active,
.menu-footer-main nav > ul a:hover  {
  color: white;
}

.background-blue .btn {
  background: white!important;
  color: #1d1e44;
}
.background-blue .btn:hover,
.background-blue .btn:active,
.background-blue .btn:focus {
  box-shadow: inset 0px 0px 0px 2px white;
  background: transparent!important;
  color: white;
}
a.facebook {
  color: #3b5998;
  background-color: #fff;
  border-color: #3b5998;
}
a.instagram {
  color: #dd4b39;
  background-color: #fff;
  border-color: #dd4b39;
}

a.twitter {
  color: #55acee;
  background-color: #fff;
  border-color: #55acee;
}
a.facebook:hover {
  color: white;
  background-color: #3b5998;
}
a.instagram:hover {
  color: white;
  background-color: #dd4b39;
}
a.twitter:hover {
  color: white;
  background-color: #55acee;
}

.limitar-altura-noticia {
  height: 140px;
  overflow: hidden;
}
h2 a:hover {
  font-weight: 500!important;
}
#sidebar div a{
  position: relative;
  padding-left: 16px;
}
#sidebar div a:after {
  content: "\f054";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  left: 0px;
  top: 0px;
  position: absolute;
  color: #9999b7;
  font-size: 1.6rem;
}
.dades-dades {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 8px;
}
.dades-icon {
  margin-bottom: 30px;
}
.slider-views-tres .views-row{
  padding-left: 15px;
  padding-right: 15px;
}
.slider-views-tres .views-row .cards-capa {
  left: 0;
  right: 0;
}
.slider-views-tres .views-row .limitar-altura-noticia {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
}

.hide-arrows button{
  display: none!important;
}
#views-exposed-form-avantatges-block-1 input[type="submit"] {
  font-size: 0;
}
.none-shadow {
  box-shadow: none;
}
.pos-rel-inside-article article {
  position: relative;
}
.btn-white-custom.btn {
  background: white!important;
  color: #EB0029;
}
.btn-white-custom:hover {
  box-shadow: inset 0px 0px 0px 2px white;
  background: transparent!important;
  color: white;
}

.btn-big-inside a,
.form-type .btn-big-inside-input input {
  padding: 21px 25px;
  min-width: 220px;
  font-size: 1.4rem;
  display: inline-block;
}
.btn-big-inside2 a {
  padding: 20px 25px;
  min-width: 220px;
}
.btn-big-inside3 a {
  padding: 22px 25px;
  min-width: 220px;
}
.btn-inside-transparent a{
  background: transparent;
}
.background-red a {
  color: white!important;
  background: transparent!important;
}
.background-red a:hover,
.background-red a:active,
.background-red a:focus {
  background-color: white!important;
  color: #EB0029!important;
  box-shadow: none;
}

.isie .com-funciona svg{
  display: none;
}
.isie .com-funciona svg{
  display: none;
}
.isie .menu-main ul:not(.contextual-links){
  display: block;
}
.isie .menu-main ul:not(.contextual-links) li{
  margin-right: 15px;
}


@media (max-width: 650px) {
  .home-slider-content-text .fs68 {
    font-size: 5rem;
  }

  .icons-pop img {
    max-width: 15px;
  }
}

#consent-zone-custom {
  text-align: left;
}
#consent-zone-custom label {
  position: relative;
}
#consent-zone-custom label:after{
  content: none;
}
#consent-zone-custom label:before {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  border: 1px solid #e6031f;
  border-radius: 0;
  position: absolute;
  left: -28px!important;
  top: 4px!important;
}
#consent-zone-custom .form-disabled label:before {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  border: 1px solid #e8c9ce;
  border-radius: 0;
  position: absolute;
  left: -28px!important;
  top: 4px!important;
  color: #cfcfcf;
}
#consent-zone-custom  input {
  visibility:hidden;
}
@media(min-width: 1900px) {
  .container-custom {
    max-width: none;
    width: 100%;
  }
  .container-custom .container-menu {
    margin-left: 8.33333333%;
    margin-right:  8.33333333%;
  }

}

@media(max-width: 1899px) {
  .container-custom .menu-main {
    display: table;
    margin: auto;
    float: none;
    clear: both;
    margin-top: 15px;
  }

}


@media (max-width: 1100px) {
  .container-custom .menu-main {
    display: none;
  }
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.div5 {
  width: 20%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
a:hover {
  text-decoration: none;
}
/* TABS */
#block-bicing-local-tasks > ul:first-of-type{
  display: inline-block;
  list-style: none;
}
#block-bicing-local-tasks > ul:first-of-type li {
  display: inline-block;
}
#block-bicing-local-tasks > ul:first-of-type li a {
  color: #655656;
  text-decoration: none;
  padding: 10px 15px;
  font-size: 15px;
  display: block;
  border: 1px solid black;
}
.image-paragraph-tab > div > div{
  width: 20%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
.image-paragraph-tab > div > div img {
  width: 55%;
  height: auto;
  margin: auto;
  max-width: 200px;
}
.falso-overflow {
  display: table;
  content: '';
}
.inline-block {
  display: inline-block;
}
.capa-black {
  background-color: #32335f;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0.4;
}
.max-width-img-inside img {
  display: block;
  max-width: 400px;
  margin: auto;
}

.inside-mw img {
  height: auto;
  max-width: 100%;
}

.row.flexrow {
  display: flex;
}
.flexrow .alitemscen {
  display: flex;
  align-items: center;
}

/* BUTTONS */
.logo-controlado-campana img {
  width: 60%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
}
.numero-campana {
  color: #EB0029;
  font-size: 18px;
  position: absolute;
  right: 28px;
  top: 5px;
  width: 26px;
  height: 26px;
  border: 2px solid #EB0029;
  border-radius: 30px;
  background-color: white;
  z-index: 9;
  font-size: 14px;
}
.numero-campana span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-family: arial;
}

.text-center-inside-a a {
  text-align: center;
}

/* MENU */
.menu-main ul li {
  display: inline-block;
  font-size: 1.6rem;
  margin-left: 0px;
}
.menu-main ul li a {
  color: #32335f;
  font-weight: bold;
}

.menu-main ul li a:hover {
  color: #EB0029;
}
.menu-main ul li a.is-active {
  font-weight: bold;
  color: #EB0029;
}
/* CONTENIDO */
.circulo-descuento {
  display: inline-block;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  position: relative;
  background-color: #32335f;
  color: white;
}
.circulo-descuento .circulo-descuento-contenido {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
/* BANNER */
.banner-paragraph {
  background-color: white;
  display: table;
  border-radius: 15px 0px 0px 15px;
  -webkit-box-shadow: 0px 20px 25px #ecebeb;
  -moz-box-shadow: 0px 20px 25px #ecebeb;
  box-shadow: 0px 20px 25px #ecebeb;
}

.arrows-control .slick-prev{
  left: -10.33%;
}

.home-slider-content-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}
.card-custom {
  padding: 30px 30px 30px 30px;
}
.card-custom, .card-tarifa{
  -webkit-box-shadow: 0px 20px 25px #ecebeb;
  -moz-box-shadow: 0px 20px 25px #ecebeb;
  box-shadow: 0px 20px 25px #ecebeb;
  background-color: white;

  margin-bottom: 30px;
  border-radius: 0px;
}

.hr-avantatges {
  margin-left: -30px;
  margin-right: -30px;
  border-top: 4px solid #eee;
}

.avantatges-tax img {
  width: 70%;
}
.categories-avantatges .card-custom{
  padding-bottom: 10px;
}

.categories-avantatges .card-custom:hover {
  font-weight: 600;
}

.cards-capa {
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  background-color: white;
  bottom: 0;
  -webkit-box-shadow: 0px 20px 25px #ecebeb;
  -moz-box-shadow: 0px 20px 25px #ecebeb;
  box-shadow: 0px 20px 25px #ecebeb;
}
.cards-inside .views-row{
  margin-bottom: 30px;
}
.cards-inside .views-row > * {
  padding: 30px 30px 0px 30px;

}
/* MAPA */
.datos-mapa-container {
  position: absolute;
  z-index: 999;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
}
.datos-mapa-container > div{
  padding: 0 50px;
  background-color: white;
  display: inline-block;
  border: 1px solid #d8d8d8;
}

.datos-mapa-container > div a:hover {
  font-weight: inherit;
  text-decoration: underline;
}

.datos-mapa-container > div i {
  margin-right: 15px;
}
#map {
  height: 600px!important;
}
/* FORM ADVATATGES */
.exposed-form-avatatges,
.exposed-form-avatatges-inside form {
  padding: 30px 90px;
  display: table;
  content: '';
  width: 100%;
  margin-bottom: 80px;
  text-align: center;

}
.exposed-form-avatatges label,
.exposed-form-avatatges-inside label{
  display: none;
}
.exposed-form-avatatges input,
.exposed-form-avatatges-inside input {
  padding: 15px;
  width: 100%;
  border: 1px solid black;
  border-radius: 13px;
  height: 50px;
}
.exposed-form-avatatges .form-actions,
.exposed-form-avatatges-inside .form-actions {
  position: relative;
}
.exposed-form-avatatges .form-actions input,
.exposed-form-avatatges-inside .form-actions input {
  font-size: 0px;
}
.exposed-form-avatatges .form-actions:before,
.exposed-form-avatatges-inside .form-actions:before {
  font-family: "Font Awesome 5 Free";
  content: "\f002";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
}
.exposed-form-avatatges .form-item-field-codi-postal-value,
.exposed-form-avatatges-inside .form-item-field-codi-postal-value,
.exposed-form-avatatges .form-item-field-cp-value,
.exposed-form-avatatges-inside .form-item-field-cp-value {
  width: calc(100% - 80px);
  margin-right: 15px;
}
.exposed-form-avatatges .form-actions,
.exposed-form-avatatges-inside .form-actions {
  width: 50px;
}
.exposed-form-avatatges form > div,
.exposed-form-avatatges-inside form > div {
  float: left;
}

.vista-espaciada-inside .results-rows .views-row:nth-child(2n) article,
.vista-especiada .views-row:nth-child(2n) article{
  padding-left: 10px;
  padding-right: 10px;
}
.vista-espaciada-inside .results-rows .views-row:nth-child(3n) article,
.vista-especiada .views-row:nth-child(3n) article{
  /*  padding-left: 20px!important; */
  /*  padding-right: 0!important; */
}
.vista-espaciada-inside .results-rows .views-row:first-child article,
.vista-especiada .views-row:first-child article{
  padding-right: 20px;
}
.vista-espaciada-inside .results-rows .views-row:nth-child(2n+1) article,
.vista-especiada .views-row:nth-child(2n+1) article {
  padding-left: 10px;
  padding-right: 10px;
}
/* LINKS APPS */
.links-apps {
  display: table;
  margin: auto;
}
.links-apps a {
  width: 200px;
  float: left;
}
.links-apps a img {
  width: 100%;
  height: auto;
}
/* MENU FOOTER */
.menu-footer-main nav > ul{
  padding-left: 0;
  list-style: none;
  display: table;
  margin: auto;
}
.menu-footer-main nav > ul li {
  display: inline-block;
  margin-right: 15px;
}
.menu-footer-main nav > ul li:last-child {
  margin-right: 0;
}
.menu-footer-main nav > ul a {
  color: #FFFFFF;
}
.menu-footer-main nav > ul a:hover,
.menu-footer-main nav > ul a:active,
.menu-footer-main nav > ul a:focus,
.menu-footer-main nav > ul a.is-active {
  /* color: #EB0029; */
  text-decoration: underline;
  font-weight: bold;
}
/* BOTONES SOCIALES FOOTER */
.botones-sociales a {
  width: 46px;
  height: 42px;
  transition: all .3s;
  border-radius: 50%;
  display: inline-block;
  border: 2px solid white;
  background-color: white;
  margin-right: 30px;
  background-color: white;
  position: relative;
  font-size: 16px;
}
.botones-sociales a:hover {
  color: white;
  background-color: #1D1E44;
}
.botones-sociales a:last-of-type {
  margin-right: 0;
}
.botones-sociales a > span{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

/* SLIDER */

.inside-slider-images-arrows button.slick-prev:before {
  content: "\f053";
  position: relative;
  color: #000000;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  font-size: 30px;
}
.inside-slider-images-arrows button.slick-next:before{
  content: "\f054";
  position: relative;
  color: #000000;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  font-size: 30px;
}
img.slick-arrow {
  max-height: 40px;
  max-width: 40px;
}

/* NEWS TEASER */
.views-row-relative .views-row {
  position: relative;
}
.views-row-relative .contextual-region {
  position: static;
}


/* TABS FAQS */

.ui-accordion {
  margin-bottom: 36px;
}
.tabs-faqs .ui-state-active,
.tabs-faqs .ui-state-default {
  color: #32335f;
}
.faqfield-answer {
  font-size: 1.6rem;
  color: #32335f;

}

.tabs-system.background-grey a.tabs-content-link{
  background-color: white!important;
}
a.tabs-content-link {
  padding-left: 0;
}
a.tabs-content-link .tabs-content-container-text {
  font-size: 1.4rem;
}
.tabs-content-container > div {
  display: none;
}
.tabs-content-container img{
  width: 30px;
  height: auto;
}


/* DISPONIBILITATS */
.card-premi {
  position: relative;
}
.card-premi .icona-left{
  width: 150px;
  float: left;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.card-premi .icona-left img {
  height: auto;
  /*width: calc(100% - 60px);*/
}
.card-premi .icona-right{
  width: calc(100% - 150px);
  float: left;
  border-left: 2px solid #f2f2f2;
  margin-left: 150px;
}

@media (max-width: 1100px) {
  .zona-roja .fs41{
    font-size: 1.8rem;
  }

  .zona-roja .mb70{
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .attached-bottom-menu {
    border-bottom: 2px solid black;
  }

}

@media (max-width: 650px) {
  .home-slider-content-text .fs68 {
    font-size: 3.5rem;
  }

  .mt80-res {
    margin-top: 80px;
  }
}
@media (max-width: 500px) {
  .caja-blanca.caja-abonaments {
    width: 310px;
    left: 50%;
    transform: translateX(-50%);
  }
}

#consent-zone-custom input:checked + label:before{
  background-color: #e6031f;
}
#consent-zone-custom .form-disabled input:checked + label:before{
  background-color: #e8c9ce;
}
#consent-zone-custom .fieldset-legend{
  font-size: 1.4rem;
  letter-spacing: 0.8px;
  font-weight: 400;
  text-transform: uppercase;
}
#consent-zone-custom .js-form-type-radio {
  float: left;
  margin-right: 15px;
}

#page-nova-bici {
  padding-bottom: 100px;
}

#page-nova-bici ol li {
  font-weight: bold;
  margin-bottom: 20px;
}
#page-nova-bici ol li span {
  font-weight: normal;
}
.pd-b-100 {
  padding-bottom: 10rem;
}
.separation-false .slick-slide{
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}

.fa_button {
  height: 35px;
  line-height: 35px;
  width: 35px;
  color: white;
  font-size: 26px!important;
  margin: 0 3px;
  padding: 0!important;
  text-align: center;
  border-radius: 4px;
}

.fa_button:hover {
  color: white;
}

.fa_button_facebook {
  /* background-color: #3a589e; */
  color: #32335f;
}
.fa_button_twitter {
  /* background-color: #00aced; */
  color: #32335f;
}
.fa_button_pinterest {
  background-color: #cd2029;
}
.fa_button_linkedin {
  /* background-color: #0d77b7; */
  color: #32335f;
}
.fa_button_linkedin:hover, .fa_button_linkedin:focus, .fa_button_linkedin:active,
.fa_button_facebook:hover, .fa_button_facebook:focus, .fa_button_facebook:active,
.fa_button_twitter:hover, .fa_button_twitter:focus, .fa_button_twitter:active {
  color: #EB0029;
}
.pager-like-slider ul.pager__items li{
  display: none;
}
.pager-like-slider ul.pager__items li.pager__item--next,
.pager-like-slider ul.pager__items li.pager__item--previous{
  display: inline-block;
}
.pager-like-slider ul.pager__items li.pager__item--next {
  position: absolute;
  right: 20px;
  top: 50%;
}

.pager-like-slider ul.pager__items li.pager__item--previous {
  position: absolute;
  left: 20px;
  top: 50%;
}
.pager-like-slider ul.pager__items li.pager__item--previous a:before {
  content: '';
  background: url("../img/arrow_carrot-left.svg");
  display: block;
  top:-2px;
  bottom:0;
  left:-10px;
  right:0;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  height: 200%;
  width: 200%;
}
.pager-like-slider ul.pager__items li.pager__item--next a:before {
  content: '';
  background: url("../img/arrow_carrot-right.svg");
  display: block;
  top:-2px;
  bottom:0;
  left:-20px;
  right:0;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  height: 200%;
  width: 200%;
}
.pager-like-slider .pager__item a{
  border: none;
  background: transparent;
}
.pager-like-slider .pager__item span{
  display: none;
}
.cards-capa-inside .cards-capa{
  /* left: 0;
   *   right: 0; */
}
.cards-capa-inside .img-inside {
  width: calc(100% - 60px);
  margin-left: 30px;
}
.cards-capa-inside .views-row{
  padding-top: 30px;
}
.cards-capa-inside .limitar-altura-noticia{
  height: auto;
  margin-bottom: 30px;
}
.cards-capa-inside .pb120{
  padding-bottom: 0;
}
.cards-capa-inside .span-link-no-space a {
  position: static;
  display: inline-block;
  transform: none;
}
.cards-capa-inside .pager {
  margin: 8px;
}
.corregir-centrado {
  position: relative;
  top: -3px;
}
.btn-lupa {
  background: #32335f;
  color: #fff;
  border-radius: 2px;
  border: 1px solid #dae2df;
  width: 55px;
  height: 55px;
  display: inline-block;
  position: relative;
  float: left;
}
.btn-lupa i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
form.main-form .form-item-consulta:after {
  top: 45px;
}
form.ride-stats input[type="date"] {
  background: transparent;
}
.calculator-hr {
  border-color: #32335f;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #32335f;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #32335f;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #32335f;
}
input[type="date"] {
  background-color: white;
}
input[type="date"], legend {
  color: #32335f;
}

/* CHATBOX */
.oculto {
  display: none;
}
.chatbox-ventana-custom {
  width: 281px;
  position: fixed;
  bottom: 15%;
  right: 0;
  background-color: white;
  padding: 25px;
  z-index: 9999;
  border: 1px solid #f4f3f3;
  font-size: 12px;
  text-align: center;
  border-right: 0px;
}
.chatbox-ventana-custom img{
  width: 38px;
  height: auto;
  display: block;
  margin: auto;
  margin-bottom: 20px;
}
.close-ventana-custom {
  width: 25px;
  height: 25px;
  border: 1px solid #EB0029;
  border-radius: 148px;
  background-color: #EB0029;
  position: absolute;
  top: -5px;
  left: -10px;
  font-size: 13px;
  font-family: arial;
}
.close-ventana-custom span {
  position: absolute;
  top: 2px;
  left: 50%;
  transform: translateX(-50%);
  color: white!important;
  line-height: 1;
  font-size: 15px;
}


.form-type.modificar-ojo .show-password {
  top: 71px;
}

.form-type.modificar-ojo-resetpassword .show-password{
  top: 42px;
}

.box-loggin>div[role="contentinfo"] {
  margin-top: 40px;
  margin-bottom: 40px;
}
.box-loggin>div[role="contentinfo"] ~ p.mt80 {
  margin-top: 10px;
}

#user-login {
  padding-bottom: 10px;
}

#user-login form {
  background: #fff;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 60px;
  width: 40%;
  padding: 50px;
}

#user-login #edit-actions {
  text-align: center;
  margin-top: 20px;
}

#user-login #edit-actions input[type="submit"] {
  background: linear-gradient(45deg, #EB0029, #f1637b)!important;
  color: #fff;
  border: 0;
  border-radius: 30px !important;
  cursor: pointer;
  transition: all 0.3s ease-out;
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding-top: 8px;
  padding-bottom: 6px;
  padding-left: 22px;
  padding-right: 22px;
  width: auto;
}
#user-login #edit-actions input[type="submit"]:focus,
#user-login #edit-actions input[type="submit"]:hover {
  box-shadow: inset 0px 0px 0px 2px #f00;
  background: transparent!important;
  color: #EB0029;
}

div#block-bicing-local-tasks {
  position: relative;
}

#ventana-popup,
#contacte-container .color-black>.card-custom {
  box-shadow: 0px 20px 25px #ecebeb88;
  -webkit-box-shadow: 0px 5px 25px #ecebebef;
}
.user-pass input[type="text"],
.user-pass input[type="password"],
.user-login-form input[type="password"],
.user-login-form input[type="text"] {
  width: 100%;
}

#edit-accept-policy{
  width: 1px;
  height: 1px;
  margin-top: -1px;
}

/* spinners loading */
#card-change-card,
body.loaded .form-type>.iframe-bg {
  background: url('images/Bike.png') no-repeat center;
  background-size: 10%;
  opacity: 0.8;
  min-height: 660px;
  width: 100%;
  position: relative;
}
.alta-form #calculator.loading {
  background: url('images/Bike.png') no-repeat center;
  background-size: 38%;
  background-color: #fff;
  position: relative;
}

body .form-type>.iframe-bg img {
  display: none;
}
body .form-type>.iframe-bg .show-password-alta img {
  display: inline-block;
}
body .form-type>.iframe-bg i {
  display: none;
}
.alta-form .loading-capa,
#card-change-card>.spinner-inside,
body .form-type>.iframe-bg>.spinner-inside {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}
form.alta-form {
  z-index: 2;
  position: relative;
}
.alta-form #calculator .loading-capa img,
#card-change-card img,
body.loaded .form-type>.iframe-bg img {
  width: 75%;
  -webkit-animation: 2s rotation infinite;
  animation: 2s rotation infinite;
  display: block; margin: 0 auto;
}
#card-change-card i,
body.loaded .form-type>.iframe-bg i {
  display: block;
  font-size: 57px;
  color: #EB0029;
  margin-bottom: 10px;
  -webkit-animation: rotation 2s infinite linear;
  animation: rotation 2s infinite linear;
  position: absolute;
  top: 30%;
  left: 50%;
  display: block;
}
@media(max-width:992px) {
  #card-change-card,
  body.loaded .form-type>.iframe-bg {
    background-size: 15%;
  }
}

@media(max-width:600px) {
  #card-change-card,
  body.loaded .form-type>.iframe-bg {
    background-size: 25%;
  }
  #card-change-card img,
  body.loaded .form-type>.iframe-bg img {
    width: 65%;
  }
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.cards-capa-inside article.contextual-region {
  position: inherit;
}

.justified {
  text-align: justify;
}

.justified.block {
  text-align-last: justify;
}
.justified.block > p {
  text-align-last: auto;
}

@media (min-width:768px) {
  .vert-ali {
    display: table;
    height: 100%;
  }
  .vert-ali>div {
    display: table-cell;
    vertical-align: middle;
  }
}

.table-prices-container .table-1 .table-prices tr:nth-child(2) td:not(.fwb),
.table-prices-container .table-2 .table-prices tr:nth-child(4) td:not(.fwb),
.table-prices-container .table-1 .table-prices tr:nth-child(6) td:not(.fwb) {
  background-color: #fafafa;
}

.table-prices-container .table-prices-content tr.separador {
  height: 12px;
  position: relative;
}
.table-prices-container .table-prices-content tr.separador:before {
  content: " ";
  border-bottom: 1px solid #323260;
  display: block;
  width: 103%;
  position: absolute;
  transform: translateY(5px);
}
.table-prices-container .table-prices tbody tr.separador td {
  padding-top: 0;
  width: auto;
  padding-bottom: 0;
  height: 1px;
  background-color: white;
}

@media (min-width:992px) {
  .ml-lg-33 { margin-left: 33.33333%; }
  .table-prices-container .table-prices-content .table-2 tr.separador:before {
    transform: translateX(-15px) translateY(5px);
    width: 105%;
  }
}

#avantatge-container .inside-slider-images .slick-dots {
  bottom: -20px;
}
.avaries-form #edit-notice {
  padding: 0 15px;
  color: #8e8e8e;
  clear: both;
}
.avaries-form #edit-notice > div {
  text-align: left;
}
.avaries-form #edit-notice a {
  color: #8e8e8e;
  font-weight: 700;
}
#edit-payment {
  padding: 21px 25px;
  font-size: 1.4rem;
  min-width: 220px;
}

.ytwrapper {
  position: relative;
  padding-bottom: 56.17%;
}
.ytwrapper .hasyt {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.ytwrapper .hasyt iframe {
  width: 100%;
  height: 100%;
}
.caja-blanca-limpia.corregir-900 .btn {
  min-width: 15rem;
}
#page-novetats-servei .paragraph-even>div {
  background: #fff;
}
#page-novetats-servei .paragraph-odd>div {
  background: #f5f3f3;
}
#page-novetats-servei .paragraph-odd>div,
#page-novetats-servei .paragraph-even>div {
  padding-top: 50px;
  padding-bottom: 50px;
}
.paragraph-odd .row.flexrow {
  flex-direction: row-reverse;
}
.paragraph-odd .col-xs-12:first-child {
  float: right;
}
#home-cards .slick-dots {
  bottom: -35px;
}
.table-prices .seg-spec {
  color: #87929d;
  margin: 10px 0 -10px 0;
}
.mapa-box {
  position: absolute;
  background: white;
  padding: 30px;
  font-size: 1.6rem;
  left: 50px;
  top: 50%;
  transform: translateY(-50%);
}
.pos-rel.arrows-cont {
  /* position: absolute;
  width: 100%;
  float: left;
  top: 25%; */
}
.prevcontainer,
.nextcontainer {
  min-height:60px;
}
.prevcontainer {
  float: left;
}
.nextcontainer {
  float: right;
}
#limite-inf-tabla {
  clear: both;
}
.nextcontainer #edit-next-arrow,
.prevcontainer #edit-prev-arrow {
}

input[type="date"],
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select{
  font-family: arial !important;
}

@media(max-width: 991px){
  .table-prices-content .pos-rel{
    /* margin-left: -20px;
    margin-right: -20px; */
  }

  .table-prices-container .table-prices-content tr.separador:before {
    width: 100%;
  }

  .table-1 .table-prices:before,
  .table-2 .table-prices:before{
    left: 33.33% !important;
  }


  .table-prices tbody{
    display: block;
    width: 100%;
  }

  .table-prices tbody tr{
    display: flex;
  }

  .table-prices tbody tr td{
    flex: 1;
    display: flex !important;
    flex-direction: column;
    justify-content: space-around;
  }

  .table-prices-container .table-prices tbody tr:first-child td, .table-prices-container .table-prices tbody tr td:first-child{
    padding-right: 15px;
  }

  .table-prices-content table > tbody > tr > td:nth-child(2){
    margin-left: 10px;
  }

  .table-prices-container .table-prices tr td.fwb{
    padding-top: 0;
  }
}

.mw-inside-100 img {
  max-width: 100%;
  height: auto;
}

.astr {
  display: none;
}
.seg-spec {
  font-size: 1.4rem;
}
@media (max-width: 1565px) and (min-width: 1101px) {
  .seg-spec {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 25px;
    line-height: 12px;
  }
  .astr {
    display: inline;
  }
  .seg-spec-foot p {
    font-size: 1.4rem;
    color: #87929d;
    margin: 0 100px;
  }
}
@media (min-width: 769px) and (max-width: 1565px) {
  .seg-spec {
    position: absolute;
    font-size: 1rem;
    bottom: 15px;
    left: 0;
    right: 15px;
  }
}
@media (min-width: 992px) {
  .seg-spec {
    right: 25px;
  }
}
@media (max-width: 768px) and (min-width: 501px) {
  .seg-spec {
    position: absolute;
    font-size: 1.3rem;
    bottom: 25px;
    left: 0;
    right: 0;
  }
}
@media (max-width:500px) and (min-width: 426px) {
  .seg-spec {
    position: absolute;
    font-size: 1.2rem;
    bottom: 25px;
    left: 0;
    right: 0;
  }
}
@media (max-width: 425px) {
  .seg-spec {
    position: absolute;
    font-size: 1rem;
    bottom: 15px;
    left: 0;
    right: 0;
  }
}

@media (min-width: 992px) {
  .table-2 .table-prices tr .fwb {
    display: none;
  }
  .table-2 .table-prices tbody tr:nth-child(1) .fwb {
	  display: table-cell;
  }
  .table-2 .table-prices tbody tr:nth-child(1) td:first-of-type {
	  display: none;
  }
}
.lista-roja.links-control img {
  max-width: 100%;
  height: auto;
}
.prebody-model {
    text-align: center;
    border-bottom: 2px solid red;
    border-top: 2px solid red;
    padding-top: 50px;
    padding-bottom: 40px;
}
.red-ribbon .red-ribbon-content{
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: center;
}
@media(width > 991px){
  .red-ribbon .red-ribbon-content{
    flex-direction: row;
    margin-right: 2rem;
    gap: 2rem;

  }
}
.red-ribbon .red-ribbon-content-image img{
  max-height: 12rem;
  width: auto;
}
@media(width > 1101px){
  .red-ribbon .red-ribbon-content-image img{
    max-height: 24rem;
  }
  .red-ribbon .red-ribbon-content-text{
    margin-right: 2rem;
  }
}