/*
Theme Name: XEMENEIES POU
Theme URI: http://www.xemeneiespou.com/
Description: Som una empresa familiar que es dedica al disseny i construcció de xemeneies des de fa més de 40 anys.
Author: Bisgràfic & Neorg
Version: 1.0 - 09/2019 - xx/xxxx
*/


@font-face {
    font-family: 'Sharp Grotesk Book 20';
    src: url('fonts/SharpGrotesk-Book20.woff2') format('woff2'),
        url('fonts/SharpGrotesk-Book20.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sharp Grotesk Medium 20';
    src: url('fonts/SharpGrotesk-Medium20.woff2') format('woff2'),
        url('fonts/SharpGrotesk-Medium20.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}



/* Desktop */
		/*---------------------------------------------------------------------------*/

* {
	box-sizing:border-box;
}

body {
	margin: 0px;
	padding: 0px;
	/*-webkit-font-smoothing: antialiased;*/
	/*-webkit-text-size-adjust: 100%;*/
	background-color: white;
	color:#252E30;
	font-size: 14px;
	line-height: 1.6;
    font-family: 'Sharp Grotesk Book 20';
	font-weight: normal;
}

header {
	background-color: white;
	position:fixed;
	z-index: 100;
	width: 100%;
	display:flex;
	justify-content: space-between;
	padding: 0 70px 0 70px;
}

#ghost {
	display: block;
	width: 100%;
}

#menutop > div > ul {
	display:flex;
	list-style: none;
	padding: 50px 0 0 0;
	margin: 0;
}

#menutop > div > ul li {
	margin-left: 50px;
}

#menutop a {
	color:rgba(0,0,0,0.6);
	text-decoration: none;
	-moz-transition: all ease-in-out 0.2s;
	-webkit-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
}

#menutop a:hover {
	color:#252E30;
}

#menutop li.current-menu-item a {
	color:black;
}

header img {
	display: block;
}

img#logotop {
	width: 200px;
	height: 115px;
}


/* 	==================================================
	===== HOME
	==================================================  */

.fixedhome {
	position:fixed;
	z-index: -1;
	width: 100%;
	display:flex;
	flex-direction: column;
	/*-moz-transition: all ease-in-out 0.9s;
	-webkit-transition: all ease-in-out 0.9s;
	-o-transition: all ease-in-out 0.9s; */
	-moz-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
}

.fixedhome.disallow {
	opacity:0;
}

.fixedhome.disallow2 {
	opacity:0;
}

.fixedhome.disallow2 > div:nth-child(1) {
	-moz-transition: all ease-in-out 2s;
	-webkit-transition: all ease-in-out 2s;
	-o-transition: all ease-in-out 2s;

	background-size: auto 130%;
}

.fixedhome > div,
.fixedhome > div:nth-child(1) > div,
#nosaltresassesorem {
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.fixedhome > div:nth-child(1) {
	height: calc(100vh - 114px);
	background-size: auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

.iphone .fixedhome > div:nth-child(1) {
	height: calc(100vh - 284px);
}



.fixedhome > div:nth-child(1) > div {
	background-color: white;
	width: 460px;
	height:308px;
	display:flex;
	color:rgba(37,46,48,0.6);
	/*padding: 0px 135px;*/
	text-align: center;
	position: relative;
}

.frase {
	opacity: 0;
	position:absolute;
	top:0;
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
	/* width: 190px; */ /* Need a specific value to work */
	height: 308px;
	display:flex;
	justify-content: center;
	align-items: center;
	/* font-size: 24px; */

	width: 300px;
	font-size: 32px;
    color: #000;
    font-weight: bold;
	line-height: 1.3;
}
.frase.active {
-moz-transition: all ease-in-out 1.5s;
-webkit-transition: all ease-in-out 1.5s;
-o-transition: all ease-in-out 1.5s;
	opacity:1;
}



.fixedhome > div:nth-child(2) {
	height: 114px;
	color:rgba(37,46,48,0.6);
}







img#fletxahome {
	width: 14.14px;
	animation-name: fletxasaltant;
	animation-iteration-count: infinite;
	animation-duration: 2s;
	margin-top: 5px;
}

@keyframes fletxasaltant {
  0% { padding-top: 0; padding-bottom:12.5px }
  50% { padding-top: 12.5px; padding-bottom:0 }
  100% { padding-top: 0; padding-bottom:12.5px }
}


#nosaltreshome {
	background-color: #da9669;
	font-size:2.25vw;
	/*font-size:32px;*/
	line-height: 1.3;
	padding: 70px;
	z-index: 101;
    font-family: 'Sharp Grotesk Medium 20';
}

#nosaltreshome p {
	margin: 0 0 37px 0;
}

#nosaltreshome span {
    font-family: 'Sharp Grotesk Book 20';
	color:black;
	text-transform: uppercase;
	font-size:14px;
	margin-bottom: 17.5px;
	display: block;
}






#textfirst {
	/*margin-top: 100vh;*/
	margin-top: 115px;
	display:flex;
	/* justify-content: flex-end;
	align-items: flex-end; */
	padding: 0 70px 0 0;
    font-family: 'Sharp Grotesk Medium 20';
	
	justify-content: space-around;
	padding-left: 70px;
	margin-bottom: 115px;
}

#textfirst p {
	margin: 0;
}

#textfirst > div {
	width: 40%;
	font-size: 32px;
	line-height: 1.3;
}

#textfirst strong {
	color:#da9669;
	font-weight: 400 !important;
}










#serveipostventa {
	padding: 70px;
	display:flex;
	justify-content: space-between;
}

#fotopostventa {
	padding-bottom: 25%;
	width: 40%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
}

#serveipostventa span {
	display: block;
	color:#da9669;
	margin-bottom: 25px;
	text-transform: uppercase;
}

#serveipostventa > div:nth-child(2) {
	padding-top: 120px;
	padding-bottom: 30px;
	width: 50%;
}

#columpostve {
	column-count:2;
}



#slide-projectes {
	padding: 30px 70px;
	background-color: #f3dccc;/*rgba(242,169,92,0.3);*/
	height: 592px;
	/* overflow: hidden; */
	margin-top: 30px;
	/* margin-bottom: 300px; */
	
	margin-bottom: 200px;
}

#producteshome {
	padding: 30px 70px;
	background-color: #f3dccc;/*rgba(242,169,92,0.3);*/
	height: 592px;
	display:flex;
	/*margin-bottom: 63px;*/
}

.txtproducteshome {
	width: 25%;
	margin-right: 25px;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
}

.txtproducteshome span {
	text-transform: uppercase;
	color:black;
	font-size:14px;
}

.txtproducteshome h3 {
    font-family: 'Sharp Grotesk Medium 20';
	font-weight: 500;
	color:#252e30;
	font-size:32px;
	line-height: 1.3;
	margin: 22px 0 0 0;
}

.fotosproducteshome {
	width: calc(75% - 25px);
	display:flex;
}

.fotosproducteshome > div {
	position:relative;
}

.fotosproducteshome > div:nth-child(1) {
	width: 44%;
	margin-right: 20px;
}
.fotosproducteshome > div:nth-child(2) {
	width: calc(56% - 20px);
}

.fotosproducteshome img {
	width: 100%;
	/* position: absolute; */
}




a.links {
	text-decoration: none;
	width: 200px;
	padding-left: 30px;
	display:inline-block;
	line-height: 1.45;
	-webkit-background-size: 16px 16px;
	background-size: 16px 16px;
	background-repeat: no-repeat;
-moz-transition: all ease-in-out 0.2s;
-webkit-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
}

a.links:hover {
	background-position: 5px 0px;
}

.slide-flex a.links,
#producteshome a.links {
	color:rgba(37,46,48,0.6);
	background-image: url(img/fletxa-link-producteshome.svg);
}

