/*
	Animacions
	*/
	
.portada.carregat.foto:before{
	-webkit-animation: fonsPortada 5s;
	animation: fonsPortada 5s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;		
}

#indicadormarxa{
	display:block;
	width:100%;
	position: fixed;
	background-color:rgba(80, 0, 182,.8);
	
	height: 3px;
	top: 0;
	left: 0;
	transition:all .5s linear;
	z-index: 10000;
	transform-origin: left;
}
#indicadormarxabg{
	display:block;
	width: 100%;
	height: 3px;
	position: fixed;
	left: 0;
	top:0;
	background:rgba(200,200,200,.7);
	z-index: 9999;
}
@media all and (min-width:1024px){
	#indicadormarxabg,
	#indicadormarxa{
		display:none;
	}
}

/**/

/* ANIMACIONS
	* --------------------------------------- */
	
@-webkit-keyframes fonsPortada{
	from{
		background-color:rgb(80, 0, 182);
		background-color:rgba(80, 0, 182,1);
	}
	to{
		/* 		background-color:rgba(0,0,0,.7); */
		background-color:transparent;
		background-color:rgba(80, 0, 182,0);
	}
}
@keyframes fonsPortada{
	from{
		background-color:rgb(80, 0, 182);
		background-color:rgba(80, 0, 182,1);
	}
	to{
		/* 		background-color:rgba(0,0,0,.7); */
		background-color:transparent;
		background-color:rgba(80, 0, 182,0);
	}
}

/*
	infografies
	---------------------- */
	
#pagina19 .row .col-6{
	align-self: baseline;
	padding:0 4rem;
	-webkit-box-flex:1;-ms-flex:1;flex:1
}
@media all and (min-width:1024px){
	#pagina19 .intro .row{ max-width: 1200px; width:85%; left: 50%;
transform: translateX(-50%);
position: relative;}
}
@media all and (min-width:1024px){
	#beques-menjador1,
	#beques-menjador2{
		max-width: 40vw;
	}
}
#beques-menjador1{
	max-height: 32vh;
}
#beques-menjador2{
	max-height: 80vh;
}

#infografia-ajuts-lloguer,
#teleassistencia,
#SAD{
	max-height: 25vh;
}
#families-beneficiaries{
	max-height: 22vh;
}
	
#creixement-rehabilitacio,
#percentatge-protegit{
	/* 	max-width:70vw; */
	max-height: 5vh;
}
@media all and (min-width:768px){

	#families-beneficiaries{
		max-height: 32vh;
	}
	#infografia-ajuts-lloguer,
	#teleassistencia,
	#SAD{
		max-height: 30vh;
	}

	#creixement-rehabilitacio,
	#percentatge-protegit{
		/* 	max-width:70vw; */
		max-height: 10vh;
	}
}
/*ajustos mobil i ipad vertical*/
@media all and (max-width:1023px){
	#beques-menjador1{
		max-height: 21vh;
	}
	#beques-menjador2{
		max-height: 93vh;
	}
}


.active:not(.fp-completely) #ajuts-nous,
.active:not(.fp-completely) #ajuts-nous .numero {
	opacity:0;
}
#ajuts-nous .barraajuts{
	fill:#6655D2;
}
.fp-completely #ajuts-nous .barraajut{
	fill:#D36670;
	-webkit-transition: .5s all ease-out 1s;-o-transition: .5s all ease-out 1s;transition: .5s all ease-out 1s;
}
.fp-completely #ajuts-nous{
			        -webkit-animation:1s multiplica ease-out;
			        animation:1s multiplica ease-out;
			        -webkit-transform:translateX(-50%);
			        -ms-transform:translateX(-50%);
			                transform:translateX(-50%);
			        -webkit-animation-fill-mode: forwards;
			                animation-fill-mode: forwards;
}
.fp-completely #ajuts-nous .numero{
	opacity:1;
	-webkit-transition:.5s all 1s;
	-o-transition:.5s all 1s;
	transition:.5s all 1s;
}
@-webkit-keyframes multiplica{
	from{
		
		        -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);
	}
	to{
		       -webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);
		
	}
}
@keyframes multiplica{
	from{
		 -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);
	}
	to{
		-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);
	}
}


.sancions, .candau, .mobil{
	padding-left: 14rem;
	background-position:left center;
	background-repeat:no-repeat;
	background-size:contain;
}

