/*

    F L Y I N G   P E O P L E

*/
#flying-people-outer-box {z-index: 100; }
.pricing-box {z-index: 200; position: relative; }

#scroll-points {z-index: 100000; position: absolute; left: 0; top: 0; width: 100%; height: 0; }
.scroll-point {position: absolute; width: 100%; height: 1px; background: red; border-bottom: 1px solid white; font-size: 10px; text-align: right; }
#analytics-events {z-index: 101000; position: fixed; left: 0; bottom: 0; }
#analytics-events div {display: block; margin: 5px; padding: 4px 8px; border-radius: 20px; background: #302b31; color: #fffceb; }

.ff {width: 100%; height: 100%; }
/*
.cross::before {z-index: 20000; content: ''; position: absolute; display: block; left: -1px; top: -10px; width: 2px; height: 20px; background: white; opacity: .5; }
.cross::after {z-index: 21000; content: ''; position: absolute; display: block; left: -10px; top: -1px; width: 20px; height: 2px; background: white; opacity: .5; }
*/


#cloud0 {left: 47.4836%; top: 9.628%; width: 34.7921%; opacity: 0; transition: opacity .75s 1s; }
#cloud1 {left: 20.3501%; top: 41.5755%; width: 33.9168%; opacity: 0; transition: opacity .75s .67s; }
#cloud2 {left: 57.9869%; top: 82.4945%; width: 34.1357%; opacity: 0; transition: opacity .75s; }
.run #cloud0 {opacity: 1; animation: cloud0 35s infinite linear 1s; }
.run #cloud1 {opacity: 1; animation: cloud1 20s infinite linear .67s; }
.run #cloud2 {opacity: 1; animation: cloud2 10s infinite linear; }

@keyframes cloud0 {
    0% {transform: translateX(0); }
    62.65% {transform: translateX(-213%); animation-timing-function: step-start; }
    62.7% {transform: translateX(127%); }
    100% {transform: translateX(0); }
}

@keyframes cloud1 {
    0% {transform: translateX(0); }
    40.5% {transform: translateX(-162%); animation-timing-function: step-start; }
    40.6% {transform: translateX(238%); }
    100% {transform: translateX(0); }
}

@keyframes cloud2 {
    0% {transform: translateX(0); }
    72.7% {transform: translateX(-235%); animation-timing-function: step-start; }
    72.8% {transform: translateX(88%); }
    100% {transform: translateX(0); }
}