.slide-flex a.links:hover,
#producteshome a.links:hover {
	background-image: url(img/fletxa-link-producteshome-black.svg);
	color:#252E30;
}








footer {
	background-color: white;
	padding: 0px 70px 0px 70px;
	height: 35px;
	display:flex;
	align-items: center; 
	justify-content: space-between;
	line-height: 1.1;
}

footer.fixedfooter,
.single-prod footer {
	position:fixed;
	bottom:0;
	z-index: 100;
	width: 100%;
}

footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display:flex;
}

footer a {
	text-decoration: none;
	color:black;
-moz-transition: all ease-in-out 0.2s;
-webkit-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
}

footer ul a {
	color:rgba(0,0,0,0.6);
}

footer ul a:hover {
	color:#252e30;
}

footer ul li {
	margin-left: 50px;
}

#slidernosaltres #slider {
	transform: translateY(-50%);
    top: 50%;
}


/* 	==================================================
	===== PRODUCTES
	==================================================  */

#contpageproductes {
	padding: 0px 70px;
	display:flex;
}

#sidebar {
	width: 16%;
	margin-right: 7%;
	padding-bottom: 65px;
	overflow-y: scroll;
	overflow-x: visible;
	position: sticky;
}

#sidebar::-webkit-scrollbar,
.page-template-page-producto .search-filter-results::-webkit-scrollbar {
	display: none;
}

#sidebar .searchandfilter h4 {
	border-top:1px solid black;
	padding: 17.5px 0 0 0;
	text-transform: uppercase;
	color:#da9669;
	line-height: 1.3;
	font-weight: 500;
}
.searchandfilter ul {
	padding: 0;
}

.searchandfilter ul li {
	padding: 0 !important;
}

li.sf-field-taxonomy-categories_productes > ul,
li.sf-field-tag > ul,
li.sf-field-taxonomy-categories_accessoris > ul {
	margin: 25px 0 0 0;
}

.sf-field-taxonomy-categories_accessoris .sf-item-0 {
	display: none;
}

li.sf-field-tag > ul {
	margin: 25px 0 60px 0;
}

li.sf-field-taxonomy-categories_productes > ul li,
li.sf-field-tag > ul li,
li.sf-field-taxonomy-categories_accessoris > ul li,

li.sf-field-taxonomy-categories_productes > ul li label,
li.sf-field-tag > ul li label,
li.sf-field-taxonomy-categories_accessoris > ul li label {
	padding: 0.5px 0;
/*moz-transition: all ease-in-out 0.3s;
-webkit-transition: all ease-in-out 0.3s;
-o-transition: all ease-in-out 0.3s;*/
	color:rgba(37,46,48,0.6);
}

li.sf-field-taxonomy-categories_productes > ul:hover li,
li.sf-field-tag > ul:hover li,
li.sf-field-taxonomy-categories_accessoris > ul:hover li {
	color:rgba(0,0,0,0.3) !important;
}



li.sf-field-taxonomy-categories_productes > ul li:hover label,
li.sf-field-tag > ul li:hover label,
li.sf-field-taxonomy-categories_accessoris > ul li:hover label,

li.sf-field-taxonomy-categories_productes > ul li.sf-option-active label,
li.sf-field-tag > ul li.sf-option-active label,
li.sf-field-taxonomy-categories_accessoris > ul li.sf-option-active label, ul li.active-custom label {
	color:black;
}

li.sf-option-active label::after {
	content:'';
	width: 12px;
	height: 12px;
	background-image: url(img/close.svg);
	margin-left: 17.5px;
	display:inline-block;
	position: absolute;
	margin-top:5px;
}

.seleccionat .sf-field-taxonomy-categories_productes ul {
}


.seleccionat label {
	margin-left: 15px !important;
}

.seleccionat li[data-sf-count="0"] label {
	margin-left: 0px !important;
}

.seleccionat li[data-sf-count="0"].sf-option-active label,
.filtre_accessorits li.sf-option-active label {
	margin-left: 15px !important;
}





/*
.seleccionat li.sf-field-taxonomy-categories_productes > ul li.sf-option-active label,
.seleccionat li.sf-field-taxonomy-categories_productes > ul li:hover label,
.seleccionat li.sf-field-tag > ul li.sf-option-active label,
.seleccionat li.sf-field-tag > ul li:hover label {
	padding-left: 0 !important;
}

*/






.searchandfilter input.sf-input-checkbox,
.searchandfilter input.sf-input-radio {
	display: none;
}

.searchandfilter li[data-sf-field-input-type=checkbox] label,
.searchandfilter li[data-sf-field-input-type=radio] label {
	padding-left: 0 !important;
}


.page-template-page-productes .search-filter-results {
	/* width: 77%; */
	display:flex !important;
	flex-wrap: wrap;
	/* overflow-y: scroll; */
	align-content: flex-start;
	padding-bottom: 100px;
}

a.thumprod {
	/* width: calc(33.33333% - 20px); */
	width: calc(25% - 20px);
	margin: 0 0 28px 20px;
	text-decoration: none;
	line-height: 1.3;
	color:#252E30;
}

.minifoto {
	padding-bottom: 66%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	margin-bottom: 17.5px;
	-moz-transition: all ease-in-out 0.4s;
	-webkit-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
}

a.thumprod .minifoto:hover {
	opacity: 0.5;
}

.thumprod eo {
	display:flex;
	justify-content: space-between;
}

.thumprod strong {
	display: block;
    font-family: 'Sharp Grotesk Medium 20';
}

.thumprod eo > span:nth-child(2) {
	width: 45%;
	text-align: right;
	color:rgba(34,46,48,0.6);
	-moz-transition: all ease-in-out 0.4s;
	-webkit-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
}

.thumprod eo > span:nth-child(2):hover {
	color:#252e30;
}




/* 	==================================================
	===== SINGLE PRODUCTS
	==================================================  */


#trucans {
	position: fixed;
	background-color: #da9669;
	border:1px solid black;
	line-height: 1.4;
	padding: 17.5px;
	width: 310px;
	z-index: 102;
}

#trucans p {
	margin: 0;
}

#trucans strong {
	display: block;
    font-family: 'Sharp Grotesk Medium 20';
    font-weight: 500;
}

#trucans:hover {
	cursor:grab;
}

#trucans:active {
	cursor:grabbing;
}

#trucans div {
	position: absolute;
	right:0px;
	top:0px;
	background-image: url(img/close-black.svg);
	-webkit-background-size: 17px 17px;
	background-size: 17px 17px;
	background-position: center center;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
}

#trucans > div:hover {
	cursor: pointer;
}





#contsingleproducts {
	background-color:rgba(216,216,216,0.3);
	padding: 35px 70px;
	display:flex;
	justify-content: space-between;
}

#contsingleproducts h1 {
	font-size:32px;
	margin: 0;
	padding: 0;
    font-family: 'Sharp Grotesk Medium 20';
	font-weight: 500;
}

#contsingleproducts h2 {
	font-size:32px;
	font-weight: normal;
	margin: 0 0 17.5px 0;
	padding: 0;
	line-height: 1.2;
}

#infoprod span {
	display: block;
	margin-bottom: 17.5px;
}

#contsingleproducts a.links {
	color:rgba(37,46,48,0.6);
	background-image: url(img/fletxa-link-producteshome.svg);
-moz-transition: all ease-in-out 0.2s;
-webkit-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
	margin-top: 100px;
}

#contsingleproducts a.links:hover {
	color:black;
	background-image: url(img/fletxa-link-producteshome-black.svg);
}



/*	===== 1 FOTO - VERSIO 1 ===== */

