@charset "utf-8";
/* CSS Document */

.gradient {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(48, 89, 125, 1) 0%, rgba(49, 165, 137, 1) 100%) repeat scroll 0 0;
    text-align: center;
    padding: 40px 0;
}

div#organigrama {  position:relative!important;}

.popupRegidor {
    background: #ebebeb;
    line-height: 14px;
    position: absolute;
    left: 50%;
    margin: -73px 0 0 -372px;
    width: 744px;
    height: 160px;
    -webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.3);
    box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.3);
	top: 50%!important;

}

img.organigrama{ max-width:820px; width:100%;}
.popupRegidor  ul.contextual-links { display: none;}

.popupRegidor .field.field-name-field-imatge-regidor{ margin-right:20px}
.popupRegidor .field.field-name-field-imatge-regidor img {   width:97px;    height: auto;  }

.popupRegidor .contacte-ficha-gran li { display: inline-block;}
.popupRegidor .contacte-ficha-gran img{    width: 33px;    height: 33px;  }

.popupRegidor .field.field-name-dades-ssmm-embed-code.field-type-ds.field-label-hidden{  position: absolute; right: 42px;  top: 100px;}


.popupRegidor .group-left { float:left;}
.popupRegidor .group-right{      position: relative;
    display: block;
    height: auto;
    overflow: inherit;
    min-height: 146px;
    float: right;
    width: 83%;}

.popupRegidor .field-name-field-partit-politic .field-label , .popupRegidor .vocabulary-partit-pol-tic h2 , .popupRegidor .field-name-field-logo .field-label {  display: none;}
 .field.field-name-field-logo.field-type-image {  position: absolute; top:10px; right:42px;}

