/* pacifico-regular - latin */
@font-face {
    font-family: 'Pacifico';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/pacifico-v16-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Pacifico Regular'), local('Pacifico-Regular'),
         url('../fonts/pacifico-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/pacifico-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/pacifico-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/pacifico-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/pacifico-v16-latin-regular.svg#Pacifico') format('svg'); /* Legacy iOS */
  }

:root {
    --sp-header-background-color: #8eb122;
    --sp-services-background-color: #bbd17b;
    --sp-services-darken-background: #5d693e;
    --sp-header-megamenu-active-hover-color: #fff;
    --sp-title-sub-heading-color: #fff;
    --sp-bottom-background-color: #ae3115;
    --sp-bottom-title-and-active: #fff;
    --sp-bottom-other-text: rgba(255,255,255,0.9);
    --sp-gallery-hover-color: #FFFF00;
  }

html {
   background: #05090e;
}

p {
    margin-bottom:0!important;
}

.layout-boxed .body-innerwrapper {
    box-shadow: none!important;
}

input[type="text"], input[type="email"], input[type="url"], input[type="date"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], select {
    padding: 7px!important;
}

/* Eliminar referència a FALANG */

a[title="Faboba : Création de composantJoomla"]{
    display:none!important;
}

/* header */

#sp-header, #sp-header.header-sticky {
    background-color: var(--sp-header-background-color);
    /* box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.5); */
    height: 110px;
    max-width: none!important;
    left:0!important;
}

#sp-header .logo {
    justify-content:center;
}

#sp-header > .row {
    max-width: 1280px!important;
    margin: 0 auto!important;
    padding: 0 15px!important;
}

#sp-logo > div {
    display:flex;
    /* justify-content: center; */
    justify-content: flex-start;
}

#sp-logo .logo > a {
    position:relative;
    /*width: 232px;
    height: 120px;*/
    width: 380px!important;
}

#sp-logo .logo > a > img {
    position:absolute;
    left:0;
    /* top:-40px; */
    /* top:8px; */
    top:-27px;
    z-index:1;
    width: 340px!important;
    height: auto!important;
    max-height:none!important;
}

@media (max-width : 1100px)  {
    #sp-logo .logo > a {
        width: 232px!important;
        height: 120px!important;
    }

    #sp-logo .logo > a > img {
        /* top:36px;
        height: 120px!important; */
        /* top:86px; */
        top:62px;
        /* left:-10px; */
        height:auto!important;
        width: 232px!important;
    }
}

/* Fixes 2020 header */

@media (max-width:992px){
    #sp-header {
        padding:0!important;
    }
}




/* @media only screen and (max-device-width : 375px)  {
    #sp-logo .logo > a > img {
        left:20px;
    }
}

@media only screen and (max-device-width : 320px)  {
    #sp-logo .logo > a > img {
        left:40px;
    }
} */


/* Megamenu */

#sp-menu ul.sp-megamenu-parent li > a {
    text-transform: lowercase!important;
}

#sp-menu ul.sp-megamenu-parent li > a::first-letter {
    text-transform: uppercase!important;
}

#sp-menu ul.sp-megamenu-parent ul.sppb-nav-custom > li > a, #sp-menu ul.sp-megamenu-parent ul.tab-mg-navbar > li > a {
    text-transform: initial!important;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    /* font-size: 21px!important; */
    font-size: 18px!important;
    padding: 0 12px!important;
    font-weight: normal!important;
}




.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > * {
    text-shadow:0px 0px 1px var(--sp-header-megamenu-active-hover-color)!important;
    color: var(--sp-header-megamenu-active-hover-color)!important;
}

.sp-dropdown-mega .sp-dropdown-inner .sp-mega-group 
.sppb-addon-tab .sppb-tab .sppb-tab-content 
.sppb-tab-pane [id^='sppb-addon']{
  width:100%!important;
  max-width:100%!important;
}

#sp-header .sp-dropdown .sppb-nav-custom {
    width: 30%!important;
}

