@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
h2 {
  font-size: 26px;
  margin-top: 11px;
}

a:hover, a:focus {
  color: #bf0606;
}

.page-header {
  margin-top: 50px;
}

main ul {
  padding-left: 13px;
}
main ul > li {
  padding-left: 10px;
}
main ul > li::marker {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #bf0606;
  font-size: 1.1em;
}

footer .site_footer #container-site_footer {
  background-color: #222;
  color: white;
}
footer .site_footer #container-site_footer .container {
  width: 85%;
}
footer .site_footer #container-site_footer .container #widget_txt-qualitat-footer {
  display: flex;
  flex-wrap: wrap;
}
footer .site_footer #container-site_footer .container #widget_txt-qualitat-footer a {
  width: 33%;
  min-width: 105px;
  max-width: 150px;
  padding: 10px;
}
footer .site_footer #container-site_footer .container #widget_txt-qualitat-footer a img {
  width: 100%;
}
footer .site_footer a {
  color: white;
}
footer .site_footer h4 {
  color: #bf0606;
}

.btn-custom, .btn[type=submit]:not(#cookiesSettings_save) {
  display: inline-block;
  background-color: #bf0606;
  color: #fff;
  font-weight: 600;
  padding: 6px 16px;
  font-size: 18px;
  border-radius: 5px;
  transition: 0.4s ease;
  border: none;
}
.btn-custom:hover, .btn[type=submit]:not(#cookiesSettings_save):hover {
  background: #222;
  color: #fff;
}

body > header.header-small .header-right .navbar .navbar-collapse .nav-horitzontal > li > a {
  text-shadow: none;
}

body > header {
  box-shadow: transparent;
  -webkit-box-shadow: transparent;
}
@media (min-width: 769px) {
  body > header {
    margin-top: 45px;
    padding: 15px 5%;
  }
}
body > header > .row {
  /*             display: flex;
  flex-direction: row; */
}
body > header .header-right {
  height: 99px;
}
body > header .header-right .navbar-default {
  align-content: center;
}
@media (max-width: 768px) {
  body > header .header-right .navbar .navbar-collapse .nav-horitzontal {
    padding-left: 10px;
  }
}
body > header .header-right .navbar .navbar-collapse .nav-horitzontal > li > a {
  font-size: 20px;
  font-family: "Figtree", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 3px;
  padding-bottom: 5px;
  /*                                 text-shadow: 2px 3px 5px #000; */
}
body > header .header-right .navbar .navbar-collapse .nav-horitzontal > li > .depth_1 {
  padding: 0;
  border: none;
}
body > header .header-right .navbar .navbar-collapse .nav-horitzontal > li > .depth_1 > li > a {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 15px;
}
body > header .header-right .navbar .navbar-collapse .nav-horitzontal > li > .depth_1 > li:hover > a, body > header .header-right .navbar .navbar-collapse .nav-horitzontal > li > .depth_1 > li:focus > a, body > header .header-right .navbar .navbar-collapse .nav-horitzontal > li > .depth_1 > li:active > a, body > header .header-right .navbar .navbar-collapse .nav-horitzontal > li > .depth_1 > li.active > a {
  color: #111 !important;
}
body > header .header-right .navbar .navbar-collapse .nav-horitzontal > li > .depth_1 > li.active > a {
  color: #4d545b !important;
  font-weight: 700;
}
body > header .header-right .navbar .navbar-collapse .nav-horitzontal > li.active > a {
  color: #bf0606 !important;
}
@media (min-width: 768px) {
  body > header .header-right .navbar-right {
    display: none;
  }
}
@media (max-width: 768px) {
  body > header .header-right {
    height: 99px;
  }
  body > header .header-right .navbar .navbar-collapse .nav-horitzontal > li > .depth_1 {
    background-color: #fff;
    border-width: 2px 0;
    border-style: solid;
    border-color: #4d545b;
  }
  body > header .header-right .navbar .navbar-collapse .nav-horitzontal > li > .depth_1 > li > a {
    color: #4d545b !important;
  }
}
body .header-small {
  margin-top: 0px;
  padding: 10px 5%;
}
@media (min-width: 769px) {
  body .site_header {
    height: 45px;
    background-color: #222;
  }
  body .site_header .widget_languages .languages-widget {
    padding: 8px 8px 8px 7%;
  }
  body .site_header .widget_languages .languages-widget .languages {
    align-items: center;
    column-gap: 7px;
  }
  body .site_header .widget_languages .languages-widget .languages li a {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
  }
  body .site_header .widget_languages .languages-widget .languages .active {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    background: #CD020D;
    padding: 0px 5px;
    border-radius: 5px;
  }
  body .site_header #container-site_header {
    height: 100%;
  }
  body .site_header #container-site_header #widget_languages {
    height: 100%;
  }
  body .site_header .widget_socialicons {
    position: absolute;
    right: 5%;
    top: 2%;
  }
  body .site_header .widget_socialicons ul li a {
    color: #fff;
  }
  body .site_header .widget_socialicons ul li a:hover, body .site_header .widget_socialicons ul li a:focus {
    color: #dadada;
  }
}

