@charset "UTF-8";
/* CSS Document */



/* ----  Animacions  |  Site  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
/* |**| amb animació */
.animacio {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

/* |**| desplaçament continuo a l'esquerra */
.lliscaEsqBucle {
	animation:lliscaEsqBucle 60s linear infinite; /* lliscaEsqBucle, desplaçament continuo a l'esquerra (abans 80s.) */
	-webkit-animation:lliscaEsqBucle 60s linear infinite; /* lliscaEsqBucle, desplaçament continuo a l'esquerra (abans 80s.) */
}

/* |**| lliscaEsqBucle */
@-webkit-keyframes 
lliscaEsqBucle {
     0% {
        -webkit-transform: translate3d(0, 0, 0);
		transform:         translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
		transform:         translate3d(-50%, 0, 0);
    }
}
@keyframes 
lliscaEsqBucle {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
		-moz-transform:    translate3d(0, 0, 0);
		-ms-transform:     translate3d(0, 0, 0);
		-o-transform:      translate3d(0, 0, 0);
		transform:         translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform:    translate3d(-50%, 0, 0);
		-ms-transform:     translate3d(-50%, 0, 0);
		-o-transform:      translate3d(-50%, 0, 0);
		transform:         translate3d(-50%, 0, 0);
    }
}


/* |**| aparèixer suaument */
.apareixer {
	-webkit-animation-name:apareixer; /* apareixer suaument */
	animation-name:apareixer; /* apareixer suaument */

}

/* |**| aparèixer suaument */
@-webkit-keyframes 
apareixer {
     0% 	{ opacity:0; }

    100% 	{ opacity:1; }
}
@keyframes 
apareixer {
     0% 	{ opacity:0; }

    100% 	{ opacity:1; }
}

/* |**| aparèixer lentament */
.apareixerLent {
	-webkit-animation-name:apareixerLent; /* apareixer lentament */
	animation-name:apareixerLent; /* apareixer lentament */
	-webkit-animation-duration:1.5s;
	animation-duration:1.5s;
}


/* |**| aparèixer lentament */
@-webkit-keyframes 
apareixerLent {
     0% 	{ opacity:0.0; }
	 
	 40% 	{ opacity:0.2; }

    100% 	{ opacity:1.0; }
}
@keyframes 
apareixerLent {
     0% 	{ opacity:0.0; }
	 
	 40% 	{ opacity:0.2; }

    100% 	{ opacity:1.0; }
}


/* |**| desplegament suaument aball */
.suaumentAball {
	-webkit-animation-name:suaumentAball; /* suaumentAball, desplegament suaument aball */
	animation-name:suaumentAball; /* suaumentAball, desplegament suaument aball */
}

/* |**| suaumentAball */
@-webkit-keyframes 
suaumentAball {
     0% {
		opacity:0;
		-webkit-transform:	translateY(-30px);
		transform:			translateY(-30px);
    }

    100% {
		opacity:1;
		-webkit-transform:	translateY(0);
		transform:			translateY(0);
    }
}
@keyframes 
suaumentAball {
    0% {
		opacity:0;
		-webkit-transform:	translateY(-30px);
		-moz-transform:		translateY(-30px);
		-ms-transform:		translateY(-30px);
		-o-transform:		translateY(-30px);
		transform:			translateY(-30px);
    }

    100% {
		opacity:1;
		-webkit-transform:	translateY(0);
		-moz-transform:		translateY(0);
		-ms-transform:		translateY(0);
		-o-transform:		translateY(0);
		transform:			translateY(0);
    }
}


/* |**| desplegament suaument amunt */
.suaumentAmunt {
	-webkit-animation-name:suaumentAmunt; /* suaumentAmunt, desplegament suaument amunt */
	animation-name:suaumentAmunt; /* suaumentAmunt, desplegament suaument amunt */
}

