@charset "UTF-8";
/*
Theme Name: COMG
Theme URI: www.
Author: GDG
Author URI: https://
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,700|Source+Sans+Pro:300,400,500,600|Open+Sans:400,600,700");
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

b,
strong {
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

ul,
ol {
  list-style: none;
}

li {
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
  overflow: hidden;
}

body {
  font: 13px/1.5 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
}

pre,
code {
  font-family: "DejaVu Sans Mono", Monaco, Consolas, monospace;
}

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

h1 {
  font-size: 25px;
}

h2 {
  font-size: 23px;
}

h3 {
  font-size: 21px;
}

h4 {
  font-size: 19px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 15px;
}

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

li {
  margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 20px;
}

/* CLAR */
/* GRIS */
/* GRANATE */
/* CLARET */
/* GRANATE Clar */
/* GRANATE */
/* OCRE */
*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.clear {
  clear: both;
}

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

body {
  background-color: #FFF;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
  font-size: 16px;
}

main {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #555;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
  line-height: 1em;
}

h4, h5, h6 {
  font-weight: 600;
}
@media screen and (max-width: 670px) {
  h4, h5, h6 {
    font-weight: 600 !important;
  }
}

h1 {
  font-size: 3.4em;
}
@media screen and (max-width: 670px) {
  h1 {
    font-size: 2.5em;
  }
}

h2 {
  font-size: 2em;
  line-height: 1.2em;
  margin-top: 5px;
}

b {
  font-weight: bold;
}

a {
  color: #6f6f74;
  font-weight: 400;
}
a:hover {
  color: #000;
}

p {
  font-size: 1.1em;
}

/*
///////////////////////////////////////
///// V. GRID 21mar2019   /////////////
//////////////////////////////////////
//////////////////////////////////////

*/
.grid-container, .c-widjets, .c-form-newsletter, .c-video h2, .c-banner .c-banner__item .c-banner__text, .c-agenda, .c-benvinguda-icons-acces, .c-icons-serveis, .e-page, .footer .footer__inner, .header .header__inner, .c-megamenu .c-megamenu__top__links,
.container,
.grid-container-no-padding,
.c-video,
.c-banners-actualitats,
.container-no-padding {
  margin: 0 auto;
  max-width: 1280px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 670px) {
  .grid-container, .c-widjets, .c-form-newsletter, .c-video h2, .c-banner .c-banner__item .c-banner__text, .c-agenda, .c-benvinguda-icons-acces, .c-icons-serveis, .e-page, .footer .footer__inner, .header .header__inner, .c-megamenu .c-megamenu__top__links,
.container,
.grid-container-no-padding,
.c-video,
.c-banners-actualitats,
.container-no-padding {
    padding-right: 18px;
    padding-left: 18px;
  }
}
.grid-container-no-padding, .c-video, .c-banners-actualitats,
.container-no-padding {
  padding-right: 0;
  padding-left: 0;
}
.grid-container-fluid, .e-page--contacte,
.container-fluid {
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  width: 100vw;
  max-width: 100% !important;
}

.grid, .c-agenda ol, .c-widjets ol, .c-benvinguda-icons-acces ul, .c-icons-serveis ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -20px;
  margin-left: -20px;
}
@media screen and (max-width: 670px) {
  .grid, .c-agenda ol, .c-widjets ol, .c-benvinguda-icons-acces ul, .c-icons-serveis ul {
    margin-right: -18px;
    margin-left: -18px;
  }
}
.grid-no-padding {
  padding-right: 0;
  padding-left: 0;
}

@media only screen and (min-width: 670px) {
  .grid__1, .col-md-1, .col-sm-4-1, .col-lg-1 {
    max-width: 8.3333333333% !important;
    flex: 0 0 8.3333333333% !important;
  }

  .grid__2, .header .header__inner__left, .col-md-2, .col-sm-4-2, .col-lg-2 {
    max-width: 16.6666666667% !important;
    flex: 0 0 16.6666666667% !important;
  }

  .grid__3, .col-md-3, .col-sm-4-3, .col-lg-3 {
    max-width: 25% !important;
    flex: 0 0 25% !important;
  }

  .grid__4, .c-widjets > div, .c-megamenu__segon-nivell .c-megamenu__submenu3, .col-md-4, .col-sm-4-4, .col-lg-4 {
    max-width: 33.3333333333% !important;
    flex: 0 0 33.3333333333% !important;
  }

  .grid__5, .col-md-5, .col-sm-4-5, .col-lg-5 {
    max-width: 41.6666666667% !important;
    flex: 0 0 41.6666666667% !important;
  }

  .grid__6, .grid-container--prestacions-puntuals .col-md-3, .grid-container--prestacions-puntuals .col-lg-3, .c-adjunts, .c-form .c-form__self-form, .c-form .c-form__map, .col-md-6, .col-sm-4-6, .col-lg-6 {
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }

  .grid__7, .col-md-7, .col-sm-4-7, .col-lg-7 {
    max-width: 58.3333333333% !important;
    flex: 0 0 58.3333333333% !important;
  }

  .grid__8, .c-video h2, .e-page .e-page__short-information, .col-md-8, .col-sm-4-8, .col-lg-8 {
    max-width: 66.6666666667% !important;
    flex: 0 0 66.6666666667% !important;
  }

  .grid__9, .col-md-9, .col-sm-4-9, .col-lg-9 {
    max-width: 75% !important;
    flex: 0 0 75% !important;
  }

  .grid__10, .footer .footer__info, .header .header__inner__right, .col-md-10, .col-sm-4-10, .col-lg-10 {
    max-width: 83.3333333333% !important;
    flex: 0 0 83.3333333333% !important;
  }

  .grid__11, .col-md-11, .col-sm-4-11, .col-lg-11 {
    max-width: 91.6666666667% !important;
    flex: 0 0 91.6666666667% !important;
  }

  .grid__12, .col-md-12, .col-sm-4-12, .col-lg-12 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}
@media screen and (max-width: 800px) and (min-width: 670px) {
  .grid__tablet-1 {
    max-width: 8.3333333333% !important;
    flex: 0 0 8.3333333333% !important;
  }

  .grid__tablet-2 {
    max-width: 16.6666666667% !important;
    flex: 0 0 16.6666666667% !important;
  }

  .grid__tablet-3 {
    max-width: 25% !important;
    flex: 0 0 25% !important;
  }

  .grid__tablet-4 {
    max-width: 33.3333333333% !important;
    flex: 0 0 33.3333333333% !important;
  }

  .grid__tablet-5 {
    max-width: 41.6666666667% !important;
    flex: 0 0 41.6666666667% !important;
  }

  .grid__tablet-6, #page .col-sm-4, .e-page .col-sm-4 {
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }

  .grid__tablet-7 {
    max-width: 58.3333333333% !important;
    flex: 0 0 58.3333333333% !important;
  }

  .grid__tablet-8 {
    max-width: 66.6666666667% !important;
    flex: 0 0 66.6666666667% !important;
  }

  .grid__tablet-9 {
    max-width: 75% !important;
    flex: 0 0 75% !important;
  }

  .grid__tablet-10 {
    max-width: 83.3333333333% !important;
    flex: 0 0 83.3333333333% !important;
  }

  .grid__tablet-11 {
    max-width: 91.6666666667% !important;
    flex: 0 0 91.6666666667% !important;
  }

  .grid__tablet-12, .c-widjets > div, .c-form .c-form__self-form, .c-form .c-form__map {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}
@media screen and (max-width: 670px) {
  .grid__mobile-1, .col-xs-1 {
    max-width: 8.3333333333% !important;
    flex: 0 0 8.3333333333% !important;
  }

  .grid__mobile-2, .col-xs-2 {
    max-width: 16.6666666667% !important;
    flex: 0 0 16.6666666667% !important;
  }

  .grid__mobile-3, .col-xs-3 {
    max-width: 25% !important;
    flex: 0 0 25% !important;
  }

  .grid__mobile-4, .col-xs-4 {
    max-width: 33.3333333333% !important;
    flex: 0 0 33.3333333333% !important;
  }

  .grid__mobile-5, .col-xs-5 {
    max-width: 41.6666666667% !important;
    flex: 0 0 41.6666666667% !important;
  }

  .grid__mobile-6, .e-page .e-page__navigation-page li, .col-xs-6 {
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }

  .grid__mobile-7, .col-xs-7 {
    max-width: 58.3333333333% !important;
    flex: 0 0 58.3333333333% !important;
  }

  .grid__mobile-8, .col-xs-8 {
    max-width: 66.6666666667% !important;
    flex: 0 0 66.6666666667% !important;
  }

  .grid__mobile-9, .col-xs-9 {
    max-width: 75% !important;
    flex: 0 0 75% !important;
  }

  .grid__mobile-10, .col-xs-10 {
    max-width: 83.3333333333% !important;
    flex: 0 0 83.3333333333% !important;
  }

  .grid__mobile-11, .col-xs-11 {
    max-width: 91.6666666667% !important;
    flex: 0 0 91.6666666667% !important;
  }

  .grid__mobile-12, .c-widjets > div, .footer .footer__info, .c-form .c-form__self-form, .col-xs-12 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}
@media only screen and (min-width: 670px) {
  .grid-row, .c-form, .row {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px !important;
    margin-left: -10px !important;
  }
  .grid-row .grid__1, .c-form .grid__1, .grid-row .col-md-1, .c-form .col-md-1, .grid-row .col-sm-4-1, .c-form .col-sm-4-1, .grid-row .col-lg-1, .c-form .col-lg-1, .row .grid__1, .row .col-md-1, .row .col-sm-4-1, .row .col-lg-1 {
    max-width: 8.3333333333% !important;
    flex: 0 0 8.3333333333% !important;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }
  .grid-row .grid__2, .grid-row .header .header__inner__left, .header .grid-row .header__inner__left, .c-form .grid__2, .c-form .header .header__inner__left, .header .c-form .header__inner__left, .grid-row .col-md-2, .c-form .col-md-2, .grid-row .col-sm-4-2, .c-form .col-sm-4-2, .grid-row .col-lg-2, .c-form .col-lg-2, .row .grid__2, .row .header .header__inner__left, .header .row .header__inner__left, .row .col-md-2, .row .col-sm-4-2, .row .col-lg-2 {
    max-width: 16.6666666667% !important;
    flex: 0 0 16.6666666667% !important;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }
  .grid-row .grid__3, .c-form .grid__3, .grid-row .col-md-3, .c-form .col-md-3, .grid-row .col-sm-4-3, .c-form .col-sm-4-3, .grid-row .col-lg-3, .c-form .col-lg-3, .row .grid__3, .row .col-md-3, .row .col-sm-4-3, .row .col-lg-3 {
    max-width: 25% !important;
    flex: 0 0 25% !important;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }
  .grid-row .grid__4, .grid-row .c-widjets > div, .grid-row .c-megamenu__segon-nivell .c-megamenu__submenu3, .c-megamenu__segon-nivell .grid-row .c-megamenu__submenu3, .c-form .grid__4, .c-form .c-widjets > div, .c-form .c-megamenu__segon-nivell .c-megamenu__submenu3, .c-megamenu__segon-nivell .c-form .c-megamenu__submenu3, .grid-row .col-md-4, .c-form .col-md-4, .grid-row .col-sm-4-4, .c-form .col-sm-4-4, .grid-row .col-lg-4, .c-form .col-lg-4, .row .grid__4, .row .c-widjets > div, .row .c-megamenu__segon-nivell .c-megamenu__submenu3, .c-megamenu__segon-nivell .row .c-megamenu__submenu3, .row .col-md-4, .row .col-sm-4-4, .row .col-lg-4 {
    max-width: 33.3333333333% !important;
    flex: 0 0 33.3333333333% !important;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }
  .grid-row .grid__5, .c-form .grid__5, .grid-row .col-md-5, .c-form .col-md-5, .grid-row .col-sm-4-5, .c-form .col-sm-4-5, .grid-row .col-lg-5, .c-form .col-lg-5, .row .grid__5, .row .col-md-5, .row .col-sm-4-5, .row .col-lg-5 {
    max-width: 41.6666666667% !important;
    flex: 0 0 41.6666666667% !important;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }
  .grid-row .grid__6, .grid-row .grid-container--prestacions-puntuals .col-md-3, .grid-container--prestacions-puntuals .grid-row .col-md-3, .grid-row .grid-container--prestacions-puntuals .col-lg-3, .grid-container--prestacions-puntuals .grid-row .col-lg-3, .grid-row .c-adjunts, .c-form .grid__6, .c-form .grid-container--prestacions-puntuals .col-md-3, .grid-container--prestacions-puntuals .c-form .col-md-3, .c-form .grid-container--prestacions-puntuals .col-lg-3, .grid-container--prestacions-puntuals .c-form .col-lg-3, .c-form .c-adjunts, .c-form .c-form__self-form, .c-form .c-form__map, .grid-row .col-md-6, .c-form .col-md-6, .grid-row .col-sm-4-6, .c-form .col-sm-4-6, .grid-row .col-lg-6, .c-form .col-lg-6, .row .grid__6, .row .grid-container--prestacions-puntuals .col-md-3, .grid-container--prestacions-puntuals .row .col-md-3, .row .grid-container--prestacions-puntuals .col-lg-3, .grid-container--prestacions-puntuals .row .col-lg-3, .row .c-adjunts, .row .col-md-6, .row .col-sm-4-6, .row .col-lg-6 {
    max-width: 50% !important;
    flex: 0 0 50% !important;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }
  .grid-row .grid__7, .c-form .grid__7, .grid-row .col-md-7, .c-form .col-md-7, .grid-row .col-sm-4-7, .c-form .col-sm-4-7, .grid-row .col-lg-7, .c-form .col-lg-7, .row .grid__7, .row .col-md-7, .row .col-sm-4-7, .row .col-lg-7 {
    max-width: 58.3333333333% !important;
    flex: 0 0 58.3333333333% !important;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }
  .grid-row .grid__8, .grid-row .c-video h2, .c-video .grid-row h2, .grid-row .e-page .e-page__short-information, .e-page .grid-row .e-page__short-information, .c-form .grid__8, .c-form .c-video h2, .c-video .c-form h2, .c-form .e-page .e-page__short-information, .e-page .c-form .e-page__short-information, .grid-row .col-md-8, .c-form .col-md-8, .grid-row .col-sm-4-8, .c-form .col-sm-4-8, .grid-row .col-lg-8, .c-form .col-lg-8, .row .grid__8, .row .c-video h2, .c-video .row h2, .row .e-page .e-page__short-information, .e-page .row .e-page__short-information, .row .col-md-8, .row .col-sm-4-8, .row .col-lg-8 {
    max-width: 66.6666666667% !important;
    flex: 0 0 66.6666666667% !important;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }
  .grid-row .grid__9, .c-form .grid__9, .grid-row .col-md-9, .c-form .col-md-9, .grid-row .col-sm-4-9, .c-form .col-sm-4-9, .grid-row .col-lg-9, .c-form .col-lg-9, .row .grid__9, .row .col-md-9, .row .col-sm-4-9, .row .col-lg-9 {
    max-width: 75% !important;
    flex: 0 0 75% !important;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }
  .grid-row .grid__10, .grid-row .footer .footer__info, .footer .grid-row .footer__info, .grid-row .header .header__inner__right, .header .grid-row .header__inner__right, .c-form .grid__10, .c-form .footer .footer__info, .footer .c-form .footer__info, .c-form .header .header__inner__right, .header .c-form .header__inner__right, .grid-row .col-md-10, .c-form .col-md-10, .grid-row .col-sm-4-10, .c-form .col-sm-4-10, .grid-row .col-lg-10, .c-form .col-lg-10, .row .grid__10, .row .footer .footer__info, .footer .row .footer__info, .row .header .header__inner__right, .header .row .header__inner__right, .row .col-md-10, .row .col-sm-4-10, .row .col-lg-10 {
    max-width: 83.3333333333% !important;
    flex: 0 0 83.3333333333% !important;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }
  .grid-row .grid__11, .c-form .grid__11, .grid-row .col-md-11, .c-form .col-md-11, .grid-row .col-sm-4-11, .c-form .col-sm-4-11, .grid-row .col-lg-11, .c-form .col-lg-11, .row .grid__11, .row .col-md-11, .row .col-sm-4-11, .row .col-lg-11 {
    max-width: 91.6666666667% !important;
    flex: 0 0 91.6666666667% !important;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }
  .grid-row .grid__12, .c-form .grid__12, .grid-row .col-md-12, .c-form .col-md-12, .grid-row .col-sm-4-12, .c-form .col-sm-4-12, .grid-row .col-lg-12, .c-form .col-lg-12, .row .grid__12, .row .col-md-12, .row .col-sm-4-12, .row .col-lg-12 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }
}
@media only screen and (min-width: 670px) and (max-width: 800px) and (min-width: 670px) {
  .grid-row .grid__tablet-1, .c-form .grid__tablet-1, .row .grid__tablet-1 {
    max-width: 8.3333333333% !important;
    flex: 0 0 8.3333333333% !important;
    padding-left: 10px;
    padding-right: 10px;
  }
  .grid-row .grid__tablet-2, .c-form .grid__tablet-2, .row .grid__tablet-2 {
    max-width: 16.6666666667% !important;
    flex: 0 0 16.6666666667% !important;
    padding-left: 10px;
    padding-right: 10px;
  }
  .grid-row .grid__tablet-3, .c-form .grid__tablet-3, .row .grid__tablet-3 {
    max-width: 25% !important;
    flex: 0 0 25% !important;
    padding-left: 10px;
    padding-right: 10px;
  }
  .grid-row .grid__tablet-4, .c-form .grid__tablet-4, .row .grid__tablet-4 {
    max-width: 33.3333333333% !important;
    flex: 0 0 33.3333333333% !important;
    padding-left: 10px;
    padding-right: 10px;
  }
  .grid-row .grid__tablet-5, .c-form .grid__tablet-5, .row .grid__tablet-5 {
    max-width: 41.6666666667% !important;
    flex: 0 0 41.6666666667% !important;
    padding-left: 10px;
    padding-right: 10px;
  }
  .grid-row .grid__tablet-6, .grid-row #page .col-sm-4, #page .grid-row .col-sm-4, .grid-row .e-page .col-sm-4, .e-page .grid-row .col-sm-4, .c-form .grid__tablet-6, .c-form #page .col-sm-4, #page .c-form .col-sm-4, .c-form .e-page .col-sm-4, .e-page .c-form .col-sm-4, .row .grid__tablet-6, .row #page .col-sm-4, #page .row .col-sm-4, .row .e-page .col-sm-4, .e-page .row .col-sm-4 {
    max-width: 50% !important;
    flex: 0 0 50% !important;
    padding-left: 10px;
    padding-right: 10px;
  }
  .grid-row .grid__tablet-7, .c-form .grid__tablet-7, .row .grid__tablet-7 {
    max-width: 58.3333333333% !important;
    flex: 0 0 58.3333333333% !important;
    padding-left: 10px;
    padding-right: 10px;
  }
  .grid-row .grid__tablet-8, .c-form .grid__tablet-8, .row .grid__tablet-8 {
    max-width: 66.6666666667% !important;
    flex: 0 0 66.6666666667% !important;
    padding-left: 10px;
    padding-right: 10px;
  }
  .grid-row .grid__tablet-9, .c-form .grid__tablet-9, .row .grid__tablet-9 {
    max-width: 75% !important;
    flex: 0 0 75% !important;
    padding-left: 10px;
    padding-right: 10px;
  }
  .grid-row .grid__tablet-10, .c-form .grid__tablet-10, .row .grid__tablet-10 {
    max-width: 83.3333333333% !important;
    flex: 0 0 83.3333333333% !important;
    padding-left: 10px;
    padding-right: 10px;
  }
  .grid-row .grid__tablet-11, .c-form .grid__tablet-11, .row .grid__tablet-11 {
    max-width: 91.6666666667% !important;
    flex: 0 0 91.6666666667% !important;
    padding-left: 10px;
    padding-right: 10px;
  }
  .grid-row .grid__tablet-12, .grid-row .c-widjets > div, .c-form .grid__tablet-12, .c-form .c-widjets > div, .c-form .c-form__self-form, .c-form .c-form__map, .row .grid__tablet-12, .row .c-widjets > div {
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 670px) {
  .grid-row, .c-form, .row {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -9px !important;
    margin-left: -9px !important;
  }
  .grid-row .grid__mobile-1, .c-form .grid__mobile-1, .grid-row .col-xs-1, .c-form .col-xs-1, .row .grid__mobile-1, .row .col-xs-1 {
    max-width: 8.3333333333% !important;
    flex: 0 0 8.3333333333% !important;
    padding-left: 9px;
    padding-right: 9px;
  }
  .grid-row .grid__mobile-2, .c-form .grid__mobile-2, .grid-row .col-xs-2, .c-form .col-xs-2, .row .grid__mobile-2, .row .col-xs-2 {
    max-width: 16.6666666667% !important;
    flex: 0 0 16.6666666667% !important;
    padding-left: 9px;
    padding-right: 9px;
  }
  .grid-row .grid__mobile-3, .c-form .grid__mobile-3, .grid-row .col-xs-3, .c-form .col-xs-3, .row .grid__mobile-3, .row .col-xs-3 {
    max-width: 25% !important;
    flex: 0 0 25% !important;
    padding-left: 9px;
    padding-right: 9px;
  }
  .grid-row .grid__mobile-4, .c-form .grid__mobile-4, .grid-row .col-xs-4, .c-form .col-xs-4, .row .grid__mobile-4, .row .col-xs-4 {
    max-width: 33.3333333333% !important;
    flex: 0 0 33.3333333333% !important;
    padding-left: 9px;
    padding-right: 9px;
  }
  .grid-row .grid__mobile-5, .c-form .grid__mobile-5, .grid-row .col-xs-5, .c-form .col-xs-5, .row .grid__mobile-5, .row .col-xs-5 {
    max-width: 41.6666666667% !important;
    flex: 0 0 41.6666666667% !important;
    padding-left: 9px;
    padding-right: 9px;
  }
  .grid-row .grid__mobile-6, .grid-row .e-page .e-page__navigation-page li, .e-page .e-page__navigation-page .grid-row li, .c-form .grid__mobile-6, .c-form .e-page .e-page__navigation-page li, .e-page .e-page__navigation-page .c-form li, .grid-row .col-xs-6, .c-form .col-xs-6, .row .grid__mobile-6, .row .e-page .e-page__navigation-page li, .e-page .e-page__navigation-page .row li, .row .col-xs-6 {
    max-width: 50% !important;
    flex: 0 0 50% !important;
    padding-left: 9px;
    padding-right: 9px;
  }
  .grid-row .grid__mobile-7, .c-form .grid__mobile-7, .grid-row .col-xs-7, .c-form .col-xs-7, .row .grid__mobile-7, .row .col-xs-7 {
    max-width: 58.3333333333% !important;
    flex: 0 0 58.3333333333% !important;
    padding-left: 9px;
    padding-right: 9px;
  }
  .grid-row .grid__mobile-8, .c-form .grid__mobile-8, .grid-row .col-xs-8, .c-form .col-xs-8, .row .grid__mobile-8, .row .col-xs-8 {
    max-width: 66.6666666667% !important;
    flex: 0 0 66.6666666667% !important;
    padding-left: 9px;
    padding-right: 9px;
  }
  .grid-row .grid__mobile-9, .c-form .grid__mobile-9, .grid-row .col-xs-9, .c-form .col-xs-9, .row .grid__mobile-9, .row .col-xs-9 {
    max-width: 75% !important;
    flex: 0 0 75% !important;
    padding-left: 9px;
    padding-right: 9px;
  }
  .grid-row .grid__mobile-10, .c-form .grid__mobile-10, .grid-row .col-xs-10, .c-form .col-xs-10, .row .grid__mobile-10, .row .col-xs-10 {
    max-width: 83.3333333333% !important;
    flex: 0 0 83.3333333333% !important;
    padding-left: 9px;
    padding-right: 9px;
  }
  .grid-row .grid__mobile-11, .c-form .grid__mobile-11, .grid-row .col-xs-11, .c-form .col-xs-11, .row .grid__mobile-11, .row .col-xs-11 {
    max-width: 91.6666666667% !important;
    flex: 0 0 91.6666666667% !important;
    padding-left: 9px;
    padding-right: 9px;
  }
  .grid-row .grid__mobile-12, .grid-row .c-widjets > div, .grid-row .footer .footer__info, .footer .grid-row .footer__info, .c-form .grid__mobile-12, .c-form .c-widjets > div, .c-form .footer .footer__info, .footer .c-form .footer__info, .c-form .c-form__self-form, .grid-row .col-xs-12, .c-form .col-xs-12, .row .grid__mobile-12, .row .c-widjets > div, .row .footer .footer__info, .footer .row .footer__info, .row .col-xs-12 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 9px;
    padding-right: 9px;
  }
}