#fi-descontrol-pisos-turistics > .data.sancions{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='120'%3E%3Cg fill='%23FFF' fill-rule='evenodd' transform='translate(.4)'%3E%3Crect width='43.584' height='3.576' x='24' y='24' rx='1.49'/%3E%3Cpath d='M13.788 35.58h52.008a1.8 1.8 0 0 0 0-3.6H13.788a1.8 1.8 0 0 0 0 3.6z'/%3E%3Crect width='7.584' height='3.576' x='12' y='24' rx='1.49'/%3E%3Cpath fill-rule='nonzero' d='M29.82 43.908a17.796 17.796 0 1 0 17.784 17.784c-.013-9.816-7.968-17.77-17.784-17.784zm0 32.004c-7.845 0-14.206-6.359-14.208-14.204-.002-7.845 6.355-14.208 14.2-14.212 7.845-.004 14.21 6.35 14.216 14.196-.007 7.844-6.364 14.201-14.208 14.208v.012z'/%3E%3Cpath d='M30.324 52.896a3.6 3.6 0 0 0-2.748 1.008l-2.808 2.292a2.472 2.472 0 0 0-1.08 2.4v.636H22.26c-.408 0-.612.216-.612.636v.72c0 .42.204.636.612.636h1.428v.996H22.26c-.408 0-.612.216-.612.636v.744c0 .42.204.636.612.636h1.44a6.336 6.336 0 0 0 1.872 4.164 7.848 7.848 0 0 0 5.796 2.064 12.792 12.792 0 0 0 3.996-.564.576.576 0 0 0 .468-.624v-1.2a.468.468 0 0 0-.156-.396.516.516 0 0 0-.456 0 16.428 16.428 0 0 1-3.9.48 5.352 5.352 0 0 1-3.852-1.38 4.38 4.38 0 0 1-1.284-2.544h2.856c.408 0 .612-.216.612-.636v-.72c0-.42-.204-.636-.612-.636h-2.952V61.2h2.964c.408 0 .612-.216.612-.636v-.72c0-.42-.204-.636-.612-.636h-2.964v-.516a.936.936 0 0 1 .408-.9l2.628-2.136c.348-.34.824-.514 1.308-.48a4.488 4.488 0 0 1 3.78 2.28.648.648 0 0 0 .9.288l.792-.36a.66.66 0 0 0 .396-.348.684.684 0 0 0-.072-.54 6.468 6.468 0 0 0-5.904-3.6z'/%3E%3Cpath fill-rule='nonzero' d='M107.784 0h-15.6a1.8 1.8 0 0 0 0 3.6H108v28.068a6.456 6.456 0 0 1-5.748 6.312h-.468a6.156 6.156 0 0 1-4.344-1.776 6.576 6.576 0 0 1-1.86-4.716v-9.696A9.78 9.78 0 0 0 85.8 12H19.584V3.6h64.008a1.8 1.8 0 0 0 0-3.6H19.788a3.792 3.792 0 0 0-3.792 3.792V12H9.792A9.816 9.816 0 0 0 0 21.792v66a3.792 3.792 0 0 0 3.792 3.792h8.688a28.8 28.8 0 0 0 1.98 3.084 11.736 11.736 0 0 1 2.28 7.008v9.924a8.256 8.256 0 0 0 8.244 8.244h27.228c.88.011 1.65-.593 1.848-1.452a1.848 1.848 0 0 0-1.8-2.244H24.984A4.56 4.56 0 0 1 20.4 111.6v-9.924a15.456 15.456 0 0 0-3.012-9.216c-.216-.288-.408-.588-.612-.876h38.808V73.908a6.456 6.456 0 0 1 5.748-6.312A6.132 6.132 0 0 1 66 69.24a6.228 6.228 0 0 1 1.98 4.548V111.6a4.512 4.512 0 0 1-4.5 4.5h-1.92a1.872 1.872 0 0 0-1.848 1.5 1.836 1.836 0 0 0 .36 1.548c.353.44.887.696 1.452.696h1.74a8.196 8.196 0 0 0 8.196-8.244V91.584h4.32a3.792 3.792 0 0 0 3.792-3.792V41.58h22.224c5.407-.007 9.79-4.385 9.804-9.792V3.792A3.792 3.792 0 0 0 107.784 0zM78 15.924a9.756 9.756 0 0 0-2.004 5.868v66.204H71.58V73.968a10.14 10.14 0 0 0-9.18-9.948 9.792 9.792 0 0 0-10.404 9.768v14.208H3.6V21.792A6.216 6.216 0 0 1 9.792 15.6h68.472l-.264.324zm1.572 22.08V21.912a6.456 6.456 0 0 1 5.76-6.312A6.132 6.132 0 0 1 90 17.244a6.228 6.228 0 0 1 1.98 4.548v9.996c0 2.12.685 4.183 1.956 5.88l.252.336H79.572z'/%3E%3C/g%3E%3C/svg%3E");
/* 	-webkit-animation-delay:.2s;	animation-delay:.2s; */
}
#fi-descontrol-pisos-turistics > .data.candau{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='122' height='113'%3E%3Cg fill='%23FFF' fill-rule='evenodd'%3E%3Cpath fill-rule='nonzero' d='M14.331 51.989a6.468 6.468 0 1 0 0 12.935 6.468 6.468 0 0 0 0-12.935zm0 9.39a2.923 2.923 0 1 1 0-5.846 2.923 2.923 0 0 1 0 5.846zm0 25.6a6.468 6.468 0 1 0 0 12.935 6.468 6.468 0 0 0 0-12.935zm0 9.39a2.923 2.923 0 1 1 0-5.846 2.923 2.923 0 0 1 0 5.847zm52.97-44.38a6.468 6.468 0 1 0 0 12.935 6.468 6.468 0 0 0 0-12.935zm0 9.39a2.923 2.923 0 1 1 0-5.846 2.923 2.923 0 0 1 0 5.846zm0 25.6a6.468 6.468 0 1 0 0 12.935 6.468 6.468 0 0 0 0-12.935zm0 9.39a2.923 2.923 0 1 1 0-5.846 2.923 2.923 0 0 1 0 5.847zM40.496 66.674a7.066 7.066 0 0 0-4.515 12.1v3.758a5.045 5.045 0 0 0 4.775 5.08 4.955 4.955 0 0 0 5.135-4.955v-3.872a6.998 6.998 0 0 0 2.122-5.045 7.077 7.077 0 0 0-7.517-7.066zm2.427 9.955c-.37.26-.6.677-.621 1.129v4.842c.01.466-.237.9-.643 1.129a1.433 1.433 0 0 1-2.19-1.208v-4.718a1.433 1.433 0 0 0-.621-1.129 3.465 3.465 0 0 1-1.456-2.9 3.544 3.544 0 0 1 3.296-3.386 5.35 5.35 0 0 1 .733 0c.978.069 1.861.607 2.37 1.444a3.567 3.567 0 0 1-.89 4.809l.022-.012zm58.523-44.866a8.522 8.522 0 1 0 0 17.044 8.522 8.522 0 0 0 0-17.044zm0 13.545a4.978 4.978 0 1 1 4.978-4.978 4.989 4.989 0 0 1-4.978 4.932v.046z'/%3E%3Cpath d='M121.66 40.227c.002 2.076-.318 4.14-.947 6.118a1.772 1.772 0 0 1-2.438 1.06 1.817 1.817 0 0 1-.903-2.256c2.68-8.559-1.911-17.7-10.376-20.662-8.465-2.961-17.754 1.324-20.994 9.687-3.24 8.362.737 17.787 8.987 21.302a1.772 1.772 0 0 1 1.129 1.626V93.22c0 3.011 2.44 5.452 5.452 5.452h5.406v-6.817h-3.025a1.772 1.772 0 0 1-1.76-1.784v-5.643c0-.979.793-1.772 1.771-1.772h2.958v-3.07h-2.969a1.772 1.772 0 0 1-1.76-1.795v-5.858c0-.979.793-1.772 1.771-1.772h2.958V57.214a1.772 1.772 0 0 1 1.128-1.625 16.761 16.761 0 0 0 6.107-4.515 1.772 1.772 0 0 1 2.64 0c.605.683.605 1.71 0 2.393a20.317 20.317 0 0 1-6.32 4.876v11.83a3.533 3.533 0 0 1-3.544 3.532h-1.129v2.359h1.185a3.533 3.533 0 0 1 3.488 3.522v4.255a2.359 2.359 0 0 1-2.359 2.359h-2.381v2.359h2.359a2.359 2.359 0 0 1 2.381 2.359v7.8a3.533 3.533 0 0 1-3.533 3.532h-5.429a9.03 9.03 0 0 1-9.03-9.03V58.23c-8.909-4.425-13.261-14.686-10.25-24.168 3.01-9.481 12.484-15.352 22.314-13.828 9.831 1.525 17.082 9.989 17.08 19.937l.034.056z'/%3E%3Cpath fill-rule='nonzero' d='M72.234 45.87V31.4A31.39 31.39 0 0 0 20.178 7.767a1.772 1.772 0 0 0 0 2.663 1.817 1.817 0 0 0 2.382 0 27.845 27.845 0 0 1 46.153 20.972v13.804h-.294a31.604 31.604 0 0 0-3.905.203c-1.205.126-2.4.33-3.578.61V31.604a20.057 20.057 0 1 0-40.103-.27v14.672c-1.129-.26-3.578-.61-3.578-.61a40.943 40.943 0 0 0-3.906-.202h-.293V31.4a27.653 27.653 0 0 1 5.08-16.017 1.772 1.772 0 1 0-2.89-2.043 31.175 31.175 0 0 0-5.723 18.06v14.47A12.314 12.314 0 0 0 .99 57.564v36.424c0 6.857 5.559 12.416 12.416 12.416a26.762 26.762 0 0 1 12.777 3.081 30.836 30.836 0 0 0 14.673 3.386 30.836 30.836 0 0 0 14.673-3.386 26.762 26.762 0 0 1 12.811-3.047c6.857 0 12.416-5.56 12.416-12.416V57.564a12.314 12.314 0 0 0-8.522-11.693zM24.344 31.4c.074-9.135 7.54-16.48 16.676-16.405 9.135.075 16.48 7.541 16.406 16.677v15.43a64.233 64.233 0 0 0-3.296 1.421 27.507 27.507 0 0 1-13.217 3.093 27.507 27.507 0 0 1-13.274-3.081c-1.061-.486-2.133-.971-3.296-1.423V31.401zm52.845 62.633a8.906 8.906 0 0 1-8.894 8.872 30.182 30.182 0 0 0-14.3 3.386 27.574 27.574 0 0 1-13.252 3.104 27.574 27.574 0 0 1-13.25-3.104 30.182 30.182 0 0 0-14.302-3.386 8.906 8.906 0 0 1-8.894-8.872V57.564a8.883 8.883 0 0 1 7.246-8.725c4.82-.903 10.159.903 14.482 2.89a30.927 30.927 0 0 0 14.673 3.386 30.927 30.927 0 0 0 14.673-3.386 30.475 30.475 0 0 1 11.694-2.969h.056C72.37 48.58 77.19 52 77.19 57.62v36.413z'/%3E%3C/g%3E%3C/svg%3E");
/* 	-webkit-animation-delay:.5s;	animation-delay:.5s; */
}
#fi-descontrol-pisos-turistics > .data.mobil{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='120'%3E%3Cg fill='%23FFF' fill-rule='evenodd'%3E%3Cpath fill-rule='nonzero' d='M58.148 0H9.852C4.417.013.013 4.405 0 9.826v100.348c.013 5.421 4.417 9.813 9.852 9.826h48.296c5.435-.013 9.839-4.405 9.852-9.826V9.826C67.987 4.405 63.583.013 58.148 0zM19.705 3.613h28.59v6.213c0 .588-.234 1.152-.65 1.567a2.225 2.225 0 0 1-1.571.65H21.926a2.219 2.219 0 0 1-2.221-2.217V3.613zm44.673 106.585c-.007 3.435-2.798 6.219-6.242 6.225H9.84c-3.445-.006-6.235-2.79-6.242-6.225V9.826c.013-3.435 2.81-6.213 6.254-6.213h6.242v6.213a5.809 5.809 0 0 0 1.704 4.121 5.84 5.84 0 0 0 4.128 1.708h24.148c3.22 0 5.832-2.604 5.832-5.817V3.613h6.242c3.444.006 6.235 2.79 6.242 6.225l-.012 100.36z'/%3E%3Ccircle cx='42' cy='8' r='2'/%3E%3Cpath d='M24 7.987C24 6.889 24.845 6 25.886 6h4.215C31.15 6 32 6.895 32 8s-.85 2-1.899 2h-4.215a1.84 1.84 0 0 1-1.342-.591A2.044 2.044 0 0 1 24 7.987zm21 103.026c0 1.092-.81 1.98-1.811 1.987H25.836c-1.014 0-1.836-.895-1.836-2s.822-2 1.836-2h17.353c.485.004.95.218 1.29.596.34.378.527.888.52 1.417zm2.46-58.495c.72.694.72 1.815 0 2.51L33.432 68.481c-.723.69-1.893.69-2.616 0l-6.363-6.044a1.726 1.726 0 0 1 .09-2.423 1.913 1.913 0 0 1 2.526-.086l5 4.795 12.775-12.206a1.911 1.911 0 0 1 2.616 0z'/%3E%3Cpath fill-rule='nonzero' d='M34.036 38C21.888 37.98 12.022 47.81 12 59.96 11.978 72.108 21.807 81.975 33.956 82c12.148.025 22.017-9.803 22.044-21.951.013-12.15-9.814-22.016-21.964-22.049zm0 40.335A18.335 18.335 0 1 1 52.36 60.05c-.04 10.097-8.226 18.266-18.324 18.286z'/%3E%3C/g%3E%3C/svg%3E");
	background-position:.5rem center;