/* person 0 */
#fp-person0 {left: 24.7756%; top: 38.6139%; width: 100%; }
#fp-torso0 {left: 0%; top: 0%; width: 100%; }
#fp-le-sin0 {left: 1.0772%; top: 1.5842%; width: 100%; }
#fp-femur-sin-img0 {left: -3.5907%; top: -4.1584%; width: 7.3609%; }
#fp-leg-sin0 {left: 0.5386%; top: 15.6436%; width: 100%; }
#fp-leg-sin-img0 {left: -17.4147%; top: -2.9703%; width: 20.1077%; }
#fp-le-dx0 {left: -1.9749%; top: 1.9802%; width: 100%; }
#fp-femur-dx-img0 {left: -6.4632%; top: -4.3564%; width: 12.3878%; }
#fp-leg-dx0 {left: -4.4883%; top: 15.0495%; width: 100%; }
#fp-leg-dx-img0 {left: -13.6445%; top: -5.7426%; width: 15.4399%; }
#fp-torso-img0 {left: -8.7971%; top: -16.2376%; width: 14.5422%; }
#fp-ue-sin0 {left: -1.4363%; top: -14.6535%; width: 100%; }
#fp-arm-sin-img0 {left: -1.2567%; top: -6.7327%; width: 7.8995%; }
#fp-forearm-sin0 {left: 5.386%; top: -5.3465%; width: 100%; }
#fp-forearm-sin-img0 {left: -1.2567%; top: -13.4653%; width: 9.3357%; }
#fp-ue-dx0 {left: -7.8995%; top: -10.6931%; width: 100%; }
#fp-arm-dx-img0 {left: -6.2837%; top: -1.5842%; width: 7.5404%; }
#fp-forearm-dx0 {left: -5.2065%; top: 5.1485%; width: 100%; }
#fp-forearm-dx-img0 {left: -12.0287%; top: -1.3861%; width: 13.1059%; }
#fp-head0 {left: -5.7451%; top: -14.8515%; width: 100%; }
#fp-head-img0 {left: -6.2837%; top: -9.901%; width: 7.3609%; }
/* person 1 */
#fp-person1 {left: 50.6284%; top: 57.2277%; width: 100%; }
#fp-torso-img1 {left: -5.5655%; top: -13.4653%; width: 9.5153%; }
#fp-head1 {left: -1.0772%; top: -12.4752%; width: 100%; }
#fp-head-img1 {left: -14.7217%; top: -22.7723%; width: 17.0557%; }
#fp-le-sin1 {left: 0%; top: 3.1683%; width: 100%; }
#fp-femur-sin-img1 {left: -2.1544%; top: -2.5743%; width: 11.1311%; }
#fp-leg-sin1 {left: 6.4632%; top: 14.4554%; width: 100%; }
#fp-le-dx1 {left: -2.693%; top: 3.7624%; width: 100%; }
#fp-ue-dx1 {left: -4.6679%; top: -9.901%; width: 100%; }
#fp-ue-sin1 {left: 1.2567%; top: -10.495%; width: 100%; }
#fp-leg-sin-img1 {left: -9.6948%; top: -2.3762%; width: 12.2083%; }
#fp-femur-dx-img1 {left: -3.5907%; top: -4.7525%; width: 8.4381%; }
#fp-leg-dx-img1 {left: -15.2603%; top: -2.5743%; width: 17.7738%; }
#fp-leg-dx1 {left: 0%; top: 14.8515%; width: 100%; }
#fp-arm-sin-img1 {left: -2.5135%; top: -11.8812%; width: 8.2585%; }
#fp-forearm-sin1 {left: 4.3088%; top: -10.297%; width: 100%; }
#fp-forearm-sin-img1 {left: -1.4363%; top: -13.0693%; width: 4.6679%; }
#fp-arm-dx-img1 {left: -6.2837%; top: -2.1782%; width: 7.7199%; }
#fp-forearm-dx1 {left: -5.0269%; top: 8.3168%; width: 100%; }
#fp-forearm-dx-img1 {left: -8.2585%; top: -1.5842%; width: 9.6948%; }
/* person 2 */
#fp-person2 {left: 73.07%; top: 31.2871%; width: 100%; }
#fp-torso-img2 {left: -3.2316%; top: -12.6733%; width: 8.7971%; }
#fp-skirt2 {left: 0%; top: 0%; width: 100%; }
#fp-skirt-img2 {left: -7.1813%; top: -1.3861%; width: 17.5943%; }
#fp-le-sin2 {left: 2.5135%; top: 3.9604%; width: 100%; }
#fp-le-dx2 {left: -0.1795%; top: 3.7624%; width: 100%; }
#fp-ue-dx2 {left: -1.4363%; top: -10.297%; width: 100%; }
#fp-head2 {left: 1.0772%; top: -11.6832%; width: 100%; }
#fp-head-img2 {left: -1.9749%; top: -13.0693%; width: 28.1867%; }
#fp-ue-sin2 {left: 4.6679%; top: -9.3069%; width: 100%; }
#fp-arm-sin-img2 {left: -1.7953%; top: -5.1485%; width: 10.4129%; }
#fp-forearm-sin2 {left: 7.3609%; top: -3.7624%; width: 100%; }
#fp-forearm-sin-img2 {left: -1.2567%; top: -7.7228%; width: 10.0539%; }
#fp-arm-dx-img2 {left: -4.8474%; top: -10.297%; width: 7.0018%; }
#fp-forearm-dx2 {left: -3.4111%; top: -8.7129%; width: 100%; }
#fp-forearm-dx-img2 {left: -2.8725%; top: -12.2772%; width: 4.1293%; }
#fp-femur-sin-img2 {left: -4.8474%; top: -2.9703%; width: 8.4381%; }
#fp-leg-sin2 {left: -2.1544%; top: 13.0693%; width: 100%; }
#fp-leg-sin-img2 {left: -2.693%; top: -5.3465%; width: 17.4147%; }
#fp-femur-dx-img2 {left: -7.0018%; top: -2.1782%; width: 10.772%; }
#fp-leg-dx2 {left: -4.6679%; top: 11.4851%; width: 100%; }
#fp-leg-dx-img2 {left: -2.5135%; top: -2.5743%; width: 11.1311%; }