.col-xs-1 {
  float: left;
}

.col-xs-2 {
  float: left;
}

.col-xs-3 {
  float: left;
}

.col-xs-4 {
  float: left;
}

.col-xs-5 {
  float: left;
}

.col-xs-6 {
  float: left;
}

.col-xs-7 {
  float: left;
}

.col-xs-8 {
  float: left;
}

.col-xs-9 {
  float: left;
}

.col-xs-10 {
  float: left;
}

.col-xs-11 {
  float: left;
}

.col-xs-12 {
  float: left;
}

.grid__order-1 {
  order: 1;
}

.grid__order-2 {
  order: 2;
}

@media screen and (max-width: 670px) {
  .grid__mobile-order-1, .c-menu, .c-megamenu--button-mobile {
    order: 1;
  }

  .grid__mobile-order-2 {
    order: 2;
  }
}
.u-ratio .u-ratio-16-9,
.u-ratio .u-ratio-16-10,
.u-ratio .u-ratio-square {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
}
.u-ratio .u-ratio-16-9 {
  padding-top: 56.25%;
  /* This is your aspect-ratio */
}
.u-ratio .u-ratio-16-10 {
  padding-top: 62.5%;
  /* This is your aspect-ratio */
}
.u-ratio .u-ratio-square {
  padding-top: 100%;
  /* This is your aspect-ratio */
}
.u-ratio .u-ratio-inner {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon.eot?g4aviv");
  src: url("fonts/icomoon.eot?g4aviv#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?g4aviv") format("truetype"), url("fonts/icomoon.woff?g4aviv") format("woff"), url("fonts/icomoon.svg?g4aviv#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icon_twitter:before {
  content: "";
}

.icon-icon_facebook:before {
  content: "";
}

.icon-icon_vimeo:before {
  content: "";
}

.icon-logo_comg:before {
  content: "";
  color: #a32035;
}

.icon-espai_bici:before {
  content: "";
}

.icon-bolsa:before {
  content: "";
}

.icon-noi_carrera:before {
  content: "";
}

.icon-flickr:before {
  content: "";
}

.icon-email:before {
  content: "";
}

.icon-phone:before {
  content: "";
}

.icon-lupa:before {
  content: "";
}

.icon-usuari:before {
  content: "";
}

.icon-obrir_link:before {
  content: "";
}

.icon-download:before, .grid-container--convenis table td a[href$=".pdf"]:before, #page .downloads a[href$=".pdf"]:before, .e-page .downloads a[href$=".pdf"]:before {
  content: "";
}

.icon-atencio_client:before {
  content: "";
}

.icon-hospital:before {
  content: "";
}

.icon-carta_oberta:before {
  content: "";
}

.icon-ma_document:before {
  content: "";
}

.icon-metge:before {
  content: "";
}

.icon-laptop:before {
  content: "";
}

.icon-play:before {
  content: "";
}

.icon-comment:before {
  content: "";
}

.icon-calendar:before {
  content: "";
}

.icon-situacion:before {
  content: "";
}

.icon-youtube:before {
  content: "";
}

.icon-instagram:before {
  content: "";
}

.icon-play-white:before {
  content: "";
  color: #fff;
}

.icon-search:before {
  content: "";
}

.icon-zoom-in:before {
  content: "";
}

.icon-zoom-out:before {
  content: "";
}

.icon-unlocked:before {
  content: "";
}

.icon-notification:before {
  content: "";
}

.icon-question:before {
  content: "";
}

.icon-plus:before {
  content: "";
}

.icon-minus:before {
  content: "";
}

.icon-info:before {
  content: "";
}

.icon-cancel-circle:before {
  content: "";
}

.icon-blocked:before {
  content: "";
}

.icon-cross:before {
  content: "";
}

.icon-checkmark:before {
  content: "";
}

.icon-checkmark2:before {
  content: "";
}

.icon-enter:before {
  content: "";
}

.icon-file-pdf:before {
  content: "";
}

.c-form {
  direction: ltr;
  margin: 0 auto;
}
.c-form--position-center {
  justify-content: center;
}
.c-form #lopd-lssi {
  display: none;
}
.c-form #id_legal_check ~ span {
  position: absolute;
  margin-top: 3px;
}
.c-form .form-signin {
  margin: 0 auto;
  width: 100%;
  max-width: 350px;
}
.c-form .form-anunci {
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
}
.c-form .form-contacte-page {
  margin: 0 auto;
  width: 100%;
}
.c-form .c-form__map {
  width: 100%;
}
.c-form .c-form__map iframe {
  width: 100%;
  border-top: 10px solid #b4cdea !important;
  border-bottom: 10px solid #b4cdea !important;
  height: 550px;
  margin-bottom: 15px;
}
@media screen and (max-width: 800px) and (min-width: 670px) {
  .c-form .c-form__map iframe {
    height: 400px;
  }
}
@media screen and (max-width: 670px) {
  .c-form .c-form__map iframe {
    height: 300px;
  }
}
.c-form .c-form__description {
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden;
  padding: 10px;
}
.c-form .c-form__description p {
  line-height: 1.4em;
  font-size: 14px;
  font-size: 1.1em;
}
.c-form .c-form__description small {
  font-size: 0.8em;
}
.c-form form {
  overflow: hidden;
  display: block;
}
.c-form form label {
  margin: 1.4em 0;
  display: block;
  position: relative;
}
.c-form form label > p {
  position: absolute;
  left: 5px;
  top: 8px;
  display: none;
}
.c-form form label > p.show {
  display: block;
  position: initial;
}
@media screen and (max-width: 670px) {
  .c-form form label {
    display: block;
  }
}
.c-form form label p {
  line-height: 1.2em;
  padding: 0;
  font-size: 1em;
  margin-bottom: 0;
}
.c-form form label a {
  font-weight: bold;
}
.c-form form label span {
  flex: 1;
}
@media screen and (max-width: 670px) {
  .c-form form label {
    flex-direction: column;
    margin: 1em 0;
  }
}
.c-form form input[type=password], .c-form form input[type=text], .c-form form input[type=number], .c-form form input[type=email], .c-form form textarea, .c-form form select {
  display: block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  margin: 0.5em 0;
  background-color: #d3dfe1;
  border: 1px solid #d3dfe1;
  padding: 0 8px;
  border-radius: 0;
  outline: none;
}
.c-form form input[type=submit] {
  border: 2px solid;
  line-height: 10px;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 300;
  height: 40px;
  text-indent: 0px;
  padding-top: 10px;
  border-radius: 0;
}
.c-form form input[type=submit], .c-form form button[type=submit] {
  padding: 5px 25px;
  font-size: 1em;
  display: block;
  transition: all 0.7s;
  margin: 1em 0;
  -webkit-appearance: none;
  border-radius: 0;
  outline: none;
  background-color: #a32035;
  border: 0;
  color: #FFF;
  cursor: pointer;
}
@media screen and (max-width: 670px) {
  .c-form form input[type=submit], .c-form form button[type=submit] {
    margin: 2em 0;
  }
}
.c-form form input[type=submit]:hover, .c-form form button[type=submit]:hover {
  opacity: 0.8;
}
.c-form form input[type=checkbox] {
  border: 1px solid #d3dfe1;
  height: 25px;
  width: 25px;
  cursor: pointer;
  -webkit-appearance: button;
  background-color: #d3dfe1;
  margin: 0px 5px 0 0;
  border-radius: 0;
  outline: none;
}
.c-form form input[type=checkbox]:checked {
  background-color: #a32035;
}
.c-form form input[type=checkbox]:checked:before {
  content: "X";
  text-align: center;
  position: absolute;
  width: 23px;
  color: #FFF;
  font-size: 20px;
  display: block;
  font-weight: 100;
}
.c-form form input:focus, .c-form form textarea:focus {
  border: 1px solid;
}
.c-form form textarea {
  height: 80px;
  border-radius: 0;
}
.c-form form .c-form__textlegal,
.c-form form .c-form__nota {
  font-size: 12px;
  line-height: 12px;
}

