/* reset */
/* main variables */
@media (max-width: 600px) {
  .PC {display: none;}
}
@media (min-width: 601px) {
  .mobile {display: none;}
}



body { margin: 0; padding: 0; font-family: "DINPro"; background-color: #fff; height: 100%; line-height: 1; position: relative; font-size: 0.875rem !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000; }

/*MAIN*/
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-size: 100%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-width: 0; padding: 0; margin: 0; }

html { font-size: 16px; height: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }

input, textarea { font-family: "DINPro"; outline: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; }

input[type="button"], input[type="submit"], button { cursor: pointer; }

td { margin: 0; padding: 0; }

form { padding: 0; margin: 0; }

a { color: #000; -webkit-transition: 0.2s linear; transition: 0.2s linear; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a, span, div, button { outline: none !important; }

input[type=submit], input[type=button], button { -webkit-appearance: none; outline: none; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

.clearfix:after, .wrapper:after, .row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

img { height: auto; max-width: 100%; }

@font-face { font-family: 'DINPro'; src: url("../fonts/DINPro.eot") format("embedded-opentype"), url("../fonts/DINPro.woff") format("woff"), url("../fonts/DINPro.ttf") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: 'DINPro'; src: url("../fonts/DINPro-Bold.eot") format("embedded-opentype"), url("../fonts/DINPro-Bold.woff") format("woff"), url("../fonts/DINPro-Bold.ttf") format("truetype"); font-weight: 600; font-style: normal; }
@font-face { font-family: 'DINPro'; src: url("../fonts/DINPro-Light.eot") format("embedded-opentype"), url("../fonts/DINPro-Light.woff") format("woff"), url("../fonts/DINPro-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; }
/*!
 * fullPage 3.0.4
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */
html.fp-enabled, .fp-enabled body { margin: 0; padding: 0; overflow: hidden; /*Avoid flicker on slides transitions for mobile phones #336 */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ /* <=28 */ box-sizing: border-box; }

.fp-slide { float: left; }

.fp-slide, .fp-slidesContainer { height: 100%; display: block; }

.fp-slides { z-index: 1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition: all 0.3s ease-out; }

.fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout: fixed; width: 100%; }

.fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }

.fp-slidesContainer { float: left; position: relative; }

.fp-controlArrow { -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -2.375rem; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.fp-controlArrow.fp-prev { left: 0.9375rem; width: 0; border-width: 2.40625rem 2.125rem 2.40625rem 0; border-color: transparent #fff transparent transparent; }

.fp-controlArrow.fp-next { right: 0.9375rem; border-width: 2.40625rem 0 2.40625rem 2.125rem; border-color: transparent transparent transparent #fff; }

.fp-scrollable { overflow: hidden; position: relative; }

.fp-scroller { overflow: hidden; }

.iScrollIndicator { border: 0 !important; }

.fp-notransition { -webkit-transition: none !important; transition: none !important; }

#fp-nav { position: fixed; z-index: 100; margin-top: -2rem; top: 50%; opacity: 1; -webkit-transform: translate3d(0, 0, 0); }

#fp-nav.fp-right { right: 1.0625rem; }

#fp-nav.fp-left { left: 1.0625rem; }

.fp-slidesNav { position: absolute; z-index: 4; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0 !important; right: 0; margin: 0 auto !important; }

.fp-slidesNav.fp-bottom { bottom: 1.0625rem; }

.fp-slidesNav.fp-top { top: 1.0625rem; }

#fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0; }

#fp-nav ul li, .fp-slidesNav ul li { display: block; width: 0.875rem; height: 0.8125rem; margin: 0.4375rem; position: relative; }

.fp-slidesNav ul li { display: inline-block; }

#fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { height: 0.75rem; width: 0.75rem; margin: -0.375rem 0 0 -0.375rem; -webkit-border-radius: 100%; border-radius: 100%; }

#fp-nav ul li a span, .fp-slidesNav ul li a span { -webkit-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 1; height: 0.25rem; width: 0.25rem; border: 0; background: #333; left: 50%; top: 50%; margin: -0.125rem 0 0 -0.125rem; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { width: 0.625rem; height: 0.625rem; margin: -0.3125rem 0 0 -0.3125rem; }

#fp-nav ul li .fp-tooltip { position: absolute; top: -0.125rem; color: #fff; font-size: 0.875rem; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 13.75rem; overflow: hidden; display: block; opacity: 0; width: 0; cursor: pointer; }

#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; }

#fp-nav ul li .fp-tooltip.fp-right { right: 1.25rem; }

#fp-nav ul li .fp-tooltip.fp-left { left: 1.25rem; }

.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height: auto !important; }

.fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell { height: auto !important; }

/*Only display content to screen readers*/
.fp-sr-only { position: absolute; width: 0.0625rem; height: 0.0625rem; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes bounce { from,
  20%,
  53%,
  80%,
  to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%,
  43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -1.875rem, 0); transform: translate3d(0, -1.875rem, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -0.9375rem, 0); transform: translate3d(0, -0.9375rem, 0); }
  90% { -webkit-transform: translate3d(0, -0.25rem, 0); transform: translate3d(0, -0.25rem, 0); } }
@keyframes bounce { from,
  20%,
  53%,
  80%,
  to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%,
  43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -1.875rem, 0); transform: translate3d(0, -1.875rem, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -0.9375rem, 0); transform: translate3d(0, -0.9375rem, 0); }
  90% { -webkit-transform: translate3d(0, -0.25rem, 0); transform: translate3d(0, -0.25rem, 0); } }
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash { from,
  50%,
  to { opacity: 1; }
  25%,
  75% { opacity: 0; } }
@keyframes flash { from,
  50%,
  to { opacity: 1; }
  25%,
  75% { opacity: 0; } }
.flash { -webkit-animation-name: flash; animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake { from,
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% { -webkit-transform: translate3d(-0.625rem, 0, 0); transform: translate3d(-0.625rem, 0, 0); }
  20%,
  40%,
  60%,
  80% { -webkit-transform: translate3d(0.625rem, 0, 0); transform: translate3d(0.625rem, 0, 0); } }
@keyframes shake { from,
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% { -webkit-transform: translate3d(-0.625rem, 0, 0); transform: translate3d(-0.625rem, 0, 0); }
  20%,
  40%,
  60%,
  80% { -webkit-transform: translate3d(0.625rem, 0, 0); transform: translate3d(0.625rem, 0, 0); } }
.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-0.375rem) rotateY(-9deg); transform: translateX(-0.375rem) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(0.3125rem) rotateY(7deg); transform: translateX(0.3125rem) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-0.1875rem) rotateY(-5deg); transform: translateX(-0.1875rem) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(0.125rem) rotateY(3deg); transform: translateX(0.125rem) rotateY(3deg); }
  50% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-0.375rem) rotateY(-9deg); transform: translateX(-0.375rem) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(0.3125rem) rotateY(7deg); transform: translateX(0.3125rem) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-0.1875rem) rotateY(-5deg); transform: translateX(-0.1875rem) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(0.125rem) rotateY(3deg); transform: translateX(0.125rem) rotateY(3deg); }
  50% { -webkit-transform: translateX(0); transform: translateX(0); } }