.one-a #infoprod,
.one-c #infoprod,
.two-a #infoprod,
.two-b #infoprod {
	width: 24%;
	display:flex;
	flex-direction: column;
	/* header: 115px; footer: 40px; padding: 35+35px */
	min-height: calc(100vh - 225px);
	justify-content: space-between;
}

.one-a #fotosproductes,
.one-c #fotosproductes {
	width: 66.5%;
	position: relative;
}

.one-a #fotosproductes img,
.one-c #fotosproductes img {
	position: absolute;
	width: 100%;
}

.one-a #fotosproductes img:nth-child(2),
.one-c #fotosproductes img:nth-child(2),
.one-a #fotosproductes img:nth-child(3),
.one-c #fotosproductes img:nth-child(3) {
	display: none;
}


.one-a #infoprod,
.one-c #infoprod {
	padding-top: 27px;
}

.one-a #infoprod,
.one-c #infoprod {
	min-height: 475px;
}


/*	===== 1 FOTO - VERSIO 2 ===== */


.one-b #fotosproductes img:nth-child(1),
.one-b #fotosproductes img:nth-child(3) {
	display: none;
}

.one-b #infoprod {
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	padding-top: 27px;
	padding-left: 8.7%;
	width: 32.6%;
}

#contsingleproducts.one-b {
	height: 650px;
}

.one-b #infoprod  {
}
.one-b #fotosproductes  {
	width: 67%;
}

.one-b #fotosproductes img {
	width: 48.3%;
	margin-left: 40.2%;
}

/*
.one-b #fotosproductes img {
	position: absolute;
	height: 580px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	object-fit: cover;
	width:48.5%;
}



.one-b #infoprod {
	min-height:500px;
}
*/


#contsingleproducts img {
	display: block;
	max-width: 100%;
	height: auto;
}


/*	===== 1 FOTO - VERSIO 3 ===== */

#contsingleproducts.one-c {
	flex-direction: row-reverse;
	min-height:585px;
}


/*	===== 2 FOTOS - VERSIO 1 ===== */

#contsingleproducts.two-a {
	flex-direction: row-reverse;
	/* height: 955px; */
}

.two-a #infoprod {
	justify-content: flex-start;
}

.two-a #fotosproductes {
	width: 66%;
	text-align: right;
}

.two-a #fotosproductes img {
	margin-bottom: 17.5px;
}

.two-a #fotosproductes img:first-child {
	width: 100%;
}

.two-a #fotosproductes img:nth-child(2) {
	width: 53%;
	margin-bottom: -50px;
}

.two-a #fotosproductes img:nth-child(2) {
	display: none;
}


/*	===== 2 FOTOS - VERSIO 2 ===== */

#contsingleproducts.two-b #infoprod {
	padding-top: 27px;
	padding-bottom: 27px;
}

.two-b #fotosproductes {
	width: 74%;
	position: inherit;
	display:flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.two-b #fotosproductes img {
	align-self:flex-end;
	/*margin-right: 17.5px;
	min-width: 50%;
	max-height: calc(100vh - 225px);*/
	object-fit: cover;
	object-position: left center;
}

.two-b #fotosproductes img:nth-child(1) {
	width: calc(56.3% - 20px);
}

.two-b #fotosproductes img:nth-child(2) {
	width:43.7%;
	margin-right: 20px;
}

.two-b #fotosproductes img:nth-child(3) {
	display: none;
}




/*	===== 2 FOTOS - VERSIO 3 ===== */

#contsingleproducts.two-c {
	height: 820px;
}

.two-c #column1 {
	width: 32.35%;
}

.two-c #column1 img {
	width: 100%;
	height: auto;
}

.two-c #column2 {
	width: calc(67.65% - 20px);
	display:flex;
	flex-direction: column;
}

.two-c #column2 img {
	width: 100%;
}

.two-c #column2 > div:nth-child(1) {
	margin-bottom: 60px;
	padding-left: 11.5%;
	display:flex;
	padding-top: 26px;
	justify-content: space-between;
}

.two-c #column2 > div:nth-child(1) > div:nth-child(1) {
	width: 37%;
}

.two-c #column2 > div:nth-child(1) > div:nth-child(1) a.links {
	margin-top: 6px;
}

.two-c #column2 > div:nth-child(1) > div:nth-child(2) {
	width: 54.5%;
}

.two-c #column2 > div:nth-child(1) > div:nth-child(2) span {
	display: block;
	margin-bottom: 17.5px;
}




/*	===== 3 FOTOS - VERSIO 1 ===== */

#contsingleproducts.three-a {
	flex-direction:column;
	/*height:1060px;*/
}

.three-a #row1 {
	margin-bottom: 20px;
	display:flex;
	justify-content: space-between;
}

.three-a #row1 > div:nth-child(1) {
	width: 74.62%;
	display:flex;
	align-items: flex-end;
}

.three-a #row1 > div:nth-child(1) img:nth-child(1) {
	width: 54.8%;
	margin-right: 20px;
}

.three-a #row1 > div:nth-child(1) img:nth-child(2) {
	width: 44%;
}

.three-a #row1 > div:nth-child(2) {
	padding-top: 30px;
	width: calc(25.38% - 20px);
	display:flex;
	flex-direction: column;
	justify-content: space-between;
}

.three-a #row1 > div:nth-child(2) span {
	display: block;
	margin-bottom: 17.5px;
}

#contsingleproducts.three-a a.links {
	margin-top: 0;
}

.three-a #row2 {
	text-align: right;
	padding-bottom: 35px;
}

.three-a #row2 img {
	display: block;
	max-width: 66.2%;
	margin-left: 33.8%;
}



/*	===== 3 FOTOS - VERSIO 2 ===== */

#contsingleproducts.three-b {
	flex-direction:column;
	/* height:1060px; */
	height: 100%;
}

.three-b #row1 {
	display: flex;
	margin-bottom: 30px;
}

.three-b #row1 > div:nth-child(1) {
	width: 20%;
	margin-right: 7%;
}

.three-b #row1 > div:nth-child(2) {
	width: 32.31%;
}

#contsingleproducts.three-b a.links {
	margin-top: 10.5px;
}

.three-b #row1 > div:nth-child(2) span {
	display: block;
	margin-bottom: 17.5px;
}



.three-b #row2 {
	display:flex;
	margin-bottom: 20px;
}

.three-b #row2 img {
	object-fit: cover;
}

.three-b #row2 img:nth-child(1) {
	width: 66.18%;
	margin-right: 20px;
}

.three-b #row2 img:nth-child(2) {
	width: calc(33.82% - 20px);
}



.three-b #row3 {
	text-align: right;
}

.three-b #row3 img {
	margin-left: 25.4%;
	width: 40.7%;
	margin-bottom: 20px;
}



/*	===== 3 FOTOS - VERSIO 3 ===== */


#contsingleproducts.three-c {
	display:inherit;
	height: 1053px;
}

#contsingleproducts.three-c .files {
	display:flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.three-c #row1 {
	width: calc(33.9% - 20px);
}

.three-c #row2 {
	width: 66.16%;
	display:flex;
	align-items: flex-end;
	justify-content: space-between;
}

.three-c #row2 > div:nth-child(1) {
	width:calc(38.4% - 20px);
	align-self: flex-start;
	padding-top: 37px;
}

.three-c #row2 > div:nth-child(2) {
	width: 61.63%;
}

#contsingleproducts.three-c a.links {
	margin-top: 7.5px;
	margin-bottom: 30px;
	display: block;
}

.three-c #row3 {
	width: 66.16%;
	text-align: right;
	margin-left: 33.9%;
}

#vertmobile {
	display: none !important;
}


/*	===== 4 FOTOS - VERSIO 1 ===== */

#contsingleproducts.four-a {
	flex-direction:column;
	/*height:1060px;*/
}

.four-a #row1 {
	margin-bottom: 20px;
	display:flex;
	justify-content: space-between;
}