.c-menu, .c-megamenu--button-mobile {
  font-weight: 400;
  clear: both;
  width: 100%;
  display: block;
}
.c-menu .c-menu__checkbox, .c-megamenu--button-mobile .c-menu__checkbox {
  display: none;
}
.c-menu .c-menu__checkbox:checked ~ .c-menu__top, .c-megamenu--button-mobile .c-menu__checkbox:checked ~ .c-menu__top {
  transition: 0.5s;
  animation: fade-in 1s;
}
@media screen and (max-width: 670px) {
  .c-menu .c-menu__checkbox:checked ~ .c-menu__top, .c-megamenu--button-mobile .c-menu__checkbox:checked ~ .c-menu__top {
    display: block;
  }
}
@media screen and (max-width: 670px) {
  .c-menu .c-menu__toogle, .c-megamenu--button-mobile .c-menu__toogle {
    width: 30px;
    height: 22px;
    display: block;
    position: absolute;
    top: 40px;
    transition: 0.8s;
    left: 20px;
  }
  .c-menu .c-menu__toogle.active:before, .c-megamenu--button-mobile .c-menu__toogle.active:before {
    opacity: 0;
    content: "";
    position: absolute;
  }
  .c-menu .c-menu__toogle span, .c-megamenu--button-mobile .c-menu__toogle span {
    position: relative;
    height: 2px;
    background-color: #003A5D;
    width: 30px;
    display: block;
    position: absolute;
  }
  .c-menu .c-menu__toogle span:nth-child(1), .c-megamenu--button-mobile .c-menu__toogle span:nth-child(1) {
    top: 0;
  }
  .c-menu .c-menu__toogle span:nth-child(2), .c-megamenu--button-mobile .c-menu__toogle span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
  }
  .c-menu .c-menu__toogle span:nth-child(3), .c-megamenu--button-mobile .c-menu__toogle span:nth-child(3) {
    bottom: 0;
  }
  .c-menu .c-menu__toogle.active, .c-megamenu--button-mobile .c-menu__toogle.active {
    transform: rotate(90deg) scale(1);
  }
  .c-menu .c-menu__toogle.active span, .c-megamenu--button-mobile .c-menu__toogle.active span {
    background: #a32035 !important;
  }
  .c-menu .c-menu__toogle.active span:nth-child(1), .c-megamenu--button-mobile .c-menu__toogle.active span:nth-child(1) {
    transform: rotate(45deg);
  }
  .c-menu .c-menu__toogle.active span:nth-child(3), .c-megamenu--button-mobile .c-menu__toogle.active span:nth-child(3) {
    transform: rotate(-45deg);
  }
  .c-menu .c-menu__toogle.active span:nth-child(2), .c-megamenu--button-mobile .c-menu__toogle.active span:nth-child(2) {
    opacity: 0;
  }
}
.c-menu ul, .c-megamenu--button-mobile ul, .c-menu ol, .c-megamenu--button-mobile ol {
  list-style: none !important;
  margin: 0;
}
.c-menu li, .c-megamenu--button-mobile li {
  margin: 0;
}
@media screen and (max-width: 670px) {
  .c-menu, .c-megamenu--button-mobile {
    padding-top: 0;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.c-menu a, .c-megamenu--button-mobile a {
  text-decoration: none;
  transition: text-shadow 0s;
}
.c-menu a:hover, .c-megamenu--button-mobile a:hover {
  background-color: #EFEFEF;
}
.c-menu a:hover li, .c-megamenu--button-mobile a:hover li {
  display: block !important;
}
@media screen and (max-width: 670px) {
  .c-menu a:hover, .c-megamenu--button-mobile a:hover {
    background-color: transparent;
  }
}
.c-menu span a:hover, .c-megamenu--button-mobile span a:hover {
  background: transparent;
  color: #a32035;
}
.c-menu > ul, .c-megamenu--button-mobile > ul {
  float: right;
  display: flex;
}
@media screen and (max-width: 670px) {
  .c-menu > ul, .c-megamenu--button-mobile > ul {
    display: block;
    float: none;
  }
  .c-menu > ul li, .c-megamenu--button-mobile > ul li {
    margin-left: 0;
    padding-left: 8px;
  }
  .c-menu > ul li a, .c-megamenu--button-mobile > ul li a {
    padding-left: 3px;
    font-size: 1em;
  }
}
@media screen and (max-width: 670px) {
  .c-menu > ul li, .c-megamenu--button-mobile > ul li {
    padding-top: 20px;
  }
}
.c-menu .c-menu__top, .c-megamenu--button-mobile .c-menu__top {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1024px) and (min-width: 670px) {
  .c-menu .c-menu__top, .c-megamenu--button-mobile .c-menu__top {
    justify-content: center;
    width: 100%;
  }
  .c-menu .c-menu__top > li a, .c-megamenu--button-mobile .c-menu__top > li a {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
}
@media screen and (max-width: 670px) {
  .c-menu .c-menu__top, .c-megamenu--button-mobile .c-menu__top {
    display: none;
  }
}
.c-menu .c-menu__top__links span, .c-megamenu--button-mobile .c-menu__top__links span {
  text-transform: uppercase;
  font-size: 0.9em;
  display: block;
}
.c-menu .c-menu__top__links span a, .c-megamenu--button-mobile .c-menu__top__links span a {
  display: inline-block;
}
@media screen and (max-width: 670px) {
  .c-menu .c-menu__top__links span a, .c-megamenu--button-mobile .c-menu__top__links span a {
    display: block;
  }
}
.c-menu .c-menu__top > li, .c-megamenu--button-mobile .c-menu__top > li {
  position: relative;
}
.c-menu .c-menu__top > li a, .c-megamenu--button-mobile .c-menu__top > li a {
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 0.8em;
  padding-bottom: 0.4em;
}
@media screen and (max-width: 1024px) and (min-width: 800px) {
  .c-menu .c-menu__top > li, .c-megamenu--button-mobile .c-menu__top > li {
    padding-right: 5px;
  }
}
@media screen and (max-width: 800px) and (min-width: 670px) {
  .c-menu .c-menu__top > li, .c-megamenu--button-mobile .c-menu__top > li {
    padding-right: 3px;
  }
}
.c-menu .c-menu__top > li.selected > span a, .c-megamenu--button-mobile .c-menu__top > li.selected > span a {
  font-weight: bold;
  color: #a32035;
}
@media only screen and (min-width: 670px) {
  .c-menu .c-menu__top > li:hover:before, .c-megamenu--button-mobile .c-menu__top > li:hover:before {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-weight: 300;
    color: #a32035;
    position: absolute;
    font-size: 0.4em;
    top: 15px;
    left: 0px;
  }
}
@media only screen and (min-width: 670px) and (max-width: 670px) {
  .c-menu .c-menu__top > li:hover:before, .c-megamenu--button-mobile .c-menu__top > li:hover:before {
    top: 30px;
    font-size: 0.8em;
  }
}
@media only screen and (min-width: 670px) {
  .c-menu .c-menu__top > li:hover ul, .c-megamenu--button-mobile .c-menu__top > li:hover ul {
    display: block;
    animation-name: fade-in;
    animation-duration: 1s;
  }
}
@media only screen and (min-width: 670px) {
  .c-menu .c-menu__top > li:last-child .c-menu__submenu, .c-megamenu--button-mobile .c-menu__top > li:last-child .c-menu__submenu {
    text-align: right;
    left: auto;
    right: -100%;
    padding-right: 40px;
  }
  .c-menu .c-menu__top > li:last-child .c-menu__submenu a, .c-megamenu--button-mobile .c-menu__top > li:last-child .c-menu__submenu a {
    border-left: 0;
  }
}
@media screen and (max-width: 670px) {
  .c-menu .c-menu__top .c-menu__top__links span > a:before, .c-megamenu--button-mobile .c-menu__top .c-menu__top__links span > a:before {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-weight: 300;
    color: #a32035;
    position: absolute;
    font-size: 0.4em;
    top: 15px;
    left: 0px;
  }
}
@media screen and (max-width: 670px) and (max-width: 670px) {
  .c-menu .c-menu__top .c-menu__top__links span > a:before, .c-megamenu--button-mobile .c-menu__top .c-menu__top__links span > a:before {
    top: 32px;
    font-size: 0.8em;
  }
}
@media screen and (max-width: 670px) {
  .c-menu .c-menu__top .c-menu__top__links span > a.noPlus:before, .c-megamenu--button-mobile .c-menu__top .c-menu__top__links span > a.noPlus:before {
    content: "";
    top: 10px;
    left: -12px;
  }
}
@media screen and (max-width: 670px) {
  .c-menu .c-menu__top__active:before, .c-megamenu--button-mobile .c-menu__top__active:before {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: url("svg/icon_menos.svg") !important;
    font-weight: 300;
    color: #a32035;
    position: absolute;
    font-size: 0.4em;
    width: 15px;
    height: 15px;
    top: 36px !important;
  }
  .c-menu .c-menu__top__active ul, .c-megamenu--button-mobile .c-menu__top__active ul {
    border: 1px solid blue;
    display: block;
    animation-name: fade-in;
    animation-duration: 1s;
  }
}
@media screen and (max-width: 670px) {
  .c-menu .c-menu__top__active--false ul, .c-megamenu--button-mobile .c-menu__top__active--false ul {
    display: none;
  }
}
.c-menu .c-menu__submenu, .c-megamenu--button-mobile .c-menu__submenu {
  position: absolute;
  display: none;
  z-index: 300;
  background-color: rgba(255, 255, 255, 0.94);
  border-bottom: 6px solid #a32035;
  min-width: 300px;
  left: 0px;
}
@media (min-width: 670px) {
  .c-menu .c-menu__submenu, .c-megamenu--button-mobile .c-menu__submenu {
    display: none !important;
  }
}
@media screen and (max-width: 670px) {
  .c-menu .c-menu__submenu, .c-megamenu--button-mobile .c-menu__submenu {
    position: relative;
  }
}
.c-menu .c-menu__submenu a, .c-megamenu--button-mobile .c-menu__submenu a {
  display: block;
}
@media screen and (max-width: 670px) {
  .c-menu .c-menu__submenu a, .c-megamenu--button-mobile .c-menu__submenu a {
    position: relative;
    margin-left: 30px;
  }
  .c-menu .c-menu__submenu a:before, .c-megamenu--button-mobile .c-menu__submenu a:before {
    content: "";
    position: absolute;
    border-bottom: 1px solid;
    border-left: 1px solid;
    height: 12px;
    width: 12px;
    top: 10px;
    left: -12px;
  }
}
.c-menu .c-menu__submenu__current, .c-megamenu--button-mobile .c-menu__submenu__current {
  font-weight: bold;
  color: #a32035;
}
.c-menu .c-menu__submenu3, .c-megamenu--button-mobile .c-menu__submenu3 {
  margin-left: 20px !important;
}
@media screen and (max-width: 670px) {
  .c-menu .c-menu__submenu3 a:before, .c-megamenu--button-mobile .c-menu__submenu3 a:before {
    content: "";
    position: absolute;
    border-bottom: 1px solid;
    border-left: 1px solid;
    height: 12px;
    width: 12px;
    top: 2px;
    left: -22px;
  }
}
.c-menu .c-menu__submenu3__current, .c-megamenu--button-mobile .c-menu__submenu3__current {
  font-weight: bold;
  color: #a32035;
}

@media screen and (max-width: 670px) {
  .disabe-menu-in-mobile {
    opacity: 0;
    height: 0;
  }
}

@media screen and (max-width: 670px) {
  .no-visible-only-mobile {
    opacity: 0;
    height: 10px;
    overflow: hidden;
  }
}

.c-megamenu {
  font-size: 0.9em;
  padding-bottom: 10px;
  clear: both;
  width: 100%;
  position: absolute;
  z-index: 100;
  background-color: white;
}
@media (max-width: 1024px) and (min-width: 670px) {
  .c-megamenu {
    font-size: 1.6vw;
  }
}
.is-sticky .c-megamenu {
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 670px) {
  .c-megamenu {
    font-size: 1em;
    opacity: 0;
    height: 0;
    overflow: hidden;
  }
  .c-megamenu--active-mobile {
    opacity: 1;
    height: auto;
  }
  .c-megamenu--active-mobile .disabe-menu-in-mobile {
    opacity: 1;
    height: auto;
  }
  .c-megamenu .grid-container, .c-megamenu .c-widjets, .c-megamenu .c-form-newsletter, .c-megamenu .c-video h2, .c-video .c-megamenu h2, .c-megamenu .c-banner .c-banner__item .c-banner__text, .c-banner .c-banner__item .c-megamenu .c-banner__text, .c-megamenu .c-agenda, .c-megamenu .c-widjets, .c-megamenu .c-benvinguda-icons-acces, .c-megamenu .c-icons-serveis, .c-megamenu .e-page, .c-megamenu .footer .footer__inner, .footer .c-megamenu .footer__inner, .c-megamenu .header .header__inner, .header .c-megamenu .header__inner, .c-megamenu .c-megamenu__top__links {
    padding: 0;
  }
}
.c-megamenu .c-menu-megamenu {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 670px) {
  .c-megamenu .c-menu-megamenu {
    display: block;
  }
}
.c-megamenu .c-menu__top {
  margin-top: -2em;
  margin-left: auto;
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .c-megamenu .c-menu__top {
    margin-top: 0;
    margin: auto;
  }
}
.c-megamenu .c-menu > ul, .c-megamenu .c-megamenu--button-mobile > ul {
  display: block;
  float: none;
}
.c-megamenu .back-menu {
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  font-size: 1.3em;
  border-radius: 8px;
  border: 1px solid;
  padding: 4px 20px;
  margin: 0 1em 1em 0.5em;
  cursor: pointer;
  transition: 0.2s;
  display: none;
}
.c-megamenu .back-menu:hover {
  background-color: #a32035;
  color: #FFF;
}
@media screen and (max-width: 670px) {
  .c-megamenu .back-menu {
    display: block;
  }
}
.c-megamenu .animated, .c-megamenu .fadeInRight:nth-child(10) a, .c-megamenu .current + ul li:nth-child(10) a, .c-megamenu .fadeInRight:nth-child(9) a, .c-megamenu .current + ul li:nth-child(9) a, .c-megamenu .fadeInRight:nth-child(8) a, .c-megamenu .current + ul li:nth-child(8) a, .c-megamenu .fadeInRight:nth-child(7) a, .c-megamenu .current + ul li:nth-child(7) a, .c-megamenu .fadeInRight:nth-child(6) a, .c-megamenu .current + ul li:nth-child(6) a, .c-megamenu .fadeInRight:nth-child(5) a, .c-megamenu .current + ul li:nth-child(5) a, .c-megamenu .fadeInRight:nth-child(4) a, .c-megamenu .current + ul li:nth-child(4) a, .c-megamenu .fadeInRight:nth-child(3) a, .c-megamenu .current + ul li:nth-child(3) a, .c-megamenu .fadeInRight:nth-child(2) a, .c-megamenu .current + ul li:nth-child(2) a, .c-megamenu .fadeInRight:nth-child(1) a, .c-megamenu .current + ul li:nth-child(1) a {
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.c-megamenu .fadeInRight, .c-megamenu .current + ul li {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.c-megamenu .fadeInRight:before, .c-megamenu .current + ul li:before {
  content: "-";
  display: block;
  float: left;
  padding-right: 5px;
  transform: translateY(5px);
}
.c-megamenu .fadeInRight:nth-child(1) a, .c-megamenu .current + ul li:nth-child(1) a {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  animation-duration: 0.1111111111s !important;
}
.c-megamenu .fadeInRight:nth-child(2) a, .c-megamenu .current + ul li:nth-child(2) a {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  animation-duration: 0.2222222222s !important;
}
.c-megamenu .fadeInRight:nth-child(3) a, .c-megamenu .current + ul li:nth-child(3) a {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  animation-duration: 0.3333333333s !important;
}
.c-megamenu .fadeInRight:nth-child(4) a, .c-megamenu .current + ul li:nth-child(4) a {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  animation-duration: 0.4444444444s !important;
}
.c-megamenu .fadeInRight:nth-child(5) a, .c-megamenu .current + ul li:nth-child(5) a {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  animation-duration: 0.5555555556s !important;
}
.c-megamenu .fadeInRight:nth-child(6) a, .c-megamenu .current + ul li:nth-child(6) a {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  animation-duration: 0.6666666667s !important;
}
.c-megamenu .fadeInRight:nth-child(7) a, .c-megamenu .current + ul li:nth-child(7) a {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  animation-duration: 0.7777777778s !important;
}
.c-megamenu .fadeInRight:nth-child(8) a, .c-megamenu .current + ul li:nth-child(8) a {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  animation-duration: 0.8888888889s !important;
}
.c-megamenu .fadeInRight:nth-child(9) a, .c-megamenu .current + ul li:nth-child(9) a {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  animation-duration: 1s !important;
}
.c-megamenu .fadeInRight:nth-child(10) a, .c-megamenu .current + ul li:nth-child(10) a {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  animation-duration: 1.1111111111s !important;
}
.c-megamenu .fadeInRight a, .c-megamenu .current + ul li a {
  padding: 3px 0;
}
@keyframes fadeOut {
  from {
    opacity: 1;
    display: block;
  }
  to {
    display: none;
  }
}
.c-megamenu .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.c-megamenu .current + ul {
  display: block;
}
.c-megamenu .current a {
  color: #000;
}
.c-megamenu .link-to-level-3:after {
  content: "→";
  font-size: 1.2em;
  transform: translateY(-2px);
  position: absolute;
  margin-left: 2px;
}
.c-megamenu span.noneAfter a:after {
  opacity: 0;
  display: none;
}
.c-megamenu--active {
  padding-top: 30px;
  padding-bottom: 20px;
}
.c-megamenu__figure {
  width: 300px;
  height: 300px;
  margin: 0;
  background-color: transparent;
}
@media only screen and (max-width: 1024px) and (min-width: 670px) {
  .c-megamenu__figure {
    max-width: 180px;
    height: 180px;
  }
}
@media (max-width: 1024px) {
  .c-megamenu__figure {
    width: 280px;
  }
}
.c-megamenu__figure img {
  padding: 8px;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media screen and (max-width: 670px) {
  .c-megamenu__figure {
    width: 100%;
    min-height: 300px;
    margin: 1em 0.5em;
    order: 2;
  }
  .c-megamenu__figure img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}
.c-megamenu__submenu {
  width: 50%;
  padding: 0 30px;
  margin: 0;
}
@media only screen and (max-width: 1024px) and (min-width: 670px) {
  .c-megamenu__submenu {
    padding: 0 10px;
  }
}
.c-megamenu__submenu h3 {
  font-size: 2.5em;
  font-weight: 300;
  text-align: left;
  margin-top: 0;
  color: #a32035;
}
@media only screen and (max-width: 1024px) and (min-width: 670px) {
  .c-megamenu__submenu h3 {
    font-size: 1.8em;
  }
}
.c-megamenu__submenu a {
  padding: 0.5em 0;
  text-decoration: none;
}
@media screen and (max-width: 670px) {
  .c-megamenu__submenu {
    padding: 0px 12px;
    width: 100%;
  }
}
.c-megamenu .c-menu__top {
  display: flex;
}
@media screen and (max-width: 670px) {
  .c-megamenu .c-menu__top {
    display: block;
  }
}
.c-megamenu .c-menu__top__links {
  list-style: none;
  margin: 0;
}
.c-megamenu .c-menu__top__links.selected.c-menu__submenu__current > span a {
  color: #a32035;
  font-weight: bold;
}
@media screen and (max-width: 670px) {
  .c-megamenu .c-menu__top__links > span {
    display: flex;
    width: 100%;
  }
  .c-megamenu .c-menu__top__links > span.no-visible-mobile {
    display: none;
    border: 1px solid green;
  }
}
.c-megamenu .c-menu__top__links > span a {
  margin: 1em 0 1em 2em;
  text-transform: uppercase;
  text-decoration: none;
}
@media screen and (max-width: 670px) {
  .c-megamenu .c-menu__top__links > span a {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #a32035;
    margin: 0;
    padding: 1em;
    font-size: 1.2em;
    padding-left: 40px;
  }
  .c-megamenu .c-menu__top__links > span a:before {
    content: "+";
    position: absolute;
    text-indent: -15px;
    color: #a32035;
    font-weight: 500;
  }
}
.c-megamenu .c-menu__top__links > span a:hover {
  color: #a32035;
}
@media (min-width: 670px) {
  .c-megamenu .c-menu__top__links > span a:hover:before {
    content: "+";
    position: absolute;
    text-indent: -10px;
  }
}
@media (min-width: 670px) {
  .c-megamenu .c-menu__top__links:hover > ul {
    display: block;
    height: auto;
    opacity: 1;
    overflow: auto;
  }
}
@keyframes fadeInHeader {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.c-megamenu .c-megamenu__top__links {
  display: flex;
  min-height: 350px;
  margin: 1em 0;
  padding: 30px 0;
  position: relative;
  margin: 0 auto;
}
.c-megamenu .c-megamenu__top__links a.selected,
.c-megamenu .c-megamenu__top__links a.c-menu__submenu__current {
  color: #a32035;
}
@media screen and (max-width: 670px) {
  .c-megamenu .c-megamenu__top__links {
    flex-wrap: wrap;
    min-height: auto;
  }
}
.c-megamenu__segon-nivell {
  margin-bottom: 0;
  position: absolute;
  left: 0;
  background-color: #FFF;
  width: 100%;
  opacity: 0;
  height: 0;
  overflow: hidden;
}
@media screen and (max-width: 670px) {
  .c-megamenu__segon-nivell.active-mobile {
    opacity: 1;
    height: auto;
  }
}
@media screen and (max-width: 670px) {
  .c-megamenu__segon-nivell.no-visible-mobile {
    display: none;
  }
}
@media screen and (max-width: 670px) {
  .c-megamenu__segon-nivell {
    width: 100%;
    position: relative;
  }
}
.c-megamenu__segon-nivell li, .c-megamenu__segon-nivell a {
  display: block;
}
.c-megamenu__segon-nivell .c-megamenu__submenu3 {
  position: absolute;
  overflow: hidden;
  right: 50px;
  top: 30px;
  text-align: left;
  height: 80%;
  width: 100%;
  border-left: 1px solid #f4b12b;
  display: none;
}
@media screen and (max-width: 670px) {
  .c-megamenu__segon-nivell .c-megamenu__submenu3 {
    position: relative;
    top: 0;
    height: auto;
  }
}
.c-megamenu__segon-nivell .c-megamenu__submenu3 > li:first-child {
  margin-top: 12%;
}
@media screen and (max-width: 670px) {
  .c-megamenu__segon-nivell .c-megamenu__submenu3 > li:first-child {
    margin-top: 0%;
  }
}
@media screen and (max-width: 670px) {
  .c-megamenu__segon-nivell .c-megamenu__submenu3 {
    position: relative;
    right: 0;
    height: auto;
  }
}
.c-megamenu__segon-nivell .c-megamenu__submenu3 a {
  display: block;
  flex: 1;
}
.c-megamenu__segon-nivell span:hover + .c-megamenu__submenu3 {
  display: block;
}
.c-megamenu__submenu3 {
  margin: 0;
  padding: 0;
  display: none;
}
.c-megamenu__submenu3 a {
  margin: 0;
}
@media (min-width: 670px) {
  .fadeInH {
    animation: fadeInSegonNivell 1s;
  }

  @keyframes fadeInSegonNivell {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
}
.c-poster-video {
  width: 100%;
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
}
.c-poster-video .c-poster-video__videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  display: none;
}
.c-poster-video .c-poster-video__videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.c-poster-video iframe {
  width: 100vw;
  background: #000;
}
.c-poster-video__mark {
  position: relative;
  transition: all 1s;
}
.c-poster-video img {
  margin: 0;
  padding: 0;
}
.c-poster-video svg {
  max-width: 200px;
}
.c-poster-video a {
  position: absolute;
  z-index: 10;
  top: 0%;
  bottom: auto;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
  text-align: center;
  background: url("svg/ico_play--white.svg") center center no-repeat;
  background-size: 180px;
  background-color: transparent;
  transition: all 0.2s;
  color: #FFF;
  text-decoration: none;
}
@media screen and (max-width: 800px) and (min-width: 670px) {
  .c-poster-video a {
    background-size: 180px;
  }
}
@media screen and (max-width: 670px) {
  .c-poster-video a {
    background-size: 100px;
  }
}
.c-poster-video a span {
  opacity: 0;
}
.c-poster-video a:hover {
  background: url("svg/ico_play--white.svg") center center no-repeat;
  /*background-color:rgba($color_branding_G,.4); */
  background-color: rgba(200, 200, 200, 0.2);
  background-size: 220px;
  line-height: 180px;
  display: block;
}
@media screen and (max-width: 800px) and (min-width: 670px) {
  .c-poster-video a:hover {
    background-size: 120px;
  }
}
@media screen and (max-width: 670px) {
  .c-poster-video a:hover {
    background-size: 120px;
    line-height: 50px;
  }
}
.c-poster-video a:hover span {
  opacity: 1;
}

.c-input-search-blog {
  margin: 1.5em 0;
}
.c-input-search-blog #lopd-lssi {
  display: none;
}
@media screen and (max-width: 670px) {
  .c-input-search-blog #lopd-lssi {
    width: 100%;
    font-size: 1em;
    text-align: left;
  }
}
.c-input-search-blog #lopd-lssi p {
  text-align: left;
}
.c-input-search-blog #lopd-lssi h4 {
  margin-bottom: 4px;
  margin-top: 20px;
}
.c-input-search-blog form {
  max-width: 400px;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 670px) {
  .c-input-search-blog form {
    width: 100%;
    font-size: 0.8em;
  }
}
.c-input-search-blog label {
  padding-top: 10px;
  display: block;
  width: 80%;
  text-align: left;
  cursor: pointer;
}
@media screen and (max-width: 670px) {
  .c-input-search-blog label {
    width: 100%;
  }
}
.c-input-search-blog input[type=email], .c-input-search-blog button {
  height: 40px;
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  border: 1px solid #a32035;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  display: block;
  outline: none;
}
.c-input-search-blog input[type=email] {
  width: 80%;
  padding: 0 10px;
  background-color: #bed0d3;
  font-size: 1.1em;
}
.c-input-search-blog input[type=checkbox] {
  border: 1px solid #a32035;
  height: 25px;
  width: 25px;
  cursor: pointer;
  -webkit-appearance: button;
  background-color: #d3dfe1;
  margin: 0px 8px 0 0;
  border-radius: 0;
  outline: none;
  float: left;
  transform: translateY(3px);
}
.c-input-search-blog input[type=checkbox]:checked {
  background-color: #a32035;
}
.c-input-search-blog input[type=checkbox]:checked:before {
  content: "X";
  text-align: center;
  position: absolute;
  width: 23px;
  color: #FFF;
  font-size: 20px;
  display: block;
  font-weight: 100;
}
.c-input-search-blog button {
  width: 100px;
  cursor: pointer;
  background-color: #a32035;
  color: #FFF;
}
.c-input-search-blog button:hover {
  background-color: #f4b12b;
  color: #FFF;
}

.c-adjunts {
  color: #222;
  font-size: 1.1em;
  padding-bottom: 0px;
  margin-bottom: 25px;
  display: block;
  padding-top: 1em;
  margin-top: 0;
  /*50px;*/
}
.c-adjunts i.icon-download span {
  font-family: "Source Sans Pro", sans-serif;
}
.c-adjunts i.icon-download span.glyphicon {
  font-family: "Glyphicons Halflings";
}
.c-adjunts a {
  color: #222;
  text-decoration: none;
  border-bottom: 1px dotted;
  padding-bottom: 3px;
}
.c-adjunts a:hover {
  border-bottom: 2px solid;
}
.c-adjunts ul, .c-adjunts ol {
  list-style: none !important;
  margin: 0;
}
.c-adjunts li {
  margin: 0;
}
.c-adjunts h4 {
  font-size: 1.6em;
  font-weight: 200 !important;
}
.c-adjunts h4:after {
  display: block;
  content: "";
  height: 1px;
  margin-top: 0.6em;
  background-color: #6f6f74;
  width: 20%;
}
.c-adjunts i:before {
  font-size: 20px;
}
.c-adjunts i.icon-obrir_link {
  padding-right: 10px;
  font-size: 2em;
}

@media screen and (max-width: 670px) {
  #header-sticky-wrapper {
    height: auto !important;
  }
}

#header {
  background-color: #FFF;
}
#header.fixed {
  position: fixed;
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.4);
  animation: fadeInHeaderFixed 0.8s;
  transition: 1s;
}
@keyframes fadeInHeaderFixed {
  0% {
    opacity: 0.3;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@media only screen and (max-width: 1024px) and (min-width: 670px) {
  #header.fixed {
    min-height: inherit;
  }
}
@media screen and (max-width: 670px) {
  #header.active-mobile {
    position: initial;
  }
}
@media screen and (max-width: 670px) {
  #header.initial {
    position: initial !important;
  }
}