/* Elements generals */
[id$=_header] .widget_menu ul {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 769px) {
  [id$=_header] .widget_menu ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
[id$=_header] .widget_menu ul li {
  margin-right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  background-color: #bf0606;
  transition: 0.3s;
  z-index: 99;
}
@media (min-width: 768px) {
  [id$=_header] .widget_menu ul li {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  [id$=_header] .widget_menu ul li {
    margin-bottom: 1px;
  }
}
[id$=_header] .widget_menu ul li a {
  width: 100%;
  height: 100%;
  justify-content: center;
  color: #222;
  font-weight: 700;
  text-transform: uppercase;
  transition: transform 0.4s ease;
  color: white;
  border: none;
  text-decoration: none;
}
@media (min-width: 1220px) {
  [id$=_header] .widget_menu ul li a {
    font-size: 25px;
    line-height: 35px;
  }
}
@media (max-width: 768px) {
  [id$=_header] .widget_menu ul li {
    width: 100%;
  }
}
[id$=_header] .widget_menu ul li.highlighteds {
  display: none;
}
@media (min-width: 769px) {
  [id$=_header] .widget_menu ul li:not(:nth-child(3)) {
    border-right: 3px solid #fff;
  }
}
@media (min-width: 769px) {
  [id$=_header] .widget_menu ul li:hover, [id$=_header] .widget_menu ul li.active {
    background-color: #222;
    height: 100px;
    margin-bottom: 0;
  }
  [id$=_header] .widget_menu ul li:hover::after, [id$=_header] .widget_menu ul li.active::after {
    content: "";
    background-color: #222;
    position: absolute;
    top: 100%;
    width: 50px;
    height: 20px;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
  }
}
[id$=_header] .widget_menu ul::before, [id$=_header] .widget_menu ul::after {
  content: unset;
}

/** Gallery **/
.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(191, 6, 6, 0.5);
}
.gallery_container .gallery-mosaic > div a .photo .overlay i::before {
  content: "\f065";
}

/* #gallery_3 {
>div{
@media (min-width: 1600px) {
width: 25%;
}
}
} */
/* Rectificacions generals */
img {
  max-width: 100%;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
}

:root {
  accent-color: #bf0606;
}

/* Element específics */
#carousel_1 .item::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to bottom, #222222, transparent 90%);
}
#carousel_1 .item img {
  max-height: calc(100vh - 45px);
  object-fit: cover;
}
#carousel_1 .item .carousel-caption {
  animation-delay: 1s;
  right: 6.5%;
  top: 58%;
  text-align: right;
  transform: translateY(-50%);
}
@media (max-width: 570px) {
  #carousel_1 .item .carousel-caption {
    top: 45%;
  }
}
@media (max-width: 550px) {
  #carousel_1 .item .carousel-caption {
    top: 38%;
  }
}
#carousel_1 .item .carousel-caption .big {
  font-size: 70px;
}
@media (min-width: 1201px) and (max-width: 1600px) {
  #carousel_1 .item .carousel-caption .big {
    /*                 font-size: 80px;
    line-height: 73px; */
    font-size: 70px;
    line-height: 55px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  #carousel_1 .item .carousel-caption .big {
    font-size: 60px;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  #carousel_1 .item .carousel-caption .big {
    font-size: 48px;
  }
}
@media (max-width: 990px) {
  #carousel_1 .item .carousel-caption .big {
    font-size: 22px;
  }
}
#carousel_1 .item .carousel-caption h2 {
  color: #fff;
  /*             font-size: 110px;
  line-height: 95px; */
  font-size: 50px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  user-select: none;
  text-shadow: 2px 3px 5px #000;
}
@media (min-width: 1201px) and (max-width: 1600px) {
  #carousel_1 .item .carousel-caption h2 {
    /*                 font-size: 80px;
    line-height: 73px; */
    font-size: 50px;
    line-height: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  #carousel_1 .item .carousel-caption h2 {
    font-size: 60px;
    line-height: 55px;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  #carousel_1 .item .carousel-caption h2 {
    font-size: 48px;
    line-height: 44px;
  }
}
@media (max-width: 990px) {
  #carousel_1 .item .carousel-caption h2 {
    font-size: 22px;
    line-height: 24px;
  }
}
@media (max-width: 430px) {
  #carousel_1 .item .carousel-caption h2 {
    font-size: 18px;
    line-height: 19px;
  }
}

