//==============================================================================
// Fold Out Animation
//==============================================================================
.drop-shadow {
	-webkit-box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.1);
}

.fold-out {
	&.in .fold-out-drop,
	&.hover:hover .fold-out-drop {
		-webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
		max-height: 1000px;
		visibility: visible;
	}
	.fold-out-drop {
		max-height: 0;
		position: absolute;
		z-index: 999;
		overflow: hidden;
		visibility: hidden;
		-webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
		-webkit-transform-origin: 50% 0;
		-webkit-transition: 350ms;
		-moz-transition: 350ms;
		-o-transition: 350ms;
		transition: 350ms;;
	}
}


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

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

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

@keyframes spinner {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

// header-drop
//------------------------------------------------------------------
@-moz-keyframes header-drop {
	0% {
		-webkit-transform: translateY(-92px);
		-moz-transform: translateY(-92px);
		-ms-transform: translateY(-92px);
		-o-transform: translateY(-92px);
		transform: translateY(-92px);
	}
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes header-drop {
	0% {
		-webkit-transform: translateY(-92px);
		-moz-transform: translateY(-92px);
		-ms-transform: translateY(-92px);
		-o-transform: translateY(-92px);
		transform: translateY(-92px);
	}
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}

@-o-keyframes header-drop {
	0% {
		-webkit-transform: translateY(-92px);
		-moz-transform: translateY(-92px);
		-ms-transform: translateY(-92px);
		-o-transform: translateY(-92px);
		transform: translateY(-92px);
	}
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes header-drop {
	0% {
		-webkit-transform: translateY(-92px);
		-moz-transform: translateY(-92px);
		-ms-transform: translateY(-92px);
		-o-transform: translateY(-92px);
		transform: translateY(-92px);
	}
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}

// header-drop-out
//------------------------------------------------------------------
@-moz-keyframes header-drop-out {
	0% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-92px);
		-moz-transform: translateY(-92px);
		-ms-transform: translateY(-92px);
		-o-transform: translateY(-92px);
		transform: translateY(-92px);
	}
}

@-webkit-keyframes header-drop-out {
	0% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-92px);
		-moz-transform: translateY(-92px);
		-ms-transform: translateY(-92px);
		-o-transform: translateY(-92px);
		transform: translateY(-92px);
	}
}

@-o-keyframes header-drop-out {
	0% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	100% {

		-webkit-transform: translateY(-92px);
		-moz-transform: translateY(-92px);
		-ms-transform: translateY(-92px);
		-o-transform: translateY(-92px);
		transform: translateY(-92px);
	}
}

@keyframes header-drop-out {
	0% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-92px);
		-moz-transform: translateY(-92px);
		-ms-transform: translateY(-92px);
		-o-transform: translateY(-92px);
		transform: translateY(-92px);
	}
}