.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }
.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%,
  20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%,
  20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.tada { -webkit-animation-name: tada; animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes jello { from,
  11.1%,
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
@keyframes jello { from,
  11.1%,
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }

@-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); }
  14% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  28% { -webkit-transform: scale(1); transform: scale(1); }
  42% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  70% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); }
  14% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  28% { -webkit-transform: scale(1); transform: scale(1); }
  42% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  70% { -webkit-transform: scale(1); transform: scale(1); } }
.heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

@-webkit-keyframes bounceIn { from,
  20%,
  40%,
  60%,
  80%,
  to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes bounceIn { from,
  20%,
  40%,
  60%,
  80%,
  to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { from,
  60%,
  75%,
  90%,
  to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, -187.5rem, 0); transform: translate3d(0, -187.5rem, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 1.5625rem, 0); transform: translate3d(0, 1.5625rem, 0); }
  75% { -webkit-transform: translate3d(0, -0.625rem, 0); transform: translate3d(0, -0.625rem, 0); }
  90% { -webkit-transform: translate3d(0, 0.3125rem, 0); transform: translate3d(0, 0.3125rem, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInDown { from,
  60%,
  75%,
  90%,
  to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, -187.5rem, 0); transform: translate3d(0, -187.5rem, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 1.5625rem, 0); transform: translate3d(0, 1.5625rem, 0); }
  75% { -webkit-transform: translate3d(0, -0.625rem, 0); transform: translate3d(0, -0.625rem, 0); }
  90% { -webkit-transform: translate3d(0, 0.3125rem, 0); transform: translate3d(0, 0.3125rem, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { from,
  60%,
  75%,
  90%,
  to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(-187.5rem, 0, 0); transform: translate3d(-187.5rem, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(1.5625rem, 0, 0); transform: translate3d(1.5625rem, 0, 0); }
  75% { -webkit-transform: translate3d(-0.625rem, 0, 0); transform: translate3d(-0.625rem, 0, 0); }
  90% { -webkit-transform: translate3d(0.3125rem, 0, 0); transform: translate3d(0.3125rem, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInLeft { from,
  60%,
  75%,
  90%,
  to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(-187.5rem, 0, 0); transform: translate3d(-187.5rem, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(1.5625rem, 0, 0); transform: translate3d(1.5625rem, 0, 0); }
  75% { -webkit-transform: translate3d(-0.625rem, 0, 0); transform: translate3d(-0.625rem, 0, 0); }
  90% { -webkit-transform: translate3d(0.3125rem, 0, 0); transform: translate3d(0.3125rem, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { from,
  60%,
  75%,
  90%,
  to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(187.5rem, 0, 0); transform: translate3d(187.5rem, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-1.5625rem, 0, 0); transform: translate3d(-1.5625rem, 0, 0); }
  75% { -webkit-transform: translate3d(0.625rem, 0, 0); transform: translate3d(0.625rem, 0, 0); }
  90% { -webkit-transform: translate3d(-0.3125rem, 0, 0); transform: translate3d(-0.3125rem, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInRight { from,
  60%,
  75%,
  90%,
  to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(187.5rem, 0, 0); transform: translate3d(187.5rem, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-1.5625rem, 0, 0); transform: translate3d(-1.5625rem, 0, 0); }
  75% { -webkit-transform: translate3d(0.625rem, 0, 0); transform: translate3d(0.625rem, 0, 0); }
  90% { -webkit-transform: translate3d(-0.3125rem, 0, 0); transform: translate3d(-0.3125rem, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { from,
  60%,
  75%,
  90%,
  to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(0, 187.5rem, 0); transform: translate3d(0, 187.5rem, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -1.25rem, 0); transform: translate3d(0, -1.25rem, 0); }
  75% { -webkit-transform: translate3d(0, 0.625rem, 0); transform: translate3d(0, 0.625rem, 0); }
  90% { -webkit-transform: translate3d(0, -0.3125rem, 0); transform: translate3d(0, -0.3125rem, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp { from,
  60%,
  75%,
  90%,
  to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(0, 187.5rem, 0); transform: translate3d(0, 187.5rem, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -1.25rem, 0); transform: translate3d(0, -1.25rem, 0); }
  75% { -webkit-transform: translate3d(0, 0.625rem, 0); transform: translate3d(0, 0.625rem, 0); }
  90% { -webkit-transform: translate3d(0, -0.3125rem, 0); transform: translate3d(0, -0.3125rem, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 0.625rem, 0); transform: translate3d(0, 0.625rem, 0); }
  40%,
  45% { opacity: 1; -webkit-transform: translate3d(0, -1.25rem, 0); transform: translate3d(0, -1.25rem, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, 125rem, 0); transform: translate3d(0, 125rem, 0); } }
@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 0.625rem, 0); transform: translate3d(0, 0.625rem, 0); }
  40%,
  45% { opacity: 1; -webkit-transform: translate3d(0, -1.25rem, 0); transform: translate3d(0, -1.25rem, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, 125rem, 0); transform: translate3d(0, 125rem, 0); } }
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(1.25rem, 0, 0); transform: translate3d(1.25rem, 0, 0); }
  to { opacity: 0; -webkit-transform: translate3d(-125rem, 0, 0); transform: translate3d(-125rem, 0, 0); } }
@keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(1.25rem, 0, 0); transform: translate3d(1.25rem, 0, 0); }
  to { opacity: 0; -webkit-transform: translate3d(-125rem, 0, 0); transform: translate3d(-125rem, 0, 0); } }
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-1.25rem, 0, 0); transform: translate3d(-1.25rem, 0, 0); }
  to { opacity: 0; -webkit-transform: translate3d(125rem, 0, 0); transform: translate3d(125rem, 0, 0); } }
@keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-1.25rem, 0, 0); transform: translate3d(-1.25rem, 0, 0); }
  to { opacity: 0; -webkit-transform: translate3d(125rem, 0, 0); transform: translate3d(125rem, 0, 0); } }
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -0.625rem, 0); transform: translate3d(0, -0.625rem, 0); }
  40%,
  45% { opacity: 1; -webkit-transform: translate3d(0, 1.25rem, 0); transform: translate3d(0, 1.25rem, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, -125rem, 0); transform: translate3d(0, -125rem, 0); } }