.composition-1 main {
  margin-top: -21px;
}
.composition-1 main .titol-home h2 {
  font-size: 34px;
  font-weight: 700;
}
.composition-1 main #container-comp1_especialistes {
  background-color: #bf0606;
}
.composition-1 main #container-comp1_especialistes h2 {
  text-align: center;
  color: white;
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px;
}

@media (max-width: 1653px) {
  #container-comp1_main {
    background-size: cover;
  }
}

#container-comp1_servicios .widgetsContainer > div {
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 769px) {
  #container-comp1_cta {
    padding-left: 4%;
    padding-right: 4%;
  }
}

#widget_transporte-nacional {
  background-image: url("/data/cms/ag90/uploads/images/home/transporte-nacional.webp?3");
}

#widget_transporte-internacional {
  background-image: url("/data/cms/ag90/uploads/images/home/transporte-internacional.webp?1");
}

#widget_emmagatzematge-i-forwarding {
  background-image: url("/data/cms/ag90/uploads/images/home/forwarding.webp?2");
}

#widget_transporte-nacional,
#widget_transporte-internacional,
#widget_emmagatzematge-i-forwarding {
  height: 450px;
  overflow: hidden;
  background-size: cover;
}
#widget_transporte-nacional > div.bg-text,
#widget_transporte-internacional > div.bg-text,
#widget_emmagatzematge-i-forwarding > div.bg-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  transition: all 0.4s ease;
}
#widget_transporte-nacional > div.text,
#widget_transporte-internacional > div.text,
#widget_emmagatzematge-i-forwarding > div.text {
  width: 65%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.8);
  padding: 15px 30px 25px 15px;
  transition: all 0.4s ease;
  min-height: 200px;
  align-content: center;
}
@media (max-width: 768px) {
  #widget_transporte-nacional > div.text,
  #widget_transporte-internacional > div.text,
  #widget_emmagatzematge-i-forwarding > div.text {
    width: 80%;
  }
}
#widget_transporte-nacional > div.text h3,
#widget_transporte-internacional > div.text h3,
#widget_emmagatzematge-i-forwarding > div.text h3 {
  /*             font-size: 2.2em; */
  color: white;
  margin-top: 11px;
  font-size: 24px;
  font-weight: bold;
  /*             @media(max-width: 768px){ font-size: 1.7em; } */
}
#widget_transporte-nacional > div.text h3 span,
#widget_transporte-internacional > div.text h3 span,
#widget_emmagatzematge-i-forwarding > div.text h3 span {
  color: white !important;
}
#widget_transporte-nacional > div.text span,
#widget_transporte-internacional > div.text span,
#widget_emmagatzematge-i-forwarding > div.text span {
  /*             font-size: .8em; */
  /*             @media(max-width: 768px){ font-size: .7em; } */
}
#widget_transporte-nacional .btn-custom,
#widget_transporte-internacional .btn-custom,
#widget_emmagatzematge-i-forwarding .btn-custom {
  /*         position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%, 0); */
  display: block;
  width: fit-content;
  margin: 20px auto 0 auto;
}
#widget_transporte-nacional:hover > div.bg-text,
#widget_transporte-internacional:hover > div.bg-text,
#widget_emmagatzematge-i-forwarding:hover > div.bg-text {
  background-color: rgba(0, 0, 0, 0.8);
}
#widget_transporte-nacional:hover > div.text,
#widget_transporte-internacional:hover > div.text,
#widget_emmagatzematge-i-forwarding:hover > div.text {
  background-color: rgba(0, 0, 0, 0);
}

