/* line 8, ../sass/style.scss */
.example-border-radius {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

/* line 12, ../sass/style.scss */
.sombra, .btn-yellow {
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
}

/* line 17, ../sass/style.scss */
.sombra-suau {
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
}

/* line 23, ../sass/style.scss */
.centred-div, .metodologia_web, .region-prefooter, .path-frontpage .region-footer {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

/* line 28, ../sass/style.scss */
.centred-div-sm {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1200px) {
  /* line 36, ../sass/style.scss */
  .container {
    width: 1170px;
  }
}
/* line 41, ../sass/style.scss */
body {
  /*    font-family: 'Roboto', sans-serif;*/
  /*  font-family: 'Open Sans', sans-serif;*/
  /* font-family: 'Assistant', sans-serif; */
  font-family: 'Lato', sans-serif;
  /*  font-family: 'Roboto Condensed', sans-serif; */
  /*font-family: 'Montserrat', sans-serif;*/
  font-size: 16px;
  letter-spacing: 0.02em;
}

/* line 52, ../sass/style.scss */
body.path-frontpage {
  /*background-color: #f5f5f5;*/
  margin-top: 15px !important;
}

/* line 57, ../sass/style.scss */
body.page-node-type-webform {
  background-color: #f5f5f5;
}

/* line 61, ../sass/style.scss */
h1 {
  font-weight: bold;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 1px;
}

/* line 67, ../sass/style.scss */
h2,
.h2 {
  font-size: 22px;
  line-height: 30px;
}

/* line 72, ../sass/style.scss */
h3 {
  line-height: 33px;
}

/* line 76, ../sass/style.scss */
.btn {
  border-radius: 0px;
  padding-left: 30px;
  padding-right: 30px;
}

/* line 81, ../sass/style.scss */
.btn-lg,
.btn-group-lg > .btn {
  padding-top: 13px;
  padding-right: 20px;
  padding-bottom: 13px;
  padding-left: 20px;
  font-size: 20px;
  line-height: 1.3333333;
  border-radius: 6px;
  font-weight: normal;
  border-radius: 0px;
}

/* line 93, ../sass/style.scss */
.btn-sm {
  font-size: 14px;
  padding-top: 5px;
  padding-right: 13px;
  padding-bottom: 5px;
  padding-left: 13px;
}

/* line 100, ../sass/style.scss */
.btn-danger,
.btn-primary {
  /*background-color: #e3654d;
  border-color: #e3654d;*/
  border: none;
  background: #e56051;
  /* Old browsers */
  background: -webkit-linear-gradient(#e78077 0%, #e56051 100%);
  background: -moz-linear-gradient(#e78077 0%, #e56051 100%);
  background: -o-linear-gradient(#e78077 0%, #e56051 100%);
  background: linear-gradient(#e78077 0%, #e56051 100%);
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e78077', endColorstr='#e56051',GradientType=0 );
  /* IE6-9 */
}
/* line 111, ../sass/style.scss */
.btn-danger:hover,
.btn-primary:hover {
  transition: all 0.3s ease;
  background: #e56051;
  /* Old browsers */
  background: -webkit-linear-gradient(#e56051 0%, #e56051 100%);
  background: -moz-linear-gradient(#e56051 0%, #e56051 100%);
  background: -o-linear-gradient(#e56051 0%, #e56051 100%);
  background: linear-gradient(#e56051 0%, #e56051 100%);
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e56051', endColorstr='#e56051',GradientType=0 );
  /* IE6-9 */
}

/* line 121, ../sass/style.scss */
.btn-green {
  color: #fff;
  background-color: #387c90;
  border-color: #387c90;
}

/* line 126, ../sass/style.scss */
.btn-yellow {
  color: #fff;
  background-color: #e49c44;
  border-color: #e49c44;
}
/* line 131, ../sass/style.scss */
.btn-yellow:hover {
  transition: all 0.3s ease;
  background-color: #d89037;
  color: #fff;
}
/* line 136, ../sass/style.scss */
.btn-yellow:active {
  transition: all 0.3s ease;
  background-color: #d89037;
  color: #fff;
}

/* line 142, ../sass/style.scss */
.btn-border,
.btn-border:visited,
.btn-border:link {
  background-color: transparent;
  border: 2px solid #e3654d !important;
  color: #e3654d;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.35);
}
/* line 151, ../sass/style.scss */
.btn-border:hover,
.btn-border:visited:hover,
.btn-border:link:hover {
  transition: all 0.3s ease;
  background-color: transparent;
  border: 2px solid #387c90;
}

/* line 158, ../sass/style.scss */
.btn-border-inv,
.btn-border-inv:visited,
.btn-border-inv:link {
  background-color: #ffffff;
  border: 1px solid #ffffff !important;
  color: #387c90;
  margin-right: 10px;
}
/* line 165, ../sass/style.scss */
.btn-border-inv:hover,
.btn-border-inv:visited:hover,
.btn-border-inv:link:hover {
  transition: all 0.3s ease;
  background-color: transparent;
  border: 1px solid #ffffff;
}

/* line 172, ../sass/style.scss */
a {
  color: #387c90;
  font-weight: bold;
}
/* line 175, ../sass/style.scss */
a:hover {
  transition: 0.2s;
  text-decoration: none;
  color: #ce4324;
}
/* line 180, ../sass/style.scss */
a:active {
  opacity: 0.8;
  transition: 0.5s;
  text-decoration: none;
  color: #ce4324;
  border: 0 !important;
}
/* line 187, ../sass/style.scss */
a:visited {
  text-decoration: none;
  border: 0 !important;
}
/* line 191, ../sass/style.scss */
a:focus {
  text-decoration: none;
  border: 0 !important;
}
/* line 195, ../sass/style.scss */
a:link {
  text-decoration: none;
  border: 0 !important;
}

/* line 201, ../sass/style.scss */
a.white,
.footer a {
  color: #ffffff;
}
/* line 204, ../sass/style.scss */
a.white:hover,
.footer a:hover {
  transition: 0.2s;
  text-decoration: none;
  opacity: 0.7;
}
/* line 209, ../sass/style.scss */
a.white:active,
.footer a:active {
  transition: 0.2s;
  text-decoration: none;
  opacity: 0.7;
}
/* line 214, ../sass/style.scss */
a.white:visited,
.footer a:visited {
  text-decoration: none;
}
/* line 217, ../sass/style.scss */
a.white:focus,
.footer a:focus {
  text-decoration: none;
}

@media screen and (max-width: 1024px) {
  /* line 223, ../sass/style.scss */
  h1, .h1 {
    font-size: 30px;
  }
}
/* line 228, ../sass/style.scss */
.wrapper-caixa {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

/* line 234, ../sass/style.scss */
.caixab1 {
  background-color: #ffffff;
  padding-left: 20px;
  padding-top: 40px;
  padding-right: 20px;
  padding-bottom: 20px;
  float: left;
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 20px;
  margin-top: 10px;
  width: 300px;
  height: 200px;
  border: 1px solid #dddddd;
}
/* line 248, ../sass/style.scss */
.caixab1:hover {
  border: 1px solid #387c90;
  transition: 0.2s;
}
/* line 252, ../sass/style.scss */
.caixab1 p {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0px;
}
/* line 257, ../sass/style.scss */
.caixab1 h4 {
  font-weight: 900;
  font-size: 24px;
  color: #387c90;
}
/* line 262, ../sass/style.scss */
.caixab1 a {
  color: #333333;
  font-size: 16px;
}
/* line 265, ../sass/style.scss */
.caixab1 a:hover {
  color: #387c90;
}
/* line 269, ../sass/style.scss */
.caixab1 .caixab1groc {
  color: #e49c44;
}

@media screen and (max-width: 1024px) {
  /* line 275, ../sass/style.scss */
  .wrapper-caixa {
    padding-right: 30px;
  }

  /* line 278, ../sass/style.scss */
  .caixab1 {
    width: 100%;
  }
}
/* line 283, ../sass/style.scss */
.dw-row {
  float: left;
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 40px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  background-color: #ffffff;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.2);
}

/* line 298, ../sass/style.scss */
.fullwitdth {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

/* line 303, ../sass/style.scss */
.navbar-default {
  background-color: #ffffff;
  border-color: #ffffff;
}

/* line 307, ../sass/style.scss */
.navbar-collapse {
  float: right;
  margin-top: 55px;
}

/* line 311, ../sass/style.scss */
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  font-size: 16px;
  margin-right: 5px;
  margin-left: 5px;
  color: #387c90 !important;
}
/* line 320, ../sass/style.scss */
.navbar-nav > li > a:hover {
  background-color: #f5f5f5 !important;
}

/* line 324, ../sass/style.scss */
.navbar-default .navbar-nav > .active > a {
  background-color: #387c90 !important;
  color: #ffffff !important;
}
/* line 327, ../sass/style.scss */
.navbar-default .navbar-nav > .active > a:hover {
  background-color: #387c90 !important;
  color: #ffffff;
  cursor: default;
}

/* line 333, ../sass/style.scss */
.navbar-default .navbar-text {
  color: #333333;
  font-size: 22px;
  font-family: 'La Belle Aurore', cursive;
  margin-top: 75px;
  margin-left: -12px;
  letter-spacing: 0px;
}

@media screen and (max-width: 1024px) {
  /* line 342, ../sass/style.scss */
  .navbar .logo {
    width: 150px;
    margin-right: 0px;
  }
  /* line 345, ../sass/style.scss */
  .navbar .logo img {
    width: 100%;
  }

  /* line 349, ../sass/style.scss */
  .navbar-default .navbar-text {
    font-size: 18px;
    margin-top: 0px;
    width: 200px;
    float: left;
    margin-top: 62px;
  }

  /* line 356, ../sass/style.scss */
  .navbar-default .navbar-toggle {
    margin-top: 44px;
    margin-right: 20px;
  }

  /* line 360, ../sass/style.scss */
  #navbar-collapse {
    width: 100%;
    margin-right: 0px;
    margin-top: 10px;
  }

  /* line 365, ../sass/style.scss */
  #navbar {
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
  }

  /* line 371, ../sass/style.scss */
  .page-node-type-webform #marc2 h1 {
    font-size: 24px;
    margin-top: 5px !important;
    margin-bottom: 0px;
    line-height: 30px;
  }
  /* line 377, ../sass/style.scss */
  .page-node-type-webform #marc2 .field--name-body {
    font-size: 17px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
  /* line 382, ../sass/style.scss */
  .page-node-type-webform #marc2 .field--name-webform {
    width: 100%;
  }
}
@media screen and (max-width: 420px) {
  /* line 389, ../sass/style.scss */
  .navbar-default .navbar-text {
    display: none;
  }
}
/* line 395, ../sass/style.scss */
.page-header {
  border-bottom: none;
  margin: 40px 0 20px;
  padding-bottom: 0px;
}

/* line 400, ../sass/style.scss */
#marc2 .page-header {
  border-bottom: none;
  margin: 20px 0 20px;
  padding-bottom: 5px;
}

/* line 406, ../sass/style.scss */
#navbar {
  margin-bottom: 0px;
  padding-top: 15px;
  padding-bottom: 20px;
}

/* line 412, ../sass/style.scss */
.navbar-btn {
  margin-bottom: 8px;
  margin-top: 10px;
}

/* line 417, ../sass/style.scss */
#prepremain {
  padding-bottom: 40px;
  padding-top: 40px;
}

/* line 425, ../sass/style.scss */
#premain {
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 16px;
  text-align: right;
}

/* line 432, ../sass/style.scss */
#premain a {
  color: #333;
  font-weight: 500;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}

/* line 443, ../sass/style.scss */
.main-container {
  /*background-image: url(../img/bg_web_2.jpg);*/
}

/* line 447, ../sass/style.scss */
#marcfooter {
  background-color: #eeeeee;
  border-top: 1px solid #e5e5e5;
}

/*******************************************************front************************************************************************** */
/* line 454, ../sass/style.scss */
#marc1 {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

/* line 466, ../sass/style.scss */
#logo_disseny_web {
  margin-left: auto;
  margin-right: auto;
  margin-top: 70px;
  max-width: 285px;
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 476, ../sass/style.scss */
  #logo_disseny_web {
    margin-top: 40px;
    max-width: 210px;
  }
  /* line 479, ../sass/style.scss */
  #logo_disseny_web img {
    width: 160px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 489, ../sass/style.scss */