#sp-header .sp-dropdown .sppb-tab-custom-content {
    width: 70%!important;
}

#sp-header .sp-dropdown.sp-dropdown-main.sp-menu-right {
    left: -68px!important;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    line-height: 110px;
}

#sp-header > .row,
#sp-header > .row > div {
    padding:0!important;
}

/* mòdul custom de serveis module */

.sp-dropdown-inner > .row {
    margin:0!important;
}

#sp-menu ul.sp-megamenu-parent ul.tab-mg-navbar {
    border: 1px solid var(--sp-text-color)!important;
}

#sp-menu ul.sp-megamenu-parent ul.tab-mg-navbar > li {
    border-left:0!important;
    border-right:0!important;
    border-top:0!important;
    color: var(--text-color)!important;
    font-weight: 500;
    display:flex;
}

#sp-menu ul.sp-megamenu-parent ul.tab-mg-navbar > li:not(:last-child){
    border-bottom: 1px solid var(--sp-text-color);
}

.content-mg {
    border: 1px solid var(--sp-text-color);
    border-left:0!important;
}


#sp-menu ul.sp-megamenu-parent ul.tab-mg-navbar > li > a {
    color: var(--sp-text-color)!important;
    width:100%!important;
    line-height:24px;
}

#sp-menu ul.sp-megamenu-parent ul.tab-mg-navbar > li.active {
    background-color: var(--sp-text-color)!important;
}

#sp-menu ul.sp-megamenu-parent ul.tab-mg-navbar > li.active > a {
    color: white!important;
}

.content-mg .data-img-container {
    margin-bottom: 10px!important;
}

#sp-menu ul.sp-megamenu-parent ul.tab-mg-navbar > li > a, .content-mg .data-text-container {
    font-size: 18px!important;
}

.content-mg .data-link-container:hover {
    color: #4a581d!important;
}


/* mòdul de falang */

.max-height, .max-height > .sp-module, .max-height > .sp-module > .sp-module-content {
    height:100%;
}

/* 20200310 */
ul.sp-megamenu-parent {
    width:100%;
    /* text-align:center; */
    text-align:right;
    margin:0!important;
    margin-right:-30px!important;
}

.mod-languages {
    height:100%;
    display:flex;
    align-items:center;
    justify-content: center;
    max-height: 110px;
}

#sp-header .mod-languages > ul.lang-inline {
    max-height:none;
}

.mod-languages > ul.lang-inline {
    max-height: 26px;
}

.sp-module-content .mod-languages ul.lang-inline li:last-child {
    margin:0!important;
}

.offcanvas-inner .mod-languages ul {
    flex-direction: row!important;
}

.offcanvas-inner .mod-languages ul > li:not(:last-child){
    margin-right: 5px;
}

#offcanvas-toggler {
    width: 32px!important;
}

.mod-languages img {
    height: 26px;
    width: auto;
}

div.mod-languages img {
    opacity: 0.6;
}

div.mod-languages .lang-active img {
    opacity: 1!important;
}

#sp-header div.mod-languages ul.lang-inline {
    display:flex;
    flex-direction: column;
}

#sp-header div.mod-languages ul.lang-inline > li:not(:last-child) {
    margin-bottom: 6px;
}

#sp-header .sp-dropdown-inner {
  box-shadow:  inset 0px 12px 12px -6px rgba(0,0,0,0.5)!important;
}

/* Offcanvas */

.offcanvas-menu .offcanvas-inner .sp-module:first-child {
    margin-bottom:5px;
}

.offcanvas-menu .offcanvas-inner {
    margin-top:6px;
    padding-top:0;
    padding-right: 45px;
}

.offcanvas-inner .mod-languages {
    justify-content: flex-start;
}

/* Mòdul de serveis */

#sp-services-menu {
    position:fixed;
    width: 100%!important;
    top: 110px;
    left:0!important;
    z-index:98;
    background: white;
    background-color: var(--sp-services-background-color);
}


