@charset "UTF-8";
*, p {
	margin: 0
}
body, footer {
	font-family: tahoma, sans-serif
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}
@-webkit-keyframes anim {
0%, 10%, 100%, 20% {
line-height:54px
}
15%, 5% {
line-height:75pt
}
}
@-moz-keyframes anim {
0%, 10%, 100%, 20% {
line-height:54px
}
15%, 5% {
line-height:75pt
}
}
@-o-keyframes anim {
0%, 10%, 100%, 20% {
line-height:54px
}
15%, 5% {
line-height:75pt
}
}
@keyframes anim {
0%, 10%, 100%, 20% {
line-height:54px
}
15%, 5% {
line-height:75pt
}
}
h3 {
	color:#2F99DC;
	font-size: 34px;
	margin: 0 0 10px
}
p {
	padding-top: 10px;
	color: rgba(255,255,255,0.7);
	font-weight: 300;
	font-size: 14px
}
a {
	font-size:2em;
	display: inline-block;
	text-decoration: none
}
body .buttons-wrapper input, body .buttons-wrapper input:nth-child(1):checked~label {
	display: none
}
@-webkit-keyframes anim2 {
0%, 50% {
opacity:0
}
100% {
opacity:1
}
}
@-moz-keyframes anim2 {
0%, 50% {
opacity:0
}
100% {
opacity:1
}
}
@-o-keyframes anim2 {
0%, 50% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes anim2 {
0%, 50% {
opacity:0
}
100% {
opacity:1
}
}
body {
	background: #181B27;
	height: 100%;
	width: 100%;
	overflow: hidden
}
body .buttons-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-perspective: 750pt;
	-moz-perspective: 750pt;
	perspective: 750pt;
	-webkit-animation: anim2 5s forwards;
	-moz-animation: anim2 5s forwards;
	-o-animation: anim2 5s forwards;
	animation: anim2 5s forwards
}
body .buttons-wrapper input:nth-child(1) {
	top: 10px;
	left: 75pt
}
body .buttons-wrapper input:nth-child(2) {
	top: 10px;
	left: 200px
}
body .buttons-wrapper input:nth-child(3) {
	top: 10px;
	left: 300px
}
body .buttons-wrapper input:nth-child(4) {
	top: 10px;
	left: 25pc
}
body .buttons-wrapper input:nth-child(1):checked~.slider>li:nth-child(1) {
	-webkit-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0);
	-moz-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0);
	-ms-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0);
	-o-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0);
	transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0);
	z-index: 2
}
body .buttons-wrapper input:nth-child(1):checked~.slider>li:nth-child(2) {
	-webkit-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-90deg);
	-moz-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-90deg);
	-ms-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-90deg);
	-o-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-90deg);
	transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-90deg)
}
body .buttons-wrapper input:nth-child(1):checked~.slider>li:nth-child(3) {
	-webkit-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-180deg);
	-moz-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-180deg);
	-ms-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-180deg);
	-o-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-180deg);
	transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-180deg)
}
body .buttons-wrapper input:nth-child(1):checked~.slider>li:nth-child(4) {
	-webkit-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-260deg);
	-moz-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-260deg);
	-ms-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-260deg);
	-o-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-260deg);
	transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-260deg)
}
body .buttons-wrapper input:nth-child(2):checked~.slider>li:nth-child(1) {
	-webkit-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(90deg);
	-moz-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(90deg);
	-ms-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(90deg);
	-o-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(90deg);
	transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(90deg)
}
body .buttons-wrapper input:nth-child(2):checked~.slider>li:nth-child(2) {
	-webkit-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0);
	-moz-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0);
	-ms-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0);
	-o-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0);
	transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0);
	z-index: 2
}
body .buttons-wrapper input:nth-child(2):checked~.slider>li:nth-child(3) {
	-webkit-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-90deg);
	-moz-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-90deg);
	-ms-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-90deg);
	-o-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-90deg);
	transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-90deg)
}
body .buttons-wrapper input:nth-child(2):checked~.slider>li:nth-child(4) {
	-webkit-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-180deg);
	-moz-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-180deg);
	-ms-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-180deg);
	-o-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-180deg);
	transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-180deg)
}
body .buttons-wrapper input:nth-child(3):checked~.slider>li:nth-child(1) {
	-webkit-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(180deg);
	-moz-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(180deg);
	-ms-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(180deg);
	-o-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(180deg);
	transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(180deg)
}
body .buttons-wrapper input:nth-child(3):checked~.slider>li:nth-child(2) {
	-webkit-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(90deg);
	-moz-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(90deg);
	-ms-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(90deg);
	-o-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(90deg);
	transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(90deg)
}
body .buttons-wrapper input:nth-child(3):checked~.slider>li:nth-child(3) {
	-webkit-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0);
	-moz-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0);
	-ms-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0);
	-o-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0);
	transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0);
	z-index: 2
}
body .buttons-wrapper input:nth-child(3):checked~.slider>li:nth-child(4) {
	-webkit-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-90deg);
	-moz-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-90deg);
	-ms-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-90deg);
	-o-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-90deg);
	transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-90deg)
}
body .buttons-wrapper input:nth-child(4):checked~.slider>li:nth-child(1) {
	-webkit-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(260deg);
	-moz-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(260deg);
	-ms-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(260deg);
	-o-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(260deg);
	transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(260deg)
}
body .buttons-wrapper input:nth-child(4):checked~.slider>li:nth-child(2) {
	-webkit-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(180deg);
	-moz-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(180deg);
	-ms-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(180deg);
	-o-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(180deg);
	transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(180deg)
}
body .buttons-wrapper input:nth-child(4):checked~.slider>li:nth-child(3) {
	-webkit-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(90deg);
	-moz-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(90deg);
	-ms-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(90deg);
	-o-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(90deg);
	transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(90deg)
}
body .buttons-wrapper input:nth-child(4):checked~.slider>li:nth-child(4) {
	-webkit-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0);
	-moz-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0);
	-ms-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0);
	-o-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0);
	transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0);
	z-index: 2
}
body .buttons-wrapper input:nth-child(1):checked~.slider li:nth-child(2) .caption {
	-webkit-transform: rotate(1deg) rotateY(20deg) translate(0, 100%);
	-moz-transform: rotate(1deg) rotateY(20deg) translate(0, 100%);
	-ms-transform: rotate(1deg) rotateY(20deg) translate(0, 100%);
	-o-transform: rotate(1deg) rotateY(20deg) translate(0, 100%);
	transform: rotate(1deg) rotateY(20deg) translate(0, 100%)
}
body .buttons-wrapper input:nth-child(2):checked~.slider li:nth-child(1) .caption {
	-webkit-transform: rotate(-7deg) translate(0, -100%);
	-moz-transform: rotate(-7deg) translate(0, -100%);
	-ms-transform: rotate(-7deg) translate(0, -100%);
	-o-transform: rotate(-7deg) translate(0, -100%);
	transform: rotate(-7deg) translate(0, -100%)
}
body .buttons-wrapper input:nth-child(2):checked~.slider li:nth-child(3) .caption {
	-webkit-transform: rotate(-1deg) rotateY(40deg) translate(0, 100%);
	-moz-transform: rotate(-1deg) rotateY(40deg) translate(0, 100%);
	-ms-transform: rotate(-1deg) rotateY(40deg) translate(0, 100%);
	-o-transform: rotate(-1deg) rotateY(40deg) translate(0, 100%);
	transform: rotate(-1deg) rotateY(40deg) translate(0, 100%)
}
body .buttons-wrapper input:nth-child(3):checked~.slider li:nth-child(2) .caption {
	-webkit-transform: rotate(1deg) rotateY(20deg) translate(0, -100%);
	-moz-transform: rotate(1deg) rotateY(20deg) translate(0, -100%);
	-ms-transform: rotate(1deg) rotateY(20deg) translate(0, -100%);
	-o-transform: rotate(1deg) rotateY(20deg) translate(0, -100%);
	transform: rotate(1deg) rotateY(20deg) translate(0, -100%)
}
body .buttons-wrapper input:nth-child(3):checked~.slider li:nth-child(4) .caption {
	-webkit-transform: translate(0, 100%) rotateX(20deg);
	-moz-transform: translate(0, 100%) rotateX(20deg);
	-ms-transform: translate(0, 100%) rotateX(20deg);
	-o-transform: translate(0, 100%) rotateX(20deg);
	transform: translate(0, 100%) rotateX(20deg)
}
body .buttons-wrapper input:nth-child(4):checked~.slider li:nth-child(3) .caption {
	-webkit-transform: rotate(-1deg) rotateY(40deg) translate(0, -100%);
	-moz-transform: rotate(-1deg) rotateY(40deg) translate(0, -100%);
	-ms-transform: rotate(-1deg) rotateY(40deg) translate(0, -100%);
	-o-transform: rotate(-1deg) rotateY(40deg) translate(0, -100%);
	transform: rotate(-1deg) rotateY(40deg) translate(0, -100%)
}
body .buttons-wrapper input:nth-child(1):checked~label:nth-of-type(2), body .buttons-wrapper input:nth-child(2):checked~label:nth-of-type(3) {
	color: #fff;
	text-align: center;
	left: 50%;
	cursor: pointer;
	-ms-transform-origin: center center;
	-moz-transform: translate(-50%, 0) scale(.8);
	-o-transform: translate(-50%, 0) scale(.8);
	bottom: 10%
}
body .buttons-wrapper input:nth-child(1):checked~label:nth-of-type(2) {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: 0 0;
	border: 1px solid #fff;
	line-height: 54px;
	font-size: 24px;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: translate(-50%, 0) scale(.8);
	-ms-transform: translate(-50%, 0) scale(.8);
	transform: translate(-50%, 0) scale(.8);
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-animation: anim 3s infinite;
	-moz-animation: anim 3s infinite;
	-o-animation: anim 3s infinite;
	animation: anim 3s infinite
}
body .buttons-wrapper input:nth-child(1):checked~label:nth-of-type(2):after {
	content: '↓'
}
body .buttons-wrapper input:nth-child(1):checked~label:nth-of-type(2):hover {
	-webkit-transform: translate(-50%, 0) scale(1);
	-moz-transform: translate(-50%, 0) scale(1);
	-ms-transform: translate(-50%, 0) scale(1);
	-o-transform: translate(-50%, 0) scale(1);
	transform: translate(-50%, 0) scale(1);
	font-size: 44px;
	line-height: 75pt;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none
}
body .buttons-wrapper input:nth-child(2):checked~label {
	display: none
}
body .buttons-wrapper input:nth-child(2):checked~label:nth-of-type(3) {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: 0 0;
	border: 1px solid #fff;
	line-height: 54px;
	font-size: 24px;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: translate(-50%, 0) scale(.8);
	-ms-transform: translate(-50%, 0) scale(.8);
	transform: translate(-50%, 0) scale(.8);
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none
}
body .buttons-wrapper input:nth-child(2):checked~label:nth-of-type(3):after {
	content: '↓'
}
body .buttons-wrapper input:nth-child(2):checked~label:nth-of-type(1):after, body .buttons-wrapper input:nth-child(3):checked~label:nth-of-type(2):after, body .buttons-wrapper input:nth-child(4):checked~label:nth-of-type(3):after {
	content: '↑'
}
body .buttons-wrapper input:nth-child(2):checked~label:nth-of-type(3):hover {
	-webkit-transform: translate(-50%, 0) scale(1);
	-moz-transform: translate(-50%, 0) scale(1);
	-ms-transform: translate(-50%, 0) scale(1);
	-o-transform: translate(-50%, 0) scale(1);
	transform: translate(-50%, 0) scale(1);
	font-size: 44px;
	line-height: 75pt;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none
}
body .buttons-wrapper input:nth-child(2):checked~label:nth-of-type(1), body .buttons-wrapper input:nth-child(3):checked~label:nth-of-type(4) {
	border-radius: 50%;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	width: 60px;
	height: 60px;
	background: 0 0;
	text-align: center;
	left: 50%;
	cursor: pointer;
	color: #fff
}
body .buttons-wrapper input:nth-child(2):checked~label:nth-of-type(1) {
	display: block;
	border: 1px solid #fff;
	line-height: 54px;
	font-size: 24px;
	top: 10%;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: translate(-50%, 0) scale(.8);
	-moz-transform: translate(-50%, 0) scale(.8);
	-ms-transform: translate(-50%, 0) scale(.8);
	-o-transform: translate(-50%, 0) scale(.8);
	transform: translate(-50%, 0) scale(.8);
	-o-transition: .3s;
	transition: .3s;
	animation: none
}
body .buttons-wrapper input:nth-child(2):checked~label:nth-of-type(1):hover {
	-webkit-transform: translate(-50%, 0) scale(1);
	-moz-transform: translate(-50%, 0) scale(1);
	-ms-transform: translate(-50%, 0) scale(1);
	-o-transform: translate(-50%, 0) scale(1);
	transform: translate(-50%, 0) scale(1);
	font-size: 44px;
	line-height: 1px
}
body .buttons-wrapper input:nth-child(2):checked~label:nth-of-type(1):hover:after {
	display: block;
	margin-top: -10px
}
body .buttons-wrapper input:nth-child(3):checked~label {
	display: none
}
body .buttons-wrapper input:nth-child(3):checked~label:nth-of-type(4) {
	display: block;
	border: 1px solid #fff;
	line-height: 54px;
	font-size: 24px;
	bottom: 10%;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: translate(-50%, 0) scale(.8);
	-moz-transform: translate(-50%, 0) scale(.8);
	-ms-transform: translate(-50%, 0) scale(.8);
	-o-transform: translate(-50%, 0) scale(.8);
	transform: translate(-50%, 0) scale(.8);
	-o-transition: .3s;
	transition: .3s;
	animation: none
}
body .buttons-wrapper input:nth-child(3):checked~label:nth-of-type(4):after {
	content: '↓'
}
body .buttons-wrapper input:nth-child(3):checked~label:nth-of-type(4):hover {
	-webkit-transform: translate(-50%, 0) scale(1);
	-moz-transform: translate(-50%, 0) scale(1);
	-ms-transform: translate(-50%, 0) scale(1);
	-o-transform: translate(-50%, 0) scale(1);
	transform: translate(-50%, 0) scale(1);
	font-size: 44px;
	line-height: 75pt;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none
}
body .buttons-wrapper input:nth-child(3):checked~label:nth-of-type(2) {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	color: #fff;
	background: 0 0;
	border: 1px solid #fff;
	text-align: center;
	line-height: 54px;
	font-size: 24px;
	top: 10%;
	left: 50%;
	cursor: pointer;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: translate(-50%, 0) scale(.8);
	-moz-transform: translate(-50%, 0) scale(.8);
	-ms-transform: translate(-50%, 0) scale(.8);
	-o-transform: translate(-50%, 0) scale(.8);
	transform: translate(-50%, 0) scale(.8);
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none
}
body .buttons-wrapper input:nth-child(3):checked~label:nth-of-type(2):hover {
	-webkit-transform: translate(-50%, 0) scale(1);
	-moz-transform: translate(-50%, 0) scale(1);
	-ms-transform: translate(-50%, 0) scale(1);
	-o-transform: translate(-50%, 0) scale(1);
	transform: translate(-50%, 0) scale(1);
	font-size: 44px;
	line-height: 1px
}
body .buttons-wrapper input:nth-child(3):checked~label:nth-of-type(2):hover:after {
	display: block;
	margin-top: -10px
}
body .buttons-wrapper input:nth-child(4):checked~label {
	display: none
}
body .buttons-wrapper input:nth-child(4):checked~label:nth-of-type(3) {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	color: #fff;
	background: 0 0;
	border: 1px solid #fff;
	text-align: center;
	line-height: 54px;
	font-size: 24px;
	top: 10%;
	left: 50%;
	cursor: pointer;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: translate(-50%, 0) scale(.8);
	-moz-transform: translate(-50%, 0) scale(.8);
	-ms-transform: translate(-50%, 0) scale(.8);
	-o-transform: translate(-50%, 0) scale(.8);
	transform: translate(-50%, 0) scale(.8);
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none
}
body .buttons-wrapper .slider>li, body .buttons-wrapper .slider>li:nth-child(1) .caption {
	-webkit-transition: 3s cubic-bezier(.5, 0, 0, .99);
	-moz-transition: 3s cubic-bezier(.5, 0, 0, .99)
}
body .buttons-wrapper input:nth-child(4):checked~label:nth-of-type(3):hover {
	-webkit-transform: translate(-50%, 0) scale(1);
	-moz-transform: translate(-50%, 0) scale(1);
	-ms-transform: translate(-50%, 0) scale(1);
	-o-transform: translate(-50%, 0) scale(1);
	transform: translate(-50%, 0) scale(1);
	font-size: 44px;
	line-height: 1px;
	color: #2D3D59
}
body .buttons-wrapper input:nth-child(4):checked~label:nth-of-type(3):hover:after {
	display: block;
	margin-top: -10px
}
body .buttons-wrapper label {
	display: block;
	width: 40px;
	height: 40px;
	background: #900;
	position: fixed;
	backface-visibility: hidden;
	z-index: 10;
	bottom: 75pt;
	left: 75pt
}
body .buttons-wrapper .slider {
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 2;
	opacity: .99
}
body .buttons-wrapper .slider>li {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 90%;
	-o-transition: 3s cubic-bezier(.5, 0, 0, .99);
	transition: 3s cubic-bezier(.5, 0, 0, .99);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 750pt;
	-moz-perspective: 750pt;
	perspective: 750pt
}
body .buttons-wrapper .slider>li:nth-child(1) {
	background:url(../images/Egoista3.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transform-origin: center center -50vh;
	-moz-transform-origin: center center -50vh;
	-ms-transform-origin: center center -50vh;
	-o-transform-origin: center center -50vh;
	transform-origin: center center -50vh
}
body .buttons-wrapper .slider>li:nth-child(1) .caption {
	position: absolute;
	width: 40%;
	text-align: right;
	border-right: 2px solid #EE250C;
	padding-right: 20px;
	right: 58%;
	top: 60%;
	text-shadow: 0 2px 10px #000, 0 1px 1px rgba(0,0,0,.5);
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	transform: rotate(-10deg);
	-o-transition: 3s cubic-bezier(.5, 0, 0, .99);
	transition: 3s cubic-bezier(.5, 0, 0, .99)
}
body .buttons-wrapper .slider>li:nth-child(2) .caption, body .buttons-wrapper .slider>li:nth-child(3) .caption {
	padding-right: 20px;
	-webkit-transition: 3s cubic-bezier(.5, 0, 0, .99);
	-moz-transition: 3s cubic-bezier(.5, 0, 0, .99);
	-o-transition: 3s cubic-bezier(.5, 0, 0, .99);
	text-shadow: 0 2px 10px #000, 0 1px 1px rgba(0,0,0,.5)
}
body .buttons-wrapper .slider>li:nth-child(1) .caption a, body .buttons-wrapper .slider>li:nth-child(1) .caption h3 {
	color: #EE250C
}
body .buttons-wrapper .slider>li:nth-child(2) {
	background:url(../images/gallardo1.JPG) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transform-origin: center center -50vh;
	-moz-transform-origin: center center -50vh;
	-ms-transform-origin: center center -50vh;
	-o-transform-origin: center center -50vh;
	transform-origin: center center -50vh
}
body .buttons-wrapper .slider>li:nth-child(2) .caption {
	position: absolute;
	width: 30%;
	text-align: right;
	border-right: 2px solid #EE250C;
	right: 35%;
	bottom: 30%;
	-webkit-transform: rotate(1deg) rotateY(20deg);
	-moz-transform: rotate(1deg) rotateY(20deg);
	-ms-transform: rotate(1deg) rotateY(20deg);
	-o-transform: rotate(1deg) rotateY(20deg);
	transform: rotate(1deg) rotateY(20deg);
	transition: 3s cubic-bezier(.5, 0, 0, .99)
}
body .buttons-wrapper .slider>li:nth-child(2) .caption a, body .buttons-wrapper .slider>li:nth-child(2) .caption h3 {
	color: #EE250C;
}
body .buttons-wrapper .slider>li:nth-child(3) {
	background:url(../images/Reventon1.jpg) bottom center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transform-origin: center center -50vh;
	-moz-transform-origin: center center -50vh;
	-ms-transform-origin: center center -50vh;
	-o-transform-origin: center center -50vh;
	transform-origin: center center -50vh
}
body .buttons-wrapper .slider>li:nth-child(3) .caption {
	position: absolute;
	width: 35%;
	text-align: right;
	border-right: 2px solid #ddd;
	right: 55%;
	bottom: 25%;
	-webkit-transform: rotate(-1deg) rotateY(40deg);
	-moz-transform: rotate(-1deg) rotateY(40deg);
	-ms-transform: rotate(-1deg) rotateY(40deg);
	-o-transform: rotate(-1deg) rotateY(40deg);
	transform: rotate(-1deg) rotateY(40deg);
	transition: 3s cubic-bezier(.5, 0, 0, .99)
}
body .buttons-wrapper .slider>li:nth-child(3) .caption a, body .buttons-wrapper .slider>li:nth-child(3) .caption h3 {
	color:#D8090D
}
body .buttons-wrapper .slider>li:nth-child(3) .caption h3 {
	font-size: 28px
}
body .buttons-wrapper .slider>li:nth-child(3) .caption p {
	font-size: 1pc
}
body .buttons-wrapper .slider>li:nth-child(4) {
	background: url(../images/Aventador1.jpg) bottom left no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transform-origin: center center -50vh;
	-moz-transform-origin: center center -50vh;
	-ms-transform-origin: center center -50vh;
	-o-transform-origin: center center -50vh;
	transform-origin: center center -50vh
}
body .buttons-wrapper .slider>li:nth-child(4) .caption {
	position: absolute;
	width: 40%;
	text-align: justify;
	right: 15%;
	top: 42%;
	text-shadow: 0 2px 10px #000, 0 1px 1px rgba(0,0,0,.5);
	-webkit-transform: rotateY(-30deg);
	-moz-transform: rotateY(-30deg);
	-ms-transform: rotateY(-30deg);
	-o-transform: rotateY(-30deg);
	transform: rotateY(-30deg);
	-webkit-transition: 3s cubic-bezier(.5, 0, 0, .99);
	-moz-transition: 3s cubic-bezier(.5, 0, 0, .99);
	-o-transition: 3s cubic-bezier(.5, 0, 0, .99);
	transition: 3s cubic-bezier(.5, 0, 0, .99)
}
body .buttons-wrapper .slider>li:nth-child(4) .caption a, body .buttons-wrapper .slider>li:nth-child(4) .caption h3 {
	color:#EC0A0E
}
body .buttons-wrapper .slider>li:nth-child(4) .caption h3 {
	font-size: 28px;
	text-align: center
}
body .buttons-wrapper .slider>li:nth-child(4) .caption p {
	font-size: 1pc;
	padding: 30px
}

footer {
	position: fixed;
	bottom: 10px;
	left: 0;
	text-align: center;
	width: 100%;
	z-index: 10;
	color: rgba(255,255,255,.5);
	font-size: 10px
}

@media (max-width:768px) {
body .buttons-wrapper .slider>li {
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px
}
body .buttons-wrapper .slider>li:nth-child(1) .caption {
	top: 5%;
	width: 80%;
	right: 10%
}
body .buttons-wrapper .slider>li:nth-child(1) .caption h3 {
	font-size: 20px
}
body .buttons-wrapper .slider>li:nth-child(1) .caption p {
	font-size: 9pt;
	margin-top: 0;
	padding-top: 0
}
body .buttons-wrapper .slider>li:nth-child(2), body .buttons-wrapper .slider>li:nth-child(3) {
	background-position: 20% center
}
body .buttons-wrapper .slider>li:nth-child(2) .caption, body .buttons-wrapper .slider>li:nth-child(3) .caption {
	right: 15%;
	bottom: 25%;
	width: 80%
}
body .buttons-wrapper .slider>li:nth-child(2) .caption h3, body .buttons-wrapper .slider>li:nth-child(3) .caption h3 {
	font-size: 20px
}
body .buttons-wrapper .slider>li:nth-child(2) .caption p, body .buttons-wrapper .slider>li:nth-child(3) .caption p {
	font-size: 9pt;
	margin-top: 0;
	padding-top: 0
}
body .buttons-wrapper .slider>li:nth-child(3) .caption {
	width: 85%
}
body .buttons-wrapper .slider>li:nth-child(4) {
	background-position: center bottom
}
body .buttons-wrapper .slider>li:nth-child(4) .caption {
	width: 90%;
	right: 5%;
	top: 48%
}
body .buttons-wrapper .slider>li:nth-child(4) .caption h3 {
	font-size: 20px
}
body .buttons-wrapper .slider>li:nth-child(4) .caption p {
	font-size: 9pt;
	margin-top: 0;
	padding-top: 0
}
}
nav {
	background: url(../images/nav.jpg);
	height: 100%;
	position: fixed;
	left: -230px;
	top: 0;
	-moz-transition: left 0.2s linear;
	-o-transition: left 0.2s linear;
	-webkit-transition: left 0.2s linear;
	transition: left 0.2s linear;
	width: 220px;
	z-index: 9001;/* IT'S OVER 9000! */
}
nav #menuToggle {
	display: block;
	position: relative;
	height: 29px;
	left: 120%;
	top: 30px;
	width: 37px;
}
nav #menuToggle span {
	background: #fff;/*控制中间一行的颜色*/
	display: block;
	height: 10%;
	position: absolute;
	left: 20%;
	top: 45%;
	width: 60%;
}
nav #menuToggle span:before, nav #menuToggle span:after {
	background: #fff;/*控制第一、三行的颜色*/
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: -250%;
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	width: 100%;
}
.open a#menuToggle {
	left: 80%;/*控制“X”的位置*/
}
.navClosed a#menuToggle {
	left: 25%;
}
nav #menuToggle span:after {
	top: 250%;
}
nav a:nth-child(2) {
	margin-top: 6em;
}
nav a:nth-child(n+2) {
	color: white;
	display: block;
	font-size: 1.3em;
	margin: 30px 55px 30px 30px;
}
nav.open a:nth-child(n+2):after {
	background: rgba(255, 255, 255, 0.4);
	content: '';
	display: block;
	height: 2px;
	-moz-transition: width 0.5s;
	-webkit-transition: width 0.5s;
	transition: width 0.5s;
	width: 0;
	margin-top: 0.2em;
}
nav.open a:nth-child(n+2):hover:after, nav.open a:nth-child(n+2).active:after {
	width: 100%;
}
.open {
	left: 0;
}
.open #menuToggle span {
	background: transparent;
	left: 20%;
	top: 45%;
}
.open #menuToggle span:before, .open #menuToggle span:after {
	background: #fff;/*控制“X”按钮的颜色*/
	top: 0;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.open #menuToggle span:after {
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#menuToggle .navClosed {
	-moz-transition: background 0.1s linear;
	-o-transition: background 0.1s linear;
	-webkit-transition: background 0.1s linear;
	transition: background 0.1s linear;
}
#menuToggle .navClosed:before, #menuToggle .navClosed:after {
	-moz-transition: top 0.2s linear 0.1s, -moz-transform 0.2s linear 0.1s;
	-o-transition: top 0.2s linear 0.1s, -o-transform 0.2s linear 0.1s;
	-webkit-transition: top 0.2s linear, -webkit-transform 0.2s linear;
	transition: top 0.2s linear 0.1s, transform 0.2s linear 0.1s;
	-webkit-transition-delay: 0.1s, 0.1s;
	transition-delay: 0.1s, 0.1s;
	-moz-transition-delay: 0.1s, 0.1s;
}
#menuToggle .navOpen {
	-moz-transition: background 0.1s linear 0.2s;
	-o-transition: background 0.1s linear 0.2s;
	-webkit-transition: background 0.1s linear;
	transition: background 0.1s linear 0.2s;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
}
#menuToggle .navOpen:before, #menuToggle .navOpen:after {
	-moz-transition: top 0.2s linear, -moz-transform 0.2s linear;
	-o-transition: top 0.2s linear, -o-transform 0.2s linear;
	-webkit-transition: top 0.2s linear, -webkit-transform 0.2s linear;
	transition: top 0.2s linear, transform 0.2s linear;
}