@charset "UTF-8";
/* line 5, ../../../../../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 312, ../../../scss/common/vr_mixin.scss */
html {
  font-size: 14px;
  line-height: 1.715;
}

/*
h1 { @include vr-font-size(26px, 30px); }
h2 { @include vr-font-size(20px, 24px); }
h3 { @include vr-font-size(18px, 22px); }

h1 { @include vr-spacing(2,2); }
h2,
h3 {
    @include vr-spacing(2,1);
}
p,
ul,
ol,
h4,
h5,
h6 {
    @include vr-spacing();
}
*/
/* line 341, ../../../scss/common/vr_mixin.scss */
.grid {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* line 348, ../../../scss/common/vr_mixin.scss */
.grid .line {
  font-size: 1rem;
  line-height: 1.715;
  box-shadow: 0 1px 0 #eee;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
  }
}
@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -ms-transform: translateY(0);
  }
  40% {
    -ms-transform: translateY(-30px);
  }
  60% {
    -ms-transform: translateY(-15px);
  }
}
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -o-transform: translateY(0);
  }
  40% {
    -o-transform: translateY(-30px);
  }
  60% {
    -o-transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05);
  }
  70% {
    -moz-transform: scale(0.9);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-ms-keyframes bounceIn {
  0% {
    opacity: 0;
    -ms-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -ms-transform: scale(1.05);
  }
  70% {
    -ms-transform: scale(0.9);
  }
  100% {
    -ms-transform: scale(1);
  }
}
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.05);
  }
  70% {
    -o-transform: scale(0.9);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px);
  }
  80% {
    -moz-transform: translateY(-10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-ms-keyframes bounceInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -ms-transform: translateY(30px);
  }
  80% {
    -ms-transform: translateY(-10px);
  }
  100% {
    -ms-transform: translateY(0);
  }
}
@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(30px);
  }
  80% {
    -o-transform: translateY(-10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px);
  }
  80% {
    -moz-transform: translateX(-10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-ms-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -ms-transform: translateX(30px);
  }
  80% {
    -ms-transform: translateX(-10px);
  }
  100% {
    -ms-transform: translateX(0);
  }
}
@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(30px);
  }
  80% {
    -o-transform: translateX(-10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px);
  }
  80% {
    -moz-transform: translateX(10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-ms-keyframes bounceInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -ms-transform: translateX(-30px);
  }
  80% {
    -ms-transform: translateX(10px);
  }
  100% {
    -ms-transform: translateX(0);
  }
}
@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(-30px);
  }
  80% {
    -o-transform: translateX(10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px);
  }
  80% {
    -moz-transform: translateY(10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-ms-keyframes bounceInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -ms-transform: translateY(-30px);
  }
  80% {
    -ms-transform: translateY(10px);
  }
  100% {
    -ms-transform: translateY(0);
  }
}
@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(-30px);
  }
  80% {
    -o-transform: translateY(10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
}
@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1);
  }
  25% {
    -moz-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
}
@-ms-keyframes bounceOut {
  0% {
    -ms-transform: scale(1);
  }
  25% {
    -ms-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -ms-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -ms-transform: scale(0.3);
  }
}
@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1);
  }
  25% {
    -o-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}