/* |**| suaumentAmunt */
@-webkit-keyframes 
suaumentAmunt {
     0% {
		opacity:0;
		-webkit-transform:	translateY(30px);
		transform:			translateY(30px);
    }

    100% {
		opacity:1;
		-webkit-transform:	translateY(0);
		transform:			translateY(0);
    }
}
@keyframes 
suaumentAmunt {
    0% {
		opacity:0;
		-webkit-transform:	translateY(30px);
		-moz-transform:		translateY(30px);
		-ms-transform:		translateY(30px);
		-o-transform:		translateY(30px);
		transform:			translateY(30px);
    }

    100% {
		opacity:1;
		-webkit-transform:	translateY(0);
		-moz-transform:		translateY(0);
		-ms-transform:		translateY(0);
		-o-transform:		translateY(0);
		transform:			translateY(0);
    }
}


/* |**| desplegament suaument aball totalment */
.suaumentAballTotal {
	-webkit-animation-name:suaumentAballTotal; /* suaumentAballTotal, desplegament suaument aball totalment */
	animation-name:suaumentAballTotal; /* suaumentAballTotal, desplegament suaument aball totalment */
}

/* |**| suaumentAballTotal */
@-webkit-keyframes 
suaumentAballTotal {
     0% {
		opacity:0;
		-webkit-transform:	translateY(-100%);
		transform:			translateY(-100%);
    }

    100% {
		opacity:1;
		-webkit-transform:	translateY(0);
		transform:			translateY(0);
    }
}
@keyframes 
suaumentAballTotal {
    0% {
		opacity:0;
		-webkit-transform:	translateY(-100%);
		-moz-transform:		translateY(-100%);
		-ms-transform:		translateY(-100%);
		-o-transform:		translateY(-100%);
		transform:			translateY(-100%);
    }

    100% {
		opacity:1;
		-webkit-transform:	translateY(0);
		-moz-transform:		translateY(0);
		-ms-transform:		translateY(0);
		-o-transform:		translateY(0);
		transform:			translateY(0);
    }
}


/* |**| desplegament suaument amunt total */
.suaumentAmuntTotal {
	-webkit-animation-name:suaumentAmuntTotal; /* suaumentAmuntTotal, desplegament suaument amunt totalment */
	animation-name:suaumentAmuntTotal; /* suaumentAmuntTotal, desplegament suaument amunt totalment */
}

/* |**| suaumentAmuntTotal */
@-webkit-keyframes 
suaumentAmuntTotal {
     0% {
		opacity:0;
		-webkit-transform:	translateY(100%);
		transform:			translateY(100%);
    }

    100% {
		opacity:1;
		-webkit-transform:	translateY(0);
		transform:			translateY(0);
    }
}
@keyframes 
suaumentAmuntTotal {
    0% {
		opacity:0;
		-webkit-transform:	translateY(100%);
		-moz-transform:		translateY(100%);
		-ms-transform:		translateY(100%);
		-o-transform:		translateY(100%);
		transform:			translateY(100%);
    }

    100% {
		opacity:1;
		-webkit-transform:	translateY(0);
		-moz-transform:		translateY(0);
		-ms-transform:		translateY(0);
		-o-transform:		translateY(0);
		transform:			translateY(0);
    }
}


/* |**| desplegament suaument dreta */
.suaumentDta {
	-webkit-animation-name:suaumentDta; /* suaumentAmunt, desplegament suaument dreta */
	animation-name:suaumentDta; /* suaumentAmunt, desplegament suaument dreta */
}

