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

/* CSS compiled from SCSS */
/* --------------------------------------- */
/*
.plyr input[type=range]:focus,
.plyr:focus {
  outline: 0; }

.plyr .plyr__video-embed iframe,
.plyr__tooltip {
  pointer-events: none; }

@keyframes plyr-progress {
  to {
    background-position: 25px 0; } }

.plyr {
  position: relative;
  max-width: 100%;
  min-width: 200px;
  direction: ltr; }

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

.plyr a,
.plyr button,
.plyr input,
.plyr label {
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

.plyr audio,
.plyr video {
  width: 100%;
  height: auto;
  vertical-align: middle;
  border-radius: inherit; }

.plyr input[type=range] {
  display: block;
  height: 20px;
  width: 100%;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border: none;
  background: 0 0; }

.plyr input[type=range]::-webkit-slider-runnable-track {
  height: 8px;
  background: 0 0;
  border: 0;
  border-radius: 4px;
  -webkit-user-select: none;
  user-select: none; }

.plyr input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin-top: -2px;
  position: relative;
  height: 12px;
  width: 12px;
  background: #fff;
  border: 2px solid transparent;
  border-radius: 100%;
  transition: background .2s ease, border .2s ease, transform .2s ease;
  box-sizing: border-box; }

.plyr input[type=range]::-moz-range-track {
  height: px;
  background: 0 0;
  border: 0;
  border-radius: 4px;
  -moz-user-select: none;
  user-select: none; }

.plyr input[type=range]::-moz-range-thumb {
  position: relative;
  height: 12px;
  width: 12px;
  background: #fff;
  border: 2px solid transparent;
  border-radius: 100%;
  transition: background .2s ease, border .2s ease, transform .2s ease;
  box-sizing: border-box; }

.plyr input[type=range]::-ms-track {
  height: 8px;
  background: 0 0;
  border: 0;
  color: transparent; }

.plyr input[type=range]::-ms-fill-upper {
  height: 8px;
  background: 0 0;
  border: 0;
  border-radius: 4px;
  -ms-user-select: none;
  user-select: none; }

.plyr input[type=range]::-ms-fill-lower {
  height: 8px;
  border: 0;
  border-radius: 4px;
  -ms-user-select: none;
  user-select: none;
  background: #cccccc; }

.plyr input[type=range]::-ms-thumb {
  position: relative;
  height: 16px;
  width: 16px;
  background: #fff;
  border: 2px solid transparent;
  border-radius: 100%;
  transition: background .2s ease, border .2s ease, transform .2s ease;
  box-sizing: border-box;
  margin-top: 0; }

.plyr input[type=range]::-ms-tooltip {
  display: none; }

.plyr input[type=range]::-moz-focus-outer {
  border: 0; }

.plyr input[type=range].tab-focus:focus {
  outline-offset: 3px; }

.plyr input[type=range]:active::-webkit-slider-thumb {
  background: #cccccc;
  border-color: #fff;
  transform: scale(1.25); }

.plyr input[type=range]:active::-moz-range-thumb {
  background: #ccccc;
  border-color: #fff;
  transform: scale(1.25); }

.plyr input[type=range]:active::-ms-thumb {
  background: #cccccc;
  border-color: #fff;
  transform: scale(1.25); }

.plyr--video input[type=range].tab-focus:focus {
  outline: rgba(255, 255, 255, 0.5) dotted 1px; }

.plyr--audio input[type=range].tab-focus:focus {
  outline: rgba(86, 93, 100, 0.5) dotted 1px; }

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute !important;
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important; }

.plyr__video-wrapper {
  position: relative;
  background: #000;
  border-radius: inherit; }

.plyr__video-embed {
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  z-index: 0; }

.plyr__video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1; }

.plyr__video-embed > div {
  position: relative;
  padding-bottom: 200%;
  transform: translateY(-35.95%); }

.plyr video::-webkit-media-text-track-container {
  display: none; }

.plyr__captions {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  transform: translateY(-40px);
  transition: transform .3s ease;
  color: #fff;
  font-size: 16px;
  text-align: center;
  font-weight: 400; }

.plyr__captions span {
  border-radius: 2px;
  padding: 3px 10px;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 150%; }

.plyr__captions span:empty {
  display: none; }

@media (min-width: 768px) {
  .plyr__captions {
    font-size: 24px; } }

.plyr--captions-active .plyr__captions {
  display: block; }

.plyr--hide-controls .plyr__captions {
  transform: translateY(-15px); }

@media (min-width: 1024px) {
  .plyr--fullscreen-active .plyr__captions {
    font-size: 32px; } }

.plyr::-webkit-media-controls {
  display: none; }

.plyr__controls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  text-align: center; }

.plyr__controls .plyr__progress,
.plyr__controls .plyr__time,
.plyr__controls > button {
  margin-left: 5px; }

.plyr__controls .plyr__progress:first-child,
.plyr__controls .plyr__time:first-child,
.plyr__controls > button:first-child {
  margin-left: 0; }

.plyr__controls .plyr__volume {
  margin-left: 5px; }

.plyr__controls [data-plyr=pause] {
  margin-left: 0; }

.plyr__controls button {
  position: relative;
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: visible;
  vertical-align: middle;
  padding: 6px;
  border: 0;
  background: 0 0;
  cursor: pointer;
  transition: background .3s ease, color .3s ease, opacity .3s ease;
  color: inherit; }

.plyr__controls button svg {
  width: 24px;
  height: 24px;
  display: block;
  fill: currentColor; }

.plyr__controls button:focus {
  outline: 0; }

.plyr__controls .icon--captions-on,
.plyr__controls .icon--exit-fullscreen,
.plyr__controls .icon--muted {
  display: none; }

@media (min-width: 480px) {
  .plyr__controls .plyr__progress,
  .plyr__controls .plyr__time,
  .plyr__controls > button {
    margin-left: 10px; } }

.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none; }

.plyr--video .plyr__controls {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 50px 10px 10px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  color: #fff;
  transition: opacity .3s ease; }

.plyr--video .plyr__controls button.tab-focus:focus,
.plyr--video .plyr__controls button:hover {
  background: rgba(255, 255, 255, 0.25);
  color: #fff; }

.plyr--audio .plyr__controls {
  padding: 10px;
  border-radius: inherit;
  background: #fff;
  border: 1px solid #dbe3e8;
  color: #565D64; }

.plyr--audio .plyr__controls button.tab-focus:focus,
.plyr--audio .plyr__controls button:hover,
.plyr__play-large {
  background: rgba(255, 255, 255, 0.25);
  color: #fff; }

.plyr__play-large {
  display: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  border: 4px solid currentColor;
  border-radius: 100%; }

.plyr__play-large svg {
  position: relative;
  left: 2px;
  width: 20px;
  height: 20px;
  display: block;
  fill: currentColor; }

.plyr__play-large:focus {
  outline: rgba(255, 255, 255, 0.5) dotted 1px; }

.plyr .plyr__play-large {
  display: inline-block; }

.plyr--audio .plyr__play-large,
.plyr--playing .plyr__controls [data-plyr=play],
.plyr__controls [data-plyr=pause] {
  display: none; }

.plyr--playing .plyr__play-large {
  opacity: 0;
  visibility: hidden; }

.plyr--playing .plyr__controls [data-plyr=pause] {
  display: inline-block; }

.plyr--captions-active .plyr__controls .icon--captions-on,
.plyr--fullscreen-active .icon--exit-fullscreen,
.plyr--muted .plyr__controls .icon--muted {
  display: block; }

.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr--captions-active .plyr__controls .icon--captions-on + svg,
.plyr--fullscreen-active .icon--exit-fullscreen + svg,
.plyr--muted .plyr__controls .icon--muted + svg {
  display: none; }

.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen] {
  display: inline-block; }

.plyr__tooltip {
  position: absolute;
  z-index: 2;
  bottom: 100%;
  margin-bottom: 10px;
  padding: 5px 7.5px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform .2s .1s ease, opacity .2s .1s ease; }

.plyr__tooltip::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  transform: translateX(-50%);
  bottom: -4px;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(0, 0, 0, 0.7);
  border-left: 4px solid transparent;
  z-index: 2; }

.plyr button.tab-focus:focus .plyr__tooltip,
.plyr button:hover .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1); }

.plyr button:hover .plyr__tooltip {
  z-index: 3; }

.plyr__controls button:first-child .plyr__tooltip {
  left: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 0 100%; }

.plyr__controls button:first-child .plyr__tooltip::before {
  left: 16px; }

.plyr__controls button:last-child .plyr__tooltip {
  right: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 100% 100%; }

.plyr__controls button:last-child .plyr__tooltip::before {
  left: auto;
  right: 16px;
  transform: translateX(50%); }

.plyr__controls button:first-child .plyr__tooltip--visible,
.plyr__controls button:first-child.tab-focus:focus .plyr__tooltip,
.plyr__controls button:first-child:hover .plyr__tooltip,
.plyr__controls button:last-child .plyr__tooltip--visible,
.plyr__controls button:last-child.tab-focus:focus .plyr__tooltip,
.plyr__controls button:last-child:hover .plyr__tooltip {
  transform: translate(0, 0) scale(1); }

.plyr__progress {
  position: relative;
  display: none;
  -ms-flex: 1;
  flex: 1; }

.plyr__progress input[type=range] {
  position: relative;
  z-index: 2; }

.plyr__progress input[type=range]::-webkit-slider-runnable-track {
  background: 0 0; }

.plyr__progress input[type=range]::-moz-range-track {
  background: 0 0; }

.plyr__progress input[type=range]::-ms-fill-upper {
  background: 0 0; }

.plyr__progress .plyr__tooltip {
  left: 0; }

.plyr .plyr__progress {
  display: inline-block; }

.plyr__progress--buffer,
.plyr__progress--played,
.plyr__volume--display {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
  margin: -1px 0 0;
  padding: 0;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 100px; }

.plyr__progress--buffer::-webkit-progress-bar,
.plyr__progress--played::-webkit-progress-bar,
.plyr__volume--display::-webkit-progress-bar {
  background: 0 0; }

.plyr__progress--buffer::-webkit-progress-value,
.plyr__progress--played::-webkit-progress-value,
.plyr__volume--display::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 8px; }

.plyr__progress--buffer::-moz-progress-bar,
.plyr__progress--played::-moz-progress-bar,
.plyr__volume--display::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 8px; }

.plyr__progress--buffer::-ms-fill,
.plyr__progress--played::-ms-fill,
.plyr__volume--display::-ms-fill {
  border-radius: 100px; }

.plyr__progress--played,
.plyr__volume--display {
  z-index: 1;
  color: #cccccc;
  background: 0 0;
  transition: none; }

.plyr__progress--played::-webkit-progress-value,
.plyr__volume--display::-webkit-progress-value {
  min-width: 8px;
  max-width: 99%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  transition: none; }

.plyr__progress--played::-moz-progress-bar,
.plyr__volume--display::-moz-progress-bar {
  min-width: 8px;
  max-width: 99%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  transition: none; }

.plyr__progress--played::-ms-fill,
.plyr__volume--display::-ms-fill {
  display: none; }

.plyr__progress--buffer::-webkit-progress-value {
  transition: width .2s ease; }

.plyr__progress--buffer::-moz-progress-bar {
  transition: width .2s ease; }

.plyr__progress--buffer::-ms-fill {
  transition: width .2s ease; }

.plyr--video .plyr__progress--buffer,
.plyr--video .plyr__volume--display {
  background: rgba(255, 255, 255, 0.25); }

.plyr--video .plyr__progress--buffer {
  color: rgba(255, 255, 255, 0.25); }

.plyr--audio .plyr__progress--buffer,
.plyr--audio .plyr__volume--display {
  background: rgba(198, 214, 219, 0.66); }

.plyr--audio .plyr__progress--buffer {
  color: rgba(198, 214, 219, 0.66); }

.plyr--loading .plyr__progress--buffer {
  animation: plyr-progress 1s linear infinite;
  background-size: 25px 25px;
  background-repeat: repeat-x;
  background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent);
  color: transparent; }

.plyr--video.plyr--loading .plyr__progress--buffer {
  background-color: rgba(255, 255, 255, 0.25); }

.plyr--audio.plyr--loading .plyr__progress--buffer {
  background-color: rgba(198, 214, 219, 0.66); }

.plyr__time {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px; }

.plyr__time + .plyr__time {
  display: none; }

@media (min-width: 768px) {
  .plyr__time + .plyr__time {
    display: inline-block; } }

.plyr__time + .plyr__time::before {
  content: '\2044';
  margin-right: 10px; }

.plyr__volume {
  display: none; }

.plyr .plyr__volume {
  -ms-flex: 1;
  flex: 1;
  position: relative; }

.plyr .plyr__volume input[type=range] {
  position: relative;
  z-index: 2; }

@media (min-width: 480px) {
  .plyr .plyr__volume {
    display: block;
    max-width: 60px; } }

@media (min-width: 768px) {
  .plyr .plyr__volume {
    max-width: 100px; } }

.plyr--is-ios .plyr__volume,
.plyr--is-ios [data-plyr=mute] {
  display: none !important; }

.plyr--fullscreen-active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 10000000;
  background: #000;
  border-radius: 0 !important; }

.plyr--fullscreen-active video {
  height: 100%; }

.plyr--fullscreen-active .plyr__video-wrapper {
  height: 100%;
  width: 100%; }

.plyr--fullscreen-active .plyr__controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

.plyr--fullscreen-active.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%); }
*/
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

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

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

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

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

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

@keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

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

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

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

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

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

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

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

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

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

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

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

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

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

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

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

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

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }

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

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

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

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

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

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

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

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

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

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

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

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

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

@keyframes fadeInDownSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

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

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

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

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

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

@keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

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

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

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

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*
@font-face {
    font-family: 'GT-Walsheim-Pro-Ultra-Light';
    src: url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Ultra-Light.eot');
    src: url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Ultra-Light.eot?#iefix') format('embedded-opentype'),
    url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Ultra-Light.woff') format('woff'),
    url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Ultra-Light.ttf') format('truetype'),
    url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Ultra-Light.svg#GT-Walsheim-Pro-Ultra-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GT-Walsheim-Pro-Thin';
    src: url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Thin.eot');
    src: url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Thin.eot?#iefix') format('embedded-opentype'),
    url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Thin.woff') format('woff'),
    url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Thin.ttf') format('truetype'),
    url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Thin.svg#GT-Walsheim-Pro-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GT-Walsheim-Pro-Light';
    src: url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Light.eot');
    src: url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Light.eot?#iefix') format('embedded-opentype'),
    url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Light.woff') format('woff'),
    url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Light.ttf') format('truetype'),
    url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Light.svg#GT-Walsheim-Pro-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GT-Walsheim-Pro-Regular';
    src: url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Regular.eot');
    src: url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Regular.eot?#iefix') format('embedded-opentype'),
    url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Regular.woff') format('woff'),
    url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Regular.ttf') format('truetype'),
    url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Regular.svg#GT-Walsheim-Pro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
  font-family: 'GT-Walsheim-Pro-Medium';
  src: url("/ui/fonts/GT-Walsheim-Pro-Medium.eot");
  src: url("/ui/fonts/GT-Walsheim-Pro-Medium.eot?#iefix") format("embedded-opentype"), url("/ui/fonts/GT-Walsheim-Pro-Medium.woff") format("woff"), url("/ui/fonts/GT-Walsheim-Pro-Medium.ttf") format("truetype"), url("http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Medium.svg#GT-Walsheim-Pro-Medium") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'GT-Walsheim-Pro-Bold';
  src: url("/ui/fonts/GT-Walsheim-Pro-Bold.eot");
  src: url("/ui/fonts/GT-Walsheim-Pro-Bold.eot?#iefix") format("embedded-opentype"), url("/ui/fonts/GT-Walsheim-Pro-Bold.woff") format("woff"), url("/ui/fonts/GT-Walsheim-Pro-Bold.ttf") format("truetype"), url("http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Bold.svg#GT-Walsheim-Pro-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }

/*
@font-face {
    font-family: 'GT-Walsheim-Pro-Black';
    src: url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Black.eot');
    src: url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Black.eot?#iefix') format('embedded-opentype'),
    url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Black.woff') format('woff'),
    url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Black.ttf') format('truetype'),
    url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Black.svg#GT-Walsheim-Pro-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GT-Walsheim-Pro-Ultra-Bold';
    src: url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Ultra-Bold.eot');
    src: url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Ultra-Bold.eot?#iefix') format('embedded-opentype'),
    url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Ultra-Bold.woff') format('woff'),
    url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Ultra-Bold.ttf') format('truetype'),
    url('http://major-tom.tv/ui/fonts/GT-Walsheim-Pro-Ultra-Bold.svg#GT-Walsheim-Pro-Ultra-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
.howls-background--black {
  background-color: black; }

.howls-background--white {
  background-color: white; }

.howls-background--yellow {
  background-color: yellow; }

.howls-background--red {
  background-color: red; }

.howls-background--orange {
  background-color: #ff5a00; }

.howls-background--pink {
  background-color: #ff05a3; }

.howls-background--steel {
  background-color: #a7b6de; }

.howls-background--green {
  background-color: #1fffcb; }

.howls-background--brown {
  background-color: #736357; }

.howls-background--indigo {
  background-color: #1b1464; }

.howls-background--blue {
  background-color: blue; }

.howls-title--black,
.howls-intro--black,
.howls-tracklisting--black {
  color: black; }

.howls-title--white,
.howls-intro--white,
.howls-tracklisting--white {
  color: white; }

.howls-title--yellow,
.howls-intro--yellow,
.howls-tracklisting--yellow {
  color: yellow; }

.howls-title--red,
.howls-intro--red,
.howls-tracklisting--red {
  color: red; }

.howls-title--orange,
.howls-intro--orange,
.howls-tracklisting--orange {
  color: #ff5a00; }

.howls-title--pink,
.howls-intro--pink,
.howls-tracklisting--pink {
  color: #ff05a3; }

.howls-title--steel,
.howls-intro--steel,
.howls-tracklisting--steel {
  color: #a7b6de; }

.howls-title--green,
.howls-intro--green,
.howls-tracklisting--green {
  color: #1fffcb; }

.howls-title--brown,
.howls-intro--brown,
.howls-tracklisting--brown {
  color: #736357; }

.howls-title--indigo,
.howls-intro--indigo,
.howls-tracklisting--indigo {
  color: #1b1464; }

.howls-title--blue,
.howls-intro--blue,
.howls-tracklisting--blue {
  color: blue; }

.howls-button--black a {
  color: black; }

.howls-button--white a {
  color: white; }

.howls-button--yellow a {
  color: yellow; }

.howls-button--red a {
  color: red; }

.howls-button--orange a {
  color: #ff5a00; }

.howls-button--pink a {
  color: #ff05a3; }

.howls-button--steel a {
  color: #a7b6de; }

.howls-button--green a {
  color: #1fffcb; }

.howls-button--brown a {
  color: #736357; }

.howls-button--indigo a {
  color: #1b1464; }

.howls-button--blue a {
  color: blue; }

.vg-background--white {
  background: white; }
  .vg-background--white .artist-biography {
    color: black; }
  .vg-background--white a.social-logo {
    color: black; }

.vg-background--black {
  background: black; }
  .vg-background--black .artist-biography {
    color: white; }
  .vg-background--black a.social-logo {
    color: white; }

.vg-background--yellow {
  background: black; }

.vg-background--red {
  background: black; }

.vg-background--orange {
  background: black; }

.vg-background--pink {
  background: black; }

.vg-background--steel {
  background: black; }

.vg-background--green {
  background: black; }

.vg-background--brown {
  background: black; }

.vg-background--indigo {
  background: white; }

.vg-background--blue {
  background: black; }

.ex-fade--black {
  background: white; }

.ex-fade--white {
  background: black; }

.ex-fade--yellow {
  background: yellow; }

.ex-fade--red {
  background: red; }

.ex-fade--orange {
  background: #ff5a00; }

.ex-fade--pink {
  background: #ff05a3; }

.ex-fade--steel {
  background: #a7b6de; }

.ex-fade--green {
  background: #1fffcb; }

.ex-fade--brown {
  background: #736357; }

.ex-fade--indigo {
  background: #1b1464; }

.ex-fade--blue {
  background: blue; }

.howls-title--black,
.excerpt--black,
.excerpt--black a,
.excerpt--black span {
  color: black;
  border-color: black; }
  .howls-title--black .link-wrap:hover .button-wrap--end span,
  .excerpt--black .link-wrap:hover .button-wrap--end span,
  .excerpt--black a .link-wrap:hover .button-wrap--end span,
  .excerpt--black span .link-wrap:hover .button-wrap--end span {
    color: white;
    background-color: black;
    border-color: black; }
  .howls-title--black .vg-artist-title,
  .excerpt--black .vg-artist-title,
  .excerpt--black a .vg-artist-title,
  .excerpt--black span .vg-artist-title {
    color: white; }
  .howls-title--black .button-play, .howls-title--black .button-listen,
  .excerpt--black .button-play,
  .excerpt--black .button-listen,
  .excerpt--black a .button-play,
  .excerpt--black a .button-listen,
  .excerpt--black span .button-play,
  .excerpt--black span .button-listen {
    background-color: black; }
  .howls-title--black .button-text-play, .howls-title--black .button-text-listen,
  .excerpt--black .button-text-play,
  .excerpt--black .button-text-listen,
  .excerpt--black a .button-text-play,
  .excerpt--black a .button-text-listen,
  .excerpt--black span .button-text-play,
  .excerpt--black span .button-text-listen {
    color: black; }
  .howls-title--black .button-headphones,
  .excerpt--black .button-headphones,
  .excerpt--black a .button-headphones,
  .excerpt--black span .button-headphones {
    background: url(/ui/img/listen-icon--black.svg) no-repeat;
    color: black; }
  .howls-title--black .plain-background,
  .excerpt--black .plain-background,
  .excerpt--black a .plain-background,
  .excerpt--black span .plain-background {
    background-color: black; }
    .howls-title--black .plain-background .excerpt-heading--primary, .howls-title--black .plain-background .excerpt-heading--secondary, .howls-title--black .plain-background .work-entry-detail, .howls-title--black .plain-background a,
    .excerpt--black .plain-background .excerpt-heading--primary,
    .excerpt--black .plain-background .excerpt-heading--secondary,
    .excerpt--black .plain-background .work-entry-detail,
    .excerpt--black .plain-background a,
    .excerpt--black a .plain-background .excerpt-heading--primary,
    .excerpt--black a .plain-background .excerpt-heading--secondary,
    .excerpt--black a .plain-background .work-entry-detail,
    .excerpt--black a .plain-background a,
    .excerpt--black span .plain-background .excerpt-heading--primary,
    .excerpt--black span .plain-background .excerpt-heading--secondary,
    .excerpt--black span .plain-background .work-entry-detail,
    .excerpt--black span .plain-background a {
      color: white; }

.howls-title--white,
.excerpt--white,
.excerpt--white a,
.excerpt--white span {
  color: white;
  border-color: white; }
  .howls-title--white .link-wrap:hover .button-wrap--end span,
  .excerpt--white .link-wrap:hover .button-wrap--end span,
  .excerpt--white a .link-wrap:hover .button-wrap--end span,
  .excerpt--white span .link-wrap:hover .button-wrap--end span {
    color: black;
    background-color: white;
    border-color: white; }
  .howls-title--white .vg-artist-title,
  .excerpt--white .vg-artist-title,
  .excerpt--white a .vg-artist-title,
  .excerpt--white span .vg-artist-title {
    color: white; }
  .howls-title--white .button-play, .howls-title--white .button-listen,
  .excerpt--white .button-play,
  .excerpt--white .button-listen,
  .excerpt--white a .button-play,
  .excerpt--white a .button-listen,
  .excerpt--white span .button-play,
  .excerpt--white span .button-listen {
    background-color: white; }
  .howls-title--white .button-text-play, .howls-title--white .button-text-listen,
  .excerpt--white .button-text-play,
  .excerpt--white .button-text-listen,
  .excerpt--white a .button-text-play,
  .excerpt--white a .button-text-listen,
  .excerpt--white span .button-text-play,
  .excerpt--white span .button-text-listen {
    color: white; }
  .howls-title--white .button-headphones,
  .excerpt--white .button-headphones,
  .excerpt--white a .button-headphones,
  .excerpt--white span .button-headphones {
    background: url(/ui/img/listen-icon--white.svg) no-repeat;
    color: white; }
  .howls-title--white .plain-background,
  .excerpt--white .plain-background,
  .excerpt--white a .plain-background,
  .excerpt--white span .plain-background {
    background-color: white; }
    .howls-title--white .plain-background .excerpt-heading--primary, .howls-title--white .plain-background .excerpt-heading--secondary, .howls-title--white .plain-background .work-entry-detail, .howls-title--white .plain-background a,
    .excerpt--white .plain-background .excerpt-heading--primary,
    .excerpt--white .plain-background .excerpt-heading--secondary,
    .excerpt--white .plain-background .work-entry-detail,
    .excerpt--white .plain-background a,
    .excerpt--white a .plain-background .excerpt-heading--primary,
    .excerpt--white a .plain-background .excerpt-heading--secondary,
    .excerpt--white a .plain-background .work-entry-detail,
    .excerpt--white a .plain-background a,
    .excerpt--white span .plain-background .excerpt-heading--primary,
    .excerpt--white span .plain-background .excerpt-heading--secondary,
    .excerpt--white span .plain-background .work-entry-detail,
    .excerpt--white span .plain-background a {
      color: black; }

.howls-title--green,
.excerpt--green,
.excerpt--green a,
.excerpt--green span {
  color: #1fffcb;
  border-color: #1fffcb; }
  .howls-title--green .link-wrap:hover .button-wrap--end span,
  .excerpt--green .link-wrap:hover .button-wrap--end span,
  .excerpt--green a .link-wrap:hover .button-wrap--end span,
  .excerpt--green span .link-wrap:hover .button-wrap--end span {
    color: black;
    background-color: #1fffcb;
    border-color: #1fffcb; }
  .howls-title--green .vg-artist-title,
  .excerpt--green .vg-artist-title,
  .excerpt--green a .vg-artist-title,
  .excerpt--green span .vg-artist-title {
    color: #1fffcb; }
  .howls-title--green .button-play, .howls-title--green .button-listen,
  .excerpt--green .button-play,
  .excerpt--green .button-listen,
  .excerpt--green a .button-play,
  .excerpt--green a .button-listen,
  .excerpt--green span .button-play,
  .excerpt--green span .button-listen {
    background-color: #1fffcb; }
  .howls-title--green .button-text-play, .howls-title--green .button-text-listen,
  .excerpt--green .button-text-play,
  .excerpt--green .button-text-listen,
  .excerpt--green a .button-text-play,
  .excerpt--green a .button-text-listen,
  .excerpt--green span .button-text-play,
  .excerpt--green span .button-text-listen {
    color: #1fffcb; }
  .howls-title--green .button-headphones,
  .excerpt--green .button-headphones,
  .excerpt--green a .button-headphones,
  .excerpt--green span .button-headphones {
    background: url(/ui/img/listen-icon--green.svg) no-repeat;
    color: #1fffcb; }
  .howls-title--green .plain-background,
  .excerpt--green .plain-background,
  .excerpt--green a .plain-background,
  .excerpt--green span .plain-background {
    background-color: #1fffcb; }
    .howls-title--green .plain-background .excerpt-heading--primary, .howls-title--green .plain-background .excerpt-heading--secondary, .howls-title--green .plain-background .work-entry-detail, .howls-title--green .plain-background a,
    .excerpt--green .plain-background .excerpt-heading--primary,
    .excerpt--green .plain-background .excerpt-heading--secondary,
    .excerpt--green .plain-background .work-entry-detail,
    .excerpt--green .plain-background a,
    .excerpt--green a .plain-background .excerpt-heading--primary,
    .excerpt--green a .plain-background .excerpt-heading--secondary,
    .excerpt--green a .plain-background .work-entry-detail,
    .excerpt--green a .plain-background a,
    .excerpt--green span .plain-background .excerpt-heading--primary,
    .excerpt--green span .plain-background .excerpt-heading--secondary,
    .excerpt--green span .plain-background .work-entry-detail,
    .excerpt--green span .plain-background a {
      color: black; }

.howls-title--pink,
.excerpt--pink,
.excerpt--pink a,
.excerpt--pink span {
  color: #ff05a3;
  border-color: #ff05a3; }
  .howls-title--pink .link-wrap:hover .button-wrap--end span,
  .excerpt--pink .link-wrap:hover .button-wrap--end span,
  .excerpt--pink a .link-wrap:hover .button-wrap--end span,
  .excerpt--pink span .link-wrap:hover .button-wrap--end span {
    color: white;
    background-color: #ff05a3;
    border-color: #ff05a3; }
  .howls-title--pink .vg-artist-title,
  .excerpt--pink .vg-artist-title,
  .excerpt--pink a .vg-artist-title,
  .excerpt--pink span .vg-artist-title {
    color: #ff05a3; }
  .howls-title--pink .button-play, .howls-title--pink .button-listen,
  .excerpt--pink .button-play,
  .excerpt--pink .button-listen,
  .excerpt--pink a .button-play,
  .excerpt--pink a .button-listen,
  .excerpt--pink span .button-play,
  .excerpt--pink span .button-listen {
    background-color: #ff05a3; }
  .howls-title--pink .button-text-play, .howls-title--pink .button-text-listen,
  .excerpt--pink .button-text-play,
  .excerpt--pink .button-text-listen,
  .excerpt--pink a .button-text-play,
  .excerpt--pink a .button-text-listen,
  .excerpt--pink span .button-text-play,
  .excerpt--pink span .button-text-listen {
    color: #ff05a3; }
  .howls-title--pink .button-headphones,
  .excerpt--pink .button-headphones,
  .excerpt--pink a .button-headphones,
  .excerpt--pink span .button-headphones {
    background: url(/ui/img/listen-icon--pink.svg) no-repeat;
    color: #ff05a3; }
  .howls-title--pink .plain-background,
  .excerpt--pink .plain-background,
  .excerpt--pink a .plain-background,
  .excerpt--pink span .plain-background {
    background-color: #ff05a3; }
    .howls-title--pink .plain-background .excerpt-heading--primary, .howls-title--pink .plain-background .excerpt-heading--secondary, .howls-title--pink .plain-background .work-entry-detail, .howls-title--pink .plain-background a,
    .excerpt--pink .plain-background .excerpt-heading--primary,
    .excerpt--pink .plain-background .excerpt-heading--secondary,
    .excerpt--pink .plain-background .work-entry-detail,
    .excerpt--pink .plain-background a,
    .excerpt--pink a .plain-background .excerpt-heading--primary,
    .excerpt--pink a .plain-background .excerpt-heading--secondary,
    .excerpt--pink a .plain-background .work-entry-detail,
    .excerpt--pink a .plain-background a,
    .excerpt--pink span .plain-background .excerpt-heading--primary,
    .excerpt--pink span .plain-background .excerpt-heading--secondary,
    .excerpt--pink span .plain-background .work-entry-detail,
    .excerpt--pink span .plain-background a {
      color: white; }

.howls-title--blue,
.excerpt--blue,
.excerpt--blue a,
.excerpt--blue span {
  color: blue;
  border-color: blue; }
  .howls-title--blue .link-wrap:hover .button-wrap--end span,
  .excerpt--blue .link-wrap:hover .button-wrap--end span,
  .excerpt--blue a .link-wrap:hover .button-wrap--end span,
  .excerpt--blue span .link-wrap:hover .button-wrap--end span {
    color: white;
    background-color: blue;
    border-color: blue; }
  .howls-title--blue .vg-artist-title,
  .excerpt--blue .vg-artist-title,
  .excerpt--blue a .vg-artist-title,
  .excerpt--blue span .vg-artist-title {
    color: blue; }
  .howls-title--blue .button-play, .howls-title--blue .button-listen,
  .excerpt--blue .button-play,
  .excerpt--blue .button-listen,
  .excerpt--blue a .button-play,
  .excerpt--blue a .button-listen,
  .excerpt--blue span .button-play,
  .excerpt--blue span .button-listen {
    background-color: blue; }
  .howls-title--blue .button-text-play, .howls-title--blue .button-text-listen,
  .excerpt--blue .button-text-play,
  .excerpt--blue .button-text-listen,
  .excerpt--blue a .button-text-play,
  .excerpt--blue a .button-text-listen,
  .excerpt--blue span .button-text-play,
  .excerpt--blue span .button-text-listen {
    color: blue; }
  .howls-title--blue .button-headphones,
  .excerpt--blue .button-headphones,
  .excerpt--blue a .button-headphones,
  .excerpt--blue span .button-headphones {
    background: url(/ui/img/listen-icon--blue.svg) no-repeat;
    color: blue; }
  .howls-title--blue .plain-background,
  .excerpt--blue .plain-background,
  .excerpt--blue a .plain-background,
  .excerpt--blue span .plain-background {
    background-color: blue; }
    .howls-title--blue .plain-background .excerpt-heading--primary, .howls-title--blue .plain-background .excerpt-heading--secondary, .howls-title--blue .plain-background .work-entry-detail, .howls-title--blue .plain-background a,
    .excerpt--blue .plain-background .excerpt-heading--primary,
    .excerpt--blue .plain-background .excerpt-heading--secondary,
    .excerpt--blue .plain-background .work-entry-detail,
    .excerpt--blue .plain-background a,
    .excerpt--blue a .plain-background .excerpt-heading--primary,
    .excerpt--blue a .plain-background .excerpt-heading--secondary,
    .excerpt--blue a .plain-background .work-entry-detail,
    .excerpt--blue a .plain-background a,
    .excerpt--blue span .plain-background .excerpt-heading--primary,
    .excerpt--blue span .plain-background .excerpt-heading--secondary,
    .excerpt--blue span .plain-background .work-entry-detail,
    .excerpt--blue span .plain-background a {
      color: white; }

.howls-title--indigo,
.excerpt--indigo,
.excerpt--indigo a,
.excerpt--indigo span {
  color: #1b1464;
  border-color: #1b1464; }
  .howls-title--indigo .link-wrap:hover .button-wrap--end span,
  .excerpt--indigo .link-wrap:hover .button-wrap--end span,
  .excerpt--indigo a .link-wrap:hover .button-wrap--end span,
  .excerpt--indigo span .link-wrap:hover .button-wrap--end span {
    color: white;
    background-color: #1b1464;
    border-color: #1b1464; }
  .howls-title--indigo .vg-artist-title,
  .excerpt--indigo .vg-artist-title,
  .excerpt--indigo a .vg-artist-title,
  .excerpt--indigo span .vg-artist-title {
    color: #1b1464; }
  .howls-title--indigo .button-play, .howls-title--indigo .button-listen,
  .excerpt--indigo .button-play,
  .excerpt--indigo .button-listen,
  .excerpt--indigo a .button-play,
  .excerpt--indigo a .button-listen,
  .excerpt--indigo span .button-play,
  .excerpt--indigo span .button-listen {
    background-color: #1b1464; }
  .howls-title--indigo .button-text-play, .howls-title--indigo .button-text-listen,
  .excerpt--indigo .button-text-play,
  .excerpt--indigo .button-text-listen,
  .excerpt--indigo a .button-text-play,
  .excerpt--indigo a .button-text-listen,
  .excerpt--indigo span .button-text-play,
  .excerpt--indigo span .button-text-listen {
    color: #1b1464; }
  .howls-title--indigo .button-headphones,
  .excerpt--indigo .button-headphones,
  .excerpt--indigo a .button-headphones,
  .excerpt--indigo span .button-headphones {
    background: url(/ui/img/listen-icon--indigo.svg) no-repeat;
    color: #1b1464; }
  .howls-title--indigo .plain-background,
  .excerpt--indigo .plain-background,
  .excerpt--indigo a .plain-background,
  .excerpt--indigo span .plain-background {
    background-color: #1b1464; }
    .howls-title--indigo .plain-background .excerpt-heading--primary, .howls-title--indigo .plain-background .excerpt-heading--secondary, .howls-title--indigo .plain-background .work-entry-detail, .howls-title--indigo .plain-background a,
    .excerpt--indigo .plain-background .excerpt-heading--primary,
    .excerpt--indigo .plain-background .excerpt-heading--secondary,
    .excerpt--indigo .plain-background .work-entry-detail,
    .excerpt--indigo .plain-background a,
    .excerpt--indigo a .plain-background .excerpt-heading--primary,
    .excerpt--indigo a .plain-background .excerpt-heading--secondary,
    .excerpt--indigo a .plain-background .work-entry-detail,
    .excerpt--indigo a .plain-background a,
    .excerpt--indigo span .plain-background .excerpt-heading--primary,
    .excerpt--indigo span .plain-background .excerpt-heading--secondary,
    .excerpt--indigo span .plain-background .work-entry-detail,
    .excerpt--indigo span .plain-background a {
      color: white; }

.howls-title--yellow,
.excerpt--yellow,
.excerpt--yellow a,
.excerpt--yellow span {
  color: yellow;
  border-color: yellow; }
  .howls-title--yellow .link-wrap:hover .button-wrap--end span,
  .excerpt--yellow .link-wrap:hover .button-wrap--end span,
  .excerpt--yellow a .link-wrap:hover .button-wrap--end span,
  .excerpt--yellow span .link-wrap:hover .button-wrap--end span {
    color: black;
    background-color: yellow;
    border-color: yellow; }
  .howls-title--yellow .vg-artist-title,
  .excerpt--yellow .vg-artist-title,
  .excerpt--yellow a .vg-artist-title,
  .excerpt--yellow span .vg-artist-title {
    color: yellow; }
  .howls-title--yellow .button-play, .howls-title--yellow .button-listen,
  .excerpt--yellow .button-play,
  .excerpt--yellow .button-listen,
  .excerpt--yellow a .button-play,
  .excerpt--yellow a .button-listen,
  .excerpt--yellow span .button-play,
  .excerpt--yellow span .button-listen {
    background-color: yellow; }
  .howls-title--yellow .button-text-play, .howls-title--yellow .button-text-listen,
  .excerpt--yellow .button-text-play,
  .excerpt--yellow .button-text-listen,
  .excerpt--yellow a .button-text-play,
  .excerpt--yellow a .button-text-listen,
  .excerpt--yellow span .button-text-play,
  .excerpt--yellow span .button-text-listen {
    color: yellow; }
  .howls-title--yellow .button-headphones,
  .excerpt--yellow .button-headphones,
  .excerpt--yellow a .button-headphones,
  .excerpt--yellow span .button-headphones {
    background: url(/ui/img/listen-icon--yellow.svg) no-repeat;
    color: yellow; }
  .howls-title--yellow .plain-background,
  .excerpt--yellow .plain-background,
  .excerpt--yellow a .plain-background,
  .excerpt--yellow span .plain-background {
    background-color: yellow; }
    .howls-title--yellow .plain-background .excerpt-heading--primary, .howls-title--yellow .plain-background .excerpt-heading--secondary, .howls-title--yellow .plain-background .work-entry-detail, .howls-title--yellow .plain-background a,
    .excerpt--yellow .plain-background .excerpt-heading--primary,
    .excerpt--yellow .plain-background .excerpt-heading--secondary,
    .excerpt--yellow .plain-background .work-entry-detail,
    .excerpt--yellow .plain-background a,
    .excerpt--yellow a .plain-background .excerpt-heading--primary,
    .excerpt--yellow a .plain-background .excerpt-heading--secondary,
    .excerpt--yellow a .plain-background .work-entry-detail,
    .excerpt--yellow a .plain-background a,
    .excerpt--yellow span .plain-background .excerpt-heading--primary,
    .excerpt--yellow span .plain-background .excerpt-heading--secondary,
    .excerpt--yellow span .plain-background .work-entry-detail,
    .excerpt--yellow span .plain-background a {
      color: black; }

.howls-title--red,
.excerpt--red,
.excerpt--red a,
.excerpt--red span {
  color: red;
  border-color: red; }
  .howls-title--red .link-wrap:hover .button-wrap--end span,
  .excerpt--red .link-wrap:hover .button-wrap--end span,
  .excerpt--red a .link-wrap:hover .button-wrap--end span,
  .excerpt--red span .link-wrap:hover .button-wrap--end span {
    color: white;
    background-color: red;
    border-color: red; }
  .howls-title--red .vg-artist-title,
  .excerpt--red .vg-artist-title,
  .excerpt--red a .vg-artist-title,
  .excerpt--red span .vg-artist-title {
    color: red; }
  .howls-title--red .button-play, .howls-title--red .button-listen,
  .excerpt--red .button-play,
  .excerpt--red .button-listen,
  .excerpt--red a .button-play,
  .excerpt--red a .button-listen,
  .excerpt--red span .button-play,
  .excerpt--red span .button-listen {
    background-color: red; }
  .howls-title--red .button-text-play, .howls-title--red .button-text-listen,
  .excerpt--red .button-text-play,
  .excerpt--red .button-text-listen,
  .excerpt--red a .button-text-play,
  .excerpt--red a .button-text-listen,
  .excerpt--red span .button-text-play,
  .excerpt--red span .button-text-listen {
    color: red; }
  .howls-title--red .button-headphones,
  .excerpt--red .button-headphones,
  .excerpt--red a .button-headphones,
  .excerpt--red span .button-headphones {
    background: url(/ui/img/listen-icon--red.svg) no-repeat;
    color: red; }
  .howls-title--red .plain-background,
  .excerpt--red .plain-background,
  .excerpt--red a .plain-background,
  .excerpt--red span .plain-background {
    background-color: red; }
    .howls-title--red .plain-background .excerpt-heading--primary, .howls-title--red .plain-background .excerpt-heading--secondary, .howls-title--red .plain-background .work-entry-detail, .howls-title--red .plain-background a,
    .excerpt--red .plain-background .excerpt-heading--primary,
    .excerpt--red .plain-background .excerpt-heading--secondary,
    .excerpt--red .plain-background .work-entry-detail,
    .excerpt--red .plain-background a,
    .excerpt--red a .plain-background .excerpt-heading--primary,
    .excerpt--red a .plain-background .excerpt-heading--secondary,
    .excerpt--red a .plain-background .work-entry-detail,
    .excerpt--red a .plain-background a,
    .excerpt--red span .plain-background .excerpt-heading--primary,
    .excerpt--red span .plain-background .excerpt-heading--secondary,
    .excerpt--red span .plain-background .work-entry-detail,
    .excerpt--red span .plain-background a {
      color: white; }

.howls-title--orange,
.excerpt--orange,
.excerpt--orange a,
.excerpt--orange span {
  color: #ff5a00;
  border-color: #ff5a00; }
  .howls-title--orange .link-wrap:hover .button-wrap--end span,
  .excerpt--orange .link-wrap:hover .button-wrap--end span,
  .excerpt--orange a .link-wrap:hover .button-wrap--end span,
  .excerpt--orange span .link-wrap:hover .button-wrap--end span {
    color: white;
    background-color: #ff5a00;
    border-color: #ff5a00; }
  .howls-title--orange .vg-artist-title,
  .excerpt--orange .vg-artist-title,
  .excerpt--orange a .vg-artist-title,
  .excerpt--orange span .vg-artist-title {
    color: #ff5a00; }
  .howls-title--orange .button-play, .howls-title--orange .button-listen,
  .excerpt--orange .button-play,
  .excerpt--orange .button-listen,
  .excerpt--orange a .button-play,
  .excerpt--orange a .button-listen,
  .excerpt--orange span .button-play,
  .excerpt--orange span .button-listen {
    background-color: #ff5a00; }
  .howls-title--orange .button-text-play, .howls-title--orange .button-text-listen,
  .excerpt--orange .button-text-play,
  .excerpt--orange .button-text-listen,
  .excerpt--orange a .button-text-play,
  .excerpt--orange a .button-text-listen,
  .excerpt--orange span .button-text-play,
  .excerpt--orange span .button-text-listen {
    color: #ff5a00; }
  .howls-title--orange .button-headphones,
  .excerpt--orange .button-headphones,
  .excerpt--orange a .button-headphones,
  .excerpt--orange span .button-headphones {
    background: url(/ui/img/listen-icon--orange.svg) no-repeat;
    color: #ff5a00; }
  .howls-title--orange .plain-background,
  .excerpt--orange .plain-background,
  .excerpt--orange a .plain-background,
  .excerpt--orange span .plain-background {
    background-color: #ff5a00; }
    .howls-title--orange .plain-background .excerpt-heading--primary, .howls-title--orange .plain-background .excerpt-heading--secondary, .howls-title--orange .plain-background .work-entry-detail, .howls-title--orange .plain-background a,
    .excerpt--orange .plain-background .excerpt-heading--primary,
    .excerpt--orange .plain-background .excerpt-heading--secondary,
    .excerpt--orange .plain-background .work-entry-detail,
    .excerpt--orange .plain-background a,
    .excerpt--orange a .plain-background .excerpt-heading--primary,
    .excerpt--orange a .plain-background .excerpt-heading--secondary,
    .excerpt--orange a .plain-background .work-entry-detail,
    .excerpt--orange a .plain-background a,
    .excerpt--orange span .plain-background .excerpt-heading--primary,
    .excerpt--orange span .plain-background .excerpt-heading--secondary,
    .excerpt--orange span .plain-background .work-entry-detail,
    .excerpt--orange span .plain-background a {
      color: white; }

.howls-title--steel,
.excerpt--steel,
.excerpt--steel a,
.excerpt--steel span {
  color: #a7b6de;
  border-color: #a7b6de; }
  .howls-title--steel .link-wrap:hover .button-wrap--end span,
  .excerpt--steel .link-wrap:hover .button-wrap--end span,
  .excerpt--steel a .link-wrap:hover .button-wrap--end span,
  .excerpt--steel span .link-wrap:hover .button-wrap--end span {
    color: white;
    background-color: #a7b6de;
    border-color: #a7b6de; }
  .howls-title--steel .vg-artist-title,
  .excerpt--steel .vg-artist-title,
  .excerpt--steel a .vg-artist-title,
  .excerpt--steel span .vg-artist-title {
    color: #a7b6de; }
  .howls-title--steel .button-play, .howls-title--steel .button-listen,
  .excerpt--steel .button-play,
  .excerpt--steel .button-listen,
  .excerpt--steel a .button-play,
  .excerpt--steel a .button-listen,
  .excerpt--steel span .button-play,
  .excerpt--steel span .button-listen {
    background-color: #a7b6de; }
  .howls-title--steel .button-text-play, .howls-title--steel .button-text-listen,
  .excerpt--steel .button-text-play,
  .excerpt--steel .button-text-listen,
  .excerpt--steel a .button-text-play,
  .excerpt--steel a .button-text-listen,
  .excerpt--steel span .button-text-play,
  .excerpt--steel span .button-text-listen {
    color: #a7b6de; }
  .howls-title--steel .button-headphones,
  .excerpt--steel .button-headphones,
  .excerpt--steel a .button-headphones,
  .excerpt--steel span .button-headphones {
    background: url(/ui/img/listen-icon--steel.svg) no-repeat;
    color: #a7b6de; }
  .howls-title--steel .plain-background,
  .excerpt--steel .plain-background,
  .excerpt--steel a .plain-background,
  .excerpt--steel span .plain-background {
    background-color: #a7b6de; }
    .howls-title--steel .plain-background .excerpt-heading--primary, .howls-title--steel .plain-background .excerpt-heading--secondary, .howls-title--steel .plain-background .work-entry-detail, .howls-title--steel .plain-background a,
    .excerpt--steel .plain-background .excerpt-heading--primary,
    .excerpt--steel .plain-background .excerpt-heading--secondary,
    .excerpt--steel .plain-background .work-entry-detail,
    .excerpt--steel .plain-background a,
    .excerpt--steel a .plain-background .excerpt-heading--primary,
    .excerpt--steel a .plain-background .excerpt-heading--secondary,
    .excerpt--steel a .plain-background .work-entry-detail,
    .excerpt--steel a .plain-background a,
    .excerpt--steel span .plain-background .excerpt-heading--primary,
    .excerpt--steel span .plain-background .excerpt-heading--secondary,
    .excerpt--steel span .plain-background .work-entry-detail,
    .excerpt--steel span .plain-background a {
      color: white; }

.howls-title--brown,
.excerpt--brown,
.excerpt--brown a,
.excerpt--brown span {
  color: #736357;
  border-color: #736357; }
  .howls-title--brown .link-wrap:hover .button-wrap--end span,
  .excerpt--brown .link-wrap:hover .button-wrap--end span,
  .excerpt--brown a .link-wrap:hover .button-wrap--end span,
  .excerpt--brown span .link-wrap:hover .button-wrap--end span {
    color: white;
    background-color: #736357;
    border-color: #736357; }
  .howls-title--brown .vg-artist-title,
  .excerpt--brown .vg-artist-title,
  .excerpt--brown a .vg-artist-title,
  .excerpt--brown span .vg-artist-title {
    color: #736357; }
  .howls-title--brown .button-play, .howls-title--brown .button-listen,
  .excerpt--brown .button-play,
  .excerpt--brown .button-listen,
  .excerpt--brown a .button-play,
  .excerpt--brown a .button-listen,
  .excerpt--brown span .button-play,
  .excerpt--brown span .button-listen {
    background-color: #736357; }
  .howls-title--brown .button-text-play, .howls-title--brown .button-text-listen,
  .excerpt--brown .button-text-play,
  .excerpt--brown .button-text-listen,
  .excerpt--brown a .button-text-play,
  .excerpt--brown a .button-text-listen,
  .excerpt--brown span .button-text-play,
  .excerpt--brown span .button-text-listen {
    color: #736357; }
  .howls-title--brown .button-headphones,
  .excerpt--brown .button-headphones,
  .excerpt--brown a .button-headphones,
  .excerpt--brown span .button-headphones {
    background: url(/ui/img/listen-icon--brown.svg) no-repeat;
    color: #736357; }
  .howls-title--brown .plain-background,
  .excerpt--brown .plain-background,
  .excerpt--brown a .plain-background,
  .excerpt--brown span .plain-background {
    background-color: #736357; }
    .howls-title--brown .plain-background .excerpt-heading--primary, .howls-title--brown .plain-background .excerpt-heading--secondary, .howls-title--brown .plain-background .work-entry-detail, .howls-title--brown .plain-background a,
    .excerpt--brown .plain-background .excerpt-heading--primary,
    .excerpt--brown .plain-background .excerpt-heading--secondary,
    .excerpt--brown .plain-background .work-entry-detail,
    .excerpt--brown .plain-background a,
    .excerpt--brown a .plain-background .excerpt-heading--primary,
    .excerpt--brown a .plain-background .excerpt-heading--secondary,
    .excerpt--brown a .plain-background .work-entry-detail,
    .excerpt--brown a .plain-background a,
    .excerpt--brown span .plain-background .excerpt-heading--primary,
    .excerpt--brown span .plain-background .excerpt-heading--secondary,
    .excerpt--brown span .plain-background .work-entry-detail,
    .excerpt--brown span .plain-background a {
      color: white; }

.excerpt-background--black {
  background-color: black; }

.excerpt-background--white {
  background-color: white; }

.excerpt-background--green {
  background-color: #1fffcb; }

.excerpt-background--pink {
  background-color: #ff05a3; }

.excerpt-background--blue {
  background-color: blue; }

.excerpt-background--indigo {
  background-color: #1b1464; }

.excerpt-background--yellow {
  background-color: yellow; }

.excerpt-background--red {
  background-color: red; }

.excerpt-background--orange {
  background-color: #ff5a00; }

.excerpt-background--steel {
  background-color: #a7b6de; }

.excerpt-background--brown {
  background-color: #736357; }

.button--black {
  color: black; }

.button--white {
  color: white; }

.button--green {
  color: #1fffcb; }

.button--pink {
  color: #ff05a3; }

.button--blue {
  color: blue; }

.button--indigo {
  color: #1b1464; }

.button--yellow {
  color: yellow; }

.button--red {
  color: red; }

.button--orange {
  color: #ff5a00; }

.button--steel {
  color: #a7b6de; }

.button--brown {
  color: #736357; }

.excerpt--black .plyr__play-large {
  background: url(/ui/img/play-icon--black-solid.svg) no-repeat; }

.excerpt--black .plyr__play-large:hover {
  background: url(/ui/img/play-icon--black.svg) no-repeat; }

.excerpt--white .plyr__play-large {
  background: url(/ui/img/play-icon--white-solid.svg) no-repeat; }

.excerpt--white .plyr__play-large:hover {
  background: url(/ui/img/play-icon--white.svg) no-repeat; }

.excerpt--green .plyr__play-large {
  background: url(/ui/img/play-icon--green-solid.svg) no-repeat; }

.excerpt--green .plyr__play-large:hover {
  background: url(/ui/img/play-icon--green.svg) no-repeat; }

.excerpt--pink .plyr__play-large {
  background: url(/ui/img/play-icon--pink-solid.svg) no-repeat; }

.excerpt--pink .plyr__play-large:hover {
  background: url(/ui/img/play-icon--pink.svg) no-repeat; }

.excerpt--blue .plyr__play-large {
  background: url(/ui/img/play-icon--blue-solid.svg) no-repeat; }

.excerpt--blue .plyr__play-large:hover {
  background: url(/ui/img/play-icon--blue.svg) no-repeat; }

.excerpt--indigo .plyr__play-large {
  background: url(/ui/img/play-icon--indigo-solid.svg) no-repeat; }

.excerpt--indigo .plyr__play-large:hover {
  background: url(/ui/img/play-icon--indigo.svg) no-repeat; }

.excerpt--yellow .plyr__play-large {
  background: url(/ui/img/play-icon--yellow-solid.svg) no-repeat; }

.excerpt--yellow .plyr__play-large:hover {
  background: url(/ui/img/play-icon--yellow.svg) no-repeat; }

.excerpt--red .plyr__play-large {
  background: url(/ui/img/play-icon--red-solid.svg) no-repeat; }

.excerpt--red .plyr__play-large:hover {
  background: url(/ui/img/play-icon--red.svg) no-repeat; }

.excerpt--orange .plyr__play-large {
  background: url(/ui/img/play-icon--orange-solid.svg) no-repeat; }

.excerpt--orange .plyr__play-large:hover {
  background: url(/ui/img/play-icon--orange.svg) no-repeat; }

.excerpt--steel .plyr__play-large {
  background: url(/ui/img/play-icon--steel-solid.svg) no-repeat; }

.excerpt--steel .plyr__play-large:hover {
  background: url(/ui/img/play-icon--steel.svg) no-repeat; }

.excerpt--brown .plyr__play-large {
  background: url(/ui/img/play-icon--brown-solid.svg) no-repeat; }

.excerpt--brown .plyr__play-large:hover {
  background: url(/ui/img/play-icon--brown.svg) no-repeat; }

.excerpt-vg-background--black {
  background: black;
  color: white; }
  .excerpt-vg-background--black a {
    color: white; }

.excerpt-vg-background--white {
  background: white; }

.excerpt-vg-background--yellow {
  background: yellow; }

.excerpt-vg-background--red {
  background: red; }

.excerpt-vg-background--orange {
  background: #ff5a00; }

.excerpt-vg-background--pink {
  background: #ff05a3; }

.excerpt-vg-background--steel {
  background: #a7b6de; }

.excerpt-vg-background--green {
  background: #1fffcb; }

.excerpt-vg-background--brown {
  background: #736357; }

.excerpt-vg-background--indigo {
  background: #1b1464; }

.excerpt-vg-background--blue {
  background: blue; }

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

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, label, legend, caption, figcaption {
  margin: 0;
  padding: 0; }

html {
  font-size: 87.5%; }
  @media screen and (min-width: 0em) {
    html {
      font-size: calc(14px + 0 * (100vw - 160.5px) / 160.5); } }
  @media (min-width: 20.0625em) {
    html {
      font-size: 87.5%;
      font-size: calc(14px + 0 * (100vw - 321px) / 93); } }
  @media (min-width: 25.875em) {
    html {
      font-size: 87.5%;
      font-size: calc(14px + 0 * (100vw - 414px) / 354); } }
  @media (min-width: 48em) {
    html {
      font-size: 87.5%;
      font-size: calc(14px + 0 * (100vw - 768px) / 256); } }
  @media (min-width: 64em) {
    html {
      font-size: 87.5%;
      font-size: calc(14px + 0 * (100vw - 1024px) / 256); } }
  @media (min-width: 80em) {
    html {
      font-size: 87.5%;
      font-size: calc(14px + 0 * (100vw - 1280px) / 256); } }

.page {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
  margin: 0 auto; }
  .page:after {
    content: " ";
    display: block;
    clear: both; }
  @media (min-width: 20.0625em) {
    .page {
      max-width: 413px; } }
  @media (min-width: 25.875em) {
    .page {
      max-width: 767px; } }
  @media (min-width: 48em) {
    .page {
      max-width: 1023px; } }
  @media (min-width: 64em) {
    .page {
      max-width: 1279px; } }
  @media (min-width: 80em) {
    .page {
      max-width: 2048px; } }

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga' 1; }

body {
  background: #f2f2f2;
  color: black;
  font-family: 'GT-Walsheim-Pro-Medium';
  line-height: 1.2; }

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

a {
  color: black;
  text-decoration: none; }

a:hover {
  text-decoration: none; }

.heading-banner, .strapline__heading {
  font-size: 1.5714285714rem;
  line-height: 1.0909090909;
  position: relative;
  top: 0.55rem;
  margin-bottom: 1.0714285714rem; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .heading-banner, .strapline__heading {
      line-height: 1.7142857143rem; } }
  @media (min-width: 48em) {
    .heading-banner, .strapline__heading {
      font-size: 2.5714285714rem;
      line-height: 1.0555555556;
      position: relative;
      top: 0.275rem;
      margin-bottom: 0.5714285714rem; } }
  @media screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 0) {
    .heading-banner, .strapline__heading {
      line-height: 2.7142857143rem; } }
  @media (min-width: 64em) {
    .heading-banner, .strapline__heading {
      font-size: 3.1428571429rem;
      line-height: 1.0909090909;
      position: relative;
      top: 0.0464285714rem;
      margin-bottom: 0.1428571429rem; } }
  @media screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 0) {
    .heading-banner, .strapline__heading {
      line-height: 3.4285714286rem; } }

.heading-large, .excerpt-heading--primary {
  font-size: 1.5714285714rem;
  line-height: 1.0909090909;
  position: relative;
  top: 0.55rem;
  margin-bottom: 1.0714285714rem; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .heading-large, .excerpt-heading--primary {
      line-height: 1.7142857143rem; } }
  @media (min-width: 25.875em) {
    .heading-large, .excerpt-heading--primary {
      font-size: 3.1428571429rem;
      line-height: 1.0909090909;
      position: relative;
      top: 0.0464285714rem;
      margin-bottom: 0.1428571429rem; } }
  @media screen and (min-width: 25.875em) and (-webkit-min-device-pixel-ratio: 0) {
    .heading-large, .excerpt-heading--primary {
      line-height: 3.4285714286rem; } }
  @media (min-width: 64em) {
    .heading-large, .excerpt-heading--primary {
      font-size: 5.4285714286rem;
      line-height: 1.0526315789;
      position: relative;
      top: -0.5821428571rem;
      margin-bottom: -1rem; } }

      @media (min-width: 64em) {
    .layout--half .excerpt-heading--primary {
font-size:58px;
} }
      
      
      
      
      
  @media screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 0) {
    .heading-large, .excerpt-heading--primary {
      line-height: 5.7142857143rem; } }

.heading-medium, .artist-name, .excerpt-heading--secondary {
  font-size: 1.5714285714rem;
  line-height: 1.0909090909;
  position: relative;
  top: 0.55rem;
  margin-bottom: 1.0714285714rem; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .heading-medium, .artist-name, .excerpt-heading--secondary {
      line-height: 1.7142857143rem; } }
  @media (min-width: 25.875em) {
    .heading-medium, .artist-name, .excerpt-heading--secondary {
      font-size: 3.1428571429rem;
      line-height: 1.0909090909;
      position: relative;
      top: 0.0464285714rem;
      margin-bottom: 0.1428571429rem; } }
  @media screen and (min-width: 25.875em) and (-webkit-min-device-pixel-ratio: 0) {
    .heading-medium, .artist-name, .excerpt-heading--secondary {
      line-height: 3.4285714286rem; } }
  @media (min-width: 48em) {
    .heading-medium, .artist-name, .excerpt-heading--secondary {
      font-size: 1.5714285714rem;
      line-height: 1.0909090909;
      position: relative;
      top: 0.55rem;
      margin-bottom: 1.0714285714rem; } }
  @media screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 0) {
    .heading-medium, .artist-name, .excerpt-heading--secondary {
      line-height: 1.7142857143rem; } }
  @media (min-width: 64em) {
    .heading-medium, .artist-name, .excerpt-heading--secondary {
      font-size: 3.1428571429rem;
      line-height: 1.0909090909;
      position: relative;
      top: 0.0464285714rem;
      margin-bottom: 0.1428571429rem; } }
  @media screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 0) {
    .heading-medium, .artist-name, .excerpt-heading--secondary {
      line-height: 3.4285714286rem; } }

.heading-small, .howls-intro, .news-main p, .excerpt-heading--tertiary, .excerpt-heading--quaternary, .work-main p, .about-text p {
  font-size: 1.5714285714rem;
  line-height: 1.0909090909;
  position: relative;
  top: 0.55rem;
  margin-bottom: 1.0714285714rem; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .heading-small, .howls-intro, .news-main p, .excerpt-heading--tertiary, .excerpt-heading--quaternary, .work-main p, .about-text p {
      line-height: 1.7142857143rem; } }
  @media (min-width: 25.875em) {
    .heading-small, .howls-intro, .news-main p, .excerpt-heading--tertiary, .excerpt-heading--quaternary, .work-main p, .about-text p {
      font-size: 1.5714285714rem;
      line-height: 1.0909090909;
      position: relative;
      top: 0.55rem;
      margin-bottom: 1.0714285714rem; } }
  @media screen and (min-width: 25.875em) and (-webkit-min-device-pixel-ratio: 0) {
    .heading-small, .howls-intro, .news-main p, .excerpt-heading--tertiary, .excerpt-heading--quaternary, .work-main p, .about-text p {
      line-height: 1.7142857143rem; } }
  @media (min-width: 48em) {
    .heading-small, .howls-intro, .news-main p, .excerpt-heading--tertiary, .excerpt-heading--quaternary, .work-main p, .about-text p {
      font-size: 1.5714285714rem;
      line-height: 1.0909090909;
      position: relative;
      top: 0.55rem;
      margin-bottom: 1.0714285714rem; } }
  @media screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 0) {
    .heading-small, .howls-intro, .news-main p, .excerpt-heading--tertiary, .excerpt-heading--quaternary, .work-main p, .about-text p {
      line-height: 1.7142857143rem; } }

.heading-small-tight, .work-credits p {
  font-size: 1.5714285714rem;
  line-height: 1.0909090909;
  position: relative;
  top: 0.55rem;
  margin-bottom: 0.0714285714rem; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .heading-small-tight, .work-credits p {
      line-height: 1.7142857143rem; } }
  @media (min-width: 25.875em) {
    .heading-small-tight, .work-credits p {
      font-size: 1.5714285714rem;
      line-height: 1.0909090909;
      position: relative;
      top: 0.55rem;
      margin-bottom: 0.0714285714rem; } }
  @media screen and (min-width: 25.875em) and (-webkit-min-device-pixel-ratio: 0) {
    .heading-small-tight, .work-credits p {
      line-height: 1.7142857143rem; } }
  @media (min-width: 48em) {
    .heading-small-tight, .work-credits p {
      font-size: 1.5714285714rem;
      line-height: 1.0909090909;
      position: relative;
      top: 0.55rem;
      margin-bottom: 0.0714285714rem; } }
  @media screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 0) {
    .heading-small-tight, .work-credits p {
      line-height: 1.7142857143rem; } }

.detail, .track-listing-player, .release-detail, .release-date, .release-formats, .release-links, .artist-biography, .heading--section {
  font-size: 1rem;
  line-height: 1.1428571429;
  position: relative;
  top: -0.2928571429rem;
  margin-bottom: -0.6428571429rem; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .detail, .track-listing-player, .release-detail, .release-date, .release-formats, .release-links, .artist-biography, .heading--section {
      line-height: 1.1428571429rem; } }

.body-looser {
  font-size: 1rem;
  line-height: 1.2857142857;
  position: relative;
  top: 0.6357142857rem;
  margin-bottom: 1.2142857143rem; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .body-looser {
      line-height: 1.2857142857rem; } }

.body-tighter {
  font-size: 1rem;
  line-height: 1;
  position: relative;
  top: 0.7785714286rem;
  margin-bottom: 1.5rem; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .body-tighter {
      line-height: 1rem; } }

.button-type, .button, .button-heading, .button-circle, .button-headphones {
  font-size: 1rem;
  line-height: 1;
  position: relative;
  top: -0.2214285714rem;
  margin-bottom: -0.5rem; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .button-type, .button, .button-heading, .button-circle, .button-headphones {
      line-height: 1rem; } }

.site-masthead {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  height: 130px;
  overflow: auto;
  position: relative; }

.site-logo {
  display: inline-block;
  width: 208px;
  height: 50px;
  background: url(/ui/img/major-tom-logo.svg) no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%); }

.site-logo__link {
  display: inline-block;
  width: 100%;
  height: 100%; }

.site-logo__text {
  display: none; }

.section-title {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 2.8571428571%;
  display: none; }
  @media (min-width: 48em) {
    .section-title {
      display: inline-block; } }

.hamburger {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 2.8571428571%; }

.button_container {
  position: relative;
  height: 25px;
  width: 30px;
  cursor: pointer;
  z-index: 100; }

.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
  transform: translateY(11px) translateX(0) rotate(45deg);
  background: black; }

.button_container.active .middle,
.button_container.active .label {
  opacity: 0;
  background: black; }

.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
  transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: black; }

.button_container span {
  background: black;
  border: none;
  height: 1px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer; }

.button_container:hover span {
  height: 2px; }

.button_container span:nth-of-type(2) {
  top: 11px; }

.button_container span:nth-of-type(3) {
  top: 22px; }

.overlay {
  max-width: 320px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background: #f2f2f2;
  position: absolute;
  top: 130px;
  left: 50%;
  transform: translateX(-50%);
  height: calc(100vh - 130px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 1.05s ease, visibility 1.05s ease, background-color 1.05s ease;
  overflow: hidden;
  z-index: 999999; }
  @media (min-width: 20.0625em) {
    .overlay {
      max-width: 413px; } }
  @media (min-width: 25.875em) {
    .overlay {
      max-width: 767px; } }
  @media (min-width: 48em) {
    .overlay {
      max-width: 1023px; } }
  @media (min-width: 64em) {
    .overlay {
      max-width: 1279px; } }
  @media (min-width: 80em) {
    .overlay {
      max-width: 2048px; } }
  @media (min-width: 48em) {
    .overlay {
      position: relative;
      height: 0;
      top: 0px;
      transition: height 1.05s ease, opacity 1.05s ease, visibility 1.05s ease, background-color 1.05s ease; } }

.overlay.open {
  opacity: 1;
  visibility: visible;
  background: #f2f2f2; }
  @media (min-width: 48em) {
    .overlay.open {
      transition: height 1.05s ease, opacity 1.05s ease, visibility 1.05s ease, background-color 1.05s ease;
      height: 90px;
      top: 0px; } }

	  @media screen and (min-width: 48em) {
.site-navigation ul {



	display:flex;
	justify-content: space-around;
}
		  
		  }
.site-navigation li {
  width: calc( 100% - 1em);
  margin: 0 0.5em;
  display: inline-block;
  text-align: center; }
  @media (min-width: 48em) {
    .site-navigation li {
    //  width: calc( (100% - 9rem) / 9); 
    width:auto;
      } 
      }
  .site-navigation li a {
    display: inline-block;
    vertical-align:top;
    border-bottom: 3px solid transparent;
    width: auto;
    padding-bottom: 1em;
    margin-bottom: calc( 1em + 3px);
    transition: border 600ms ease; 
    }
  .site-navigation li a:hover {
    border-bottom: 3px solid black; }

.section--client-area .site-navigation--client-area,
.section--work .site-navigation--work,
.section--about .site-navigation--about,
.section--news .site-navigation--news,
.section--tramworks-recording-studios .site-navigation--tramworks-recording-studios,
.section--village-green-records .site-navigation--village-green-records,
.section--howls-and-whispers-blog .site-navigation--howls-and-whispers-blog,
.section--artist-management .site-navigation--artist-management,
.section--search .site-navigation--search {
  border-bottom: 3px solid black; }

.footer {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background: black;
  height: 130px;
  position: relative; }

.footer-contact {
  background: white; }

.footer-contact p a {
  text-decoration: none; }

.footer-contact p a:hover {
  text-decoration: underline; }

.footer-navigation {
  background: black; }
  @media (min-width: 48em) {
    .footer-navigation {
      position: relative;
      top: 50%;
      transform: translateY(-50%); } }

.footer-navigation li {
  width: calc( 100% - 1em);
  margin: 0 0.5em;
  display: inline-block;
  text-align: center; }
  @media (min-width: 48em) {
    .footer-navigation li {
      width: calc( (100% - 9rem) / 9); } }
  .footer-navigation li a {
	  vertical-align: top;
    display: inline-block;
    border-bottom: 3px solid transparent;
    width: auto;
    padding-bottom: 1em;
    margin-bottom: calc( 1em + 3px);
    color: white;
    transition: border 600ms ease; }
  .footer-navigation li a:hover {
    border-bottom: 3px solid white; }

.section--client-area .footer-navigation--client-area,
.section--work .footer-navigation--work,
.section--about .footer-navigation--about,
.section--news .footer-navigation--news,
.section--tramworks-recording-studios .footer-navigation--tramworks-recording-studios,
.section--village-green-records .footer-navigation--village-green-records,
.section--howls-and-whispers-blog .footer-navigation--howls-and-whispers-blog,
.section--artist-management .footer-navigation--artist-management,
.section--search .footer-navigation--search {
  border-bottom: 3px solid white; }

.layout {
  position: relative; }

.layout-inner {
  width: 100%; }

.layout--full,
.gallery-image__layout--full {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }
  .layout--full .layout-inner,
  .gallery-image__layout--full .layout-inner {
    padding: 2.8571428571%; }
  .layout--full .layout-inner-tight,
  .gallery-image__layout--full .layout-inner-tight {
    padding: 0 2.8571428571%; }

.layout--half,
.gallery-image__layout--half {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }
  .layout--half .layout-inner,
  .gallery-image__layout--half .layout-inner {
    padding: 2.8571428571%; }
  .layout--half .layout-inner-tight,
  .gallery-image__layout--half .layout-inner-tight {
    padding: 0 2.8571428571%; }
  @media (min-width: 48em) {
    .layout--half,
    .gallery-image__layout--half {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      width: 50%; }
      .layout--half .layout-inner,
      .gallery-image__layout--half .layout-inner {
        padding: 5.8823529412%; }
      .layout--half .layout-inner-tight,
      .gallery-image__layout--half .layout-inner-tight {
        padding: 0 5.8823529412%; } }

.layout--half-odd {
  float: left; }

.layout--half-odd {
  float: right; }

.layout--third,
.gallery-image__layout--third {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }
  .layout--third .layout-inner,
  .gallery-image__layout--third .layout-inner {
    padding: 2.8571428571%; }
  @media (min-width: 48em) {
    .layout--third,
    .gallery-image__layout--third {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      width: 33.333333333%; }
      .layout--third .layout-inner,
      .gallery-image__layout--third .layout-inner {
        padding: 4.347826087%; }
      .layout--third .layout-inner-tight,
      .gallery-image__layout--third .layout-inner-tight {
        padding: 0 4.347826087%; } }

.layout--third-wide {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }
  .layout--third-wide .layout-inner {
    padding: 2.8571428571%; }
  .layout--third-wide .layout-inner-tight {
    padding: 0 2.8571428571%; }
  .layout--third-wide .button-wrap--middle {
    margin: 5.8823529412% 0; }
  @media (min-width: 64em) {
    .layout--third-wide {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      width: 33.3153638814%; }
      .layout--third-wide .button-wrap--middle {
        margin: 0; } }

.layout--reverse {
  background: black;
  height: calc(100vh - 260px); }
  .layout--reverse .button {
    border-color: white;
    color: white; }

.tramworks-reverse {
  background: black; }
  .tramworks-reverse p {
    color: white; }
  .tramworks-reverse .tramworks-text p {
    margin-bottom: 1.0em; }

.tramworks-text {
  text-align: center;
 // max-width: 38em;
  margin-left: auto;
  margin-right: auto; }
  .tramworks-text strong {
    display: block;
    margin-bottom: 1.0em; }

.howls-intro strong {
  text-decoration: underline; }

.track-listing-player {
  margin: 2em 0; }

.release-detail {
  margin: 0 0 1em 0; }

.release-date {
  margin: 0; }

.release-formats {
  margin: 0 0 1em 0; }

.release-links {
  margin: 0; }

.center-title {
  text-align: center;
  display: inline-block;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%); }

.artist-biography p {
  margin: 0 0 1em 0; }

.social-logo {
  display: inline-block;
  margin: 1em 0.5em; }

.divider {
  padding: 5.8823529412%; }
  @media (min-width: 48em) {
    .divider {
      padding: 2.8571428571%; } }

.cover-heading {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999999; }

.category {
  margin: 5.8823529412% 0 0 5.8823529412% !important;
  color: white;
  text-transform: uppercase; }

.date {
  margin: 0 0 0 5.8823529412% !important;
  color: white; }

.matchHeight {
  float: left;
  object-fit: cover; }

.back-link:before {
  content: '▲ ';
  position: absolute;
  transform: rotate(-90deg) translateX(1px) translateY(-1.25em);
  display: inline-block;
  margin-right: 0.5em; }

.artist-bio {
  background: black;
  color: white;
  padding: 2.8571428571%; }
  .artist-bio a {
    color: white; }

.artist-name {
  text-align: center;
  max-width: 38em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5em;
  text-decoration: underline; }

.artist-bio-detail p {
  text-align: center;
  max-width: 38em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em; }

.search-results h1,
.search-results p,
.search-results ul,
.search-results li {
  text-align: center;
  color: #f2f2f2;
  font-size: 16px;
  line-height: 16px; }

.search-results a {
  color: #f2f2f2; }

.search-results a:hover {
  color: white; }

input:focus {
  outline: none; }

.form-wrap {
  display: block;
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

form {
  display: inline;
  margin: 0 auto; }

label {
  color: white;
  font-size: 16px;
  line-height: 16px;
  display: none; }
  @media (min-width: 48em) {
    label {
      display: inline; } }

.input_job,
.input_pass,
.input_search {
  border: none;
  background: black;
  color: white;
  font-family: 'GT-Walsheim-Pro-Medium';
  font-size: 16px;
  line-height: 16px;
  border-bottom: 2px solid white;
  padding: 10px;
  line-height: inherit;
  display: block;
  text-align: center;
  margin: 1rem auto; }
  @media (min-width: 48em) {
    .input_job,
    .input_pass,
    .input_search {
      display: inline;
      text-align: left;
      margin: 0 1.4084507042%; } }

::placeholder {
  font-family: 'GT-Walsheim-Pro-Medium';
  font-size: 16px;
  line-height: 16px;
  opacity: 1;
  line-height: inherit; }

input[type="submit"] {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  font-family: 'GT-Walsheim-Pro-Medium';
  font-size: 16px;
  line-height: 16px;
  display: inline-block;
  border: 2px solid white;
  text-decoration: none;
  color: white;
  border-radius: 100%;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  margin-top: 1rem; }
  @media (min-width: 48em) {
    input[type="submit"] {
      margin-top: 0; } }

input[type="submit"]:hover {
  background: white;
  border: 2px solid black;
  color: black;
  cursor: pointer; }

.strapline {
  background: black; }

.fader {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 1s ease-in-out, transform 1s ease-in-out; }

.fader:hover {
  opacity: 0.25;
  transform: translate3d(0, -10%, 0); }

.strapline__heading {
  color: white; }
  .strapline__heading strong {
    text-decoration: underline; }

.excerpt {
  position: relative;
  overflow: hidden; }

.excerpt-background {
  position: absolute;
  left: 0;
  top: 0; }

.video-image {
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  width: 100%;
  height: 100%; }

.excerpt__16-9 {
  height: 0;
  padding-bottom: 56%; }

.excerpt__16-9-half {
  height: 0;
  padding-bottom: 56%; }
  @media (min-width: 48em) {
    .excerpt__16-9-half {
      padding-bottom: 28%; } }

.excerpt__16-9-third {
  height: 0;
  padding-bottom: 56.25%; }
  @media (min-width: 48em) {
    .excerpt__16-9-third {
      padding-bottom: 18.75%; } }

.excerpt__1-1 {
  height: 0;
  padding-bottom: 100%; }
  @media (min-width: 48em) {
    .excerpt__1-1 {
      padding-bottom: 50%; } }

.news-main a {
  text-decoration: underline; }

.news-main a:hover {
  text-decoration: none; }

.excerpt-heading--primary strong {
  text-decoration: underline; }

.excerpt-heading--secondary strong {
  text-decoration: underline; }

.excerpt-heading--tertiary strong {
  text-decoration: underline; }

.excerpt-heading--quaternary strong {
  text-decoration: underline; }

.excerpt-heading--image-title {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.p-display-one {
  text-align: center;
  margin: 3em auto;
  max-width: 26em; }

.p-display-two {
  text-align: center;
  margin: 3em auto 1em auto;
  max-width: 26em; }
  .p-display-two a {
    border-bottom: 3px solid black;
    padding-bottom: 0.75em; }

.balance {
  text-align: center; }
  @media (min-width: 64em) {
    .balance {
      padding-top: calc(0.75em + 3px); } }

.inline-space {
  display: block; }
  @media (min-width: 64em) {
    .inline-space {
      display: inline-block;
      margin: 0 2.8571428571%; } }

.work-main a {
  text-decoration: underline; }

.work-main a:hover {
  text-decoration: none; }

.work-credits {
  margin-bottom: 1.0em; }

.track-listing {
  position: relative;
  list-style-type: none; }

.play-track {
  position: absolute;
  left: -1.75em;
  width: 1.25em;
  transform: rotate(90deg); }

.sm2_link .play-track:before {
  content: '▲'; }

.sm2_playing .play-track:before {
  content: '△'; }

.sm2_paused .play-track:before {
  content: '▲'; }

.track-number {
  display: inline-block;
  width: 1.5em; }

.track-number--loose {
  display: inline-block;
  width: 2em; }

.release-link {
  text-transform: uppercase; }

.about-intro {
  background: black;
  background: silver;
  color: white;
  position: relative;
  height: calc(100vh - 130px); }

.rslides {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.about-image {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.fade {
  background: black;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99; }

.about-text {
  position: relative;
  z-index: 999;
  top: 50%;
  transform: translateY(-50%); }
  .about-text p {
    margin-bottom: 1em; }

.centered {
  text-align: center; }

.limit {
  max-width: 38em;
  margin-left: auto;
  margin-right: auto; }

.about-text p {
  text-align: center;
  max-width: 38em;
  margin-left: auto;
  margin-right: auto; }

.about--team-members {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background: black; }

.about--team-member {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  border-bottom: 1px solid white;
  padding: 2em; }
  @media (min-width: 48em) {
    .about--team-member {
      width: 50%; } }

.about--team-member__odd {
  clear: both;
  border-right: none; }
  @media (min-width: 48em) {
    .about--team-member__odd {
      border-right: 1px solid white; } }

a:hover .about--team-member {
  background: white;
  transition: background 600ms ease-in-out; }
  a:hover .about--team-member .about--member-name,
  a:hover .about--team-member .about--job-title,
  a:hover .about--team-member .about--email-address,
  a:hover .about--team-member .about--phone-number {
    color: black; }

.about--member-name,
.about--job-title,
.about--email-address,
.about--phone-number {
  text-align: center;
  color: white;
  transition: color 600ms ease-in-out; }
  .about--member-name a,
  .about--job-title a,
  .about--email-address a,
  .about--phone-number a {
    color: white; }

.button-wrap--basic {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  margin-top: 2.8571428571%; }

.button-wrap--middle {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block; }

.button-wrap--end {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2.85vw;
  display: none; }
  @media (min-width: 64em) {
    .button-wrap--end {
      display: inline-block; } }

.button-wrap--end-headphones {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2.85vw;
  display: none; }
  @media (min-width: 64em) {
    .button-wrap--end-headphones {
      display: inline-block; } }

.button-wrap--center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block; }
  @media (min-width: 48em) {
    .button-wrap--center {
      display: block;
      top: 50%;
      transform: translateY(-50%) translateX(-50%); } }

.button {
  display: inline-block;
  border: 2px solid;
  padding: 1em 2.5em;
  text-decoration: none;
  color: black;
  text-align: center; }

.button-heading {
  display: inline-block;
  padding: 1em 2.5em;
  text-decoration: none;
  color: black;
  text-align: center; }

.button-circle {
  display: inline-block;
  border: 2px solid;
  padding: 0;
  text-decoration: none;
  color: black;
  border-radius: 100%;
  width: 64px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  transform: translateY(8px); }

.button-headphones {
  display: inline-block;
  padding: 0;
  text-decoration: none;
  color: black;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  line-height: 60px;
  text-align: center;
  transform: translateY(8px);
  background: url(/ui/img/listen-icon.svg) no-repeat; }

.lazyload,
.lazyloading {
  opacity: 0; }

.lazyloaded {
  opacity: 1;
  transition: opacity 600ms ease-in-out; }

.link-wrap img {
  width: 100%;
  height: 100%; }

.link-wrap h2 {
  transform: translate3d(0, 0, 0);
  transition: transform 600ms ease-in-out; }

.link-wrap:hover h2 {
  transform: translate3d(0, 25%, 0); }

.link-wrap .button-wrap--end span {
  transition: color 600ms ease-in-out, background-color 600ms ease-in-out, border-color 600ms ease-in-out; }

.link-wrap:hover .button-wrap--end span {
  transition: color 600ms ease-in-out, background-color 600ms ease-in-out, border-color 600ms ease-in-out; }

.button-animated {
  color: black;
  border-color: black;
  transition: color 300ms ease-in-out, background-color 300ms ease-in-out; }

.button-animated:hover {
  background-color: black;
  color: white;
  border-color: black;
  transition: color 300ms ease-in-out, background-color 300ms ease-in-out; }

.button-animated-reverse {
  background-color: black;
  color: white;
  border-color: white;
  transition: color 300ms ease-in-out, background-color 300ms ease-in-out; }

.button-animated-reverse:hover {
  background-color: white;
  color: black;
  border-color: white;
  transition: color 300ms ease-in-out, background-color 300ms ease-in-out; }

.ratio-container {
  position: relative; }

.ratio-container:after {
  content: '';
  display: block;
  height: 0;
  width: 100%;
  /* 16:9 = 56.25% = calc(9 / 16 * 100%) */
  padding-bottom: 56%;
  content: ""; }

.ratio-container > * {
  position: absolute;
  top: 0;
  left: 0; }


.strapline__heading {
	visibility:hidden;
	
	}
	.strapline__heading.show {
		visibility:visible;
	}
	.excerpt-heading--primary {
	visibility:hidden;		
	}
		.excerpt-heading--primary.show {
				visibility:visible;	
		}
		
		.tramworks-kit-left {
			width:50%;
			display:inline-block;
			vertical-align:top;
		}
				.tramworks-kit-right {
			width:50%;
			display:inline-block;
			vertical-align:top;
		}
		
		@media screen and (max-width:768px) {
			.tramworks-kit-left, .tramworks-kit-right {
				width:100%;
			}
		}
		.layout--half--tramworks {
//			padding-top:28.125%;
//			position:relative;
width:100%;
display:inline-block;
float:none;
vertical-align:top;
overflow:hidden;
		}
		
		.layout--half--tramworks 						img {
display:block;
width:101%;
max-width:101%;
			}

	
		  @media (min-width: 48em) {
		.layout--half--tramworks {
			width:50%;
			}			  
			  }
			  
			  .tramworks-small-images {
				  background-color:black;
				  clear:both;
			  }
			  
.img-fallback {
	margin-bottom:20px;
}



.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
	background:black;
}
.plyr__control--overlaid {
	background:black;
	
}
.plyr--full-ui input[type=range] {
	color:black;
}

.plyr__progress .plyr__tooltip {
	background-color:black;
}
.plyr__tooltip::before {
	border-top-color: black;
}