#sp-services ul.menu {
    display:flex;
    padding:0!important;
    align-items:center;
    flex-wrap:wrap;
    /* justify-content: space-around; */
    justify-content: flex-start;
    list-style-type:none!important;
    margin-bottom:0!important;
}

#sp-services ul.menu li a {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    width: 135px;
    padding: 5px!important;
}

/* #sp-services ul.menu li.current {
    background-color: rgba(174,49,21,0.2);
    font-weight:bold;
} */

#sp-services ul.menu li a span {
    display:block;
    max-width: 130px!important;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

#sp-services ul.menu li img {
    width: 75px!important;
    height: auto!important;
}

@media (max-width:414px) and (orientation:portrait){
    #sp-services ul.menu li a {
        width: 110px;
    }

    #sp-services ul.menu li a span {
        width: 105px!important;
    }
}

@media (max-width:320px) and (orientation:portrait){
    #sp-services ul.menu li a {
        width: 96px;
    }

    #sp-services ul.menu li a span {
        width: 91px!important;
    }
}

#sp-services {
    position:relative;
}

#close-services-btn {
    display:none!important;
}

#sp-services {
    /* padding-top: 25px!important; */
    display:none;
}

#sp-services ul.menu li {
    background-color:var(--sp-services-background-color);
    padding: 15px 0!important;
}

.service-page #sp-services-menu {
    background-color: var(--sp-services-darken-background);
}


.service-page #sp-services ul.menu li:not(.current){
    filter:brightness(50%);
}

.service-page #sp-services ul.menu li:hover {
    filter:brightness(100%);
}

@media (min-width:992px){
    .service-page #sp-services {
        display:block!important;
    }

    .service-page #sp-services-menu {
        position:static!important;
        margin-top:110px;
    }

    .service-page #sp-section-3 {
        display:none!important;
    }

    .service-page #sp-page-builder {
        margin-top:30px!important;
    }
}

@media (max-width:992px){

    #close-services-btn {
        display:initial!important;
        position:absolute;
        top:5px;
        right:5px;
        cursor:pointer;
        background-color: black;
        color:white;
        border-radius: 20px;
        padding: 2px 10px;
        font-size:15px;
    }


}

@media (max-height: 515px) and (orientation:landscape) {

    #sp-services ul.menu {
        align-items:flex-start!important;
        justify-content: flex-start!important;
    }

    #sp-services ul.menu li a span,#sp-services ul.menu li a {
        max-width:100px!important;
    }
}

.sp-page-builder.margin-top-207 {
    margin-top:207px;
}



.sppb-section.equip {
    margin-top:99px!important;
}

/* sp-title */

.sp-page-title {
    margin-top: 185px;
    height: 364px;
    position:relative;
}

#sp-title > .sp-column {
    border-bottom: 10px solid var(--sp-header-background-color);
}

#sp-title .sp-page-title {
    /* Això és el 60% de les mides anteriors: 364px de height i 270px de padding top i 180px de padding bottom.
    Tenint en compte que la mida de 157px no és pot treure (és refereix a la zona on hi ha el subtítol) */
    /* En el punt 3 és demana que el text estigui a la part de més a sota. Per tant si el bloc de dalt (138 i el de sota 69 és sumen, fan 207) */
    padding: 207px 0 0px!important;
    /* padding: 181px 0 26px!important; */
}

#sp-title .sp-page-title-heading {
    display:none!important;
}

