@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');



/*************************Hedings********************************/
h1{
    font-size: 5.1rem;
    font-weight: 300 !important;
    font-family: "Raleway", sans-serif;
     color: #07007c !important;
    line-height: 1;
}
h2 {
    color: #020175;
    font-size: 3rem;
    margin: 10px 0;
    font-weight: 600;
}
h2,h3,h4,h5,h6{
    font-family: "Raleway", sans-serif;
    color: #07007c !important;
    line-height: 1;
}
h3{
    font-size: 2.5rem;
    font-weight: 500 !important;
}


.c-bg-green {
    background-color: #07007c !important;


/**************************BOTIGA******************************/
}

.c-content-label {
       background-color: #050176 !important;
    
}
.owl-carousel.c-theme .owl-controls .owl-dot.active {
    background: #050176 !important;
}

.c-content-media-2-slider{
    overflow:hidden;
}

/****************************** HEADER ********************************/
html {
  scroll-behavior: smooth;
  scroll-padding-top: -120px; 
    
} 
#sectores{
scroll-margin-top: 60px;
}

#block-menuwhitetopbarnotfixed > div{
    height: 77px !important;
}

header {
  position: relative;
  /*overflow: hidden;*/
}

.tbm-item--has-dropdown > .tbm-submenu{
    max-width: 100px !important;
    margin-right: 90px;
    background-color: white !important;
}
.tbm-item--has-dropdown > .tbm-submenu *:has(a){
    text-align: right;
}
.tbm-item--has-dropdown > .tbm-submenu a{
    color: #050176 !important;
    font-weight: 400 !important;
}

 .tbm-item--has-dropdown > .tbm-submenu li:has(>a):focus > a:not(.btn), .tbm-item--has-dropdown > .tbm-submenu li:has(>a):active > a:not(.btn), .tbm-item--has-dropdown > .tbm-submenu li:has(>a):hover > a:not(.btn) {
 color: #a36ef1 !important;
  }
  
.c-desktop-logo,
.c-desktop-logo-inverse {
margin-left: 90px !important;
  position: absolute;
  top: 50%;
  left: 0;

  display: block !important;

  max-width: 100%;
  height: auto;

  transform-origin: left center;

  will-change: transform, opacity;
  backface-visibility: hidden;

  transition:
    opacity .28s ease,
    transform .28s cubic-bezier(.4,0,.2,1);

}



.c-desktop-logo {

  opacity: 1;
  visibility: visible;
  z-index: 2;

  max-height: 57px;

  transform:
    translate3d(0, -50%, 0)
    scale(1);

}


.c-desktop-logo-inverse {

  visibility: hidden;
  z-index: 1;

  max-height: 35px;

  transform:
    translate3d(0, -50%, 0)
    scale(.92);

}


body.c-page-on-scroll .c-desktop-logo {

  visibility: hidden;

  transform:
    translate3d(0, -50%, 0)
    scale(.92);

}


