@charset "utf-8";

/* **************************************************

  zoom
  
************************************************** */
.zoom-in {
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  -ms-transition: -ms-transform 0.2s ease-out;
  -o-transition: -o-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}
.zoom-in:hover {
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -ms-transform: scale(1.25);
  -o-transform: scale(1.25);
  transform: scale(1.25);
}



/* **************************************************

  switch
  
************************************************** */
.switch,
.switch:hover img {
  -ms-filter: "alpha(opacity=100)" !important;
  filter: alpha(opacity=100) !important;
  opacity: 1.0 !important;
}
.switch:hover a { color: #2fc8d4; }

@media screen and (min-width:768px) {
.switch {
  -webkit-transition: -webkit-transform 0.1s ease-out;
  -moz-transition: -moz-transform 0.1s ease-out;
  -ms-transition: -ms-transform 0.1s ease-out;
  -o-transition: -o-transform 0.1s ease-out;
  transition: transform 0.1s ease-out;
}
.switch:hover {
  -webkit-transform: translate(5px,5px);
  -moz-transform: translate(5px,5px);
  -ms-transform: translate(5px,5px);
  -o-transform: translate(5px,5px);
  transform: translate(5px,5px);
}
}



/* **************************************************

  fade-in-up > *
  
************************************************** */
/* --------------------------------------------------
  fadeInUpBefore
-------------------------------------------------- */
.fade-in-up-before:before {
  -ms-filter: "alpha(opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 0.6s cubic-bezier(.47,1.84,.61,1.16);
  -moz-transition: all 0.6s cubic-bezier(.47,1.84,.61,1.16);
  -ms-transition: all 0.6s cubic-bezier(.47,1.84,.61,1.16);
  -o-transition: all 0.6s cubic-bezier(.47,1.84,.61,1.16);
  transition: all 0.6s cubic-bezier(.47,1.84,.61,1.16);
}
.fade-in-up-before.fadeInUpBefore:before {
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1.0;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}


/* --------------------------------------------------
  fadeInUpAfter
-------------------------------------------------- */
.fade-in-up-after:after {
  -ms-filter: "alpha(opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 0.6s cubic-bezier(.47,1.84,.61,1.16) 0.2s;
  -moz-transition: all 0.6s cubic-bezier(.47,1.84,.61,1.16) 0.2s;
  -ms-transition: all 0.6s cubic-bezier(.47,1.84,.61,1.16) 0.2s;
  -o-transition: all 0.6s cubic-bezier(.47,1.84,.61,1.16) 0.2s;
  transition: all 0.6s cubic-bezier(.47,1.84,.61,1.16) 0.2s;
}
.fade-in-up-after.fadeInUpAfter:after {
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1.0;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
