/*
Theme Name: Catalana de Perforacions 2024
Template: viva
Author: KS!
Version: 2.5
*/

/*@import url("css/form.css");*/
@import url("css/obres.css");
@import url("css/blocs-catalana.css");
@import url("css/responsive.css");
@import url("css/bloc-video.css");
@import url("css/bloc-carousel-noticies.css");
@import url("css/bloc-carousel-projectes.css");
@import url("css/blocs-animacions.css");



/* ---- */
/* LANG */
/* ---- */
*:lang(ca) body .ks-capsa-solucions:before{
    content:"Més info";
}

*:lang(es-ES) body .ks-capsa-solucions:before{
    content:"Más info";
}

*:lang(en-US) body .ks-capsa-solucions:before,
*:lang(en-GB) body .ks-capsa-solucions:before{
    content:"More info";
}

*:lang(fr-FR) body .ks-capsa-solucions:before{
    content:"Plus d’infos";
    left:28%;
}

*:lang(de-DE) body .ks-capsa-solucions:before{
    content:"Weitere infos";
    left:20%;
}

*:lang(de-DE) body .ks-capsa-solucions .ib-wrapper .service-heading{
    width:auto!important;
    word-break: break-word!important;
}


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

/* ------------ */
/* XX.- GENERAL */
/* ------------ */

/* Paragrafs */
body #single-page p,
body #wrapper p,
body #posts-content .post p{ /* 2024 */
   /* font-family: unset;
    color: unset;
    font-weight: unset;*/
    font-size: 17px; 
    line-height: 26px;
    letter-spacing: 0.1px;
}

@media (min-width:993px){
    body #wrapper .wpb_text_column p:last-child{ /* 2024 */
        margin-bottom:0px;
    }
}


body .ks-mapa-contacte .wpb_text_column p:last-child{
    margin-bottom:0px!important;
}

body #single-page p strong, 
body #wrapper p strong{
    font-weight: 700;
}

/* PADDING INFERIOR DE LES PÂGINES */
body.page-template-default #primary:not(.home),
body.page-template-page-maquinaria #primary{
    padding-bottom: 100px;
}

@media(max-width:768px){
    body.page-template-default #primary:not(.home),
    body.page-template-page-maquinaria #primary {
        padding-bottom: 50px;
    }
}

/* Enllaços */
body #single-page p a,
body #wrapper p a,
body #posts-content .post p a{
    color:#00294A;
    text-decoration: underline;
    font-weight: 700;
}

/* ---------------------------- */
/* X.X.- BOTONS GENERALS        */
/* .ks-tt-button-contorno-azul  */
/* .ks-tt.button-fondo-negativo */
/* ---------------------------- */
body .btn-hover-1 .tt_button:hover .fa-caret-right{ /*2024*/
    font-family: unset; /* EFECTE DEL BOTÓ General, repassar.*/
}

body .tt_button.tt_primary_button,
body .tt_button.tt_primary_button .iconita{ /*2024*/
    color:#00294A;
}

body .tt_button.tt_primary_button .iconita,
body .ks-block-titol-menu .iconita{
    transform:translateX(0px);
    width: 18px;
    height:12px;
    background-image: url("images/icones/icona-fletxa-boto.png");
    display:inline-block;
    background-size:contain;
    margin-left: 10px;
    vertical-align: bottom;
    transition: 0.25s ease-in-out;
}

body .tt_button.tt_primary_button .iconita:before,
body .ks-block-titol-menu .iconita:before{
    display:none;
}

body .tt_button.tt_primary_button{ /*2024*/
    font-weight:400;
    padding:15px 40px;
}

body .tt_button.tt_primary_button.ks-tt-button-contorno-azul{
    border:1px solid #00294A!important;
}

body .tt_button.tt_primary_button.ks-tt-button-fondo-negativo:hover{
    border:1px solid #FFF!important;
}

body .tt_button.tt_primary_button .prim_text{ /* 2024 */
    font-weight:500;
}

body .tt_button.tt_primary_button:hover .iconita,
body .ks-block-titol-menu a:hover .iconita{ /*2024*/
    transform:translateX(10px);
    filter: brightness(0) invert(1);
}

.ks-boto-aplicar{
    text-align:left!important;
    padding-left:100px!important;
    padding-right:100px!important;
    margin:unset!important;
}



/* --------------- */
/* X.X.- FORMS CF7 */
/* --------------- */

body .wpcf7-form label{
    line-height: 40px;
    font-size:15px;
}

body .wpcf7-form .wpcf7-acceptance label,
body .wpcf7-form .wpcf7-checkbox label{
    line-height:21px;
    font-size:13px;
    padding-left:5px;
}

body  .wpcf7-form .wpcf7-checkbox .wpcf7-list-item-label{
    margin-right:20px;
}

body .wpcf7-form-control-wrap .wpcf7-acceptance input[type="checkbox"],
body .wpcf7-form-control-wrap input[type="checkbox"]{
    margin-right:10px;
    margin-bottom: 10px;
}

@media(max-width:768px){
    body .wpcf7-form-control-wrap .wpcf7-acceptance input[type="checkbox"]{
        margin-bottom: 23px;
    }
}

body .wpcf7 input[type=text],
body .wpcf7 input[type=email],
body .wpcf7 input[type=tel],
body #single-page .wpcf7-form-control-wrap textarea{
   background: #E9ECEE!important;
   margin-bottom:0px;
   height: 45px;
   font-size: 15px;
   line-height: 40px;
}

body .ks-treball-formulari .wpcf7 input[type=text],
body .ks-treball-formulari  .wpcf7 input[type=email],
body .ks-treball-formulari  .wpcf7 input[type=tel],
body #single-page .ks-treball-formulari .wpcf7-form-control-wrap textarea{
   background: #FFF!important;
}

body .ks-treball-formulari  .wpcf7 input[type=file]{
    background: #FFF!important;
    border:0px;
}

body .ks-treball-formulari .wpcf7-form-control-wrap{
    display:block;
}

body #single-page .wpcf7-form-control-wrap textarea{
    height:200px;
    padding-top:10px;
    padding-bottom:10px;
    display: inline-block;
}

body .wpcf7-form-control-wrap{
    display: inline;
    margin-right: 0px;
}

body .container .cf-section{
    margin-bottom:15px;
}

body .container .cf-section h3{
    margin-bottom:10px;
}

.wpcf7-list-item-label a{
    color:#00294A;
    text-decoration:underline;
    font-weight: bold;
}

.wpcf7-list-item-label a:hover{
    text-decoration: none;
}

body .wpcf7 input[type=submit],
body .wpcf7 button[type=submit]{
    padding-left:100px;
    padding-right:100px;
    color:#00294A;
    margin-top:30px!important;
    width:350px;
}

body .wpcf7 input[type=submit]:hover,
body .wpcf7 button[type=submit]:hover{
    background-color: #00294A!important;
    color:#FFF!important;
    border-color:#00294A;
}

@media (min-width:991px){
    .ks-checkbox-legal{
        padding-left:80px;
    }
}