#sp-title .sp-page-title-sub-heading {
    margin-top: 75px;
    color: var(--sp-title-sub-heading-color)!important;
    font-family: 'Pacifico', sans-serif!important;
    /* text-shadow: -3px 0 black, 0 3px black, 3px 0 black, 0 -3px black!important; */
    /* text-shadow: rgb(0, 0, 0) 10px 0px 0px, rgb(0, 0, 0) 9.95004px 0.998334px 0px, rgb(0, 0, 0) 9.80067px 1.98669px 0px, rgb(0, 0, 0) 9.55336px 2.9552px 0px, rgb(0, 0, 0) 9.21061px 3.89418px 0px, rgb(0, 0, 0) 8.77583px 4.79426px 0px, rgb(0, 0, 0) 8.25336px 5.64642px 0px, rgb(0, 0, 0) 7.64842px 6.44218px 0px, rgb(0, 0, 0) 6.96707px 7.17356px 0px, rgb(0, 0, 0) 6.2161px 7.83327px 0px, rgb(0, 0, 0) 5.40302px 8.41471px 0px, rgb(0, 0, 0) 4.53596px 8.91207px 0px, rgb(0, 0, 0) 3.62358px 9.32039px 0px, rgb(0, 0, 0) 2.67499px 9.63558px 0px, rgb(0, 0, 0) 1.69967px 9.8545px 0px, rgb(0, 0, 0) 0.707372px 9.97495px 0px, rgb(0, 0, 0) -0.291995px 9.99574px 0px, rgb(0, 0, 0) -1.28844px 9.91665px 0px, rgb(0, 0, 0) -2.27202px 9.73848px 0px, rgb(0, 0, 0) -3.2329px 9.463px 0px, rgb(0, 0, 0) -4.16147px 9.09297px 0px, rgb(0, 0, 0) -5.04846px 8.63209px 0px, rgb(0, 0, 0) -5.88501px 8.08496px 0px, rgb(0, 0, 0) -6.66276px 7.45705px 0px, rgb(0, 0, 0) -7.37394px 6.75463px 0px, rgb(0, 0, 0) -8.01144px 5.98472px 0px, rgb(0, 0, 0) -8.56889px 5.15501px 0px, rgb(0, 0, 0) -9.04072px 4.2738px 0px, rgb(0, 0, 0) -9.42222px 3.34988px 0px, rgb(0, 0, 0) -9.70958px 2.39249px 0px, rgb(0, 0, 0) -9.89993px 1.4112px 0px, rgb(0, 0, 0) -9.99135px 0.415807px 0px, rgb(0, 0, 0) -9.98295px -0.583741px 0px, rgb(0, 0, 0) -9.8748px -1.57746px 0px, rgb(0, 0, 0) -9.66798px -2.55541px 0px, rgb(0, 0, 0) -9.36457px -3.50783px 0px, rgb(0, 0, 0) -8.96758px -4.4252px 0px, rgb(0, 0, 0) -8.481px -5.29836px 0px, rgb(0, 0, 0) -7.90968px -6.11858px 0px, rgb(0, 0, 0) -7.25932px -6.87766px 0px, rgb(0, 0, 0) -6.53644px -7.56803px 0px, rgb(0, 0, 0) -5.74824px -8.18277px 0px, rgb(0, 0, 0) -4.90261px -8.71576px 0px, rgb(0, 0, 0) -4.00799px -9.16166px 0px, rgb(0, 0, 0) -3.07333px -9.51602px 0px, rgb(0, 0, 0) -2.10796px -9.7753px 0px, rgb(0, 0, 0) -1.12153px -9.93691px 0px, rgb(0, 0, 0) -0.123887px -9.99923px 0px, rgb(0, 0, 0) 0.87499px -9.96165px 0px, rgb(0, 0, 0) 1.86512px -9.82453px 0px, rgb(0, 0, 0) 2.83662px -9.58924px 0px, rgb(0, 0, 0) 3.77978px -9.25815px 0px, rgb(0, 0, 0) 4.68517px -8.83455px 0px, rgb(0, 0, 0) 5.54374px -8.32267px 0px, rgb(0, 0, 0) 6.34693px -7.72764px 0px, rgb(0, 0, 0) 7.0867px -7.0554px 0px, rgb(0, 0, 0) 7.75566px -6.31267px 0px, rgb(0, 0, 0) 8.34713px -5.50686px 0px, rgb(0, 0, 0) 8.8552px -4.64602px 0px, rgb(0, 0, 0) 9.27478px -3.73877px 0px, rgb(0, 0, 0) 9.6017px -2.79415px 0px, rgb(0, 0, 0) 9.83268px -1.82162px 0px, rgb(0, 0, 0) 9.96542px -0.830894px 0px; */
    text-shadow: rgb(142, 177, 34) 10px 0px 0px, rgb(142, 177, 34) 9.95004px 0.998334px 0px, rgb(142, 177, 34) 9.80067px 1.98669px 0px, rgb(142, 177, 34) 9.55336px 2.9552px 0px, rgb(142, 177, 34) 9.21061px 3.89418px 0px, rgb(142, 177, 34) 8.77583px 4.79426px 0px, rgb(142, 177, 34) 8.25336px 5.64642px 0px, rgb(142, 177, 34) 7.64842px 6.44218px 0px, rgb(142, 177, 34) 6.96707px 7.17356px 0px, rgb(142, 177, 34) 6.2161px 7.83327px 0px, rgb(142, 177, 34) 5.40302px 8.41471px 0px, rgb(142, 177, 34) 4.53596px 8.91207px 0px, rgb(142, 177, 34) 3.62358px 9.32039px 0px, rgb(142, 177, 34) 2.67499px 9.63558px 0px, rgb(142, 177, 34) 1.69967px 9.8545px 0px, rgb(142, 177, 34) 0.707372px 9.97495px 0px, rgb(142, 177, 34) -0.291995px 9.99574px 0px, rgb(142, 177, 34) -1.28844px 9.91665px 0px, rgb(142, 177, 34) -2.27202px 9.73848px 0px, rgb(142, 177, 34) -3.2329px 9.463px 0px, rgb(142, 177, 34) -4.16147px 9.09297px 0px, rgb(142, 177, 34) -5.04846px 8.63209px 0px, rgb(142, 177, 34) -5.88501px 8.08496px 0px, rgb(142, 177, 34) -6.66276px 7.45705px 0px, rgb(142, 177, 34) -7.37394px 6.75463px 0px, rgb(142, 177, 34) -8.01144px 5.98472px 0px, rgb(142, 177, 34) -8.56889px 5.15501px 0px, rgb(142, 177, 34) -9.04072px 4.2738px 0px, rgb(142, 177, 34) -9.42222px 3.34988px 0px, rgb(142, 177, 34) -9.70958px 2.39249px 0px, rgb(142, 177, 34) -9.89993px 1.4112px 0px, rgb(142, 177, 34) -9.99135px 0.415807px 0px, rgb(142, 177, 34) -9.98295px -0.583741px 0px, rgb(142, 177, 34) -9.8748px -1.57746px 0px, rgb(142, 177, 34) -9.66798px -2.55541px 0px, rgb(142, 177, 34) -9.36457px -3.50783px 0px, rgb(142, 177, 34) -8.96758px -4.4252px 0px, rgb(142, 177, 34) -8.481px -5.29836px 0px, rgb(142, 177, 34) -7.90968px -6.11858px 0px, rgb(142, 177, 34) -7.25932px -6.87766px 0px, rgb(142, 177, 34) -6.53644px -7.56803px 0px, rgb(142, 177, 34) -5.74824px -8.18277px 0px, rgb(142, 177, 34) -4.90261px -8.71576px 0px, rgb(142, 177, 34) -4.00799px -9.16166px 0px, rgb(142, 177, 34) -3.07333px -9.51602px 0px, rgb(142, 177, 34) -2.10796px -9.7753px 0px, rgb(142, 177, 34) -1.12153px -9.93691px 0px, rgb(142, 177, 34) -0.123887px -9.99923px 0px, rgb(142, 177, 34) 0.87499px -9.96165px 0px, rgb(142, 177, 34) 1.86512px -9.82453px 0px, rgb(142, 177, 34) 2.83662px -9.58924px 0px, rgb(142, 177, 34) 3.77978px -9.25815px 0px, rgb(142, 177, 34) 4.68517px -8.83455px 0px, rgb(142, 177, 34) 5.54374px -8.32267px 0px, rgb(142, 177, 34) 6.34693px -7.72764px 0px, rgb(142, 177, 34) 7.0867px -7.0554px 0px, rgb(142, 177, 34) 7.75566px -6.31267px 0px, rgb(142, 177, 34) 8.34713px -5.50686px 0px, rgb(142, 177, 34) 8.8552px -4.64602px 0px, rgb(142, 177, 34) 9.27478px -3.73877px 0px, rgb(142, 177, 34) 9.6017px -2.79415px 0px, rgb(142, 177, 34) 9.83268px -1.82162px 0px, rgb(142, 177, 34) 9.96542px -0.830894px 0px;
    position:absolute;
    bottom: -16px;
    line-height: 62px!important;
    /* -webkit-text-stroke: 5px #000000; */
}