.popupRegidor .close { background: url(https://ajuntament.barcelona.cat/sites/static/organigramas/img/popupRegidor_close.png) no-repeat;  width: 17px;    height: 16px;    position: absolute;    top: 10px;    right: 10px;    cursor: pointer;}

.popupRegidor .group-right  .field-item.even  h2 {  color: #fff;    font-family: 'Source Sans Pro', sans-serif;    text-align: left; font-size: 25px;    color: #007b7b!important;    margin-top: 17px;/*position: absolute;    left: 117px;*/}
.popupRegidor .carrec { line-height:1em;}
.popupRegidor .carrec p {text-align: left; font-size: 16px;    color: #000!important;    margin: 0px;    margin-bottom: 0px!important;    line-height: 1.2em;}


.retribucions-on {  display: block!important;}

.popupRegidor .retribucions-explicacio{ z-index:10;display: none;    background-color: #fff;    padding: 18px;    width: 200px;    position: absolute;    right: -160px;    bottom: -32px;    font-size: 14px;
    z-index: 9999;    -webkit-box-shadow: 5px 6px 0px -1px rgba(0,0,0,0.38);    -moz-box-shadow: 5px 6px 0px -1px rgba(0,0,0,0.38);    box-shadow: 5px 6px 0px -1px rgba(0,0,0,0.38); border:1px solid #f5da33;}

.popupRegidor .dades-ficha-gran a {text-decoration: none; color: #007b7b;  font-size: 16px;    letter-spacing: -0.02em;    cursor: pointer;    padding-bottom: 5px;     margin-right: 15px;}
.popupRegidor .dades-ficha-gran ul  { position: absolute; bottom: 10px;}
.popupRegidor .dades-ficha-gran li { display: inline-block;}

.popupRegidor .field-name-dades-contante-embed-code {    left: 0;
    position: absolute;
    bottom: 0;
}

.popupRegidor a.cv-ficha-gran {background-image: url('https://ajuntament.barcelona.cat/sites/static/organigramas/img/down_doc.png');    background-repeat: no-repeat;    background-position: center left;    padding-left: 20px;    color: #007b7b;    text-decoration: none;    float: left; height: 13.33px;}



.loader-ficha {/*position: absolute;right: 50px;top: 20px;*/}
.spinner{position: absolute;  top: 50%;    left: 50%;}
.popupRegidor .spinner {position:relative!important;}

ul.contacte-ficha-gran{z-index: 100;
    position: absolute;
    width: 100px;
    right: -4px;
    display: inline;
    bottom: -42px; text-align:right;}
    .organigrama-mobile {display: none;}

	#sb-caption { bottom:inherit !important;}

@media screen and (max-width: 767px){
     div.organigrama-screen{display: none;}
    .organigrama-mobile {display: block;}

.gradient { padding:2em 0;}
.popupRegidor{    margin: -73px 0 0 -50%; width:100%; min-height:146px; height:auto;}

    .organigrama-mobile{    list-style: none;    font-size: 0.9rem;    text-align: left;    font-family: 'Source Sans Pro', sans-serif;    padding: 0px 30px;  }
    span.title {    color: #ffdc00!important;    font-weight: 600;}
    .organigrama-mobile .title-1 ,.organigrama-mobile .title , .organigrama-mobile a {color:white;}

    .organigrama-mobile .title-1 {font-weight: 200;}
    .organigrama-mobile a {   font-weight: 600;}
	.organigrama-mobile a:hover { color:#FFF;}
    .organigrama-mobile a.link-fitxa:hover{ text-decoration: underline!important;}



    .popupRegidor .group-right .field-item.even h2 { margin-top: 12px; font-size: 25px;  left: 110px;     line-height: 0.8em;}
    .popupRegidor .carrec { left: 110px; top: 47px; width:75%;}
    .popupRegidor .carrec p { font-size: 14px;   line-height: 1em;}
	.popupRegidor .dades-ficha-gran a{font-size: 14px;}

    .popupRegidor .dades-ficha-gran a { margin-right: 7px;}

    .organigrama-mobile > ul li{ margin-bottom:0.5em}

    .organigrama-mobile ul {    list-style: none;    font-size: 0.9rem;    font-family: 'Source Sans Pro', sans-serif;   padding: 0px ;}

	.organigrama-mobile > ul {  padding: 0px 0px 0 10px; margin-top:0.5em;}

	.popupRegidor .group-left {     width: 25%;}
	.popupRegidor .group-right {    width: 75%;    min-height: 146px;
    height: auto;
    float: left; padding-bottom:35px;}
	ul.contacte-ficha-gran{ bottom:-45px;}
	.popupRegidor .field-name-dades-contante-embed-code{ width:63%;}
}





/* BCN Cards styling by DI */
.popup-card-area,
.popup-contact-form {
  z-index: 10000!important;
  background: #f2f2f2!important;
  border: 0!important;
  border-radius: 0!important;
  padding: 0;
  left: 0;
  font-family: 'Source Sans Pro', sans-serif !important;
}
.popup-card-area .ui-dialog-titlebar,
.popup-contact-form .ui-dialog-titlebar {
  background: #e4e4e4;
  background-color: #e4e4e4;
  padding: 8px 15px;
  height: 40px;
  border-radius: 0;
}
.popup-card-area .ui-dialog-titlebar-close,
.popup-contact-form .ui-dialog-titlebar-close {
  top: 20px;
  right: 20px;
  background: none!important;
  border: none!important;
}
.popup-card-area .ui-dialog-titlebar-close span,
.popup-contact-form .ui-dialog-titlebar-close span {
  font-size: 22px;
  color: black;
}
.popup-card-area .ui-dialog-titlebar-close span:before,
.popup-contact-form .ui-dialog-titlebar-close span:before {
  content: "\e9cc";
}
.popup-card-area #bcn-cards-popup,
.popup-contact-form #bcn-cards-popup {
  background: #f2f2f2;
  padding: 0;
  height: 100%;
  overflow: hidden;
  padding-top: 15px;
}
.popup-card-area #bcn-cards-popup html,
.popup-contact-form #bcn-cards-popup html,
.popup-card-area #bcn-cards-popup body,
.popup-contact-form #bcn-cards-popup body,
.popup-card-area #bcn-cards-popup div,
.popup-contact-form #bcn-cards-popup div,
.popup-card-area #bcn-cards-popup span,
.popup-contact-form #bcn-cards-popup span,
.popup-card-area #bcn-cards-popup applet,
.popup-contact-form #bcn-cards-popup applet,
.popup-card-area #bcn-cards-popup object,
.popup-contact-form #bcn-cards-popup object,
.popup-card-area #bcn-cards-popup iframe,
.popup-contact-form #bcn-cards-popup iframe,
.popup-card-area #bcn-cards-popup h1,
.popup-contact-form #bcn-cards-popup h1,
.popup-card-area #bcn-cards-popup h2,
.popup-contact-form #bcn-cards-popup h2,
.popup-card-area #bcn-cards-popup h3,
.popup-contact-form #bcn-cards-popup h3,
.popup-card-area #bcn-cards-popup h4,
.popup-contact-form #bcn-cards-popup h4,
.popup-card-area #bcn-cards-popup h5,
.popup-contact-form #bcn-cards-popup h5,
.popup-card-area #bcn-cards-popup h6,
.popup-contact-form #bcn-cards-popup h6,
.popup-card-area #bcn-cards-popup p,
.popup-contact-form #bcn-cards-popup p,
.popup-card-area #bcn-cards-popup blockquote,
.popup-contact-form #bcn-cards-popup blockquote,
.popup-card-area #bcn-cards-popup pre,
.popup-contact-form #bcn-cards-popup pre,
.popup-card-area #bcn-cards-popup a,
.popup-contact-form #bcn-cards-popup a,
.popup-card-area #bcn-cards-popup abbr,
.popup-contact-form #bcn-cards-popup abbr,
.popup-card-area #bcn-cards-popup acronym,
.popup-contact-form #bcn-cards-popup acronym,
.popup-card-area #bcn-cards-popup address,
.popup-contact-form #bcn-cards-popup address,
.popup-card-area #bcn-cards-popup big,
.popup-contact-form #bcn-cards-popup big,
.popup-card-area #bcn-cards-popup cite,
.popup-contact-form #bcn-cards-popup cite,
.popup-card-area #bcn-cards-popup code,
.popup-contact-form #bcn-cards-popup code,
.popup-card-area #bcn-cards-popup del,
.popup-contact-form #bcn-cards-popup del,
.popup-card-area #bcn-cards-popup dfn,
.popup-contact-form #bcn-cards-popup dfn,
.popup-card-area #bcn-cards-popup em,
.popup-contact-form #bcn-cards-popup em,
.popup-card-area #bcn-cards-popup img,
.popup-contact-form #bcn-cards-popup img,
.popup-card-area #bcn-cards-popup ins,
.popup-contact-form #bcn-cards-popup ins,
.popup-card-area #bcn-cards-popup kbd,
.popup-contact-form #bcn-cards-popup kbd,
.popup-card-area #bcn-cards-popup q,
.popup-contact-form #bcn-cards-popup q,
.popup-card-area #bcn-cards-popup s,
.popup-contact-form #bcn-cards-popup s,
.popup-card-area #bcn-cards-popup samp,
.popup-contact-form #bcn-cards-popup samp,
.popup-card-area #bcn-cards-popup small,
.popup-contact-form #bcn-cards-popup small,
.popup-card-area #bcn-cards-popup strike,
.popup-contact-form #bcn-cards-popup strike,
.popup-card-area #bcn-cards-popup strong,
.popup-contact-form #bcn-cards-popup strong,
.popup-card-area #bcn-cards-popup sub,
.popup-contact-form #bcn-cards-popup sub,
.popup-card-area #bcn-cards-popup sup,
.popup-contact-form #bcn-cards-popup sup,
.popup-card-area #bcn-cards-popup tt,
.popup-contact-form #bcn-cards-popup tt,
.popup-card-area #bcn-cards-popup var,
.popup-contact-form #bcn-cards-popup var,
.popup-card-area #bcn-cards-popup b,
.popup-contact-form #bcn-cards-popup b,
.popup-card-area #bcn-cards-popup u,
.popup-contact-form #bcn-cards-popup u,
.popup-card-area #bcn-cards-popup i,
.popup-contact-form #bcn-cards-popup i,
.popup-card-area #bcn-cards-popup center,
.popup-contact-form #bcn-cards-popup center,
.popup-card-area #bcn-cards-popup dl,
.popup-contact-form #bcn-cards-popup dl,
.popup-card-area #bcn-cards-popup dt,
.popup-contact-form #bcn-cards-popup dt,
.popup-card-area #bcn-cards-popup dd,
.popup-contact-form #bcn-cards-popup dd,
.popup-card-area #bcn-cards-popup ol,
.popup-contact-form #bcn-cards-popup ol,
.popup-card-area #bcn-cards-popup ul,
.popup-contact-form #bcn-cards-popup ul,
.popup-card-area #bcn-cards-popup li,
.popup-contact-form #bcn-cards-popup li,
.popup-card-area #bcn-cards-popup fieldset,
.popup-contact-form #bcn-cards-popup fieldset,
.popup-card-area #bcn-cards-popup form,
.popup-contact-form #bcn-cards-popup form,
.popup-card-area #bcn-cards-popup label,
.popup-contact-form #bcn-cards-popup label,
.popup-card-area #bcn-cards-popup legend,
.popup-contact-form #bcn-cards-popup legend,
.popup-card-area #bcn-cards-popup table,
.popup-contact-form #bcn-cards-popup table,
.popup-card-area #bcn-cards-popup caption,
.popup-contact-form #bcn-cards-popup caption,
.popup-card-area #bcn-cards-popup tbody,
.popup-contact-form #bcn-cards-popup tbody,
.popup-card-area #bcn-cards-popup tfoot,
.popup-contact-form #bcn-cards-popup tfoot,
.popup-card-area #bcn-cards-popup thead,
.popup-contact-form #bcn-cards-popup thead,
.popup-card-area #bcn-cards-popup tr,
.popup-contact-form #bcn-cards-popup tr,
.popup-card-area #bcn-cards-popup th,
.popup-contact-form #bcn-cards-popup th,
.popup-card-area #bcn-cards-popup td,
.popup-contact-form #bcn-cards-popup td,
.popup-card-area #bcn-cards-popup article,
.popup-contact-form #bcn-cards-popup article,
.popup-card-area #bcn-cards-popup aside,
.popup-contact-form #bcn-cards-popup aside,
.popup-card-area #bcn-cards-popup canvas,
.popup-contact-form #bcn-cards-popup canvas,
.popup-card-area #bcn-cards-popup details,
.popup-contact-form #bcn-cards-popup details,
.popup-card-area #bcn-cards-popup embed,
.popup-contact-form #bcn-cards-popup embed,
.popup-card-area #bcn-cards-popup figure,
.popup-contact-form #bcn-cards-popup figure,
.popup-card-area #bcn-cards-popup figcaption,
.popup-contact-form #bcn-cards-popup figcaption,
.popup-card-area #bcn-cards-popup footer,
.popup-contact-form #bcn-cards-popup footer,
.popup-card-area #bcn-cards-popup header,
.popup-contact-form #bcn-cards-popup header,
.popup-card-area #bcn-cards-popup hgroup,
.popup-contact-form #bcn-cards-popup hgroup,
.popup-card-area #bcn-cards-popup menu,
.popup-contact-form #bcn-cards-popup menu,
.popup-card-area #bcn-cards-popup nav,
.popup-contact-form #bcn-cards-popup nav,
.popup-card-area #bcn-cards-popup output,
.popup-contact-form #bcn-cards-popup output,
.popup-card-area #bcn-cards-popup ruby,
.popup-contact-form #bcn-cards-popup ruby,
.popup-card-area #bcn-cards-popup section,
.popup-contact-form #bcn-cards-popup section,
.popup-card-area #bcn-cards-popup summary,
.popup-contact-form #bcn-cards-popup summary,
.popup-card-area #bcn-cards-popup time,
.popup-contact-form #bcn-cards-popup time,
.popup-card-area #bcn-cards-popup mark,
.popup-contact-form #bcn-cards-popup mark,
.popup-card-area #bcn-cards-popup audio,
.popup-contact-form #bcn-cards-popup audio,
.popup-card-area #bcn-cards-popup video,
.popup-contact-form #bcn-cards-popup video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.popup-card-area #bcn-cards-popup article,
.popup-contact-form #bcn-cards-popup article,
.popup-card-area #bcn-cards-popup aside,
.popup-contact-form #bcn-cards-popup aside,
.popup-card-area #bcn-cards-popup details,
.popup-contact-form #bcn-cards-popup details,
.popup-card-area #bcn-cards-popup figcaption,
.popup-contact-form #bcn-cards-popup figcaption,
.popup-card-area #bcn-cards-popup figure,
.popup-contact-form #bcn-cards-popup figure,
.popup-card-area #bcn-cards-popup footer,
.popup-contact-form #bcn-cards-popup footer,
.popup-card-area #bcn-cards-popup header,
.popup-contact-form #bcn-cards-popup header,
.popup-card-area #bcn-cards-popup hgroup,
.popup-contact-form #bcn-cards-popup hgroup,
.popup-card-area #bcn-cards-popup menu,
.popup-contact-form #bcn-cards-popup menu,
.popup-card-area #bcn-cards-popup nav,
.popup-contact-form #bcn-cards-popup nav,
.popup-card-area #bcn-cards-popup section,
.popup-contact-form #bcn-cards-popup section {
  display: block;
}
.popup-card-area #bcn-cards-popup body,
.popup-contact-form #bcn-cards-popup body {
  line-height: 1;
}
.popup-card-area #bcn-cards-popup ol,
.popup-contact-form #bcn-cards-popup ol,
.popup-card-area #bcn-cards-popup ul,
.popup-contact-form #bcn-cards-popup ul {
  list-style: none;
}
.popup-card-area #bcn-cards-popup blockquote,
.popup-contact-form #bcn-cards-popup blockquote,
.popup-card-area #bcn-cards-popup q,
.popup-contact-form #bcn-cards-popup q {
  quotes: none;
}
.popup-card-area #bcn-cards-popup blockquote:before,
.popup-contact-form #bcn-cards-popup blockquote:before,
.popup-card-area #bcn-cards-popup blockquote:after,
.popup-contact-form #bcn-cards-popup blockquote:after,
.popup-card-area #bcn-cards-popup q:before,
.popup-contact-form #bcn-cards-popup q:before,
.popup-card-area #bcn-cards-popup q:after,
.popup-contact-form #bcn-cards-popup q:after {
  content: '';
  content: none;
}
.popup-card-area #bcn-cards-popup table,
.popup-contact-form #bcn-cards-popup table {
  border-collapse: collapse;
  border-spacing: 0;
}
.popup-card-area #bcn-cards-popup .inner-wrapper,
.popup-contact-form #bcn-cards-popup .inner-wrapper {
  text-align: left;
}
.popup-card-area #bcn-cards-popup.mobile.ui-widget-content,
.popup-contact-form #bcn-cards-popup.mobile.ui-widget-content {
  height: auto!important;
}
.popup-card-area #bcn-cards-popup .popup-card,
.popup-contact-form #bcn-cards-popup .popup-card,
.popup-card-area #bcn-cards-popup .popup-card-mobile,
.popup-contact-form #bcn-cards-popup .popup-card-mobile {
  margin-top: 06px;
}
.popup-card-area #bcn-cards-popup .popup-card .nom-partit,
.popup-contact-form #bcn-cards-popup .popup-card .nom-partit,
.popup-card-area #bcn-cards-popup .popup-card-mobile .nom-partit,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .nom-partit {
  padding: 0 40px;
  display: inline-block;
}
.popup-card-area #bcn-cards-popup .popup-card .nom-partit h3,
.popup-contact-form #bcn-cards-popup .popup-card .nom-partit h3,
.popup-card-area #bcn-cards-popup .popup-card-mobile .nom-partit h3,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .nom-partit h3 {
  color: black;
  font-size: 32px;
  font-weight: 300;
  margin-bottom: 20px;
  letter-spacing: -0.03em;
}
.popup-card-area #bcn-cards-popup .popup-card .nom-partit .partit,
.popup-contact-form #bcn-cards-popup .popup-card .nom-partit .partit,
.popup-card-area #bcn-cards-popup .popup-card-mobile .nom-partit .partit,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .nom-partit .partit {
  display: inline-block;
  margin-top: 10px;
}
.popup-card-area #bcn-cards-popup .popup-card .nom-partit .partit .partit-label,
.popup-contact-form #bcn-cards-popup .popup-card .nom-partit .partit .partit-label,
.popup-card-area #bcn-cards-popup .popup-card-mobile .nom-partit .partit .partit-label,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .nom-partit .partit .partit-label {
  color: black;
  margin-right: 15px;
  line-height: 30px;
  font-size: 16px;
  letter-spacing: -0.01em;
}
.popup-card-area #bcn-cards-popup .popup-card .nom-partit .partit .logo-partit,
.popup-contact-form #bcn-cards-popup .popup-card .nom-partit .partit .logo-partit,
.popup-card-area #bcn-cards-popup .popup-card-mobile .nom-partit .partit .logo-partit,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .nom-partit .partit .logo-partit {
  max-width: 40px;
  margin-right: 0px;
  float: right;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols {
  padding: 0 40px;
  width: 100%;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .first,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .first,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .first,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .first {
  width: 180px;
  margin-right: 40px;
  float: left;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .first .foto-wrapper,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .first .foto-wrapper,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .first .foto-wrapper,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .first .foto-wrapper {
  width: 100%;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .first .botons-wrapper,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .first .botons-wrapper,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .first .botons-wrapper,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .first .botons-wrapper {
  margin-top: 24px;
  display: inline-block;
  width: 100%;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .first .botons-wrapper li,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .first .botons-wrapper li,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .first .botons-wrapper li,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .first .botons-wrapper li {
  display: inline-block;
  float: left;
  width: 50%;
  padding-right: 05px;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .first .botons-wrapper li:last-child,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .first .botons-wrapper li:last-child,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .first .botons-wrapper li:last-child,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .first .botons-wrapper li:last-child {
  padding-right: 0px;
  padding-left: 05px;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .first .botons-wrapper a,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .first .botons-wrapper a,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .first .botons-wrapper a,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .first .botons-wrapper a {
  font-size: 14px;
  padding: 0 15px;
  background-color: #696973;
  display: block;
  border-radius: 04px;
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
  color: white;
  margin-bottom: 10px;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .first .botons-wrapper a span,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .first .botons-wrapper a span,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .first .botons-wrapper a span,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .first .botons-wrapper a span {
  line-height: inherit;
  float: right;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .first .botons-wrapper a:hover,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .first .botons-wrapper a:hover,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .first .botons-wrapper a:hover,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .first .botons-wrapper a:hover,
.popup-card-area #bcn-cards-popup .popup-card .main-cols .first .botons-wrapper a:active,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .first .botons-wrapper a:active,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .first .botons-wrapper a:active,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .first .botons-wrapper a:active {
  background-color: #38383e;
  text-decoration: none;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .second .carrecs,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .second .carrecs,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .second .carrecs,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .second .carrecs {
  font-size: 14px;
  line-height: 22px;
  color: #696973;
  margin-top: -05px;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .second .carrecs li,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .second .carrecs li,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .second .carrecs li,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .second .carrecs li {
  margin: 0;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .second .carrecs span,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .second .carrecs span,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .second .carrecs span,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .second .carrecs span {
  font-weight: 600;
  color: black;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .second .carrecs a,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .second .carrecs a,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .second .carrecs a,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .second .carrecs a {
  font-size: 14px;
  font-weight: 600;
  margin: 8px 0;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .second .carrecs a i,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .second .carrecs a i,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .second .carrecs a i,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .second .carrecs a i {
  font-size: 15px;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .second .sou,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .second .sou,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .second .sou,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .second .sou {
  font-size: 16px;
  margin-top: 20px;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .second .sou strong,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .second .sou strong,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .second .sou strong,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .second .sou strong {
  color: black;
  font-weight: 600;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .second .sou .open-popup-link,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .second .sou .open-popup-link,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .second .sou .open-popup-link,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .second .sou .open-popup-link {
  margin-left: 10px;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .second .sou .open-popup-link span,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .second .sou .open-popup-link span,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .second .sou .open-popup-link span,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .second .sou .open-popup-link span {
  font-size: 20px;
  font-weight: 400;
  vertical-align: sub;
  color: #666;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .second .sou .open-popup-link:hover,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .second .sou .open-popup-link:hover,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .second .sou .open-popup-link:hover,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .second .sou .open-popup-link:hover,
.popup-card-area #bcn-cards-popup .popup-card .main-cols .second .sou .open-popup-link:active,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .second .sou .open-popup-link:active,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .second .sou .open-popup-link:active,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .second .sou .open-popup-link:active {
  text-decoration: none;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .second .sou .open-popup-link:hover span,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .second .sou .open-popup-link:hover span,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .second .sou .open-popup-link:hover span,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .second .sou .open-popup-link:hover span,
.popup-card-area #bcn-cards-popup .popup-card .main-cols .second .sou .open-popup-link:active span,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .second .sou .open-popup-link:active span,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .second .sou .open-popup-link:active span,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .second .sou .open-popup-link:active span {
  color: black;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .third,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .third,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .third,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .third {
  position: relative;
  width: 100%;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .third .xarxes,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .third .xarxes,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .third .xarxes,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .third .xarxes {
  height: inherit;
  font-size: 17px;
  right: 0px;
  bottom: 0px;
  width: 30px;
  position: absolute;
  margin-right: 0;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .third .xarxes a,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .third .xarxes a,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .third .xarxes a,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .third .xarxes a {
  margin-bottom: 07px;
  color: white;
  margin: 0;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .third .xarxes a .bcn-icon-correu-email,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .third .xarxes a .bcn-icon-correu-email,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .third .xarxes a .bcn-icon-correu-email,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .third .xarxes a .bcn-icon-correu-email {
  background: #696973;
  margin-right: 5px;
  height: 30px;
  width: 30px;
  display: inline-block;
  border-radius: 20px;
  text-align: center;
  padding-top: 0;
  line-height: 30px;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .third .xarxes a .bcn-icon-facebook,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .third .xarxes a .bcn-icon-facebook,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .third .xarxes a .bcn-icon-facebook,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .third .xarxes a .bcn-icon-facebook {
  background: #3b5998;
  margin-right: 5px;
  height: 30px;
  width: 30px;
  display: inline-block;
  border-radius: 20px;
  text-align: center;
  padding-top: 0;
  line-height: 30px;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .third .xarxes a .bcn-icon-twitter,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .third .xarxes a .bcn-icon-twitter,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .third .xarxes a .bcn-icon-twitter,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .third .xarxes a .bcn-icon-twitter {
  margin-right: 5px;
  background: #1da1f2;
  height: 30px;
  width: 30px;
  display: inline-block;
  border-radius: 20px;
  text-align: center;
  padding-top: 0;
  line-height: 30px;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .third .xarxes a .bcn-icon-instagram,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .third .xarxes a .bcn-icon-instagram,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .third .xarxes a .bcn-icon-instagram,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .third .xarxes a .bcn-icon-instagram {
  margin-right: 5px;
  background: #e13567;
  height: 30px;
  width: 30px;
  display: inline-block;
  border-radius: 20px;
  text-align: center;
  padding-top: 0;
  line-height: 30px;
}
.popup-card-area #bcn-cards-popup .popup-card .main-cols .third .xarxes a span,
.popup-contact-form #bcn-cards-popup .popup-card .main-cols .third .xarxes a span,
.popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .third .xarxes a span,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .third .xarxes a span {
  margin-right: 0;
  margin-bottom: 05px;
}
.popup-card-area #bcn-cards-popup .popup-card .print-and-last-update,
.popup-contact-form #bcn-cards-popup .popup-card .print-and-last-update,
.popup-card-area #bcn-cards-popup .popup-card-mobile .print-and-last-update,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .print-and-last-update {
  background: white;
  height: 40px;
  padding: 0 40px;
  margin-top: 30px;
}
.popup-card-area #bcn-cards-popup .popup-card .print-and-last-update a,
.popup-contact-form #bcn-cards-popup .popup-card .print-and-last-update a,
.popup-card-area #bcn-cards-popup .popup-card-mobile .print-and-last-update a,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .print-and-last-update a,
.popup-card-area #bcn-cards-popup .popup-card .print-and-last-update span,
.popup-contact-form #bcn-cards-popup .popup-card .print-and-last-update span,
.popup-card-area #bcn-cards-popup .popup-card-mobile .print-and-last-update span,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .print-and-last-update span {
  line-height: 40px;
  color: #696973;
  font-size: 14px;
}
.popup-card-area #bcn-cards-popup .popup-card .print-and-last-update .last-update,
.popup-contact-form #bcn-cards-popup .popup-card .print-and-last-update .last-update,
.popup-card-area #bcn-cards-popup .popup-card-mobile .print-and-last-update .last-update,
.popup-contact-form #bcn-cards-popup .popup-card-mobile .print-and-last-update .last-update {
  float: right;
  line-height: 40px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .popup-card-area #bcn-cards-popup .popup-card .nom-partit,
  .popup-contact-form #bcn-cards-popup .popup-card .nom-partit,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .nom-partit,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .nom-partit {
    padding: 0 15px;
    margin-bottom: 10px;
  }
  .popup-card-area #bcn-cards-popup .popup-card .nom-partit h3,
  .popup-contact-form #bcn-cards-popup .popup-card .nom-partit h3,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .nom-partit h3,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .nom-partit h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
  }
  .popup-card-area #bcn-cards-popup .popup-card .main-cols,
  .popup-contact-form #bcn-cards-popup .popup-card .main-cols,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols {
    padding: 0 15px;
  }
  .popup-card-area #bcn-cards-popup .popup-card .main-cols .first,
  .popup-contact-form #bcn-cards-popup .popup-card .main-cols .first,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .first,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .first {
    width: 70px;
    padding-right: 0px;
    margin-right: 10px;
  }
  .popup-card-area #bcn-cards-popup .popup-card .main-cols .first img,
  .popup-contact-form #bcn-cards-popup .popup-card .main-cols .first img,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .first img,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .first img {
    width: 100%;
    padding-right: 0;
  }
  .popup-card-area #bcn-cards-popup .popup-card .main-cols .first .partit-label,
  .popup-contact-form #bcn-cards-popup .popup-card .main-cols .first .partit-label,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .first .partit-label,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .first .partit-label {
    left: 0;
    top: 0;
  }
  .popup-card-area #bcn-cards-popup .popup-card .main-cols .second,
  .popup-contact-form #bcn-cards-popup .popup-card .main-cols .second,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .second,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .second {
    width: calc(100% - 80px);
    float: right;
  }
  .popup-card-area #bcn-cards-popup .popup-card .main-cols .second .partit img,
  .popup-contact-form #bcn-cards-popup .popup-card .main-cols .second .partit img,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .second .partit img,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .second .partit img {
    width: 30px;
    height: 30px;
  }
  .popup-card-area #bcn-cards-popup .popup-card .main-cols .second .partit .partit-label,
  .popup-contact-form #bcn-cards-popup .popup-card .main-cols .second .partit .partit-label,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .second .partit .partit-label,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .second .partit .partit-label {
    color: black;
    font-size: 16px;
    top: -07px;
  }
  .popup-card-area #bcn-cards-popup .popup-card .main-cols .second .xarxes,
  .popup-contact-form #bcn-cards-popup .popup-card .main-cols .second .xarxes,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .second .xarxes,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .second .xarxes {
    width: 100%;
    bottom: inherit;
    right: inherit;
    margin-top: 05px;
  }
  .popup-card-area #bcn-cards-popup .popup-card .main-cols .second .xarxes a span,
  .popup-contact-form #bcn-cards-popup .popup-card .main-cols .second .xarxes a span,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .second .xarxes a span,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .second .xarxes a span {
    margin-right: 7.5px;
    vertical-align: middle;
    line-height: 28px;
  }
  .popup-card-area #bcn-cards-popup .popup-card .main-cols .second .xarxes a,
  .popup-contact-form #bcn-cards-popup .popup-card .main-cols .second .xarxes a,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .second .xarxes a,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .second .xarxes a {
    margin-bottom: 07px;
    color: white;
    margin: 0;
  }
  .popup-card-area #bcn-cards-popup .popup-card .main-cols .second .xarxes a .bcn-icon-correu-email,
  .popup-contact-form #bcn-cards-popup .popup-card .main-cols .second .xarxes a .bcn-icon-correu-email,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .second .xarxes a .bcn-icon-correu-email,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .second .xarxes a .bcn-icon-correu-email {
    background: #696973;
    margin-right: 5px;
    height: 30px;
    width: 30px;
    display: inline-block;
    border-radius: 20px;
    text-align: center;
    padding-top: 0;
    font-size: 14px;
    line-height: 30px;
  }
  .popup-card-area #bcn-cards-popup .popup-card .main-cols .second .xarxes a .bcn-icon-facebook,
  .popup-contact-form #bcn-cards-popup .popup-card .main-cols .second .xarxes a .bcn-icon-facebook,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .second .xarxes a .bcn-icon-facebook,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .second .xarxes a .bcn-icon-facebook {
    background: #3b5998;
    margin-right: 5px;
    height: 30px;
    width: 30px;
    display: inline-block;
    border-radius: 20px;
    text-align: center;
    padding-top: 0;
    font-size: 14px;
    line-height: 30px;
  }
  .popup-card-area #bcn-cards-popup .popup-card .main-cols .second .xarxes a .bcn-icon-twitter,
  .popup-contact-form #bcn-cards-popup .popup-card .main-cols .second .xarxes a .bcn-icon-twitter,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .second .xarxes a .bcn-icon-twitter,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .second .xarxes a .bcn-icon-twitter {
    margin-right: 5px;
    background: #1da1f2;
    height: 30px;
    width: 30px;
    display: inline-block;
    border-radius: 20px;
    text-align: center;
    padding-top: 0;
    font-size: 14px;
    line-height: 30px;
  }
  .popup-card-area #bcn-cards-popup .popup-card .main-cols .second .xarxes a .bcn-icon-instagram,
  .popup-contact-form #bcn-cards-popup .popup-card .main-cols .second .xarxes a .bcn-icon-instagram,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .second .xarxes a .bcn-icon-instagram,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .second .xarxes a .bcn-icon-instagram {
    margin-right: 5px;
    background: #e13567;
    height: 30px;
    width: 30px;
    display: inline-block;
    border-radius: 20px;
    text-align: center;
    padding-top: 0;
    font-size: 14px;
    line-height: 30px;
  }
  .popup-card-area #bcn-cards-popup .popup-card .main-cols .second .xarxes a span,
  .popup-contact-form #bcn-cards-popup .popup-card .main-cols .second .xarxes a span,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .main-cols .second .xarxes a span,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .main-cols .second .xarxes a span {
    margin-right: 0;
    margin-bottom: 05px;
  }
  .popup-card-area #bcn-cards-popup .popup-card .carrecs,
  .popup-contact-form #bcn-cards-popup .popup-card .carrecs,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .carrecs,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .carrecs {
    font-size: 12px;
    line-height: 21px;
    padding: 20px 15px;
  }
  .popup-card-area #bcn-cards-popup .popup-card .carrecs span,
  .popup-contact-form #bcn-cards-popup .popup-card .carrecs span,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .carrecs span,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .carrecs span {
    color: black;
  }
  .popup-card-area #bcn-cards-popup .popup-card .sou,
  .popup-contact-form #bcn-cards-popup .popup-card .sou,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .sou,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .sou {
    font-size: 14px;
    line-height: 21px;
    padding: 0rem 15px;
    margin-bottom: 20px;
    display: block;
  }
  .popup-card-area #bcn-cards-popup .popup-card .sou strong,
  .popup-contact-form #bcn-cards-popup .popup-card .sou strong,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .sou strong,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .sou strong {
    color: black;
  }
  .popup-card-area #bcn-cards-popup .popup-card .botons-wrapper,
  .popup-contact-form #bcn-cards-popup .popup-card .botons-wrapper,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .botons-wrapper,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .botons-wrapper {
    margin: 0 -15px;
  }
  .popup-card-area #bcn-cards-popup .popup-card .botons-wrapper p,
  .popup-contact-form #bcn-cards-popup .popup-card .botons-wrapper p,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .botons-wrapper p,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .botons-wrapper p {
    width: 50%;
  }
  .popup-card-area #bcn-cards-popup .popup-card .botons-wrapper p a,
  .popup-contact-form #bcn-cards-popup .popup-card .botons-wrapper p a,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .botons-wrapper p a,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .botons-wrapper p a {
    min-height: 35px;
    line-height: inherit;
    padding: 7.5px 10px;
    margin: 0 15px;
    margin-right: 05px;
    font-size: 14px;
  }
  .popup-card-area #bcn-cards-popup .popup-card .botons-wrapper .agenda a,
  .popup-contact-form #bcn-cards-popup .popup-card .botons-wrapper .agenda a,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .botons-wrapper .agenda a,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .botons-wrapper .agenda a {
    margin-right: 15px;
  }
  .popup-card-area #bcn-cards-popup .popup-card .print-and-last-update,
  .popup-contact-form #bcn-cards-popup .popup-card .print-and-last-update,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .print-and-last-update,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .print-and-last-update {
    padding: 0 15px;
  }
  .popup-card-area #bcn-cards-popup .popup-card .print-and-last-update .last-update,
  .popup-contact-form #bcn-cards-popup .popup-card .print-and-last-update .last-update,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .print-and-last-update .last-update,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .print-and-last-update .last-update {
    float: left;
    line-height: 40px;
    font-size: 12px;
  }
  .popup-card-area #bcn-cards-popup .popup-card .print-and-last-update .print,
  .popup-contact-form #bcn-cards-popup .popup-card .print-and-last-update .print,
  .popup-card-area #bcn-cards-popup .popup-card-mobile .print-and-last-update .print,
  .popup-contact-form #bcn-cards-popup .popup-card-mobile .print-and-last-update .print {
    display: none;
  }
}
.popup-card-area #bcn-cards-popup .button-area,
.popup-contact-form #bcn-cards-popup .button-area {
  top: -05px;
  left: 20px;
  text-transform: uppercase;
  font-weight: 600;
  z-index: 10000;
  font-size: 15px;
}
.popup-card-area #bcn-cards-popup .button-area .bcn-icon-maximitzar,
.popup-contact-form #bcn-cards-popup .button-area .bcn-icon-maximitzar {
  display: none;
}
.popup-card-area #bcn-cards-popup .button-area .bcn-icon-esquerra-bold,
.popup-contact-form #bcn-cards-popup .button-area .bcn-icon-esquerra-bold {
  margin-right: 2.5px;
}
@media screen and (min-width: 768px) {
  .popup-card-area,
  .popup-contact-form {
    top: inherit;
    height: inherit;
    width: 100%;
    position: fixed!important;
  }
  .popup-card-area .ui-dialog-titlebar,
  .popup-contact-form .ui-dialog-titlebar {
    padding: 4px 10px;
    background: transparent;
    height: 0;
    display: inline-block !important;
    width: 100%;
  }
  .popup-card-area .ui-dialog-titlebar-close span,
  .popup-contact-form .ui-dialog-titlebar-close span {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .popup-card-area,
  .popup-contact-form {
    left: 3%!important;
    width: 94%!important;
  }
}
.popup-card-area .loading-spinner,
.popup-contact-form .loading-spinner {
  margin: 50px auto!important;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .popup-card-area .main-cols .first,
  .popup-contact-form .main-cols .first {
    width: 140px;
  }
  .popup-card-area .popup-card .nom-partit h3,
  .popup-contact-form .popup-card .nom-partit h3 {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .popup-card-area .ui-dialog-titlebar-close,
  .popup-contact-form .ui-dialog-titlebar-close {
    right: 10px;
  }
  .popup-card-area .button-area,
  .popup-contact-form .button-area {
    top: -15px !important;
    left: 10px!important;
  }
}
.popup-more-info {
  background-color: white!important;
  padding: 0;
  width: 200px;
  font-size: 14px;
  border-radius: 0!important;
  border: 0!important;
  z-index: 10001!important;
  -webkit-box-shadow: 5px 6px 0px -1px rgba(0, 0, 0, 0.38);
  -moz-box-shadow: 5px 6px 0px -1px rgba(0, 0, 0, 0.38);
  box-shadow: 5px 6px 0px -1px rgba(0, 0, 0, 0.38);
}
.popup-more-info .ui-dialog-titlebar {
  margin: 08px;
  background: transparent!important;
  height: 0;
  display: inline-block !important;
  width: 100%;
}
.popup-more-info .ui-dialog-titlebar .ui-dialog-titlebar-close {
  top: 20px;
  right: 20px;
  background: none!important;
  border: none!important;
}
.popup-more-info .ui-dialog-titlebar .ui-dialog-titlebar-close span {
  font-size: 22px;
  color: black;
}
.popup-more-info .ui-dialog-titlebar .ui-dialog-titlebar-close span:before {
  content: "\e9cc";
}
.popup-more-info .ui-icon-closethick {
  text-indent: 0;
  position: relative;
  background-image: none;
}
.popup-more-info .ui-icon-closethick:before {
  font-family: 'icoajuntament' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\e9cc";
  font-size: 14px;
  color: black;
}
.popup-more-info #bcn-cards-popup-info {
  padding: 15px 10px 15px 25px;
  background: white;
}
.popup-more-info #bcn-cards-popup-info p {
  line-height: 18px;
}
.bcn-cards-overlay {
  z-index: 9999;
}