@charset "UTF-8";

.cube-slider, .cube-slider * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}

.cube-slider h3 {
color: #fff;
font-size: 34px;
margin: 0 0 10px; }

.cube-slider p {
margin: 0;
padding-top: 10px;
color: rgba(255, 255, 255, 0.7);
font-weight: 300;
font-size: 18px; }

.cube-slider a {
display: inline-block;
text-decoration: none; }

@-webkit-keyframes anim2 {
0% {
opacity: 0; }
50% {
opacity: 0; }
100% {
opacity: 1; } }

@-moz-keyframes anim2 {
0% {
opacity: 0; }
50% {
opacity: 0; }
100% {
opacity: 1; } }

@-o-keyframes anim2 {
0% {
opacity: 0; }
50% {
opacity: 0; }
100% {
opacity: 1; } }

@keyframes anim2 {
0% {
opacity: 0; }
100% {
opacity: 1; } }


@-webkit-keyframes anim-loading {
	0% {
	transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-90deg);
	}
	100% {
	transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0deg);
	}
}

@-moz-keyframes anim-loading {
	0% {
	transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-90deg);
	}
	100% {
	transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0deg);
	}
}

@-o-keyframes anim-loading {
	0% {
	transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-90deg);
	}
	100% {
	transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0deg);
	}
}

@keyframes anim-loading {
	0% {
	transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(-90deg);
	}
	100% {
	transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0deg);
	}
}
		

.cube-slider {
position: absolute;
overflow: hidden;
top: -25px;
bottom:-25px;
left: -25px;
right:-25px;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}

.cube-slider input {
display: none;
}

.cube-slider input:nth-child(1) {
top: 10px;
left: 100px;
}

.cube-slider input:nth-child(2) {
top: 10px;
left: 200px;
}

.cube-slider input:nth-child(3) {
top: 10px;
left: 300px;
}

.cube-slider input:nth-child(4) {
top: 10px;
left: 400px;
}

.cube-slider input:nth-child(1):checked ~ .slider > li:nth-child(1) {
-webkit-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0deg);
-moz-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0deg);
-ms-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0deg);
-o-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0deg);
transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0deg);
z-index: 2;
}

.cube-slider 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);
}

.cube-slider 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);
}

.cube-slider 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);
}

.cube-slider 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);
}

.cube-slider input:nth-child(2):checked ~ .slider > li:nth-child(2) {
-webkit-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0deg);
-moz-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0deg);
-ms-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0deg);
-o-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0deg);
transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0deg);
z-index: 2;
}

.cube-slider 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);
}

.cube-slider 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);
}

.cube-slider 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);
}

.cube-slider 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);
}

.cube-slider input:nth-child(3):checked ~ .slider > li:nth-child(3) {
-webkit-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0deg);
-moz-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0deg);
-ms-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0deg);
-o-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0deg);
transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0deg);
z-index: 2;
}

.cube-slider 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);
}

.cube-slider 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);
}

.cube-slider 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);
}

.cube-slider 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);
}

.cube-slider input:nth-child(4):checked ~ .slider > li:nth-child(4) {
-webkit-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0deg);
-moz-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0deg);
-ms-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0deg);
-o-transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0deg);
transform: perspective(100em) translate3d(0, 0, -50vh) rotateX(0deg);
z-index: 2;
}

.cube-slider 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%);
}

.cube-slider 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%);
}

.cube-slider 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%);
}

.cube-slider 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%);
}

.cube-slider 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);
}

.cube-slider 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%);
}

.cube-slider h3, .cube-slider p {
display:none ;
}
.cube-slider input:nth-child(1):checked ~ .slider > li:nth-child(1) h3, .cube-slider input:nth-child(1):checked ~ .slider > li:nth-child(1) p,
.cube-slider input:nth-child(2):checked ~ .slider > li:nth-child(2) h3, .cube-slider input:nth-child(2):checked ~ .slider > li:nth-child(2) p,
.cube-slider input:nth-child(3):checked ~ .slider > li:nth-child(3) h3, .cube-slider input:nth-child(3):checked ~ .slider > li:nth-child(3) p,
.cube-slider input:nth-child(4):checked ~ .slider > li:nth-child(4) h3, .cube-slider input:nth-child(4):checked ~ .slider > li:nth-child(4) p {
display:block;
}