/* Aquí està l'element que enfosqueix la part del titol */
#sp-title .sp-page-title:after {
    /*background-color: transparent!important;*/
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.01+65,1+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.01) 65%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.01) 65%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.01) 65%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

/* Versió responsive */

@media (max-height: 768px){
    #sp-title .sp-page-title .sp-page-title-sub-heading {
        text-shadow: rgb(142, 177, 34) 5px 0px 0px, rgb(142, 177, 34) 4.90033px 0.993347px 0px, rgb(142, 177, 34) 4.60531px 1.94709px 0px, rgb(142, 177, 34) 4.12668px 2.82321px 0px, rgb(142, 177, 34) 3.48353px 3.58678px 0px, rgb(142, 177, 34) 2.70151px 4.20736px 0px, rgb(142, 177, 34) 1.81179px 4.6602px 0px, rgb(142, 177, 34) 0.849836px 4.92725px 0px, rgb(142, 177, 34) -0.145998px 4.99787px 0px, rgb(142, 177, 34) -1.13601px 4.86924px 0px, rgb(142, 177, 34) -2.08073px 4.54649px 0px, rgb(142, 177, 34) -2.94251px 4.04248px 0px, rgb(142, 177, 34) -3.68697px 3.37732px 0px, rgb(142, 177, 34) -4.28444px 2.57751px 0px, rgb(142, 177, 34) -4.71111px 1.67494px 0px, rgb(142, 177, 34) -4.94996px 0.7056px 0px, rgb(142, 177, 34) -4.99147px -0.291871px 0px, rgb(142, 177, 34) -4.83399px -1.27771px 0px, rgb(142, 177, 34) -4.48379px -2.2126px 0px, rgb(142, 177, 34) -3.95484px -3.05929px 0px, rgb(142, 177, 34) -3.26822px -3.78401px 0px, rgb(142, 177, 34) -2.4513px -4.35788px 0px, rgb(142, 177, 34) -1.53666px -4.75801px 0px, rgb(142, 177, 34) -0.560763px -4.96845px 0px, rgb(142, 177, 34) 0.437495px -4.98082px 0px, rgb(142, 177, 34) 1.41831px -4.79462px 0px, rgb(142, 177, 34) 2.34258px -4.41727px 0px, rgb(142, 177, 34) 3.17346px -3.86382px 0px, rgb(142, 177, 34) 3.87783px -3.15633px 0px, rgb(142, 177, 34) 4.4276px -2.32301px 0px, rgb(142, 177, 34) 4.80085px -1.39708px 0px, rgb(142, 177, 34) 4.98271px -0.415447px 0px;
    }
}


