@charset "UTF-8";
body header .row .header-right .navbar-right .right_nav .search-dropdown {
  display: none;
}
body .composition, body .main_container {
  margin: 0;
}
body .composition > .row, body .main_container > .row {
  padding: 0;
}
body .composition .row, body .main_container .row {
  margin: 0;
}
body .composition .row aside, body .main_container .row aside {
  padding: 0;
  margin-top: 0;
}
body .composition .row main, body .main_container .row main {
  padding-top: 20px !important;
}
body .composition img, body .main_container img {
  width: 100%;
}
body .composition h1, body .main_container h1 {
  color: #E2251B;
  font-weight: 600;
}

body > header .header-right .navbar .navbar-collapse .navbar-nav li a {
  font-size: 1.2em;
}
body > header .header-right .navbar .navbar-collapse .navbar-nav > li.active > a {
  color: #E2251B;
}
body > header .header-right .navbar .navbar-collapse .navbar-nav .dropdown-menu a {
  font-size: 1rem;
}

/* Cortesia */
.composition-4 .main_container {
  margin: 20px auto;
}
.composition-4 .main_container .widget_title {
  border-bottom: 3px solid #E2251B;
  padding: 10px;
  font-size: 28px;
}
.composition-4 .main_container #container-comp4_galeria .widgetsContainer_title {
  text-align: center;
  border-bottom: 3px solid #E2251B;
  padding: 10px;
  font-weight: bold;
}
.composition-4 .main_container #container-comp4_galeria #gallery_2 > div a .photo {
  border-radius: 7px;
  margin: 7px;
}
.composition-4 .main_container #container-comp4_galeria #gallery_2 > div a .photo .overlay:hover {
  border-radius: 7px;
}
.composition-4 .main_container #container-comp4_legales #widget_menu {
  height: 100%;
  align-content: center;
}

/* Pàgina empresa */
#container-comp7_main .widgetsContainer > div {
  align-content: center;
}
#container-comp7_main .widgetsContainer > div #widget_introduccio-empresa {
  padding: 20px;
}

/* Pàgina serveis */
.page-7 .main_container {
  margin: 20px 0;
}
.page-7 .main_container .compositionContainer[id$=-services] .widgetsContainer > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
  align-content: center;
}
.page-7 .main_container .compositionContainer[id$=-services] .widgetsContainer > div .widget {
  height: 100%;
  align-content: center;
}
.page-7 .main_container .compositionContainer[id$=-services] .widgetsContainer > div .widget img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-7 .main_container .compositionContainer[id$=-services] .widgetsContainer > div .widget > div {
  padding: 50px 15%;
}
.page-7 .main_container .compositionContainer[id$=-services] .widgetsContainer > div .widget > div h2 {
  margin-top: 0;
}
.page-7 .main_container .compositionContainer[id$=-services] .widgetsContainer > div .widget > div .btn-custom {
  margin-top: 20px;
}
.page-7 .main_container .compositionContainer[id$=-services] .widgetsContainer > div .widget > div p {
  margin-bottom: 0;
}
.page-7 .main_container .compositionContainer[id$=-services] .widgetsContainer > div .widget > div p + p {
  margin-top: 15px;
}

/* Pàgina contacte */
body.contact #contact_text {
  display: none;
}
@media (min-width: 768px) {
  body.contact #container-spage_contact_innerfooter {
    display: flex;
  }
}
body.contact #container-spage_contact_innerfooter > div {
  width: 49%;
  padding: 10px 15px;
}
@media (min-width: 1200px) {
  body.contact .main_container {
    margin: 20px 6%;
  }
}

/* Galeria mosaic */
/* Widgets i contenidors generals */
.gallery_container .gallery-mosaic {
  margin: 0 -15px;
}
.gallery_container .gallery-mosaic > div {
  padding: 15px;
}
.gallery_container .gallery-mosaic > div a .photo {
  border-radius: 20px;
  overflow: hidden;
}
.gallery_container .gallery-mosaic > div a .photo .overlay {
  background-color: rgba(226, 37, 27, 0.5);
}
.gallery_container .gallery-mosaic > div a .photo .overlay i::before {
  content: "\f065";
}

/** Footer **/
footer .site_footer {
  background-color: black;
  color: white;
}
footer .site_footer a {
  color: white;
}
footer .footer {
  background-color: #E2251B;
}

