@media (min-width: 992px) {

	html {
		height: 100%;
	}

	.cube-page {
		overflow: hidden;
		height: 100%;
		background-color: #f5f5f5;
	}

	#cubeTransition {
		position: relative;
		width: 100%;
		height: 100%;
		-webkit-perspective: 1200px;
		perspective: 1200px;
	}

	.meny-help {
		transform-origin: inherit !important;
	}

	#cubeTransition .page {
		min-height: 100%;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		visibility: hidden;
		transition: opacity 5ms;
	}

	.rotateCubeTopOut {
		transform-origin: 50% 100%;
		-webkit-transform-origin: 50% 100%;
		animation: rotateCubeTopOut .6s both ease-in;
		-webkit-animation: rotateCubeTopOut .6s both ease-in;
	}

	.rotateCubeTopIn {
		transform-origin: 50% 0%;
		-webkit-transform-origin: 50% 0%;
		animation: rotateCubeTopIn .6s both ease-in;
		-webkit-animation: rotateCubeTopIn .6s both ease-in;
	}

	.rotateCubeBottomOut {
		-webkit-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
		-webkit-animation: rotateCubeBottomOut .6s both ease-in;
		animation: rotateCubeBottomOut .6s both ease-in;
	}

	.rotateCubeBottomIn {
		transform-origin: 50% 100%;
		-webkit-transform-origin: 50% 100%;
		-webkit-animation: rotateCubeBottomIn .6s both ease-in;
		animation: rotateCubeBottomIn .6s both ease-in;
	}

	@keyframes rotateCubeTopOut {
		50% {
			animation-timing-function: ease-out;
			transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
		}
		100% {
			opacity: .3;
			transform: translateY(-100%) rotateX(90deg);
		}
	}


	@keyframes rotateCubeTopIn {
		0% {
			opacity: .3;
			transform: translateY(100%) rotateX(-90deg);
		}
		50% {
			animation-timing-function: ease-out;
			transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
		}
	}

	@keyframes rotateCubeBottomOut {
		50% {
			animation-timing-function: ease-out;
			transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
		}
		100% {
			opacity: .3;
			transform: translateY(100%) rotateX(-90deg);
		}
	}

	@keyframes rotateCubeBottomIn {
		0% {
			opacity: .3;
			transform: translateY(-100%) rotateX(90deg);
		}
		50% {
			animation-timing-function: ease-out;
			transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
		}
	}
}

/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

	html {
		height: auto;
	}

	#cubeTransition {
		position: static;
		width: auto;
		height: auto;
		perspective: none;
		transform: none !important;
	}

	.cube-page {
		overflow-y: scroll;
	}

	.meny-help {
		transform-origin: unset !important;
	}

	#cubeTransition .page {
		position: static;
		visibility: visible;
	}
}