@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700");
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, main {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

main {
  overflow-x: hidden; }

body {
  line-height: 1;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
  -webkit-overflow-scrolling: touch;
  padding: 0;
  margin: 0;
  overflow-x: hidden; }

div, table, body, main {
  -webkit-overflow-scrolling: touch; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

table {
  border-collapse: collapse;
  border-spacing: 0; }

:focus {
  outline-color: transparent;
  outline-style: none; }

a, a:hover {
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

::-webkit-scrollbar {
  width: 4px; }

::-webkit-scrollbar-track {
  background: #f1f1f1; }

::-webkit-scrollbar-thumb {
  margin: 1px;
  background-color: #999;
  transition: background-color .5s; }

::-webkit-scrollbar-thumb:hover {
  background-color: #666; }

.clear, .clearfix {
  clear: both; }

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
.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; }

@-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, -30px, 0);
    transform: translate3d(0, -30px, 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, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 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, -30px, 0);
    transform: translate3d(0, -30px, 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, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-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(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 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(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 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(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) 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(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) 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;
  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.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@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.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-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, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 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, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 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(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 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(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 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(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 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(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 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, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 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, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 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, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

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

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

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

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

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

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 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, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 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(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 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(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 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, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 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, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 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(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 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(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 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, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

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

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -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(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) 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(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) 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);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@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);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.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, 700px, 0);
    transform: translate3d(0, 700px, 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, 700px, 0);
    transform: translate3d(0, 700px, 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, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 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, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 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, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 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, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 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(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 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(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 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(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 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(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 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(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 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(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 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(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 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(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 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, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 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, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 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, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 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, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 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, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 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, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 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, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 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, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 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(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 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(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 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(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 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(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 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, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 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, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 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, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 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, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 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; }

/*!
  Ionicons, v4.2.3
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
@font-face {
  font-family: "Ionicons";
  src: url("../fonts/ionicons.eot?v=4.2.3");
  src: url("../fonts/ionicons.eot?v=4.2.3#iefix") format("embedded-opentype"), url("../fonts/ionicons.woff2?v=4.2.3") format("woff2"), url("../fonts/ionicons.woff?v=4.2.3") format("woff"), url("../fonts/ionicons.ttf?v=4.2.3") format("truetype"), url("../fonts/ionicons.svg?v=4.2.3#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal; }

.ion,
.ionicons,
.ion-ios-add:before,
.ion-ios-add-circle:before,
.ion-ios-add-circle-outline:before,
.ion-ios-airplane:before,
.ion-ios-alarm:before,
.ion-ios-albums:before,
.ion-ios-alert:before,
.ion-ios-american-football:before,
.ion-ios-analytics:before,
.ion-ios-aperture:before,
.ion-ios-apps:before,
.ion-ios-appstore:before,
.ion-ios-archive:before,
.ion-ios-arrow-back:before,
.ion-ios-arrow-down:before,
.ion-ios-arrow-dropdown:before,
.ion-ios-arrow-dropdown-circle:before,
.ion-ios-arrow-dropleft:before,
.ion-ios-arrow-dropleft-circle:before,
.ion-ios-arrow-dropright:before,
.ion-ios-arrow-dropright-circle:before,
.ion-ios-arrow-dropup:before,
.ion-ios-arrow-dropup-circle:before,
.ion-ios-arrow-forward:before,
.ion-ios-arrow-round-back:before,
.ion-ios-arrow-round-down:before,
.ion-ios-arrow-round-forward:before,
.ion-ios-arrow-round-up:before,
.ion-ios-arrow-up:before,
.ion-ios-at:before,
.ion-ios-attach:before,
.ion-ios-backspace:before,
.ion-ios-barcode:before,
.ion-ios-baseball:before,
.ion-ios-basket:before,
.ion-ios-basketball:before,
.ion-ios-battery-charging:before,
.ion-ios-battery-dead:before,
.ion-ios-battery-full:before,
.ion-ios-beaker:before,
.ion-ios-bed:before,
.ion-ios-beer:before,
.ion-ios-bicycle:before,
.ion-ios-bluetooth:before,
.ion-ios-boat:before,
.ion-ios-body:before,
.ion-ios-bonfire:before,
.ion-ios-book:before,
.ion-ios-bookmark:before,
.ion-ios-bookmarks:before,
.ion-ios-bowtie:before,
.ion-ios-briefcase:before,
.ion-ios-browsers:before,
.ion-ios-brush:before,
.ion-ios-bug:before,
.ion-ios-build:before,
.ion-ios-bulb:before,
.ion-ios-bus:before,
.ion-ios-business:before,
.ion-ios-cafe:before,
.ion-ios-calculator:before,
.ion-ios-calendar:before,
.ion-ios-call:before,
.ion-ios-camera:before,
.ion-ios-car:before,
.ion-ios-card:before,
.ion-ios-cart:before,
.ion-ios-cash:before,
.ion-ios-cellular:before,
.ion-ios-chatboxes:before,
.ion-ios-chatbubbles:before,
.ion-ios-checkbox:before,
.ion-ios-checkbox-outline:before,
.ion-ios-checkmark:before,
.ion-ios-checkmark-circle:before,
.ion-ios-checkmark-circle-outline:before,
.ion-ios-clipboard:before,
.ion-ios-clock:before,
.ion-ios-close:before,
.ion-ios-close-circle:before,
.ion-ios-close-circle-outline:before,
.ion-ios-cloud:before,
.ion-ios-cloud-circle:before,
.ion-ios-cloud-done:before,
.ion-ios-cloud-download:before,
.ion-ios-cloud-outline:before,
.ion-ios-cloud-upload:before,
.ion-ios-cloudy:before,
.ion-ios-cloudy-night:before,
.ion-ios-code:before,
.ion-ios-code-download:before,
.ion-ios-code-working:before,
.ion-ios-cog:before,
.ion-ios-color-fill:before,
.ion-ios-color-filter:before,
.ion-ios-color-palette:before,
.ion-ios-color-wand:before,
.ion-ios-compass:before,
.ion-ios-construct:before,
.ion-ios-contact:before,
.ion-ios-contacts:before,
.ion-ios-contract:before,
.ion-ios-contrast:before,
.ion-ios-copy:before,
.ion-ios-create:before,
.ion-ios-crop:before,
.ion-ios-cube:before,
.ion-ios-cut:before,
.ion-ios-desktop:before,
.ion-ios-disc:before,
.ion-ios-document:before,
.ion-ios-done-all:before,
.ion-ios-download:before,
.ion-ios-easel:before,
.ion-ios-egg:before,
.ion-ios-exit:before,
.ion-ios-expand:before,
.ion-ios-eye:before,
.ion-ios-eye-off:before,
.ion-ios-fastforward:before,
.ion-ios-female:before,
.ion-ios-filing:before,
.ion-ios-film:before,
.ion-ios-finger-print:before,
.ion-ios-fitness:before,
.ion-ios-flag:before,
.ion-ios-flame:before,
.ion-ios-flash:before,
.ion-ios-flash-off:before,
.ion-ios-flashlight:before,
.ion-ios-flask:before,
.ion-ios-flower:before,
.ion-ios-folder:before,
.ion-ios-folder-open:before,
.ion-ios-football:before,
.ion-ios-funnel:before,
.ion-ios-gift:before,
.ion-ios-git-branch:before,
.ion-ios-git-commit:before,
.ion-ios-git-compare:before,
.ion-ios-git-merge:before,
.ion-ios-git-network:before,
.ion-ios-git-pull-request:before,
.ion-ios-glasses:before,
.ion-ios-globe:before,
.ion-ios-grid:before,
.ion-ios-hammer:before,
.ion-ios-hand:before,
.ion-ios-happy:before,
.ion-ios-headset:before,
.ion-ios-heart:before,
.ion-ios-heart-dislike:before,
.ion-ios-heart-empty:before,
.ion-ios-heart-half:before,
.ion-ios-help:before,
.ion-ios-help-buoy:before,
.ion-ios-help-circle:before,
.ion-ios-help-circle-outline:before,
.ion-ios-home:before,
.ion-ios-hourglass:before,
.ion-ios-ice-cream:before,
.ion-ios-image:before,
.ion-ios-images:before,
.ion-ios-infinite:before,
.ion-ios-information:before,
.ion-ios-information-circle:before,
.ion-ios-information-circle-outline:before,
.ion-ios-jet:before,
.ion-ios-journal:before,
.ion-ios-key:before,
.ion-ios-keypad:before,
.ion-ios-laptop:before,
.ion-ios-leaf:before,
.ion-ios-link:before,
.ion-ios-list:before,
.ion-ios-list-box:before,
.ion-ios-locate:before,
.ion-ios-lock:before,
.ion-ios-log-in:before,
.ion-ios-log-out:before,
.ion-ios-magnet:before,
.ion-ios-mail:before,
.ion-ios-mail-open:before,
.ion-ios-mail-unread:before,
.ion-ios-male:before,
.ion-ios-man:before,
.ion-ios-map:before,
.ion-ios-medal:before,
.ion-ios-medical:before,
.ion-ios-medkit:before,
.ion-ios-megaphone:before,
.ion-ios-menu:before,
.ion-ios-mic:before,
.ion-ios-mic-off:before,
.ion-ios-microphone:before,
.ion-ios-moon:before,
.ion-ios-more:before,
.ion-ios-move:before,
.ion-ios-musical-note:before,
.ion-ios-musical-notes:before,
.ion-ios-navigate:before,
.ion-ios-notifications:before,
.ion-ios-notifications-off:before,
.ion-ios-notifications-outline:before,
.ion-ios-nuclear:before,
.ion-ios-nutrition:before,
.ion-ios-open:before,
.ion-ios-options:before,
.ion-ios-outlet:before,
.ion-ios-paper:before,
.ion-ios-paper-plane:before,
.ion-ios-partly-sunny:before,
.ion-ios-pause:before,
.ion-ios-paw:before,
.ion-ios-people:before,
.ion-ios-person:before,
.ion-ios-person-add:before,
.ion-ios-phone-landscape:before,
.ion-ios-phone-portrait:before,
.ion-ios-photos:before,
.ion-ios-pie:before,
.ion-ios-pin:before,
.ion-ios-pint:before,
.ion-ios-pizza:before,
.ion-ios-planet:before,
.ion-ios-play:before,
.ion-ios-play-circle:before,
.ion-ios-podium:before,
.ion-ios-power:before,
.ion-ios-pricetag:before,
.ion-ios-pricetags:before,
.ion-ios-print:before,
.ion-ios-pulse:before,
.ion-ios-qr-scanner:before,
.ion-ios-quote:before,
.ion-ios-radio:before,
.ion-ios-radio-button-off:before,
.ion-ios-radio-button-on:before,
.ion-ios-rainy:before,
.ion-ios-recording:before,
.ion-ios-redo:before,
.ion-ios-refresh:before,
.ion-ios-refresh-circle:before,
.ion-ios-remove:before,
.ion-ios-remove-circle:before,
.ion-ios-remove-circle-outline:before,
.ion-ios-reorder:before,
.ion-ios-repeat:before,
.ion-ios-resize:before,
.ion-ios-restaurant:before,
.ion-ios-return-left:before,
.ion-ios-return-right:before,
.ion-ios-reverse-camera:before,
.ion-ios-rewind:before,
.ion-ios-ribbon:before,
.ion-ios-rocket:before,
.ion-ios-rose:before,
.ion-ios-sad:before,
.ion-ios-save:before,
.ion-ios-school:before,
.ion-ios-search:before,
.ion-ios-send:before,
.ion-ios-settings:before,
.ion-ios-share:before,
.ion-ios-share-alt:before,
.ion-ios-shirt:before,
.ion-ios-shuffle:before,
.ion-ios-skip-backward:before,
.ion-ios-skip-forward:before,
.ion-ios-snow:before,
.ion-ios-speedometer:before,
.ion-ios-square:before,
.ion-ios-square-outline:before,
.ion-ios-star:before,
.ion-ios-star-half:before,
.ion-ios-star-outline:before,
.ion-ios-stats:before,
.ion-ios-stopwatch:before,
.ion-ios-subway:before,
.ion-ios-sunny:before,
.ion-ios-swap:before,
.ion-ios-switch:before,
.ion-ios-sync:before,
.ion-ios-tablet-landscape:before,
.ion-ios-tablet-portrait:before,
.ion-ios-tennisball:before,
.ion-ios-text:before,
.ion-ios-thermometer:before,
.ion-ios-thumbs-down:before,
.ion-ios-thumbs-up:before,
.ion-ios-thunderstorm:before,
.ion-ios-time:before,
.ion-ios-timer:before,
.ion-ios-today:before,
.ion-ios-train:before,
.ion-ios-transgender:before,
.ion-ios-trash:before,
.ion-ios-trending-down:before,
.ion-ios-trending-up:before,
.ion-ios-trophy:before,
.ion-ios-tv:before,
.ion-ios-umbrella:before,
.ion-ios-undo:before,
.ion-ios-unlock:before,
.ion-ios-videocam:before,
.ion-ios-volume-high:before,
.ion-ios-volume-low:before,
.ion-ios-volume-mute:before,
.ion-ios-volume-off:before,
.ion-ios-walk:before,
.ion-ios-wallet:before,
.ion-ios-warning:before,
.ion-ios-watch:before,
.ion-ios-water:before,
.ion-ios-wifi:before,
.ion-ios-wine:before,
.ion-ios-woman:before,
.ion-logo-android:before,
.ion-logo-angular:before,
.ion-logo-apple:before,
.ion-logo-bitbucket:before,
.ion-logo-bitcoin:before,
.ion-logo-buffer:before,
.ion-logo-chrome:before,
.ion-logo-closed-captioning:before,
.ion-logo-codepen:before,
.ion-logo-css3:before,
.ion-logo-designernews:before,
.ion-logo-dribbble:before,
.ion-logo-dropbox:before,
.ion-logo-euro:before,
.ion-logo-facebook:before,
.ion-logo-flickr:before,
.ion-logo-foursquare:before,
.ion-logo-freebsd-devil:before,
.ion-logo-game-controller-a:before,
.ion-logo-game-controller-b:before,
.ion-logo-github:before,
.ion-logo-google:before,
.ion-logo-googleplus:before,
.ion-logo-hackernews:before,
.ion-logo-html5:before,
.ion-logo-instagram:before,
.ion-logo-ionic:before,
.ion-logo-ionitron:before,
.ion-logo-javascript:before,
.ion-logo-linkedin:before,
.ion-logo-markdown:before,
.ion-logo-model-s:before,
.ion-logo-no-smoking:before,
.ion-logo-nodejs:before,
.ion-logo-npm:before,
.ion-logo-octocat:before,
.ion-logo-pinterest:before,
.ion-logo-playstation:before,
.ion-logo-polymer:before,
.ion-logo-python:before,
.ion-logo-reddit:before,
.ion-logo-rss:before,
.ion-logo-sass:before,
.ion-logo-skype:before,
.ion-logo-slack:before,
.ion-logo-snapchat:before,
.ion-logo-steam:before,
.ion-logo-tumblr:before,
.ion-logo-tux:before,
.ion-logo-twitch:before,
.ion-logo-twitter:before,
.ion-logo-usd:before,
.ion-logo-vimeo:before,
.ion-logo-vk:before,
.ion-logo-whatsapp:before,
.ion-logo-windows:before,
.ion-logo-wordpress:before,
.ion-logo-xbox:before,
.ion-logo-xing:before,
.ion-logo-yahoo:before,
.ion-logo-yen:before,
.ion-logo-youtube:before,
.ion-md-add:before,
.ion-md-add-circle:before,
.ion-md-add-circle-outline:before,
.ion-md-airplane:before,
.ion-md-alarm:before,
.ion-md-albums:before,
.ion-md-alert:before,
.ion-md-american-football:before,
.ion-md-analytics:before,
.ion-md-aperture:before,
.ion-md-apps:before,
.ion-md-appstore:before,
.ion-md-archive:before,
.ion-md-arrow-back:before,
.ion-md-arrow-down:before,
.ion-md-arrow-dropdown:before,
.ion-md-arrow-dropdown-circle:before,
.ion-md-arrow-dropleft:before,
.ion-md-arrow-dropleft-circle:before,
.ion-md-arrow-dropright:before,
.ion-md-arrow-dropright-circle:before,
.ion-md-arrow-dropup:before,
.ion-md-arrow-dropup-circle:before,
.ion-md-arrow-forward:before,
.ion-md-arrow-round-back:before,
.ion-md-arrow-round-down:before,
.ion-md-arrow-round-forward:before,
.ion-md-arrow-round-up:before,
.ion-md-arrow-up:before,
.ion-md-at:before,
.ion-md-attach:before,
.ion-md-backspace:before,
.ion-md-barcode:before,
.ion-md-baseball:before,
.ion-md-basket:before,
.ion-md-basketball:before,
.ion-md-battery-charging:before,
.ion-md-battery-dead:before,
.ion-md-battery-full:before,
.ion-md-beaker:before,
.ion-md-bed:before,
.ion-md-beer:before,
.ion-md-bicycle:before,
.ion-md-bluetooth:before,
.ion-md-boat:before,
.ion-md-body:before,
.ion-md-bonfire:before,
.ion-md-book:before,
.ion-md-bookmark:before,
.ion-md-bookmarks:before,
.ion-md-bowtie:before,
.ion-md-briefcase:before,
.ion-md-browsers:before,
.ion-md-brush:before,
.ion-md-bug:before,
.ion-md-build:before,
.ion-md-bulb:before,
.ion-md-bus:before,
.ion-md-business:before,
.ion-md-cafe:before,
.ion-md-calculator:before,
.ion-md-calendar:before,
.ion-md-call:before,
.ion-md-camera:before,
.ion-md-car:before,
.ion-md-card:before,
.ion-md-cart:before,
.ion-md-cash:before,
.ion-md-cellular:before,
.ion-md-chatboxes:before,
.ion-md-chatbubbles:before,
.ion-md-checkbox:before,
.ion-md-checkbox-outline:before,
.ion-md-checkmark:before,
.ion-md-checkmark-circle:before,
.ion-md-checkmark-circle-outline:before,
.ion-md-clipboard:before,
.ion-md-clock:before,
.ion-md-close:before,
.ion-md-close-circle:before,
.ion-md-close-circle-outline:before,
.ion-md-cloud:before,
.ion-md-cloud-circle:before,
.ion-md-cloud-done:before,
.ion-md-cloud-download:before,
.ion-md-cloud-outline:before,
.ion-md-cloud-upload:before,
.ion-md-cloudy:before,
.ion-md-cloudy-night:before,
.ion-md-code:before,
.ion-md-code-download:before,
.ion-md-code-working:before,
.ion-md-cog:before,
.ion-md-color-fill:before,
.ion-md-color-filter:before,
.ion-md-color-palette:before,
.ion-md-color-wand:before,
.ion-md-compass:before,
.ion-md-construct:before,
.ion-md-contact:before,
.ion-md-contacts:before,
.ion-md-contract:before,
.ion-md-contrast:before,
.ion-md-copy:before,
.ion-md-create:before,
.ion-md-crop:before,
.ion-md-cube:before,
.ion-md-cut:before,
.ion-md-desktop:before,
.ion-md-disc:before,
.ion-md-document:before,
.ion-md-done-all:before,
.ion-md-download:before,
.ion-md-easel:before,
.ion-md-egg:before,
.ion-md-exit:before,
.ion-md-expand:before,
.ion-md-eye:before,
.ion-md-eye-off:before,
.ion-md-fastforward:before,
.ion-md-female:before,
.ion-md-filing:before,
.ion-md-film:before,
.ion-md-finger-print:before,
.ion-md-fitness:before,
.ion-md-flag:before,
.ion-md-flame:before,
.ion-md-flash:before,
.ion-md-flash-off:before,
.ion-md-flashlight:before,
.ion-md-flask:before,
.ion-md-flower:before,
.ion-md-folder:before,
.ion-md-folder-open:before,
.ion-md-football:before,
.ion-md-funnel:before,
.ion-md-gift:before,
.ion-md-git-branch:before,
.ion-md-git-commit:before,
.ion-md-git-compare:before,
.ion-md-git-merge:before,
.ion-md-git-network:before,
.ion-md-git-pull-request:before,
.ion-md-glasses:before,
.ion-md-globe:before,
.ion-md-grid:before,
.ion-md-hammer:before,
.ion-md-hand:before,
.ion-md-happy:before,
.ion-md-headset:before,
.ion-md-heart:before,
.ion-md-heart-dislike:before,
.ion-md-heart-empty:before,
.ion-md-heart-half:before,
.ion-md-help:before,
.ion-md-help-buoy:before,
.ion-md-help-circle:before,
.ion-md-help-circle-outline:before,
.ion-md-home:before,
.ion-md-hourglass:before,
.ion-md-ice-cream:before,
.ion-md-image:before,
.ion-md-images:before,
.ion-md-infinite:before,
.ion-md-information:before,
.ion-md-information-circle:before,
.ion-md-information-circle-outline:before,
.ion-md-jet:before,
.ion-md-journal:before,
.ion-md-key:before,
.ion-md-keypad:before,
.ion-md-laptop:before,
.ion-md-leaf:before,
.ion-md-link:before,
.ion-md-list:before,
.ion-md-list-box:before,
.ion-md-locate:before,
.ion-md-lock:before,
.ion-md-log-in:before,
.ion-md-log-out:before,
.ion-md-magnet:before,
.ion-md-mail:before,
.ion-md-mail-open:before,
.ion-md-mail-unread:before,
.ion-md-male:before,
.ion-md-man:before,
.ion-md-map:before,
.ion-md-medal:before,
.ion-md-medical:before,
.ion-md-medkit:before,
.ion-md-megaphone:before,
.ion-md-menu:before,
.ion-md-mic:before,
.ion-md-mic-off:before,
.ion-md-microphone:before,
.ion-md-moon:before,
.ion-md-more:before,
.ion-md-move:before,
.ion-md-musical-note:before,
.ion-md-musical-notes:before,
.ion-md-navigate:before,
.ion-md-notifications:before,
.ion-md-notifications-off:before,
.ion-md-notifications-outline:before,
.ion-md-nuclear:before,
.ion-md-nutrition:before,
.ion-md-open:before,
.ion-md-options:before,
.ion-md-outlet:before,
.ion-md-paper:before,
.ion-md-paper-plane:before,
.ion-md-partly-sunny:before,
.ion-md-pause:before,
.ion-md-paw:before,
.ion-md-people:before,
.ion-md-person:before,
.ion-md-person-add:before,
.ion-md-phone-landscape:before,
.ion-md-phone-portrait:before,
.ion-md-photos:before,
.ion-md-pie:before,
.ion-md-pin:before,
.ion-md-pint:before,
.ion-md-pizza:before,
.ion-md-planet:before,
.ion-md-play:before,
.ion-md-play-circle:before,
.ion-md-podium:before,
.ion-md-power:before,
.ion-md-pricetag:before,
.ion-md-pricetags:before,
.ion-md-print:before,
.ion-md-pulse:before,
.ion-md-qr-scanner:before,
.ion-md-quote:before,
.ion-md-radio:before,
.ion-md-radio-button-off:before,
.ion-md-radio-button-on:before,
.ion-md-rainy:before,
.ion-md-recording:before,
.ion-md-redo:before,
.ion-md-refresh:before,
.ion-md-refresh-circle:before,
.ion-md-remove:before,
.ion-md-remove-circle:before,
.ion-md-remove-circle-outline:before,
.ion-md-reorder:before,
.ion-md-repeat:before,
.ion-md-resize:before,
.ion-md-restaurant:before,
.ion-md-return-left:before,
.ion-md-return-right:before,
.ion-md-reverse-camera:before,
.ion-md-rewind:before,
.ion-md-ribbon:before,
.ion-md-rocket:before,
.ion-md-rose:before,
.ion-md-sad:before,
.ion-md-save:before,
.ion-md-school:before,
.ion-md-search:before,
.ion-md-send:before,
.ion-md-settings:before,
.ion-md-share:before,
.ion-md-share-alt:before,
.ion-md-shirt:before,
.ion-md-shuffle:before,
.ion-md-skip-backward:before,
.ion-md-skip-forward:before,
.ion-md-snow:before,
.ion-md-speedometer:before,
.ion-md-square:before,
.ion-md-square-outline:before,
.ion-md-star:before,
.ion-md-star-half:before,
.ion-md-star-outline:before,
.ion-md-stats:before,
.ion-md-stopwatch:before,
.ion-md-subway:before,
.ion-md-sunny:before,
.ion-md-swap:before,
.ion-md-switch:before,
.ion-md-sync:before,
.ion-md-tablet-landscape:before,
.ion-md-tablet-portrait:before,
.ion-md-tennisball:before,
.ion-md-text:before,
.ion-md-thermometer:before,
.ion-md-thumbs-down:before,
.ion-md-thumbs-up:before,
.ion-md-thunderstorm:before,
.ion-md-time:before,
.ion-md-timer:before,
.ion-md-today:before,
.ion-md-train:before,
.ion-md-transgender:before,
.ion-md-trash:before,
.ion-md-trending-down:before,
.ion-md-trending-up:before,
.ion-md-trophy:before,
.ion-md-tv:before,
.ion-md-umbrella:before,
.ion-md-undo:before,
.ion-md-unlock:before,
.ion-md-videocam:before,
.ion-md-volume-high:before,
.ion-md-volume-low:before,
.ion-md-volume-mute:before,
.ion-md-volume-off:before,
.ion-md-walk:before,
.ion-md-wallet:before,
.ion-md-warning:before,
.ion-md-watch:before,
.ion-md-water:before,
.ion-md-wifi:before,
.ion-md-wine:before,
.ion-md-woman:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ion-ios-add:before {
  content: "\f102"; }

.ion-ios-add-circle:before {
  content: "\f101"; }

.ion-ios-add-circle-outline:before {
  content: "\f100"; }

.ion-ios-airplane:before {
  content: "\f137"; }

.ion-ios-alarm:before {
  content: "\f3c8"; }

.ion-ios-albums:before {
  content: "\f3ca"; }

.ion-ios-alert:before {
  content: "\f104"; }

.ion-ios-american-football:before {
  content: "\f106"; }

.ion-ios-analytics:before {
  content: "\f3ce"; }

.ion-ios-aperture:before {
  content: "\f108"; }

.ion-ios-apps:before {
  content: "\f10a"; }

.ion-ios-appstore:before {
  content: "\f10c"; }

.ion-ios-archive:before {
  content: "\f10e"; }

.ion-ios-arrow-back:before {
  content: "\f3cf"; }

.ion-ios-arrow-down:before {
  content: "\f3d0"; }

.ion-ios-arrow-dropdown:before {
  content: "\f110"; }

.ion-ios-arrow-dropdown-circle:before {
  content: "\f125"; }

.ion-ios-arrow-dropleft:before {
  content: "\f112"; }

.ion-ios-arrow-dropleft-circle:before {
  content: "\f129"; }

.ion-ios-arrow-dropright:before {
  content: "\f114"; }

.ion-ios-arrow-dropright-circle:before {
  content: "\f12b"; }

.ion-ios-arrow-dropup:before {
  content: "\f116"; }

.ion-ios-arrow-dropup-circle:before {
  content: "\f12d"; }

.ion-ios-arrow-forward:before {
  content: "\f3d1"; }

.ion-ios-arrow-round-back:before {
  content: "\f117"; }

.ion-ios-arrow-round-down:before {
  content: "\f118"; }

.ion-ios-arrow-round-forward:before {
  content: "\f119"; }

.ion-ios-arrow-round-up:before {
  content: "\f11a"; }

.ion-ios-arrow-up:before {
  content: "\f3d8"; }

.ion-ios-at:before {
  content: "\f3da"; }

.ion-ios-attach:before {
  content: "\f11b"; }

.ion-ios-backspace:before {
  content: "\f11d"; }

.ion-ios-barcode:before {
  content: "\f3dc"; }

.ion-ios-baseball:before {
  content: "\f3de"; }

.ion-ios-basket:before {
  content: "\f11f"; }

.ion-ios-basketball:before {
  content: "\f3e0"; }

.ion-ios-battery-charging:before {
  content: "\f120"; }

.ion-ios-battery-dead:before {
  content: "\f121"; }

.ion-ios-battery-full:before {
  content: "\f122"; }

.ion-ios-beaker:before {
  content: "\f124"; }

.ion-ios-bed:before {
  content: "\f139"; }

.ion-ios-beer:before {
  content: "\f126"; }

.ion-ios-bicycle:before {
  content: "\f127"; }

.ion-ios-bluetooth:before {
  content: "\f128"; }

.ion-ios-boat:before {
  content: "\f12a"; }

.ion-ios-body:before {
  content: "\f3e4"; }

.ion-ios-bonfire:before {
  content: "\f12c"; }

.ion-ios-book:before {
  content: "\f3e8"; }

.ion-ios-bookmark:before {
  content: "\f12e"; }

.ion-ios-bookmarks:before {
  content: "\f3ea"; }

.ion-ios-bowtie:before {
  content: "\f130"; }

.ion-ios-briefcase:before {
  content: "\f3ee"; }

.ion-ios-browsers:before {
  content: "\f3f0"; }

.ion-ios-brush:before {
  content: "\f132"; }

.ion-ios-bug:before {
  content: "\f134"; }

.ion-ios-build:before {
  content: "\f136"; }

.ion-ios-bulb:before {
  content: "\f138"; }

.ion-ios-bus:before {
  content: "\f13a"; }

.ion-ios-business:before {
  content: "\f1a3"; }

.ion-ios-cafe:before {
  content: "\f13c"; }

.ion-ios-calculator:before {
  content: "\f3f2"; }

.ion-ios-calendar:before {
  content: "\f3f4"; }

.ion-ios-call:before {
  content: "\f13e"; }

.ion-ios-camera:before {
  content: "\f3f6"; }

.ion-ios-car:before {
  content: "\f140"; }

.ion-ios-card:before {
  content: "\f142"; }

.ion-ios-cart:before {
  content: "\f3f8"; }

.ion-ios-cash:before {
  content: "\f144"; }

.ion-ios-cellular:before {
  content: "\f13d"; }

.ion-ios-chatboxes:before {
  content: "\f3fa"; }

.ion-ios-chatbubbles:before {
  content: "\f146"; }

.ion-ios-checkbox:before {
  content: "\f148"; }

.ion-ios-checkbox-outline:before {
  content: "\f147"; }

.ion-ios-checkmark:before {
  content: "\f3ff"; }

.ion-ios-checkmark-circle:before {
  content: "\f14a"; }

.ion-ios-checkmark-circle-outline:before {
  content: "\f149"; }

.ion-ios-clipboard:before {
  content: "\f14c"; }

.ion-ios-clock:before {
  content: "\f403"; }

.ion-ios-close:before {
  content: "\f406"; }

.ion-ios-close-circle:before {
  content: "\f14e"; }

.ion-ios-close-circle-outline:before {
  content: "\f14d"; }

.ion-ios-cloud:before {
  content: "\f40c"; }

.ion-ios-cloud-circle:before {
  content: "\f152"; }

.ion-ios-cloud-done:before {
  content: "\f154"; }

.ion-ios-cloud-download:before {
  content: "\f408"; }

.ion-ios-cloud-outline:before {
  content: "\f409"; }

.ion-ios-cloud-upload:before {
  content: "\f40b"; }

.ion-ios-cloudy:before {
  content: "\f410"; }

.ion-ios-cloudy-night:before {
  content: "\f40e"; }

.ion-ios-code:before {
  content: "\f157"; }

.ion-ios-code-download:before {
  content: "\f155"; }

.ion-ios-code-working:before {
  content: "\f156"; }

.ion-ios-cog:before {
  content: "\f412"; }

.ion-ios-color-fill:before {
  content: "\f159"; }

.ion-ios-color-filter:before {
  content: "\f414"; }

.ion-ios-color-palette:before {
  content: "\f15b"; }

.ion-ios-color-wand:before {
  content: "\f416"; }

.ion-ios-compass:before {
  content: "\f15d"; }

.ion-ios-construct:before {
  content: "\f15f"; }

.ion-ios-contact:before {
  content: "\f41a"; }

.ion-ios-contacts:before {
  content: "\f161"; }

.ion-ios-contract:before {
  content: "\f162"; }

.ion-ios-contrast:before {
  content: "\f163"; }

.ion-ios-copy:before {
  content: "\f41c"; }

.ion-ios-create:before {
  content: "\f165"; }

.ion-ios-crop:before {
  content: "\f41e"; }

.ion-ios-cube:before {
  content: "\f168"; }

.ion-ios-cut:before {
  content: "\f16a"; }

.ion-ios-desktop:before {
  content: "\f16c"; }

.ion-ios-disc:before {
  content: "\f16e"; }

.ion-ios-document:before {
  content: "\f170"; }

.ion-ios-done-all:before {
  content: "\f171"; }

.ion-ios-download:before {
  content: "\f420"; }

.ion-ios-easel:before {
  content: "\f173"; }

.ion-ios-egg:before {
  content: "\f175"; }

.ion-ios-exit:before {
  content: "\f177"; }

.ion-ios-expand:before {
  content: "\f178"; }

.ion-ios-eye:before {
  content: "\f425"; }

.ion-ios-eye-off:before {
  content: "\f17a"; }

.ion-ios-fastforward:before {
  content: "\f427"; }

.ion-ios-female:before {
  content: "\f17b"; }

.ion-ios-filing:before {
  content: "\f429"; }

.ion-ios-film:before {
  content: "\f42b"; }

.ion-ios-finger-print:before {
  content: "\f17c"; }

.ion-ios-fitness:before {
  content: "\f1ab"; }

.ion-ios-flag:before {
  content: "\f42d"; }

.ion-ios-flame:before {
  content: "\f42f"; }

.ion-ios-flash:before {
  content: "\f17e"; }

.ion-ios-flash-off:before {
  content: "\f12f"; }

.ion-ios-flashlight:before {
  content: "\f141"; }

.ion-ios-flask:before {
  content: "\f431"; }

.ion-ios-flower:before {
  content: "\f433"; }

.ion-ios-folder:before {
  content: "\f435"; }

.ion-ios-folder-open:before {
  content: "\f180"; }

.ion-ios-football:before {
  content: "\f437"; }

.ion-ios-funnel:before {
  content: "\f182"; }

.ion-ios-gift:before {
  content: "\f191"; }

.ion-ios-git-branch:before {
  content: "\f183"; }

.ion-ios-git-commit:before {
  content: "\f184"; }

.ion-ios-git-compare:before {
  content: "\f185"; }

.ion-ios-git-merge:before {
  content: "\f186"; }

.ion-ios-git-network:before {
  content: "\f187"; }

.ion-ios-git-pull-request:before {
  content: "\f188"; }

.ion-ios-glasses:before {
  content: "\f43f"; }

.ion-ios-globe:before {
  content: "\f18a"; }

.ion-ios-grid:before {
  content: "\f18c"; }

.ion-ios-hammer:before {
  content: "\f18e"; }

.ion-ios-hand:before {
  content: "\f190"; }

.ion-ios-happy:before {
  content: "\f192"; }

.ion-ios-headset:before {
  content: "\f194"; }

.ion-ios-heart:before {
  content: "\f443"; }

.ion-ios-heart-dislike:before {
  content: "\f13f"; }

.ion-ios-heart-empty:before {
  content: "\f19b"; }

.ion-ios-heart-half:before {
  content: "\f19d"; }

.ion-ios-help:before {
  content: "\f446"; }

.ion-ios-help-buoy:before {
  content: "\f196"; }

.ion-ios-help-circle:before {
  content: "\f198"; }

.ion-ios-help-circle-outline:before {
  content: "\f197"; }

.ion-ios-home:before {
  content: "\f448"; }

.ion-ios-hourglass:before {
  content: "\f103"; }

.ion-ios-ice-cream:before {
  content: "\f19a"; }

.ion-ios-image:before {
  content: "\f19c"; }

.ion-ios-images:before {
  content: "\f19e"; }

.ion-ios-infinite:before {
  content: "\f44a"; }

.ion-ios-information:before {
  content: "\f44d"; }

.ion-ios-information-circle:before {
  content: "\f1a0"; }

.ion-ios-information-circle-outline:before {
  content: "\f19f"; }

.ion-ios-jet:before {
  content: "\f1a5"; }

.ion-ios-journal:before {
  content: "\f189"; }

.ion-ios-key:before {
  content: "\f1a7"; }

.ion-ios-keypad:before {
  content: "\f450"; }

.ion-ios-laptop:before {
  content: "\f1a8"; }

.ion-ios-leaf:before {
  content: "\f1aa"; }

.ion-ios-link:before {
  content: "\f22a"; }

.ion-ios-list:before {
  content: "\f454"; }

.ion-ios-list-box:before {
  content: "\f143"; }

.ion-ios-locate:before {
  content: "\f1ae"; }

.ion-ios-lock:before {
  content: "\f1b0"; }

.ion-ios-log-in:before {
  content: "\f1b1"; }

.ion-ios-log-out:before {
  content: "\f1b2"; }

.ion-ios-magnet:before {
  content: "\f1b4"; }

.ion-ios-mail:before {
  content: "\f1b8"; }

.ion-ios-mail-open:before {
  content: "\f1b6"; }

.ion-ios-mail-unread:before {
  content: "\f145"; }

.ion-ios-male:before {
  content: "\f1b9"; }

.ion-ios-man:before {
  content: "\f1bb"; }

.ion-ios-map:before {
  content: "\f1bd"; }

.ion-ios-medal:before {
  content: "\f1bf"; }

.ion-ios-medical:before {
  content: "\f45c"; }

.ion-ios-medkit:before {
  content: "\f45e"; }

.ion-ios-megaphone:before {
  content: "\f1c1"; }

.ion-ios-menu:before {
  content: "\f1c3"; }

.ion-ios-mic:before {
  content: "\f461"; }

.ion-ios-mic-off:before {
  content: "\f45f"; }

.ion-ios-microphone:before {
  content: "\f1c6"; }

.ion-ios-moon:before {
  content: "\f468"; }

.ion-ios-more:before {
  content: "\f1c8"; }

.ion-ios-move:before {
  content: "\f1cb"; }

.ion-ios-musical-note:before {
  content: "\f46b"; }

.ion-ios-musical-notes:before {
  content: "\f46c"; }

.ion-ios-navigate:before {
  content: "\f46e"; }

.ion-ios-notifications:before {
  content: "\f1d3"; }

.ion-ios-notifications-off:before {
  content: "\f1d1"; }

.ion-ios-notifications-outline:before {
  content: "\f133"; }

.ion-ios-nuclear:before {
  content: "\f1d5"; }

.ion-ios-nutrition:before {
  content: "\f470"; }

.ion-ios-open:before {
  content: "\f1d7"; }

.ion-ios-options:before {
  content: "\f1d9"; }

.ion-ios-outlet:before {
  content: "\f1db"; }

.ion-ios-paper:before {
  content: "\f472"; }

.ion-ios-paper-plane:before {
  content: "\f1dd"; }

.ion-ios-partly-sunny:before {
  content: "\f1df"; }

.ion-ios-pause:before {
  content: "\f478"; }

.ion-ios-paw:before {
  content: "\f47a"; }

.ion-ios-people:before {
  content: "\f47c"; }

.ion-ios-person:before {
  content: "\f47e"; }

.ion-ios-person-add:before {
  content: "\f1e1"; }

.ion-ios-phone-landscape:before {
  content: "\f1e2"; }

.ion-ios-phone-portrait:before {
  content: "\f1e3"; }

.ion-ios-photos:before {
  content: "\f482"; }

.ion-ios-pie:before {
  content: "\f484"; }

.ion-ios-pin:before {
  content: "\f1e5"; }

.ion-ios-pint:before {
  content: "\f486"; }

.ion-ios-pizza:before {
  content: "\f1e7"; }

.ion-ios-planet:before {
  content: "\f1eb"; }

.ion-ios-play:before {
  content: "\f488"; }

.ion-ios-play-circle:before {
  content: "\f113"; }

.ion-ios-podium:before {
  content: "\f1ed"; }

.ion-ios-power:before {
  content: "\f1ef"; }

.ion-ios-pricetag:before {
  content: "\f48d"; }

.ion-ios-pricetags:before {
  content: "\f48f"; }

.ion-ios-print:before {
  content: "\f1f1"; }

.ion-ios-pulse:before {
  content: "\f493"; }

.ion-ios-qr-scanner:before {
  content: "\f1f3"; }

.ion-ios-quote:before {
  content: "\f1f5"; }

.ion-ios-radio:before {
  content: "\f1f9"; }

.ion-ios-radio-button-off:before {
  content: "\f1f6"; }

.ion-ios-radio-button-on:before {
  content: "\f1f7"; }

.ion-ios-rainy:before {
  content: "\f495"; }

.ion-ios-recording:before {
  content: "\f497"; }

.ion-ios-redo:before {
  content: "\f499"; }

.ion-ios-refresh:before {
  content: "\f49c"; }

.ion-ios-refresh-circle:before {
  content: "\f135"; }

.ion-ios-remove:before {
  content: "\f1fc"; }

.ion-ios-remove-circle:before {
  content: "\f1fb"; }

.ion-ios-remove-circle-outline:before {
  content: "\f1fa"; }

.ion-ios-reorder:before {
  content: "\f1fd"; }

.ion-ios-repeat:before {
  content: "\f1fe"; }

.ion-ios-resize:before {
  content: "\f1ff"; }

.ion-ios-restaurant:before {
  content: "\f201"; }

.ion-ios-return-left:before {
  content: "\f202"; }

.ion-ios-return-right:before {
  content: "\f203"; }

.ion-ios-reverse-camera:before {
  content: "\f49f"; }

.ion-ios-rewind:before {
  content: "\f4a1"; }

.ion-ios-ribbon:before {
  content: "\f205"; }

.ion-ios-rocket:before {
  content: "\f14b"; }

.ion-ios-rose:before {
  content: "\f4a3"; }

.ion-ios-sad:before {
  content: "\f207"; }

.ion-ios-save:before {
  content: "\f1a6"; }

.ion-ios-school:before {
  content: "\f209"; }

.ion-ios-search:before {
  content: "\f4a5"; }

.ion-ios-send:before {
  content: "\f20c"; }

.ion-ios-settings:before {
  content: "\f4a7"; }

.ion-ios-share:before {
  content: "\f211"; }

.ion-ios-share-alt:before {
  content: "\f20f"; }

.ion-ios-shirt:before {
  content: "\f213"; }

.ion-ios-shuffle:before {
  content: "\f4a9"; }

.ion-ios-skip-backward:before {
  content: "\f215"; }

.ion-ios-skip-forward:before {
  content: "\f217"; }

.ion-ios-snow:before {
  content: "\f218"; }

.ion-ios-speedometer:before {
  content: "\f4b0"; }

.ion-ios-square:before {
  content: "\f21a"; }

.ion-ios-square-outline:before {
  content: "\f15c"; }

.ion-ios-star:before {
  content: "\f4b3"; }

.ion-ios-star-half:before {
  content: "\f4b1"; }

.ion-ios-star-outline:before {
  content: "\f4b2"; }

.ion-ios-stats:before {
  content: "\f21c"; }

.ion-ios-stopwatch:before {
  content: "\f4b5"; }

.ion-ios-subway:before {
  content: "\f21e"; }

.ion-ios-sunny:before {
  content: "\f4b7"; }

.ion-ios-swap:before {
  content: "\f21f"; }

.ion-ios-switch:before {
  content: "\f221"; }

.ion-ios-sync:before {
  content: "\f222"; }

.ion-ios-tablet-landscape:before {
  content: "\f223"; }

.ion-ios-tablet-portrait:before {
  content: "\f24e"; }

.ion-ios-tennisball:before {
  content: "\f4bb"; }

.ion-ios-text:before {
  content: "\f250"; }

.ion-ios-thermometer:before {
  content: "\f252"; }

.ion-ios-thumbs-down:before {
  content: "\f254"; }

.ion-ios-thumbs-up:before {
  content: "\f256"; }

.ion-ios-thunderstorm:before {
  content: "\f4bd"; }

.ion-ios-time:before {
  content: "\f4bf"; }

.ion-ios-timer:before {
  content: "\f4c1"; }

.ion-ios-today:before {
  content: "\f14f"; }

.ion-ios-train:before {
  content: "\f258"; }

.ion-ios-transgender:before {
  content: "\f259"; }

.ion-ios-trash:before {
  content: "\f4c5"; }

.ion-ios-trending-down:before {
  content: "\f25a"; }

.ion-ios-trending-up:before {
  content: "\f25b"; }

.ion-ios-trophy:before {
  content: "\f25d"; }

.ion-ios-tv:before {
  content: "\f115"; }

.ion-ios-umbrella:before {
  content: "\f25f"; }

.ion-ios-undo:before {
  content: "\f4c7"; }

.ion-ios-unlock:before {
  content: "\f261"; }

.ion-ios-videocam:before {
  content: "\f4cd"; }

.ion-ios-volume-high:before {
  content: "\f11c"; }

.ion-ios-volume-low:before {
  content: "\f11e"; }

.ion-ios-volume-mute:before {
  content: "\f263"; }

.ion-ios-volume-off:before {
  content: "\f264"; }

.ion-ios-walk:before {
  content: "\f266"; }

.ion-ios-wallet:before {
  content: "\f18b"; }

.ion-ios-warning:before {
  content: "\f268"; }

.ion-ios-watch:before {
  content: "\f269"; }

.ion-ios-water:before {
  content: "\f26b"; }

.ion-ios-wifi:before {
  content: "\f26d"; }

.ion-ios-wine:before {
  content: "\f26f"; }

.ion-ios-woman:before {
  content: "\f271"; }

.ion-logo-android:before {
  content: "\f225"; }

.ion-logo-angular:before {
  content: "\f227"; }

.ion-logo-apple:before {
  content: "\f229"; }

.ion-logo-bitbucket:before {
  content: "\f193"; }

.ion-logo-bitcoin:before {
  content: "\f22b"; }

.ion-logo-buffer:before {
  content: "\f22d"; }

.ion-logo-chrome:before {
  content: "\f22f"; }

.ion-logo-closed-captioning:before {
  content: "\f105"; }

.ion-logo-codepen:before {
  content: "\f230"; }

.ion-logo-css3:before {
  content: "\f231"; }

.ion-logo-designernews:before {
  content: "\f232"; }

.ion-logo-dribbble:before {
  content: "\f233"; }

.ion-logo-dropbox:before {
  content: "\f234"; }

.ion-logo-euro:before {
  content: "\f235"; }

.ion-logo-facebook:before {
  content: "\f236"; }

.ion-logo-flickr:before {
  content: "\f107"; }

.ion-logo-foursquare:before {
  content: "\f237"; }

.ion-logo-freebsd-devil:before {
  content: "\f238"; }

.ion-logo-game-controller-a:before {
  content: "\f13b"; }

.ion-logo-game-controller-b:before {
  content: "\f181"; }

.ion-logo-github:before {
  content: "\f239"; }

.ion-logo-google:before {
  content: "\f23a"; }

.ion-logo-googleplus:before {
  content: "\f23b"; }

.ion-logo-hackernews:before {
  content: "\f23c"; }

.ion-logo-html5:before {
  content: "\f23d"; }

.ion-logo-instagram:before {
  content: "\f23e"; }

.ion-logo-ionic:before {
  content: "\f150"; }

.ion-logo-ionitron:before {
  content: "\f151"; }

.ion-logo-javascript:before {
  content: "\f23f"; }

.ion-logo-linkedin:before {
  content: "\f240"; }

.ion-logo-markdown:before {
  content: "\f241"; }

.ion-logo-model-s:before {
  content: "\f153"; }

.ion-logo-no-smoking:before {
  content: "\f109"; }

.ion-logo-nodejs:before {
  content: "\f242"; }

.ion-logo-npm:before {
  content: "\f195"; }

.ion-logo-octocat:before {
  content: "\f243"; }

.ion-logo-pinterest:before {
  content: "\f244"; }

.ion-logo-playstation:before {
  content: "\f245"; }

.ion-logo-polymer:before {
  content: "\f15e"; }

.ion-logo-python:before {
  content: "\f246"; }

.ion-logo-reddit:before {
  content: "\f247"; }

.ion-logo-rss:before {
  content: "\f248"; }

.ion-logo-sass:before {
  content: "\f249"; }

.ion-logo-skype:before {
  content: "\f24a"; }

.ion-logo-slack:before {
  content: "\f10b"; }

.ion-logo-snapchat:before {
  content: "\f24b"; }

.ion-logo-steam:before {
  content: "\f24c"; }

.ion-logo-tumblr:before {
  content: "\f24d"; }

.ion-logo-tux:before {
  content: "\f2ae"; }

.ion-logo-twitch:before {
  content: "\f2af"; }

.ion-logo-twitter:before {
  content: "\f2b0"; }

.ion-logo-usd:before {
  content: "\f2b1"; }

.ion-logo-vimeo:before {
  content: "\f2c4"; }

.ion-logo-vk:before {
  content: "\f10d"; }

.ion-logo-whatsapp:before {
  content: "\f2c5"; }

.ion-logo-windows:before {
  content: "\f32f"; }

.ion-logo-wordpress:before {
  content: "\f330"; }

.ion-logo-xbox:before {
  content: "\f34c"; }

.ion-logo-xing:before {
  content: "\f10f"; }

.ion-logo-yahoo:before {
  content: "\f34d"; }

.ion-logo-yen:before {
  content: "\f34e"; }

.ion-logo-youtube:before {
  content: "\f34f"; }

.ion-md-add:before {
  content: "\f273"; }

.ion-md-add-circle:before {
  content: "\f272"; }

.ion-md-add-circle-outline:before {
  content: "\f158"; }

.ion-md-airplane:before {
  content: "\f15a"; }

.ion-md-alarm:before {
  content: "\f274"; }

.ion-md-albums:before {
  content: "\f275"; }

.ion-md-alert:before {
  content: "\f276"; }

.ion-md-american-football:before {
  content: "\f277"; }

.ion-md-analytics:before {
  content: "\f278"; }

.ion-md-aperture:before {
  content: "\f279"; }

.ion-md-apps:before {
  content: "\f27a"; }

.ion-md-appstore:before {
  content: "\f27b"; }

.ion-md-archive:before {
  content: "\f27c"; }

.ion-md-arrow-back:before {
  content: "\f27d"; }

.ion-md-arrow-down:before {
  content: "\f27e"; }

.ion-md-arrow-dropdown:before {
  content: "\f280"; }

.ion-md-arrow-dropdown-circle:before {
  content: "\f27f"; }

.ion-md-arrow-dropleft:before {
  content: "\f282"; }

.ion-md-arrow-dropleft-circle:before {
  content: "\f281"; }

.ion-md-arrow-dropright:before {
  content: "\f284"; }

.ion-md-arrow-dropright-circle:before {
  content: "\f283"; }

.ion-md-arrow-dropup:before {
  content: "\f286"; }

.ion-md-arrow-dropup-circle:before {
  content: "\f285"; }

.ion-md-arrow-forward:before {
  content: "\f287"; }

.ion-md-arrow-round-back:before {
  content: "\f288"; }

.ion-md-arrow-round-down:before {
  content: "\f289"; }

.ion-md-arrow-round-forward:before {
  content: "\f28a"; }

.ion-md-arrow-round-up:before {
  content: "\f28b"; }

.ion-md-arrow-up:before {
  content: "\f28c"; }

.ion-md-at:before {
  content: "\f28d"; }

.ion-md-attach:before {
  content: "\f28e"; }

.ion-md-backspace:before {
  content: "\f28f"; }

.ion-md-barcode:before {
  content: "\f290"; }

.ion-md-baseball:before {
  content: "\f291"; }

.ion-md-basket:before {
  content: "\f292"; }

.ion-md-basketball:before {
  content: "\f293"; }

.ion-md-battery-charging:before {
  content: "\f294"; }

.ion-md-battery-dead:before {
  content: "\f295"; }

.ion-md-battery-full:before {
  content: "\f296"; }

.ion-md-beaker:before {
  content: "\f297"; }

.ion-md-bed:before {
  content: "\f160"; }

.ion-md-beer:before {
  content: "\f298"; }

.ion-md-bicycle:before {
  content: "\f299"; }

.ion-md-bluetooth:before {
  content: "\f29a"; }

.ion-md-boat:before {
  content: "\f29b"; }

.ion-md-body:before {
  content: "\f29c"; }

.ion-md-bonfire:before {
  content: "\f29d"; }

.ion-md-book:before {
  content: "\f29e"; }

.ion-md-bookmark:before {
  content: "\f29f"; }

.ion-md-bookmarks:before {
  content: "\f2a0"; }

.ion-md-bowtie:before {
  content: "\f2a1"; }

.ion-md-briefcase:before {
  content: "\f2a2"; }

.ion-md-browsers:before {
  content: "\f2a3"; }

.ion-md-brush:before {
  content: "\f2a4"; }

.ion-md-bug:before {
  content: "\f2a5"; }

.ion-md-build:before {
  content: "\f2a6"; }

.ion-md-bulb:before {
  content: "\f2a7"; }

.ion-md-bus:before {
  content: "\f2a8"; }

.ion-md-business:before {
  content: "\f1a4"; }

.ion-md-cafe:before {
  content: "\f2a9"; }

.ion-md-calculator:before {
  content: "\f2aa"; }

.ion-md-calendar:before {
  content: "\f2ab"; }

.ion-md-call:before {
  content: "\f2ac"; }

.ion-md-camera:before {
  content: "\f2ad"; }

.ion-md-car:before {
  content: "\f2b2"; }

.ion-md-card:before {
  content: "\f2b3"; }

.ion-md-cart:before {
  content: "\f2b4"; }

.ion-md-cash:before {
  content: "\f2b5"; }

.ion-md-cellular:before {
  content: "\f164"; }

.ion-md-chatboxes:before {
  content: "\f2b6"; }

.ion-md-chatbubbles:before {
  content: "\f2b7"; }

.ion-md-checkbox:before {
  content: "\f2b9"; }

.ion-md-checkbox-outline:before {
  content: "\f2b8"; }

.ion-md-checkmark:before {
  content: "\f2bc"; }

.ion-md-checkmark-circle:before {
  content: "\f2bb"; }

.ion-md-checkmark-circle-outline:before {
  content: "\f2ba"; }

.ion-md-clipboard:before {
  content: "\f2bd"; }

.ion-md-clock:before {
  content: "\f2be"; }

.ion-md-close:before {
  content: "\f2c0"; }

.ion-md-close-circle:before {
  content: "\f2bf"; }

.ion-md-close-circle-outline:before {
  content: "\f166"; }

.ion-md-cloud:before {
  content: "\f2c9"; }

.ion-md-cloud-circle:before {
  content: "\f2c2"; }

.ion-md-cloud-done:before {
  content: "\f2c3"; }

.ion-md-cloud-download:before {
  content: "\f2c6"; }

.ion-md-cloud-outline:before {
  content: "\f2c7"; }

.ion-md-cloud-upload:before {
  content: "\f2c8"; }

.ion-md-cloudy:before {
  content: "\f2cb"; }

.ion-md-cloudy-night:before {
  content: "\f2ca"; }

.ion-md-code:before {
  content: "\f2ce"; }

.ion-md-code-download:before {
  content: "\f2cc"; }

.ion-md-code-working:before {
  content: "\f2cd"; }

.ion-md-cog:before {
  content: "\f2cf"; }

.ion-md-color-fill:before {
  content: "\f2d0"; }

.ion-md-color-filter:before {
  content: "\f2d1"; }

.ion-md-color-palette:before {
  content: "\f2d2"; }

.ion-md-color-wand:before {
  content: "\f2d3"; }

.ion-md-compass:before {
  content: "\f2d4"; }

.ion-md-construct:before {
  content: "\f2d5"; }

.ion-md-contact:before {
  content: "\f2d6"; }

.ion-md-contacts:before {
  content: "\f2d7"; }

.ion-md-contract:before {
  content: "\f2d8"; }

.ion-md-contrast:before {
  content: "\f2d9"; }

.ion-md-copy:before {
  content: "\f2da"; }

.ion-md-create:before {
  content: "\f2db"; }

.ion-md-crop:before {
  content: "\f2dc"; }

.ion-md-cube:before {
  content: "\f2dd"; }

.ion-md-cut:before {
  content: "\f2de"; }

.ion-md-desktop:before {
  content: "\f2df"; }

.ion-md-disc:before {
  content: "\f2e0"; }

.ion-md-document:before {
  content: "\f2e1"; }

.ion-md-done-all:before {
  content: "\f2e2"; }

.ion-md-download:before {
  content: "\f2e3"; }

.ion-md-easel:before {
  content: "\f2e4"; }

.ion-md-egg:before {
  content: "\f2e5"; }

.ion-md-exit:before {
  content: "\f2e6"; }

.ion-md-expand:before {
  content: "\f2e7"; }

.ion-md-eye:before {
  content: "\f2e9"; }

.ion-md-eye-off:before {
  content: "\f2e8"; }

.ion-md-fastforward:before {
  content: "\f2ea"; }

.ion-md-female:before {
  content: "\f2eb"; }

.ion-md-filing:before {
  content: "\f2ec"; }

.ion-md-film:before {
  content: "\f2ed"; }

.ion-md-finger-print:before {
  content: "\f2ee"; }

.ion-md-fitness:before {
  content: "\f1ac"; }

.ion-md-flag:before {
  content: "\f2ef"; }

.ion-md-flame:before {
  content: "\f2f0"; }

.ion-md-flash:before {
  content: "\f2f1"; }

.ion-md-flash-off:before {
  content: "\f169"; }

.ion-md-flashlight:before {
  content: "\f16b"; }

.ion-md-flask:before {
  content: "\f2f2"; }

.ion-md-flower:before {
  content: "\f2f3"; }

.ion-md-folder:before {
  content: "\f2f5"; }

.ion-md-folder-open:before {
  content: "\f2f4"; }

.ion-md-football:before {
  content: "\f2f6"; }

.ion-md-funnel:before {
  content: "\f2f7"; }

.ion-md-gift:before {
  content: "\f199"; }

.ion-md-git-branch:before {
  content: "\f2fa"; }

.ion-md-git-commit:before {
  content: "\f2fb"; }

.ion-md-git-compare:before {
  content: "\f2fc"; }

.ion-md-git-merge:before {
  content: "\f2fd"; }

.ion-md-git-network:before {
  content: "\f2fe"; }

.ion-md-git-pull-request:before {
  content: "\f2ff"; }

.ion-md-glasses:before {
  content: "\f300"; }

.ion-md-globe:before {
  content: "\f301"; }

.ion-md-grid:before {
  content: "\f302"; }

.ion-md-hammer:before {
  content: "\f303"; }

.ion-md-hand:before {
  content: "\f304"; }

.ion-md-happy:before {
  content: "\f305"; }

.ion-md-headset:before {
  content: "\f306"; }

.ion-md-heart:before {
  content: "\f308"; }

.ion-md-heart-dislike:before {
  content: "\f167"; }

.ion-md-heart-empty:before {
  content: "\f1a1"; }

.ion-md-heart-half:before {
  content: "\f1a2"; }

.ion-md-help:before {
  content: "\f30b"; }

.ion-md-help-buoy:before {
  content: "\f309"; }

.ion-md-help-circle:before {
  content: "\f30a"; }

.ion-md-help-circle-outline:before {
  content: "\f16d"; }

.ion-md-home:before {
  content: "\f30c"; }

.ion-md-hourglass:before {
  content: "\f111"; }

.ion-md-ice-cream:before {
  content: "\f30d"; }

.ion-md-image:before {
  content: "\f30e"; }

.ion-md-images:before {
  content: "\f30f"; }

.ion-md-infinite:before {
  content: "\f310"; }

.ion-md-information:before {
  content: "\f312"; }

.ion-md-information-circle:before {
  content: "\f311"; }

.ion-md-information-circle-outline:before {
  content: "\f16f"; }

.ion-md-jet:before {
  content: "\f315"; }

.ion-md-journal:before {
  content: "\f18d"; }

.ion-md-key:before {
  content: "\f316"; }

.ion-md-keypad:before {
  content: "\f317"; }

.ion-md-laptop:before {
  content: "\f318"; }

.ion-md-leaf:before {
  content: "\f319"; }

.ion-md-link:before {
  content: "\f22e"; }

.ion-md-list:before {
  content: "\f31b"; }

.ion-md-list-box:before {
  content: "\f31a"; }

.ion-md-locate:before {
  content: "\f31c"; }

.ion-md-lock:before {
  content: "\f31d"; }

.ion-md-log-in:before {
  content: "\f31e"; }

.ion-md-log-out:before {
  content: "\f31f"; }

.ion-md-magnet:before {
  content: "\f320"; }

.ion-md-mail:before {
  content: "\f322"; }

.ion-md-mail-open:before {
  content: "\f321"; }

.ion-md-mail-unread:before {
  content: "\f172"; }

.ion-md-male:before {
  content: "\f323"; }

.ion-md-man:before {
  content: "\f324"; }

.ion-md-map:before {
  content: "\f325"; }

.ion-md-medal:before {
  content: "\f326"; }

.ion-md-medical:before {
  content: "\f327"; }

.ion-md-medkit:before {
  content: "\f328"; }

.ion-md-megaphone:before {
  content: "\f329"; }

.ion-md-menu:before {
  content: "\f32a"; }

.ion-md-mic:before {
  content: "\f32c"; }

.ion-md-mic-off:before {
  content: "\f32b"; }

.ion-md-microphone:before {
  content: "\f32d"; }

.ion-md-moon:before {
  content: "\f32e"; }

.ion-md-more:before {
  content: "\f1c9"; }

.ion-md-move:before {
  content: "\f331"; }

.ion-md-musical-note:before {
  content: "\f332"; }

.ion-md-musical-notes:before {
  content: "\f333"; }

.ion-md-navigate:before {
  content: "\f334"; }

.ion-md-notifications:before {
  content: "\f338"; }

.ion-md-notifications-off:before {
  content: "\f336"; }

.ion-md-notifications-outline:before {
  content: "\f337"; }

.ion-md-nuclear:before {
  content: "\f339"; }

.ion-md-nutrition:before {
  content: "\f33a"; }

.ion-md-open:before {
  content: "\f33b"; }

.ion-md-options:before {
  content: "\f33c"; }

.ion-md-outlet:before {
  content: "\f33d"; }

.ion-md-paper:before {
  content: "\f33f"; }

.ion-md-paper-plane:before {
  content: "\f33e"; }

.ion-md-partly-sunny:before {
  content: "\f340"; }

.ion-md-pause:before {
  content: "\f341"; }

.ion-md-paw:before {
  content: "\f342"; }

.ion-md-people:before {
  content: "\f343"; }

.ion-md-person:before {
  content: "\f345"; }

.ion-md-person-add:before {
  content: "\f344"; }

.ion-md-phone-landscape:before {
  content: "\f346"; }

.ion-md-phone-portrait:before {
  content: "\f347"; }

.ion-md-photos:before {
  content: "\f348"; }

.ion-md-pie:before {
  content: "\f349"; }

.ion-md-pin:before {
  content: "\f34a"; }

.ion-md-pint:before {
  content: "\f34b"; }

.ion-md-pizza:before {
  content: "\f354"; }

.ion-md-planet:before {
  content: "\f356"; }

.ion-md-play:before {
  content: "\f357"; }

.ion-md-play-circle:before {
  content: "\f174"; }

.ion-md-podium:before {
  content: "\f358"; }

.ion-md-power:before {
  content: "\f359"; }

.ion-md-pricetag:before {
  content: "\f35a"; }

.ion-md-pricetags:before {
  content: "\f35b"; }

.ion-md-print:before {
  content: "\f35c"; }

.ion-md-pulse:before {
  content: "\f35d"; }

.ion-md-qr-scanner:before {
  content: "\f35e"; }

.ion-md-quote:before {
  content: "\f35f"; }

.ion-md-radio:before {
  content: "\f362"; }

.ion-md-radio-button-off:before {
  content: "\f360"; }

.ion-md-radio-button-on:before {
  content: "\f361"; }

.ion-md-rainy:before {
  content: "\f363"; }

.ion-md-recording:before {
  content: "\f364"; }

.ion-md-redo:before {
  content: "\f365"; }

.ion-md-refresh:before {
  content: "\f366"; }

.ion-md-refresh-circle:before {
  content: "\f228"; }

.ion-md-remove:before {
  content: "\f368"; }

.ion-md-remove-circle:before {
  content: "\f367"; }

.ion-md-remove-circle-outline:before {
  content: "\f176"; }

.ion-md-reorder:before {
  content: "\f369"; }

.ion-md-repeat:before {
  content: "\f36a"; }

.ion-md-resize:before {
  content: "\f36b"; }

.ion-md-restaurant:before {
  content: "\f36c"; }

.ion-md-return-left:before {
  content: "\f36d"; }

.ion-md-return-right:before {
  content: "\f36e"; }

.ion-md-reverse-camera:before {
  content: "\f36f"; }

.ion-md-rewind:before {
  content: "\f370"; }

.ion-md-ribbon:before {
  content: "\f371"; }

.ion-md-rocket:before {
  content: "\f179"; }

.ion-md-rose:before {
  content: "\f372"; }

.ion-md-sad:before {
  content: "\f373"; }

.ion-md-save:before {
  content: "\f1a9"; }

.ion-md-school:before {
  content: "\f374"; }

.ion-md-search:before {
  content: "\f375"; }

.ion-md-send:before {
  content: "\f376"; }

.ion-md-settings:before {
  content: "\f377"; }

.ion-md-share:before {
  content: "\f379"; }

.ion-md-share-alt:before {
  content: "\f378"; }

.ion-md-shirt:before {
  content: "\f37a"; }

.ion-md-shuffle:before {
  content: "\f37b"; }

.ion-md-skip-backward:before {
  content: "\f37c"; }

.ion-md-skip-forward:before {
  content: "\f37d"; }

.ion-md-snow:before {
  content: "\f37e"; }

.ion-md-speedometer:before {
  content: "\f37f"; }

.ion-md-square:before {
  content: "\f381"; }

.ion-md-square-outline:before {
  content: "\f380"; }

.ion-md-star:before {
  content: "\f384"; }

.ion-md-star-half:before {
  content: "\f382"; }

.ion-md-star-outline:before {
  content: "\f383"; }

.ion-md-stats:before {
  content: "\f385"; }

.ion-md-stopwatch:before {
  content: "\f386"; }

.ion-md-subway:before {
  content: "\f387"; }

.ion-md-sunny:before {
  content: "\f388"; }

.ion-md-swap:before {
  content: "\f389"; }

.ion-md-switch:before {
  content: "\f38a"; }

.ion-md-sync:before {
  content: "\f38b"; }

.ion-md-tablet-landscape:before {
  content: "\f38c"; }

.ion-md-tablet-portrait:before {
  content: "\f38d"; }

.ion-md-tennisball:before {
  content: "\f38e"; }

.ion-md-text:before {
  content: "\f38f"; }

.ion-md-thermometer:before {
  content: "\f390"; }

.ion-md-thumbs-down:before {
  content: "\f391"; }

.ion-md-thumbs-up:before {
  content: "\f392"; }

.ion-md-thunderstorm:before {
  content: "\f393"; }

.ion-md-time:before {
  content: "\f394"; }

.ion-md-timer:before {
  content: "\f395"; }

.ion-md-today:before {
  content: "\f17d"; }

.ion-md-train:before {
  content: "\f396"; }

.ion-md-transgender:before {
  content: "\f397"; }

.ion-md-trash:before {
  content: "\f398"; }

.ion-md-trending-down:before {
  content: "\f399"; }

.ion-md-trending-up:before {
  content: "\f39a"; }

.ion-md-trophy:before {
  content: "\f39b"; }

.ion-md-tv:before {
  content: "\f17f"; }

.ion-md-umbrella:before {
  content: "\f39c"; }

.ion-md-undo:before {
  content: "\f39d"; }

.ion-md-unlock:before {
  content: "\f39e"; }

.ion-md-videocam:before {
  content: "\f39f"; }

.ion-md-volume-high:before {
  content: "\f123"; }

.ion-md-volume-low:before {
  content: "\f131"; }

.ion-md-volume-mute:before {
  content: "\f3a1"; }

.ion-md-volume-off:before {
  content: "\f3a2"; }

.ion-md-walk:before {
  content: "\f3a4"; }

.ion-md-wallet:before {
  content: "\f18f"; }

.ion-md-warning:before {
  content: "\f3a5"; }

.ion-md-watch:before {
  content: "\f3a6"; }

.ion-md-water:before {
  content: "\f3a7"; }

.ion-md-wifi:before {
  content: "\f3a8"; }

.ion-md-wine:before {
  content: "\f3a9"; }

.ion-md-woman:before {
  content: "\f3aa"; }

body, table, h1, h2, h3, h4, h5, h6, div {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: lighter; }

body, html {
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #753a88, #cc2b5e);
  overflow: hidden;
  color: #000;
  transform: translateZ(0px); }

main {
  background: #f1f1f1;
  position: absolute;
  display: block;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  margin: 5px;
  border-radius: 0px;
  overflow-y: scroll;
  overflow-x: hidden;
  scroll-behavior: smooth; }

.preload {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #FFF; }
  .preload img {
    position: relative;
    display: block;
    margin: 20% auto 0 auto; }

.preload.loaded {
  display: none; }

.animated {
  animation-duration: 0.5s ease; }

.legal {
  text-align: center;
  padding: 40px 0;
  font-size: 10px;
  text-transform: uppercase; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 10px 0;
  color: #753a88; }

h1 {
  font-size: 32px; }

h2 {
  font-size: 24px; }

h3 {
  font-size: 20px; }

h4 {
  font-size: 16px; }

h5 {
  font-size: 14px; }

h6 {
  font-size: 8px; }

button {
  padding: 20px;
  border: solid 1px #753a88;
  background-color: transparent;
  border-radius: 5px;
  color: #753a88;
  margin: 10px 5px;
  font-size: 14px;
  transition: all 0.33333s;
  cursor: pointer; }

button.blue {
  color: #cc2b5e;
  border-color: #cc2b5e; }

button.blue:hover {
  background-color: #cc2b5e; }

button:hover {
  box-shadow: 0px 7px 3px rgba(0, 0, 0, 0.1);
  border-color: transparent;
  background-color: #753a88;
  color: #FFF; }

button:active {
  transform: scale(0.95); }

header {
  display: block;
  position: relative;
  min-height: 120%;
  width: 110%;
  background: url(../images/header.jpg) no-repeat center center;
  background-size: cover;
  margin-left: -5%;
  margin-top: -3%; }

@keyframes showMainMenu {
  0% {
    width: 24px;
    height: 24px;
    bottom: 30px;
    right: 30px;
    transform: scale(1) translateZ(0); }
  100% {
    transform: scale(80) translateZ(0); } }

@keyframes hideMainMenu {
  0% {
    transform: scale(80) translateZ(0); }
  100% {
    transform: scale(1) translateZ(0); } }

.menu .hamburguer {
  width: 24px;
  height: 24px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 2;
  background-color: #FFF;
  border-radius: 360px;
  padding: 15px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
  transition: transform 0.5s;
  cursor: pointer; }
  .menu .hamburguer span {
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 360px;
    margin: 4px 0 0 0;
    background-color: #000;
    transition: transform 0.5s; }

.menu .hamburguer:hover {
  transform: scale(1.1);
  background-color: #753a88; }
  .menu .hamburguer:hover span {
    background-color: #FFF; }

.menu .hamburguer:active {
  transform: scale(0.95); }

.menu .transition {
  overflow: hidden;
  width: 24px;
  height: 24px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 0;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 360px;
  padding: 15px;
  transition: transform 0.08333s; }

.menu .links {
  display: none;
  position: fixed;
  top: calc(50% - 250px);
  left: 40px;
  z-index: 1;
  min-width: 250px; }
  .menu .links h1 {
    font-size: 36px;
    font-weight: normal;
    margin: 20px;
    position: absolute;
    margin-top: -50px;
    opacity: 0.15;
    text-transform: uppercase;
    margin-left: -10px; }
  .menu .links a {
    cursor: pointer; }
    .menu .links a li {
      display: block;
      width: 100%;
      height: 50px;
      white-space: nowrap;
      position: relative;
      padding: 15px 0px;
      text-align: center;
      transition: color 0.25s;
      margin-top: -2px;
      transition: background-color 0.25s;
      display: block;
      position: relative;
      padding-right: 50px;
      border-radius: 5px;
      margin-top: 5px; }
      .menu .links a li i {
        font-size: 24px;
        color: #000;
        opacity: .15;
        position: relative;
        transition: color 0.25s, opacity 0.5s, transform 0.25s;
        float: right;
        margin-top: 12px;
        transform: translateX(20px); }
      .menu .links a li div {
        font-size: 22px;
        transition: color 0.25s, opacity 0.5s, transform 0.25s;
        width: 100%;
        text-align: left;
        margin-top: 12px;
        padding-left: 20px; }
  .menu .links a:hover li {
    background-color: #753a88; }
    .menu .links a:hover li div, .menu .links a:hover li i {
      color: #FFF;
      opacity: 1; }
    .menu .links a:hover li i {
      transform: scale(1.2); }
    .menu .links a:hover li div {
      transform: scale(1) translateX(20px); }

.menu.active .transition {
  display: block;
  animation: showMainMenu .75s forwards ease; }

.menu.active .hamburguer {
  background-color: #753a88; }
  .menu.active .hamburguer span {
    background-color: #FFF; }
  .menu.active .hamburguer span:first-child {
    transform: rotate(-50deg) translateX(-7px) translateY(-6px) scale(0.5, 1); }
  .menu.active .hamburguer span:last-child {
    transform: rotate(50deg) translateX(-7px) translateY(6px) scale(0.5, 1); }

.menu.ready .links {
  display: block; }

.menu.closing .transition {
  display: block;
  animation: hideMainMenu .75s forwards ease; }

.timeline {
  min-height: 100%;
  max-width: 380px;
  margin: auto; }
  .timeline .aboutme {
    margin-top: 0px;
    text-align: center;
    margin: auto;
    max-width: 768px; }
    .timeline .aboutme .me {
      padding-top: 80px; }
    .timeline .aboutme .scrolldown {
      width: 100%;
      position: absolute;
      margin-top: -220px;
      max-width: 380px; }
      .timeline .aboutme .scrolldown img {
        width: 50px; }
    .timeline .aboutme .profile {
      margin-top: 5px; }
      .timeline .aboutme .profile .pic {
        position: absolute;
        border-radius: 360px;
        width: 100px;
        margin-left: -60px;
        border: solid 5px #f1f1f1;
        margin-top: -60px; }
      .timeline .aboutme .profile p {
        margin: 20px 0; }
    .timeline .aboutme .network img {
      height: 15px;
      margin: 20px 10px 0 10px;
      opacity: 0.25;
      transition: opacity 0.5s, transform 0.25s;
      cursor: pointer; }
    .timeline .aboutme .network img:hover {
      opacity: 1;
      transform: scale(1.2); }
  .timeline .lastposition, .timeline .firstposition {
    text-align: center;
    margin: 10px auto; }
    .timeline .lastposition h5, .timeline .firstposition h5 {
      text-transform: uppercase;
      font-size: 10px;
      display: inline-block;
      background-color: #753a88;
      padding: 8px;
      border-radius: 5px;
      color: #FFF; }
    .timeline .lastposition img, .timeline .firstposition img {
      height: 20px; }
    .timeline .lastposition .date, .timeline .firstposition .date {
      font-size: 10px;
      text-transform: uppercase;
      padding: 2px 0;
      width: auto;
      display: inline-block;
      padding: 8px;
      border-radius: 5px;
      margin: 5px 0; }
      @media screen and (max-width: 380px) {
        .timeline .lastposition .date, .timeline .firstposition .date {
          position: relative;
          transform: none;
          margin-left: auto;
          margin-top: auto;
          width: auto;
          text-align: center; } }
    .timeline .lastposition .title, .timeline .firstposition .title {
      font-weight: 400;
      padding: 2px 0; }
    .timeline .lastposition .desc, .timeline .firstposition .desc {
      font-size: 14px;
      padding: 2px 0; }
  .timeline .history:before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #DDD;
    border-radius: 360px;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -5px;
    margin-top: -5px; }
  .timeline .history:after {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #DDD;
    border-radius: 360px;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: -5px;
    margin-top: -5px; }
  .timeline .history {
    max-width: 0px;
    border: solid 1px rgba(0, 0, 0, 0.1);
    border-radius: 360px;
    margin-left: calc(50% - 2px);
    display: block;
    position: relative;
    padding: 10px 0; }
    @media screen and (max-width: 380px) {
      .timeline .history {
        margin-left: 0px;
        width: 100%;
        max-width: 100%;
        border: none; } }
    .timeline .history img {
      height: 18px; }
    .timeline .history .date {
      font-size: 10px;
      text-transform: uppercase;
      padding: 2px 0;
      width: auto;
      display: inline-block;
      padding: 4px;
      border-radius: 5px;
      margin: 5px 0;
      color: #000; }
    .timeline .history .title {
      font-weight: 400;
      padding: 2px 0; }
    .timeline .history .desc {
      padding: 2px 0; }
    .timeline .history .professional .milestone:before {
      content: '';
      width: 20px;
      height: 1px;
      background-color: rgba(0, 0, 0, 0.1);
      position: absolute;
      top: 0;
      left: 0; }
    .timeline .history .professional .milestone:after {
      content: '';
      width: 20px;
      height: 1px;
      background-color: rgba(0, 0, 0, 0.1);
      position: absolute;
      bottom: 0;
      left: 0; }
    .timeline .history .professional .milestone {
      width: 300px;
      text-align: left;
      padding: 10px;
      margin: 10px;
      border-left: 1px;
      border-color: rgba(0, 0, 0, 0.1);
      border-style: solid;
      position: relative;
      display: block; }
      @media screen and (max-width: 380px) {
        .timeline .history .professional .milestone {
          margin: auto; } }
    .timeline .history .professional .milestone:nth-child(odd) {
      margin-left: calc(-300px - 30px);
      border-left: none;
      border-right: solid 1px rgba(0, 0, 0, 0.1);
      text-align: right;
      max-width: 300px; }
      @media screen and (max-width: 380px) {
        .timeline .history .professional .milestone:nth-child(odd) {
          margin: auto; } }
    .timeline .history .professional .milestone:nth-child(odd):before {
      top: 0;
      right: 0;
      left: auto; }
    .timeline .history .professional .milestone:nth-child(odd):after {
      right: 0;
      left: auto; }

.locution {
  max-width: 768px;
  margin: auto; }
  .locution .info {
    min-height: 100%;
    max-width: 380px;
    margin: auto;
    margin-top: 0px;
    text-align: center;
    margin: auto;
    max-width: 768px;
    padding: 50px 0; }
  .locution .players {
    width: 245px;
    height: 245px;
    margin: 0px 2px;
    display: inline-block;
    position: relative;
    transition: box-shadow 0.5s, transform 0.25s;
    overflow: hidden;
    cursor: pointer; }
    @media screen and (max-width: 380px) {
      .locution .players {
        width: 180px;
        height: 180px;
        margin: 0 0 -3px 0; } }
    .locution .players img {
      width: 100%; }
    .locution .players .thumb {
      width: 100%;
      width: 100%;
      top: 0;
      z-index: 1;
      transition: opacity 0.5s; }
    .locution .players .details {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: calc(100% - 20px);
      padding-top: 20px;
      background-color: transparent;
      color: transparent;
      z-index: 0;
      transition: background-color 0.5s, color 0.5s; }
      .locution .players .details .title, .locution .players .details .station {
        left: 60px;
        text-align: left;
        position: absolute;
        bottom: 20px; }
      .locution .players .details .title {
        bottom: 30px;
        color: #FFF;
        opacity: 0;
        transition: all 0.5s;
        transform: translateY(-25px); }
      .locution .players .details .controls {
        width: 100%;
        text-align: center; }
        .locution .players .details .controls img {
          width: 30px;
          bottom: 24px;
          left: 15px;
          opacity: 0;
          transition: opacity 0.5s;
          position: absolute; }
        .locution .players .details .controls .play {
          display: block;
          margin: auto;
          transition: opacity 0.5s, transform 0.5s;
          transform: scale(0.5); }
        .locution .players .details .controls .pause {
          display: none;
          margin: auto;
          transition: opacity 0.5s, transform 0.5s;
          transform: scale(0.75); }
    .locution .players .progress, .locution .players .soundwave {
      position: absolute;
      width: 0%;
      height: 100%;
      top: 0;
      display: none;
      background-size: cover;
      background-repeat: no-repeat;
      transition: background-color 0.5s, width 0.5s;
      z-index: 1; }
    .locution .players .soundwave {
      background-image: url(../images/locution/soundwave.png);
      background-size: cover;
      background-position: left center;
      opacity: .35; }
    .locution .players .progress {
      filter: blur(10px); }
  .locution .players:hover {
    box-shadow: rgba(84, 84, 84, 0.2) 0px 2px 2px, rgba(84, 84, 84, 0.2) 0px 4px 4px, rgba(84, 84, 84, 0.2) 0px 8px 8px, rgba(84, 84, 84, 0.2) 0px 16px 16px, rgba(84, 84, 84, 0.2) 0px 32px 32px, rgba(84, 84, 84, 0.2) 0px 64px 64px; }
    .locution .players:hover .thumb {
      opacity: 0.75; }
    .locution .players:hover .details {
      background-color: rgba(0, 0, 0, 0.75);
      color: #FFF; }
      .locution .players:hover .details .title {
        opacity: 1;
        transform: translateY(0px); }
      .locution .players:hover .details .controls {
        width: 100%; }
        .locution .players:hover .details .controls .play, .locution .players:hover .details .controls .pause {
          opacity: 1;
          transform: scale(1); }
  .locution .players.active .thumb {
    opacity: .15; }
  .locution .players.active .details {
    background-color: rgba(30, 84, 155, 0.35);
    color: #FFF; }
    .locution .players.active .details .title {
      opacity: 1;
      transform: translateY(0); }
    .locution .players.active .details .controls {
      width: 100%; }
      .locution .players.active .details .controls img {
        opacity: 1; }
  .locution .players.active .controls .play {
    display: none; }
  .locution .players.active .controls .pause {
    display: block; }
  .locution .players.active .progress, .locution .players.active .soundwave {
    background-color: rgba(0, 0, 0, 0.5);
    display: block; }
  .locution .players:active {
    transform: scale(0.95); }

.webdesign {
  max-width: 768px;
  margin: auto; }
  .webdesign .info {
    min-height: 100%;
    max-width: 380px;
    margin: auto;
    margin-top: 0px;
    text-align: center;
    margin: auto;
    max-width: 768px;
    padding: 50px 0; }
  .webdesign .content {
    text-align: center;
    max-width: 768px;
    margin: auto; }
    .webdesign .content .project:nth-child(odd) .details {
      right: auto;
      left: 0; }
    .webdesign .content .project:nth-child(odd) img {
      float: right; }
    .webdesign .content .project {
      width: 98%;
      height: 300px;
      position: relative;
      transition: all 0.5s;
      cursor: pointer;
      margin: 5px auto; }
      @media screen and (max-width: 380px) {
        .webdesign .content .project {
          margin: 0px auto; } }
      .webdesign .content .project .thumb {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        overflow: hidden; }
        .webdesign .content .project .thumb img {
          width: 100%;
          transition: all 0.5s ease-in-out;
          float: left; }
          @media screen and (max-width: 380px) {
            .webdesign .content .project .thumb img {
              width: 200%; } }
      .webdesign .content .project .details {
        position: absolute;
        top: 0;
        right: 0;
        padding: 20px;
        width: calc(50% - 40px);
        height: calc(100% - 40px);
        background-color: rgba(255, 255, 255, 0.95);
        transition: all 0.5s ease;
        color: #000;
        overflow: hidden; }
        @media screen and (max-width: 380px) {
          .webdesign .content .project .details {
            width: calc(100% - 40px);
            background-color: rgba(255, 255, 255, 0.75); } }
        .webdesign .content .project .details .title {
          margin-top: 75px; }
        .webdesign .content .project .details .tags {
          margin: 5px;
          position: absolute;
          bottom: 35px;
          text-align: center;
          width: calc(100% - 40px); }
          .webdesign .content .project .details .tags span {
            display: inline-block;
            padding: 10px;
            font-size: 12px;
            background-color: #FFF;
            color: #753a88;
            border-radius: 5px;
            margin: 2px; }
      .webdesign .content .project .expand {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(255, 255, 255, 0);
        z-index: 2;
        transition: all 0.5s ease; }
    .webdesign .content .project:hover {
      box-shadow: rgba(84, 84, 84, 0.2) 0px 2px 2px, rgba(84, 84, 84, 0.2) 0px 4px 4px, rgba(84, 84, 84, 0.2) 0px 8px 8px, rgba(84, 84, 84, 0.2) 0px 16px 16px, rgba(84, 84, 84, 0.2) 0px 32px 32px, rgba(84, 84, 84, 0.2) 0px 64px 64px; }
      .webdesign .content .project:hover img {
        transform: scale(1.1); }
      .webdesign .content .project:hover .title {
        color: #FFF; }
      .webdesign .content .project:hover .details {
        width: calc(100% - 40px);
        background-color: rgba(0, 0, 0, 0.75);
        color: #FFF; }
      .webdesign .content .project:hover .tags span {
        background-color: #753a88;
        color: #FFF; }
    .webdesign .content .project:active {
      transform: scale(0.95); }
      .webdesign .content .project:active .details {
        background-color: #753a88; }
      .webdesign .content .project:active img {
        transform: scale(1); }
    .webdesign .content .project.active .expand {
      background: #753a88;
      transform: scale(5);
      position: fixed; }
    .webdesign .content .project.loading {
      opacity: 0.25;
      cursor: wait; }
    .webdesign .content .project.loading:after {
      content: 'loading';
      width: 100px;
      height: 20px;
      position: absolute;
      bottom: 15px;
      right: 10px;
      z-index: 1;
      color: #FFF;
      text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.75); }
  .webdesign .bg {
    display: none;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0; }
  .webdesign .expanded {
    position: fixed;
    top: 5px;
    left: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    z-index: 100;
    overflow-y: auto;
    display: none; }
    .webdesign .expanded img {
      width: 100%;
      margin-bottom: -5px; }
    .webdesign .expanded .bg {
      position: absolute;
      background-color: rgba(0, 0, 0, 0.5);
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 0; }

@keyframes introClose {
  0% {
    background-color: #FFF;
    transform: rotate(90deg); }
  100% {
    background-color: #F00;
    transform: rotate(0deg); } }
    .webdesign .expanded .close {
      font-size: 24px;
      width: 24px;
      height: 24px;
      position: fixed;
      bottom: 30px;
      right: 30px;
      z-index: 101;
      text-align: center;
      font-weight: bold;
      background-color: #F00;
      color: #FFF;
      border-radius: 360px;
      padding: 15px;
      box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
      transition: transform 0.5s, background-color 0.5s;
      animation: introClose 1s;
      cursor: pointer; }
    .webdesign .expanded .close:hover {
      transform: scale(1.1);
      background-color: #753a88; }
    .webdesign .expanded .loading-error {
      background: #FFF;
      position: absolute;
      width: 310px;
      height: 280px;
      padding: 20px;
      left: calc(50% - 175px);
      top: calc(50% - 160px);
      border-radius: 5px; }
      .webdesign .expanded .loading-error .title .icon {
        border-radius: 360px;
        width: 100px;
        height: 100px;
        clear: both;
        display: block;
        margin: 10px auto;
        overflow: hidden; }
        .webdesign .expanded .loading-error .title .icon img {
          height: 100%; }

@keyframes introDetails {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .webdesign .expanded.active, .webdesign .bg.active {
    display: block;
    animation: introDetails 1s forwards; }

.videos .players {
  width: 245px;
  height: 368px;
  margin: 0px 2px;
  display: inline-block;
  position: relative;
  transition: box-shadow 0.5s, transform 0.25s;
  overflow: hidden;
  cursor: pointer; }
  @media screen and (max-width: 380px) {
    .videos .players {
      width: 180px;
      height: 270px;
      margin: 0 0 -3px 0; } }
  .videos .players img {
    width: 100%; }
  .videos .players .thumb {
    width: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 1;
    transition: opacity 0.5s; }
  .videos .players .details {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 20px);
    padding-top: 20px;
    background-color: transparent;
    color: transparent;
    z-index: 2;
    transition: background-color 0.5s, color 0.5s; }
    .videos .players .details .title, .videos .players .details .desc {
      padding-top: 0px;
      text-align: center;
      width: 100%; }
      .videos .players .details .title img, .videos .players .details .desc img {
        width: 50px;
        margin: 90px auto 20px auto;
        clear: both;
        display: block;
        opacity: 0;
        transition: opacity 0.5s, transform 0.5s;
        transform: scale(0.5); }

.videos .players:hover {
  box-shadow: rgba(84, 84, 84, 0.2) 0px 2px 2px, rgba(84, 84, 84, 0.2) 0px 4px 4px, rgba(84, 84, 84, 0.2) 0px 8px 8px, rgba(84, 84, 84, 0.2) 0px 16px 16px, rgba(84, 84, 84, 0.2) 0px 32px 32px, rgba(84, 84, 84, 0.2) 0px 64px 64px; }
  .videos .players:hover .thumb {
    opacity: 0.75; }
  .videos .players:hover .details {
    background-color: rgba(0, 0, 0, 0.75);
    color: #FFF; }
    .videos .players:hover .details .title img {
      opacity: 1;
      transform: scale(1); }

.videos .players:active {
  transform: scale(0.95); }

.videos .video-player-content {
  position: fixed;
  top: 5px;
  left: 5px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  z-index: 100;
  overflow: hidden;
  display: none; }
  .videos .video-player-content img {
    width: 100%;
    margin-bottom: -5px; }
  .videos .video-player-content .bg-video {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.75);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99; }

@keyframes introClose {
  0% {
    background-color: #FFF;
    transform: rotate(90deg); }
  100% {
    background-color: #F00;
    transform: rotate(0deg); } }
  .videos .video-player-content .close-video {
    font-size: 22px;
    width: 24px;
    height: 24px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 101;
    background-color: #F00;
    color: #FFF;
    border-radius: 360px;
    padding: 15px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
    transition: transform 0.5s, background-color 0.5s;
    animation: introClose 1s;
    cursor: pointer; }
  .videos .video-player-content .close-video:hover {
    transform: scale(1.1);
    background-color: #753a88; }
  .videos .video-player-content iframe {
    width: 768px;
    height: 432px;
    position: fixed;
    z-index: 99;
    left: calc(50% - 384px);
    top: calc(50% - 215px); }
    @media screen and (max-width: 380px) {
      .videos .video-player-content iframe {
        width: 80%;
        height: 80%;
        top: 10%;
        left: 10%; } }

@keyframes introDetails {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.videos .video-player-content.active, .videos .bg-video.active {
  display: block;
  animation: introDetails 1s forwards;
  background-repeat: none;
  background-size: cover;
  background-position: center center; }