.cube-slider label {
display: block;
width: 40px;
height: 40px;
background: #900;
position: absolute;
backface-visibility: hidden;
z-index: 10;
bottom: 100px;
left: 100px;
}

.cube-slider input:nth-child(1):checked ~ label, .cube-slider input:nth-child(2):checked ~ label,
.cube-slider input:nth-child(3):checked ~ label, .cube-slider input:nth-child(4):checked ~ label {
display: none;
}

@-webkit-keyframes anim {
30% {
line-height: 45px; }
35% {
line-height: 65px; }
40% {
line-height: 45px; }
45% {
line-height: 65px; }
50% {
line-height: 45px; }
100% {
line-height: 45px; } }

@-moz-keyframes anim {
30% {
line-height: 45px; }
35% {
line-height: 65px; }
40% {
line-height: 45px; }
45% {
line-height: 65px; }
50% {
line-height: 45px; }
100% {
line-height: 45px; } }

@-o-keyframes anim {
30% {
line-height: 45px; }
35% {
line-height: 65px; }
40% {
line-height: 45px; }
45% {
line-height: 65px; }
50% {
line-height: 45px; }
100% {
line-height: 45px; } }

@keyframes anim {
30% {
line-height: 45px; }
35% {
line-height: 65px; }
40% {
line-height: 45px; }
45% {
line-height: 65px; }
50% {
line-height: 45px; }
100% {
line-height: 45px; } }

.cube-slider input:nth-child(1):checked ~ label:nth-of-type(2),
.cube-slider input:nth-child(2):checked ~ label:nth-of-type(3),
.cube-slider input:nth-child(3):checked ~ label:nth-of-type(4) {
display: block;
width: 48px;
height: 48px;
border-radius: 50%;
color: #fff;
background: transparent;
border: 1px solid #fff;
text-align: center;
line-height: 45px;
font-size: 24px;
bottom: 30px;
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) ;
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-animation: anim 5s forwards;
-moz-animation: anim 5s forwards;
-o-animation: anim 5s forwards;
animation: anim 5s forwards;
}

.cube-slider input:nth-child(1):checked ~ label:nth-of-type(2):after,
.cube-slider input:nth-child(2):checked ~ label:nth-of-type(3):after,
.cube-slider input:nth-child(3):checked ~ label:nth-of-type(4):after {
content: '↓';
}

.cube-slider input:nth-child(2):checked ~ label:nth-of-type(1),
.cube-slider input:nth-child(3):checked ~ label:nth-of-type(2),
.cube-slider input:nth-child(4):checked ~ label:nth-of-type(3) {
display: block;
width: 48px;
height: 48px;
border-radius: 50%;
color: #fff;
background: transparent;
border: 1px solid #fff;
text-align: center;
line-height: 45px;
font-size: 24px;
top: 30px;
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);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none;
}

.cube-slider input:nth-child(2):checked ~ label:nth-of-type(1):after,
.cube-slider input:nth-child(3):checked ~ label:nth-of-type(2):after,
.cube-slider input:nth-child(4):checked ~ label:nth-of-type(3):after {
content: '↑';
}


.cube-slider .slider {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
list-style: none;
margin: 0;
padding: 0;
z-index: 2;
opacity: .99;
}

.cube-slider .slider > li {
display: block;
position: absolute;
top: 0;
left: 0;
right:0;
bottom:0;
border:25px solid #fff;
-webkit-transition: 3s cubic-bezier(0.5, 0, 0, 0.99);
-moz-transition: 3s cubic-bezier(0.5, 0, 0, 0.99);
-o-transition: 3s cubic-bezier(0.5, 0, 0, 0.99);
transition: 3s cubic-bezier(0.5, 0, 0, 0.99);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-ms-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
-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;
}

.theme-black .cube-slider .slider > li {
border-color: #000;
}

.cube-slider .slider > li .caption {
position: absolute;
-webkit-transition: 3s cubic-bezier(0.5, 0, 0, 0.99);
-moz-transition: 3s cubic-bezier(0.5, 0, 0, 0.99);
-o-transition: 3s cubic-bezier(0.5, 0, 0, 0.99);
transition: 3s cubic-bezier(0.5, 0, 0, 0.99);
}