@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -0.625rem, 0); transform: translate3d(0, -0.625rem, 0); }
  40%,
  45% { opacity: 1; -webkit-transform: translate3d(0, 1.25rem, 0); transform: translate3d(0, 1.25rem, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, -125rem, 0); transform: translate3d(0, -125rem, 0); } }
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -125rem, 0); transform: translate3d(0, -125rem, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -125rem, 0); transform: translate3d(0, -125rem, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-125rem, 0, 0); transform: translate3d(-125rem, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-125rem, 0, 0); transform: translate3d(-125rem, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(125rem, 0, 0); transform: translate3d(125rem, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(125rem, 0, 0); transform: translate3d(125rem, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 125rem, 0); transform: translate3d(0, 125rem, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 125rem, 0); transform: translate3d(0, 125rem, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }
@keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 125rem, 0); transform: translate3d(0, 125rem, 0); } }
@keyframes fadeOutDownBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 125rem, 0); transform: translate3d(0, 125rem, 0); } }
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-125rem, 0, 0); transform: translate3d(-125rem, 0, 0); } }
@keyframes fadeOutLeftBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-125rem, 0, 0); transform: translate3d(-125rem, 0, 0); } }
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(125rem, 0, 0); transform: translate3d(125rem, 0, 0); } }
@keyframes fadeOutRightBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(125rem, 0, 0); transform: translate3d(125rem, 0, 0); } }
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -125rem, 0); transform: translate3d(0, -125rem, 0); } }
@keyframes fadeOutUpBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -125rem, 0); transform: translate3d(0, -125rem, 0); } }
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { from { -webkit-transform: perspective(25rem) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(25rem) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(25rem) scale3d(1, 1, 1) translate3d(0, 0, 9.375rem) rotate3d(0, 1, 0, -190deg); transform: perspective(25rem) scale3d(1, 1, 1) translate3d(0, 0, 9.375rem) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(25rem) scale3d(1, 1, 1) translate3d(0, 0, 9.375rem) rotate3d(0, 1, 0, -170deg); transform: perspective(25rem) scale3d(1, 1, 1) translate3d(0, 0, 9.375rem) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(25rem) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(25rem) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  to { -webkit-transform: perspective(25rem) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(25rem) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
@keyframes flip { from { -webkit-transform: perspective(25rem) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(25rem) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(25rem) scale3d(1, 1, 1) translate3d(0, 0, 9.375rem) rotate3d(0, 1, 0, -190deg); transform: perspective(25rem) scale3d(1, 1, 1) translate3d(0, 0, 9.375rem) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(25rem) scale3d(1, 1, 1) translate3d(0, 0, 9.375rem) rotate3d(0, 1, 0, -170deg); transform: perspective(25rem) scale3d(1, 1, 1) translate3d(0, 0, 9.375rem) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(25rem) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(25rem) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  to { -webkit-transform: perspective(25rem) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(25rem) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX { from { -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, 90deg); transform: perspective(25rem) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, -20deg); transform: perspective(25rem) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, 10deg); transform: perspective(25rem) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, -5deg); transform: perspective(25rem) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(25rem); transform: perspective(25rem); } }
@keyframes flipInX { from { -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, 90deg); transform: perspective(25rem) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, -20deg); transform: perspective(25rem) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, 10deg); transform: perspective(25rem) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, -5deg); transform: perspective(25rem) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(25rem); transform: perspective(25rem); } }
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { from { -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, 90deg); transform: perspective(25rem) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, -20deg); transform: perspective(25rem) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, 10deg); transform: perspective(25rem) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, -5deg); transform: perspective(25rem) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(25rem); transform: perspective(25rem); } }
@keyframes flipInY { from { -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, 90deg); transform: perspective(25rem) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, -20deg); transform: perspective(25rem) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, 10deg); transform: perspective(25rem) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, -5deg); transform: perspective(25rem) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(25rem); transform: perspective(25rem); } }
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { from { -webkit-transform: perspective(25rem); transform: perspective(25rem); }
  30% { -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, -20deg); transform: perspective(25rem) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  to { -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, 90deg); transform: perspective(25rem) rotate3d(1, 0, 0, 90deg); opacity: 0; } }
