@charset "utf-8";
/*----------------------------------------------------------------------------------------
   Style Sheet: Drop Nav
   ----------------------------------------------------------------------------------------*/
   @-webkit-keyframes dropnav {
    from {background-position:50% 5px;}
    to {background-position:50% 10px;}
   }
   @-moz-keyframes dropnav {
    from {background-position:50% 5px;}
    to {background-position:50% 10px;}
   }
   @keyframes dropnav {
    from {background-position:50% 5px;}
    to {background-position:50% 10px;}
   }
/*----------------------------------------------------------------------------------------
   Style Sheet: Review A
   ----------------------------------------------------------------------------------------*/
   @-webkit-keyframes a-reviews {
    from { -webkit-transform: translate(0, 0); }
    65% {-webkit-transform: translate(20px, -9px);}
    to {-webkit-transform: translate(0, 0); }
   }
   @-moz-keyframes a-reviews {
    from { -moz-transform:translate(0, 0);}
    65% { -moz-transform:translate(20px, -9px);}
    to {-moz-transform:translate(0, 0); }
   }
   @keyframes a-reviews {
    from {transform: translate(0, 0);}
    65% { transform:translate(20px, -9px);}
    to { transform:translate(0, 0); }
   }
/*----------------------------------------------------------------------------------------
   Style Sheet: Review B
   ----------------------------------------------------------------------------------------*/
   @-webkit-keyframes b-reviews {
    from { -webkit-transform: translate(0, 0); }
    65% {-webkit-transform: translate(-10px, 1px);}
    to {-webkit-transform: translate(0, 0); }
   }
   @-moz-keyframes b-reviews {
    from { -moz-transform:translate(0, 0);}
    65% { -moz-transform:translate(-10px, 1px);}
    to {-moz-transform:translate(0, 0); }
   }
   @keyframes b-reviews {
    from {transform: translate(0, 0);}
    65% { transform:translate(-10px, 1px);}
    to { transform:translate(0, 0); }
   }
/*----------------------------------------------------------------------------------------
   Style Sheet: Review C
   ----------------------------------------------------------------------------------------*/
   @-webkit-keyframes c-reviews {
    from { -webkit-transform: translate(0, 0); }
    65% {-webkit-transform: translate(-9px, 7px);}
    to {-webkit-transform: translate(0, 0); }
   }
   @-moz-keyframes c-reviews {
    from { -moz-transform:translate(0, 0);}
    65% { -moz-transform:translate(-9px, 7px);}
    to {-moz-transform:translate(0, 0); }
   }
   @keyframes c-reviews {
    from {transform: translate(0, 0);}
    65% { transform:translate(-9px, 7px);}
    to { transform:translate(0, 0); }
   }
/*----------------------------------------------------------------------------------------
   Style Sheet: Review D
   ----------------------------------------------------------------------------------------*/
   @-webkit-keyframes d-reviews {
    from { -webkit-transform: translate(0, 0); }
    65% {-webkit-transform: translate(10px, 10px);}
    to {-webkit-transform: translate(0, 0); }
   }
   @-moz-keyframes d-reviews {
    from { -moz-transform:translate(0, 0);}
    65% { -moz-transform:translate(10px, 10px);}
    to {-moz-transform:translate(0, 0); }
   }
   @keyframes d-reviews {
    from {transform: translate(0, 0);}
    65% { transform:translate(10px, 10px);}
    to { transform:translate(0, 0); }
   }
/*----------------------------------------------------------------------------------------
   Style Sheet: Move Scale
   ----------------------------------------------------------------------------------------*/
   @-webkit-keyframes movescale {
    from {  -webkit-transform: translate(0, 0px); }
    65% { -webkit-transform: translate(0, 15px);}
    to { -webkit-transform: translate(0, 0px); }
   }
   @-moz-keyframes movescale {
    from { -moz-transform:translate(0, 0px);}
    65% { -moz-transform:translate(0, 15px); }
    to {-moz-transform:translate(0, 0px); }
   }
   @keyframes movescale {
    from {transform: translate(0, 0px);}
    65% { transform:translate(0, 15px); }
    to { transform:translate(0, 0px); }

   }
   .movescale {
    position: absolute;
    z-index: 9;
    left: 0px; top: 0px;
    -webkit-animation: movescale 2s infinite ease-in-out;
    -moz-animation: movescale 2s infinite ease-in-out;
    -o-animation: movescale 2s infinite ease-in-out;
    animation: movescale 2s infinite ease-in-out;
   }
   .movescale:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;   
   }
   @keyframes animatedBackground {
    from { background-position: 0 0; }
    to { background-position: 100% 0; }
   }
   #animate-area    { 
    width: 560px; 
    height: 400px; 
    background-image: url(bg-clouds.png);
    background-position: 0px 0px;
    background-repeat: repeat-x;
    animation: animatedBackground 40s linear infinite;
   }

    /*----------------------------------------------------------------------------------------
   Style Sheet: scrollToTop
   ----------------------------------------------------------------------------------------*/
   .scrollToTop{
    width:38px; 
    height:38px;
    margin:0; padding:2px; 
    text-align:center; 
    text-indent:-9999px;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position:fixed;
    bottom:25px;
    right:20px;
    display:none;
    z-index:999;
    background:#0075b8 url('../images/nav-top.png') no-repeat 50% 50%;

    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    -moz-box-shadow: 0px 20px 20px -20px #111;
    -webkit-box-shadow: 0px 20px 20px -20px #111;
    box-shadow: 0px 20px 20px -20px #111;
    border: 2px solid #fff;

    -webkit-animation: movescale 2s infinite ease-in-out;
    -moz-animation: movescale 2s infinite ease-in-out;
    -o-animation: movescale 2s infinite ease-in-out;
    animation: movescale 2s infinite ease-in-out;

    /*-webkit-animation: swing 10s ease-in-out 5s infinite;
    -moz-animation: swing 10s ease-in-out 5s infinite;
    -o-animation: swing 10s ease-in-out 5s infinite;
    animation: swing 10s ease-in-out 5s infinite;
    
    -webkit-transform-origin: top top;
    -moz-transform-origin: top top;
    -o-transform-origin: top top;
    transform-origin: top top;*/
}
.scrollToTop:hover{
    text-decoration:none;
    background-color:#000; 
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}