/* Afegir la fletxeta als botons */
body .wpcf7 button[type=submit] span,
body button[type=submit].tt_button span{
    color:#00294A;
    content:" ";
    background-color:transparent;
    width: 18px;
    height:12px;
    background-image: url("images/icones/icona-fletxa-boto.png");
    display:inline-block;
    background-size:contain;
    margin-left: 5px;
    vertical-align: bottom;
    transition: 0.25s ease-in-out;
}

body .wpcf7 button[type=submit]:hover span,
body button[type=submit].tt_button:hover span{
    filter: brightness(0) invert(1);
    transform: translateX(30px);
}

/* ------------------------ */
/* Validació dels missatges */
/* ------------------------ */
body .section .wpcf7-not-valid-tip{
    height: 45px;
    line-height: 45px;
    top:-14px;
    left:0px;
    background-color:#E9ECEE;
    color: red;
}

body .section .ks-treball-formulari .wpcf7-not-valid-tip{
    top:0px;
}

body .section span[data-name="missatge"] .wpcf7-not-valid-tip{
    top:-100px;
}

body .section .wpcf7-not-valid-tip:before{
    color: #00294A;
}

body.single-treball .wpcf7 form p{
    margin-bottom:0px;
}

@media(max-width:768px){
    body .wpcf7 input[type=submit],
    body .wpcf7 button[type=submit]{
        width:80%;
        padding-left: 30px;
        padding-right: 30px;
    }

    body .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item{
        display:block;
        margin-left: 20px;
        text-align: left;
        margin-bottom: 10px;
    }

    body .ks-checkbox-legal .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item{
        margin-left:0px;
    }

}


/* ----------------- */
/* XX.- VIVA OPTIONS */
/* ----------------- */

/* ------------------------------------------ */
/* Viva: Marge inferior dels títols amb línia */
/* ------------------------------------------ */
body .kd-main-title.separator_on{ /* 2024 */
    margin-bottom:25px;
}

/* ---------- */
/* Viva: ROWS */
/* ---------- */
.fila-gap-10 .vc_column_container > .vc_column-inner{ /* 2024 */
    padding-left: 10px;
    padding-right: 10px;
}

.fila-3-columnes{ /* 2024 */
    padding-left: 16%!important;/*12.5%;*/
    padding-right: 16%!important;/*12.5%;*/
}

.fila-3-columnes .vc_column_container > .vc_column-inner{ /* 2024 */
    padding-left: 10px; 
    padding-right:10px; 
}

.ks-fila-equip-professional.fila-3-columnes .vc_column_container > .vc_column-inner{ 
    padding-left: 0px; /* 10px canviat per EQUIP */
    padding-right:0px; /* 10px canviat per EQUIP */
}

@media (max-width:1366px) and (min-width:992px){
    .fila-3-columnes .vc_column_container > .vc_column-inner{  
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width:991px){
    .fila-3-columnes{  
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
}

/* JSComposer - Opció color de fons de la fila seleccionat en Grey */
body .vc_row.vc_row-gray-color-overlay{ /* 2024 */
    background-color:#F2F2F2!important;
}

/* ---------------------------------- */
/* Viva: Eliminar ticks dels llistats */
/* ---------------------------------- */
body ul li:before{ /* 2024 */
    display:none;
}

body .kd-panel-subtitle ul,
body .kd-panel-subtitle ol, 
body .tab-text-container ul, 
body .side-content-text ul, 
body .wpb_text_column ol, 
body .wpb_text_column ul{ /* 2024 */
    list-style-type: disc;
}

body .kd-panel-subtitle ul li,
body .kd-panel-subtitle ol li,
body .tab-text-container ul li,
body .side-content-text ul li,
body .wpb_text_column ul li,
body .wpb_text_column ol li{ /* 2024 */
    padding-left:0px;
    margin-bottom:10px;
}

body.single-treball ul li:before{
    display:block;
}

body .wpb_text_column.ks-text-negatiu ul,
body .wpb_text_column.ks-text-negatiu p,
body .wpb_text_column.ks-text-negatiu strong{
    color:#FFF;
}

body .wpb_text_column.ks-text-negatiu ul{
    padding-left:10px;
}


/* ------------------------------------- */
/* Viva: Eliminar el border del mansonry */
/* ------------------------------------- */
body .mg-single-img{ /* ?! */
    border:0px;
}


/*body .fm-wrapper .fm-list{
    grid-auto-columns: max-content; - REVISAR
}*/


/* ------------------------------------ */
/* FLEXSLIDER : Control de diapositives */
/* ------------------------------------ */
body .wpb_gallery_slides.flexslider{ /* 2024 */
    border:0px;
}

body .wpb_gallery_slides.flexslider .flex-direction-nav{ /* 2024 */
    display:none;
}


/* -------------------------------------------- */
/* Ocultar el botó de panell del menú principal */
/* Deixar per si la opció no està desactivada   */
/* -------------------------------------------- */
body .main-nav-left .header-bttn-wrapper, 
body .main-nav-right .header-bttn-wrapper{
    display: none;
}


/* -------------- */
/* XX.- PAGINACIÓ */
/* -------------- */
body .pagination{
    display:block;
    width:100%;
}

body .page-numbers{
    margin-top:40px;
    padding: 0;
    text-align: center;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
}

body .page-numbers.dots{
    margin-top:0px;
    margin-bottom:0px;
}

body .page-numbers li{
    margin-bottom: 0;
    list-style-type: none;
    line-height: 35px;
    min-width: 30px;
}

body .page-numbers li a,
body .blog-page-numbers li a{
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    width: 35px; /*40px;*/
    height: 35px; /* 40px;*/
    line-height: 33px;
    transition: 0.3s;
    display: block;
    margin: 0 10px 0px 10px;
    border: 1px solid #6C879D;
    font-size: 16px; /*17px;*/
    font-weight:400; /*600;*/
    color:#6C879D;
   
}

body .page-numbers li a:hover,
body .blog-page-numbers li a:hover{
    background-color:#00294A!important;
    color:#FFF;
    margin: 0 10px 0px 10px;
    border-color:#00294A!important;
}

body .page-numbers.current{ 
    min-width:35px; /*40px;*/
}

body .page-numbers.current,
body .blog-page-numbers .active a{
    margin:0px;
    color:#FFF;
    border-color: #00294A;
    background-color:#00294A;
    margin: 0 10px 0px 10px;
    background-color:#00294A!important;
}

body .blog-page-numbers li.active a,
body .blog-page-numbers li a:hover{
    width: 35px; /*40px;*/
    height: 35px; /* 40px;*/
    line-height: 33px;
}

body .blog-page-numbers .next-post-link a,
body .blog-page-numbers .prev-post-link a,
body .page-numbers.next,
body .page-numbers.prev{
    border:0px;
}

body .blog-page-numbers .next-post-link a:hover,
body .blog-page-numbers .prev-post-link a:hover,
body a.page-numbers.next:hover,
body a.page-numbers.prev:hover{
    background-color:transparent!important;
    color:#00294A!important;
}

body .blog-page-numbers .next-post-link a::before,
body .blog-page-numbers .prev-post-link a::before,
body .page-numbers.next i.fa,
body .page-numbers.prev i.fa{
    font-size:16px!important;
    line-height: 2em;
}

body .page-numbers.next i.fa,
body .page-numbers.prev i.fa{
    color:#6C879D!important;
}

body a.page-numbers.next:hover i.fa,
body a.page-numbers.prev:hover i.fa{
    color:#00294A!important;
}




/* ---------------- */
/* XX.- BREADCRUMBS */
/* ---------------- */
body .container .breadcrumbs{
    display:none;
}



/* ------------- */
/* XX.- MENU BAR */
/* ------------- */
/*body .navbar.navbar-default.full-width{
    border:0px;
}*/

body .navbar.navbar-default.full-width .menubar > .container{ /* 2024 */
    padding:0px;
    -webkit-box-shadow: 0px 0px 30px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 30px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 30px -4px rgba(0,0,0,0.75);
} 

@media (min-width:1370px){
    /* marge dret menú */
    body .container > .navbar-collapse{ /*2024*/
        margin-right:132px;
    }
}


/* barra taronja */
body .navbar.navbar-default.full-width:before,
body .navbar .container #logo:before{ /* 2024 */
    content:" ";
    width: 100%;
    height:12px;
    background-color:#FAAC2C;
    display:block;
    top:0px;
    position: absolute;
}


/* Espaiat del logo */
body .navbar .container #logo .logo{ /*2024*/
    margin-top: 12px; 
    margin-left:120px;
    transition: 0.25s ease-in-out;
}

