@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

body {
  line-height: 1; }

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; }

button {
  border: none;
  padding: 0; }

#wrapper, body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  min-height: 100vh; }

.content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 1;
  flex-flow: row    wrap; }

.flex-column {
  flex-direction: column;
  width: 100%; }

.flex-row {
  flex-direction: row; }

.full-width {
  width: 100%; }

@font-face {
  font-family: 'GT-Haptik-Light';
  src: url(/assets/webfonts/GT-Haptik-Light.eot);
  src: url(/assets/webfonts/GT-Haptik-Light.eot?#iefix) format("embedded-opentype"), url(/assets/webfonts/GT-Haptik-Light.woff) format("woff"), url(/assets/webfonts/GT-Haptik-Light.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'GT-Haptik-Light-Oblique';
  src: url(/assets/webfonts/GT-Haptik-Light-Oblique.eot);
  src: url(/assets/webfonts/GT-Haptik-Light-Oblique.eot?#iefix) format("embedded-opentype"), url(/assets/webfonts/GT-Haptik-Light-Oblique.woff) format("woff"), url(/assets/webfonts/GT-Haptik-Light-Oblique.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'GT-Haptik-Medium';
  src: url(/assets/webfonts/GT-Haptik-Medium.eot);
  src: url(/assets/webfonts/GT-Haptik-Medium.eot?#iefix) format("embedded-opentype"), url(/assets/webfonts/GT-Haptik-Medium.woff) format("woff"), url(/assets/webfonts/GT-Haptik-Medium.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }
.highlight {
  margin-bottom: 15px; }

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

code {
  font-family: monospace;
  padding: 1px 5px; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 1; } }
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(1.334em) translateZ(0);
    -ms-transform: translateY(1.334em) translateZ(0);
    transform: translateY(1.334em) translateZ(0); }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(1.334em) translateZ(0);
    -ms-transform: translateY(1.334em) translateZ(0);
    transform: translateY(1.334em) translateZ(0); }
  100% {
    opacity: 1; } }
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(1.334em) translateZ(0);
    -ms-transform: translateY(1.334em) translateZ(0);
    transform: translateY(1.334em) translateZ(0); }
  100% {
    opacity: 1; } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(1.334em) translateZ(0);
    -ms-transform: translateY(1.334em) translateZ(0);
    transform: translateY(1.334em) translateZ(0); }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-1.334em) translateZ(0);
    -ms-transform: translateY(-1.334em) translateZ(0);
    transform: translateY(-1.334em) translateZ(0); }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-1.334em) translateZ(0);
    -ms-transform: translateY(-1.334em) translateZ(0);
    transform: translateY(-1.334em) translateZ(0); }
  100% {
    opacity: 1; } }
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-1.334em) translateZ(0);
    -ms-transform: translateY(-1.334em) translateZ(0);
    transform: translateY(-1.334em) translateZ(0); }
  100% {
    opacity: 1; } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-1.334em) translateZ(0);
    -ms-transform: translateY(-1.334em) translateZ(0);
    transform: translateY(-1.334em) translateZ(0); }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-1.334em) translateZ(0);
    -ms-transform: translateX(-1.334em) translateZ(0);
    transform: translateX(-1.334em) translateZ(0); }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-1.334em) translateZ(0);
    -ms-transform: translateX(-1.334em) translateZ(0);
    transform: translateX(-1.334em) translateZ(0); }
  100% {
    opacity: 1; } }
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-1.334em) translateZ(0);
    -ms-transform: translateX(-1.334em) translateZ(0);
    transform: translateX(-1.334em) translateZ(0); }
  100% {
    opacity: 1; } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-1.334em) translateZ(0);
    -ms-transform: translateX(-1.334em) translateZ(0);
    transform: translateX(-1.334em) translateZ(0); }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(1.334em) translateZ(0);
    -ms-transform: translateX(1.334em) translateZ(0);
    transform: translateX(1.334em) translateZ(0); }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(1.334em) translateZ(0);
    -ms-transform: translateX(1.334em) translateZ(0);
    transform: translateX(1.334em) translateZ(0); }
  100% {
    opacity: 1; } }
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(1.334em) translateZ(0);
    -ms-transform: translateX(1.334em) translateZ(0);
    transform: translateX(1.334em) translateZ(0); }
  100% {
    opacity: 1; } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(1.334em) translateZ(0);
    -ms-transform: translateX(1.334em) translateZ(0);
    transform: translateX(1.334em) translateZ(0); }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeInZoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) translateZ(0);
    -ms-transform: scale(0) translateZ(0);
    transform: scale(0) translateZ(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes fadeInZoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) translateZ(0);
    -ms-transform: scale(0) translateZ(0);
    transform: scale(0) translateZ(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@-o-keyframes fadeInZoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) translateZ(0);
    -ms-transform: scale(0) translateZ(0);
    transform: scale(0) translateZ(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@keyframes fadeInZoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) translateZ(0);
    -ms-transform: scale(0) translateZ(0);
    transform: scale(0) translateZ(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes fadeInZoomBig {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  60% {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25); }
  80% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes fadeInZoomBig {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  60% {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25); }
  80% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@-o-keyframes fadeInZoomBig {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  60% {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25); }
  80% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@keyframes fadeInZoomBig {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  60% {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25); }
  80% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-13.34em) translateZ(0);
    -ms-transform: translateX(-13.34em) translateZ(0);
    transform: translateX(-13.34em) translateZ(0); }
  65% {
    opacity: 1;
    -webkit-transform: translateX(1.334em);
    -ms-transform: translateX(1.334em);
    transform: translateX(1.334em); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@-moz-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-13.34em) translateZ(0);
    -ms-transform: translateX(-13.34em) translateZ(0);
    transform: translateX(-13.34em) translateZ(0); }
  65% {
    opacity: 1;
    -webkit-transform: translateX(1.334em);
    -ms-transform: translateX(1.334em);
    transform: translateX(1.334em); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@-o-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-13.34em) translateZ(0);
    -ms-transform: translateX(-13.34em) translateZ(0);
    transform: translateX(-13.34em) translateZ(0); }
  65% {
    opacity: 1;
    -webkit-transform: translateX(1.334em);
    -ms-transform: translateX(1.334em);
    transform: translateX(1.334em); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-13.34em) translateZ(0);
    -ms-transform: translateX(-13.34em) translateZ(0);
    transform: translateX(-13.34em) translateZ(0); }
  65% {
    opacity: 1;
    -webkit-transform: translateX(1.334em);
    -ms-transform: translateX(1.334em);
    transform: translateX(1.334em); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(13.34em) translateZ(0);
    -ms-transform: translateX(13.34em) translateZ(0);
    transform: translateX(13.34em) translateZ(0); }
  65% {
    opacity: 1;
    -webkit-transform: translateX(-1.334em);
    -ms-transform: translateX(-1.334em);
    transform: translateX(-1.334em); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@-moz-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(13.34em) translateZ(0);
    -ms-transform: translateX(13.34em) translateZ(0);
    transform: translateX(13.34em) translateZ(0); }
  65% {
    opacity: 1;
    -webkit-transform: translateX(-1.334em);
    -ms-transform: translateX(-1.334em);
    transform: translateX(-1.334em); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@-o-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(13.34em) translateZ(0);
    -ms-transform: translateX(13.34em) translateZ(0);
    transform: translateX(13.34em) translateZ(0); }
  65% {
    opacity: 1;
    -webkit-transform: translateX(-1.334em);
    -ms-transform: translateX(-1.334em);
    transform: translateX(-1.334em); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(13.34em) translateZ(0);
    -ms-transform: translateX(13.34em) translateZ(0);
    transform: translateX(13.34em) translateZ(0); }
  65% {
    opacity: 1;
    -webkit-transform: translateX(-1.334em);
    -ms-transform: translateX(-1.334em);
    transform: translateX(-1.334em); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@-webkit-keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10em) rotate(0) translateZ(0);
    -ms-transform: translateY(-10em) rotate(0) translateZ(0);
    transform: translateY(-10em) rotate(0) translateZ(0); }
  10% {
    -webkit-transform: translateY(-10em) rotate(-40deg);
    -ms-transform: translateY(-10em) rotate(-40deg);
    transform: translateY(-10em) rotate(-40deg); }
  90% {
    opacity: 1; }
  100% {
    -webkit-transform: translateY(0) rotate(0);
    -ms-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0); } }
@-moz-keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10em) rotate(0) translateZ(0);
    -ms-transform: translateY(-10em) rotate(0) translateZ(0);
    transform: translateY(-10em) rotate(0) translateZ(0); }
  10% {
    -webkit-transform: translateY(-10em) rotate(-40deg);
    -ms-transform: translateY(-10em) rotate(-40deg);
    transform: translateY(-10em) rotate(-40deg); }
  90% {
    opacity: 1; }
  100% {
    -webkit-transform: translateY(0) rotate(0);
    -ms-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0); } }
@-o-keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10em) rotate(0) translateZ(0);
    -ms-transform: translateY(-10em) rotate(0) translateZ(0);
    transform: translateY(-10em) rotate(0) translateZ(0); }
  10% {
    -webkit-transform: translateY(-10em) rotate(-40deg);
    -ms-transform: translateY(-10em) rotate(-40deg);
    transform: translateY(-10em) rotate(-40deg); }
  90% {
    opacity: 1; }
  100% {
    -webkit-transform: translateY(0) rotate(0);
    -ms-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0); } }
@keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10em) rotate(0) translateZ(0);
    -ms-transform: translateY(-10em) rotate(0) translateZ(0);
    transform: translateY(-10em) rotate(0) translateZ(0); }
  10% {
    -webkit-transform: translateY(-10em) rotate(-40deg);
    -ms-transform: translateY(-10em) rotate(-40deg);
    transform: translateY(-10em) rotate(-40deg); }
  90% {
    opacity: 1; }
  100% {
    -webkit-transform: translateY(0) rotate(0);
    -ms-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0); } }
@-webkit-keyframes riseIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10em) translateZ(0);
    -ms-transform: translateY(10em) translateZ(0);
    transform: translateY(10em) translateZ(0); }
  50% {
    opacity: 1; } }
@-moz-keyframes riseIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10em) translateZ(0);
    -ms-transform: translateY(10em) translateZ(0);
    transform: translateY(10em) translateZ(0); }
  50% {
    opacity: 1; } }
@-o-keyframes riseIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10em) translateZ(0);
    -ms-transform: translateY(10em) translateZ(0);
    transform: translateY(10em) translateZ(0); }
  50% {
    opacity: 1; } }
@keyframes riseIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10em) translateZ(0);
    -ms-transform: translateY(10em) translateZ(0);
    transform: translateY(10em) translateZ(0); }
  50% {
    opacity: 1; } }
@-webkit-keyframes popIn {
  0% {
    -webkit-transform: scale(0.25) translateZ(0);
    -ms-transform: scale(0.25) translateZ(0);
    transform: scale(0.25) translateZ(0);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes popIn {
  0% {
    -webkit-transform: scale(0.25) translateZ(0);
    -ms-transform: scale(0.25) translateZ(0);
    transform: scale(0.25) translateZ(0);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@-o-keyframes popIn {
  0% {
    -webkit-transform: scale(0.25) translateZ(0);
    -ms-transform: scale(0.25) translateZ(0);
    transform: scale(0.25) translateZ(0);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@keyframes popIn {
  0% {
    -webkit-transform: scale(0.25) translateZ(0);
    -ms-transform: scale(0.25) translateZ(0);
    transform: scale(0.25) translateZ(0);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes turnInDown {
  0% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
    -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
    transform: perspective(500px) rotateX(-225deg) translateZ(150px); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
    transform: perspective(800px) rotateX(0deg) translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; } }
@-moz-keyframes turnInDown {
  0% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
    -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
    transform: perspective(500px) rotateX(-225deg) translateZ(150px); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
    transform: perspective(800px) rotateX(0deg) translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; } }
@-o-keyframes turnInDown {
  0% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
    -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
    transform: perspective(500px) rotateX(-225deg) translateZ(150px); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
    transform: perspective(800px) rotateX(0deg) translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; } }
@keyframes turnInDown {
  0% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
    -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
    transform: perspective(500px) rotateX(-225deg) translateZ(150px); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
    transform: perspective(800px) rotateX(0deg) translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; } }
@-webkit-keyframes turnInUp {
  0% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
    -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px);
    transform: perspective(500px) rotateX(225deg) translateZ(150px); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
    transform: perspective(800px) rotateX(0deg) translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; } }
@-moz-keyframes turnInUp {
  0% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
    -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px);
    transform: perspective(500px) rotateX(225deg) translateZ(150px); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
    transform: perspective(800px) rotateX(0deg) translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; } }
@-o-keyframes turnInUp {
  0% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
    -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px);
    transform: perspective(500px) rotateX(225deg) translateZ(150px); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
    transform: perspective(800px) rotateX(0deg) translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; } }
@keyframes turnInUp {
  0% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
    -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px);
    transform: perspective(500px) rotateX(225deg) translateZ(150px); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
    transform: perspective(800px) rotateX(0deg) translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; } }
@-webkit-keyframes stretch {
  0% {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0); }
  40% {
    -webkit-transform: scaleY(1.05);
    -ms-transform: scaleY(1.05);
    transform: scaleY(1.05); }
  60% {
    -webkit-transform: scaleY(0.97125);
    -ms-transform: scaleY(0.97125);
    transform: scaleY(0.97125); }
  80% {
    -webkit-transform: scaleY(1.05);
    -ms-transform: scaleY(1.05);
    transform: scaleY(1.05); }
  100% {
    -webkit-transform: scaleY(0.97125);
    -ms-transform: scaleY(0.97125);
    transform: scaleY(0.97125); }
  80% {
    -webkit-transform: scaleY(1.02375);
    -ms-transform: scaleY(1.02375);
    transform: scaleY(1.02375); }
  100% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1); } }