.header {
  clear: both;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
}
.header.scrolled {
  position: fixed;
}
@media only screen and (max-width: 1024px) and (min-width: 670px) {
  .header {
    min-height: 150px;
  }
}
.header .header__access_register {
  text-align: right;
}
.header .header__access_register a {
  text-decoration: none;
}
@media only screen and (max-width: 1024px) and (min-width: 670px) {
  .header .header__access_register {
    padding: 0;
    text-align: center;
  }
}
@media screen and (max-width: 670px) {
  .header .header__access_register {
    text-align: center;
  }
}
.header .header__link-user-register {
  margin-left: 5px;
  padding-right: 5px;
}
.header .header__inner {
  background-color: #FFF;
  display: flex;
  flex-wrap: wrap;
}
.header .header__inner ul {
  margin: 0;
}
@media screen and (max-width: 670px) {
  .header .header__inner {
    display: block;
    justify-content: center;
  }
}
/*
.header .header__inner__left {
  display: flex;
  max-width: 40% !important;
  flex: 0 0 40% !important;
}
*/
/*** GDG modificacio 01-02-2021 **/
.header .header__inner__left {
  display: flex;
  max-width: 60% !important;
  flex: 0 0 60% !important;
}

@media only screen and (max-width: 1024px) {
  .header .header__inner__left {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    display: flex;
    justify-content: center;
    margin-left: 60px;
  }
}
/*
.header .header__inner__right {
  max-width: 60% !important;
  flex: 0 0 60% !important;
}
*/
/*** GDG modificacio 01-02-2021 **/
.header .header__inner__right {
  max-width: 40% !important;
  flex: 0 0 40% !important;
}
@media only screen and (max-width: 1024px) {
  .header .header__inner__right {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
@media screen and (max-width: 670px) {
  .header .header__inner__right {
    display: flex;
    flex-direction: column;
  }
}
.header .header__icons {
  margin: 0 0 0 auto;
  float: right;
}
@media screen and (max-width: 670px) {
  .header .header__icons--yes-visible-mobile {
    display: block !important;
  }
}
@media screen and (max-width: 670px) {
  .header .header__icons--no-visible-mobile {
    display: none !important;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 670px) {
  .header .header__icons {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    display: flex;
    justify-content: center;
    float: none;
  }
}
.header .header__icons ul, .header .header__icons ol {
  list-style: none !important;
  margin: 0;
}
.header .header__icons li {
  margin: 0;
}
@media screen and (max-width: 670px) {
  .header .header__icons {
    text-align: center;
    float: none;
    display: block;
    width: 100%;
    overflow: hidden;
  }
}
.header .header__icons a {
  text-decoration: none;
}
.header .header__icons ul {
  border-right: 2px solid #CCC;
  display: inline-block;
  margin: 0.5em 0;
}
@media screen and (max-width: 670px) {
  .header .header__icons ul {
    border-right: 0;
  }
}
.header .header__icons ul:first-child {
  padding-right: 0.8em;
}
.header .header__icons ul:last-child {
  border-right: 0;
  padding-left: 0.3em;
}
.header .header__icons li {
  display: inline-block;
}
.header .header__icons li a {
  background-color: #6f6f74;
  color: #FFF;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: block;
  line-height: 28px;
  font-size: 13px;
  margin: 0 0.2em;
  transition: all 0.4s;
  text-align: center;
}
@media only screen and (max-width: 1024px) and (min-width: 670px) {
  .header .header__icons li a {
    transform: scale(0.8);
    margin: 0 0.1em;
  }
}
@media screen and (max-width: 670px) {
  .header .header__icons li a {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
  }
}
.header .header__icons li a:hover {
  background-color: #a32035;
}
.header .header__icons__left li a {
  font-size: 1.1em;
}
@media screen and (max-width: 670px) {
  .header .header__icons__left li a {
    font-size: 0.9em;
  }
}
.header .header__icons__right li a {
  background-color: #f4b12b;
}
.header--user-regsiter .header__icons ul {
  margin: 0.3em 0;
}
@media screen and (max-width: 670px) {
  .header--user-regsiter .header__icons ul {
    margin: 0.5em 0;
  }
}
.header .header__logo {
  margin-top: 1em;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 670px) {
  .header .header__logo > a {
    display: block;
    margin: 0 auto;
    width: 140px;
  }
}
.header .header__logo img {
  display: block;
  width: 200px;
  position: relative;
  z-index: 101;
}
@media only screen and (max-width: 1024px) and (min-width: 670px) {
  .header .header__logo img {
    width: 140px;
  }
}
@media screen and (max-width: 670px) {
  .header .header__logo img {
    width: 140px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
  }
}
.header .header__logo.scrolled img {
  width: 100px;
}
.header .textLogo {
  font-size: 16px;
  line-height: 20px;
  /*
  text-transform: uppercase;
  */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 0px 0px 40px;
  font-style: italic;
}
@media screen and (max-width: 670px) {
  .header .textLogo {
    font-size: 0.8em;
    padding-left: 1em;
  }
}
@media only screen and (max-width: 425px) {
  .header .textLogo {
    display: none;
  }
}
.header .textLogo.scrolled {
  font-size: 13px;
  line-height: 16px;
  padding: 3px 0px 0px 40px;
}

.main {
  min-height: 50vh;
  animation: fadeinMain 0.8s;
}
@media screen and (max-width: 670px) {
  .main.no-visible-mobile {
    visibility: hidden;
    height: 0;
    overflow: hidden;
  }
}
@keyframes fadeinMain {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.main__overlay {
  position: relative;
}
@keyframes fadeinMainOverlay {}
.main__overlay:before {
  content: "";
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #333333;
  animation: fadeinMainOverlay 1.8s;
  opacity: 0.6;
}
@media screen and (max-width: 670px) {
  .main__overlay:before {
    display: none;
  }
}

.footer {
  background-color: #6f6f74;
  color: #FFF;
  position: relative;
  overflow: hidden;
  clear: both;
  padding-bottom: 50px;
  border-bottom: 10px solid #b4cdea;
  width: 100%;
}
@media screen and (max-width: 670px) {
  .footer.no-visible-mobile {
    visibility: hidden;
    height: 0;
    overflow: hidden;
  }
}
.footer a {
  text-decoration: none;
  color: #FFF;
}
.footer a:hover {
  font-weight: bold;
}
.footer .footer__inner {
  margin: 2.6em auto;
  flex-wrap: wrap;
}
.footer .footer__logo img {
  width: 220px;
  display: block;
  margin: 0 auto;
}
.footer .footer__navi {
  margin: 2em auto;
  text-transform: uppercase;
  max-width: 800px;
}
.footer .footer__navi ul, .footer .footer__navi ol {
  list-style: none !important;
  margin: 0;
}
.footer .footer__navi li {
  margin: 0;
}
.footer .footer__navi ul {
  display: flex;
  justify-content: center;
  margin: auto;
}
@media screen and (max-width: 670px) {
  .footer .footer__navi ul {
    flex-direction: column;
  }
}
.footer .footer__navi li {
  text-align: center;
  border-right: 1px solid;
  width: 100%;
  height: 35px;
  line-height: 35px;
  align-self: center;
}
@media screen and (max-width: 670px) {
  .footer .footer__navi li {
    border-right: 0;
  }
}
.footer .footer__navi li:last-child {
  border: 0;
}
.footer .footer__navi li a {
  display: block;
}
.footer .footer__info {
  text-align: center;
  margin: 2em auto;
}
.footer .footer__info p {
  margin-bottom: 0.2em;
}
.footer .footer__info a:hover {
  border-bottom: 1px dotted #999;
  color: #b4cdea;
}
.footer .footer__sponsors {
  margin-top: 30px;
}
.footer .footer__sponsors ul, .footer .footer__sponsors ol {
  list-style: none !important;
  margin: 0;
}
.footer .footer__sponsors li {
  margin: 0;
}
.footer .footer__sponsors h4 {
  border-bottom: 1px solid #EFEFEF;
  text-align: center;
  font-size: 1em;
  padding-bottom: 0.4em;
  margin-bottom: 0.5em;
}
.footer .footer__sponsors ul {
  display: flex;
}
@media screen and (max-width: 670px) {
  .footer .footer__sponsors ul {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.footer .footer__sponsors li {
  align-self: center;
}
@media screen and (max-width: 670px) {
  .footer .footer__sponsors li {
    width: 50%;
  }
}
.footer .footer__sponsors img {
  width: 100%;
  width: 200px;
  padding: 8px 20px;
  display: inline-block;
}
@media screen and (max-width: 670px) {
  .footer .footer__sponsors img {
    max-width: 180px;
    display: block;
    margin: 1em auto;
  }
}
.footer .footer__sponsors--colaboradors {
  width: 58%;
  display: block;
  float: left;
}
@media screen and (max-width: 800px) and (min-width: 670px) {
  .footer .footer__sponsors--colaboradors {
    width: 100%;
  }
}
@media screen and (max-width: 670px) {
  .footer .footer__sponsors--colaboradors {
    width: 100%;
  }
}
.footer .footer__sponsors--recomanen {
  width: 40%;
  display: block;
  float: right;
}
@media screen and (max-width: 800px) and (min-width: 670px) {
  .footer .footer__sponsors--recomanen {
    width: 100%;
  }
}
@media screen and (max-width: 670px) {
  .footer .footer__sponsors--recomanen {
    width: 100%;
  }
}

.e-display-none, .display-none {
  display: none !important;
}

.e-display-block, .display-block {
  display: block !important;
}

.e-overflow-visible {
  overflow: visible !important;
}

.e-overflow-none {
  overflow: none !important;
}

.e-display-flex {
  display: flex !important;
}

.e-clear, .clear {
  clear: both;
}
.e-clear:after, .clear:after {
  content: "";
  display: block;
  clear: both;
}

.e-cursor-default {
  cursor: default;
}

.e-margin-0 {
  margin: 0 !important;
}

.e-title-section {
  font-size: 4em;
  margin-bottom: 50px;
  margin-bottom: 28px !important;
}
@media screen and (max-width: 670px) {
  .e-title-section {
    font-size: 2.5em;
  }
}

.e-margin-center {
  display: block;
  margin: 0 auto;
  float: none;
}

.e-relative {
  position: relative;
}

.e-absolute {
  position: absolute;
}

.e-shadow {
  margin-top: 75px;
  width: 100%;
  height: 30px;
  display: block;
  box-shadow: 0 -25px 25px 0px #E5E5E5;
}

.e-alert, .alert {
  padding: 20px 15px;
  border: 1px solid transparent;
  border-radius: 4px;
  width: 96%;
  font-size: 1.2em;
  margin: 10px auto;
}
.e-alert-danger, .alert-danger {
  background: #a32035;
  color: #FFF;
}
.e-alert-success, .alert-success {
  background-color: #0a8f07;
  color: #FFF;
}
.e-alert-warning, .alert-warning {
  background-color: #e2fb48;
  color: #000;
}
.e-alert-info, .alert-info {
  background-color: #b4cdea;
  color: #000;
}

.e-float-left {
  float: left;
}

.e-float-right {
  float: right;
}

.e-size-1em {
  font-size: 1em;
}
.e-size-2em {
  font-size: 2em;
}
.e-size-3em {
  font-size: 3em;
}

.e-h2-special, .h2contacte {
  margin-bottom: 4px;
  font-size: 2em;
  margin-top: 40px;
  font-weight: 400;
}

.e-padding-top-50 {
  padding-top: 50px;
}

.e-padding-right-5px {
  padding-right: 5px;
}
.e-padding-right-10px {
  padding-right: 10px;
}

.e-btn-left:before {
  content: "";
  display: block;
  background: url("svg/navi_left.svg") no-repeat center center;
  height: 25px;
  width: 25px;
  padding-right: 25px;
}

.e-btn-right {
  font-size: 0;
  transition: all 0.8s;
}
.e-btn-right:hover {
  opacity: 0.5;
}
.e-btn-right:before {
  content: "";
  display: block;
  background: url("svg/navi_right.svg") no-repeat center center;
  height: 25px;
  width: 25px;
  padding-left: 35px;
}

.e-fill {
  object-fit: fill;
}

.e-contain {
  object-fit: contain;
}

.e-cover, .c-galeria-imatges ul li img {
  object-fit: cover;
}

.e-scale-down {
  object-fit: scale-down;
}

.e-none {
  object-fit: none;
}

.e-text-bold {
  font-weight: bold;
}

.e-text-center {
  text-align: center;
}

.e-text-justify {
  text-align: justify;
}

.e-color-alert {
  color: red;
}

/*Btn */
.e-btn, .btn {
  min-height: 30px;
  line-height: 30px;
  transition: 0.4s;
  border: 2px solid #a32035;
  text-decoration: none;
}
.e-btn:hover, .btn:hover {
  opacity: 0.8;
  border: 2px solid #444;
  cursor: pointer;
}
.e-btn-success, .btn-success {
  padding: 5px 8px;
  background-color: #a32035;
  color: #FFF;
  box-shadow: 2px 2px 2px #6f6f74;
}
.e-btn-success:hover, .btn-success:hover {
  background-color: #6f6f74;
  color: #FFF;
}

.e-btn-default, .btn-default {
  padding: 5px 8px;
  background-color: #a32035;
  color: #FFF;
  box-shadow: 2px 2px 2px #6f6f74;
}
@media screen and (max-width: 670px) {
  .e-btn-default.e-btn-xs, .e-btn-default.btn-xs, .btn-default.e-btn-xs, .btn-default.btn-xs {
    width: 100%;
  }
}
.e-btn-default:before, .btn-default:before {
  font-size: 0;
}

.e-title-widjet {
  font-size: 3em;
  font-weight: 300;
  text-align: center;
  margin-top: 1.5em;
}

.bloc-columnes {
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  justify-content: flex-start;
}
.bloc-columnes .bloc-columna {
  display: flex;
  flex-direction: column;
  width: 370px;
  max-width: calc(33% - 20px);
  flex: 0 0 calc(33% - 20px);
  justify-content: space-between;
  background-color: white;
  padding: 15px 20px 40px 20px;
}
.bloc-columnes .bloc-columna:hover {
  /*background-color: rgba(200,200,200,.1);*/
}
.bloc-columnes .bloc-columna .bloc-imatge {
  width: 100%;
  max-width: 100%;
}
.bloc-columnes .bloc-columna .bloc-imatge img {
  width: 100%;
  height: auto;
}
.bloc-columnes .bloc-columna .bloc-imatge .image-icon {
  max-width: 250px !important;
}
.bloc-columnes .bloc-columna .bloc-imatge a {
  display: block;
  text-align: center;
}
.bloc-columnes .bloc-columna .bloc-text {
  width: 400px;
  max-width: 100%;
}
@media screen and (max-width: 670px) {
  .bloc-columnes .bloc-columna .bloc-text {
    width: 100%;
    padding: 1em;
  }
}
.bloc-columnes .bloc-columna .bloc-bt p {
  margin: 0;
  padding: 0;
}
.bloc-columnes .bloc-columna .bloc-bt .btn-link {
  margin-top: 5px !important;
}
@media (max-width: 800px) and (min-width: 670px) {
  .bloc-columnes .bloc-columna {
    width: 370px;
    max-width: calc(50% - 20px);
    flex: 0 0 calc(50% - 20px);
  }
}
@media (max-width: 670px) {
  .bloc-columnes .bloc-columna {
    width: auto;
    max-width: 100%;
    flex: 0 0 100%;
  }
}

@media screen and (max-width: 670px) {
  .e-mobile-display-block {
    display: block !important;
  }
}
.e-page--contacte .c-form, .e-page--contacte .c-form__map {
  display: block;
  max-width: 100% !important;
}
.e-page--contacte .c-form .c-form__self-form, .e-page--contacte .c-form__map .c-form__self-form {
  max-width: 1024px !important;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
}
.e-page--contacte .c-form iframe, .e-page--contacte .c-form__map iframe {
  height: 370px;
}
@media screen and (max-width: 670px) {
  .e-page--contacte .c-form iframe, .e-page--contacte .c-form__map iframe {
    height: 200px;
  }
}
.e-page--contacte .c-form__description {
  text-align: center;
  max-width: 90%;
  margin: 1em auto;
}
@media screen and (max-width: 670px) {
  .e-page--contacte .c-form__description {
    max-width: 100%;
    margin: 0.5em auto;
  }
}
.e-page--contacte .c-form__self-form {
  max-width: 100% !important;
}
.e-page--contacte .c-form__self-form form {
  max-width: 60% !important;
  width: 60% !important;
  margin: 2em auto;
}
@media screen and (max-width: 670px) {
  .e-page--contacte .c-form__self-form form {
    margin: 0em auto;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.e-page--contacte .c-form__design {
  width: 50%;
  padding: 0.3em 2.5%;
  margin: 0 !important;
  float: left;
}
.e-page--contacte .c-form__design--complet {
  width: 100%;
}
.e-page .e-page__header {
  text-align: center;
}
.e-page .e-page__header h1 {
  font-size: 3em;
  line-height: 1.1em;
  padding-bottom: 30px;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 670px) {
  .e-page .e-page__header h1 {
    font-size: 2em;
    line-height: 1.3em;
  }
}
.e-page .e-page__header h1:after {
  content: "";
  display: block;
  clear: both;
}
.e-page .e-page__banner {
  height: 140px;
  display: flex;
  flex-direction: column;
  background: url("images/banners-home/capz-01.jpg") no-repeat center center;
  background-size: cover;
  color: #FFF;
  font-size: 1.3em;
  font-weight: 300;
  margin-bottom: 1.5em;
  color: #FFF;
  text-shadow: 0px 0px 3px #333;
  border-bottom: 10px solid #b4cdea;
  position: relative;
  overflow: hidden;
}
.e-page .e-page__banner ul, .e-page .e-page__banner ol {
  list-style: none !important;
  margin: 0;
}
.e-page .e-page__banner li {
  margin: 0;
}
.e-page .e-page__banner:before {
  content: "";
  position: absolute;
  width: 100vw;
  /*background:rgba($color_branding_G,.5);*/
  height: 140px;
}
@media screen and (max-width: 670px) {
  .e-page .e-page__banner {
    height: 93.3333333333px;
    font-size: 0.8em;
  }
  .e-page .e-page__banner:before {
    height: 93.3333333333px;
  }
}
@media only screen and (min-width: 1280px) {
  .e-page .e-page__banner {
    height: 168px;
  }
  .e-page .e-page__banner:before {
    height: 168px;
  }
}
.e-page .e-page__banner a {
  text-decoration: none;
  color: #FFF;
  font-weight: normal;
}
.e-page .e-page__banner ul {
  text-align: center;
  margin: auto;
  position: relative;
}
.e-page .e-page__banner li {
  display: inline-block;
}
.e-page .e-page__banner li:after {
  content: "/";
  text-align: center;
  padding: 0 0.5em;
}
.e-page .e-page__banner li:last-child {
  font-weight: 400;
  font-size: 1.2em;
}
.e-page .e-page__banner li:last-child:after {
  content: "";
  padding: 0;
}
.e-page .e-page__btn {
  position: relative;
}
.e-page .e-page__btn__btn-before {
  position: absolute;
  left: 0em;
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  top: 2em;
  width: 16em;
  font-size: 0.8em;
  cursor: pointer;
}
@media screen and (max-width: 670px) {
  .e-page .e-page__btn__btn-before {
    position: initial;
    float: left;
    width: 12em;
  }
}
.e-page .e-page__btn__btn-before:hover {
  fill: #b4cdea;
}
.e-page .e-page__btn__btn-before svg {
  font-size: 13.21px;
}
@media screen and (max-width: 670px) {
  .e-page .e-page__btn__btn-before svg {
    font-size: 11px;
  }
}
.e-page .e-page__btn__btn-before .poly {
  fill: none;
  stroke: #000;
  stroke-miterlimit: 10;
  stroke-width: 0.73px;
}
.e-page .e-page__short-information {
  margin: 3em auto;
  clear: both;
  padding-top: 8px;
}
.e-page .e-page__navigation-page {
  font-weight: 400;
}
.e-page .e-page__navigation-page ul, .e-page .e-page__navigation-page ol {
  list-style: none !important;
  margin: 0;
}
.e-page .e-page__navigation-page li {
  margin: 0;
}
.e-page .e-page__navigation-page ul {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 670px) {
  .e-page .e-page__navigation-page ul {
    flex-wrap: wrap;
  }
}
.e-page .e-page__navigation-page li {
  width: 100%;
  flex-grow: 1;
  text-align: center;
}
@media screen and (max-width: 670px) {
  .e-page .e-page__navigation-page li {
    font-size: 0.8em;
    margin: 0.7em 0;
  }
}
.e-page .e-page__navigation-page a {
  text-decoration: none;
  padding: 3px 5px;
  /* Set up the hover */
  /* If you aren't using autoprefix, remember to prefix the gradient for other browsers */
  background-image: -webkit-linear-gradient(#b4cdea, #b4cdea), -webkit-linear-gradient(white, white);
  background-image: -o-linear-gradient(#b4cdea, #b4cdea), -o-linear-gradient(white, white);
  background-image: linear-gradient(#b4cdea, #b4cdea), linear-gradient(white, white);
  background-size: 0 2px, auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  transition: all 0.2s ease-out;
}
.e-page .e-page__navigation-page a.e-page__navigation-page__current, .e-page .e-page__navigation-page a:hover {
  color: #b4cdea;
  /* The following line makes the underline only as wide as the text */
  /* background-size: calc(100% - 2em) 5px, auto; */
  background-size: 100% 2px, auto;
}

.fancybox-bg {
  background: #a32035 !important;
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.9 !important;
}

.fancybox-thumbs__list a::before {
  border-color: #a32035 !important;
}

/* progress bar */
.slider-progress {
  width: 100%;
  height: 10px;
  background: rgba(255, 255, 255, 0.5);
}

.slider-progress .progress {
  width: 0%;
  height: 10px;
  background: #b4cdea;
}

@font-face {
  font-family: "Glyphicons Halflings";
  src: url("../fonts/glyphicons-halflings-regular.eot");
  src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
  content: "*";
}

.glyphicon-plus:before {
  content: "+";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "€";
}

.glyphicon-minus:before {
  content: "−";
}

.glyphicon-cloud:before {
  content: "☁";
}

.glyphicon-envelope:before {
  content: "✉";
}

.glyphicon-pencil:before {
  content: "✏";
}

.glyphicon-glass:before {
  content: "";
}

.glyphicon-music:before {
  content: "";
}

.glyphicon-search:before {
  content: "";
}

.glyphicon-heart:before {
  content: "";
}

.glyphicon-star:before {
  content: "";
}

.glyphicon-star-empty:before {
  content: "";
}

.glyphicon-user:before {
  content: "";
}

.glyphicon-film:before {
  content: "";
}

.glyphicon-th-large:before {
  content: "";
}

.glyphicon-th:before {
  content: "";
}

.glyphicon-th-list:before {
  content: "";
}

.glyphicon-ok:before {
  content: "";
}

.glyphicon-remove:before {
  content: "";
}

.glyphicon-zoom-in:before {
  content: "";
}

.glyphicon-zoom-out:before {
  content: "";
}

.glyphicon-off:before {
  content: "";
}

.glyphicon-signal:before {
  content: "";
}

.glyphicon-cog:before {
  content: "";
}

.glyphicon-trash:before {
  content: "";
}

.glyphicon-home:before {
  content: "";
}

.glyphicon-file:before {
  content: "";
}

.glyphicon-time:before {
  content: "";
}

.glyphicon-road:before {
  content: "";
}

.glyphicon-download-alt:before {
  content: "";
}

.glyphicon-download:before {
  content: "";
}

.glyphicon-upload:before {
  content: "";
}

.glyphicon-inbox:before {
  content: "";
}

.glyphicon-play-circle:before {
  content: "";
}

.glyphicon-repeat:before {
  content: "";
}

.glyphicon-refresh:before {
  content: "";
}

.glyphicon-list-alt:before {
  content: "";
}

.glyphicon-lock:before {
  content: "";
}

.glyphicon-flag:before {
  content: "";
}

.glyphicon-headphones:before {
  content: "";
}

.glyphicon-volume-off:before {
  content: "";
}

.glyphicon-volume-down:before {
  content: "";
}

.glyphicon-volume-up:before {
  content: "";
}

.glyphicon-qrcode:before {
  content: "";
}

.glyphicon-barcode:before {
  content: "";
}

.glyphicon-tag:before {
  content: "";
}

.glyphicon-tags:before {
  content: "";
}

.glyphicon-book:before {
  content: "";
}

.glyphicon-bookmark:before {
  content: "";
}

.glyphicon-print:before {
  content: "";
}

.glyphicon-camera:before {
  content: "";
}

.glyphicon-font:before {
  content: "";
}

.glyphicon-bold:before {
  content: "";
}

.glyphicon-italic:before {
  content: "";
}

.glyphicon-text-height:before {
  content: "";
}

.glyphicon-text-width:before {
  content: "";
}

.glyphicon-align-left:before {
  content: "";
}

.glyphicon-align-center:before {
  content: "";
}

.glyphicon-align-right:before {
  content: "";
}

.glyphicon-align-justify:before {
  content: "";
}

.glyphicon-list:before {
  content: "";
}

.glyphicon-indent-left:before {
  content: "";
}

.glyphicon-indent-right:before {
  content: "";
}

.glyphicon-facetime-video:before {
  content: "";
}

.glyphicon-picture:before {
  content: "";
}

.glyphicon-map-marker:before {
  content: "";
}

.glyphicon-adjust:before {
  content: "";
}

.glyphicon-tint:before {
  content: "";
}

.glyphicon-edit:before {
  content: "";
}

.glyphicon-share:before {
  content: "";
}

.glyphicon-check:before {
  content: "";
}

.glyphicon-move:before {
  content: "";
}

.glyphicon-step-backward:before {
  content: "";
}

.glyphicon-fast-backward:before {
  content: "";
}

.glyphicon-backward:before {
  content: "";
}

.glyphicon-play:before {
  content: "";
}

.glyphicon-pause:before {
  content: "";
}

.glyphicon-stop:before {
  content: "";
}

.glyphicon-forward:before {
  content: "";
}

.glyphicon-fast-forward:before {
  content: "";
}

.glyphicon-step-forward:before {
  content: "";
}

.glyphicon-eject:before {
  content: "";
}

.glyphicon-chevron-left:before {
  content: "";
}

.glyphicon-chevron-right:before {
  content: "";
}

.glyphicon-plus-sign:before {
  content: "";
}

.glyphicon-minus-sign:before {
  content: "";
}

.glyphicon-remove-sign:before {
  content: "";
}

.glyphicon-ok-sign:before {
  content: "";
}

.glyphicon-question-sign:before {
  content: "";
}

.glyphicon-info-sign:before {
  content: "";
}

.glyphicon-screenshot:before {
  content: "";
}

.glyphicon-remove-circle:before {
  content: "";
}

.glyphicon-ok-circle:before {
  content: "";
}

.glyphicon-ban-circle:before {
  content: "";
}

.glyphicon-arrow-left:before {
  content: "";
}

.glyphicon-arrow-right:before {
  content: "";
}

.glyphicon-arrow-up:before {
  content: "";
}

.glyphicon-arrow-down:before {
  content: "";
}

.glyphicon-share-alt:before {
  content: "";
}

.glyphicon-resize-full:before {
  content: "";
}

.glyphicon-resize-small:before {
  content: "";
}

.glyphicon-exclamation-sign:before {
  content: "";
}

.glyphicon-gift:before {
  content: "";
}

.glyphicon-leaf:before {
  content: "";
}

.glyphicon-fire:before {
  content: "";
}

.glyphicon-eye-open:before {
  content: "";
}

.glyphicon-eye-close:before {
  content: "";
}

.glyphicon-warning-sign:before {
  content: "";
}

.glyphicon-plane:before {
  content: "";
}

.glyphicon-calendar:before {
  content: "";
}

.glyphicon-random:before {
  content: "";
}

.glyphicon-comment:before {
  content: "";
}

.glyphicon-magnet:before {
  content: "";
}

.glyphicon-chevron-up:before {
  content: "";
}

.glyphicon-chevron-down:before {
  content: "";
}

.glyphicon-retweet:before {
  content: "";
}

.glyphicon-shopping-cart:before {
  content: "";
}

.glyphicon-folder-close:before {
  content: "";
}

.glyphicon-folder-open:before {
  content: "";
}

.glyphicon-resize-vertical:before {
  content: "";
}

.glyphicon-resize-horizontal:before {
  content: "";
}

.glyphicon-hdd:before {
  content: "";
}

.glyphicon-bullhorn:before {
  content: "";
}

.glyphicon-bell:before {
  content: "";
}

.glyphicon-certificate:before {
  content: "";
}

.glyphicon-thumbs-up:before {
  content: "";
}

.glyphicon-thumbs-down:before {
  content: "";
}

.glyphicon-hand-right:before {
  content: "";
}

.glyphicon-hand-left:before {
  content: "";
}

.glyphicon-hand-up:before {
  content: "";
}

.glyphicon-hand-down:before {
  content: "";
}

.glyphicon-circle-arrow-right:before {
  content: "";
}

.glyphicon-circle-arrow-left:before {
  content: "";
}

.glyphicon-circle-arrow-up:before {
  content: "";
}

.glyphicon-circle-arrow-down:before {
  content: "";
}

.glyphicon-globe:before {
  content: "";
}

.glyphicon-wrench:before {
  content: "";
}

.glyphicon-tasks:before {
  content: "";
}

.glyphicon-filter:before {
  content: "";
}

.glyphicon-briefcase:before {
  content: "";
}

.glyphicon-fullscreen:before {
  content: "";
}

.glyphicon-dashboard:before {
  content: "";
}

.glyphicon-paperclip:before {
  content: "";
}

.glyphicon-heart-empty:before {
  content: "";
}

.glyphicon-link:before {
  content: "";
}

.glyphicon-phone:before {
  content: "";
}

.glyphicon-pushpin:before {
  content: "";
}

.glyphicon-usd:before {
  content: "";
}

.glyphicon-gbp:before {
  content: "";
}

.glyphicon-sort:before {
  content: "";
}

.glyphicon-sort-by-alphabet:before {
  content: "";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "";
}

.glyphicon-sort-by-order:before {
  content: "";
}

.glyphicon-sort-by-order-alt:before {
  content: "";
}

.glyphicon-sort-by-attributes:before {
  content: "";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "";
}

.glyphicon-unchecked:before {
  content: "";
}

.glyphicon-expand:before {
  content: "";
}

.glyphicon-collapse-down:before {
  content: "";
}

.glyphicon-collapse-up:before {
  content: "";
}

.glyphicon-log-in:before {
  content: "";
}

.glyphicon-flash:before {
  content: "";
}

.glyphicon-log-out:before {
  content: "";
}

.glyphicon-new-window:before {
  content: "";
}

.glyphicon-record:before {
  content: "";
}

.glyphicon-save:before {
  content: "";
}

.glyphicon-open:before {
  content: "";
}

.glyphicon-saved:before {
  content: "";
}

.glyphicon-import:before {
  content: "";
}

.glyphicon-export:before {
  content: "";
}

.glyphicon-send:before {
  content: "";
}

.glyphicon-floppy-disk:before {
  content: "";
}

.glyphicon-floppy-saved:before {
  content: "";
}

.glyphicon-floppy-remove:before {
  content: "";
}

.glyphicon-floppy-save:before {
  content: "";
}

.glyphicon-floppy-open:before {
  content: "";
}

.glyphicon-credit-card:before {
  content: "";
}

.glyphicon-transfer:before {
  content: "";
}

.glyphicon-cutlery:before {
  content: "";
}

.glyphicon-header:before {
  content: "";
}

.glyphicon-compressed:before {
  content: "";
}

.glyphicon-earphone:before {
  content: "";
}

.glyphicon-phone-alt:before {
  content: "";
}

.glyphicon-tower:before {
  content: "";
}

.glyphicon-stats:before {
  content: "";
}

.glyphicon-sd-video:before {
  content: "";
}

.glyphicon-hd-video:before {
  content: "";
}

.glyphicon-subtitles:before {
  content: "";
}

.glyphicon-sound-stereo:before {
  content: "";
}

.glyphicon-sound-dolby:before {
  content: "";
}

.glyphicon-sound-5-1:before {
  content: "";
}

.glyphicon-sound-6-1:before {
  content: "";
}

.glyphicon-sound-7-1:before {
  content: "";
}

.glyphicon-copyright-mark:before {
  content: "";
}

.glyphicon-registration-mark:before {
  content: "";
}

.glyphicon-cloud-download:before {
  content: "";
}

.glyphicon-cloud-upload:before {
  content: "";
}

.glyphicon-tree-conifer:before {
  content: "";
}

.glyphicon-tree-deciduous:before {
  content: "";
}

.glyphicon-cd:before {
  content: "";
}

.glyphicon-save-file:before {
  content: "";
}

.glyphicon-open-file:before {
  content: "";
}

.glyphicon-level-up:before {
  content: "";
}

.glyphicon-copy:before {
  content: "";
}

.glyphicon-paste:before {
  content: "";
}

.glyphicon-alert:before {
  content: "";
}

.glyphicon-equalizer:before {
  content: "";
}

.glyphicon-king:before {
  content: "";
}

.glyphicon-queen:before {
  content: "";
}

.glyphicon-pawn:before {
  content: "";
}

.glyphicon-bishop:before {
  content: "";
}

.glyphicon-knight:before {
  content: "";
}

.glyphicon-baby-formula:before {
  content: "";
}

.glyphicon-tent:before {
  content: "⛺";
}

.glyphicon-blackboard:before {
  content: "";
}

.glyphicon-bed:before {
  content: "";
}

.glyphicon-apple:before {
  content: "";
}

.glyphicon-erase:before {
  content: "";
}

.glyphicon-hourglass:before {
  content: "⌛";
}

.glyphicon-lamp:before {
  content: "";
}

.glyphicon-duplicate:before {
  content: "";
}

.glyphicon-piggy-bank:before {
  content: "";
}

.glyphicon-scissors:before {
  content: "";
}

.glyphicon-bitcoin:before {
  content: "";
}

.glyphicon-btc:before {
  content: "";
}

.glyphicon-xbt:before {
  content: "";
}

.glyphicon-yen:before {
  content: "¥";
}

.glyphicon-jpy:before {
  content: "¥";
}

.glyphicon-ruble:before {
  content: "₽";
}

.glyphicon-rub:before {
  content: "₽";
}

.glyphicon-scale:before {
  content: "";
}

.glyphicon-ice-lolly:before {
  content: "";
}

.glyphicon-ice-lolly-tasted:before {
  content: "";
}

.glyphicon-education:before {
  content: "";
}

.glyphicon-option-horizontal:before {
  content: "";
}

.glyphicon-option-vertical:before {
  content: "";
}

.glyphicon-menu-hamburger:before {
  content: "";
}

.glyphicon-modal-window:before {
  content: "";
}

.glyphicon-oil:before {
  content: "";
}

.glyphicon-grain:before {
  content: "";
}

.glyphicon-sunglasses:before {
  content: "";
}

.glyphicon-text-size:before {
  content: "";
}

.glyphicon-text-color:before {
  content: "";
}

.glyphicon-text-background:before {
  content: "";
}

.glyphicon-object-align-top:before {
  content: "";
}

.glyphicon-object-align-bottom:before {
  content: "";
}

.glyphicon-object-align-horizontal:before {
  content: "";
}

.glyphicon-object-align-left:before {
  content: "";
}

.glyphicon-object-align-vertical:before {
  content: "";
}

.glyphicon-object-align-right:before {
  content: "";
}

.glyphicon-triangle-right:before {
  content: "";
}

.glyphicon-triangle-left:before {
  content: "";
}

.glyphicon-triangle-bottom:before {
  content: "";
}

.glyphicon-triangle-top:before {
  content: "";
}

.glyphicon-console:before {
  content: "";
}

.glyphicon-superscript:before {
  content: "";
}

.glyphicon-subscript:before {
  content: "";
}

.glyphicon-menu-left:before {
  content: "";
}

.glyphicon-menu-right:before {
  content: "";
}

.glyphicon-menu-down:before {
  content: "";
}

.glyphicon-menu-up:before {
  content: "";
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal .btn-default, .modal .close {
  padding: 10px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 20px;
}
.modal .btn-default:hover, .modal .close:hover {
  background-color: #a32035;
  color: #FFF;
}
.modal .modal-title {
  font-weight: bold;
  margin-bottom: 5px;
  text-align: center;
}
.modal .modal-body a {
  text-decoration: none;
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  margin-top: -2px;
  border: 1px solid #CCC;
  background-color: transparent;
  box-shadow: 1px 1px 1px #EFEFEF;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }

  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  filter: alpha(opacity=0);
  opacity: 0;
}

.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover > .arrow {
  border-width: 11px;
}

.popover > .arrow:after {
  content: "";
  border-width: 10px;
}

.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}

.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

#js-catalogo {
  min-height: 100vh;
  width: 94vw;
  margin-left: 3vw;
  background-color: #FFF;
  z-index: 1000;
  position: absolute;
  border: 3px solid #FFF;
  box-shadow: 0px 10px 20px #000;
  margin-bottom: 6em;
}

.js-display-none {
  display: none;
}

#js-modal {
  z-index: 300;
  height: 100vh;
  width: 100vw;
  position: fixed;
  background: rgba(255, 255, 255, 0.8);
}

#js-btn-grid .btn-grid-button {
  z-index: 1000;
  background: none;
  border: none;
  display: table-cell;
  padding: 2em 2em 1em 1.5em;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  position: relative;
  background-color: #FFF;
}
#js-btn-grid .btn-grid-button .btn-grid {
  background-color: #111;
  display: inline-block;
  height: 12px;
  width: 12px;
  transition: all 0.6s ease-in-out;
  transform: translateY(-8px) scale(0.3);
}
#js-btn-grid .btn-grid-button:hover > .btn-grid {
  color: #b4cdea;
  background-color: #b4cdea;
}
#js-btn-grid .btn-grid-button .btn-grid.open {
  box-shadow: -30px -30px, 0px -30px, 30px -30px, -30px 0px, 30px 0px, -30px 30px, 0px 30px, 30px 30px, 60px -30px, 60px 0px, 60px 30px;
}
#js-btn-grid .btn-grid-button .btn-grid.close {
  box-shadow: -24px 0px, -48px 0px, 0px -24px, -72px 0px, 0px -72px, 0px 48px, 0px -48px, 0px 24px, 0px 72px, 48px 0px, 24px 0px, 72px 0px;
  transform: rotate(-45deg) scale(0.22) translateY(-8px) translateX(24px);
}

#js-search {
  font-family: "Roboto", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  margin-top: 6em;
}
@media screen and (max-width: 670px) {
  #js-search {
    padding-right: 40px;
    padding-left: 40px;
  }
}
#js-search .search-input {
  position: relative;
  padding: 1rem 0 0.5rem 0;
  height: 4.5rem;
  width: 22.5rem;
}
#js-search .search-input input {
  border: none;
  border-bottom: 1px solid black;
  display: block;
  font-size: 1rem;
  line-height: 1rem;
  margin: 0;
  padding: 0.5rem 0;
  width: 100%;
  text-align: left;
  background-color: transparent;
  color: black;
  border-radius: 0;
  appearance: none;
  -webkit-appearance: none;
}
#js-search .search-input input:focus {
  outline: none;
}
#js-search .search-input label {
  position: absolute;
  left: 0;
  top: 1.625rem;
  width: 100%;
  color: rgba(0, 0, 0, 0.3);
  font-size: 1rem;
  line-height: 1rem;
  font-weight: normal;
  pointer-events: none;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