.path-frontpage .main-container {
  text-align: center;
  font-size: 18px;
  width: 95%;
}
/* line 493, ../sass/style.scss */
.path-frontpage .main-container h2 {
  font-weight: bold;
}

@media screen and (max-width: 1024px) {
  /* line 499, ../sass/style.scss */
  .path-frontpage .main-container {
    text-align: center;
    font-size: 14px;
    width: 92%;
  }
}
/* line 505, ../sass/style.scss */
.path-frontpage h1 {
  margin-bottom: 0px;
}

/* line 508, ../sass/style.scss */
.path-frontpage .main-container .page-header {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 34px;
  line-height: 42px;
  max-width: 730px;
  margin-left: auto;
  margin-right: auto;
}

/* line 517, ../sass/style.scss */
.path-frontpage .main-container .seguirllegint {
  margin-bottom: 20px;
  font-size: 18px;
}

/* line 521, ../sass/style.scss */
.call-pressu-home {
  margin-top: 10px;
}

/* line 524, ../sass/style.scss */
.path-frontpage .main-container #collapseExample .card-body {
  margin-bottom: 20px;
}

/* line 527, ../sass/style.scss */
.path-frontpage .main-container .btn-lg {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 18px;
  padding-left: 25px;
  padding-right: 25px;
}