body .navbar .container #logo:before{ /*2024*/
    width: 400px;
    background-color:#00294A;
    transition: 0.25s ease-in-out;
}


/* ---------------- */
/* Elements de menú */
/* ---------------- */
@media (min-width:127px){
    /* posicionat vertical elements de menú, a partir d'aquesta amplada es deixa de mostrar el Hamburguer */
    body.logged-in #main-menu .navbar-nav a, 
    body #main-menu .navbar-nav .menu-item a{
        padding-top:77px!important;
        padding-bottom:29px!important; 
    }
}

/* Espaiat elements de menú */
body #main-menu .navbar-nav .menu-item a{ /*2024*/
    padding-left:15px;
    padding-right:15px;
}

@media (min-width:1370px){
    body #main-menu .navbar-nav .menu-item a{ /*2024*/
        padding-left:20px;
        padding-right:20px;
    }
}

/* Caret dropdown menu ppal */
#main-menu .navbar-nav > .menu-item-has-children > a::after{ /*2024*/
    float:left;
    margin-right:8px;
    margin-left:0px;
    color:#92abbf;
    background-image: url("images/icones/caret-menu.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    content:" ";
    width: 10px;
    height:18px;
    display:block;
}

/* Subratllat dels elements actius */
body .navbar.navbar-default .menubar .navbar-nav .active > a,
body .navbar.navbar-default .menubar .navbar-nav .menu-item-has-children.current-menu-parent > a{
    color:#00294A!important;
    text-decoration: underline;
}

#main-menu .navbar-nav > .menu-item-has-children:hover > a::after,
#main-menu .navbar-nav > .menu-item-has-children.current-menu-parent > a::after{
    color:#00294A;
}

/* ----------------- */
/* Menú fixat/shrink */
/* ----------------- */
@media (min-width:127px){
    /* posicionat vertical elements de menú */
    body.logged-in .navbar.navbar-shrink #main-menu > .navbar-nav > a, 
    body .navbar.navbar-shrink #main-menu > .navbar-nav > .menu-item > a{
        padding-top:47px!important;
        padding-bottom:16px!important;
    }
}

/* Ombra menu */
body .navbar.navbar-default.full-width.navbar-shrink .menubar > .container{ /* 2024 */
    padding:0px;
    -webkit-box-shadow: 0px 0px 20px -7px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 20px -7px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 20px -7px rgba(0,0,0,0.55);
} 

/* Posicionat del logo */
body .navbar.navbar-shrink .container #logo .logo{
    margin-top:8px;
    margin-bottom:0px;
    transition: 0.25s ease-in-out;
}

body .navbar.navbar-shrink .fixed-logo{
    width:165px;
    transition: 0.25s ease-in-out;
}


body .navbar.navbar-default.full-width.navbar-shrink::before, 
body .navbar.navbar-shrink .container #logo::before{
    height:10px;
}



body .navbar.navbar-shrink .container #logo:before {
    width: 325px;
    transition: 0.25s ease-in-out;
}


/* RESPONSIVE:  Ajustos del posicionat del logo  */
@media (max-width: 1269px){
    body .navbar.navbar-default.full-width:before,
    body .navbar .container #logo:before{
        height:10px;
    }

    body .navbar .container #logo .logo{
        margin-top: 24px;
        width:185px;
    }
    body .navbar .container #logo:before{
        width: 325px;
    }
    body .navbar.navbar-shrink .container #logo .logo{
        margin-top: 22px;
        margin-right:0px;
    }
}

@media (max-width: 960px){
    body .navbar .container #logo .logo{
        margin-left:30px;
        width:175px;
    }
    body .navbar .container #logo:before{
        width: 225px;
    }
}




/* --------------------- */
/* X.X.- MENU HAMBURGUER */
/* --------------------- */
body .navbar-default .navbar-toggle{
    margin-right:20px;
    margin-top:33px;
    margin-bottom:15px; 
    width:46px;
}
body .navbar-default .navbar-toggle .icon-bar,
body .navbar-default .navbar-toggle .icon-bar::before,
body .navbar-default .navbar-toggle .icon-bar::after{
    width:32px;
    height:1px;
}

body .navbar-default .navbar-toggle .icon-bar::before{
    top:-9px;
}

body .navbar-default .navbar-toggle .icon-bar::after{
    top:-18px;
}

/* ----------------- */
/* SHRINK HAMBURGUER */
/* ----------------- */
@media(min-width:1270px){
    body .navbar.navbar-default.full-width.navbar-shrink .navbar-toggle{
        margin-top:20px;
        margin-bottom:11px; 
    }
}

@media (max-width: 1269px) {
    /* Mostra automàticament la barra de desplaçament vertical */
    body .navbar-fixed-top .navbar-collapse{
        overflow-y:auto; 
    }
}



/* ------------------ */
/* XX.- DROPDOWN MENU */
/* ------------------ */
body #main-menu .navbar-nav .dropdown-menu{
    border-width:0px!important;
    /*min-width:225px;*/
}

body #main-menu .navbar-nav .menu-item-has-children .dropdown-menu{
    padding:0px 0px 10px 0px;
}

body #main-menu .navbar-nav .menu-item-has-children .dropdown-menu .menu-item a{
    padding:10px 10px 10px 28px!important; 
}



/* ------------------ */
/* X.X.- MENU IDIOMES */
/* ------------------ */

/* mostrar el caret en el dropdown de idiomas */
body #main-menu .navbar-nav > .menu-item-has-children.pll-parent-menu-item > a::after{ /* 2024 */
    display:block;
}