.four-a #row1 > div:nth-child(1) {
	width: 74.62%;
	display:flex;
	align-items: flex-end;
}

.four-a #row1 > div:nth-child(1) img:nth-child(1) {
	width: 54.8%;
	margin-right: 20px;
}

.four-a #row1 > div:nth-child(1) img:nth-child(2) {
	width: 44%;
}

.four-a #row1 > div:nth-child(2) {
	padding-top: 30px;
	width: calc(25.38% - 20px);
	display:flex;
	flex-direction: column;
	justify-content: space-between;
}

.four-a #row1 > div:nth-child(2) span {
	display: block;
	margin-bottom: 17.5px;
}

#contsingleproducts.four-a a.links {
	margin-top: 0;
}

.four-a #row2 {
	text-align: right;
	padding-bottom: 35px;
}

.four-a #row2 img {
	display: block;
	max-width: 66.2%;
	margin-left: 33.8%;
}



/*	===== 3 FOTOS - VERSIO 2 ===== */

#contsingleproducts.four-b {
	flex-direction:column;
	/* height:1060px; */
	height: 100%;
}

.four-b #row1 {
	display: flex;
	margin-bottom: 30px;
}

.four-b #row1 > div:nth-child(1) {
	width: 20%;
	margin-right: 7%;
}

.four-b #row1 > div:nth-child(2) {
	width: 32.31%;
}

#contsingleproducts.four-b a.links {
	margin-top: 10.5px;
}

.four-b #row1 > div:nth-child(2) span {
	display: block;
	margin-bottom: 17.5px;
}



.four-b #row2 {
	display:flex;
	margin-bottom: 20px;
}

.four-b #row2 img {
	object-fit: cover;
}

.four-b #row2 img:nth-child(1) {
	width: 66.18%;
	margin-right: 20px;
}

.four-b #row2 img:nth-child(2) {
	width: calc(33.82% - 20px);
}



.four-b #row3 {
	text-align: right;
}

.four-b #row3 img {
	margin-left: 25.4%;
	width: 40.7%;
	margin-bottom: 20px;
}



/*	===== 3 FOTOS - VERSIO 3 ===== */


#contsingleproducts.four-c {
	display:inherit;
	height: 1053px;
}

#contsingleproducts.four-c .files {
	display:flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.four-c #row1 {
	width: calc(33.9% - 20px);
}

.four-c #row2 {
	width: 66.16%;
	display:flex;
	align-items: flex-end;
	justify-content: space-between;
}

.four-c #row2 > div:nth-child(1) {
	width:calc(38.4% - 20px);
	align-self: flex-start;
	padding-top: 37px;
}

.four-c #row2 > div:nth-child(2) {
	width: 61.63%;
}

#contsingleproducts.four-c a.links {
	margin-top: 7.5px;
	margin-bottom: 30px;
	display: block;
}

.four-c #row3 {
	width: 66.16%;
	text-align: right;
	margin-left: 33.9%;
}

#vertmobile {
	display: none !important;
}








/* 	==================================================
	===== CONSELLS
	==================================================  */

#consells {
	width: 640px;
	margin: 30px auto;
}

#consells eo {
	text-transform: uppercase;
	color:#da9669;
	display: block;
	margin-bottom: 30px;
}



#consells select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background-color: white !important;
	border-radius: 0 !important;
	border:none !important;
	font-size:14px !important;
    font-family: 'Sharp Grotesk Book 20';
	border-bottom: 1px solid black !important;
	width: 100% !important;
	padding-bottom: 10px;
	outline: none;
	background-image: url(img/select.svg);
	-webkit-background-size: 13px 8px;
	background-size: 13px 8px;
	background-position: center right;
	background-repeat: no-repeat;
}

.page-template-page-consells .searchandfilter label {
	width: 100%;
}

#consells select::-ms-expand {
    display: none;
}



#accordion {
	margin: 35px 0;
}

#accordion h3 {
	outline: none;
	border-top:1px solid #f2a95c;
	font-size:14px;
    font-family: 'Sharp Grotesk Medium 20';
	font-weight: 500;
	margin: 0;
	padding-top: 33px;
	padding-bottom: 33px;
	position: relative;
}

#accordion h3:first-child {
	border-top: none;
}

#accordion h3.ui-state-active {
	border-bottom: none;
}

#accordion h3 span {
    font-family: 'Sharp Grotesk Book 20';
	display: block;
	color:#da9669;
	font-weight: normal;
}

#accordion h3:hover {
	cursor:pointer;
}

.ui-accordion-content {
	margin: 0;
	padding-bottom: 33px;
}

.ui-accordion-content p {
	margin: 0;
}




#accordion h3:after, #accordion h3:before {
	position: absolute;
    top: 50%;
    right: 0;
    width: 14px;
    height: 1px;
    background-color: black;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: -webkit-transform .3s cubic-bezier(.455,.03,.515,.955);
    transition: transform .3s cubic-bezier(.455,.03,.515,.955);
    transition: transform .3s cubic-bezier(.455,.03,.515,.955),-webkit-transform .3s cubic-bezier(.455,.03,.515,.955);
    content: "";
}

#accordion h3:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

#accordion h3.ui-state-active:after {
	-webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
}

#accordion h3.ui-state-active:before {
	-webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}


#notemes {
	margin: 35px 0;
}




/* 	==================================================
	===== MARQUES
	==================================================  */


#marques {
	padding: 24px 70px 0 70px;
	display:flex;
}

#sidebarmarques {
	width: 32.35%;
	position: fixed;
}

#sidebarmarques span {
	text-transform: uppercase;
}

#sidebarmarques h1 {
	margin: 10px 0 17.5 0;
	line-height: 1;
    font-family: 'Sharp Grotesk Medium 20';
	font-weight: normal;
	font-size:32.2px;
}

#sidebarmarques > div {
	width: 67%;
}

#contmarques {
	width: 67.65%;
	margin-left: calc(32.35% + 45px);
	display:flex;
	flex-wrap: wrap;
	margin-bottom: 70px;
}

#contmarques > a {
	width: 25%;
	padding-left: 20px;
	margin-bottom: 36px;
	text-decoration: none;
	color:#252E30;
	line-height: 1.45;
}

#contmarques > a > div {
	border-bottom: 1px solid #da9669;
	padding-bottom: 30px;
}

.logomarques {
	padding-bottom: 72%;
	margin-bottom: 15px;
	-webkit-background-size: contain;
	background-size: contain;
	background-position: center center;
-moz-transition: all ease-in-out 0.2s;
-webkit-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
}


#contmarques > a:hover .logomarques {
	opacity:0.4;
}

#contmarques strong {
	display: block;
    font-family: 'Sharp Grotesk Medium 20';
	font-weight: normal;
}

#contmarques span {
	width: 90%;
}







/* 	==================================================
	===== CONTACTE
	==================================================  */


#mapesfixed {
	position:fixed;
	width: 100%;
}

.mapes {
	border-bottom: 37px solid rgba(216,216,216,0.3);
	height: 50%;
	position:relative;
}

.mapes iframe {
	opacity:0.6;
	height: 100%;
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
}

.mapes span {
	position:absolute;
	z-index: 9999;
    font-family: 'Sharp Grotesk Medium 20';
	font-weight: 500;
	font-size:32px;
	color:#252E30;
	padding: 35px 70px;
	line-height: 1.2;
}

.mapes:first-child span {
	right:0
}


#contcontacte {
	background-color: #da9669;
	padding: 70px 70px 33px 70px;
	display:flex;
	justify-content: space-between;
	position: relative;
}

#fletxacontacte {
	position:absolute;
	top:9px;
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
	width: 14px; /* Need a specific value to work */
	mix-blend-mode: multiply;
}

