body{width:100%;height:100%;margin:0 auto;padding:0}.container{width:100%;height:100%;position:absolute;overflow:hidden;z-index:999999}.open{background:transparent;width:100%;opacity:.5;height:100%;position:absolute;z-index:3}#locked{background:#3d3737;width:100%;height:100%;overflow:hidden;opacity:1;background:#3d3737;height:100%;position:absolute;left:0;width:100%;width:100%}#locked img{position:absolute;z-index:999999;opacity:1;position:absolute;left:0;right:0;margin:0 auto;display:inline;position:absolute;height:100%}#locked .lockandchain{position:absolute;z-index:99999;height:100%;opacity:1;left:0;right:0;margin:0 auto;display:block;position:absolute}#locked .closed{position:absolute;z-index:999;height:100%;opacity:1;left:0;right:0;margin:0 auto;display:block;position:absolute}#side1{background:#3d3737;opacity:0;width:50%;height:100%;position:absolute;-webkit-animation:reveal 3s linear;-ms-animation:reveal 3s linear;max-width:none!important;-webkit-animation-delay:4s;-ms-animation-delay:4s;-moz-animation:reveal 3s linear;-moz-animation-delay:4s;-o-animation:reveal 3s linear;-o-animation-delay:4s;animation:reveal 3s linear;animation-delay:4s}#side1 img{height:100%;margin-top:1px;margin-bottom:1px;max-width:none!important}#side2{background:#3d3737;opacity:0;width:50%;height:100%;float:right;margin-left:0;position:relative;-webkit-animation:reveal 3s linear;-ms-animation:reveal 3s linear;max-width:none!important;-webkit-animation-delay:4s;-ms-animation-delay:4s;-moz-animation:reveal 3s linear;-moz-animation-delay:4s;-ms-animation:swoop 5s linear;-o-animation:reveal 3s linear;-o-animation-delay:4s;animation:reveal 3s linear;animation-delay:4s}#side2 img{height:100%;margin-top:1px;margin-bottom:1px;max-width:none!important}#locked .key{position:absolute;z-index:9999;height:60%;opacity:1;left:0;right:0;margin:0 auto;display:inline-block;height:100%;vertical-align:middle;position:absolute;-webkit-animation:swoop 5s linear;-moz-animation:swoop 5s linear;-o-animation:swoop 5s linear;animation:swoop 5s linear}@-webkit-keyframes reveal{from{width:50%;height:100%;opacity:1}to{width:0%;height:100%;opacity:.9}}@-moz-keyframes reveal{from{width:50%;height:100%;opacity:1}to{width:0%;height:100%;opacity:.9}}@-o-keyframes reveal{from{width:50%;height:100%;opacity:1}to{width:0%;height:100%;opacity:.9}}@keyframes reveal{from{width:50%;height:100%;opacity:1}to{width:0%;height:100%;opacity:.9}}@-webkit-keyframes swoop{0%{margin-top:25%;transform:rotatey(120deg)}50%{margin-top:7.5%}75%{transform:rotatey(120deg)}100%{transform:rotatey(240deg)}}@-moz-keyframes swoop{0%{margin-top:25%;transform:rotatey(120deg)}50%{margin-top:7.5%}75%{transform:rotatey(120deg)}100%{transform:rotatey(240deg)}}@-o-keyframes swoop{0%{margin-top:25%;transform:rotatey(120deg)}50%{margin-top:7.5%}75%{transform:rotatey(120deg)}100%{transform:rotatey(240deg)}}@keyframes swoop{0%{margin-top:25%;transform:rotatey(120deg)}50%{margin-top:7.5%}75%{transform:rotatey(120deg)}100%{transform:rotatey(240deg)}}