body #main-menu .navbar-nav > .menu-item-has-children.pll-parent-menu-item > a{
    font-size:13px;
    font-weight:400;
}

.pll-parent-menu-item .dropdown-menu li{
    min-width: auto;
}

/* Desplegable d'idiomes */
body #main-menu .navbar-nav .menu-item-has-children.pll-parent-menu-item .dropdown-menu{
    background-color:#92abbf!important;
    left:17px;
    min-width:unset!important;
    width:60px;
    padding-bottom:0px;

}
body #main-menu .navbar-nav .menu-item-has-children.pll-parent-menu-item .dropdown-menu .menu-item a{
    padding:10px 10px 10px 18px!important; /*10px 10px 10px 28px*/
    font-weight:400;
    font-size:13px;
    color:#FFF!important;
}

body #main-menu .navbar-nav .menu-item-has-children.pll-parent-menu-item .dropdown-menu .menu-item a:hover{
    color: #00294A!important;
    text-decoration: underline;
    border-left: 2px solid transparent;
}



/* -------------- */
/* X.X.- MEGAMENU */
/* -------------- */
@media (min-width: 1279px){
    body #main-menu ul.navbar-nav li.mega-menu > ul.dropdown-menu{ /* 2024 */
        padding-top:36px;
        padding-bottom:48px;
        background-color:#FAAC2C!important;  /*BACKGROUND DROPDOWN */
        padding-right:calc(calc(100% - 1240px)/2)!important;
        padding-left:calc(calc(100% - 1240px)/2)!important;
        background-image:url("images/icona-gota-blanca-menu.png");
        background-repeat:no-repeat;
        background-size:contain;
        background-position-y:center;
        background-position-x: calc(100% - calc(100% - 1240px));
        -webkit-box-shadow: inset 0px 3px 6px #00000029, 0px 5px 5px #00000019;
        -moz-box-shadow: inset 0px 3px 6px #00000029, 0px 5px 5px #00000019;
        box-shadow: inset 0px 3px 6px #00000029, 0px 5px 5px #00000019;
    }

    body #main-menu ul.navbar-nav li.mega-menu.empresa > ul.dropdown-menu{
        padding-right:calc(calc(100% - 940px)/2)!important;
        padding-left:calc(calc(100% - 940px)/2)!important;
        padding-top:50px;
        padding-bottom:110px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: left;
        align-content: center;
        list-style: none;
        margin: 0;
        height: 271px;
    }
}


/* Eliminar imatge de fons a tots els dropdowns del MEGAMENU */
.menubar #main-menu .navbar-nav .menu-item-has-children.mega-menu .dropdown-menu .dropdown-menu{ 
    padding-left:50px;
    background-color:transparent!important;
}

/*body #main-menu.background-dropdown-effect .navbar-nav .menu-item-has-children.mega-menu .dropdown-menu a, 
body .background-dropdown-effect .navbar-nav .menu-item-has-children.mega-menu .dropdown-menu a{*/
body .menubar #main-menu .navbar-nav .menu-item-has-children.mega-menu .dropdown-menu a{
    font-family: "Archivo";
    font-weight:400;
    font-size:16px!important;
    line-height:17px;
    text-transform: none;
    margin-bottom:0px;
    padding-bottom:0px!important;
    padding-left:5px!important;
    pointer-events:unset;
}

/*body #main-menu.background-dropdown-effect .navbar-nav .menu-item-has-children.mega-menu .dropdown-menu a:hover, 
body .background-dropdown-effect .navbar-nav .menu-item-has-children.mega-menu .dropdown-menu a:hover,
.navbar.navbar-default .menubar .navbar-nav .dropdown-menu .active > a{*/
body .menubar #main-menu .navbar-nav .menu-item-has-children.mega-menu .dropdown-menu a:hover,
body .menubar #main-menu .navbar-nav .menu-item-has-children.mega-menu .dropdown-menu .active > a{
    background:transparent;
    text-decoration: underline!important;
    color:#00294A!important;
}

/*#main-menu .navbar-nav .menu-item-has-children .dropdown-menu a:hover, 
.navbar-nav .menu-item-has-children .dropdown-menu a:hover,
.navbar.navbar-default .navbar-nav a:hover{
    color:#00294A!important;
}*/

body #main-menu ul.navbar-nav li.mega-menu.solucions > .dropdown-menu > li.menu-item{
    /* flex-shrink: 0;
     flex-grow: 1;*/
     flex:unset;
 }

body #main-menu .navbar-nav li.mega-menu ul.dropdown-menu > li.ks-titol-megamenu > a{
    font-family: "Archivo Black"!important;
    text-transform: uppercase!important;
}

body #main-menu .navbar-nav li.mega-menu ul.dropdown-menu .dropdown-menu > li.ks-titol-megamenu.menu-item{
    margin-left: -50px;
    width: calc(100% + 50px);
    margin-top: 10px;
}

body #main-menu .navbar-nav li.mega-menu ul.dropdown-menu > li.ks-titol-megamenu .menu-item-badge{
    color: #00294A;
    font-family: 'Archivo';
    text-transform: none;
    position: relative;
    width: auto;
    float: none;
    display: inherit;
    padding: 0px;
    text-align: left;
    font-size: 14px;
    padding-left: 38px;
    margin-top:-15px;
    font-style: italic;
}

body .navbar-default.navbar-shrink .menubar #main-menu .navbar-nav .mega-menu.menu-item-has-children .dropdown:hover > a,
body .menubar #main-menu .navbar-nav .mega-menu.menu-item-has-children .dropdown:hover > a{ /* ULL AQUI */
    color:#00294A!important;
}

body li.mega-menu ul.dropdown-menu > li.ks-titol-megamenu > a > img{
    filter:  brightness(0) invert(1); /* Passar a negatiu */
    width:40px;
    display:inline-block;
    margin:0 auto 5px 0px;
    padding:0px;
}

body li.mega-menu ul.dropdown-menu > li.ks-titol-megamenu > a:hover > img{
    filter:none;
}

body #main-menu ul.navbar-nav li.mega-menu.empresa > ul.dropdown-menu > li{
    padding:10px 50px 5px 50px; /*10px 20px 5px 20px;*/
}

/*body #main-menu.background-dropdown-effect .navbar-nav .menu-item-has-children.mega-menu.empresa .dropdown-menu a, body .background-dropdown-effect .navbar-nav .menu-item-has-children.mega-menu.empresa .dropdown-menu a{*/
body #main-menu ul.navbar-nav li.mega-menu.empresa > ul.dropdown-menu > li > a{
    font-weight:600!important;
}

body #main-menu ul.navbar-nav li.mega-menu.empresa > ul.dropdown-menu > li.menu-treballa a,
body #main-menu ul.navbar-nav li.mega-menu.empresa > ul.dropdown-menu > li.menu-treballa.active a{
    border:1px solid #00294A!important;
    background-color:#00294A;
    color:#FFF!important;
    flex:unset;
    padding-bottom:10px!important;
    text-transform:uppercase;
    text-align: center;
    padding-left: 10px !important;
    text-decoration:none!important;
}


