*{margin:0px;padding:0px}#the_cube_wrapper{position:absolute;height:100%;width:100%;z-index:999;top:0%}.the_cube{position:absolute;opacity:1;width:80px;height:100%;left:50%;margin-left:-50px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:spin 1.8s forwards ease-out;-moz-animation:spin 1.8s forwards ease-out;animation:spin 1.8s forwards ease-out}.the_cube div{width:80px;height:80px;line-height:80px;z-index:999;text-align:center;box-shadow:inset 0px 0px 0px 1px rgba(10,0,0,0.2);display:block;position:absolute;background:url("../img/structure/cube_text80.jpg");top:-20%;-webkit-animation:animate_down 1.8s forwards ease-in-out;-moz-animation:animate_down 1.8s forwards ease-in-out;animation:animate_down 1.8s forwards ease-in-out}.the_cube div.cube_top{-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);transform:rotateX(90deg);margin-top:-40px}.the_cube div.cube_right{-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);transform:rotateY(90deg);margin-left:40px}.the_cube div.cube_bottom{-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);transform:rotateX(-90deg);margin-top:40px}.the_cube div.cube_left{-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);transform:rotateY(-90deg);margin-left:-40px}.the_cube div.cube_front{-webkit-transform:translateZ(40px);-moz-transform:translateZ(40px);transform:translateZ(40px)}.the_cube div.cube_back{-webkit-transform:translateZ(-40px) rotateY(180deg);-moz-transform:translateZ(-40px) rotateY(180deg);transform:translateZ(-40px) rotateY(180deg)}@-webkit-keyframes spin{0%{-webkit-transform:rotateX(-20deg) rotateY(20deg)}100%{-webkit-transform:rotateX(-20deg) rotateY(540deg)}}@-moz-keyframes spin{0%{-moz-transform:rotateX(-20deg) rotateY(20deg)}100%{-moz-transform:rotateX(-20deg) rotateY(540deg)}}@keyframes spin{0%{transform:rotateX(-20deg) rotateY(20deg)}100%{transform:rotateX(-20deg) rotateY(540deg)}}@-webkit-keyframes animate_down{0{top:0%}60%{top:45%;opacity:1}100%{top:40%;opacity:0}}@-moz-keyframes animate_down{0{top:0%}60%{top:45%;opacity:1}100%{top:40%;opacity:0}}@keyframes animate_down{0{top:0%}60%{top:45%;opacity:1}100%{top:40%;opacity:0}}@-webkit-keyframes closeUp{0%{height:50%}99%{height:0%}100%{height:0%;display:none}}@-moz-keyframes closeUp{0%{height:50%}99%{height:0%}100%{height:0%;display:none}}@keyframes closeUp{0%{height:50%}99%{height:0%}100%{height:0%;display:none}}@-webkit-keyframes closeDown{0%{height:50%}99%{height:0%}100%{height:0%;display:none}}@-moz-keyframes closeDown{0%{height:50%}99%{height:0%}100%{height:0%;display:none}}@keyframes closeDown{0%{height:50%}99%{height:0%}100%{height:0%;display:none}}.row.top{position:fixed;display:table-cell;top:0;width:100%;height:50%;background:black;z-index:99;-webkit-animation:closeUp 0.6s forwards ease-in;-moz-animation:closeUp 0.6s forwards ease-in;animation:closeUp 0.6s forwards ease-in;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.row.bottom{position:fixed;display:table-cell;bottom:0;width:100%;height:50%;background:black;z-index:99;-webkit-animation:closeDown 0.6s forwards ease-in;-moz-animation:closeDown 0.6s forwards ease-in;animation:closeDown 0.6s forwards ease-in;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}