#js-search .search-input input:focus ~ label {
  top: 0;
  font-size: 0.75rem;
  color: black;
}
#js-search .search-input label.not-empty {
  top: 0;
  font-size: 0.75rem;
}
#js-search .search-input span:nth-of-type(3) {
  position: absolute;
  color: black;
  left: 100%;
  top: 1.625rem;
  font-size: 1rem;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
#js-search .search-input input:focus ~ span:nth-of-type(3) {
  left: -1.625rem;
  top: 1.625rem;
  color: black;
}
#js-search .search-input span:nth-of-type(3).not-empty {
  left: -1.625rem !important;
  top: 1.625rem !important;
}
#js-search .search-input span:nth-of-type(4) {
  position: absolute;
  color: black;
  right: 0;
  top: 1.625rem;
  font-size: 1rem;
  opacity: 0;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
#js-search .search-input input:focus ~ span:nth-of-type(4) {
  color: black;
  opacity: 1;
  cursor: pointer;
}
#js-search .search-input span:nth-of-type(4).not-empty {
  opacity: 1 !important;
}
#js-search .search-input .bar {
  display: block;
  width: 0;
  margin-left: 50%;
  height: 1px;
  background: black;
  opacity: 0;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
#js-search .search-input input:focus ~ .bar {
  opacity: 1;
  width: 100%;
  margin-left: 0;
}

@media screen and (max-width: 670px) {
  .e-no-visible-mobile {
    display: none;
  }
}

.text-nowrap {
  white-space: nowrap;
}