body #main-menu ul.navbar-nav li.mega-menu.empresa > ul.dropdown-menu > li.menu-treballa a:hover{
    text-decoration:none!important;
    color:#00294A!important;
    background-color: #FFF!important;
    border-color:#FFF!important;
}




/* ---------- */
/* X.X.- HOME */
/* ---------- */
@media(min-width:960px){
    body.home  rs-module-wrap{
        padding-top:75px!important; /* Desplaçar video */
    }
}


body.home .ks-bloc-metodes-perforacio .kd-section-title,
body.home #noticies .kd-section-title{
    margin-bottom:64px;
}

body.home #projectes .kd-section-title{
    margin-bottom:32px;
}

body.home #projectes-destacats .kd-section-title{
    margin-bottom:0px;
}

body.home .ks-bloc-metodes-perforacio .kd-section-title > .kd-main-title,
body.home #projectes .kd-section-title > .kd-main-title,
body.home #noticies .kd-section-title > .kd-main-title{
    font-size:38px;
    line-height:42px;
}

@media (max-width:960px){
    /* Control marge blocs */
    /*body.home .ks-bloc-metodes-perforacio .vc_row{
        padding-left: 12.5% !important;
        padding-right: 12.5% !important;
    }*/
}


/* Veure si això és necessari */
#wrapper .blog-detailed-grid .entry-wrapper.vc_gitem-col{
    display:none;
}

body .custom-box h2{ /* ?! */
    margin-bottom:0px;
}



/* ------------------------------- */
/* Titol + Diapositives inici 2024 */
/* ------------------------------- */
/*
NO UTILITZAT - SUBSTITUÏT PER RVSLIDER
body .vc_row.vc_row-bg-position-top.ks-caixa-central-home{ 
    background-repeat: no-repeat!important;
    background-size:contain!important;  
    background-position: calc(100% - 170px) center!important;
    padding:53px 0px 63px 92px;
    margin-bottom:128px;
}

body .ks-caixa-central-home h1{ 
    font-size:58px;
    color:#00294A;
    line-height: 58px;
}

body .ks-caixa-central-home h1 span{
    font-size: 52px;
    font-family: "Archivo";
}

@media (max-width:1269px) and (min-width:992px){
    body .vc_row.vc_row-bg-position-top.ks-caixa-central-home{
        padding: 45px 0px 60px 92px;
        background-position: calc(100% - 80px) center!important;
        margin-bottom:96px;
    }

    body .ks-caixa-central-home h1{
        font-size:56px;
        line-height:52px;
    }

    body .ks-caixa-central-home h1 span{
        font-size: 46px;
        font-family: "Archivo";
    }
}
    */




/* ---------------- */
/* X.X - ACTUALITAT */
/* ---------------- */

/* CAPÇALERA ACTUALITAT */
body .entry-header.blog-header{ /* 2024 */
    padding-top:70px;
    padding-bottom:50px!important;
}

body #posts-content.blog-minimal-grid .post{ /* 2024 */
    width: calc(33.3333% - 18px);
    margin: 0 9px 45px 9px;
}

body .blog-minimal-grid .post:hover .entry-image img{ /* 2024 */
    transform: scale(1.2);
}

@media (max-width:992px){
    body #posts-content.blog-minimal-grid .post{
        width: calc(50% - 18px);
    }
}

@media (max-width:700px){
    body #posts-content.blog-minimal-grid .post{
        width: calc(100% - 18px);
    }

    body #posts-content.blog-minimal-grid .post{
        margin-bottom:20px;
    }
}


/* ------------------------------------------------ */
/* NOTÍCIES HOME - JS COMPOSER - Blog Detailed Grid */
/* ------------------------------------------------ */

body.home .vc_grid-item-mini{
    background-color:#FFF;
}

body .blog-minimal-grid .col-xs-12.col-sm-12.col-lg-8 .post{
    max-height: none;
}

body .blog-detailed-grid .vc_gitem-post-data-source-post_excerpt p{
    font-size:unset!important;
 }

 body .content-area .vc_basic_grid .vc_grid .blog-detailed-grid .vc_gitem-post-category-name a,
 body .blog-minimal-grid .post .post-categories,
 body .blog-minimal-grid .post .entry-categories li a{ /* 2024 */
     padding-right:0px;
     padding-left:0px;
 }

 body .blog-minimal-grid .post .entry-categories{ /* 2024 */
     padding-right:25px;
     padding-left:25px;
 }

 body .content-area .vc_basic_grid .vc_grid .blog-detailed-grid .vc_gitem-post-category-name{
    margin-right:5px;
 }
 
 body .content-area .vc_basic_grid .vc_grid .blog-detailed-grid .vc_gitem-post-category-name a,
 body .blog-minimal-grid .post .entry-categories li a,
 body .blog-single-content .meta-content > a{
     margin-right:3px;
     margin-bottom:7px!important;
     font-weight: 300;
     font-size:11px!important;
     line-height: 12px;
     color:#52688D!important;
     text-transform: uppercase;
     background-color:transparent!important;
 }

 body .content-area .vc_basic_grid .vc_grid .blog-detailed-grid .vc_gitem-post-category-name a:hover,
 body .blog-minimal-grid .post .entry-categories li a:hover{
    color:#FAAC2C!important;
 }

 body .post-button-wrapper a{ /* David */
    font-family: "Archivo";  
    font-size: 13px;  
    font-weight: 600 !important;
    transition: 0.25s ease-in-out;
 }

body .post-button-wrapper::after{
    content:" ";
    display:inline-block;
    width: 18px;
    height:12px;
    background-image: url("images/icones/icona-fletxa-boto.png");
    background-size:contain;
    background-repeat:no-repeat;
}

/* ----------------- */
/* SINGLE ACTUALITAT */
/* ----------------- */
body .single-post-layout-two .blog-single-header-wrapper{/* POSICIONAL DEL TÍTOL EN LA NOTICIA SINGLE */
    margin-bottom:0px;
    margin-top:75px;
}

/* Capa de color superposada a la imatge de capsalera */
body .entry-header .header-overlay:after,
body .single-post-layout-two .blog-single-header-wrapper:before{ /*2024 */
    background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0, 41, 74,0.70) 100%);
    background-blend-mode:multiply;
    width:100%;
    position:absolute;
    height: 200px;
    content:" ";
    bottom:0px;
    left:0px;
}

body .blog-single-title-meta-wrapper{ 
    margin-top:0px;
    margin-bottom:0px;
}

body .entry-header.blog-header .section-heading{ /*2024*/
    font-size:46px;
    line-height:52px;
}

/* Efecte Text Capçalera */
body .entry-header.with-topbar .section-heading,
body .single-post-layout-two .blog-single-header-wrapper.post-with-image .blog-single-title{ /* 2024 */
    color:#FFF!important;
    font-size: 46px;
    line-height: 52px;
    font-weight:700;
    font-family:"Archivo Black";
    text-transform:uppercase;
    /* text-shadow:  1px 1px 1px #002554, 2px 8px 6px rgba(0,0,0,0.5), 0px -5px 55px rgba(255,255,255,0.8); */
}