/* Widget menu lateral */
[id$=_sidebar_left] .widget_title {
  padding: 10px 0;
  font-size: 24px;
  text-align: center;
}
[id$=_sidebar_left] .widget_menu > ul li {
  border-bottom: 1px solid #BFBFBF;
}
[id$=_sidebar_left] .widget_menu > ul li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s ease;
  z-index: 1;
  clip-path: circle(50% at 50% 50%);
  width: 80px;
  height: 80px;
  background: #E2251B;
}
[id$=_sidebar_left] .widget_menu > ul li.active::after {
  background: #E2251B;
}
[id$=_sidebar_left] .widget_menu > ul li.active a {
  color: #f5f5f5;
  background-color: #E2251B;
}
[id$=_sidebar_left] .widget_menu > ul li.active::after, [id$=_sidebar_left] .widget_menu > ul li:hover::after, [id$=_sidebar_left] .widget_menu > ul li:focus::after, [id$=_sidebar_left] .widget_menu > ul li:active::after {
  right: -36px;
}
[id$=_sidebar_left] .widget_menu > ul li:not(.active) a img {
  filter: brightness(0.05);
}
[id$=_sidebar_left] .widget_menu > ul li a {
  padding: 0 10% !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 20px;
  color: #000;
  height: 80px;
  transition: 0.4s ease;
  background-color: #eaeaea;
  z-index: 2;
}
[id$=_sidebar_left] .widget_menu > ul li a::before {
  content: unset;
}
[id$=_sidebar_left] .widget_menu > ul li a img {
  display: none;
}
[id$=_sidebar_left] .widget_menu > ul li:hover a {
  background: #000;
  color: white;
}
[id$=_sidebar_left] .widget_menu > ul li:hover::after {
  background: #000;
}

#widget_pagecategorychildren ul li {
  border-bottom: 1px solid #BFBFBF;
}
#widget_pagecategorychildren ul li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s ease;
  z-index: 1;
  clip-path: circle(50% at 50% 50%);
  width: 80px;
  height: 80px;
  background: #E2251B;
}
#widget_pagecategorychildren ul li.active::after {
  background: #E2251B;
}
#widget_pagecategorychildren ul li.active a {
  color: #f5f5f5;
  background-color: #E2251B;
}
#widget_pagecategorychildren ul li.active::after, #widget_pagecategorychildren ul li:hover::after, #widget_pagecategorychildren ul li:focus::after, #widget_pagecategorychildren ul li:active::after {
  right: -36px;
}
#widget_pagecategorychildren ul li:not(.active) a img {
  filter: brightness(0.05);
}
#widget_pagecategorychildren ul li a {
  padding: 0 10% !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 20px;
  color: #000;
  height: 80px;
  transition: 0.4s ease;
  background-color: #eaeaea;
  z-index: 2;
}
#widget_pagecategorychildren ul li a::before {
  content: unset;
}
#widget_pagecategorychildren ul li a img {
  display: none;
}
#widget_pagecategorychildren ul li:hover a {
  background: #000;
  color: white;
}
#widget_pagecategorychildren ul li:hover::after {
  background: #000;
}