@-moz-keyframes stretch {
  0% {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0); }
  40% {
    -webkit-transform: scaleY(1.05);
    -ms-transform: scaleY(1.05);
    transform: scaleY(1.05); }
  60% {
    -webkit-transform: scaleY(0.97125);
    -ms-transform: scaleY(0.97125);
    transform: scaleY(0.97125); }
  80% {
    -webkit-transform: scaleY(1.05);
    -ms-transform: scaleY(1.05);
    transform: scaleY(1.05); }
  100% {
    -webkit-transform: scaleY(0.97125);
    -ms-transform: scaleY(0.97125);
    transform: scaleY(0.97125); }
  80% {
    -webkit-transform: scaleY(1.02375);
    -ms-transform: scaleY(1.02375);
    transform: scaleY(1.02375); }
  100% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1); } }
@-o-keyframes stretch {
  0% {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0); }
  40% {
    -webkit-transform: scaleY(1.05);
    -ms-transform: scaleY(1.05);
    transform: scaleY(1.05); }
  60% {
    -webkit-transform: scaleY(0.97125);
    -ms-transform: scaleY(0.97125);
    transform: scaleY(0.97125); }
  80% {
    -webkit-transform: scaleY(1.05);
    -ms-transform: scaleY(1.05);
    transform: scaleY(1.05); }
  100% {
    -webkit-transform: scaleY(0.97125);
    -ms-transform: scaleY(0.97125);
    transform: scaleY(0.97125); }
  80% {
    -webkit-transform: scaleY(1.02375);
    -ms-transform: scaleY(1.02375);
    transform: scaleY(1.02375); }
  100% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1); } }
@keyframes stretch {
  0% {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0); }
  40% {
    -webkit-transform: scaleY(1.05);
    -ms-transform: scaleY(1.05);
    transform: scaleY(1.05); }
  60% {
    -webkit-transform: scaleY(0.97125);
    -ms-transform: scaleY(0.97125);
    transform: scaleY(0.97125); }
  80% {
    -webkit-transform: scaleY(1.05);
    -ms-transform: scaleY(1.05);
    transform: scaleY(1.05); }
  100% {
    -webkit-transform: scaleY(0.97125);
    -ms-transform: scaleY(0.97125);
    transform: scaleY(0.97125); }
  80% {
    -webkit-transform: scaleY(1.02375);
    -ms-transform: scaleY(1.02375);
    transform: scaleY(1.02375); }
  100% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1); } }
@-webkit-keyframes newspaper {
  0% {
    opacity: 0;
    -webkit-transform: rotate(720deg) scale(0.33) translateZ(0);
    -ms-transform: rotate(720deg) scale(0.33) translateZ(0);
    transform: rotate(720deg) scale(0.33) translateZ(0); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1); } }
@-moz-keyframes newspaper {
  0% {
    opacity: 0;
    -webkit-transform: rotate(720deg) scale(0.33) translateZ(0);
    -ms-transform: rotate(720deg) scale(0.33) translateZ(0);
    transform: rotate(720deg) scale(0.33) translateZ(0); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1); } }
@-o-keyframes newspaper {
  0% {
    opacity: 0;
    -webkit-transform: rotate(720deg) scale(0.33) translateZ(0);
    -ms-transform: rotate(720deg) scale(0.33) translateZ(0);
    transform: rotate(720deg) scale(0.33) translateZ(0); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1); } }
@keyframes newspaper {
  0% {
    opacity: 0;
    -webkit-transform: rotate(720deg) scale(0.33) translateZ(0);
    -ms-transform: rotate(720deg) scale(0.33) translateZ(0);
    transform: rotate(720deg) scale(0.33) translateZ(0); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1); } }
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0; } }
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0; } }
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0; } }
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1.334em);
    -ms-transform: translateY(1.334em);
    transform: translateY(1.334em); } }
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1.334em);
    -ms-transform: translateY(1.334em);
    transform: translateY(1.334em); } }
@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1.334em);
    -ms-transform: translateY(1.334em);
    transform: translateY(1.334em); } }
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1.334em);
    -ms-transform: translateY(1.334em);
    transform: translateY(1.334em); } }
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1.334em);
    -ms-transform: translateY(-1.334em);
    transform: translateY(-1.334em); } }
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1.334em);
    -ms-transform: translateY(-1.334em);
    transform: translateY(-1.334em); } }
@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1.334em);
    -ms-transform: translateY(-1.334em);
    transform: translateY(-1.334em); } }
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1.334em);
    -ms-transform: translateY(-1.334em);
    transform: translateY(-1.334em); } }
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-1.334em) translateZ(0);
    -ms-transform: translateX(-1.334em) translateZ(0);
    transform: translateX(-1.334em) translateZ(0); } }
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-1.334em) translateZ(0);
    -ms-transform: translateX(-1.334em) translateZ(0);
    transform: translateX(-1.334em) translateZ(0); } }
@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-1.334em) translateZ(0);
    -ms-transform: translateX(-1.334em) translateZ(0);
    transform: translateX(-1.334em) translateZ(0); } }
@keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-1.334em) translateZ(0);
    -ms-transform: translateX(-1.334em) translateZ(0);
    transform: translateX(-1.334em) translateZ(0); } }
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateX(1.334em) translateZ(0);
    -ms-transform: translateX(1.334em) translateZ(0);
    transform: translateX(1.334em) translateZ(0); } }
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateX(1.334em) translateZ(0);
    -ms-transform: translateX(1.334em) translateZ(0);
    transform: translateX(1.334em) translateZ(0); } }
@-o-keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateX(1.334em) translateZ(0);
    -ms-transform: translateX(1.334em) translateZ(0);
    transform: translateX(1.334em) translateZ(0); } }
@keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateX(1.334em) translateZ(0);
    -ms-transform: translateX(1.334em) translateZ(0);
    transform: translateX(1.334em) translateZ(0); } }
@-webkit-keyframes fadeOutZoom {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); } }
@-moz-keyframes fadeOutZoom {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); } }
@-o-keyframes fadeOutZoom {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); } }
@keyframes fadeOutZoom {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); } }
@-webkit-keyframes fadeOutZoomBig {
  0% {
    -webkit-transform: scale(1) translateZ(0);
    -ms-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0); }
  40% {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25); }
  60% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); } }
@-moz-keyframes fadeOutZoomBig {
  0% {
    -webkit-transform: scale(1) translateZ(0);
    -ms-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0); }
  40% {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25); }
  60% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); } }
@-o-keyframes fadeOutZoomBig {
  0% {
    -webkit-transform: scale(1) translateZ(0);
    -ms-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0); }
  40% {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25); }
  60% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); } }
@keyframes fadeOutZoomBig {
  0% {
    -webkit-transform: scale(1) translateZ(0);
    -ms-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0); }
  40% {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25); }
  60% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); } }
@-webkit-keyframes slideOutLeft {
  35% {
    opacity: 1;
    -webkit-transform: translateX(1.334em) translateZ(0);
    -ms-transform: translateX(1.334em) translateZ(0);
    transform: translateX(1.334em) translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-13.34em);
    -ms-transform: translateX(-13.34em);
    transform: translateX(-13.34em); } }
@-moz-keyframes slideOutLeft {
  35% {
    opacity: 1;
    -webkit-transform: translateX(1.334em) translateZ(0);
    -ms-transform: translateX(1.334em) translateZ(0);
    transform: translateX(1.334em) translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-13.34em);
    -ms-transform: translateX(-13.34em);
    transform: translateX(-13.34em); } }
@-o-keyframes slideOutLeft {
  35% {
    opacity: 1;
    -webkit-transform: translateX(1.334em) translateZ(0);
    -ms-transform: translateX(1.334em) translateZ(0);
    transform: translateX(1.334em) translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-13.34em);
    -ms-transform: translateX(-13.34em);
    transform: translateX(-13.34em); } }
@keyframes slideOutLeft {
  35% {
    opacity: 1;
    -webkit-transform: translateX(1.334em) translateZ(0);
    -ms-transform: translateX(1.334em) translateZ(0);
    transform: translateX(1.334em) translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-13.34em);
    -ms-transform: translateX(-13.34em);
    transform: translateX(-13.34em); } }
@-webkit-keyframes slideOutRight {
  35% {
    opacity: 1;
    -webkit-transform: translateX(-1.334em) translateZ(0);
    -ms-transform: translateX(-1.334em) translateZ(0);
    transform: translateX(-1.334em) translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(13.34em);
    -ms-transform: translateX(13.34em);
    transform: translateX(13.34em); } }
@-moz-keyframes slideOutRight {
  35% {
    opacity: 1;
    -webkit-transform: translateX(-1.334em) translateZ(0);
    -ms-transform: translateX(-1.334em) translateZ(0);
    transform: translateX(-1.334em) translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(13.34em);
    -ms-transform: translateX(13.34em);
    transform: translateX(13.34em); } }
@-o-keyframes slideOutRight {
  35% {
    opacity: 1;
    -webkit-transform: translateX(-1.334em) translateZ(0);
    -ms-transform: translateX(-1.334em) translateZ(0);
    transform: translateX(-1.334em) translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(13.34em);
    -ms-transform: translateX(13.34em);
    transform: translateX(13.34em); } }
@keyframes slideOutRight {
  35% {
    opacity: 1;
    -webkit-transform: translateX(-1.334em) translateZ(0);
    -ms-transform: translateX(-1.334em) translateZ(0);
    transform: translateX(-1.334em) translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(13.34em);
    -ms-transform: translateX(13.34em);
    transform: translateX(13.34em); } }
@-webkit-keyframes explode {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(5);
    -ms-transform: scale(5);
    transform: scale(5); } }
@-moz-keyframes explode {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(5);
    -ms-transform: scale(5);
    transform: scale(5); } }
@-o-keyframes explode {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(5);
    -ms-transform: scale(5);
    transform: scale(5); } }
@keyframes explode {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(5);
    -ms-transform: scale(5);
    transform: scale(5); } }
@-webkit-keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10em) rotate(-40deg);
    -ms-transform: translateY(10em) rotate(-40deg);
    transform: translateY(10em) rotate(-40deg); } }
@-moz-keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10em) rotate(-40deg);
    -ms-transform: translateY(10em) rotate(-40deg);
    transform: translateY(10em) rotate(-40deg); } }
@-o-keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10em) rotate(-40deg);
    -ms-transform: translateY(10em) rotate(-40deg);
    transform: translateY(10em) rotate(-40deg); } }
@keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10em) rotate(-40deg);
    -ms-transform: translateY(10em) rotate(-40deg);
    transform: translateY(10em) rotate(-40deg); } }
@-webkit-keyframes riseOut {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-10em);
    -ms-transform: translateY(-10em);
    transform: translateY(-10em); } }
@-moz-keyframes riseOut {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-10em);
    -ms-transform: translateY(-10em);
    transform: translateY(-10em); } }
@-o-keyframes riseOut {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-10em);
    -ms-transform: translateY(-10em);
    transform: translateY(-10em); } }
@keyframes riseOut {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-10em);
    -ms-transform: translateY(-10em);
    transform: translateY(-10em); } }
@-webkit-keyframes poof {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(40px); } }
@-moz-keyframes poof {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(40px); } }
@-o-keyframes poof {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(40px); } }
@keyframes poof {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(40px); } }
@-webkit-keyframes turnOutDown {
  0% {
    opacity: 1;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
    transform: perspective(800px) rotateX(0deg) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  100% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
    -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
    transform: perspective(500px) rotateX(-225deg) translateZ(150px); } }
@-moz-keyframes turnOutDown {
  0% {
    opacity: 1;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
    transform: perspective(800px) rotateX(0deg) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  100% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
    -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
    transform: perspective(500px) rotateX(-225deg) translateZ(150px); } }
@-o-keyframes turnOutDown {
  0% {
    opacity: 1;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
    transform: perspective(800px) rotateX(0deg) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  100% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
    -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
    transform: perspective(500px) rotateX(-225deg) translateZ(150px); } }
@keyframes turnOutDown {
  0% {
    opacity: 1;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
    transform: perspective(800px) rotateX(0deg) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  100% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
    -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
    transform: perspective(500px) rotateX(-225deg) translateZ(150px); } }
@-webkit-keyframes turnOutUp {
  0% {
    opacity: 1;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
    transform: perspective(800px) rotateX(0deg) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  100% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
    -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px);
    transform: perspective(500px) rotateX(225deg) translateZ(150px); } }
@-moz-keyframes turnOutUp {
  0% {
    opacity: 1;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
    transform: perspective(800px) rotateX(0deg) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  100% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
    -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px);
    transform: perspective(500px) rotateX(225deg) translateZ(150px); } }
@-o-keyframes turnOutUp {
  0% {
    opacity: 1;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
    transform: perspective(800px) rotateX(0deg) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  100% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
    -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px);
    transform: perspective(500px) rotateX(225deg) translateZ(150px); } }
@keyframes turnOutUp {
  0% {
    opacity: 1;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
    transform: perspective(800px) rotateX(0deg) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  100% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
    -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px);
    transform: perspective(500px) rotateX(225deg) translateZ(150px); } }
@-webkit-keyframes compress {
  0% {
    -webkit-transform: scaleY(1) translateZ(0);
    -ms-transform: scaleY(1) translateZ(0);
    transform: scaleY(1) translateZ(0); }
  30% {
    -webkit-transform: scaleY(1.05);
    -ms-transform: scaleY(1.05);
    transform: scaleY(1.05); }
  50% {
    -webkit-transform: scaleY(0.97125);
    -ms-transform: scaleY(0.97125);
    transform: scaleY(0.97125); }
  100% {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0); } }
@-moz-keyframes compress {
  0% {
    -webkit-transform: scaleY(1) translateZ(0);
    -ms-transform: scaleY(1) translateZ(0);
    transform: scaleY(1) translateZ(0); }
  30% {
    -webkit-transform: scaleY(1.05);
    -ms-transform: scaleY(1.05);
    transform: scaleY(1.05); }
  50% {
    -webkit-transform: scaleY(0.97125);
    -ms-transform: scaleY(0.97125);
    transform: scaleY(0.97125); }
  100% {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0); } }
@-o-keyframes compress {
  0% {
    -webkit-transform: scaleY(1) translateZ(0);
    -ms-transform: scaleY(1) translateZ(0);
    transform: scaleY(1) translateZ(0); }
  30% {
    -webkit-transform: scaleY(1.05);
    -ms-transform: scaleY(1.05);
    transform: scaleY(1.05); }
  50% {
    -webkit-transform: scaleY(0.97125);
    -ms-transform: scaleY(0.97125);
    transform: scaleY(0.97125); }
  100% {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0); } }