/*
.fp-person, .fp-torso, .fp-head, .fp-skirt,
.fp-le-dx, .fp-le-sin, .fp-leg-dx, .fp-leg-sin,
.fp-ue-sin, .fp-forearm-sin, .fp-ue-dx, .fp-forearm-dx
{transform-origin: left top; }
*/

.fp-person, .fp-person div, .fp-person img
{transform-origin: left top; }

.fp-person {opacity: 0; }
.fp-person.fly {opacity: 1; }

/*
.fp-person, .fp-torso, .fp-head, .fp-skirt,
.fp-le-dx, .fp-le-sin, .fp-leg-dx, .fp-leg-sin,
.fp-ue-sin, .fp-forearm-sin, .fp-ue-dx, .fp-forearm-dx
{transition: .4s cubic-bezier(.85, 0, .94, .37); }
*/
.fp-person, .fp-person div, .fp-person img
{transition: .4s cubic-bezier(.85, 0, .94, .37); }
/*
.fp-person.fly, .fly .fp-torso, .fly .fp-head, .fly .fp-skirt,
.fly .fp-le-dx, .fly .fp-le-sin, .fly .fp-leg-dx, .fly .fp-leg-sin,
.fly .fp-ue-sin, .fly .fp-forearm-sin, .fly .fp-ue-dx, .fly .fp-forearm-dx
{transition: 4.5s cubic-bezier(0, 1, 0, 1); }
*/
.fp-person.fly, .fp-person.fly div, .fp-person.fly img
{transition: 3.5s cubic-bezier(0, 1, 0, 1); }
/*
#fp-person0.fly, #fp-person0.fly div, #fp-person0.fly img
{transition-duration: 3.77s; }

#fp-person1.fly, #fp-person1.fly div, #fp-person1.fly img
{transition-duration: 3.51s; }
*/

.fp-person {transform: translate3d(0,380px,0) rotate(-.1deg); }
.fp-torso {transform: rotate(15deg); }
.fp-head {transform: rotate(5deg); }
.fp-le-sin {transform: rotate(-45deg); }
.fp-leg-sin {transform: rotate(-75deg); }
.fp-le-dx {transform: rotate(-30deg); }
.fp-leg-dx {transform: rotate(-55deg); }

.fp-ue-sin {transform: rotate(-25deg); }
.fp-forearm-sin {transform: rotate(-60deg); }
.fp-ue-dx {transform: rotate(20deg); }
.fp-forearm-dx {transform: rotate(55deg); }

.fp-person.fly, .fp-person.fly * {transform: rotate(-.1deg); }
.fp-person.fly .fp-head {transform: rotate(-5deg); }

#fp-torso2 {transform: rotate(-15deg); }
#fp-head2 {transform: rotate(-5deg); }
#fp-skirt2 {transform: rotate(100deg); }
#fp-le-sin2 {transform: rotate(45deg); }
#fp-leg-sin2 {transform: rotate(75deg); }
#fp-le-dx2 {transform: rotate(30deg); }
#fp-leg-dx2 {transform: rotate(55deg); }

#fp-ue-sin2 {transform: rotate(-25deg); }
#fp-forearm-sin2 {transform: rotate(-60deg); }
#fp-ue-dx2 {transform: rotate(20deg); }
#fp-forearm-dx2 {transform: rotate(55deg); }

.fp-person.fly, .fp-person.fly * {transform: rotate(-.1deg) !important; }
#fp-person2.fly .fp-head {transform: rotate(5deg); }


/*
help
.fp-person, .fp-person * {transition: none !important; transform: none !important; opacity: 1; }
*/


/*

    R U N N I N G   W O M A N

*/
.bg-planes {position: absolute; left: 0; bottom: 100%; width: 100%; height: 230px; overflow: hidden; transform-origin: center bottom; }
.bg0 {position: absolute; left: 0; bottom: 0; width: 3320px; height: 163px; background: url(anim/running-woman/bg0.png) repeat-x; animation: bg0 10s infinite linear; }
.bg1 {position: absolute; left: 0; bottom: 0; width: 3380px; height: 220px; background: url(anim/running-woman/bg1.png) repeat-x; animation: bg12 20s infinite linear; filter: blur(2px); }
.bg2 {position: absolute; left: 0; bottom: 0; width: 3380px; height: 223px; background: url(anim/running-woman/bg2.png) repeat-x; animation: bg12 25s infinite linear; filter: blur(4px); }
.rtl-lang .bg0, .rtl-lang .bg1, .rtl-lang .bg2 {animation-direction: reverse; }
.rtl-lang .bg0 {transform: translate3d(-830px,0,0); }
.rtl-lang .bg1, .rtl-lang .bg2 {transform: translate3d(-845px,0,0); }
header .bg0, header .bg1, header .bg2 {animation-play-state: paused; opacity: 0; }
header.run .bg0, header.run .bg1, header.run .bg2 {animation-play-state: running; opacity: 1; transition: opacity .7s ease-out; }
/*
#running-woman-box {position: absolute; width: 175px; height: 284px; transform-origin: bottom center; transform: translate3d(-50%,-100%,0); overflow: hidden; }
*/
#running-woman-box {position: absolute; width: 205px; height: 284px; transform-origin: bottom center; transform: translate3d(-50%,-100%,0); /*overflow: hidden;*/ }
#running-woman-box img {position: absolute; transform: translate3d(0,0,0); }

