.body_nosotros .breadcrumbs.clearfix,
.article_nosotros .entry-title{
	display:none;
	margin:0;
}
body{
	/*
	background-image: url(imgs/sostenibilidad/bg_prov.jpg);
	background-position: center -113px; /* -50px inicial ... -113px en funció de l'scroll
	*/
	background-repeat: no-repeat;
	background-size: 82.5%;
}
#content{
	width:100%;
}
.ap_sostenibilitat{
	min-height: 2060px;
}
.ap_sostenibilitat .in{
	max-width: 1200px;
	margin: 0 auto;
}


/* ------------------------------------ banda verda --------------------- */

.ap_sostenibilitat .banda{
  /* background-color: rgba(100, 255, 100,.5); */
	background-image: url(imgs/sostenibilidad/bg_banda.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.ap_sostenibilitat .banda .in{
    overflow: auto;
    max-width: 1200px;
    padding:0;
    overflow: hidden;
		height:96px;
}
.ap_sostenibilitat .banda .in p{
	color: #FFF;
	text-transform: uppercase;
	font-size: 24px;
	text-align: center;
	margin: 0;
	font-weight: bold;
	overflow: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.ap_sostenibilitat .banda .in p span{
	display: block;
}
.ap_sostenibilitat .banda .in p span.ico_fulla{
	color: transparent;
	width: 48px;
	height: 48px;
	background-image: url(imgs/eco_icon_blanca.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 6px;
	transition: all .5s;
}
.ap_sostenibilitat .banda:hover .in p span.ico_fulla{
  transform: scale(1.25);
}
.ap_sostenibilitat .banda .in p span.txt{
}

/* ------------------------------------ accions --------------------- */


.ap_sostenibilitat .accions{
    max-width: 967px;
    margin: 45px auto 33px auto;
		display:flex;
		flex-wrap: wrap;
}
.ap_sostenibilitat .accions .accio{
	height: 244px;
	border: 3px solid #fff;
}
.ap_sostenibilitat .accions .accio.half{
    width: 50%;
}
.ap_sostenibilitat .accions .accio.full{
    width: 100%;
}
/* - */
.ap_sostenibilitat .accions .accio{
	position:relative;
}
.ap_sostenibilitat .accions .repos,
.ap_sostenibilitat .accions .sobre,
.ap_sostenibilitat .accions .clic{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.ap_sostenibilitat .accions .accio .repos{
	z-index:5;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ap_sostenibilitat .accions .accio .repos .sobre{
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ap_sostenibilitat .accions .accio .repos:hover .sobre{
	background-color:rgba(127,188,3,.6);
	visibility:visible;
}
.ap_sostenibilitat .accions .accio .repos .sobre.rev{
	flex-direction: row-reverse;
}
.ap_sostenibilitat .accions .accio .repos .sobre p{
    text-align: center;
    color: #fff;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    letter-spacing: 4px;
		text-shadow: 2px 2px 5px #333;
}
.ap_sostenibilitat .accions .accio .repos .sobre .picto{
	width:135px;
	height:135px;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.ap_sostenibilitat .accions .accio.reutilizar .repos .sobre .picto{
		background-image: url(imgs/sostenibilidad/acc_reutiliza.png);
}
.ap_sostenibilitat .accions .accio.reducir .repos .sobre .picto{
		background-image: url(imgs/sostenibilidad/acc_reduce.png);
}
.ap_sostenibilitat .accions .accio.reciclar .repos .sobre .picto{
		background-image: url(imgs/sostenibilidad/acc_recicla.png);
}
.ap_sostenibilitat .accions .accio.reinventar .repos .sobre .picto{
		background-image: url(imgs/sostenibilidad/acc_reinventa.png);
}


.ap_sostenibilitat .accions .accio .clic{
	z-index:10;
	display:none;
}
.ap_sostenibilitat .accions .accio .clic .c_in{
	border: 15px solid rgb(127,188,3);
	background-color: #FFF;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0px;
	padding:14px;
}
.ap_sostenibilitat .accions .accio .clic .c_in h4{
	text-transform: uppercase;
	color:#333;
	font-weight: bold;
	margin-bottom: 8px;
}
.ap_sostenibilitat .accions .accio .clic .c_in p{
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 6px;
    overflow: hidden;
}
.ap_sostenibilitat .accions .accio .clic .c_in p .ico{
	color: transparent;
	width: 28px;
	height: 28px;
	background-image: url(imgs/eco_icon.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 6px;
	background-color: rgba(255,255,255,.6);
	display: block;
	float:left;
}
.ap_sostenibilitat .accions .accio .clic .c_in p span{
	display: block;
	float: left;
	width: calc(100% - 60px);
}
.ap_sostenibilitat .accions .accio .clic .c_in p span em{
	font-style: normal;
	font-weight: bold;
}
.ap_sostenibilitat .accions .accio .clic .c_in p strong{
	font-weight: bold;
}
.ap_sostenibilitat .accions .accio .clic:hover .sobre{

}
.ap_sostenibilitat .accions .accio.reinventar .repos{
  background-image: url(imgs/sostenibilidad/accio_reinventar.jpg);
}
.ap_sostenibilitat .accions .accio.reutilizar .repos{
  background-image: url(imgs/sostenibilidad/accio_reutilizar.jpg);
}
.ap_sostenibilitat .accions .accio.reciclar .repos{
  background-image: url(imgs/sostenibilidad/accio_reciclar.jpg);
}
.ap_sostenibilitat .accions .accio.reducir .repos{
  background-image: url(imgs/sostenibilidad/accio_reducir.jpg);
}

/* seqüència (dincs accions) */

.ap_sostenibilitat .accions .accio.full.cicle{
	height:inherit;
}
.ap_sostenibilitat .accions .accio.full ul.recicla_sequencia{
  list-style: none;
  padding: 0 !important;
  margin: 0 auto;
  overflow: hidden;
  display: block;
  border: 15px solid rgb(127,188,3);
}
.ap_sostenibilitat .accions .accio.full ul.recicla_sequencia li{
	height:130px;
	float:left;
}
.ap_sostenibilitat .accions .accio.full ul.recicla_sequencia li.rc_ico{
  background-position:center center;
  background-size:contain;
  background-repeat: no-repeat;
	width:12.5%;
}
.ap_sostenibilitat .accions .accio.full ul.recicla_sequencia li.rc_num{
  /* width: 42px; */
  width:5%;
}
.ap_sostenibilitat .accions .accio.full ul.recicla_sequencia li.rc_num span{
  display:block;
  width:100%;
  text-align:center;
}
.ap_sostenibilitat .accions .accio.full ul.recicla_sequencia li.rc_num span:first-child{
  color:#7FBC03;
  font-size:24px;
  font-weight:bold;
  margin:30px 0 5px 0;
}
.ap_sostenibilitat .accions .accio.full ul.recicla_sequencia li.rc_num .fletxa{
  height:20px;
  background-image:url('imgs/sostenibilidad/arrow.png');
  background-position:center center;
  background-size:contain;
  background-repeat: no-repeat;
  color:transparent;
}
.ap_sostenibilitat .accions .accio.full ul.recicla_sequencia li.ico01{
  background-image:url('imgs/sostenibilidad/seq_01.jpg');
}
.ap_sostenibilitat .accions .accio.full ul.recicla_sequencia li.num01{

}
.ap_sostenibilitat .accions .accio.full ul.recicla_sequencia li.ico02{
  background-image:url('imgs/sostenibilidad/seq_02.jpg');
}
.ap_sostenibilitat .accions .accio.full ul.recicla_sequencia li.num02{

}
.ap_sostenibilitat .accions .accio.full ul.recicla_sequencia li.ico03{
  background-image:url('imgs/sostenibilidad/seq_03.jpg');
}
.ap_sostenibilitat .accions .accio.full ul.recicla_sequencia li.num03{

}
.ap_sostenibilitat .accions .accio.full ul.recicla_sequencia li.ico04{
  background-image:url('imgs/sostenibilidad/seq_04.jpg');
}
.ap_sostenibilitat .accions .accio.full ul.recicla_sequencia li.num04{

}
.ap_sostenibilitat .accions .accio.full ul.recicla_sequencia li.ico05{
  background-image:url('imgs/sostenibilidad/seq_05.jpg');
}
.ap_sostenibilitat .accions .accio.full ul.recicla_sequencia li.num05{

}
.ap_sostenibilitat .accions .accio.full ul.recicla_sequencia li.ico06{
  background-image:url('imgs/sostenibilidad/seq_06.jpg');
}

/* ------------------------------------ grau --------------------- */


.ap_sostenibilitat .grau{
	background-color:rgba(0, 177, 224, 1); /* #00B1E0 */
	overflow:auto;
}
.ap_sostenibilitat .grau .in{
	text-align: center;
	color:#FFF;
	padding:69px 25px 50px 25px;
	position: relative;

}
.ap_sostenibilitat .grau .in svg{
	width: 100px;
	height: 50px;
	position: absolute;
	top: 0;
	left:calc(50% - 50px);
}
.ap_sostenibilitat .grau .in svg path{
    transform: rotate(0deg) !important;
		fill: #fff !important;
}
.ap_sostenibilitat .grau .in h4{
	margin: 0;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .14em;
	font-size: 19px;
}
.ap_sostenibilitat .grau .in h3{
	margin: 31px 0 0 0;
	font-weight: 600;
	line-height: 1.2em;
	font-size: 36px;
	position: relative;
}
.ap_sostenibilitat .grau .in h3 strong{
	color:#000 !important;
}
.ap_sostenibilitat .grau .in h3 .salt_ocult{
	display: block;
}

.ap_sostenibilitat .grau .in p{
	margin:27px auto 0 auto;
	text-transform: uppercase;
	color: #333;
	font-size: 24px;
}

.ap_sostenibilitat .barra{
	position: relative;
	background-color:#f2f2f2;
	padding:7px 0;
}

.ap_sostenibilitat .barra p.ttl{
	position: absolute;
	right: calc(50% + 114px);
	top: calc(50% - 0px);
	font-size: 16px;
	font-weight: bold;
	color: #444;
	text-align: center;
}
/* puntuació de sostenibilitat (variació de producte) */
#sost_contenidor_v{
  overflow: auto;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 6px;
  transition: all 1s;
  width: 200px;
  margin: 0 auto;
}
#sost_contenidor_v .sost_info, #sost_contenidor_v .sost_barra,
#sost_contenidor_v .sost_info .sost_txt,
#sost_contenidor_v .sost_info .sost_icona,
#sost_contenidor_v .sost_info .sost_link{
  overflow: auto;
  display:block;
}
#sost_contenidor_v .sost_info .sost_txt,
#sost_contenidor_v .sost_info .sost_icona,
#sost_contenidor_v .sost_info .sost_link{
  float:left;
}
#sost_contenidor_v .sost_info .sost_txt{
  color:#666;
  font-size:1.05em;
  margin-top:20px;
}
#sost_contenidor_v .sost_info .sost_icona{
  color: transparent;
  width: 34px;
  background-image: url(imgs/eco_icon.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 38px
}
#sost_contenidor_v .sost_info .sost_link{
  color:#666;
  font-size:.95em;
  margin-top:20px;
}
#sost_contenidor_v .sost_info .sost_link:hover{
  color:rgb(130,191,6);
}
#sost_contenidor_v .sost_barra{
  width: 180px;
  background-color: #FFF;
  border: 1px solid #CCC;
  margin: 0 0 4px 0;
  /* max-width: 80%; */
}
#sost_contenidor_v .sost_barra .sost_puntuacio{
  transition: all .5s;
  height:15px;
  display: block;
  background-color:rgb(130,191,6);
  width:0;
}

#sost_contenidor_v .sost_barra .sost_puntuacio.flash,
.woocommerce div.product .price #total_a_mostrar small {
  animation-name: intermitencia;
  animation-duration: .8s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:intermitencia;
  -webkit-animation-duration: .8s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}