/* 	-webkit-animation-delay:1s;animation-delay:1s; */
}

@-webkit-keyframes creix{
	0%{
		-webkit-transform:scale(.8);
		        transform:scale(.8);
		opacity:.5;
		
	}
	50%{
		-webkit-transform:scale(1);
		        transform:scale(1);
		opacity:1;
	}
	80%{
		-webkit-transform:scale(.8);
		        transform:scale(.8);
		opacity:1;
	}
	100%{
		-webkit-transform:scale(.9);
		        transform:scale(.9);
		opacity:1;
	}
}
@keyframes creix{
	0%{
		-webkit-transform:scale(.8);
		        transform:scale(.8);
		opacity:.5;
		
	}
	50%{
		-webkit-transform:scale(1);
		        transform:scale(1);
		opacity:1;
	}
	80%{
		-webkit-transform:scale(.8);
		        transform:scale(.8);
		opacity:1;
	}
	100%{
		-webkit-transform:scale(.9);
		        transform:scale(.9);
		opacity:1;
	}
}

.fp-completely.animacioenpausa img{
	display: block!important;
}
@media all and (max-width:767px){
	.section:not(.active) .intro{
		opacity: 0;
		-webkit-transition:all 1s ease-out;
		-o-transition:all 1s ease-out;
		transition:all 1s ease-out;
	}
	.section.active .intro{
		opacity: 1;
		webkit-transition:all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);
		-o-transition:all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);
		transition:all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	}
}

	/* MOVIMENT DE LES PÀGINES AMB MAPA */
	.active.sectionmapa:not(.fp-completely):not(.titolsvg) .intro{
		transform:translateY(100vh);
	}
	.active.sectionmapa.pujada:not(.fp-completely):not(.titolsvg) .intro{
		-webkit-transform:translateY(-100vh);
		    -ms-transform:translateY(-100vh);
		        transform:translateY(-100vh);
	}
	.active.sectionmapa.fp-completely .intro,
	.active.sectionmapa.pujada.fp-completely .intro {
		-webkit-transition:all 1s ease-out;
		-o-transition:all 1s ease-out;
		transition:all 1s ease-out;
		-webkit-transform:translateY(0);
		    -ms-transform:translateY(0);
		        transform:translateY(0);
		opacity:1;
	}
	/* MOVIMENT PULS */

	.fp-completely .intro .pulsate-fwd,
	.active.fp-completely .delay {
		-webkit-animation: pulsate-fwd 0.5s ease-in-out both;
		        animation: pulsate-fwd 0.5s ease-in-out both;
	}
	.portada .delay{
		-webkit-animation-delay: 5s;
		        animation-delay: 5s;
		opacity:0;
	}
	.active:not(.fp-completely) .delay{
		opacity:0;
		-webkit-transition:all 1s ease 3s;
		-o-transition:all 1s ease 3s;
		transition:all 1s ease 3s;
	}
	.active.fp-completely .delay{
		opacity:1;
		-webkit-transition:all 1s ease 3s;
		-o-transition:all 1s ease 3s;
		transition:all 1s ease 3s;
	}
	.active.fp-completely .button.fadeIn{
		animation-delay:3s;
	}
	/* MOVIMENT TRACKING */

	.tracking-in-contract-bck
	 {
		-webkit-animation: tracking-in-contract-bck .5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
		        animation: tracking-in-contract-bck .5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	
	}
	.active.fp-completely .delay p,
	.active.fp-completely p.delay{
		-webkit-transition:1s all;
		-o-transition:1s all;
		transition:1s all;
		opacity:1;
	}
	.active.fp-completely .delay p,
	.active.fp-completely p.delay{
		-webkit-animation-delay: 1s;
		        animation-delay: 1s;
	}
	/* slide-left */
	.slide-left,
	.active.slideleft .intro p {
		-webkit-animation: slide-leftb 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
		animation: slide-leftb 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
		-webkit-animation-delay:.5s;
		        animation-delay:.5s;
	}
	.active.foto.slideleft .intro p{
		-webkit-animation-duration:.5s;
		        animation-duration:.5s;
	}
	
	.active.mitjapantalla .intro p:nth-child(2),
	.active.foto.slideleft .intro p{
		-webkit-animation-delay: 1s;
		        animation-delay: 1s;
	}
	.portada .fadeIn{
		opacity:0;	
	}
	.carregat.active .fadeIn{
		opacity:0;
		-webkit-animation: fadeIn 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
		animation: fadeIn 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
		-webkit-animation-delay:2.5s;animation-delay:2.5s;
	}