#fletxacontacte {
}

#fletxacontacte img {
	-moz-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
}

#fletxacontacte img.hasScrolled {
	opacity:0;
}

#contcontacte #col1 {
	width: 35%;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
}

#contcontacte #col1 > div {
	display:flex;
	justify-content: flex-start;
}

#contcontacte #col1 > div > div:nth-child(1) {
	width: 49%;
}

#contcontacte #col1 h2 {
	margin: 0;
	font-size:32.2px;
	line-height: 1.3;
    font-family: 'Sharp Grotesk Medium 20';
	font-weight: 500;
}

#contcontacte #col2 {
	width: 50%;
	/*overflow-y: scroll;
	height:calc(100vh - 294px) /* Restar capçalera, footer i paddings */
}


#contcontacte .gform_body ul {
	margin:0;
	padding: 0;
	list-style: none;
}

.botigaformulari {
	margin-bottom: 60px;
}

.botigaformulari .gfield_label {
    font-family: 'Sharp Grotesk Medium 20';
	font-weight: normal !important;
	display: block;
	margin-bottom: 30px;
}

.botigaformulari label:hover {
	cursor: pointer;
}

.botigaformulari .gfield_label .gfield_required {
	display: none;
}

.botigaformulari input[type="radio"] {
  display: none;
}

.botigaformulari ul {
	display:flex;
	margin: 0;
	padding: 0;
}

.botigaformulari ul > li {
	flex:1;
	display:block;
}

.botigaformulari ul > li label {
	display: block;
	margin: 0 20px 0 0;
	padding: 17.5px;
	opacity:0.3;
	color:black;
	border:1px solid black;
	height: 50px;
	line-height: 1;
-moz-transition: all ease-in-out 0.2s;
-webkit-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
}

.botigaformulari ul > li:nth-child(2) label {
	margin: 0 !important;
}

.botigaformulari input[type="radio"]:checked+label {
	opacity:1;
}




li.col {
	display:flex;
	border-bottom: 1px solid black;
	padding: 7px 0 5px 0;
}

li.col label {
	width: 33.5%;
	color:#252E30;
}

li.col .ginput_container {
	width: 66.5%;

}

.gfield_error .ginput_container {
	padding-bottom: 28px;
	position:relative;
}

li:not(.botigaformulari):not(.accepto) .validation_message {
	position:absolute;
	margin-top: 28px;
	margin-left: 33.4%;
}

.validation_message {
	font-size:11px;
	color: #252E30;
}

li.col textarea {
	height: 95px;
}

li.col input,
li.col textarea {
	width: 100%;
    font-family: 'Sharp Grotesk Book 20';
	font-size:14px;
	line-height: 1.4;
	outline: none;
	border:none;
	background: transparent;
}

li.col input::-webkit-input-placeholder,
li.col textarea::-webkit-input-placeholder { /* Edge */
  color: rgba(37,46,48,0.6);
}

li.col input:-ms-input-placeholder,
li.col textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(37,46,48,0.6);
}

li.col input::placeholder,
li.col textarea::placeholder {
  color: rgba(37,46,48,0.6);
}


.infooblig {
	font-size:14px;
	padding: 10px 0 0 0;
}


.accepto .gfield_required {
	display: none;
}

.accepto {
	width: calc(100% - 350px);
	margin-top: 30px;
	color:rgba(37,46,48,0.6);
}

.accepto.llegitaccepted {
	color:#252E30;
}

.accepto input {
	display: none;
}




.accepto input {
  position: absolute;
  opacity: 0;
}
.accepto input + label {
  position: relative;
  cursor: pointer;
  padding: 0;
	display:inline-block;
	margin-left: 40px;
	line-height: 1.3;
	color:rgba(37,46,49,0.6);
}
.accepto input + label:before {
  content: '';
  margin-right: 26px;
  display: inline-block;
  vertical-align: text-top;
  width: 14px;
  height: 14px;
	margin-left: -40px;
	border:1px solid rgba(37,46,49,0.6);
}
.accepto input:checked + label:before,
.accepto.llegitaccepted label:before {
	border: 1px solid black;
	background-image: url(img/close-black.svg);
}

.accepto input:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}

.accepto input:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}



.accepto .ginput_container_consent {
	/*float:left;
	margin-bottom: 50px;*/
}

.accepto {
	display:flex;
}


.accepto a {
	color:rgba(37,46,49,0.6) !important;
	text-decoration: none;
}

.accepto a:hover {
	color:#252E30 !important;
}







#contcontacte input[type="submit"] {
	position: absolute;
	right:0px;
	width: 310px;
	height: 50px;
	line-height: 1;
	padding: 17.5px;
	background-color: transparent;
    font-family: 'Sharp Grotesk Medium 20';
	font-size:14px;
	font-weight: 500 !important;
	text-align: left;
	border:1px solid black;
	color: black;
	opacity: 0.3;
	outline: none;
	margin-top: -45px;
}

#contcontacte input[type="submit"]:hover {
	opacity: 1;
}


/* 	==================================================
	===== PAGE DEFAULT
	==================================================  */


.pagedefault {
	margin: 30px auto 70px auto !important;
}

.pagedefault h1 {
	font-size:32px;
    font-family: 'Sharp Grotesk Medium 20';
	font-weight: 500;
	margin: 0 0 50px 0;
}

.pagedefault h3 {
	color:#da9669;
	font-size:14px;
    font-family: 'Sharp Grotesk Medium 20';
	font-weight: 500;
	margin: 30px 0 0 0;
	display: block;
}



/* 	==================================================
	===== COOKIES
	==================================================  */

.pea_cook_wrapper {
	background-color: #da9669 !important;
	border-radius:0 !important;
	border:1px solid black !important;
	width: 420px;
	bottom:35px !important;
	right:70px !important;
	text-align: left !important;
	padding: 15px 20px !important;
}

.pea_cook_wrapper p,
button.pea_cook_btn {
    font-family: 'Sharp Grotesk Book 20' !important;
	font-weight: normal !important;
	font-size:14px !important;
}

a#fom {
	border-bottom: none !important;
	color:rgba(0,0,0,.6) !important;
}

a#fom:hover {
	color:black !important;
}

button.pea_cook_btn {
	background: transparent !important;	
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
	display: block;
    margin-left: 0px !important;
    width: inherit !important;
	color:rgba(0,0,0,.6) !important;
    font-family: 'Sharp Grotesk Book 20' !important;
	font-weight: normal !important;
	font-size:14px !important;
	margin-top: 10px;
	background-image: url(img/fletxa-link-producteshome.svg) !important;
	background-repeat: no-repeat !important;
	background-position: center left !important;
	-webkit-background-size: 16px 16px !important;
	background-size: 16px 16px !important;
	-moz-transition: all ease-in-out 0.2s;
	-webkit-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
    padding: 4px 30px !important;
	
    border-radius: 5px;
    line-height: 1;
    text-align: center;
}

button.pea_cook_btn:hover {
	color:black !important;
	background-position: 5px center !important;
	background-image: url(img/fletxa-link-producteshome-black.svg) !important;
}



/* 	==================================================
	===== 404
	==================================================  */

#notfound {
	height: 80vh;
	padding: 0 35%;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height: 1.7;
}

#notfound a {
	color: #252E30;	
}



#filteresponsive {
	display: none;
}


#mobilefilter {
	opacity: 0;
}


	/* 	==================================================
	===== MENU RESPONSIVE
	==================================================  */

#botomenu {
	display: none;
}

