@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap');
/* ===================  NO BORRAR =============================== */
body,html{overflow-x: hidden;}
body{
    font-family: 'DM Sans', sans-serif;font-size: 18px;
}
p{
    font-family: 'DM Sans', sans-serif;
	font-size: 18px;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
    font-family: 'DM Sans', sans-serif; font-weight: 700;
}
h1{font-size: clamp(28px,2.8vw,48px);     line-height: normal; margin-bottom: 15px!important;}
h2, .h2 {
	font-size: clamp(24px,2.5vw,40px);
    line-height: normal;
}
.btn-accordion {font-family: 'DM Sans', sans-serif;}
a {
	color:var(--darkgreen);
}
a:hover {
	color: var(--brown);
}
a, a:hover {
	transition: all 0.3s ease;
}
big{font-size: clamp(18px,2.5vw,26px);}
:root {
    --white: #FFFFFF;
	--yellow: #EFD275;
	--brown: #C9874B;
	--warm-grey: #BFB8AC;
	--light-brown: #BFA97C;	
	--yellow-green: #C8CE9D;
	--light-green: #ECE8D3;
	--green: #9EA174;
	--green2: #77a49e;
	--darkgreen: #80825e;
	--cyan: #77A59F;
	--black: #000000;
	--swiper-navigation-size:20px;
}
.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);}


/* =========== AMAGAR O IGNORAR (repassar si calen en acabar) =========== */
.hidden {visibility: hidden;}
.ignored {display: none;}


/* ===================  NO BORRAR =============================== */
h1.small{font-size:11px}
/* h2{font-size: 60px; line-height: 60px;line-height: normal;} */
.btnsmall .btn.btn-brand {
  background-color: transparent;
  border-radius: 0;
  text-transform: none;
  color: #333;
}
.nopointer a{pointer-events: none;}
.btnsmall .btn.btn-brand:after{content:url("../img/right-arrow.svg");width: 50px;
height: 50px;transform: scale(0.4);margin-top: 2px;}
/* .container, .container-lg, .container-md, .container-sm, .container-xl {  max-width: 1300px;} */
.btn.btn-brand {background-color: #000; border-radius: 0; text-transform: uppercase; color:#fff;}

#index #pas2{background-image: url("../../../media/images/home/h1-background-img-1.jpg");  background-size: contain;
  background-position-y: top;  background-repeat: no-repeat;  background-position-x: right;padding-top: 8vw;padding-bottom: 8vw;
}
#slider .sliderbanner .caption {padding: 8% 8% 0!important; top: 0;}
#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);}
.individualbanner1 {display: flex;  align-items: flex-start;  flex-wrap: wrap;}
.individualbanner1 .caption{position:relative; width: 100%;}
.individualbanner1 .caption h3 a{color:#666; text-align: center;}
.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%);}
.individualbanner1 .caption .details{display:none;}
.f5 .individualbanner1 .caption h3 a{color:#67B8EA}
.f7 .individualbanner1 .caption h3 a{color:#E0D310}
.pf7 .individualbanner1 .caption h3 a{color:#2F3786}
.caption h1, .caption h2, .caption h3, .caption h4, .caption h5, .caption h6 {font-family: 'DM Sans', sans-serif;font-size: 20px;margin-bottom: 25px;}
#premisesblock h2{font-size: 40px;}
#premisesblock h3{font-size: 20px;}
#premisesblock .intro .row{height: 100%;}
#premisesblock .intro .logo{display: flex;align-items: end;}
.premises .blocpremisa h3{border-top:1px solid #333;}
.premises .blocpremisa:nth-child(1):before{content:"01."}
.premises .blocpremisa:nth-child(2):before{content:"02."}
.premises .blocpremisa:nth-child(3):before{content:"03."}
.premises .blocpremisa:nth-child(4):before{content:"04."}
.premises .blocpremisa:nth-child(5):before{content:"05."}
.premises .blocpremisa:nth-child(6):before{content:"06."}
.premises .blocpremisa:nth-child(7):before{content:"07."}
.premises .blocpremisa:nth-child(8):before{content:"08."}
.premises .blocpremisa:nth-child(9):before{content:"09."}
.premises .blocpremisa:nth-child(10):before{content:"10."}
.parallax .btn.btn-brand{display:none;}
#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);
}
#frasetop{
  z-index: 3;
    text-align: center;
    color: #fff;
    background: rgba(0,0,0,0.5);
    padding: 25px;
}
.titulares-home{
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  font-family: 'DM Sans', sans-serif;
  letter-spacing: inherit;
  color: var(--dark-blue);
  margin-bottom: 0.5rem;
}
.titular-home{
  font-size: 32px;
  font-weight: 700;
  font-family: 'DM Sans', sans-serif;
  letter-spacing: inherit;
  color: var(--dark-blue);
  margin-bottom: 0.5rem;
}
.acordio .titolacordio{
  color: #000;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: inherit;
}
.extratop {background-color: var(--white);}
.extratop a {color: var(--black);}

.navbar-brand {margin: 20px 0; height: 100px;}
.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;}
.breadcrumbcontainer {
    xbackground: #f9f9f9;
	top: 140px;
}
.has-sticky-header .breadcrumbcontainer {
    top: 110px;
    background: #f9f9f9;
}
.breadcrumb {display: inline-flex;}

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;
}
#projects .product-list .item {transition: all 0.3s linear; margin-bottom: 20px;}
#projects .product-list .item:hover {filter: brightness(80%)}
.imgmissing {
	max-width: 350px;
	width: 100%;
  }