@keyframes compress {
  0% {
    -webkit-transform: scaleY(1) translateZ(0);
    -ms-transform: scaleY(1) translateZ(0);
    transform: scaleY(1) translateZ(0); }
  30% {
    -webkit-transform: scaleY(1.05);
    -ms-transform: scaleY(1.05);
    transform: scaleY(1.05); }
  50% {
    -webkit-transform: scaleY(0.97125);
    -ms-transform: scaleY(0.97125);
    transform: scaleY(0.97125); }
  100% {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0); } }
@-webkit-keyframes float {
  0%, 50%, 100% {
    -webkit-transform: translateY(-0.25em) translateZ(0);
    -ms-transform: translateY(-0.25em) translateZ(0);
    transform: translateY(-0.25em) translateZ(0); }
  25% {
    -webkit-transform: translateY(0.25em) rotate(1deg);
    -ms-transform: translateY(0.25em) rotate(1deg);
    transform: translateY(0.25em) rotate(1deg); }
  75% {
    -webkit-transform: translateY(0.25em) rotate(-1deg);
    -ms-transform: translateY(0.25em) rotate(-1deg);
    transform: translateY(0.25em) rotate(-1deg); } }
@-moz-keyframes float {
  0%, 50%, 100% {
    -webkit-transform: translateY(-0.25em) translateZ(0);
    -ms-transform: translateY(-0.25em) translateZ(0);
    transform: translateY(-0.25em) translateZ(0); }
  25% {
    -webkit-transform: translateY(0.25em) rotate(1deg);
    -ms-transform: translateY(0.25em) rotate(1deg);
    transform: translateY(0.25em) rotate(1deg); }
  75% {
    -webkit-transform: translateY(0.25em) rotate(-1deg);
    -ms-transform: translateY(0.25em) rotate(-1deg);
    transform: translateY(0.25em) rotate(-1deg); } }
@-o-keyframes float {
  0%, 50%, 100% {
    -webkit-transform: translateY(-0.25em) translateZ(0);
    -ms-transform: translateY(-0.25em) translateZ(0);
    transform: translateY(-0.25em) translateZ(0); }
  25% {
    -webkit-transform: translateY(0.25em) rotate(1deg);
    -ms-transform: translateY(0.25em) rotate(1deg);
    transform: translateY(0.25em) rotate(1deg); }
  75% {
    -webkit-transform: translateY(0.25em) rotate(-1deg);
    -ms-transform: translateY(0.25em) rotate(-1deg);
    transform: translateY(0.25em) rotate(-1deg); } }
@keyframes float {
  0%, 50%, 100% {
    -webkit-transform: translateY(-0.25em) translateZ(0);
    -ms-transform: translateY(-0.25em) translateZ(0);
    transform: translateY(-0.25em) translateZ(0); }
  25% {
    -webkit-transform: translateY(0.25em) rotate(1deg);
    -ms-transform: translateY(0.25em) rotate(1deg);
    transform: translateY(0.25em) rotate(1deg); }
  75% {
    -webkit-transform: translateY(0.25em) rotate(-1deg);
    -ms-transform: translateY(0.25em) rotate(-1deg);
    transform: translateY(0.25em) rotate(-1deg); } }
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0); }
  15% {
    -webkit-transform: translateX(0.55em);
    -ms-transform: translateX(0.55em);
    transform: translateX(0.55em); }
  35% {
    -webkit-transform: translateX(-0.55em);
    -ms-transform: translateX(-0.55em);
    transform: translateX(-0.55em); }
  50% {
    -webkit-transform: translateX(0.275em);
    -ms-transform: translateX(0.275em);
    transform: translateX(0.275em); }
  65% {
    -webkit-transform: translateX(-0.275em);
    -ms-transform: translateX(-0.275em);
    transform: translateX(-0.275em); }
  85% {
    -webkit-transform: translateX(0.18333em);
    -ms-transform: translateX(0.18333em);
    transform: translateX(0.18333em); } }
@-moz-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0); }
  15% {
    -webkit-transform: translateX(0.55em);
    -ms-transform: translateX(0.55em);
    transform: translateX(0.55em); }
  35% {
    -webkit-transform: translateX(-0.55em);
    -ms-transform: translateX(-0.55em);
    transform: translateX(-0.55em); }
  50% {
    -webkit-transform: translateX(0.275em);
    -ms-transform: translateX(0.275em);
    transform: translateX(0.275em); }
  65% {
    -webkit-transform: translateX(-0.275em);
    -ms-transform: translateX(-0.275em);
    transform: translateX(-0.275em); }
  85% {
    -webkit-transform: translateX(0.18333em);
    -ms-transform: translateX(0.18333em);
    transform: translateX(0.18333em); } }
@-o-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0); }
  15% {
    -webkit-transform: translateX(0.55em);
    -ms-transform: translateX(0.55em);
    transform: translateX(0.55em); }
  35% {
    -webkit-transform: translateX(-0.55em);
    -ms-transform: translateX(-0.55em);
    transform: translateX(-0.55em); }
  50% {
    -webkit-transform: translateX(0.275em);
    -ms-transform: translateX(0.275em);
    transform: translateX(0.275em); }
  65% {
    -webkit-transform: translateX(-0.275em);
    -ms-transform: translateX(-0.275em);
    transform: translateX(-0.275em); }
  85% {
    -webkit-transform: translateX(0.18333em);
    -ms-transform: translateX(0.18333em);
    transform: translateX(0.18333em); } }
@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0); }
  15% {
    -webkit-transform: translateX(0.55em);
    -ms-transform: translateX(0.55em);
    transform: translateX(0.55em); }
  35% {
    -webkit-transform: translateX(-0.55em);
    -ms-transform: translateX(-0.55em);
    transform: translateX(-0.55em); }
  50% {
    -webkit-transform: translateX(0.275em);
    -ms-transform: translateX(0.275em);
    transform: translateX(0.275em); }
  65% {
    -webkit-transform: translateX(-0.275em);
    -ms-transform: translateX(-0.275em);
    transform: translateX(-0.275em); }
  85% {
    -webkit-transform: translateX(0.18333em);
    -ms-transform: translateX(0.18333em);
    transform: translateX(0.18333em); } }
@-webkit-keyframes teeter {
  0%, 100% {
    -webkit-transform: rotate(0deg) translateZ(0);
    -ms-transform: rotate(0deg) translateZ(0);
    transform: rotate(0deg) translateZ(0); }
  15% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg); }
  30% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  45% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg); }
  60% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  73% {
    -webkit-transform: rotate(3.33333deg);
    -ms-transform: rotate(3.33333deg);
    transform: rotate(3.33333deg); }
  86% {
    -webkit-transform: rotate(-3.33333deg);
    -ms-transform: rotate(-3.33333deg);
    transform: rotate(-3.33333deg); } }
@-moz-keyframes teeter {
  0%, 100% {
    -webkit-transform: rotate(0deg) translateZ(0);
    -ms-transform: rotate(0deg) translateZ(0);
    transform: rotate(0deg) translateZ(0); }
  15% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg); }
  30% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  45% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg); }
  60% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  73% {
    -webkit-transform: rotate(3.33333deg);
    -ms-transform: rotate(3.33333deg);
    transform: rotate(3.33333deg); }
  86% {
    -webkit-transform: rotate(-3.33333deg);
    -ms-transform: rotate(-3.33333deg);
    transform: rotate(-3.33333deg); } }
@-o-keyframes teeter {
  0%, 100% {
    -webkit-transform: rotate(0deg) translateZ(0);
    -ms-transform: rotate(0deg) translateZ(0);
    transform: rotate(0deg) translateZ(0); }
  15% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg); }
  30% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  45% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg); }
  60% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  73% {
    -webkit-transform: rotate(3.33333deg);
    -ms-transform: rotate(3.33333deg);
    transform: rotate(3.33333deg); }
  86% {
    -webkit-transform: rotate(-3.33333deg);
    -ms-transform: rotate(-3.33333deg);
    transform: rotate(-3.33333deg); } }
@keyframes teeter {
  0%, 100% {
    -webkit-transform: rotate(0deg) translateZ(0);
    -ms-transform: rotate(0deg) translateZ(0);
    transform: rotate(0deg) translateZ(0); }
  15% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg); }
  30% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  45% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg); }
  60% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  73% {
    -webkit-transform: rotate(3.33333deg);
    -ms-transform: rotate(3.33333deg);
    transform: rotate(3.33333deg); }
  86% {
    -webkit-transform: rotate(-3.33333deg);
    -ms-transform: rotate(-3.33333deg);
    transform: rotate(-3.33333deg); } }
@-webkit-keyframes quiver {
  0% {
    -webkit-transform: translate3d(2px, 1px, 0) rotate(0deg);
    -ms-transform: translate3d(2px, 1px, 0) rotate(0deg);
    transform: translate3d(2px, 1px, 0) rotate(0deg); }
  10% {
    -webkit-transform: translate3d(-1px, 2px, 0) rotate(2deg);
    -ms-transform: translate3d(-1px, 2px, 0) rotate(2deg);
    transform: translate3d(-1px, 2px, 0) rotate(2deg); }
  20% {
    -webkit-transform: translate3d(-3px, 0) rotate(-2deg);
    -ms-transform: translate3d(-3px, 0) rotate(-2deg);
    transform: translate3d(-3px, 0) rotate(-2deg); }
  30% {
    -webkit-transform: translate3d(0, 2px, 0) rotate(0deg);
    -ms-transform: translate3d(0, 2px, 0) rotate(0deg);
    transform: translate3d(0, 2px, 0) rotate(0deg); }
  40% {
    -webkit-transform: translate3d(1px, -1px, 0) rotate(2deg);
    -ms-transform: translate3d(1px, -1px, 0) rotate(2deg);
    transform: translate3d(1px, -1px, 0) rotate(2deg); }
  50% {
    -webkit-transform: translate3d(-1px, 2px, 0) rotate(-2deg);
    -ms-transform: translate3d(-1px, 2px, 0) rotate(-2deg);
    transform: translate3d(-1px, 2px, 0) rotate(-2deg); }
  60% {
    -webkit-transform: translate3d(-3px, 1px, 0) rotate(0deg);
    -ms-transform: translate3d(-3px, 1px, 0) rotate(0deg);
    transform: translate3d(-3px, 1px, 0) rotate(0deg); }
  70% {
    -webkit-transform: translate3d(2px, 1px, 0) rotate(2deg);
    -ms-transform: translate3d(2px, 1px, 0) rotate(2deg);
    transform: translate3d(2px, 1px, 0) rotate(2deg); }
  80% {
    -webkit-transform: translate3d(-1px, -1px, 0) rotate(-2deg);
    -ms-transform: translate3d(-1px, -1px, 0) rotate(-2deg);
    transform: translate3d(-1px, -1px, 0) rotate(-2deg); }
  90% {
    -webkit-transform: translate3d(2px, 2px, 0) rotate(0deg);
    -ms-transform: translate3d(2px, 2px, 0) rotate(0deg);
    transform: translate3d(2px, 2px, 0) rotate(0deg); }
  100% {
    -webkit-transform: translate3d(1px, -2px, 0) rotate(2deg);
    -ms-transform: translate3d(1px, -2px, 0) rotate(2deg);
    transform: translate3d(1px, -2px, 0) rotate(2deg); } }
@-moz-keyframes quiver {
  0% {
    -webkit-transform: translate3d(2px, 1px, 0) rotate(0deg);
    -ms-transform: translate3d(2px, 1px, 0) rotate(0deg);
    transform: translate3d(2px, 1px, 0) rotate(0deg); }
  10% {
    -webkit-transform: translate3d(-1px, 2px, 0) rotate(2deg);
    -ms-transform: translate3d(-1px, 2px, 0) rotate(2deg);
    transform: translate3d(-1px, 2px, 0) rotate(2deg); }
  20% {
    -webkit-transform: translate3d(-3px, 0) rotate(-2deg);
    -ms-transform: translate3d(-3px, 0) rotate(-2deg);
    transform: translate3d(-3px, 0) rotate(-2deg); }
  30% {
    -webkit-transform: translate3d(0, 2px, 0) rotate(0deg);
    -ms-transform: translate3d(0, 2px, 0) rotate(0deg);
    transform: translate3d(0, 2px, 0) rotate(0deg); }
  40% {
    -webkit-transform: translate3d(1px, -1px, 0) rotate(2deg);
    -ms-transform: translate3d(1px, -1px, 0) rotate(2deg);
    transform: translate3d(1px, -1px, 0) rotate(2deg); }
  50% {
    -webkit-transform: translate3d(-1px, 2px, 0) rotate(-2deg);
    -ms-transform: translate3d(-1px, 2px, 0) rotate(-2deg);
    transform: translate3d(-1px, 2px, 0) rotate(-2deg); }
  60% {
    -webkit-transform: translate3d(-3px, 1px, 0) rotate(0deg);
    -ms-transform: translate3d(-3px, 1px, 0) rotate(0deg);
    transform: translate3d(-3px, 1px, 0) rotate(0deg); }
  70% {
    -webkit-transform: translate3d(2px, 1px, 0) rotate(2deg);
    -ms-transform: translate3d(2px, 1px, 0) rotate(2deg);
    transform: translate3d(2px, 1px, 0) rotate(2deg); }
  80% {
    -webkit-transform: translate3d(-1px, -1px, 0) rotate(-2deg);
    -ms-transform: translate3d(-1px, -1px, 0) rotate(-2deg);
    transform: translate3d(-1px, -1px, 0) rotate(-2deg); }
  90% {
    -webkit-transform: translate3d(2px, 2px, 0) rotate(0deg);
    -ms-transform: translate3d(2px, 2px, 0) rotate(0deg);
    transform: translate3d(2px, 2px, 0) rotate(0deg); }
  100% {
    -webkit-transform: translate3d(1px, -2px, 0) rotate(2deg);
    -ms-transform: translate3d(1px, -2px, 0) rotate(2deg);
    transform: translate3d(1px, -2px, 0) rotate(2deg); } }