@media (max-width: 768px) {
  #container-comp1_puntos-fuertes .container .widgetsContainer {
    row-gap: 30px;
  }
}

.compositionContainer[id$=-service] .widgetsContainer > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
  align-content: center;
}
.compositionContainer[id$=-service] .widgetsContainer > div .widget {
  height: 100%;
  align-content: center;
}
.compositionContainer[id$=-service] .widgetsContainer > div .widget img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.compositionContainer[id$=-service] .widgetsContainer > div .widget > div {
  padding: 50px 15%;
}
.compositionContainer[id$=-service] .widgetsContainer > div .widget > div h3 {
  margin-top: 0;
  font-weight: bold;
}
@media (max-width: 768px) {
  .compositionContainer[id$=-service] .widgetsContainer > div {
    margin-bottom: 0;
  }
  .compositionContainer[id$=-service]:nth-child(odd) .widgetsContainer > div:nth-child(2) {
    order: -1;
  }
}

.category_page_view .main_container, .page-5 .main_container {
  padding: 0;
  margin: 0;
}
.category_page_view .page_content, .page-5 .page_content {
  margin: 0 6%;
}

.category_page_view > header, .page_view > header {
  position: fixed;
  z-index: 100;
}
@media (min-width: 768px) {
  .category_page_view > header, .page_view > header {
    height: 85px;
    background-color: rgba(255, 255, 255, 0.95);
  }
}
.category_page_view > header .row, .page_view > header .row {
  max-height: 60px;
}
.category_page_view > header .row .header-left .logo, .category_page_view > header .row .header-left .inverted_logo, .page_view > header .row .header-left .logo, .page_view > header .row .header-left .inverted_logo {
  max-height: 60px;
}
.category_page_view > header .row .header-left .logo a, .category_page_view > header .row .header-left .inverted_logo a, .page_view > header .row .header-left .logo a, .page_view > header .row .header-left .inverted_logo a {
  height: 60px;
}
.category_page_view > header .row .header-left .logo a img, .category_page_view > header .row .header-left .inverted_logo a img, .page_view > header .row .header-left .logo a img, .page_view > header .row .header-left .inverted_logo a img {
  max-height: 60px;
}
.category_page_view > header .row .header-left .logo, .page_view > header .row .header-left .logo {
  display: none;
}
@media (max-width: 768px) {
  .category_page_view > header .row .header-left .logo, .page_view > header .row .header-left .logo {
    display: block;
  }
}
.category_page_view > header .row .header-left .inverted_logo, .page_view > header .row .header-left .inverted_logo {
  display: block;
}
@media (max-width: 768px) {
  .category_page_view > header .row .header-left .inverted_logo, .page_view > header .row .header-left .inverted_logo {
    display: none;
  }
}
.category_page_view > header .row .header-right, .page_view > header .row .header-right {
  height: auto;
}
.category_page_view > header .row .header-right .navbar .navbar-collapse .nav-horitzontal li a, .page_view > header .row .header-right .navbar .navbar-collapse .nav-horitzontal li a {
  color: #222;
}

@media (max-width: 768px) {
  #container-comp6_empreses .widgetsContainer {
    row-gap: 50px;
  }
}

.animation-fadeIn {
  opacity: 0;
  animation: fadeIn 1.5s forwards;
}

