/*general*/

@import url('https://fonts.googleapis.com/css?family=Oswald:400,500');
/*.impacte3 {
    background-image: url('/documents/6323808/154123761/graus-futurs.jpg/69796f91-3741-2b44-26b5-3520267daa45?t=1550487423226');
    background-position: top;
    background-size: cover;
}*/

.impacte3 .fila1 {
    padding-top: 0px;
}

.impacte3 a {
    color: #fff !important;
}

.impacte3 ul {
    margin: auto;
}

.impacte3 .transparencia {
    background: rgba(0, 0, 0, 0.3);
    min-height: 350px;
}


/* contacte */

.impacte3 .contacte {
    padding: 40px 30px 15px 30px;
    color: white;
    text-align: center;
    clear: both;
}

.impacte3 .contacte .button.primer-boto a {
    padding: 6px 10px;
}


/* tabs */

/* .impacte3 .tabbable {
    padding: 20px 20px 0px 60px;
} */

.impacte3 .tab-content {
    padding: 30px;
    background-color: rgba(53, 52, 48, 0.8)!important;
    border-right: 1px solid white;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
}

.impacte3 .tab-pane.botons {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

.impacte3 .tab-pane.botons i.icon-chevron-right {
    line-height: 2em;
    float: right;
}

.impacte3 .tab-pane.botons a.boto {
    padding: 0.2em;
    border: 1px solid;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4) !important;
    display: block;
    margin-right: 10px;
    margin-bottom: 10px;
    font: normal 400 1.5em/1.5 'Oswald', sans-serif !important;
    width: 100%;
    box-sizing: border-box;
}

.impacte3 .tab-pane.botons a.boto:hover {
    background-color: rgba(0, 0, 0, 0.8) !important;
    transition: 0.5s all;
    color: #fff !important;
    text-decoration: none;
}


/*tab 2*/

.impacte3 .formcerca #search {
    padding: 0px!important;
    background-color: rgba(255, 255, 255, 0.75)!important;
    height: auto;
    margin-top: 70px;
    text-align: center;
    border: none;
    position: relative;
    margin-right: 5px;
    box-sizing: border-box;
}

.impacte3 .formcerca form {
    margin-bottom: 0px!important;
    margin-top: 0px;
    padding-right: 0px !important;
    width: calc(100% - 50px)!important;
    position: relative;
    display: inline-block;
}

.impacte3 .formcerca form .control-group {
    margin-bottom: 0px;
}

.impacte3 .formcerca input {
    background-color: rgba(0, 0, 0, 0);
    height: 2em !important;
    border: none;
    margin: 0 !important;
    padding: 0.5em;
    font-size: 2em;
    line-height: 2em;
}

.impacte3 .formcerca input:focus {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.impacte3 .formcerca i.icon-search {
    width: 50px;
    height: 2em;
    color: #555;
    top: 0px!important;
    padding-top: 0;
    font-size: 2em;
    box-sizing: border-box;
    position: relative;
    right: 0;
    line-height: 2em;
    display: inline-block;
}

h1.claim {
    font: normal 500 2.5em/1.2 'Oswald', sans-serif !important;
    box-sizing: border-box !important;
    text-align: center;
    margin-top: 30px;
}

@media (max-width:767px) {
    .impacte3 .formcerca #search {
        margin-top: 30px;
    }
    .impacte3 .tab-pane.botons {
        flex-direction: column;
    }
   /* .impacte3 .tabbable {
        padding: 30px 20px 0px 20px;
    }*/
    .impacte3 .destacar-seccions {
        margin-top: 0px;
    }
    .impacte3 .destacar-seccions .dreta .imatge img {
        max-width: 88%;
        max-height: 125px;
    }
    .impacte3 .destacar-seccions .dreta .informacio {
        width: 80%;
    }
    .impacte3 .destacar-seccions .dreta .imatge {
        width: 20%;
    }
    .impacte3 .destacar-seccions>li {
        width: 80%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .impacte3 .box-links li {
        float: none;
        text-align: center;
        width: 100%;
    }
    .impacte3 .box-links {
        margin-bottom: 20px;
    }
    .impacte3 .linksportada {
        border-right: none;
    }
    .impacte3 .fila1 {
        padding-top: 3px;
    }
}

@media (max-width:899px) {
   /* .impacte3 .tabbable {
        margin-top: 20px;
    }*/
    .impacte3 .formcerca form {
        width: 80%;
    }
    .impacte3 .box-links li {
        width: 100%;
    }
}


/* Pseudopestanyes */

.pseudopest {
    border-bottom: 1px solid #ddd;
}

.contingut-pestanya {
    padding: 0 15px 15px 15px;
    min-height: 70px;
    display: list-item;
}

.pseudopest:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0px;
}