/* |**| suaumentDta */
@-webkit-keyframes
suaumentDta {
    0% {
        opacity: 0;
        -webkit-transform: 	translateX(130px);
        transform: 			translateX(130px);
    }

    100% {
        opacity: 1;
        -webkit-transform: 	translateX(0);
        transform: 			translateX(0);
    }
}
@keyframes
suaumentDta {
    0% {
        opacity: 0;
		-webkit-transform:	translateX(130px);
		-moz-transform:		translateX(130px);
		-ms-transform:		translateX(130px);
		-o-transform:		translateX(130px);
		transform:			translateX(130px);
    }

    100% {
        opacity: 1;
		-webkit-transform:	translateX(0px);
		-moz-transform:		translateX(0px);
		-ms-transform:		translateX(0px);
		-o-transform:		translateX(0px);
		transform:			translateX(0px);
    }
}


/* |**| desplegament suaument esquerra */
.suaumentEsq {
	-webkit-animation-name:suaumentEsq; /* suaumentEsq, desplegament suaument esquerra */
	animation-name:suaumentEsq; /* suaumentEsq, desplegament suaument esquerra */
}

/* |**| suaumentEsq */
@-webkit-keyframes
suaumentEsq {
    0% {
        opacity: 0;
        -webkit-transform: 	translateX(-130px);
        transform: 			translateX(-130px);
    }

    100% {
        opacity: 1;
        -webkit-transform: 	translateX(0);
        transform: 			translateX(0);
    }
}

@keyframes
suaumentEsq {
    0% {
        opacity: 0;
        -webkit-transform:	translateX(-130px);
		-moz-transform:		translateX(-130px);
		-ms-transform:		translateX(-130px);
		-o-transform:		translateX(-130px);
		transform:			translateX(-130px);
    }

    100% {
        opacity: 1;
        -webkit-transform:	translateX(0px);
		-moz-transform:		translateX(0px);
		-ms-transform:		translateX(0px);
		-o-transform:		translateX(0px);
		transform:			translateX(0px);
    }
}


/* |**| desplegament suaument esquerra total */
.suaumentEsqTotal {
	-webkit-animation-name:suaumentEsqTotal; /* suaumentEsqTotal, desplegament suaument esquerra totalment */
	animation-name:suaumentEsqTotal; /* suaumentEsqTotal, desplegament suaument esquerra totalment */
	-webkit-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-delay:0.15s;
	animation-delay:0.15s;
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out;

}

/* |**| suaumentEsqTotal */
@-webkit-keyframes
suaumentEsqTotal {
    0% {
        opacity: 0;
        -webkit-transform: 	translateX(-100%);
        transform: 			translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: 	translateX(0);
        transform: 			translateX(0);
    }
}

@keyframes
suaumentEsqTotal {
    0% {
        opacity: 0;
        -webkit-transform:	translateX(-100%);
		-moz-transform:		translateX(-100%);
		-ms-transform:		translateX(-100%);
		-o-transform:		translateX(-100%);
		transform:			translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform:	translateX(0px);
		-moz-transform:		translateX(0px);
		-ms-transform:		translateX(0px);
		-o-transform:		translateX(0px);
		transform:			translateX(0px);
    }
}


/* |**| scrollarrow */
@-webkit-keyframes 
scrollarrow-animation {
    0% {
		-webkit-transform:	translateY(0);
		transform:			translateY(0);
    }

    40% {
		-webkit-transform:	translateY(3px);
		transform:			translateY(3px);
    }

    80% {
		-webkit-transform:	translateY(-3px);
		transform:			translateY-(3px);
    }
}
@keyframes 
scrollarrow-animation {
    0% {
		-webkit-transform:	translateY(0);
		-moz-transform:		translateY(0);
		-ms-transform:		translateY(0);
		-o-transform:		translateY(0);
		transform:			translateY(0);
    }

    40% {
		-webkit-transform:	translateY(3px);
		-moz-transform:		translateY(3px);
		-ms-transform:		translateY(3px);
		-o-transform:		translateY(3px);
		transform:			translateY(3px);
    }

    80% {
		-webkit-transform:	translateY(-3px);
		-moz-transform:		translateY(-3px);
		-ms-transform:		translateY(-3px);
		-o-transform:		translateY(-3px);
		transform:			translateY-(3px);
    }
}