/* Bottom */

#sp-bottom {
    background-color: var(--sp-bottom-background-color);
    background-image:none!important;
    padding: 40px 0!important;
}

#sp-bottom .sp-module ul > li > *, #sp-bottom .sppb-addon-content {
    color: var(--sp-bottom-other-text)!important;
}

#sp-bottom .sp-module .sp-module-title, #sp-bottom .sp-module .sppb-addon-title, #sp-bottom .sp-module ul > li.active > a,
#sp-bottom h3.sp-module-title a, #sp-bottom .sp-module ul > li > a:hover {
    color: var(--sp-bottom-title-and-active)!important;
}

#sp-bottom h3.sp-module-title, #sp-bottom h3.sppb-addon-title {
    font-size:20px!important;
}

#sp-bottom2 .sp-module-title, #sp-bottom4 h3.sp-module-title, #sp-bottom1 .sp-module-title, #sp-bottom1 ul.menu > li {
    text-align: center;
}

#sp-bottom1 ul.menu > li > * {
    font-weight: 600; 
    font-size: 16px!important;
}

#sp-bottom h3.sp-module-title, #sp-bottom h3.sp-module-title a,
#sp-bottom h2.sppb-addon-title, #sppb-addon-1545994383463 .sppb-nav-custom a,
#sp-bottom ul.menu li > a {
    text-transform: lowercase!important;
}