.pseudopest .pestanya {
    float: left;
    display: flex;
    color: #c8102e !important;
    text-decoration: none !important;
    display: list-item;
    list-style: none;
    width: 33.33%;
    font-size: 14px;
}

.pseudopest .pestanya a.contingut-pestanya {
    border-bottom: 4px solid #fff;
    text-align: center;
}

.pseudopest .pestanya:not(.activa) a.contingut-pestanya:hover {
    border-bottom: 4px solid #353430;
}

.pseudopest .pestanya a.contingut-pestanya i {
    font-size: 55px;
    color: #353430;
    transition: transform 1s;
    display: inline-block;
}

.pseudopest .pestanya a.contingut-pestanya:hover i.estudiar {
    transform: scale(1.2);
}

.pseudopest .pestanya a.contingut-pestanya:hover i.viure {
    transform: rotate(360deg) translate(-10px);
}

.pseudopest .pestanya a.contingut-pestanya:hover i.futur {
    transform: translate(20px, -20px) rotate(-25deg);
}

.pseudopest .pestanya h2 {
    padding-bottom: 0px !important;
    margin: 0px 0 !important;
}

.pseudopest .pestanya.activa a.contingut-pestanya i {
    color: #c8102e!important;
}

.pseudopest .pestanya h2 a {
    color: #353430;
    text-decoration: none;
}

.pseudopest .pestanya.activa h2 a {
    color: #c8102e!important;
    text-decoration: none;
}

a.contingut-pestanya:hover {
    text-decoration: none;
}

.pseudopest .pestanya.activa .contingut-pestanya {
    background: #fff;
    border-bottom: 4px solid #c8102e;
}

@media (max-width: 1050px) {
    .contingut-pestanya {
        padding: 0 10px 10px 10px;
    }
}

@media (max-width: 999px) {
    .pseudopest .pestanya h2 {
        font-size: 15px;
    }
    .contingut-pestanya {
        min-height: 80px;
    }
    .pseudopest .pestanya .contingut-pestanya i {
        font-size: 40px!important;
    }
}


/* FI pseudopestanyes */


/* Caixa filtre */

#mark {
    height: 0px;
}

.caixa-filtre {
    border-bottom: 1px solid #cecece;
    position: relative;
}

.sticky {
    position: fixed;
    top: 0px;
    margin-top: 40px;
    width: inherit;
    max-width: 270px;
    z-index: 200;
}


/* Fi Caixa filtre */


/* Llista passos fases */

ol.llistapassos {
    padding: 0 0 10px 0;
    margin: 0 0 10px 0 !important;
}

ol.llistapassos:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

ol.llistapassos li {
    display: flex;
    align-items: center;
    float: left;
    min-height: 42px;
    position: relative;
    border-radius: 21px;
    -moz-border-radius: 21px;
    -webkit-border-radius: 21px;
    text-decoration: none;
    font-size: 15px;
    padding: 0 15px;
    margin-right: 5px;
    margin-bottom: 3px;
    background-color: #eeeeee;
}

.llistapassos li:hover,
.opcioactiva {
    background: #c8102e!important;
}

.llistapassos li:hover a,
.opcioactiva a {
    color: #fff!important;
    ;
}

.llistapassos a {
    text-decoration: none !important;
    /*  display: list-item;
  list-style: none;*/
}

.llistapassos .restablircategories {
    display: none;
    margin-left: 15px;
}

.llistapassos .opcioactiva .restablircategories {
    display: inline;
}

@media (max-width: 930px) {
    .llistapassos li {
        padding: 0;
        /*    width: 80%;*/
    }
    .llistapassos a {
        /* width:100%;*/
        min-height: auto;
    }
}

@media (max-width: 767px) {
    ol.llistapassos {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }
    ol.llistapassos li {
        display: inline-flex;
        float: none;
    }
}


/* FI Llista passos fases */


#nom_page,
.breadcrumb,
.taglib-categorization-filter {
    display: none!important;
}