body{margin:0;padding:0;background-color:#fff}body .container{position:relative;display:block;overflow:hidden;width:750px;height:90px}body .container span.fischer-logo-static{position:relative;top:14px;left:25px;display:block;width:161px;height:26px;background:url(../imgs/fischer-logo@2x.png) no-repeat;background-size:161px 26px}body .container span.logo-bg{position:absolute;top:18px;width:211px;height:54px;background-color:#e30613}body .container .frame-1{position:absolute;z-index:10;top:0;left:0;width:100vw;height:100vh;background-color:#fff}body .container .frame-1 .container-red{position:relative;display:block;overflow:hidden;width:750px;height:90px;background-color:#e30613}body .container .frame-1 span.fischer-logo{position:absolute;top:32px;left:750px;display:block;width:161px;height:26px;background:url(../imgs/fischer-logo@2x.png) no-repeat;background-size:161px 26px}body .container .frame-1 span.text-1{position:absolute;top:90px;left:240px;display:block;width:212px;height:25px;background:url(../imgs/frame-1-text-1@2x.png) no-repeat;background-size:212px 25px}body .container .frame-1 span.text-2{position:absolute;top:90px;left:240px;display:block;width:237px;height:25px;background:url(../imgs/frame-1-text-2@2x.png) no-repeat;background-size:237px 25px}body .container .frame-1 span.photo-1{position:absolute;top:-33px;left:475px;display:block;width:255px;height:33px;background:url(../imgs/frame-1-photo-1@2x.png) no-repeat;background-size:255px 33px}body .container .frame-1 span.photo-2{position:absolute;top:-313px;left:500px;display:block;width:313px;height:172px;background:url(../imgs/frame-1-photo-2@2x.jpg) no-repeat;background-size:313px 172px}body .container .frame-2{position:absolute;z-index:20;top:0;left:0;visibility:hidden;width:100vw;height:100vh;background-color:#fff}body .container .frame-2 span.text{position:absolute;top:-25px;left:240px;display:block;width:128px;height:25px;background:url(../imgs/frame-2-text@2x.png) no-repeat;background-size:128px 25px}body .container .frame-2 span.photo{position:absolute;top:-90px;right:20px;display:block;width:339px;height:43px;background:url(../imgs/frame-2-photo@2x.png) no-repeat;background-size:339px 43px}body .container .frame-3{position:absolute;z-index:20;top:0;left:0;visibility:hidden;width:100vw;height:100vh;background:#fff}body .container .frame-3 span.text{position:absolute;top:-25px;left:240px;display:block;width:178px;height:25px;background:url(../imgs/frame-3-text@2x.png) no-repeat;background-size:178px 25px}body .container .frame-3 span.photo{position:absolute;top:-90px;right:20px;display:block;width:244px;height:62px;background:url(../imgs/frame-3-photo@2x.png) no-repeat;background-size:244px 62px}body .container .frame-4{position:absolute;z-index:50;top:0;left:0;visibility:hidden;width:100vw;height:100vh;background:#fff}body .container .frame-4 span.photo{position:absolute;top:-201px;left:260px;display:block;width:56px;height:201px;background:url(../imgs/frame-4-photo@2x.png) no-repeat;background-size:56px 201px}body .container .frame-4 span.text{position:absolute;top:90px;left:350px;display:block;width:218px;height:48px;background:url(../imgs/frame-4-text@2x.png) no-repeat;background-size:218px 48px}body .container .frame-4 span.button{position:absolute;top:28px;left:750px;display:block;width:100px;height:35px;background:url(../imgs/frame-4-button@2x.png) no-repeat;background-size:100px 35px}.frame-1 span.fischer-logo{-webkit-animation:fischer-logo-float-in .75s 0s 1 forwards;animation:fischer-logo-float-in .75s 0s 1 forwards}.frame-1 .container-red{-webkit-animation:container-red-close .375s .375s 1 forwards;animation:container-red-close .375s .375s 1 forwards}.frame-1 span.text-1{-webkit-animation:frame-1-text-1-in 1s .5s 1 forwards,frame-1-text-1-move-up .5s 2.8s 1 forwards,frame-1-text-1-out .5s 5s 1 forwards;animation:frame-1-text-1-in 1s .5s 1 forwards,frame-1-text-1-move-up .5s 2.8s 1 forwards,frame-1-text-1-out .5s 5s 1 forwards}.frame-1 span.text-2{-webkit-animation:frame-1-text-2-in .5s 2.9s 1 forwards,frame-1-text-2-out .7s 5s 1 forwards;animation:frame-1-text-2-in .5s 2.9s 1 forwards,frame-1-text-2-out .7s 5s 1 forwards}.frame-1 span.photo-1{-webkit-animation:frame-1-photo-1-in 1s .5s 1 forwards,frame-1-photo-1-out .5s 2.8s 1 forwards;animation:frame-1-photo-1-in 1s .5s 1 forwards,frame-1-photo-1-out .5s 2.8s 1 forwards}.frame-1 span.photo-2{-webkit-animation:frame-1-photo-2-in 1s 2.8s 1 forwards,frame-1-photo-2-out 1s 5s 1 forwards;animation:frame-1-photo-2-in 1s 2.8s 1 forwards,frame-1-photo-2-out 1s 5s 1 forwards}.frame-2{-webkit-animation:frame-change .5s 5.125s 1 forwards;animation:frame-change .5s 5.125s 1 forwards}.frame-2 span.text{-webkit-animation:frame-2-text-in 1s 5.3s 1 forwards,frame-2-text-out .5s 7.3s 1 forwards;animation:frame-2-text-in 1s 5.3s 1 forwards,frame-2-text-out .5s 7.3s 1 forwards}.frame-2 span.photo{-webkit-animation:frame-2-photo-in 1s 5.3s 1 forwards,frame-2-photo-out .7s 7.3s 1 forwards;animation:frame-2-photo-in 1s 5.3s 1 forwards,frame-2-photo-out .7s 7.3s 1 forwards}.frame-3{-webkit-animation:frame-change .5s 7.425s 1 forwards;animation:frame-change .5s 7.425s 1 forwards}.frame-3 span.text{-webkit-animation:frame-3-text-in 1s 7.5s 1 forwards,frame-3-text-out .5s 9.5s 1 forwards;animation:frame-3-text-in 1s 7.5s 1 forwards,frame-3-text-out .5s 9.5s 1 forwards}.frame-3 span.photo{-webkit-animation:frame-3-photo-in 1s 7.5s 1 forwards,frame-3-photo-out .7s 9.5s 1 forwards;animation:frame-3-photo-in 1s 7.5s 1 forwards,frame-3-photo-out .7s 9.5s 1 forwards}.frame-4{-webkit-animation:frame-change .5s 9.625s 1 forwards;animation:frame-change .5s 9.625s 1 forwards}.frame-4 span.photo{-webkit-animation:frame-4-photo-in 1s 9.8s 1 forwards;animation:frame-4-photo-in 1s 9.8s 1 forwards}.frame-4 span.text{-webkit-animation:frame-4-text-in 1s 9.8s 1 forwards;animation:frame-4-text-in 1s 9.8s 1 forwards}.frame-4 span.button{-webkit-animation:frame-4-button-in 1s 9.8s 1 forwards;animation:frame-4-button-in 1s 9.8s 1 forwards}@-webkit-keyframes frame-change{0%{visibility:visible;opacity:0}100%{visibility:visible;opacity:1}}@keyframes frame-change{0%{visibility:visible;opacity:0}100%{visibility:visible;opacity:1}}@-webkit-keyframes fischer-logo-float-in{0%{left:750px}100%{left:25px}}@keyframes fischer-logo-float-in{0%{left:750px}100%{left:25px}}@-webkit-keyframes container-red-close{0%{top:0;width:750px;height:90px}100%{top:18px;width:211px;height:54px}}@keyframes container-red-close{0%{top:0;width:750px;height:90px}100%{top:18px;width:211px;height:54px}}@-webkit-keyframes frame-1-text-1-in{0%{top:90px}100%{top:34px}}@keyframes frame-1-text-1-in{0%{top:90px}100%{top:34px}}@-webkit-keyframes frame-1-text-1-move-up{0%{top:34px}100%{top:18px}}@keyframes frame-1-text-1-move-up{0%{top:34px}100%{top:18px}}@-webkit-keyframes frame-1-text-1-out{0%{top:18px}100%{top:-28px}}@keyframes frame-1-text-1-out{0%{top:18px}100%{top:-28px}}@-webkit-keyframes frame-1-text-2-in{0%{top:90px}100%{top:46px}}@keyframes frame-1-text-2-in{0%{top:90px}100%{top:46px}}@-webkit-keyframes frame-1-text-2-out{0%{top:46px}100%{top:-28px}}@keyframes frame-1-text-2-out{0%{top:46px}100%{top:-28px}}@-webkit-keyframes frame-1-photo-1-in{0%{top:-33px}100%{top:30px}}@keyframes frame-1-photo-1-in{0%{top:-33px}100%{top:30px}}@-webkit-keyframes frame-1-photo-1-out{0%{top:30px}100%{top:90px}}@keyframes frame-1-photo-1-out{0%{top:30px}100%{top:90px}}@-webkit-keyframes frame-1-photo-2-in{0%{top:-313px}100%{top:-35px}}@keyframes frame-1-photo-2-in{0%{top:-313px}100%{top:-35px}}@-webkit-keyframes frame-1-photo-2-out{0%{top:-35px}100%{top:90px}}@keyframes frame-1-photo-2-out{0%{top:-35px}100%{top:90px}}@-webkit-keyframes frame-2-text-in{0%{top:90px}100%{top:34px}}@keyframes frame-2-text-in{0%{top:90px}100%{top:34px}}@-webkit-keyframes frame-2-text-out{0%{top:34px}100%{top:-28px}}@keyframes frame-2-text-out{0%{top:34px}100%{top:-28px}}@-webkit-keyframes frame-2-photo-in{0%{top:-90px}100%{top:26px}}@keyframes frame-2-photo-in{0%{top:-90px}100%{top:26px}}@-webkit-keyframes frame-2-photo-out{0%{top:26px}100%{top:90px}}@keyframes frame-2-photo-out{0%{top:26px}100%{top:90px}}@-webkit-keyframes frame-3-text-in{0%{top:90px}100%{top:34px}}@keyframes frame-3-text-in{0%{top:90px}100%{top:34px}}@-webkit-keyframes frame-3-text-out{0%{top:34px}100%{top:-28px}}@keyframes frame-3-text-out{0%{top:34px}100%{top:-28px}}@-webkit-keyframes frame-3-photo-in{0%{top:-90px}100%{top:14px}}@keyframes frame-3-photo-in{0%{top:-90px}100%{top:14px}}@-webkit-keyframes frame-3-photo-out{0%{top:14px}100%{top:90px}}@keyframes frame-3-photo-out{0%{top:14px}100%{top:90px}}@-webkit-keyframes frame-4-photo-in{0%{top:-201px}100%{top:9px}}@keyframes frame-4-photo-in{0%{top:-201px}100%{top:9px}}@-webkit-keyframes frame-4-text-in{0%{top:90px}100%{top:22px}}@keyframes frame-4-text-in{0%{top:90px}100%{top:22px}}@-webkit-keyframes frame-4-button-in{0%{left:750px}100%{left:600px}}@keyframes frame-4-button-in{0%{left:750px}100%{left:600px}}