body.c-page-on-scroll .c-desktop-logo-inverse {

  opacity: 1;
  visibility: visible;

  transform:
    translate3d(0, -50%, 0)
    scale(1);

}
/*****************HOME SLIDER**************************/
.tithome{
   font-family: "Raleway", sans-serif;
   font-size: 7rem;
   color: #07007c;
   line-height: 1;
   font-weight: 200;
}
.txt-slider {
    font-size: 2.5rem;
    line-height: 1.2;
    margin-bottom: 30px;

}
.title-wrap{
    font-family: "Raleway", sans-serif;
    font-weight: 400;

}
.txt-destacat {
    font-size: 2rem;
}
.c-theme-bg {
    background: #151282 !important;
}
.c-content-box.c-size-md {
    padding: 0px 0;
}
.btn-primary.active.c-link {
    color: #fff !important;
}
.btn-primary.active.c-link:hover {
    color: #000 !important;
}
.btn-primary.active.c-link:active {
    color: #000 !important;
}
.btn-primary.active.c-link:focus {
    color: #000 !important;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > .c-link {
    color: black !important
}
.owl-stage {
  width: 500% !important;
}
.breu-slider{
    font-size: 2.2rem;
    font-weight: 400;
    margin-top: 16px;
    line-height: 1.3;
}
/***********BOTON************************************************************/
.btn-primary.active, .open > .btn-primary.dropdown-toggle {
    color: #ffffff;
    background: #050176;
    border-color: #030178;
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
    color: #020077;
    background-color: #ffffff;
    border-color: #02017a;
}
.btn-primary.active, .open > .btn-primary.dropdown-toggle {
    color: #ffffff;
    background: #050176;
    border-color: #030178;
    /* font-family: 'Mer'; */
    font-family: "Raleway", sans-serif;
}
.c-theme-btn.btn {
    color: #ffffff;
    background: #04016a;
    border-color: #04016a;
}
.c-theme-btn.btn:hover {
    background: #04016a;
    border-color: #04016a;
}
/***********************UL**************************************/
.accordion-wrapper .icon-plus {
  list-style-image: url(/sites/default/files/check.png); /* Imagen de check personalizada */ 
}
.icon-plus:before {
    list-style-image: url(/sites/default/files/check.png); /* Imagen de check personalizada */ 
}
.icon-plus{
    content: url(/sites/default/files/check.png) !important; /* Imagen de check personalizada */
}
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
        color: #3a3f45;
        font-family: "Raleway", sans-serif;

    }
/****************SERVEIS**************************************/
/*h2 {
    color: #020175;
    font-size: 2.3rem;
    margin: 10px 0;
    text-transform: uppercase;*/
}

/*********************pie**********************************/

textarea{
    resize: none;
}

.imgblanco {
    background-color: #fff;
}
.txt-peu p{
    font-size: 1.5rem;
    color: #fff !important;
}
.txt-avislegal p{
    font-size: 1.2rem;
    color: #fff !important;
}
/*******************contacto********************************/
.c-bg-white .title-wrap {
    background-color: #f7f7f7;
}
#contacto .webform-submission-form label:not(:has(.check, .box)) {
    font-weight: bold;
}
/****************** WEBFORMS *******************/
.form-required::after { /*Camp obligatori*/
    content: '';
    vertical-align: super;
    display: inline-block;
    background-image: url(http://d10.cromlec.cat/sites/default/files/required.svg);
    background-repeat: no-repeat;
    background-size: 7px 7px;
    width: 7px;
    height: 7px;
    margin: 0 0.3em;
}
iframe {
    width: -webkit-fill-available;
}

/*************************BLOC IDIOMA*******************************/
.dropdown-menu.pull-right {
    right: 0;
    left: auto;
    top: 0%;
    z-index: 9999;
    margin-top: 33px;
}

.dropdown-menu {
    border: 0;
    box-shadow: 0px 3px 12px -5px rgba(0, 0, 0, 0);
    background: #00ffff00;
}

.c-content-pagination > li > a {
    color: #32c5d2;
    border-radius: 0px;
    border: 0px solid #eeeeee;
}

/*******************************COOKIES******************************************/
.cookies {
    position: fixed;
    bottom: 0%;
    /* right: 0px; */
    z-index: 99999999;
    right: 10px;
    background: #387ad8;
    bottom: 0;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    padding: 8px;
  }

.cookies a {
    color:#ffff;
  }
  /*******************BREADCRUMB***************************/
  h3.c-font-uppercase.c-font-sbold {
    font-size: 30px;
    color: white !important;
  }
  .c-layout-breadcrumbs-1 {
    background: #070466;
}
.c-layout-breadcrumbs-1 .c-page-breadcrumbs > li, .c-layout-breadcrumbs-1 .c-page-breadcrumbs > li > a:hover {
    color: white !important;
}
.c-layout-breadcrumbs-1 .c-page-breadcrumbs > li > a {
    color: #ffffff;
}

  /*********************************MENU*****************************************/
  .c-theme-nav li:focus > a:not(.btn), .c-theme-nav li:active > a:not(.btn), .c-theme-nav li:hover > a:not(.btn) {
    color: #000078 !important;
}
.col-sm-3 .c-left a:hover {
    color: #06067a;
}
.col-sm-3 .c-left a {
    color: #06067a;
}
.col-sm-3 p a {
    color: #000;
}
.col-sm-3 p a:hover {
    color: #000;
}



/***************************CITA*********************************************/
#fila-front i.fa {
    color: white;
}
#fila-front h4.c-center.c-font {
    color: white !important;
}
.c-center.\#ffffff{
    color: white !important;
}
#fila-front .col-md-6 {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.c-position a {
    display: block;
    clear: both;
    margin-top: 0px;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #7a838e;
}
.c-position.c-area a {
    color: midnightblue;
    font-weight: bold;
}
.c-position.c-area {
    padding-left: 30px;
}

