/* Globals */
/* body {
	background-image: url(imagini/bg_animations/background_body.png);
	background-size: cover;
}  */ /* aici am testat backgroundul din design */


/* de pus pe divul de sub body care cuprinde tot continutul */
.overflow-hidden {
	overflow-x: hidden;
}


/* Parcurs animatie - colt dreapta sus - tranzitie - colt stanga jos */
.reverse-anim .palm1 {
	top: unset;
    bottom: -62%;
    left: 13%;
	animation: palm ease 3s infinite 4.5s alternate-reverse both;
}

.reverse-anim .palm2 {
	top: unset;
	bottom: -22%;
    left: 5%;
	animation: palm ease 3s infinite 4s alternate-reverse both;
}

.reverse-anim .palm3 {
	top: unset;
	bottom: 23%;
    left: 17%;
	animation: palm ease 3s infinite 3.5s alternate-reverse both;
}

.reverse-anim .palm4 {
	top: unset;
	bottom: 34%;
	left: 29%;
	animation: palm ease 3s infinite 3s alternate-reverse both;
}

.reverse-anim .palm5 {
	top: unset;
	bottom: 32%;
    left: 45%;
	animation: palm ease 3s infinite 2.5s alternate-reverse both;
}

.reverse-anim .palm6 {
	top: unset;
	bottom: 40%;
    left: 60%;
	animation: palm ease 3s infinite 2s alternate-reverse both;
}

.reverse-anim .palm7 {
	top: unset;
	bottom: 35%;
    left: 78%;
	animation: palm ease 3s infinite 1.5s alternate-reverse both;
}

.reverse-anim .palm8 {
	top: -6%;
    bottom: unset;
    left: unset;
    right: 7%;
	animation: palm ease 3s infinite 1s alternate-reverse both;
}

.reverse-anim .palm9 {
	top: -40%;
    bottom: unset;
    left: unset;
    right: 9%;
	animation: palm ease 3s infinite 0.5s alternate-reverse both;
}

.reverse-anim .palm10{
    bottom: unset;
    left: unset;
    top: -32%;
    right: 18%;
	animation: palm ease 3s infinite 0s alternate-reverse both;
}



/* Imagini mai mici - doar pt cele cu clasa ".animation-palm" */
.small-img .animation-palm img {
	width: 60px;
	max-width: 100%;
}


/* Pasari */
.birds .animation-palm.palm1 img,
.birds .animation-palm.palm8 img,
.birds .animation-palm.palm9 img,
.birds .animation-palm.palm10 img {
	-webkit-transform: scaleX(-1);
  	transform: scaleX(-1);
}


/* z-index */
.zindex0 {
	z-index: 0;
}

.zindex1 {
	z-index: 1;
}

.zindex2 {
	z-index: 2;
}

.zindex3 {
	z-index: 3;
}


/* Globals end */


/* Pelican zburand spre dreapta */
.animation-bird {
	position: absolute;
	top: 10%;
	left: -10%;
}
.animation-bird img {
	max-width: 250px;
	max-width: 100%;
	transform: rotate(-10deg);
	animation: birdAnimToRight 7s cubic-bezier(0.12, 0, 0.39, 0) 1s infinite normal forwards;
}

@keyframes birdAnimToRight {
	0% {
		opacity: 1;
		transform: translateX(0) rotate(-10deg);
		margin-left: 0;
	}

	100% {
		opacity: 0.4;
		transform: translateX(850px) rotate(-3deg);
		margin-left: 20%;
	}
}


/* Pelican zburand spre stanga */
.animation-bird-toleft {
	position: absolute;
	top: 15%;
	right: -10%;
}
.animation-bird-toleft img {
	max-width: 250px;
	max-width: 100%;
	transform: rotate(13deg);
	animation: birdAnimToLeft 4s cubic-bezier(0.12, 0, 0.39, 0) 2s infinite normal forwards;
}

@keyframes birdAnimToLeft {
	0% {
		opacity: 1;
		transform: translateX(0) rotate(13deg);
		margin-right: 0;
	}

	100% {
		opacity: 0.2;
		transform: translateX(-850px) rotate(3deg);
		margin-right: 20%;
	}
}