body .single-post-layout-two .blog-single-header-wrapper{
    padding-top:200px;
    padding-bottom:100px;
    min-height:550px;
}

 /*body.blog .entry-header.blog-header{ 
   padding-top:125px;
}*/

body #posts-content.blog-minimal-grid .post {
    background-color: #f0f0f0;
}

body #posts-content.blog-minimal-grid .post .blog-single-title{
    margin-bottom:20px;
}

#posts-content .entry-meta{
    font-size:12px;
}

#posts-content .entry-meta .blog-label{
    display:inline-flex;
}

.entry-meta .far,
.blog-label .fa{
    font-size:22px;
    line-height: 15px;
}

#posts-content .entry-meta::after{
    content:" ";
    display:block;
    width:140px;
    height:5px;
    background-color: #FAAC2C;
    margin:40px auto 0px;
}

body #posts-content.blog-minimal-grid .entry-wrapper{ /*2024 */
    padding:0px 25px 20px 25px;
}

body .blog-single-content h2{
    font-family: "Archivo Black"; 
    font-size: 22px; 
    line-height: 32px;
}

body .blog-single-content h3{
    font-family: "Archivo"; 
    font-size: 20px; 
    line-height: 28px;
}

body .blog-single-content h4{
    font-family: "Archivo Black"; 
    font-size: 22px;
}

@media(max-width:768px){
    body .single-post-layout-two .blog-single-header-wrapper.post-with-image h1.blog-single-title{
        font-size:30px!important;
    }

    body .blog-single-content h2{
        font-size: 20px; 
        line-height: 28px;
    }
    
    body .blog-single-content h3{
        font-size: 19px; 
        line-height: 27px;
    }
    
    body .blog-single-content h4{
        font-size: 19px;
    }

}



body .blog-single-content .wpb_gallery{
    margin-top:50px;
}

body .blog-social-sharing{
    margin-top:0px;
    float:right;
    padding-left:20px;
}

body.single-post .blog-social-sharing a, 
body.single-post .blog-social-sharing a i{/*2024*/
    background-color:#FFF;
    color:#52688D;
}

body.single-post #wrapper .blog-social-sharing a:hover, 
body.single-post #wrapper .blog-social-sharing a:hover i{/*2024*/
    background-color:#FFF;
    color:#FAAC2C;
}

body #wrapper .blog-social-sharing .fab{
    font-size:18px;
}

body #wrapper .blog-social-sharing .fab.fa-twitter::before{
    content:"\e61b";
    font-family:"Font Awesome 6 Brands"!important;
}

body.single-post .single-post-content a.tt_button{
    color:#52688D;
    border-color:#52688D;
}

body.single-post .single-post-content a.tt_button:hover{
    color:#FFF!important;
    border-color:#00294A;
    background-color:#00294A;
}

body .blog_widget ul.redux-social-media-list li a{/*2024*/
    /*border-radius: 50px;*/
    font-size: 25px;
    margin-right:5px;
}

body ul.redux-social-media-list > li > a:before{
    padding-right:2px!important;
}

@media(max-width:960px){
    body .single-post-layout-two .blog-single-header-wrapper{
        margin-top:20px;
        padding-top:75px;
    }

    body #posts-content.blog-minimal-grid .entry-wrapper{ /*2024 */
        padding:0px 25px 20px 10px;
    }

    body .blog-social-sharing{
        padding-left:0px;
    }

    .single-post .blog-social-sharing a, 
    .single-post .blog-social-sharing a i{
        text-align:left;
        margin-left:0px;
    }
}


/* ----------------- */
/* X.X - SINGLE POST */
/* ----------------- */

body.page .entry-header,
body.single .entry-header,
body.single .entry-image{
    display:none;
}

body .single-post-layout-one .blog-single-title,
body .single-post-layout-one #posts-content  .entry-meta{
    color:#FFF;
}

body .single-post-layout-one .blog-single-header-wrapper{
    padding-top:170px;
    padding-bottom:0px;
    margin-top:0px;
    padding-left:20px;
    background-color:#002554;
}

body .single-post-layout-one .blog-single-title-meta-wrapper{
    padding-bottom:15px;
    margin-bottom:40px;
}

body #posts-content .blog-content ul li{
    font-size:1.1em;
    margin-bottom:5px;  
}

body .related-posts{
    background-color:#F2F2F2!important;
    margin-top:64px;
}

body .related-posts .related-title{
    text-transform: uppercase;
}


/* ---------------------- */
/* X.X. - LLISTAT d'OBRES */
/* ---------------------- */
body.page-template-page-obres #primary{
    padding-top:0px;
}

.pagina-mapa{
    padding-top:70px;
}

.pagina-mapa #map{
    width:100%;
    height:600px;
}

@media (max-width:1270px){
    .pagina-mapa{
        padding-top:50px;
    }
}

@media (max-width:960px){
    body.page-template-page-obres #wrapper.hide-title-section {
        padding-top:0px;
    }
    .pagina-mapa #map{
        height:400px;
    }
}

/* Filtre -> form.css */

/* obres.css */


/* -------------------- */
/* X.X. - PÀGINA d'OBRA */
/* -------------------- */
body.single-portfolio section#single-page{
    padding-top:0px;
}

.titol-projecte{
    padding-top:110px;
    height:670px;
    background-color:#00294A;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.titol-projecte .container > div{
    padding-left:0;
}

.img-projecte{
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    width:50%;
    height: 670px;
    position: absolute;
    top:0;
    right:0;
    display:block;
}

@media (max-width:1270px){
    body.single-portfolio section#single-page{
        padding-top:80px;
    }
}

@media (max-width:960px){
    body.single-portfolio section#single-page{
        padding-top:18px;
    }

    .img-projecte,
    .titol-projecte{
        height:450px;
    }

    .titol-projecte{
        padding-top:30px;
    }

    .titol-projecte .container{
        width:calc(100% - 30px);
    }
}