@keyframes bg0 {
  0% {transform: translate3d(0,0,0); }
  100% {transform: translate3d(-830px,0,0); }
}

@keyframes bg12 {
  0% {transform: translate3d(0,0,0); }
  100% {transform: translate3d(-845px,0,0); }
}


/*

    W O M A N   A T   D E S K

*/
.wd-star {opacity: 0; transform-origin: center !important; }
#woman-at-the-desk div, #woman-at-the-desk img {transform-origin: left top; }
#woman-at-the-desk #wd-nb-lid-img {transform-origin: right bottom; transform: skewX(-80deg) scaleY(.2); }
#wd-desk {transform: translateX(-15%); opacity: 0; }
#wd-person {transform: translateX(15%); opacity: 0; }
.run #wd-desk, .run #wd-person {opacity: 1; transform: none; transition: .8s cubic-bezier(.05, .61, .05, 1); }
#woman-at-the-desk.run #wd-nb-lid-img {transform: none; transition: .8s cubic-bezier(.05, .61, .05, 1); }

#wd-bg {left: 0%; top: 0%; width: 100%; }
#wd-person {left: 0%; top: 0%; width: 100%; }
#wd-star0 {left: 41.4687%; top: 17.8922%; width: 3.2397%; }
#wd-star1 {left: 9.9352%; top: 32.3529%; width: 2.1598%; }
#wd-star2 {left: 85.3132%; top: 57.8431%; width: 2.1598%; }
#wd-star3 {left: 19.6544%; top: 62.7451%; width: 3.2397%; }
#wd-desk {left: 10.5832%; top: 50.4902%; width: 100%; }
#wd-desk-img {left: -0.216%; top: -11.7647%; width: 56.1555%; }
#wd-nb-lid-img {left: 12.959%; top: -17.402%; width: 23.1102%; }

#wd-person {left: 63.067%; top: 69.6078%; width: 100%; }
#wd-chair-leg-dx-img {left: -27.4298%; top: -37.0098%; width: 44.4924%; }

#wd-torso-outer {left: 2.8078%; top: -18.3824%; width: 100%; }
#wd-head {left: -2.8078%; top: -23.0392%; width: 100%; }
#wd-head-img {left: -9.7192%; top: -15.1961%; width: 21.8143%; }
#wd-torso-img {left: -7.9914%; top: -23.2889%; width: 13.8229%; }
#wd-ue-dx {left: -5.6156%; top: -18.1373%; width: 100%; }
#wd-arm-dx {left: 0%; top: 0%; width: 100%; }
#wd-arm-dx-img {left: -5.3996%; top: -3.1863%; width: 8.2073%; }
#wd-forearm-dx {left: -3.6717%; top: 13.9706%; width: 100%; }
#wd-forearm-dx-img {left: -15.3348%; top: -1.9608%; width: 17.0626%; }
#wd-ue-sin {left: 1.7279%; top: -18.6275%; width: 100%; }
#wd-arm-sin {left: 0%; top: 0%; width: 100%; }
#wd-arm-sin-img {left: -5.6156%; top: -3.1863%; width: 8.2073%; }
#wd-forearm-sin {left: -3.8877%; top: 14.4608%; width: 100%; }
#wd-forearm-sin-img {left: -15.3348%; top: -1.9608%; width: 17.0626%; }
#wd-le-sin {left: 2.8078%; top: -12.2549%; width: 100%; }
#wd-femur-sin-img {left: -20.5184%; top: -8.5784%; width: 27.2138%; }
#wd-tibia-sin {left: -17.4946%; top: 7.1078%; width: 100%; }
#wd-foot-sin {left: 10.1512%; top: 31.6176%; width: 100%; }
#wd-tibia-sin-img {left: -3.2397%; top: -3.4314%; width: 15.3348%; }
#wd-foot-sin-img {left: -8.4233%; top: -0.4902%; width: 11.2311%; }


