@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:50px; 
    height:50px;
    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:#012b65 url('../images/nav-top.png') no-repeat 50% 50%;

    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:0px;
    -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:#b29041; 
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}




#back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  width: 50px;
  height: 50px;
  /* padding: 15px 10px 10px; */
  font-size: 33px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  border-radius: 0px;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
  opacity: 0;
  -webkit-transform: rotate() scale(0);
  transform: rotate() scale(0);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}


#back-to-top.show {
  opacity: 1;
  -webkit-transform: rotate() scale(1);
  transform: rotate() scale(1);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}