.animated-header{
                                                    animation: animationFrames2 linear 1s;
                                                    animation-iteration-count: 1;
                                                    transform-origin: 50% 50%;
                                                    -webkit-animation: animationFrames2 linear 1s;
                                                    -webkit-animation-iteration-count: 1;
                                                    -webkit-transform-origin: 50% 50%;
                                                    -moz-animation: animationFrames2 linear 1s;
                                                    -moz-animation-iteration-count: 1;
                                                    -moz-transform-origin: 50% 50%;
                                                    -o-animation: animationFrames2 linear 1s;
                                                    -o-animation-iteration-count: 1;
                                                    -o-transform-origin: 50% 50%;
                                                    -ms-animation: animationFrames2 linear 1s;
                                                    -ms-animation-iteration-count: 1;
                                                    -ms-transform-origin: 50% 50%;
                                                  }

                                                  @keyframes animationFrames2{
                                                    0% {
                                                      transform:  translate(0px,0px)  rotate(0deg) ;
                                                    }
                                                    12% {
                                                      transform:  translate(-20px,-1px)  rotate(-3deg) ;
                                                    }
                                                    27% {
                                                      transform:  translate(25px,2px)  rotate(5deg) ;
                                                    }
                                                    41% {
                                                      transform:  translate(-10px,2px)  rotate(-2deg) ;
                                                    }
                                                    58% {
                                                      transform:  translate(15px,2px)  rotate(3deg) ;
                                                    }
                                                    78% {
                                                      transform:  translate(-3px,4px)  rotate(12deg) ;
                                                    }
                                                    100% {
                                                      transform:  translate(0px,4px)  rotate(0deg) ;
                                                    }
                                                  }

                                                  @-moz-keyframes animationFrames2{
                                                    0% {
                                                      -moz-transform:  translate(0px,0px)  rotate(0deg) ;
                                                    }
                                                    12% {
                                                      -moz-transform:  translate(-20px,-1px)  rotate(-3deg) ;
                                                    }
                                                    27% {
                                                      -moz-transform:  translate(25px,2px)  rotate(5deg) ;
                                                    }
                                                    41% {
                                                      -moz-transform:  translate(-10px,2px)  rotate(-2deg) ;
                                                    }
                                                    58% {
                                                      -moz-transform:  translate(15px,2px)  rotate(3deg) ;
                                                    }
                                                    78% {
                                                      -moz-transform:  translate(-3px,4px)  rotate(12deg) ;
                                                    }
                                                    100% {
                                                      -moz-transform:  translate(0px,4px)  rotate(0deg) ;
                                                    }
                                                  }

                                                  @-webkit-keyframes animationFrames2 {
                                                    0% {
                                                      -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
                                                    }
                                                    12% {
                                                      -webkit-transform:  translate(-20px,-1px)  rotate(-3deg) ;
                                                    }
                                                    27% {
                                                      -webkit-transform:  translate(25px,2px)  rotate(5deg) ;
                                                    }
                                                    41% {
                                                      -webkit-transform:  translate(-10px,2px)  rotate(-2deg) ;
                                                    }
                                                    58% {
                                                      -webkit-transform:  translate(15px,2px)  rotate(3deg) ;
                                                    }
                                                    78% {
                                                      -webkit-transform:  translate(-3px,4px)  rotate(12deg) ;
                                                    }
                                                    100% {
                                                      -webkit-transform:  translate(0px,4px)  rotate(0deg) ;
                                                    }
                                                  }

                                                  @-o-keyframes animationFrames2 {
                                                    0% {
                                                      -o-transform:  translate(0px,0px)  rotate(0deg) ;
                                                    }
                                                    12% {
                                                      -o-transform:  translate(-20px,-1px)  rotate(-3deg) ;
                                                    }
                                                    27% {
                                                      -o-transform:  translate(25px,2px)  rotate(5deg) ;
                                                    }
                                                    41% {
                                                      -o-transform:  translate(-10px,2px)  rotate(-2deg) ;
                                                    }
                                                    58% {
                                                      -o-transform:  translate(15px,2px)  rotate(3deg) ;
                                                    }
                                                    78% {
                                                      -o-transform:  translate(-3px,4px)  rotate(12deg) ;
                                                    }
                                                    100% {
                                                      -o-transform:  translate(0px,4px)  rotate(0deg) ;
                                                    }
                                                  }

                                                  @-ms-keyframes animationFrames2 {
                                                    0% {
                                                      -ms-transform:  translate(0px,0px)  rotate(0deg) ;
                                                    }
                                                    12% {
                                                      -ms-transform:  translate(-20px,-1px)  rotate(-3deg) ;
                                                    }
                                                    27% {
                                                      -ms-transform:  translate(25px,2px)  rotate(5deg) ;
                                                    }
                                                    41% {
                                                      -ms-transform:  translate(-10px,2px)  rotate(-2deg) ;
                                                    }
                                                    58% {
                                                      -ms-transform:  translate(15px,2px)  rotate(3deg) ;
                                                    }
                                                    78% {
                                                      -ms-transform:  translate(-3px,4px)  rotate(12deg) ;
                                                    }
                                                    100% {
                                                      -ms-transform:  translate(0px,4px)  rotate(0deg) ;
                                                    }
                                                  }






                                                  .animated-service-header{
                                                    animation: animationFrames3 ease-out 1s;
                                                    animation-iteration-count: 1;
                                                    transform-origin: 50% 50%;
                                                    -webkit-animation: animationFrames3 ease-out 1s;
                                                    -webkit-animation-iteration-count: 1;
                                                    -webkit-transform-origin: 50% 50%;
                                                    -moz-animation: animationFrames3 ease-out 1s;
                                                    -moz-animation-iteration-count: 1;
                                                    -moz-transform-origin: 50% 50%;
                                                    -o-animation: animationFrames3 ease-out 1s;
                                                    -o-animation-iteration-count: 1;
                                                    -o-transform-origin: 50% 50%;
                                                    -ms-animation: animationFrames3 ease-out 1s;
                                                    -ms-animation-iteration-count: 1;
                                                    -ms-transform-origin: 50% 50%;
                                                  }

                                                  @keyframes animationFrames3{
                                                    0% {
                                                      transform:  scaleX(0.01) ;
                                                    }
                                                    35% {
                                                      transform:  scaleX(1.00) ;
                                                    }
                                                    57% {
                                                      transform:  scaleX(0.40) ;
                                                    }
                                                    75% {
                                                      transform:  scaleX(1.00) ;
                                                    }
                                                    88% {
                                                      transform:  scaleX(0.60) ;
                                                    }
                                                    100% {
                                                      transform:  scaleX(1.00) ;
                                                    }
                                                  }

                                                  @-moz-keyframes animationFrames3{
                                                    0% {
                                                      -moz-transform:  scaleX(0.01) ;
                                                    }
                                                    35% {
                                                      -moz-transform:  scaleX(1.00) ;
                                                    }
                                                    57% {
                                                      -moz-transform:  scaleX(0.40) ;
                                                    }
                                                    75% {
                                                      -moz-transform:  scaleX(1.00) ;
                                                    }
                                                    88% {
                                                      -moz-transform:  scaleX(0.60) ;
                                                    }
                                                    100% {
                                                      -moz-transform:  scaleX(1.00) ;
                                                    }
                                                  }

                                                  @-webkit-keyframes animationFrames3 {
                                                    0% {
                                                      -webkit-transform:  scaleX(0.01) ;
                                                    }
                                                    35% {
                                                      -webkit-transform:  scaleX(1.00) ;
                                                    }
                                                    57% {
                                                      -webkit-transform:  scaleX(0.40) ;
                                                    }
                                                    75% {
                                                      -webkit-transform:  scaleX(1.00) ;
                                                    }
                                                    88% {
                                                      -webkit-transform:  scaleX(0.60) ;
                                                    }
                                                    100% {
                                                      -webkit-transform:  scaleX(1.00) ;
                                                    }
                                                  }

                                                  @-o-keyframes animationFrames3 {
                                                    0% {
                                                      -o-transform:  scaleX(0.01) ;
                                                    }
                                                    35% {
                                                      -o-transform:  scaleX(1.00) ;
                                                    }
                                                    57% {
                                                      -o-transform:  scaleX(0.40) ;
                                                    }
                                                    75% {
                                                      -o-transform:  scaleX(1.00) ;
                                                    }
                                                    88% {
                                                      -o-transform:  scaleX(0.60) ;
                                                    }
                                                    100% {
                                                      -o-transform:  scaleX(1.00) ;
                                                    }
                                                  }

                                                  @-ms-keyframes animationFrames3 {
                                                    0% {
                                                      -ms-transform:  scaleX(0.01) ;
                                                    }
                                                    35% {
                                                      -ms-transform:  scaleX(1.00) ;
                                                    }
                                                    57% {
                                                      -ms-transform:  scaleX(0.40) ;
                                                    }
                                                    75% {
                                                      -ms-transform:  scaleX(1.00) ;
                                                    }
                                                    88% {
                                                      -ms-transform:  scaleX(0.60) ;
                                                    }
                                                    100% {
                                                      -ms-transform:  scaleX(1.00) ;
                                                    }
                                                  }

                                                  .swing-horizontal{
                                                    animation: animationFrames5 ease 1s;
                                                    animation-iteration-count: 1;
                                                    transform-origin: 50% 50%;
                                                    -webkit-animation: animationFrames5 ease 1s;
                                                    -webkit-animation-iteration-count: 1;
                                                    -webkit-transform-origin: 50% 50%;
                                                    -moz-animation: animationFrames5 ease 1s;
                                                    -moz-animation-iteration-count: 1;
                                                    -moz-transform-origin: 50% 50%;
                                                    -o-animation: animationFrames5 ease 1s;
                                                    -o-animation-iteration-count: 1;
                                                    -o-transform-origin: 50% 50%;
                                                    -ms-animation: animationFrames5 ease 1s;
                                                    -ms-animation-iteration-count: 1;
                                                    -ms-transform-origin: 50% 50%;
                                                  }

                                                  @keyframes animationFrames5{
                                                    0% {
                                                      transform:  scaleX(1.00) ;
                                                    }
                                                    20% {
                                                      transform:  scaleX(-1.00) ;
                                                    }
                                                    100% {
                                                      transform:  scaleX(1.00) ;
                                                    }
                                                  }

                                                  @-moz-keyframes animationFrames5{
                                                    0% {
                                                      -moz-transform:  scaleX(1.00) ;
                                                    }
                                                    20% {
                                                      -moz-transform:  scaleX(-1.00) ;
                                                    }
                                                    100% {
                                                      -moz-transform:  scaleX(1.00) ;
                                                    }
                                                  }

                                                  @-webkit-keyframes animationFrames5 {
                                                    0% {
                                                      -webkit-transform:  scaleX(1.00) ;
                                                    }
                                                    20% {
                                                      -webkit-transform:  scaleX(-1.00) ;
                                                    }
                                                    100% {
                                                      -webkit-transform:  scaleX(1.00) ;
                                                    }
                                                  }

                                                  @-o-keyframes animationFrames5 {
                                                    0% {
                                                      -o-transform:  scaleX(1.00) ;
                                                    }
                                                    20% {
                                                      -o-transform:  scaleX(-1.00) ;
                                                    }
                                                    100% {
                                                      -o-transform:  scaleX(1.00) ;
                                                    }
                                                  }

                                                  @-ms-keyframes animationFrames5 {
                                                    0% {
                                                      -ms-transform:  scaleX(1.00) ;
                                                    }
                                                    20% {
                                                      -ms-transform:  scaleX(-1.00) ;
                                                    }
                                                    100% {
                                                      -ms-transform:  scaleX(1.00) ;
                                                    }
                                                  }

                                                  .tada{
                                                    animation: animationFrames4 linear 1s;
                                                    animation-iteration-count: 1;
                                                    transform-origin: 50% 50%;
                                                    -webkit-animation: animationFrames4 linear 1s;
                                                    -webkit-animation-iteration-count: 1;
                                                    -webkit-transform-origin: 50% 50%;
                                                    -moz-animation: animationFrames4 linear 1s;
                                                    -moz-animation-iteration-count: 1;
                                                    -moz-transform-origin: 50% 50%;
                                                    -o-animation: animationFrames4 linear 1s;
                                                    -o-animation-iteration-count: 1;
                                                    -o-transform-origin: 50% 50%;
                                                    -ms-animation: animationFrames4 linear 1s;
                                                    -ms-animation-iteration-count: 1;
                                                    -ms-transform-origin: 50% 50%;
                                                  }

                                                  @keyframes animationFrames4{
                                                    0% {
                                                      transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                    10% {
                                                      transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
                                                    }
                                                    20% {
                                                      transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
                                                    }
                                                    30% {
                                                      transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    40% {
                                                      transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    50% {
                                                      transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    60% {
                                                      transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    70% {
                                                      transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    80% {
                                                      transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    90% {
                                                      transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    100% {
                                                      transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                  }

                                                  @-moz-keyframes animationFrames4{
                                                    0% {
                                                      -moz-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                    10% {
                                                      -moz-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
                                                    }
                                                    20% {
                                                      -moz-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
                                                    }
                                                    30% {
                                                      -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    40% {
                                                      -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    50% {
                                                      -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    60% {
                                                      -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    70% {
                                                      -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    80% {
                                                      -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    90% {
                                                      -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    100% {
                                                      -moz-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                  }

                                                  @-webkit-keyframes animationFrames4 {
                                                    0% {
                                                      -webkit-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                    10% {
                                                      -webkit-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
                                                    }
                                                    20% {
                                                      -webkit-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
                                                    }
                                                    30% {
                                                      -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    40% {
                                                      -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    50% {
                                                      -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    60% {
                                                      -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    70% {
                                                      -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    80% {
                                                      -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    90% {
                                                      -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    100% {
                                                      -webkit-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                  }

                                                  @-o-keyframes animationFrames4 {
                                                    0% {
                                                      -o-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                    10% {
                                                      -o-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
                                                    }
                                                    20% {
                                                      -o-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
                                                    }
                                                    30% {
                                                      -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    40% {
                                                      -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    50% {
                                                      -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    60% {
                                                      -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    70% {
                                                      -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    80% {
                                                      -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    90% {
                                                      -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    100% {
                                                      -o-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                  }

                                                  @-ms-keyframes animationFrames4 {
                                                    0% {
                                                      -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                    10% {
                                                      -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
                                                    }
                                                    20% {
                                                      -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
                                                    }
                                                    30% {
                                                      -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    40% {
                                                      -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    50% {
                                                      -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    60% {
                                                      -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    70% {
                                                      -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    80% {
                                                      -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    90% {
                                                      -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                    100% {
                                                      -ms-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
                                                    }
                                                  }


                                                  .intro-header{
                                                    animation: animationFrames6 linear 0.5s;
                                                    animation-iteration-count: 1;
                                                    transform-origin: 50% 50%;
                                                    -webkit-animation: animationFrames6 linear 0.5s;
                                                    -webkit-animation-iteration-count: 1;
                                                    -webkit-transform-origin: 50% 50%;
                                                    -moz-animation: animationFrames6 linear 0.5s;
                                                    -moz-animation-iteration-count: 1;
                                                    -moz-transform-origin: 50% 50%;
                                                    -o-animation: animationFrames6 linear 0.5s;
                                                    -o-animation-iteration-count: 1;
                                                    -o-transform-origin: 50% 50%;
                                                    -ms-animation: animationFrames6 linear 0.5s;
                                                    -ms-animation-iteration-count: 1;
                                                    -ms-transform-origin: 50% 50%;
                                                  }

                                                  @keyframes animationFrames6{
                                                    -1% {
                                                    }
                                                    25% {
                                                      transform:  rotate(2160deg) ;
                                                    }
                                                    25% {
                                                    }
                                                    100% {
                                                      transform:  rotate(1081deg) ;
                                                    }
                                                  }

                                                  @-moz-keyframes animationFrames6{
                                                    -1% {
                                                    }
                                                    25% {
                                                      -moz-transform:  rotate(2160deg) ;
                                                    }
                                                    25% {
                                                    }
                                                    100% {
                                                      -moz-transform:  rotate(1081deg) ;
                                                    }
                                                  }

                                                  @-webkit-keyframes animationFrames6 {
                                                    -1% {
                                                    }
                                                    25% {
                                                      -webkit-transform:  rotate(2160deg) ;
                                                    }
                                                    25% {
                                                    }
                                                    100% {
                                                      -webkit-transform:  rotate(1081deg) ;
                                                    }
                                                  }

                                                  @-o-keyframes animationFrames6 {
                                                    -1% {
                                                    }
                                                    25% {
                                                      -o-transform:  rotate(2160deg) ;
                                                    }
                                                    25% {
                                                    }
                                                    100% {
                                                      -o-transform:  rotate(1081deg) ;
                                                    }
                                                  }

                                                  @-ms-keyframes animationFrames6 {
                                                    -1% {
                                                    }
                                                    25% {
                                                      -ms-transform:  rotate(2160deg) ;
                                                    }
                                                    25% {
                                                    }
                                                    100% {
                                                      -ms-transform:  rotate(1081deg) ;
                                                    }
                                                  }


                                                  .arrow{
                                                    animation: animationFrames9 ease 4s;
                                                    animation-iteration-count: infinite;
                                                    transform-origin: 50% 50%;
                                                    -webkit-animation: animationFrames9 ease 4s;
                                                    -webkit-animation-iteration-count: infinite;
                                                    -webkit-transform-origin: 50% 50%;
                                                    -moz-animation: animationFrames9 ease 4s;
                                                    -moz-animation-iteration-count: infinite;
                                                    -moz-transform-origin: 50% 50%;
                                                    -o-animation: animationFrames9 ease 4s;
                                                    -o-animation-iteration-count: infinite;
                                                    -o-transform-origin: 50% 50%;
                                                    -ms-animation: animationFrames9 ease 4s;
                                                    -ms-animation-iteration-count: infinite;
                                                    -ms-transform-origin: 50% 50%;
                                                  }

                                                  @keyframes animationFrames9{
                                                    0% {
                                                      transform:  translate(0px,0px)  ;
                                                    }
                                                    13% {
                                                      transform:  translate(0px,20px)  ;
                                                    }
                                                    26% {
                                                      transform:  translate(0px,0px)  ;
                                                    }
                                                    100% {
                                                      transform:  translate(0px,0px)  ;
                                                    }
                                                  }

                                                  @-moz-keyframes animationFrames9{
                                                    0% {
                                                      -moz-transform:  translate(0px,0px)  ;
                                                    }
                                                    13% {
                                                      -moz-transform:  translate(0px,20px)  ;
                                                    }
                                                    26% {
                                                      -moz-transform:  translate(0px,0px)  ;
                                                    }
                                                    100% {
                                                      -moz-transform:  translate(0px,0px)  ;
                                                    }
                                                  }

                                                  @-webkit-keyframes animationFrames9 {
                                                    0% {
                                                      -webkit-transform:  translate(0px,0px)  ;
                                                    }
                                                    13% {
                                                      -webkit-transform:  translate(0px,20px)  ;
                                                    }
                                                    26% {
                                                      -webkit-transform:  translate(0px,0px)  ;
                                                    }
                                                    100% {
                                                      -webkit-transform:  translate(0px,0px)  ;
                                                    }
                                                  }

                                                  @-o-keyframes animationFrames9 {
                                                    0% {
                                                      -o-transform:  translate(0px,0px)  ;
                                                    }
                                                    13% {
                                                      -o-transform:  translate(0px,20px)  ;
                                                    }
                                                    26% {
                                                      -o-transform:  translate(0px,0px)  ;
                                                    }
                                                    100% {
                                                      -o-transform:  translate(0px,0px)  ;
                                                    }
                                                  }

                                                  @-ms-keyframes animationFrames9 {
                                                    0% {
                                                      -ms-transform:  translate(0px,0px)  ;
                                                    }
                                                    13% {
                                                      -ms-transform:  translate(0px,20px)  ;
                                                    }
                                                    26% {
                                                      -ms-transform:  translate(0px,0px)  ;
                                                    }
                                                    100% {
                                                      -ms-transform:  translate(0px,0px)  ;
                                                    }
                                                  }
                                                  .breathing{
                                                    animation: animationFrames8 ease 12s;
                                                    animation-iteration-count: infinite;
                                                    transform-origin: 50% 50%;
                                                    animation-fill-mode:forwards; /*when the spec is finished*/
                                                    -webkit-animation: animationFrames8 ease 12s;
                                                    -webkit-animation-iteration-count: infinite;
                                                    -webkit-transform-origin: 50% 50%;
                                                    -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
                                                    -moz-animation: animationFrames8 ease 12s;
                                                    -moz-animation-iteration-count: infinite;
                                                    -moz-transform-origin: 50% 50%;
                                                    -moz-animation-fill-mode:forwards; /*FF 5+*/
                                                    -o-animation: animationFrames8 ease 12s;
                                                    -o-animation-iteration-count: infinite;
                                                    -o-transform-origin: 50% 50%;
                                                    -o-animation-fill-mode:forwards; /*Not implemented yet*/
                                                    -ms-animation: animationFrames8 ease 12s;
                                                    -ms-animation-iteration-count: infinite;
                                                    -ms-transform-origin: 50% 50%;
                                                    -ms-animation-fill-mode:forwards; /*IE 10+*/
                                                  }

                                                  @keyframes animationFrames8{
                                                    0% {
                                                      transform:  scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                    4% {
                                                      transform:  scaleX(1.05) scaleY(1.05) ;
                                                    }
                                                    11% {
                                                      transform:  scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                    100% {
                                                      transform:  scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                  }

                                                  @-moz-keyframes animationFrames8{
                                                    0% {
                                                      -moz-transform:  scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                    4% {
                                                      -moz-transform:  scaleX(1.05) scaleY(1.05) ;
                                                    }
                                                    11% {
                                                      -moz-transform:  scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                    100% {
                                                      -moz-transform:  scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                  }

                                                  @-webkit-keyframes animationFrames8 {
                                                    0% {
                                                      -webkit-transform:  scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                    4% {
                                                      -webkit-transform:  scaleX(1.05) scaleY(1.05) ;
                                                    }
                                                    11% {
                                                      -webkit-transform:  scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                    100% {
                                                      -webkit-transform:  scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                  }

                                                  @-o-keyframes animationFrames8 {
                                                    0% {
                                                      -o-transform:  scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                    4% {
                                                      -o-transform:  scaleX(1.05) scaleY(1.05) ;
                                                    }
                                                    11% {
                                                      -o-transform:  scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                    100% {
                                                      -o-transform:  scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                  }

                                                  @-ms-keyframes animationFrames8 {
                                                    0% {
                                                      -ms-transform:  scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                    4% {
                                                      -ms-transform:  scaleX(1.05) scaleY(1.05) ;
                                                    }
                                                    11% {
                                                      -ms-transform:  scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                    100% {
                                                      -ms-transform:  scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                  }

                                                  .zoomIn{
                                                    animation: animationFrames10 ease 12s;
                                                    transform-origin: 50% 50%;
                                                    animation-fill-mode:forwards; /*when the spec is finished*/
                                                    -webkit-animation: animationFrames10 ease 12s;
                                                    -webkit-transform-origin: 50% 50%;
                                                    -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
                                                    -moz-animation: animationFrames10 ease 12s;
                                                    -moz-transform-origin: 50% 50%;
                                                    -moz-animation-fill-mode:forwards; /*FF 5+*/
                                                    -o-animation: animationFrames10 ease 12s;
                                                    -o-transform-origin: 50% 50%;
                                                    -o-animation-fill-mode:forwards; /*Not implemented yet*/
                                                    -ms-animation: animationFrames10 ease 12s;
                                                    -ms-transform-origin: 50% 50%;
                                                    -ms-animation-fill-mode:forwards; /*IE 10+*/
                                                  }

                                                  @keyframes animationFrames10{
                                                    0% {
                                                      transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                    100% {
                                                      transform:  rotate(-18deg) scaleX(2.00) scaleY(2.00) ;
                                                    }
                                                  }

                                                  @-moz-keyframes animationFrames10{
                                                    0% {
                                                      -moz-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                    100% {
                                                      -moz-transform:  rotate(-18deg) scaleX(2.00) scaleY(2.00) ;
                                                    }
                                                  }

                                                  @-webkit-keyframes animationFrames10 {
                                                    0% {
                                                      -webkit-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                    100% {
                                                      -webkit-transform:  rotate(-18deg) scaleX(2.00) scaleY(2.00) ;
                                                    }
                                                  }

                                                  @-o-keyframes animationFrames10 {
                                                    0% {
                                                      -o-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                    100% {
                                                      -o-transform:  rotate(-18deg) scaleX(2.00) scaleY(2.00) ;
                                                    }
                                                  }

                                                  @-ms-keyframes animationFrames10 {
                                                    0% {
                                                      -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
                                                    }
                                                    100% {
                                                      -ms-transform:  rotate(-18deg) scaleX(2.00) scaleY(2.00) ;
                                                    }
                                                  }