.run #wd-torso-outer, .run #wd-head {animation: torso-wave 4s alternate infinite; }
/*
.run #wd-le-sin {transform: rotate(5deg); }
.run #wd-tibia-sin {transform: rotate(10deg); }
.run #wd-foot-sin {transform: rotate(-13deg); }
*/

@keyframes torso-wave {
    0% {transform: rotate(0); }
    30% {transform: rotate(1deg); }
    45% {transform: rotate(-1deg); }
    80% {transform: rotate(.7deg); }
    100% {transform: rotate(-.5deg); }
}

.run #wd-le-sin {animation: le-change 10s forwards infinite ease-in-out 1s; }
.run #wd-tibia-sin {animation: tibia-change 10s forwards infinite ease-in-out 1s; }
.run #wd-foot-sin {animation: foot-change 10s forwards infinite ease-in-out 1s; }

@keyframes le-change {
    0% {transform: none; }
    5% {transform: rotate(7deg); }
    10% {transform: rotate(5deg); }
    70% {transform: rotate(5deg); }
    75% {transform: rotate(7deg); }
    80% {transform: none; }
    100% {transform: none; }
}

@keyframes tibia-change {
    0% {transform: none; }
    10% {transform: rotate(10deg); }
    70% {transform: rotate(10deg); }
    80% {transform: none; }
    100% {transform: none; }
}

@keyframes foot-change {
    0% {transform: none; }
    2.5% {transform: rotate(-5deg); }
    7.5% {transform: rotate(10deg); }
    10% {transform: rotate(-13deg); }
    15% {transform: rotate(10deg); }
    20% {transform: rotate(-13deg); }
    25% {transform: rotate(10deg); }
    30% {transform: rotate(-13deg); }
    35% {transform: rotate(10deg); }
    40% {transform: rotate(-13deg); }
    45% {transform: rotate(10deg); }
    50% {transform: rotate(-13deg); }
    70% {transform: rotate(-13deg); }
    72.5% {transform: rotate(10deg); }
    77.5% {transform: rotate(-5deg); }
    80% {transform: none; }
    100% {transform: none; }
}

.run #wd-arm-dx {animation: arm-write 2s alternate infinite ease-in-out; }
.run #wd-arm-sin {animation: arm-write 2s alternate-reverse infinite ease-in-out; }
.run #wd-forearm-dx {animation: forearm-write 2s alternate infinite ease-in-out; }
.run #wd-forearm-sin {animation: forearm-write 2s alternate-reverse infinite ease-in-out; }

@keyframes arm-write {
    0% {transform: rotate(0); }
    10% {transform: rotate(-5deg); }
    15% {transform: rotate(-3deg); }
    25% {transform: rotate(-6deg); }
    35% {transform: rotate(2deg); }
    50% {transform: rotate(-2deg); }
    70% {transform: rotate(4deg); }
    75% {transform: rotate(2deg); }
    85% {transform: rotate(3deg); }
    90% {transform: rotate(-4deg); }
    100% {transform: rotate(-2deg); }
}

@keyframes forearm-write {
    0% {transform: rotate(0); }
    10% {transform: rotate(5deg); }
    15% {transform: rotate(3deg); }
    25% {transform: rotate(6deg); }
    35% {transform: rotate(-2deg); }
    50% {transform: rotate(2deg); }
    70% {transform: rotate(-4deg); }
    75% {transform: rotate(-2deg); }
    85% {transform: rotate(-3deg); }
    90% {transform: rotate(4deg); }
    100% {transform: rotate(2deg); }
}

.run #wd-star0 {animation: wd-star 3.2s forwards infinite ease-in-out; }
.run #wd-star1 {animation: wd-star 4.4s forwards infinite ease-in-out .3s; }
.run #wd-star2 {animation: wd-star 3.7s forwards infinite ease-in-out .8s; }
.run #wd-star3 {animation: wd-star 2.9s forwards infinite ease-in-out .6s; }

@keyframes wd-star {
    0% {transform: scale(.1); }
    6% {transform: scale(1.5); opacity: 1; }
    30% {transform: scale(1); opacity: 1; }
    100% {transform: scale(1); opacity: 0; }
}