@-ms-keyframes bounceOutDown {
  0% {
    -ms-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -ms-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(2000px);
  }
}
@-o-keyframes bounceOutDown {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-ms-keyframes bounceOutLeft {
  0% {
    -ms-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -ms-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
  }
}
@-o-keyframes bounceOutLeft {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-ms-keyframes bounceOutRight {
  0% {
    -ms-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -ms-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(2000px);
  }
}
@-o-keyframes bounceOutRight {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-ms-keyframes bounceOutUp {
  0% {
    -ms-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -ms-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(-2000px);
  }
}
@-o-keyframes bounceOutUp {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
@-webkit-keyframes fluffy {
  0% {
    -webkit-transform: translateY(-10px);
  }
  50% {
    -webkit-transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-10px);
  }
}
@-moz-keyframes fluffy {
  0% {
    -moz-transform: translateY(-10px);
  }
  50% {
    -moz-transform: translateY(0px);
  }
  100% {
    -moz-transform: translateY(-10px);
  }
}
@-ms-keyframes fluffy {
  0% {
    -ms-transform: translateY(-10px);
  }
  50% {
    -ms-transform: translateY(0px);
  }
  100% {
    -ms-transform: translateY(-10px);
  }
}
@-o-keyframes fluffy {
  0% {
    -o-transform: translateY(-10px);
  }
  50% {
    -o-transform: translateY(0px);
  }
  100% {
    -o-transform: translateY(-10px);
  }
}
@keyframes fluffy {
  0% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-10px);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInBlock {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-moz-keyframes fadeInBlock {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-ms-keyframes fadeInBlock {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-o-keyframes fadeInBlock {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes fadeInBlock {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-webkit-keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-ms-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-ms-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-ms-keyframes fadeInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-ms-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
}
@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-ms-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutNone {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    display: none;
  }
}
@-moz-keyframes fadeOutNone {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    display: none;
  }
}
@-ms-keyframes fadeOutNone {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    display: none;
  }
}
@-o-keyframes fadeOutNone {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    display: none;
  }
}
@keyframes fadeOutNone {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    display: none;
  }
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
}
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
}
@-ms-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(20px);
  }
}
@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}
@-ms-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(2000px);
  }
}
@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
}
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
}
@-ms-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(-20px);
  }
}
@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-ms-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
  }
}
@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
}
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
}
@-ms-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(20px);
  }
}
@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-ms-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(2000px);
  }
}
@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
}
@-ms-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(-20px);
  }
}
@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@-ms-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
}
@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) rotateY(0);
    -moz-animation-timing-function: ease-out;
  }
  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-animation-timing-function: ease-out;
  }
  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in;
  }
  80% {
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in;
  }
  100% {
    -moz-transform: perspective(400px) scale(1);
    -moz-animation-timing-function: ease-in;
  }
}
@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) rotateY(0);
    -o-animation-timing-function: ease-out;
  }
  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-animation-timing-function: ease-out;
  }
  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in;
  }
  80% {
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in;
  }
  100% {
    -o-transform: perspective(400px) scale(1);
    -o-animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-ms-keyframes flipInY {
  0% {
    -ms-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -ms-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -ms-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -ms-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutX {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-ms-keyframes flipOutX {
  0% {
    -ms-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -ms-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutX {
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutY {
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-ms-keyframes flipOutY {
  0% {
    -ms-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -ms-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutY {
  0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}
@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0;
  }
}
@-ms-keyframes hinge {
  0% {
    -ms-transform: rotate(0);
    -ms-transform-origin: top left;
    -ms-animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -ms-transform: rotate(80deg);
    -ms-transform-origin: top left;
    -ms-animation-timing-function: ease-in-out;
  }
  40% {
    -ms-transform: rotate(60deg);
    -ms-transform-origin: top left;
    -ms-animation-timing-function: ease-in-out;
  }
  80% {
    -ms-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -ms-transform-origin: top left;
    -ms-animation-timing-function: ease-in-out;
  }
  100% {
    -ms-transform: translateY(700px);
    opacity: 0;
  }
}
@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  100% {
    -o-transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes lightSpeedIn {
  0% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -moz-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -moz-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-ms-keyframes lightSpeedIn {
  0% {
    -ms-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -ms-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -ms-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -ms-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-o-keyframes lightSpeedIn {
  0% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@-moz-keyframes lightSpeedOut {
  0% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@-ms-keyframes lightSpeedOut {
  0% {
    -ms-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -ms-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@-o-keyframes lightSpeedOut {
  0% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -ms-transform: scale(1);
  }
  50% {
    -ms-transform: scale(1.1);
  }
  100% {
    -ms-transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
}
@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
}
@-ms-keyframes rollIn {
  0% {
    opacity: 0;
    -ms-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0px) rotate(0deg);
  }
}
@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
  }
}
@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg);
  }
}
@-ms-keyframes rollOut {
  0% {
    opacity: 1;
    -ms-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(100%) rotate(120deg);
  }
}
@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-ms-keyframes rotateIn {
  0% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateIn {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-ms-keyframes rotateInDownLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-ms-keyframes rotateInDownRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-ms-keyframes rotateInUpLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-ms-keyframes rotateInUpRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOut {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0;
  }
}
@-ms-keyframes rotateOut {
  0% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(200deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOut {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}
@-ms-keyframes rotateOutDownLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-ms-keyframes rotateOutDownRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-ms-keyframes rotateOutUpLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}
@-ms-keyframes rotateOutUpRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
  }
}
@-moz-keyframes shake {
  0%, 100% {
    -moz-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -moz-transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -moz-transform: translateX(10px);
  }
}
@-ms-keyframes shake {
  0%, 100% {
    -ms-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -ms-transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -ms-transform: translateX(10px);
  }
}
@-o-keyframes shake {
  0%, 100% {
    -o-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -o-transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -o-transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}
@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg);
  }
  40% {
    -moz-transform: rotate(-10deg);
  }
  60% {
    -moz-transform: rotate(5deg);
  }
  80% {
    -moz-transform: rotate(-5deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}
@-ms-keyframes swing {
  20% {
    -ms-transform: rotate(15deg);
  }
  40% {
    -ms-transform: rotate(-10deg);
  }
  60% {
    -ms-transform: rotate(5deg);
  }
  80% {
    -ms-transform: rotate(-5deg);
  }
  100% {
    -ms-transform: rotate(0deg);
  }
}
@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg);
  }
  40% {
    -o-transform: rotate(-10deg);
  }
  60% {
    -o-transform: rotate(5deg);
  }
  80% {
    -o-transform: rotate(-5deg);
  }
  100% {
    -o-transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}
@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1);
  }
  10%, 20% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -moz-transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -moz-transform: scale(1) rotate(0);
  }
}
@-ms-keyframes tada {
  0% {
    -ms-transform: scale(1);
  }
  10%, 20% {
    -ms-transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -ms-transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -ms-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -ms-transform: scale(1) rotate(0);
  }
}
@-o-keyframes tada {
  0% {
    -o-transform: scale(1);
  }
  10%, 20% {
    -o-transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -o-transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -o-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -o-transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
  }
}
@-moz-keyframes wiggle {
  0% {
    -moz-transform: skewX(9deg);
  }
  10% {
    -moz-transform: skewX(-8deg);
  }
  20% {
    -moz-transform: skewX(7deg);
  }
  30% {
    -moz-transform: skewX(-6deg);
  }
  40% {
    -moz-transform: skewX(5deg);
  }
  50% {
    -moz-transform: skewX(-4deg);
  }
  60% {
    -moz-transform: skewX(3deg);
  }
  70% {
    -moz-transform: skewX(-2deg);
  }
  80% {
    -moz-transform: skewX(1deg);
  }
  90% {
    -moz-transform: skewX(0deg);
  }
  100% {
    -moz-transform: skewX(0deg);
  }
}
@-ms-keyframes wiggle {
  0% {
    -ms-transform: skewX(9deg);
  }
  10% {
    -ms-transform: skewX(-8deg);
  }
  20% {
    -ms-transform: skewX(7deg);
  }
  30% {
    -ms-transform: skewX(-6deg);
  }
  40% {
    -ms-transform: skewX(5deg);
  }
  50% {
    -ms-transform: skewX(-4deg);
  }
  60% {
    -ms-transform: skewX(3deg);
  }
  70% {
    -ms-transform: skewX(-2deg);
  }
  80% {
    -ms-transform: skewX(1deg);
  }
  90% {
    -ms-transform: skewX(0deg);
  }
  100% {
    -ms-transform: skewX(0deg);
  }
}
@-o-keyframes wiggle {
  0% {
    -o-transform: skewX(9deg);
  }
  10% {
    -o-transform: skewX(-8deg);
  }
  20% {
    -o-transform: skewX(7deg);
  }
  30% {
    -o-transform: skewX(-6deg);
  }
  40% {
    -o-transform: skewX(5deg);
  }
  50% {
    -o-transform: skewX(-4deg);
  }
  60% {
    -o-transform: skewX(3deg);
  }
  70% {
    -o-transform: skewX(-2deg);
  }
  80% {
    -o-transform: skewX(1deg);
  }
  90% {
    -o-transform: skewX(0deg);
  }
  100% {
    -o-transform: skewX(0deg);
  }
}
@keyframes wiggle {
  0% {
    transform: skewX(9deg);
  }
  10% {
    transform: skewX(-8deg);
  }
  20% {
    transform: skewX(7deg);
  }
  30% {
    transform: skewX(-6deg);
  }
  40% {
    transform: skewX(5deg);
  }
  50% {
    transform: skewX(-4deg);
  }
  60% {
    transform: skewX(3deg);
  }
  70% {
    transform: skewX(-2deg);
  }
  80% {
    transform: skewX(1deg);
  }
  90% {
    transform: skewX(0deg);
  }
  100% {
    transform: skewX(0deg);
  }
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
  }
}
@-ms-keyframes wobble {
  0% {
    -ms-transform: translateX(0%);
  }
  15% {
    -ms-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -ms-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -ms-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -ms-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -ms-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -ms-transform: translateX(0%);
  }
}
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -o-transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes shake01 {
  0%, 100% {
    -webkit-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-1px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(1px);
  }
}
@-moz-keyframes shake01 {
  0%, 100% {
    -moz-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -moz-transform: translateX(-1px);
  }
  20%, 40%, 60%, 80% {
    -moz-transform: translateX(1px);
  }
}
@-ms-keyframes shake01 {
  0%, 100% {
    -ms-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -ms-transform: translateX(-1px);
  }
  20%, 40%, 60%, 80% {
    -ms-transform: translateX(1px);
  }
}
@-o-keyframes shake01 {
  0%, 100% {
    -o-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -o-transform: translateX(-1px);
  }
  20%, 40%, 60%, 80% {
    -o-transform: translateX(1px);
  }
}
@keyframes shake01 {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-1px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(1px);
  }
}
@-webkit-keyframes wobble02 {
  0% {
    -webkit-transform: translateX(0%);
  }
  7% {
    -webkit-transform: translateX(-13%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(5%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-7%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(4%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-2%) rotate(-1deg);
  }
  50% {
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes wobble02 {
  0% {
    -moz-transform: translateX(0%);
  }
  7% {
    -moz-transform: translateX(-13%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(5%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-7%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(5%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  50% {
    -moz-transform: translateX(0%);
  }
}
@-ms-keyframes wobble02 {
  0% {
    -ms-transform: translateX(0%);
  }
  7% {
    -ms-transform: translateX(-13%) rotate(-5deg);
  }
  30% {
    -ms-transform: translateX(5%) rotate(3deg);
  }
  45% {
    -ms-transform: translateX(-7%) rotate(-3deg);
  }
  60% {
    -ms-transform: translateX(5%) rotate(2deg);
  }
  75% {
    -ms-transform: translateX(-5%) rotate(-1deg);
  }
  50% {
    -ms-transform: translateX(0%);
  }
}
@-o-keyframes wobble02 {
  0% {
    -o-transform: translateX(0%);
  }
  7% {
    -o-transform: translateX(-13%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(5%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-7%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(5%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  50% {
    -o-transform: translateX(0%);
  }
}
@keyframes wobble02 {
  0% {
    transform: translateX(0%);
  }
  7% {
    transform: translateX(-13%) rotate(-5deg);
  }
  30% {
    transform: translateX(5%) rotate(3deg);
  }
  45% {
    transform: translateX(-7%) rotate(-3deg);
  }
  60% {
    transform: translateX(5%) rotate(2deg);
  }
  75% {
    transform: translateX(-2%) rotate(-1deg);
  }
  50% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
/* line 73, ../../../scss/source/animate.scss */
.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -ms-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* line 76, ../../../scss/source/animate.scss */
.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -ms-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* line 79, ../../../scss/source/animate.scss */
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -ms-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* line 82, ../../../scss/source/animate.scss */
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -ms-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 85, ../../../scss/source/animate.scss */
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -ms-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 88, ../../../scss/source/animate.scss */
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -ms-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 91, ../../../scss/source/animate.scss */
.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -ms-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 94, ../../../scss/source/animate.scss */
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -moz-animation-name: bounceOutDown;
  -ms-animation-name: bounceOutDown;
  -o-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 97, ../../../scss/source/animate.scss */
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -ms-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 100, ../../../scss/source/animate.scss */
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
  -ms-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 103, ../../../scss/source/animate.scss */
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -moz-animation-name: bounceOutUp;
  -ms-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 106, ../../../scss/source/animate.scss */
.fluffy {
  -webkit-animation-name: fluffy;
  -moz-animation-name: fluffy;
  -ms-animation-name: fluffy;
  -o-animation-name: fluffy;
  animation-name: fluffy;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* line 109, ../../../scss/source/animate.scss */
.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 112, ../../../scss/source/animate.scss */
.fadeInOut {
  -webkit-animation-name: fadeInOut;
  -moz-animation-name: fadeInOut;
  -ms-animation-name: fadeInOut;
  -o-animation-name: fadeInOut;
  animation-name: fadeInOut;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* line 115, ../../../scss/source/animate.scss */
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -ms-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* line 118, ../../../scss/source/animate.scss */
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -ms-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 121, ../../../scss/source/animate.scss */
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -ms-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 124, ../../../scss/source/animate.scss */
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -ms-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 127, ../../../scss/source/animate.scss */
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -ms-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 130, ../../../scss/source/animate.scss */
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -ms-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 133, ../../../scss/source/animate.scss */
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -ms-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 136, ../../../scss/source/animate.scss */
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -ms-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 139, ../../../scss/source/animate.scss */
.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -ms-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 142, ../../../scss/source/animate.scss */
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -ms-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 145, ../../../scss/source/animate.scss */
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -moz-animation-name: fadeOutDownBig;
  -ms-animation-name: fadeOutDownBig;
  -o-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 148, ../../../scss/source/animate.scss */
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -ms-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 151, ../../../scss/source/animate.scss */
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -moz-animation-name: fadeOutLeftBig;
  -ms-animation-name: fadeOutLeftBig;
  -o-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 154, ../../../scss/source/animate.scss */
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -ms-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 157, ../../../scss/source/animate.scss */
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
  -ms-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 160, ../../../scss/source/animate.scss */
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -ms-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 163, ../../../scss/source/animate.scss */
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
  -ms-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 166, ../../../scss/source/animate.scss */
.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -ms-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 169, ../../../scss/source/animate.scss */
.flip {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-animation-name: flip;
  -moz-animation-name: flip;
  -ms-animation-name: flip;
  -o-animation-name: flip;
  animation-name: flip;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 172, ../../../scss/source/animate.scss */
.flipInX {
  -webkit-animation-name: flipInX;
  -moz-animation-name: flipInX;
  -ms-animation-name: flipInX;
  -o-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 175, ../../../scss/source/animate.scss */
.flipInY {
  -webkit-animation-name: flipInY;
  -moz-animation-name: flipInY;
  -ms-animation-name: flipInY;
  -o-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 178, ../../../scss/source/animate.scss */
.flipOutX {
  -webkit-animation-name: flipOutX;
  -moz-animation-name: flipOutX;
  -ms-animation-name: flipOutX;
  -o-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 181, ../../../scss/source/animate.scss */
.flipOutY {
  -webkit-animation-name: flipOutY;
  -moz-animation-name: flipOutY;
  -ms-animation-name: flipOutY;
  -o-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 184, ../../../scss/source/animate.scss */
.hinge {
  -webkit-animation-name: hinge;
  -moz-animation-name: hinge;
  -ms-animation-name: hinge;
  -o-animation-name: hinge;
  animation-name: hinge;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 187, ../../../scss/source/animate.scss */
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  -moz-animation-name: lightSpeedIn;
  -ms-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 190, ../../../scss/source/animate.scss */
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  -moz-animation-name: lightSpeedOut;
  -ms-animation-name: lightSpeedOut;
  -o-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -ms-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 193, ../../../scss/source/animate.scss */
.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -ms-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 196, ../../../scss/source/animate.scss */
.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -ms-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 199, ../../../scss/source/animate.scss */
.rollOut {
  -webkit-animation-name: rollOut;
  -moz-animation-name: rollOut;
  -ms-animation-name: rollOut;
  -o-animation-name: rollOut;
  animation-name: rollOut;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 202, ../../../scss/source/animate.scss */
.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -ms-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 205, ../../../scss/source/animate.scss */
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -ms-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 208, ../../../scss/source/animate.scss */
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -ms-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 211, ../../../scss/source/animate.scss */
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -ms-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 214, ../../../scss/source/animate.scss */
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -ms-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 217, ../../../scss/source/animate.scss */
.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
  -ms-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 220, ../../../scss/source/animate.scss */
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -moz-animation-name: rotateOutDownLeft;
  -ms-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 223, ../../../scss/source/animate.scss */
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -moz-animation-name: rotateOutDownRight;
  -ms-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 226, ../../../scss/source/animate.scss */
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -moz-animation-name: rotateOutUpLeft;
  -ms-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 229, ../../../scss/source/animate.scss */
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -moz-animation-name: rotateOutUpRight;
  -ms-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 232, ../../../scss/source/animate.scss */
.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -ms-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 235, ../../../scss/source/animate.scss */
.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -ms-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 238, ../../../scss/source/animate.scss */
.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -ms-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 241, ../../../scss/source/animate.scss */
.wiggle {
  -webkit-animation-name: wiggle;
  -moz-animation-name: wiggle;
  -ms-animation-name: wiggle;
  -o-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 244, ../../../scss/source/animate.scss */
.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -ms-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 247, ../../../scss/source/animate.scss */
.shake01 {
  -webkit-animation-name: shake01;
  -moz-animation-name: shake01;
  -ms-animation-name: shake01;
  -o-animation-name: shake01;
  animation-name: shake01;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 250, ../../../scss/source/animate.scss */
.wobble02 {
  -webkit-animation-name: wobble02;
  -moz-animation-name: wobble02;
  -ms-animation-name: wobble02;
  -o-animation-name: wobble02;
  animation-name: wobble02;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 253, ../../../scss/source/animate.scss */
.zoomIn {
  -webkit-animation-name: zoomIn;
  -moz-animation-name: zoomIn;
  -ms-animation-name: zoomIn;
  -o-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

@-webkit-keyframes hue-animation {
  0% {
    -webkit-filter: hue-rotate(0deg);
    -moz-filter: hue-rotate(0deg);
    -ms-filter: hue-rotate(0deg);
    -o-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
  }
  100% {
    -moz-filter: hue-rotate(360deg);
    -ms-filter: hue-rotate(360deg);
    -o-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
    -webkit-filter: hue-rotate(360deg);
  }
}
@-moz-keyframes hue-animation {
  0% {
    -webkit-filter: hue-rotate(0deg);
    -moz-filter: hue-rotate(0deg);
    -ms-filter: hue-rotate(0deg);
    -o-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
  }
  100% {
    -webkit-filter: hue-rotate(360deg);
    -moz-filter: hue-rotate(360deg);
    -ms-filter: hue-rotate(360deg);
    -o-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}
@-ms-keyframes hue-animation {
  0% {
    -webkit-filter: hue-rotate(0deg);
    -moz-filter: hue-rotate(0deg);
    -ms-filter: hue-rotate(0deg);
    -o-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
  }
  100% {
    -webkit-filter: hue-rotate(360deg);
    -moz-filter: hue-rotate(360deg);
    -ms-filter: hue-rotate(360deg);
    -o-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}
@-o-keyframes hue-animation {
  0% {
    -webkit-filter: hue-rotate(0deg);
    -moz-filter: hue-rotate(0deg);
    -ms-filter: hue-rotate(0deg);
    -o-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
  }
  100% {
    -webkit-filter: hue-rotate(360deg);
    -moz-filter: hue-rotate(360deg);
    -ms-filter: hue-rotate(360deg);
    -o-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}
@keyframes hue-animation {
  0% {
    -webkit-filter: hue-rotate(0deg);
    -moz-filter: hue-rotate(0deg);
    -ms-filter: hue-rotate(0deg);
    -o-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
  }
  100% {
    -webkit-filter: hue-rotate(360deg);
    -moz-filter: hue-rotate(360deg);
    -ms-filter: hue-rotate(360deg);
    -o-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}
/*
.test {
  @include skew(25,10);
  @include transform-origin(top left);
  position: absolute;
  top: 25%;
  bottom: 25%;
  left: 25%;
  right: 25%;
  background-color: rgba(20,20,20,.5);
}
*/
/* line 43, ../../../scss/utils/text.scss */
.line-clamp-2 {
  display: block;
  display: -webkit-box;
  font-size: 12px;
  height: 36px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* line 44, ../../../scss/utils/text.scss */
.line-clamp-3 {
  display: block;
  display: -webkit-box;
  font-size: 12px;
  height: 54px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/* line 45, ../../../scss/utils/text.scss */
.line-clamp-4 {
  display: block;
  display: -webkit-box;
  font-size: 12px;
  height: 72px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

/* line 46, ../../../scss/utils/text.scss */
.line-clamp-5 {
  display: block;
  display: -webkit-box;
  font-size: 12px;
  height: 90px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

/* Slider */
/* line 3, ../../../scss/lib/slick.scss */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

/* line 17, ../../../scss/lib/slick.scss */
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
/* line 24, ../../../scss/lib/slick.scss */
.slick-list:focus {
  outline: none;
}
/* line 28, ../../../scss/lib/slick.scss */
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

/* line 33, ../../../scss/lib/slick.scss */
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 42, ../../../scss/lib/slick.scss */
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
/* line 48, ../../../scss/lib/slick.scss */
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
/* line 54, ../../../scss/lib/slick.scss */
.slick-track:after {
  clear: both;
}
/* line 58, ../../../scss/lib/slick.scss */
.slick-loading .slick-track {
  visibility: hidden;
}

/* line 62, ../../../scss/lib/slick.scss */
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
/* line 66, ../../../scss/lib/slick.scss */
[dir="rtl"] .slick-slide {
  float: right;
}
/* line 69, ../../../scss/lib/slick.scss */
.slick-slide img {
  display: block;
}
/* line 72, ../../../scss/lib/slick.scss */
.slick-slide.slick-loading img {
  display: none;
}
/* line 78, ../../../scss/lib/slick.scss */
.slick-slide.dragging img {
  pointer-events: none;
}
/* line 82, ../../../scss/lib/slick.scss */
.slick-initialized .slick-slide {
  display: block;
}
/* line 86, ../../../scss/lib/slick.scss */
.slick-loading .slick-slide {
  visibility: hidden;
}
/* line 90, ../../../scss/lib/slick.scss */
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* line 96, ../../../scss/lib/slick.scss */
.slick-arrow.slick-hidden {
  display: none;
}

/* line 13, ../../../scss/lib/selectric.scss */
.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

/* line 18, ../../../scss/lib/selectric.scss */
.selectric-responsive {
  width: 100%;
}

/* line 22, ../../../scss/lib/selectric.scss */
.selectric {
  border: 1px solid #DDD;
  border-radius: 0px;
  background: #fff;
  position: relative;
  overflow: hidden;
}
/* line 29, ../../../scss/lib/selectric.scss */
.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 46px 0 10px;
  font-size: 12px;
  line-height: 46px;
  color: #444;
  height: 46px;
  user-select: none;
}
/* line 42, ../../../scss/lib/selectric.scss */
.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 46px;
  height: 46px;
  line-height: 46px;
  background-color: #fff;
  color: #BBB;
  text-align: center;
  font: 0/0 a;
  *font: 20px/46px Lucida Sans Unicode, Arial Unicode MS, Arial;
}
/* line 56, ../../../scss/lib/selectric.scss */
.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #BBB;
  border-bottom: none;
}

/* line 73, ../../../scss/lib/selectric.scss */
.selectric-focus .selectric {
  border-color: #aaaaaa;
}

/* line 77, ../../../scss/lib/selectric.scss */
.selectric-hover .selectric {
  border-color: #c4c4c4;
}
/* line 80, ../../../scss/lib/selectric.scss */
.selectric-hover .selectric .button {
  color: #a2a2a2;
}
/* line 83, ../../../scss/lib/selectric.scss */
.selectric-hover .selectric .button:after {
  border-top-color: #a2a2a2;
}

/* line 89, ../../../scss/lib/selectric.scss */
.selectric-open {
  z-index: 9999;
}
/* line 92, ../../../scss/lib/selectric.scss */
.selectric-open .selectric {
  border-color: #c4c4c4;
}
/* line 96, ../../../scss/lib/selectric.scss */
.selectric-open .selectric-items {
  display: block;
}

/* line 101, ../../../scss/lib/selectric.scss */
.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  user-select: none;
}

/* line 108, ../../../scss/lib/selectric.scss */
.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
/* line 114, ../../../scss/lib/selectric.scss */
.selectric-hide-select select {
  position: absolute;
  left: -100%;
}
/* line 119, ../../../scss/lib/selectric.scss */
.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
/* line 125, ../../../scss/lib/selectric.scss */
.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}

/* line 140, ../../../scss/lib/selectric.scss */
.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

/* line 156, ../../../scss/lib/selectric.scss */
.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
/* line 163, ../../../scss/lib/selectric.scss */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #c4c4c4;
  z-index: -1;
  box-shadow: 0 0 10px -6px;
}
/* line 173, ../../../scss/lib/selectric.scss */
.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}
/* line 178, ../../../scss/lib/selectric.scss */
.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}
/* line 183, ../../../scss/lib/selectric.scss */
.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}
/* line 192, ../../../scss/lib/selectric.scss */
.selectric-items li {
  display: block;
  padding: 10px;
  color: #666;
  cursor: pointer;
}
/* line 198, ../../../scss/lib/selectric.scss */
.selectric-items li.selected {
  background: #E0E0E0;
  color: #444;
}
/* line 203, ../../../scss/lib/selectric.scss */
.selectric-items li.highlighted {
  background: #D0D0D0;
  color: #444;
}
/* line 208, ../../../scss/lib/selectric.scss */
.selectric-items li:hover {
  background: #D5D5D5;
  color: #444;
}
/* line 214, ../../../scss/lib/selectric.scss */
.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  user-select: none;
}
/* line 224, ../../../scss/lib/selectric.scss */
.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  user-select: none;
  background: none;
  color: #444;
}
/* line 233, ../../../scss/lib/selectric.scss */
.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}
/* line 238, ../../../scss/lib/selectric.scss */
.selectric-items .selectric-group li {
  padding-left: 25px;
}

/*******************************************************
 * 
 *          Font Stylesheet
 * 
 *******************************************************/
@font-face {
  font-family: howlt_circle;
  src: url(../font/howlt_circle.eot);
}
@font-face {
  font-family: 'howlt_circle';
  src: url("../font/howlt_circle.woff") format("woff"), url("../font/howlt_circle.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: circular_bold;
  src: url(../font/circular_bold.eot);
}
@font-face {
  font-family: 'circular_bold';
  src: url("../font/circular_bold.woff") format("woff"), url("../font/circular_bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: howlt_ftr;
  src: url(../font/FuturaPT-Medium.eot);
}
@font-face {
  font-family: 'howlt_ftr';
  src: url("../font/FuturaPT-Medium.woff") format("woff"), url("../font/FuturaPT-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: howlt_ftr_bold;
  src: url(../font/FuturaPT-Demi.eot);
}
@font-face {
  font-family: 'howlt_ftr_bold';
  src: url("../font/FuturaPT-Demi.woff") format("woff"), url("../font/FuturaPT-Demi.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*11*/
/* line 23, ../../sass/setting/setup.scss */
*, * :before, * :after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 27, ../../sass/setting/setup.scss */
::selection, ::-moz-selection, ::-o-selection, ::-ms-selection {
  background: #33cc66;
  color: #fcfcf9;
  text-shadow: none;
}

/* line 32, ../../sass/setting/setup.scss */
* {
  outline: none;
}

/* line 35, ../../sass/setting/setup.scss */
a {
  color: #252525;
  text-decoration: none;
  outline: none;
}
/* line 39, ../../sass/setting/setup.scss */
a:hover {
  text-decoration: none;
}

/* line 33, ../../sass/app.scss */
.header-button-cont .howlt-button, .header-button-cont .buy-button, .howlt-link, .behance-link, .header-button-cont .be-button {
  text-align: center;
}
/* line 35, ../../sass/app.scss */
.header-button-cont .howlt-button a, .header-button-cont .buy-button a, .howlt-link a, .behance-link a, .header-button-cont .be-button a {
  display: inline-block;
  background-image: none;
  text-decoration: none;
  padding: 10px 18px 11px;
  border-radius: 50px;
  color: #fff;
  cursor: pointer;
}
/* line 43, ../../sass/app.scss */
.header-button-cont .howlt-button a svg, .header-button-cont .buy-button a svg, .howlt-link a svg, .behance-link a svg, .header-button-cont .be-button a svg {
  display: inline-block;
  fill: #fff;
  height: 20px;
  width: 20px;
  vertical-align: top;
}
/* line 50, ../../sass/app.scss */
.header-button-cont .howlt-button a span, .header-button-cont .buy-button a span, .howlt-link a span, .behance-link a span, .header-button-cont .be-button a span {
  vertical-align: middle;
}

/* line 57, ../../sass/app.scss */
.header-button-cont .howlt-button a, .header-button-cont .buy-button a, .howlt-link a {
  position: relative;
}
/* line 60, ../../sass/app.scss */
.header-button-cont .howlt-button a:hover .button-bg, .header-button-cont .buy-button a:hover .button-bg, .howlt-link a:hover .button-bg {
  background-color: #00afd8;
}
/* line 64, ../../sass/app.scss */
.header-button-cont .howlt-button a svg, .header-button-cont .buy-button a svg, .howlt-link a svg {
  position: relative;
  z-index: 3;
  height: 20px;
  width: 20px;
  vertical-align: top;
}
/* line 71, ../../sass/app.scss */
.header-button-cont .howlt-button a span, .header-button-cont .buy-button a span, .howlt-link a span {
  position: relative;
  z-index: 2;
  vertical-align: middle;
}
/* line 76, ../../sass/app.scss */
.header-button-cont .howlt-button a .button-bg, .header-button-cont .buy-button a .button-bg, .howlt-link a .button-bg {
  background-color: #00afd8;
  background-image: none;
  border-radius: 50px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  -webkit-animation-name: hue-animation;
  -moz-animation-name: hue-animation;
  -ms-animation-name: hue-animation;
  -o-animation-name: hue-animation;
  animation-name: hue-animation;
  -webkit-animation-duration: 10s;
  -moz-animation-duration: 10s;
  -ms-animation-duration: 10s;
  -o-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -ms-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-timing-function: liner;
  -moz-animation-timing-function: liner;
  -ms-animation-timing-function: liner;
  -o-animation-timing-function: liner;
  animation-timing-function: liner;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  	/*
  	-webkit-animation: hue-rotation 3.5s linear 0ms infinite !important;
  -moz-animation: hue-rotation 3.5s linear 0ms infinite !important;
  -ms-animation: hue-rotation 3.5s linear 0ms infinite !important;
  -o-animation: hue-rotation 3.5s linear 0ms infinite !important;
  animation: hue-animation 3.5s linear 0ms infinite !important;
  */
}

/* line 92, ../../sass/app.scss */
.behance-link a {
  background-color: #0057ff;
}
/* line 94, ../../sass/app.scss */
.behance-link a:hover {
  background-color: #003ecb;
}
/* line 97, ../../sass/app.scss */
.behance-link a svg {
  height: 17px;
  width: 17px;
}

/* line 103, ../../sass/app.scss */
.header-button-cont {
  position: absolute;
  top: 154px;
  right: 0px;
  padding-left: 6.24999vw;
  padding-right: 6.24999vw;
  -moz-transition: top 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -o-transition: top 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -webkit-transition: top 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  transition: top 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
}
/* line 117, ../../sass/app.scss */
.header-button-cont .be-button a {
  background-color: #0057ff;
}
/* line 119, ../../sass/app.scss */
.header-button-cont .be-button a:hover {
  background-color: #003ecb;
}
/* line 122, ../../sass/app.scss */
.header-button-cont .be-button a svg {
  height: 17px;
  width: 17px;
}
/* line 129, ../../sass/app.scss */
.header-button-cont span {
  -moz-transition: all 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -o-transition: all 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -webkit-transition: all 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  transition: all 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  font-feature-settings: "palt";
  font-family: howlt_ftr , serif;
  color: #363636;
  letter-spacing: 1px;
  font-size: 1.28571rem;
  line-height: 1.715rem;
  line-height: 1.4;
  color: #fff;
  line-height: 1;
  margin-left: 3px;
}
/* line 136, ../../sass/app.scss */
.on-scroll.on-scrollinit .header-button-cont {
  top: 100px;
}
/* line 138, ../../sass/app.scss */
.on-scroll.on-scrollinit .header-button-cont span {
  font-feature-settings: "palt";
  font-family: howlt_ftr , serif;
  color: #363636;
  letter-spacing: 1px;
  font-size: 0.85714rem;
  line-height: 1.715rem;
  line-height: 1.4;
  line-height: 1;
  color: #fff;
}
@media (min-width: 640px) and (max-width: 1023px) {
  /* line 103, ../../sass/app.scss */
  .header-button-cont {
    top: 140px;
  }
  /* line 146, ../../sass/app.scss */
  .header-button-cont span {
    font-feature-settings: "palt";
    font-family: howlt_ftr , serif;
    color: #363636;
    letter-spacing: 1px;
    font-size: 1rem;
    line-height: 1.715rem;
    line-height: 1.4;
    line-height: 1;
    color: #fff;
  }
}
@media (max-width: 639px) {
  /* line 103, ../../sass/app.scss */
  .header-button-cont {
    top: 105px;
    padding: 0;
    width: 100px;
    right: -55px;
  }
  /* line 158, ../../sass/app.scss */
  .header-button-cont > div {
    text-align: left !important;
  }
  /* line 161, ../../sass/app.scss */
  .on-scroll.on-scrollinit .header-button-cont {
    top: 70px;
  }
  /* line 164, ../../sass/app.scss */
  .on-scroll.on-scrolldown .header-button-cont {
    top: 100px;
  }
  /* line 167, ../../sass/app.scss */
  .header-button-cont a {
    padding: 8px 12px 9px !important;
    width: 100%;
  }
  /* line 171, ../../sass/app.scss */
  .header-button-cont span {
    display: none;
    font-feature-settings: "palt";
    font-family: howlt_ftr , serif;
    color: #363636;
    letter-spacing: 1px;
    font-size: 0.85714rem;
    line-height: 1.715rem;
    line-height: 1.4;
    line-height: 1;
    color: #fff;
  }
}

/* line 184, ../../sass/app.scss */
.on-menu {
  overflow: hidden !important;
  height: 100%;
}
/* line 187, ../../sass/app.scss */
.on-menu body {
  overflow: hidden !important;
  height: 100%;
}

/* line 193, ../../sass/app.scss */
.ta-c {
  text-align: center;
}

/* line 196, ../../sass/app.scss */
.column02 {
  overflow: hidden;
}
/* line 198, ../../sass/app.scss */
.column02 .column-item {
  box-sizing: border-box;
  float: left;
  height: 100%;
  min-height: 1px;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
  margin-top: 0;
  margin-bottom: 3.43rem;
  width: 50%;
}
/* line 15, ../../../scss/displays/column.scss */
.column02 .column-item img {
  width: 100%;
  height: auto;
}
@media (max-width: 639px) {
  /* line 198, ../../sass/app.scss */
  .column02 .column-item {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
/* line 99, ../../../scss/displays/column.scss */
.column02 .column-item:nth-child(2n+1) {
  clear: left;
}
/* line 102, ../../../scss/displays/column.scss */
.column02 .column-item:nth-last-child(-n+2) {
  margin-bottom: 0;
}
@media (min-width: 640px) and (max-width: 1023px) {
  /* line 198, ../../sass/app.scss */
  .column02 .column-item {
    padding-left: 1.4rem;
    padding-right: 1.4rem;
  }
}
@media (max-width: 639px) {
  /* line 198, ../../sass/app.scss */
  .column02 .column-item {
    width: 100%;
    float: none;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  /* line 114, ../../../scss/displays/column.scss */
  .column02 .column-item:nth-last-child(-n+2) {
    margin-top: 0;
    margin-bottom: 3.43rem;
  }
  /* line 117, ../../../scss/displays/column.scss */
  .column02 .column-item:nth-last-child(-n+1) {
    margin-bottom: 0;
  }
  /* line 120, ../../../scss/displays/column.scss */
  .column02 .column-item:nth-child(2n+1) {
    clear: none;
  }
}
/* line 127, ../../../scss/displays/column.scss */
.column02 .column-item:nth-child(2n+1) {
  padding-left: 0;
}
/* line 130, ../../../scss/displays/column.scss */
.column02 .column-item:nth-child(2n) {
  padding-right: 0;
}
@media (max-width: 639px) {
  /* line 198, ../../sass/app.scss */
  .column02 .column-item {
    padding-left: 0;
    padding-right: 0;
  }
}
/* line 200, ../../sass/app.scss */
.projects-cont .column02 .column-item {
  padding: 2.08333vw 2.08333vw;
  height: auto;
}
@media (max-width: 639px) {
  /* line 200, ../../sass/app.scss */
  .projects-cont .column02 .column-item {
    padding: 4.16666vw 4.16666vw !important;
  }
}

/* line 211, ../../sass/app.scss */
.other-link svg {
  height: 20px;
  width: auto;
  vertical-align: top;
}

/* line 217, ../../sass/app.scss */
.column02-02 {
  overflow: hidden;
}
/* line 219, ../../sass/app.scss */
.column02-02 .column-item {
  box-sizing: border-box;
  float: left;
  height: 100%;
  min-height: 1px;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
  margin-top: 0;
  margin-bottom: 3.43rem;
  width: 50%;
}
/* line 15, ../../../scss/displays/column.scss */
.column02-02 .column-item img {
  width: 100%;
  height: auto;
}
@media (max-width: 639px) {
  /* line 219, ../../sass/app.scss */
  .column02-02 .column-item {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
/* line 141, ../../../scss/displays/column.scss */
.column02-02 .column-item:nth-child(2n+1) {
  clear: left;
}
@media (min-width: 640px) and (max-width: 1023px) {
  /* line 219, ../../sass/app.scss */
  .column02-02 .column-item {
    padding-left: 1.4rem;
    padding-right: 1.4rem;
  }
}
/* line 152, ../../../scss/displays/column.scss */
.column02-02 .column-item:nth-child(2n+1) {
  padding-left: 0;
}
/* line 155, ../../../scss/displays/column.scss */
.column02-02 .column-item:nth-child(2n) {
  padding-right: 0;
}

/* line 223, ../../sass/app.scss */
.column01 {
  overflow: hidden;
}
/* line 225, ../../sass/app.scss */
.column01 .column-item {
  box-sizing: border-box;
  float: left;
  height: 100%;
  min-height: 1px;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
  margin-top: 0;
  margin-bottom: 3.43rem;
  width: 100%;
  float: none;
  padding: 2.08333vw 2.08333vw;
  height: auto;
}
/* line 15, ../../../scss/displays/column.scss */
.column01 .column-item img {
  width: 100%;
  height: auto;
}
@media (max-width: 639px) {
  /* line 225, ../../sass/app.scss */
  .column01 .column-item {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 639px) {
  /* line 225, ../../sass/app.scss */
  .column01 .column-item {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 639px) {
  /* line 225, ../../sass/app.scss */
  .column01 .column-item {
    padding: 4.16666vw 4.16666vw !important;
  }
}

/* line 234, ../../sass/app.scss */
.column03 {
  overflow: hidden;
}
/* line 236, ../../sass/app.scss */
.column03 .column, .column03 .column-item {
  box-sizing: border-box;
  float: left;
  height: 100%;
  min-height: 1px;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
  margin-top: 0;
  margin-bottom: 3.43rem;
  width: 33.33333%;
}
/* line 15, ../../../scss/displays/column.scss */
.column03 .column img, .column03 .column-item img {
  width: 100%;
  height: auto;
}
@media (max-width: 639px) {
  /* line 236, ../../sass/app.scss */
  .column03 .column, .column03 .column-item {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
/* line 165, ../../../scss/displays/column.scss */
.column03 .column:nth-child(3n+1), .column03 .column-item:nth-child(3n+1) {
  clear: left;
}
/* line 168, ../../../scss/displays/column.scss */
.column03 .column:nth-last-child(-n+3), .column03 .column-item:nth-last-child(-n+3) {
  margin-bottom: 0;
}
@media (max-width: 639px) {
  /* line 236, ../../sass/app.scss */
  .column03 .column, .column03 .column-item {
    width: 100% !important;
    float: none;
  }
  /* line 175, ../../../scss/displays/column.scss */
  .column03 .column:nth-child(3n+1), .column03 .column-item:nth-child(3n+1) {
    clear: none;
  }
  /* line 178, ../../../scss/displays/column.scss */
  .column03 .column:nth-last-child(-n+3), .column03 .column-item:nth-last-child(-n+3) {
    margin-top: 0;
    margin-bottom: 3.43rem;
  }
  /* line 181, ../../../scss/displays/column.scss */
  .column03 .column:nth-last-child(-n+1), .column03 .column-item:nth-last-child(-n+1) {
    margin-bottom: 0;
  }
}
/* line 238, ../../sass/app.scss */
.column03 .column .column-item, .column03 .column-item .column-item {
  box-sizing: border-box;
  float: left;
  height: 100%;
  min-height: 1px;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
  margin-top: 0;
  margin-bottom: 3.43rem;
  width: 100%;
  float: none;
  padding: 2.08333vw 2.08333vw !important;
  height: auto;
}
/* line 15, ../../../scss/displays/column.scss */
.column03 .column .column-item img, .column03 .column-item .column-item img {
  width: 100%;
  height: auto;
}
@media (max-width: 639px) {
  /* line 238, ../../sass/app.scss */
  .column03 .column .column-item, .column03 .column-item .column-item {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 639px) {
  /* line 238, ../../sass/app.scss */
  .column03 .column .column-item, .column03 .column-item .column-item {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 639px) {
  /* line 238, ../../sass/app.scss */
  .column03 .column .column-item, .column03 .column-item .column-item {
    padding: 4.16666vw 4.16666vw !important;
  }
}

/* line 248, ../../sass/app.scss */
.column04 {
  overflow: hidden;
}
/* line 250, ../../sass/app.scss */
.column04 .column, .column04 .column-item {
  box-sizing: border-box;
  float: left;
  height: 100%;
  min-height: 1px;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
  margin-top: 0;
  margin-bottom: 3.43rem;
  width: 25%;
  padding: 2.08333vw 2.08333vw;
  height: auto;
}
/* line 15, ../../../scss/displays/column.scss */
.column04 .column img, .column04 .column-item img {
  width: 100%;
  height: auto;
}
@media (max-width: 639px) {
  /* line 250, ../../sass/app.scss */
  .column04 .column, .column04 .column-item {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
/* line 314, ../../../scss/displays/column.scss */
.column04 .column:nth-child(4n+1), .column04 .column-item:nth-child(4n+1) {
  clear: left;
}
/* line 318, ../../../scss/displays/column.scss */
.column04 .column:nth-last-child(-n+4), .column04 .column-item:nth-last-child(-n+4) {
  margin-bottom: 0;
}
@media (min-width: 640px) and (max-width: 1023px) {
  /* line 250, ../../sass/app.scss */
  .column04 .column, .column04 .column-item {
    width: 33.33333% !important;
  }
  /* line 323, ../../../scss/displays/column.scss */
  .column04 .column:nth-child(4n+1), .column04 .column-item:nth-child(4n+1) {
    clear: none;
  }
  /* line 326, ../../../scss/displays/column.scss */
  .column04 .column:nth-child(3n+1), .column04 .column-item:nth-child(3n+1) {
    clear: left;
  }
  /* line 329, ../../../scss/displays/column.scss */
  .column04 .column:nth-last-child(-n+4), .column04 .column-item:nth-last-child(-n+4) {
    margin-top: 0;
    margin-bottom: 3.43rem;
  }
  /* line 332, ../../../scss/displays/column.scss */
  .column04 .column:nth-last-child(-n+3), .column04 .column-item:nth-last-child(-n+3) {
    margin-bottom: 0;
  }
}
@media (max-width: 639px) {
  /* line 250, ../../sass/app.scss */
  .column04 .column, .column04 .column-item {
    width: 50% !important;
  }
  /* line 338, ../../../scss/displays/column.scss */
  .column04 .column:nth-child(4n+1), .column04 .column-item:nth-child(4n+1) {
    clear: none;
  }
  /* line 341, ../../../scss/displays/column.scss */
  .column04 .column:nth-child(3n+1), .column04 .column-item:nth-child(3n+1) {
    clear: none;
  }
  /* line 344, ../../../scss/displays/column.scss */
  .column04 .column:nth-child(2n+1), .column04 .column-item:nth-child(2n+1) {
    clear: left;
  }
  /* line 347, ../../../scss/displays/column.scss */
  .column04 .column:nth-last-child(-n+4), .column04 .column-item:nth-last-child(-n+4) {
    margin-top: 0;
    margin-bottom: 3.43rem;
  }
  /* line 350, ../../../scss/displays/column.scss */
  .column04 .column:nth-last-child(-n+3), .column04 .column-item:nth-last-child(-n+3) {
    margin-top: 0;
    margin-bottom: 3.43rem;
  }
  /* line 353, ../../../scss/displays/column.scss */
  .column04 .column:nth-last-child(-n+2), .column04 .column-item:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
}
@media (max-width: 639px) {
  /* line 250, ../../sass/app.scss */
  .column04 .column, .column04 .column-item {
    padding: 4.16666vw 4.16666vw !important;
  }
}

/* line 261, ../../sass/app.scss */
.header, .content-cont, .on-menu .navigations {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

/* line 288, ../../sass/app.scss */
.btn-cont {
  text-align: center;
}

/* line 291, ../../sass/app.scss */
.btn {
  box-sizing: border-box;
  text-decoration: none;
  vertical-align: middle;
  width: 180px;
  padding: 0;
  height: 35px;
  text-align: center;
  font-family: howlt_circle, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: 1px;
  font-size: 0.78571rem;
  line-height: 1.715rem;
  line-height: 1;
  font-feature-settings: "palt";
  color: #252525;
  background-color: #252525;
  color: #fff;
  line-height: 35px;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.115em;
  -webkit-transition: color ease 350ms, background ease 350ms;
  transition: color ease 350ms, background ease 350ms;
}
/* line 310, ../../sass/app.scss */
.btn.no-uppercase {
  text-transform: none !important;
}
/* line 313, ../../sass/app.scss */
.btn.s-text {
  font-size: 0.71429rem;
}
/* line 316, ../../sass/app.scss */
.btn.large {
  width: 225px;
  height: 45px;
  line-height: 45px;
}
/* line 321, ../../sass/app.scss */
.btn.xlarge {
  font-size: 1.28571rem;
  line-height: 1.715rem;
  height: 100px;
  line-height: 100px;
}
/* line 327, ../../sass/app.scss */
.btn.selected {
  border: 2px solid #363636;
  line-height: 33px;
  background-color: #fff;
  color: #363636 !important;
}
/* line 333, ../../sass/app.scss */
.btn:hover {
  text-decoration: none;
}

/* line 340, ../../sass/app.scss */
.preloader {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: #252525;
}
/* line 347, ../../sass/app.scss */
.loaded .preloader {
  -moz-transition: all 1s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -o-transition: all 1s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -webkit-transition: all 1s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  transition: all 1s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

/* line 353, ../../sass/app.scss */
.main-bg {
  position: fixed;
  top: 0px;
  right: 0px;
  height: 100%;
  z-index: 0;
  background-color: #fadbdb;
  display: block;
  width: 100%;
}
/* line 364, ../../sass/app.scss */
.howlt .main-bg, .index .main-bg {
  -webkit-animation-name: hue-animation;
  -moz-animation-name: hue-animation;
  -ms-animation-name: hue-animation;
  -o-animation-name: hue-animation;
  animation-name: hue-animation;
  -webkit-animation-duration: 10s;
  -moz-animation-duration: 10s;
  -ms-animation-duration: 10s;
  -o-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -ms-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-timing-function: liner;
  -moz-animation-timing-function: liner;
  -ms-animation-timing-function: liner;
  -o-animation-timing-function: liner;
  animation-timing-function: liner;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  	/*
  	-webkit-animation: hue-rotation 3.5s linear 0ms infinite !important;
  -moz-animation: hue-rotation 3.5s linear 0ms infinite !important;
  -ms-animation: hue-rotation 3.5s linear 0ms infinite !important;
  -o-animation: hue-rotation 3.5s linear 0ms infinite !important;
  animation: hue-animation 3.5s linear 0ms infinite !important;
  */
}

/* line 369, ../../sass/app.scss */
.include-svg {
  display: none;
}

/* line 375, ../../sass/app.scss */
body {
  width: 100%;
  overflow-x: hidden;
}
/* line 378, ../../sass/app.scss */
.now-transition body {
  overflow: hidden;
}
/* line 381, ../../sass/app.scss */
body.index {
  overflow: hidden;
}
/* line 384, ../../sass/app.scss */
body.category-change-init {
  overflow: hidden;
}

/* line 388, ../../sass/app.scss */
.site-container {
  font-family: howlt_circle, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: 1px;
  font-size: 0.85714rem;
  line-height: 1.715rem;
  line-height: 1.75;
  font-feature-settings: "palt";
  color: #252525;
}

/* line 397, ../../sass/app.scss */
.header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 11;
  -moz-transition: all 0.75s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -o-transition: all 0.75s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -webkit-transition: all 0.75s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  transition: all 0.75s cubic-bezier(0.71, 0.01, 0.45, 1.01);
}
/* line 404, ../../sass/app.scss */
.on-menu .header {
  height: 100%;
}
/* line 407, ../../sass/app.scss */
.on-scrollinit .header {
  top: 0px;
}
/* line 410, ../../sass/app.scss */
.on-scroll .header {
  top: 0px;
}
/* line 413, ../../sass/app.scss */
.on-scroll.on-scrolldown .header {
  top: -80px;
}
/* line 417, ../../sass/app.scss */
.on-scroll.on-scrollup .header {
  top: 0px;
}
/* line 423, ../../sass/app.scss */
.header .header-loworks .img-cont {
  -moz-transition: all 1s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -o-transition: all 1s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -webkit-transition: all 1s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  transition: all 1s cubic-bezier(0.71, 0.01, 0.45, 1.01);
}
/* line 426, ../../sass/app.scss */
.howlt .header .header-loworks .img-cont {
  opacity: 0;
  -moz-transform: translate(-5%, 0);
  -o-transform: translate(-5%, 0);
  -ms-transform: translate(-5%, 0);
  -webkit-transform: translate(-5%, 0);
  transform: translate(-5%, 0);
}
/* line 434, ../../sass/app.scss */
.header .header-howlt .img-cont {
  text-align: right;
  -moz-transition: all 1s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -o-transition: all 1s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -webkit-transition: all 1s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  transition: all 1s cubic-bezier(0.71, 0.01, 0.45, 1.01);
}
/* line 437, ../../sass/app.scss */
.loworks.detail .header .header-howlt .img-cont, .loworks.works .header .header-howlt .img-cont, .loworks.others .header .header-howlt .img-cont {
  opacity: 0;
  -moz-transform: translate(-5%, 0);
  -o-transform: translate(-5%, 0);
  -ms-transform: translate(-5%, 0);
  -webkit-transform: translate(-5%, 0);
  transform: translate(-5%, 0);
}
/* line 445, ../../sass/app.scss */
.header > .header-loworks, .header > .header-howlt {
  width: 50%;
  padding-left: 6.24999vw;
  padding-right: 6.24999vw;
  padding-top: 2.5725rem;
  padding-bottom: 0;
}
@media (max-width: 639px) {
  /* line 445, ../../sass/app.scss */
  .header > .header-loworks, .header > .header-howlt {
    padding-left: 4.16666vw;
    padding-right: 4.16666vw;
  }
}
/* line 451, ../../sass/app.scss */
.header > .header-loworks.header-cont svg, .header > .header-howlt.header-cont svg {
  fill: #fff;
}
/* line 453, ../../sass/app.scss */
.loaded .header > .header-loworks.header-cont svg, .loaded .header > .header-howlt.header-cont svg {
  -moz-transition: fill 1s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -o-transition: fill 1s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -webkit-transition: fill 1s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  transition: fill 1s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  fill: #252525;
}
/* line 457, ../../sass/app.scss */
.header > .header-loworks.header-cont svg.logo, .header > .header-howlt.header-cont svg.logo {
  cursor: pointer;
  height: 20px;
}
@media (max-width: 639px) {
  /* line 457, ../../sass/app.scss */
  .header > .header-loworks.header-cont svg.logo, .header > .header-howlt.header-cont svg.logo {
    height: 16px;
  }
}
/* line 464, ../../sass/app.scss */
.header > .header-loworks.header-cont svg.caption, .header > .header-howlt.header-cont svg.caption {
  height: 9px;
}
@media (max-width: 639px) {
  /* line 464, ../../sass/app.scss */
  .header > .header-loworks.header-cont svg.caption, .header > .header-howlt.header-cont svg.caption {
    height: 5px;
  }
}
/* line 471, ../../sass/app.scss */
.header > .header-loworks.header-cont .caption-cont, .header > .header-howlt.header-cont .caption-cont {
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  font-feature-settings: "palt";
  font-family: howlt_ftr , serif;
  color: #363636;
  letter-spacing: 1px;
  font-size: 0.85714rem;
  line-height: 1.715rem;
  line-height: 1.4;
}
/* line 474, ../../sass/app.scss */
.detail .header > .header-loworks.header-cont .caption-cont, .works .header > .header-loworks.header-cont .caption-cont, .others .header > .header-loworks.header-cont .caption-cont, .detail .header > .header-howlt.header-cont .caption-cont, .works .header > .header-howlt.header-cont .caption-cont, .others .header > .header-howlt.header-cont .caption-cont {
  opacity: 0;
}
@media (max-width: 639px) {
  /* line 445, ../../sass/app.scss */
  .header > .header-loworks, .header > .header-howlt {
    padding-top: 1.715rem;
    padding-bottom: 0;
  }
  /* line 483, ../../sass/app.scss */
  .header > .header-loworks.header-cont .logo, .header > .header-howlt.header-cont .logo {
    height: 15px;
  }
  /* line 486, ../../sass/app.scss */
  .header > .header-loworks.header-cont .caption, .header > .header-howlt.header-cont .caption {
    height: 5px;
  }
}

/* line 498, ../../sass/app.scss */
.content-cont {
  padding-top: 0 !important;
}
/* line 501, ../../sass/app.scss */
.content-cont > * {
  width: 50%;
}

/* line 507, ../../sass/app.scss */
.loworks-inner-cont, .howlt-inner-cont {
  padding: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}
/* line 513, ../../sass/app.scss */
.loworks-inner-cont.loworks-inner-cont .projects-cont, .howlt-inner-cont.loworks-inner-cont .projects-cont {
  -moz-transform: translate(-4%, 0);
  -o-transform: translate(-4%, 0);
  -ms-transform: translate(-4%, 0);
  -webkit-transform: translate(-4%, 0);
  transform: translate(-4%, 0);
}
/* line 515, ../../sass/app.scss */
.loaded .loworks-inner-cont.loworks-inner-cont .projects-cont, .loaded .howlt-inner-cont.loworks-inner-cont .projects-cont {
  -moz-transition: transform 4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: transform 4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: transform 4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 4s cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: .1s;
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
/* line 523, ../../sass/app.scss */
.loworks-inner-cont.howlt-inner-cont .projects-cont, .howlt-inner-cont.howlt-inner-cont .projects-cont {
  position: relative;
  z-index: 1;
  -moz-transform: translate(4%, 0);
  -o-transform: translate(4%, 0);
  -ms-transform: translate(4%, 0);
  -webkit-transform: translate(4%, 0);
  transform: translate(4%, 0);
  -moz-transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 528, ../../sass/app.scss */
.loaded .loworks-inner-cont.howlt-inner-cont .projects-cont, .loaded .howlt-inner-cont.howlt-inner-cont .projects-cont {
  transition-delay: .1s;
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

/* line 537, ../../sass/app.scss */
.related-slider-cont {
  background-color: #fff;
}

/* line 540, ../../sass/app.scss */
.store-slider-cont {
  position: relative;
}
/* line 542, ../../sass/app.scss */
.store-slider-cont > * {
  position: relative;
  z-index: 3;
}
/* line 547, ../../sass/app.scss */
.store-slider-cont .bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #fadbdb;
  margin: 0 !important;
  z-index: 0 !important;
  -webkit-animation-name: hue-animation;
  -moz-animation-name: hue-animation;
  -ms-animation-name: hue-animation;
  -o-animation-name: hue-animation;
  animation-name: hue-animation;
  -webkit-animation-duration: 10s;
  -moz-animation-duration: 10s;
  -ms-animation-duration: 10s;
  -o-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -ms-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-timing-function: liner;
  -moz-animation-timing-function: liner;
  -ms-animation-timing-function: liner;
  -o-animation-timing-function: liner;
  animation-timing-function: liner;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  	/*
  	-webkit-animation: hue-rotation 3.5s linear 0ms infinite !important;
  -moz-animation: hue-rotation 3.5s linear 0ms infinite !important;
  -ms-animation: hue-rotation 3.5s linear 0ms infinite !important;
  -o-animation: hue-rotation 3.5s linear 0ms infinite !important;
  animation: hue-animation 3.5s linear 0ms infinite !important;
  */
}

/* line 561, ../../sass/app.scss */
.projects-cont {
  margin: 0;
  padding-top: 10.29rem;
  padding-bottom: 5.145rem;
  padding-left: 0;
  padding-right: 0;
  height: 100vh;
  width: -moz-calc(100% + 17px);
  width: -webkit-calc(100% + 17px);
  width: calc(100% + 17px);
  padding-right: 17px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
@media (max-width: 639px) {
  /* line 561, ../../sass/app.scss */
  .projects-cont {
    padding-top: 8.575rem;
    padding-bottom: 10.29rem;
  }
}

/* line 578, ../../sass/app.scss */
.column-cont {
  padding-left: 4.16666vw;
  padding-right: 4.16666vw;
}
@media (max-width: 639px) {
  /* line 578, ../../sass/app.scss */
  .column-cont {
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 581, ../../sass/app.scss */
.archive-info {
  margin-top: 0.8575rem;
  margin-bottom: 0;
}
/* line 60, ../../../scss/common/mixin.scss */
.archive-info > * {
  margin-top: 0.42875rem;
  margin-bottom: 0;
}
/* line 62, ../../../scss/common/mixin.scss */
.archive-info > *:first-child {
  margin-top: 0;
}
/* line 586, ../../sass/app.scss */
.archive-info .item-title {
  font-feature-settings: "palt";
  font-family: howlt_ftr_bold , serif;
  color: #363636;
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.715rem;
  line-height: 1.4;
}
/* line 591, ../../sass/app.scss */
.archive-info .category-list li {
  display: inline-block;
  margin-right: .5rem;
  position: relative;
}
/* line 93, ../../../scss/displays/displays.scss */
.archive-info .category-list li.selected:after {
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* line 96, ../../../scss/displays/displays.scss */
.archive-info .category-list li:hover:after {
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* line 99, ../../../scss/displays/displays.scss */
.archive-info .category-list li:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  border: -1px;
  border-bottom: 1px solid #fadbdb;
}
/* line 109, ../../../scss/displays/displays.scss */
.archive-info .category-list li:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  border: -1px;
  border-bottom: 1px solid #00afd8;
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -moz-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 595, ../../sass/app.scss */
.howlt .archive-info .category-list li:before {
  border-bottom: 1px solid #faf9ee;
}
/* line 598, ../../sass/app.scss */
.howlt-cont .archive-info .category-list li:before {
  border-bottom: 1px solid #faf9ee;
}
/* line 601, ../../sass/app.scss */
.archive-info .category-list li:after {
  -webkit-animation-name: hue-animation;
  -moz-animation-name: hue-animation;
  -ms-animation-name: hue-animation;
  -o-animation-name: hue-animation;
  animation-name: hue-animation;
  -webkit-animation-duration: 10s;
  -moz-animation-duration: 10s;
  -ms-animation-duration: 10s;
  -o-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: liner;
  -moz-animation-timing-function: liner;
  -ms-animation-timing-function: liner;
  -o-animation-timing-function: liner;
  animation-timing-function: liner;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  	/*
  	-webkit-animation: hue-rotation 3.5s linear 0ms infinite !important;
  -moz-animation: hue-rotation 3.5s linear 0ms infinite !important;
  -ms-animation: hue-rotation 3.5s linear 0ms infinite !important;
  -o-animation: hue-rotation 3.5s linear 0ms infinite !important;
  animation: hue-animation 3.5s linear 0ms infinite !important;
  */
}
/* line 604, ../../sass/app.scss */
.archive-info .category-list li:last-child {
  margin-right: 0;
}
/* line 609, ../../sass/app.scss */
.archive-info .category {
  font-family: howlt_circle, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: 1px;
  font-size: 0.78571rem;
  line-height: 1.715rem;
  line-height: 1.75;
  font-feature-settings: "palt";
  color: #252525;
  color: 666;
}

/* line 616, ../../sass/app.scss */
.others .project-container a:not(.no-link-motion) {
  position: relative;
}
/* line 93, ../../../scss/displays/displays.scss */
.others .project-container a:not(.no-link-motion).selected:after {
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* line 96, ../../../scss/displays/displays.scss */
.others .project-container a:not(.no-link-motion):hover:after {
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* line 99, ../../../scss/displays/displays.scss */
.others .project-container a:not(.no-link-motion):before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  border: -1px;
  border-bottom: 1px solid #fadbdb;
}
/* line 109, ../../../scss/displays/displays.scss */
.others .project-container a:not(.no-link-motion):after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  border: -1px;
  border-bottom: 1px solid #00afd8;
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -moz-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 618, ../../sass/app.scss */
.others .project-container a:not(.no-link-motion):after {
  -webkit-animation-name: hue-animation;
  -moz-animation-name: hue-animation;
  -ms-animation-name: hue-animation;
  -o-animation-name: hue-animation;
  animation-name: hue-animation;
  -webkit-animation-duration: 10s;
  -moz-animation-duration: 10s;
  -ms-animation-duration: 10s;
  -o-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: liner;
  -moz-animation-timing-function: liner;
  -ms-animation-timing-function: liner;
  -o-animation-timing-function: liner;
  animation-timing-function: liner;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  	/*
  	-webkit-animation: hue-rotation 3.5s linear 0ms infinite !important;
  -moz-animation: hue-rotation 3.5s linear 0ms infinite !important;
  -ms-animation: hue-rotation 3.5s linear 0ms infinite !important;
  -o-animation: hue-rotation 3.5s linear 0ms infinite !important;
  animation: hue-animation 3.5s linear 0ms infinite !important;
  */
}

/* line 629, ../../sass/app.scss */
.slick-list {
  overflow: initial;
}

/* line 636, ../../sass/app.scss */
.slider-cont .slick-dots {
  text-align: center;
  margin-top: 1.715rem;
  margin-bottom: 0;
}
/* line 639, ../../sass/app.scss */
.slider-cont .slick-dots li {
  display: inline-block;
  margin: 0 15px;
  box-sizing: border-box;
}
/* line 643, ../../sass/app.scss */
.slider-cont .slick-dots li button {
  font-feature-settings: "palt";
  font-family: howlt_ftr , serif;
  color: #363636;
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.715rem;
  line-height: 1.4;
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  letter-spacing: 0.115em;
  color: #363636;
}
/* line 652, ../../sass/app.scss */
.slider-cont .slick-dots li.slick-active, .slider-cont .slick-dots li.selected {
  position: relative;
}
/* line 145, ../../../scss/displays/displays.scss */
.slider-cont .slick-dots li.slick-active.selected:before, .slider-cont .slick-dots li.selected.selected:before {
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
/* line 148, ../../../scss/displays/displays.scss */
.slider-cont .slick-dots li.slick-active:hover:before, .slider-cont .slick-dots li.selected:hover:before {
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
/* line 151, ../../../scss/displays/displays.scss */
.slider-cont .slick-dots li.slick-active:before, .slider-cont .slick-dots li.selected:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  border-bottom: 6px solid #00afd8;
  -moz-transform: scaleY(0.2);
  -o-transform: scaleY(0.2);
  -ms-transform: scaleY(0.2);
  -webkit-transform: scaleY(0.2);
  transform: scaleY(0.2);
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -moz-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 654, ../../sass/app.scss */
.slider-cont .slick-dots li.slick-active:before, .slider-cont .slick-dots li.selected:before {
  -webkit-animation-name: hue-animation;
  -moz-animation-name: hue-animation;
  -ms-animation-name: hue-animation;
  -o-animation-name: hue-animation;
  animation-name: hue-animation;
  -webkit-animation-duration: 10s;
  -moz-animation-duration: 10s;
  -ms-animation-duration: 10s;
  -o-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: liner;
  -moz-animation-timing-function: liner;
  -ms-animation-timing-function: liner;
  -o-animation-timing-function: liner;
  animation-timing-function: liner;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  	/*
  	-webkit-animation: hue-rotation 3.5s linear 0ms infinite !important;
  -moz-animation: hue-rotation 3.5s linear 0ms infinite !important;
  -ms-animation: hue-rotation 3.5s linear 0ms infinite !important;
  -o-animation: hue-rotation 3.5s linear 0ms infinite !important;
  animation: hue-animation 3.5s linear 0ms infinite !important;
  */
}

/* line 2, ../../sass/loader.scss */
.loader-cont {
  pointer-events: none;
  position: fixed;
  top: 50vh;
  left: 50vw;
  margin-top: -60px;
  margin-left: -43px;
  z-index: 999999;
  opacity: 0;
  width: 87px;
  height: 68px;
  -moz-transition: opacity 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -o-transition: opacity 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -webkit-transition: opacity 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  transition: opacity 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
}
/* line 14, ../../sass/loader.scss */
.loading .loader-cont {
  opacity: 1;
}

/* line 21, ../../sass/loader.scss */
.loader,
.loader:after {
  border-radius: 50%;
  width: 2em;
  height: 2em;
  position: absolute;
  left: 22px;
  z-index: 10;
}

/* line 30, ../../sass/loader.scss */
.loader {
  border-top: .4em solid #000;
  border-right: .4em solid #000;
  border-bottom: .4em solid #000;
  border-left: 0.4em solid transparent;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
/* line 40, ../../sass/loader.scss */
.loading .loader {
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* line 2, ../../sass/navigations.scss */
.navigations {
  position: absolute;
  width: auto;
  display: inline-block;
  padding-top: 2.5725rem;
  padding-bottom: 0;
}
/* line 6, ../../sass/navigations.scss */
.loworks .navigations {
  right: 0px;
  padding-right: 6.24999vw;
}
@media (max-width: 639px) {
  /* line 6, ../../sass/navigations.scss */
  .loworks .navigations {
    padding-right: 4.16666vw;
  }
}
/* line 13, ../../sass/navigations.scss */
.howlt .navigations {
  left: 0px;
  padding-left: 6.24999vw;
}
@media (max-width: 639px) {
  /* line 13, ../../sass/navigations.scss */
  .howlt .navigations {
    padding-left: 4.16666vw;
  }
}
/* line 22, ../../sass/navigations.scss */
.navigations .logo-cont {
  display: none;
}
/* line 25, ../../sass/navigations.scss */
.navigations .nav-cont, .navigations .social-nav {
  display: none;
}
/* line 29, ../../sass/navigations.scss */
.navigations .main-nav a {
  font-feature-settings: "palt";
  font-family: howlt_ftr_bold , serif;
  color: #363636;
  letter-spacing: 1px;
  font-size: 1.07143rem;
  line-height: 1.715rem;
  line-height: 1.4;
}
/* line 34, ../../sass/navigations.scss */
.loworks .navigations .loworks-nav {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}
@media (max-width: 639px) {
  /* line 34, ../../sass/navigations.scss */
  .loworks .navigations .loworks-nav {
    display: none;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  /* line 34, ../../sass/navigations.scss */
  .loworks .navigations .loworks-nav {
    display: none;
  }
}
/* line 39, ../../sass/navigations.scss */
.now-transition .loworks .navigations .loworks-nav li {
  opacity: 0;
  -moz-transform: translate(-5px, 0);
  -o-transform: translate(-5px, 0);
  -ms-transform: translate(-5px, 0);
  -webkit-transform: translate(-5px, 0);
  transform: translate(-5px, 0);
}
/* line 47, ../../sass/navigations.scss */
.loworks .navigations .loworks-nav li {
  color: #252525;
  float: left;
  padding-left: .75rem;
  padding-right: .75rem;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  -moz-transform: translate(0, 0px);
  -o-transform: translate(0, 0px);
  -ms-transform: translate(0, 0px);
  -webkit-transform: translate(0, 0px);
  transform: translate(0, 0px);
  opacity: 1;
}
/* line 58, ../../sass/navigations.scss */
.loworks .navigations .loworks-nav li:nth-child(1) {
  transition-delay: 100ms,100ms;
}
/* line 58, ../../sass/navigations.scss */
.loworks .navigations .loworks-nav li:nth-child(2) {
  transition-delay: 200ms,200ms;
}
/* line 58, ../../sass/navigations.scss */
.loworks .navigations .loworks-nav li:nth-child(3) {
  transition-delay: 300ms,300ms;
}
/* line 58, ../../sass/navigations.scss */
.loworks .navigations .loworks-nav li:nth-child(4) {
  transition-delay: 400ms,400ms;
}
/* line 58, ../../sass/navigations.scss */
.loworks .navigations .loworks-nav li:nth-child(5) {
  transition-delay: 500ms,500ms;
}
/* line 58, ../../sass/navigations.scss */
.loworks .navigations .loworks-nav li:nth-child(6) {
  transition-delay: 600ms,600ms;
}
/* line 65, ../../sass/navigations.scss */
.on-menu .navigations {
  width: 100vw;
  height: 100%;
  padding: 0px;
}
/* line 70, ../../sass/navigations.scss */
.on-menu .navigations .logo-cont {
  display: block;
  padding-top: 18vh;
  text-align: center;
}
@media (max-width: 639px) {
  /* line 70, ../../sass/navigations.scss */
  .on-menu .navigations .logo-cont {
    padding-top: 15vh;
  }
}
/* line 77, ../../sass/navigations.scss */
.on-menu .navigations .logo-cont .logo {
  height: 34px;
  fill: #fff;
}
@media (max-width: 639px) {
  /* line 77, ../../sass/navigations.scss */
  .on-menu .navigations .logo-cont .logo {
    height: 20px;
  }
}
/* line 85, ../../sass/navigations.scss */
.on-menu .navigations .nav-cont {
  display: block;
  width: 50%;
}
/* line 60, ../../../scss/common/mixin.scss */
.on-menu .navigations .nav-cont > * {
  margin-top: 3.43rem;
  margin-bottom: 0;
}
/* line 62, ../../../scss/common/mixin.scss */
.on-menu .navigations .nav-cont > *:first-child {
  margin-top: 0;
}
/* line 92, ../../sass/navigations.scss */
.on-menu .navigations .nav-cont li {
  float: none;
  padding: 2.5vh 5vw 2.5vh 5vw;
  font-feature-settings: "palt";
  font-family: howlt_ftr , serif;
  color: #363636;
  letter-spacing: 1px;
  font-size: 1.14286rem;
  line-height: 1.715rem;
  line-height: 1.4;
}
@media (max-width: 639px) {
  /* line 92, ../../sass/navigations.scss */
  .on-menu .navigations .nav-cont li {
    font-size: 0.92857rem;
    line-height: 1.715rem;
    padding: 1.5vh 5vw 1.5vh 5vw;
  }
}
/* line 100, ../../sass/navigations.scss */
.on-menu .navigations .nav-cont li a {
  color: #fff;
}
/* line 105, ../../sass/navigations.scss */
.on-menu .navigations .loworks-nav {
  background-color: #141414;
}
/* line 107, ../../sass/navigations.scss */
.on-menu .navigations .loworks-nav li {
  background-image: linear-gradient(to right, #00afd8 33%, rgba(255, 255, 255, 0) 0%);
  background-image: -webkit-linear-gradient(to right, #00afd8 33%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 3px 1px;
  background-repeat: repeat-x;
}
/* line 109, ../../sass/navigations.scss */
.on-menu .navigations .loworks-nav li:last-child {
  position: relative;
  background-image: linear-gradient(to right, #00afd8 33%, rgba(255, 255, 255, 0) 0%);
  background-image: -webkit-linear-gradient(to right, #00afd8 33%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 3px 1px;
  background-repeat: repeat-x;
}
/* line 160, ../../../scss/common/mixin.scss */
.on-menu .navigations .loworks-nav li:last-child:after {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: linear-gradient(to right, #00afd8 33%, rgba(255, 255, 255, 0) 0%);
  background-image: -webkit-linear-gradient(to right, #00afd8 33%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 3px 1px;
  background-repeat: repeat-x;
}
/* line 114, ../../sass/navigations.scss */
.on-menu .navigations .howlt-nav {
  background-color: #00afd8;
}
/* line 117, ../../sass/navigations.scss */
.on-menu .navigations .howlt-nav li {
  background-image: linear-gradient(to right, #141414 33%, rgba(255, 255, 255, 0) 0%);
  background-image: -webkit-linear-gradient(to right, #141414 33%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 3px 1px;
  background-repeat: repeat-x;
}
/* line 119, ../../sass/navigations.scss */
.on-menu .navigations .howlt-nav li:last-child {
  position: relative;
  background-image: linear-gradient(to right, #141414 33%, rgba(255, 255, 255, 0) 0%);
  background-image: -webkit-linear-gradient(to right, #141414 33%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 3px 1px;
  background-repeat: repeat-x;
}
/* line 160, ../../../scss/common/mixin.scss */
.on-menu .navigations .howlt-nav li:last-child:after {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: linear-gradient(to right, #141414 33%, rgba(255, 255, 255, 0) 0%);
  background-image: -webkit-linear-gradient(to right, #141414 33%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 3px 1px;
  background-repeat: repeat-x;
}
/* line 124, ../../sass/navigations.scss */
.on-menu .navigations .social-nav {
  position: absolute;
}
/* line 129, ../../sass/navigations.scss */
.loworks .navigations .social-nav, .howlt .navigations .social-nav {
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 639px) {
  /* line 129, ../../sass/navigations.scss */
  .loworks .navigations .social-nav, .howlt .navigations .social-nav {
    display: none;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  /* line 129, ../../sass/navigations.scss */
  .loworks .navigations .social-nav, .howlt .navigations .social-nav {
    display: none;
  }
}
/* line 136, ../../sass/navigations.scss */
.now-transition .loworks .navigations .social-nav li, .now-transition .howlt .navigations .social-nav li {
  opacity: 0;
  -moz-transform: translate(-5px, 0);
  -o-transform: translate(-5px, 0);
  -ms-transform: translate(-5px, 0);
  -webkit-transform: translate(-5px, 0);
  transform: translate(-5px, 0);
}
/* line 141, ../../sass/navigations.scss */
.loworks .navigations .social-nav li, .howlt .navigations .social-nav li {
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
/* line 145, ../../sass/navigations.scss */
.loworks .navigations .social-nav li:nth-child(1), .works .loworks .navigations .social-nav li:nth-child(1), .howlt .navigations .social-nav li:nth-child(1), .works .howlt .navigations .social-nav li:nth-child(1) {
  transition-delay: 400ms,400ms;
}
/* line 145, ../../sass/navigations.scss */
.loworks .navigations .social-nav li:nth-child(2), .works .loworks .navigations .social-nav li:nth-child(2), .howlt .navigations .social-nav li:nth-child(2), .works .howlt .navigations .social-nav li:nth-child(2) {
  transition-delay: 500ms,500ms;
}
/* line 145, ../../sass/navigations.scss */
.loworks .navigations .social-nav li:nth-child(3), .works .loworks .navigations .social-nav li:nth-child(3), .howlt .navigations .social-nav li:nth-child(3), .works .howlt .navigations .social-nav li:nth-child(3) {
  transition-delay: 600ms,600ms;
}
/* line 145, ../../sass/navigations.scss */
.loworks .navigations .social-nav li:nth-child(4), .works .loworks .navigations .social-nav li:nth-child(4), .howlt .navigations .social-nav li:nth-child(4), .works .howlt .navigations .social-nav li:nth-child(4) {
  transition-delay: 700ms,700ms;
}
/* line 145, ../../sass/navigations.scss */
.loworks .navigations .social-nav li:nth-child(5), .works .loworks .navigations .social-nav li:nth-child(5), .howlt .navigations .social-nav li:nth-child(5), .works .howlt .navigations .social-nav li:nth-child(5) {
  transition-delay: 800ms,800ms;
}
/* line 145, ../../sass/navigations.scss */
.loworks .navigations .social-nav li:nth-child(6), .works .loworks .navigations .social-nav li:nth-child(6), .howlt .navigations .social-nav li:nth-child(6), .works .howlt .navigations .social-nav li:nth-child(6) {
  transition-delay: 900ms,900ms;
}
/* line 151, ../../sass/navigations.scss */
.on-menu .navigations .social-nav {
  bottom: 0px;
  width: 100vw;
  display: inline-block;
  background-color: #fff;
  text-align: center;
  padding-top: 0.8575rem;
  padding-bottom: 0.8575rem;
}

/* line 162, ../../sass/navigations.scss */
.social-nav li {
  display: inline-block;
  padding-left: .75rem;
  padding-right: .75rem;
}
/* line 167, ../../sass/navigations.scss */
.loworks .social-nav li:last-child {
  padding-right: 0;
}
/* line 170, ../../sass/navigations.scss */
.howlt .social-nav li:first-child {
  padding-left: 0;
}
/* line 174, ../../sass/navigations.scss */
.social-nav li a {
  position: relative;
  display: inline-block;
  line-height: 0;
}
/* line 171, ../../../scss/displays/displays.scss */
.social-nav li a svg {
  width: 25px;
  height: 25px;
  position: relative;
  z-index: 2;
  fill: #252525;
}
/* line 178, ../../../scss/displays/displays.scss */
.social-nav li a:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  width: 200%;
  height: 200%;
  margin: -50% 0 0 -50%;
  background: #252525;
  z-index: 1;
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  -moz-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 198, ../../../scss/displays/displays.scss */
.social-nav li a:hover:after {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 207, ../../../scss/displays/displays.scss */
.social-nav li a:hover svg {
  fill: #fff;
}
/* line 181, ../../sass/navigations.scss */
.social-nav li:hover .fb-icon {
  background-color: #fff;
}
/* line 181, ../../sass/navigations.scss */
.social-nav li:hover .tw-icon {
  background-color: #fff;
}
/* line 181, ../../sass/navigations.scss */
.social-nav li:hover .insta-icon {
  background-color: #fff;
}

/* line 188, ../../sass/navigations.scss */
.lang-nav {
  display: none;
  position: absolute;
  padding-right: 6.24999vw;
  right: 0px;
  top: 90px;
}
/* line 195, ../../sass/navigations.scss */
.loworks .lang-nav, .howlt .lang-nav {
  display: block;
  -moz-transition: opacity 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -o-transition: opacity 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -webkit-transition: opacity 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  transition: opacity 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
}
@media (max-width: 639px) {
  /* line 195, ../../sass/navigations.scss */
  .loworks .lang-nav, .howlt .lang-nav {
    display: none;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  /* line 195, ../../sass/navigations.scss */
  .loworks .lang-nav, .howlt .lang-nav {
    display: none;
  }
}
/* line 204, ../../sass/navigations.scss */
.loworks .lang-nav {
  text-align: right;
}
/* line 207, ../../sass/navigations.scss */
.on-menu .lang-nav {
  position: absolute;
  bottom: 20px;
  right: 0px;
  display: inline-block;
  top: auto;
}
/* line 214, ../../sass/navigations.scss */
.on-scroll.on-scrollinit .lang-nav {
  opacity: 0;
}
/* line 218, ../../sass/navigations.scss */
.now-transition .lang-nav li {
  opacity: 0;
  -moz-transform: translate(-5px, 0);
  -o-transform: translate(-5px, 0);
  -ms-transform: translate(-5px, 0);
  -webkit-transform: translate(-5px, 0);
  transform: translate(-5px, 0);
}
/* line 223, ../../sass/navigations.scss */
.lang-nav li {
  display: inline-block;
  margin-left: .25rem;
  margin-right: .25rem;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
/* line 230, ../../sass/navigations.scss */
.lang-nav li:nth-child(1), .works .lang-nav li:nth-child(1) {
  transition-delay: 400ms,400ms;
}
/* line 230, ../../sass/navigations.scss */
.lang-nav li:nth-child(2), .works .lang-nav li:nth-child(2) {
  transition-delay: 500ms,500ms;
}
/* line 230, ../../sass/navigations.scss */
.lang-nav li:nth-child(3), .works .lang-nav li:nth-child(3) {
  transition-delay: 600ms,600ms;
}
/* line 230, ../../sass/navigations.scss */
.lang-nav li:nth-child(4), .works .lang-nav li:nth-child(4) {
  transition-delay: 700ms,700ms;
}
/* line 230, ../../sass/navigations.scss */
.lang-nav li:nth-child(5), .works .lang-nav li:nth-child(5) {
  transition-delay: 800ms,800ms;
}
/* line 230, ../../sass/navigations.scss */
.lang-nav li:nth-child(6), .works .lang-nav li:nth-child(6) {
  transition-delay: 900ms,900ms;
}
/* line 234, ../../sass/navigations.scss */
.loworks .lang-nav li:last-child {
  margin-right: 0;
  text-align: right;
}
/* line 238, ../../sass/navigations.scss */
.howlt .lang-nav li:first-child {
  margin-left: 0;
}
/* line 241, ../../sass/navigations.scss */
.lang-nav li.selected {
  position: relative;
}
/* line 243, ../../sass/navigations.scss */
.lang-nav li.selected a:before {
  content: " ";
  position: absolute;
  left: 0px;
  bottom: 0;
  width: 100%;
  border: -1px;
  border-bottom: 4px solid #00afd8;
  -webkit-animation-name: hue-animation;
  -moz-animation-name: hue-animation;
  -ms-animation-name: hue-animation;
  -o-animation-name: hue-animation;
  animation-name: hue-animation;
  -webkit-animation-duration: 10s;
  -moz-animation-duration: 10s;
  -ms-animation-duration: 10s;
  -o-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: liner;
  -moz-animation-timing-function: liner;
  -ms-animation-timing-function: liner;
  -o-animation-timing-function: liner;
  animation-timing-function: liner;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  	/*
  	-webkit-animation: hue-rotation 3.5s linear 0ms infinite !important;
  -moz-animation: hue-rotation 3.5s linear 0ms infinite !important;
  -ms-animation: hue-rotation 3.5s linear 0ms infinite !important;
  -o-animation: hue-rotation 3.5s linear 0ms infinite !important;
  animation: hue-animation 3.5s linear 0ms infinite !important;
  */
}
/* line 254, ../../sass/navigations.scss */
.lang-nav li a {
  font-feature-settings: "palt";
  font-family: howlt_ftr_bold , serif;
  color: #363636;
  letter-spacing: 1px;
  font-size: 0.85714rem;
  line-height: 1.715rem;
  line-height: 1.4;
}

/* line 262, ../../sass/navigations.scss */
.menu-icon {
  display: block;
  position: absolute;
  z-index: 3;
  top: 0;
  width: 48px;
  height: 48px;
  cursor: pointer;
  -moz-transition: all 1s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -o-transition: all 1s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -webkit-transition: all 1s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  transition: all 1s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  padding: 0;
  -moz-transform: translate(50vw, 0);
  -o-transform: translate(50vw, 0);
  -ms-transform: translate(50vw, 0);
  -webkit-transform: translate(50vw, 0);
  transform: translate(50vw, 0);
  margin-left: -24px;
  top: 24px;
}
/* line 280, ../../../scss/displays/displays.scss */
.menu-icon .lw-menu-icon-line, .menu-icon .lw-close-icon-line, .menu-icon .lw-close-icon-line-2 {
  width: 28px;
  height: 5px;
  background: #141414;
  display: block;
  position: absolute;
  left: 10px;
  z-index: 1;
}
/* line 287, ../../../scss/displays/displays.scss */
.menu-icon .lw-menu-icon-line {
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 291, ../../../scss/displays/displays.scss */
.on-menu .menu-icon .lw-menu-icon-line {
  left: 7px;
  opacity: 0;
}
/* line 299, ../../../scss/displays/displays.scss */
.menu-icon .lw-menu-icon-line-top {
  top: 14px;
  transition-delay: 500ms,500ms;
}
/* line 305, ../../../scss/displays/displays.scss */
.on-menu .menu-icon .lw-menu-icon-line-top {
  top: 14px;
  transition-delay: 0ms,0ms;
}
/* line 299, ../../../scss/displays/displays.scss */
.menu-icon .lw-menu-icon-line-middle {
  top: 24px;
  transition-delay: 650ms,650ms;
}
/* line 305, ../../../scss/displays/displays.scss */
.on-menu .menu-icon .lw-menu-icon-line-middle {
  top: 24px;
  transition-delay: 150ms,150ms;
}
/* line 299, ../../../scss/displays/displays.scss */
.menu-icon .lw-menu-icon-line-bottom {
  top: 34px;
  transition-delay: 800ms,800ms;
}
/* line 305, ../../../scss/displays/displays.scss */
.on-menu .menu-icon .lw-menu-icon-line-bottom {
  top: 34px;
  transition-delay: 300ms,300ms;
}
/* line 312, ../../../scss/displays/displays.scss */
.menu-icon .lw-close-icon-line {
  opacity: 0;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
/* line 319, ../../../scss/displays/displays.scss */
.on-menu .menu-icon .lw-close-icon-line {
  opacity: 1;
  -moz-transition: all 0.5s ease-out 0.5s;
  -o-transition: all 0.5s ease-out 0.5s;
  -webkit-transition: all 0.5s ease-out 0.5s;
  transition: all 0.5s ease-out 0.5s;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 326, ../../../scss/displays/displays.scss */
.menu-icon .lw-close-icon-line-1 {
  top: 21px;
}
/* line 329, ../../../scss/displays/displays.scss */
.menu-icon .lw-close-icon-line-2 {
  height: 28px;
  width: 5px;
  left: 21px;
  top: 10px;
}
@media (max-width: 639px) {
  /* line 262, ../../sass/navigations.scss */
  .menu-icon {
    top: 10px;
  }
}
/* line 272, ../../sass/navigations.scss */
.on-menu .menu-icon {
  position: fixed;
}
/* line 275, ../../sass/navigations.scss */
.on-menu .menu-icon .lw-close-icon-line-1, .on-menu .menu-icon .lw-close-icon-line-2 {
  background-color: #fff;
}
@media (max-width: 639px) {
  /* line 279, ../../sass/navigations.scss */
  .loworks .menu-icon {
    -moz-transform: translate(100vw, 0);
    -o-transform: translate(100vw, 0);
    -ms-transform: translate(100vw, 0);
    -webkit-transform: translate(100vw, 0);
    transform: translate(100vw, 0);
    margin-left: -60px;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  /* line 279, ../../sass/navigations.scss */
  .loworks .menu-icon {
    -moz-transform: translate(100vw, 0);
    -o-transform: translate(100vw, 0);
    -ms-transform: translate(100vw, 0);
    -webkit-transform: translate(100vw, 0);
    transform: translate(100vw, 0);
    padding-left: 4.16666vw;
    margin-left: -96px;
  }
}
@media (max-width: 639px) {
  /* line 279, ../../sass/navigations.scss */
  .loworks .menu-icon {
    top: 10px;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  /* line 294, ../../sass/navigations.scss */
  .howlt .menu-icon {
    -moz-transform: translate(0vw, 0);
    -o-transform: translate(0vw, 0);
    -ms-transform: translate(0vw, 0);
    -webkit-transform: translate(0vw, 0);
    transform: translate(0vw, 0);
    margin-left: 4.16666vw;
  }
}
@media (max-width: 639px) {
  /* line 294, ../../sass/navigations.scss */
  .howlt .menu-icon {
    -moz-transform: translate(0vw, 0);
    -o-transform: translate(0vw, 0);
    -ms-transform: translate(0vw, 0);
    -webkit-transform: translate(0vw, 0);
    transform: translate(0vw, 0);
    margin-left: 12px;
  }
}

/* line 309, ../../sass/navigations.scss */
.content-nav {
  position: absolute;
  top: 100px;
  padding-left: 6.24999vw;
  padding-right: 6.24999vw;
  min-width: 900px;
  max-width: 70%;
}
@media (max-width: 639px) {
  /* line 309, ../../sass/navigations.scss */
  .content-nav {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    top: 70px;
    padding-left: 4.16666vw;
    padding-right: 4.16666vw;
    -moz-transition: top 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    -o-transition: top 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    -webkit-transition: top 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
    transition: top 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  }
  /* line 325, ../../sass/navigations.scss */
  .on-scroll.on-scrolldown .content-nav {
    top: 100px;
  }
}
/* line 331, ../../sass/navigations.scss */
.content-nav > div {
  opacity: 1;
  display: inline-block;
  margin-right: .6rem;
  font-feature-settings: "palt";
  font-family: howlt_ftr_bold , serif;
  color: #363636;
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.715rem;
  line-height: 1.4;
 /*
.works &, .others &, .contact & {
  &.go-top , &.go-list{
    opacity:1;
    .now-transition &{
      opacity: 0;
      @include translate(-5px, 0);
    }
  }
}*/
}
/* line 336, ../../sass/navigations.scss */
.content-nav > div span {
  color: #000;
}
/* line 339, ../../sass/navigations.scss */
.detail .content-nav > div {
  opacity: 1;
}
/* line 341, ../../sass/navigations.scss */
.now-transition .detail .content-nav > div {
  opacity: 0;
}
/* line 347, ../../sass/navigations.scss */
.content-nav > div.current {
  display: block;
  width: 70vw;
  margin-top: 2.5725rem;
  margin-bottom: 0;
  -moz-transition: margin 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -o-transition: margin 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -webkit-transition: margin 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  transition: margin 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
}
@media (max-width: 639px) {
  /* line 347, ../../sass/navigations.scss */
  .content-nav > div.current {
    width: 80vw;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  /* line 347, ../../sass/navigations.scss */
  .content-nav > div.current {
    margin-top: 1.715rem;
    margin-bottom: 0;
  }
}
@media (max-width: 639px) {
  /* line 347, ../../sass/navigations.scss */
  .content-nav > div.current {
    margin-top: 1.28625rem;
    margin-bottom: 0;
  }
}
/* line 362, ../../sass/navigations.scss */
.on-scroll.on-scrollinit .content-nav > div.current {
  margin: 0;
}
/* line 366, ../../sass/navigations.scss */
.content-nav > div.current span {
  color: #000;
  font-size: 4.33333vw;
  line-height: 1em;
  -moz-transition: font-size 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -o-transition: font-size 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -webkit-transition: font-size 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  transition: font-size 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
}
@media (max-width: 639px) {
  /* line 366, ../../sass/navigations.scss */
  .content-nav > div.current span {
    font-size: 2.5rem;
    line-height: 3.43rem;
    line-height: 1em;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  /* line 366, ../../sass/navigations.scss */
  .content-nav > div.current span {
    font-size: 2.5rem;
    line-height: 3.43rem;
    line-height: 1em;
  }
}
/* line 378, ../../sass/navigations.scss */
.on-scroll.on-scrollinit .content-nav > div.current span {
  font-size: 1rem;
  line-height: 1.715rem;
  line-height: 1.4;
}
/* line 399, ../../sass/navigations.scss */
.content-nav .arrow-right {
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #000;
}
/* line 402, ../../sass/navigations.scss */
.content-nav .go-top a {
  display: inline-block;
  position: relative;
}
/* line 62, ../../../scss/displays/displays.scss */
.content-nav .go-top a:before {
  display: inline-block;
  background: url("/img/svg/icon_prev.svg") no-repeat;
  width: 10px;
  height: 15px;
  background-size: 10px 15px;
  position: absolute;
  top: 2px;
  left: 0;
  content: "";
}
/* line 315, ../../../scss/common/mixin.scss */
.no-svg .content-nav .go-top a:before {
  background: url("/img/svg/icon_prev.png") no-repeat;
}
/* line 69, ../../../scss/displays/displays.scss */
.content-nav .go-top a span {
  display: block;
  padding-left: 13px;
}
/* line 406, ../../sass/navigations.scss */
.content-nav .go-list a {
  display: inline-block;
  position: relative;
}
/* line 62, ../../../scss/displays/displays.scss */
.content-nav .go-list a:before {
  display: inline-block;
  background: url("/img/svg/icon_all.svg") no-repeat;
  width: 15px;
  height: 15px;
  background-size: 15px 15px;
  position: absolute;
  top: 2px;
  left: 0;
  content: "";
}
/* line 315, ../../../scss/common/mixin.scss */
.no-svg .content-nav .go-list a:before {
  background: url("/img/svg/icon_all.png") no-repeat;
}
/* line 69, ../../../scss/displays/displays.scss */
.content-nav .go-list a span {
  display: block;
  padding-left: 18px;
}
/* line 411, ../../sass/navigations.scss */
.on-scroll.on-scrollinit .content-nav .go-list span {
  padding-left: 18px;
}
/* line 414, ../../sass/navigations.scss */
.on-scroll.on-scrollinit .content-nav .go-list a:before {
  display: inline-block;
}
/* line 419, ../../sass/navigations.scss */
.content-nav .go-list.current span {
  padding-left: 0px;
}
/* line 422, ../../sass/navigations.scss */
.content-nav .go-list.current a:before {
  display: none;
}

/* line 431, ../../sass/navigations.scss */
.paging-cont {
  position: fixed;
  top: 50%;
  z-index: 10;
  background-color: #fff;
  -moz-transition: all 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -o-transition: all 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  -webkit-transition: all 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
  transition: all 0.5s cubic-bezier(0.71, 0.01, 0.45, 1.01);
}
/* line 437, ../../sass/navigations.scss */
.index .paging-cont, .works .paging-cont, .others .paging-cont {
  display: none;
}
/* line 440, ../../sass/navigations.scss */
.paging-cont.paging-next {
  right: -80px;
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
/* line 443, ../../sass/navigations.scss */
.loading .paging-cont.paging-next {
  right: -80px;
}
@media (min-width: 1024px) {
  /* line 447, ../../sass/navigations.scss */
  .paging-cont.paging-next:hover {
    right: 0px !important;
  }
}
/* line 452, ../../sass/navigations.scss */
.on-scroll.on-scrolldown .paging-cont.paging-next {
  right: -80px;
}
/* line 456, ../../sass/navigations.scss */
.on-scrollinit .paging-cont.paging-next, .on-scroll .paging-cont.paging-next, .on-scroll.on-scrollup .paging-cont.paging-next {
  right: -25px;
}
@media (max-width: 639px) {
  /* line 456, ../../sass/navigations.scss */
  .on-scrollinit .paging-cont.paging-next, .on-scroll .paging-cont.paging-next, .on-scroll.on-scrollup .paging-cont.paging-next {
    right: -25px;
  }
}
/* line 464, ../../sass/navigations.scss */
.paging-cont.paging-prev {
  left: -80px;
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/* line 466, ../../sass/navigations.scss */
.loading .paging-cont.paging-prev {
  left: -80px;
}
@media (min-width: 1024px) {
  /* line 470, ../../sass/navigations.scss */
  .paging-cont.paging-prev:hover {
    left: 0px !important;
  }
}
/* line 474, ../../sass/navigations.scss */
.on-scroll.on-scrolldown .paging-cont.paging-prev {
  left: -80px;
}
/* line 478, ../../sass/navigations.scss */
.on-scrollinit .paging-cont.paging-prev, .on-scroll .paging-cont.paging-prev, .on-scroll.on-scrollup .paging-cont.paging-prev {
  left: -25px;
}
@media (max-width: 639px) {
  /* line 478, ../../sass/navigations.scss */
  .on-scrollinit .paging-cont.paging-prev, .on-scroll .paging-cont.paging-prev, .on-scroll.on-scrollup .paging-cont.paging-prev {
    left: -25px;
  }
}

/* line 489, ../../sass/navigations.scss */
.paging-text {
  font-feature-settings: "palt";
  font-family: howlt_ftr_bold , serif;
  color: #363636;
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.715rem;
  line-height: 1.4;
  line-height: 1;
  padding: 40px 10px 10px 10px;
}

/* line 6, ../../sass/project.scss */
.project-container, .project-tmp {
  position: absolute;
  top: 0px;
  overflow-x: hidden;
  width: 100%;
  min-height: 100vh;
  /*.category-change & , .category-in & , .category-out &{
    @include transition(transform 1s cubic-bezier(.71,.01,.45,1.01));
  }*/
}
/* line 13, ../../sass/project.scss */
.project-container > *:first-child, .project-tmp > *:first-child {
  padding-top: 20.58rem;
  padding-bottom: 8.575rem;
  /*.works & {
    @include vr-padding(11, 5);
    @include mobile_tablet {
      @include vr-padding(7, 3);
    };
  }*/
}
@media (max-width: 639px) {
  /* line 13, ../../sass/project.scss */
  .project-container > *:first-child, .project-tmp > *:first-child {
    padding-top: 14.5775rem;
    padding-bottom: 5.145rem;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  /* line 13, ../../sass/project.scss */
  .project-container > *:first-child, .project-tmp > *:first-child {
    padding-top: 14.5775rem;
    padding-bottom: 5.145rem;
  }
}

/* line 30, ../../sass/project.scss */
.project-container {
  z-index: 2;
}
/* line 33, ../../sass/project.scss */
.category-change-init .project-container {
  -moz-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
/* line 39, ../../sass/project.scss */
.detail .project-container, .works .project-container, .others .project-container, .contact .project-container {
   /* -moz-transform: translate(0, 0) !important;
-o-transform: translate(0, 0) !important;
-ms-transform: translate(0, 0) !important;
-webkit-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;*/
}

/* line 48, ../../sass/project.scss */
.project-tmp {
  z-index: 1;
}
/* line 52, ../../sass/project.scss */
.transition-set .project-tmp {
  z-index: 3;
}

/* line 60, ../../sass/project.scss */
.project-modules.no-child-spacing > * {
  margin-top: 0 !important;
}
/* line 60, ../../../scss/common/mixin.scss */
.project-modules > * {
  margin-top: 6.86rem;
  margin-bottom: 0;
  padding-left: 6.24999vw;
  padding-right: 6.24999vw;
}
@media (max-width: 639px) {
  /* line 60, ../../../scss/common/mixin.scss */
  .project-modules > * {
    margin-top: 3.43rem;
    margin-bottom: 0;
  }
}
@media (max-width: 639px) {
  /* line 60, ../../../scss/common/mixin.scss */
  .project-modules > * {
    padding-left: 4.16666vw;
    padding-right: 4.16666vw;
  }
}
/* line 75, ../../sass/project.scss */
.project-modules > *.full-bleed {
  padding-left: 0px;
  padding-right: 0px;
}
/* line 62, ../../../scss/common/mixin.scss */
.project-modules > *:first-child {
  margin-top: 0;
}
/* line 60, ../../../scss/common/mixin.scss */
.project-modules .project-module-text > * {
  margin-top: 0.42875rem;
  margin-bottom: 0;
}
/* line 62, ../../../scss/common/mixin.scss */
.project-modules .project-module-text > *:first-child {
  margin-top: 0;
}
/* line 84, ../../sass/project.scss */
.project-modules .project-module-text a {
  font-family: howlt_ftr_bold , serif !important;
  position: relative;
}
/* line 93, ../../../scss/displays/displays.scss */
.project-modules .project-module-text a.selected:after {
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* line 96, ../../../scss/displays/displays.scss */
.project-modules .project-module-text a:hover:after {
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* line 99, ../../../scss/displays/displays.scss */
.project-modules .project-module-text a:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  border: -1px;
  border-bottom: 1px solid #fadbdb;
}
/* line 109, ../../../scss/displays/displays.scss */
.project-modules .project-module-text a:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  border: -1px;
  border-bottom: 1px solid #00afd8;
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -moz-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 87, ../../sass/project.scss */
.project-modules .project-module-text a:after {
  -webkit-animation-name: hue-animation;
  -moz-animation-name: hue-animation;
  -ms-animation-name: hue-animation;
  -o-animation-name: hue-animation;
  animation-name: hue-animation;
  -webkit-animation-duration: 10s;
  -moz-animation-duration: 10s;
  -ms-animation-duration: 10s;
  -o-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: liner;
  -moz-animation-timing-function: liner;
  -ms-animation-timing-function: liner;
  -o-animation-timing-function: liner;
  animation-timing-function: liner;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  	/*
  	-webkit-animation: hue-rotation 3.5s linear 0ms infinite !important;
  -moz-animation: hue-rotation 3.5s linear 0ms infinite !important;
  -ms-animation: hue-rotation 3.5s linear 0ms infinite !important;
  -o-animation: hue-rotation 3.5s linear 0ms infinite !important;
  animation: hue-animation 3.5s linear 0ms infinite !important;
  */
}
/* line 90, ../../sass/project.scss */
.howlt .project-modules .project-module-text a:before {
  border-bottom: 1px solid #faf9ee;
}
/* line 94, ../../sass/project.scss */
.project-modules .project-module-text > div {
  font-family: howlt_circle, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.715rem;
  line-height: 1.75;
  font-feature-settings: "palt";
  color: #252525;
}
/* line 97, ../../sass/project.scss */
.project-modules .project-module-text .title {
  padding-top: 0;
  padding-bottom: 0.8575rem;
  font-family: none;
  font-size: inherit;
  font-feature-settings: "palt";
  font-family: howlt_ftr_bold , serif;
  color: #363636;
  letter-spacing: 1px;
  font-size: 1.57143rem;
  line-height: 1.715rem;
  line-height: 1.4;
  color: #000;
  font-family: howlt_ftr_bold, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  line-height: 1;
}
@media (max-width: 639px) {
  /* line 97, ../../sass/project.scss */
  .project-modules .project-module-text .title {
    font-size: 1.28571rem;
    line-height: 1.715rem;
    line-height: 1;
  }
}
/* line 110, ../../sass/project.scss */
.project-modules .project-module-text .sub-title {
  padding-top: 0.42875rem;
  padding-bottom: 0.42875rem;
  font-family: none;
  font-size: inherit;
  font-feature-settings: "palt";
  font-family: howlt_ftr_bold , serif;
  color: #363636;
  letter-spacing: 1px;
  font-size: 1.14286rem;
  line-height: 1.715rem;
  line-height: 1.4;
  color: #000;
  font-family: howlt_ftr_bold, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  line-height: 1;
}
@media (max-width: 639px) {
  /* line 110, ../../sass/project.scss */
  .project-modules .project-module-text .sub-title {
    font-size: 1rem;
    line-height: 1.715rem;
    line-height: 1;
  }
}
/* line 124, ../../sass/project.scss */
.project-modules .project-module-image {
  line-height: 0;
}
/* line 126, ../../sass/project.scss */
.project-modules .project-module-image.len:not(.full-bleed) {
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 639px) {
  /* line 126, ../../sass/project.scss */
  .project-modules .project-module-image.len:not(.full-bleed) {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
}
/* line 136, ../../sass/project.scss */
.project-modules .project-module-image img {
  width: 100%;
  height: auto;
}
/* line 142, ../../sass/project.scss */
.project-modules .project-module-embed .video-cont {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: 0;
  margin: 0;
}
/* line 149, ../../sass/project.scss */
.project-modules .project-module-embed .video-cont iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 161, ../../sass/project.scss */
.module {
  background-image: linear-gradient(to right, #cccccc 33%, rgba(255, 255, 255, 0) 0%);
  background-image: -webkit-linear-gradient(to right, #ccc 33%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 3px 1px;
  background-repeat: repeat-x;
  padding-left: 6.24999vw;
  padding-right: 6.24999vw;
  padding-top: 5.145rem;
  padding-bottom: 5.145rem;
}
@media (max-width: 639px) {
  /* line 161, ../../sass/project.scss */
  .module {
    padding-top: 2.5725rem;
    padding-bottom: 2.5725rem;
  }
}
/* line 60, ../../../scss/common/mixin.scss */
.module > * {
  margin-top: 4.2875rem;
  margin-bottom: 0;
}
@media (max-width: 639px) {
  /* line 60, ../../../scss/common/mixin.scss */
  .module > * {
    margin-top: 2.5725rem;
    margin-bottom: 0;
  }
}
/* line 62, ../../../scss/common/mixin.scss */
.module > *:first-child {
  margin-top: 0;
}
/* line 175, ../../sass/project.scss */
.module > h2 {
  text-align: center;
  font-feature-settings: "palt";
  font-family: howlt_ftr_bold , serif;
  color: #363636;
  letter-spacing: 1px;
  font-size: 1.28571rem;
  line-height: 1.715rem;
  line-height: 1.4;
  color: #000;
  letter-spacing: 4px;
  line-height: 1;
}

/* line 184, ../../sass/project.scss */
.slider-cont .slide-item {
  margin: 0 10px;
}
/* line 185, ../../sass/project.scss */
.slider-cont .slide-item.no-pointer {
  pointer-events: none;
}

/* line 198, ../../sass/project.scss */
.related-slider-cont, .store-slider-cont {
  padding-left: 0;
  padding-right: 0;
}

/* line 204, ../../sass/project.scss */
.related-slider-cont .flickity-viewport {
  height: 300px !important;
}
@media (max-width: 639px) {
  /* line 204, ../../sass/project.scss */
  .related-slider-cont .flickity-viewport {
    height: 261px !important;
  }
}
/* line 210, ../../sass/project.scss */
.related-slider-cont .slide-item {
  box-sizing: border-box;
  width: 300px;
  height: auto;
}
@media (max-width: 639px) {
  /* line 210, ../../sass/project.scss */
  .related-slider-cont .slide-item {
    width: 200px;
  }
}
/* line 217, ../../sass/project.scss */
.related-slider-cont .slide-item img {
  width: 100%;
  height: auto;
}

/* line 224, ../../sass/project.scss */
.store-slider-cont .flickity-viewport {
  height: 351x !important;
}
@media (max-width: 639px) {
  /* line 224, ../../sass/project.scss */
  .store-slider-cont .flickity-viewport {
    height: 284px !important;
  }
}
/* line 230, ../../sass/project.scss */
.store-slider-cont .slide-item {
  box-sizing: border-box;
  width: 200px;
  height: auto;
}
@media (max-width: 639px) {
  /* line 230, ../../sass/project.scss */
  .store-slider-cont .slide-item {
    width: 150px;
  }
}
/* line 238, ../../sass/project.scss */
.store-slider-cont .slide-item img {
  width: 100%;
  height: auto;
}

/* line 245, ../../sass/project.scss */
.next-work {
  cursor: pointer;
  height: 50vh;
  overflow: hidden;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
/* line 252, ../../sass/project.scss */
.next-work .project-modules {
  opacity: .5;
}

/* line 263, ../../sass/project.scss */
.next-arrows {
  position: relative;
  position: absolute;
  margin-top: 16px !important;
  left: 50%;
  width: 10px;
  height: 10px;
  transform: translate(-50%, -50%);
}

/* line 273, ../../sass/project.scss */
.next-arrows:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-left: 3px solid rgba(0, 0, 0, 0.7);
  border-bottom: 3px solid rgba(0, 0, 0, 0.7);
  animation: arrows 1.5s linear infinite;
}

/* line 283, ../../sass/project.scss */
.next-arrows:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-left: 3px solid rgba(0, 0, 0, 0.7);
  border-bottom: 3px solid rgba(0, 0, 0, 0.7);
  animation: arrows 1.5s linear infinite -0.75s;
}

@keyframes arrows {
  0% {
    border-color: transparent;
    transform: translate(-2px, -12px) rotate(-45deg);
  }
  10%, 90% {
    border-color: transparent;
  }
  50% {
    border-color: rgba(0, 0, 0, 0.7);
    transform: translate(-2px, 0px) rotate(-45deg);
  }
  100% {
    border-color: transparent;
    transform: translate(-2px, 8px) rotate(-45deg);
  }
}
/* line 60, ../../../scss/common/mixin.scss */
.others-modules > * {
  margin-top: 3.43rem;
  margin-bottom: 0;
  padding-left: 6.24999vw;
  padding-right: 6.24999vw;
}
@media (max-width: 639px) {
  /* line 60, ../../../scss/common/mixin.scss */
  .others-modules > * {
    margin-top: 1.715rem;
    margin-bottom: 0;
  }
}
/* line 60, ../../../scss/common/mixin.scss */
.others-modules > * > * {
  margin-top: 0.8575rem;
  margin-bottom: 0;
}
/* line 62, ../../../scss/common/mixin.scss */
.others-modules > * > *:first-child {
  margin-top: 0;
}
/* line 62, ../../../scss/common/mixin.scss */
.others-modules > *:first-child {
  margin-top: 0;
}
/* line 14, ../../sass/about.scss */
.others-modules h1 {
  font-feature-settings: "palt";
  font-family: howlt_ftr_bold , serif;
  color: #363636;
  letter-spacing: 1px;
  font-size: 2.28571rem;
  line-height: 3.43rem;
  line-height: 1.4;
  font-size: 10.625vw;
  line-height: 1;
  color: #141414;
}
/* line 21, ../../sass/about.scss */
.others-modules h2 {
  font-feature-settings: "palt";
  font-family: howlt_ftr_bold , serif;
  color: #363636;
  letter-spacing: 1px;
  font-size: 1.57143rem;
  line-height: 1.715rem;
  line-height: 1.4;
}
/* line 24, ../../sass/about.scss */
.others-modules .logo-behance {
  margin-top: 1.715rem;
  margin-bottom: 0;
}

/*! Flickity v2.0.11
http://flickity.metafizzy.co
---------------------------------------------- */
/* line 6, ../../sass/flickity.scss */
.flickity-enabled {
  position: relative;
}

/* line 10, ../../sass/flickity.scss */
.flickity-enabled:focus {
  outline: none;
}

/* line 12, ../../sass/flickity.scss */
.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

/* line 18, ../../sass/flickity.scss */
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
/* line 26, ../../sass/flickity.scss */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 35, ../../sass/flickity.scss */
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

/* line 41, ../../sass/flickity.scss */
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */
/* line 48, ../../sass/flickity.scss */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 63, ../../sass/flickity.scss */
.flickity-prev-next-button:hover {
  background: white;
}

/* line 65, ../../sass/flickity.scss */
.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

/* line 70, ../../sass/flickity.scss */
.flickity-prev-next-button:active {
  opacity: 0.6;
}

/* line 74, ../../sass/flickity.scss */
.flickity-prev-next-button.previous {
  left: 10px;
}

/* line 75, ../../sass/flickity.scss */
.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
/* line 77, ../../sass/flickity.scss */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

/* line 81, ../../sass/flickity.scss */
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

/* line 86, ../../sass/flickity.scss */
.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

/* line 91, ../../sass/flickity.scss */
.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* line 99, ../../sass/flickity.scss */
.flickity-prev-next-button .arrow {
  fill: #333;
}

/* ---- page dots ---- */
/* line 105, ../../sass/flickity.scss */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

/* line 116, ../../sass/flickity.scss */
.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

/* line 118, ../../sass/flickity.scss */
.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

/* line 129, ../../sass/flickity.scss */
.flickity-page-dots .dot.is-selected {
  opacity: 1;
}