/* line 535, ../sass/style.scss */
.path-frontpage .veureexemples {
  margin-top: 60px;
}

@media screen and (max-width: 1024px) {
  /* line 541, ../sass/style.scss */
  .path-frontpage .main-container .page-header {
    font-size: 24px;
    line-height: 32px;
  }

  /* line 545, ../sass/style.scss */
  .path-frontpage .main-container .btn-lg {
    font-size: 18px;
  }
}
/* line 550, ../sass/style.scss */
.path-frontpage .main-container .subboto {
  font-size: 14px;
}

/* line 553, ../sass/style.scss */
.path-frontpage .main-container .subtitol {
  font-size: 24px;
  letter-spacing: 1px;
  margin-top: 45px;
}

/* line 558, ../sass/style.scss */
.path-frontpage .main-container .tel {
  font-size: 32px;
  font-weight: bold;
}

.path-frontpage .field--name-body {
	margin-bottom: 40px;
}

@media screen and (max-width: 1024px) {
  /* line 564, ../sass/style.scss */
  .path-frontpage .main-container .subtitol {
    font-size: 18px;
    line-height: 26px;
    margin-top: 20px;
  }

  /* line 569, ../sass/style.scss */
  .path-frontpage .main-container .tel {
    font-size: 22px;
  }
}
/* line 574, ../sass/style.scss */
.postcontent-wrapper {
  /*background-image: url(img/bg_disseny_web_1.png);*/
  padding-top: 40px;
  padding-bottom: 70px;
  margin-top: 100px;
  background-color: #387c90;
}