/*
	.portada.carregat .button{
		-webkit-animation-delay:3s;animation-delay:3s;
	}
*/
	/* elliptic*/
	.fp-completely .slide-in-elliptic-top-fwd {
		-webkit-animation: slide-in-elliptic-top-fwd 9s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
	        animation: slide-in-elliptic-top-fwd 9s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
	        
	}
	.llista-circular{
		min-height: 400px;
	}
	.llista-circular > div{
		position: absolute;
		opacity:0;
	}
	.intro .llista-circular > div p{
		width: 100%;
	}
	/* Presentació */

	.active.fp-completely.presentacio .intro,
	.active.pujada.fp-completely.presentacio .intro {
		-webkit-transition-duration: 1s;
		     -o-transition-duration: 1s;
		        transition-duration: 1s;
	}
	.presentacio:not(.active) .intro{
		-webkit-transition:all .2s ease-out;
		-o-transition:all .2s ease-out;
		transition:all .2s ease-out;
		opacity: 0;
	}
	.active.presentacio:not(.fp-completely) .intro{
		-webkit-transform:translateY(0) scale(1.1);
		    -ms-transform:translateY(0) scale(1.1);
		        transform:translateY(0) scale(1.1);
		-webkit-transform-origin: center;
		    -ms-transform-origin: center;
		        transform-origin: center;
		opacity:0;
		-webkit-transition:all 1s ease-out;
		-o-transition:all 1s ease-out;
		transition:all 1s ease-out;
	}
	.active.presentacio.fp-completely .intro{
		-webkit-transform:translateY(0) scale(1);
		    -ms-transform:translateY(0) scale(1);
		        transform:translateY(0) scale(1);
		-webkit-transform-origin: center;
		    -ms-transform-origin: center;
		        transform-origin: center;
		opacity:1;
	}


/*@media all and (min-width:375px){*/
	/*MOVIMENT FWDRIGHT */

/*
	.active.foto.fwdright:not(.fp-completely) .intro,
	.active.infografia.fwdright:not(.fp-completely) .intro,
	.active.foto.fwdrightdoble:not(.fp-completely) .intro .bloc-1,
	.active.foto.fwdrightdoble:not(.fp-completely) .intro .bloc-2{
		opacity: 0;
	}
*/
	.active.foto.fwdright .intro,
	.active.infografia.fwdright .intro,
	.active.foto.fwdrightdoble .intro .bloc-1,
	.active.foto.fwdrightdoble .intro .bloc-2,
	.active.infografia.fwdrightdoble .intro .bloc-1,
	.active.infografia.fwdrightdoble .intro .bloc-2{
		-webkit-transform: translate3d(-101%,0,0);
	    transform: translate3d(-101%,0,0);
		opacity: 0;
	}
