@charset "utf-8";

/*
 *
 * Usage: Base layout
 *
 * Name: animation.css
 *
 */



/*---------------------------------------------------------------------
Common layout
---------------------------------------------------------------------*/
#btnPagetop  {}
#btnPagetop:hover  { bottom:0px;}


/*---------------------------------------------------------------------
Top layout
---------------------------------------------------------------------*/
#topWrapper #wrapInner  {-webkit-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
                         -moz-transition:    all 2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
                         -ms-transition:     all 2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
                         transition:         all 2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

#topWrapper .obj  {-webkit-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
                   -moz-transition:    all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
                   -ms-transition:     all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
                   transition:         all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
                   -webkit-transform: scale(0.9);
                   -moz-transform:    scale(0.9);
                   -ms-transform:     scale(0.9);
                   transform:         scale(0.9);
                   opacity:0;}

#topWrapper .obj.action  {-webkit-transform: scale(1);
                          -moz-transform:    scale(1);
                          -ms-transform:     scale(1);
                          transform:         scale(1);
                          opacity:1;}

#topWrapper .box  {-webkit-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
                      -moz-transition:    all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
                      -ms-transition:     all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
                      transition:         all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
                      -webkit-transform: scale(0.9);
                      -moz-transform:    scale(0.9);
                      -ms-transform:     scale(0.9);
                      transform:         scale(0.9);
                      opacity:0;}

#topWrapper .box.action  {-webkit-transform: scale(1);
                             -moz-transform:    scale(1);
                             -ms-transform:     scale(1);
                             transform:         scale(1);
                             opacity:1;}


/*---------------------------------------------------------------------
Profile layout
---------------------------------------------------------------------*/
#profile #profImg dd,
#profile .obj,
#profile #sns         {-webkit-transform: scale(0.8);
                       -moz-transform:    scale(0.8);
                       -ms-transform:     scale(0.8);
                       transform:         scale(0.8);
                       opacity:0;}

#profile #profImg dd.action,
#profile .obj.action,
#profile #sns.action         {-webkit-transform: scale(1);
                              -moz-transform:    scale(1);
                              -ms-transform:     scale(1);
                              transform:         scale(1);
                              opacity:1;}

#profile #profTxt h3,
#profile #profTxt p   {opacity:0;}

#profile #profTxt h3.action,
#profile #profTxt p.action   {opacity:1;}


/*---------------------------------------------------------------------
Works layout
---------------------------------------------------------------------*/
#works #worksList li  {-webkit-transform: scale(0.8);
                       -moz-transform:    scale(0.8);
                       -ms-transform:     scale(0.8);
                       transform:         scale(0.8);
                       opacity:0;}

#works #worksList li.action  {-webkit-transform: scale(1);
                              -moz-transform:    scale(1);
                              -ms-transform:     scale(1);
                              transform:         scale(1);
                              opacity:1;}

#works #cboxContent button  {-webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                             -moz-transition:    all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                             -ms-transition:     all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                             transition:         all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                             -webkit-transform: scale(0.8);
                             -moz-transform:    scale(0.8);
                             -ms-transform:     scale(0.8);
                             transform:         scale(0.8);}

#works #cboxContent button:hover  {-webkit-transform: scale(1);
                                   -moz-transform:    scale(1);
                                   -ms-transform:     scale(1);
                                   transform:         scale(1);}


/*---------------------------------------------------------------------
Lesson layout
---------------------------------------------------------------------*/
#lesson .section .img  {-webkit-transform: scale(0.8);
                        -moz-transform:    scale(0.8);
                        -ms-transform:     scale(0.8);
                        transform:         scale(0.8);
                        opacity:0;}

#lesson .section .img.action  {-webkit-transform: scale(1);
                               -moz-transform:    scale(1);
                               -ms-transform:     scale(1);
                               transform:         scale(1);
                               opacity:1;}

#lesson .section h3,
#lesson .section .txt  {opacity:0;}
#lesson .section h3.action,
#lesson .section .txt.action  {opacity:1;}



/*---------------------------------------------------------------------
Blog layout
---------------------------------------------------------------------*/
#blog .entry  {opacity:0;}
#blog .entry.action  {opacity:1;}

#blog #pagenate .previouspostslink,
#blog #pagenate .nextpostslink  {-webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                                 -moz-transition:    all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                                 -ms-transition:     all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                                 transition:         all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                                 -webkit-transform: scale(0.8);
                                 -moz-transform:    scale(0.8);
                                 -ms-transform:     scale(0.8);
                                 transform:         scale(0.8);}

#blog #pagenate .previouspostslink:hover,
#blog #pagenate .nextpostslink:hover  {-webkit-transform: scale(1);
                                       -moz-transform:    scale(1);
                                       -ms-transform:     scale(1);
                                       transform:         scale(1);}