.llCercador a[href$=".pdf"]:before {
  width: 18px;
  height: 18px;
  content: "";
  padding-right: 4px;
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.llCercador li {
  margin-bottom: 0.5em;
}

.imgDreta {
  padding: 0 0 15px 15px;
}
@media screen and (max-width: 670px) {
  .imgDreta {
    padding: 0;
    float: none;
  }
}

.main--id_16 .row img {
  max-width: 250px;
  width: 100%;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 670px) {
  .main--id_16 .row .col-xs-12 {
    padding: 30px 10px;
    border-bottom: 1px solid #b4cdea;
  }
}

.main--id_143 .col-md-4, .main--id_143 .col-md-6,
.main--id_145 .col-md-4,
.main--id_145 .col-md-6,
.main--id_136 .col-md-4,
.main--id_136 .col-md-6 {
  padding: 30px;
  text-align: left !important;
}
@media screen and (max-width: 670px) {
  .main--id_143 .col-md-4, .main--id_143 .col-md-6,
.main--id_145 .col-md-4,
.main--id_145 .col-md-6,
.main--id_136 .col-md-4,
.main--id_136 .col-md-6 {
    padding: 30px 20px;
    border-bottom: 1px solid #a32035;
  }
}

.main--id_612 .grid-row .col-md-4, .main--id_612 .row .col-md-4, .main--id_612 .c-form .col-md-4, .main--id_612 .grid-row .grid__4, .main--id_612 .grid-row .c-widjets > div, .main--id_612 .row .grid__4, .main--id_612 .row .c-widjets > div, .main--id_612 .c-form .grid__4, .main--id_612 .c-form .c-widjets > div, .main--id_612 .grid-row .col-sm-4-4, .main--id_612 .row .col-sm-4-4, .main--id_612 .c-form .col-sm-4-4, .main--id_612 .grid-row .col-lg-4, .main--id_612 .row .col-lg-4, .main--id_612 .c-form .col-lg-4, .main--id_612 .grid-row .c-megamenu__segon-nivell .c-megamenu__submenu3, .c-megamenu__segon-nivell .main--id_612 .grid-row .c-megamenu__submenu3, .main--id_612 .row .c-megamenu__segon-nivell .c-megamenu__submenu3, .c-megamenu__segon-nivell .main--id_612 .row .c-megamenu__submenu3, .main--id_612 .c-form .c-megamenu__segon-nivell .c-megamenu__submenu3, .c-megamenu__segon-nivell .main--id_612 .c-form .c-megamenu__submenu3,
.main--id_126 .grid-row .col-md-4,
.main--id_126 .row .col-md-4,
.main--id_126 .c-form .col-md-4,
.main--id_126 .grid-row .grid__4,
.main--id_126 .grid-row .c-widjets > div,
.main--id_126 .row .grid__4,
.main--id_126 .row .c-widjets > div,
.main--id_126 .c-form .grid__4,
.main--id_126 .c-form .c-widjets > div,
.main--id_126 .grid-row .col-sm-4-4,
.main--id_126 .row .col-sm-4-4,
.main--id_126 .c-form .col-sm-4-4,
.main--id_126 .grid-row .col-lg-4,
.main--id_126 .row .col-lg-4,
.main--id_126 .c-form .col-lg-4,
.main--id_126 .grid-row .c-megamenu__segon-nivell .c-megamenu__submenu3,
.c-megamenu__segon-nivell .main--id_126 .grid-row .c-megamenu__submenu3,
.main--id_126 .row .c-megamenu__segon-nivell .c-megamenu__submenu3,
.c-megamenu__segon-nivell .main--id_126 .row .c-megamenu__submenu3,
.main--id_126 .c-form .c-megamenu__segon-nivell .c-megamenu__submenu3,
.c-megamenu__segon-nivell .main--id_126 .c-form .c-megamenu__submenu3,
.main--id_137 .grid-row .col-md-4,
.main--id_137 .row .col-md-4,
.main--id_137 .c-form .col-md-4,
.main--id_137 .grid-row .grid__4,
.main--id_137 .grid-row .c-widjets > div,
.main--id_137 .row .grid__4,
.main--id_137 .row .c-widjets > div,
.main--id_137 .c-form .grid__4,
.main--id_137 .c-form .c-widjets > div,
.main--id_137 .grid-row .col-sm-4-4,
.main--id_137 .row .col-sm-4-4,
.main--id_137 .c-form .col-sm-4-4,
.main--id_137 .grid-row .col-lg-4,
.main--id_137 .row .col-lg-4,
.main--id_137 .c-form .col-lg-4,
.main--id_137 .grid-row .c-megamenu__segon-nivell .c-megamenu__submenu3,
.c-megamenu__segon-nivell .main--id_137 .grid-row .c-megamenu__submenu3,
.main--id_137 .row .c-megamenu__segon-nivell .c-megamenu__submenu3,
.c-megamenu__segon-nivell .main--id_137 .row .c-megamenu__submenu3,
.main--id_137 .c-form .c-megamenu__segon-nivell .c-megamenu__submenu3,
.c-megamenu__segon-nivell .main--id_137 .c-form .c-megamenu__submenu3 {
  padding: 30px 50px;
  border-bottom: 1px solid #EFEFEF;
  border-right: 1px solid #EFEFEF;
  position: relative;
}
.main--id_612 .grid-row .col-md-4 h2, .main--id_612 .row .col-md-4 h2, .main--id_612 .c-form .col-md-4 h2, .main--id_612 .grid-row .col-md-4 h3, .main--id_612 .row .col-md-4 h3, .main--id_612 .c-form .col-md-4 h3, .main--id_612 .grid-row .grid__4 h2, .main--id_612 .grid-row .c-widjets > div h2, .main--id_612 .row .grid__4 h2, .main--id_612 .row .c-widjets > div h2, .main--id_612 .c-form .grid__4 h2, .main--id_612 .c-form .c-widjets > div h2, .main--id_612 .grid-row .col-md-4 h2, .main--id_612 .row .col-md-4 h2, .main--id_612 .c-form .col-md-4 h2, .main--id_612 .grid-row .col-sm-4-4 h2, .main--id_612 .row .col-sm-4-4 h2, .main--id_612 .c-form .col-sm-4-4 h2, .main--id_612 .grid-row .col-lg-4 h2, .main--id_612 .row .col-lg-4 h2, .main--id_612 .c-form .col-lg-4 h2, .main--id_612 .grid-row .c-megamenu__segon-nivell .c-megamenu__submenu3 h2, .c-megamenu__segon-nivell .main--id_612 .grid-row .c-megamenu__submenu3 h2, .main--id_612 .row .c-megamenu__segon-nivell .c-megamenu__submenu3 h2, .c-megamenu__segon-nivell .main--id_612 .row .c-megamenu__submenu3 h2, .main--id_612 .c-form .c-megamenu__segon-nivell .c-megamenu__submenu3 h2, .c-megamenu__segon-nivell .main--id_612 .c-form .c-megamenu__submenu3 h2, .main--id_612 .grid-row .grid__4 h3, .main--id_612 .grid-row .c-widjets > div h3, .main--id_612 .row .grid__4 h3, .main--id_612 .row .c-widjets > div h3, .main--id_612 .c-form .grid__4 h3, .main--id_612 .c-form .c-widjets > div h3, .main--id_612 .grid-row .col-md-4 h3, .main--id_612 .row .col-md-4 h3, .main--id_612 .c-form .col-md-4 h3, .main--id_612 .grid-row .col-sm-4-4 h3, .main--id_612 .row .col-sm-4-4 h3, .main--id_612 .c-form .col-sm-4-4 h3, .main--id_612 .grid-row .col-lg-4 h3, .main--id_612 .row .col-lg-4 h3, .main--id_612 .c-form .col-lg-4 h3, .main--id_612 .grid-row .c-megamenu__segon-nivell .c-megamenu__submenu3 h3, .c-megamenu__segon-nivell .main--id_612 .grid-row .c-megamenu__submenu3 h3, .main--id_612 .row .c-megamenu__segon-nivell .c-megamenu__submenu3 h3, .c-megamenu__segon-nivell .main--id_612 .row .c-megamenu__submenu3 h3, .main--id_612 .c-form .c-megamenu__segon-nivell .c-megamenu__submenu3 h3, .c-megamenu__segon-nivell .main--id_612 .c-form .c-megamenu__submenu3 h3,
.main--id_126 .grid-row .col-md-4 h2,
.main--id_126 .row .col-md-4 h2,
.main--id_126 .c-form .col-md-4 h2,
.main--id_126 .grid-row .col-md-4 h3,
.main--id_126 .row .col-md-4 h3,
.main--id_126 .c-form .col-md-4 h3,
.main--id_126 .grid-row .grid__4 h2,
.main--id_126 .grid-row .c-widjets > div h2,
.main--id_126 .row .grid__4 h2,
.main--id_126 .row .c-widjets > div h2,
.main--id_126 .c-form .grid__4 h2,
.main--id_126 .c-form .c-widjets > div h2,
.main--id_126 .grid-row .col-md-4 h2,
.main--id_126 .row .col-md-4 h2,
.main--id_126 .c-form .col-md-4 h2,
.main--id_126 .grid-row .col-sm-4-4 h2,
.main--id_126 .row .col-sm-4-4 h2,
.main--id_126 .c-form .col-sm-4-4 h2,
.main--id_126 .grid-row .col-lg-4 h2,
.main--id_126 .row .col-lg-4 h2,
.main--id_126 .c-form .col-lg-4 h2,
.main--id_126 .grid-row .c-megamenu__segon-nivell .c-megamenu__submenu3 h2,
.c-megamenu__segon-nivell .main--id_126 .grid-row .c-megamenu__submenu3 h2,
.main--id_126 .row .c-megamenu__segon-nivell .c-megamenu__submenu3 h2,
.c-megamenu__segon-nivell .main--id_126 .row .c-megamenu__submenu3 h2,
.main--id_126 .c-form .c-megamenu__segon-nivell .c-megamenu__submenu3 h2,
.c-megamenu__segon-nivell .main--id_126 .c-form .c-megamenu__submenu3 h2,
.main--id_126 .grid-row .grid__4 h3,
.main--id_126 .grid-row .c-widjets > div h3,
.main--id_126 .row .grid__4 h3,
.main--id_126 .row .c-widjets > div h3,
.main--id_126 .c-form .grid__4 h3,
.main--id_126 .c-form .c-widjets > div h3,
.main--id_126 .grid-row .col-md-4 h3,
.main--id_126 .row .col-md-4 h3,
.main--id_126 .c-form .col-md-4 h3,
.main--id_126 .grid-row .col-sm-4-4 h3,
.main--id_126 .row .col-sm-4-4 h3,
.main--id_126 .c-form .col-sm-4-4 h3,
.main--id_126 .grid-row .col-lg-4 h3,
.main--id_126 .row .col-lg-4 h3,
.main--id_126 .c-form .col-lg-4 h3,
.main--id_126 .grid-row .c-megamenu__segon-nivell .c-megamenu__submenu3 h3,
.c-megamenu__segon-nivell .main--id_126 .grid-row .c-megamenu__submenu3 h3,
.main--id_126 .row .c-megamenu__segon-nivell .c-megamenu__submenu3 h3,
.c-megamenu__segon-nivell .main--id_126 .row .c-megamenu__submenu3 h3,
.main--id_126 .c-form .c-megamenu__segon-nivell .c-megamenu__submenu3 h3,
.c-megamenu__segon-nivell .main--id_126 .c-form .c-megamenu__submenu3 h3,
.main--id_137 .grid-row .col-md-4 h2,
.main--id_137 .row .col-md-4 h2,
.main--id_137 .c-form .col-md-4 h2,
.main--id_137 .grid-row .col-md-4 h3,
.main--id_137 .row .col-md-4 h3,
.main--id_137 .c-form .col-md-4 h3,
.main--id_137 .grid-row .grid__4 h2,
.main--id_137 .grid-row .c-widjets > div h2,
.main--id_137 .row .grid__4 h2,
.main--id_137 .row .c-widjets > div h2,
.main--id_137 .c-form .grid__4 h2,
.main--id_137 .c-form .c-widjets > div h2,
.main--id_137 .grid-row .col-md-4 h2,
.main--id_137 .row .col-md-4 h2,
.main--id_137 .c-form .col-md-4 h2,
.main--id_137 .grid-row .col-sm-4-4 h2,
.main--id_137 .row .col-sm-4-4 h2,
.main--id_137 .c-form .col-sm-4-4 h2,
.main--id_137 .grid-row .col-lg-4 h2,
.main--id_137 .row .col-lg-4 h2,
.main--id_137 .c-form .col-lg-4 h2,
.main--id_137 .grid-row .c-megamenu__segon-nivell .c-megamenu__submenu3 h2,
.c-megamenu__segon-nivell .main--id_137 .grid-row .c-megamenu__submenu3 h2,
.main--id_137 .row .c-megamenu__segon-nivell .c-megamenu__submenu3 h2,
.c-megamenu__segon-nivell .main--id_137 .row .c-megamenu__submenu3 h2,
.main--id_137 .c-form .c-megamenu__segon-nivell .c-megamenu__submenu3 h2,
.c-megamenu__segon-nivell .main--id_137 .c-form .c-megamenu__submenu3 h2,
.main--id_137 .grid-row .grid__4 h3,
.main--id_137 .grid-row .c-widjets > div h3,
.main--id_137 .row .grid__4 h3,
.main--id_137 .row .c-widjets > div h3,
.main--id_137 .c-form .grid__4 h3,
.main--id_137 .c-form .c-widjets > div h3,
.main--id_137 .grid-row .col-md-4 h3,
.main--id_137 .row .col-md-4 h3,
.main--id_137 .c-form .col-md-4 h3,
.main--id_137 .grid-row .col-sm-4-4 h3,
.main--id_137 .row .col-sm-4-4 h3,
.main--id_137 .c-form .col-sm-4-4 h3,
.main--id_137 .grid-row .col-lg-4 h3,
.main--id_137 .row .col-lg-4 h3,
.main--id_137 .c-form .col-lg-4 h3,
.main--id_137 .grid-row .c-megamenu__segon-nivell .c-megamenu__submenu3 h3,
.c-megamenu__segon-nivell .main--id_137 .grid-row .c-megamenu__submenu3 h3,
.main--id_137 .row .c-megamenu__segon-nivell .c-megamenu__submenu3 h3,
.c-megamenu__segon-nivell .main--id_137 .row .c-megamenu__submenu3 h3,
.main--id_137 .c-form .c-megamenu__segon-nivell .c-megamenu__submenu3 h3,
.c-megamenu__segon-nivell .main--id_137 .c-form .c-megamenu__submenu3 h3 {
  padding-bottom: 20px;
}
.main--id_612 .grid-row .col-xs-12, .main--id_612 .row .col-xs-12, .main--id_612 .c-form .col-xs-12,
.main--id_126 .grid-row .col-xs-12,
.main--id_126 .row .col-xs-12,
.main--id_126 .c-form .col-xs-12,
.main--id_137 .grid-row .col-xs-12,
.main--id_137 .row .col-xs-12,
.main--id_137 .c-form .col-xs-12 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.main--id_612 .grid-row .col-md-6, .main--id_612 .row .col-md-6, .main--id_612 .c-form .col-md-6,
.main--id_126 .grid-row .col-md-6,
.main--id_126 .row .col-md-6,
.main--id_126 .c-form .col-md-6,
.main--id_137 .grid-row .col-md-6,
.main--id_137 .row .col-md-6,
.main--id_137 .c-form .col-md-6 {
  padding: 30px 50px;
  border-bottom: 1px solid #EFEFEF;
  border-right: 1px solid #EFEFEF;
  position: relative;
}
.main--id_612 .grid-row .col-md-6 h3, .main--id_612 .row .col-md-6 h3, .main--id_612 .c-form .col-md-6 h3,
.main--id_126 .grid-row .col-md-6 h3,
.main--id_126 .row .col-md-6 h3,
.main--id_126 .c-form .col-md-6 h3,
.main--id_137 .grid-row .col-md-6 h3,
.main--id_137 .row .col-md-6 h3,
.main--id_137 .c-form .col-md-6 h3 {
  padding-bottom: 40px;
}
.main--id_612 .grid-row .col-md-6 .btn-link, .main--id_612 .row .col-md-6 .btn-link, .main--id_612 .c-form .col-md-6 .btn-link,
.main--id_126 .grid-row .col-md-6 .btn-link,
.main--id_126 .row .col-md-6 .btn-link,
.main--id_126 .c-form .col-md-6 .btn-link,
.main--id_137 .grid-row .col-md-6 .btn-link,
.main--id_137 .row .col-md-6 .btn-link,
.main--id_137 .c-form .col-md-6 .btn-link {
  position: absolute;
  bottom: 10px;
}
@media screen and (max-width: 670px) {
  .main--id_612 .grid-row .col-md-6, .main--id_612 .row .col-md-6, .main--id_612 .c-form .col-md-6,
.main--id_126 .grid-row .col-md-6,
.main--id_126 .row .col-md-6,
.main--id_126 .c-form .col-md-6,
.main--id_137 .grid-row .col-md-6,
.main--id_137 .row .col-md-6,
.main--id_137 .c-form .col-md-6 {
    padding: 30px 0;
    border-bottom: 1px solid #a32035;
  }
}
@media screen and (max-width: 800px) and (min-width: 670px) {
  .main--id_612 .grid-row .col-md-6, .main--id_612 .row .col-md-6, .main--id_612 .c-form .col-md-6,
.main--id_126 .grid-row .col-md-6,
.main--id_126 .row .col-md-6,
.main--id_126 .c-form .col-md-6,
.main--id_137 .grid-row .col-md-6,
.main--id_137 .row .col-md-6,
.main--id_137 .c-form .col-md-6 {
    padding: 30px 0;
    width: 100% !important;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #a32035;
    flex: 0 0 100% !important;
  }
  .main--id_612 .grid-row .col-md-6 .grid-row, .main--id_612 .row .col-md-6 .grid-row, .main--id_612 .c-form .col-md-6 .grid-row, .main--id_612 .grid-row .col-md-6 .row, .main--id_612 .row .col-md-6 .row, .main--id_612 .c-form .col-md-6 .row, .main--id_612 .grid-row .col-md-6 .c-form, .main--id_612 .row .col-md-6 .c-form, .main--id_612 .c-form .col-md-6 .c-form,
.main--id_126 .grid-row .col-md-6 .grid-row,
.main--id_126 .row .col-md-6 .grid-row,
.main--id_126 .c-form .col-md-6 .grid-row,
.main--id_126 .grid-row .col-md-6 .row,
.main--id_126 .row .col-md-6 .row,
.main--id_126 .c-form .col-md-6 .row,
.main--id_126 .grid-row .col-md-6 .c-form,
.main--id_126 .row .col-md-6 .c-form,
.main--id_126 .c-form .col-md-6 .c-form,
.main--id_137 .grid-row .col-md-6 .grid-row,
.main--id_137 .row .col-md-6 .grid-row,
.main--id_137 .c-form .col-md-6 .grid-row,
.main--id_137 .grid-row .col-md-6 .row,
.main--id_137 .row .col-md-6 .row,
.main--id_137 .c-form .col-md-6 .row,
.main--id_137 .grid-row .col-md-6 .c-form,
.main--id_137 .row .col-md-6 .c-form,
.main--id_137 .c-form .col-md-6 .c-form {
    display: block;
    border: 1px solid red;
  }
}

#page .zabuto_calendar .table tr.calendar-month-header th {
  background: transparent;
}
#page .zabuto_calendar .table tr.calendar-dow-header th {
  background-color: #bed0d3;
  height: 30px;
  line-height: 30px;
  font-size: 15px;
}
#page .zabuto_calendar .table tr td.event div.day, #page .zabuto_calendar div.zabuto_calendar ul.legend li.event {
  background-color: #b4cdea;
}
#page .zabuto_calendar .badge-today, #page .zabuto_calendar div.zabuto_calendar div.legend span.badge-today {
  background-color: transparent;
  color: #111;
  border: 1px solid #4268ff;
  text-shadow: none;
  font-weight: bold;
  display: flex;
  justify-content: center;
}
#page .zabuto_calendar .table tr.calendar-month-header th span {
  font-weight: bold;
}
#page .zabuto_calendar tr.calendar-dow td {
  width: 14%;
  height: 50px;
  width: 50px;
  display: table-cell;
  line-height: 50px;
}
#page .zabuto_calendar .table tr:last-child {
  border: 0;
}
#page .zabuto_calendar .legend {
  margin-top: 0;
}

#page h1, #page h2 {
  display: block;
}
#page h3, #page h4, #page h5, #page h6 {
  font-weight: 400;
  margin-top: 1.3em;
  display: block;
}
#page h2 {
  margin-bottom: 5px;
  margin-top: 30px;
}

