/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v50-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v50-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v50-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v50-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.fotoanimada2 { visibility: hidden; }
.slide-in-left { -webkit-animation: slide-in-left 1s cubic-bezier(.4,0,.2,1) both; animation: slide-in-left 1s cubic-bezier(.4,0,.2,1) both; visibility: visible; }

@-webkit-keyframes slide-in-left {
    0% {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0);
        opacity: 0;
    }
    100% {
        -webkit-clip-path: inset(0);
        clip-path: inset(0);
        opacity: 1;
    }
}

@keyframes slide-in-left {
    0% {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0);
        opacity: 0;
    }
    100% {
        -webkit-clip-path: inset(0);
        clip-path: inset(0);
        opacity: 1;
    }
}
/* Variables de color */
:root {
    --tamaño-menu-mobil: 30px;
}

* { line-height: normal;}
/* Estilos generales */
.navbar-nav > .nav-item.dropdown:before{/*content: "";transition: all 0.5s ease-in-out;background-color: rgba(255, 255, 255, 0);width: 100vw;  height: 0;  position: fixed;  left: 0;  top: 0;*/}
.navbar-nav > .nav-item.dropdown a:after { content: unset !important; }
.navbar-nav > .nav-item.dropdown a .toggler:after { content: "\f107"; font-family: FontAwesome; margin-left: 15px; }
.navbar-nav > .nav-item.dropdown.show:before{    /*content: "";
  background-color: rgba(255, 255, 255, 0.9);
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;*/}
  .main-navigation .dropdown-menu{background: transparent; top: 60% !important; padding-top: 25px !important;}
  .main-navigation .dropdown-menu::before{content: unset !important;}
  .dropdown-item {        font-size: clamp(18px, 17.423px + 0.180vw, 20px) !important;}
  .main-navigation .dropdown-menu .dropdown-item:hover {    color: #000 !important;}
.rotate { transition: transform 0.35s ease; }
.rotate-90 { transform: rotate(90deg); }

.margin-principal { margin-bottom: unset; }
body { font-size: 16px; background-color: #fff; }
p { font-size: 16px; color: #000; line-height: normal; font-weight: normal; }
p + p {    margin-bottom: 15px;  }
p:first-child {    margin-bottom: 15px;  }

h1 { font-size: clamp(1.25rem, 0.8333rem + 1.3889vw, 2.5rem); line-height: normal; }
h2 { font-size: clamp(1.125rem, 0.7917rem + 1.1111vw, 2.125rem); line-height: normal; margin-bottom: 15px !important; }
h3 { font-size: clamp(1rem, 0.7083rem + 0.9722vw, 1.875rem); line-height: normal; }
a { color: #000; }
.text-m p { font-size: clamp(16px,1.2vw,22px) !important; font-weight: lighter; }
a:hover{ color: red; }
a, a:hover { transition: all 0.3s ease; }
.espacioArribaAbajo { padding-top: 3%; padding-bottom: 3%; }
.espacioArribaAbajo2 { padding-top: 1%; padding-bottom: 1%; }
.espacioArriba { padding-top: 3%; }
.espacioAbajo { padding-bottom: 6%; }
.espacioAbajo2 { padding-bottom: 3%; }
a.btn.btn-brand{ background-color: transparent; border: unset; border-radius: unset; padding: 0; }
a.btn.btn-brand:hover{ box-shadow: unset; text-decoration: underline; }
.post-details{ margin-top: 15px; }
.post-details h3{ text-decoration: none; font-weight: normal; transition: all 0.5s ease-in-out; }
.swiper-wrapper article:hover .post-details h3, .product-list article:hover .post-details h3{ text-decoration: underline; }
.swiper-wrapper article img{ transition: all 0.5s ease; clip-path: inset(0); }
.swiper-wrapper article img[src="imagen_dispositivos/paginas/1/listado/2492/57/16821/INCLES_16B-1024x1024-l.jpg"]{object-position: bottom;}
.projectes .swiper-wrapper article:hover img{ filter: brightness(.8); clip-path: inset(15px); }
p, h1, h2, h3, h4, h5, h6, span, div, li, td, .h1, .h2, .h3, .h4, .h5, .h6{ font-family: "Roboto", sans-serif !important; }
.texto-normal a.btn{font-size:20px;}
.cbp-af-header.header-transparent.cbp-af-header-shrink{box-shadow: none;;}
/* carrusels fletxes */
.swiper-button-prev, .swiper-button-next { top: unset !important; bottom: -3% !important; border-radius: 50%; color: #fff; height: 30px; width: 30px; }
#nosaltres .swiper-button-prev,#nosaltres  .swiper-button-next { top: 90% !important; bottom: -3% !important; border-radius: 50%; color: #fff; height: 30px; width: 30px; }

.galeriaHome .swiper-button-prev, .galeriaHome .swiper-button-next{ bottom: 3% !important; opacity: 1 !important; pointer-events: all !important; }
.swiper-button-prev{ background-color: #C7C7C6; }
.swiper-button-next{ background-color: #1D1D1B; }
.swiper-button-prev::after , .swiper-button-next::after{ font-size: 14px; font-weight: bold; }
.swiper-button-prev{ right: 60px; left: unset; }
.swiper-button-next{ right: 15px; }
/* Acordeon mas info */
.acordio .card{ background-color: transparent; border: unset; }
.acordio .card .card-header{ border-radius: 0; background-color: transparent; border: unset; }
.card-header .titolacordio button.btn-link{ padding: 0; }
.card-header .titolacordio button.btn-link:hover{ background-color: transparent; text-decoration: underline; }
.card-header .titolacordio button.btn-link:focus{ outline: unset !important; }
.card-header .titolacordio button.btn-link::after{ content: unset !important; }
.acordio .card .contingut .card-body{ padding: 0; }

.buscador { transition: all 0.3s ease; }
.buscador > div{ display: flex; justify-content: right; align-items: center;}

.dropdown-searchcont.active {position: absolute; transition: width 0.5s ease-in-out; visibility: visible;}
.dropdown-searchcont.active .icon-input{position: relative; border-left:  unset !important; padding: 0;}
.dropdown-searchcont.active .icon-input, .searchcont .icon-input{margin-bottom: 10px; padding: 10px; background-color: #fff;}

.dropdown-searchcont {visibility: hidden;}

.search-form{align-items: center;}
.searchcont{width: 0% !important; transition: width 0.5s ease-in-out;}
.searchcont .form-control{padding: 0 !important;}
.searchcont .icon-input{visibility: hidden;}
.searchcont .icon-input.icon-input-2 { border: unset !important; position: absolute; left: -23px; padding: 5px !important; bottom: 5px; width: 12px; }

.searchcont.active .icon-input{visibility: visible;}
.searchcont.active{width: 100% !important; transition: width 0.5s ease-in-out;}
.searchcont.active .form-control{padding: auto !important;}

/* Titulares */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: bold; font-size: 16px; margin: 0; margin-bottom: 15px; }
.bigTitle h1,
.bigTitle h2,
.bigTitle h3,
.bigTitle h4,
.bigTitle h5,
.bigTitle h6,
.bigTitle{ font-size: 38px !important; font-weight: normal; } 
.projectTitle{ font-size: 38px; font-weight: normal;margin-bottom: 10px !important; }
.projectSubTitle{ font-size: 24px; font-weight: normal;margin-bottom: 15px !important; }
.Projectes.fitxa h2{font-size: 24px;    font-weight: normal;}
.Projectes.fitxa h3{font-size: 24px;    font-weight: normal;}
.Projectes.fitxa .img-principal {max-width: calc(100% - 30px); margin: 0 auto;}
.Projectes.fitxa .img-principal img{object-fit: cover; height: 80vh; margin-bottom: 50px;}
.Projectes.fitxa .infoproj p{margin-bottom:20px;}
/* HEADER */
/* Header menu */
.navigation-wrap .main-navigation .navbar-collapse .navbar-nav{ margin: 0 0 0 20px !important;}
.main-navigation ul li.nav-item{ margin: 20px 10px; }
/* .main-navigation ul.sub li.nav-item:first-child{margin-top:30px !important} */
.cbp-af-header.cbp-af-header-shrink .nav-item {  margin: 15px 10px;}
.navbar-brand{margin: 0 !important;}
.cbp-af-header .navbar .navbar-nav > .nav-item .nav-link{margin-top: 10px; margin-bottom: 20px; font-size: clamp(18px, 17.423px + 0.180vw, 20px);}
.cbp-af-header .navbar .navbar-nav > .nav-item .nav-link.active::before, .cbp-af-header .navbar .navbar-nav > .nav-item:hover .nav-link::before { /*background-color: #000; width: 100%;*/}
.cbp-af-header .navbar .navbar-nav > .nav-item .nav-link::before {content: "";width: 40%;height: 2px;position: absolute;top: 100%;left: 0; right: 0;margin: 0 auto; transition: all 0.3s ease;z-index: 1100;}
.off-canvas-overlay{transition: opacity 0.5s ease-in-out;position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;opacity:0;pointer-events: none;}
.off-canvas-overlay.show{background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1;
  opacity: 0.9;
  pointer-events: none;}
.nav-link .toggler{font-size:14px;}
/* Header buscador */
.buscador { display: flex; align-items: center; justify-content: end; }
.icon.show-search{display:none;}
.form-control.search{border:none;border-bottom: 1px solid #000; border-radius:0;height: 30px; margin-bottom: 15px;}
.search-form .icon-input{border:none; padding: 10px;}
.searchcont .searchform{display: block!important;}
.form-control:focus{ box-shadow: unset; }
/* <=== MENU HAMBURGUESA IGUAL ===> */
.navbar-light .navbar-toggler-icon{ width: 24px !important; transform: translateX(0px);}
.navbar-light .navbar-toggler-icon:after, .navbar-light .navbar-toggler-icon:before{width: 24px !important; transform: translateX(0px);}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after { transform: translateX(0px) rotate(45deg); width: 24px; left: 0; }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before { transform: translate(0px, 8px) rotate(-45deg); width: 24px; }

/* FOOTER */
#footer{ padding: 0 !important; }
#footer .intsocial{ justify-content: start; padding: 0 15px; }
#footer .intsocial .sociallist{ flex-direction: column; }
#footer .intsocial .sociallist li{ font-size: 14px; text-align: left; }
#footer .infoBlock .h3{ font-size: 14px !important; font-weight: normal; margin-bottom: 15px;}
#footer .idiomes { padding: 0; position: unset !important; flex-direction: column; }
#footer .idiomes li a { color: #000; opacity: .7; text-decoration: none;}
#footer .idiomes li.active a {opacity: 1; text-decoration: underline;}
#footer p, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer a, #footer span, #footer .p, #footer .h1, #footer .h2, #footer .h3, #footer .h4, #footer .h5, #footer .h6, #footer a, #footer span, #footer li{ color: #000 !important; font-size: 14px; }
#footer .menu-vertical ul{column-count: 2;}
#footer .menu-vertical ul li{margin: 0;}

/* NOSALTRES */
.video-nosaltres{ margin-bottom: 15px;}
.video-nosaltres .video{ aspect-ratio: 16 / 9; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; flex-direction: column; justify-content: center; }
.video-nosaltres .ytplayer{width: 100%;}
.ytplayer{cursor:pointer; display: unset !important;}
.ytplayer-logo{display: flex;}
/* <=== EQUIP ===> */

.equipo article{ padding: 0; margin-bottom: 30px;} 
.equipo .imatge-equip{ margin-bottom: 15px; } 
.equipo .nom-equip{ margin: 0; }
.equipo .social-icons .intsocial{justify-content: start; padding: 0 15px;}
.equipo .social-icons .intsocial .sociallist{margin-bottom: 0; gap: 5px;}
.equipo .social-icons .intsocial .sociallist li{ margin-right: 0; }
.equipo .social-icons .intsocial .sociallist li a{ color: #fff; background-color: #000; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 15px; }
.equipo .social-icons .intsocial .sociallist li a[aria-label="LinkedIn"]{ color: #fff; background-color: #0e76a8; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 15px; }
.equipo .social-icons .intsocial .sociallist li a:hover{ box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); }

.galeria-nosotros article { display: flex !important; justify-content: center; align-items: center; pointer-events: none;}
/* PROJECTES */
/* FILTRE PROJECTES */
.cat-fields input[type="checkbox"] { width: auto !important; margin-right: 10px; margin-top: 8px; }
.form-check { display: inline-block; background-color: #fff;  color: #000;  padding: 10px 30px; border: none; border-radius: 5px; cursor: pointer; user-select: none;  }
.cat-fields{  display: flex;
  grid-template-columns: repeat(7, 1fr);
  justify-content: flex-start;
  width: 100%;
  row-gap: 30px;flex-wrap: wrap;
 } 
.cat-fields .filter-buttons{padding-left: 0 !important;;}
.cat-fields .form-check{ padding: 0 20px 0 0;}
.form-check input[type="checkbox"] {display: none;}
.form-check input[type="checkbox"]:checked + label {color: var(--secundari) !important;}
.nobutton {border: none; background: transparent; font-size: 20px !important; padding: 0; margin-right: 8px; color: #000; text-transform:capitalize; opacity: 0.7;}
#filterbar {margin-bottom: 30px; padding: 0 15px; flex-wrap: nowrap;}
#filterbar .form-check-label { text-transform: capitalize; font-size: 20px; color: #000; cursor: pointer; opacity: 0.7;}
#filterbar .form-check-label:hover {text-decoration: underline;}
.underline-tots{text-decoration: underline;}
.filter-buttons {margin-top: 0px; }
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {cursor: pointer;}
.filter form input {height: auto;}
.filter h3{display: none;}
.nobutton:hover {text-decoration: underline;}
.form-check input[type="checkbox"]:checked + label { color: #000; opacity: 1 !important; text-decoration: underline; }
#filter-toggle{display: none; padding: 0; height: auto; background: unset !important; color: #000 !important; box-shadow: unset !important; text-transform: capitalize; font-size: 20px; color: #000; cursor: pointer; opacity: 0.7; margin-bottom: 15px;}
#filter-toggle i{margin-left: 10px; color: #000; opacity: 0.7; font-size: 18px;}
#filter_1.collapse{display: block;}
#filter_1.collapse.show { display: block; }

#projectes .product-list .item img, .galeria-categoria .product-list .item img { transition: clip-path 0.5s ease; clip-path: inset(0); }
#projectes .product-list .item:hover img, .galeria-categoria .product-list .item:hover img { clip-path: inset(15px); transform: unset !important; filter: brightness(100%); }   
#projectes .product-list article, .galeria-categoria .product-list article { margin-bottom: 15px;}
#projectes .product-list article h3, .galeria-categoria .product-list article h3,.product-list article h3 { font-size: 20px !important;}
/* FITXA PROJECTES */
.video-projectes .video{ aspect-ratio: 16 / 9; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; flex-direction: column; justify-content: center; }
.video-projectes .ytplayer{width: 100%;}
.Projectes.fitxa #galeria .galeria-destacada article{padding: 0 !important;}

.Projectes.fitxa .galeria-2{padding: 0;  margin-left: 0;  margin-right: -15px;}
.Projectes.fitxa .galeria-2 .blog-content-area-wrap{padding: 0;}
.Projectes.fitxa .galeria-2 .blog-content-area-wrap .item {  width: calc(50% - 0.5px);  padding: 0 15px;}

.Projectes.fitxa .galeria-planols{padding: 0;  margin-left: 0;  margin-right: -15px;}
.Projectes.fitxa .galeria-planols .blog-content-area-wrap{padding: 0;}
.Projectes.fitxa .galeria-planols .blog-content-area-wrap .item {  width: calc(50% - 0.5px);  padding: 0 15px;}

.Projectes.fitxa .projectInfo .projectInfoList{ list-style: none; }
.Projectes.fitxa .projectInfo .projectInfoList .projectInfoListItem{ padding-bottom: 10px; font-size: 20px; }
.Projectes.fitxa .projectInfo .projectInfoList .projectInfoListItem .superficie small { font-size: 70%; position: absolute; font-weight: bold;}
.Projectes.fitxa .projectInfo .projectInfoList .projectInfoListItem span:not(.info){ font-weight: bold; }

#galeria .item img{}
#galeria .item:nth-child(even) img,.galeria .item:nth-child(even) img{width: 100%;}
#galeria .item:nth-child(even) picture,.galeria .item:nth-child(even) picture{display: flex;    justify-content: center;}

/* RECERCA */
#recerca .product-list .item {margin-bottom: 30px;  }
#recerca .product-list .item img{ transition: clip-path 0.5s ease; clip-path: inset(0); }
#recerca .product-list .item:hover img{ clip-path: inset(15px); transform: unset !important; filter: brightness(100%); }
/* FITXA RECERCA */
.video-recerca .video{ aspect-ratio: 16 / 9; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; flex-direction: column; justify-content: center; }
.video-recerca .ytplayer{width: 100%;}

/* HOME */
#index h1{font-size: 20px;}
.texto-normal,
.texto-normal h2,
.texto-normal p,
.texto-normal button{font-size: 20px;}
.Projectes.lev-1 .texto-normal h3{font-size: 20px; font-weight: 500;}
/* CARRUSEL PROJECTES HOME */


/* SLIDERS 2 HOME */
.galeriaHome .sliders-2-home img{object-fit: unset !important; height: unset !important;}
.sliders-2-home{padding: 0;}
/* LIGHTGALLERY COLORES */
.lg-outer .lg-thumb-outer.lg-thumb-align-middle{background-color: #fff;}
.lg-outer .lg-thumb-item {border-color: #fff;}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html{color: #000;background-color: #fff;}
.lg-show-in .lg-toolbar{background-color: #fff;}
.lg-outer .lg-content{background-color: #fff;}
.lg-show-in .lg-next, .lg-show-in .lg-prev{color: #fff;}

/* COOKIES */
.boton-cookie.big { font-size: clamp(10px,0.5rem + 0.4167vw,13px) !important; margin: 15px auto 30px !important; height: 48px; font-weight: normal; color: black; border-radius: 5px; border: 1px solid black; font-family: unset; width: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; background-color: transparent; }
.boton-cookie.big:hover{ background-color: black !important; color: white; }

/* <=== CONTACTE ===> */
/* formulari contacte */
#contacte .faqForm{ color: #000;}
#contacte .faqForm .contact-form-wrapper form fieldset > .form-input-item{ align-items: end; margin-bottom: 20px; }
#contacte .faqForm .contact-form-wrapper form fieldset > .form-input-item:nth-child(5){ justify-content: unset; align-items: unset; flex-direction: column;  }
#contacte .faqForm .contact-form-wrapper form fieldset > .form-input-item textarea{ height: 130px; }
#contacte .faqForm .contact-form-wrapper form fieldset > .form-input-item label{ width: unset; text-transform: uppercase; }
#contacte .faqForm .contact-form-wrapper form fieldset > .form-input-item input,
#contacte .faqForm .contact-form-wrapper form fieldset > .form-input-item textarea{ background-color: transparent; width: 100% !important; }
#contacte .faqForm button#singlebutton { border: 1px solid #000; color: #000; width: auto; padding: 10px 50px; margin-bottom: 10px; text-transform: uppercase !important; font-size: clamp(0.75rem, 0.6667rem + 0.2778vw, 0.875rem); background-color: transparent; transition: all 0.5s ease-in-out; border-radius: 0; pointer-events: all; margin-top: 0px; }
#contacte .faqForm button#singlebutton:hover { background-color: #000 !important; color: #fff; box-shadow: unset; }
#contacte .faqForm .form-style::placeholder {color:#666!important;opacity: 1;padding-left: 0 !important;}
#contacte .faqForm .form-style{ margin-left: 0;padding-left: 0 !important; border: 1px solid #ccc; color: #000; border-top: 0; border-right: 0; border-left: 0; border-radius: 0; border-color:#666; }
#contacte .faqForm .contact-form-wrapper form .form-input-item:last-child{text-align: unset;}
#contacte .faqForm small{margin-bottom: 4%; display: block;}
#contacte .texto-normal h2{text-transform: uppercase; font-weight: normal; margin-bottom: 5px !important;}
#contacte .social-contacto .social-icons .intsocial{justify-content: start; padding: 0 15px;}
#contacte .social-contacto .social-icons .intsocial .sociallist{margin-bottom: 0; gap: 16px;}
#contacte .social-contacto .social-icons .intsocial .sociallist li{margin-right: 0;}
#contacte .social-contacto .social-icons .intsocial .sociallist li a{color: #000;}
#contacte .social-contacto .social-icons .intsocial .sociallist li a:hover{text-decoration: underline;}
#contacte .social-contacto .social-icons .intsocial .sociallist li a::after{content: "/"; position: absolute; margin-left: 5px;}
#contacte .social-contacto .social-icons .intsocial .sociallist li:last-child a::after{content: unset;}



.serif p{font-family: "Cardo", serif !important;}
form input[type="checkbox"] {	margin-right: 5px;  }
form input[type="checkbox"]{ margin-top: unset !important; }
form input[type="text"] {height: auto;}
form input[type="email"] { margin: 0 0 10px 0; height: auto; padding: 0 0 0 13px; }
textarea#comentario{ padding-left: 13px !important; }
textarea#comentario,
::placeholder { color:#666;margin-left: 0;padding-left: 0 !important; font-size: clamp(0.625rem, 0.5rem + 0.4167vw, 1rem) !important; }


/* AJUSTES GALERIAS */
.lg-download, .lg-zoom-in{display: none;}

.galeriaHome .swiper-wrapper article img{ object-fit: cover; height: calc(100vh - 100px); }



/* MENU WEB */
.menu-vertical{}
.menu-vertical ul{margin-bottom: 0;}
.menu-vertical ul li{margin: 10px;}
.menu-vertical ul li a{ color: #000; line-height: normal; font-size: 18px; transition: opacity 0.3s ease-in-out; }
.menu-vertical ul li a:hover{opacity: 0.7;}
.menu-vertical ul li.active{}
.menu-vertical ul li.active a{ opacity: 0.7;}
.twocol{column-count: 2;}


/* FILOSOFIA */
#filosofia{padding-top: 100px; margin-top: -100px;}


/* SLIDERBANNER FULLHEIGHT */
.sliderbanner .sliderbanner__media{ height: calc(100vh - 100px); overflow: hidden; display: flex; align-items: center; justify-content: center; }
.sliderbanner .sliderbanner__media figure{ width: 100%; height: 100%; margin: 0; }
.sliderbanner .sliderbanner__media picture{ display: block; width: 100%; height: 100%; }
.sliderbanner .sliderbanner__media img{ width: 100%; height: 100%; object-fit: cover; object-position: center; }

.sliderbanner .sliderbanner__media .sliderbanner__video-bg{ height: 100%; padding-bottom: 0 !important; }
.sliderbanner .sliderbanner__media .sliderbanner__video-bg iframe{ position: relative !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; transform: none !important; object-fit: cover; }
.Projectes.fitxa .sliderbanner{ margin-bottom: 50px; max-width: calc(100% - 30px); margin-left: auto; margin-right: auto; }
.Projectes.fitxa .sliderbanner .sliderbanner__media{ height: 80vh; }