.post-header{-webkit-perspective:800px;perspective:800px}.principle{background:#e9b59f;width:100%;height:24em;position:relative}.demo-angler,.wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.demo-angler{-webkit-transform:scale(2) rotateY(45deg) rotateZ(-10deg) rotateX(20deg);transform:scale(2) rotateY(45deg) rotateZ(-10deg) rotateX(20deg)}@media (max-width:768px){.principle{height:20em}.principle .wrapper{-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}.demo-angler{-webkit-transform:scale(2) rotateY(45deg) rotateZ(-10deg) rotateX(20deg);transform:scale(2) rotateY(45deg) rotateZ(-10deg) rotateX(20deg)}}@media (max-width:600px){.principle{height:16em}.principle .wrapper{-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}.demo-angler{top:10em;-webkit-transform:scale(1.5) rotateY(45deg) rotateZ(-10deg) rotateX(20deg);transform:scale(1.5) rotateY(45deg) rotateZ(-10deg) rotateX(20deg)}}@media (max-width:420px){.principle{height:10em}.principle .wrapper{-webkit-transform:scale(.4);-ms-transform:scale(.4);transform:scale(.4)}.demo-angler{top:14em;-webkit-transform:scale(.75) rotateY(45deg) rotateZ(-10deg) rotateX(20deg);transform:scale(.75) rotateY(45deg) rotateZ(-10deg) rotateX(20deg)}}.principle-one .shape{-webkit-animation:one 4s infinite ease-out;animation:one 4s infinite ease-out}.principle-one .surface{background:#000;height:10em;width:1em;position:absolute;top:calc(50% - 4em);left:calc(50% + 10em)}@-webkit-keyframes one{0%,15%{opacity:0}15%,25%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(1,-1.92,.95,.89);animation-timing-function:cubic-bezier(1,-1.92,.95,.89);width:4em;height:4em;top:calc(50% - 2em);left:calc(50% - 2em);opacity:1}35%,45%{-webkit-transform:translateX(8em);transform:translateX(8em);height:6em;width:2em;top:calc(50% - 3em);-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:1}100%,70%{-webkit-transform:translateX(8em) translateY(5em);transform:translateX(8em) translateY(5em);height:6em;width:2em;top:calc(50% - 3em);opacity:0}}@keyframes one{0%,15%{opacity:0}15%,25%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(1,-1.92,.95,.89);animation-timing-function:cubic-bezier(1,-1.92,.95,.89);width:4em;height:4em;top:calc(50% - 2em);left:calc(50% - 2em);opacity:1}35%,45%{-webkit-transform:translateX(8em);transform:translateX(8em);height:6em;width:2em;top:calc(50% - 3em);-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:1}100%,70%{-webkit-transform:translateX(8em) translateY(5em);transform:translateX(8em) translateY(5em);height:6em;width:2em;top:calc(50% - 3em);opacity:0}}.principle-two .shape{-webkit-animation:two 5s infinite ease-out;animation:two 5s infinite ease-out;-webkit-transform-origin:50% 7em;-ms-transform-origin:50% 7em;transform-origin:50% 7em}.principle-two .surface{background:#000;width:8em;height:1em;position:absolute;top:calc(50% + 4em);left:calc(50% - 3em)}@-webkit-keyframes two{0%,15%{opacity:0;-webkit-transform:none;transform:none}15%,25%{opacity:1;-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(.5,.05,.91,.47);animation-timing-function:cubic-bezier(.5,.05,.91,.47)}28%,38%{-webkit-transform:translateX(-2em);transform:translateX(-2em)}40%,45%{-webkit-transform:translateX(-4em);transform:translateX(-4em)}50%,52%{-webkit-transform:translateX(-4em) rotateZ(-20deg);transform:translateX(-4em) rotateZ(-20deg)}70%,75%{-webkit-transform:translateX(-4em) rotateZ(-10deg);transform:translateX(-4em) rotateZ(-10deg)}78%{-webkit-transform:translateX(-4em) rotateZ(-24deg);transform:translateX(-4em) rotateZ(-24deg);opacity:1}100%,86%{-webkit-transform:translateX(-6em) translateY(4em) rotateZ(-90deg);transform:translateX(-6em) translateY(4em) rotateZ(-90deg);opacity:0}}@keyframes two{0%,15%{opacity:0;-webkit-transform:none;transform:none}15%,25%{opacity:1;-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(.5,.05,.91,.47);animation-timing-function:cubic-bezier(.5,.05,.91,.47)}28%,38%{-webkit-transform:translateX(-2em);transform:translateX(-2em)}40%,45%{-webkit-transform:translateX(-4em);transform:translateX(-4em)}50%,52%{-webkit-transform:translateX(-4em) rotateZ(-20deg);transform:translateX(-4em) rotateZ(-20deg)}70%,75%{-webkit-transform:translateX(-4em) rotateZ(-10deg);transform:translateX(-4em) rotateZ(-10deg)}78%{-webkit-transform:translateX(-4em) rotateZ(-24deg);transform:translateX(-4em) rotateZ(-24deg);opacity:1}100%,86%{-webkit-transform:translateX(-6em) translateY(4em) rotateZ(-90deg);transform:translateX(-6em) translateY(4em) rotateZ(-90deg);opacity:0}}.principle-three .shape.a{-webkit-transform:translateX(-14em);-ms-transform:translateX(-14em);transform:translateX(-14em)}.principle-three .shape.c{-webkit-transform:translateX(12em);-ms-transform:translateX(12em);transform:translateX(12em)}.principle-three .shape.b{-webkit-animation:three 5s infinite ease-out;animation:three 5s infinite ease-out;-webkit-transform-origin:0 3em;-ms-transform-origin:0 6em;transform-origin:0 3em}.principle-three .shape.a,.principle-three .shape.c{-webkit-animation:threeb 5s infinite linear;animation:threeb 5s infinite linear}@-webkit-keyframes three{0%,10%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(.57,-.5,.43,1.53);animation-timing-function:cubic-bezier(.57,-.5,.43,1.53)}26%,30%{-webkit-transform:rotateZ(-40deg);transform:rotateZ(-40deg)}32.5%{-webkit-transform:rotateZ(-38deg);transform:rotateZ(-38deg)}35%{-webkit-transform:rotateZ(-42deg);transform:rotateZ(-42deg)}37.5%{-webkit-transform:rotateZ(-38deg);transform:rotateZ(-38deg)}40%{-webkit-transform:rotateZ(-40deg);transform:rotateZ(-40deg)}42.5%{-webkit-transform:rotateZ(-38deg);transform:rotateZ(-38deg)}45%{-webkit-transform:rotateZ(-42deg);transform:rotateZ(-42deg)}47.5%{-webkit-transform:rotateZ(-38deg);transform:rotateZ(-38deg);-webkit-animation-timing-function:cubic-bezier(.57,-.5,.43,1.53);animation-timing-function:cubic-bezier(.57,-.5,.43,1.53)}100%,58%{-webkit-transform:none;transform:none}}@keyframes three{0%,10%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(.57,-.5,.43,1.53);animation-timing-function:cubic-bezier(.57,-.5,.43,1.53)}26%,30%{-webkit-transform:rotateZ(-40deg);transform:rotateZ(-40deg)}32.5%{-webkit-transform:rotateZ(-38deg);transform:rotateZ(-38deg)}35%{-webkit-transform:rotateZ(-42deg);transform:rotateZ(-42deg)}37.5%{-webkit-transform:rotateZ(-38deg);transform:rotateZ(-38deg)}40%{-webkit-transform:rotateZ(-40deg);transform:rotateZ(-40deg)}42.5%{-webkit-transform:rotateZ(-38deg);transform:rotateZ(-38deg)}45%{-webkit-transform:rotateZ(-42deg);transform:rotateZ(-42deg)}47.5%{-webkit-transform:rotateZ(-38deg);transform:rotateZ(-38deg);-webkit-animation-timing-function:cubic-bezier(.57,-.5,.43,1.53);animation-timing-function:cubic-bezier(.57,-.5,.43,1.53)}100%,58%{-webkit-transform:none;transform:none}}@-webkit-keyframes threeb{0%,20%{-webkit-filter:none;filter:none}40%,50%{-webkit-filter:blur(5px);filter:blur(5px)}100%,65%{-webkit-filter:none;filter:none}}@keyframes threeb{0%,20%{-webkit-filter:none;filter:none}40%,50%{-webkit-filter:blur(5px);filter:blur(5px)}100%,65%{-webkit-filter:none;filter:none}}.principle-four .shape.a{left:calc(50% - 12em);-webkit-animation:four 6s infinite cubic-bezier(.57,-.5,.43,1.53);animation:four 6s infinite cubic-bezier(.57,-.5,.43,1.53)}.principle-four .shape.b{left:calc(50% + 6em);-webkit-animation:four 6s infinite steps(1);animation:four 6s infinite steps(1)}@-webkit-keyframes four{0%,10%{-webkit-transform:none;transform:none}26%,30%{-webkit-transform:rotateZ(-45deg) scale(1.25);transform:rotateZ(-45deg) scale(1.25)}40%{-webkit-transform:rotateZ(-45deg) translate(2em,-2em) scale(1.8);transform:rotateZ(-45deg) translate(2em,-2em) scale(1.8)}50%,75%{-webkit-transform:rotateZ(-45deg) scale(1.1);transform:rotateZ(-45deg) scale(1.1)}100%,90%{-webkit-transform:none;transform:none}}@keyframes four{0%,10%{-webkit-transform:none;transform:none}26%,30%{-webkit-transform:rotateZ(-45deg) scale(1.25);transform:rotateZ(-45deg) scale(1.25)}40%{-webkit-transform:rotateZ(-45deg) translate(2em,-2em) scale(1.8);transform:rotateZ(-45deg) translate(2em,-2em) scale(1.8)}50%,75%{-webkit-transform:rotateZ(-45deg) scale(1.1);transform:rotateZ(-45deg) scale(1.1)}100%,90%{-webkit-transform:none;transform:none}}.principle-five .shape{-webkit-animation:five 4s infinite cubic-bezier(.64,-.36,.1,1);animation:five 4s infinite cubic-bezier(.64,-.36,.1,1);position:relative;left:auto;top:auto}.principle-five .shape-container{-webkit-animation:five-container 4s infinite cubic-bezier(.64,-.36,.1,2);animation:five-container 4s infinite cubic-bezier(.64,-.36,.1,2);position:absolute;left:calc(50% - 4em);top:calc(50% - 4em)}@-webkit-keyframes five{0%,15%{opacity:0;-webkit-transform:translateX(-12em);transform:translateX(-12em)}15%,25%{-webkit-transform:translateX(-12em);transform:translateX(-12em);opacity:1}85%,90%{-webkit-transform:translateX(12em);transform:translateX(12em);opacity:1}100%{-webkit-transform:translateX(12em);transform:translateX(12em);opacity:0}}@keyframes five{0%,15%{opacity:0;-webkit-transform:translateX(-12em);transform:translateX(-12em)}15%,25%{-webkit-transform:translateX(-12em);transform:translateX(-12em);opacity:1}85%,90%{-webkit-transform:translateX(12em);transform:translateX(12em);opacity:1}100%{-webkit-transform:translateX(12em);transform:translateX(12em);opacity:0}}@-webkit-keyframes five-container{0%,35%{-webkit-transform:none;transform:none}50%,60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}100%,90%{-webkit-transform:none;transform:none}}@keyframes five-container{0%,35%{-webkit-transform:none;transform:none}50%,60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}100%,90%{-webkit-transform:none;transform:none}}.principle-six .shape.a{-webkit-animation:six 3s infinite cubic-bezier(.5,0,.5,1);animation:six 3s infinite cubic-bezier(.5,0,.5,1)}@-webkit-keyframes six{0%,5%{-webkit-transform:translate(-14em);transform:translate(-14em)}45%,55%{-webkit-transform:translate(12em);transform:translate(12em)}100%,95%{-webkit-transform:translate(-14em);transform:translate(-14em)}}@keyframes six{0%,5%{-webkit-transform:translate(-14em);transform:translate(-14em)}45%,55%{-webkit-transform:translate(12em);transform:translate(12em)}100%,95%{-webkit-transform:translate(-14em);transform:translate(-14em)}}.principle-sevena .shape-container{-webkit-animation:move-right 6s infinite cubic-bezier(.37,.55,.49,.67);animation:move-right 6s infinite cubic-bezier(.37,.55,.49,.67);position:absolute;left:calc(50% - 4em);top:calc(50% - 4em)}.principle-sevena .shape{-webkit-animation:bounce 6s infinite linear;animation:bounce 6s infinite linear;border-radius:50%;position:relative;left:auto;top:auto}@-webkit-keyframes move-right{0%{-webkit-transform:translateX(-20em);transform:translateX(-20em);opacity:1}80%{opacity:1}100%,90%{-webkit-transform:translateX(20em);transform:translateX(20em);opacity:0}}@keyframes move-right{0%{-webkit-transform:translateX(-20em);transform:translateX(-20em);opacity:1}80%{opacity:1}100%,90%{-webkit-transform:translateX(20em);transform:translateX(20em);opacity:0}}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(-8em);transform:translateY(-8em);-webkit-animation-timing-function:cubic-bezier(.51,.01,.79,.02);animation-timing-function:cubic-bezier(.51,.01,.79,.02)}15%{-webkit-transform:translateY(8em);transform:translateY(8em);-webkit-animation-timing-function:cubic-bezier(.19,1,.7,1);animation-timing-function:cubic-bezier(.19,1,.7,1)}25%{-webkit-transform:translateY(-4em);transform:translateY(-4em);-webkit-animation-timing-function:cubic-bezier(.51,.01,.79,.02);animation-timing-function:cubic-bezier(.51,.01,.79,.02)}32.5%{-webkit-transform:translateY(8em);transform:translateY(8em);-webkit-animation-timing-function:cubic-bezier(.19,1,.7,1);animation-timing-function:cubic-bezier(.19,1,.7,1)}40%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:cubic-bezier(.51,.01,.79,.02);animation-timing-function:cubic-bezier(.51,.01,.79,.02)}45%{-webkit-transform:translateY(8em);transform:translateY(8em);-webkit-animation-timing-function:cubic-bezier(.19,1,.7,1);animation-timing-function:cubic-bezier(.19,1,.7,1)}50%{-webkit-transform:translateY(3em);transform:translateY(3em);-webkit-animation-timing-function:cubic-bezier(.51,.01,.79,.02);animation-timing-function:cubic-bezier(.51,.01,.79,.02)}56%{-webkit-transform:translateY(8em);transform:translateY(8em);-webkit-animation-timing-function:cubic-bezier(.19,1,.7,1);animation-timing-function:cubic-bezier(.19,1,.7,1)}60%{-webkit-transform:translateY(6em);transform:translateY(6em);-webkit-animation-timing-function:cubic-bezier(.51,.01,.79,.02);animation-timing-function:cubic-bezier(.51,.01,.79,.02)}64%{-webkit-transform:translateY(8em);transform:translateY(8em);-webkit-animation-timing-function:cubic-bezier(.19,1,.7,1);animation-timing-function:cubic-bezier(.19,1,.7,1)}66%{-webkit-transform:translateY(7.5em);transform:translateY(7.5em);-webkit-animation-timing-function:cubic-bezier(.51,.01,.79,.02);animation-timing-function:cubic-bezier(.51,.01,.79,.02)}100%,70%{-webkit-transform:translateY(8em);transform:translateY(8em);-webkit-animation-timing-function:cubic-bezier(.19,1,.7,1);animation-timing-function:cubic-bezier(.19,1,.7,1)}}@keyframes bounce{0%{-webkit-transform:translateY(-8em);transform:translateY(-8em);-webkit-animation-timing-function:cubic-bezier(.51,.01,.79,.02);animation-timing-function:cubic-bezier(.51,.01,.79,.02)}15%{-webkit-transform:translateY(8em);transform:translateY(8em);-webkit-animation-timing-function:cubic-bezier(.19,1,.7,1);animation-timing-function:cubic-bezier(.19,1,.7,1)}25%{-webkit-transform:translateY(-4em);transform:translateY(-4em);-webkit-animation-timing-function:cubic-bezier(.51,.01,.79,.02);animation-timing-function:cubic-bezier(.51,.01,.79,.02)}32.5%{-webkit-transform:translateY(8em);transform:translateY(8em);-webkit-animation-timing-function:cubic-bezier(.19,1,.7,1);animation-timing-function:cubic-bezier(.19,1,.7,1)}40%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:cubic-bezier(.51,.01,.79,.02);animation-timing-function:cubic-bezier(.51,.01,.79,.02)}45%{-webkit-transform:translateY(8em);transform:translateY(8em);-webkit-animation-timing-function:cubic-bezier(.19,1,.7,1);animation-timing-function:cubic-bezier(.19,1,.7,1)}50%{-webkit-transform:translateY(3em);transform:translateY(3em);-webkit-animation-timing-function:cubic-bezier(.51,.01,.79,.02);animation-timing-function:cubic-bezier(.51,.01,.79,.02)}56%{-webkit-transform:translateY(8em);transform:translateY(8em);-webkit-animation-timing-function:cubic-bezier(.19,1,.7,1);animation-timing-function:cubic-bezier(.19,1,.7,1)}60%{-webkit-transform:translateY(6em);transform:translateY(6em);-webkit-animation-timing-function:cubic-bezier(.51,.01,.79,.02);animation-timing-function:cubic-bezier(.51,.01,.79,.02)}64%{-webkit-transform:translateY(8em);transform:translateY(8em);-webkit-animation-timing-function:cubic-bezier(.19,1,.7,1);animation-timing-function:cubic-bezier(.19,1,.7,1)}66%{-webkit-transform:translateY(7.5em);transform:translateY(7.5em);-webkit-animation-timing-function:cubic-bezier(.51,.01,.79,.02);animation-timing-function:cubic-bezier(.51,.01,.79,.02)}100%,70%{-webkit-transform:translateY(8em);transform:translateY(8em);-webkit-animation-timing-function:cubic-bezier(.19,1,.7,1);animation-timing-function:cubic-bezier(.19,1,.7,1)}}.principle-sevenb .shape.a{-webkit-animation:sevenb 3s infinite linear;animation:sevenb 3s infinite linear;top:calc(50% - 2em);left:calc(50% - 10em);-webkit-transform-origin:10em 50%;-ms-transform-origin:10em 50%;transform-origin:10em 50%}.principle-sevenb .shape.b{-webkit-animation:sevenb 6s infinite linear reverse;animation:sevenb 6s infinite linear reverse;background-color:#ff0;width:2em;height:2em;left:calc(50% - 2em);top:calc(50% - 1em)}@-webkit-keyframes sevenb{100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes sevenb{100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}.principle-eight .shape.a{-webkit-transform:translateX(-8em);-ms-transform:translateX(-8em);transform:translateX(-8em);-webkit-animation:eight-shape-a 4s cubic-bezier(.57,-.5,.43,1.53) infinite;animation:eight-shape-a 4s cubic-bezier(.57,-.5,.43,1.53) infinite}.principle-eight .shape.b{top:calc(50% + 6em);opacity:0;left:calc(50% - 3em);-webkit-animation:eight-shape-b 4s linear infinite;animation:eight-shape-b 4s linear infinite}.principle-eight .shape.c{-webkit-transform:translateX(6em);-ms-transform:translateX(6em);transform:translateX(6em);-webkit-animation:eight-shape-c 4s cubic-bezier(.57,-.5,.43,1.53) infinite;animation:eight-shape-c 4s cubic-bezier(.57,-.5,.43,1.53) infinite}@-webkit-keyframes eight-shape-a{0%,50%{-webkit-transform:translateX(-5.5em);transform:translateX(-5.5em)}100%,70%{-webkit-transform:translateX(-12em);transform:translateX(-12em)}}@keyframes eight-shape-a{0%,50%{-webkit-transform:translateX(-5.5em);transform:translateX(-5.5em)}100%,70%{-webkit-transform:translateX(-12em);transform:translateX(-12em)}}@-webkit-keyframes eight-shape-b{0%{-webkit-transform:none;transform:none}20%,30%{-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em);opacity:1;-webkit-animation-timing-function:cubic-bezier(.57,-.5,.43,1.53);animation-timing-function:cubic-bezier(.57,-.5,.43,1.53)}32%{-webkit-transform:translateY(-1.25em);transform:translateY(-1.25em);opacity:1}34%{-webkit-transform:translateY(-1.75em);transform:translateY(-1.75em);opacity:1}36%,38%{-webkit-transform:translateY(-1.25em);transform:translateY(-1.25em);opacity:1}42%,60%{-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em);opacity:1}100%,75%{-webkit-transform:translateY(-8em);transform:translateY(-8em);opacity:1}}@keyframes eight-shape-b{0%{-webkit-transform:none;transform:none}20%,30%{-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em);opacity:1;-webkit-animation-timing-function:cubic-bezier(.57,-.5,.43,1.53);animation-timing-function:cubic-bezier(.57,-.5,.43,1.53)}32%{-webkit-transform:translateY(-1.25em);transform:translateY(-1.25em);opacity:1}34%{-webkit-transform:translateY(-1.75em);transform:translateY(-1.75em);opacity:1}36%,38%{-webkit-transform:translateY(-1.25em);transform:translateY(-1.25em);opacity:1}42%,60%{-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em);opacity:1}100%,75%{-webkit-transform:translateY(-8em);transform:translateY(-8em);opacity:1}}@-webkit-keyframes eight-shape-c{0%,50%{-webkit-transform:translateX(3.5em);transform:translateX(3.5em)}100%,70%{-webkit-transform:translateX(10em);transform:translateX(10em)}}@keyframes eight-shape-c{0%,50%{-webkit-transform:translateX(3.5em);transform:translateX(3.5em)}100%,70%{-webkit-transform:translateX(10em);transform:translateX(10em)}}.principle-nine .shape.a{-webkit-animation:nine 4s infinite cubic-bezier(.93,0,.67,1.21);animation:nine 4s infinite cubic-bezier(.93,0,.67,1.21);left:calc(50% - 14em);-webkit-transform-origin:100% 6em;-ms-transform-origin:100% 6em;transform-origin:100% 6em}.principle-nine .shape.b{-webkit-animation:nine 2s infinite cubic-bezier(1,-.97,.23,1.84);animation:nine 2s infinite cubic-bezier(1,-.97,.23,1.84);left:calc(50% + 2em);-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}@-webkit-keyframes nine{0%,10%{-webkit-transform:translateX(0);transform:translateX(0)}40%,60%{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}100%,90%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes nine{0%,10%{-webkit-transform:translateX(0);transform:translateX(0)}40%,60%{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}100%,90%{-webkit-transform:translateX(0);transform:translateX(0)}}.principle-ten .shape{-webkit-animation:ten 4s infinite linear;animation:ten 4s infinite linear;-webkit-transform-origin:50% 8em;-ms-transform-origin:50% 8em;transform-origin:50% 8em;top:calc(50% - 6em);left:calc(50% - 3em)}@-webkit-keyframes ten{0%,10%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(.87,-1.05,.66,1.31);animation-timing-function:cubic-bezier(.87,-1.05,.66,1.31)}40%{-webkit-transform:rotateZ(-45deg) scale(2);transform:rotateZ(-45deg) scale(2);-webkit-animation-timing-function:cubic-bezier(.16,.54,0,1.38);animation-timing-function:cubic-bezier(.16,.54,0,1.38)}100%,70%{-webkit-transform:rotateZ(360deg) scale(1);transform:rotateZ(360deg) scale(1)}}@keyframes ten{0%,10%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(.87,-1.05,.66,1.31);animation-timing-function:cubic-bezier(.87,-1.05,.66,1.31)}40%{-webkit-transform:rotateZ(-45deg) scale(2);transform:rotateZ(-45deg) scale(2);-webkit-animation-timing-function:cubic-bezier(.16,.54,0,1.38);animation-timing-function:cubic-bezier(.16,.54,0,1.38)}100%,70%{-webkit-transform:rotateZ(360deg) scale(1);transform:rotateZ(360deg) scale(1)}}.principle-eleven .shape{background:0 0;border:none;left:calc(50% - 3em);-webkit-perspective:400px;perspective:400px;-webkit-perspective-origin:center;perspective-origin:center}.principle-eleven .shape .container{-webkit-animation:eleven 4s infinite cubic-bezier(.6,-.44,.37,1.44);animation:eleven 4s infinite cubic-bezier(.6,-.44,.37,1.44);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.principle-eleven .shape span{display:block;position:absolute;opacity:1;width:4em;height:4em;border:1em solid #fff;background:#2d97db}.principle-eleven .shape span.front{-webkit-transform:translateZ(3em);transform:translateZ(3em)}.principle-eleven .shape span.back{-webkit-transform:translateZ(-3em);transform:translateZ(-3em)}.principle-eleven .shape span.left{-webkit-transform:rotateY(-90deg) translateZ(-3em);transform:rotateY(-90deg) translateZ(-3em)}.principle-eleven .shape span.right{-webkit-transform:rotateY(-90deg) translateZ(3em);transform:rotateY(-90deg) translateZ(3em)}.principle-eleven .shape span.top{-webkit-transform:rotateX(-90deg) translateZ(-3em);transform:rotateX(-90deg) translateZ(-3em)}.principle-eleven .shape span.bottom{-webkit-transform:rotateX(-90deg) translateZ(3em);transform:rotateX(-90deg) translateZ(3em)}@-webkit-keyframes eleven{0%{opacity:0}10%,40%{-webkit-transform:none;transform:none;opacity:1}60%,75%{-webkit-transform:rotateX(-20deg) rotateY(-45deg) translateY(4em);transform:rotateX(-20deg) rotateY(-45deg) translateY(4em);-webkit-animation-timing-function:cubic-bezier(1,-.05,.43,-.16);animation-timing-function:cubic-bezier(1,-.05,.43,-.16);opacity:1}100%{-webkit-transform:translateZ(-180em) translateX(20em);transform:translateZ(-180em) translateX(20em);opacity:0}}@keyframes eleven{0%{opacity:0}10%,40%{-webkit-transform:none;transform:none;opacity:1}60%,75%{-webkit-transform:rotateX(-20deg) rotateY(-45deg) translateY(4em);transform:rotateX(-20deg) rotateY(-45deg) translateY(4em);-webkit-animation-timing-function:cubic-bezier(1,-.05,.43,-.16);animation-timing-function:cubic-bezier(1,-.05,.43,-.16);opacity:1}100%{-webkit-transform:translateZ(-180em) translateX(20em);transform:translateZ(-180em) translateX(20em);opacity:0}}.principle-twelve .shape{background:0 0;border:none;-webkit-perspective:400px;perspective:400px;-webkit-perspective-origin:center;perspective-origin:center}.principle-twelve .shape .container{-webkit-animation:show-container 8s infinite cubic-bezier(.6,-.44,.37,1.44);animation:show-container 8s infinite cubic-bezier(.6,-.44,.37,1.44);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:4em;height:4em;border:1em solid #fff;background:#2d97db;position:relative}.principle-twelve .item{background-color:#1f7bb6;position:absolute}.principle-twelve .item.one{-webkit-animation:show-text 8s .1s infinite ease-out;animation:show-text 8s .1s infinite ease-out;height:6%;width:30%;top:15%;left:25%}.principle-twelve .item.two{-webkit-animation:show-text 8s .2s infinite ease-out;animation:show-text 8s .2s infinite ease-out;height:6%;width:20%;top:30%;left:25%}.principle-twelve .item.three{-webkit-animation:show-text 8s .3s infinite ease-out;animation:show-text 8s .3s infinite ease-out;height:6%;width:50%;top:45%;left:25%}.principle-twelve .item.four{-webkit-animation:show-button 8s infinite cubic-bezier(.64,-.36,.1,1.43);animation:show-button 8s infinite cubic-bezier(.64,-.36,.1,1.43);height:20%;width:40%;top:65%;left:30%}@-webkit-keyframes show-container{0%{opacity:0;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}10%{opacity:1;-webkit-transform:none;transform:none;width:4em;height:4em}15%,90%{width:12em;height:12em;-webkit-transform:translate(-4em,-4em);transform:translate(-4em,-4em);opacity:1}100%{opacity:0;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);width:4em;height:4em}}@keyframes show-container{0%{opacity:0;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}10%{opacity:1;-webkit-transform:none;transform:none;width:4em;height:4em}15%,90%{width:12em;height:12em;-webkit-transform:translate(-4em,-4em);transform:translate(-4em,-4em);opacity:1}100%{opacity:0;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);width:4em;height:4em}}@-webkit-keyframes show-text{0%,15%{-webkit-transform:translateY(1em);transform:translateY(1em);opacity:0}20%,85%{opacity:1;-webkit-transform:none;transform:none}100%,88%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em);-webkit-animation-timing-function:cubic-bezier(.64,-.36,.1,1.43);animation-timing-function:cubic-bezier(.64,-.36,.1,1.43)}}@keyframes show-text{0%,15%{-webkit-transform:translateY(1em);transform:translateY(1em);opacity:0}20%,85%{opacity:1;-webkit-transform:none;transform:none}100%,88%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em);-webkit-animation-timing-function:cubic-bezier(.64,-.36,.1,1.43);animation-timing-function:cubic-bezier(.64,-.36,.1,1.43)}}@-webkit-keyframes show-button{0%,25%{-webkit-transform:scale(0);transform:scale(0);opacity:0}35%,80%{-webkit-transform:none;transform:none;opacity:1}100%,90%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes show-button{0%,25%{-webkit-transform:scale(0);transform:scale(0);opacity:0}35%,80%{-webkit-transform:none;transform:none;opacity:1}100%,90%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}