#relacionados .product-list .post-details{margin-top:10px;}
#relacionados .product-list .post-details h3 {	font-size: 26px;	line-height: normal; font-weight: 600;  }
#relacionados .product-list .post-details h4 {	font-size: 20px;	line-height: normal; font-weight: normal;  }

#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;}
.fondogris {background: var(--light-green);}
.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);}
.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;}
.right,.right > div{justify-content: flex-end}
.info.right p{text-align: left;}
.nopadfoto .info {padding: 15px 5vw;}
img.round{border-radius: 50%;}
.vcenter{align-items: center;display: flex;}
.nopadfoto >.row  > .foto{padding: 0;}
.nopadfoto img{width: 100%;}
#products .item{margin-bottom: 30px;}
#products h3,#products .item-title {
	font-size: clamp(16px,2vw,24px); 
	text-align: center;
    line-height: normal;
	padding: 15px;
    margin: 0 auto;
	font-weight: 400;
}
#products .block-ellipsis h3 {	font-size: clamp(18px,2.5vw,20px); margin:0 auto 10px; text-align: center; padding: 0;line-height: normal;}
#products .block-ellipsis h4 {	font-size: clamp(16px,2vw,18px); margin:0 auto; text-align: center;line-height: normal; }

#products h3,#products .item-title {color: var(--black);transition: all 0.3s linear;}
#products .product-list.products .item-title{font-weight: 600;}
#products .product-list .item img {transition: all 0.3s linear; background: linear-gradient(#fbfbfb,#f6f6f6);}
#products .product-list .item:hover img {filter: brightness(90%); transform: translateY(-15px); box-shadow: 0 10px 10px rgba(0,0,0,0.3);}
#products .product-list .item:hover h3,#products .product-list .item:hover .item-title {color: var(--green);}
#products .product-list.products .item:hover .block-ellipsis h3 {color: inherit;}
#parallax {
	/* background-image: url("../../../media/images/home/parallax.png"); 
	background-image: url("../../../media/images/home/parallax.webp");*/
    background-attachment: initial;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	/*padding-top: 25%;*/
}
#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;}
.btn {height: 58px;}
.btn.btn-brand {
    background-color: transparent;
    text-transform: initial;
    color: #000;
    border: 1px solid #000; height: 48px;
}
.btn.btn-brand:hover {background: var(--yellow);}
.btn:focus {outline: 2px solid var(--yellow);}
.Productos.fitxa h3 {font-weight: bold;    }
#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;
	flex-wrap: wrap;