/* Tren mergand spre dreapta */
.animation-train-toright {
	position: absolute;
	top: 52%;
	left: -10%;
	margin-top: 5rem;
}
.animation-train-toright img {
	max-width: 750px;
	max-width: 100%;
	transform: rotate(-10deg);
	animation: trainToRightAnim 4s cubic-bezier(0.12, 0, 0.39, 0) 1s infinite normal forwards;
}

@keyframes trainToRightAnim {
	0% {
		opacity: 1;
		transform: translateX(0) rotate(-10deg);
		margin-top: 0;
	}

	50% {
		opacity: 0.5;
	}

	90% {
		transform: translateX(1550px) rotate(-3deg);
		margin-top: -50%;
	}

	100% {
		opacity: 0.1;
		transform: translateX(1550px) rotate(-3deg);
		margin-top: -50%;
	}
}



/* Linie animata stanga */
.animation-line-left {
	position: absolute;
	top: 0;
	left: -10%;
}

.animation-line-left .dashed{
    stroke-dasharray: 15;

}
.animation-line-left .path {
	stroke-dasharray: 2000;
	stroke-dashoffset: 2000;
	animation: dashedLine 6s linear alternate-reverse infinite;
}

@keyframes dashedLine {
	from {
		stroke-dashoffset: 2000;
	}
	to {
		stroke-dashoffset: 0;
	}
}


/* Linie animata dreapta */
.animation-line-right {
	position: absolute;
	top: 0;
	right: -10%;
}

.animation-line-right .dashed{
    stroke-dasharray: 15;

}
.animation-line-right .path {
	stroke-dasharray: 2000;
	stroke-dashoffset: 2000;
	animation: dashedLine 8s linear reverse infinite;
}

@keyframes dashedLine {
	from {
	  stroke-dashoffset: 0;
	}
	to {
	  stroke-dashoffset: 2000;
	}
}


/* Popcorn animat */
.animation-popcorn {
	position: absolute;
	bottom: 15%;
	right: 5%;
}

.animation-popcorn img {
	max-width: 150px;
	max-width: 100%;
	animation: popcornAnim 3s ease 0s infinite normal both;
}

@keyframes popcornAnim {
	0% {
		transform: scale3d(1, 1, 1);
		transform: rotate(-30deg);
	}

	30% {
		transform: scale3d(1.25, 0.75, 1);
	}

	40% {
		transform: scale3d(0.75, 1.25, 1);
		transform: rotate(0);
	}

	50% {
		transform: scale3d(1.15, 0.85, 1);
	}

	65% {
		transform: scale3d(0.95, 1.05, 1);
		transform: rotate(0);
	}

	75% {
		transform: scale3d(1.05, 0.95, 1);
	}

	100% {
		transform: scale3d(1, 1, 1);
		transform: rotate(-30deg);
	}
}


/* Calul zburator */
.animation-horse {
	position: absolute;
	bottom: -15%;
	right: 2%;
}

.animation-horse img {
	width: 500px;
	max-width: 100%;
	filter: brightness(0.7) sepia(1) opacity(0.3);
	animation: bounce 6s 6;
	opacity: 0;
}

@keyframes bounce {
	0% { 
		opacity: 1;
		margin-top: 20px; 
		transform: rotate(0deg) translateX(0) scale(1.5);
	}
	100% { 
		margin-top: 0; 
		transform: rotate(5deg) translateX(-1150px) scale(0);
		opacity: 0;
	}
}


/* Masca - cea cu ochii mari */

.animation-mask {
	position: absolute;
	top: calc(50% - 100px);
	left: 3%;
}

.animation-mask img {
	width: 200px;
	max-width: 100%;
	filter: brightness(0.7) sepia(1) opacity(0.3);
	animation: maskAnim 2s ease 0s infinite alternate-reverse forwards;
}

@keyframes maskAnim {
	0% {
		animation-timing-function: ease-in;
		opacity: 1;
		transform: translateY(-45px) rotate(-10deg) scale(0.8);
	}

	24% {
		opacity: 1;
	}

	40% {
		animation-timing-function: ease-in;
		transform: translateY(-24px);
	}

	65% {
		animation-timing-function: ease-in;
		transform: translateY(-12px);
	}

	82% {
		animation-timing-function: ease-in;
		transform: translateY(-6px);
	}

	93% {
		animation-timing-function: ease-in;
		transform: translateY(-4px);
	}

	25%,
	55%,
	75%,
	87% {
		animation-timing-function: ease-out;
		transform: translateY(0px);
	}

	100% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateY(0px) rotate(10deg) scale(1.2);
	}
}