#page, .e-page {
  overflow-wrap: break-word;
}
@media screen and (max-width: 670px) {
  #page .contingut p, #page.contingut p, .e-page .contingut p, .e-page.contingut p {
    text-align: left !important;
  }
}
#page .contingut a, #page.contingut a, .e-page .contingut a, .e-page.contingut a {
  font-weight: 600;
}
#page .contingut .documents a[href$=".pdf"]:before, #page.contingut .documents a[href$=".pdf"]:before, .e-page .contingut .documents a[href$=".pdf"]:before, .e-page.contingut .documents a[href$=".pdf"]:before {
  width: 18px;
  height: 18px;
  content: "";
  padding-right: 4px;
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-right: 10px;
  margin-left: 4px;
}
#page .contingut .documents a[href^="http://"]:before,
#page .contingut .documents a[href^="https://"]:before, #page.contingut .documents a[href^="http://"]:before,
#page.contingut .documents a[href^="https://"]:before, .e-page .contingut .documents a[href^="http://"]:before,
.e-page .contingut .documents a[href^="https://"]:before, .e-page.contingut .documents a[href^="http://"]:before,
.e-page.contingut .documents a[href^="https://"]:before {
  width: 18px;
  height: 18px;
  content: "";
  padding-right: 4px;
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-right: 4px;
  margin-left: 4px;
}
#page .contingut .documents li, #page.contingut .documents li, .e-page .contingut .documents li, .e-page.contingut .documents li {
  margin-bottom: 0.5em;
}
#page blockquote, .e-page blockquote {
  border-left: 4px solid #6f6f74;
  box-shadow: -2px 3px 3px #CCC;
  margin-left: 30px;
  font-style: italic;
  padding: 30px;
}
/***
#page .imgDreta, .e-page .imgDreta {
  padding: 0 0 40px 40px;
}
***/
#page .imgDreta, .e-page .imgDreta {
  padding: 0 0 20px 40px;
  width: 100%;
  max-width: 500px;
}

#page .pull-right, .e-page .pull-right {
  float: right;
}
@media screen and (max-width: 670px) {
  #page .pull-right, .e-page .pull-right {
    padding: 0 0 15px 0;
    float: none;
  }
}
#page hr, .e-page hr {
  clear: none;
}
#page h3, .e-page h3 {
  margin-bottom: 5px;
  padding-top: 15px;
}
#page a > img, .e-page a > img {
  transition: 0.2s;
  box-sizing: border-box;
  max-width: 100% !important;
  height: auto !important;
}
#page a > img:hover, .e-page a > img:hover {
  opacity: 0.7;
}
#page a > img.image-icon, .e-page a > img.image-icon {
  max-width: 200px !important;
}
#page .downloads a[href$=".pdf"]:before, .e-page .downloads a[href$=".pdf"]:before {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  display: inline-block;
  padding: 0px 3px 0 5px;
  font-size: 1.3em;
  padding-right: 10px;
}
#page .downloads ul, .e-page .downloads ul {
  list-style-type: none;
}
#page .downloads li, .e-page .downloads li {
  margin-left: 0;
}
#page .downloads li a, .e-page .downloads li a {
  color: #111;
}
#page a.btn-link, .e-page a.btn-link {
  font-weight: 400;
}
#page a.btn[href^="http://"]:after,
#page a.btn[href^="https://"]:after, .e-page a.btn[href^="http://"]:after,
.e-page a.btn[href^="https://"]:after {
  width: 18px;
  height: 18px;
  content: "";
  padding-left: 4px;
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-weight: 700;
}
#page .btn-link, .e-page .btn-link {
  display: block;
  min-width: 100px;
  padding: 5px 12px;
  text-decoration: none;
  color: #FFF;
  background-color: #f4b12b;
  transition: all 0.8s;
  text-align: center;
  float: right;
  margin-top: 40px;
  font-weight: 300;
}
#page .btn-link:hover, .e-page .btn-link:hover {
  opacity: 0.8;
  background-color: #f4b12b;
}
#page .titolBloc, .e-page .titolBloc {
  margin-top: 50px;
  padding-bottom: 20px;
  display: block;
}
#page .titolBloc:before, .e-page .titolBloc:before {
  content: "";
  width: 30%;
  height: 1px;
  background: #CCC;
  display: block;
  transform: translateY(-20px);
}
#page .titolBloc:after, .e-page .titolBloc:after {
  content: "";
  margin-top: 20px;
  width: 10%;
  height: 1px;
  background: #CCC;
  display: block;
}

.grid-container--salut-benestar .col-md-4, .grid-container--salut-benestar .col-lg-4 {
  margin-bottom: 40px;
  padding: 20px !important;
}
.grid-container--salut-benestar .col-md-4 a, .grid-container--salut-benestar .col-lg-4 a {
  font-weight: bold;
  text-decoration: none;
}
.grid-container--prestacions-puntuals .col-md-3, .grid-container--prestacions-puntuals .col-lg-3 {
  margin-bottom: 40px;
  padding: 20px !important;
}
.grid-container--prestacions-puntuals .col-md-3 a, .grid-container--prestacions-puntuals .col-lg-3 a {
  font-weight: bold;
  text-decoration: none;
}
.grid-container--prestacions-puntuals p {
  text-align: center;
}
.grid-container--convenis h2 {
  border-top: 2px solid;
  margin-bottom: 0px;
  padding-top: 35px;
  text-align: center;
  font-size: 3em;
}
.grid-container--convenis table td:after {
  width: 70%;
  position: absolute;
  content: "";
  border-top: 1px solid #E6E6E6;
}
.grid-container--convenis table td img {
  display: block;
  width: 180px !important;
  height: auto !important;
  padding: 50px 10px 125px 10px;
  margin-left: 100px;
}
@media screen and (max-width: 670px) {
  .grid-container--convenis table td img {
    padding: 10px;
    margin: 10px auto;
    display: block;
  }
}
.grid-container--convenis table td a[href$=".pdf"]:before {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  display: inline-block;
  padding: 0px 3px 0 5px;
}
.grid-container--convenis table td u {
  border: 2px solid;
  text-decoration: none;
  padding: 4px;
}
.grid-container--convenis table td a[href$=".pdf"]:before {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 22px;
  display: inline-block;
  padding: 0px 8px 0 3px;
}
@media screen and (max-width: 670px) {
  .grid-container--colegiats .grid__12, .grid-container--colegiats .col-md-12, .grid-container--colegiats .col-sm-4-12, .grid-container--colegiats .col-lg-12 {
    overflow: auto;
  }
  .grid-container--colegiats .table-responsive {
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    width: 100%;
  }
  .grid-container--colegiats #colegiats_wrapper {
    flex-grow: 1;
    width: 100%;
    padding: 0.8em 1.2em;
  }
}
@media screen and (max-width: 670px) and (max-width: 670px) {
  .grid-container--colegiats #colegiats_wrapper {
    padding: 0;
  }
}
.grid-container--colegiats input[type=search] {
  border: 1px solid #bed0d3;
  padding: 5px;
  background-color: #bed0d3;
  height: 30px;
  line-height: 30px;
  outline: none;
}
.grid-container--colegiats select[name=colegiats_length] {
  border: 1px solid #bed0d3;
  border-radius: 0;
  background-color: #a32035;
  color: #FFF;
  padding: 5px 15px 5px 10px;
  border: 1px solid #bed0d3;
  line-height: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background-image: url("../css/images/sort_both.png");
  background-position: center right;
  background-repeat: no-repeat;
  outline: none;
}
.grid-container--colegiats .dataTables_length {
  padding-bottom: 2em;
}
.grid-container--colegiats .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.grid-container--colegiats .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #a32035 !important;
  color: #FFF !important;
  border: 1px solid #a32035;
}
.grid-container--colegiats .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #a32035 !important;
  color: #FFF !important;
  border: 1px solid #a32035;
}
.grid-container--colegiats .paginate_button.current {
  background: #a32035 !important;
  color: #FFF;
}
.grid-container--colegiats table {
  overflow: auto;
  width: 100%;
  display: block;
  margin: 1.2em 0;
  padding-bottom: 40px;
  border-bottom: 1px solid #a32035;
  width: 100%;
}
.grid-container--colegiats table .sorting {
  width: auto;
}
.grid-container--colegiats table thead, .grid-container--colegiats table tfoot {
  color: #FFF;
  background-color: #a32035;
}
.grid-container--colegiats table thead th, .grid-container--colegiats table tfoot th {
  border-right: 1px solid #EFEFEF;
}
.grid-container--colegiats table.dataTable.stripe tbody tr.odd, .grid-container--colegiats table.dataTable.display tbody tr.odd, .grid-container--colegiats table.dataTable.display tbody tr.odd > .sorting_1, .grid-container--colegiats table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  color: #000;
  background-color: #bed0d3;
}
.grid-container--colegiats table.dataTable.stripe tbody tr.even, .grid-container--colegiats table.dataTable.display tbody tr.even, .grid-container--colegiats table.dataTable.display tbody tr.even > .sorting_1, .grid-container--colegiats table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  color: #000;
  background-color: #EFEFEF;
}
.grid-container--colegiats table.dataTable tbody th, .grid-container--colegiats table.dataTable tbody td {
  border-right: 1px solid #EFEFEF;
}

.c-galeria-imatges > h2 {
  text-align: center;
  font-size: 3em;
}
.c-galeria-imatges ul, .c-galeria-imatges ol {
  list-style: none !important;
  margin: 0;
}
.c-galeria-imatges li {
  margin: 0;
}
.c-galeria-imatges ul {
  display: flex;
  flex-wrap: wrap;
}
.c-galeria-imatges ul li {
  align-self: center;
}
@media screen and (max-width: 670px) {
  .c-galeria-imatges ul li {
    width: 50%;
  }
}
.c-galeria-imatges ul li img {
  padding: 10px;
  width: 200px;
  height: 200px;
  transition: all 0.6s;
}
.c-galeria-imatges ul li img:hover {
  background: #a32035;
  border: 4px solid #a32035;
}
.c-galeria-imatges ul a {
  transition: all 0.6s;
}
.c-galeria-imatges ul a:hover {
  opacity: 0.5;
}

.c-benvinguda-icons-acces, .c-icons-serveis {
  margin: 4em auto;
  display: block;
}
@media screen and (max-width: 800px) and (min-width: 670px) {
  .c-benvinguda-icons-acces, .c-icons-serveis {
    max-width: 800px;
  }
}
@media screen and (max-width: 670px) {
  .c-benvinguda-icons-acces, .c-icons-serveis {
    margin: 1.8em auto;
  }
}
.c-benvinguda-icons-acces h1, .c-icons-serveis h1 {
  text-align: center;
  color: #6f6f74;
  font-size: 3.4em;
  font-weight: 300;
}
@media screen and (max-width: 670px) {
  .c-benvinguda-icons-acces h1, .c-icons-serveis h1 {
    font-size: 2em;
  }
}
.c-benvinguda-icons-acces ul, .c-icons-serveis ul, .c-benvinguda-icons-acces ol, .c-icons-serveis ol {
  list-style: none !important;
  margin: 0;
}
.c-benvinguda-icons-acces li, .c-icons-serveis li {
  margin: 0;
}
.c-benvinguda-icons-acces a, .c-icons-serveis a {
  text-decoration: none;
  display: block;
}
.c-benvinguda-icons-acces ul, .c-icons-serveis ul {
  margin: 0em auto 0em;
  width: 100%;
}
.c-benvinguda-icons-acces li, .c-icons-serveis li {
  flex-grow: 1;
  text-align: center;
  position: relative;
  margin: 1em 0;
}
.c-benvinguda-icons-acces li a:hover, .c-icons-serveis li a:hover {
  color: #000;
}
.c-benvinguda-icons-acces li a:hover i, .c-icons-serveis li a:hover i {
  font-size: 3.2em;
  opacity: 0.8;
  box-shadow: 0px 0px 15px 5px #CCC;
}
.c-benvinguda-icons-acces li span, .c-icons-serveis li span {
  display: block;
  font-size: 1.2em;
  padding-top: 15px;
}
@media screen and (max-width: 670px) {
  .c-benvinguda-icons-acces li span, .c-icons-serveis li span {
    font-size: 1em;
  }
}
.c-benvinguda-icons-acces i, .c-icons-serveis i {
  display: block;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin: 0em auto;
  line-height: 90px;
  font-size: 3em;
  transition: all 0.4s;
  color: #FFF;
}
.c-benvinguda-icons-acces i.icon-laptop, .c-icons-serveis i.icon-laptop {
  background-color: #6f6f74;
}
.c-benvinguda-icons-acces i.icon-metge, .c-icons-serveis i.icon-metge {
  background-color: #a32035;
}
.c-benvinguda-icons-acces i.icon-ma_document, .c-icons-serveis i.icon-ma_document {
  background-color: #804e54;
}
.c-benvinguda-icons-acces i.icon-carta_oberta, .c-icons-serveis i.icon-carta_oberta {
  background-color: #a32035;
}

.c-icons-serveis {
  margin: 1em auto;
}
.c-icons-serveis i {
  background-color: #a32035;
}
@media screen and (max-width: 670px) {
  .c-icons-serveis li {
    width: 50%;
  }
}
.c-icons-serveis li > a {
  font-weight: normal;
}

.c-agenda, .c-widjets {
  display: block;
}
.c-agenda .slick-track, .c-widjets .slick-track {
  display: flex;
}
.c-agenda .slick-track .slick-slide, .c-widjets .slick-track .slick-slide {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-items: stretch;
}
@media screen and (max-width: 670px) {
  .c-agenda .slick-track .slick-slide, .c-widjets .slick-track .slick-slide {
    display: block;
  }
}
.c-agenda ul, .c-widjets ul, .c-agenda ol, .c-widjets ol {
  list-style: none !important;
  margin: 0;
}
.c-agenda li, .c-widjets li {
  margin: 0;
}
.c-agenda h2, .c-widjets h2 {
  font-size: 3em;
  font-weight: 300;
  text-align: center;
  margin-top: 1em;
}
.c-agenda ol, .c-widjets ol {
  padding-bottom: 20px;
}
.c-agenda article, .c-widjets article {
  padding-right: 12px;
  padding-left: 12px;
  border-left: 1px solid #888;
  flex-grow: 1;
  position: relative;
  margin-top: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 670px) {
  .c-agenda article, .c-widjets article {
    border: 0;
  }
}
.c-agenda article figure, .c-widjets article figure {
  background: #f4b12b;
  overflow: hidden;
}
@media screen and (max-width: 670px) {
  .c-agenda article figure, .c-widjets article figure {
    background: none;
  }
}
.c-agenda article figure img, .c-widjets article figure img {
  opacity: 1;
  /* .6 */
  transition: all 1s;
  min-height: 170px;
  object-fit: cover;
  margin: 0 auto;
  display: block;
  width: 100%;
}
@media screen and (max-width: 670px) {
  .c-agenda article figure img, .c-widjets article figure img {
    opacity: 1;
    max-height: 150px;
  }
}
.c-agenda article figure img:hover, .c-widjets article figure img:hover {
  opacity: 1;
}
.c-agenda article figure img:hover, .c-widjets article figure img:hover {
  transform: scale(1.1);
}
.c-agenda .c-agenda__content, .c-agenda .c-widjets__content, .c-widjets .c-agenda__content, .c-widjets .c-widjets__content {
  display: flex;
}
.c-agenda .c-agenda__date, .c-agenda .c-widjets__date, .c-widjets .c-agenda__date, .c-widjets .c-widjets__date {
  padding: 0px;
  margin: 0.5em 1.5em 0.5em 0.2em;
  min-width: 30px;
}
@media screen and (max-width: 670px) {
  .c-agenda .c-agenda__date, .c-agenda .c-widjets__date, .c-widjets .c-agenda__date, .c-widjets .c-widjets__date {
    display: inline-block;
  }
}
.c-agenda .c-agenda__date--end, .c-widjets .c-agenda__date--end {
  border-top: 1px solid #6f6f74;
}
@media screen and (max-width: 670px) {
  .c-agenda .c-agenda__date--end, .c-widjets .c-agenda__date--end {
    border-top: 0;
  }
  .c-agenda .c-agenda__date--end:before, .c-widjets .c-agenda__date--end:before {
    content: "";
    position: absolute;
    border-left: 1px solid;
    height: 70px;
    transform-origin: left;
    transform: translate(-12px, 0px) rotate(20deg);
  }
}
.c-agenda .c-agenda__date p, .c-agenda .c-widjets__date p, .c-widjets .c-agenda__date p, .c-widjets .c-widjets__date p {
  margin: 0;
  padding-bottom: 0;
  line-height: 1em;
  text-align: center;
  white-space: nowrap !important;
}
.c-agenda .c-agenda__day, .c-agenda .c-widjets__day, .c-widjets .c-agenda__day, .c-widjets .c-widjets__day {
  display: block;
  font-size: 42px;
}
.c-agenda .c-agenda__year:before, .c-widjets .c-agenda__year:before {
  content: "'";
}
.c-agenda .c-agenda__month, .c-agenda .c-widjets__month, .c-widjets .c-agenda__month, .c-widjets .c-widjets__month {
  font-size: 1.1em;
}
.c-agenda .c-agenda__text, .c-agenda .c-widjets__text, .c-widjets .c-agenda__text, .c-widjets .c-widjets__text {
  padding-bottom: 15px;
  padding-left: 10px;
}
.c-agenda .c-agenda__text p, .c-agenda .c-widjets__text p, .c-widjets .c-agenda__text p, .c-widjets .c-widjets__text p {
  text-align: left !important;
}
.c-agenda .c-agenda__text h3, .c-agenda .c-widjets__text h3, .c-widjets .c-agenda__text h3, .c-widjets .c-widjets__text h3 {
  font-family: "Raleway", sans-serif;
  line-height: 1.2em;
  margin-top: 0.5em;
  font-weight: 400;
  margin-bottom: 15px !important;
  padding-top: 5px !important;
}
.c-agenda .c-agenda__btn, .c-agenda .c-widjets__btn, .c-widjets .c-agenda__btn, .c-widjets .c-widjets__btn {
  bottom: 0px;
  position: absolute;
  right: 15px;
  padding: 5px 12px;
  text-decoration: none;
  color: #FFF;
  background-color: #a32035;
  transition: all 0.8s;
}
@media screen and (max-width: 670px) {
  .c-agenda .c-agenda__btn, .c-agenda .c-widjets__btn, .c-widjets .c-agenda__btn, .c-widjets .c-widjets__btn {
    bottom: 10px;
  }
}
.c-agenda .c-agenda__btn:hover, .c-agenda .c-widjets__btn:hover, .c-widjets .c-agenda__btn:hover, .c-widjets .c-widjets__btn:hover {
  opacity: 0.8;
  background-color: #f4b12b;
}
.c-agenda .c-agenda__btn.listGrid, .c-agenda .listGrid.c-widjets__btn, .c-widjets .c-agenda__btn.listGrid, .c-widjets .listGrid.c-widjets__btn {
  right: auto;
  left: 75px;
}