Margin-bottom:10px;
}
#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#acabados_80[type="radio"]{background: rgb(193,193,193);
background: linear-gradient(144deg, rgba(193,193,193,1) 0%, rgba(223,223,223,1) 25%, rgba(224,224,224,1) 43%, rgba(223,223,223,1) 70%, rgba(193,193,193,1) 100%);}

#acabados input#acabados_81[type="radio"] {background: rgb(193,193,193);
background: linear-gradient(144deg, rgba(193,193,193,1) 0%, rgba(241,241,241,1) 25%, rgba(224,224,224,1) 43%, rgba(251,251,251,1) 70%, rgba(193,193,193,1) 100%);}
#acabados input[type="radio"]:hover {border: 3px solid var(--green);}
#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);
}
#formfitxa {
	position: relative;
	background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(239,210,117,1) 0%, rgba(243,243,243,1) 25%);
    padding: 30px;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.3);
    margin-top: 20px;
    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: #EFD275;
    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;}
#contentfitxa {    margin-top: clamp(20px,2.5vw,80px);}

#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%;}
#contactfitxa .footer-item-right{  margin-left: 0px; margin-bottom:15px;}

/*-- FOOTER --*/
#footer {background-color: var(--white); border-top: 1px solid #000;}
#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(--green);}
#footer p, #footer a, #footer input, #footer label  {font-size: 14px; color: var(--black); }
#footer p{margin-bottom: 0;}
#footer  #footer a #footer p a:hover, #footer a:hover {color: var(--green);}
#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 span.big{color: #80825e!important; font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 24px; line-height: 32px;}
span.big{font-size: clamp(18px,2.5vw,26px);}
/*-- RESPONSIVE --*/
@media only screen and (min-width: 1200px) {
	.margin-principal {
		margin-top: 140px;
	}
}
@media screen and (max-width: 1199px) {
	.main-navigation .searchcont{position: absolute;    right: 30px;}
	.margin-principal {
		margin-top: 0!important;
	}
	.dropdown-item {
		border-bottom: 0;
	}
	.margin-principal.extramargin {
		margin-top: 0!important;
	}
	.breadcrumbcontainer {
    	position: relative!important;
		top: 0;
	}
	.has-sticky-header .breadcrumbcontainer {
		top: 0;
	}
	#acabados {
		padding: 30px 0;
	}
	
}
@media only screen and (max-width: 991px) {
	#slider .blackbox {
		width: max-content;
		display: flex;
		bottom: 12%;
		left: 50%;
		transform: translate(-50%, -12%);
	}
	#slider .blackbox p {
		padding: 5px 15px;
		font-size: 12px;
	}
	.cbp-af-header.cbp-af-header-shrink .nav-item, .nav-item {
		padding: 5px 20px 0 20px;
		margin: 0;
	}
	.navbar-collapse .navbar-nav {
		/*background: #ece8d3;*/
	}
	.main-navigation .dropdown-menu{background-color: #fff;}
	.main-navigation ul li.nav-item {
		margin: 5px 20px 0 20px;
		padding: 0
	}
	.main-navigation .dropdown-menu {
    	padding: 0!important;
	}
	.main-navigation .searchcont {
   		display: block;
		margin: 10px 20px;
	}
	.main-navigation .searchcont .search-form .icon-input {
		padding: 0 10px 0 0;
	}
	.individualbanner1 figure {
		max-height: 200px;
		overflow: hidden;
	}
	#projects .product-list .item {
	    max-height: 350px;
    	overflow: hidden;
	}
	#formfitxa {
		max-width: 90% !important;
		margin-left: 25px;
	}
	header .lock-container {    padding: 0 30px;}
	.main-navigation .searchcont {		position: relative;}
}
@media only screen and (max-width: 797px) {
	#slider div {
		padding: 0;
	}
	#projects .product-list .item {
	    max-height: 250px;
    	overflow: hidden;
	}
	#parallax .parallaxbox {
		padding: 40px 0;
	}
	#acabados input[type="radio"] {
		width: 50px;
		height: 50px;
	}
	#catdescription > div {  column-gap: 30px;}
}
.showmobile{display: none;}
@media screen and (min-width: 481px) {
	
}
@media screen and (max-width: 480px) {
	.breadcrumb ul li:first-child{display:none;}
	.showmobile{display: block!important;}
	.hiddenmobile{display:none!important;}
	.container > .row#clientes, .col-12 > .row#clientes, .row#clientes {
		margin-left: -15px!important;
		margin-right: -15px!important;
	}
	#acabados .acabados {margin-left: 1em;}
	.breadcrumb {			}
	p {
		line-height: 1.2;
	}
	#fitxes .col-3 {
		flex: 100%;
		max-width: 100%;
	}
	#bannershome{margin-top:15px}
	#bannershome .col-12,#index #projects .col-12{padding: 0;}
	#index .fondogris{padding-left: 0; padding-right: 0;}
	#index .fondogris .col-12{padding: 0;}
	#products .margin-principal .col-12{padding: 0;}
	#index .margin-principal .descobrir .col-12{padding: 0;}
	#contentfitxa .col-12{padding: 0;}
	#bannerscategory .col-12{padding: 0;}
	#bannerscategory .col-6{padding: 0 7px;}
	#index .margin-principal .descobrir h2{    font-size: clamp(20px,2vw,40px);    line-height: normal;}
	.descobrir p {    font-size: clamp(16px,2vw,22px);}
	.order1{order:1}
	.order0{order:0}
	.order2{order:2}
	.order3{order:3}
	.order4{order:4}
	.order5{order:5}
	.order6{order:6}
	.order7{order:7}
	.order8{order:8}
	#footer .fullwidth.bloc .container,#footer .fullwidth.bloc .col-6{padding: 0!important;}
	#footer p, #footer a, #footer input, #footer label {    font-size: 13px;}
	#footer #mailchimpform form {  padding: 0;}
	#footer big {  margin-top: 10px;  display: block;  margin-bottom: 5px;}
	#catdescription > div {  column-count: 1;  column-gap: 0px;}
	header .lock-container {    padding: 0 0px;}
	#parallax .col-12{padding:0;}
	.copyrow p{padding: 15px 0;}
	.nopadmb{padding: 0 7px;}
	.nopadmob .col-12{padding: 0 0px;}
	#index #products .item {    padding: 0 7px;}
	#index #products .item {    margin-bottom: 15px!important;}
	#products .item {    margin-bottom: 30px!important; padding: 0px!important;}
	#landingcategory .margin-principal .col-12{padding: 0;}
	.nopadfoto{padding: 0 15px;}
	.nopadfoto .info{margin-top:15px;}
	#bannerscategory .row{justify-content: center;}
	#bannerscategory h3 a{    font-size: clamp(16px,2vw,24px);    text-align: center;    line-height: normal;    padding: 15px;    margin: 0 auto;
    font-weight: 400;}
	#combinats h2{margin-top:30px;}
	.margin-principal .col-12{padding: 0;}
	#cataloglist .btn{margin-top:10px; margin-bottom:30px;}
	
}

.extra-extra-top .idiomes{
	display: flex;
	justify-content: end;
	align-items: center;
	margin-bottom: 0;
}
.extra-extra-top .idiomes a{
	color: #000;
}

.extra-extra-top .idiomes a:hover,
.extra-extra-top .idiomes .active a{color: var(--darkgreen);}