@-moz-keyframes intermitencia{
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes intermitencia {
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes intermitencia {
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}


/* ------------------------------------ idees --------------------- */


.ap_sostenibilitat .idees {
	max-width: 1600px;
	overflow: auto;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;
	border-bottom: 1px solid #666;	

}
.ap_sostenibilitat .idees .idea{
	box-sizing: border-box;
	width: 25%;
}
.ap_sostenibilitat .idees .idea .img{
	box-sizing: border-box;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.ap_sostenibilitat .idees .idea .img .ratio{
	display: block;
	box-sizing: border-box;
	padding-bottom: 85%;
	transition:all .5s;
	position: relative;
}
.ap_sostenibilitat .idees .idea .img .ratio .creu{
	width: 110px;
	height: 110px;
	display: block;
	position: absolute;
	top:calc(50% - 15px);
	left:calc(50% - 55px);
	visibility: hidden;
	transition: all .5s;
}
.ratio .creu:before,
.ratio .creu:after {
  position: absolute;
  content: '';
  height: 110px;
  width: 2px;
  background-color: #fff;
	left: 54px;
	transition: all .1s;
}
.ratio .creu:after {
  transform: rotate(90deg);
}
.ap_sostenibilitat .idees .idea .img:hover .ratio{
	background-color:rgba(127,188,3,.6);
}
.ap_sostenibilitat .idees .idea .img:hover .ratio .creu{
	visibility: visible;
}
.ap_sostenibilitat .idees .idea .img{
	box-sizing: border-box;
	position: relative;
}
.ap_sostenibilitat .idees .idea.ecofriendly .img{
	background-image: url('imgs/sostenibilidad/idea_materiales_ecofriendly.jpg');
}
.ap_sostenibilitat .idees .idea.proximidad .img{
	background-image: url('imgs/sostenibilidad/idea_proximidad.jpg');
}
.ap_sostenibilitat .idees .idea.reutilizacion .img{
	background-image: url('imgs/sostenibilidad/idea_reutilizacion.jpg');
}
.ap_sostenibilitat .idees .idea.durabilidad .img{
	background-image: url('imgs/sostenibilidad/idea_durabilidad.jpg');
}
.ap_sostenibilitat .idees .idea .img p{
  position: absolute;
  top: 20%;
  width: 100%;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
	text-shadow:2px 2px 5px #333;
  font-size: 30px;
  font-weight: bold;
	line-height: 33px;
}
.ap_sostenibilitat .idees .idea.gris{
	background-color: #f2f2f2;
}
.ap_sostenibilitat .idees .idea .txts{
	height: auto;
	padding: 60px 50px;
}
.ap_sostenibilitat .idees .idea .txts ul{
	list-style: none;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin-left:20%;
}
.ap_sostenibilitat .idees .idea .txts h4{
	font-size: 14px;
	font-weight: bold;
	color:#7FBC03;
	margin:25px 0 20px 0;
}
.ap_sostenibilitat .idees .idea .txts p.punt_fulla strong{
	font-size: 16px;
	font-weight: bold;
	display: block;
}
.ap_sostenibilitat .idees .idea .txts p.punt_fulla{
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 20px;
}
.ap_sostenibilitat .idees .idea .txts p.punt_fulla:before{
	content:"";
  background-image: url(imgs/eco_icon.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
	width: 48px;
	height:48px;
}

.mas_sostenibles{
	margin:60px 0 40px 0;
	text-align: center;
}
.mas_sostenibles h3{
	color: #00B1E0;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .14em;
	font-size: 19px;
}
.mas_sostenibles h2{
	color: #333;
	font-weight: 600;
	line-height: 1.2em;
	font-size: 36px;
}
.mas_sostenibles h2 strong{
	color:#00B1E0;
}

@media (max-width: 1296px) {
	.ap_sostenibilitat .grau .in h3 .salt_ocult{
		display: block;
	}
	.ap_sostenibilitat .idees .idea .img p {
	  top: 12%;
	}
	.ap_sostenibilitat .idees .idea .txts ul{
		margin-left:0;
	}
}

@media (max-width: 1230px) {
	.ap_sostenibilitat .banda .in {
		max-width: 980px;
		height: inherit;
		padding:20px 10px;
	}
	.ap_sostenibilitat .banda .in p {
		display: block;
		overflow: hidden;
	}
	.ap_sostenibilitat .banda .in p span {
		float:none;
		display: block;
	}
	.ap_sostenibilitat .banda .in p span.ico_fulla{
		margin: 0 auto 15px auto;
	}
	.ap_sostenibilitat .banda .in p span.txt{
		line-height: 30px;

	}
}


@media (max-width: 1100px) {
	.ap_sostenibilitat .idees .idea{
		width: 50%;
	}
}

@media (max-width: 990px) {
	.ap_sostenibilitat .accions{
		display: block;
	}
	.ap_sostenibilitat .accions .accio,
	.ap_sostenibilitat .accions .accio .repos,
	.ap_sostenibilitat .accions .accio .sobre,
	.ap_sostenibilitat .accions .accio .clic,
	.ap_sostenibilitat .accions .accio .clic .c_in{
		position: initial;
		height:initial;
		overflow: hidden;
	}
	.ap_sostenibilitat .accions .accio .repos .sobre{
		display: block;
		visibility: visible;
		background-color:rgba(127,188,3,0);
	}
	.ap_sostenibilitat .accions .accio .clic .c_in{
		margin:6px 0;
	}
	.ap_sostenibilitat .accions .accio .repos .sobre .picto{
		margin: 20px auto 0 auto;
		width: 100px;
		height:100px;
	}
	.ap_sostenibilitat .accions .accio .repos .sobre p{
		margin:20px auto;
		text-shadow:2px 2px 5px #333;
	}
	.ap_sostenibilitat .accions .accio.half {
	    width: 100%;
	}
	.ap_sostenibilitat .grau .in h3{
		font-size:32px;
	}
	.ap_sostenibilitat .barra p.ttl{
		position: initial;
	}
	.ap_sostenibilitat .barra #sost_contenidor_v{
		border:none;
	}
}

@media (max-width: 600px) {
	.ap_sostenibilitat .banda .in p {
		font-size:20px;
	}
	.ap_sostenibilitat .accions .accio.full ul.recicla_sequencia{
			border:none;
	}
	.ap_sostenibilitat .accions .accio.full ul.recicla_sequencia li.rc_num span:first-child{
		font-size:20px;
	}

	.ap_sostenibilitat .idees{
	  display:block;
	}
	.ap_sostenibilitat .idees .idea{
		width: 100%;
	}

}