/*
	.active.infografia.fwdrightdoble:not(.fp-completely) .intro .bloc-1,
	.active.infografia.fwdrightdoble:not(.fp-completely) .intro .bloc-2{
		opacity: 0;
	}
*/
	
	.active.foto.fwdright.fp-completely .intro,
	.active.infografia.fwdright.fp-completely .intro,
	.active.foto.fwdrightdoble.fp-completely .intro .bloc-1,
	.active.foto.fwdrightdoble.fp-completely .intro .bloc-2,
	.active.infografia.fwdrightdoble.fp-completely .intro .bloc-1,
	.active.infografia.fwdrightdoble.fp-completely .intro .bloc-2,
	.active.fp-completely .fwdrightdoble .bloc-1,
	.active.fp-completely .fwdrightdoble .bloc-2
	{
		will-change: position, opacity;
		-webkit-animation: slide-fwd-right .75s cubic-bezier(0.250, 0.460, 0.450, 1) both;
		animation: slide-fwd-right .75s cubic-bezier(0.250, 0.460, 0.450, 1) both;
		-webkit-perspective: 1000;
		-webkit-backface-visibility: hidden; backface-visibility: hidden;		
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
	.fwdright,
	.fwdright *{
		-webkit-backface-visibility: hidden;
	}
	
	.active.foto.fwdrightdoble.fp-completely .intro .bloc-1,
	.active.foto.fwdrightdoble.fp-completely .intro .bloc-2,
	.active.infografia.fwdrightdoble.fp-completely .intro .bloc-1,
	.active.infografia.fwdrightdoble.fp-completely .intro .bloc-2{
		-webkit-animation-duration: .75s;
		        animation-duration: .75s;
	}
	.active.foto.fwdrightdoble.fp-completely .intro .bloc-2,
	.active.infografia.fwdrightdoble.fp-completely .intro .bloc-2,
	.intro .fwdrightdoble .bloc-2{
		-webkit-animation-delay:.5s;
		        animation-delay:.5s;
	}
	
/*}*/






/**
 * ----------------------------------------
 * animation slide-fwd-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-fwd-right {
	from{
		opacity:0;
    -webkit-transform: translate3d(-101%,0,0);
            transform: translate3d(-101%,0,0);
	}
  to{
	  opacity:1;
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
}
@keyframes slide-fwd-right {
	from{
		opacity:0;
    -webkit-transform: translate3d(-101%,0,0);
            transform: translate3d(-101%,0,0);
	}
  to{
	  opacity:1;
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
}





/**
 * ----------------------------------------
 * animation pulsate-fwd
 * ----------------------------------------
 */
@-webkit-keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1;
  }
}
@keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
             opacity: 1;
  }
}




/**
 * ----------------------------------------
 * animation tracking-in-contract-bck
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-contract-bck {
  0% {
    letter-spacing: .2em;
/*
    -webkit-transform: translateZ(2em);
            transform: translateZ(2em);
*/
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
/*
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
*/
    opacity: 1;
  }
}
@keyframes tracking-in-contract-bck {
  0% {
    letter-spacing: .2em;
/*
    -webkit-transform: translateZ(2em);
            transform: translateZ(2em);
*/
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
/*
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
*/
    opacity: 1;
  }
}


@-webkit-keyframes fadeIn {
  0% {
   opacity:0;
  }
  100% {
	  opacity:1;
    
  }
}
@keyframes fadeIn {
  0% {
  	opacity:0;
  }
  100% {
	  opacity:1;
    
  }
}
/**
 * ----------------------------------------
 * animation slide-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(7rem);
            transform: translateX(7rem);
  }
  100% {
	  opacity:1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slide-left {
  0% {
    -webkit-transform: translateX(7rem);
            transform: translateX(7rem);
  }
  100% {
	  opacity:1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes slide-leftb {
  0% {
	  opacity:0;
    -webkit-transform: translateX(7rem);
            transform: translateX(7rem);
  }
  50%{
	  opacity:.3;
  }
  100% {
	  opacity:1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slide-leftb {
  0% {
	  opacity:0;
    -webkit-transform: translateX(7rem);
            transform: translateX(7rem);
  }
  50%{
	  opacity:.3;
  }
  100% {
	  opacity:1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}



/**
 * ----------------------------------------
 * animation slide-in-elliptic-top-fwd
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-elliptic-top-fwd {
  0% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
            transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    opacity: 0;
  }
  30% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
            transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 0 1400px;
            transform-origin: 0 1400px;
    opacity: 1;
  }
  
  100%{
	  opacity:0;
  }
  
}
@keyframes slide-in-elliptic-top-fwd {
  0% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
            transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    opacity: 0;
  }
  30% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
            transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 0 1400px;
            transform-origin: 0 1400px;
    opacity: 1;
  }
  
  100%{
	  opacity:0;
  }
}

@-webkit-keyframes salta{
	0%{
	 -webkit-transform:translateY(0);
	         transform:translateY(0);
	}
	10%{
	 -webkit-transform:translateY(100vh);
	         transform:translateY(100vh);
	}
	100%{
	 -webkit-transform:translateY(0);
	         transform:translateY(0);
	}
}
@keyframes salta{
	0%{
	 -webkit-transform:translateY(0);
	         transform:translateY(0);
	}
	10%{
	 -webkit-transform:translateY(100vh);
	         transform:translateY(100vh);
	}
	100%{
	 -webkit-transform:translateY(0);
	         transform:translateY(0);
	}
}
@-webkit-keyframes saltainversa{
	0%{
	 -webkit-transform:translateY(0);
	         transform:translateY(0);
	}
	10%{
	 -webkit-transform:translateY(-50vh);
	         transform:translateY(-50vh);
	}
	100%{
	 -webkit-transform:translateY(0);
	         transform:translateY(0);
	}
}
@keyframes saltainversa{
	0%{
	 -webkit-transform:translateY(0);
	         transform:translateY(0);
	}
	10%{
	 -webkit-transform:translateY(-50vh);
	         transform:translateY(-50vh);
	}
	100%{
	 -webkit-transform:translateY(0);
	         transform:translateY(0);
	}
}
@-webkit-keyframes entraesquerra{
	from{
		-webkit-transform:translateX(-100%);
		        transform:translateX(-100%);
		opacity:0;
	}
	to{
		-webkit-transform:translateY(0);
		        transform:translateY(0);
		opacity:1;
	}
}
@keyframes entraesquerra{
	from{
		-webkit-transform:translateX(-100%);
		        transform:translateX(-100%);
		opacity:0;
	}
	to{
		-webkit-transform:translateY(0);
		        transform:translateY(0);
		opacity:1;
	}
}
@-webkit-keyframes entraesquerra2{
	from{
		-webkit-transform:translateX(-100%);
		        transform:translateX(-100%);
	}
	to{
		-webkit-transform:translateY(0);
		        transform:translateY(0);
	}
}
@keyframes entraesquerra2{
	from{
		-webkit-transform:translateX(-100%);
		        transform:translateX(-100%);
	}
	to{
		-webkit-transform:translateY(0);
		        transform:translateY(0);
	}
}
@-webkit-keyframes entradalt{
	from{
		-webkit-transform:translateY(-100%);
		        transform:translateY(-100%);
		opacity:0;
	}
	to{
		-webkit-transform:translateY(0);
		        transform:translateY(0);
		opacity:1;
	}
}
@keyframes entradalt{
	from{
		-webkit-transform:translateY(-100%);
		        transform:translateY(-100%);
		opacity:0;
	}
	to{
		-webkit-transform:translateY(0);
		        transform:translateY(0);
		opacity:1;
	}
}
@-webkit-keyframes entrabaix{
	from{
		-webkit-transform:translateY(150%);
		        transform:translateY(150%);
		opacity:0;
	}
	to{
		-webkit-transform:translateY(0);
		        transform:translateY(0);
		opacity:1;
	
	}
}
@keyframes entrabaix{
	from{
		-webkit-transform:translateY(150%);
		        transform:translateY(150%);
		opacity:0;
	}
	to{
		-webkit-transform:translateY(0);
		        transform:translateY(0);
		opacity:1;
	
	}
}
/* families */

