@charset "utf-8";
/* CSS Document */

div[class*="box-"] {
transition:opacity .5s cubic-bezier(0.725,-0.005,0,1.005);
-moz-transition:opacity .5s cubic-bezier(0.725,-0.005,0,1.005);
-webkit-transition:opacity .5s cubic-bezier(0.725,-0.005,0,1.005);
-o-transition:opacity .5s cubic-bezier(0.725,-0.005,0,1.005);
cursor:pointer;
-webkit-perspective:1000px;
-moz-perspective:1000px;
perspective:1000px
}

div[class*="box-"] .wrapper-3d {
width:100%;

-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
transition:all .5s cubic-bezier(0.725,-0.005,0,1.005);
-moz-transition:all .5s cubic-bezier(0.725,-0.005,0,1.005);
-webkit-transition:all .5s cubic-bezier(0.725,-0.005,0,1.005);
-o-transition:all .5s cubic-bezier(0.725,-0.005,0,1.005);
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
transform-style:preserve-3d;
outline:1px solid transparent;

position:relative
}

div[class*="box-"] .wrapper-3d:after {
width:100%;

transition:all .5s cubic-bezier(0.725,-0.005,0,1.005);
-moz-transition:all .5s cubic-bezier(0.725,-0.005,0,1.005);
-webkit-transition:all .5s cubic-bezier(0.725,-0.005,0,1.005);
-o-transition:all .5s cubic-bezier(0.725,-0.005,0,1.005);
-webkit-transform:rotateX(90deg);
-moz-transform:rotateX(90deg);
-ms-transform:rotateX(90deg);
transform:rotateX(90deg);
-webkit-transform-origin:bottom;
-moz-transform-origin:bottom;
-ms-transform-origin:bottom;
transform-origin:bottom;
bottom:0;
content:'';
display:block;
left:0;
position:absolute;
z-index:0
}

div[class*="box-"] .wrapper-3d:hover {
-webkit-transform:rotateX(12deg);
-moz-transform:rotateX(12deg);
-ms-transform:rotateX(12deg);
transform:rotateX(12deg);
-webkit-transform-origin:bottom;
-moz-transform-origin:bottom;
-ms-transform-origin:bottom;
transform-origin:bottom
}