@-o-keyframes quiver {
  0% {
    -webkit-transform: translate3d(2px, 1px, 0) rotate(0deg);
    -ms-transform: translate3d(2px, 1px, 0) rotate(0deg);
    transform: translate3d(2px, 1px, 0) rotate(0deg); }
  10% {
    -webkit-transform: translate3d(-1px, 2px, 0) rotate(2deg);
    -ms-transform: translate3d(-1px, 2px, 0) rotate(2deg);
    transform: translate3d(-1px, 2px, 0) rotate(2deg); }
  20% {
    -webkit-transform: translate3d(-3px, 0) rotate(-2deg);
    -ms-transform: translate3d(-3px, 0) rotate(-2deg);
    transform: translate3d(-3px, 0) rotate(-2deg); }
  30% {
    -webkit-transform: translate3d(0, 2px, 0) rotate(0deg);
    -ms-transform: translate3d(0, 2px, 0) rotate(0deg);
    transform: translate3d(0, 2px, 0) rotate(0deg); }
  40% {
    -webkit-transform: translate3d(1px, -1px, 0) rotate(2deg);
    -ms-transform: translate3d(1px, -1px, 0) rotate(2deg);
    transform: translate3d(1px, -1px, 0) rotate(2deg); }
  50% {
    -webkit-transform: translate3d(-1px, 2px, 0) rotate(-2deg);
    -ms-transform: translate3d(-1px, 2px, 0) rotate(-2deg);
    transform: translate3d(-1px, 2px, 0) rotate(-2deg); }
  60% {
    -webkit-transform: translate3d(-3px, 1px, 0) rotate(0deg);
    -ms-transform: translate3d(-3px, 1px, 0) rotate(0deg);
    transform: translate3d(-3px, 1px, 0) rotate(0deg); }
  70% {
    -webkit-transform: translate3d(2px, 1px, 0) rotate(2deg);
    -ms-transform: translate3d(2px, 1px, 0) rotate(2deg);
    transform: translate3d(2px, 1px, 0) rotate(2deg); }
  80% {
    -webkit-transform: translate3d(-1px, -1px, 0) rotate(-2deg);
    -ms-transform: translate3d(-1px, -1px, 0) rotate(-2deg);
    transform: translate3d(-1px, -1px, 0) rotate(-2deg); }
  90% {
    -webkit-transform: translate3d(2px, 2px, 0) rotate(0deg);
    -ms-transform: translate3d(2px, 2px, 0) rotate(0deg);
    transform: translate3d(2px, 2px, 0) rotate(0deg); }
  100% {
    -webkit-transform: translate3d(1px, -2px, 0) rotate(2deg);
    -ms-transform: translate3d(1px, -2px, 0) rotate(2deg);
    transform: translate3d(1px, -2px, 0) rotate(2deg); } }
@keyframes quiver {
  0% {
    -webkit-transform: translate3d(2px, 1px, 0) rotate(0deg);
    -ms-transform: translate3d(2px, 1px, 0) rotate(0deg);
    transform: translate3d(2px, 1px, 0) rotate(0deg); }
  10% {
    -webkit-transform: translate3d(-1px, 2px, 0) rotate(2deg);
    -ms-transform: translate3d(-1px, 2px, 0) rotate(2deg);
    transform: translate3d(-1px, 2px, 0) rotate(2deg); }
  20% {
    -webkit-transform: translate3d(-3px, 0) rotate(-2deg);
    -ms-transform: translate3d(-3px, 0) rotate(-2deg);
    transform: translate3d(-3px, 0) rotate(-2deg); }
  30% {
    -webkit-transform: translate3d(0, 2px, 0) rotate(0deg);
    -ms-transform: translate3d(0, 2px, 0) rotate(0deg);
    transform: translate3d(0, 2px, 0) rotate(0deg); }
  40% {
    -webkit-transform: translate3d(1px, -1px, 0) rotate(2deg);
    -ms-transform: translate3d(1px, -1px, 0) rotate(2deg);
    transform: translate3d(1px, -1px, 0) rotate(2deg); }
  50% {
    -webkit-transform: translate3d(-1px, 2px, 0) rotate(-2deg);
    -ms-transform: translate3d(-1px, 2px, 0) rotate(-2deg);
    transform: translate3d(-1px, 2px, 0) rotate(-2deg); }
  60% {
    -webkit-transform: translate3d(-3px, 1px, 0) rotate(0deg);
    -ms-transform: translate3d(-3px, 1px, 0) rotate(0deg);
    transform: translate3d(-3px, 1px, 0) rotate(0deg); }
  70% {
    -webkit-transform: translate3d(2px, 1px, 0) rotate(2deg);
    -ms-transform: translate3d(2px, 1px, 0) rotate(2deg);
    transform: translate3d(2px, 1px, 0) rotate(2deg); }
  80% {
    -webkit-transform: translate3d(-1px, -1px, 0) rotate(-2deg);
    -ms-transform: translate3d(-1px, -1px, 0) rotate(-2deg);
    transform: translate3d(-1px, -1px, 0) rotate(-2deg); }
  90% {
    -webkit-transform: translate3d(2px, 2px, 0) rotate(0deg);
    -ms-transform: translate3d(2px, 2px, 0) rotate(0deg);
    transform: translate3d(2px, 2px, 0) rotate(0deg); }
  100% {
    -webkit-transform: translate3d(1px, -2px, 0) rotate(2deg);
    -ms-transform: translate3d(1px, -2px, 0) rotate(2deg);
    transform: translate3d(1px, -2px, 0) rotate(2deg); } }
@-webkit-keyframes sway {
  0%, 50%, 100% {
    -webkit-transform: rotate(3deg) translateZ(0);
    -ms-transform: rotate(3deg) translateZ(0);
    transform: rotate(3deg) translateZ(0); }
  25% {
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg); }
  75% {
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg); } }
@-moz-keyframes sway {
  0%, 50%, 100% {
    -webkit-transform: rotate(3deg) translateZ(0);
    -ms-transform: rotate(3deg) translateZ(0);
    transform: rotate(3deg) translateZ(0); }
  25% {
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg); }
  75% {
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg); } }
@-o-keyframes sway {
  0%, 50%, 100% {
    -webkit-transform: rotate(3deg) translateZ(0);
    -ms-transform: rotate(3deg) translateZ(0);
    transform: rotate(3deg) translateZ(0); }
  25% {
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg); }
  75% {
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg); } }
@keyframes sway {
  0%, 50%, 100% {
    -webkit-transform: rotate(3deg) translateZ(0);
    -ms-transform: rotate(3deg) translateZ(0);
    transform: rotate(3deg) translateZ(0); }
  25% {
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg); }
  75% {
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg); } }
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg) translateZ(0);
    -ms-transform: rotate(0deg) translateZ(0);
    transform: rotate(0deg) translateZ(0); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg) translateZ(0);
    -ms-transform: rotate(0deg) translateZ(0);
    transform: rotate(0deg) translateZ(0); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-o-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg) translateZ(0);
    -ms-transform: rotate(0deg) translateZ(0);
    transform: rotate(0deg) translateZ(0); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg) translateZ(0);
    -ms-transform: rotate(0deg) translateZ(0);
    transform: rotate(0deg) translateZ(0); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes bounce {
  0%, 85%, 100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
    -ms-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
    transform: translateY(0) scaleY(1) scaleX(1) translateZ(0); }
  25% {
    -webkit-transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98);
    -ms-transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98);
    transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98); }
  35% {
    -webkit-transform: translateY(0) scaleY(0.98) scaleX(1.02);
    -ms-transform: translateY(0) scaleY(0.98) scaleX(1.02);
    transform: translateY(0) scaleY(0.98) scaleX(1.02); }
  50% {
    -webkit-transform: translateY(-1rem) scaleY(1.01) scaleX(0.99);
    -ms-transform: translateY(-1rem) scaleY(1.01) scaleX(0.99);
    transform: translateY(-1rem) scaleY(1.01) scaleX(0.99); }
  60% {
    -webkit-transform: translateY(0) scaleY(0.99) scaleX(1.01);
    -ms-transform: translateY(0) scaleY(0.99) scaleX(1.01);
    transform: translateY(0) scaleY(0.99) scaleX(1.01); }
  75% {
    -webkit-transform: translateY(-0.05rem);
    -ms-transform: translateY(-0.05rem);
    transform: translateY(-0.05rem); } }
@-moz-keyframes bounce {
  0%, 85%, 100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
    -ms-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
    transform: translateY(0) scaleY(1) scaleX(1) translateZ(0); }
  25% {
    -webkit-transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98);
    -ms-transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98);
    transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98); }
  35% {
    -webkit-transform: translateY(0) scaleY(0.98) scaleX(1.02);
    -ms-transform: translateY(0) scaleY(0.98) scaleX(1.02);
    transform: translateY(0) scaleY(0.98) scaleX(1.02); }
  50% {
    -webkit-transform: translateY(-1rem) scaleY(1.01) scaleX(0.99);
    -ms-transform: translateY(-1rem) scaleY(1.01) scaleX(0.99);
    transform: translateY(-1rem) scaleY(1.01) scaleX(0.99); }
  60% {
    -webkit-transform: translateY(0) scaleY(0.99) scaleX(1.01);
    -ms-transform: translateY(0) scaleY(0.99) scaleX(1.01);
    transform: translateY(0) scaleY(0.99) scaleX(1.01); }
  75% {
    -webkit-transform: translateY(-0.05rem);
    -ms-transform: translateY(-0.05rem);
    transform: translateY(-0.05rem); } }
@-o-keyframes bounce {
  0%, 85%, 100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
    -ms-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
    transform: translateY(0) scaleY(1) scaleX(1) translateZ(0); }
  25% {
    -webkit-transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98);
    -ms-transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98);
    transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98); }
  35% {
    -webkit-transform: translateY(0) scaleY(0.98) scaleX(1.02);
    -ms-transform: translateY(0) scaleY(0.98) scaleX(1.02);
    transform: translateY(0) scaleY(0.98) scaleX(1.02); }
  50% {
    -webkit-transform: translateY(-1rem) scaleY(1.01) scaleX(0.99);
    -ms-transform: translateY(-1rem) scaleY(1.01) scaleX(0.99);
    transform: translateY(-1rem) scaleY(1.01) scaleX(0.99); }
  60% {
    -webkit-transform: translateY(0) scaleY(0.99) scaleX(1.01);
    -ms-transform: translateY(0) scaleY(0.99) scaleX(1.01);
    transform: translateY(0) scaleY(0.99) scaleX(1.01); }
  75% {
    -webkit-transform: translateY(-0.05rem);
    -ms-transform: translateY(-0.05rem);
    transform: translateY(-0.05rem); } }
@keyframes bounce {
  0%, 85%, 100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
    -ms-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
    transform: translateY(0) scaleY(1) scaleX(1) translateZ(0); }
  25% {
    -webkit-transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98);
    -ms-transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98);
    transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98); }
  35% {
    -webkit-transform: translateY(0) scaleY(0.98) scaleX(1.02);
    -ms-transform: translateY(0) scaleY(0.98) scaleX(1.02);
    transform: translateY(0) scaleY(0.98) scaleX(1.02); }
  50% {
    -webkit-transform: translateY(-1rem) scaleY(1.01) scaleX(0.99);
    -ms-transform: translateY(-1rem) scaleY(1.01) scaleX(0.99);
    transform: translateY(-1rem) scaleY(1.01) scaleX(0.99); }
  60% {
    -webkit-transform: translateY(0) scaleY(0.99) scaleX(1.01);
    -ms-transform: translateY(0) scaleY(0.99) scaleX(1.01);
    transform: translateY(0) scaleY(0.99) scaleX(1.01); }
  75% {
    -webkit-transform: translateY(-0.05rem);
    -ms-transform: translateY(-0.05rem);
    transform: translateY(-0.05rem); } }
@-webkit-keyframes pulsate {
  0%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateZ(0);
    -ms-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0); }
  50% {
    opacity: 0.85;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); } }
@-moz-keyframes pulsate {
  0%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateZ(0);
    -ms-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0); }
  50% {
    opacity: 0.85;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); } }
@-o-keyframes pulsate {
  0%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateZ(0);
    -ms-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0); }
  50% {
    opacity: 0.85;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); } }
@keyframes pulsate {
  0%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateZ(0);
    -ms-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0); }
  50% {
    opacity: 0.85;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); } }
@-webkit-keyframes aroundTheWorld {
  0% {
    -webkit-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
    -ms-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
    transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
    -ms-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
    transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg); } }
@-moz-keyframes aroundTheWorld {
  0% {
    -webkit-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
    -ms-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
    transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
    -ms-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
    transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg); } }
@-o-keyframes aroundTheWorld {
  0% {
    -webkit-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
    -ms-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
    transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
    -ms-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
    transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg); } }
@keyframes aroundTheWorld {
  0% {
    -webkit-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
    -ms-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
    transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
    -ms-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
    transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg); } }