/*
#familia{
	fill:#D36670;
}
*/
.membre,
.casa,
.plat{
	fill:white;
	
}
.plat,
.pintats .plat{
  fill: white;
  stroke: white;
}
.fp-completely .pintats .plat{
  fill:#FAB753;
  stroke:#FAB753;
  transition:all 1s ease-out;
}
.fp-completely .pintats .plat:nth-child(16),
.fp-completely .pintats .plat:nth-child(17),
.fp-completely .pintats .plat:nth-child(18),
.fp-completely .pintats .plat:nth-child(19),
.fp-completely .pintats .plat:nth-child(20),
.fp-completely .pintats .plat:nth-child(21){
	transition-delay: 1.8s;
}
.fp-completely .pintats .plat:nth-child(11),
.fp-completely .pintats .plat:nth-child(12),
.fp-completely .pintats .plat:nth-child(13),
.fp-completely .pintats .plat:nth-child(14),
.fp-completely .pintats .plat:nth-child(15){
	transition-delay: 1.9s;
}
.fp-completely .pintats .plat:nth-child(10){
	transition-delay: 2s;
}
.fp-completely .pintats .plat:nth-child(9){
	transition-delay: 2.1s;
}
.fp-completely .pintats .plat:nth-child(8){
	transition-delay: 2.15s;
}
.fp-completely .pintats .plat:nth-child(7){
	transition-delay: 2.2s;
}
.fp-completely .pintats .plat:nth-child(6){
	transition-delay: 2.25s;
}
.fp-completely .pintats .plat:nth-child(5),
.fp-completely .pintats .plat:nth-child(4){
	transition-delay: 2.3s;
}
.fp-completely .pintats .plat:nth-child(3),
.fp-completely .pintats .plat:nth-child(2),
.fp-completely .pintats .plat:nth-child(1){
	transition-delay: 2.4s;
}
.casa{
	opacity:.8;
}
.casa.protegida{
	opacity: 1;
}
.fp-completely .membre,
.fp-completely .casa.protegida{
	/*
		fill:#D36670;
		transition:1s all ease-in 1s;
	*/
	animation: 1s canviColor;
	-webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@keyframes canviColor{
	to{
		fill:#D36670;
	}
}

.casa:nth-child(1){
	animation-delay:1s;
}

.casa:nth-child(1){
	animation-delay:1.2s;
}

.casa:nth-child(1){
	animation-delay:1.4s;
}
.membre:nth-child(1){
	animation-delay:2.1s;
}
.membre:nth-child(2){
	animation-delay:2.2s;
}
.membre:nth-child(3){
	animation-delay:2.3s;
}
.membre:nth-child(4){
	animation-delay:2.4s;
}
.membre:nth-child(5){
	animation-delay:2.5s;
}
.membre:nth-child(6){
	animation-delay:2.6s;
}

#creixement, #percent, #valor-subvencio, #linia-creixement,.creixement{
	opacity:0;
}

.fp-completely #creixement,
.fp-completely #percent,
.fp-completely #valor-subvencio,
.fp-completely #linia-creixement,
.fp-completely .creixement{
	animation:.5s apareix;
	-webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.fp-completely .creixement,
.fp-completeley .infovalor.creixement{
	animation-duration: 1s;
}
.infovalor.creixement{
	animation-delay:.5s;
}
.fp-completely #creixement,
.fp-completely #linia-creixement{
	
	animation-delay:1.5s;
}

.fp-completely #percent{
	animation-delay:1.75s;
}
.fp-completely #valor-subvencio{
	animation-delay:2s;
}
.fp-completely #linia-creixement{
	animation-delay:2.2s;
	
}

@keyframes apareix{
	to{
		opacity:1;
	}
}