/* Pàgina productes */
.page-9 .main_container, .page-10 .main_container, .page-11 .main_container, .page-14 .main_container, .page-16 .main_container, .page-18 .main_container, .page-21 .main_container, .page-19 .main_container, .page-22 .main_container, .page-25 .main_container, .page-12 .main_container, .page-15 .main_container {
  padding: 0;
  background-color: #eaeaea;
}
.page-9 .main_container main, .page-10 .main_container main, .page-11 .main_container main, .page-14 .main_container main, .page-16 .main_container main, .page-18 .main_container main, .page-21 .main_container main, .page-19 .main_container main, .page-22 .main_container main, .page-25 .main_container main, .page-12 .main_container main, .page-15 .main_container main {
  background-color: white;
}
.page-9 .main_container main div[id$=innerfooter], .page-10 .main_container main div[id$=innerfooter], .page-11 .main_container main div[id$=innerfooter], .page-14 .main_container main div[id$=innerfooter], .page-16 .main_container main div[id$=innerfooter], .page-18 .main_container main div[id$=innerfooter], .page-21 .main_container main div[id$=innerfooter], .page-19 .main_container main div[id$=innerfooter], .page-22 .main_container main div[id$=innerfooter], .page-25 .main_container main div[id$=innerfooter], .page-12 .main_container main div[id$=innerfooter], .page-15 .main_container main div[id$=innerfooter] {
  padding: 20px 100px 40px 60px;
}
.page-9 .main_container main div[id$=innerfooter] div[id$=galeria], .page-10 .main_container main div[id$=innerfooter] div[id$=galeria], .page-11 .main_container main div[id$=innerfooter] div[id$=galeria], .page-14 .main_container main div[id$=innerfooter] div[id$=galeria], .page-16 .main_container main div[id$=innerfooter] div[id$=galeria], .page-18 .main_container main div[id$=innerfooter] div[id$=galeria], .page-21 .main_container main div[id$=innerfooter] div[id$=galeria], .page-19 .main_container main div[id$=innerfooter] div[id$=galeria], .page-22 .main_container main div[id$=innerfooter] div[id$=galeria], .page-25 .main_container main div[id$=innerfooter] div[id$=galeria], .page-12 .main_container main div[id$=innerfooter] div[id$=galeria], .page-15 .main_container main div[id$=innerfooter] div[id$=galeria] {
  padding-top: 30px;
}
.page-9 .main_container main div[id$=innerfooter] .row.gallery-mosaic > div, .page-10 .main_container main div[id$=innerfooter] .row.gallery-mosaic > div, .page-11 .main_container main div[id$=innerfooter] .row.gallery-mosaic > div, .page-14 .main_container main div[id$=innerfooter] .row.gallery-mosaic > div, .page-16 .main_container main div[id$=innerfooter] .row.gallery-mosaic > div, .page-18 .main_container main div[id$=innerfooter] .row.gallery-mosaic > div, .page-21 .main_container main div[id$=innerfooter] .row.gallery-mosaic > div, .page-19 .main_container main div[id$=innerfooter] .row.gallery-mosaic > div, .page-22 .main_container main div[id$=innerfooter] .row.gallery-mosaic > div, .page-25 .main_container main div[id$=innerfooter] .row.gallery-mosaic > div, .page-12 .main_container main div[id$=innerfooter] .row.gallery-mosaic > div, .page-15 .main_container main div[id$=innerfooter] .row.gallery-mosaic > div {
  padding: 5px;
}
.page-9 .main_container main div[id$=innerfooter] .compositionContainer .container, .page-10 .main_container main div[id$=innerfooter] .compositionContainer .container, .page-11 .main_container main div[id$=innerfooter] .compositionContainer .container, .page-14 .main_container main div[id$=innerfooter] .compositionContainer .container, .page-16 .main_container main div[id$=innerfooter] .compositionContainer .container, .page-18 .main_container main div[id$=innerfooter] .compositionContainer .container, .page-21 .main_container main div[id$=innerfooter] .compositionContainer .container, .page-19 .main_container main div[id$=innerfooter] .compositionContainer .container, .page-22 .main_container main div[id$=innerfooter] .compositionContainer .container, .page-25 .main_container main div[id$=innerfooter] .compositionContainer .container, .page-12 .main_container main div[id$=innerfooter] .compositionContainer .container, .page-15 .main_container main div[id$=innerfooter] .compositionContainer .container {
  width: 100%;
}

/** Empresa **/
.page-5 .main_container {
  padding: 0;
}
.page-5 .main_container .row main .page_content {
  padding: 0px 0%;
}

#container-comp14_parallax {
  box-shadow: inset 0 -10px 10px -10px #000000;
}

.btn-custom {
  border-radius: 10px;
  background: #E2251B;
  transition: all 0.4s ease-in-out;
  color: white;
  padding: 10px 15px;
}
.btn-custom:hover {
  background: black;
}

#widget_introduccio-home > div {
  margin-bottom: 20px;
}

.page-category .column .thumbnail {
  background: transparent !important;
}
.page-category .column .thumbnail .caption {
  position: initial;
  padding: 5px;
}
.page-category .column .thumbnail .caption::before {
  border-top: none !important;
  border-bottom: none !important;
}
.page-category .column .thumbnail .caption::after {
  border-left: none;
  border-right: none;
}
.page-category .column .thumbnail .caption h3 {
  opacity: 1;
  color: black !important;
  transform: none !important;
  line-height: 110%;
  font-size: 18px;
}
.page-category .column .thumbnail:hover .photo img {
  opacity: 1;
}

.carousel-outercontainer .carousel:not(.gallery-carousel) .carousel-inner .item::before {
  content: "";
  display: block;
  background: linear-gradient(#000, transparent);
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  height: 100%;
  z-index: 2;
}

#carousel_19 .carousel-caption {
  top: 33%;
}
#carousel_19 .carousel-caption h2 {
  color: white;
  text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
}

a:has(.fa-globe) .menu_info .title {
  display: none !important;
}
@media (min-width: 769px) {
  a:has(.fa-globe) {
    margin-left: 15px;
  }
}

.header-right .navbar-right {
  display: none;
}