@keyframes flipOutX { from { -webkit-transform: perspective(25rem); transform: perspective(25rem); }
  30% { -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, -20deg); transform: perspective(25rem) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  to { -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, 90deg); transform: perspective(25rem) rotate3d(1, 0, 0, 90deg); opacity: 0; } }
.flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { from { -webkit-transform: perspective(25rem); transform: perspective(25rem); }
  30% { -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, -15deg); transform: perspective(25rem) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  to { -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, 90deg); transform: perspective(25rem) rotate3d(0, 1, 0, 90deg); opacity: 0; } }
@keyframes flipOutY { from { -webkit-transform: perspective(25rem); transform: perspective(25rem); }
  30% { -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, -15deg); transform: perspective(25rem) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  to { -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, 90deg); transform: perspective(25rem) rotate3d(0, 1, 0, 90deg); opacity: 0; } }
.flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { from { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }
@keyframes lightSpeedOut { from { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }
@keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }
@keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
@keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
@keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }
@keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%,
  60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40%,
  80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
  to { -webkit-transform: translate3d(0, 43.75rem, 0); transform: translate3d(0, 43.75rem, 0); opacity: 0; } }
@keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%,
  60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40%,
  80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
  to { -webkit-transform: translate3d(0, 43.75rem, 0); transform: translate3d(0, 43.75rem, 0); opacity: 0; } }
.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; }

@-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; }
  50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
  70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); }
  to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; }
  50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
  70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); }
  to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
.jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-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; } }
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -62.5rem, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -62.5rem, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.75rem, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.75rem, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -62.5rem, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -62.5rem, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.75rem, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.75rem, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-62.5rem, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-62.5rem, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0.625rem, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0.625rem, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-62.5rem, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-62.5rem, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0.625rem, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0.625rem, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(62.5rem, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(62.5rem, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.625rem, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.625rem, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(62.5rem, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(62.5rem, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.625rem, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.625rem, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 62.5rem, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 62.5rem, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -3.75rem, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -3.75rem, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 62.5rem, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 62.5rem, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -3.75rem, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -3.75rem, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }
@keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -3.75rem, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -3.75rem, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 125rem, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 125rem, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -3.75rem, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -3.75rem, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 125rem, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 125rem, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(2.625rem, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(2.625rem, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-125rem, 0, 0); transform: scale(0.1) translate3d(-125rem, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }
@keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(2.625rem, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(2.625rem, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-125rem, 0, 0); transform: scale(0.1) translate3d(-125rem, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }
.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-2.625rem, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-2.625rem, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(125rem, 0, 0); transform: scale(0.1) translate3d(125rem, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }
@keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-2.625rem, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-2.625rem, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(125rem, 0, 0); transform: scale(0.1) translate3d(125rem, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }
.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.75rem, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.75rem, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -125rem, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -125rem, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.75rem, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.75rem, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -125rem, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -125rem, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; }

.animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; }

.animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; }

.animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; }

.animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; }

.animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; }

.animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; }

.animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; }

.animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; }

@media (print), (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important; } }
/*
================================================================================
|                                     HEADER                                   |
================================================================================
*/
.header { display: inline-block; height: 100%; width: 13.9375rem; position: absolute; text-align: center; z-index: 9; padding-top: 2.5rem; }
.header .logo { max-width: 9.5rem; }
.header a { display: block; }
.header.non-header { display: none; }

.menu { display: inline-block; margin-bottom: 0.25rem; }

