*{box-sizing:border-box}body{margin:0}img{max-width:100%}section{padding:0 20px}.pin-spacer{margin-bottom:200px!important}.animated-wrapper{margin:100px 0;padding:0 30px;text-align:center}.img-wrapper{position:relative;perspective:3800px}.abs-img{position:absolute;left:0;right:0;margin:0 auto;top:0}.top-img{transform:translate3d(0,0,0) rotateX(-82.8deg);transform-origin:50% 100%}.btm-img,.top-img{opacity:0}.bend-img{margin:0 auto;transform-style:preserve-3d;transition:all ease 0s;transform-origin:50% 100%}.slide-show{transform:translate3d(0,0,0) rotateY(0deg);transform:translate3d(-220px,100px,0) rotateY(65deg);opacity:0;box-shadow:6px 3px 20px rgba(0,0,0,.39);max-width:820px;top:53px}.mac-slide.slide-show{box-shadow:unset;max-width:initial;top:0}.laptop-bg.slide-show{display:none}.content{position:absolute;top:calc(50% + 100px);transform:translateY(-50%);width:50%;left:50%;text-align:left;padding:0 50px}.fade-content{opacity:0;display:none}.content-top{position:fixed;width:100%;top:100px;left:0;right:0;max-width:1200px;margin:0 auto}.content-top .fade-content{display:none;opacity:0;position:absolute;background-color:#fff}.content-top .fade-content.fade-content11{display:block;opacity:1}.fade-content11{z-index:3}.fade-content22{z-index:2}.fade-content33{z-index:1}.laptop-bg{max-width:1000px;top:-24px;left:-76px;z-index:-1}@media(max-width:1199px){.slide-show{max-width:100%}.frameScreen.slide-show{max-width:584px;top:37px}.mac-slide.slide-show,.top-img.bend-img,.btm-img.abs-img{max-width:728px}.img-wrapper{perspective:2800px}.frameScreen.slide-show{transform:translate3d(-160px,100px,0px) rotateY(65deg)}.top-img{transform:translate3d(0,0,0) rotateX(-83deg)}.content{padding:0 10px}}@media(max-width:777px){.frameScreen.slide-show{left:19px}}@media(max-width:767px){.pin-spacer{margin-bottom:520px!important}.mac-slide.slide-show,.top-img.bend-img,.btm-img.abs-img,.frameScreen.slide-show{max-width:100%}.frameScreen.slide-show{max-width:80%;top:19px;left:0;transform:translate3d(-65px,0px,0px) rotateY(60deg)}.img-wrapper{perspective:2800px}.content{top:auto;transform:none;width:100%;left:auto;text-align:left;padding:0;margin-top:8px}.animated-wrapper{padding:0 15px}.top-img{transform:translate3d(0,0,0) rotateX(-85deg)}}