#menumobile {
	display: none;
}



		/* Pantalles altes */
		/*---------------------------------------------------------------------------*/

		@media
		only screen and (min-height : 800px) {
			
			.gform_wrapper,
			.gform_wrapper form,
			.gform_wrapper .gform_body,
			.gform_wrapper .gform_body ul {
				height: 100% !important;
			}
			
			.gform_wrapper .gform_body ul {
				flex-wrap: wrap;
				display:flex;
				flex-direction: column;
				justify-content: space-between;
			}
			
			.gform_wrapper .gform_body ul li#field_1_8 {
				flex:1;
			}	
			
			.botigaformulari ul {
				flex-direction: row !important;
			}
			
			#contcontacte input[type="submit"] {
				margin-top: -58px;
			}



}

		/* Large */
		/*---------------------------------------------------------------------------*/
		@media
		only screen and (max-width : 1200px) {
	
			
			/* #textfirst > div {
				width: 55%;
			} */
			
			#textfirst > div:nth-child(2),
			#serveipostventa > div:nth-child(2) {
				width: 55%;
			}
			
			a.thumprod {
				width: calc(50% - 20px);
			}
			
			.three-a #row1 > div:nth-child(2) {
				width: calc(24% - 20px);
			}
			
			#contsingleproducts.three-a a.links {
				margin-top: 20px;
			}
			
			.two-b #fotosproductes img:nth-child(2) {
				margin-right: 0;
			}
			
			.two-b #fotosproductes {
				flex-direction:column-reverse;
				align-items: flex-start;
				justify-content: flex-end;
			}
			
			.two-b #fotosproductes img {
				width: auto !important;
			}
			.two-b #fotosproductes img:nth-child(2) {
				margin-bottom: 20px;
			}
			
			.one-b #fotosproductes img {
				width: 59%;
			}
			
			#contsingleproducts.one-b {
				height: auto;
				min-height:650px;
			}
			
			#contmarques > a {
				width: 33.333%;
			}
			
			#contcontacte input[type="submit"] {
				width: 100%;
				position: inherit;
				margin-top: 35px !important;
			}
			
			.accepto {
				width: 100%;
			}
			
			.gform_wrapper .gform_body {
				height:calc(100% - 85px) !important;
			}
			
			.gform_footer {
				height: 85px !important;
				margin-top: 0px !important;
			}
			

}

		/* Medium */
		/*---------------------------------------------------------------------------*/
		@media
		only screen and (max-width : 992px) {

			#slide-projectes {
				margin-bottom: 200px!important;
			}
			
			#menutop > div > ul li {
				margin-left: 35px;
			}
			
			#nosaltreshome {
				font-size:22px;
			}
			
			/* #textfirst > div {
				width: 73%;
			} */
			
			#columpostve {
				column-count:1;
			}
			
			#fotopostventa {
				width: 49%;
			}
			
			#textfirst > div:nth-child(2),
			#serveipostventa > div:nth-child(2) {
				width: 44%;
			}	
			
			.slide-flex,
			#producteshome {
				flex-direction:column;
			}
			
			.txtproducteshome {
				height: auto !important;
				width: 100%;
				margin-right: 0px;
				margin-bottom: 20px;
				flex-direction: row;
				justify-content: space-between;
				align-items: flex-end;
			}	
			
			.fotosproducteshome {
				width: 100%;
			}
			
			#sidebar {
	    		width: 22%;
				margin-right: 3%;
			}
			
			/* .page-template-page-productes .search-filter-results {
				width: 75%;
			} */
			
			#contsingleproducts.three-c .files {
				flex-direction:column-reverse;
			}
			
			.three-c #row1 {
				width: 100%;
			}
			
			.three-c #row2 {
				width: 100%;
				margin-bottom: 20px;
			}
			
			.three-c #row1 {
				display: none;
			}
			
			.three-c #row3 {
				width: 75%;
				margin-left: 25%;
			}
			#vertmobile {
				display: block !important;
				margin-bottom: 20px;
			}

			
			.three-a #row1 {
				flex-direction:row-reverse;
			}
			
			.three-a #row1 > div:nth-child(2) {
				width: calc(40% - 20px);
			}
			
			.three-a #row1 > div:nth-child(1) {
				width: 60%;
				flex-direction: column;
				align-items: flex-start;
			}
			
			.three-a #row1 > div:nth-child(1) img:nth-child(1) {
				width: 100%;
				margin-right: 0;
				margin-bottom: 20px;
			}
			
			#contsingleproducts.three-c {
				height:auto;
			}
			
			.three-a #row1 > div:nth-child(1) img:nth-child(2) {
				width: 100%;
			}
			
			.three-b #row2 img {
				margin-bottom: 0 !important;
			}
			
			.three-b #row2 {
				order:1;
			}
			
			#contsingleproducts.three-a {
				height:auto;
			}
			
			.three-a #row2 img {
				width: 60%;
				margin-left: 40%;
			}			
			
			.two-c #column2 > div:nth-child(1) {
				flex-direction:column;
			}
			
			.two-c #column2 > div:nth-child(1) > div:nth-child(1),
			.two-c #column2 > div:nth-child(1) > div:nth-child(2) {
				width: 100%;
			}
			
			.two-c #column2 > div:nth-child(1) > div:nth-child(2) {
				margin-top: 20px;
			}
			
			.two-c #column1 {
				width: 40%;
			}
			
			#contsingleproducts {
				flex-direction:column;
			}
			
			.one-a #infoprod, 
			.one-c #infoprod, 
			.two-a #infoprod, 
			.two-b #infoprod {
				width: 100%;
				min-height: inherit;
			}
			
			#contsingleproducts a.links {
				margin-top: 20px;
			}
			
			.two-b #fotosproductes {
				width: 100%;
			}
			
			#contsingleproducts.two-a {
				flex-direction:column;
			}
			
			.two-a #fotosproductes {
				margin-top: 20px;
				width: 100%;
			}
			
			#contsingleproducts.one-c {
				flex-direction:column;
				min-height: inherit;
			}
			
			.one-a #fotosproductes, 
			.one-c #fotosproductes {
				margin-top: 20px;
				width: 100%;
			}
			
			.one-b #infoprod {
				width: 100%;
				padding-top: 0px;
				padding-left: 0px;
			}	
			
			.one-b #fotosproductes {
				width: 100%;
				margin-top: 20px;
			}
			
			#contsingleproducts.three-b {
				height:auto;
			}
			
			.three-b #row1 {
				margin-bottom: 20px;
				flex-direction:column;
			}
			
			.three-b #row1 > div:nth-child(1) {
				width: 100%;
				margin-right: 0;
			}
			
			.three-b #row1 > div:nth-child(2) {
				width: 100%;
				margin-top: 20px;
			}
			
			.three-b #row3 img {
				margin-left: 7.4%;
				width: 58.7%;
			}	
			
			.two-a #fotosproductes img {
				margin-bottom: 0;
			}
			
			.two-a #fotosproductes img:first-child {
				margin-bottom: 20px;
			}
			
			#contsingleproducts.two-c {
				height:auto;
			}
			
			#contsingleproducts.two-c {
				flex-direction:row;
			}
			
			.one-a #fotosproductes img, .one-c #fotosproductes img {
				position:inherit;
			}
			
			.three-b #row2 img:nth-child(2) {
				margin-top: 20px;
			}
			
			#contmarques > a {
				width: 50%;
			}
			
			#contcontacte #col1 > div {
				justify-content: space-between;
			}
			
			#contcontacte #col1 > div > div {
				width: 47%;
			}
			#contcontacte #col1 {
				width: 42%;
			}
			
			.accepto {
				width: 100%;
			}
			
			#contcontacte input[type="submit"] {
			}
					

}

		/* Small */
		/*---------------------------------------------------------------------------*/
		@media
		only screen and (max-width : 768px) {

			#producterelacionat {
    			flex-direction: column;
    			width: 70%!important;
    			padding: 5%;
			}

			#producterelacionat .relacionatimatge {
				text-align: center;
			}

			#slidernosaltres #slider {
				transform: none;
				top: 0;
			}

			#textfirst > div {
				margin: 0 auto;
				width: 80%;
			}

			header {
				padding: 0 25px;
			}
			
			img#logotop {
				/* margin-left: -33px; */
				width: 165px;
			}
			
			#menutop {
				display: none;
			}
			
			#botomenu {
				position: absolute;
				display: block;
				right: 25px;
				top:40px;
				width: 29px;
				height: 18px;
				-webkit-background-size: contain;
				background-size: contain;
				background-repeat: no-repeat;
				background-image: url(img/menu-responsive.svg);
			}
			
			#menumobile {
				display: flex;
				font-size: 16px;
				border-left:1px solid black;
				justify-content: space-between;
				flex-direction: column;
				background-color: white;
				width: 50%;
				position: fixed;
				height: 100%;
				z-index: 999999;
				right:-50vh;
				overflow-x: hidden;
				-moz-transition: all ease-in-out 0.8s;
				-webkit-transition: all ease-in-out 0.8s;
				-o-transition: all ease-in-out 0.8s;
			}
			
			#menumobile.visible {
				right:0;
			}
			
			#menumobile > div:nth-child(2) {
				flex-grow: 1;
			}
			
			#closemenu {
				padding: 35px 25px;
				border-bottom:1px solid black;
			}
			
			#closemenu img {
				width: 20px;
				height: 20px;
			}
			
			#menumobile ul {
				margin: 0;
				padding: 0;
				list-style: none;
			}
			
			#menugeneral li {
				border-bottom:1px solid black;
			}
			
			#menugeneral li a {
				padding: 22px 25px 20px 25px;
				line-height: 1;
				display: inline-block;
			}
			
			#menulegal {
				line-height: 1;
				padding: 21px 25px;
			}
			
			#menulegal li {
				margin-bottom: 12px;
			}
	
			
			#menugeneral li a,
			#menulegal a {
				color:rgba(37,46,48,0.6);				
				text-decoration: none;
			}
			
			#menugeneral li.current-menu-item a,
			#menulegal li.current-menu-item a {
				color:#252E30;
			}
			

			
			.fixedhome > div:nth-child(1) > div {
				width: calc(100% - 50px);
				height: 240px;
			}
			
			.frase {
				height:240px;
				width: 80%;
			}
			
			/* #textfirst {
				padding: 0 35px 0 0;
			} */
			
			#slide-projectes,
			#textfirst,
			#nosaltreshome,
			#serveipostventa,
			#producteshome,
			#marques {
				padding: 35px 25px;
			}
			
			#textfirst,
			#serveipostventa {
				flex-direction:column;
			}
			
			#fotopostventa {
				width: 76%;
				padding-bottom: 43%;
			}
			
			#textfirst > div:nth-child(2),
			#serveipostventa > div:nth-child(2) {
				padding-top: 35px;
			}
			
			#textfirst > div:nth-child(2),
			#serveipostventa > div:nth-child(2) {
				width: 100%;
			}
			
			.txtproducteshome {
				flex-direction:column;
			}
			
			.txtproducteshome > div:nth-child(2) {
				margin-top: 20px;
				width: 100%;
			}
			
			footer {
				display: none;

			}
			
			
			#contpageproductes {
				padding: 0 25px;
				flex-direction: column-reverse;
			}
			
			.page-template-page-productes .search-filter-results {
				width: 100%;
				justify-content: space-between;
			}
			
			a.thumprod {
				margin: 0 0 28px 0;
				width: calc(50% - 7px);
			}
						
			.minifoto {
				padding-bottom: 140%;
			}
			
			.thumprod eo > span:nth-child(2) {
				display: none;
			}
			
			#mobilefilter {
				opacity: 1;
				width: 14px;
				height: 14px;
				background-image: url(img/fletxa.svg);
				position:fixed;
				pointer-events: none;
				margin-left:calc(100% - 70px);
				margin-top: calc(70vh - 123px);
			}
			#mobilefilter.end {
				background-image: url(img/fletxa-orange.svg);
			}
			
			.iphone #mobilefilter {
				margin-left:calc(100% - 80px);
				margin-top: calc(70vh - 215px);
			}
			
			#filteresponsive {
				background-color: white;
				border-top:1px solid black;
				position: fixed;
				width: 100%;
				height: 53px;
				bottom:0px;
				z-index: 2000;
				display:flex;
				justify-content: center;
				align-items: center;
				color:rgba(37,46,48,.6);
				font-size:16px;
			}
			
			#filteresponsive:hover {
				color:black;
				cursor:pointer;
			}
			
			#sidebar {
				position: fixed;
				background-color: #f3f3f3;
				width: 100%;
				left: 0;
				top:100vh;
				z-index: 1999;
				padding: 0px 25px 35px 25px;
				border-top: 35px solid #f3f3f3;
				-moz-transition: all ease-in-out 0.8s;
				-webkit-transition: all ease-in-out 0.8s;
				-o-transition: all ease-in-out 0.8s;
			}

			#sidebar.active {
				top:30vh;
				height: calc(70vh - 53px) !important;
			}
			
			.iphone #sidebar.active {
				padding: 0px 25px 105px 25px;
			}
			
			li.sf-field-taxonomy-categories_productes > ul li:hover label,
			li.sf-field-tag > ul li:hover label,
			li.sf-field-taxonomy-categories_accessoris > ul li:hover label {
				padding-left: 0px !important;
				color: rgba(0,0,0,0.6) !important;
			}			
			
			li.sf-field-taxonomy-categories_productes > ul li.sf-option-active label,
			li.sf-field-tag > ul li.sf-option-active label,
			li.sf-field-taxonomy-categories_accessoris > ul li.sf-option-active label, ul li.active-custom label {
				/*padding-left: 15px !important;*/
				color:black !important;
			}			
			
			
			#contpageproductes {
				min-height: auto !important;
			}
			
			
			#contsingleproducts {
				padding: 35px 25px;
			}
			
			.three-c #row2 {
				flex-direction:column;
			}
			
			.three-c #row2 > div:nth-child(1),
			.three-c #row2 > div:nth-child(2) {
				width: 100%;
				margin-bottom: 20px;
			}
			
			.three-c #row2 > div:nth-child(2) {
				margin-bottom: 0;
			}
			
			.three-c #row2 > div:nth-child(1) {
				padding-top: 0;
			}
			.three-c #row2 {
				margin-bottom: 0;
			}			
			.three-c #row3 {
				width: 100%;
				margin-left: 0;
			}
			
			
			.three-a #row1 {
				flex-direction:column-reverse;
			}
			
			.three-a #row1 > div:nth-child(2) {
				width: 100%;
				padding-top: 0;
				margin-bottom: 20px;
			}
			
			.three-a #row1 > div:nth-child(1) {
				width: 100%;
			}
			
			.three-a #row2 {
				padding-bottom: 0;
			}
			
			.three-a #row2 img {
				width: 100%;
				margin-left: 0;
			}
			
			#contsingleproducts.two-c {
				flex-direction:column-reverse;
			}
			
			.two-c #column2,
			.two-c #column1 {
				width: 100%;
				margin-bottom: 20px;
			}
			
			.two-c #column1 {
				margin-bottom: 0;
			}
			
			.two-c #column2 > div:nth-child(1) {
				padding: 0;
				margin-bottom: 30px;
			}
			
			
			#contsingleproducts.two-b #infoprod {
				padding: 0;
				margin-bottom: 20px;
			}
			
			.two-b #fotosproductes img {
				width: 100% !important;
			}
			
			.one-a #infoprod, .one-c #infoprod {
				padding-top: 0;
			}
			
			.one-b #fotosproductes img {
				width: 100%;
				margin-left: 0;
			}
			
			.three-b #row2 {
				flex-direction:column;
				margin-bottom: 0;
			}
			
			.three-b #row2 img,
			.three-b #row3 img,
			#producterelacionat .relacionatimatge img {
				width: 100% !important;
				margin-right: 0 !important;
				margin-left: 0;
				margin-bottom: 20px;
			}
			
			#marques {
				flex-direction:column;
			}
			
			#sidebarmarques {
				position:inherit;
				width: 100%;
			}
			
			#contmarques {
				width: 100%;
				margin-left: 0;
				justify-content: space-between;
			}
			
			#contmarques > a {
				padding-left: 0;
				width: 31%;
			}
			
			
			#consells {
				width: calc(100% - 50px);
				margin: 0 auto;
			}
			
			#accordion h3 {
			}
			
			.mapes span {
				padding: 35px 25px;
				font-size:6.2vw;
			}
			
			#contcontacte {
				min-height:auto !important;
				flex-direction:column;
				padding: 50px 25px 35px 25px;
			}
			
			.mapes:first-child span {
				right:inherit;
				left: 0 !important;
			}
			
			#contcontacte #col1,
			#contcontacte #col2 {
				width: 100%;
			}
			
			#contcontacte #col1 h2 {
				margin-bottom: 20px;
			}
			
			#contcontacte #col1 {
				margin-bottom: 70px;
			}
			
			#contsingleproducts.two-a {
				height:auto;
			}

			#columpostve {
				column-count: 2;
			}
			
			.txtproducteshome > div:nth-child(1) {
				width: 100%;
			}
			
			.fixedhome.disallow {
				/*opacity:0.1;*/
				opacity:0;
			}
			
			.fixedhome.disallow2 {
				opacity:0;
			}
			
			a.links {
				width: 100%;
			}
			
			.fotosproducteshome > div:nth-child(1) {
				margin-right: 0;
			}
			
			.fotosproducteshome img#fotoalta {
				margin-bottom: 0 !important;
			}
			
			#sidebar .searchandfilter h4 {
				padding-top: 0;
				border-top: none;
			}

			.relacionatnom {
			    line-height: normal;
			}

			.relacionatslogan {
			    line-height: normal;
			}

			.home #textfirst { margin-bottom: 0px; margin-top: 50px; }

			#nosaltreshome p { margin-bottom: 15px; }

}

		/* Extra small */
		/*---------------------------------------------------------------------------*/
		@media
		only screen and (max-width : 544px) {

			#menumobile {
				width: calc(100% - 160px);
			}
			
			.txtproducteshome h3 {
				line-height: 1.1;
			}
			
			#columpostve {
				column-count: 1;
			}
			
			#contmarques > a {
				width: 100%;
			}
			
			.slide-flex,
			#producteshome {
				height:auto;
			}
			
			/* .fotosproducteshome {
				flex-direction:column-reverse;
			} */
			
			/* .fotosproducteshome img {
				position:inherit;
				margin-bottom: 20px;
			} */
			
			/* .fotosproducteshome > div {
				width: 100% !important;
			} */


			#fotopostventa {
				width: 100%;
			}
			
			#textfirst {
				padding: 0 25px;
			}
			
			#textfirst > div {
				/* font-size:28px; */
		    		width: 100%;
			}
			
			#fotopostventa {
				padding-bottom: 67%;
			}
			
			#sidebar.active {
				top:30vh;
			}
			
			#sidebarmarques{
				width: 100%;
			}
			
			.mapes a,
			#contcontacte a {
				text-decoration: none;
				color: #252E30;
			}
			
			#contcontacte input[type="submit"] {
				border-radius:0 !important;
			}
			
			#contcontacte #col1 {
				margin-bottom: 35px;
			}
			
			#contcontacte #col1 > div {
				flex-direction:column;
			}
			
			#contcontacte #col1 > div > div {
				width: 100% !important;
				margin-bottom: 20px;
			} 
			
			#contcontacte input[type="submit"] {
				margin-top: 10px !important;
			}
			
			.botigaformulari ul > li label {
				margin: 0 10px 0 0;
			}
			
			#contcontacte #col1 h2 {
				font-size:28px;
			}
			
			.searchandfilter ul li li {
				margin-bottom: 5px;
			}
			
			#trucans a {
				color: #252E30;
				text-decoration: none;
			}
			
			#trucans {
				width: calc(100% - 50px);
				left: 25px !important;
			}
			
			#sidebarmarques > div {
				width: 100%;
			}
			
			#contmarques > a > div {
				border-bottom:0;
				margin-bottom: 0;
			}
			
			#consells {
				padding-top: 35px;
			}
			
			li.col input, 
			li.col textarea {
				padding: 3px 0 !important;
			}
			
			li.col {
				flex-direction:column;
			}
			
			li.col label,
			li.col .ginput_container {
				width: 100%;
			}
			
			li:not(.botigaformulari):not(.accepto) .validation_message {
				position:inherit;
				margin-top: 5px;
				margin-left: 0px;
			}
			
			.gfield_error .ginput_container {
				padding-bottom: 0;
			}
			
			.pea_cook_wrapper {
				width:calc(100% - 70px) !important;
				right:35px !important;
			}

			

}

