/* Шары */

    .particle{position:absolute;top:75px;left:255px;width:1rem;height:1rem;border-radius:100%;background-color:#00acff;background-image:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.3) 75%,rgba(0,0,0,0));box-shadow:inset 0 0 1px 1px rgba(0,0,0,.25);}
    .particle--a{-webkit-animation:particle-a 1.4s infinite linear;-moz-animation:particle-a 1.4s infinite linear;-o-animation:particle-a 1.4s infinite linear;animation:particle-a 1.4s infinite linear;}
    .particle--b{-webkit-animation:particle-b 1.3s infinite linear;-moz-animation:particle-b 1.3s infinite linear;-o-animation:particle-b 1.3s infinite linear;animation:particle-b 1.3s infinite linear;background-color:#dc50ff;}
    .particle--c{-webkit-animation:particle-c 1.5s infinite linear;-moz-animation:particle-c 1.5s infinite linear;-o-animation:particle-c 1.5s infinite linear;animation:particle-c 1.5s infinite linear;background-color:#ffbf03;}
    @-webkit-keyframes particle-a {
      0% {
       -webkit-transform: translate3D(-3rem,-3rem,0);
        z-index: 1;
        -webkit-animation-timing-function: ease-in-out;
      } 25% {
        width: 1.5rem;
        height: 1.5rem;
      }
     
      50% {
        -webkit-transform: translate3D(4rem, 3rem, 0);
        opacity: 1;
        z-index: 1;
        -webkit-animation-timing-function: ease-in-out;
      }
     
      55% {
        z-index: 1;
      }
     
      75% {
        width: .75rem;
        height: .75rem;
        opacity: .5;
      }
     
      100% {
       -webkit-transform: translate3D(-3rem,-3rem,0);
        z-index: 1;
      }
    }

    @-moz-keyframes particle-a {
      0% {
       -moz-transform: translate3D(-3rem,-3rem,0);
        z-index: 1;
        -moz-animation-timing-function: ease-in-out;
      }
     
      25% {
        width: 1.5rem;
        height: 1.5rem;
      }
     
      50% {
        -moz-transform: translate3D(4rem, 3rem, 0);
        opacity: 1;
        z-index: 1;
        -moz-animation-timing-function: ease-in-out;
      }
     
      55% {
        z-index: 1;
      }
     
      75% {
        width: .75rem;
        height: .75rem;
        opacity: .5;
      }
     
      100% {
       -moz-transform: translate3D(-3rem,-3rem,0);
        z-index: 1;
      }
    }

    @-o-keyframes particle-a {
      0% {
       -o-transform: translate3D(-3rem,-3rem,0);
        z-index: 1;
        -o-animation-timing-function: ease-in-out;
      }
     
      25% {
        width: 1.5rem;
        height: 1.5rem;
      }
     
      50% {
        -o-transform: translate3D(4rem, 3rem, 0);
        opacity: 1;
        z-index: 1;
        -o-animation-timing-function: ease-in-out;
      }
     
      55% {
        z-index: 1;
      }
     
      75% {
        width: .75rem;
        height: .75rem;
        opacity: .5;
      }
     
      100% {
       -o-transform: translate3D(-3rem,-3rem,0);
        z-index: 1;
      }
    }

    @keyframes particle-a {
      0% {
       transform: translate3D(-3rem,-3rem,0);
        z-index: 1;
        animation-timing-function: ease-in-out;
      }
     
      25% {
        width: 1.5rem;
        height: 1.5rem;
      }
     
      50% {
        transform: translate3D(4rem, 3rem, 0);
        opacity: 1;
        z-index: 1;
        animation-timing-function: ease-in-out;
      }
     
      55% {
        z-index: 1;
      }
     
      75% {
        width: .75rem;
        height: .75rem;
        opacity: .5;
      }
     
      100% {
       transform: translate3D(-3rem,-3rem,0);
        z-index: 1;
      }
    }

    @-webkit-keyframes particle-b {
      0% {
       -webkit-transform: translate3D(3rem,-3rem,0);
        z-index: 1;
        -webkit-animation-timing-function: ease-in-out;
      }
     
      25% {
        width: 1.5rem;
        height: 1.5rem;
      }
     
      50% {
        -webkit-transform: translate3D(-3rem, 3.5rem, 0);
        opacity: 1;
        z-index: 1;
        -webkit-animation-timing-function: ease-in-out;
      }
     
      55% {
        z-index: 1;
      }
     
      75% {
        width: .5rem;
        height: .5rem;
        opacity: .5;
      }
     
      100% {
       -webkit-transform: translate3D(3rem,-3rem,0);
        z-index: 1;
      }
    }

    @-moz-keyframes particle-b {
      0% {
       -moz-transform: translate3D(3rem,-3rem,0);
        z-index: 1;
        -moz-animation-timing-function: ease-in-out;
      }
     
      25% {
        width: 1.5rem;
        height: 1.5rem;
      }
     
      50% {
        -moz-transform: translate3D(-3rem, 3.5rem, 0);
        opacity: 1;
        z-index: 1;
        -moz-animation-timing-function: ease-in-out;
      }
     
      55% {
        z-index: 1;
      }
     
      75% {
        width: .5rem;
        height: .5rem;
        opacity: .5;
      }
     
      100% {
       -moz-transform: translate3D(3rem,-3rem,0);
        z-index: 1;
      }
    }

    @-o-keyframes particle-b {
      0% {
       -o-transform: translate3D(3rem,-3rem,0);
        z-index: 1;
        -o-animation-timing-function: ease-in-out;
      }
     
      25% {
        width: 1.5rem;
        height: 1.5rem;
      }
     
      50% {
        -o-transform: translate3D(-3rem, 3.5rem, 0);
        opacity: 1;
        z-index: 1;
        -o-animation-timing-function: ease-in-out;
      }
     
      55% {
        z-index: 1;
      }
     
      75% {
        width: .5rem;
        height: .5rem;
        opacity: .5;
      }
     
      100% {
       -o-transform: translate3D(3rem,-3rem,0);
        z-index: 1;
      }
    }

    @keyframes particle-b {
      0% {
       transform: translate3D(3rem,-3rem,0);
        z-index: 1;
        animation-timing-function: ease-in-out;
      }
     
      25% {
        width: 1.5rem;
        height: 1.5rem;
      }
     
      50% {
        transform: translate3D(-3rem, 3.5rem, 0);
        opacity: 1;
        z-index: 1;
        animation-timing-function: ease-in-out;
      }
     
      55% {
        z-index: 1;
      }
     
      75% {
        width: .5rem;
        height: .5rem;
        opacity: .5;
      }
     
      100% {
       transform: translate3D(3rem,-3rem,0);
        z-index: 1;
      }
    }

    @-webkit-keyframes particle-c {
      0% {
       -webkit-transform: translate3D(1rem,-3rem,0);
        z-index: 1;
        -webkit-animation-timing-function: ease-in-out;
      }
     
      25% {
        width: 1.3rem;
        height: 1.3rem;
      }
     
      50% {
        -webkit-transform: translate3D(2rem, 2.5rem, 0);
        opacity: 1;
        z-index: 1;
        -webkit-animation-timing-function: ease-in-out;
      }
     
      55% {
        z-index: 1;
      }
     
      75% {
        width: .5rem;
        height: .5rem;
        opacity: .5;
      }
     
      100% {
       -webkit-transform: translate3D(1rem,-3rem,0);
        z-index: 1;
      }
    }

    @-moz-keyframes particle-c {
      0% {
       -moz-transform: translate3D(1rem,-3rem,0);
        z-index: 1;
        -moz-animation-timing-function: ease-in-out;
      }
     
      25% {
        width: 1.3rem;
        height: 1.3rem;
      }
     
      50% {
        -moz-transform: translate3D(2rem, 2.5rem, 0);
        opacity: 1;
        z-index: 1;
        -moz-animation-timing-function: ease-in-out;
      }
     
      55% {
        z-index: 1;
      }
     
      75% {
        width: .5rem;
        height: .5rem;
        opacity: .5;
      }
     
      100% {
       -moz-transform: translate3D(1rem,-3rem,0);
        z-index: 1;
      }
    }

    @-o-keyframes particle-c {
      0% {
       -o-transform: translate3D(1rem,-3rem,0);
        z-index: 1;
        -o-animation-timing-function: ease-in-out;
      }
     
      25% {
        width: 1.3rem;
        height: 1.3rem;
      }
     
      50% {
        -o-transform: translate3D(2rem, 2.5rem, 0);
        opacity: 1;
        z-index: 1;
        -o-animation-timing-function: ease-in-out;
      }
     
      55% {
        z-index: 1;
      }
     
      75% {
        width: .5rem;
        height: .5rem;
        opacity: .5;
      }
     
      100% {
       -o-transform: translate3D(1rem,-3rem,0);
        z-index: 1;
      }
    }

    @keyframes particle-c {
      0% {
       transform: translate3D(1rem,-3rem,0);
        z-index: 1;
        animation-timing-function: ease-in-out;
      }
     
      25% {
        width: 1.3rem;
        height: 1.3rem;
      }
     
      50% {
        transform: translate3D(2rem, 2.5rem, 0);
        opacity: 1;
        z-index: 1;
        animation-timing-function: ease-in-out;
      }
     
      55% {
        z-index: 1;
      }
     
      75% {
        width: .5rem;
        height: .5rem;
        opacity: .5;
      }
     
      100% {
       transform: translate3D(1rem,-3rem,0);
        z-index: 1;
      }
    }
/*
     */
/*
*/