@charset "UTF-8";
.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s
}



/* Animation for quicklink show */
@-webkit-keyframes menuRotateIn{
    0%  { -ms-transform: translateY(600px); transform: translateY(600px); -webkit-transform: translateY(600px);}
    100%{-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
}
@-moz-keyframes menuRotateIn{
     0%  { -ms-transform: translateY(600px); transform: translateY(600px); -webkit-transform: translateY(600px);}
    100%{-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
}
@-o-keyframes menuRotateIn{
     0%  { -ms-transform: translateY(600px); transform: translateY(600px); -webkit-transform: translateY(600px);}
    100%{-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
}
@keyframes menuRotateIn{
     0%  { -ms-transform: translateY(600px); transform: translateY(600px); -webkit-transform: translateY(600px);}
    100%{-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
}



/* Animation for quicklink hide */
@-webkit-keyframes menuRotateOut{
    0%  {-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
    100%{ -ms-transform: translateY(900px); transform: translateY(900px); -webkit-transform: translateY(900px);}
}
@-moz-keyframes menuRotateOut{
    0%  {-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
    100%{ -ms-transform: translateY(900px); transform: translateY(900px); -webkit-transform: translateY(900px);}
}
@-o-keyframes menuRotateOut{
    0%  {-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
    100%{ -ms-transform: translateY(900px); transform: translateY(900px); -webkit-transform: translateY(900px);}
}
@keyframes menuRotateOut{
    0%  {-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
    100%{ -ms-transform: translateY(900px); transform: translateY(900px); -webkit-transform: translateY(900px);}
}








/* iPhone Animation for quicklink show */
@-webkit-keyframes iPhoneMenuRotateIn{
    0%  {-ms-transform: translateY(-650px); transform: translateY(-650px); -webkit-transform: translateY(-650px);}
    100%{-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0-px);}
}
@-moz-keyframes iPhoneMenuRotateIn{
    0%  {-ms-transform: translateY(-650px); transform: translateY(-650px); -webkit-transform: translateY(-650px);}
    100%{-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0-px);}
}
@-o-keyframes iPhoneMenuRotateIn{
    0%  {-ms-transform: translateY(-650px); transform: translateY(-650px); -webkit-transform: translateY(-650px);}
    100%{-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0-px);}
}
@keyframes iPhoneMenuRotateIn{
    0%  {-ms-transform: translateY(-650px); transform: translateY(-650px); -webkit-transform: translateY(-650px);}
    100%{-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0-px);}
}



/* iPhone Animation for quicklink hide */
@-webkit-keyframes iPhoneMenuRotateOut{
    0%  {-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
    100%{-ms-transform: translateY(-650px); transform: translateY(-650px); -webkit-transform: translateY(-650px);}
}
@-moz-keyframes iPhoneMenuRotateOut{
    0%  {-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
    100%{-ms-transform: translateY(-650px); transform: translateY(-650px); -webkit-transform: translateY(-650px);}
}
@-o-keyframes iPhoneMenuRotateOut{
    0%  {-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
    100%{-ms-transform: translateY(-650px); transform: translateY(-650px); -webkit-transform: translateY(-650px);}
}
@keyframes iPhoneMenuRotateOut{
    0%  {-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
    100%{-ms-transform: translateY(-650px); transform: translateY(-650px); -webkit-transform: translateY(-650px);}
}




/* Animation for quicklink BUTTON show */
@-webkit-keyframes menuBtnRotateIn{
    from   {-webkit-transform:rotate(0deg);
            -moz-transform:rotate(0deg);
            -o-transform:rotate(0deg);
            -ms-transform:rotate(0deg);
            transform:rotate(0deg);}
    to     {-webkit-transform:rotate(135deg);
            -moz-transform:rotate(135deg);
            -o-transform:rotate(135deg);
            -ms-transform:rotate(135deg);
            transform:rotate(135deg);}
}
@-moz-keyframes menuBtnRotateIn{
    from   {-webkit-transform:rotate(0deg);
            -moz-transform:rotate(0deg);
            -o-transform:rotate(0deg);
            -ms-transform:rotate(0deg);
            transform:rotate(0deg);}
    to     {-webkit-transform:rotate(135deg);
            -moz-transform:rotate(135deg);
            -o-transform:rotate(135deg);
            -ms-transform:rotate(135deg);
            transform:rotate(135deg);}
}
@-o-keyframes menuBtnRotateIn{
    from   {-webkit-transform:rotate(0deg);
            -moz-transform:rotate(0deg);
            -o-transform:rotate(0deg);
            -ms-transform:rotate(0deg);
            transform:rotate(0deg);}
    to     {-webkit-transform:rotate(135deg);
            -moz-transform:rotate(135deg);
            -o-transform:rotate(135deg);
            -ms-transform:rotate(135deg);
            transform:rotate(135deg);}
}
@keyframes menuBtnRotateIn{
    from   {-webkit-transform:rotate(0deg);
            -moz-transform:rotate(0deg);
            -o-transform:rotate(0deg);
            -ms-transform:rotate(0deg);
            transform:rotate(0deg);}
    to     {-webkit-transform:rotate(135deg);
            -moz-transform:rotate(135deg);
            -o-transform:rotate(135deg);
            -ms-transform:rotate(135deg);
            transform:rotate(135deg);}
}




/* Animation for quicklink BUTTON hide */
@-webkit-keyframes menuBtnRotateOut{
    from   {-webkit-transform:rotate(135deg);
            -moz-transform:rotate(135deg);
            -o-transform:rotate(135deg);
            -ms-transform:rotate(135deg);
            transform:rotate(135deg);}
    to     {-webkit-transform:rotate(0deg);
            -moz-transform:rotate(0deg);
            -o-transform:rotate(0deg);
            -ms-transform:rotate(0deg);
            transform:rotate(0deg);}
}
@-moz-keyframes menuBtnRotateOut{
    from   {-webkit-transform:rotate(135deg);
            -moz-transform:rotate(135deg);
            -o-transform:rotate(135deg);
            -ms-transform:rotate(135deg);
            transform:rotate(135deg);}
    to     {-webkit-transform:rotate(0deg);
            -moz-transform:rotate(0deg);
            -o-transform:rotate(0deg);
            -ms-transform:rotate(0deg);
            transform:rotate(0deg);}
}
@-o-keyframes menuBtnRotateOut{
    from   {-webkit-transform:rotate(135deg);
            -moz-transform:rotate(135deg);
            -o-transform:rotate(135deg);
            -ms-transform:rotate(135deg);
            transform:rotate(135deg);}
    to     {-webkit-transform:rotate(0deg);
            -moz-transform:rotate(0deg);
            -o-transform:rotate(0deg);
            -ms-transform:rotate(0deg);
            transform:rotate(0deg);}
}
@keyframes menuBtnRotateOut{
    from   {-webkit-transform:rotate(135deg);
            -moz-transform:rotate(135deg);
            -o-transform:rotate(135deg);
            -ms-transform:rotate(135deg);
            transform:rotate(135deg);}
    to     {-webkit-transform:rotate(0deg);
            -moz-transform:rotate(0deg);
            -o-transform:rotate(0deg);
            -ms-transform:rotate(0deg);
            transform:rotate(0deg);}
}




/* Animation for quicklink slide down */
@-webkit-keyframes menuBtnSlideDown{
    from   {bottom:57px;}
    to     {bottom:6px;}
}
@-moz-keyframes menuBtnSlideDown{
    from   {bottom:57px;}
    to     {bottom:6px;}
}
@-o-keyframes menuBtnSlideDown{
    from   {bottom:57px;}
    to     {bottom:6px;}
}
@keyframes menuBtnSlideDown{
    from   {bottom:57px;}
    to     {bottom:6px;}
}


/* Animation for quicklink slide up */
@-webkit-keyframes menuBtnSlideUp{
    from   {bottom:6px;}
    to     {bottom:57px;}
}
@-moz-keyframes menuBtnSlideUp{
    from   {bottom:6px;}
    to     {bottom:57px;}
}
@-o-keyframes menuBtnSlideUp{
    from   {bottom:6px;}
    to     {bottom:57px;}
}
@keyframes menuBtnSlideUp{
    from   {bottom:6px;}
    to     {bottom:57px;}
}







/* iPhone Animation for quicklink BUTTON show */
@-webkit-keyframes iPhoneMenuBtnRotateIn{
    from   {-webkit-transform:rotate(180deg);
            -moz-transform:rotate(180deg);
            -o-transform:rotate(180deg);
            -ms-transform:rotate(180deg);
            transform:rotate(180deg);}
    to     {-webkit-transform:rotate(45deg);
            -moz-transform:rotate(45deg);
            -o-transform:rotate(45deg);
            -ms-transform:rotate(45deg);
            transform:rotate(45deg);}
}
@-moz-keyframes iPhoneMenuBtnRotateIn{
    from   {-webkit-transform:rotate(180deg);
            -moz-transform:rotate(180deg);
            -o-transform:rotate(180deg);
            -ms-transform:rotate(180deg);
            transform:rotate(180deg);}
    to     {-webkit-transform:rotate(45deg);
            -moz-transform:rotate(45deg);
            -o-transform:rotate(45deg);
            -ms-transform:rotate(45deg);
            transform:rotate(45deg);}
}
@-o-keyframes iPhoneMenuBtnRotateIn{
    from   {-webkit-transform:rotate(180deg);
            -moz-transform:rotate(180deg);
            -o-transform:rotate(180deg);
            -ms-transform:rotate(180deg);
            transform:rotate(180deg);}
    to     {-webkit-transform:rotate(45deg);
            -moz-transform:rotate(45deg);
            -o-transform:rotate(45deg);
            -ms-transform:rotate(45deg);
            transform:rotate(45deg);}
}
@keyframes iPhoneMenuBtnRotateIn{
    from   {-webkit-transform:rotate(180deg);
            -moz-transform:rotate(180deg);
            -o-transform:rotate(180deg);
            -ms-transform:rotate(180deg);
            transform:rotate(180deg);}
    to     {-webkit-transform:rotate(45deg);
            -moz-transform:rotate(45deg);
            -o-transform:rotate(45deg);
            -ms-transform:rotate(45deg);
            transform:rotate(45deg);}
}








/* iPhone Animation for quicklink BUTTON hide */
@-webkit-keyframes iPhoneMenuBtnRotateOut{
    from   {-webkit-transform:rotate(45deg);
            -moz-transform:rotate(45deg);
            -o-transform:rotate(45deg);
            -ms-transform:rotate(45deg);
            transform:rotate(45deg);}
    to     {-webkit-transform:rotate(180deg);
            -moz-transform:rotate(180deg);
            -o-transform:rotate(180deg);
            -ms-transform:rotate(180deg);
            transform:rotate(180deg);}
}
@-moz-keyframes iPhoneMenuBtnRotateOut{
    from   {-webkit-transform:rotate(45deg);
            -moz-transform:rotate(45deg);
            -o-transform:rotate(45deg);
            -ms-transform:rotate(45deg);
            transform:rotate(45deg);}
    to     {-webkit-transform:rotate(180deg);
            -moz-transform:rotate(180deg);
            -o-transform:rotate(180deg);
            -ms-transform:rotate(180deg);
            transform:rotate(180deg);}
}
@-o-keyframes iPhoneMenuBtnRotateOut{
    from   {-webkit-transform:rotate(45deg);
            -moz-transform:rotate(45deg);
            -o-transform:rotate(45deg);
            -ms-transform:rotate(45deg);
            transform:rotate(45deg);}
    to     {-webkit-transform:rotate(180deg);
            -moz-transform:rotate(180deg);
            -o-transform:rotate(180deg);
            -ms-transform:rotate(180deg);
            transform:rotate(180deg);}
}
@keyframes iPhoneMenuBtnRotateOut{
    from   {-webkit-transform:rotate(45deg);
            -moz-transform:rotate(45deg);
            -o-transform:rotate(45deg);
            -ms-transform:rotate(45deg);
            transform:rotate(45deg);}
    to     {-webkit-transform:rotate(180deg);
            -moz-transform:rotate(180deg);
            -o-transform:rotate(180deg);
            -ms-transform:rotate(180deg);
            transform:rotate(180deg);}
}









/* Animation for quicklink sizeUp show */
@-webkit-keyframes menuSizeDown{
    0%      {height:auto;}
    99%     {height:auto;}
    100%    {height:1px;}
}
@-moz-keyframes menuSizeDown{
    0%      {height:auto;}
    99%     {height:auto;}
    100%    {height:1px;}
}
@-o-keyframes menuSizeDown{
    0%      {height:auto;}
    99%     {height:auto;}
    100%    {height:1px;}
}
@keyframes menuSizeDown{
    0%      {height:auto;}
    99%     {height:auto;}
    100%    {height:1px;}
}





/* Animation for navigation drawer show */
@-webkit-keyframes navdrawerIn{
    0%     {-ms-transform: translateX(0px);
            -webkit-transform: translateX(0px);}
    60%    {-ms-transform: translateX(305px);
            -webkit-transform: translateX(305px);}
    70%    {-ms-transform: translateX(305px);
            -webkit-transform: translateX(305px);}
    100%   {-ms-transform: translateX(254px);
            -webkit-transform: translateX(254px);}
}
@-moz-keyframes navdrawerIn{
    0%     {-ms-transform: translateX(0px);
            -webkit-transform: translateX(0px);}
    60%    {-ms-transform: translateX(305px);
            -webkit-transform: translateX(305px);}
    70%    {-ms-transform: translateX(305px);
            -webkit-transform: translateX(305px);}
    100%   {-ms-transform: translateX(254px);
            -webkit-transform: translateX(254px);}
}
@-o-keyframes navdrawerIn{
    0%     {-ms-transform: translateX(0px);
            -webkit-transform: translateX(0px);}
    60%    {-ms-transform: translateX(305px);
            -webkit-transform: translateX(305px);}
    70%    {-ms-transform: translateX(305px);
            -webkit-transform: translateX(305px);}
    100%   {-ms-transform: translateX(254px);
            -webkit-transform: translateX(254px);}
}
@keyframes navdrawerIn{
    0%     {left:0;}
    100%   {left:254px;}
}



/* Animation for navigation drawer hide */
@-webkit-keyframes navdrawerOut{
    0%     {-ms-transform: translateX(254px);
            -webkit-transform: translateX(254px);}
    30%    {-ms-transform: translateX(305px);
            -webkit-transform: translateX(305px);}
    40%    {-ms-transform: translateX(305px);
            -webkit-transform: translateX(305px);}
    100%   {-ms-transform: translateX(0px);
            -webkit-transform: translateX(0px);}
}
@-moz-keyframes navdrawerOut{
    0%     {-ms-transform: translateX(254px);
            -webkit-transform: translateX(254px);}
    30%    {-ms-transform: translateX(305px);
            -webkit-transform: translateX(305px);}
    40%    {-ms-transform: translateX(305px);
            -webkit-transform: translateX(305px);}
    100%   {-ms-transform: translateX(0px);
            -webkit-transform: translateX(0px);}
}
@-o-keyframes navdrawerOut{
    0%     {-ms-transform: translateX(254px);
            -webkit-transform: translateX(254px);}
    30%    {-ms-transform: translateX(305px);
            -webkit-transform: translateX(305px);}
    40%    {-ms-transform: translateX(305px);
            -webkit-transform: translateX(305px);}
    100%   {-ms-transform: translateX(0px);
            -webkit-transform: translateX(0px);}
}
@keyframes navdrawerOut{
    0%     {left:254px;}
    100%   {left:0;}
}




/* iPhone Animation for navigation drawer show */
@-webkit-keyframes iPhoneNavdrawerIn{
    0%     {-ms-transform: translateX(0px);
            -webkit-transform: translateX(0px);
            opacity:0;}
    1%     {-ms-transform: translateX(-320px);
            -webkit-transform: translateX(-320px);
            opacity:0;}
    2%     {-ms-transform: translateX(-320px);
            -webkit-transform: translateX(-320px);
            opacity:100;}
    100%   {-ms-transform: translateX(0px);
            -webkit-transform: translateX(0px);}
}
@-moz-keyframes iPhoneNavdrawerIn{
    0%     {-ms-transform: translateX(0px);
            -webkit-transform: translateX(0px);
            opacity:0;}
    1%     {-ms-transform: translateX(-320px);
            -webkit-transform: translateX(-320px);
            opacity:0;}
    2%     {-ms-transform: translateX(-320px);
            -webkit-transform: translateX(-320px);
            opacity:100;}
    100%   {-ms-transform: translateX(0px);
            -webkit-transform: translateX(0px);}
}
@-o-keyframes iPhoneNavdrawerIn{
    0%     {-ms-transform: translateX(0px);
            -webkit-transform: translateX(0px);
            opacity:0;}
    1%     {-ms-transform: translateX(-320px);
            -webkit-transform: translateX(-320px);
            opacity:0;}
    2%     {-ms-transform: translateX(-320px);
            -webkit-transform: translateX(-320px);
            opacity:100;}
    100%   {-ms-transform: translateX(0px);
            -webkit-transform: translateX(0px);}
}
@keyframes iPhoneNavdrawerIn{
    0%     {left:-320px;}
    100%   {left:0;}
}



/* iPhone Animation for navigation drawer hide */
@-webkit-keyframes iPhoneNavdrawerOut{
    0%     {-ms-transform: translateX(0px);
            -webkit-transform: translateX(0px);
            left:0;}
    99%   {-ms-transform: translateX(-320px);
            -webkit-transform: translateX(-320px);
            left:0;}
    100%   {-ms-transform: translateX(-320px);
            -webkit-transform: translateX(-320px);
            left:-320px;}
}
@-moz-keyframes iPhoneNavdrawerOut{
    0%     {-ms-transform: translateX(0px);
            -webkit-transform: translateX(0px);
            left:0;}
    99%   {-ms-transform: translateX(-320px);
            -webkit-transform: translateX(-320px);
            left:0;}
    100%   {-ms-transform: translateX(-320px);
            -webkit-transform: translateX(-320px);
            left:-320px;}
}
@-o-keyframes iPhoneNavdrawerOut{
    0%     {-ms-transform: translateX(0px);
            -webkit-transform: translateX(0px);
            left:0;}
    99%   {-ms-transform: translateX(-320px);
            -webkit-transform: translateX(-320px);
            left:0;}
    100%   {-ms-transform: translateX(-320px);
            -webkit-transform: translateX(-320px);
            left:-320px;}
}
@keyframes iPhoneNavdrawerOut{
    0%     {left:0;}
    100%   {left:-320px;}
}






/* Animation for Navigation Tray overlay show*/
@-webkit-keyframes navdrawerLogoIn{
    0%      {height:48px; width:67px;}
    100%     {height:100%; width:100%;}
}
@-moz-keyframes navdrawerLogoIn{
    0%      {height:48px; width:67px;}
    100%     {height:100%; width:100%;}
}
@-o-keyframes navdrawerLogoIn{
    0%      {height:48px; width:67px;}
    100%     {height:100%; width:100%;}
}
@keyframes navdrawerLogoIn{
    0%      {height:48px; width:67px;}
    100%     {height:100%; width:100%;}
}




/* Animation for Navigation Tray overlay hide */
@-webkit-keyframes navdrawerLogoOut{
    0%      {height:100%; width:100%;}
    100%     {height:48px; width:67px;}
}
@-moz-keyframes navdrawerLogoOut{
    0%      {height:100%; width:100%;}
    100%     {height:48px; width:67px;}
}
@-o-keyframes navdrawerLogoOut{
    0%      {height:100%; width:100%;}
    100%     {height:48px; width:67px;}
}
@keyframes navdrawerLogoOut{
    0%      {height:100%; width:100%;}
    100%     {height:48px; width:67px;}
}



/* Animation for Account Creation Role Picker */
@-webkit-keyframes roleSelected{
    0%      {height:100%; margin-top:0}
    100%     {height:259px; margin-top:-224px}
}
@-moz-keyframes roleSelected{
    0%      {height:100%; margin-top:0}
    100%     {height:259px; margin-top:-224px}
}
@-o-keyframes roleSelected{
    0%      {height:100%; margin-top:0}
    100%     {height:259px; margin-top:-224px}
}
@keyframes roleSelected{
    0%      {height:100%; margin-top:0}
    100%     {height:259px; margin-top:-224px}
}




/* Animation for Circles Filter: Hide */
@media screen
and (min-width:321px){
    @-webkit-keyframes hideCircleFilter{
        0%      {max-height:300px; margin-bottom:15px; opacity:1; filter:alpha(opacity=100);}
        100%    {max-height:36px; margin-bottom:-28px; opacity:0; filter:alpha(opacity=0);}
    }
    @-moz-keyframes hideCircleFilter{
        0%      {max-height:300px; margin-bottom:15px; opacity:1; filter:alpha(opacity=100);}
        100%    {max-height:36px; margin-bottom:-28px; opacity:0; filter:alpha(opacity=0);}
    }
    @-o-keyframes hideCircleFilter{
        0%      {max-height:300px; margin-bottom:15px; opacity:1; filter:alpha(opacity=100);}
        100%    {max-height:36px; margin-bottom:-28px; opacity:0; filter:alpha(opacity=0);}
    }
    @keyframes hideCircleFilter{
        0%      {max-height:300px; margin-bottom:15px; opacity:1; filter:alpha(opacity=100);}
        100%    {max-height:36px; margin-bottom:-28px; opacity:0; filter:alpha(opacity=0);}
    }
}




/* Animation for Circles Filter: Show */
@media screen
and (min-width:321px){
    @-webkit-keyframes showCircleFilter{
        0%      {max-height:36px; margin-bottom:-28px; opacity:0; filter:alpha(opacity=0);}
        100%    {max-height:300px; margin-bottom:15px; opacity:1; filter:alpha(opacity=100);}
    }
    @-moz-keyframes showCircleFilter{
        0%      {max-height:36px; margin-bottom:-28px; opacity:0; filter:alpha(opacity=0);}
        100%    {max-height:300px; margin-bottom:15px; opacity:1; filter:alpha(opacity=100);}
    }
    @-o-keyframes showCircleFilter{
        0%      {max-height:36px; margin-bottom:-28px; opacity:0; filter:alpha(opacity=0);}
        100%    {max-height:300px; margin-bottom:15px; opacity:1; filter:alpha(opacity=100);}
    }
    @keyframes showCircleFilter{
        0%      {max-height:36px; margin-bottom:-28px; opacity:0; filter:alpha(opacity=0);}
        100%    {max-height:300px; margin-bottom:15px; opacity:1; filter:alpha(opacity=100);}
    }
}
@media screen
and (max-width:320px){
    @-webkit-keyframes showCircleFilter{
        0%      {opacity:0; filter:alpha(opacity=0);}
        50%     {opacity:1; filter:alpha(opacity=100);}
        100%    {opacity:1; filter:alpha(opacity=100);}
    }
    @-moz-keyframes showCircleFilter{
        0%      {opacity:0; filter:alpha(opacity=0);}
        50%     {opacity:1; filter:alpha(opacity=100);}
        100%    {opacity:1; filter:alpha(opacity=100);}
    }
    @-o-keyframes showCircleFilter{
        0%      {opacity:0; filter:alpha(opacity=0);}
        50%     {opacity:1; filter:alpha(opacity=100);}
        100%    {opacity:1; filter:alpha(opacity=100);}
    }
    @keyframes showCircleFilter{
        0%      {opacity:0; filter:alpha(opacity=0);}
        50%     {opacity:1; filter:alpha(opacity=100);}
        100%    {opacity:1; filter:alpha(opacity=100);}
    }
}



/* Animation for Action Sheet: Show */
@media screen
and (max-width:479px){
    @-webkit-keyframes actionSheetIn{
        from {-ms-transform: translateY(500px);
              -webkit-transform: translateY(500px);}
        to   {-ms-transform: translateY(0px);
              -webkit-transform: translateY(0px);}
    }
    @-moz-keyframes actionSheetIn{
        from {-ms-transform: translateY(500px);
              -webkit-transform: translateY(500px);}
        to   {-ms-transform: translateY(0px);
              -webkit-transform: translateY(0px);}
    }
    @-o-keyframes actionSheetIn{
        from {-ms-transform: translateY(500px);
              -webkit-transform: translateY(500px);}
        to   {-ms-transform: translateY(0px);
              -webkit-transform: translateY(0px);}
    }
    @keyframes actionSheetIn{
        from {-ms-transform: translateY(500px);
              -webkit-transform: translateY(500px);}
        to   {-ms-transform: translateY(0px);
              -webkit-transform: translateY(0px);}
    }
}
@media screen
and (min-width:480px){
    @-webkit-keyframes actionSheetIn{
        from {opacity:0; filter:alpha(opacity=0);}
        to   {opacity:1; filter:alpha(opacity=100);}
    }
    @-moz-keyframes actionSheetIn{
        from {opacity:0; filter:alpha(opacity=0);}
        to   {opacity:1; filter:alpha(opacity=100);}
    }
    @-o-keyframes actionSheetIn{
        from {opacity:0; filter:alpha(opacity=0);}
        to   {opacity:1; filter:alpha(opacity=100);}
    }
    @keyframes actionSheetIn{
        from {opacity:0; filter:alpha(opacity=0);}
        to   {opacity:1; filter:alpha(opacity=100);}
    }
}



/* Animation for Action Sheet: Hide */
@media screen
and (max-width:479px){
    @-webkit-keyframes actionSheetOut{
        0%    {-ms-transform: translateY(0px);
              -webkit-transform: translateY(0px);}
        99%   {-ms-transform: translateY(500px);
              -webkit-transform: translateY(500px);}
        100%  {height:1px; opacity:0;}
    }
    @-moz-keyframes actionSheetOut{
        0%    {-ms-transform: translateY(0px);
              -webkit-transform: translateY(0px);}
        99%   {-ms-transform: translateY(500px);
              -webkit-transform: translateY(500px);}
        100%  {height:1px; opacity:0;}
    }
    @-o-keyframes actionSheetOut{
        0%    {-ms-transform: translateY(0px);
              -webkit-transform: translateY(0px);}
        99%   {-ms-transform: translateY(500px);
              -webkit-transform: translateY(500px);}
        100%  {height:1px; opacity:0;}
    }
    @keyframes actionSheetOut{
        0%    {-ms-transform: translateY(0px);
              -webkit-transform: translateY(0px);}
        99%   {-ms-transform: translateY(500px);
              -webkit-transform: translateY(500px);}
        100%  {height:1px; opacity:0;}
    }
}
@media screen
and (min-width:480px){
    @-webkit-keyframes actionSheetOut{
        0%    {opacity:1; filter:alpha(opacity=100); height:100%;}
        99%   {opacity:0; filter:alpha(opacity=0); height:100%;}
        100%  {opacity:0; filter:alpha(opacity=0); height:1px;}
    }
    @-moz-keyframes actionSheetOut{
        0%    {opacity:1; filter:alpha(opacity=100); height:100%;}
        99%   {opacity:0; filter:alpha(opacity=0); height:100%;}
        100%  {opacity:0; filter:alpha(opacity=0); height:1px;}
    }
    @-o-keyframes actionSheetOut{
        0%    {opacity:1; filter:alpha(opacity=100); height:100%;}
        99%   {opacity:0; filter:alpha(opacity=0); height:100%;}
        100%  {opacity:0; filter:alpha(opacity=0); height:1px;}
    }
    @keyframes actionSheetOut{
        0%    {opacity:1; filter:alpha(opacity=100); height:100%;}
        99%   {opacity:0; filter:alpha(opacity=0); height:100%;}
        100%  {opacity:0; filter:alpha(opacity=0); height:1px;}
    }
}



/* Animation for Alert Box: Show */
@-webkit-keyframes alertBoxIn{
    from {opacity:0; filter:alpha(opacity=0);}
    to   {opacity:1; filter:alpha(opacity=100);}
}
@-moz-keyframes alertBoxIn{
    from {opacity:0; filter:alpha(opacity=0);}
    to   {opacity:1; filter:alpha(opacity=100);}
}
@-o-keyframes alertBoxIn{
    from {opacity:0; filter:alpha(opacity=0);}
    to   {opacity:1; filter:alpha(opacity=100);}
}
@keyframes alertBoxIn{
    from {opacity:0; filter:alpha(opacity=0);}
    to   {opacity:1; filter:alpha(opacity=100);}
}





/* Animation for injecting inputs */
@-webkit-keyframes fadeinInput{
    0%    {background:#f7e2b8;}
    10%   {background:#f7e2b8;}
    100%  {background:#ffffff;}
}
@-moz-keyframes fadeinInput{
    0%    {background:#f7e2b8;}
    10%   {background:#f7e2b8;}
    100%  {background:#ffffff;}
}
@-o-keyframes fadeinInput{
    0%    {background:#f7e2b8;}
    10%   {background:#f7e2b8;}
    100%  {background:#ffffff;}
}
@keyframes fadeinInput{
    0%    {background:#f7e2b8;}
    10%   {background:#f7e2b8;}
    100%  {background:#ffffff;}
}







/***************************************************************
*  Need to put into animationCSS.js and make values dynamic
***************************************************************/

/* Animation for SlideLeftIn */
@-webkit-keyframes SlideLeftIn{
    0%  {-ms-transform: translateX(410px); transform: translateX(410px);  -webkit-transform: translateX(410px);}
    100%{ -ms-transform: translateX(0px); transform: translateX(0px); -webkit-transform: translateX(0px);}
}
@-moz-keyframes SlideLeftIn{
    0%  {-ms-transform: translateX(410px); transform: translateX(410px);  -webkit-transform: translateX(410px);}
    100%{ -ms-transform: translateX(0px); transform: translateX(0px); -webkit-transform: translateX(0px);}
}
@-o-keyframes SlideLeftIn{
    0%  {-ms-transform: translateX(410px); transform: translateX(410px);  -webkit-transform: translateX(410px);}
    100%{ -ms-transform: translateX(0px); transform: translateX(0px); -webkit-transform: translateX(0px);}
}
@keyframes SlideLeftIn{
    0%  {-ms-transform: translateX(410px); transform: translateX(410px);  -webkit-transform: translateX(410px);}
    100%{ -ms-transform: translateX(0px); transform: translateX(0px); -webkit-transform: translateX(0px);}
}
@media screen
and (min-width:480px){
    @-webkit-keyframes SlideLeftIn{
        0%  {-ms-transform: translateX(200px); transform: translateX(200px);  -webkit-transform: translateX(200px);}
        100%{ -ms-transform: translateX(0px); transform: translateX(0px); -webkit-transform: translateX(0px);}
    }
    @-moz-keyframes SlideLeftIn{
        0%  {-ms-transform: translateX(200px); transform: translateX(200px);  -webkit-transform: translateX(200px);}
        100%{ -ms-transform: translateX(0px); transform: translateX(0px); -webkit-transform: translateX(0px);}
    }
    @-o-keyframes SlideLeftIn{
        0%  {-ms-transform: translateX(200px); transform: translateX(200px);  -webkit-transform: translateX(200px);}
        100%{ -ms-transform: translateX(0px); transform: translateX(0px); -webkit-transform: translateX(0px);}
    }
    @keyframes SlideLeftIn{
        0%  {-ms-transform: translateX(200px); transform: translateX(200px);  -webkit-transform: translateX(200px);}
        100%{ -ms-transform: translateX(0px); transform: translateX(0px); -webkit-transform: translateX(0px);}
    }
}




/* Animation for SlideLeftOut */
@-webkit-keyframes SlideLeftOut{
    0%    {-ms-transform: translateX(0px); transform: translateX(0px); -webkit-transform: translateX(0px);}
    100%  {-ms-transform: translateX(-410px); transform: translateX(-410px);  -webkit-transform: translateX(-410px);}
}
@-moz-keyframes SlideLeftOut{
    0%    {-ms-transform: translateX(0px); transform: translateX(0px); -webkit-transform: translateX(0px);}
    100%  {-ms-transform: translateX(-410px); transform: translateX(-410px);  -webkit-transform: translateX(-410px);}
}
@-o-keyframes SlideLeftOut{
    0%    {-ms-transform: translateX(0px); transform: translateX(0px); -webkit-transform: translateX(0px);}
    100%  {-ms-transform: translateX(-410px); transform: translateX(-410px);  -webkit-transform: translateX(-410px);}
}
@keyframes SlideLeftOut{
    0%    {-ms-transform: translateX(0px); transform: translateX(0px); -webkit-transform: translateX(0px);}
    100%  {-ms-transform: translateX(-410px); transform: translateX(-410px);  -webkit-transform: translateX(-410px);}
}





/* Animation for SlideRightIn */
@-webkit-keyframes SlideRightIn{
    0%  {-ms-transform: translateX(-410px); transform: translateX(-410px);  -webkit-transform: translateX(-410px);}
    100%{ -ms-transform: translateX(0px); transform: translateX(0px); -webkit-transform: translateX(0px);}
}
@-moz-keyframes SlideRightIn{
    0%  {-ms-transform: translateX(-410px); transform: translateX(-410px);  -webkit-transform: translateX(-410px);}
    100%{ -ms-transform: translateX(0px); transform: translateX(0px); -webkit-transform: translateX(0px);}
}
@-o-keyframes SlideRightIn{
    0%  {-ms-transform: translateX(-410px); transform: translateX(-410px);  -webkit-transform: translateX(-410px);}
    100%{ -ms-transform: translateX(0px); transform: translateX(0px); -webkit-transform: translateX(0px);}
}
@keyframes SlideRightIn{
    0%  {-ms-transform: translateX(-410px); transform: translateX(-410px);  -webkit-transform: translateX(-410px);}
    100%{ -ms-transform: translateX(0px); transform: translateX(0px); -webkit-transform: translateX(0px);}
}





/* Animation for SlideRightOut */
@-webkit-keyframes SlideRightOut{
    0%  { -ms-transform: translateX(0px); transform: translateX(0px); -webkit-transform: translateX(0px);}
    100%{-ms-transform: translateX(410px); transform: translateX(410px);  -webkit-transform: translateX(410px);}
}
@-moz-keyframes SlideRightOut{
    0%  { -ms-transform: translateX(0px); transform: translateX(0px); -webkit-transform: translateX(0px);}
    100%{-ms-transform: translateX(410px); transform: translateX(410px);  -webkit-transform: translateX(410px);}
}
@-o-keyframes SlideRightOut{
    0%  { -ms-transform: translateX(0px); transform: translateX(0px); -webkit-transform: translateX(0px);}
    100%{-ms-transform: translateX(410px); transform: translateX(410px);  -webkit-transform: translateX(410px);}
}
@keyframes SlideRightOut{
    0%  { -ms-transform: translateX(0px); transform: translateX(0px); -webkit-transform: translateX(0px);}
    100%{-ms-transform: translateX(410px); transform: translateX(410px);  -webkit-transform: translateX(410px);}
}





/* Animation for SlideUpIn */
@-webkit-keyframes SlideUpIn{
    0%  { -ms-transform: translateY(800px); transform: translateY(800px); -webkit-transform: translateY(800px);}
    100%{-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
}
@-moz-keyframes SlideUpIn{
    0%  { -ms-transform: translateY(800px); transform: translateY(800px); -webkit-transform: translateY(800px);}
    100%{-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
}
@-o-keyframes SlideUpIn{
    0%  { -ms-transform: translateY(800px); transform: translateY(800px); -webkit-transform: translateY(800px);}
    100%{-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
}
@keyframes SlideUpIn{
    0%  { -ms-transform: translateY(800px); transform: translateY(800px); -webkit-transform: translateY(800px);}
    100%{-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
}





/* Animation for SlideUpOut */
@-webkit-keyframes SlideUpOut{
    0%  {-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
    100%{ -ms-transform: translateY(-800px); transform: translateY(-800px); -webkit-transform: translateY(-800px);}
}
@-moz-keyframes SlideUpOut{
    0%  {-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
    100%{ -ms-transform: translateY(-800px); transform: translateY(-800px); -webkit-transform: translateY(-800px);}
}
@-o-keyframes SlideUpOut{
    0%  {-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
    100%{ -ms-transform: translateY(-800px); transform: translateY(-800px); -webkit-transform: translateY(-800px);}
}
@keyframes SlideUpOut{
    0%  {-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
    100%{ -ms-transform: translateY(-800px); transform: translateY(-800px); -webkit-transform: translateY(-800px);}
}





/* Animation for SlideDownIn */
@-webkit-keyframes SlideDownIn{
    0%  { -ms-transform: translateY(-800px); transform: translateY(-800px); -webkit-transform: translateY(-800px);}
    100%{-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
}
@-moz-keyframes SlideDownIn{
    0%  { -ms-transform: translateY(-800px); transform: translateY(-800px); -webkit-transform: translateY(-800px);}
    100%{-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
}
@-o-keyframes SlideDownIn{
    0%  { -ms-transform: translateY(-800px); transform: translateY(-800px); -webkit-transform: translateY(-800px);}
    100%{-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
}
@keyframes SlideDownIn{
    0%  { -ms-transform: translateY(-800px); transform: translateY(-800px); -webkit-transform: translateY(-800px);}
    100%{-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
}





/* Animation for SlideDownOut */
@-webkit-keyframes SlideDownOut{
    0%  {-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
    100%{ -ms-transform: translateY(800px); transform: translateY(800px); -webkit-transform: translateY(800px);}
}
@-moz-keyframes SlideDownOut{
    0%  {-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
    100%{ -ms-transform: translateY(800px); transform: translateY(800px); -webkit-transform: translateY(800px);}
}
@-o-keyframes SlideDownOut{
    0%  {-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
    100%{ -ms-transform: translateY(800px); transform: translateY(800px); -webkit-transform: translateY(800px);}
}
@keyframes SlideDownOut{
    0%  {-ms-transform: translateY(0px); transform: translateY(0px);  -webkit-transform: translateY(0px);}
    100%{ -ms-transform: translateY(800px); transform: translateY(800px); -webkit-transform: translateY(800px);}
}





/* Animation for FadeIn */
@-webkit-keyframes FadeIn{
    0%  {opacity:0; filter:alpha(opacity=0);}
    100%{opacity:1; filter:alpha(opacity=100);}
}
@-moz-keyframes FadeIn{
    0%  {opacity:0; filter:alpha(opacity=0);}
    100%{opacity:1; filter:alpha(opacity=100);}
}
@-o-keyframes FadeIn{
    0%  {opacity:0; filter:alpha(opacity=0);}
    100%{opacity:1; filter:alpha(opacity=100);}
}
@keyframes FadeIn{
    0%  {opacity:0; filter:alpha(opacity=0);}
    100%{opacity:1; filter:alpha(opacity=100);}
}





/* Animation for FadeOut */
@-webkit-keyframes FadeOut{
    0%  {opacity:1; filter:alpha(opacity=100); left:0;}
    99%{opacity:0; filter:alpha(opacity=0); left:0;}
    100%{opacity:0; filter:alpha(opacity=0); left:-100%;}
}
@-moz-keyframes FadeOut{
    0%  {opacity:1; filter:alpha(opacity=100); left:0;}
    99%{opacity:0; filter:alpha(opacity=0); left:0;}
    100%{opacity:0; filter:alpha(opacity=0); left:-100%;}
}
@-o-keyframes FadeOut{
    0%  {opacity:1; filter:alpha(opacity=100); left:0;}
    99%{opacity:0; filter:alpha(opacity=0); left:0;}
    100%{opacity:0; filter:alpha(opacity=0); left:-100%;}
}
@keyframes FadeOut{
    0%  {opacity:1; filter:alpha(opacity=100); left:0;}
    99%{opacity:0; filter:alpha(opacity=0); left:0;}
    100%{opacity:0; filter:alpha(opacity=0); left:-100%;}
}






/* Animation for flipInX */
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}








@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUpBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInUpBig {
    0% {
        opacity: 1;
        -o-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 1;
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-2000px);
        background-color: rgba(0,0,0,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        background-color: rgba(0,0,0,0.4);
    }
}

@-moz-keyframes fadeInDownBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInDownBig {
    0% {
        opacity: 1;
        -o-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 1;
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -moz-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -moz-animation-name: fadeInLeftBig;
    -o-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -moz-animation-name: fadeInRightBig;
    -o-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }
}

@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }
}

@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
}

@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }
}

@-o-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(20px)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }
}

@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-20px)
    }
}

@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-20px)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }
}

@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(20px)
    }
}

@-o-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(20px)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}

@-moz-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
}

@-o-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -moz-animation-name: fadeOutUpBig;
    -o-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
}

@-moz-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
}

@-o-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    -moz-animation-name: fadeOutDownBig;
    -o-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}

@-moz-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
}

@-o-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    -moz-animation-name: fadeOutLeftBig;
    -o-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}

@-moz-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
}

@-o-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    -moz-animation-name: fadeOutRightBig;
    -o-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.05)
    }
    70% {
        -moz-transform: scale(.9)
    }
    100% {
        -moz-transform: scale(1)
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.05)
    }
    70% {
        -o-transform: scale(.9)
    }
    100% {
        -o-transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        transform: scale(1.05)
    }
    70% {
        transform: scale(.9)
    }
    100% {
        transform: scale(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(-30px)
    }
    80% {
        -moz-transform: translateY(10px)
    }
    100% {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateY(-30px)
    }
    80% {
        -o-transform: translateY(10px)
    }
    100% {
        -o-transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(-30px)
    }
    80% {
        transform: translateY(10px)
    }
    100% {
        transform: translateY(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    -moz-animation-name: bounceInUp;
    -o-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(30px)
    }
    80% {
        -moz-transform: translateY(-10px)
    }
    100% {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateY(30px)
    }
    80% {
        -o-transform: translateY(-10px)
    }
    100% {
        -o-transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(30px)
    }
    80% {
        transform: translateY(-10px)
    }
    100% {
        transform: translateY(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(30px)
    }
    80% {
        -moz-transform: translateX(-10px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}

@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateX(30px)
    }
    80% {
        -o-transform: translateX(-10px)
    }
    100% {
        -o-transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(30px)
    }
    80% {
        transform: translateX(-10px)
    }
    100% {
        transform: translateX(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(-30px)
    }
    80% {
        -moz-transform: translateX(10px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}

@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateX(-30px)
    }
    80% {
        -o-transform: translateX(10px)
    }
    100% {
        -o-transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(-30px)
    }
    80% {
        transform: translateX(10px)
    }
    100% {
        transform: translateX(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }
}

@-moz-keyframes bounceOut {
    0% {
        -moz-transform: scale(1)
    }
    25% {
        -moz-transform: scale(.95)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(.3)
    }
}

@-o-keyframes bounceOut {
    0% {
        -o-transform: scale(1)
    }
    25% {
        -o-transform: scale(.95)
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -o-transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        transform: scale(1)
    }
    25% {
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        transform: scale(.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}

@-moz-keyframes bounceOutUp {
    0% {
        -moz-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
}

@-o-keyframes bounceOutUp {
    0% {
        -o-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    -moz-animation-name: bounceOutUp;
    -o-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
}

@-moz-keyframes bounceOutDown {
    0% {
        -moz-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
}

@-o-keyframes bounceOutDown {
    0% {
        -o-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    -moz-animation-name: bounceOutDown;
    -o-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}

@-moz-keyframes bounceOutLeft {
    0% {
        -moz-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
}

@-o-keyframes bounceOutLeft {
    0% {
        -o-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    -moz-animation-name: bounceOutLeft;
    -o-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}

@-moz-keyframes bounceOutRight {
    0% {
        -moz-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
}

@-o-keyframes bounceOutRight {
    0% {
        -o-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    -moz-animation-name: bounceOutRight;
    -o-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateIn {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateIn {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    -moz-animation-name: rotateIn;
    -o-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateInUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    -moz-animation-name: rotateInUpLeft;
    -o-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateInDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    -moz-animation-name: rotateInDownLeft;
    -o-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateInUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    -moz-animation-name: rotateInUpRight;
    -o-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateInDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    -moz-animation-name: rotateInDownRight;
    -o-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(200deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOut {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(200deg);
        opacity: 0
    }
}

@-o-keyframes rotateOut {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    -moz-animation-name: rotateOut;
    -o-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    -moz-animation-name: rotateOutUpLeft;
    -o-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    -moz-animation-name: rotateOutDownLeft;
    -o-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    -moz-animation-name: rotateOutUpRight;
    -o-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    -moz-animation-name: rotateOutDownRight;
    -o-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform: translateY(700px);
        opacity: 0
    }
}

@-moz-keyframes hinge {
    0% {
        -moz-transform: rotate(0);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    20%, 60% {
        -moz-transform: rotate(80deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    40% {
        -moz-transform: rotate(60deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    80% {
        -moz-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    100% {
        -moz-transform: translateY(700px);
        opacity: 0
    }
}

@-o-keyframes hinge {
    0% {
        -o-transform: rotate(0);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    20%, 60% {
        -o-transform: rotate(80deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    40% {
        -o-transform: rotate(60deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    80% {
        -o-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    100% {
        -o-transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    100% {
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    -moz-animation-name: hinge;
    -o-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg)
    }
}

@-moz-keyframes rollIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg)
    }
}

@-o-keyframes rollIn {
    0% {
        opacity: 0;
        -o-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg)
    }
}

@-moz-keyframes rollOut {
    0% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(100%) rotate(120deg)
    }
}

@-o-keyframes rollOut {
    0% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    -moz-animation-name: rollOut;
    -o-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@-moz-keyframes lightSpeedIn {
    0% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -moz-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -moz-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@-o-keyframes lightSpeedIn {
    0% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -o-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -o-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.animated.lightSpeedIn {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@-moz-keyframes lightSpeedOut {
    0% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@-o-keyframes lightSpeedOut {
    0% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.animated.lightSpeedOut {
    -webkit-animation-duration: .25s;
    -moz-animation-duration: .25s;
    -o-animation-duration: .25s;
    animation-duration: .25s
}

@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: skewX(9deg)
    }
    10% {
        -webkit-transform: skewX(-8deg)
    }
    20% {
        -webkit-transform: skewX(7deg)
    }
    30% {
        -webkit-transform: skewX(-6deg)
    }
    40% {
        -webkit-transform: skewX(5deg)
    }
    50% {
        -webkit-transform: skewX(-4deg)
    }
    60% {
        -webkit-transform: skewX(3deg)
    }
    70% {
        -webkit-transform: skewX(-2deg)
    }
    80% {
        -webkit-transform: skewX(1deg)
    }
    90% {
        -webkit-transform: skewX(0deg)
    }
    100% {
        -webkit-transform: skewX(0deg)
    }
}

@-moz-keyframes wiggle {
    0% {
        -moz-transform: skewX(9deg)
    }
    10% {
        -moz-transform: skewX(-8deg)
    }
    20% {
        -moz-transform: skewX(7deg)
    }
    30% {
        -moz-transform: skewX(-6deg)
    }
    40% {
        -moz-transform: skewX(5deg)
    }
    50% {
        -moz-transform: skewX(-4deg)
    }
    60% {
        -moz-transform: skewX(3deg)
    }
    70% {
        -moz-transform: skewX(-2deg)
    }
    80% {
        -moz-transform: skewX(1deg)
    }
    90% {
        -moz-transform: skewX(0deg)
    }
    100% {
        -moz-transform: skewX(0deg)
    }
}

@-o-keyframes wiggle {
    0% {
        -o-transform: skewX(9deg)
    }
    10% {
        -o-transform: skewX(-8deg)
    }
    20% {
        -o-transform: skewX(7deg)
    }
    30% {
        -o-transform: skewX(-6deg)
    }
    40% {
        -o-transform: skewX(5deg)
    }
    50% {
        -o-transform: skewX(-4deg)
    }
    60% {
        -o-transform: skewX(3deg)
    }
    70% {
        -o-transform: skewX(-2deg)
    }
    80% {
        -o-transform: skewX(1deg)
    }
    90% {
        -o-transform: skewX(0deg)
    }
    100% {
        -o-transform: skewX(0deg)
    }
}

@keyframes wiggle {
    0% {
        transform: skewX(9deg)
    }
    10% {
        transform: skewX(-8deg)
    }
    20% {
        transform: skewX(7deg)
    }
    30% {
        transform: skewX(-6deg)
    }
    40% {
        transform: skewX(5deg)
    }
    50% {
        transform: skewX(-4deg)
    }
    60% {
        transform: skewX(3deg)
    }
    70% {
        transform: skewX(-2deg)
    }
    80% {
        transform: skewX(1deg)
    }
    90% {
        transform: skewX(0deg)
    }
    100% {
        transform: skewX(0deg)
    }
}

.wiggle {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -o-animation-name: wiggle;
    animation-name: wiggle;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.animated.wiggle {
    -webkit-animation-duration: .75s;
    -moz-animation-duration: .75s;
    -o-animation-duration: .75s;
    animation-duration: .75s
}

.fade-hide, .fade-show {
  -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}

.fade-hide {
  opacity:1;
}
.fade-hide.fade-hide-active {
  opacity:0;
}

.fade-show {
  opacity:0;
}
.fade-show.fade-show-active {
  opacity:1;
}

.fade-hide, .fade-show {

  -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.0s;

  -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.0s;

  -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.0s;

  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.0s;

}



.fade-hide {

  left: 0;
  opacity:1;

}

.fade-hide.fade-hide-active {

  left: -100%;
  opacity:0;

}



.fade-show {

  left: 0;
  opacity:0;

}

.fade-show.fade-show-active {

  left: 100%;
  opacity:1;

}

.slideLeftOut-hide {
    transform: translateX(0px);
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
}
.slideLeftOut-hide.slideLeftOut-hide-active{
    transform: translateX(-320px);
    -ms-transform: translateX(-320px);
    -webkit-transform: translateX(-320px);
}

.slideRightIn-show,
.slideRightOut-hide
{
    -webkit-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -webkit-transition: -webkit-transform 300ms ease;
}

.slideRightIn-show {
    transform: translateX(-320px);
    -ms-transform: translateX(-320px);
    -webkit-transform: translateX(-320px);
}
.slideRightIn-show.slideRightIn-show-active {
    transform: translateX(0px);
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
}

.slideRightOut-hide {
    transform: translateX(0px);
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
}
.slideRightOut-hide.slideRightOut-hide-active{
    transform: translateX(320px);
    -ms-transform: translateX(320px);
    -webkit-transform: translateX(320px);
}

.slideUpIn-show,
.slideUpOut-hide
{
    -webkit-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -webkit-transition: -webkit-transform 300ms ease;
}

.slideUpIn-show {
    transform: translateY(500px);
    -ms-transform: translateY(500px);
    -webkit-transform: translateY(500px);
}
.slideUpIn-show.slideUpIn-show-active {
    transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
}

.slideUpOut-hide {
    transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.slideUpOut-hide.slideUpOut-hide-active{
    transform: translateY(-500px);
    -ms-transform: translateY(-500px);
    -webkit-transform: translateY(-500px);
}

.slideDownIn-show,
.slideDownOut-hide
{
    -webkit-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -webkit-transition: -webkit-transform 300ms ease;
}

.slideDownIn-show {
    transform: translateY(-500px);
    -ms-transform: translateY(-500px);
    -webkit-transform: translateY(-500px);
}
.slideDownIn-show.slideDownIn-show-active {
    transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
}

.slideDownOut-hide {
    transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.slideDownOut-hide.slideDownOut-hide-active{
    transform: translateY(500px);
    -ms-transform: translateY(500px);
    -webkit-transform: translateY(500px);
}


/* Animations for iphone */
.slideInTransition {
    -webkit-transition: -webkit-transform 250ms linear;
    -webkit-transform: translateX(0px);
}

.slideOutTransition {
    -webkit-transition: -webkit-transform 250ms linear;
    -webkit-transform: translateX(-320px);
}

.animateControl {
    width: 100%;
    background-image:url(../images/contentBg.gif);
    height: 460px;
    display: none;
    top: 0px;
}

/*  Following are the styles for sliding a control
    on top of the other from bottom up
    Styles that trigger animation should be prefixed
    with "animate_".
*/
.animate_slideUp {
    display: block;
    top: 460px;
    -webkit-animation-name: "slideUp";
    -webkit-animation-duration: 250ms;
}

.animate_slideUpComplete {
    top: 0px;
    position: fixed;
    display: block;
}

@-webkit-keyframes slideUp {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(-460px); }
}

.animate_slideDown {
    display: block;
    top: 460px;
    -webkit-animation-name: "slideDown";
    -webkit-animation-duration: 250ms;
}

.animate_slideDownComplete {
    top: 0px;
    position: fixed;
    display: none;
}

@-webkit-keyframes slideDown {
    from { -webkit-transform: translateY(-460px); }
    to { -webkit-transform: translateY(0); }
}

/* Animation for slide left */
.animate_visibleControl {
    display: block;
}

.animate_pushLeftStart {
    left: 320px;
    display: block;
    position: absolute;
}

.animate_pushLeft .animate_pushLeftStart{
    display: block;
    position: absolute;
}

.animate_pushLeft .animate_visibleControl{
    display: block;
    position: absolute;
}

.animate_pushLeft .animate_visibleControl, .animate_pushLeft .animate_pushLeftStart{
    position: absolute;
    -webkit-animation-name: "pushLeft";
    -webkit-animation-duration: 350ms;
}

@-webkit-keyframes pushLeft {
    from { -webkit-transform: translateX(0px); }
    to { -webkit-transform: translateX(-320px); }
}
/* End animation for slide left */

/* Animation for slide right */
.animate_pushRightStart {
    left: -320px;
    display: block;
    position: absolute;
}

.animate_pushRight .animate_pushRightStart{
    display: block;
    position: absolute;
}

.animate_pushRight .animate_visibleControl{
    display: block;
    position: absolute;
}

.animate_pushRight .animate_visibleControl, .animate_pushRight .animate_pushRightStart{
    position: absolute;
    -webkit-animation-name: "pushRight";
    -webkit-animation-duration: 350ms;
}

@-webkit-keyframes pushRight {
    from { -webkit-transform: translateX(0px); }
    to { -webkit-transform: translateX(320px); }
}


@-webkit-keyframes shadowSlideInLeft{
    from {
        transform: translateX(400px);
        -ms-transform: translateX(400px);
        -webkit-transform: translateX(400px);
    }

    to {
        transform: translateX(0);
        -ms-transform: translateX(0px);
        -webkit-transform: translateX(0px);
    }
}

@-moz-keyframes shadowSlideInLeft{
    from {
        transform: translateX(400px);
        -ms-transform: translateX(400px);
        -webkit-transform: translateX(400px);
    }
    to {
        transform: translateX(0px);
        -ms-transform: translateX(0px);
        -webkit-transform: translateX(0px);
    }
}

@-o-keyframes shadowSlideInLeft{
    from {
        transform: translateX(400px);
        -ms-transform: translateX(400px);
        -webkit-transform: translateX(400px);
    }
    to {
        transform: translateX(0px);
        -ms-transform: translateX(0px);
        -webkit-transform: translateX(0px);
    }
}

@keyframes shadowSlideInLeft{
    from {
        transform: translateX(400px);
        -ms-transform: translateX(400px);
        -webkit-transform: translateX(400px);
    }
    to {
        transform: translateX(0px);
        -ms-transform: translateX(0px);
        -webkit-transform: translateX(0px);
    }
}