#schema{margin:50px auto 0}
#animation{margin:0 200px;position:relative;height:780px}
#animation .step{position:absolute;left:0;width:100%}
#animation .step.centered{text-align:center}
#animation .relative{display:inline-block;position:relative}
#animation img.wide{width:100%}
#animation mark{background-color:transparent;width:200px;position:absolute;font-size:0.8125rem;line-height:1rem;display:none}
#animation .step1{top:-50px;opacity:0;z-index:20;-webkit-transition:all 1000ms;-o-transition:all 1000ms;transition:all 1000ms}
#animation .step1.animated{top:0;opacity:1}
#animation .step2{top:83px;z-index:15}
#animation .step2 mark{left:-210px;bottom:20px}
#animation .step3{top:175px;z-index:10;-webkit-transition:all 800ms;-o-transition:all 800ms;transition:all 800ms}
#animation .step3.animated{top:243px}
#animation .step4{top:323px;opacity:0;z-index:5;-webkit-transition:all 1000ms;-o-transition:all 1000ms;transition:all 1000ms}
#animation .step4.animated{top:283px;opacity:1}
#animation .step4 mark:nth-child(2){left:-210px;bottom:110px}
#animation .step4 mark:nth-child(3){right:-210px;top:10px}
#animation .step4 mark:nth-child(4){right:-210px;bottom:-20px}
#animation .step5{top:530px;opacity:0;z-index:3;-webkit-transition:all 800ms;-o-transition:all 800ms;transition:all 800ms}
#animation .step5.animated{top:606px;opacity:1}
#animation .step6{top:690px;opacity:0;z-index:1;-webkit-transition:all 1000ms;-o-transition:all 1000ms;transition:all 1000ms}
#animation .step6.animated{top:655px;opacity:1}
#animation .step6 mark{right:-210px;bottom:-10px}
.private{padding:5px 200px;font-size:0.75rem;margin-bottom:30px}
@media screen and (max-width:799px),screen and (min-width:800px) and (max-width:1299px) and (orientation:portrait){#animation{margin:0 auto;width:280px;height:700px}
mark.mobile{display:inline-block;padding:0 20px;background-color:transparent;font-size:0.8125rem;line-height:1rem;margin:10px 0}
mark.mobile:last-child{margin-bottom:30px}
#animation .step2{top:133px}
#animation .step3{top:195px}
#animation .step3 img{width:180px;height:auto}
#animation .step3.animated{top:263px}
#animation .step4{top:328px}
#animation .step4.animated{top:298px}
#animation .step5{top:448px}
#animation .step5.animated{top:548px}
#animation .step6{top:630px}
#animation .step6.animated{top:600px}
.private{padding:5px 20px;margin-bottom:0}}
@media screen and (min-width:1500px){#animation{height:950px}
#animation .step1{top:-50px}
#animation .step2{top:100px}
#animation .step3{top:195px}
#animation .step3.animated{top:302px}
#animation .step4{top:383px}
#animation .step4.animated{top:343px}
#animation .step4 mark:nth-child(2){left:-210px;bottom:130px}
#animation .step5{top:678px}
#animation .step5.animated{top:748px}
#animation .step6{top:830px}
#animation .step6.animated{top:795px}}