.menu__line { width: 3.4375rem; height: 0.3125rem; -webkit-border-radius: 0.25rem; border-radius: 0.25rem; background-color: #6D6E71; display: block; -webkit-transition: 0.2s linear; transition: 0.2s linear; }
.menu__line:not(:last-child) { margin-bottom: 0.4375rem; }
.menu__line.center { margin-left: -0.9375rem; }

#fp-nav.non-header { display: none; }

#fp-nav ul li:not(:last-child) { margin-bottom: 1.25rem; }

#fp-nav.fp-left { margin-left: 1.875rem; }

#fp-nav ul li a.active + .fp-tooltip { color: #655FD5; }

#fp-nav ul li a span + span { display: none; }

#fp-nav ul li a, .fp-slidesNav ul li a { width: 1000%; }

#fp-nav ul li a span, .fp-slidesNav ul li a span { left: 0; }

#fp-nav ul li .fp-tooltip { opacity: 1; width: 1000%; font-size: 1.125rem; color: #6D6E71; text-transform: uppercase; font-weight: 600; }

/*
================================================================================
|                                     FOOTER                                   |
================================================================================
*/
.main-wrapper { padding: 0 0 0 0; min-width: 80rem; width: 100%; position: relative; overflow: hidden; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: start; }

.wrapper { min-width: 80rem; max-width: 78.125rem; padding: 0 0.9375rem 0 0.9375rem; margin: 0 auto; }

/* titles */
p { font-size: 1.0625rem; line-height: 1.5rem; padding-bottom: 1.1875rem; }

h1 { font-size: 5.375rem; }

h2 { font-size: 4.5rem; }

h3 { font-size: 3.625rem; }

h4 { font-size: 2.875rem; }

h5 { font-size: 2rem; }

h6 { font-size: 1.125rem; }

h1, h2, h3, h4, h5, h6 { padding: 0.9375rem 0 0.9375rem 0; font-family: "DINPro"; font-weight: 700; }

/* text position */
.text-left { text-align: left !important; }

.text-center { text-align: center !important; }

.text-right { text-align: right !important; }

.nowrap { white-space: nowrap !important; }

/* loader */
.loaded:before{content: "";top: 0;left: 0;width: 100%;height: 100%;background: #fff url(../img/loader.gif) no-repeat center center;z-index: 999;position: absolute;}
.loaded .main-wrapper{visibility:hidden;}

/*
================================================================================
|                                     CONTENT                                 |
================================================================================
*/
.fix-ie { display: none; }

.main-wrapper { min-width: 80rem; width: 100%; }

.section { padding-left: 13.9375rem; }
.section.slide1 { padding-left: 0; }

.customAnimation { opacity: 0; }
.customAnimation.animated { opacity: 1; }

.scale_img { -webkit-animation-name: scale_img; animation-name: scale_img; }

@-webkit-keyframes scale_img { from { -webkit-transform: scale(1.4); transform: scale(1.4); }
  to { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes scale_img { from { -webkit-transform: scale(1.4); transform: scale(1.4); }
  to { -webkit-transform: scale(1); transform: scale(1); } }
.mask-video { display: inline-block; position: relative; }
.mask-video:before { content: ""; left: 0; width: 100%; top: 0; height: 100%; display: inline-block; background-color: rgba(194, 216, 242, 0.38); position: absolute; }

/*=====================================
=            First Section            =
=====================================*/
.first-section { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }
.first-section__title { font-size: 3.9375rem; color: #2E3192; margin-top: 1.875rem; text-transform: uppercase; font-weight: 400; letter-spacing: 0.198125rem; }
.first-section img { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }

/*=====  End of First Section  ======*/
/*===================================
=            Two Section            =
===================================*/
.two-section { width: 100%; clear: both; height: 100%; padding: 3.125rem 0; display: inline-block; }
.two-section__number { width: 50%; display: inline-block; float: left; height: 100%; position: relative; }
.two-section__img-right { width: 50%; float: left; margin-top: 6.25rem; padding-right: 1.875rem; display: inline-block; position: relative; }
.two-section__img-right:before { content: ""; width: 100%; height: 100%; top: -1.5625rem; left: 0; display: inline-block; background: url(../img/mask-img.png) no-repeat; position: absolute; background-size: contain; }
.two-section__number-video { height: 100%; max-width: 23.8125rem; object-fit: cover; }
.two-section__number-text { font-size: 2.9375rem; font-weight: 600; position: absolute; top: -0.187rem; right: 2.6875rem; color: #655FD5; text-transform: uppercase; }
.two-section__number-big { font-size: 39.9375rem; font-weight: 600; color: #2F2482; line-height: 36.5625rem; }
.two-section__number-bottom { font-size: 6.5rem;z-index: 9; font-weight: 600; color: #655FD5; position: absolute; bottom: -1.5rem; right: -16.5rem; letter-spacing: -0.065rem; }
.two-section__number-block { position: absolute; top: 6.25rem; right: 7.75rem; }

/*=====  End of Two Section  ======*/
/*=====================================
=            Three Section            =
=====================================*/
.three-section { position: relative; height: 100%; padding: 5.625rem 6.375rem 5.625rem 0; }
.three-section__video { max-width: 78.125rem; height: 100%; object-fit: cover; }
.three-section .mask-video { height: 100%; }
.three-section__text { display: inline-block; position: absolute; right: 7.125rem; margin-top: 3.5/*-2.0625rem*/; text-align: right; }
.three-section__title { font-size: 2.9375rem; color: #655FD5; font-weight: 600; line-height: 3.4375rem; text-transform: uppercase; }
.three-section__text-number { color: #2F2482; font-size: 36.0625rem; font-weight: 600; line-height: 30.3125rem; margin-right: -2.8125rem; letter-spacing: 1.0625rem; }
.three-section__text-inside { color: #2F2482; font-size: 2.375rem; display: inline-block; right: -0.625rem; letter-spacing: 0; top: 50%; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 1.875rem; z-index: 9; background-color: transparent; padding: 0.625rem; text-transform: uppercase; line-height: normal; }

.background-animation { -webkit-animation-name: background; animation-name: background; }

@-webkit-keyframes background { from { background-color: rgba(255, 255, 255, 0); }
  to { background-color: white; } }
@keyframes background { from { background-color: rgba(255, 255, 255, 0); }
  to { background-color: white; } }
/*=====  End of Three Section  ======*/
/*====================================
=            Four Section            =
====================================*/
.four-section { width: 100%; height: 100%; padding-top: 2.5rem; padding-bottom: 2.5rem; display: inline-block; overflow: hidden; }

.slide4 { overflow: hidden; }

.four-section__left-video { width: 100%; height: 100%; -webkit-border-radius: 100%; border-radius: 100%; object-fit: cover; }

.four-section__left-circle { width: 39.0625rem; height: 39.0625rem; display: inline-block; position: absolute; left: 23%; bottom: -14.6875rem; }

.four-section__video { position: relative; z-index: 9; }
.four-section__video:before { content: ""; width: 100%; height: 100%; top: -0.125rem; left: 10rem; display: inline-block; position: absolute; background: url(../img/line-bg.svg) no-repeat; }
.four-section__video.animated:before { -webkit-animation-name: opacity2; animation-name: opacity2; }

@-webkit-keyframes opacity2 { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes opacity2 { from { opacity: 0; }
  to { opacity: 1; } }
.four-section__video-video { max-height: 28.125rem; width: 100%; }

.four-section__video-video { object-fit: cover; }

.four-section__left-title { font-size: 4.3125rem; color: #B9BBBD; font-weight: 600; position: relative; z-index: 9; margin-top: 9.5rem; letter-spacing: 0.125rem; text-transform: uppercase; }

.four-section__left { display: inline-block; float: left; width: 54%; }

.four-section__left-text { font-size: 4.3125rem; font-weight: 300; color: #fff; position: relative; z-index: 9; left: 10%; letter-spacing: 0.431875rem; text-transform: uppercase; text-align: center; }

.four-section__right-title { color: #655FD5; font-size: 4.3125rem; text-transform: uppercase; font-weight: 600; text-align: right; line-height: 5.1875rem; margin-top: 9rem; }

.four-section__right { float: left; padding-right: 8.125rem; width: 46%; display: inline-block; }

.four-section__letter { list-style: none; margin-left: -0.625rem; position: absolute; bottom: -7.8125rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding-right: 6.875rem; }

.four-section__letter-item { display: inline-block; }

/*=====  End of Four Section  ======*/
/*====================================
=            Five Section            =
====================================*/
.five-section { display: inline-block; width: 100%; height: 100%; padding: 2.125rem 10rem 2.125rem 3.625rem; }

.five-section-title { color: #655FD5; font-size: 4.375rem; text-transform: uppercase; font-weight: 600; z-index: 9; position: relative; }

.five-section__brand { max-width: 23.75rem; display: inline-block; padding: 2.5rem 0; text-align: center; z-index: 9; position: relative; background-color: #2E3192; }
.five-section__brand img { display: inline-block; }
.five-section__brand img:not(:last-child) { margin-bottom: 2.5rem; }

.five-section__block { display: inline-block; position: relative; }

.five-section__img { display: inline-block; float: right; width: 50%; position: relative; margin-top: 7.8125rem; }
.five-section__img:before { content: ""; width: 100%; height: 100%; top: -0.25rem; left: 0; display: inline-block; background: url(../img/mask-img2.png) no-repeat; position: absolute; background-size: contain; }

.five-section__video-video { max-width: 35.4375rem; height: 100%; object-fit: cover; top: 0; left: -8.125rem; position: absolute; }

.five-section__text { float: right; position: absolute; width: 100%; top: 0.9375rem; padding: 4.375rem 0; display: inline-block; }

.five-section__text-title { color: #6D6E71; font-size: 2.125rem; font-weight: 600; z-index: 9; position: relative; line-height: 4.375rem; padding: 0 0 0 0.9375rem; text-transform: uppercase; }

/*=====  End of Five Section  ======*/
/*===================================
=            Six Section            =
===================================*/
.six-section { width: 100%; height: 100%; padding: 2.5rem 6.25rem 2.5rem 0; display: inline-block; }

.six-section__left-video { width: 100%; height: 100%; object-fit: cover; }

.six-section__left { width: 59%; height: 100%; display: inline-block; float: left; position: relative; }

.six-section__right { width: 44%; display: inline-block; float: left; z-index: 9; position: relative; margin-left: -3.125rem; margin-top: 3.75rem; }
.six-section__right > img { max-width: 44.0625rem; margin-bottom: 1.25rem; position: relative; z-index: 99; }

.six-section__list { position: relative; z-index: 9; }
.six-section__list:before { content: ""; top: -5.625rem; right: -2.5rem; width: 10.125rem; z-index: -1; height: 10.125rem; display: inline-block; position: absolute; background-color: #2E3192; }

.six-section__left-block { position: absolute; top: 50%; right: 13.75rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; }
.six-section__left-block:before { content: ""; width: 23.375rem; height: 23.375rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -62%; position: absolute; display: inline-block; background: url(../img/square.svg) no-repeat; }
.six-section__left-block .line { width: 35rem; height: 0.75rem; background-color: #2E3192; display: inline-block; }

.six-section__left-text { color: #2E3192; font-size: 1.5rem; font-weight: 600; margin: auto; text-transform: uppercase; max-width: 34.625rem; line-height: 3.125rem; text-align: right; }

.six-section__list-item { display: inline-block; }
.six-section__list-item:not(:last-child) { margin-right: 2.125rem; }

/*=====  End of Six Section  ======*/
/*=====================================
=            Seven Section            =
=====================================*/
.slide7 video { width: 100%; height: 100%; object-fit: cover; }
.slide7 .mask-video { width: 100%; height: 100%; }
.slide7 .mask-video:before { background-color: rgba(46, 49, 146, 0.6); }

.seven-section { top: 1.875rem; left: 1.875rem; z-index: 9; width: 100%; height: 100%; display: inline-block; position: absolute; padding-left: 12.1875rem; }

.seven-section__block { display: inline-block; position: relative; }

.seven-section__top { font-size: 5.75rem; color: #fff; padding-top: 0; font-weight: 600; padding-left: 15.625rem; text-transform: uppercase; }

.seven-section__text { font-size: 4.575rem; color: #fff; font-weight: 600; position: absolute; bottom: 5.3125rem; line-height: 6.25rem; letter-spacing: 0.125rem; margin-left: 10rem; text-transform: uppercase; }

.seven-section__big-img { max-height: 43.75rem; margin-left: 6.25rem; }

.seven-section__img { position: absolute; right: 9.4375rem; top: 8.6875rem; max-width: 8.125rem; }

.img_rotate { -webkit-animation-name: img_rotate; animation-name: img_rotate; }

@-webkit-keyframes img_rotate { from { opacity: 0; -webkit-transform: rotate(0); transform: rotate(0); }
  to { opacity: 1; -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes img_rotate { from { opacity: 0; -webkit-transform: rotate(0); transform: rotate(0); }
  to { opacity: 1; -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
/*=====  End of Seven Section  ======*/
/*=====================================
=            Eight Section            =
=====================================*/
.eight-section__block { top: 0; left: 13.9375rem; width: 100%; height: 100%; position: absolute; }

.slide8 video { height: 100%; object-fit: cover; width: 100%; }
.slide8 .mask-video { width: 100%;height: 100%; }
.slide8 .mask-video:before { background-color: rgba(46, 49, 146, 0.6); }

.eight-section__left, .eight-section__right { display: inline-block; float: left; }

.eight-section__left { width: 45%; }

.eight-section__right { width: 44%; margin-top: -4.375rem; }
.eight-section__right .eight-section__auto-img { margin-top: 0; margin-bottom: 5.625rem; }

.eight-section__right .eight-section__auto-small { max-width: 31.25rem; line-height: 3.4375rem; display: inline-block; }

.eight-section__left .eight-section__auto { text-align: center; }

.eight-section__top { font-size: 7.75rem; color: #fff; margin-left: -0.9375rem; font-weight: 600; }

.eight-section__top-title { font-size: 2.5rem; font-weight: 600; text-transform: uppercase; max-width: 14.5625rem; line-height: 3.375rem; display: inline-block; }

.eight-section__number-img { max-width: 43.875rem; }

.eight-section__auto-small { font-size: 2.8125rem; color: #fff; font-weight: 600; text-transform: uppercase; }

.eight-section__square { width: 21.875rem; height: 21.875rem; top: 0; -webkit-border-radius: 100%; border-radius: 100%; background-color: #fff; display: inline-block; }

.eight-section__auto-img { text-align: center; position: relative; margin-top: 5.625rem; }
.eight-section__auto-img img { z-index: 9; left: 50%; top: 50%; position: absolute; }

.scale_img2 { -webkit-animation-name: scale_img2; animation-name: scale_img2; }

@-webkit-keyframes scale_img2 { from { -webkit-transform: translate(-50%, -50%) scale(1.4); transform: translate(-50%, -50%) scale(1.4); }
  to { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } }
@keyframes scale_img2 { from { -webkit-transform: translate(-50%, -50%) scale(1.4); transform: translate(-50%, -50%) scale(1.4); }
  to { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } }
/*=====  End of Eight Section  ======*/
/*====================================
=            Nine Section            =
====================================*/
.nine-section { height: 100%; width: 100%; display: inline-block; }

.nine-section__list { display: inline-block; }

.nine-section__list-link { font-size: 1.5rem; color: #58595B; font-weight: 600; width: 20.625rem; height: 10rem; text-align: center; line-height: 9.375rem; letter-spacing: 0.0375rem; text-transform: uppercase; display: inline-block; border: 0.375rem solid #C2D8F2; }

.nine-section__list-item { position: relative; background-color: #fff; }
.nine-section__list-item:not(:last-child) { margin-bottom: 8.75rem; }

.nine-section__list-img { max-width: 4.5rem; position: absolute; left: -6.25rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); vertical-align: middle; }

.nine-section__list { list-style: none; position: absolute; top: 50%; right: -9.375rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.nine-section__left { width: 32%; float: left; height: 100%; position: relative; }

.nine-section__right { width: 68%; float: left; height: 100%; }
.nine-section__right video { width: 100%; height: 100%; object-fit: cover; }

/*=====  End of Nine Section  ======*/
/*==============================
=            Fix Ie            =
==============================*/
.edge video, .ie video { max-width: 100% !important; height: 100% !important; }
.edge .eight-section__right .eight-section__auto-small, .ie .eight-section__right .eight-section__auto-small { max-width: 31.875rem; }

.section { overflow: hidden; }

/*=====  End of Fix Ie  ======*/
.safari .four-section__left-text { font-size: 3.75rem; }
.safari .six-section__list-item img { max-width: 12.5rem; }
.safari .six-section__right { margin-top: 1.875rem; }
.safari .eight-section__right .eight-section__auto-img { margin-bottom: 3.125rem; }

/*==================================
=            Responsive            =
==================================*/
@media only screen and (max-width: 1880px) { html { font-size: 14px; }
  .six-section__right { width: 40%; }
  .five-section__brand { padding: 1.875rem 0; }
  .six-section__list-item img { max-width: 13rem; } }
@media only screen and (max-width: 1600px) { .three-section__video { max-width: 62.5rem; height: 100%; max-height: 100%; object-fit: cover; }
  .three-section .mask-video { height: 100%; }
  .three-section__text { top: 11.25rem; }
  .two-section__number-block { top: 11.25rem; right: 0; }
  .four-section__video:before { top: -0.0625rem; }
  .three-section { height: 100%; }
  .four-section__left-circle { bottom: -6.25rem; }
  .two-section__img-right { margin-top: 11.25rem; }
  .four-section__letter-item:not(:first-child) { margin-left: 1.5625rem; }
  .four-section__left-text { font-size: 3rem; }
  .six-section__list { width: 41.25rem; }
  .four-section__left-title { font-size: 3.25rem; margin-top: 6.875rem; margin-bottom: 3.75rem; }
  .four-section__right-title { font-size: 3.25rem; }
  .six-section__list-item:not(:last-child) { margin-right: 0.625rem; }
  .seven-section__big-img { margin-left: 0.75rem; }
  .seven-section__text { margin-left: 5.625rem; }
  .eight-section__number-img { max-width: 35rem; } }
@media only screen and (max-width: 1450px) { html { font-size: 12px; }
  .four-section__letter-item:not(:first-child) { margin-left: 0.4375rem; }
  .four-section__left-title { margin-top: 9.375rem; margin-bottom: 9.375rem; }
  .four-section__left-text { font-size: 3.75rem; }
  .three-section__video { max-width: 78.125rem; }
  .five-section__brand img { max-width: 21.25rem; }
  .five-section { padding: 5rem 2.5rem 1.5625rem 2.6875rem; }
  .seven-section__top { padding-left: 8.75rem; }
  .seven-section { top: 7.5rem; }
  .eight-section__block { padding-top: 5.625rem; }
  .eight-section__right .eight-section__auto { margin-left: 2.5rem; } }
@media only screen and (max-width: 1400px) and (max-height: 800px) { .two-section__number-block { top: 2.5rem; }
  .four-section__left-title { margin-bottom: 3.75rem; }
  .two-section__img-right { margin-top: 0.625rem; }
  .three-section__video { max-width: 65.625rem; } }
@media only screen and (max-width: 1450px) and (max-height: 720px) { .four-section__left-circle { bottom: -15.625rem; }
  .four-section__letter, .four-section__right { padding-right: 3.125rem; }
  .four-section__left-title { margin-top: 8.125rem; margin-bottom: 0.625rem; padding-bottom: 0; }
  .four-section__right-title { margin-top: 6.875rem; }
  .five-section__brand { max-width: 18.75rem; }
  .five-section__brand img { max-width: 13.75rem; }
  .five-section { overflow: hidden; }
  .six-section__right > img { max-width: 38.75rem; }
  .six-section__list-item img { max-width: 11.875rem; }
  .seven-section { top: 1.875rem; }
  .seven-section__big-img { max-height: 40.625rem; }
  .seven-section__text { font-size: 4.175rem; bottom: 4.375rem; }
  .seven-section__img { right: 8.4375rem; top: 7.8125rem; }
  .eight-section__block { padding-top: 2.5rem; }
  .eight-section__right .eight-section__auto-img { margin-bottom: 3.125rem; }
  .eight-section__auto-img { margin-top: 3.125rem; }
  .eight-section__right { margin-top: -8.125rem; }
  .four-section__video:before { left: -1.25rem; } }
@media only screen and (max-width: 1450px) and (max-height: 700px) { .four-section__left-text { font-size: 2.5rem; }
  .five-section { padding: 1.875rem 1.875rem 1.125rem 2rem; }
  .six-section__right > img { max-width: 37.5rem; }
  .six-section__right { margin-top: 1.25rem; }
  .seven-section__big-img { max-width: 78.125rem; }
  .seven-section__text { bottom: 4.0625rem; }
  .seven-section__img { right: 8rem; top: 7.375rem; }
  .seven-section__text { font-size: 4.0625rem; } }
@supports (-ms-ime-align: auto) and (not (-ms-accelerator: true)) { .fix-ie { display: inline-block; }
  .two-section__number-video, .four-section__left-video, .five-section__video-video, .six-section__left-video { display: none; }
  .five-section__video .fix-ie { max-width: 35.4375rem; height: 100%; object-fit: cover; top: 0; left: -8.125rem; position: absolute; }
  .slide8 .mask-video video, .slide7 .mask-video video { display: none; }
  .four-section__video video, .nine-section__right video { display: none; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .fix-ie { display: inline-block; }
  .slide8 .mask-video video, .slide7 .mask-video video { display: none; }
  .two-section__number-video, .four-section__left-video, .five-section__video-video, .six-section__left-video { display: none; }
  .five-section__video .fix-ie { max-width: 35.4375rem; height: 100%; object-fit: cover; top: 0; left: -8.125rem; position: absolute; }
  .four-section__video video, .nine-section__right video { display: none; } }
/*=====  End of Responsive  ======*/