/* line 581, ../sass/style.scss */
.metodologia_web {
  text-align: center;
  margin-top: 20px;
}

/* line 587, ../sass/style.scss */
.descobreix {
  width: 100%;
  font-size: 28px;
  line-height: 22px;
  font-weight: 900;
  color: #ffffff;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 20px;
  padding-bottom: 10px;
}

/* line 599, ../sass/style.scss */
.comfunciona {
  margin-top: 32px;
  padding-bottom: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 617, ../sass/style.scss */
  .postcontent-wrapper {
    margin-top: 50px;
    padding-top: 20px;
    padding-bottom: 50px;
  }

  /* line 622, ../sass/style.scss */
  .descobreix {
    font-size: 24px;
    line-height: 30px;
  }
}
/* Swipper */
/* line 628, ../sass/style.scss */
#collapsemeto {
  -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.3);
}

/* line 633, ../sass/style.scss */
.path-frontpage .swiper-pagination-progressbar {
  padding-bottom: 20px;
  padding-top: 20px;
  margin-bottom: 0px;
  margin-top: 15px;
  background-color: #9cbec8 !important;
}

/* line 641, ../sass/style.scss */
.path-frontpage .swiper-pagination-bullet {
  opacity: 1 !important;
  margin-right: 1% !important;
  margin-left: 1% !important;
}

/* line 649, ../sass/style.scss */
.swiper-container {
  width: 100%;
  height: 100%;
  min-height: 265px;
  background-color: #fff;
  opacity: 0.95;
  margin-bottom: 30px !important;
}

/* line 657, ../sass/style.scss */
.swiper-slide {
  text-align: center;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: block;
}

/* line 676, ../sass/style.scss */
.swiper-pagination {
  position: relative !important;
  margin-bottom: 40px;
  margin-top: 30px;
}

