/* Animated Tagline Switcher */
/*
#home {
  height: 100%;
  overflow: hidden;
  position: relative;
}
  #home .background {
    position: absolute;
    height: 100%;
    width: 100%;
  }
  #home .background img {
    position: relative;
    width: 100%;
  }
  #home h1.welcome {
    position: relative;
    text-align: center;
    font-size: 44px;
    text-transform: uppercase;
    top: 30%;
  }
*/
    #page_home h2.tagline {
      position: relative;
	  /*white-space: nowrap;*/
      /*font-size: 20px;
      text-shadow: 0 1px 0 rgba(0,0,0,.2);
      line-height: normal;
      color: #ddd;*/
    }
      #page_home h2 span.tag-change {
        /*position: relative;*/
        top: 0;
        display: inline-block;
        text-align: left;
        width: 200px;
        /*height: 19px;*/
      }
      #page_home h2 span.tag-change a {
        position: absolute;
        top: 0;
        margin: -1px 0;
        padding: 0 /*5px*/;
        color: transparent;
        text-shadow: none;

        transition: .5s;
        -webkit-transition: .5s;
      }
      #page_home h2 span.tag-change a.active { top: 0; color:#444444; }

      /* colors */
      #page_home h2 span.tag-change a.active.purple { color: #a870cc; }
      #page_home h2 span.tag-change a.active.blue { color: #36a7f3; }
      #page_home h2 span.tag-change a.active.green { color: #85bf00; }
      #page_home h2 span.tag-change a.active.red { color: #ff6b6b; }


      /* Slide Vertical */
      #page_home h2 span.tag-change a.vs-out { top: 30px; }
      body.slide-vertical #page_home h2 span.tag-change a { top: -20px;}

      /* Flip Horizontal */
      body.flip-horizontal #page_home h2 span.tag-change { perspective: 1000; }
      body.flip-horizontal #page_home h2 span.tag-change a { 
        transform: rotateY(180deg); 
        transform-origin: 25% 0;
      }
      body.flip-horizontal #page_home h2 span.tag-change a.active { transform: rotateY(0deg); }

      /* Flip Vertical */
      body.flip-vertical #page_home h2 span.tag-change { perspective: 1000; }
      body.flip-vertical #page_home h2 span.tag-change a { transform: rotateX(180deg); }
      body.flip-vertical #page_home h2 span.tag-change a.active { transform: rotateX(0deg); }

      /* Bounce */
      body.bounce #page_home h2 span.tag-change a.active {
        top: 0; 
        -moz-animation-name:bounce;
        -moz-animation-duration:.8s;
        -moz-animation-fill-mode:backwards;
        
        -webkit-animation-name:bounce;
        -webkit-animation-duration:.8s;
        -webkit-animation-fill-mode:backwards;
        
        animation-name:bounce;
        animation-duration:.8s;
        animation-fill-mode:backwards;
      }
      @-webkit-keyframes bounce {
        0%  { top:-70px; -webkit-animation-timing-function:ease-in;  }
        37%   { top:0; -webkit-animation-timing-function:ease-out; }
        55%   { top:-17.5px; -webkit-animation-timing-function:ease-in;  }
        73%   { top:0; -webkit-animation-timing-function:ease-out; }
        82%   { top:-4.9px; -webkit-animation-timing-function:ease-in;  }
        91%   { top:0; -webkit-animation-timing-function:ease-out; }
        96%   { top:-1.4px; -webkit-animation-timing-function:ease-in;  }
        100%  { top:0; }
      }
      @-moz-keyframes bounce {
        0%  { top:-70px; -moz-animation-timing-function:ease-in;  }
        37%   { top:0; -moz-animation-timing-function:ease-out; }
        55%   { top:-17.5px; -moz-animation-timing-function:ease-in;  }
        73%   { top:0; -moz-animation-timing-function:ease-out; }
        82%   { top:-4.9px; -moz-animation-timing-function:ease-in;  }
        91%   { top:0; -moz-animation-timing-function:ease-out; }
        96%   { top:-1.4px; -moz-animation-timing-function:ease-in;  }
        100%  { top:0; }
      }
      @keyframes bounce {
        0%  { top:-70px; -moz-animation-timing-function:ease-in;  }
        37%   { top:0; -moz-animation-timing-function:ease-out; }
        55%   { top:-17.5px; -moz-animation-timing-function:ease-in;  }
        73%   { top:0; -moz-animation-timing-function:ease-out; }
        82%   { top:-4.9px; -moz-animation-timing-function:ease-in;  }
        91%   { top:0; -moz-animation-timing-function:ease-out; }
        96%   { top:-1.4px; -moz-animation-timing-function:ease-in;  }
        100%  { top:0; }
      }