/**************************PROJECTES***********************************/
.col-md-6 span img {
    object-fit: cover;
}
.accordion-container {
  padding: 30px;
  border: 5px solid #456;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.accordion-title {
  font-size: 28px;
  font-weight: bold;
  border-bottom: 2px solid #ccc;
  padding-bottom: 10px;
}

.accordion-item {
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}
.panel-group {
    margin-bottom: 0 !important;
}

.accordion-item:last-child {
  border-bottom: none;
}

.accordion-wrapper .icon-plus {
  margin-right: 10px;
}
.enfoque-col {
  text-align: center;
}

.enfoque-col img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.col-sm-4.col-md-6 .c-content-title-1 .c-left span.title-wrap {
    background-color: white !important;
    color: #070466;
}
.field.field--name-field-images.field--type-image.field--label-hidden.field__items .field__item img {
    display: none;
}
.field__label {
    display: none;
}
.text-center .c-left {
    text-align: center !important;
}
/***********************FOOTER*************************/
.horario li {
    color:white;
}
.c-container .c-links.c-theme-ul {
    color: white;
}
.c-prefooter p a {
    color: white;
}
h5.c-left.c-font {
    color: white;
    font-size: 20px;
    margin: -20px 20px;
}
.c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-links > li {
    list-style: none;
    padding: 5px 0;
    border-bottom: none !important;
}
.row .col-md-3 .c-container span img {
    margin-top: -15%;
}


/****************** QUIENES SOMOS *******************/

#quienes-somos > .row > div:first-child > a{
    margin-bottom: 30px !important;
}

/************************* SECTORES **************************/

#sectores > div:nth-of-type(2){
    display: flex;
    flex-direction: column;
}
#sectores  > div:nth-of-type(2) img{
    object-fit: contain;
    height: 200px !important;
}

/************************* SERVICIOS **************************/
#servicios{
    background-color: #d9dbff;
}


/****************** RESPONISVE ******************/
@media (max-width: 576px) {
    .col-sm-4.col-md-6 {
    text-align: center;
    padding-left: 35px !important;
    padding-right: 35px !important;
    }
    .tithome {
        font-size: 5rem;
        text-align: left;
    }
    .txt-slider {
        text-align: left;
    }
    .btn-primary.active {
        text-align: center;
        margin-bottom: 25px;
    }
    .container.text-center .row {
    display: flex;
    flex-direction: column;
    align-items: center;
    }
    .col-sm-3.text-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
    }
    .col-sm-3 .c-left {
        text-align: center;
    }
    .c-bg-grey-1 .container .row .col-sm-4.col-md-6 {
        text-align: left;
}
    .c-layout-header .c-brand {
        margin: 5px 15px 14px 15px;
    }
    .c-layout-header.c-layout-header-default-mobile .c-brand > .c-hor-nav-toggler {
        top: 12px;
    }
    .c-page-on-scroll .c-layout-header .c-navbar .c-logo img {
        margin-top: 10px;
    }
     .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile {
        background: #ffffff;
    }
    .col-sm-4 .c-content-title-1 h3.c-left.c-font-uppercase.c-font-bold {
    margin-top: 20px;
    text-align: center;
    }
    
    ul {
        text-align: left;
    }
    .bg-full-width {
        padding-top: 40px !important;
    }
    .col-sm-4.col-md-4.enfoque-col {
        margin-bottom: 40px;
    }
    .row .col-md-3 .c-container span img {
        margin-top: -15%;
        margin-left: -15px;
        max-width: 50%;
    }
    h5.c-left.c-font {
        color: white;
        font-size: 20px;
        margin: -10px 0px;
    }
    .col-md-3 {
        margin-bottom: 40px;
    }

}


