@charset "UTF-8";
.page-node-type-contact .node__header {
  width: 100%;
  max-width: 1230px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}
.page-node-type-contact .node__header .page-title {
  margin-bottom: 35px;
}
.page-node-type-contact .node__header .page-intro {
  margin-bottom: 50px;
}
.page-node-type-contact .node__header .page-intro p:last-child {
  margin-bottom: 0;
}
.page-node-type-contact .page-content {
  margin-bottom: 60px;
}
.page-node-type-contact .contact-form,
.page-node-type-contact .addresses,
.page-node-type-contact .page-text {
  width: 100%;
  max-width: 1230px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}
.page-node-type-contact .contact-form {
  margin-bottom: 60px;
}
.page-node-type-contact .contact-form .form-actions {
  text-align: center;
}
.page-node-type-contact .contact-form--lab .contact-form__sidebar .contact-card {
  padding: 30px;
  background-color: #e8f4f6;
}
.page-node-type-contact .contact-form--lab .contact-form__sidebar .contact-card > *:last-child {
  margin-bottom: 0;
}
.page-node-type-contact .contact-form--lab .contact-form__sidebar .contact-card + .contact-card {
  margin-top: 10px;
}
.page-node-type-contact .contact-form--lab .contact-form__sidebar .opening-hours,
.page-node-type-contact .contact-form--lab .contact-form__sidebar .faq {
  font-style: italic;
}
.page-node-type-contact .contact-form--lab .contact-form__sidebar .opening-hours::before,
.page-node-type-contact .contact-form--lab .contact-form__sidebar .faq::before {
  line-height: 0;
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  margin-right: 10px;
  background-color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-node-type-contact .contact-form--lab .contact-form__sidebar .opening-hours__title,
.page-node-type-contact .contact-form--lab .contact-form__sidebar .faq__title {
  font-weight: bold;
}
.page-node-type-contact .contact-form--lab .contact-form__sidebar .opening-hours::before {
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='23px' height='23px' viewBox='0 0 23 23' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EGroup%3C/title%3E%3Cg id='Layout' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Web-/-Assistència-ON' transform='translate(-346, -815)' stroke='%230183AE' stroke-width='1.5'%3E%3Cg id='Card' transform='translate(305, 721)'%3E%3Cg id='time-clock-circle-1' transform='translate(42, 95)'%3E%3Ccircle id='Oval' cx='10.5' cy='10.5' r='10.5'%3E%3C/circle%3E%3Ccircle id='Oval' cx='10.5' cy='10.5' r='1.5'%3E%3C/circle%3E%3Cline x1='10.5' y1='9' x2='10.5' y2='3.75' id='Shape'%3E%3C/line%3E%3Cline x1='11.561' y1='11.561' x2='14.25' y2='14.25' id='Shape'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.page-node-type-contact .contact-form--lab .contact-form__sidebar .faq::before {
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='25px' height='25px' viewBox='0 0 25 25' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EGroup%3C/title%3E%3Cg id='Layout' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Web-/-Assistència-ON' transform='translate(-785, -815)' stroke='%230183AE' stroke-width='1.5'%3E%3Cg id='Card' transform='translate(305, 721)'%3E%3Cg id='question-circle' transform='translate(481, 95)'%3E%3Cpath d='M8.25,8.25 C8.25029133,6.72442919 9.39545376,5.44201013 10.9112688,5.26975736 C12.4270839,5.0975046 13.8307925,6.09027747 14.1733788,7.57688466 C14.5159652,9.06349185 13.688322,10.5704764 12.25,11.079 C11.6504081,11.2909876 11.2496666,11.8580369 11.25,12.494 L11.25,13.5' id='Shape' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M11.25,16.5 C11.0428932,16.5 10.875,16.6678932 10.875,16.875 C10.875,17.0821068 11.0428932,17.25 11.25,17.25 C11.4571068,17.25 11.625,17.0821068 11.625,16.875 C11.625,16.6678932 11.4571068,16.5 11.25,16.5 L11.25,16.5' id='Shape' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Ccircle id='Oval' cx='11.25' cy='11.25' r='11.25'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.page-node-type-contact .contact-form--lab .form-actions {
  text-align: left;
}
@media (min-width: 768px) {
  .page-node-type-contact .contact-form__content {
    max-width: 83.33333333%;
    margin: auto;
  }
  .page-node-type-contact .contact-form--lab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .page-node-type-contact .contact-form--lab .contact-form__content {
    width: calc(50% - 15px);
    max-width: initial;
    margin: 0;
  }
  .page-node-type-contact .contact-form--lab .contact-form__sidebar {
    width: calc(50% - 15px);
  }
  .page-node-type-contact .contact-form form {
    min-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
  }
  .page-node-type-contact .contact-form form > * {
    padding-right: 5px;
    padding-left: 5px;
    width: 100%;
    min-width: 100%;
  }
  .page-node-type-contact .contact-form form .form-type-textfield,
  .page-node-type-contact .contact-form form .form-type-email {
    width: 50%;
    min-width: 50%;
  }
}
@media (min-width: 992px) {
  .page-node-type-contact .contact-form--lab .contact-form__content {
    width: calc(66.66666667% - 15px);
  }
  .page-node-type-contact .contact-form--lab .contact-form__sidebar {
    width: calc(33.33333333% - 15px);
  }
  .page-node-type-contact .contact-form--lab .contact-form__sidebar .opening-hours,
  .page-node-type-contact .contact-form--lab .contact-form__sidebar .faq {
    padding-left: 50px;
    position: relative;
  }
  .page-node-type-contact .contact-form--lab .contact-form__sidebar .opening-hours::before,
  .page-node-type-contact .contact-form--lab .contact-form__sidebar .faq::before {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.page-node-type-contact .contact-map {
  margin-bottom: 40px;
}
.page-node-type-contact .banner {
  width: 100%;
  max-width: 1230px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 40px;
}
.page-node-type-contact .banner__link {
  background: #0183ae;
  display: block;
}
.page-node-type-contact .banner__link:hover, .page-node-type-contact .banner__link:focus {
  background: #38a3c1;
}
.page-node-type-contact .banner__link:hover img, .page-node-type-contact .banner__link:focus img {
  opacity: 0.5;
}
.page-node-type-contact .banner__text {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.875rem;
  color: #fff;
  text-transform: uppercase;
  padding: 30px 5%;
}
.page-node-type-contact .banner__media img {
  width: 100%;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 768px) {
  .page-node-type-contact .banner__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-node-type-contact .banner__text {
    width: 30%;
    max-width: 30%;
  }
  .page-node-type-contact .banner__media {
    width: 70%;
    max-width: 70%;
  }
}
@media (min-width: 992px) {
  .page-node-type-contact .banner__text {
    font-size: 1.875rem;
    line-height: 36px;
  }
}
/*# sourceMappingURL=contact.css.map */