.nom-tecnologia{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.nom-tecnologia{
    margin-bottom:15px;
}

.nom-tecnologia img{
    display:block;
    margin-right:8px; /*15px;*/
    height:45px;
    width:45px;
}

.titol-projecte .container .nom-tecnologia h2{
    display:block;
    color:white;
    margin-bottom:0px;
    font-size:15px;
    font-family:"Archivo";
    font-weight:400;
    line-height: 18px;
    text-transform: uppercase;
    max-width: 200px;
}

.nom-tecnologia:hover h2{
    color:#FAAC2C;
}

.titol-projecte .container h1{
    font-size:46px;
    line-height:54px;
    padding-top:20px;
    font-weight:700;
    font-family:"Archivo";
    letter-spacing: 0.3px;
    color:#FFF;
    /*text-transform: uppercase;*/
}

.titol-projecte .container h1:after{
    display:block;
    content:" ";
    width:140px;
    background: #FAAC2C;
    height:6px;
    margin-top:45px;
}


@media (max-width:768px){
    .titol-projecte{
        padding-top:0px;
        display:flex;
        flex-direction: column-reverse;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: stretch;
        align-content: space-around;
        height: unset;
    }
    .titol-projecte .container{
        display:block;
        padding-top:36px;
        padding-bottom:35px;
    }
    .titol-projecte .container > div{
        padding-right:0;
    }
    .titol-projecte .container .col-xs-6{
        width: 100%;
    }
    .titol-projecte .container h1 {
        font-size: 36px;
        line-height: 44px;
        padding-top:0px;
    }
    .img-projecte{
        display:block;
        width: 100%;
        height:350px;
        position:relative;
    }
}









/* Franja especificacions */
.especificacions{
    background-color:#E9ECEE;
    margin-bottom:75px;
}

@media (max-width:1267px){
    .especificacions .container{
        width:calc(100% - 30px);
    }
}

.info-obra{
    padding-bottom:5px;
    padding-top:30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: center;
}

.ks-espec{
    text-align:center;
    max-width:200px;
    padding-right:40px;
    padding-left:40px;
    border-left:1px solid #bdcfdc;
    margin-bottom:25px;
    position:relative;
    border-right:1px solid #bdcfdc;
}

.ks-espec.ks-espec-long {
    max-width: 250px;
}

.ks-espec:first-child{
    border-left:0px;
}

.ks-espec-row .ks-espec:first-child,
.ks-espec-row:last-child .ks-espec{
    border-right:0px;
}

.ks-espec img{
    width:auto;
    max-height:30px;
    margin-bottom:5px;
}

.container .ks-espec h3{
    font-size:14px;
    line-height:16px;
    text-transform: uppercase;
    margin-bottom:5px;
    margin-top:5px;
}

body .ks-espec p{
    font-size:13px!important;
    line-height:17px!important;
    margin-bottom:0px!important;
}

body.single-portfolio #wrapper .wpb_text_column p:last-child{
    margin-bottom:50px;
}

.ks-espec-row{
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: center;
}


@media(max-width:992px){
    .info-obra{
        flex-direction: column;
    }
    .ks-espec{
        width:55%;
        padding-right:20px;
        padding-left:20px;
        border-right:0px;
    }
    .ks-espec:first-child{
        width:45%;
    }
}


/* --------------------------------------------------- */
/* Convertir en Masonry la galeria grid del Viva Theme */
/* --------------------------------------------------- */
body .mg-gallery{
    display: block;
}

body .mg-single-img{
    width:calc(33% - 16px);
    margin:7px 8px;
}

/* ------------------------- */
/* NAVEGACIO ENTRE PROJECTES */
/* ------------------------- */
body .port-next.tt_button,
body .port-prev.tt_button{
    border-color:#00294A!important;
    color:#00294A!important;
    text-transform: uppercase;
    font-weight: 400;
    padding:15px 40px;
}

body .port-next.tt_button .iconita,
body .port-prev.tt_button .iconita{
    color:#00294A;
    width: 18px;
    height:12px;
    background-image: url("images/icones/icona-fletxa-boto.png");
    display:inline-block;
    background-size:contain;
}

body .port-prev.tt_button .iconita{
    background-image: url("images/icones/icona-fletxa-back-boto.png");
}


body .port-next.tt_button .iconita:before,
body .port-prev.tt_button .iconita:before{
    content:" ";
}

body .port-next.tt_button .iconita{
    margin-left:10px;
}

body .port-prev.tt_button .iconita{
    margin-right:10px;
}

body .port-next.tt_button:hover,
body .port-prev.tt_button:hover{
    background-color:#00294A;
    color:#FFF!important;
}

body .port-next.tt_button:hover .iconita,
body .port-prev.tt_button:hover .iconita{
    color:#FFF;
    filter: brightness(0) invert(1);
}

body .port-next.tt_button:hover .iconita{
    transform:translateX(10px);
}

body .port-prev.tt_button:hover .iconita{
    transform:translateX(-10px);
}




.galeria-projecte{
    padding-top:40px;
    padding-bottom:40px;
}

body .portfolio-navigation-links .container{
    border-top:0px!important;
    max-width: inherit!important;
    padding:30px 0px!important;
}


/* --------------- */
/* X.X - TREBALLA  */
/* --------------- */
.ks-capsalera-treballa{
    height:425px;
    background-color:#F2F2F2;
    background-position:center 50px;
    background-size:cover;
    background-repeat:no-repeat;
    margin-top:0px;
}

@media(max-width:960px){
    .ks-capsalera-treballa{
        background-position:center center;
    }
}

.ks-treball-capsalera{
    padding-top:64px;
    padding-bottom:64px;
}

.ks-treball-capsalera{
    background-color:#F2F2F2;
}

.ks-treball-capsalera .ks-treball-destacat p{
    font-family:"Archivo";
    font-weight:300;
    font-size:32px;
    line-height:42px;
}

.ks-treball-capsalera .ks-treball-destacat:after{
    content:" ";
    width:140px;
    height:6px;
    background-color: #FAAC2C;
    display:block;
    margin-top:34px;
    margin-bottom:44px;
}

.ks-treball-capsalera .ks-treball-destacat p b,
.ks-treball-capsalera .ks-treball-destacat p strong{
    font-family: "Archivo Black";
}

.ks-treball-capsalera .ks-treball-presentacio{
    margin-bottom:64px;
}

.ks-treball-capsalera .ks-treball-presentacio p{
    font-size:18px;
    line-height:30px;
    margin-bottom:12px;
}

.ks-treball-detall{
    padding-top:32px;
    padding-bottom:64px;
}

.ks-treball-detall h4{
    font-family:"Archivo Black"!important;
    font-size:20px;
    line-height: 36px;
    margin-top:32px;
    margin-bottom:5px;
}

.ks-treball-detall ul{
    list-style-type: none;
    padding-left:25px;
}

.ks-treball-detall ul li{
    margin-bottom:4px;
    padding-left:3px;
}

.ks-treball-detall ul li:before{
    font-weight: 400;
    font-family: 'viva-font';
    font-size: 9px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 0;
    content: "\f00c";
    color: #fff !important;
    width: 18px;
    height: 18px;
    padding: 0;
    border-radius: 100%;
    text-align: center;
    line-height: 18px;
    margin-top: 5px;
    background-color: #FAAC2C;
    left:15px;
}


.ks-treball-formulari{
    padding-top:0px;
    padding-bottom:128px;
}

.ks-treball-formulari .container{
    background-color:#F2F2F2;
    padding-top:64px;
    padding-bottom:64px;
}

.ks-treball-formulari .container h2{
    text-align:center;
    font-size:28px;
    line-height: 30px;
}

.ks-treball-formulari .container p.capsalera{
    text-align:center;
    font-size:18px;
    line-height: 30px;
    padding-left:5%;
    padding-right:5%;
    margin-bottom:64px;
}


/* -------------- */
/* X.X - FOOTER  */
/* -------------- */
body #footer{ /* 2024 */
    background: rgb(0,41,74);
    background: -moz-linear-gradient(180deg, rgba(0,41,74,1) 70%, rgba(0,8,15,1) 91%);
    background: -webkit-linear-gradient(180deg, rgba(0,41,74,1) 70%, rgba(0,8,15,1) 91%);
    background: linear-gradient(180deg, rgba(0,41,74,1) 70%, rgba(0,8,15,1) 91%);   
    opacity: 1;
}

