@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap');
/* ===================  NO BORRAR =============================== */
:root {
	--gray-dark: #333;
    --white: #FFFFFF;
	--yellow: #EFD275;
	--brown: #C9874B;
	--warm-grey: #BFB8AC;
	--grey: #808080;
	--light-brown: #BFA97C;
	--yellow-green: #C8CE9D;
	--light-green: #ECE8D3;
	--green: #9EA174;
	--green2: #77a49e;
	--darkgreen: #80825e;
	--cyan: #77A59F;
	--black: #000000;
	--dark-blue: #003162;
	--blue: #003162;
	--light-blue: #587999;

	--swiper-navigation-size:20px;
}
.boton-cookie.big {
    background: var(--dark-blue);color:#fff; border:none;
    font-size: 16px;
    margin: 35px auto;
}
.margen-15{margin-bottom: 15px !important;}
/*html,body{    overflow-x: hidden;}*/
body{ font-family: 'DM Sans', sans-serif;font-size: 16px; overflow-x: unset;}
p{font-family: 'DM Sans', sans-serif;	font-size: 16px;color: #000;}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{    font-family: 'DM Sans', sans-serif; font-weight: 500; color: #000;margin-bottom: 15px;}
h1{font-size: clamp(24px,2.5vw,36px);     line-height: normal; margin-bottom: 15px!important;}
h1.small{font-size:11px}
h2, .h2 {	font-size: clamp(18px,2.5vw,22px);    line-height: normal;}
.titlel h1, .titlel h2, .titlel h3, .titlel h4, .titlel h5 {  font-size: clamp(22px,4vw,50px) !important;}
.btn-accordion {font-family: 'DM Sans', sans-serif;}
a {
	color:var(--dark-blue);
}
a:hover {
	color: #000;
}
a, a:hover {
	transition: all 0.3s ease;
}
.fa.fa-twitter{
	font-family:sans-serif;
}
.fa.fa-twitter::before{
	content:"𝕏";
	font-size:1.2em;
}
.blue p{color:var(--blue)}
big{font-size: clamp(18px,2.5vw,26px);}
blockquote {  background: #eee;  padding: 30px;  text-align: center;  margin: 0;	 background-color: var(--light-green);margin-bottom: 15px;}
blockquote p{margin-bottom: 0;}
.marker{background-color: var(--light-green);padding: 15px;display: block;}
.color-yellow {color: var(--yellow);}
.color-brown {color: var(--brown);}
.color-warm-gray {color: var(--warm-gray);}
.color-light-brown {color: var(--light-brown);}
.color-light-green {color: var(--light-green);}
.color-light-grey {color: var(--light-grey);}
.color-green {color: var(--green);}
.color-cyan {color: var(--cyan);}
/* =========== BOTONS =========== */
.btnsmall .btn.btn-brand {  background-color: transparent;  border-radius: 0;  text-transform: none;  color: #333;}
.btnsmall .btn.btn-brand:after{content:url("../img/right-arrow.svg");width: 50px;height: 50px;transform: scale(0.4);margin-top: 2px;}
.btn.btn-brand {background-color: #000; border-radius: 0; text-transform: uppercase; color:#fff;}
.btn {height: 48px;}
.btn.btn-brand {    background-color: transparent;    text-transform: initial;    color: #000;    border: 1px solid #000; height: 48px;}
.btn.btn-brand:hover {background: var(--light-blue); color:#fff;}
.btn:focus {outline: 2px solid var(--light-blue);}
/* =========== UTILITATS =========== */
.hidden {visibility: hidden;}
.ignored {display: none;}
.nopointer a{pointer-events: none;}
.right,.right > div{justify-content: flex-end}
.vcenter{align-items: center;display: flex;}
.nopadfoto >.row  > .foto{padding: 0;}
.nopadfoto img{width: 100%;}
img.round,.round img{border-radius: 50%;}
#contador {padding: 40px;margin-top: 0;}
#contador h3{font-size: 46px;text-align: center;margin-top: 30px;}
#contador p{color:#000;font-weight: 600;text-align: center;}
#contador h3:before{content:"+"}
#hits img{ transition: all .2s ease-in-out; transform: scale(0.8);}
.acordio .titolacordio{
  color: #000;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: inherit;
}
/* ===================  MENU =============================== */

.extratop {background-color: #000;}
.extratop .lock-container .left div{padding: 0;}
.extratop .intsocial {  justify-content: flex-start;}
.extratop .social-icons{padding: 0 30px!important;}

.extratop a {color: white;}
.extratop a:hover {color: red;}
.social-icons li a {  color: #fff;}
ul.idiomes, ul.social-list, ul.contact-details{padding: 0px;margin: 0;}
ul.idiomes > li, ul.social-list > li, ul.contact-details > li{color: #fff}
ul.idiomes > li a, ul.social-list > li a, ul.contact-details > li a{color: #fff}
.buscador{  display: flex;  flex-wrap: wrap;  align-items: center;}
.buscador .form-control::placeholder {    color: #fff;}
.buscador .form-control.search {    height: 35px;    background: transparent;    border: 1px solid #fff;    color: #fff;}
.buscador .fa-search{    color: #fff;   font-size: 18px;	padding: 8px;}

.navbar-brand {margin: 20px 0; height: 100px;}
.menuhead{background-color: var(--dark-blue);}
.menuzone{background-color: var(--light-blue); text-transform: uppercase;}
.menuzone .lock-container > .col-12{    padding: 0 15px;}

.menuzone ul{padding: 0; margin:0; display:flex; flex-wrap: wrap;}
.menuzone ul li{list-style: none;padding:0px 15px;}
.menuzone ul li a{color:#fff}
#menuediciones,#menuedicionesm {flex-direction: column;    padding: 5px 5px 0 12vw;}
#menuedicionesm{    padding: 0px 5px 15px 10px;}
#menuediciones .nav-item,#menuedicionesm .nav-item{padding: 2px 0; margin:0;line-height: normal;}
#menuediciones .nav-item a,#menuedicionesm .nav-item a{color:#fff;    padding: 0!important;    margin: 0; transition: all .3s linear;font-size: clamp(14px,1vw,15px);}
#menuediciones .nav-item a .data,#menuedicionesm .nav-item a .data{color:#fff;transition: all .3s linear; opacity:0.7;}
#menuediciones .nav-item a:hover,#menuediciones .nav-item a .data:hover,
#menuedicionesm .nav-item a:hover,#menuedicionesm .nav-item a .data:hover{padding-left: 10px; color:#fff;}
#menuediciones .active a .data,#menuedicionesm .active a .data{   color: #fff;
padding: 0px;
font-size: 22px;
border-bottom: 2px solid red;
/*margin-bottom: 5px;*/
display: block;opacity:1}


.cbp-af-header.cbp-af-header-shrink .navbar-brand {height: 70px;}
.navigation-wrap {border-bottom: 0 !important;}
.main-navigation .dropdown-menu {	padding: 15px 0 20px 0!important;	top: 90%;	background: var(--light-green); 	margin-top: 0 !important; 	min-width: 350px;
	left: -30%;	border-top: none;}
.dropdown-menu::before {    top: 0;}
.main-navigation .dropdown-menu .nav-link {margin: 0 30px !important;}
.main-navigation .dropdown-menu .dropdown-item::after {padding: 10px 1px;}
.main-navigation .dropdown-menu .navbar-light .navbar-nav .nav-link {color: var(--light-brown); transition: all 0.3s ease;}
.main-navigation .dropdown-menu .dropdown-item:hover {color: var(--brown) !important;}
.main-navigation .dropdown-menu .dropdown-item.active {color: var(--black) !important;}
.main-navigation .searchcont {    display: flex;    align-items: flex-end;}
.main-navigation .show-search {margin: 10px;}

.icon.show-search{display:none;}
.form-control.search{border:none;border-bottom: 1px solid #000; border-radius:0;height: 30px; margin-bottom: 0px;}
.search-form .icon-input{border:none; padding: 0;}
.search-form{margin-bottom:0;}
.searchcont .searchform{display: block!important;}
.navbar-light .navbar-nav .nav-link {  color:#fff;  margin-top: 8px;  margin-bottom: 8px;font-size: clamp(14px,1vw,16px);}
.navbar-light .navbar-nav .nav-link.active{border-bottom:1px solid #000;}
.main-navigation ul li.nav-item {  margin: 0;}
.main-navigation ul li.nav-item:first-child{margin-left:-15px;}
.cbp-af-header.cbp-af-header-shrink .nav-item {	margin: 0px 0px;}
.main-navigation ul li.nav-item:after{content:"|"; color:#fff;    padding-left: 25px;}
.main-navigation ul li.nav-item:last-child:after{display:none;}
.navbar-light .navbar-toggler-icon{border-bottom: 2px solid #fff;}
.navbar-light .navbar-toggler-icon::after, .navbar-light .navbar-toggler-icon::before {background-color:#fff;}
.main-navigation {	min-height: 35px;  }
.menuhead .logo{margin-left:-15px;    padding-left: 3px;}
.menuhead .col1,.menuhead .col2,.menuhead .col3{display: flex;align-items: center;flex-wrap: wrap;}
.menuhead .col1 a{width: 100%;}

.margin-principal {  padding-top: 30px;}
body.fitxa .margin-principal {    padding-top: 5px;}

/*Contenidors*/
.fondoblue {background: var(--light-blue);}
.fondogris {background: #eee;}
.fondogreen {background: var(--darkgreen);}
.fondogreen2 {background: var(--green2);}
.fondogreen h2 {font-size: clamp(20px,2.8vw,35px)}
.fondogreen h2 a {color: var(--white);}
.fondogreen h2 a:hover {color: var(--yellow);}
.fondogreen2 a{color:#fff;}
.fondogreen2 p{margin-bottom: 0;font-size: clamp(30px,2.5vw,40px);line-height: clamp(40px,3vw,45px);}
.fondoazul {background: var(--blue);}
.fondoazuloscuro {background: var(--dark-blue);}
#revistashome >.row{background-color: #eee;}
#revistashome h3{    font-size: clamp(13px,1.2vw,15px);line-height: normal; margin-top:10px;}
#revistashome h2{}
#revistashome .item{margin-bottom: 20px;    padding: 0 15px;}
#revistashome img{border: 1px solid  rgba(0,0,0,0.5);}
#revistashome .container{padding: 0;}
#revistashome .list-items {
	padding: 10px;
}
#revistashome .list-items {
	padding-bottom: 0px;
}

#revistashome .row.list-items > .item {
    padding-left: 10px;
    padding-right: 10px;
}



/* #revistashome .single-post-slide-wrap .container {
    padding-left: 5px;
    padding-right: 5px;
} */

@media (max-width: 1200px) {
	#revistashome .mright-s {
		padding-right: 20px!important;
	}
	#revistashome .mleft-s {
		padding-left: 20px!important;
	}
}
@media (max-width: 992px) {
  #revistashome .list-items article:nth-child(n+9) {
    display: none;
  }
}
/*SLIDER*/
#slider .blackbox {	background: #000;    width: auto;    display: block;    position: absolute;    z-index: 2000;    right: 15px;    bottom: 15%;}
#slider .blackbox p {padding: 20px; margin: 0; font-size: 22px; font-weight: 600;}
#slider .blackbox a {color: var(--white);}
#slider .blackbox a:hover {color: var(--yellow);}
.sliderbanner2 {  display: flex;  flex-wrap: wrap;  align-items: center;  justify-content: center;width: 100%;}
#slider .sliderbanner2.caption {  /*padding: 8% 8% 0 !important;*/	bottom:unset!important;  top: 0;}
.sliderbanner2.mt-l{margin-top: 12.5%;}
.sliderbanner2.center .caption h1, .sliderbanner2.center .caption h2, .sliderbanner2.center .caption h3, .sliderbanner2.center .caption h4, .sliderbanner2.center .caption h5 {  text-align: center;}
.sliderbanner2 h1 {  font-weight: 800;  width: 100%!important;  margin: 0 auto; line-height: 1.1em;}
h1.titleslider {    font-weight: 800;    width: 75%;    margin: 0 auto;    font-size: clamp(30px,3.5vw,80px);	line-height: 1.1em;}
.caption .projectebotservei a {    background: #000;    border: 1px solid #000;    text-transform: initial;    padding: 15px 35px;	font-weight: 600;}
.swiper-button-next, .swiper-button-prev,.swiper-button-next2, .swiper-button-prev2 {
    position: absolute;
    top: auto;
    bottom: 0;
    border-radius: 4px;
    border: none;
    background-color: transparent;
    color: var(--secondary);
    text-align: center;
    font-size: 146px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 50px;
    width: 50px;
    height: 50px;
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    background-image: none;
    transition: all 200ms linear;
}
.swiper-button-prev2:after, .swiper-rtl .swiper-button-next2:after {    content: 'prev';}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-next2:after, .swiper-rtl .swiper-button-prev2:after {
    content: 'next';
}
.swiper-button-next,.swiper-button-prev,.swiper-button-next2,.swiper-button-prev2{color: var(--darkgreen);    font-size: 14px;}
.swiper-button-next:focus, .swiper-button-prev:focus,.swiper-button-next2:focus, .swiper-button-prev2:focus{border: 2px solid;}
/*Banners*/
.individualbanner1 {  display: flex;  align-items: center;  flex-wrap: wrap;}
.individualbanner1 figure{width: 100%;}
.individualbanner1 .caption{position:relative; width: 100%;}
.individualbanner1 .caption h3 a{color:#666; text-align: center;}
.individualbanner1 .caption .details{display:none;}
.caption h1, .caption h2, .caption h3, .caption h4, .caption h5, .caption h6 {font-family: 'DM Sans', sans-serif;font-size: 20px;margin-bottom: 25px;}
.individualbanner1 h2 {    position: absolute;    text-align: center;    padding: 15px;    width: 93%;    color: #FFFFFF;    margin: 5% 0 0 0;
    z-index: 1;    font-size: clamp(20px,2vw,54px);	transition: all 0.3s linear;}
.individualbanner1 h2 a {color: #FFFFFF;}
.individualbanner1:hover h2, .individualbanner1:hover h2 a {transform: translateY(-15px);color: var(--yellow);}
.individualbanner1 .portfolio-thumb img { transition: all 0.3s linear;}
.individualbanner1:hover .portfolio-thumb img {filter: brightness(70%);}

.individualbanner2 { display: block;}
.individualbanner2 .caption{ position: inherit; padding: 0!important; pointer-events: auto;}
.individualbanner2 .caption p { font-size: 16px; line-height: normal; color: #000; font-weight: normal; font-family: 'DM Sans', sans-serif}
.individualbanner2 .caption h1,.individualbanner2 .caption h2,.individualbanner2 .caption h3,.individualbanner2 .caption h4,.individualbanner2 .caption h5,.individualbanner2 .caption h6 {  font-size: 23px;  margin-bottom: 0px;  font-weight: bold;  font-family: 'DM Sans', sans-serif;}
.individualbanner2 .caption a { color: #000;}
.individualbanner2 .caption div { text-align: inherit;}
/*Breadcrumb*/
.breadcrumbcontainer {    xbackground: #f9f9f9;	top: 140px;}
.has-sticky-header .breadcrumbcontainer {    top: 110px;    background: #f9f9f9;}
.breadcrumb {display: inline-flex;}
.breadcrumb a{color: #000;}
/*Llistats de productes i categories*/
.product-list.products .block-ellipsis{}
.product-list .block-ellipsis h3,.product-list .block-ellipsis h4{font-size: 14px!important; font-weight: normal;margin: 0 auto 0px!important;}
.product-list .item { margin-bottom: 15px!important;}
.Productos.lev-2 h1,.Productos.lev-1 h1{text-align: center;}
.product-list .item{margin-bottom: 30px;}
.product-list h3,.product-list .item-title {	font-size: clamp(14px,2vw,16px); 	text-align: center;    line-height: normal;	padding: 15px;    margin: 0 auto;	font-weight: 400;}
body.Empresas .product-list h3,#empresasrel .product-list h3{padding: 0; font-weight: 600;}
#empresasrel .block-ellipsis{display:none;}
/* #empresasrel  .post-content > a{    border: 1px solid #333;    display: table;    padding: 15px; width:100%;margin-top: 15px;} */
#empresasrel  .post-content h3{text-align: center;}
#empresasrel .col-3{-ms-flex: 0 0 100%;    flex: 0 0 100%;   max-width: calc(100% - 30px);margin-left: 15px;}
#empresasrel .col-3 img{width: auto;}
#empresasrel .col-9{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.labelrel{margin-bottom:15px;}
.block-ellipsis{color:#333;}
.product-list .block-ellipsis h3 {	font-size: clamp(18px,2.5vw,20px); margin:0 auto 10px; text-align: center; padding: 0;line-height: normal;}
.product-list .block-ellipsis h4 {	font-size: clamp(16px,2vw,18px); margin:0 auto; text-align: center;line-height: normal; }
.product-list h3,.product-list .item-title {color: var(--black);transition: all 0.3s linear; text-align: left}
.product-list .col-lg-12 h3,.product-list .col-lg-12 .item-title {font-size: clamp(16px,1.8vw,20px);}
.product-list .col-lg-3 h3,.product-list .col-lg-3 .item-title {font-size: clamp(13px,1.2vw,15px);margin-top: 0;}
.product-list .col-lg-4 h3,.product-list .col-lg-4 .item-title {font-size: clamp(13px,1.2vw,15px);margin-top: 0;}

.product-list h3:hover,.product-list .item-title:hover{color:var(--dark-blue);}
.product-list.products .item-title{font-weight: 600;}
.product-list .item .foto {transition: all 0.3s linear; /*background: linear-gradient(#fbfbfb,#f6f6f6);*/}
.product-list .item .foto:hover {/*filter: brightness(90%);*/ transform: translateY(-15px); box-shadow: 0 10px 10px rgba(0,0,0,0.3);}
.product-list.products .item:hover .block-ellipsis h3 {color: inherit;}
.product-list article.item.no-anunciante .foto{display:none;}
.product-list article.item.no-anunciante .post-details{    flex: 0 0 100%;    max-width: 100%;}
.product-list article.item.no-anunciante{padding-bottom:15px;}
.product-list article.item.no-anunciante .moreinfo{display:none;}
#projectsList{justify-content: center;}
#projectsList .item{margin-bottom:30px;}
#projectsList .item .caption{width:100%; padding-top:5vw!important; text-align:center;bottom: 15px;}
#projectsList .item .caption h2{  /*text-shadow: 1px 1px 5px black;*/font-size: clamp(18px,3vw,35px);font-weight: 700;}
.pagination .page-item{display:none;}
.pagination .page-item:nth-child(1){display: inline-block;}
.pagination .page-item:last-child{display: inline-block; margin-left:30px;}
.pagination .page-item.accessible_page{display: inline-block;}
.pagination .page-item:first-child {margin-right: 30px;}
.pagination .page-item:first-child.active_page + div.accessible_page{margin-left: 2px;}
.pagination .page-item:first-child + div.accessible_page{margin-left: 2px;}
.pagination .page-item:first-child.accessible_page{margin-right: 0;}
body.es-es #bannersPT,body.es-es #bannersAL{display:none;}
body.pt #bannersES,body.pt #bannersAL{display:none;}
body.es #bannersPT,body.es #bannersES{display:none;}
#bannersES .item,#bannersPT .item,#bannersAL .item{margin-bottom:15px; }
body.Empresas.lev-1 #bannersES .item,body.Empresas.lev-1 #bannersPT .item,body.Empresas.lev-1 #bannersAL .item{padding:0}
#registrobanner > div{padding:0 15px;}
#poductoscat .product-list .item h3{margin-top:15px;}
ul.pagination {margin-bottom: 15px;}

/*Fitxa producte*/
.breadcrumb ul {    display: flex;    flex-wrap: wrap;}
.Productos.fitxa h1{color:#E0000A}
.Productos.fitxa h3 {font-weight: bold;    }
.Productos.fitxa h2, .Productos.fitxa h3{font-weight: normal;}
.Productos.fitxa p strong{}
.Productos.fitxa #fitxes .btn{height: 45px;}
.Productos.fitxa .breadcrumb ul li:first-child{display: none;}
.Productos.fitxa #contentfitxa .descripcion h2{font-size: 22px;line-height: normal;font-weight: 600;}
.Productos.fitxa #contentfitxa .descripcion h3{font-size: 18px;line-height: normal;font-weight: 600;}
.Productos.fitxa #contentfitxa .descripcion h4{font-size: 16px;line-height: normal;font-weight: 600;}
.Productos.fitxa #contentfitxa .gallerycontent .item{margin-bottom:15px;}
.Productos.fitxa #contentfitxa .gallerycontent .item:nth-child(odd){padding-right: 7px;}
.Productos.fitxa #contentfitxa .gallerycontent .item:nth-child(even){padding-left: 7px;}
.Productos.fitxa #contentfitxa .gallerycontent{margin-left: -15px;margin-right: -15px;}
.Productos.fitxa .intfecha{display: none;}
.Productos.fitxa .details__footer .intfecha{display: block;}
.Productos.fitxa .details__footer { justify-content: start; align-items: center; margin: 0; border: unset; margin-bottom: 20px; gap: 10px 15%; }
.Productos.fitxa .details__footer .details__footer__item{padding: 0;}
.Productos.fitxa .details__footer .details__footer__item:nth-child(2n + 1){margin: 0; padding-left: 0 !important;}
.Productos.fitxa #formfitxa, .Productos.fitxa #formfitxa2, .Productos.fitxa #revistafitxa, .Productos.fitxa #revistafitxa2{background: unset; box-shadow: unset;padding: 0px;margin-top: 30px; border-right: 15px solid white;border-left: 15px solid white;}
.Productos.fitxa #formfitxa .contact-form-wrapper, .Productos.fitxa #formfitxa2 .contact-form-wrapper,#revistafitxa .contact-form-wrapper,  #revistafitxa2 .contact-form-wrapper {  background: #eee;    box-shadow: 0 2px 3px 0 rgba(0,0,0,.3);    padding: 30px;}
.Productos.fitxa #formfitxa::before,.Productos.fitxa #formfitxa::after, .Productos.fitxa #formfitxa2::before,.Productos.fitxa #formfitxa2::after{/*display:none;*/}
aside > div{  /*position: sticky!important;*/    top: 200px;}

.Productos.fitxa .main-multimedia{
    display: flex;
    justify-content: center;
}
.Productos.fitxa .main-multimedia > div{
    width: 90%;
}
.Productos.fitxa .main-gallery .gallerycontent{
    margin-top: 15px;
    margin-bottom: 15px;
}
aside{position:relative;}
.tab-pane #informacion{  flex: 100%;  max-width: 100%;}
#contentfitxa {    margin-top: clamp(20px,2.5vw,30px);}
#contactInfo .toggle-form,#revistaInfo .toggle-form, .subscribe.toggle-form  {background-color: #fff; color:#000;text-align: center;padding: 30px;}
#contactInfo .razon-social,#contactInfo .direccion{display:block;color:#000;}
#contactInfo .razon-social{font-weight:bold;}
#contactInfo .Ecamp{display: inline-block;margin-right: 10px;}
#contactInfo .Epob:after{content:" -"}
#contactInfo .Eprov:after{content:" -"}
#contactInfo .Eprov:empty{display:none;}
#contactInfo .Ebreak{display: block;}
#contactInfo .Elabel{font-weight: bold;display: inline-block; margin-right: 5px;}
#contactInfo .whats{/*display:none;*/}
#contactInfo .Enom{font-weight: bold;}
#contactInfo .contactLinks{display: flex; flex-direction: column; margin-top:15px;}
#contactInfo .contactLinks .btn{width: 100%;}
#contactInfo .contactLinks{padding: 0;}
#contactInfo .contactLinks  li{list-style: none;max-width: 250px;margin: 0 auto 10px;width: 100%;}


#contactInfo .fa, #revistaInfo .fa{margin-right: 10px;}
#contactfitxa .single-post-details__footer__item{margin-bottom: 15px;}

.formfitxa {	position: relative;	background:#eee;    padding: 30px;    box-shadow: 0 2px 3px 0 rgba(0,0,0,.3);    margin-top: 35px;    z-index: 10;	transition: all 0.5s ease;}
.formfitxa:after, .formfitxa:before {	bottom: 100%;	left: 30%;	border: solid transparent;	content: "";	height: 0;	width: 0;	position: absolute;	pointer-events: none;	    border-bottom-color: #eee;    border-width: 30px;    margin-left: -30px;}
.formfitxa .form-style {border-bottom: 1px solid #999999;border-radius: 3px;}
.formfitxa .form-style:focus {background: var(--light-green);}
.formfitxa .form-input-item {min-height: 55px; align-items: baseline;}
.formfitxa textarea.form-control {margin-bottom: 10px;}
.formfitxa input[type="checkbox"] {margin-top: 0;}
.formfitxa fieldset{display:flex; flex-wrap: wrap;}
.formfitxa .simpleForm .form-input-item {   display: block;    width: 100%;}
.formfitxa .form-input-item {	max-width: 100%;    padding: 0 15px;}
.formfitxa .form-input-item.coment{max-width: 100%; width: 100%;}

.revistafitxa {	position: relative;	background:#eee;    padding: 30px;    box-shadow: 0 2px 3px 0 rgba(0,0,0,.3);    margin-top: 35px;    z-index: 10;	transition: all 0.5s ease;}
.revistafitxa:after, .revistafitxa:before {	bottom: 100%;	left: 30%;	border: solid transparent;	content: "";	height: 0;	width: 0;	position: absolute;	pointer-events: none;	    border-bottom-color: #eee;    border-width: 30px;    margin-left: -30px;}
.revistafitxa .form-style {border-bottom: 1px solid #999999;border-radius: 3px;}
.revistafitxa .form-style:focus {background: var(--light-green);}
.revistafitxa .form-input-item {min-height: 55px; align-items: baseline;}
.revistafitxa textarea.form-control {margin-bottom: 10px;}
.revistafitxa input[type="checkbox"] {margin-top: 0;}
.revistafitxa fieldset{display:flex; flex-wrap: wrap;}
.revistafitxa .simpleForm .form-input-item {   display: block;    width: 100%;}
.revistafitxa .form-input-item {	max-width: 100%;    padding: 0 15px;}
.revistafitxa .form-input-item.coment{max-width: 100%; width: 100%;}
.revistafitxa label {display: block!important;}
form input[type="text"] {    height: 40px;}
#informacion0 .foto{border:1px solid #ccc; margin-bottom: 30px;}
body.Empresas.fitxa .project-tab.no-anunciante .menufitxa{display:none;}
body.Empresas.fitxa .project-tab.no-anunciante .foto{display:none;}

.wrapEmpresa p{margin:15px 0;}
.navtabempreses{    margin-bottom: 30px;padding: 0;}
.tab-pane .product-list .post-details h3 {    font-size: 16px;    line-height: normal;    font-weight: normal;    margin-top: 15px;}
.descripcio p,.descripcio li{    line-height: normal;}
.descripcio h2{display: block;    font-size: 1.24em;    margin-block-start: 1em;
    margin-block-end: 1em;    margin-inline-start: 0px;    margin-inline-end: 0px;
    font-weight: bold;    line-height: normal;}
.descripcio h3{display: block;    font-size: 1.17em;    margin-block-start: 1em;
    margin-block-end: 1em;    margin-inline-start: 0px;    margin-inline-end: 0px;
    font-weight: bold;    line-height: normal;}
.descripcio h4{display: block;    font-size: 1em;    margin-block-start: 1em;
    margin-block-end: 1em;    margin-inline-start: 0px;    margin-inline-end: 0px;
    font-weight: bold;    line-height: normal;}
.descripcio h5{display: block;    font-size: 1em;    margin-block-start: 1em;
    margin-block-end: 1em;    margin-inline-start: 0px;    margin-inline-end: 0px;
    font-weight: bold;    line-height: normal;}

/*Footer*/
#footer .fondogris p strong{ color: #000!important; margin-top: 5px;display: inline-block;}
#mailchimpform input{border: 0;border-bottom: 1px solid #000;border-radius: 0;}
#footer {background-color: var(--blue); border-top: 1px solid #fff;}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer .h1, #footer .h2, #footer .h3, #footer .h4, footer .h5, #footer .h6,
#footer a, footer p, footer p a {color: var(--white);}
#footer p, #footer a, #footer input, #footer label  {font-size: 15px; color: var(--white); }
#footer p{margin-bottom: 0;}
#footer  #footer a #footer p a:hover, #footer a:hover {color: var(--white);}
#footer .bkcolor {background-color: var(--light-green);}
#footer .bkcolor h4, #footer .bkcolor h5 {color: var(--black);}
#footer .svgimage {max-height: 150px;}
#footer .copyrow {border-top: 1px solid #000; padding-top: 20px;}
#footer big{color:#80825e!important;font-family: 'DM Sans', sans-serif;font-weight: 700;font-size: 24px;line-height: 32px;}
#footer #mailchimpform {  padding: 0;}
#footer #mailchimpform form {  padding: 0 15px;}
#footer .fullwidth.bloc{padding-left: 15px;padding-right: 15px;margin-bottom: 0;}
#footer ul{margin-bottom: 0;}
#footer .sociallist li a{font-size: 25px;}
#footer .btn{height: 38px;}
#footer .linksucursales{font-weight: bold;font-size: 20px;display: block;margin-bottom: 15px;display: block;width: 100%;text-align: center;background: var(--darkgreen);padding: 15px;color: #fff;}
#footer .col2,#footer .col3{padding-top: 30px;;}
#footer .infofooter{padding-left: 30px;}
#footer small{line-height: normal; display: block;}

/*Socket*/
#socket {padding-top: 10px;padding-bottom: 5px;}

/*Contacte*/
#contacte .simpleForm{background-color: #eee; padding: 30px;}
#contacte .simpleForm .form-input-item label{display:block;}
#contacte .simpleForm .form-input-item{display: block;}
#contacte .margin-principal .social-icons li a {
  color: #fff;
  text-align: center;
  background: var(--dark-blue);
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
#contacte .margin-principal .intsocial {  justify-content: flex-start;  padding-left: 15px;}

.simpleForm .form-input-item{display: flex;}
.simpleForm .control-label{max-width: fit-content;}
.simpleForm .form-style {border-top: none; border-left: none; border-right: none; border-bottom: none; border-radius: 0;}
form label#accept {  display: flex;  flex-wrap: wrap;margin-top: 10px;}
#acepto_condiciones{margin-top:0;}
#footer a{text-decoration: underline;}

/*Especifc pàgines*/
#clientes .swiper {  mix-blend-mode: multiply;}
.parallax .btn.btn-brand{display:none;}
#fitxes .individualbanner2 .portfolio-thumb{margin: 0 auto;}
#fitxes .individualbanner2 .info p{font-size: clamp(14px,1.2vw,18px);line-height: normal;}
#projects .product-list .item {transition: all 0.3s linear; margin-bottom: 20px;}
#projects .product-list .item:hover {filter: brightness(80%)}
#index #projects .post-details {display: none;}


#clientes .swiper {margin-left: 2%;margin-right: 2%;}
#clientes .swiper-wrapper{align-items: center;}
#clientes .swiper-wrapper picture{display: flex;align-items: center;}
#clientes .row{align-items: center;}
#clientes .swiper-button-prev, #clientes .swiper-button-next {top: unset !important;bottom: unset;}
.nobutton .banner .btn{display:none;}
.text-m p {  font-size: clamp(16px,1.5vw,30px) !important;}
.greentext,.greentext p,.greentext h2,.greentext h3,.greentext h4,.greentext a{color:var(--green2);line-height: normal;}
.info.right p{text-align: left;}
.nopadfoto .info {padding: 15px 5vw;}
#parallax {
	/* background-image: url("../../../media/images/home/parallax.png");*/
    background-attachment: initial;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#parallax .parallaxbox,.parallax .content {background: rgb(112 88 37 / 60%); padding:clamp(30px,5vw,80px);width: 100%;max-width: 100%;top:unset; bottom:0;}
.parallax {  height: clamp(450px,40vw,690px);}
#parallax h2{font-size: clamp(30px,3.5vw,60px); color: var(--white); margin-bottom: clamp(20px,3vw,50px);}
#parallax h3 {font-size: clamp(16px,3vw,22px); color: var(--white); font-weight: 400; margin: 0 10%; line-height: 1.2em;}
.descobrir h2 {color: var(--black);}
.descobrir p {color: var(--black); font-size: 22px; line-height: 1.4;}
#mediambient h3{font-size: clamp(20px,2.5vw,30px);}
#acabados {border-top: 1px solid #000;}
#acabados p.title {    font-size: clamp(20px,3.5vw,30px);	margin-bottom: 0;}
#acabados .seleccion div {	display: flex;    align-items: center;}
#acabados .acabados {display: flex; margin-left: 2em;}
#acabados input[type="radio"] {	appearance: none;	margin: 0;	font: inherit;	width: 100px;	height: 100px;	border: 1px solid #333;	border-radius: 50%;	transition: 500ms transform ease-in-out;}
#acabados .form-check-label {margin-left: 10px;}
#acabados .form-check-inline {margin-right: 1.5em;}
#acabados input#acabados_32[type="radio"] {background-color: #FFF;}
#acabados input#acabados_33[type="radio"] {background-color: #000;}
#acabados input#acabados_51[type="radio"] {background-color: #CCC;}
#acabados input[type="radio"]:hover {border: 3px solid var(--green);}
#acabados input[type="radio"] {  width: 60px!important;	height: 60px!important;}
#acabados input[type="radio"]:focus, #acabados input[type="radio"]:checked {	outline: max(3px, 0.35em) solid var(--green);	outline-offset: max(3px, 0.2em);
	border: 3px solid var(--green);}

#catdescription > div{column-count: 2;column-gap: 60px;}
#catdescription h2{font-size: clamp(16px,2vw,20px);line-height: normal;}
#catdescription p, #catdescription ul li{font-size: 16px; line-height: normal;}
#catdescription blockquote {  background-color: var(--light-green);margin-bottom: 15px;}
#contacte #footer .hiddenmobile{display:none;}
#contacte #footer .kd{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.tituloseccion {background: var(--light-blue);/*margin-bottom: 30px;*/}
.tituloseccion h3{color: #ffffff; text-transform: uppercase; font-weight: normal; margin-bottom: 10px; margin-top: 10px;font-size: clamp(18px,1.5vw,20px);}
.tituloseccion h2{color: #ffffff; text-transform: uppercase; font-weight: normal; margin-bottom: 10px; margin-top: 10px;font-size: clamp(18px,1.5vw,20px);}
#revistashome .tituloseccion{margin-bottom:10px;}
#index h1{/*color:var(--dark-blue);*/ color:#e0000a;   font-size: 18px;margin-bottom: 0 !important;}
#index h2{color:#fff; text-transform: uppercase;margin: 0;padding: 6px;}
#seccionrevistas {background: var(--grey); margin-top: 0; padding-top: 1vw; padding-right: 0; padding-left: 0; margin-bottom: 3vw;}
#seccionrevistas .item .caption h4{padding: 0; margin:0;}
#seccionrevistas .portfolio-wrap-columns {}
body.Categorias-Revistas.lev-1 article.item img{border:1px solid rgba(0,0,0,0.5);}
body.Categorias-Revistas.lev-1 article.item{margin-bottom:30px; transition:all .3s linear}
body.Categorias-Revistas.lev-1 article.item:hover{opacity:0.7}
body.Categorias-Revistas.lev-1 article.item .container{padding:0;}


#prodDestacats{/*padding-right: 0;*/    margin-top: 15px;padding-left: 0;}
#prodDestacats .product-list .item{   /* padding: 0 7px;*/}
#prodDestacats .product-list{  /*  padding: 0 7px;*/}
#prodDestacats .item .single-post-slide-wrap > a{    display: flex;    aspect-ratio: 4 / 3;    overflow: hidden;}
#prodsHome .item .single-post-slide-wrap > a{    display: flex;    aspect-ratio: 4 / 3;    overflow: hidden;}
#noticias .item .single-post-slide-wrap > a{    display: flex;    aspect-ratio: 4 / 3;    overflow: hidden;}
#poductoscat .item .single-post-slide-wrap > a{   display: flex;      overflow: hidden;}
#poductoscat .item .single-post-slide-wrap a img{  aspect-ratio: 4 / 3; }

#banners1{/*padding-left: 0;*/    background: #eee;    padding-top: 15px; padding-bottom: 15px;}
#banners1 .item{margin-bottom:15px; max-height: 150px;}
#banners1 img{ opacity:1!important;}
#banners1 .section-1400{display:none;}
#banners1 .item,#banners1 .item .container{    padding-right: 8px;    padding-left: 8px;}
#banners1 .item img,
#banners2 .item img,
#bannersES .item img,
#bannersPT .item img,
#bannersAI .item img{border:1px solid rgba(0,0,0,0.5);}
#banners1 img {
    max-height: unset!important;
    max-width: 100%!important;
    opacity: 1!important;
    aspect-ratio: unset!important;
}
#banners2 img {
    max-height: unset!important;
    max-width: 100%!important;
    opacity: 1!important;
    aspect-ratio: unset!important;
}
.lev-2 aside img,.lev-3 aside img{border:1px solid rgba(0,0,0,0.5);}
#prodsHome{display: flex;flex-wrap: wrap; padding: 0;}
#prodsHome .item.mix .container{padding: 0;}
#banners2{background: #eee; margin-bottom: 15px; padding:15px;}
#banners2 article .container{padding:0 7px;}
#banners2 .item.banner{    background: #eee;      padding: 0px 0;    margin: 0!important;}
#banners2 .item.banner{margin-bottom:15px!important;}
#banners2 .banner .container{padding: 0 7px;}
#banners2 .banner img{   border: 1px solid rgba(0,0,0,0.5);}
#index #banners2 .swiper-button-prev2, #index #banners2 .swiper-button-next2{top: 35%!important;}

#index .swiper-button-prev, #index .swiper-button-next {    margin-top: -40px;  }
#index .swiper-button-prev.pt, #index .swiper-button-next.pt {    margin-top: 0px;  }
#index .swiper-button-prev.al, #index .swiper-button-next.al {    margin-top: -70px;  }
.swiper-button-next2:after, .swiper-button-prev2:after {    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}
.swiper-button-next:after, .swiper-button-prev:after,.swiper-button-next2:after, .swiper-button-prev2:after  {    font-size: 14px;}
#index .swiper-button-prev,#index .swiper-button-prev2{margin-left:-25px;top: 45%!important;    margin-top: 0;   }
#index .swiper-button-next,#index .swiper-button-next2  {margin-right: -25px;    top: 45%!important;    margin-top: 0; }
#banners2 .banner-group{    display: flex;    flex-wrap: wrap;    padding: 15px 7px;    background: #eee;    margin-bottom: 0px;    padding-bottom: 0;}
#prodsHome .product-list .item:nth-child(-n+8) {display:none}
#prodsHome .product-list .item{ padding: 15px 15px 0;     margin-bottom: 0px!important;}
#prodsHome .product-list{/*padding: 0 15px;*/}


#empresashome h3{    font-size: clamp(12px,1.2vw,15px);    line-height: normal;}
#empresashome{margin-top:15px;    margin-bottom: 15px;}
#empresashome .foto{border:none;}
#empresashome .item{flex: 0 0 10%;max-width: 10%;}
/*#prodsHome .item{-ms-flex: 0 0 33.333333%;    flex: 0 0 33.333333%;    max-width: 33.333333%;}*/
#index #empresashome .swiper-wrapper{align-items: center}
#empresashome article img{border:none;}
#empresashome article .post-details{display: none;}
.post-details h3{font-size: clamp(18px,2vw,20px);line-height: normal;margin-top: 0px;}
.Empresas.lev-1 h1{text-transform: uppercase;}
#empresashome .swiper-button-prev,#empresashome  .swiper-button-next {  top: 18% !important;}
#empresashome .swiper-button-next {  right: -30px; right: 0; }
#empresashome .swiper-button-prev {  left: -30px; left: 0;}
.swiper-button-next2 {  right: 0; }
.swiper-button-prev2 {  left: 0;}

#empresalist .item img{border:1px solid rgba(0,0,0,0.5);}
#empresalist .item .block-ellipsis{color:#333;}
#productlist .item img{border:1px solid rgba(0,0,0,0.8);}
.btnyt{position: absolute;z-index: 10;background: transparent !important;left: 0;right: 0;margin: 0 auto;top: calc(50% - 76px);}
#nav-tab .nav-item{padding: 15px 30px !important;border: 1px solid var(--light-blue);color: var(--light-blue);border-radius: 0;margin-right: 5px;
text-transform: uppercase;flex: unset; transition: all .3s linear;    margin-top: 0;}
#nav-tab {  border-bottom: 1px solid var(--light-blue);  border-radius: 0;}
#nav-tab .nav-item.active,#nav-tab .nav-item.active:hover{ background-color: var(--light-blue); color:#fff!important;}
#nav-tab .nav-item:hover{ background-color: var(--light-blue); color:#fff!important;}


#nav-tab .nav-link.active::before, .nav-link.selected::before, .nav-link:hover::before {  display:none;}

/*Noticias*/
#noticias .post-details h2{font-size: 16px; padding: 15px;}



.menu-vertical{}
.menu-vertical ul,.menu-vertical li > ul{margin-left:0; padding: 0;}
.menu-vertical ul li{list-style: none;border-bottom: 1px solid var(--dark-blue);}
.menu-vertical ul li a{color:var(--dark-blue);text-transform:uppercase;display:block;width: calc(100% - 60px);    padding: 5px 5px;}
.menu-vertical .nivell-2 a{text-transform:uppercase;}
.menu-vertical .nivell-3 a{text-transform:none;}
.menu-vertical ul li a:hover{opacity: 0.7;}
.menu-vertical > ul > li > ul > li a{padding-left:30px;}
.menu-vertical > ul > li > ul > li > ul > li a{padding-left:60px;}
.menu-vertical > ul > li > ul{border-top: 1px solid var(--dark-blue);}
.menu-vertical li.nivell-3:last-child{border-bottom:0;}
.btn.btn-link.toggle{float:right; width: auto; height: 35px; padding: 0;text-decoration: none;}
.btn.btn-link.toggle:hover{border:1px solid var(--light-blue); border-radius: 0; background-color: transparent; color:var(--light-blue)!important;}
.btn.btn-link.toggle i{ transition: all 0.3s linear;color:var(--light-blue);margin-left: 8px;}
.btn.btn-link.toggle.show i{transform: rotate(90deg); }
.menu-vertical .card{flex-direction: unset;border: none;align-items: center;}
.menu-vertical .collapse{transition: height .35s ease;}
#menuprod ul{display:flex;; flex-wrap: wrap;padding: 0;    margin-bottom: 15px;border-bottom: 1px solid var(--light-blue);}
#menuprod ul li{list-style: none;margin-right: 10px;    padding:8px 15px;    border: 1px solid var(--light-blue);border-bottom: 0; transition:opacity .3s linear;}
#menuprod ul li a{/*padding: 15px;border: 1px solid var(--light-blue);*/color: var(--light-blue);}
#menuprod ul li.active a{color: #fff;}
#menuprod ul li.active button{color:#fff;}
#menuprod ul li button{color: var(--light-blue); border:none; background: transparent;}
#menuprod ul li.active{pointer-events: none;}
#menuprod ul li.active{background-color: var(--light-blue);}
#menuprod ul li:hover{opacity:0.7;}
#menuprod hr{    background: var(--light-blue);    margin-top: 12px;}
#menucatlev2 {margin-bottom: 30px;}
#menucatlev2 .menu-vertical .btn{  border: 1px solid var(--light-blue);  color: var(--light-blue);  display: table;  width: auto;  flex: unset;padding: 0 15px;transition: all 0.5s linear;}
#menucatlev2 .menu-vertical:empty{display:none;}
#menucatlev2 .pretitle{    padding: 15px;    display: inline-block;}
#menucatlev2 .btn.btn-link.toggle{    margin-top: 0px;color: var(--light-blue);  padding: 8px 15px;    height: auto; float:none;  border-radius:0;outline: none;}
body.Empresas.lev-2 h2{    font-size: clamp(20px,2.8vw,28px); color:#000; margin-bottom:30px;}
.product-list .item .foto{border:1px solid #eee;    display: flex;    align-items: center;    justify-content: center;    padding: 15px;}
aside .product-list .item .post-details a{border:1px solid #eee;    display: flex;    align-items: center;    justify-content: center;    padding: 15px;}
.product-list .item .moreinfo{text-transform:uppercase; color:var(--dark-blue);font-weight: 600;
    margin-top: 15px;    display: table; transition: all .3s linear;}
.product-list .item .moreinfo:hover{margin-left:5px;}
.Empresas .product-list .item {    border-bottom: 1px solid #eee;    padding-bottom: 30px;}
.Empresas .product-list .item .foto{    min-height: 250px;align-items: flex-start;min-height: unset;}
#piecat{    }
#piecat .piecategoria{padding: 30px;    background: #eee;}
#piecat .piecategoria:empty{display:none;}
#piecat .piecategoria h2{}
#piecat .piecategoria h3{font-size: 18px;    font-weight: 600; margin: 0;}
#piecat .piecategoria h4{}
.catdescription, .titleDescription {  padding: 30px;    background: #eee;  margin-bottom:30px; }
.catdescription > div p:last-child{margin-bottom:0;}
.titleDescription h1 { margin-bottom: 0px!important;}
#contentfitxa .descripcion p, #empresascat .item .post-content, .wrapEmpresa {
	text-align: justify;
}

/* .Empresas .product-list .item .single-post-slide-wrap > a{display: flex;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    flex-wrap: wrap;
    align-items: center;} */


/*eventos*/
#evento {margin-bottom:60px;}
#evento .event-data{display:flex; flex-wrap: wrap; color:#999;margin-bottom: 15px;}
#evento .event-data li .lugar:after{content:":"; margin-right: 5px;}
#evento .event-data li .fecha-inicio:after{content:"-"; margin-right: 5px; margin-left:5px;}
#evento .btn-brand{border: 2px solid var(--blue);color: var(--blue); background-color: #fff;width:100%;}

#eventos{margin-bottom:60px;}
#index #eventos{margin-bottom:0px;}
.fullwidth.fondogris .vermas p{margin-bottom:0px;}
#eventos .llista_anys{margin-bottom: 15px;display: flex;}
#index #eventos .llista_anys{display:none;}
#eventos .llista_anys a.active{color: #fff;background: var(--blue);}
#eventos .llista_anys a{color:var(--blue); background-color: #fff; border:1px solid var(--blue);margin-right: 15px;padding: 10px 20px;transition:all 0.3s ease-in;}
#eventos .intarticle {text-align: left;}
#eventos .intarticle h2,.blog-content-area-wrap .single-post-slide-wrap .post-content h2 {font-size: 16px;margin-bottom: 14px;font-weight: normal;color:#000;}
#eventos .intarticle h2 a{color:#000; font-weight: normal}
#eventos .intarticle .datos_evento{color:#666; font-size:14px;}
#eventos .item{margin-bottom:30px;}
#eventos .img-wrap{border: 1px solid #ddd;}
#eventos .block-ellipsis p,#eventos .block-ellipsis{font-size: 14px; margin-top:15px;}
#eventblock{margin-top:30px;}
.vermas a,#montajes-des .container.mt-4.text-center a{    padding: 8px 15px;    border: 2px solid var(--blue); color:var(--blue)!important}
.Eventos.fitxa .descripcion h3{font-size: clamp(16px,2.2vw,20px); margin:inherit;}

/*eventos*/

/*banderes*/
.submenu a:before{position: absolute;    margin-top: 3px;    left: 0;max-width: 35px;	overflow: hidden;}
.submenu.id19 a:before,.submenu.id40 a:before{ content:url('../../../img/flags/argentina.png');}
.submenu.id20 a:before,.submenu.id41 a:before{ content:url('../../../img/flags/bolivia.png');}
.submenu.id21 a:before,.submenu.id42 a:before{ content:url('../../../img/flags/brasil.png');}
.submenu.id22 a:before,.submenu.id43 a:before{ content:url('../../../img/flags/chile.png');}
.submenu.id23 a:before,.submenu.id44 a:before{ content:url('../../../img/flags/colombia.png');}
.submenu.id24 a:before,.submenu.id45 a:before{ content:url('../../../img/flags/costa-rica.png');}
.submenu.id25 a:before,.submenu.id46 a:before{ content:url('../../../img/flags/cuba.png');}
.submenu.id26 a:before,.submenu.id47 a:before{ content:url('../../../img/flags/ecuador.png');}
.submenu.id27 a:before,.submenu.id48 a:before{ content:url('../../../img/flags/el-salvador.png');}
.submenu.id28 a:before,.submenu.id112 a:before{ content:url('../../../img/flags/florida-usa.png');}
.submenu.id29 a:before,.submenu.id50 a:before{ content:url('../../../img/flags/guatemala.png');}
.submenu.id30 a:before,.submenu.id51 a:before{ content:url('../../../img/flags/honduras.png');}
.submenu.id31 a:before,.submenu.id52 a:before{ content:url('../../../img/flags/mexico.png');}
.submenu.id32 a:before,.submenu.id53 a:before{ content:url('../../../img/flags/nicaragua.png');}
.submenu.id33 a:before,.submenu.id54 a:before{ content:url('../../../img/flags/panama.png');}
.submenu.id34 a:before,.submenu.id55 a:before{ content:url('../../../img/flags/paraguay.png');}
.submenu.id35 a:before,.submenu.id56 a:before{ content:url('../../../img/flags/peru.png');}
.submenu.id36 a:before,.submenu.id57 a:before{ content:url('../../../img/flags/puerto-rico.png');}
.submenu.id37 a:before,.submenu.id58 a:before{ content:url('../../../img/flags/republica-dominicana.png');}
.submenu.id38 a:before,.submenu.id59 a:before{ content:url('../../../img/flags/uruguay.png');}
.submenu.id39 a:before,.submenu.id60 a:before{ content:url('../../../img/flags/venezuela.png');}


.submenu.id19 a,
.submenu.id20 a,.submenu.id21 a,.submenu.id22 a,.submenu.id23 a,.submenu.id24 a,.submenu.id25 a,.submenu.id26 a,.submenu.id27 a,.submenu.id28 a,.submenu.id29 a,.submenu.id30 a,.submenu.id31 a,.submenu.id32 a,.submenu.id33 a,.submenu.id34 a,.submenu.id35 a,.submenu.id36 a,.submenu.id37 a,.submenu.id38 a,.submenu.id39 a,.submenu.id40 a,.submenu.id41 a,.submenu.id42 a,.submenu.id43 a,.submenu.id44 a,.submenu.id45 a,.submenu.id46 a,.submenu.id47 a,.submenu.id48 a,.submenu.id49 a,.submenu.id50 a,.submenu.id51 a,.submenu.id52 a,.submenu.id53 a,.submenu.id54 a,.submenu.id55 a,.submenu.id56 a,.submenu.id57 a,.submenu.id58 a,.submenu.id59 a,.submenu.id60 a,.submenu.id112 a{padding-left: 40px;}

#resultats img[src="https://www.vidrioperfil.com/img/missing-img.svg"]{display: none;}

#politicas-cookie .modal-body a{text-decoration: underline;}


/*temp*/
ul.idiomes > li a,ul.idiomes > li a:hover{  color: #000;}
ul.idiomes{display:none;}
/* .navtabempreses #nav-vids-tab,.navtabempreses #nav-cats-tab{display:none;} */

.empresa{text-transform:uppercase}
.producto{text-transform:uppercase; font-style: italic;}
.boton{    border-radius: 4px;
    height: 48px;
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: all 200ms linear !important;
    transition: all 200ms linear !important;
    padding: 0 35px;
    letter-spacing: 0.2px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    text-align: center;
    border: none;
    border-radius: 0;
    background-color: transparent;
    text-transform: initial;
    color: #000;
    border: 1px solid #000;
    height: 48px;
}
.boton:hover {
    background: var(--light-blue);
    color: #fff;
}
.comentario{font-style: italic;}

#buscador h4{margin:0;    font-size: 20px;    font-weight: 600;}
#buscador figure > a{       display: flex;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    max-width: 80px;
    border-radius: 50%;
    border: 1px solid #ccc;
    align-items: center;}
    #buscador .order-line{margin-bottom:60px;}
#resultats img[src="https://www.vidrioperfil.com/img/missing-img.svg"] {        display: none;    }
#menuSearch{        position: sticky;
    top: 199px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    z-index: 500;}
#menuSearch ul{    display: flex;    list-style: none;    margin: 0;    padding: 5px 0;}
#menuSearch ul li{margin-right: 15px;}
#menuSearch ul li.active{font-weight: bold;;}

#menuSearch ul li a{}
#buscador .margin-principal {    margin-top: 250px!important;}

.video-btn{display:flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.video-btn:before{    content: url(/img/ytplayer.svg);    position: absolute;    z-index: 10;pointer-events: none;}

.simpleForm a{text-decoration: underline;}
#prods .product-list .item .single-post-slide-wrap > a {
    display: flex;
    aspect-ratio: 4 / 3;
    overflow: hidden;    align-items: center;
}

#videoModal .modal-dialog{
	max-width: 1080px;
}

#videoModal .modal-content{
	max-width: 1080px;
}
.video button {
	border: none;
}

/* .toggle-form .btn-brand{
	border: 1px solid #E0000A!important;
	color: #E0000A;
    font-size: 18px;
    }
.toggle-form .btn-brand i{
    font-size: 30px;
}
.toggle-form .btn-brand:hover{
	background: #E0000A;
	color: #FFF;
} */

.toggle-form .btn-brand{
    border: 1px solid #E0000A!important;
    color: #FFF;
    background: #E0000A;
    font-size: 18px;
}
.toggle-form .btn-brand i{
    font-size: 30px;
}
.toggle-form .btn-brand:hover{
    background: transparent;
    color: #E0000A;
}

.toggle-form .btn:focus{
	outline: 2px solid #E0000A;
}
#empresasrel .info-company .post-content > a {
	margin-top: 0px;
}
#product-sidebar {
    padding-left: 22px;
}

#empresasrel .block-ellipsis a{text-decoration: underline;}
#popupModal .modal-body{
	display: grid;
	place-items: center;
	padding: 20px!important;
}

#popupModal .content-popup-text{
	width: 100%;
}
#popupModal .content-popup{
	width: 75%;
}

#popupModal .modal-dialog a {
	text-decoration:none;
}

#popupModal .modal-dialog p {
	line-height: normal;
	margin-bottom: 0px;
	padding: 20px;
}
#popupModal .modal-dialog a:hover {
	text-decoration:underline;
}

@media (max-width: 575px) {
   #popupModal .modal-body {
        min-height: 0;
   }

	 #popupModal .modal-content {
			 position: absolute;
			 transform: translate(50%, 50%);
			 left: -50%;
	 }
}