#slider img {
	width: 100%;
}

.slide-flex {
	display: flex;
	justify-content: space-between;
}

#producterelacionat {
	display: flex;
    width: 50%;
    margin: 80px auto 0 auto;
}

#producterelacionat .relacionatnom {
	margin-top: 30px;
}

#producterelacionat .relacionatnom span {
	font-weight: bold;
    font-size: 22px;
}

#producterelacionat .relacionatslogan span {
	font-weight: 400;
    font-size: 22px;
}


#producterelacionat a.links {
	color:rgba(37,46,48,0.6);
	background-image: url(img/fletxa-link-producteshome.svg);
	-moz-transition: all ease-in-out 0.2s;
	-webkit-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
	margin-top: 10px;
}

#producterelacionat a.links:hover {
	color:black;
	background-image: url(img/fletxa-link-producteshome-black.svg);
}

.slick-prev:before,
.slick-next:before {
	color: #252E30 !important;
}

.slider_projectes {
	max-height: 100%;
}

.slick-prev:before, .slick-next:before {
	font-family: 'calibri light' !important;
    font-size: 20px !important;
}

.slick-dots li {
	margin: 0 !important;
}

.whatsapp {
    position: fixed;
    top: 50%;
    right: -120px;
    width: 195px;
    height: 56px;
    background: #C15017;
    padding-left: 18px;
    color: #fff;
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px;
    -webkit-box-shadow: -3px 6px 16px -8px rgb(0 0 0 / 75%);
    -moz-box-shadow: -3px 6px 16px -8px rgba(0,0,0,0.75);
    box-shadow: -3px 6px 16px -8px rgb(0 0 0 / 75%);
    cursor: pointer;
    transition: all ease-in 0.15s;
    z-index: 999;
}

.whatsapp i {
    float: left;
    height: 56px;
    line-height: 60px;
    font-size: 40px;
    margin-right: 10px;
}

.whatsapp span {
    float: left;
    display: none;
    height: 56px;
    line-height: 60px;
    font-size: 18px;
    font-family: "Geomanist-Medium";
}

.whatsapp.open {
    right: -15px;
}

.whatsapp a {
    color: inherit;
    text-decoration: none;
}

.single-proj h1 {
    line-height: 1.3;
}

#contsingleproducts #row2 div:first-child {
    margin-top: 20px;
    margin-bottom: 20px;
}

#contsingleproducts #row3 img:nth-child(2) {
    margin-top: 20px;
}

.txtproducteshome a {
    text-decoration: none;
    display: block;
}

@media only screen and (max-width : 720px) {
	#slide-projectes {
	    margin-bottom: 50px!important;
	}
}