.cube-slider .slider > li .caption.normal-shadow {
text-shadow: 0 2px 10px black, 0 1px 1px rgba(0, 0, 0, 0.5);
}

.cube-slider .slider > li .caption.light-shadow {
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.25);
}


.cube-slider .slider > li .caption.top-rotate {
width: 40%;
text-align: right;
border-right: 2px solid #EE250C;
padding-right: 20px;
right: 40%;
top: 10%;
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-ms-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
transform: rotate(-7deg);
}

.cube-slider .slider > li .caption.top-left-side {
width: 40%;
text-align: right;
border-right: 2px solid #EE250C;
padding-right: 20px;
right: 55%;
top: 14%;
-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);
}

.cube-slider .slider > li .caption.top-right-side {
width: 40%;
text-align: left;
border-left: 2px solid #EE250C;
padding-left: 20px;
left: 55%;
top: 14%;
-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);
}

.cube-slider .slider > li .caption.bottom-left-side {
width: 40%;
text-align: right;
border-right: 2px solid #EE250C;
padding-right: 20px;
right: 55%;
bottom: 20%;
-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);
}

.cube-slider .slider > li .caption.bottom-right-side {
width: 40%;
text-align: left;
border-left: 2px solid #EE250C;
padding-left: 20px;
left: 55%;
bottom: 20%;
-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);
}

.cube-slider .slider > li .caption.bottom {
width: 60%;
text-align: justify;
right: 20%;
bottom: 10%;
-webkit-transform: rotateX(20deg);
-moz-transform: rotateX(20deg);
-ms-transform: rotateX(20deg);
-o-transform: rotateX(20deg);
transform: rotateX(20deg);
}

.cube-slider .caption.bottom h3 {
text-align: center;
}

.cube-slider .caption.bottom p {
padding: 30px;
}


@media (max-width: 979px) {

	.cube-slider input:nth-child(1):checked ~ label:nth-of-type(2),
	.cube-slider input:nth-child(2):checked ~ label:nth-of-type(3),
	.cube-slider input:nth-child(3):checked ~ label:nth-of-type(4) {
	width: 40px;
	height: 40px;
	line-height: 36px;
	font-size: 16px;
	}
	
	.cube-slider input:nth-child(1):checked ~ label:nth-of-type(2):hover,
	.cube-slider input:nth-child(2):checked ~ label:nth-of-type(3):hover,
	.cube-slider input:nth-child(3):checked ~ label:nth-of-type(4):hover {
	font-size: 30px;
	line-height: 66px;
	}
	
	.cube-slider input:nth-child(2):checked ~ label:nth-of-type(1),
	.cube-slider input:nth-child(3):checked ~ label:nth-of-type(2),
	.cube-slider input:nth-child(4):checked ~ label:nth-of-type(3) {
	width: 40px;
	height: 40px;
	line-height: 36px;
	font-size: 16px;
	}
	
	.cube-slider input:nth-child(2):checked ~ label:nth-of-type(1):hover,
	.cube-slider input:nth-child(3):checked ~ label:nth-of-type(2):hover,
	.cube-slider input:nth-child(4):checked ~ label:nth-of-type(3):hover {
	font-size: 30px;
	line-height: 18px;
	}
	
	.cube-slider .caption p span {
	font-size: 85%;
	}
	
	.cube-slider .caption h3 span {
	font-size: 90%;
	}

}


@media (max-width: 768px) {

	.cube-slider .slider > li {
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
	}
	
	.cube-slider .slider > li:nth-child(1) .caption {
	top: 5%;
	width: 80%;
	right: 10%;
	}
	
	.cube-slider .caption p {
	margin-top: 0;
	padding-top: 0;
	}
	
	.cube-slider .slider > li:nth-child(2), body .cube-slider .slider > li:nth-child(3) {
	background-position: 20% center;
	}
	
	.cube-slider .slider > li .caption.left-side {
	right: 15%;
	bottom: 25%;
	width: 80%;
	}
	
	.cube-slider .slider > li .caption.right-side {
	left: 15%;
	bottom: 25%;
	width: 80%;
	}
	
	.cube-slider .slider > li .caption.bottom {
	width: 90%;
	right: 5%;
	top: 48%;
	}

}