body .upper-footer,
body .lower-footer{ /* 2024 */
    background-color: transparent;
}

body .lower-footer .container{
    border-color:#3a4964;
    width: 100%;
    margin:0px;
}

.kd-social-profiles ul.kd-social-list{
    margin-bottom:0px;
}

.kd-social-profiles ul.kd-social-list li{
    margin-right:10px;
}

/* --------------- */
/* LOGO DEL FOOTER */
/* --------------- */
body .footer-bar{ /* 2024 */
   margin-bottom:50px;
   padding:5px 0px;
   border-color:transparent; 
}

body .footer_widget{
    margin-bottom:30px;
}

body #media_gallery-2.footer_widget{
    margin-bottom:0px;
}

.upper-footer{ /*2024*/
    padding-top:60px;
}

body .upper-footer i.fab{
    font-size:22px;
}

.upper-footer .widget-title{ /* 2024 */
    display:none;
}

@media(max-width:959px){
    body .upper-footer{
        padding-bottom:0px;
    }
}

/* ------------------- */
/* MENÚ FOOTER SERVEIS - REVISAR VERSIÓ ANTIGA NOMÉS ICONES */
/* ------------------- */

.footer-widget-area{
    padding-top:10px; /* 30px David */
}

.footer_widget ul a, .footer_widget .menu li a{
    line-height:35px;
}

@media (max-width:992px){
    .footer-widget-area{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: normal;
        align-content: normal;
    }

    body .footer-widget-area .footer-widget-column{
        width:auto!important;
    }

}

/* -------------------------------- */
/* DADES EMPRESA: Footer + Contacte */
/* -------------------------------- */
body .first-widget-area .widget_media_image{
    margin-bottom:70px;
}
body .first-widget-area .widget_media_image img{
    width: 230px;
}


body .first-widget-area .widget_text,
.ks-info-empresa{
    padding-left:32px;
}

body .ks-info-empresa{
    margin-top:50px;
}

body .ks-info-empresa::before{
    content:" ";
    width:190px;
    height:5px;
    background-color: #F2A900;
    margin-bottom:50px;
    display: block;
    margin-left:-32px;
}

body .first-widget-area .widget_text p{
    margin-bottom:25px;
    font-size:14px;
    line-height:20px;
}

body .ks-info-empresa p{
    margin-bottom:25px;
    font-size:16px!important;
    line-height:26px!important;
}

body .first-widget-area .widget_text b{
    color:#FFF;
    font-weight: 600;
}

body .ks-info-empresa b{
    font-weight: 700!important;
    text-transform: uppercase;
}

body .first-widget-area .widget_text p.ks-footer-tl{
    font-size:18px;
    font-weight: 600;
}

body .ks-info-empresa p.ks-footer-tl{
    font-size:20px!important;
    font-weight: 700!important;
}

body p.ks-footer-tl,
body p.ks-footer-mail,
body p.ks-footer-addr{
    position: relative;
}

body p.ks-footer-tl:before,
body p.ks-footer-mail:before,
body p.ks-footer-addr:before{
    display:inline-block;
    content:" ";
    width:20px;
    height:30px;
    position:absolute;
    left:-32px;
    top:-5px;
    background-size:contain;
    background-repeat: no-repeat;
}

body .ks-info-empresa p.ks-footer-tl:before,
body .ks-info-empresa p.ks-footer-mail:before,
body .ks-info-empresa p.ks-footer-addr:before{
    top:-2px;
}

body p.ks-footer-tl:before{
    background-image:url('images/icones/icona-telefon-footer.png');
    background-position: top center;
}
body p.ks-footer-mail:before{
    background-image:url('images/icones/icona-mail-footer.png');
    background-position: center;
}
body p.ks-footer-addr:before{
    background-image:url('images/icones/icona-ubicacio-footer.png');
    background-position: top center;
}

body .ks-info-empresa p.ks-footer-tl:before{
    background-image:url('images/icones/icona-telefon-contacte.png');
}
body .ks-info-empresa p.ks-footer-mail:before{
    background-image:url('images/icones/icona-mail-contacte.png');
}
body .ks-info-empresa p.ks-footer-addr:before{
    background-image:url('images/icones/icona-ubicacio-contacte.png');
}


/* ------------- */
/* XARXES FOOTER */
/* ------------- */
.footer-widget-area #redux-social-icons-display-3{
    padding-left:40px;
    margin-top:10px;
}

body ul.redux-social-media-list{
    margin-top:-12px;
}

body .footer_widget .redux-social-media-list a{
    margin-right:10px;
    margin-top:10px;
}

/* ------------------ */
/* SERVEIS            */
/* second widget area */
/* ------------------ */
body .second-widget-area.col-lg-4{
    padding-left:30px;
    margin-top:110px;
}

.second-widget-area > .widget_text:first-child,
.second-widget-area > .widget_text:first-child .textwidget{
    margin-bottom:0px;
}

.upper-footer #custom_html-4 .widget-title{
    margin-top:11px;
}

@media (max-width:992px){
    .second-widget-area{
        display:none;
    }
}


/* ----------------- */
/* LOGOS             */
/* third widget area */
/* ----------------- */
body .third-widget-area .widget_media_image{
    margin-bottom:70px;
    margin-top:14px;
}
body .third-widget-area .widget_media_image img{
    width: 100px;
}
body .third-widget-area.text-left,
body .third-widget-area .widget-title{
    text-align:right;
}

.third-widget-area .widget_media_image{
    margin-bottom:64px;
}

body .third-widget-area.text-left .gallery{
    width: 265px;
    float: right;
}

body .third-widget-area figure.gallery-item,
body .third-widget-area .gallery-icon{
    display:inline;
}

body .third-widget-area .gallery-icon img{
    height:50px;
    width:auto;
    margin-bottom:35px;
    margin-left:15px;
}

body .third-widget-area figure:nth-child(7) .gallery-icon img,
body .third-widget-area figure:nth-child(8) .gallery-icon img{
    height:37px;
    
}

@media (max-width: 680px){
    body .footer-widget-area{
        flex-direction: column;
    }

    body .third-widget-area .widget_media_image{
        text-align:left;
        padding-left:34px;
    }

    body .third-widget-area.text-left{
        text-align:center;
    }

    body .third-widget-area.text-left .gallery{
        float: none;
        margin:auto;
    }

    body .third-widget-area .widget_custom_html,
    body .third-widget-area .widget_custom_html .custom-html-widget{
        margin-bottom:0px;
    }
}



/* ----------------- */
/* Zona de copyright */
/* ----------------- */
.lower-footer{
    font-size:12px;
    padding-top: 20px;
}

body .lower-footer a{
    margin-left:5px;
    margin-right:5px;
}

@media (max-width: 959px){
    body .lower-footer a {
    display: inline;
    }

    body .lower-footer span{
        display:block;
        width:90%;
        margin:auto;
        line-height:20px;
    }
}