.c-banner {
  background: #f4b12b;
}
.c-banner ul, .c-banner ol {
  list-style: none !important;
  margin: 0;
}
.c-banner li {
  margin: 0;
}
.c-banner .c-banner__item {
  width: 100vw;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  position: relative;
}
.c-banner .c-banner__item.c-banner__item--fons-blau-1:before {
  content: "";
  position: absolute;
  width: 100vw;
  background: rgba(244, 177, 43, 0.3);
  height: 100vh;
}
.c-banner .c-banner__item .c-banner__text {
  color: #FFF;
  text-shadow: 0px 0px 3px #333;
  margin: auto;
  margin: 0 auto;
  margin: 0 auto;
  height: 100%;
  position: relative;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.c-banner .c-banner__item .c-banner__text--fons-blau h3 {
  padding: 8px;
  background: rgba(244, 177, 43, 0.7);
}
.c-banner .c-banner__item .c-banner__text h3 {
  position: absolute;
  margin: 0 auto;
  font-size: 35px;
  position: absolute;
  bottom: 20px;
  left: 40px;
  width: 50%;
  /* text-transform: uppercase; */
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
  .c-banner .c-banner__item .c-banner__text h3 {
    width: 60%;
    font-size: 32px;
    left: 30px;
    bottom: 15px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 800px) {
  .c-banner .c-banner__item .c-banner__text h3 {
    width: 60%;
    left: 30px;
    bottom: 10px;
    font-size: 27px;
  }
}
@media screen and (max-width: 800px) and (min-width: 670px) {
  .c-banner .c-banner__item .c-banner__text h3 {
    width: 60%;
    left: 20px;
    bottom: 5px;
    font-size: 20px;
  }
}
@media screen and (max-width: 670px) {
  .c-banner .c-banner__item .c-banner__text h3 {
    width: 96%;
    font-size: 1.2em;
    left: 0px;
    position: relative;
    display: block;
    bottom: 0;
    padding: 0.6em 0;
  }
  .c-banner .c-banner__item .c-banner__text h3 {
    text-shadow: none;
    font-weight: 500;
  }
}
.c-banner .c-banner__item figure {
  margin: 0;
}
.c-banner .c-banner__item figure img {
  width: 100%;
  opacity: 1;
}
.c-banner .slick-dots {
  position: absolute;
}

.c-banners-actualitats {
  display: block;
  padding: 0.5em 0 0em 0;
}
.c-banners-actualitats .slick-slide:hover img {
  filter: grayscale(100%) saturate(2);
}
.c-banners-actualitats .slick-slide:hover figcaption {
  transition: 1s;
  background-color: #a32035;
}
.c-banners-actualitats__btn {
  clear: both;
  display: block;
  text-decoration: none;
  color: #FFF;
  padding: 0 20px 0 20px;
  font-size: 0.8em;
  outline: none;
}
.c-banners-actualitats__btn::after {
  content: "";
  margin-top: 8px;
  display: block;
  width: 0;
  height: 1px;
  background: #FFF;
  transition: width 0.5s;
}
@media screen and (max-width: 670px) {
  .c-banners-actualitats__btn {
    font-size: 0.8em;
  }
}
.c-banners-actualitats__btn:hover {
  color: #FFF;
}
.c-banners-actualitats__btn:hover::after {
  width: 100%;
}
.c-banners-actualitats figure {
  position: relative;
  margin-bottom: 0;
  width: 96%;
  padding-right: 1.5%;
  padding-left: 1.5%;
}
@media screen and (max-width: 670px) {
  .c-banners-actualitats figure {
    width: 100%;
    padding: 0;
  }
}
.c-banners-actualitats figure > figcaption {
  width: calc(100% - 20px);
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 10px;
  background-color: rgba(163, 32, 53, 0.7);
  color: #FFF;
  font-size: 1em;
  font-weight: 300;
  bottom: 10px;
  height: auto;
  left: 20px;
  line-height: 1.2;
  padding-top: 10px;
  min-height: 130px;
}
@media screen and (max-width: 800px) and (min-width: 670px) {
  .c-banners-actualitats figure > figcaption {
    font-size: 1em;
  }
}
.c-banners-actualitats figure > figcaption > p {
  margin-left: 20px;
}
@media screen and (max-width: 670px) {
  .c-banners-actualitats figure > figcaption {
    width: 50%;
    font-size: 0.8em;
    padding: 5px;
    background-color: rgba(244, 177, 43, 0.7);
    left: 0;
  }
}

.slick-dots {
  width: 100%;
  text-align: center;
}
.slick-dots li {
  display: inline-block;
  padding: 0 0.3em;
  margin: 0.8em 0;
}
.slick-dots li button {
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  font-size: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  background-color: #93b1b7;
  cursor: pointer;
}
.slick-dots li.slick-active button {
  background-color: #a32035;
}

.c-video {
  margin: 2em auto 4em auto;
}
.c-video h2 {
  font-size: 4em;
  font-weight: 300;
  text-align: center;
  margin: 0 auto 18px;
  line-height: 1.2em;
}
@media screen and (max-width: 670px) {
  .c-video h2 {
    font-size: 2.5em;
  }
}
.c-video video {
  border-bottom: 10px solid #b4cdea;
}
.c-video .c-poster-video {
  border-top: 10px solid #b4cdea;
  border-bottom: 10px solid #b4cdea;
}

.c-form-newsletter {
  text-align: center;
}
.c-form-newsletter h2 {
  font-size: 3em;
  text-align: center;
  margin: 0 auto 18px;
  line-height: 1.2em;
}
.c-form-newsletter .accessos {
  text-align: center;
  margin-top: 3em;
}
.c-form-newsletter .accessos ul, .c-form-newsletter .accessos ol {
  list-style: none !important;
  margin: 0;
}
.c-form-newsletter .accessos li {
  margin: 0;
}
.c-form-newsletter .accessos a {
  text-decoration: none;
}
.c-form-newsletter .accessos ul {
  border-right: 2px solid #CCC;
  display: inline-block;
  margin: 0.5em 0;
}
.c-form-newsletter .accessos ul:first-child {
  padding-right: 0.8em;
}
.c-form-newsletter .accessos ul:last-child {
  border-right: 0;
  padding-left: 0.3em;
}
.c-form-newsletter .accessos li {
  display: inline-block;
}
.c-form-newsletter .accessos li a {
  color: #a32035;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: block;
  line-height: 36px;
  font-size: 16px;
  margin: 0 0.2em;
  border: 2px solid;
  transition: all 0.4s;
  width: 38.4px;
  height: 38.4px;
}
.c-form-newsletter .accessos li a:hover {
  color: #FFF;
  background-color: #f4b12b;
  border: 2px solid #a32035;
}

ul.covid_anchor {
  list-style: inside !important;
}

ul.covid_anchor li a {
  text-decoration: none;
  color: #a32035;
  font-weight: 600;
}

.covid-title a {
  padding-top: 90px;
}

a.covid19 {
  display: block;
}

a.covid19 div {
  background-color: #FFFFFF;
  background-image: url("../img/app_covid.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin: 0em auto;
  line-height: 90px;
  font-size: 3em;
  transition: all 0.4s;
  color: #FFF;
}

.c-widjets {
  font-family: "Raleway", sans-serif;
  margin-top: 0em;
  margin-bottom: 1em;
  height: auto;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  padding-bottom: 5px;
  position: relative;
}
.c-widjets .doubleVideo {
  display: flex;
  justify-content: space-between;
}
.c-widjets .doubleVideo .c-poster-video {
  margin: 0 10px;
}
@media screen and (max-width: 800px) and (min-width: 670px) {
  .c-widjets {
    display: block !important;
  }
}
.c-widjets > div {
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 60px;
}
.c-widjets > div::before {
  content: "";
  position: absolute;
  border-right: 1px solid;
  height: 85%;
  top: 15%;
}
.c-widjets > div:first-child::before {
  border-right: 0;
}
@media screen and (max-width: 670px) {
  .c-widjets > div:first-child::before {
    border-right: 1px solid;
  }
}
@media screen and (max-width: 670px) {
  .c-widjets > div {
    border-right: 0;
  }
}
.c-widjets > div > h3 {
  text-align: center;
  font-size: 2.2em;
  padding: 20px 0 0px;
  font-family: "Raleway", sans-serif;
}
@media screen and (max-width: 670px) {
  .c-widjets .c-widjets__tweets {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 800px) and (min-width: 670px) {
  .c-widjets .c-widjets__tweets {
    display: block;
    width: 100%;
  }
}
.c-widjets .c-widjets__iframe {
  margin-top: 20px;
  max-height: 700px;
  overflow-y: auto;
  width: 100%;
  min-width: 380px;
}
@media screen and (max-width: 1024px) and (min-width: 800px) {
  .c-widjets .c-widjets__iframe {
    min-width: 320px;
  }
}
@media screen and (max-width: 800px) and (min-width: 670px) {
  .c-widjets .c-widjets__iframe {
    width: 640px;
    min-width: 100%;
    display: block;
    margin: 0 auto;
  }
}
@media screen and (max-width: 670px) {
  .c-widjets .c-widjets__iframe {
    width: 100%;
    min-width: 320px;
    height: 500px;
  }
}
.c-widjets ol li {
  position: relative;
}
.c-widjets ol li:before {
  border-top: 1px solid;
  content: "";
  width: 40%;
  display: block;
  margin-left: 20px;
  position: absolute;
  margin-top: 15px;
}
.c-widjets ol li:first-child:before {
  border-top: 0;
}
.c-widjets__content {
  padding-top: 30px;
}
.c-widjets__btn {
  display: block;
}
.c-widjets__alertes .c-widjets__btn {
  background-color: #a32035;
}
.c-widjets__posicionaments .c-widjets__btn {
  background-color: #6f6f74;
}
.c-widjets article {
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
  position: relative;
}
.c-widjets article.listGrid {
  height: 100%;
}
.c-widjets article.listGrid a {
  right: auto !important;
  left: 75px;
}
.c-widjets .c-widjets__btn-veure-tots {
  margin: auto;
  position: absolute;
  bottom: 0px;
  border-bottom: 1px solid;
  width: 95%;
  text-align: right;
  text-decoration: none;
  transition: linear 0.2s;
}
.c-widjets .c-widjets__btn-veure-tots:hover {
  font-size: 1.1em;
}
.c-widjets .c-widjets__btn-veure-tots:hover::after {
  content: "+";
  position: absolute;
  top: 0px;
  right: 50%;
  font-size: 2em;
  background-color: #FFF;
  padding: 0 8px;
}
@media screen and (max-width: 670px) {
  .c-widjets .c-widjets__btn-veure-tots::after {
    content: "+";
    position: absolute;
    top: 0px;
    right: 50%;
    font-size: 2em;
    background-color: #FFF;
    padding: 0 8px;
    display: none;
  }
}
.c-widjets .c-widjets__btn-veure-tots > span {
  background: #FFF;
  position: relative;
  margin-bottom: 20px;
  top: 10px;
  padding-left: 15px;
}
@media screen and (max-width: 670px) {
  .c-widjets .c-widjets__btn-veure-tots > span {
    font-size: 11px;
  }
  .c-widjets .c-widjets__btn-veure-tots > span i:before {
    content: "+";
    font-size: 25px;
    position: absolute;
    margin-left: -30px;
    font-style: normal;
    padding: 0 10px;
    background-color: #FFF;
    transform: translateY(-5px);
  }
}
.c-widjets .c-widjets__btn-veure-tots--actualitat, .c-widjets .c-widjets__btn-veure-tots--agenda {
  width: 100%;
  right: auto;
  left: auto;
  color: #f4b12b;
}
@media screen and (max-width: 670px) {
  .c-widjets .c-widjets__btn-veure-tots--actualitat, .c-widjets .c-widjets__btn-veure-tots--agenda {
    width: 90%;
  }
}
.c-widjets .c-widjets__btn-veure-tots--actualitat > span, .c-widjets .c-widjets__btn-veure-tots--agenda > span {
  padding-right: 25px;
}
.c-widjets .c-widjets__btn-veure-tots--agenda {
  color: #a32035;
}
.c-widjets .c-widjets__alertes .c-widjets__btn-veure-tots {
  color: #a32035;
}
.c-widjets .c-widjets__posicionaments .c-widjets__btn-veure-tots {
  color: #6f6f74;
}
.c-widjets .c-widjets__tweets .c-widjets__btn-veure-tots {
  color: #a32035;
}
.c-widjets__posicionaments .c-widjets__day {
  padding-top: 0.5em;
  display: block;
}
.c-widjets--page-alertes .c-widjets__day {
  padding-top: 0.5em;
  display: block;
}
.c-widjets--page-agenda, .c-widjets--page-borsa, .c-widjets--page-anunci {
  border-top: 1px solid #a32035;
  padding-top: 50px;
  margin-top: 25px;
}
.c-widjets--page-agenda .list, .c-widjets--page-borsa .list, .c-widjets--page-anunci .list {
  display: flex;
}
.c-widjets--page-agenda .list-container, .c-widjets--page-borsa .list-container, .c-widjets--page-anunci .list-container {
  display: flex;
}
.c-widjets--page-agenda .list-image, .c-widjets--page-borsa .list-image, .c-widjets--page-anunci .list-image {
  padding-bottom: 20px;
}
.c-widjets--page-agenda article, .c-widjets--page-borsa article, .c-widjets--page-anunci article {
  margin-bottom: 80px;
}
.c-widjets--page-agenda article:before, .c-widjets--page-borsa article:before, .c-widjets--page-anunci article:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 20%;
  border-bottom: 1px solid #a32035;
}
.c-widjets--page-agenda .c-widjets__btn, .c-widjets--page-borsa .c-widjets__btn, .c-widjets--page-anunci .c-widjets__btn {
  margin-right: 20px;
  background-color: #a32035;
}
.c-widjets--page-agenda .c-widjets__btn:hover, .c-widjets--page-borsa .c-widjets__btn:hover, .c-widjets--page-anunci .c-widjets__btn:hover {
  background-color: #a32035;
}
.c-widjets--page-agenda .c-widjets__content, .c-widjets--page-borsa .c-widjets__content, .c-widjets--page-anunci .c-widjets__content {
  padding-top: 0;
}
.c-widjets--page-agenda .c-widjets__day, .c-widjets--page-borsa .c-widjets__day, .c-widjets--page-anunci .c-widjets__day {
  margin-bottom: 5px;
  display: block;
  padding-bottom: 5px !important;
}
.c-widjets--page-agenda .c-widjets__month, .c-widjets--page-borsa .c-widjets__month, .c-widjets--page-anunci .c-widjets__month {
  color: #777;
}
.c-widjets--page-agenda .c-widjets__date, .c-widjets--page-borsa .c-widjets__date, .c-widjets--page-anunci .c-widjets__date {
  width: 70px;
}
.c-widjets--page-agenda .c-widjets__date p, .c-widjets--page-borsa .c-widjets__date p, .c-widjets--page-anunci .c-widjets__date p {
  white-space: nowrap !important;
}
.c-widjets--page-agenda .c-widjets__date--end:before, .c-widjets--page-borsa .c-widjets__date--end:before, .c-widjets--page-anunci .c-widjets__date--end:before {
  content: "";
  position: absolute;
  border-left: 1px solid;
  height: 70px;
  transform-origin: left;
  transform: translate(-10px, 0px) rotate(20deg);
}
.c-widjets--page-agenda .c-widjets__text h3, .c-widjets--page-borsa .c-widjets__text h3, .c-widjets--page-anunci .c-widjets__text h3 {
  padding-top: 0 !important;
  margin-top: 0 !important;
  padding-bottom: 30px;
}
.c-widjets--page-borsa, .c-widjets--page-anunci {
  border: 0;
  margin: 0;
}
.c-widjets--page-borsa article, .c-widjets--page-anunci article {
  margin-bottom: 40px;
  height: 100%;
  padding-top: 30px;
}
@media screen and (max-width: 670px) {
  .c-widjets--page-borsa article, .c-widjets--page-anunci article {
    padding-top: 0px;
  }
}
.c-widjets--page-borsa article:before, .c-widjets--page-anunci article:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 20%;
  border-bottom: 1px solid #804e54;
}
.c-widjets--page-borsa .btn-link, .c-widjets--page-anunci .btn-link {
  position: absolute;
  bottom: 40px;
  right: 10px;
}
.c-widjets--page-borsa .c-widjets__content, .c-widjets--page-anunci .c-widjets__content {
  padding: 10px 0;
}
.c-widjets--page-borsa .c-widjets__text h3, .c-widjets--page-anunci .c-widjets__text h3 {
  padding-bottom: 5px;
}
.c-widjets--page-borsa .c-widjets__btn, .c-widjets--page-anunci .c-widjets__btn {
  margin-right: 20px;
  background-color: #804e54;
}
.c-widjets--page-borsa .c-widjets__btn:hover, .c-widjets--page-anunci .c-widjets__btn:hover {
  background-color: #804e54;
}
.c-widjets--page-anunci article {
  border-right: 1px solid #ccc;
}
.c-widjets--page-anunci article:before {
  width: 98%;
}
.c-widjets--page-actualitat article {
  margin-bottom: 50px;
}
.c-widjets--page-actualitat ol > li {
  display: flex;
  position: relative;
}
.c-widjets--page-actualitat ol > li:after {
  border-top: 1px solid #f4b12b;
  content: "";
  width: 40%;
  display: block;
  margin-left: 20px;
  position: absolute;
  margin-top: 15px;
  bottom: 50px;
}
.c-widjets--page-actualitat ol > li:before {
  display: none;
}
.c-widjets--page-actualitat .c-widjets__content {
  padding-top: 4px;
  padding-bottom: 8px;
}
.c-widjets--page-actualitat .c-widjets__image-petita {
  display: block;
  margin: 0 auto;
  padding: 50px 0 25px 0;
}
@media screen and (max-width: 670px) {
  .c-widjets--page-actualitat .c-widjets__image-petita {
    padding: 0;
  }
}
.c-widjets--page-actualitat .c-widjets__text h3 {
  padding-top: 4px !important;
  margin-top: 4px !important;
  font-family: "Raleway", sans-serif !important;
  font-size: 20px !important;
  padding-left: 10px !important;
}
.c-widjets--page-actualitat .c-widjets__text p {
  padding-left: 10px !important;
}
.c-widjets--page-actualitat .c-widjets__btn {
  background-color: #f4b12b;
}
.c-widjets--page-actualitat .c-widjets__btn:hover {
  background-color: #f4b12b;
}

.c-pagination {
  border-top: 1px solid #a32035;
  padding: 2em 0 1em 0;
  margin: 3em auto;
}
.c-pagination ul, .c-pagination ol {
  list-style: none !important;
  margin: 0;
}
.c-pagination li {
  margin: 0;
}
.c-pagination ul {
  display: flex;
  flex-wrap: wrap;
  float: right;
}
@media screen and (max-width: 670px) {
  .c-pagination ul {
    justify-content: center;
    float: none;
  }
}
@media screen and (max-width: 800px) and (min-width: 670px) {
  .c-pagination ul {
    justify-content: center;
    float: none;
  }
}
.c-pagination li {
  margin: 0.5em 0;
}
@media screen and (max-width: 670px) {
  .c-pagination li {
    font-size: 0.8em;
  }
}
.c-pagination li > p {
  padding: 0 5px 0 0;
}
.c-pagination a {
  padding: 0.7em;
  text-decoration: none;
}
.c-pagination a.c-pagination__current, .c-pagination--borsa li:hover .c-pagination a, .c-pagination--actualitat li:hover .c-pagination a, .c-pagination--agenda li:hover .c-pagination a, .c-pagination--posicionaments li:hover .c-pagination a, .c-pagination li:hover a {
  color: #FFF;
  background-color: #a32035;
}
.c-pagination--posicionaments a {
  padding: 0.7em;
  text-decoration: none;
}
.c-pagination--posicionaments a.c-pagination__current, .c-pagination--borsa li:hover .c-pagination--posicionaments a, .c-pagination--actualitat li:hover .c-pagination--posicionaments a, .c-pagination--agenda li:hover .c-pagination--posicionaments a, .c-pagination li:hover .c-pagination--posicionaments a, .c-pagination--posicionaments li:hover a {
  color: #FFF;
  background-color: #6f6f74;
}
.c-pagination--agenda a {
  padding: 0.7em;
  text-decoration: none;
}
.c-pagination--agenda a.c-pagination__current, .c-pagination--borsa li:hover .c-pagination--agenda a, .c-pagination--actualitat li:hover .c-pagination--agenda a, .c-pagination li:hover .c-pagination--agenda a, .c-pagination--posicionaments li:hover .c-pagination--agenda a, .c-pagination--agenda li:hover a {
  color: #FFF;
  background-color: #a32035;
}
.c-pagination--actualitat {
  border-top: 1px solid #f4b12b;
}
.c-pagination--actualitat a {
  padding: 0.7em;
  text-decoration: none;
}
.c-pagination--actualitat a.c-pagination__current, .c-pagination--borsa li:hover .c-pagination--actualitat a, .c-pagination li:hover .c-pagination--actualitat a, .c-pagination--posicionaments li:hover .c-pagination--actualitat a, .c-pagination--agenda li:hover .c-pagination--actualitat a, .c-pagination--actualitat li:hover a {
  color: #FFF;
  background-color: #f4b12b;
}
.c-pagination--borsa {
  border-top: 1px solid #804e54;
}
.c-pagination--borsa a {
  padding: 0.7em;
  text-decoration: none;
}
.c-pagination--borsa a.c-pagination__current, .c-pagination li:hover .c-pagination--borsa a, .c-pagination--posicionaments li:hover .c-pagination--borsa a, .c-pagination--agenda li:hover .c-pagination--borsa a, .c-pagination--actualitat li:hover .c-pagination--borsa a, .c-pagination--borsa li:hover a {
  color: #FFF;
  background-color: #804e54;
}
@media screen and (max-width: 670px) {
  .c-pagination .c-pagination__indication {
    display: flex;
    justify-content: center;
    margin: 2em auto;
  }
}
@media screen and (max-width: 800px) and (min-width: 670px) {
  .c-pagination .c-pagination__indication {
    margin: 2em auto;
    display: flex;
    justify-content: center;
  }
}

body .cc-cookies {
  background-color: rgba(255, 255, 255, 0.9);
  border-top: 4px solid #a32035;
  border-right: 4px solid #a32035;
  border-left: 4px solid #a32035;
  font-size: 0.8em;
  text-align: left;
  padding-top: 4px;
  padding-bottom: 2px;
  color: #6f6f74;
  text-shadow: none;
  font-weight: 400;
}
@media screen and (max-width: 670px) {
  body .cc-cookies {
    width: 100%;
  }
}
body .cc-cookies a.cc-cookie-accept {
  background-color: transparent;
  box-shadow: none;
  text-shadow: none;
  padding-top: 0px;
  color: #a32035;
  cursor: pointer;
  padding-bottom: 3px;
  text-decoration: underline;
  text-align: center;
}
body .cc-cookies a.cc-cookie-accept:hover {
  background-color: transparent;
  border-bottom: 0;
  font-weight: bold;
}
body .cc-cookies a {
  color: #111;
  cursor: pointer;
}
body .cc-cookies a:hover {
  color: #a32035;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.covid-link {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
  border: 1px solid #a32035;
  background-color: #a32035;
}

.covid-link a {
  text-decoration: none;
  color: #a32035;
  font-weight: 600;
}

/*# sourceMappingURL=style.css.map */