.butterfly__container{overflow:hidden;display:block;width:100%;height:290px;position:absolute;margin-top:-220px;pointer-events:none}.butterfly__wrapper{position:absolute;top:170px;-webkit-transform:scale(-.35,.35);transform:scale(-.35,.35);-webkit-animation:move 20s infinite linear;animation:move 20s infinite linear}@-webkit-keyframes move{0%{left:-300px}100%{left:100%}}@keyframes move{0%{left:-300px}100%{left:100%}}.butterfly{-webkit-animation:hover .25s cubic-bezier(.48,.01,.54,1) infinite;animation:hover .25s cubic-bezier(.48,.01,.54,1) infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:reverse;animation-fill-mode:reverse;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(50deg) rotateY(20deg) rotateZ(-50deg) translateY(0px);transform:rotateX(50deg) rotateY(20deg) rotateZ(-50deg) translateY(0px);width:30px;-webkit-animation:fly 2s infinite ease;animation:fly 2s infinite ease;position:absolute}@-webkit-keyframes fly{0%{top:-10px}50%{top:-60px}100%{top:-10px}}@keyframes fly{0%{top:-10px}50%{top:-60px}100%{top:-10px}}.butterfly:before{background:#362c13;border-radius:50%;content:"";display:block;height:110px;left:50%;margin-left:-10px;outline:1px solid transparent;position:absolute;top:-15px;-webkit-transform:rotatey(100deg);transform:rotatey(100deg);width:20px;z-index:2}.shadow{-webkit-animation:shadow 1s cubic-bezier(.48,.01,.54,1) infinite;animation:shadow 1s cubic-bezier(.48,.01,.54,1) infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:reverse;animation-fill-mode:reverse;background:#000;border-radius:50%;display:block;height:10px;opacity:.1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:translateX(-40px) translateY(100px);transform:translateX(-40px) translateY(100px);width:100px}.wing{background:#888;display:block;opacity:.7;outline:1px solid transparent;position:absolute;top:0}.wing:first-child{-webkit-animation:leftflap .25s cubic-bezier(.48,.01,.54,1) infinite;animation:leftflap .25s cubic-bezier(.48,.01,.54,1) infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:reverse;animation-fill-mode:reverse;height:1px;left:0;-webkit-transform:rotateY(-20deg);transform:rotateY(-20deg);-webkit-transform-origin:700% 50%;transform-origin:700% 50%;width:1px;z-index:3}.wing:last-child{-webkit-animation:rightflap .25s cubic-bezier(.48,.01,.54,1) infinite;animation:rightflap .25s cubic-bezier(.48,.01,.54,1) infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:reverse;animation-fill-mode:reverse;right:0;-webkit-transform:rotateY(200deg);transform:rotateY(200deg);z-index:1}.wing .bit{background:#ffca1e}.wing .bit:after{background:#ffd651}.wing .bit,.wing .bit:after{border-radius:50%;overflow:hidden;position:absolute;right:0;top:0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.wing .bit:first-child{height:70px;text-align:center;top:15px;-webkit-transform:rotateZ(40deg);transform:rotateZ(40deg);width:130px}.wing .bit:first-child:after{content:"";display:inline-block;height:60px;left:-30px;top:5px;width:100px}.wing .bit:last-child{height:55px;-webkit-transform:rotateZ(-40deg);transform:rotateZ(-40deg);width:100px}.wing .bit:last-child:after{content:"";display:inline-block;height:45px;left:-24px;top:5px;width:60px;z-index:1}@-webkit-keyframes hover{0%{-webkit-transform:rotateX(50deg) rotateY(20deg) rotateZ(-50deg) translateZ(0px);transform:rotateX(50deg) rotateY(20deg) rotateZ(-50deg) translateZ(0px)}100%{-webkit-transform:rotateX(50deg) rotateY(20deg) rotateZ(-50deg) translateZ(-3px);transform:rotateX(50deg) rotateY(20deg) rotateZ(-50deg) translateZ(-3px)}}@keyframes hover{0%{-webkit-transform:rotateX(50deg) rotateY(20deg) rotateZ(-50deg) translateZ(0px);transform:rotateX(50deg) rotateY(20deg) rotateZ(-50deg) translateZ(0px)}100%{-webkit-transform:rotateX(50deg) rotateY(20deg) rotateZ(-50deg) translateZ(-3px);transform:rotateX(50deg) rotateY(20deg) rotateZ(-50deg) translateZ(-3px)}}@-webkit-keyframes shadow{0%{-webkit-transform:translateX(-10px) translateY(100px) scale(1,1);transform:translateX(-10px) translateY(100px) scale(1,1)}100%{-webkit-transform:translateX(-10px) translateY(100px) scale(.7,.7);transform:translateX(-10px) translateY(100px) scale(.7,.7)}}@keyframes shadow{0%{-webkit-transform:translateX(-10px) translateY(100px) scale(1,1);transform:translateX(-10px) translateY(100px) scale(1,1)}100%{-webkit-transform:translateX(-10px) translateY(100px) scale(.7,.7);transform:translateX(-10px) translateY(100px) scale(.7,.7)}}@-webkit-keyframes leftflap{0%{-webkit-transform:rotateY(-20deg);transform:rotateY(-20deg)}100%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}}@keyframes leftflap{0%{-webkit-transform:rotateY(-20deg);transform:rotateY(-20deg)}100%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}}@-webkit-keyframes rightflap{0%{-webkit-transform:rotateY(200deg);transform:rotateY(200deg)}100%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}}@keyframes rightflap{0%{-webkit-transform:rotateY(200deg);transform:rotateY(200deg)}100%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}}