/* line 682, ../sass/style.scss */
.swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 12px;
  color: #387c90;
  opacity: 0.9 !important;
  background: #dae6ea !important;
  opacity: 0.8;
  width: 50px !important;
  height: 50px !important;
  margin-right: 10px;
  padding-top: 10px;
  font-size: 24px;
  font-family: 'Source Sans Pro', sans-serif;
  transition: 0.3s;
}
/* line 698, ../sass/style.scss */
.swiper-pagination-bullet:hover {
  opacity: 1;
}

/* line 702, ../sass/style.scss */
.swiper-pagination-bullet-active {
  color: #ffffff !important;
  background: #ce4324 !important;
}

/* line 706, ../sass/style.scss */
.swiper-button-next {
  right: 20px !important;
}

/* line 709, ../sass/style.scss */
.swiper-button-prev {
  left: 20px !important;
}

/* line 712, ../sass/style.scss */
.path-frontpage .swiper-slide .numslide {
  font-size: 36px;
  font-weight: bold;
  margin-top: 50px;
  margin-bottom: 10px;
}

/* line 718, ../sass/style.scss */
.path-frontpage .swiper-slide .textslide {
  font-size: 24px;
  padding-left: 60px;
  padding-right: 60px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 90%;
}

/* line 727, ../sass/style.scss */
.path-frontpage .swiper-slide .textslide p {
  margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
  /* line 732, ../sass/style.scss */
  .swiper-container {
    min-height: 210px;
  }

  /* line 735, ../sass/style.scss */
  .swiper-pagination-bullet {
    width: 25px !important;
    height: 25px !important;
    font-size: 14px !important;
    padding-top: 3px;
  }

  /* line 741, ../sass/style.scss */
  .path-frontpage .swiper-slide .numslide {
    font-size: 24px;
    margin-top: 30px;
  }

  /* line 745, ../sass/style.scss */
  .path-frontpage .swiper-slide .textslide {
    font-size: 16px;
    padding-left: 40px;
    padding-right: 40px;
  }

  /* line 750, ../sass/style.scss */
  .metodologia_web {
    width: 90%;
  }
}
/******************/
/* line 757, ../sass/style.scss */
.path-frontpage .main-container .menu {
  margin-top: 20px;
  padding-top: 40px;
  border-top: 1px solid #dddddd;
}

/* line 762, ../sass/style.scss */
.footer2 {
  background-color: #333333;
  /*background-image: url(/themes/dissenyaweb/img/fons-disseny-web/fons-disseny-pagines-web-4.jpg);*/
  color: #fff;
  text-align: center;
  padding-top: 75px;
  padding-bottom: 100px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 22px;
}
/* line 772, ../sass/style.scss */
.footer2 h2 {
  font-size: 32px;
  line-height: 30px;
  margin-bottom: 20px;
  font-weight: bold;
}
/* line 778, ../sass/style.scss */
.footer2 .bmaterial {
  margin-top: 20px;
}

/* line 786, ../sass/style.scss */
.footer {
  background-color: #eeeeee;
  border-top: none;
  color: #333333;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 60px;
  font-size: 22px;
  margin-top: 0px;
  min-height: 400px;
}
/* line 796, ../sass/style.scss */
.footer .tabs {
  margin-top: 180px;
}
/* line 799, ../sass/style.scss */
.footer h2 {
  font-size: 32px;
  line-height: 30px;
  margin-bottom: 20px;
  font-weight: bold;
}

@media screen and (max-width: 1024px) {
  /* line 811, ../sass/style.scss */
  .path-frontpage .footer {
    text-align: center;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
  }

  /* line 817, ../sass/style.scss */
  h2 {
    font-size: 24px !important;
  }

  /* line 820, ../sass/style.scss */
  .footer2 {
    font-size: 18px;
    padding-top: 40px;
    padding-bottom: 70px;
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 826, ../sass/style.scss */
  .footer2 h2 {
    font-size: 20px !important;
    line-height: 26px;
  }
}
/* line 833, ../sass/style.scss */
.postfooter {
  background-color: #387c90;
  color: #333333;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
  font-size: 22px;
  margin-top: 0px;
  color: #ffffff;
  letter-spacing: 1px;
}
/* line 843, ../sass/style.scss */
.postfooter a {
  color: #ffffff;
  font-size: 18px;
  font-weight: normal;
}
/* line 847, ../sass/style.scss */
.postfooter a:hover {
  color: #ffffff;
  opacity: 0.8;
}

@media screen and (max-width: 1024px) {
  /* line 854, ../sass/style.scss */
  .postfooter {
    padding-bottom: 40px;
    padding-top: 40px;
  }
  /* line 857, ../sass/style.scss */
  .postfooter a {
    font-size: 14px;
    letter-spacing: 0px;
  }
}
.postfooter2 {
  background-color: #333333;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 75px;
  font-size: 22px;
  margin-top: 0px;
  color: #ffffff;
  letter-spacing: 1px;
}

.postfooter2 a {
  color: #ffffff;
  font-size: 18px;
  font-weight: normal;
}

.postfooter2 a:hover {
  color: #ffffff;
  opacity: 0.8;
}

@media screen and (max-width: 1024px) {
  /* line 854, ../sass/style.scss */
  .postfooter2 {
    padding-bottom: 40px;
    padding-top: 40px;
  }
  /* line 857, ../sass/style.scss */
  .postfooter2 a {
    font-size: 14px;
    letter-spacing: 0px;
  }
}

#twitter-widget-0 {
	margin-top: 10px;
}