#sp-bottom h3.sp-module-title::first-letter, #sp-bottom h3.sp-module-title a::first-letter,
#sp-bottom h2.sppb-addon-title::first-letter, #sppb-addon-1545994383463 .sppb-nav-custom a,
#sp-bottom ul.menu li > a::first-letter {
    text-transform: uppercase!important;
}

#sp-bottom .sp-module .sp-module-title, #sp-bottom .sp-module .sppb-addon-title {
    text-transform:initial!important;
}

#sppb-addon-1569233319874 img {
    max-width: 216px!important;
}

#sp-bottom .sp-module .sp-module-title, #sp-bottom .sp-module .sppb-addon-title {
    border-bottom: 1px solid var(--sp-bottom-title-and-active);
}

.instagram-link-footer {
    display:block;
    text-align:center;
    color: var(--sp-bottom-other-text)!important;
}

.instagram-link-footer:hover {
    color:var(--sp-bottom-title-and-active)!important;
}

#call-us-fast {
    font-family: "Verdana";
    display:block;
    text-align:center;
    color: var(--sp-bottom-other-text)!important;
    font-size: 26.5px!important;
    font-weight: bold!important;
    white-space:nowrap!important;
}

#sp-bottom1 li.item-138 {
    display:none!important;
}

/* breezingforms */

.bfQuickMode input[type=text], .bfQuickMode textarea, .bfQuickMode select, .bfQuickMode .uneditable-input {
    max-width:100%!important;
}

.controls.form-inline > div {
    width:100%;
}

.controls.form-inline > div > label {
    display:none!important;
}

.bfQuickMode textarea, .bfQuickMode textarea:focus {
    background-color: transparent;
    border-color: var(--sp-text-color)!important;
    color: var(--sp-text-color);
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    line-height: 30px;
    border-radius: 0px;
    padding: 7px;
    transition: .35s;
    height: 180px!important;
    outline: transparent!important;
}

.bfSubmitButton {
    border-color: var(--sp-text-color);
    margin-top: 20px;
    font-size: 20px!important;
    background-color: var(--sp-text-color)!important;
    color: #fff;
    padding: 10px 50px;
    border-radius: 0;
    font-weight: 500;
    position: relative;
    z-index: 3;
    transition: 0.3s;
    background-color: transparent;
    float:left!important;
}

.bfSubmitButton:hover {
    background-color:transparent!important;
    border-color:var(--sp-text-color)!important;
    color:var(--sp-text-color)!important;
    outline:transparent!important;
}

.bfQuickMode select {
    padding: 7px!important;
    border-radius:0!important;
    height:38px!important;
    /* text-indent:12px!important; */
    border:0!important;
    border-color: var(--sp-text-color);
    outline: 1px solid var(--sp-text-color)!important;
}

@-moz-document url-prefix() {
    .bfQuickMode select {
        height:initial!important;
        text-indent:initial!important;
        padding: 7px!important;
        outline:0!important;
        border: 1px solid var(--sp-text-color)!important;
    }
}