@media (max-width: 991px){
    .c-desktop-logo, .c-desktop-logo-inverse{
        display:none !important;
    }
    .c-mobile-logo, .c-page-on-scroll .c-mobile-logo{
        max-height: 57px !important;
        margin-top: 0px !important;
    }
    #sectores .col-md-6:first-child,  #quienes-somos .row > .col-md-6:last-child{
        padding: 0 !important;
    }
    #sectores .c-content-media-2-slider .owl-carousel,  #quienes-somos .c-content-media-2-slider .owl-carousel{
         overflow: hidden;
    }
    #quienes-somos .c-content-media-2-slider{
         margin-bottom: 0 !important;
    }
    
    #sectores .c-content-media-2-slider .owl-stage-outer{
        transform: scale(1.1) translateX(10px);
        height: 300px;
        pointer-events: none;
    }
      #quienes-somos .c-content-media-2-slider .owl-stage-outer{
        transform: scale(1.3) translateX(50px);
        height: 300px;
        pointer-events: none;
    }
    #quienes-somos > div > div:first-child{
        display: flex;
        flex-direction: column;
        padding-top: 0 !important;
        padding-left: 50px !important;
        padding-right: 50px !important;
   
    }
    #sectores .owl-controls, #sectores  .c-content-media-2-slider > .c-content-label.c-font-uppercase.c-font-bold:first-child, #quienes-somos .owl-controls, #quienes-somos .c-content-media-2-slider > .c-content-label.c-font-uppercase.c-font-bold:first-child{
        visibility: hidden;
    }
}

@media (max-width: 576px){
    #quienes-somos > .row > div:first-child > a{
        white-space: normal;
    }
    .owl-carousel{
        transform: scale(1.1);
    }
    
}

@media (min-width: 576px) and (max-width: 768px){
      .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
          float: left;
      }
}

@media (min-width: 576px) and (max-width: 1024px) {
    .col-sm-4.col-md-6 {
        text-align: center;
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
    .tithome {
        font-size: 4rem; 
        text-align: left;
    }
    .txt-slider {
        text-align: left;
    }
    .btn-primary.active {
        text-align: center;
        margin-bottom: 25px;
    }
    .container.text-center .row {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .col-sm-3.text-center {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 50%; 
        margin-bottom: 40px;
    }
    .col-sm-3 .c-left {
        text-align: center;
    }
    .c-bg-grey-1 .container .row .col-sm-4.col-md-6 {
        text-align: left;
    }
    .c-layout-header .c-brand {
        margin: 5px 15px 14px 15px;
    }
    .c-layout-header.c-layout-header-default-mobile .c-brand > .c-hor-nav-toggler {
        top: 12px;
    }
    .c-page-on-scroll .c-layout-header .c-navbar .c-logo img {
        margin-top: 10px;
    }
    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile {
        background: #ffffff;
    }
    .col-sm-4 .c-content-title-1 h3.c-left.c-font-uppercase.c-font-bold {
        margin-top: 20px;
        text-align: center;
    }
    ul {
        text-align: left;
    }
    .bg-full-width {
        padding-top: 40px !important;
    }
    .col-sm-4.col-md-4.enfoque-col {
        margin-bottom: 40px;
    }
    .row .col-md-3 .c-container span img {
        margin-top: -15%;
        margin-left: -15px;
        max-width: 50%;
    }
    h5.c-left.c-font {
        color: white;
        font-size: 18px; 
        margin: -10px 0px;
    }
    .col-md-3 {
        margin-bottom: 40px;
    }

    }
    @media (min-width: 992px) {
        .c-layout-header .c-navbar > .container-fluid {
                position: relative;
                padding: 0 100px !important; 
        }
        body.c-page-on-scroll .c-layout-header {
        height: auto;
    }
        a.tbm-link.level-1.btn.btn-lg.btn-primary.active.c-link {
        display: inline;
        padding: 10px 10px 10px 10px;
    }
    ul.nav.navbar-nav.c-theme-nav {
        display: flex;
        align-items: center;
    }
    
    }