#header-hero>* {
	position: absolute
}

#header-hero {
	width: 100%;
	right: 0;
	position: absolute;
	height: 600px;
	margin: 0;
	min-width: 1200px;
}

#header-hero .cubes {
	top: 0;
	width: 100%;
	height: 100%;
}

#header-hero .cube {
	position: absolute;
	will-change: transform;
	-webkit-animation: cube-fade-in 2s cubic-bezier(.165,.84,.44,1);
	animation: cube-fade-in 2s cubic-bezier(.165,.84,.44,1)
}

#header-hero .cube:first-child {
	margin-top: -270px
}

#header-hero .cube:nth-child(2) {
	z-index: 1;
	margin-top: -265px
}

#header-hero .cubes .cube {
	margin: 0
}

#header-hero .cube:nth-child(3) {
	z-index: 0
}

#header-hero .cube:nth-child(3)~.cube {
	display: block
}

@-webkit-keyframes cube-fade-in {
	0% {
		opacity: 0;
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}
}

@keyframes cube-fade-in {
	0% {
		opacity: 0;
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}
}

#header-hero .cube div {
	position: absolute;
	width: 100%;
	height: 100%
}

#header-hero .cube .shadow {
	top: 40%;
	background: #07427a
}

#header-hero .cube .sides {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 600px;
	perspective: 600px
}

#header-hero .cube .sides div {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform
}