@-webkit-keyframes ping {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }
@-moz-keyframes ping {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }
@-o-keyframes ping {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }
@keyframes ping {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }
@-webkit-keyframes squareDance {
  0%, 100% {
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  25% {
    -webkit-transform: translate3d(100%, 100%, 0);
    -ms-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); }
  50% {
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  75% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-moz-keyframes squareDance {
  0%, 100% {
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  25% {
    -webkit-transform: translate3d(100%, 100%, 0);
    -ms-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); }
  50% {
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  75% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-o-keyframes squareDance {
  0%, 100% {
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  25% {
    -webkit-transform: translate3d(100%, 100%, 0);
    -ms-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); }
  50% {
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  75% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes squareDance {
  0%, 100% {
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  25% {
    -webkit-transform: translate3d(100%, 100%, 0);
    -ms-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); }
  50% {
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  75% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes sunrise {
  0% {
    -webkit-transform: rotate(0deg) translate(-15em) rotate(0deg);
    -ms-transform: rotate(0deg) translate(-15em) rotate(0deg);
    transform: rotate(0deg) translate(-15em) rotate(0deg); }
  100% {
    -webkit-transform: rotate(180deg) translate(-15em) rotate(-180deg);
    -ms-transform: rotate(180deg) translate(-15em) rotate(-180deg);
    transform: rotate(180deg) translate(-15em) rotate(-180deg); } }
@-moz-keyframes sunrise {
  0% {
    -webkit-transform: rotate(0deg) translate(-15em) rotate(0deg);
    -ms-transform: rotate(0deg) translate(-15em) rotate(0deg);
    transform: rotate(0deg) translate(-15em) rotate(0deg); }
  100% {
    -webkit-transform: rotate(180deg) translate(-15em) rotate(-180deg);
    -ms-transform: rotate(180deg) translate(-15em) rotate(-180deg);
    transform: rotate(180deg) translate(-15em) rotate(-180deg); } }
@-o-keyframes sunrise {
  0% {
    -webkit-transform: rotate(0deg) translate(-15em) rotate(0deg);
    -ms-transform: rotate(0deg) translate(-15em) rotate(0deg);
    transform: rotate(0deg) translate(-15em) rotate(0deg); }
  100% {
    -webkit-transform: rotate(180deg) translate(-15em) rotate(-180deg);
    -ms-transform: rotate(180deg) translate(-15em) rotate(-180deg);
    transform: rotate(180deg) translate(-15em) rotate(-180deg); } }
@keyframes sunrise {
  0% {
    -webkit-transform: rotate(0deg) translate(-15em) rotate(0deg);
    -ms-transform: rotate(0deg) translate(-15em) rotate(0deg);
    transform: rotate(0deg) translate(-15em) rotate(0deg); }
  100% {
    -webkit-transform: rotate(180deg) translate(-15em) rotate(-180deg);
    -ms-transform: rotate(180deg) translate(-15em) rotate(-180deg);
    transform: rotate(180deg) translate(-15em) rotate(-180deg); } }
@keyframes ellipsis {
  to {
    width: .8em; } }
@-webkit-keyframes ellipsis {
  to {
    width: .8em; } }
@keyframes logocolor {
  0% {
    fill: #1432e0; }
  25% {
    fill: #6d39ea; }
  100% {
    fill: #D8117D; } }
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(170px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
@keyframes fadeOutDown {
  from {
    opacity: 1;
    transform: translateY(0); }
  to {
    opacity: 0;
    transform: translateY(-170px); } }
.howdy-text-button,
a.howdy-text-button {
  cursor: pointer;
  font-family: "freight-sans-pro", sans-serif;
  border-bottom: 2px solid #1432e0;
  background-color: transparent;
  padding: 0.5em 0.5em 0.25em;
  font-size: 1em;
  margin: 0 0 0 0.5em;
  text-decoration: none;
  font-weight: 400;
  color: #222;
  outline: none;
  transition: background-color 150ms; }
  .howdy-text-button:hover,
  a.howdy-text-button:hover {
    background-color: rgba(187, 197, 246, 0.5);
    color: #222; }
  .howdy-text-button:active,
  a.howdy-text-button:active {
    border-bottom: 2px solid #14e07f; }
  .howdy-text-button:focus,
  a.howdy-text-button:focus {
    outline: none; }
  .howdy-text-button.delete,
  a.howdy-text-button.delete {
    border-bottom: 2px solid #f81645; }
    .howdy-text-button.delete:hover,
    a.howdy-text-button.delete:hover {
      background-color: rgba(248, 22, 69, 0.5); }
  .howdy-text-button.disabled,
  a.howdy-text-button.disabled {
    border-bottom: 2px solid #e6e6e6; }

.action-button {
  transition: background-color 150ms;
  font-size: 1em;
  text-decoration: none;
  padding: 5px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  background-color: #1432e0;
  outline: none;
  vertical-align: middle;
  border: 0;
  float: right; }
  .action-button:hover {
    background-color: #3a54ed;
    color: #fff; }
  .action-button.delete,
  .action-button .danger {
    background-color: #f81645; }
    .action-button.delete:hover,
    .action-button .danger:hover {
      background-color: #f9486d; }
  .action-button.disabled {
    background-color: #e6e6e6;
    cursor: default; }
    .action-button.disabled:hover {
      background-color: #e6e6e6; }
  .action-button.secondary {
    background-color: #f9bf8c;
    cursor: default; }
    .action-button.secondary:hover {
      background-color: #ffbf86; }

.action-button-green {
  transition: background-color 150ms;
  font-size: 1em;
  text-decoration: none;
  padding: 5px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  background-color: #14e07f;
  outline: none;
  vertical-align: middle;
  border: 0;
  float: right; }
  .action-button-green:hover {
    background-color: #3aed98;
    color: #fff; }
  .action-button-green.delete,
  .action-button-green .danger {
    background-color: #f81645; }
    .action-button-green.delete:hover,
    .action-button-green .danger:hover {
      background-color: #f9486d; }
  .action-button-green.disabled {
    background-color: #e6e6e6;
    cursor: default; }
    .action-button-green.disabled:hover {
      background-color: #e6e6e6; }
  .action-button-green.secondary {
    background-color: #f9bf8c;
    cursor: default; }
    .action-button-green.secondary:hover {
      background-color: #ffbf86; }

/**
 * Syntax highlighting styles
 */
.highlighter-rouge .highlight {
  background: #eef; }
.highlight .c {
  color: #998;
  font-style: italic; }
.highlight .err {
  color: #a61717;
  background-color: #e3d2d2; }
.highlight .k {
  font-weight: bold; }
.highlight .o {
  font-weight: bold; }
.highlight .cm {
  color: #998;
  font-style: italic; }
.highlight .cp {
  color: #999;
  font-weight: bold; }
.highlight .c1 {
  color: #998;
  font-style: italic; }
.highlight .cs {
  color: #999;
  font-weight: bold;
  font-style: italic; }
.highlight .gd {
  color: #000;
  background-color: #fdd; }
.highlight .gd .x {
  color: #000;
  background-color: #faa; }
.highlight .ge {
  font-style: italic; }
.highlight .gr {
  color: #a00; }
.highlight .gh {
  color: #999; }
.highlight .gi {
  color: #000;
  background-color: #dfd; }
.highlight .gi .x {
  color: #000;
  background-color: #afa; }
.highlight .go {
  color: #888; }
.highlight .gp {
  color: #555; }
.highlight .gs {
  font-weight: bold; }
.highlight .gu {
  color: #aaa; }
.highlight .gt {
  color: #a00; }
.highlight .kc {
  font-weight: bold; }
.highlight .kd {
  font-weight: bold; }
.highlight .kp {
  font-weight: bold; }
.highlight .kr {
  font-weight: bold; }
.highlight .kt {
  color: #458;
  font-weight: bold; }
.highlight .m {
  color: #099; }
.highlight .s {
  color: #d14; }
.highlight .na {
  color: #008080; }
.highlight .nb {
  color: #0086B3; }
.highlight .nc {
  color: #458;
  font-weight: bold; }
.highlight .no {
  color: #008080; }
.highlight .ni {
  color: #800080; }
.highlight .ne {
  color: #900;
  font-weight: bold; }
.highlight .nf {
  color: #900;
  font-weight: bold; }
.highlight .nn {
  color: #555; }
.highlight .nt {
  color: #000080; }
.highlight .nv {
  color: #008080; }
.highlight .ow {
  font-weight: bold; }
.highlight .w {
  color: #bbb; }
.highlight .mf {
  color: #099; }
.highlight .mh {
  color: #099; }
.highlight .mi {
  color: #099; }
.highlight .mo {
  color: #099; }
.highlight .sb {
  color: #d14; }
.highlight .sc {
  color: #d14; }
.highlight .sd {
  color: #d14; }
.highlight .s2 {
  color: #d14; }
.highlight .se {
  color: #d14; }
.highlight .sh {
  color: #d14; }
.highlight .si {
  color: #d14; }
.highlight .sx {
  color: #d14; }
.highlight .sr {
  color: #009926; }
.highlight .s1 {
  color: #d14; }
.highlight .ss {
  color: #990073; }
.highlight .bp {
  color: #999; }
.highlight .vc {
  color: #008080; }
.highlight .vg {
  color: #008080; }
.highlight .vi {
  color: #008080; }
.highlight .il {
  color: #099; }

.float-right {
  float: right; }

.columns {
  display: block; }
  @media only screen and (min-width: 1024px) {
    .columns {
      display: flex; } }

body {
  color: #222;
  font-size: 16px;
  font-family: "freight-sans-pro", sans-serif;
  line-height: 1.6; }

h1 strong, h2 strong, h3 strong, h4 strong {
  font-family: "GT-Haptik-Medium", sans-serif;
  font-weight: bold; }

h2, h3, h4 {
  margin-bottom: 15px; }

h1 {
  font-family: "GT-Haptik-Light", sans-serif;
  color: #444;
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 30px; }
  @media only screen and (min-width: 768px) {
    h1 {
      font-size: 4rem; } }

h2 {
  font-family: "GT-Haptik-Light", sans-serif;
  color: #444;
  font-size: 2.2rem;
  font-weight: 700; }
  @media only screen and (min-width: 768px) {
    h2 {
      font-size: 3.2rem; } }

h3 {
  font-family: "GT-Haptik-Light", sans-serif;
  color: #444;
  font-size: 1.4rem;
  font-weight: 700; }
  @media only screen and (min-width: 768px) {
    h3 {
      font-size: 2.4rem; } }

h4 {
  font-family: "GT-Haptik-Light", sans-serif;
  color: #444;
  font-size: 0.5rem;
  font-weight: 400; }
  @media only screen and (min-width: 768px) {
    h4 {
      font-size: 4rem; } }

.script-settings input[type="text"],
.script-settings input[type="url"],
.script-settings textarea, .script-editor input[type="text"],
.script-editor input[type="url"],
.script-editor textarea {
  border: 2px solid #e6e6e6;
  padding: 5px;
  border: 2px solid #e6e6e6;
  font-size: 1em; }
  .script-settings input[type="text"].ng-invalid.ng-dirty,
  .script-settings input[type="url"].ng-invalid.ng-dirty,
  .script-settings textarea.ng-invalid.ng-dirty, .script-editor input[type="text"].ng-invalid.ng-dirty,
  .script-editor input[type="url"].ng-invalid.ng-dirty,
  .script-editor textarea.ng-invalid.ng-dirty {
    border-color: #d50631; }
  .script-settings input[type="text"]:focus, .script-settings input[type="text"]:active,
  .script-settings input[type="url"]:focus,
  .script-settings input[type="url"]:active,
  .script-settings textarea:focus,
  .script-settings textarea:active, .script-editor input[type="text"]:focus, .script-editor input[type="text"]:active,
  .script-editor input[type="url"]:focus,
  .script-editor input[type="url"]:active,
  .script-editor textarea:focus,
  .script-editor textarea:active {
    border: 2px solid #1432e0;
    outline: 0; }
  .script-settings input[type="text"]:hover,
  .script-settings input[type="url"]:hover,
  .script-settings textarea:hover, .script-editor input[type="text"]:hover,
  .script-editor input[type="url"]:hover,
  .script-editor textarea:hover {
    border-color: #1432e0; }
  .script-settings input[type="text"].invalid,
  .script-settings input[type="url"].invalid,
  .script-settings textarea.invalid, .script-editor input[type="text"].invalid,
  .script-editor input[type="url"].invalid,
  .script-editor textarea.invalid {
    border-color: #d50631; }
.script-settings .script_type, .script-editor .script_type {
  margin-bottom: 5px; }

.invalid,
.invalid .select-search,
.invalid oi-select.focused .select-search {
  border-color: #d50631;
  background-color: #fedce3;
  -webkit-animation: pulsate 2 1.3s 0s none;
  animation: pulsate 2 1.3s 0s none;
  transition: all .3s;
  border: 2px solid #f9bf8c;
  box-shadow: 0px 5px 1px -5px rgba(0, 0, 0, 0.2);
  z-index: 100; }
  .invalid input,
  .invalid .select-search input,
  .invalid oi-select.focused .select-search input {
    color: #d50631;
    background-color: #fedce3; }

.modal-overlay {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -webkit-animation: fadeIn 0.2s 0s forwards;
  animation: fadeIn 0.2s 0s forwards;
  z-index: 100;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center; }
  .modal-overlay .modal {
    box-shadow: inset 0 1px 7px 0 rgba(0, 0, 0, 0.2);
    -webkit-animation: popIn 0.2s 0s forwards;
    animation: popIn 0.2s 0s forwards;
    z-index: 200;
    background: #fff;
    text-align: center;
    max-width: 800px;
    padding: 30px; }
    .modal-overlay .modal button {
      cursor: pointer;
      font-family: "freight-sans-pro", sans-serif;
      border-bottom: 2px solid #1432e0;
      background-color: transparent;
      padding: 0.5em 0.5em 0.25em;
      font-size: 1em;
      margin: 0 0 0 0.5em;
      text-decoration: none;
      font-weight: 400;
      color: #222;
      outline: none;
      transition: background-color 150ms; }
      .modal-overlay .modal button:hover {
        background-color: rgba(187, 197, 246, 0.5);
        color: #222; }
      .modal-overlay .modal button:active {
        border-bottom: 2px solid #14e07f; }
      .modal-overlay .modal button:focus {
        outline: none; }
      .modal-overlay .modal button.delete {
        border-bottom: 2px solid #f81645; }
        .modal-overlay .modal button.delete:hover {
          background-color: rgba(248, 22, 69, 0.5); }
      .modal-overlay .modal button.disabled {
        border-bottom: 2px solid #e6e6e6; }
      .modal-overlay .modal button:first-of-type {
        margin-left: 2em; }

hr {
  border: 0;
  height: 20px;
  background: url(/assets/patterns/squiggle.png) 50% 0 no-repeat;
  margin: 2em 0; }
  hr.blue {
    background: url(/assets/patterns/squiggle-dark.png) 50% 0 no-repeat; }
  hr.cantelope {
    background: url(/assets/patterns/squiggle-cantelope.png) 50% 0 no-repeat; }

span.variable {
  background-color: #d6edf7;
  font-weight: 800;
  font-family: monospace;
  padding: 3px;
  border-radius: 3px;
  color: #444; }

.sidebar ul.tokens li {
  display: inline;
  list-style: none;
  float: left;
  border-radius: 3px;
  background-color: #abdbef;
  color: #444;
  font-family: monospace;
  font-weight: 800;
  line-height: normal;
  margin: 3px;
  padding: 3px; }
  .sidebar ul.tokens li.date {
    background-color: white; }
    .sidebar ul.tokens li.date::before {
      color: #666;
      content: '{{'; }
    .sidebar ul.tokens li.date::after {
      color: #666;
      content: '}}'; }
  .sidebar ul.tokens li.condition {
    background-color: #d3c3f9; }
    .sidebar ul.tokens li.condition::before {
      color: #666;
      content: '"'; }
    .sidebar ul.tokens li.condition::after {
      color: #666;
      content: '"'; }
  .sidebar ul.tokens li.response {
    background-color: #d3f7f3; }
    .sidebar ul.tokens li.response::before {
      color: #666;
      content: '{{'; }
    .sidebar ul.tokens li.response::after {
      color: #666;
      content: '}}'; }
  .sidebar ul.tokens li.list {
    background-color: #97f6c9; }
  .sidebar ul.tokens li::before {
    color: #666;
    content: '{{'; }
  .sidebar ul.tokens li::after {
    color: #666;
    content: '}}'; }

header {
  height: 30px;
  padding: 5px;
  padding-left: 10px;
  background-color: rgba(255, 255, 255, 0.6); }

.logo {
  width: 100px;
  display: inline-block;
  vertical-align: middle;
  height: 30px; }
  .logo svg {
    max-width: 100px;
    fill: #1432e0; }
    .logo svg:hover {
      fill: #3a54ed; }

.identity {
  font-weight: bold;
  float: right;
  line-height: 30px;
  margin-right: 5px; }
  .identity a {
    text-decoration: none; }
    .identity a:visited {
      color: #1432e0; }

.github-button {
  padding-top: 5px;
  padding-left: 5px; }

footer {
  background-color: #1432e0;
  clear: both;
  padding: .2em; }
  footer p {
    font-size: 75%;
    text-align: center;
    padding: .5em 1em 0; }
    @media only screen and (min-width: 480px) {
      footer p {
        padding: 1em 3em 0;
        text-align: left;
        display: inline-block; } }
    footer p a {
      margin-right: 1em;
      color: #fff; }
  footer p.right {
    color: #fff; }
    @media only screen and (min-width: 768px) {
      footer p.right {
        float: right; } }

.navigation {
  box-sizing: border-box;
  min-height: 42px;
  background-color: #e6e6e6;
  padding-left: 5px;
  padding-top: 5px;
  width: 100%;
  font-family: "GT-Haptik-Light",sans-serif;
  font-weight: 300;
  font-size: 1.4rem; }
  .navigation:after {
    content: "";
    display: table;
    clear: both; }
  .navigation a {
    text-decoration: none;
    margin-right: 15px;
    margin-left: 15px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
    transition: all .2s; }
    .navigation a:hover {
      background-color: #f7f7f7; }
    .navigation a.current {
      border-bottom: 2px solid #1432e0; }
    .navigation a:visited {
      color: #1432e0; }

.breadcrumbsbar {
  display: inherit;
  max-width: 800px;
  padding-left: 0;
  margin: 0;
  text-align: left;
  white-space: nowrap; }
  .breadcrumbsbar li {
    overflow: visible;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    padding: 0; }
    .breadcrumbsbar li.unavailable {
      color: #e6e6e6; }
      .breadcrumbsbar li.unavailable a {
        color: #e6e6e6; }
    .breadcrumbsbar li.current, .breadcrumbsbar li.current a {
      font-weight: bold;
      color: #444; }
    .breadcrumbsbar li::before {
      speak: none;
      font-style: normal;
      font-weight: bold;
      font-variant: normal;
      text-transform: none;
      line-height: 0.8;
      margin: 0 -2px 0 2px;
      font-size: 0.8em;
      content: "〉";
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .breadcrumbsbar li:first-child::before {
      display: none; }
    .breadcrumbsbar li a {
      text-transform: capitalize;
      text-decoration: none; }
      .breadcrumbsbar li a.active {
        color: #fff;
        border-bottom: 2px solid #1432e0; }

.section-list li {
  margin-bottom: 2em; }
  .section-list li h6 {
    margin: 0.5em 0; }
  .section-list li .detail-list {
    margin: 0.5em 0.2em 0 0; }
    .section-list li .detail-list li {
      margin-bottom: 0.3em; }

.sidebar {
  font: 400 14px / 1.3 "freight-sans-pro",sans-serif;
  box-shadow: inset 0 1px 7px 0 rgba(0, 0, 0, 0.2);
  float: left;
  background-color: #e6e6e6;
  flex: 0 0 15em;
  overflow-y: auto; }
  .sidebar span.bold, .sidebar strong {
    font-weight: 800; }
  .sidebar .selected-bot {
    padding: 15px;
    background-color: #abdbef; }
    .sidebar .selected-bot .breadcrumbsbar {
      font-size: 16px;
      margin-bottom: 5px; }
    .sidebar .selected-bot img {
      max-height: 40px;
      margin-right: 10px; }
    .sidebar .selected-bot .bot-name {
      font-family: "GT-Haptik-Light",sans-serif;
      font-weight: bold;
      font-size: 1.4rem;
      line-height: 40px;
      vertical-align: bottom; }
  .sidebar a:visited {
    color: #1432e0; }
  @media all and (max-width: 800px) {
    .sidebar {
      display: none; } }
  .sidebar h6 {
    margin: 0.5em 1em; }
  .sidebar.closed {
    transition: flex 0.3s;
    flex: 0 0 0; }
    .sidebar.closed * {
      -webkit-animation: fadeOut 0.3s 0s forwards;
      animation: fadeOut 0.3s 0s forwards; }
  .sidebar ul.branches {
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px; }
  .sidebar h5 {
    font-family: "GT-Haptik-Light",sans-serif;
    font-weight: 300;
    font-size: 1.4rem;
    padding: 5px 5px 5px 10px;
    cursor: pointer;
    transition: all .2s; }
    .sidebar h5 a {
      text-decoration: none; }
    .sidebar h5:hover {
      background-color: #f7f7f7; }
    .sidebar h5.expandable::after {
      float: right;
      margin-right: unit;
      color: #666;
      padding: 6px;
      font-size: 14px;
      content: "\25bc"; }
    .sidebar h5.expandable.closed::after {
      content: "\25b6"; }
    .sidebar h5.selected {
      background-color: #1432e0;
      color: #fff; }
      .sidebar h5.selected::after {
        color: #fff; }
      .sidebar h5.selected a {
        color: #fff; }
  .sidebar > li {
    padding: 0.25em 1em;
    color: #1432e0;
    cursor: pointer; }
    .sidebar > li.active {
      background: #1432e0;
      color: #fff; }
  .sidebar .help-window.ng-enter,
  .sidebar .script-info.ng-enter {
    transition: .4s linear all;
    opacity: 0; }
  .sidebar .help-window.ng-enter.ng-enter-active,
  .sidebar .script-info.ng-enter.ng-enter-active {
    opacity: 1; }
  .sidebar .help-window.ng-leave,
  .sidebar .script-info.ng-leave {
    transition: .3s linear all;
    opacity: 1; }
  .sidebar .help-window.ng-leave.ng-leave-active,
  .sidebar .script-info.ng-leave.ng-leave-active {
    opacity: 0; }
  .sidebar .help-window.ng-hide,
  .sidebar .script-info.ng-hide {
    -webkit-animation: fadeOut 0.2s 0s forwards;
    animation: fadeOut 0.2s 0s forwards; }
  .sidebar .help-window p {
    padding-bottom: 10px; }
  .sidebar .duration.ng-enter {
    transition: .4s linear all;
    opacity: 0; }
  .sidebar .duration.ng-enter.ng-enter-active {
    opacity: 1; }
  .sidebar .duration.ng-leave {
    transition: .3s linear all;
    opacity: 1; }
  .sidebar .duration.ng-leave.ng-leave-active {
    opacity: 0; }
  .sidebar .duration.ng-hide {
    -webkit-animation: fadeOut 0.2s 0s forwards;
    animation: fadeOut 0.2s 0s forwards; }
  .sidebar .duration input[type="text"] {
    width: 30px;
    margin-top: 2px;
    margin-bottom: 2px; }
  .sidebar .invalid-time {
    background-color: #fedce3;
    color: #d50631; }
  .sidebar .tokens-cell {
    padding: 10px; }
    .sidebar .tokens-cell.ng-enter {
      transition: .4s linear all;
      opacity: 0; }
    .sidebar .tokens-cell.ng-enter.ng-enter-active {
      opacity: 1; }
    .sidebar .tokens-cell.ng-leave {
      transition: .3s linear all;
      opacity: 1; }
    .sidebar .tokens-cell.ng-leave.ng-leave-active {
      opacity: 0; }
    .sidebar .tokens-cell.ng-hide {
      -webkit-animation: fadeOut 0.2s 0s forwards;
      animation: fadeOut 0.2s 0s forwards; }
  .sidebar .branches.ng-enter {
    transition: .4s linear all;
    opacity: 0; }
  .sidebar .branches.ng-enter.ng-enter-active {
    opacity: 1; }
  .sidebar .branches.ng-leave {
    transition: .3s linear all;
    opacity: 1; }
  .sidebar .branches.ng-leave.ng-leave-active {
    opacity: 0; }
  .sidebar .branches.ng-hide {
    -webkit-animation: fadeOut 0.2s 0s forwards;
    animation: fadeOut 0.2s 0s forwards; }
  .sidebar .branches.ng-enter {
    transition: .4s linear all;
    opacity: 0; }
  .sidebar .branches.ng-enter.ng-enter-active {
    opacity: 1; }
  .sidebar .branches.ng-leave {
    transition: .3s linear all;
    opacity: 1; }
  .sidebar .branches.ng-leave.ng-leave-active {
    opacity: 0; }
  .sidebar .branches.ng-hide {
    -webkit-animation: fadeOut 0.2s 0s forwards;
    animation: fadeOut 0.2s 0s forwards; }
  .sidebar .script-info input[type="text"],
  .sidebar .script-info input[type="url"] {
    margin-bottom: 5px;
    width: 100%; }
  .sidebar p {
    font: 400 14px / 1.3 "freight-sans-pro",sans-serif;
    padding: 5px 5px 5px 10px;
    border-bottom: 2px solid #e6e6e6; }
    .sidebar p span.bold, .sidebar p strong {
      font-weight: 800; }
    .sidebar p:empty {
      padding: 0; }
    .sidebar p strong {
      font: 400 16px / 1.5 "freight-sans-pro",sans-serif;
      font-weight: bold; }
      .sidebar p strong span.bold, .sidebar p strong strong {
        font-weight: 800; }
  .sidebar input {
    margin-left: 0; }
  .sidebar .sidebar-option-block {
    font: 400 14px / 1.3 "freight-sans-pro",sans-serif;
    padding: 5px 5px 5px 10px;
    border-bottom: 2px solid #e6e6e6; }
    .sidebar .sidebar-option-block span.bold, .sidebar .sidebar-option-block strong {
      font-weight: 800; }
    .sidebar .sidebar-option-block:empty {
      padding: 0; }
  .sidebar .sidebar-suboptions label {
    margin-left: 3px; }

.howdy-index {
  background-image: url(../assets/patterns/Multicolor-light.png);
  background-color: #fff;
  background-attachment: fixed;
  font-size: 20px;
  overflow-x: hidden;
  color: #222; }
  .howdy-index .slideshow {
    min-height: 220px; }
    @media only screen and (min-width: 768px) {
      .howdy-index .slideshow {
        min-height: 270px; } }
  .howdy-index .intro-block {
    position: relative; }
    .howdy-index .intro-block .bubble {
      background-color: #fff;
      padding: 15px;
      border: 4px solid #abdbef;
      box-shadow: 20px 20px 0px 0px rgba(3, 158, 158, 0.39);
      border-radius: 30px;
      border-bottom-left-radius: 0px;
      box-sizing: border-box;
      transition: all .3s;
      width: 90%;
      margin-left: 25px;
      -webkit-animation: popIn 0.3s 0s forwards;
      animation: popIn 0.3s 0s forwards; }
      @media only screen and (min-width: 768px) {
        .howdy-index .intro-block .bubble {
          margin-left: 100px;
          border-radius: 60px;
          border-bottom-left-radius: 0px;
          padding: 30px; } }
      .howdy-index .intro-block .bubble a {
        text-decoration: underline; }
    .howdy-index .intro-block.talkabot-avatar::before {
      background-image: url("/assets/talkabot-ico.png");
      content: "";
      background-size: 40px 40px;
      display: inline-block;
      position: absolute;
      bottom: -20px;
      left: -15px;
      height: 40px;
      width: 40px;
      border-radius: 50px; }
      @media only screen and (min-width: 768px) {
        .howdy-index .intro-block.talkabot-avatar::before {
          left: 5px;
          height: 80px;
          width: 80px;
          background-size: 80px 80px; } }
    .howdy-index .intro-block.talkabot-avatar .bubble {
      border: 4px solid #D8117D;
      box-shadow: 20px 20px 0px 0px rgba(158, 3, 158, 0.39); }
    .howdy-index .intro-block.howdy-avatar::before {
      background-image: url("/assets/icon/icon24.png");
      content: "";
      background-size: 40px 40px;
      display: inline-block;
      position: absolute;
      bottom: -20px;
      left: -15px;
      height: 40px;
      width: 40px; }
      @media only screen and (min-width: 768px) {
        .howdy-index .intro-block.howdy-avatar::before {
          left: 5px;
          height: 80px;
          width: 80px;
          background-size: 80px 80px; } }
    .howdy-index .intro-block.ben-avatar::before {
      background-image: url("/assets/icon/ben.jpg");
      border-radius: 50px;
      content: "";
      background-size: 40px 40px;
      display: inline-block;
      position: absolute;
      bottom: -20px;
      left: -15px;
      height: 40px;
      width: 40px; }
      @media only screen and (min-width: 768px) {
        .howdy-index .intro-block.ben-avatar::before {
          left: 5px;
          height: 80px;
          width: 80px;
          background-size: 80px 80px; } }
    .howdy-index .intro-block .typing {
      text-align: left;
      min-width: 75px; }
      .howdy-index .intro-block .typing::after {
        overflow: hidden;
        font-size: 2.4em;
        display: inline-block;
        vertical-align: bottom;
        -webkit-animation: ellipsis steps(4, end) 900ms infinite;
        animation: ellipsis steps(4, end) 900ms infinite;
        content: "\2026";
        /* ascii code for the ellipsis character */
        width: 0; }
    .howdy-index .intro-block .message {
      -webkit-animation: fadeIn 0.2s 0s forwards;
      animation: fadeIn 0.2s 0s forwards; }
    .howdy-index .intro-block h4 {
      margin-bottom: 0;
      font-size: 18px;
      line-height: 24px; }
      @media only screen and (min-width: 1024px) {
        .howdy-index .intro-block h4 {
          font-size: 2.4rem;
          line-height: 2.9rem; } }
    .howdy-index .intro-block h2 {
      margin-bottom: 5px;
      font-size: 24px; }
      @media only screen and (min-width: 1024px) {
        .howdy-index .intro-block h2 {
          margin-bottom: inherit;
          font-size: 3.2rem;
          line-height: 1.2em; } }
  .howdy-index h4 {
    font-weight: normal;
    font-size: 1.5em;
    line-height: 1.6em; }
  .howdy-index .icon {
    width: 60px;
    height: 60px;
    display: inline-block;
    margin-right: 30px; }
  .howdy-index .hero-image {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    -webkit-animation: fadeIn 0.3s 0s forwards;
    animation: fadeIn 0.3s 0s forwards; }
    .howdy-index .hero-image svg {
      fill: #1432e0;
      display: inline-block;
      margin: 0;
      max-width: 500px;
      padding-left: 5%;
      margin-right: 30px; }
      @media only screen and (min-width: 768px) {
        .howdy-index .hero-image svg {
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 15px;
          margin-top: 15px; } }
    .howdy-index .hero-image h1 {
      text-align: center;
      line-height: 60px;
      text-align: left; }
    .howdy-index .hero-image h4 {
      text-align: left; }
  .howdy-index a {
    text-decoration: none;
    transition: text-decoration, 0.3s; }
  .howdy-index a:link p, .howdy-index a:visited p {
    color: #222; }
  .howdy-index section {
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    transition: all 300ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
    position: relative; }
    .howdy-index section:after {
      content: "";
      display: table;
      clear: both; }
    @media only screen and (min-width: 768px) {
      .howdy-index section {
        padding: 30px; } }
    .howdy-index section.product h2 {
      text-align: center; }
      @media only screen and (min-width: 768px) {
        .howdy-index section.product h2 {
          text-align: left; } }
    .howdy-index section.product h4 {
      line-height: 1.2em; }
      @media only screen and (min-width: 768px) {
        .howdy-index section.product h4 {
          line-height: 1.5em; } }
    .howdy-index section.product h2.link img {
      opacity: 1; }
      @media only screen and (min-width: 1024px) {
        .howdy-index section.product h2.link img {
          opacity: 0; } }
    .howdy-index section:hover h2.link img {
      transition: opacity, .2s;
      opacity: 1; }
    .howdy-index section:hover .call-tag::before {
      top: 0 !important;
      left: 0 !important; }
    .howdy-index section .float-button, .howdy-index section .call-tag {
      margin-top: 30px;
      margin-bottom: 30px;
      display: block;
      margin-left: auto;
      margin-right: auto;
      -webkit-animation: popIn 0.3s 0s forwards;
      animation: popIn 0.3s 0s forwards; }
      @media only screen and (min-width: 768px) {
        .howdy-index section .float-button, .howdy-index section .call-tag {
          float: right;
          margin-left: 30px; } }
    .howdy-index section > * {
      max-width: 1280px;
      margin-left: auto;
      margin-right: auto; }
    .howdy-index section .description {
      min-height: 95px; }
      .howdy-index section .description strong {
        font-weight: bold;
        color: #444; }
        .howdy-index section .description strong:hover {
          text-decoration: underline; }
    .howdy-index section.company {
      opacity: 0;
      -webkit-animation: fadeIn 0.4s 0s forwards;
      animation: fadeIn 0.4s 0s forwards; }
    .howdy-index section.howdy-bot {
      background-color: rgba(167, 240, 231, 0.8); }
      .howdy-index section.howdy-bot .columns .primary, .howdy-index section.howdy-bot .columns .secondary {
        padding: 5px;
        box-sizing: border-box;
        width: 100%; }
      @media only screen and (min-width: 1024px) {
        .howdy-index section.howdy-bot .columns .primary {
          width: 30%;
          padding: 30px; } }
      @media only screen and (min-width: 1024px) {
        .howdy-index section.howdy-bot .columns .secondary {
          width: 70%;
          padding: 30px; } }
      .howdy-index section.howdy-bot .columns .primary {
        padding: 0; }
      .howdy-index section.howdy-bot .columns .secondary {
        padding-bottom: 0;
        padding-top: 0;
        position: relative; }
        @media only screen and (min-width: 1024px) {
          .howdy-index section.howdy-bot .columns .secondary {
            padding-right: 0; } }
      .howdy-index section.howdy-bot .howdy-buttons {
        display: inline-flex;
        justify-content: center;
        flex-direction: column;
        width: 100%; }
        @media only screen and (min-width: 768px) {
          .howdy-index section.howdy-bot .howdy-buttons {
            justify-content: flex-end;
            flex-direction: row;
            width: auto;
            float: right; } }
        .howdy-index section.howdy-bot .howdy-buttons .docs {
          font-family: "freight-sans-pro", sans-serif;
          color: #1028b1;
          padding: 24px 40px 14px 40px;
          width: auto;
          cursor: pointer;
          overflow: visible;
          background-color: transparent; }
          .howdy-index section.howdy-bot .howdy-buttons .docs p {
            margin-bottom: 0;
            font-size: 1.4rem;
            position: relative;
            z-index: 10;
            letter-spacing: 1px;
            color: #0c1d82; }
            .howdy-index section.howdy-bot .howdy-buttons .docs p strong {
              font-weight: bold; }
            @media only screen and (min-width: 768px) {
              .howdy-index section.howdy-bot .howdy-buttons .docs p {
                font-size: 1.6rem; } }
          .howdy-index section.howdy-bot .howdy-buttons .docs::after, .howdy-index section.howdy-bot .howdy-buttons .docs::before {
            display: block;
            border: solid 4px #1432e0;
            width: 100%;
            height: 100%;
            content: "";
            position: absolute;
            transition: border-color 150ms linear;
            border-radius: 20px;
            border-bottom-left-radius: 0; }
          .howdy-index section.howdy-bot .howdy-buttons .docs::before {
            top: 14px;
            left: 14px;
            border-color: transparent;
            background: #97a5f6;
            transition: border-color 150ms linear, top 150ms linear, left 150ms linear; }
          .howdy-index section.howdy-bot .howdy-buttons .docs::after {
            top: 1px;
            left: 1px; }
          .howdy-index section.howdy-bot .howdy-buttons .docs:hover::before {
            top: 0;
            left: 0; }
      .howdy-index section.howdy-bot button.float-button {
        font-family: "freight-sans-pro", sans-serif;
        color: #a90d62;
        padding: 24px 40px 14px 40px;
        width: auto;
        cursor: pointer;
        overflow: visible;
        background-color: transparent; }
        .howdy-index section.howdy-bot button.float-button p {
          margin-bottom: 0;
          font-size: 1.4rem;
          position: relative;
          z-index: 10;
          letter-spacing: 1px;
          color: #790a46; }
          .howdy-index section.howdy-bot button.float-button p strong {
            font-weight: bold; }
          @media only screen and (min-width: 768px) {
            .howdy-index section.howdy-bot button.float-button p {
              font-size: 1.6rem; } }
        .howdy-index section.howdy-bot button.float-button::after, .howdy-index section.howdy-bot button.float-button::before {
          display: block;
          border: solid 4px #D8117D;
          width: 100%;
          height: 100%;
          content: "";
          position: absolute;
          transition: border-color 150ms linear;
          border-radius: 20px;
          border-bottom-left-radius: 0; }
        .howdy-index section.howdy-bot button.float-button::before {
          top: 14px;
          left: 14px;
          border-color: transparent;
          background: #f68cc6;
          transition: border-color 150ms linear, top 150ms linear, left 150ms linear; }
        .howdy-index section.howdy-bot button.float-button::after {
          top: 1px;
          left: 1px; }
        .howdy-index section.howdy-bot button.float-button:hover::before {
          top: 0;
          left: 0; }
      .howdy-index section.howdy-bot img {
        max-width: 100%;
        max-height: 250px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 15px;
        -webkit-animation: popIn 0.3s 0s forwards;
        animation: popIn 0.3s 0s forwards; }
        @media only screen and (min-width: 1024px) {
          .howdy-index section.howdy-bot img {
            display: inline-block;
            margin-right: 15px;
            margin-bottom: 0; } }
      .howdy-index section.howdy-bot ul {
        display: inline-block;
        font-weight: bold;
        padding-top: 5px; }
    .howdy-index section.studio {
      background-color: #b195f4; }
      @media only screen and (min-width: 1600px) {
        .howdy-index section.studio:after {
          left: 100%;
          top: 50%;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-left-color: #b195f4;
          border-width: 156px;
          margin-top: -156px; }
        .howdy-index section.studio:hover {
          width: 87%; } }
      @media only screen and (min-width: 1024px) {
        .howdy-index section.studio:hover .input-form {
          -webkit-animation: pulsate 2 1.3s 0s none;
          animation: pulsate 2 1.3s 0s none; } }
      .howdy-index section.studio .float-button {
        font-family: "freight-sans-pro", sans-serif;
        color: #5c21e8;
        padding: 24px 40px 14px 40px;
        width: auto;
        cursor: pointer;
        overflow: visible;
        background-color: transparent;
        width: 260px; }
        .howdy-index section.studio .float-button p {
          margin-bottom: 0;
          font-size: 1.4rem;
          position: relative;
          z-index: 10;
          letter-spacing: 1px;
          color: #4814c2; }
          .howdy-index section.studio .float-button p strong {
            font-weight: bold; }
          @media only screen and (min-width: 768px) {
            .howdy-index section.studio .float-button p {
              font-size: 1.6rem; } }
        .howdy-index section.studio .float-button::after, .howdy-index section.studio .float-button::before {
          display: block;
          border: solid 4px #7e50ed;
          width: 100%;
          height: 100%;
          content: "";
          position: absolute;
          transition: border-color 150ms linear;
          border-radius: 20px;
          border-bottom-left-radius: 0; }
        .howdy-index section.studio .float-button::before {
          top: 14px;
          left: 14px;
          border-color: transparent;
          background: #e4dafb;
          transition: border-color 150ms linear, top 150ms linear, left 150ms linear; }
        .howdy-index section.studio .float-button::after {
          top: 1px;
          left: 1px; }
        .howdy-index section.studio .float-button:hover::before {
          top: 0;
          left: 0; }
      .howdy-index section.studio .columns .primary, .howdy-index section.studio .columns .secondary {
        padding: 5px;
        box-sizing: border-box;
        width: 100%; }
      @media only screen and (min-width: 1024px) {
        .howdy-index section.studio .columns .primary {
          width: 70%;
          padding: 30px; } }
      @media only screen and (min-width: 1024px) {
        .howdy-index section.studio .columns .secondary {
          width: 30%;
          padding: 30px; } }
      .howdy-index section.studio .columns .primary {
        padding: 0; }
      .howdy-index section.studio .columns .secondary {
        padding-bottom: 0;
        padding-top: 0;
        position: relative; }
        @media only screen and (min-width: 1024px) {
          .howdy-index section.studio .columns .secondary {
            padding-right: 0; } }
      .howdy-index section.studio .input-form {
        display: flex;
        width: 100%; }
        .howdy-index section.studio .input-form input {
          padding: 0;
          height: 78px;
          padding-left: 10px;
          font-size: 18px;
          flex: 1;
          box-sizing: border-box;
          z-index: 10;
          font-family: "freight-sans-pro", sans-serif;
          letter-spacing: 1px;
          box-sizing: border-box;
          border: 4px solid #6d39ea;
          background-color: #fbf1fe;
          border-top-left-radius: 20px; }
          .howdy-index section.studio .input-form input:active, .howdy-index section.studio .input-form input:focus {
            outline: none;
            border-color: #8f67ef; }
          @media only screen and (min-width: 768px) {
            .howdy-index section.studio .input-form input {
              font-size: 20px; } }
        .howdy-index section.studio .input-form button {
          margin-left: 0;
          font-size: 1.4rem;
          width: auto;
          color: #6d39ea;
          background-color: #eec3f9;
          padding: 15px;
          height: 78px;
          border-top: 4px solid #6d39ea;
          border-right: 4px solid #6d39ea;
          border-bottom: 4px solid #6d39ea;
          border-top-right-radius: 20px;
          border-bottom-right-radius: 20px;
          box-sizing: border-box;
          cursor: pointer; }
          .howdy-index section.studio .input-form button:hover {
            transition: all .2s;
            background-color: #d367ef;
            color: #eec3f9; }
      .howdy-index section.studio h2 strong {
        background-color: #444;
        border-radius: 8px;
        color: #e4dafb;
        letter-spacing: 1px;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 4px; }
      .howdy-index section.studio .call-tag {
        padding: 15px;
        font-size: 1.4rem;
        letter-spacing: 1px;
        width: 225px;
        box-sizing: border-box;
        z-index: 10;
        font-family: "freight-sans-pro", sans-serif;
        letter-spacing: 1px;
        box-sizing: border-box;
        text-align: center; }
        @media only screen and (min-width: 768px) {
          .howdy-index section.studio .call-tag {
            width: 260px; } }
        .howdy-index section.studio .call-tag p {
          margin-bottom: 0;
          font-size: 1.4rem;
          position: relative;
          z-index: 10;
          text-align: center;
          color: #662fe9; }
          .howdy-index section.studio .call-tag p strong {
            font-weight: bold; }
          @media only screen and (min-width: 768px) {
            .howdy-index section.studio .call-tag p {
              font-size: 1.6rem; } }
        .howdy-index section.studio .call-tag::after, .howdy-index section.studio .call-tag::before {
          display: block;
          width: 100%;
          height: 100%;
          content: "";
          position: absolute;
          z-index: 10;
          transition: border-color 150ms linear;
          border-radius: 20px;
          border-bottom-left-radius: 0; }
        .howdy-index section.studio .call-tag::before {
          top: 14px;
          left: 14px;
          z-index: 0;
          border: 3px solid transparent;
          background-color: white;
          transition: border-color 150ms linear, top 150ms linear, left 150ms linear; }
        .howdy-index section.studio .call-tag::after {
          top: 0px;
          left: 0px;
          border: 4px solid #662fe9; }
        .howdy-index section.studio .call-tag:hover::before {
          top: 0;
          left: 0; }
    .howdy-index section.botkit {
      background-color: #3a54ed;
      color: #fff; }
      @media only screen and (min-width: 1600px) {
        .howdy-index section.botkit:after {
          left: 100%;
          top: 50%;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-left-color: #3a54ed;
          border-width: 156px;
          margin-top: -156px; }
        .howdy-index section.botkit:hover {
          width: 87%; } }
      .howdy-index section.botkit h1, .howdy-index section.botkit h2, .howdy-index section.botkit h3, .howdy-index section.botkit h4, .howdy-index section.botkit a:link, .howdy-index section.botkit a:visited, .howdy-index section.botkit p {
        color: #fff; }
      .howdy-index section.botkit .columns .primary, .howdy-index section.botkit .columns .secondary {
        padding: 5px;
        box-sizing: border-box;
        width: 100%; }
      @media only screen and (min-width: 1024px) {
        .howdy-index section.botkit .columns .primary {
          width: 70%;
          padding: 30px; } }
      @media only screen and (min-width: 1024px) {
        .howdy-index section.botkit .columns .secondary {
          width: 30%;
          padding: 30px; } }
      .howdy-index section.botkit .columns .primary {
        padding: 0; }
      .howdy-index section.botkit .columns .secondary {
        padding-bottom: 0;
        padding-top: 0;
        position: relative; }
        @media only screen and (min-width: 1024px) {
          .howdy-index section.botkit .columns .secondary {
            padding-right: 0; } }
      .howdy-index section.botkit .call-tag {
        padding: 15px;
        font-size: 1.4rem;
        letter-spacing: 1px;
        width: 225px;
        box-sizing: border-box;
        z-index: 10;
        font-family: "freight-sans-pro", sans-serif;
        letter-spacing: 1px;
        box-sizing: border-box;
        text-align: center; }
        @media only screen and (min-width: 768px) {
          .howdy-index section.botkit .call-tag {
            width: 260px; } }
        .howdy-index section.botkit .call-tag p {
          margin-bottom: 0;
          font-size: 1.4rem;
          position: relative;
          z-index: 10;
          text-align: center;
          color: #0f25a8; }
          .howdy-index section.botkit .call-tag p strong {
            font-weight: bold; }
          @media only screen and (min-width: 768px) {
            .howdy-index section.botkit .call-tag p {
              font-size: 1.6rem; } }
        .howdy-index section.botkit .call-tag::after, .howdy-index section.botkit .call-tag::before {
          display: block;
          width: 100%;
          height: 100%;
          content: "";
          position: absolute;
          z-index: 10;
          transition: border-color 150ms linear;
          border-radius: 20px;
          border-bottom-left-radius: 0; }
        .howdy-index section.botkit .call-tag::before {
          top: 14px;
          left: 14px;
          z-index: 0;
          border: 3px solid transparent;
          background-color: #eef9bd;
          transition: border-color 150ms linear, top 150ms linear, left 150ms linear; }
        .howdy-index section.botkit .call-tag::after {
          top: 0px;
          left: 0px;
          border: 4px solid #0f25a8; }
        .howdy-index section.botkit .call-tag:hover::before {
          top: 0;
          left: 0; }
      .howdy-index section.botkit .botkit-gear {
        max-height: 35px;
        -webkit-animation-name: rotate;
        -webkit-animation-duration: 6s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -moz-animation-name: rotate;
        -moz-animation-duration: 6s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear; }
    .howdy-index section.talkabot {
      background-color: #D8117D;
      color: #fff; }
      @media only screen and (min-width: 1600px) {
        .howdy-index section.talkabot:after {
          left: 100%;
          top: 50%;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-left-color: #D8117D;
          border-width: 156px;
          margin-top: -156px; }
        .howdy-index section.talkabot:hover {
          width: 87%; } }
      .howdy-index section.talkabot h1, .howdy-index section.talkabot h2, .howdy-index section.talkabot h3, .howdy-index section.talkabot h4, .howdy-index section.talkabot a:link, .howdy-index section.talkabot a:visited, .howdy-index section.talkabot p {
        color: #fff; }
      .howdy-index section.talkabot .call-tag {
        padding: 15px;
        font-size: 1.4rem;
        letter-spacing: 1px;
        width: 225px;
        box-sizing: border-box;
        z-index: 10;
        font-family: "freight-sans-pro", sans-serif;
        letter-spacing: 1px;
        box-sizing: border-box; }
        @media only screen and (min-width: 768px) {
          .howdy-index section.talkabot .call-tag {
            width: 260px; } }
        .howdy-index section.talkabot .call-tag p {
          margin-bottom: 0;
          font-size: 1.4rem;
          position: relative;
          z-index: 10;
          text-align: center;
          color: #700941; }
          .howdy-index section.talkabot .call-tag p strong {
            font-weight: bold; }
          @media only screen and (min-width: 768px) {
            .howdy-index section.talkabot .call-tag p {
              font-size: 1.6rem; } }
        .howdy-index section.talkabot .call-tag::after, .howdy-index section.talkabot .call-tag::before {
          display: block;
          width: 100%;
          height: 100%;
          content: "";
          position: absolute;
          z-index: 10;
          transition: border-color 150ms linear;
          border-radius: 20px;
          border-bottom-left-radius: 0; }
        .howdy-index section.talkabot .call-tag::before {
          top: 14px;
          left: 14px;
          z-index: 0;
          border: 3px solid transparent;
          background-color: #83f5dd;
          transition: border-color 150ms linear, top 150ms linear, left 150ms linear; }
        .howdy-index section.talkabot .call-tag::after {
          top: 0px;
          left: 0px;
          border: 4px solid #700941; }
        .howdy-index section.talkabot .call-tag:hover::before {
          top: 0;
          left: 0; }
      .howdy-index section.talkabot .talkabot-icon {
        max-height: 35px;
        outline: 1px solid transparent;
        -webkit-animation: quiver 0.75s 0s none infinite;
        animation: quiver 0.75s 0s none infinite; }
      .howdy-index section.talkabot .columns .primary, .howdy-index section.talkabot .columns .secondary {
        padding: 5px;
        box-sizing: border-box;
        width: 100%; }
      @media only screen and (min-width: 1024px) {
        .howdy-index section.talkabot .columns .primary {
          width: 70%;
          padding: 30px; } }
      @media only screen and (min-width: 1024px) {
        .howdy-index section.talkabot .columns .secondary {
          width: 30%;
          padding: 30px; } }
      .howdy-index section.talkabot .columns .primary {
        padding: 0; }
      .howdy-index section.talkabot .columns .secondary {
        padding-bottom: 0;
        padding-top: 0;
        position: relative; }
        @media only screen and (min-width: 1024px) {
          .howdy-index section.talkabot .columns .secondary {
            padding-right: 0; } }

body.botkit {
  background-image: url("/assets/patterns/Multicolor-light.png");
  background-size: 300px;
  overflow-x: hidden;
  box-sizing: border-box; }
  body.botkit .primary, body.botkit .secondary {
    padding: 5px;
    box-sizing: border-box;
    width: 100%; }
  @media only screen and (min-width: 1024px) {
    body.botkit .primary {
      width: 60%;
      padding: 30px; } }
  @media only screen and (min-width: 1024px) {
    body.botkit .secondary {
      width: 40%;
      padding: 30px; } }
  body.botkit section {
    box-sizing: border-box;
    background-color: #fff; }
  body.botkit .content {
    width: 100%;
    margin: 0;
    border: 4px solid #1432e0;
    box-sizing: border-box;
    position: relative;
    background-color: #fff;
    padding-bottom: 30px; }
    @media only screen and (min-width: 1024px) {
      body.botkit .content {
        max-width: 1400px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
        margin-bottom: 15px;
        padding-bottom: inherit; } }
    body.botkit .content .github-button, body.botkit .content iframe {
      right: 5px;
      bottom: 5px;
      position: absolute; }
      @media only screen and (min-width: 768px) {
        body.botkit .content .github-button, body.botkit .content iframe {
          right: 5px;
          top: 5px; } }
  body.botkit canvas {
    z-index: -5;
    width: 100%;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.6;
    overflow: hidden;
    display: block; }
    @media only screen and (min-width: 1024px) {
      body.botkit canvas {
        width: 990px;
        height: 190px; } }
  body.botkit .intro {
    font-size: 20px;
    color: #444;
    line-height: 30px; }
  body.botkit input[type="text"],
  body.botkit input[type="textarea"],
  body.botkit input[type="url"] {
    border: 2px solid #e6e6e6;
    padding: 5px; }
    body.botkit input[type="text"].ng-invalid.ng-dirty,
    body.botkit input[type="textarea"].ng-invalid.ng-dirty,
    body.botkit input[type="url"].ng-invalid.ng-dirty {
      border-color: #d50631; }
    body.botkit input[type="text"]:focus, body.botkit input[type="text"]:active,
    body.botkit input[type="textarea"]:focus,
    body.botkit input[type="textarea"]:active,
    body.botkit input[type="url"]:focus,
    body.botkit input[type="url"]:active {
      border: 2px solid #1432e0;
      outline: 0; }
    body.botkit input[type="text"]:hover,
    body.botkit input[type="textarea"]:hover,
    body.botkit input[type="url"]:hover {
      border-color: #1432e0; }
    body.botkit input[type="text"].invalid,
    body.botkit input[type="textarea"].invalid,
    body.botkit input[type="url"].invalid {
      border-color: #d50631; }
  body.botkit pre {
    padding: 8px 12px;
    overflow-x: auto;
    background: #f7f7f7;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 14px; }
    @media only screen and (min-width: 768px) {
      body.botkit pre {
        font-size: 16px; } }
    body.botkit pre > code {
      border: 0;
      padding-right: 0;
      padding-left: 0; }
  body.botkit .page-heading {
    background-color: #1432e0;
    z-index: 0;
    height: 100px;
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      body.botkit .page-heading {
        height: 190px; } }
    body.botkit .page-heading h1 {
      color: #fff;
      top: 40px;
      box-sizing: border-box;
      width: 100%;
      position: absolute;
      z-index: 100;
      font-size: 4em;
      text-align: center;
      margin: 15px;
      line-height: 1em;
      text-shadow: #1432e0 1px 1px 0px;
      -webkit-animation: fadeIn 0.3s 0s forwards;
      animation: fadeIn 0.3s 0s forwards; }
      @media only screen and (min-width: 1024px) {
        body.botkit .page-heading h1 {
          top: 30px;
          font-size: 10em; } }
  body.botkit p {
    margin-bottom: 15px; }
  body.botkit strong {
    font-weight: bold;
    color: #666; }
  body.botkit ul {
    font-size: 18px; }
  body.botkit .feature-link {
    font-size: 18px;
    color: #fff;
    background-color: #1432e0;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
    -webkit-transition: all 0.5s 0s cubic-bezier(1, -0.6, 0.595, 0.835);
    transition: all 0.5s 0s cubic-bezier(1, -0.6, 0.595, 0.835);
    -webkit-transform: translateY(-1em) scale(1.01);
    -ms-transform: translateY(-1em) scale(1.01);
    transform: translateY(-1em) scale(1.01); }
    body.botkit .feature-link:hover {
      transition: background-color, .2s;
      background-color: #3a54ed; }
  body.botkit .plugins, body.botkit .middleware {
    display: inline;
    list-style: none; }
    body.botkit .plugins li, body.botkit .middleware li {
      display: inline-block;
      text-decoration: none;
      line-height: 30px;
      margin: 3px;
      display: inline; }
      body.botkit .plugins li a, body.botkit .middleware li a {
        padding: 3px;
        border-radius: 3px;
        text-decoration: none;
        background-color: #ebf7fb; }
        body.botkit .plugins li a:hover, body.botkit .middleware li a:hover {
          background-color: #d6edf7; }
      body.botkit .plugins li::after, body.botkit .middleware li::after {
        content: ", "; }
      body.botkit .plugins li:last-child::after, body.botkit .middleware li:last-child::after {
        content: ""; }
  body.botkit .news {
    background-color: #e9fbf9;
    padding: 15px;
    border: 4px solid #66e5d5;
    display: block; }
    body.botkit .news header {
      background-color: transparent;
      height: auto;
      font-size: 20px;
      line-height: 40px;
      margin: 0; }
    body.botkit .news h1 {
      font-size: 18px;
      margin: 0;
      font-weight: bold; }
    body.botkit .news strong {
      font-weight: bold; }
  body.botkit .studio {
    background-color: #d3c3f9;
    padding: 15px;
    border: 4px solid #6d39ea;
    display: block;
    font-size: 18px; }
    body.botkit .studio header {
      background-color: transparent;
      height: auto;
      font-size: 20px;
      line-height: 40px;
      margin: 0; }
    body.botkit .studio h1 {
      font-size: 18px;
      margin: 0;
      font-weight: bold; }
    body.botkit .studio strong {
      font-weight: bold; }

body.default {
  display: flex;
  min-height: 100vh;
  background-image: url(../assets/patterns/Multicolor-light.png);
  background-color: #fff;
  background-attachment: fixed;
  flex-direction: column; }
  body.default .content {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center; }
  body.default .post-header {
    height: auto; }
    body.default .post-header h1 {
      color: #D8117D;
      font-size: 3.5em;
      text-align: center; }
  body.default article {
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    margin: 120px;
    padding: 60px; }
    body.default article h1 {
      font-size: 3em; }
    body.default article h2 {
      font-size: 2em; }