.animate {
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
	position: relative;
	-webkit-animation: fadeInUp 1s ease;
	animation: fadeInUp 1s ease;
	opacity: 1 !important;
}

.animate-special {
	-webkit-animation-name: mainMenuPanelListClose;
	animation-name: mainMenuPanelListClose;
	-webkit-animation-duration: 200ms;
	animation-duration: 200ms;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.on .animate-special {
	-webkit-animation-name: mainMenuPanelListOpen;
	animation-name: mainMenuPanelListOpen;
	-webkit-animation-duration: 400ms;
	animation-duration: 400ms;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.animate-special-2 {
	opacity: 0;
}

.on .animate-special-2 {
	-webkit-animation-name: mainMenuPanelOpenSocial;
	animation-name: mainMenuPanelOpenSocial;
	-webkit-animation-duration: 200ms;
	animation-duration: 200ms;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-delay: 400ms;
	animation-delay: 400ms;
}

@keyframes shake-little {
	2% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	4% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	6% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	8% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	10% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	12% {
		transform: translate(1px, 0px) rotate(.5deg);
		-webkit-transform: translate(1px, 0px) rotate(.5deg);
	}
	
	14% {
		transform: translate(0px, 1px) rotate(.5deg);
		-webkit-transform: translate(0px, 1px) rotate(.5deg);
	}
	
	16% {
		transform: translate(1px, 0px) rotate(.5deg);
		-webkit-transform: translate(1px, 0px) rotate(.5deg);
	}
	
	18% {
		transform: translate(1px, 0px) rotate(.5deg);
		-webkit-transform: translate(1px, 0px) rotate(.5deg);
	}
	
	20% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	22% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	24% {
		transform: translate(0px, 1px) rotate(.5deg);
		-webkit-transform: translate(0px, 1px) rotate(.5deg);
	}
	
	26% {
		transform: translate(0px, 1px) rotate(.5deg);
		-webkit-transform: translate(0px, 1px) rotate(.5deg);
	}
	
	28% {
		transform: translate(0px, 1px) rotate(.5deg);
		-webkit-transform: translate(0px, 1px) rotate(.5deg);
	}
	
	30% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	32% {
		transform: translate(0px, 1px) rotate(.5deg);
		-webkit-transform: translate(0px, 1px) rotate(.5deg);
	}
	
	34% {
		transform: translate(0px, 1px) rotate(.5deg);
		-webkit-transform: translate(0px, 1px) rotate(.5deg);
	}
	
	36% {
		transform: translate(1px, 0px) rotate(.5deg);
		-webkit-transform: translate(1px, 0px) rotate(.5deg);
	}
	
	38% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	40% {
		transform: translate(1px, 0px) rotate(.5deg);
		-webkit-transform: translate(1px, 0px) rotate(.5deg);
	}
	
	42% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	44% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	46% {
		transform: translate(1px, 0px) rotate(.5deg);
		-webkit-transform: translate(1px, 0px) rotate(.5deg);
	}
	
	48% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	50% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	52% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	54% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	56% {
		transform: translate(0px, 1px) rotate(.5deg);
		-webkit-transform: translate(0px, 1px) rotate(.5deg);
	}
	
	58% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	60% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	62% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	64% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	66% {
		transform: translate(0px, 1px) rotate(.5deg);
		-webkit-transform: translate(0px, 1px) rotate(.5deg);
	}
	
	68% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	70% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	72% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	74% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	76% {
		transform: translate(0px, 1px) rotate(.5deg);
		-webkit-transform: translate(0px, 1px) rotate(.5deg);
	}
	
	78% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	80% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	82% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	84% {
		transform: translate(1px, 0px) rotate(.5deg);
		-webkit-transform: translate(1px, 0px) rotate(.5deg);
	}
	
	86% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	88% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	90% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	92% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	94% {
		transform: translate(0px, 1px) rotate(.5deg);
		-webkit-transform: translate(0px, 1px) rotate(.5deg);
	}
	
	96% {
		transform: translate(0px, 1px) rotate(.5deg);
		-webkit-transform: translate(0px, 1px) rotate(.5deg);
	}
	
	98% {
		transform: translate(0px, 1px) rotate(.5deg);
		-webkit-transform: translate(0px, 1px) rotate(.5deg);
	}
	
	0%, 100% {
		transform: translate(0, 0) rotate(0);
		transform: translate(0, 0) rotate(0);
	}
}

@-webkit-keyframes shake-little {
	2% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	4% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	6% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	8% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	10% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	12% {
		transform: translate(1px, 0px) rotate(.5deg);
		-webkit-transform: translate(1px, 0px) rotate(.5deg);
	}
	
	14% {
		transform: translate(0px, 1px) rotate(.5deg);
		-webkit-transform: translate(0px, 1px) rotate(.5deg);
	}
	
	16% {
		transform: translate(1px, 0px) rotate(.5deg);
		-webkit-transform: translate(1px, 0px) rotate(.5deg);
	}
	
	18% {
		transform: translate(1px, 0px) rotate(.5deg);
		-webkit-transform: translate(1px, 0px) rotate(.5deg);
	}
	
	20% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	22% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	24% {
		transform: translate(0px, 1px) rotate(.5deg);
		-webkit-transform: translate(0px, 1px) rotate(.5deg);
	}
	
	26% {
		transform: translate(0px, 1px) rotate(.5deg);
		-webkit-transform: translate(0px, 1px) rotate(.5deg);
	}
	
	28% {
		transform: translate(0px, 1px) rotate(.5deg);
		-webkit-transform: translate(0px, 1px) rotate(.5deg);
	}
	
	30% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	32% {
		transform: translate(0px, 1px) rotate(.5deg);
		-webkit-transform: translate(0px, 1px) rotate(.5deg);
	}
	
	34% {
		transform: translate(0px, 1px) rotate(.5deg);
		-webkit-transform: translate(0px, 1px) rotate(.5deg);
	}
	
	36% {
		transform: translate(1px, 0px) rotate(.5deg);
		-webkit-transform: translate(1px, 0px) rotate(.5deg);
	}
	
	38% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	40% {
		transform: translate(1px, 0px) rotate(.5deg);
		-webkit-transform: translate(1px, 0px) rotate(.5deg);
	}
	
	42% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	44% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	46% {
		transform: translate(1px, 0px) rotate(.5deg);
		-webkit-transform: translate(1px, 0px) rotate(.5deg);
	}
	
	48% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	50% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	52% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	54% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	56% {
		transform: translate(0px, 1px) rotate(.5deg);
		-webkit-transform: translate(0px, 1px) rotate(.5deg);
	}
	
	58% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	60% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	62% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	64% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	66% {
		transform: translate(0px, 1px) rotate(.5deg);
		-webkit-transform: translate(0px, 1px) rotate(.5deg);
	}
	
	68% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	70% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	72% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	74% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	76% {
		transform: translate(0px, 1px) rotate(.5deg);
		-webkit-transform: translate(0px, 1px) rotate(.5deg);
	}
	
	78% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	80% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	82% {
		transform: translate(0px, 0px) rotate(.5deg);
		-webkit-transform: translate(0px, 0px) rotate(.5deg);
	}
	
	84% {
		transform: translate(1px, 0px) rotate(.5deg);
		-webkit-transform: translate(1px, 0px) rotate(.5deg);
	}
	
	86% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	88% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	90% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	92% {
		transform: translate(1px, 1px) rotate(.5deg);
		-webkit-transform: translate(1px, 1px) rotate(.5deg);
	}
	
	94% {
		transform: translate(0px, 1px) rotate(.5deg);
		-webkit-transform: translate(0px, 1px) rotate(.5deg);
	}
	
	96% {
		transform: translate(0px, 1px) rotate(.5deg);
		-webkit-transform: translate(0px, 1px) rotate(.5deg);
	}
	
	98% {
		transform: translate(0px, 1px) rotate(.5deg);
		-webkit-transform: translate(0px, 1px) rotate(.5deg);
	}
	
	0%, 100% {
		transform: translate(0, 0) rotate(0);
		transform: translate(0, 0) rotate(0);
	}
}

@-webkit-keyframes move-is-waiting-stripes {
	0% {
		background-position: 0 0;
	}
	
	100% {
		background-position: 30px 0px;
	}
}

@keyframes move-is-waiting-stripes {
	0% {
		background-position: 0 0;
	}
	
	100% {
		background-position: 30px 0px;
	}
}

@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-moz-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-o-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes mainMenuPanelOpen {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes mainMenuPanelOpen {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 10px, 0);
		-ms-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes mainMenuPanelOpenSocial {
	from {
		opacity: 0;
	}
	
	to {
		opacity: 1;
	}
}

@keyframes mainMenuPanelOpenSocial {
	from {
		opacity: 0;
	}
	
	to {
		opacity: 1;
	}
}

@-webkit-keyframes mainMenuPanelListOpen {
	from {
		opacity: .4;
		-webkit-transform: translateY(-25%) rotateX(35deg);
		transform: translateY(-25%) rotateX(35deg);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translateY(0) rotateX(0);
		transform: translateY(0) rotateX(0);
	}
}

@keyframes mainMenuPanelListOpen {
	from {
		opacity: .4;
		-webkit-transform: translateY(-25%) rotateX(35deg);
		-ms-transform: translateY(-25%) rotateX(35deg);
		transform: translateY(-25%) rotateX(35deg);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translateY(0) rotateX(0);
		-ms-transform: translateY(0) rotateX(0);
		transform: translateY(0) rotateX(0);
	}
}

@-webkit-keyframes mainMenuPanelListClose {
	from {
		opacity: 1;
		-webkit-transform: translateY(0) rotateX(0);
		transform: translateY(0) rotateX(0);
	}
	
	to {
		opacity: .4;
		-webkit-transform: translateY(25%) rotateX(-35deg);
		transform: translateY(25%) rotateX(-35deg);
	}
}

@keyframes mainMenuPanelListClose {
	from {
		opacity: 1;
		-webkit-transform: translateY(0) rotateX(0);
		-ms-transform: translateY(0) rotateX(0);
		transform: translateY(0) rotateX(0);
	}
	
	to {
		opacity: .4;
		-webkit-transform: translateY(25%) rotateX(-35deg);
		-ms-transform: translateY(25%) rotateX(-35deg);
		transform: translateY(25%) rotateX(-35deg);
	}
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}