/*************************************************END front************************************************************************** */
/***************************************Exemples************************************************************************** */
/* line 870, ../sass/style.scss */
.path-exemples-disseny-pagines-web {
  background-color: #f5f5f5;
}

/* line 874, ../sass/style.scss */
.wrapper-mac {
  width: 100%;
  background-color: #ffffff;
  padding-bottom: 40px;
  padding-top: 40px;
  margin-top: 89px;
}

/* Swiper exemples */
/* line 883, ../sass/style.scss */
.wrapper-swipper-exemples {
  background-image: url(../img/mac.png);
  background-position: center top;
  padding-left: 98px;
  padding-right: 98px;
  padding-top: 34px;
  padding-bottom: 100px;
  width: 1210px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

/* line 894, ../sass/style.scss */
.wrapper-mac .swiper-container {
  margin-top: 34px;
  width: 915px;
  height: 572px;
}

/* line 899, ../sass/style.scss */
.info-exemple-disseny-web:hover {
  border: 10px solid #000;
}

/* line 903, ../sass/style.scss */
.wrapper-mac .arrows-wrapper {
  background-image: url(../img/pag_bg.png);
  height: 575px;
  width: 916px;
  position: relative;
  top: -575px;
  z-index: 1;
  opacity: 0.7;
}
/* line 911, ../sass/style.scss */
.wrapper-mac .arrows-wrapper:hover {
  opacity: 1;
}

/* line 915, ../sass/style.scss */
.wrapper-mac .swiper-pagination {
  margin-bottom: 0px;
  margin-top: 0px;
}

/* line 920, ../sass/style.scss */
.swiper-container-horizontal > .swiper-pagination-progressbar {
  width: 100%;
  height: 8px !important;
  left: 0;
  top: -8px !important;
  background: rgba(0, 0, 0, 0.35);
}

@media screen and (max-width: 1024px) {
  /* line 929, ../sass/style.scss */
  .wrapper-mac {
    display: none;
  }
}
/* line 934, ../sass/style.scss */
#marc2 {
  margin-left: auto;
  margin-right: auto;
  background-color: #f5f5f5;
  padding-top: 40px;
}

/* line 940, ../sass/style.scss */
#marc2 .main-container {
  margin-left: -15px;
  padding: 30px;
}

/* line 944, ../sass/style.scss */
.path-exemples-disseny-pagines-web .region-header {
  display: none;
}

/* line 947, ../sass/style.scss */
.view-exemples .view-content {
  margin-left: -40px;
  margin-right: -40px;
}

/* line 951, ../sass/style.scss */
.path-exemples-disseny-pagines-web .dw-row {
  width: 355px;
  height: 315px;
  padding-left: 20px;
  padding-right: 20px;
}

/* line 957, ../sass/style.scss */
.wrapper-row-exemples {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  border-top: 1px solid #dddddd;
}

/* line 965, ../sass/style.scss */
.imatge-exemples {
  width: 315px;
  height: 220px;
  text-align: center;
}

/* line 970, ../sass/style.scss */
.imatge-exemples img {
  margin-left: auto;
  margin-right: auto;
}

/* line 974, ../sass/style.scss */
.title-exemples {
  font-size: 17px;
}

/* line 977, ../sass/style.scss */
.imatge-exemples-2 {
  width: 315px;
  height: 200px;
  opacity: 0;
  transition: .5s ease;
  margin-top: -285px;
  cursor: pointer;
}
/* line 984, ../sass/style.scss */
.imatge-exemples-2:hover {
  opacity: 1;
}

