.bc{width:300px;height:250px;background:#eee;position:relative}.bc .apple{position:absolute;top:139px;right:42px;display:block;height:89px;width:86px;z-index:1;-webkit-transition:-webkit-transform .2s;transition:transform .2s;transform-orgin:center bottom}.bc .apple.out{-webkit-transform:translateX(-280px);-ms-transform:translateX(-280px);transform:translateX(-280px);display:none}.bc .apple.bounce{-webkit-animation:bounce 1s;animation:bounce 1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.bc .apple-shadow{position:absolute;top:210px;right:56px;display:block;height:20px;width:81px;z-index:1}.bc .bottle{position:absolute;top:10px;right:10px;display:block;height:226px;width:110px;z-index:2;-webkit-transition:-webkit-transform .8s ease-in-out,margin .8s ease-in-out;transition:transform .8s ease-in-out,margin .8s ease-in-out;-webkit-transform-origin:100% 82%;-ms-transform-origin:100% 82%;transform-origin:100% 82%}.bc .bottle.out{-webkit-transform:scale(3.1);-ms-transform:scale(3.1);transform:scale(3.1);margin:-210px 462px 0 0}.bc .headline{position:absolute;top:12px;left:10px;display:block;height:86px;width:218px;z-index:1;opacity:1;-webkit-transition:-webkit-transform .4s ease-in-out 1.1s,opacity .3s ease-in-out 1.1s;transition:transform .4s ease-in-out 1.1s,opacity .3s ease-in-out 1.1s}.bc .headline.out{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translateX(18px);opacity:0}.bc .sub-headline{position:absolute;top:130px;left:10px;display:block;height:16px;width:160px;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;transition:transform .2s ease-in-out,opacity .2s ease-in-out;z-index:1}.bc .sub-headline.out{opacity:0;-webkit-transform:translateX(110px);-ms-transform:translateX(110px);transform:translateX(110px)}.bc .cta{position:absolute;top:152px;left:10px;display:block;height:23px;width:93px;z-index:1;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;transition:transform .2s ease-in-out,opacity .2s ease-in-out}.bc .cta.out{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}.bc .legal{display:block;width:252px;height:15px;position:absolute;bottom:6px;left:10px;z-index:1}@-webkit-keyframes bounce{0%{-webkit-transform:translateX(-220px) translateY(-40px) rotateZ(0deg);transform:translateX(-220px) translateY(-40px) rotateZ(0deg)}20%{-webkit-transform:translateX(0) translateY(-40px) rotateZ(30deg);transform:translateX(0) translateY(-40px) rotateZ(30deg)}40%{-webkit-transform:translateX(0) translateY(0) rotateZ(0deg);transform:translateX(0) translateY(0) rotateZ(0deg)}45%{-webkit-transform:translateX(0) translateY(-3px) rotateZ(-1deg);transform:translateX(0) translateY(-3px) rotateZ(-1deg)}60%{-webkit-transform:translateX(0) translateY(0) rotateZ(0deg);transform:translateX(0) translateY(0) rotateZ(0deg)}}@keyframes bounce{0%{-webkit-transform:translateX(-220px) translateY(-40px) rotateZ(0deg);transform:translateX(-220px) translateY(-40px) rotateZ(0deg)}20%{-webkit-transform:translateX(0) translateY(-40px) rotateZ(30deg);transform:translateX(0) translateY(-40px) rotateZ(30deg)}40%{-webkit-transform:translateX(0) translateY(0) rotateZ(0deg);transform:translateX(0) translateY(0) rotateZ(0deg)}45%{-webkit-transform:translateX(0) translateY(-3px) rotateZ(-1deg);transform:translateX(0) translateY(-3px) rotateZ(-1deg)}60%{-webkit-transform:translateX(0) translateY(0) rotateZ(0deg);transform:translateX(0) translateY(0) rotateZ(0deg)}}