@charset "utf-8";

/*
 *
 * Usage: Intro layout
 *
 * Name: intro.css
 *
 */



/*---------------------------------------------------------------------
Page layout
---------------------------------------------------------------------*/
/* background */
#introBG  {position:fixed; top:90px; left:0; width:100%; height:100%; opacity:0; z-index:99;}
  #introBG .bg  {position:absolute; top:0; left:0; width:100%; opacity:0;}


/* title */
#title  {position:absolute; top:50%; left:0; width:100%; height:50px; text-align:center; margin-top:-25px;}
  #title h2,
  #title h3  {-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
              -moz-transition:    all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
              -ms-transition:     all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
              transition:         all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
  #title h2  {position:absolute; top:20px; left:0; width:100%; opacity:0; font-size:24px; color:#fff; letter-spacing:0.3em;}
  #title h3  {position:absolute; bottom:-20px; left:0; width:100%; opacity:0; font-weight:bold; color:#bdbdbd;}


#title.active h2  {top:0; opacity:1;}
#title.active h3  {-webkit-transition-delay: 0.3s;
                   -moz-transition-delay:    0.3s;
                   -ms-transition-delay:     0.3s;
                   transition-delay:         0.3s;
                   bottom:0; opacity:1;}