.bfPage > div.bfElemWrap.control-group .control-group, #bfElemWrap16, /* Aquesta part fa referència amb mòdul QuickContact de sota */
#bfElemWrap25, #bfElemWrap25 .control-group /* Aquest al de Contactame */
{
    margin-bottom:0!important;
}

@media (min-width : 1024px)  {

   #sp-component .bfQuickMode .form-actions {
       position:relative;
   }

   #sp-component .bfQuickMode .form-actions #bfSubmitButton {
        position:absolute;
        right:0;
        top:-78px;
        margin:0!important;
   }

}

/* breezingforms en el bottom */

#sp-bottom .bfSubmitButton {
    border-color: var(--sp-bottom-title-and-active)!important;
    background-color: var(--sp-bottom-title-and-active)!important;
    color:var(--sp-bottom-background-color)!important;
}

#sp-bottom .bfSubmitButton:hover {
    border-color: var(--sp-bottom-title-and-active)!important;
    background-color:transparent!important;
    color:var(--sp-bottom-title-and-active)!important;
}

#sp-bottom input[type="text"], #sp-bottom input[type="email"], #sp-bottom input[type="url"], #sp-bottom input[type="date"],
#sp-bottom input[type="password"], #sp-bottom input[type="search"], #sp-bottom input[type="tel"], #sp-bottom input[type="number"], #sp-bottom select, 
#sp-bottom ::placeholder {
    color:var(--sp-bottom-title-and-active)!important;
    border-color:var(--sp-bottom-title-and-active)!important;
}

/* footer */

#sp-footer {
    max-width:100%;
    position:absolute;
    width:100%;
    left:0;
}

/* Captchas */

/* #newrecaptcha > div, #newrecaptcha > div > div, #newrecaptcha > div > div > iframe  {
    width:100%!important;
} */

/*.bfSubmitButton:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 8px;
    right: 8px;
    bottom: -10px;
    border: 1px solid var(--sp-text-color);
    z-index: -1;
    transition: 0.3s;
    pointer-events: none;
}*/

/*.bfSubmitButton:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: -1px;
    right: -1px;
    background-color: var(--sp-text-color);
    transition: 0.3s;
    z-index: -1;
    height: 0;
}

.bfSubmitButton:hover:after {
    top: -10px;
    height: 68px;
}*/

/* Galeries */

.speasyimagegallery-row > div > .speasyimagegallery-gallery-item > div:after,
.speasyimagegallery-row > div > .speasyimagegallery-gallery-item > div:before {
    border-color: var(--sp-gallery-hover-color);
}

.speasyimagegallery-gallery-item-content:after {
    color: var(--sp-gallery-hover-color);
}

/* pàgina de contacte */

.contact-info .sppb-addon-content {
    font-size: 16px!important;
}

.contact-info > div, .contact-info > h4 {
    text-align:center;
}

.contact-link-tel .sppb-media {
    display:flex;
    align-items:center;
    justify-content: center;
}

.contact-link-tel .sppb-media .pull-left {
    margin-right: 5px!important;
}


/* content */

#sp-component .sppb-addon-text-block .sppb-addon-content > p,
#sp-component .sppb-addon-text-block .sppb-addon-content > ul li,
#sp-component .sppb-addon-text-block .sppb-addon-content {
    font-size: 18px;
    line-height: 150%!important;
}


/* Fix Services en responsive */

#ff_form1 .controls.form-inline > div > label:not(#bfLabel92) {
    display:none!important;
}

@media (max-width:812px) and (orientation:landscape), (max-width:768px) and (orientation:portrait){
    #column-wrap-id-1570443417077, #column-wrap-id-1570445839278, #column-wrap-id-1570443494783, #column-wrap-id-1570443937795 {
        order:2;
    }

    #sppb-addon-wrapper-1545643450205 a, #sppb-addon-1588582820493 a {
        font-size: 80%;
    }

    #sppb-addon-1586262486740 {
        max-width:300px;
        margin: 0 auto;
    }
}