.animation-fadeInRight {
  opacity: 0;
  animation: fadeInRight 1.5s forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInRight {
  from {
    transform: translateX(10%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
#container-comp1_estructura-empresa {
  padding-left: 5%;
  padding-right: 5%;
}

.caixa-centrada {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #eaeaea;
  height: 100%;
  text-align: center;
  border-radius: 5px;
  padding: 25px 25px 35px;
}
.caixa-centrada h3 {
  color: #bf0606;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 11px;
}

.titol-home i {
  font-size: 4em;
  color: #454545;
  margin-bottom: 10px;
  display: block;
}

@media (min-width: 768px) {
  .logo-giribet {
    width: 20%;
  }
}

#contact_text {
  display: none;
}

#widget_form {
  background: #fff;
}
@media (min-width: 768px) {
  #widget_form {
    padding: 20px;
  }
}

/* Pàgina Calidad */
div[id^=container-comp20_certificaciones] .widgetsContainer > div div[id^=widget_txt] {
  display: flex;
}
@media (max-width: 500px) {
  div[id^=container-comp20_certificaciones] .widgetsContainer > div div[id^=widget_txt] {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
div[id^=container-comp20_certificaciones] .widgetsContainer > div div[id^=widget_txt] > div {
  align-content: center;
}
div[id^=container-comp20_certificaciones] .widgetsContainer > div #widget_txt-iso-9001 > div:nth-child(1), div[id^=container-comp20_certificaciones] .widgetsContainer > div #widget_txt-ccpae > div:nth-child(1) {
  width: 30%;
  text-align: center;
}
div[id^=container-comp20_certificaciones] .widgetsContainer > div #widget_txt-iso-9001 > div:nth-child(2), div[id^=container-comp20_certificaciones] .widgetsContainer > div #widget_txt-ccpae > div:nth-child(2) {
  width: 70%;
}
@media (min-width: 500px) {
  div[id^=container-comp20_certificaciones] .widgetsContainer > div #widget_txt-iso-9001 img {
    width: 70%;
  }
  div[id^=container-comp20_certificaciones] .widgetsContainer > div #widget_txt-ccpae img {
    width: 35%;
  }
}

.cert-sgs .img-cert {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.cert-sgs .img-cert img {
  width: 50%;
  /*filter: brightness(0) saturate(100%) invert(12%) sepia(5%) saturate(27%) hue-rotate(36deg) brightness(89%) contrast(94%)*/
}

#container-comp20_main .widgetsContainer .widgetsContainer_title {
  font-weight: 600;
  text-align: center;
  padding-bottom: 40px;
}
#container-comp20_main .widgetsContainer > div {
  text-align: center;
}
#container-comp20_main .widgetsContainer > div h2 {
  font-weight: 600;
}
#container-comp20_main .widgetsContainer > div img {
  width: 45%;
}

.dades-contacte {
  color: #fff;
  background: #bf0606;
}
@media (min-width: 768px) {
  .dades-contacte {
    padding: 3rem !important;
  }
}
@media (max-width: 768px) {
  .dades-contacte {
    padding: 25px;
  }
}
.dades-contacte .contacte-caixa {
  display: flex;
  margin-bottom: 25px;
}
.dades-contacte .contacte-caixa > div {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  align-content: center;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.2);
}
.dades-contacte .contacte-caixa > div i {
  font-size: 20px;
}
.dades-contacte .contacte-caixa p {
  align-content: center;
  margin: 0;
  padding-left: 1rem !important;
  width: calc(100% - 50px);
}

.contenidor {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0px 40px;
  padding: 0px 10px;
  margin-top: 20px;
}

/* Estilos opcionales para visualizar las columnas */
.columna {
  border-radius: 8px;
}

/* Diseño adaptable (mobile first) */
@media (max-width: 768px) {
  .contenidor {
    grid-template-columns: 1fr; /* Una sola columna en pantallas pequeñas */
  }
}
.punt-descriptiu {
  transition: 0.4s ease;
}
.punt-descriptiu img {
  margin-bottom: 25px;
  filter: grayscale(100%);
}
.punt-descriptiu:hover {
  transform: scale(1.05);
}
.punt-descriptiu:hover img {
  filter: grayscale(0%);
}

.boto-serveis {
  margin-top: 15px;
}

#container-comp4_menu li .menu_info {
  font-weight: 600;
}