/* line 988, ../sass/style.scss */
.modal-dialog {
  width: 704px;
  margin: 30px auto;
}

/* line 992, ../sass/style.scss */
.modal-header {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
  background-color: #f9f9f9;
}
/* line 999, ../sass/style.scss */
.modal-header .modal-title {
  margin: 0;
  line-height: 1.42857143;
  width: 84%;
  float: left;
  font-weight: bold;
  font-size: 18px;
  padding-left: 5px;
  padding-top: 5px;
}
/* line 1009, ../sass/style.scss */
.modal-header .btn {
  font-weight: bold;
  float: right;
}

/* line 1015, ../sass/style.scss */
.modal-body {
  position: relative;
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}

/* line 1022, ../sass/style.scss */
.modal-text {
  border-top: 1px solid #e5e5e5;
  background-color: #f9f9f9;
  margin-top: 20px;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 20px;
  padding-top: 20px;
}

/* line 1033, ../sass/style.scss */
.modal-content {
  border-radius: 0px;
}

/* line 1036, ../sass/style.scss */
.modal-content img {
  border: 1px solid #f5f5f5;
}

@media screen and (max-width: 1024px) {
  /* line 1041, ../sass/style.scss */
  .wrapper-mac {
    display: none;
  }

  /* line 1044, ../sass/style.scss */
  #marc2 {
    margin-top: 100px;
  }

  /* line 1047, ../sass/style.scss */
  .path-exemples-disseny-pagines-web .dw-row {
    width: 80%;
    height: 315px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 10%;
    margin-right: 16%;
  }

  /* line 1055, ../sass/style.scss */
  .modal-dialog {
    width: 90%;
  }
}
/* pressupostos */
/* line 1062, ../sass/style.scss */
.page-node-type-webform #marc2 {
  margin-left: auto;
  margin-right: auto;
  background-color: #f5f5f5;
  padding-top: 40px;
}
/* line 1067, ../sass/style.scss */
.page-node-type-webform #marc2 h1 {
  font-size: 24px;
  margin-top: 50px;
  margin-bottom: 0px;
}
/* line 1072, ../sass/style.scss */
.page-node-type-webform #marc2 .field--name-body {
  font-size: 18px;
  margin-bottom: 0px;
  margin-bottom: 30px;
}

/* line 1079, ../sass/style.scss */
.form-control {
  font-size: 18px;
  height: 50px;
  padding-left: 15px;
  padding-right: 15px;
}

/* line 1085, ../sass/style.scss */
.form-type-textfield,
.form-item-email,
.form-item-model-desitjat {
  max-width: 400px;
}

/* line 1090, ../sass/style.scss */
#edit-container1 {
  max-width: 500px;
  float: left;
  margin-right: 40px;
}

/* line 1095, ../sass/style.scss */
#edit-container2 {
  max-width: 500px;
  float: left;
}

/* line 1099, ../sass/style.scss */
.webform-submission-form {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}

/* line 1104, ../sass/style.scss */
.page-node-type-webform .footer2 {
  padding-bottom: 0px;
  padding-top: 0px;
  background-color: #387c90;
  width: 100%;
  float: left;
  text-align: center;
}
/* line 1111, ../sass/style.scss */
.page-node-type-webform .footer2 #block-callactiontel {
  margin-right: 20px;
  padding-top: 85px;
  text-align: center;
  padding-bottom: 85px;
}
/* line 1117, ../sass/style.scss */
.page-node-type-webform .footer2 #block-imatgephone {
  padding-top: 20px;
  float: right;
}
/* line 1121, ../sass/style.scss */
.page-node-type-webform .footer2 .telfoot {
  font-size: 32px;
}
/* line 1124, ../sass/style.scss */
.page-node-type-webform .footer2 img {
  opacity: 1;
}
/* line 1126, ../sass/style.scss */
.page-node-type-webform .footer2 img:hover {
  opacity: 1 !important;
}

/* line 1132, ../sass/style.scss */
.page-node-type-webform .footer {
  float: left;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  /* line 1138, ../sass/style.scss */
  .page-node-type-webform .footer2 #block-callactiontel {
    margin-right: 20px;
    padding-top: 40px;
    text-align: center;
    padding-bottom: 40px;
  }
  /* line 1143, ../sass/style.scss */
  .page-node-type-webform .footer2 #block-callactiontel .telfoot {
    font-size: 24px;
  }
}
/* Envia material form */
/* line 1151, ../sass/style.scss */
.webform-submission-enviament-de-material-form {
  min-height: 500px;
}