.fp-completely .slideshow:not(.multiple) .slideshow-image {
  -webkit-animation-name: kenburns;
          animation-name: kenburns;
/*
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
*/
  -webkit-animation-timing-function:  cubic-bezier(0.250, 0.460, 0.450, 0.940);
          animation-timing-function:  cubic-bezier(0.250, 0.460, 0.450, 0.940);

  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  opacity: 1;
    -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  
transform-origin: center;
}
 .fp-completely .slideshow.multiple .slideshow-image {
  -webkit-animation-name: creuat;
          animation-name: creuat;
/*
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
*/
  -webkit-animation-timing-function:  cubic-bezier(0.250, 0.460, 0.450, 0.940);
          animation-timing-function:  cubic-bezier(0.250, 0.460, 0.450, 0.940);

  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  opacity: 0;
    -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  
transform-origin: center;
}
.fp-completely .slideshow.multiple .slideshow-image:nth-child(1) {
	animation-delay:16s;

}
.fp-completely .slideshow.multiple .slideshow-image:nth-child(2) {
	animation-delay:12s;

}
.fp-completely .slideshow.multiple .slideshow-image:nth-child(3) {
	animation-delay:8s;

}
.fp-completely .slideshow.multiple .slideshow-image:nth-child(4) {
	animation-delay:4s;

}
.fp-completely .slideshow.multiple .slideshow-image:nth-child(5) {
/* 	animation-delay:1s; */

}

@-webkit-keyframes kenburns {
  0% {
/*     opacity: 1; */
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
            opacity: 1;
  }

  100% {
/*     opacity: 1; */
    -webkit-transform: scale(1);
            transform: scale(1);
            
            opacity: 1;
  }

/*
  98.4375% {
    -webkit-transform: scale(1.2117647059);
            transform: scale(1.2117647059);
  }
  100% {
    opacity: 1;
  }
*/
}


@keyframes kenburns{
  0% {
/*     opacity: 1; */
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
            opacity: 1;
  }

  100% {
/*     opacity: 1; */
    -webkit-transform: scale(1);
            transform: scale(1);
            opacity:1;
  }

/*
  98.4375% {
    -webkit-transform: scale(1.2117647059);
            transform: scale(1.2117647059);
  }
  100% {
    opacity: 1;
  }
*/
}


@-webkit-keyframes creuat {
  0% {
    opacity: 0;

  }
  20% {
    opacity: 1;
  }
  51.5625% {
    opacity: 0;

  }
  100% {
    opacity: 0;

  }
}
@keyframes creuat {
  0% {
    opacity: 0;

  }
  
  20% {
    opacity: 1;
  }
  51.5625% {
    opacity: 0;

  }
  100% {
    opacity: 0;

  }
}
#pagina47.fp-completely .intro{
	height: 100%;
}
#pagina47.fp-completely .intro::before{
	display:block;
	content:"";
	width:100%;
	height: 100%;
	position:absolute;
	top: 0;
	z-index: -1;
	background-size:cover;
	background-position: right center;
	background-repeat: no-repeat;
	-webkit-animation: 20s canviaFons ease-in infinite;
	        animation: 20s canviaFons ease-in infinite;
	left: 0;
	
}
@media all and (min-width:1024px){
	#pagina47.fp-completely .intro::before{
		background-size:contain;
	}
	#pagina47.fp-completely .intro{
		height:auto;
	}
}
@-webkit-keyframes canviaFons{
	0%{
		background-image:url(img/04/transformacions_meridiana.jpg);
		opacity:1;
		
	}
	
	8%{
		opacity:1;
	}
	9%{
		opacity:0;
		background-image:url(img/04/transformacions_meridiana.jpg);
	}
	10%{
		opacity:0;
		background-image:url(img/04/transformacions_glories.jpg);
	}
	12%{
		opacity:1;
		
	}
	18%{
		opacity:1;
		
	}
	19%{
		opacity:0;
		background-image:url(img/04/transformacions_glories.jpg);
		
	}
	20%{
		opacity:0;
		background-image:url(img/04/transformacions_lasagrera.jpg);
	}
	22%{
		opacity:1;
	}
	28%{
		opacity:1;
	}
	29%{
		opacity:0;
		background-image:url(img/04/transformacions_lasagrera.jpg);
		
	}
	30%{
		opacity:0;
		background-image:url(img/04/transformacions_model.jpg);
	}
	32%{
		opacity:1;
	}
	38%{
		opacity:1;
	}
	
	39%{
		opacity:0;
		background-image:url(img/04/transformacions_model.jpg);
		
	}
	40%{
		opacity:0;
		background-image:url(img/04/transformacions_ronda.jpg);
	}
	42%{
		opacity:1;
	}
	48%{
		opacity:1;
	}
	49%{
		opacity:0;
		background-image:url(img/04/transformacions_ronda.jpg);
	}
	50%{
		opacity:0;
		background-image:url(img/04/transformacions_pereiv.jpg);
	}
	52%{
		opacity:1;
	}
	58%{
		opacity:1;
	}
	59%{
		opacity:0;
		background-image:url(img/04/transformacions_pereiv.jpg);
/* 		 */
	}
	60%{
		opacity:0;
		background-image:url(img/04/transformacions_lamarina.jpg);
	}
	62%{
		opacity:1;
	}
	78%{
		opacity:1;
	}
	79%{
		opacity:0;
		background-image:url(img/04/transformacions_lamarina.jpg);
		
	}
	80%{
		opacity:0;
		background-image:url(img/04/transformacions_canbatllo.jpg);
	}
	82%{
		opacity:1;
	}
	88%{
		opacity:1;
	}
	89%{
		opacity:0;
		background-image:url(img/04/transformacions_canbatllo.jpg);
		
	}
	90%{
		opacity:0;
		background-image:url(img/04/transformacions_meridiana.jpg);
	}
	82%{
		opacity:1;
	}
	100%{
		opacity:1;
	}
}
@keyframes canviaFons{
	0%{
		background-image:url(img/04/transformacions_meridiana.jpg);
		opacity:1;
		
	}
	
	8%{
		opacity:1;
	}
	9%{
		opacity:0;
		background-image:url(img/04/transformacions_meridiana.jpg);
	}
	10%{
		opacity:0;
		background-image:url(img/04/transformacions_glories.jpg);
	}
	12%{
		opacity:1;
		
	}
	18%{
		opacity:1;
		
	}
	19%{
		opacity:0;
		background-image:url(img/04/transformacions_glories.jpg);
		
	}
	20%{
		opacity:0;
		background-image:url(img/04/transformacions_lasagrera.jpg);
	}
	22%{
		opacity:1;
	}
	28%{
		opacity:1;
	}
	29%{
		opacity:0;
		background-image:url(img/04/transformacions_lasagrera.jpg);
		
	}
	30%{
		opacity:0;
		background-image:url(img/04/transformacions_model.jpg);
	}
	32%{
		opacity:1;
	}
	38%{
		opacity:1;
	}
	
	39%{
		opacity:0;
		background-image:url(img/04/transformacions_model.jpg);
		
	}
	40%{
		opacity:0;
		background-image:url(img/04/transformacions_ronda.jpg);
	}
	42%{
		opacity:1;
	}
	48%{
		opacity:1;
	}
	49%{
		opacity:0;
		background-image:url(img/04/transformacions_ronda.jpg);
	}
	50%{
		opacity:0;
		background-image:url(img/04/transformacions_pereiv.jpg);
	}
	52%{
		opacity:1;
	}
	58%{
		opacity:1;
	}
	59%{
		opacity:0;
		background-image:url(img/04/transformacions_pereiv.jpg);
/* 		 */
	}
	60%{
		opacity:0;
		background-image:url(img/04/transformacions_lamarina.jpg);
	}
	62%{
		opacity:1;
	}
	78%{
		opacity:1;
	}
	79%{
		opacity:0;
		background-image:url(img/04/transformacions_lamarina.jpg);
		
	}
	80%{
		opacity:0;
		background-image:url(img/04/transformacions_canbatllo.jpg);
	}
	82%{
		opacity:1;
	}
	88%{
		opacity:1;
	}
	89%{
		opacity:0;
		background-image:url(img/04/transformacions_canbatllo.jpg);
		
	}
	90%{
		opacity:0;
		background-image:url(img/04/transformacions_meridiana.jpg);
	}
	82%{
		opacity:1;
	}
	100%{
		opacity:1;
	}
}


