body{overflow:hidden;background-color:#0c0c0c;margin:0;padding:0}#canvas{position:absolute;background:url(../pics/background.jpg) repeat-x bottom center}.magazine-viewport .container{position:absolute;top:50%;left:50%;width:1400px;height:781px;margin:auto}.magazine-viewport .magazine{width:1400px;height:781px;left:-661px;top:-300px}.magazine-viewport .page{width:700px;height:781px;background-color:#fff;background-repeat:no-repeat;background-size:100% 100%}.magazine-viewport .zoomer .region{display:none}.magazine .region{position:absolute;overflow:hidden;background:#06f;opacity:.2;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;cursor:pointer;-ms-filter:"alpha(opacity=20)";filter:alpha(opacity=20)}.magazine .region:hover{opacity:.5;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50)}.magazine .region.zoom{opacity:.01;-ms-filter:"alpha(opacity=1)";filter:alpha(opacity=1)}.magazine .region.zoom:hover{opacity:.2;-ms-filter:"alpha(opacity=20)";filter:alpha(opacity=20)}.magazine .page{-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);-moz-box-shadow:0 0 20px rgba(0,0,0,.2);-ms-box-shadow:0 0 20px rgba(0,0,0,.2);-o-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}.magazine-viewport .page img{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0}.magazine .even .gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,color-stop(0.95,rgba(0,0,0,0)),color-stop(1,rgba(0,0,0,0.2)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,0.2) 100%);background-image:-moz-linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,0.2) 100%);background-image:-ms-linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,0.2) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,0.2) 100%);background-image:linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,0.2) 100%)}.magazine .odd .gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear,right top,left top,color-stop(0.95,rgba(0,0,0,0)),color-stop(1,rgba(0,0,0,0.15)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,0.15) 100%);background-image:-moz-linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,0.15) 100%);background-image:-ms-linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,0.15) 100%);background-image:-o-linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,0.15) 100%);background-image:linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,0.15) 100%)}.magazine-viewport .zoom-in .even .gradient,.magazine-viewport .zoom-in .odd .gradient{display:none}.magazine-viewport .loader{background-image:url(../pics/loader.gif);width:22px;height:22px;position:absolute;top:280px;left:219px}.magazine-viewport .shadow{-webkit-transition:-webkit-box-shadow .5s;-moz-transition:-moz-box-shadow .5s;-o-transition:-webkit-box-shadow .5s;-ms-transition:-ms-box-shadow .5s;-webkit-box-shadow:0 0 20px transparent;-moz-box-shadow:0 0 20px transparent;-o-box-shadow:0 0 20px transparent;-ms-box-shadow:0 0 20px transparent;box-shadow:0 0 20px transparent}.next-button{width:59px;height:59px;position:absolute;top:50%;background:url(../pics/arrows.png) -59px 0;right:10px;z-index:10}.previous-button{width:59px;height:59px;position:absolute;top:50%;background-image:url(../pics/arrows.png);z-index:10}.magazine-viewport .previous-button-hover{background-position:0 -59px;cursor:pointer}.magazine-viewport .next-button-hover{background-position:-59px -59px;cursor:pointer}.magazine-viewport .previous-button-hover,.magazine-viewport .previous-button-down{}.magazine-viewport .previous-button-down,.magazine-viewport .next-button-down{}.magazine-viewport .next-button-hover,.magazine-viewport .next-button-down{}.magazine-viewport .zoom-in .next-button,.magazine-viewport .zoom-in .previous-button{display:none}.animated{-webkit-transition:margin-left .5s;-moz-transition:margin-left .5s;-ms-transition:margin-left .5s;-o-transition:margin-left .5s;transition:margin-left .5s}.exit-message{position:absolute;top:10px;left:0;width:100%;height:40px;z-index:10000}.exit-message>div{width:140px;height:30px;margin:auto;background:rgba(0,0,0,.5);text-align:center;font:12px arial;line-height:30px;color:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}.zoom-icon{position:absolute;z-index:1000;width:22px;height:22px;top:10px;right:10px;background-image:url(../pics/zoom-icons.png);background-size:88px 22px}.zoom-icon-in{background-position:0 0;cursor:pointer}.zoom-icon-in.zoom-icon-in-hover{background-position:-22px 0;cursor:pointer}.zoom-icon-out{background-position:-44px 0}.zoom-icon-out.zoom-icon-out-hover{background-position:-66px 0;cursor:pointer}.bottom{position:absolute;left:0;bottom:0;width:100%}