/* line 1154, ../sass/style.scss */
.webform-submission-enviament-de-material-form #ajax-wrapper {
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

/* line 1159, ../sass/style.scss */
.webform-submission-enviament-de-material-form #edit-documents-upload {
  float: left;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  padding: 20px;
}

/* line 1166, ../sass/style.scss */
.webform-submission-enviament-de-material-form .description {
  font-size: 14px;
}

/* line 1169, ../sass/style.scss */
.webform-submission-enviament-de-material-form #edit-documents-upload .js-form-file {
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 20px;
  padding-top: 0px;
  float: left;
  width: 100%;
  height: 100%;
  border: none;
  box-shadow: none;
  font-size: 14px;
}

/* line 1181, ../sass/style.scss */
.webform-submission-enviament-de-material-form .js-webform-document-file {
  margin-bottom: 20px;
  padding-bottom: 40px;
  padding-top: 20px;
  border: 1px solid #cccccc;
  transition: 0.5;
  background-color: #ffffff;
  padding: 20px;
}

/*.webform-confirmation__message {
	text-align: center;
}
.webform-confirmation__back {
	text-align: center;
}*/
/* Footer */
/* line 1201, ../sass/style.scss */
#block-segonmenu {
  max-width: 500px;
  margin-top: 20px;
}

/* line 1207, ../sass/style.scss */
ul.menu--segon-menu li {
  float: left;
  font-size: 16px;
}
/* line 1210, ../sass/style.scss */
ul.menu--segon-menu li a {
  color: #387c90;
}
/* line 1212, ../sass/style.scss */
ul.menu--segon-menu li a:hover {
  transition: 0.2s;
  text-decoration: none;
  color: #ce4324;
}

/* line 1221, ../sass/style.scss */
#marcfooter .region-footer {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
/* line 1226, ../sass/style.scss */
#marcfooter #block-sociallinks {
  float: right;
  margin-top: 20px;
}
/* line 1230, ../sass/style.scss */
#marcfooter img:hover {
  opacity: 0.8;
}

/* lFooter pàgines interiors */

.path-node  #block-addtoanybuttons-2,
.path-exemples-disseny-pagines-web #block-addtoanybuttons-2 {
	float: right;
	max-width: 300px;
	margin-right: 20px;
}

.path-node .a2a_kit  p,
.path-exemples-disseny-pagines-web .a2a_kit  p  {
	display: none;
}

#block-dadesdecontacte {
    font-size: 14px;
    float: left;
    width: 100%;
    margin-left: 15px;
    margin-top: 20px;
    border-top: 1px solid #dddddd;
    padding-top: 40px;
    line-height: 24px;
    color: #999999;
    text-align: left;
    margin-top: 40px;
}


@media screen and (max-width: 1024px) {
  #marcfooter #block-addtoanybuttons-2 {
    float: none;
    margin-top: 0px;
    max-width: 100%;
    margin-right: 0px;  
  }
  #marcfooter img:hover {
    opacity: 0.8;
  }
  ul.menu--segon-menu li {
    width: 100%;
  }
  #block-segonmenu {
	  max-width: 100%;
  }
}



/* Oferta*/

.node-25 .main-container {
	text-align: center;
	padding-left: 15% !important;
	padding-right: 15% !important;
}

.node-25 h1 {
    font-size: 32px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    line-height: 38px;
}

.oferta-xarxes {
	margin-top: 25px;
}

.node-25 .form-item {
	margin-left: auto;
	margin-right: auto;
}

.node-25 #twitter-widget-0 {
	margin-top: 0px;
}

.node-25 .webform-submission-form {
	border: 1px solid #dddddd;
	background-color: #f1f1f1;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 20px;
} 

@media screen and (max-width: 1024px) {
   .node-25  #block-oferta {
	   display: none;
   }
   .node-25 h1 {
	   font-size: 24px !important;
   }
   .node-25 .main-container {
	text-align: center;
	padding-left: 10% !important;
	padding-right: 10% !important;
   }
   .node-25 .webform-submission-form {
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
   } 
    .node-25 .webform-submission-form h2 {
	    font-size: 18px !important;
    }
}