#pagina19:not(.fp-completely) path.creixement,
#pagina19:not(.fp-completely) circle,
#pagina8:not(.fp-completely) #infografia-ajuts-lloguer circle {
    stroke-dasharray: 1200;
    stroke-dashoffset: 1200;
    transition:1s all ease-in-out 1s;
}
#pagina19.fp-completely  path.creixement,
#pagina19.fp-completely circle,
#pagina8.fp-completely #infografia-ajuts-lloguer circle {
	stroke-dasharray: 1200;
    stroke-dashoffset: 0;
    transition:1s all ease-in-out 1s;
}

/* animació convidant a scroll*/

.scroll-down-wrap.no-border {
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: 60px;
    margin-left: -30px;
    z-index: 101;
}
.section-down-arrow.local-scroll-link {
    position: absolute;
    bottom: 1.875rem;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
     -webkit-animation: nudgeMouse 2.4s cubic-bezier(0, 0, 0.725, 1) infinite;
    animation: nudgeMouse 2.4s cubic-bezier(0, 0, 0.725, 1) infinite;
}
.scroll-down-wrap.no-border .section-down-arrow:before, 
.slider-down-arrow.no-border:before {
    position: absolute;
    content: '';
    display: block;
    left: 50%;
    margin-left: -1px;
    top: 22px;
    background-color: rgba(255, 255, 255, 1);
    width: 2px;
    height: 6px;
    border-radius: 10px;
    transition: background-color 0.55s cubic-bezier(0.5, 0.1, 0.07, 1);
    -webkit-animation: trackBallSlide 2.4s cubic-bezier(0, 0, 0.725, 1) infinite;
    animation: trackBallSlide 2.4s cubic-bezier(0, 0, 0.725, 1) infinite;
}
.section-down-arrow, .scroll-down-wrap.no-border .section-down-arrow {
    display: inline-block;
    width: 49px;
    height: 49px;
    color: #fff !important;
/*     border: 2px solid #fff; */
    text-align: center;
    line-height: 50px;
/*     border-radius: 100px; */
    font-size: 25px;
    -webkit-border-radius: 100px;
    transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    overflow: hidden;
    margin-left: 0px;
    left: 0;
    bottom: 16px;
    opacity: 1;
}
.nectar-scroll-icon-path {
    fill: transparent;
    stroke-width: 2px;
    stroke-dashoffset: 120;
    stroke-dasharray: 120;
    -webkit-animation: mouse-scroll-btn-roll-out 0.55s cubic-bezier(0.5, 0.1, 0.07, 1);
    animation: mouse-scroll-btn-roll-out 0.55s cubic-bezier(0.5, 0.1, 0.07, 1);
}
.scroll-down-wrap.no-border .section-down-arrow::after, 
.slider-down-arrow.no-border::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 30px;
    height: 45px;
    margin-left: -15px;
    border: 2px solid rgba(255, 255, 255, 1);
    border-radius: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 62;
}


@-webkit-keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1) translateY(-10px);
    transform: scaleY(1) translateY(-10px); }
  45% {
    opacity: 0;
    -webkit-transform: scaleY(0.5) translateY(13px);
    transform: scaleY(0.5) translateY(13px); }
  46% {
    opacity: 0;
    -webkit-transform: scaleY(1) translateY(-10px);
    transform: scaleY(1) translateY(-10px); }
  65%, 100% {
    opacity: 1;
    -webkit-transform: scaleY(1) translateY(-10px);
    transform: scaleY(1) translateY(-10px); } }
@keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1) translateY(-10px);
    transform: scaleY(1) translateY(-10px); }
  45% {
    opacity: 0;
    -webkit-transform: scaleY(0.5) translateY(13px);
    transform: scaleY(0.5) translateY(13px); }
  46% {
    opacity: 0;
    -webkit-transform: scaleY(1) translateY(-10px);
    transform: scaleY(1) translateY(-10px); }
  65%, 100% {
    opacity: 1;
    -webkit-transform: scaleY(1) translateY(-10px);
    transform: scaleY(1) translateY(-10px); } }
@keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  45% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  65%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@-webkit-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  45% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  65%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@-webkit-keyframes mouse-scroll-btn-roll-over {
  0% {
    stroke-dashoffset: 120; }
  100% {
    stroke-dashoffset: 0; } }
@keyframes mouse-scroll-btn-roll-over {
  0% {
    stroke-dashoffset: 120; }
  100% {
    stroke-dashoffset: 0; } }
@-webkit-keyframes mouse-scroll-btn-roll-out {
  0% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: -120; } }
@keyframes mouse-scroll-btn-roll-out {
  0% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: -120; } }