/* ***************************************************************** */

/* Animatii dintre saptamani */


/* Intre sapt 0 si 1 - dintre sapt - cale ferata */
.animation-railroad {
	position: absolute;
    top: 14%;
    left: calc(50% - 450px);
    z-index: 1;
    transform: rotate(20deg);
}

.animation-railroad img {
	width: 880px;
	max-width: 100%;
	animation: railroadAnim 3s linear 0s infinite alternate-reverse both;
}

@keyframes railroadAnim {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

/* Intre sapt 0 si 1 - dintre sapt - vine vacanta */
.animation-railroad-text {
	position: absolute;
    top: 34%;
    left: 22%;
    z-index: -1;
    transform: rotate(16deg)
}

.animation-railroad-text img {
	width: 400px;
	max-width: 100%;
	animation: railroadAnimText 4s linear 0s infinite alternate-reverse both;
}

@keyframes railroadAnimText {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}



/* Intre sapt 1 si 2 - dintre sapt - pasi de rate */
.animation-duck-traces {
	position: absolute;
	top: 10%;
	left: 2%;
	z-index: -1;
}

.animation-duck-traces img {
	width: 600px;
	max-width: 100%;
	animation: duckTracesLine 10s ease 0s 1 normal forwards; 
}


@keyframes duckTracesLine {
	0% {
		opacity: 1;
		transform: translateX(0) rotate(10deg);
	}

	100% {
		opacity: 0;
		transform: translateX(-450px) rotate(0);
	}
}


/* Intre sapt 1 si 2 - dintre sapt - cei 3 copii */
.animation-children {
	position: absolute;
	top: -30%;
	right: 5%;
}
.animation-children img {
    filter: brightness(0.7) sepia(1) opacity(0.3);
	margin-right: 50px;
	animation: childrenAnim 8s linear alternate infinite;
}

@keyframes childrenAnim {
	0% {
		transform: translateX(-450px);
	}

	100% {
		transform: translateX(0);
	}
}


/* Intre sapt 1 si 2 - dintre sapt - Tren mergand spre stanga */
.animation-train-toleft {
	position: absolute;
	top: 30%;
	right: -10%;
	z-index: -1;
}
.animation-train-toleft img {
	max-width: 750px;
	max-width: 100%;
	transform: rotate(25deg);
	animation: trainToLeftAnim 4s cubic-bezier(0.12, 0, 0.39, 0) 1s infinite normal forwards;
}

@keyframes trainToLeftAnim {
	0% {
		opacity: 1;
		transform: translateX(0) rotate(25deg) scale(1);
		margin-top: 0;
	}

	50% {
		opacity: 0.5;
	}
	
	80% {
		transform: translateX(-1050px) rotate(8deg) scale(0.7);
		margin-top: -50%;
		opacity: 0;
	}

	100% {
		opacity: 0;
		transform: translateX(-1250px) rotate(8deg) scale(0);
		margin-top: -100%;
	}
}



/* Intre sapt 1 si 2 - dintre sapt - pasi rata */
.animation-steps {
	position: absolute;
	top: -30%;
	left: calc(50% - 490px);
	z-index: 1;
}

.animation-step-1 {
	animation: step ease 8s infinite 0s;
	opacity: 0;
}
.animation-step-2 {
	animation: step ease 8s infinite 0.5s;
	opacity: 0;
}
.animation-step-3 {
	animation: step ease 8s infinite 1s;
	opacity: 0;
}
.animation-step-4 {
	animation: step ease 8s infinite 1.5s;
	opacity: 0;
}
.animation-step-5 {
	animation: step ease 8s infinite 2s;
	opacity: 0;
}
.animation-step-6 {
	animation: step ease 8s infinite 2.5s;
	opacity: 0;
}
.animation-step-7 {
	animation: step ease 8s infinite 3s;
	opacity: 0;
}
.animation-step-8 {
	animation: step ease 8s infinite 3.5s;
	opacity: 0;
}
.animation-step-9 {
	animation: step ease 8s infinite 4s;
	opacity: 0;
}
.animation-step-10 {
	animation: step ease 8s infinite 4.5s;
	opacity: 0;
}
.animation-step-11 {
	animation: step ease 8s infinite 5s;
	opacity: 0;
}
.animation-step-12 {
	animation: step ease 8s infinite 5.5s;
	opacity: 0;
}
.animation-step-13 {
	animation: step ease 8s infinite 6s;
	opacity: 0;
}
.animation-step-14 {
	animation: step ease 8s infinite 6.5s;
	opacity: 0;
}

@keyframes step {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}


/* Intre sapt 2 si 3 - intre sapt - nori */
.cloud-animation {
	position: absolute;
	top: -155px;
    left: calc(50% - 840px);
    z-index: 1;
}

.cloud-animation svg {
	width: 1450px;
	max-width: 100%;
    height: 700px;
	max-height: 100%;
}

.animation-cloud-1 {
	animation: cloudAnim 3s ease 0s infinite alternate-reverse both;
}

.animation-cloud-2 {
    animation: cloudAnim 3s ease 0.5s infinite alternate-reverse both;
}

.animation-cloud-3 {
    animation: cloudAnim 3s ease 1s infinite alternate-reverse both;
}

.animation-cloud-4 {
    animation: cloudAnim 3s ease 1.5s infinite alternate-reverse both;
}

.animation-cloud-5 {
    animation: cloudAnim 3s ease 2s infinite alternate-reverse both;
}

.animation-cloud-6 {
    animation: cloudAnim 3s ease 2.5s infinite alternate-reverse both;
}

.animation-cloud-7 {
    animation: cloudAnim 3s ease 3s infinite alternate-reverse both;
}

.animation-cloud-8 {
    animation: cloudAnim 3s ease 3.5s infinite alternate-reverse both;
}

.animation-cloud-9 {
    animation: cloudAnim 3s ease 4s infinite alternate-reverse both;
}

.animation-cloud-10 {
    animation: cloudAnim 3s ease 4.5s infinite alternate-reverse both;
}

.animation-cloud-11 {
    animation: cloudAnim 3s ease 5s infinite alternate-reverse both;
}

.animation-cloud-12 {
    animation: cloudAnim 3s ease 5.5s infinite alternate-reverse both;
}

.animation-cloud-13 {
    animation: cloudAnim 3s ease 6s infinite alternate-reverse both;
}

.animation-cloud-14 {
    animation: cloudAnim 3s ease 6.5s infinite alternate-reverse both;
}



@keyframes cloudAnim {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}


/* Arlechinul care se leagana pe pendul */
.animation-arlechin-pendul {
	position: absolute;
	bottom: 5%;
	left: 2%;
}
.animation-arlechin-pendul img {
	width: 250px;
    max-width: 100%;
	-webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: swinging 3.5s ease-in-out forwards infinite;
    animation: swinging 3.5s ease-in-out forwards infinite;
}

@-webkit-keyframes swinging{
    0%{-webkit-transform: rotate(10deg);}
    50%{-webkit-transform: rotate(-5deg)}
    100%{-webkit-transform: rotate(10deg);}
}
 
@keyframes swinging{
    0%{transform: rotate(10deg);}
    50%{transform: rotate(-5deg)}
    100%{transform: rotate(10deg);}
}



/* Animatii - textul din nori */
.animation-clouds-text {
	top: 35%;
	left: calc(50% - 431px);
	z-index: 1;
	text-align: center;
}

.animation-clouds-text img {
	animation: cloudsTextAnim 2s ease 0s infinite alternate-reverse both;
}

@keyframes cloudsTextAnim {
	0% {
		opacity: 0;
		transform: rotateX(-100deg);
		transform-origin: top;
	}

	10% {
		opacity: 0;
	}

	100% {
		opacity: 1;
		transform: rotateX(0deg);
		transform-origin: top;
	}
}


/* Intre sapt 4 si 5 - de background - muntele */
.animations-bw {
	height: 400px;
}

.animation-mountains {
	position: absolute;
	top: 5%;
	left: calc(50% - 250px);
	z-index: -1;
}

.animation-mountains img {
	max-width: 600px;
	max-width: 100%;
	animation: mountainsAnim 5s ease 0s infinite alternate-reverse both;
}

@keyframes mountainsAnim {
	0% {
		transform: translateY(0) scale(0.5);
	}

	100% {
		transform: translateY(40px) scale(2.3);
	}
}


/* Intre sapt 6 si 7 - de background - palme */
.animation-palm {
	position: absolute;
	z-index: 2;
}

.animation-palm img {
	width: 100px;
	max-width: 100%;
}

.palm1 {
	top: -50%;
    left: 16%;
	animation: palm ease 3s infinite 0s alternate-reverse both;
	opacity: 0;
}

.palm2 {
	top: -19%;
    left: 7%;
	animation: palm ease 3s infinite 0.5s alternate-reverse both;
	opacity: 0;
}

.palm3 {
	top: 15%;
    left: 16%;
	animation: palm ease 3s infinite 1s alternate-reverse both;
	opacity: 0;
}

.palm4 {
	top: 6%;
    left: 32%;
	animation: palm ease 3s infinite 1.5s alternate-reverse both;
	opacity: 0;
}

.palm5 {
	top: 24%;
    left: 49%;
	animation: palm ease 3s infinite 2s alternate-reverse both;
	opacity: 0;
}

.palm6 {
	top: 24%;
    left: 49%;
	animation: palm ease 3s infinite 2.5s alternate-reverse both;
	opacity: 0;
}

.palm7 {
	top: 18%;
    left: 67%;
	animation: palm ease 3s infinite 3s alternate-reverse both;
	opacity: 0;
}

.palm8 {
	top: 22%;
    right: 10%;
	animation: palm ease 3s infinite 3.5s alternate-reverse both;
	opacity: 0;
}

.palm9 {
	top: 60%;
    right: 6%;
	animation: palm ease 3s infinite 4s alternate-reverse both;
	opacity: 0;
}

.palm10 {
	top: 121%;
    right: 16%;
	animation: palm ease 3s infinite 4.5s alternate-reverse both;
	opacity: 0;
}

@keyframes palm {
	0% {
		opacity: 1;
		transform: scale(1) translateX(0) rotate(0);
	}

	100% {
		opacity: 0;
		transform: scale(0.8) translateX(10px) rotate(20deg);
	}
}


/* Intre sapt 8 si 9 - de background - turnul */
.animation-turn {
	position: absolute;
	top: -5%;
	right: 20%;
	transform: rotate(8deg);
	z-index: 0;
}

.animation-turn img {
	max-width: 600px;
	max-width: 100%;
	animation: turnAnim 5s ease 0s infinite alternate-reverse both;
}

@keyframes turnAnim {
	0% {
		transform: translateY(0) scale(0.5);
	}

	100% {
		transform: translateY(-150px) scale(1);
	}
}

/* Intre sapt 11 si 12 - de background - pelicanul */
.animation-bird.between-weeks img {
	max-width: 450px;
	max-width: 100%;
	animation: birdAnimToRight2 15s cubic-bezier(0.12, 0, 0.39, 0) 1s infinite normal forwards;
}

@keyframes birdAnimToRight2 {
	0% {
		opacity: 1;
		transform: translateX(0) rotate(-10deg);
		margin-left: 0;
	}

	100% {
		opacity: 0.4;
		transform: translateX(2250px) rotate(-3deg) scale(0.3);
		margin-left: 20%;
	}
}



/* Intre sapt 10-11 - de background - pelicanul */
.animation-snake {
    position: absolute;
    top: -12%;
    left: calc(50% - 425px);
    transform: rotate(138deg);
}

.animation-snake img {
	animation: snakeAnim 6s ease 0s infinite alternate-reverse both;
}

@keyframes snakeAnim {
	0%,
	100% {
		transform: translateX(0%);
		transform-origin: 50% 50%;
	}

	15% {
		transform: translateX(-30px) rotate(-6deg);
	}

	30% {
		transform: translateX(15px) rotate(6deg);
	}

	45% {
		transform: translateX(-15px) rotate(-3.6deg);
	}

	60% {
		transform: translateX(9px) rotate(2.4deg);
	}

	75% {
		transform: translateX(-6px) rotate(-1.2deg);
	}
}


/* Puls */

.animation-pulse {
    position: absolute;
    top: -20%;
    left: calc(50% - 500px);
	transform: rotate(12deg);
}

.animation-pulse img {
    width: 1000px;
	max-width: 100%;
	animation: pulsAnim 3s ease 0s infinite alternate-reverse both;
}

@keyframes pulsAnim {
	0% {
		transform: scale(0.9);
	}

	100% {
		transform: scale(1);
	}
}


.animation-line-left.color-line {
	left: 0;
}



/* Responsive */

.animation-line-left.color-line {
	display: none;
}

@media (max-width: 1400px) {
	/* cale ferata */
	.animation-railroad-text {
		left: 16%;
	}
}

@media (max-width: 1200px) {
	/* urme rata */
	.animation-steps svg {
		width: 1000px;
	}
	/* cale ferata */
	.animation-railroad-text {
		left: 9%;
	}
}

@media (max-width: 1050px) {
	/* nori */
	.animation-line-left.color-line {
		top: -22%;
		z-index: 2;
	}
	.animation-line-left.color-line.clouds {
		display: block;
	}
	.cloud-animation {
		display: none;
	}
	.animation-clouds-text {
		z-index: 3;
		position: absolute;
	}
	.animation-clouds-text img {
		max-width: 91%;
	}
	/* puls */
	.animation-pulse img {
		width: 750px;
	}
	.animation-pulse {
		top: -1%;
		left: calc(50% - 350px);
		transform: rotate(20deg);
	}
}

@media (max-width: 900px) {
	/* cale ferata */
	.animation-railroad-text,
	.animation-railroad {
		display: none;
	}
	.animation-line-left.color-line.railroad {
		display: block;
	}
}

@media (max-width: 850px) {
	/* nori */
	.animation-clouds-text {
		display: none;
	}
	.animation-line-left.color-line svg {
		width: 1100px;
	}
	.animation-line-left.color-line {
		top: -85%;
	}
	.animations-bw {
		height: 250px;
	}
	/* urme rata */
	.animation-steps svg {
		width: 800px;
	}
	.animation-steps {
		position: absolute;
		top: -90%;
		left: calc(50% - 398px);
		z-index: 1;
	}
	/* sarpe */
	.animation-snake img {
		width: 600px;
		max-width: 80%;
	}
}

@media (max-width: 600px) {
	/* lemne */
	.animation-palm {
		display: none;
	}
	.animation-line-left.color-line.wood {
		display: block;
	}
	/* urme rata */
	.animation-steps {
		display: none;
	}
	.animation-line-left.color-line.steps {
		display: block;
	}
	/* cale ferata */
	.animation-railroad,
	.animation-railroad-text {
		display: none;
	}
	.animation-line-left.color-line.railroad {
		display: block;
	}
	/* brazi */
	.animation-line-left.color-line.trees {
		display: block;
	}
	/* palme */
	.animation-line-left.color-line.palms {
		display: block;
	}
	/* scoica */
	.animation-line-left.color-line.shell {
		display: block;
	}
	/* Pasari */
	.animation-line-left.color-line.birds {
		display: block;
	}
	/* puls */
	.animation-pulse {
		display: none;
	}
	.animation-line-left.color-line.pulse {
		display: block;
	}
	/* spice grau */
	.small-img.wheat-ears {
		display: none;
	}
	.animation-line-left.color-line.wheat-ears {
		display: block;
	}
}

@media (max-width: 500px) {
	/* nori */
	.animation-line-left.color-line svg {
		width: 1000px;
	}
	.animation-line-left.color-line {
		top: -120%;
		left: -15%;
	}
	.animations-bw {
		height: 200px;
	}
	/* sarpe */
	.animation-snake {
		top: -12%;
		left: calc(50% - 300px);
		transform: rotate(138deg);
	}
}

@media (max-width: 380px) {
	/* nori */
	.animation-line-left.color-line {
		top: -140%;
		left: -10%;
	}
	.animation-line-left.color-line svg {
		width: 730px;
	}
	/* sarpe */
	.animation-snake {
		display: none;
	}
	.animation-line-left.color-line.snake {
		display: block;
	}
	/* globals */
	.animations-bw {
		height: 150px;
	}
	.animation-line-left.color-line {
		top: -203%;
	}
}