.color1{fill:#ffd010;}
.color2{fill:#9bc228;}
.color3{fill:#75b62d;}
.color4{fill:#1d7db3;}
.color5{fill:#6d77a3;}
.color6{fill:#c36a8e;}
.color7{fill:#ea6671;}
.color8{fill:#e8571e;}
.color9{fill:#f1a401;}
.tria {
	transition: all .5s;
}
.tria.antes {
	transform: translateX(-50px);
	opacity: 0;
}
.tria.despues {
	transform: translateX(50px);
	opacity: 0;
}

.barmenu .path1, 
.barmenu .path2, 
.barmenu .path3 {
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
	    -ms-transition: all .5s ease-in-out;
	     -o-transition: all .5s ease-in-out;
	        transition: all .5s ease-in-out;
}
.barmenu.abierto .path1 {
	transform: rotate(45deg) translate(5px, -5px);
	fill:#E8571E;
}
.barmenu.abierto .path2 {
	transform: rotate(-45deg) translate(-15px, 5px);
	fill:#E8571E;
}
.barmenu.abierto .path3 {
	transform: translate(0px, 10px);
	fill:#E8571E;
}