/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, ../../../../../../../../var/lib/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../../var/lib/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../../var/lib/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../../var/lib/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

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

/* line 32, ../../../../../../../../var/lib/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

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

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
/* line 11, ../_animate.scss */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 18, ../_animate.scss */
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* line 23, ../_animate.scss */
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

/* line 28, ../_animate.scss */
.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);
  }
}
/* line 92, ../_animate.scss */
.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;
  }
}
/* line 119, ../_animate.scss */
.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);
  }
}
/* line 160, ../_animate.scss */
.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);
  }
}
/* line 239, ../_animate.scss */
.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);
  }
}
/* line 278, ../_animate.scss */
.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);
  }
}
/* line 347, ../_animate.scss */
.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);
  }
}
/* line 408, ../_animate.scss */
.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);
  }
}
/* line 469, ../_animate.scss */
.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;
  }
}
/* line 550, ../_animate.scss */
.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.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: 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.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}
/* line 639, ../_animate.scss */
.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);
  }
}
/* line 726, ../_animate.scss */
.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;
  }
}
/* line 799, ../_animate.scss */
.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;
  }
}
/* line 872, ../_animate.scss */
.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;
  }
}
/* line 945, ../_animate.scss */
.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);
  }
}
/* line 1018, ../_animate.scss */
.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);
  }
}
/* line 1061, ../_animate.scss */
.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);
  }
}
/* line 1104, ../_animate.scss */
.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);
  }
}
/* line 1137, ../_animate.scss */
.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);
  }
}
/* line 1170, ../_animate.scss */
.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);
  }
}
/* line 1213, ../_animate.scss */
.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;
  }
}
/* line 1238, ../_animate.scss */
.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;
  }
}
/* line 1271, ../_animate.scss */
.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;
  }
}
/* line 1304, ../_animate.scss */
.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 fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 1337, ../_animate.scss */
.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;
  }
}
/* line 1370, ../_animate.scss */
.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;
  }
}
/* line 1403, ../_animate.scss */
.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;
  }
}
/* line 1436, ../_animate.scss */
.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;
  }
}
/* line 1469, ../_animate.scss */
.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;
  }
}
/* line 1502, ../_animate.scss */
.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;
  }
}
/* line 1527, ../_animate.scss */
.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);
  }
}
/* line 1556, ../_animate.scss */
.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);
  }
}
/* line 1585, ../_animate.scss */
.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);
  }
}
/* line 1614, ../_animate.scss */
.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);
  }
}
/* line 1643, ../_animate.scss */
.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);
  }
}
/* line 1672, ../_animate.scss */
.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);
  }
}
/* line 1701, ../_animate.scss */
.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);
  }
}
/* line 1730, ../_animate.scss */
.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);
  }
}
/* line 1759, ../_animate.scss */
.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;
  }
}
/* line 1838, ../_animate.scss */
.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);
  }
}
/* line 1911, ../_animate.scss */
.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);
  }
}
/* line 1984, ../_animate.scss */
.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;
  }
}
/* line 2029, ../_animate.scss */
.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;
  }
}
/* line 2074, ../_animate.scss */
.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;
  }
}
/* line 2133, ../_animate.scss */
.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;
  }
}
/* line 2164, ../_animate.scss */
.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;
  }
}
/* line 2207, ../_animate.scss */
.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;
  }
}
/* line 2248, ../_animate.scss */
.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;
  }
}
/* line 2289, ../_animate.scss */
.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;
  }
}
/* line 2330, ../_animate.scss */
.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;
  }
}
/* line 2371, ../_animate.scss */
.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;
  }
}
/* line 2408, ../_animate.scss */
.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;
  }
}
/* line 2445, ../_animate.scss */
.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;
  }
}
/* line 2482, ../_animate.scss */
.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;
  }
}
/* line 2519, ../_animate.scss */
.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;
  }
}
/* line 2556, ../_animate.scss */
.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;
  }
}
/* line 2629, ../_animate.scss */
.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;
  }
}
/* line 2664, ../_animate.scss */
.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);
  }
}
/* line 2695, ../_animate.scss */
.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;
  }
}
/* line 2724, ../_animate.scss */
.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);
  }
}
/* line 2765, ../_animate.scss */
.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);
  }
}
/* line 2806, ../_animate.scss */
.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);
  }
}
/* line 2847, ../_animate.scss */
.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);
  }
}
/* line 2888, ../_animate.scss */
.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;
  }
}
/* line 2925, ../_animate.scss */
.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);
  }
}
/* line 2970, ../_animate.scss */
.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;
  }
}
/* line 3007, ../_animate.scss */
.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;
  }
}
/* line 3044, ../_animate.scss */
.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);
  }
}
/* line 3089, ../_animate.scss */
.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);
  }
}
/* line 3120, ../_animate.scss */
.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);
  }
}
/* line 3151, ../_animate.scss */
.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);
  }
}
/* line 3182, ../_animate.scss */
.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);
  }
}
/* line 3213, ../_animate.scss */
.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);
  }
}
/* line 3244, ../_animate.scss */
.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);
  }
}
/* line 3275, ../_animate.scss */
.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);
  }
}
/* line 3306, ../_animate.scss */
.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);
  }
}
/* line 3337, ../_animate.scss */
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/*RIGHT*/
/* line 2, ../_transition.scss */
.page-slideRight > .page-view {
  -webkit-transition: -webkit-transform .25s ease-in-out;
  transition: transform .25s ease-in-out;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  transition: .25s ease-in-out;
}

/* line 9, ../_transition.scss */
.page-slideRight > .page-view.ng-enter.ng-enter-active, .page-view.ng-leave {
  position: absolute;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

/* line 14, ../_transition.scss */
.page-slideRight > .page-view.ng-leave.ng-leave-active {
  -webkit-transform: translateX(10%);
  transform: translateX(10%);
  opacity: 0;
}

/* line 19, ../_transition.scss */
.page-slideRight > .page-view.ng-enter {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

/*LEFT*/
/* line 25, ../_transition.scss */
.page-slideLeft > .page-view {
  -webkit-transition: -webkit-transform .25s ease-in-out;
  transition: transform .25s ease-in-out;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  transition: .25s ease-in-out;
}

/* line 32, ../_transition.scss */
.page-slideLeft > .page-view.ng-enter {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

/* line 36, ../_transition.scss */
.page-slideLeft > .page-view.ng-enter.ng-enter-active, .page-view.ng-leave {
  position: absolute;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

/* line 41, ../_transition.scss */
.page-slideLeft > .page-view.ng-leave.ng-leave-active {
  -webkit-transform: translateX(-10%);
  transform: translateX(-10%);
  opacity: 0;
}

/*UP*/
/* line 48, ../_transition.scss */
.page-slideUp > .page-view {
  -webkit-transition: -webkit-transform .25s ease-in-out;
  transition: transform .25s ease-in-out;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  transition: .25s ease-in-out;
}

/* line 55, ../_transition.scss */
.page-slideUp > .page-view.ng-enter {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

/* line 59, ../_transition.scss */
.page-slideUp > .page-view.ng-enter.ng-enter-active, .page-view.ng-leave {
  position: absolute;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* line 64, ../_transition.scss */
.page-slideUp > .page-view.ng-leave.ng-leave-active {
  -webkit-transform: translateY(-10%);
  transform: translateY(-10%);
  opacity: 0;
}

/*DOWN*/
/* line 71, ../_transition.scss */
.page-slideDown > .page-view {
  -webkit-transition: -webkit-transform .25s ease-in-out;
  transition: transform .25s ease-in-out;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition: .25s ease-in-out;
}

/* line 78, ../_transition.scss */
.page-slideDown > .page-view.ng-enter.ng-enter-active, .page-view.ng-leave {
  position: absolute;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* line 83, ../_transition.scss */
.page-slideDown > .page-view.ng-leave.ng-leave-active {
  -webkit-transform: translateY(10%);
  transform: translateY(10%);
  opacity: 0;
}

/* line 88, ../_transition.scss */
.page-slideDown > .page-view.ng-enter {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

/* line 92, ../_transition.scss */
.contact ul li.ng-leave, .table tbody tr.ng-leave {
  display: none;
}

@keyframes hoverOn {
  from {
    top: 0;
  }
  to {
    top: -4px;
  }
}
@keyframes hoverOut {
  from {
    top: -4px;
  }
  to {
    top: 0;
  }
}
@font-face {
  font-family: gotham-med;
  src: url("../../fonts/gotham-med.ttf");
}
@font-face {
  font-family: gotham-reg;
  src: url("../../fonts/gotham-reg.ttf");
}
@font-face {
  font-family: gotham-light;
  src: url("../../fonts/gotham-light.ttf");
}
@font-face {
  font-family: sf-light;
  src: url("../../fonts/sf-light.ttf");
}
@font-face {
  font-family: sf-thin;
  src: url("../../fonts/sf-thin.ttf");
}
@font-face {
  font-family: sf-reg;
  src: url("../../fonts/sf-reg.ttf");
}
@font-face {
  font-family: sf-bold;
  src: url("../../fonts/sf-bold.ttf");
}
/* line 3, ../_alerts.scss */
.tr-alerts {
  position: absolute;
  top: 55px;
  left: 30px;
  display: flex;
  flex-direction: column;
  width: calc(100% - 60px);
}

/* line 12, ../_alerts.scss */
.tr-alert {
  font-family: gotham-med, sans-serif;
  color: #fff !important;
  font-size: 16px;
  line-height: 24px;
  border-radius: 24px;
  padding: 7px 18px;
  display: flex !important;
  flex: 1;
  justify-content: center;
  margin-bottom: 4px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
  z-index: 9999;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -moz-transition-duration: 600ms;
  -o-transition-duration: 600ms;
  -webkit-transition-duration: 600ms;
  transition-duration: 600ms;
  -moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
/* line 30, ../_alerts.scss */
.tr-alert.entering {
  transform: translate(0, -160px);
}
/* line 33, ../_alerts.scss */
.tr-alert.entered {
  transform: translate(0, 0px);
}
/* line 36, ../_alerts.scss */
.tr-alert.exiting {
  transform: translate(0, -160px);
}
/* line 39, ../_alerts.scss */
.tr-alert.exited {
  transform: translate(0, -160px);
}
/* line 43, ../_alerts.scss */
.tr-alert.error {
  background: #b22334;
}
/* line 47, ../_alerts.scss */
.tr-alert.info {
  background: #438a98;
}

/* line 52, ../_alerts.scss */
.tr-alert__text {
  width: 100%;
  text-align: center;
}

/* Remove scroll on the body when react-modal is open */
/* line 2, ../_popup.scss */
.ReactModal__Body--open {
  overflow: hidden;
}

/* line 6, ../_popup.scss */
.popup-form-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 99;
  overflow-y: scroll;
}
/* line 16, ../_popup.scss */
.popup-form-container .form-group.centered {
  margin: 0px auto;
  float: none;
}

/* line 22, ../_popup.scss */
.popup-form, .popup-form-extended {
  background: white;
  border-radius: 7px;
  border: 1px solid #d8d8d8;
  box-sizing: border-box;
  padding: 60px 80px;
  z-index: 50;
  width: 90%;
  margin: 10px auto;
}
/* line 32, ../_popup.scss */
.popup-form.min-height, .min-height.popup-form-extended {
  min-height: 60%;
}
/* line 36, ../_popup.scss */
.popup-form.slim, .slim.popup-form-extended {
  width: 70%;
}
/* line 40, ../_popup.scss */
.popup-form.full-height, .full-height.popup-form-extended {
  min-height: 97%;
}
/* line 46, ../_popup.scss */
.popup-form.tight .row, .tight.popup-form-extended .row {
  margin-top: 0 !important;
}
/* line 51, ../_popup.scss */
.popup-form h2, .popup-form-extended h2 {
  font-weight: normal;
  font-family: sf-light;
  font-size: 36px;
  color: #6b9eb8;
}
/* line 58, ../_popup.scss */
.popup-form h3, .popup-form-extended h3 {
  font-weight: bold;
  font-family: sf-bold;
  font-size: 20px;
  color: #656565;
  margin-top: 80px;
  font-family: gotham-reg, sans-serif;
}
/* line 67, ../_popup.scss */
.popup-form .row, .popup-form-extended .row {
  margin-top: 21px;
}
/* line 70, ../_popup.scss */
.popup-form .row:first-child, .popup-form-extended .row:first-child {
  margin-top: 0;
}
/* line 75, ../_popup.scss */
.popup-form select, .popup-form-extended select,
.popup-form textarea,
.popup-form-extended textarea,
.popup-form input,
.popup-form-extended input {
  width: 100%;
  height: 60px;
  border: 1px solid #d8d8d8;
  color: #555;
  font-family: gotham-light, sans-serif;
  padding: 0 18px;
  outline: 0;
  font-size: 16px;
}
/* line 88, ../_popup.scss */
.popup-form button, .popup-form-extended button {
  font-family: gotham-light, sans-serif;
  height: 70px;
  text-align: center;
  color: #fff;
  background: #307599;
  background: -webkit-linear-gradient(left, #347094, #59a0aa);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #347094, #59a0aa);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #347094, #59a0aa);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #347094, #59a0aa);
  /* Standard syntax */
  border: none;
  width: 100%;
  max-width: 335px;
  font-size: 20px;
  border-radius: 5px;
  cursor: pointer;
}
/* line 113, ../_popup.scss */
.popup-form button.disabled, .popup-form-extended button.disabled {
  background: #e0e0e0;
  cursor: default;
}
/* line 119, ../_popup.scss */
.popup-form .button-container, .popup-form-extended .button-container {
  text-align: center;
  margin-top: 30px;
}
/* line 124, ../_popup.scss */
.popup-form .close, .popup-form-extended .close {
  position: absolute;
  right: 40px;
  top: 25px;
  cursor: pointer;
  opacity: 1;
}
/* line 132, ../_popup.scss */
.popup-form p.error, .popup-form-extended p.error {
  margin-top: 10px;
  margin-bottom: 7px;
  color: #fa474f;
  display: block;
}

/* line 140, ../_popup.scss */
.popup-form-extended {
  width: 98%;
}

/* line 146, ../_popup.scss */
.popup-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 99;
}
/* line 156, ../_popup.scss */
.popup-container .form-group input {
  width: 100%;
  height: 60px;
  border: 1px solid #d8d8d8;
  margin-top: 20px !important;
  color: #555;
  font-size: 22px;
  font-family: gotham-light, sans-serif;
  width: 270px;
  height: 45px;
  margin-top: 5px;
  padding: 0 15px;
}
/* line 170, ../_popup.scss */
.popup-container .form-group select {
  width: 270px;
  height: 45px;
  margin-top: 5px;
  border: 1px solid #d8d8d8;
  font-size: 20px;
}
/* line 179, ../_popup.scss */
.popup-container .space {
  width: 70px;
  float: left;
  height: 40px;
}
/* line 185, ../_popup.scss */
.popup-container .form-group:first-child {
  margin-left: 0px;
}
/* line 189, ../_popup.scss */
.popup-container button {
  font-family: gotham-light, sans-serif;
  height: 70px;
  text-align: center;
  color: #fff;
  background: #307599;
  background: -webkit-linear-gradient(left, #347094, #59a0aa);
  background: -o-linear-gradient(right, #347094, #59a0aa);
  background: -moz-linear-gradient(right, #347094, #59a0aa);
  background: linear-gradient(to right, #347094, #59a0aa);
  border: none;
  width: 335px;
  font-size: 20px;
  margin-top: 90px;
  border-radius: 5px;
  cursor: pointer;
  display: block;
  margin: 0 auto;
}
/* line 209, ../_popup.scss */
.popup-container .popup-panel {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -520px;
  margin-top: -277px;
  width: 1040px;
  height: 555px;
  background: white;
  border-radius: 7px;
  border: 1px solid #c9c9c9;
  box-sizing: border-box;
  padding: 60px 80px;
  z-index: 50;
}
/* line 224, ../_popup.scss */
.popup-container .popup-panel label {
  color: #606060;
  font-family: gotham-med, sans-serif;
}
/* line 229, ../_popup.scss */
.popup-container .popup-panel label.required {
  color: #438a98;
}
/* line 233, ../_popup.scss */
.popup-container .popup-panel .close {
  position: absolute;
  right: 40px;
  top: 25px;
  cursor: pointer;
  opacity: 1;
}
/* line 241, ../_popup.scss */
.popup-container .popup-panel h2 {
  font-weight: normal;
  font-family: sf-light, sans-serif;
  font-size: 50px;
  color: #6b9eb8;
}
/* line 248, ../_popup.scss */
.popup-container .popup-panel .big-field {
  width: 100%;
}
/* line 251, ../_popup.scss */
.popup-container .popup-panel .big-field input {
  width: 100%;
  height: 60px;
  border: 1px solid #f1f1f1;
  margin-top: 20px;
  color: #555;
  font-size: 22px;
  font-family: gotham-light, sans-serif;
  padding: 0 18px;
  outline: 0;
}

/* line 267, ../_popup.scss */
.message-modal .popup-form, .message-modal .popup-form-extended {
  height: 350px;
  margin-top: -175px;
}
/* line 271, ../_popup.scss */
.message-modal p {
  color: #699DB7;
}
/* line 274, ../_popup.scss */
.message-modal .btn {
  margin: 90px auto;
  display: block;
}

/* line 280, ../_popup.scss */
.tooltip-modal .popup-form, .tooltip-modal .popup-form-extended {
  top: 0;
  left: 0;
  margin: 0;
  border-radius: 0;
  padding: 100px 60px;
}
/* line 286, ../_popup.scss */
.tooltip-modal .popup-form span, .tooltip-modal .popup-form-extended span {
  display: block;
  color: #699DB7;
}

/* line 293, ../_popup.scss */
.contact-modal .autocomplete {
  color: #787878;
  font-family: gotham-reg, sans-serif;
  text-align: center;
  font-size: 18px;
  overflow: hidden;
  margin-top: 8px;
}
/* line 301, ../_popup.scss */
.contact-modal .autocomplete img {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  margin: 0 10px;
}
/* line 308, ../_popup.scss */
.contact-modal .autocomplete .image-border {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  display: inline-block;
  margin: 0 10px;
  overflow: hidden;
}
/* line 315, ../_popup.scss */
.contact-modal .autocomplete .image-border img {
  margin: 0;
  border-radius: 0;
}
/* line 321, ../_popup.scss */
.contact-modal .autocomplete .detail-text {
  position: relative;
  top: -25px;
  max-width: 400px;
  display: inline-block;
}
/* line 328, ../_popup.scss */
.contact-modal .autocomplete .add {
  color: #438a98;
  text-decoration: underline;
  margin-left: 20px;
  cursor: pointer;
}
/* line 337, ../_popup.scss */
.contact-modal button {
  margin-top: 30px;
}
/* line 341, ../_popup.scss */
.contact-modal .popup-panel {
  width: 795px;
  margin-left: -400px;
  height: 500px;
  padding: 40px 50px;
}
/* line 347, ../_popup.scss */
.contact-modal .popup-panel .loader {
  margin: 70px auto;
}

/* line 353, ../_popup.scss */
.preview-img__container {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  width: auto;
  margin-top: 14px;
}

/* line 362, ../_popup.scss */
.preview-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* line 368, ../_popup.scss */
.modal-frame {
  position: relative;
  margin: auto;
  z-index: 1000;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  width: 100%;
  height: 100%;
  visibility: hidden;
}

/* line 387, ../_popup.scss */
.modal-frame .mbody {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}
/* line 391, ../_popup.scss */
.modal-frame .mbody.no-padding {
  padding-top: 0;
}

/* line 396, ../_popup.scss */
.modal-frame.state-appear {
  visibility: visible;
}

/* line 400, ../_popup.scss */
.modal-frame.state-appear .modal-inset {
  -moz-animation: modalComeIn 0.25s ease;
  -webkit-animation: modalComeIn 0.25s ease;
  animation: modalComeIn 0.25s ease;
  visibility: visible;
  /* to keep @ final state */
}

/* line 408, ../_popup.scss */
.modal-frame.state-leave .modal-inset {
  -moz-animation: modalHeadOut 0.35s ease 0.1s;
  -webkit-animation: modalHeadOut 0.35s ease 0.1s;
  animation: modalHeadOut 0.35s ease 0.1s;
  visibility: visible;
}

@-moz-document url-prefix() {
  /* line 416, ../_popup.scss */
  .modal-frame {
    height: calc(100% - 55px);
  }
}
@-webkit-keyframes modalComeIn {
  0% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }
  65.5% {
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  100% {
    visibility: visible;
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-moz-keyframes modalComeIn {
  0% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }
  65.5% {
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  100% {
    visibility: visible;
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes modalComeIn {
  0% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }
  65.5% {
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  100% {
    visibility: visible;
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes modalHeadOut {
  0% {
    visibility: visible;
    opacity: 1;
    -moz-transform: translateY(0) scale(1, 1);
    -ms-transform: translateY(0) scale(1, 1);
    -webkit-transform: translateY(0) scale(1, 1);
    transform: translateY(0) scale(1, 1);
  }
  100% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: translateY(35px) scale(0.97, 0.97);
    -ms-transform: translateY(35px) scale(0.97, 0.97);
    -webkit-transform: translateY(35px) scale(0.97, 0.97);
    transform: translateY(35px) scale(0.97, 0.97);
  }
}
@-moz-keyframes modalHeadOut {
  0% {
    visibility: visible;
    opacity: 1;
    -moz-transform: translateY(0) scale(1, 1);
    -ms-transform: translateY(0) scale(1, 1);
    -webkit-transform: translateY(0) scale(1, 1);
    transform: translateY(0) scale(1, 1);
  }
  100% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: translateY(35px) scale(0.97, 0.97);
    -ms-transform: translateY(35px) scale(0.97, 0.97);
    -webkit-transform: translateY(35px) scale(0.97, 0.97);
    transform: translateY(35px) scale(0.97, 0.97);
  }
}
@keyframes modalHeadOut {
  0% {
    visibility: visible;
    opacity: 1;
    -moz-transform: translateY(0) scale(1, 1);
    -ms-transform: translateY(0) scale(1, 1);
    -webkit-transform: translateY(0) scale(1, 1);
    transform: translateY(0) scale(1, 1);
  }
  100% {
    visibility: hidden;
    opacity: 0;
    -moz-transform: translateY(35px) scale(0.97, 0.97);
    -ms-transform: translateY(35px) scale(0.97, 0.97);
    -webkit-transform: translateY(35px) scale(0.97, 0.97);
    transform: translateY(35px) scale(0.97, 0.97);
  }
}
@media only screen and (min-height: 640px) {
  /* line 566, ../_popup.scss */
  .popup-form-container {
    display: list-item;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  /* line 572, ../_popup.scss */
  .popup-form-container.long {
    display: block;
  }
}
@media only screen and (max-width: 600px) {
  /* line 579, ../_popup.scss */
  .popup-form, .popup-form-extended {
    width: 98%;
    height: 98%;
  }

  /* line 585, ../_popup.scss */
  .tooltip-modal .popup-form, .tooltip-modal .popup-form-extended {
    top: 0;
    left: 0;
    margin: 0;
    border-radius: 0;
    padding: 100px 40px 0 10px;
  }
  /* line 592, ../_popup.scss */
  .tooltip-modal .popup-form span, .tooltip-modal .popup-form-extended span {
    display: block;
    color: #699DB7;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 600, ../_popup.scss */
  .modal-frame {
    position: fixed;
  }
}
/* line 2, ../_components.scss */
.row .form-group:last-child {
  margin-bottom: 0;
}

/* line 6, ../_components.scss */
.form-group > .contact-info {
  padding: 21px 0;
}

/* line 10, ../_components.scss */
.form-group .errors {
  margin: 7px 0 0 0;
}

/* line 16, ../_components.scss */
.performer-share-contact .form-group {
  padding: 0 !important;
}

/* line 22, ../_components.scss */
.recording-label .remove {
  right: 60px;
  top: -29px;
}

/* line 28, ../_components.scss */
.contact-info-wrapper:first-child {
  margin-top: 0;
}

/* line 32, ../_components.scss */
.contact-info-wrapper {
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 4px;
  padding: 20px 14px;
  margin-bottom: 14px;
}
/* line 38, ../_components.scss */
.contact-info-wrapper > label {
  padding-bottom: 12px;
}
/* line 42, ../_components.scss */
.contact-info-wrapper.locked {
  background-color: rgba(0, 0, 0, 0.09);
}

/* line 51, ../_components.scss */
.contact-info-wrapper.row:first-child {
  margin-top: 0 !important;
}
/* line 56, ../_components.scss */
.contact-info-wrapper .detail-info {
  padding-top: 14px;
}
/* line 59, ../_components.scss */
.contact-info-wrapper .detail-info .addPublisher {
  width: 350px;
  top: 5px;
}
/* line 64, ../_components.scss */
.contact-info-wrapper .detail-info .writerCheckbox {
  min-width: 355px;
}
/* line 68, ../_components.scss */
.contact-info-wrapper .detail-info .form-group {
  display: inline-block;
  width: 270px;
}
/* line 73, ../_components.scss */
.contact-info-wrapper .detail-info select, .contact-info-wrapper .detail-info input {
  width: 100%;
}
/* line 79, ../_components.scss */
.contact-info-wrapper .detail-info .publisher {
  border: 0;
  margin: 0;
  padding-top: 8px;
}
/* line 84, ../_components.scss */
.contact-info-wrapper .detail-info .publisher .popup-form, .contact-info-wrapper .detail-info .publisher .popup-form-extended {
  height: 740px;
}
/* line 89, ../_components.scss */
.contact-info-wrapper .detail-info .publisherSearch {
  margin: 0 0 30px 26px;
}
/* line 92, ../_components.scss */
.contact-info-wrapper .detail-info .publisherSearch .detail-info {
  margin: 0;
}
/* line 97, ../_components.scss */
.contact-info-wrapper .detail-info .info-block div {
  display: inline-block;
  vertical-align: middle;
  width: 150px;
}

/* line 105, ../_components.scss */
.label-above-checkbox {
  width: 350px;
  top: 5px;
}

/* line 111, ../_components.scss */
.credits > span > .info-icon {
  right: 30px;
  top: 14px;
}
/* line 116, ../_components.scss */
.credits .form-field {
  margin-bottom: 10px;
}

/* line 121, ../_components.scss */
.dashboard-content .menu {
  display: flex;
  justify-content: space-between;
  vertical-align: middle;
  border: 1px solid #ececec;
  border-radius: 50px;
  overflow: hidden;
}
/* line 129, ../_components.scss */
.dashboard-content .menu .active {
  background-color: #699DB7;
  color: white;
}
/* line 133, ../_components.scss */
.dashboard-content .menu span {
  display: inline-block;
  padding: 17px 26px;
  color: #699DB7;
  text-align: center;
  font-size: 15px;
  cursor: pointer;
  background-color: #fff;
  overflow: hidden;
}
/* line 143, ../_components.scss */
.dashboard-content .menu .sub-active {
  background: #B38BCD;
  color: #fff;
}

/* line 153, ../_components.scss */
.performerShare .form-group, .form-section.credits .form-group {
  width: 100% !important;
  padding: 14px;
  position: relative;
}
/* line 158, ../_components.scss */
.performerShare .row, .form-section.credits .row {
  width: 102% !important;
}

/* line 162, ../_components.scss */
.wide-label-tooltip {
  padding-right: 25px;
}

/* line 2, ../_breadcrumbs.scss */
.breadcrumbs {
  display: flex;
  margin: 0 auto;
}

/* line 7, ../_breadcrumbs.scss */
.breadcrumb, .breadcrumb-separator {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: #438a98;
  color: #fff;
  font-size: 21px;
  height: 52px;
  padding-left: 42px;
  padding-right: 42px;
  border-radius: 0;
  margin: 0;
}
/* line 21, ../_breadcrumbs.scss */
.breadcrumb.first, .first.breadcrumb-separator {
  border-bottom-left-radius: 20px;
  padding-left: 50px;
}
/* line 26, ../_breadcrumbs.scss */
.breadcrumb.last, .last.breadcrumb-separator {
  border-bottom-right-radius: 20px;
  padding-right: 50px;
}

/* line 32, ../_breadcrumbs.scss */
.breadcrumb-separator {
  padding-left: 14px;
  padding-right: 14px;
  width: 55px;
}

/* line 39, ../_breadcrumbs.scss */
.separator-arrow {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 20px;
  margin-left: -20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* line 1, ../_loading.scss */
body {
  background-color: white;
}

/* line 5, ../_loading.scss */
.showbox {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: -100px;
}

/* line 14, ../_loading.scss */
.loader {
  position: relative;
  margin: 0px auto;
  width: 100px;
  height: 180px;
  vertical-align: middle;
  padding: 14px 0;
}

/* line 22, ../_loading.scss */
.loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}

/* line 28, ../_loading.scss */
.circular {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/* line 43, ../_loading.scss */
.path {
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px;
  }
}
@-webkit-keyframes color {
  100%, 0% {
    stroke: #3C8397;
  }
  40% {
    stroke: #4D9193;
  }
  66% {
    stroke: #24638D;
  }
  80%, 90% {
    stroke: #3A89AA;
  }
}
@keyframes color {
  100%, 0% {
    stroke: #3C8397;
  }
  40% {
    stroke: #4D9193;
  }
  66% {
    stroke: #24638D;
  }
  80%, 90% {
    stroke: #3A89AA;
  }
}
/* line 1, ../_custom.scss */
html,
.view {
  width: 100%;
}

/* line 5, ../_custom.scss */
body {
  font-family: gotham-light, sans-serif;
  padding: 0;
  margin: 0;
  width: 100%;
  background: #fff;
  line-height: 1.3;
}

/* line 13, ../_custom.scss */
body.login-page {
  padding-bottom: 0;
  overflow-x: hidden;
  overflow-y: auto !important;
}

/* line 18, ../_custom.scss */
body.register-page {
  padding-bottom: 0;
}

/* line 21, ../_custom.scss */
h1 {
  display: inline-block;
}

/* line 24, ../_custom.scss */
.block {
  display: inline-block;
  vertical-align: middle;
}

/* line 28, ../_custom.scss */
b {
  font-family: gotham-med, sans-serif;
}

/* line 31, ../_custom.scss */
a {
  text-decoration: none;
  color: #699DB7;
}

/* line 35, ../_custom.scss */
.limit-bar {
  width: 100%;
  height: 6px;
  margin-top: 20px;
}

/* line 40, ../_custom.scss */
input.datepicker.form-control {
  background: #fff;
}

/* line 43, ../_custom.scss */
.form-group-row {
  overflow: visible !important;
}

/* line 49, ../_custom.scss */
.errors select,
.errors textarea {
  border-color: #fa474f !important;
}
/* line 53, ../_custom.scss */
.errors select:focus,
.errors textarea:focus {
  border-color: #fa474f;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(233, 102, 150, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(233, 102, 150, 0.6);
}

/* line 61, ../_custom.scss */
.form-control__errors {
  padding: 7px;
  color: #fa474f;
}
/* line 65, ../_custom.scss */
.form-control__errors:empty {
  display: none;
}

/* line 69, ../_custom.scss */
span.block {
  display: block;
}

/* line 72, ../_custom.scss */
.limit-bar-internal {
  background: #699DB7;
  width: 30%;
  height: 6px;
}

/* line 148, ../sass/_custom.scss */
/* line 80, ../_custom.scss */
.account-settings-dropdown {
  text-transform: uppercase;
  font-family: gotham-med, sans-serif;
  font-size: 0.8em;
  float: right;
  margin-top: 22px;
}

/* line 155, ../sass/_custom.scss */
/* line 89, ../_custom.scss */
.account-settings-dropdown img {
  margin-left: 14px;
}

/* line 168, ../sass/_custom.scss */
/* line 94, ../_custom.scss */
.stat-block {
  display: inline-block;
  vertical-align: top;
  width: 120px;
}

/* line 99, ../_custom.scss */
.dashboard-content-inner li {
  line-height: 1.2;
}

/* line 220, ../sass/_custom.scss */
/* line 104, ../_custom.scss */
.notifications h1 {
  display: inline-block;
}

/* line 224, ../sass/_custom.scss */
/* line 109, ../_custom.scss */
.notifications a {
  float: right;
  text-transform: uppercase;
  font-family: gotham-reg, sans-serif;
  font-size: 0.8em;
}

/* line 231, ../sass/_custom.scss */
/* line 117, ../_custom.scss */
.notifications img {
  margin-right: 14px;
  width: 24px;
}

/* line 121, ../_custom.scss */
.notifications .green {
  color: #548E87;
}

/* line 247, ../sass/_custom.scss */
/* line 126, ../_custom.scss */
.notifications .yellow {
  color: #E09A31;
}

/* line 129, ../_custom.scss */
.view {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  display: none;
}

/* line 135, ../_custom.scss */
.view.ready {
  display: inline-block;
  animation: fadeIn 0.8s;
  width: 100%;
}

/* line 148, ../_custom.scss */
.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  display: none;
  z-index: 99;
}

/* line 158, ../_custom.scss */
.loading.first-load {
  display: inline-block;
}

/* line 161, ../_custom.scss */
.error-popup, .info-popup-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1001;
}

/* line 170, ../_custom.scss */
.error-popup .error-container, .info-popup-modal .error-container {
  width: 500px;
  background: white;
  border: 1px solid #699DB7;
  margin-top: -100px;
  margin-left: -250px;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 30px;
  border-radius: 5px;
  box-shadow: 1px 1px 5px #ccc;
  font-family: gotham-med, sans-serif;
}

/* line 184, ../_custom.scss */
.error-popup .error-container button, .info-popup-modal .error-container button {
  font-family: gotham-med, sans-serif;
  height: 55px;
  width: 150px;
  text-align: center;
  background: #307599;
  background: -webkit-linear-gradient(left, #347094, #59a0aa);
  background: -o-linear-gradient(right, #347094, #59a0aa);
  background: -moz-linear-gradient(right, #347094, #59a0aa);
  background: linear-gradient(to right, #347094, #59a0aa);
  border: none;
  border-radius: 5px;
  font-weight: normal;
  font-size: 16px;
  margin-top: 25px;
  color: #fff;
  margin-left: 20px;
}

/* line 202, ../_custom.scss */
.error-popup .error-container button:first-child, .info-popup-modal .error-container button:first-child {
  margin-left: 0px;
}

/* line 208, ../_custom.scss */
.info-popup-modal .info-container {
  width: 500px;
  background: white;
  border: 1px solid #699DB7;
  margin-top: -100px;
  margin-left: -250px;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 30px;
  border-radius: 5px;
  box-shadow: 1px 1px 5px #ccc;
  font-family: gotham-med, sans-serif;
}

/* line 222, ../_custom.scss */
.info-popup-modal .info-container .info-button-wrapper {
  text-align: center;
}

/* line 225, ../_custom.scss */
.info-popup-modal .info-container button {
  font-family: gotham-med, sans-serif;
  height: 55px;
  width: 150px;
  text-align: center;
  background: #307599;
  background: -webkit-linear-gradient(left, #347094, #59a0aa);
  background: -o-linear-gradient(right, #347094, #59a0aa);
  background: -moz-linear-gradient(right, #347094, #59a0aa);
  background: linear-gradient(to right, #347094, #59a0aa);
  border: none;
  border-radius: 5px;
  font-weight: normal;
  font-size: 16px;
  margin-top: 25px;
  color: #fff;
  margin-left: 20px;
}

/* line 243, ../_custom.scss */
.loading img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -75px;
  margin-left: -75px;
  width: 150px;
  height: 150px;
}

/* line 252, ../_custom.scss */
.simple-button {
  /*border: 1px solid rgb(105,157,183);*/
  border: none;
  background: #fff;
  color: #699DB7;
  border-radius: 5px;
  text-align: center;
  height: 50px;
  min-width: 150px;
  font-family: gotham-med, sans-serif;
}

/* line 264, ../_custom.scss */
.simple-button i {
  font-size: 20px;
  margin-right: 10px;
  position: relative;
  top: 2px;
}

/* line 270, ../_custom.scss */
.square-button {
  border: 1px solid #699DB7;
  background: #fff;
  color: #699DB7;
  border-radius: 1px;
  text-align: center;
  min-height: 55px;
  min-width: 220px;
  font-family: gotham-med, sans-serif;
  padding: 10px 21px;
}
/* line 281, ../_custom.scss */
.square-button .fa-plus {
  font-size: 18px;
  margin-right: 7px;
  vertical-align: middle;
}
/* line 287, ../_custom.scss */
.square-button span {
  vertical-align: middle;
}

/* line 291, ../_custom.scss */
.square-button img {
  width: 20px;
  margin-right: 10px;
}

/* line 295, ../_custom.scss */
.animated.true {
  animation: fadeIn 0.5s;
}

/* line 298, ../_custom.scss */
.pre-load {
  display: none;
}

/* line 301, ../_custom.scss */
.col-xs-2 {
  padding: 0;
}

/* line 304, ../_custom.scss */
.capital {
  text-transform: capitalize;
}

/* line 307, ../_custom.scss */
.upper-case {
  text-transform: uppercase;
}

/* line 310, ../_custom.scss */
.confirm p {
  color: #bbbbbb;
  font-size: 40px;
}

/* line 314, ../_custom.scss */
.confirm .popup-form.confirm-box, .confirm .confirm-box.popup-form-extended {
  margin-top: -240px;
  height: 480px;
}

/* line 318, ../_custom.scss */
.no-data {
  font-family: gotham-med, sans-serif;
  color: #999;
  font-size: 14px;
  text-align: center;
}

/* line 324, ../_custom.scss */
.no-margin {
  margin: 0 !important;
}

/* line 327, ../_custom.scss */
.container-sidebar {
  z-index: 20;
  height: 100%;
}

/* line 331, ../_custom.scss */
.container-sidebar.true {
  width: 300px !important;
}

/* line 334, ../_custom.scss */
.dashboard .container-sidebar.true a span {
  display: inline-block;
}

/* line 337, ../_custom.scss */
.dashboard .container-sidebar.true a img {
  margin-right: 40px;
}

/* line 340, ../_custom.scss */
.container-sidebar.collapse {
  width: 100px !important;
}

/* line 344, ../_custom.scss */
.dashboard .sidebar-links {
  margin: 57px 0 0 0;
}

/* line 348, ../_custom.scss */
.dashboard .sidebar {
  width: 100%;
  color: white;
}

/* line 352, ../_custom.scss */
.dashboard .sidebar a {
  color: #fff;
  font-size: 17px;
  text-decoration: none;
  letter-spacing: 1px;
}

/* line 359, ../_custom.scss */
.dashboard .sidebar li.active a {
  font-family: gotham-reg, sans-serif;
  color: #fff;
  font-size: 17px;
  text-decoration: none;
}

/* line 366, ../_custom.scss */
.dashboard .sidebar li.active .arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 15px 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  right: 0px;
  top: -2px;
}

/* line 377, ../_custom.scss */
.sidebar-info {
  width: 100%;
}

/* line 381, ../_custom.scss */
.container-sidebar.true .storage-limit {
  display: inline-block;
}

/* line 384, ../_custom.scss */
.song .popup-form.confirm-box, .song .confirm-box.popup-form-extended {
  position: absolute;
  z-index: 99;
  width: 850px;
  margin-left: -420px;
}

/* line 390, ../_custom.scss */
.confirm-overlay {
  position: absolute;
  z-index: 1001;
}

/* line 394, ../_custom.scss */
.memu-collapse .song .popup-form.confirm-box, .memu-collapse .song .confirm-box.popup-form-extended {
  position: absolute;
  z-index: 99;
  width: 850px;
  margin-left: -420px;
}

/* line 400, ../_custom.scss */
.song .popup-form.confirm-overlay button, .song .confirm-overlay.popup-form-extended button {
  width: 300px;
}

/* line 403, ../_custom.scss */
.song .add-writer-form p.error.general.label-message {
  bottom: 220px;
}

/* line 406, ../_custom.scss */
.privacy-policy {
  background: rgba(255, 255, 255, 0.4);
}

/* line 409, ../_custom.scss */
.privacy-policy .accept-privacy-policy {
  background: white;
  border-radius: 7px;
  padding: 60px 80px;
}

/* line 414, ../_custom.scss */
.accept-privacy-policy.modal-body .mbody {
  height: 80%;
  overflow: hidden;
}

/* line 418, ../_custom.scss */
.btn-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: none;
  opacity: 0;
  cursor: pointer;
  -webkit-animation: fadeIn 0.5s ease-out;
  -moz-animation: fadeIn 0.5s ease-out;
  -o-animation: fadeIn 0.5s ease-out;
  animation: fadeIn 0.5s ease-out;
}

/* line 434, ../_custom.scss */
.list-view .album-detail-box .image-container:hover .btn-overlay {
  display: block;
  opacity: 1;
}

/* line 438, ../_custom.scss */
.btn-overlay .del {
  border: 2px solid #fff;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50%;
  cursor: pointer;
  padding: 10px;
  display: inline-block;
}

/* line 447, ../_custom.scss */
.btn-overlay .upl {
  border: 2px solid #fff;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50%;
  cursor: pointer;
  padding: 12px 7px;
  display: inline-block;
  align-self: center;
}

/* line 457, ../_custom.scss */
.artwork-container:hover .btn-overlay {
  display: block;
  opacity: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

/* line 465, ../_custom.scss */
.btn.btn-green {
  font-family: gotham-med, sans-serif;
  height: 55px;
  width: 250px;
  text-align: center;
  background: #307599;
  background: -webkit-linear-gradient(left, #347094, #59a0aa);
  background: -o-linear-gradient(right, #347094, #59a0aa);
  background: -moz-linear-gradient(right, #347094, #59a0aa);
  background: linear-gradient(to right, #347094, #59a0aa);
  border: none;
  border-radius: 5px;
  font-weight: normal;
  font-size: 16px;
  margin-top: 15px;
  color: #fff;
  font-family: gotham-light, sans-serif;
}

/* line 483, ../_custom.scss */
.iScrollIndicator {
  background: gainsboro !important;
}

/* line 486, ../_custom.scss */
.privacy-policy p {
  font-size: 16px;
  color: #929292;
  line-height: 1.7;
}

/* line 491, ../_custom.scss */
.privacy-policy h2 {
  color: #699DB7;
  text-align: center;
  margin-top: 0;
}

/* line 496, ../_custom.scss */
.privacy-policy h3 {
  font-size: 16px;
  text-decoration: underline;
  font-weight: normal;
  font-family: gotham-reg, sans-serif;
  color: #7f7f7f;
}

/* line 503, ../_custom.scss */
.privacy-policy .close {
  position: fixed;
  top: 30px;
  right: 40px;
}

/* line 508, ../_custom.scss */
.privacy-policy h4 {
  font-size: 16px;
  font-weight: normal;
  font-family: gotham-reg, sans-serif;
  margin-top: 40px;
  color: #7f7f7f;
}

/* line 515, ../_custom.scss */
.privacy-policy ul {
  list-style: none;
  padding: 0;
}

/* line 519, ../_custom.scss */
.privacy-policy li {
  margin-top: 20px;
  color: #929292;
}

/* line 523, ../_custom.scss */
.privacy-policy li ul {
  padding-left: 30px;
}

/* line 526, ../_custom.scss */
.privacy-policy .btn.btn-default {
  background: none;
  border: 1px solid #699DB7;
  height: 50px;
  color: #699DB7;
  font-size: 18px;
  margin-top: 40px;
  min-width: 150px;
}

/* line 535, ../_custom.scss */
.privacy-policy .btn.btn-default .fa {
  margin-right: 10px;
  font-size: 16px;
}

/* line 539, ../_custom.scss */
.privacy-policy .btn.btn-link {
  color: #699DB7;
  font-family: gotham-reg, sans-serif;
  font-size: 16px;
  margin-top: 15px;
}

/* line 545, ../_custom.scss */
.privacy-policy .btn-container {
  text-align: center;
}

/* line 548, ../_custom.scss */
input.locked-date {
  background-color: #eee !important;
}

/* line 551, ../_custom.scss */
.error-popup .error-container p, .info-popup-modal .error-container p {
  color: #333;
  font-family: gotham-reg, sans-serif;
  font-size: 14px;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  /* line 558, ../_custom.scss */
  .loading img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: 100px;
    height: 100px;
  }
}
/* line 569, ../_custom.scss */
.add-publisher {
  border-radius: 0;
}

/* line 573, ../_custom.scss */
.search-icon img {
  width: 25px;
}

/* line 579, ../_custom.scss */
.add-contact-form .form-group {
  position: static;
}
/* line 585, ../_custom.scss */
.add-contact-form .question-checkbox div {
  display: inline-block;
  font-family: 'gotham-med', sans-serif;
  border: 1px solid #e2e2e2;
  padding: 20px 40px;
  margin-bottom: 20px;
}
/* line 593, ../_custom.scss */
.add-contact-form .question-checkbox div:hover, .add-contact-form .question-checkbox div.active {
  cursor: pointer;
  transition: all 0.5s ease;
  background: #5890B7;
  color: white;
  border: 1px solid transparent;
}

/* line 604, ../_custom.scss */
.performerShare .capital {
  color: #676767;
  font-size: 0.84em;
  font-family: 'gotham-med', sans-serif;
  width: 100%;
}

/* line 612, ../_custom.scss */
.collapse {
  display: inline-block;
}

/* line 616, ../_custom.scss */
.dashboard-content {
  padding: 50px 30px 42px 30px;
}

/* line 620, ../_custom.scss */
.mobileNav {
  display: none;
}

/* line 624, ../_custom.scss */
.registration-popup {
  margin-top: -50px;
}

/* line 628, ../_custom.scss */
.registration-popup h2 {
  margin-top: 20px;
}

/* line 23, ../screen.scss */
.error {
  color: #fa474f;
  display: block;
  margin-bottom: 4px;
}

/* line 35, ../screen.scss */
.appInner *:focus {
  outline: 5px auto -webkit-focus-ring-color;
}

/* line 42, ../screen.scss */
.appInner:not(.userIsTabbing) *:focus {
  outline: none;
}

/* line 47, ../screen.scss */
.page-view {
  background: #fff;
  min-width: 800px !important;
}

/* line 52, ../screen.scss */
.noscroll {
  overflow: hidden !important;
}

/* line 56, ../screen.scss */
p + p {
  margin-top: 18px;
}

/* line 60, ../screen.scss */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #a5a5a5 !important;
}

/* line 64, ../screen.scss */
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #a5a5a5 !important;
}

/* line 68, ../screen.scss */
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #a5a5a5 !important;
}

/* line 72, ../screen.scss */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #a5a5a5 !important;
}

/* line 77, ../screen.scss */
select.error,
input.error {
  border-color: #fa474f;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(250, 71, 79, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(250, 71, 79, 0.6);
}

/* line 1, ../_recording-details.scss */
.purple {
  color: #B38BCD;
}

/* line 5, ../_recording-details.scss */
.delete-credit {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

/* line 12, ../_recording-details.scss */
.performer-share-contact > form-label > label > .info-popup {
  position: relative;
  top: -18px;
  left: 196px;
}

/* line 19, ../_recording-details.scss */
.recording-page .section-header h2,
.recording-page .modify h2,
.recording-page .modify .field-group .field-group,
.recording-page .artwork-upload-message,
.recording-page .upload span,
.recording-page .song-detail-form h2,
.recording-page .song-detail-form .btn {
  color: #B38BCD !important;
}
/* line 28, ../_recording-details.scss */
.recording-page .active,
.recording-page .info-icon {
  background: #B38BCD !important;
  color: white;
  border: 1px solid white;
}
/* line 35, ../_recording-details.scss */
.recording-page .section-header h2 {
  border-bottom: 3px solid #B38BCD !important;
}
/* line 40, ../_recording-details.scss */
.recording-page .upload img.upload-icon {
  width: 45px;
}
/* line 45, ../_recording-details.scss */
.recording-page .artwork-container .artwork-upload-description img.upload-icon {
  width: 45px;
}
/* line 49, ../_recording-details.scss */
.recording-page .song-detail-form h2 {
  border-bottom: 3px solid #B38BCD;
}
/* line 53, ../_recording-details.scss */
.recording-page .song-detail-form .btn {
  border: 1px solid #B38BCD;
}
/* line 57, ../_recording-details.scss */
.recording-page .song-detail-form .add-writer img {
  top: -1px;
}

/* line 62, ../_recording-details.scss */
.recording-uploader > div {
  margin-top: 35px;
  border: 1px dashed #79a7bf;
  text-align: center;
  cursor: pointer;
  width: 100%;
  height: 196px;
}
/* line 69, ../_recording-details.scss */
.recording-uploader > div img {
  display: inline-block;
}
/* line 72, ../_recording-details.scss */
.recording-uploader > div span {
  font-size: 20px;
  display: inline-block;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 40px;
  color: #a1c2d2;
}
/* line 80, ../_recording-details.scss */
.recording-uploader > div .artwork-upload-description {
  margin-top: 0px;
}

/* line 84, ../_recording-details.scss */
.recording-uploader > div.has-song {
  border: none;
}

/* line 7, ../_dashboard.scss */
.dashboard .sidebar-links li {
  height: 90px;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}

/* line 15, ../_dashboard.scss */
.dashboard .sidebar-links .inactive {
  cursor: not-allowed;
}

/* line 19, ../_dashboard.scss */
.dashboard .content-container {
  display: block;
  padding-left: 300px;
  margin-left: auto;
  margin-right: auto;
}

/* line 27, ../_dashboard.scss */
.dashboard .sidebar-links li {
  width: 100%;
  padding-left: 35px;
  margin: 10px 0;
  height: 70px;
}

/* line 35, ../_dashboard.scss */
.dashboard .sidebar a {
  color: #fff;
  font-size: 0.9em;
  text-decoration: none;
}

/* line 41, ../_dashboard.scss */
.dashboard .sidebar li.active a {
  color: #fff;
  font-size: 0.9em;
  text-decoration: none;
}

/* line 47, ../_dashboard.scss */
.dashboard .sidebar li.active .arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  right: 0px;
  top: -7px;
}

/* line 56, ../_dashboard.scss */
.dashboard .sidebar a img {
  width: 22px;
  margin-right: 30px;
  vertical-align: middle;
}

/* line 62, ../_dashboard.scss */
.dashboard .is-child-route li {
  padding-left: 24px;
}

/* line 66, ../_dashboard.scss */
.dashboard .is-child-route a img {
  width: 48px;
}

/* line 70, ../_dashboard.scss */
.dashboard .is-child-route li.active .arrow {
  display: none !important;
}

/* line 74, ../_dashboard.scss */
.dashboard .storage-limit span {
  width: 100%;
  text-align: center;
  display: inline-block;
  border-bottom: 1px solid #4a7b87;
  padding-bottom: 30px;
  font-size: 13px;
}

/* line 82, ../_dashboard.scss */
.dashboard .addBtn {
  padding-left: 35px;
  margin-top: 50px;
}

/* line 86, ../_dashboard.scss */
.dashboard .addBtn .addSong {
  color: #fff;
}

/* line 90, ../_dashboard.scss */
.dashboard .container-wrapper {
  width: 100%;
  display: inline-block;
}

/* line 95, ../_dashboard.scss */
.dashboard .container-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 300px;
  height: 100%;
  z-index: 999;
  overflow: hidden;
}

/* line 105, ../_dashboard.scss */
.dashboard .sidebar-inner {
  background: #42A5CA;
  background: -moz-linear-gradient(top, #42A5CA 0%, #1EA4AE 100%);
  background: -webkit-linear-gradient(top, #42A5CA 0%, #1EA4AE 100%);
  background: linear-gradient(to bottom, #42a5ca 0%, #1ea4ae 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$trBlue', endColorstr='$trBlue2', GradientType=0 );
  background-position: top;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 115, ../_dashboard.scss */
.dashboard .sidebar-inner.is-child {
  background: #42A5CA;
}

/* line 123, ../_dashboard.scss */
.dashboard-screen .dashboard-content-inner {
  display: inline-block;
  width: 100%;
}

/* line 128, ../_dashboard.scss */
.dashboard .container-sidebar.true a img {
  margin-right: 0;
}

/* line 131, ../_dashboard.scss */
.dashboard .content-container.true {
  padding-left: 100px;
}

/* line 134, ../_dashboard.scss */
.dashboard .user-management-dropdown {
  position: absolute;
  width: 210px;
  z-index: 99;
  background: #fff;
  border-radius: 5px;
  top: 45px;
  right: 30px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  border: 1px solid #699DB7;
}
/* line 150, ../_dashboard.scss */
.dashboard .user-management-dropdown ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
/* line 156, ../_dashboard.scss */
.dashboard .user-management-dropdown ul li {
  cursor: pointer;
  padding: 15px 20px;
  border-bottom: 1px solid #e3e3e3;
  font-size: 14px;
  font-family: gotham-reg, sans-serif;
  text-transform: uppercase;
}
/* line 164, ../_dashboard.scss */
.dashboard .user-management-dropdown ul li:last-of-type {
  border-bottom: 0;
}
/* line 168, ../_dashboard.scss */
.dashboard .user-management-dropdown ul li:hover {
  background: #699db7;
  color: #fff;
}

/* line 175, ../_dashboard.scss */
.dashboard .user-management-dropdown.active {
  border-radius: 5px;
  background-color: white;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #699DB7;
  margin-top: -1px;
  margin-right: 1px;
}

/* line 183, ../_dashboard.scss */
.dashboard .user-management-dropdown.active .account-settings-dropdown {
  color: #699DB7;
}

/* line 186, ../_dashboard.scss */
.dashboard .user-management-dropdown.active ul {
  display: inline-block;
  width: 100%;
}

/* line 191, ../_dashboard.scss */
.account-settings-dropdown {
  cursor: pointer;
  width: 100%;
  text-align: left;
  color: #fff;
}

/* line 197, ../_dashboard.scss */
.account-settings-dropdown:hover {
  color: #699DB7;
}

/* line 200, ../_dashboard.scss */
.user-profile-form {
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 1200px;
  left: 0;
  background: #101010;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  animation-duration: .5s;
  min-width: 1100px;
  background: #101010;
  background: -webkit-linear-gradient(left, #4d4d4d, #101010);
  background: -o-linear-gradient(right, #4d4d4d, #101010);
  background: -moz-linear-gradient(right, #4d4d4d, #101010);
  background: linear-gradient(to right, #4d4d4d, #101010);
}

/* line 217, ../_dashboard.scss */
.black-button {
  width: 200px;
  height: 50px;
  border-radius: 26.5px;
  border: solid 1px #979797;
  padding: 13px;
  text-align: center;
  color: #fff;
  font-family: gotham-med, sans-serif;
  font-size: 15px;
  cursor: pointer;
}

/* line 229, ../_dashboard.scss */
.black-button .fa {
  font-size: 20px;
  position: relative;
  top: 2px;
  margin-right: 5px;
}

/* line 235, ../_dashboard.scss */
.black-button .fa-times {
  top: 1px;
}

/* line 238, ../_dashboard.scss */
.black-button.logout {
  float: left;
  position: absolute;
  left: 355px;
  top: 60px;
  padding: 17px 0px;
}

/* line 245, ../_dashboard.scss */
.less-pad .black-button.logout {
  left: 155px;
}

/* line 248, ../_dashboard.scss */
.black-button.edit-button {
  display: inline-block;
  margin-left: 20px;
}

/* line 252, ../_dashboard.scss */
.color-block {
  background: #42A5CA;
  background: -moz-linear-gradient(top, #42A5CA 0%, #1EA4AE 100%);
  background: -webkit-linear-gradient(top, #42A5CA 0%, #1EA4AE 100%);
  background: linear-gradient(to bottom, #42a5ca 0%, #1ea4ae 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$trBlue', endColorstr='$trBlue2', GradientType=0 );
  color: #fff;
  padding: 50px 0px 60px 50px;
  margin-bottom: -30px;
}

/* line 258, ../_dashboard.scss */
.color-block h1 {
  color: #fff;
  font-size: 50px;
  letter-spacing: -1px;
}

/* line 263, ../_dashboard.scss */
.dashboard-content .color-block .header1 {
  color: #fff;
}

/* line 266, ../_dashboard.scss */
.dashboard-content .color-block .header {
  color: #fff;
}

/* line 269, ../_dashboard.scss */
.color-block .stat-block .number {
  color: #fff;
}

/* line 272, ../_dashboard.scss */
.color-block .stat-block .label {
  color: #fff;
}

/* line 275, ../_dashboard.scss */
.dashboard-content .header {
  text-transform: uppercase;
  font-family: gotham-med, sans-serif;
  font-size: 18px;
  color: #699DB7;
  display: inline-block;
  margin: 50px 0 30px;
}

/* line 284, ../_dashboard.scss */
.stat-block.clickable {
  cursor: pointer;
}

/* line 288, ../_dashboard.scss */
.stat-block .number {
  font-family: gotham-light, sans-serif;
  color: #699DB7;
  font-size: 50px;
  display: inline-block;
  width: 100%;
  padding-left: 8px;
}

/* line 297, ../_dashboard.scss */
.stat-block .label {
  font-family: gotham-light, sans-serif;
  color: #699DB7;
  font-size: 16px;
  display: inline-block;
  margin-top: 14px;
  font-weight: normal;
  letter-spacing: 0.6px;
}

/* line 307, ../_dashboard.scss */
.dashboard .notifications {
  padding-left: 20px;
  width: 50%;
  float: left;
  color: #548E87;
}

/* line 313, ../_dashboard.scss */
.dashboard-content-inner h1 {
  text-transform: uppercase;
  font-family: gotham-med, sans-serif;
  font-size: 18px;
  margin-bottom: 15px;
  color: #585858;
}

/* line 320, ../_dashboard.scss */
.dashboard .activity b, .dashboard .notifications b {
  color: #585858;
  font-weight: normal;
}

/* line 324, ../_dashboard.scss */
.timestamp {
  display: block;
  margin-top: 10px;
}

/* line 328, ../_dashboard.scss */
.notifications .yellow b {
  color: #E09A31;
}

/* line 331, ../_dashboard.scss */
.notifications li {
  padding: 0 44px 20px;
  position: relative;
  top: -22px;
  font-size: 16px;
}

/* line 337, ../_dashboard.scss */
.timecode {
  color: #585858;
  font-weight: normal;
  font-family: gotham-med, sans-serif;
}

/* line 342, ../_dashboard.scss */
.notifications .clear-btn {
  color: #699DB7;
  border: 1px solid #699DB7;
  font-size: 16px;
  border-radius: 25px;
  padding: 8px 30px;
}

/* line 349, ../_dashboard.scss */
.notifications .clear-btn:hover, .notifications .clear-btn:active, .notifications .clear-btn:focus {
  text-decoration: none;
}

/* line 352, ../_dashboard.scss */
.manage-user .popup-form, .manage-user .popup-form-extended {
  margin-left: -520px;
  margin-top: -277px;
  width: 1040px;
  height: 555px;
  overflow: hidden;
}

/* line 360, ../_dashboard.scss */
.manage-user .popup-form, .manage-user .popup-form-extended {
  padding: 20px 80px;
  margin-left: -425px;
  margin-top: -380px;
  width: 850px;
  height: 775px;
  border-radius: 2px;
}

/* line 368, ../_dashboard.scss */
.manage-user .popup-form h2, .manage-user .popup-form-extended h2 {
  color: #585858;
  text-align: center;
  font-size: 22px;
  font-family: gotham-med, sans-serif;
  padding-bottom: 10px;
}

/* line 375, ../_dashboard.scss */
.manage-user .popup-form .close, .manage-user .popup-form-extended .close {
  color: #b6b6b6;
  text-align: center;
  position: initial;
  float: none;
  display: inline-block;
  width: 100%;
  opacity: 1;
  font-size: 18px;
  font-family: gotham-med, sans-serif;
  font-weight: normal;
  margin-top: 40px;
}

/* line 388, ../_dashboard.scss */
h2.company {
  margin-top: 30px;
}

/* line 391, ../_dashboard.scss */
.manage-user .popup-form button.round, .manage-user .popup-form-extended button.round {
  background: #699DB7;
  font-family: gotham-med, sans-serif;
  border-radius: 35px;
  width: 200px;
  margin: 0 auto;
  display: block;
  font-size: 16px;
  height: 55px;
}

/* line 401, ../_dashboard.scss */
.manage-user .popup-form button.round img, .manage-user .popup-form-extended button.round img {
  position: relative;
  top: 3px;
}

/* line 405, ../_dashboard.scss */
.manage-user .popup-form button.round span, .manage-user .popup-form-extended button.round span {
  position: relative;
  padding-left: 5px;
}

/* line 409, ../_dashboard.scss */
.manage-user ul {
  list-style: none;
  padding: 0;
  margin: 0;
  padding: 15px 0;
  overflow-y: auto;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

/* line 419, ../_dashboard.scss */
.manage-user ul li {
  border-bottom: 1px solid #fafafa;
  padding: 5px 0;
  float: left;
  width: 100%;
  display: inline-block;
}

/* line 426, ../_dashboard.scss */
.manage-user ul li:last-child {
  border: none;
}

/* line 429, ../_dashboard.scss */
.manage-user .name-box {
  width: 80px;
  height: 80px;
  display: inline-block;
  float: left;
  background: #eee;
  color: #a7a7a7;
  padding-top: 22px;
  text-align: center;
  font-size: 22px;
}

/* line 440, ../_dashboard.scss */
.manage-user .admin .name-box {
  background: #699DB7;
  color: #fff;
}

/* line 444, ../_dashboard.scss */
.manage-user .full-name {
  display: inline-block;
  float: left;
  color: #656565;
  font-size: 22px;
  padding: 24px 25px;
}

/* line 451, ../_dashboard.scss */
.manage-user .admin .full-name {
  color: #699DB7;
}

/* line 454, ../_dashboard.scss */
.manage-user .user-control {
  float: right;
  font-size: 17px;
  color: #b5b5b5;
  padding: 26px 0px;
  cursor: pointer;
}

/* line 461, ../_dashboard.scss */
.manage-user .admin .user-control {
  color: #699DB7;
  font-family: gotham-reg, sans-serif;
}

/* line 465, ../_dashboard.scss */
.manage-user .user-control img {
  margin-left: 50px;
  cursor: pointer;
}

/* line 469, ../_dashboard.scss */
.manage-user .round-button-container {
  margin-top: 20px;
  display: inline-block;
  width: 100%;
}

/* line 475, ../_dashboard.scss */
.add-user-form {
  -webkit-animation-duration: 0.35s;
  -moz-animation-duration: 0.35s;
  animation-duration: 0.35s;
}

/* line 480, ../_dashboard.scss */
.user-list {
  -webkit-animation-duration: 0.35s;
  -moz-animation-duration: 0.35s;
  animation-duration: 0.35s;
}

/* line 485, ../_dashboard.scss */
.user-list.ng-leave, .add-user-form.ng-leave {
  display: none;
}

/* line 488, ../_dashboard.scss */
.song .popup-form .add-user-form input.error, .song .popup-form-extended .add-user-form input.error {
  border: 1px solid #cc0000;
}

/* line 491, ../_dashboard.scss */
.add-user-form.form-group p {
  color: #585858;
  font-size: 24px;
}

/* line 495, ../_dashboard.scss */
.add-user-form.form-group p.user-name {
  font-family: gotham-med, sans-serif;
}

/* line 498, ../_dashboard.scss */
.dashboard .container-sidebar.collapse {
  width: 100px;
  display: block;
}

/* line 502, ../_dashboard.scss */
.menu a span.ng-leave, .dashboard .storage-limit.ng-leave, .dashboard .addBtn .addSong span.ng-leave {
  display: none;
}

/* line 505, ../_dashboard.scss */
.color-block .header {
  text-transform: uppercase;
  font-family: gotham-med, sans-serif;
  font-size: 18px;
  color: #fff;
  display: inline-block;
  margin: 50px 0 30px;
}

/* line 513, ../_dashboard.scss */
.dashboard .sidebar a {
  opacity: 0.3;
  transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -webkit-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
}

/* line 520, ../_dashboard.scss */
.dashboard .sidebar a:hover, .dashboard .sidebar-links li.active a {
  opacity: 1;
}

/* line 523, ../_dashboard.scss */
.dashboard .storage-limit span b {
  font-weight: normal;
  font-family: gotham-med, sans-serif;
}

/* line 527, ../_dashboard.scss */
.card-number {
  height: 50px;
  border: none;
  background: none;
  outline: none;
  padding: 0px 0px 0 20px;
  margin-top: 10px;
  width: 250px;
  font-size: 20px;
  float: left;
}

/* line 538, ../_dashboard.scss */
.billing select {
  background: none;
  color: #fff;
  padding: 0 10px;
}

/* line 543, ../_dashboard.scss */
.billing select option {
  color: #000;
}

/* line 546, ../_dashboard.scss */
.billing p.error {
  color: #ff0000 !important;
}

/* line 549, ../_dashboard.scss */
#paging.top {
  margin-top: 70px;
}

/* line 552, ../_dashboard.scss */
.load-container {
  width: 100%;
  text-align: center;
  display: inline-block;
  position: relative;
  height: 0;
  z-index: 10;
}

/* line 560, ../_dashboard.scss */
.load-container.more-top .loader {
  margin-top: 200px;
  margin-left: -50px;
}

/* line 564, ../_dashboard.scss */
.activity .load-container .loader {
  margin-left: 150px;
}

/* line 567, ../_dashboard.scss */
#paging {
  display: inline-block;
  width: 100%;
  height: auto;
  margin-top: 20px;
}

/* line 573, ../_dashboard.scss */
.activity #paging.top {
  margin-top: 100px;
}

/* line 576, ../_dashboard.scss */
#paging ul {
  display: inline-block;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding: 0;
}

/* line 583, ../_dashboard.scss */
#paging li {
  float: left;
  width: 35px;
  height: 35px;
  margin-right: 15px;
  margin-top: 15px;
  border: 1px solid #699DB7;
  text-align: center;
  color: #699DB7;
  font-family: gotham-reg, sans-serif;
  cursor: pointer;
  padding: 8px 0px;
  list-style: none;
}

/* line 597, ../_dashboard.scss */
#paging li.active {
  color: #fff;
  background-color: #699DB7;
}

/* line 601, ../_dashboard.scss */
.view select.form-control {
  transition: none !important;
}

/* line 604, ../_dashboard.scss */
.view.ready {
  display: block;
}

/* line 607, ../_dashboard.scss */
a {
  cursor: pointer;
}

/* line 611, ../_dashboard.scss */
button.square-button .text {
  position: relative;
  vertical-align: middle;
}

/* line 615, ../_dashboard.scss */
.square-button img {
  position: relative;
  vertical-align: middle;
}

/* line 619, ../_dashboard.scss */
.badgeCont {
  display: inline-block;
  vertical-align: middle;
  margin-right: 14px;
}

/* line 624, ../_dashboard.scss */
.account-tools a.info-icon {
  margin-right: 4px;
}

/* line 627, ../_dashboard.scss */
.profile-image {
  overflow: hidden;
}
/* line 630, ../_dashboard.scss */
.profile-image .btn-overlay {
  border-radius: 50%;
}
/* line 633, ../_dashboard.scss */
.profile-image input {
  display: none;
}
/* line 636, ../_dashboard.scss */
.profile-image .profile-picture {
  width: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/* line 645, ../_dashboard.scss */
.profile-image:hover .btn-overlay {
  opacity: 1;
}

/* line 650, ../_dashboard.scss */
.button-container--right {
  float: right;
  margin-top: 7px;
}

/* line 1, ../_login.scss */
.wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../../img/main-bg.png") no-repeat;
  background-size: cover;
}

/* line 9, ../_login.scss */
.loginContent {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  background: white;
}
/* line 15, ../_login.scss */
.loginContent .logo {
  width: 340px;
}
/* line 19, ../_login.scss */
.loginContent .loginForm {
  z-index: 3;
  /* TODO: Get recoveryForm to appear above loginForm when animating in. Currently not able to edit the animation js. */
}
/* line 24, ../_login.scss */
.loginContent a {
  font-family: gotham-med;
  display: inline-block;
  margin: 10px 0;
  font-size: 0.9em;
  opacity: 0.9;
}
/* line 32, ../_login.scss */
.loginContent a:hover {
  opacity: 1.0;
  color: #42A5CA;
  text-decoration: none;
  cursor: pointer;
}
/* line 39, ../_login.scss */
.loginContent .loginForm, .loginContent .recoveryForm {
  background: white;
  position: relative;
  top: 35%;
  -webkit-transform: translateY(-35%);
  -ms-transform: translateY(-35%);
  transform: translateY(-35%);
  padding: 0 30px;
}
/* line 43, ../_login.scss */
.loginContent .loginForm h3, .loginContent .recoveryForm h3 {
  color: #42A5CA;
  margin: 30px 0;
  font-size: 1.0em;
}
/* line 49, ../_login.scss */
.loginContent .loginForm input, .loginContent .recoveryForm input {
  border-radius: 50px;
  margin: 10px 0;
  padding: 27px 30px;
  width: 100%;
  border: 1px solid #42A5CA;
  outline: 0;
}
/* line 58, ../_login.scss */
.loginContent .loginForm input::-webkit-input-placeholder, .loginContent .loginForm textarea::-webkit-input-placeholder, .loginContent .recoveryForm input::-webkit-input-placeholder, .loginContent .recoveryForm textarea::-webkit-input-placeholder {
  color: #42A5CA !important;
  font-size: 1.1em;
}
/* line 63, ../_login.scss */
.loginContent .loginForm input:-moz-placeholder, .loginContent .loginForm textarea:-moz-placeholder, .loginContent .recoveryForm input:-moz-placeholder, .loginContent .recoveryForm textarea:-moz-placeholder {
  color: #42A5CA !important;
}
/* line 67, ../_login.scss */
.loginContent .loginForm input::-moz-placeholder, .loginContent .loginForm textarea::-moz-placeholder, .loginContent .recoveryForm input::-moz-placeholder, .loginContent .recoveryForm textarea::-moz-placeholder {
  color: #42A5CA !important;
}
/* line 71, ../_login.scss */
.loginContent .loginForm input:-ms-input-placeholder, .loginContent .loginForm textarea:-ms-input-placeholder, .loginContent .recoveryForm input:-ms-input-placeholder, .loginContent .recoveryForm textarea:-ms-input-placeholder {
  color: #42A5CA !important;
}
/* line 75, ../_login.scss */
.loginContent .loginForm .link-box, .loginContent .recoveryForm .link-box {
  display: inline-block;
  margin: 30px 30px 0 0;
}
/* line 81, ../_login.scss */
.loginContent .recoveryForm {
  position: absolute;
  width: 100%;
  background: white;
  z-index: 2;
}
/* line 86, ../_login.scss */
.loginContent .recoveryForm a {
  margin-top: 20px;
}
/* line 91, ../_login.scss */
.loginContent .btnSubmit {
  position: absolute;
  width: 100%;
  bottom: 20px;
  z-index: 5;
}
/* line 98, ../_login.scss */
.loginContent .btnContainer {
  padding-right: 30px;
  text-align: right;
}
/* line 101, ../_login.scss */
.loginContent .btnContainer img {
  width: 80px;
  cursor: pointer;
}

/* line 108, ../_login.scss */
.recoveryForm.ng-leave {
  display: none;
}

/* line 112, ../_login.scss */
.loginContent .loginForm {
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
}

/* line 118, ../_login.scss */
.loginContent .loginForm.ng-leave {
  display: none;
}

/* line 122, ../_login.scss */
.loginForm .logo {
  max-width: 100%;
}

/* line 1, ../_register.scss */
.register, .upgrade {
  position: relative;
  padding: 30px 30px 60px 30px;
  margin: 0;
  color: #fff;
  background: url(/static/img/main-bg.png);
  background-size: cover;
  min-height: 100vh;
}
/* line 11, ../_register.scss */
.register a.back img, .upgrade a.back img {
  display: inline-block;
  margin: 10px 0;
  vertical-align: middle;
}
/* line 17, ../_register.scss */
.register a.back span, .upgrade a.back span {
  color: white;
  display: inline-block;
  font-size: 0.9em;
  width: 100px;
  font-family: gotham-reg;
  text-transform: uppercase;
  vertical-align: middle;
  margin-left: 20px;
}
/* line 29, ../_register.scss */
.register h1, .upgrade h1 {
  display: inline-block;
  width: 100%;
  letter-spacing: -1px;
  font-size: 4.0em;
  font-family: sf-light;
  margin: 10px 0;
}
/* line 38, ../_register.scss */
.register h2, .upgrade h2 {
  margin: 20px 0 20px;
  font-size: 1.5em;
}
/* line 42, ../_register.scss */
.register h2 b, .upgrade h2 b {
  font-family: gotham-reg;
  margin-right: 3px;
}
/* line 48, ../_register.scss */
.register .invite button, .upgrade .invite button {
  width: 100%;
  margin-left: 0;
}

/* line 54, ../_register.scss */
.upgrade {
  position: relative;
}

/* line 59, ../_register.scss */
.pickedPlan {
  width: 74%;
  padding: 0 14px;
  margin: 0px auto 30px auto;
}
@media only screen and (max-width: 767px) {
  /* line 59, ../_register.scss */
  .pickedPlan {
    width: 100%;
  }
}
/* line 68, ../_register.scss */
.pickedPlan h1 {
  display: inline-block;
  width: 190px;
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: gotham-reg;
  line-height: 22px;
}
/* line 77, ../_register.scss */
.pickedPlan h1 span {
  font-family: gotham-med;
  font-size: 0.9em;
  margin-right: 10px;
}
/* line 83, ../_register.scss */
.pickedPlan h1 b {
  font-size: 1.0em;
  font-family: gotham-light;
}

/* line 90, ../_register.scss */
.pickedPlan .plan-total {
  width: 500px;
}

/* line 94, ../_register.scss */
.signup-form {
  position: fixed;
  background: rgba(21, 21, 21, 0.98);
  width: 100%;
  height: 100%;
  margin: 0 auto;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: scroll;
  padding: 3%;
}
/* line 106, ../_register.scss */
.signup-form b {
  font-family: gotham-reg;
}

/* line 111, ../_register.scss */
.secondPlan {
  background: #3C8397;
  border: 0;
}

/* line 116, ../_register.scss */
.thirdPlan {
  background: #4D9193;
  border: 0;
}

/* line 121, ../_register.scss */
.fourthPlan {
  background: #2a5f70;
  background: -webkit-linear-gradient(left, #2a5b6f, #15636f);
  background: -o-linear-gradient(right, #28596e, #15636f);
  background: -moz-linear-gradient(right, #28596e, #15636f);
  background: linear-gradient(to right, #146c92, #1b8798);
  border: 0;
}

/* line 130, ../_register.scss */
.formWrapper {
  padding: 20px 0;
}
/* line 133, ../_register.scss */
.formWrapper button {
  outline: 0;
  display: inline-block;
  width: 210px;
  padding: 16px;
  font-family: gotham-reg;
  font-size: 0.9em;
  background: #2a5f70;
  background: -webkit-linear-gradient(left, #2a5b6f, #15636f);
  background: -o-linear-gradient(right, #28596e, #15636f);
  background: -moz-linear-gradient(right, #28596e, #15636f);
  background: linear-gradient(to right, #146c92, #1b8798);
  border: 0;
  border-radius: 4px;
  opacity: 0.8;
  position: relative;
  animation: hoverOut 1s;
}
@media only screen and (max-width: 40em) {
  /* line 133, ../_register.scss */
  .formWrapper button {
    width: 100%;
    margin: 0 0 40px 0;
  }
}
/* line 157, ../_register.scss */
.formWrapper button:hover {
  opacity: 1.0;
  animation: hoverOn 0.5s ease;
  transition: all 0.5s ease;
  animation-fill-mode: forwards;
}
/* line 164, ../_register.scss */
.formWrapper .cancel {
  outline: 0;
  display: inline-block;
  width: 150px;
  padding: 12px 10px;
  font-family: gotham-reg;
  font-size: 0.9em;
  background: transparent;
  text-align: center;
  opacity: 0.6;
  position: relative;
  animation: hoverOut 0.5s ease;
}
@media only screen and (max-width: 40em) {
  /* line 164, ../_register.scss */
  .formWrapper .cancel {
    width: 100%;
  }
}
/* line 182, ../_register.scss */
.formWrapper .cancel:hover {
  opacity: 1.0;
  cursor: pointer;
  animation: hoverOn 0.5s ease;
  animation-fill-mode: forwards;
}

/* line 190, ../_register.scss */
form#registerForm {
  margin: 0 auto;
  width: 100%;
  padding: 0 14px;
}
@media only screen and (min-width: 768px) {
  /* line 190, ../_register.scss */
  form#registerForm {
    width: 74%;
  }
}
/* line 199, ../_register.scss */
form#registerForm span.error {
  display: inline-block;
  width: 100%;
  color: #4D9193;
}
/* line 205, ../_register.scss */
form#registerForm .sectionLabel {
  display: inline-block;
  width: 100%;
  margin: 0 0 50px;
  font-size: 0.9em;
  font-family: gotham-reg;
  letter-spacing: 1px;
  text-transform: uppercase;
}
/* line 214, ../_register.scss */
form#registerForm .sectionLabel span {
  border-bottom: 2px solid white;
  padding: 10px 0;
}
/* line 220, ../_register.scss */
form#registerForm input {
  display: inline-block;
  width: 100%;
  background: rgba(255, 255, 255, 0.09);
  border: 0;
  border-radius: 3px;
  padding: 10px 10px;
  outline: 0;
  margin: 8px 0;
  color: #fff;
}
/* line 232, ../_register.scss */
form#registerForm label span {
  display: inline-block;
  width: 100%;
  font-family: gotham-light;
  letter-spacing: 1px;
  font-size: 0.8em;
  text-transform: uppercase;
  opacity: 0.9;
}
/* line 242, ../_register.scss */
form#registerForm .form-section {
  display: inline-block;
  width: 200px;
  margin: 8px 22px 10px 0;
  vertical-align: top;
}
@media only screen and (max-width: 40em) {
  /* line 242, ../_register.scss */
  form#registerForm .form-section {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  /* line 254, ../_register.scss */
  form#registerForm .form-section label {
    width: 100%;
  }
}
/* line 260, ../_register.scss */
form#registerForm .expInput {
  width: 50px;
}
/* line 264, ../_register.scss */
form#registerForm .paymentForm {
  border-top: 1px solid rgba(255, 255, 255, 0.04);
  padding-top: 18px;
  margin-bottom: 40px;
  margin-top: 30px;
}

/* line 4, ../_registration.scss */
.registration .item img {
  max-width: 100%;
  height: 100%;
}

/* line 8, ../_registration.scss */
.registration .head {
  margin-top: 50px;
  color: #656565;
  font-family: gotham-med, sans-serif;
  font-size: 16px;
}

/* line 17, ../_registration.scss */
.registration .item {
  border: 1px solid whitesmoke;
  color: #656565;
  height: 150px;
  overflow-y: hidden;
}

/* line 23, ../_registration.scss */
.registration .item h2, .registration .item .status {
  font-family: gotham-med, sans-serif;
  font-size: 18px;
  width: 100%;
  display: inline-block;
  position: relative;
}

/* line 30, ../_registration.scss */
.registration .regis {
  font-family: gotham-reg, sans-serif;
  font-size: 18px;
}

/* line 34, ../_registration.scss */
.registration .regis {
  font-family: gotham-reg, sans-serif;
  font-size: 18px;
}

/* line 38, ../_registration.scss */
.registration .item label {
  font-family: gotham-med, sans-serif;
  font-size: 18px;
  font-weight: normal;
}

/* line 43, ../_registration.scss */
.registration .item .detail span {
  font-size: 18px;
}

/* line 46, ../_registration.scss */
.registration .item.complete {
  border: 1px solid #438a98;
  color: #438a98 !important;
}

/* line 50, ../_registration.scss */
.registration .item .action-box {
  border-left: 1px solid whitesmoke;
  font-size: 18px;
  text-align: center;
  float: right;
  padding-right: 0;
  padding-top: 60px;
  font-family: gotham-med, sans-serif;
  cursor: pointer;
}

/* line 60, ../_registration.scss */
.registration .item.complete .action-box {
  border-left: 1px solid #438a98;
}

/* line 63, ../_registration.scss */
.registration .col {
  padding: 50px 20px 0 0;
  height: 150px;
}

/* line 67, ../_registration.scss */
.registration .add-registration {
  width: 250px;
  font-size: 16px;
}

/* line 71, ../_registration.scss */
.registration .registration-image {
  width: 150px;
  height: 150px;
  position: relative;
}

/* line 76, ../_registration.scss */
.registration .title-header {
  width: 150px;
}

/* line 79, ../_registration.scss */
.registration .view-button, .registration .edit-button,
.registration .delete-button, .registration .submit-button {
  display: none;
  cursor: pointer;
}

/* line 84, ../_registration.scss */
.registration .draft .action-box .delete-button {
  border: 1px solid #438a98;
  color: #438a98;
  height: 73px;
}

/* line 89, ../_registration.scss */
.registration .complete .view-button {
  display: block;
}

/* line 92, ../_registration.scss */
.registration .ready .submit-button {
  display: block;
  color: #fff;
}

/* line 96, ../_registration.scss */
.registration .draft .delete-button, .registration .draft .edit-button {
  display: block;
  height: 75px;
  padding-top: 25px;
}

/* line 101, ../_registration.scss */
.registration .ready .action-box {
  background: #438a98;
}

/* line 104, ../_registration.scss */
.registration .draft .action-box {
  padding-top: 0;
}

/* line 107, ../_registration.scss */
.registration .complete-check {
  background: rgba(67, 138, 152, 0.7);
  width: 150px;
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

/* line 116, ../_registration.scss */
.registration .complete-check .fa {
  font-size: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  margin-top: -20px;
  margin-left: -20px;
}

/* line 125, ../_registration.scss */
.registration .complete .complete-check {
  display: block;
}

/* line 128, ../_registration.scss */
.registration .song-recording-list .item {
  height: 100px;
  width: 50%;
  border-left: 1px solid whitesmoke;
  position: relative;
  cursor: pointer;
}

/* line 135, ../_registration.scss */
.registration .song-recording-list .question-checkbox .item {
  width: 49.1%;
}

/* line 138, ../_registration.scss */
.registration .song-recording-list .st-1 .item.last {
  margin-right: 0px;
}

/* line 141, ../_registration.scss */
.registration .song-recording-list .item .status {
  float: left;
  height: 100px;
  width: 15px;
  background: #42A5CA;
}

/* line 147, ../_registration.scss */
.registration .song-recording-list .item .status .with-recording {
  float: left;
  height: 50px;
  width: 15px;
  background: #B38BCD;
  bottom: 0;
  position: absolute;
}

/* line 155, ../_registration.scss */
.registration .song-recording-list img.song-image {
  float: left;
  height: 100px;
  width: 100px;
  margin-left: -1px;
  background: #ccc;
  margin: 0 auto;
}

/* line 163, ../_registration.scss */
.registration .song-recording-list .name {
  float: left;
  color: #666666;
  font-family: gotham-med, sans-serif;
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  padding-left: 20px;
  line-height: 1.4;
}

/* line 175, ../_registration.scss */
.registration .song-recording-list-container {
  margin-top: 10px;
}

/* line 178, ../_registration.scss */
.registration .close {
  float: left;
  color: #666666;
  font-family: gotham-med, sans-serif;
  font-size: 17px;
  opacity: 1;
  margin-top: 50px;
  font-weight: normal;
}

/* line 187, ../_registration.scss */
.registration .close img {
  width: 15px;
  height: 15px;
  position: relative;
  top: -2px;
  margin-right: 5px;
}

/* line 195, ../_registration.scss */
.registration .breadcrumb, .registration .breadcrumb-separator {
  background: #fff;
  padding: 0;
  width: 100%;
  height: 50px;
}

/* line 201, ../_registration.scss */
.registration .breadcrumb .item, .registration .breadcrumb-separator .item {
  font-family: gotham-reg, sans-serif;
  font-size: 18px;
  padding: 15px 20px 15px 40px;
  line-height: 22px;
  float: left;
  height: auto;
  position: relative;
  overflow-y: inherit;
  background-color: #ffffff;
  cursor: pointer;
  width: 25%;
  text-align: center;
  user-select: none;
}
/* line 216, ../_registration.scss */
.registration .breadcrumb .item.disabled, .registration .breadcrumb-separator .item.disabled {
  cursor: default;
}

/* line 220, ../_registration.scss */
.triangle {
  position: absolute;
  border: none;
  right: 0px;
  top: 24px;
  background-color: #ffffff;
  z-index: 9;
}

/* line 228, ../_registration.scss */
.item.active .triangle::after {
  border-left-color: #42A5CA;
}

/* line 231, ../_registration.scss */
.triangle:after, .triangle:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

/* line 242, ../_registration.scss */
.triangle:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #fff;
  border-width: 24px;
  margin-top: -24px;
}

/* line 248, ../_registration.scss */
.triangle:before {
  border-color: rgba(204, 204, 204, 0);
  border-left-color: #ccc;
  border-width: 25px;
  margin-top: -25px;
}

/* line 254, ../_registration.scss */
.registration .breadcrumb .item.active, .registration .breadcrumb-separator .item.active {
  background: #42A5CA;
  color: #fff;
}

/* line 258, ../_registration.scss */
.registration .add-registration-header.grey {
  color: #b3b3b3;
}

/* line 264, ../_registration.scss */
.dashboard-content .table .header {
  display: table-cell;
  margin: 0;
  font-size: 18px;
  color: #438a98;
  font-weight: normal;
}

/* line 274, ../_registration.scss */
.isrc-registration-confirmation strong {
  font-family: gotham-med, sans-serif;
}

/* line 279, ../_registration.scss */
#myTable,
.table {
  display: table;
}

/* line 284, ../_registration.scss */
.table__thead {
  display: table-header-group;
}
/* line 289, ../_registration.scss */
.table__thead.sortable .table__th,
.table__thead.sortable th {
  cursor: pointer;
  user-select: none;
}

/* line 297, ../_registration.scss */
.table__tbody {
  display: table-row-group;
}

/* line 301, ../_registration.scss */
.table__tr {
  display: flex;
}
/* line 306, ../_registration.scss */
.table__tr.col-2 .table__td,
.table__tr.col-2 .table__th {
  width: 50%;
}
/* line 312, ../_registration.scss */
.table__tr.col-3 .table__td,
.table__tr.col-3 .table__th {
  width: 33.33333%;
}
/* line 318, ../_registration.scss */
.table__tr.col-4 .table__td,
.table__tr.col-4 .table__th {
  width: 25%;
}
/* line 324, ../_registration.scss */
.table__tr.col-5 .table__td,
.table__tr.col-5 .table__th {
  width: 20%;
}
/* line 330, ../_registration.scss */
.table__tr.col-6 .table__td,
.table__tr.col-6 .table__th {
  width: 16.66667%;
}

/* line 337, ../_registration.scss */
.table__th,
.table__td {
  font-size: 14px;
  line-height: 1.57;
  color: #4a4a4a;
  padding: 14px 7px;
  display: inline-block;
  margin: 0 auto;
  line-height: 1.4;
}

/* line 349, ../_registration.scss */
.table__thead .table__tr,
.table thead tr {
  color: #438a98;
  font-weight: normal;
  padding: 0 7px;
}

/* line 356, ../_registration.scss */
.table__thead .table__th,
.table thead tr th {
  font-weight: normal;
  vertical-align: bottom;
  margin: auto;
  padding: 0 7px;
}
/* line 363, ../_registration.scss */
.table__thead .table__th.disabled,
.table thead tr th.disabled {
  cursor: default;
}
/* line 367, ../_registration.scss */
.table__thead .table__th .distribution-col__title,
.table__thead .table__th .registration-col__title,
.table thead tr th .distribution-col__title,
.table thead tr th .registration-col__title {
  position: relative;
}
/* line 372, ../_registration.scss */
.table__thead .table__th .distribution-col__icon,
.table__thead .table__th .registration-col__icon,
.table thead tr th .distribution-col__icon,
.table thead tr th .registration-col__icon {
  position: absolute;
  right: -25px;
  top: -4px;
}
/* line 381, ../_registration.scss */
.table__thead .table__th.active .distribution-col__title,
.table__thead .table__th.active .registration-col__title,
.table thead tr th.active .distribution-col__title,
.table thead tr th.active .registration-col__title {
  border-bottom: 2px solid;
  padding-bottom: 4px;
}
/* line 387, ../_registration.scss */
.table__thead .table__th.active i,
.table thead tr th.active i {
  font-size: 30px;
  top: 3px;
  position: relative;
}
/* line 394, ../_registration.scss */
.table__thead .table__th i,
.table thead tr th i {
  font-size: 22px;
  position: relative;
  left: 5px;
}

/* line 401, ../_registration.scss */
.table__tbody .table__tr,
.table tbody tr {
  color: #656565;
  font-family: gotham-reg, sans-serif;
  font-size: 16px;
  padding: 0 7px;
}
/* line 408, ../_registration.scss */
.table__tbody .table__tr td,
.table tbody tr td {
  line-height: 1.4;
}

/* line 413, ../_registration.scss */
.table tbody tr td,
.table__tbody .table__tr .table__td {
  line-height: 1.4;
  align-self: center;
}

/* line 419, ../_registration.scss */
.filter-item {
  float: left;
  width: 300px;
}

/* line 423, ../_registration.scss */
.filter {
  margin-top: 40px;
  display: inline-block;
}

/* line 427, ../_registration.scss */
.filter-item label {
  display: inline-block;
  width: 100%;
  font-weight: normal;
  font-size: 18px;
  font-family: gotham-med, sans-serif;
}

/* line 434, ../_registration.scss */
.filter-item select {
  display: inline-block;
  width: 290px;
  padding: 5px;
  height: 40px;
  border: 1px solid #699DB7;
  font-size: 16px;
  margin-top: 15px;
}

/* line 443, ../_registration.scss */
.registration .song-recording-list .recording-info {
  display: block;
  float: left;
}

/* line 447, ../_registration.scss */
.registration .item .back {
  float: left;
  width: 100px;
  height: 100px;
  text-align: center;
  padding-top: 35px;
  border-right: 2px solid #699DB7;
}

/* line 455, ../_registration.scss */
.registration .item .recording-item .back {
  float: left;
  width: 100px;
  height: 100px;
  text-align: center;
  padding-top: 35px;
  border-right: 2px solid #B38BCD;
}

/* line 463, ../_registration.scss */
.registration .item .next {
  float: right;
  width: 100px;
  height: 100px;
  text-align: center;
  padding-top: 35px;
  background: #42A5CA;
}

/* line 471, ../_registration.scss */
.registration .item .recording-item .next {
  float: right;
  width: 100px;
  height: 100px;
  text-align: center;
  padding-top: 35px;
  background: #B38BCD;
}

/* line 479, ../_registration.scss */
.registration .item .recording-info {
  display: inline-block;
  width: calc(100% - 300px);
  height: 100px;
}

/* line 484, ../_registration.scss */
.registration .item .back i, .registration .item .next i {
  font-size: 26px;
}

/* line 487, ../_registration.scss */
.registration .item .next i {
  color: #fff;
}

/* line 490, ../_registration.scss */
.registration .song-recording-list .item {
  width: 100%;
  margin-top: -1px;
}

/* line 494, ../_registration.scss */
.registration .song-recording-list .item.song-item {
  border: 1px solid #d8d8d8;
}

/* line 497, ../_registration.scss */
.registration .song-recording-list .item.recording-item {
  border: 1px solid #B38BCD;
}

/* line 500, ../_registration.scss */
.registration .song-recording-list .recording-style {
  border-right: 1px solid #B38BCD !important;
}

/* line 503, ../_registration.scss */
.registration .song-recording-list .recording-style .back {
  border-right: 2px solid #B38BCD !important;
}

/* line 506, ../_registration.scss */
.registration .song-recording-list-container .item.focus .next {
  background: #42A5CA;
}

/* line 509, ../_registration.scss */
.registration .song-recording-list-container .recording-info.no-data {
  margin-left: 0;
  border-right: 1px solid #699DB7;
  width: calc(100% - 100px);
}

/* line 514, ../_registration.scss */
.registration .song-recording-list .recording-item .recording-info .name {
  color: #B38BCD;
}

/* line 517, ../_registration.scss */
.registration .song-recording-list .song-item .name {
  color: #3b8296;
}

/* line 520, ../_registration.scss */
.registration .song-recording-list .recording-item .name label {
  font-size: 16px;
}

/* line 523, ../_registration.scss */
.registration .song-recording-list .song-item .name label {
  color: #378094;
}

/* line 526, ../_registration.scss */
.registration .song-recording-list .recording .name .text {
  font-family: gotham-light, sans-serif;
}

/* line 529, ../_registration.scss */
.registration .id {
  margin-top: 10px;
}

/* line 532, ../_registration.scss */
.registration .id-item {
  margin-left: 20px;
}

/* line 535, ../_registration.scss */
.registration .recording.focus .id-item {
  display: inline-block;
}

/* line 538, ../_registration.scss */
.registration .id-item:first-child {
  margin-left: 0px;
}

/* line 541, ../_registration.scss */
.registration .song-recording-list-container .focus .next {
  width: 100px;
}

/* line 544, ../_registration.scss */
.registration .song-recording-list .recording-style.focus .name {
  color: #B38BCD;
}

/* line 547, ../_registration.scss */
.registration .song-recording-list .recording-style.focus .name label {
  color: #B38BCD;
}

/* line 550, ../_registration.scss */
.registration .registration-type {
  margin-top: 14px;
}

/* line 553, ../_registration.scss */
.registration .registration-type .r-item {
  margin-bottom: 21px;
}

/* line 556, ../_registration.scss */
.registration .registration-type .r-item.active {
  opacity: 0.8;
}

/* line 559, ../_registration.scss */
.registration .registration-type .r-item .button {
  width: 100%;
  bottom: 0;
  left: 0;
  height: 50px;
  position: absolute;
  color: #fff;
  font-family: gotham-med, sans-serif;
  font-size: 20px;
  text-align: center;
  padding-top: 15px;
  cursor: pointer;
}
/* line 572, ../_registration.scss */
.registration .registration-type .r-item .button.disabled {
  background: grey;
  cursor: default;
}

/* line 577, ../_registration.scss */
.registration .registration-type .r-item .button.added {
  display: none;
}

/* line 580, ../_registration.scss */
.registration .registration-type .r-item.active .button.added {
  display: block;
  border-top: 2px solid whitesmoke;
}

/* line 584, ../_registration.scss */
.registration .registration-type .r-item .item-detail {
  text-align: center;
}

/* line 587, ../_registration.scss */
.registration .registration-type .r-item i {
  font-size: 50px;
  margin-top: 25px;
}

/* line 591, ../_registration.scss */
.registration .registration-type .item-detail {
  position: relative;
}

/* line 594, ../_registration.scss */
.registration .registration-type .registration-name {
  font-family: gotham-med, sans-serif;
  font-size: 16px;
  color: #666;
  margin-top: 18px;
  margin-bottom: 12px;
}

/* line 601, ../_registration.scss */
.registration .registration-type .include {
  font-family: gotham-med, sans-serif;
  font-size: 18px;
  margin-top: 20px;
  color: #8e8e8e;
}

/* line 607, ../_registration.scss */
.registration .recording-type .r-item .button {
  background: #B38BCD;
}

/* line 610, ../_registration.scss */
.registration .song-recording-list .r-item img {
  width: 48px;
  margin-top: 20px;
  margin-bottom: 5px;
}
/* line 615, ../_registration.scss */
.registration .song-recording-list .r-item img.wide {
  width: 90px;
}

/* line 623, ../_registration.scss */
.registration .song-recording-list .add-writer img {
  width: 16px;
  height: 16px;
  float: none;
  margin: 0;
}

/* line 630, ../_registration.scss */
.button.submit-registration {
  font-family: gotham-med, sans-serif;
  height: 55px;
  width: 250px;
  text-align: center;
  background: #307599;
  background: -webkit-linear-gradient(left, #347094, #59a0aa);
  background: -o-linear-gradient(right, #347094, #59a0aa);
  background: -moz-linear-gradient(right, #347094, #59a0aa);
  background: linear-gradient(to right, #347094, #59a0aa);
  border: none;
  border-radius: 5px;
  font-weight: normal;
  font-size: 16px;
  margin-top: 25px;
  color: #fff;
}

/* line 647, ../_registration.scss */
.registration .song-detail-form.term .form-group {
  margin-left: 0;
}

/* line 650, ../_registration.scss */
.registration .term-content {
  margin-top: 30px;
  font-size: 18px;
}

/* line 654, ../_registration.scss */
.registration .term {
  margin-top: 30px;
  margin-bottom: 15px;
  line-height: 1.4;
}

/* line 659, ../_registration.scss */
.registration .term.song-detail-form .checkbox {
  width: 306px;
}

/* line 662, ../_registration.scss */
.registration .term label {
  font-size: 18px;
  font-weight: normal;
  font-family: gotham-light, sans-serif;
}

/* line 667, ../_registration.scss */
.registration label strong {
  color: #333;
  font-family: gotham-light, sans-serif;
}

/* line 671, ../_registration.scss */
.registration .submit-register {
  font-family: gotham-med, sans-serif;
  height: 55px;
  width: 250px;
  text-align: center;
  background: #307599;
  background: -webkit-linear-gradient(left, #347094, #59a0aa);
  background: -o-linear-gradient(right, #347094, #59a0aa);
  background: -moz-linear-gradient(right, #347094, #59a0aa);
  background: linear-gradient(to right, #347094, #59a0aa);
  border: none;
  border-radius: 5px;
  font-weight: normal;
  font-size: 16px;
  margin-top: 25px;
  color: #fff;
}

/* line 688, ../_registration.scss */
.registration .save-button.term {
  display: inline-block;
}

/* line 691, ../_registration.scss */
p.error {
  color: #c80000;
  font-size: 18px;
  font-family: gotham-light, sans-serif;
}

/* line 696, ../_registration.scss */
.term-content.success {
  text-align: center;
  font-size: 22px;
}

/* line 700, ../_registration.scss */
.term-content.success p {
  color: #42A5CA;
  margin-bottom: 10px;
}

/* line 704, ../_registration.scss */
.term-content.success a {
  color: #656565;
  font-family: gotham-reg, sans-serif;
}

/* line 708, ../_registration.scss */
.term-content.success a:hover {
  color: #656565;
}

/* line 711, ../_registration.scss */
.registration .no-data {
  font-family: gotham-med, sans-serif;
  text-align: center;
  margin-top: 50px;
  margin-left: 0;
}

/* line 717, ../_registration.scss */
.song-recording-list-container p {
  font-size: 16px;
  line-height: 1.5;
}

/* line 721, ../_registration.scss */
.song-recording-list-container .song h2 {
  font-family: gotham-med, sans-serif;
  font-size: 18px;
  color: #42A5CA;
  border-bottom: 3px solid #42A5CA;
  display: inline-block;
  padding-bottom: 7px;
  margin-bottom: 20px;
  margin-top: 40px;
}

/* line 731, ../_registration.scss */
.song-recording-list-container .song .center {
  text-align: center;
  margin-top: 20px;
}

/* line 735, ../_registration.scss */
.registration .save-button.term.isrc {
  margin-left: 0px;
}

/* line 738, ../_registration.scss */
.registration .success .big {
  font-size: 24px;
  color: #656565;
  font-family: gotham-med, sans-serif;
}

/* line 743, ../_registration.scss */
.registration .learn-more {
  cursor: pointer;
  color: #699DB7;
  font-size: 16px;
  font-family: gotham-reg, sans-serif;
  margin-top: 7px;
}

/* line 750, ../_registration.scss */
h2.confirm-heder {
  margin-top: -10px;
  margin-bottom: 30px;
}

/* line 754, ../_registration.scss */
.term-content li {
  list-style: none;
  margin-top: 15px;
  line-height: 1.4;
}

/* line 759, ../_registration.scss */
.term-content .song {
  display: inline-block;
  width: 100%;
  height: 120px;
}

/* line 764, ../_registration.scss */
.term-content h3 {
  margin-top: 30px;
  margin-bottom: 20px;
}

/* line 768, ../_registration.scss */
.term-content p {
  padding-left: 40px;
  font-family: gotham-reg, sans-serif;
}

/* line 772, ../_registration.scss */
.term-content p.error {
  padding-left: 0px;
}

/* line 775, ../_registration.scss */
.registration .modal-frame {
  position: fixed !important;
}

/* line 778, ../_registration.scss */
.registration .add-writer-form {
  height: 350px;
  font-size: 22px;
  color: #42A5CA;
}

/* line 783, ../_registration.scss */
.registration .add-writer-form .btn {
  margin-top: 80px;
  margin-left: 250px;
}

/* line 787, ../_registration.scss */
.registration .add-writer-form p {
  color: #42A5CA;
  font-size: 22px;
}

/* line 791, ../_registration.scss */
.registration .share-error.error {
  display: inline-block;
  width: 100%;
  text-align: right;
  color: #c80000;
  padding: 20px 0px;
}

/* line 798, ../_registration.scss */
.popup-form.pdf-view iframe, .pdf-view.popup-form-extended iframe {
  border: none;
  outline: none;
  width: 100%;
  min-height: 500px;
}

/* line 804, ../_registration.scss */
.registration .popup {
  position: absolute;
  width: 700px;
  border: 1px solid #cccccc;
  height: 400px;
  overflow: hidden;
  top: -80px;
  left: 50%;
  z-index: 50;
  border-radius: 5px;
  text-align: left;
  padding: 20px 40px 40px 40px;
  display: none;
  background-color: white;
}

/* line 819, ../_registration.scss */
.registration .popup.right {
  left: 100px;
}

/* line 822, ../_registration.scss */
.registration .popup.left {
  left: -200px;
}

/* line 825, ../_registration.scss */
.registration .popup h2 {
  font-size: 20px;
  margin: 30px 0 10px 0;
}

/* line 829, ../_registration.scss */
.registration .popup .close {
  position: absolute;
  right: 15px;
  top: 0px;
  cursor: pointer;
  z-index: 50;
}

/* line 836, ../_registration.scss */
.registration .popup .popup-content {
  overflow: hidden;
  width: 100%;
  height: 325px;
}

/* line 848, ../_registration.scss */
.distribution-list .load-container {
  height: auto;
  overflow: hidden;
}
/* line 853, ../_registration.scss */
.distribution-list .table__tr {
  height: 90px !important;
}
/* line 857, ../_registration.scss */
.distribution-list .table__td {
  overflow: hidden;
}

/* line 862, ../_registration.scss */
.tall {
  height: 320px !important;
}

@media screen and (max-width: 1585px) {
  /* line 867, ../_registration.scss */
  .registration .breadcrumb .item, .registration .breadcrumb-separator .item {
    font-size: 16px;
    height: 50px;
    padding: 14px 10px 10px 30px;
  }
}
@media screen and (max-width: 1350px) {
  /* line 879, ../_registration.scss */
  .registration .breadcrumb .item, .registration .breadcrumb-separator .item {
    font-size: 15px;
    padding: 14px 10px 10px 25px;
  }
}
@media screen and (max-width: 1250px) {
  /* line 887, ../_registration.scss */
  .registration .registration-type .registration-name {
    font-size: 15px;
  }
}
/* line 2, ../_song.scss */
.heading-label,
.account-name {
  font-size: 3.2em;
  font-family: gotham-light, sans-serif;
  color: #699DB7;
  text-transform: none;
  margin: inherit;
}

/* line 10, ../_song.scss */
.heading-label {
  letter-spacing: -3px;
}

/* line 14, ../_song.scss */
.song .writer-detail {
  position: relative;
}
/* line 16, ../_song.scss */
.song .writer-detail .delete {
  position: absolute;
  cursor: pointer;
  right: -70px;
  top: 80px;
  width: 20px;
}
/* line 23, ../_song.scss */
.song .writer-detail .publisher {
  position: relative;
}
/* line 25, ../_song.scss */
.song .writer-detail .publisher .delete {
  position: absolute;
  cursor: pointer;
  right: -70px;
  top: 100px;
}
/* line 36, ../_song.scss */
.song .account-name {
  margin: 25px;
}
/* line 39, ../_song.scss */
.song a.song-name {
  display: block;
}
/* line 42, ../_song.scss */
.song .song-image {
  display: block;
}
/* line 45, ../_song.scss */
.song p.info {
  margin-top: 10px;
  display: block;
}

/* line 50, ../_song.scss */
.songspan.song-name {
  display: block;
}

/* line 53, ../_song.scss */
.song-detail-form {
  padding: 30px;
}
/* line 56, ../_song.scss */
.song-detail-form h2 {
  font-family: gotham-med, sans-serif;
  font-size: 1.0em;
  color: #699DB7;
  border-bottom: 3px solid #699DB7;
  display: inline-block;
  padding-bottom: 2px;
  margin-right: 4px;
}
/* line 65, ../_song.scss */
.song-detail-form .item {
  display: inline-block;
  vertical-align: middle;
  color: #656565;
  height: 54px !important;
  width: 49.1%;
  text-align: center;
  padding-top: 20px;
  cursor: pointer;
  margin-top: 0;
  border: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* line 79, ../_song.scss */
.song-detail-form .item.active {
  background: #699DB7;
  color: #fff;
  height: 54px !important;
}
/* line 84, ../_song.scss */
.song-detail-form .row {
  margin-top: 20px;
}
/* line 87, ../_song.scss */
.song-detail-form .row:empty {
  margin-top: 0 !important;
}
/* line 91, ../_song.scss */
.song-detail-form .btn {
  color: #699DB7;
  border: 1px solid #699DB7;
  text-align: center;
  background: #fff;
  height: 50px;
  width: 280px;
  font-family: gotham-med, sans-serif;
  margin-bottom: 50px;
  margin-top: 35px;
}
/* line 102, ../_song.scss */
.song-detail-form .add-publisher img,
.song-detail-form .add-writer img {
  width: 18px;
  position: relative;
  left: -5px;
}
/* line 108, ../_song.scss */
.song-detail-form ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 113, ../_song.scss */
.song-detail-form .errors {
  margin-bottom: 4px;
}
/* line 116, ../_song.scss */
.song-detail-form .errors.row {
  margin-top: 10px;
}
/* line 120, ../_song.scss */
.song-detail-form ul.errors:empty {
  display: none;
}
/* line 123, ../_song.scss */
.song-detail-form .add-writer {
  margin-bottom: 0;
  margin-top: 30px;
  border-radius: 0;
  padding: 15px 0;
}
/* line 128, ../_song.scss */
.song-detail-form .add-writer span {
  position: relative;
  top: -3px;
}
/* line 133, ../_song.scss */
.song-detail-form .add-publisher {
  margin-bottom: 0;
  margin-top: 30px;
  float: right;
}
/* line 139, ../_song.scss */
.song-detail-form .writer-list .writer-item {
  margin-top: 30px;
  margin-bottom: 30px;
  border-bottom: 2px dashed #ccc;
}
/* line 144, ../_song.scss */
.song-detail-form .writer-list li span.writer-name {
  height: 55px;
  font-family: gotham-med, sans-serif;
  color: #656565;
  font-size: 16px;
  border-left: 5px solid #699DB7;
  display: inline-block;
  padding-left: 30px;
  padding-top: 15px;
  cursor: pointer;
}
/* line 156, ../_song.scss */
.song-detail-form .copyright {
  border-bottom: 1px solid #ebebeb;
  margin-top: 20px;
  display: inline-block;
  width: 100%;
  padding-bottom: 50px;
  min-width: 1020px;
}
/* line 163, ../_song.scss */
.song-detail-form .copyright .strong {
  font-weight: normal;
  font-family: gotham-med, sans-serif;
  font-size: 16px;
}
/* line 168, ../_song.scss */
.song-detail-form .copyright .head {
  padding-right: 30px;
  display: inline-block;
  width: 100%;
}
/* line 173, ../_song.scss */
.song-detail-form .copyright .head span {
  font-size: 16px;
}
/* line 176, ../_song.scss */
.song-detail-form .copyright .left {
  float: left;
}
/* line 179, ../_song.scss */
.song-detail-form .copyright .right {
  float: right;
  margin-right: 60px;
}
/* line 183, ../_song.scss */
.song-detail-form .copyright p {
  font-size: 20px;
  color: #747474;
  margin-bottom: 30px;
}
/* line 189, ../_song.scss */
.song-detail-form .copyright-left {
  float: left;
  width: 700px;
}
/* line 193, ../_song.scss */
.song-detail-form .copyright-right {
  float: left;
  padding-left: 30px;
}
/* line 197, ../_song.scss */
.song-detail-form .section-header {
  margin-top: 20px;
}
/* line 200, ../_song.scss */
.song-detail-form .question {
  border-right: 3px solid #f8f8f8;
  margin-top: 25px;
  padding-right: 40px;
  display: inline-block;
  position: relative;
}
/* line 207, ../_song.scss */
.song-detail-form .submit-status {
  margin-top: 50px;
  padding-bottom: 50px;
}
/* line 211, ../_song.scss */
.song-detail-form .radio-item {
  margin-bottom: 20px;
  font-family: gotham-light, sans-serif;
  color: #c8c8c8;
  font-size: 18px;
  cursor: pointer;
}
/* line 217, ../_song.scss */
.song-detail-form .radio-item span {
  margin-left: 20px;
}
/* line 220, ../_song.scss */
.song-detail-form .radio-item .active {
  color: #699DB7;
  font-weight: bold;
}
/* line 224, ../_song.scss */
.song-detail-form .radio-item img {
  width: 25px;
}
/* line 227, ../_song.scss */
.song-detail-form .radio-item .uncheck {
  display: inline-block;
}
/* line 230, ../_song.scss */
.song-detail-form .radio-item .check {
  display: none;
}
/* line 233, ../_song.scss */
.song-detail-form .radio-item .active .check {
  display: inline-block;
}
/* line 236, ../_song.scss */
.song-detail-form .radio-item .active .uncheck {
  display: none;
}
/* line 240, ../_song.scss */
.song-detail-form .back-button,
.song-detail-form .next-button {
  float: left;
  cursor: pointer;
}
/* line 244, ../_song.scss */
.song-detail-form .back-button img,
.song-detail-form .next-button img {
  width: 90px;
}
/* line 247, ../_song.scss */
.song-detail-form .back-button .active,
.song-detail-form .next-button .active {
  display: none;
}
/* line 249, ../_song.scss */
.song-detail-form .back-button .active .active,
.song-detail-form .next-button .active .active {
  display: inline-block;
}
/* line 252, ../_song.scss */
.song-detail-form .back-button .active .unactive,
.song-detail-form .next-button .active .unactive {
  display: none;
}
/* line 257, ../_song.scss */
.song-detail-form .next-button {
  margin-left: 20px;
}
/* line 260, ../_song.scss */
.song-detail-form .save-later {
  float: right;
  color: #699DB7;
  font-family: gotham-med, sans-serif;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 60px;
}
/* line 269, ../_song.scss */
.song-detail-form .next-button-container {
  margin-top: 120px;
}
/* line 272, ../_song.scss */
.song-detail-form .writer-list > li {
  position: relative;
  margin: 20px 0;
}
/* line 275, ../_song.scss */
.song-detail-form .writer-list > li .active .unactive {
  display: none;
}

/* line 280, ../_song.scss */
.save-button button {
  font-family: gotham-med, sans-serif;
  height: 55px;
  width: 250px;
  text-align: center;
  background: #307599;
  background: -webkit-linear-gradient(left, #347094, #59a0aa);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #347094, #59a0aa);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #347094, #59a0aa);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #347094, #59a0aa);
  /* Standard syntax */
  border: none;
  border-radius: 5px;
  font-weight: normal;
  font-size: 16px;
  margin-top: 25px;
  color: #fff;
}
/* line 300, ../_song.scss */
.save-button button.disabled {
  background: #e0e0e0;
  cursor: default;
}

/* line 307, ../_song.scss */
.dashboard-header .save-button button {
  margin-top: 2px;
}

/* line 311, ../_song.scss */
.big-button {
  font-family: gotham-med, sans-serif;
  height: 55px;
  width: 250px;
  text-align: center;
  border: none;
  border-radius: 5px;
  font-weight: normal;
  font-size: 16px;
  margin-top: 25px;
  color: #438a98;
}
/* line 323, ../_song.scss */
.big-button.outline {
  border: 1px solid #438a98;
  background: none;
  color: #307599;
}
/* line 329, ../_song.scss */
.big-button.disabled {
  background: #e0e0e0;
  cursor: default;
}

/* line 344, ../_song.scss */
.song .detail {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  margin-top: 42px;
}
/* line 356, ../_song.scss */
.song .detail .detail__right {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: flex-start;
}
/* line 365, ../_song.scss */
.song .artwork {
  width: 250px;
  height: 250px;
  margin-bottom: 40px;
}
/* line 369, ../_song.scss */
.song .artwork .upload {
  width: 250px;
  height: 250px;
  padding: 10px;
  box-sizing: border-box;
  border: 1px dashed #79a7bf;
  margin-top: 0;
  position: relative;
}
/* line 379, ../_song.scss */
.song p.error {
  margin-top: 10px;
  display: block;
}
/* line 384, ../_song.scss */
.song .artwork p.error {
  font-size: 14px;
}
/* line 387, ../_song.scss */
.song .artwork .upload img {
  margin-top: 0;
}
/* line 391, ../_song.scss */
.song .remove-alt {
  color: #fa474f;
  cursor: pointer;
  font-size: 16px;
  display: inline;
  position: absolute;
  right: -20px;
  top: 19px;
}
/* line 400, ../_song.scss */
.song .alt-container {
  position: relative;
}
/* line 403, ../_song.scss */
.song .no-alt {
  font-size: 12px;
  margin: 30px 0;
  font-family: gotham-med, sans-serif;
}
/* line 408, ../_song.scss */
.song .artwork-container {
  display: inline-block;
  vertical-align: middle;
  width: 250px;
  height: 250px;
  margin-right: 30px;
  float: left;
  position: relative;
}
/* line 417, ../_song.scss */
.song .artwork-container .artwork-image-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 14px;
  box-sizing: border-box;
  border: 1px dashed #79a7bf;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* line 431, ../_song.scss */
.song .artwork-container .artwork-image-container .fa {
  color: #fff;
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 25px;
  cursor: pointer;
  text-shadow: 1px 1px 5px #000;
}
/* line 441, ../_song.scss */
.song .artwork-container .artwork-image-container .artwork-image {
  width: 230px;
  height: 230px;
  position: relative;
  background: #e6e6e6;
  overflow: hidden;
}
/* line 447, ../_song.scss */
.song .artwork-container .artwork-image-container .artwork-image img.art {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
/* line 457, ../_song.scss */
.song .upload-song-file {
  display: none;
}
/* line 461, ../_song.scss */
.song .recording-list h3 {
  font-family: gotham-med, sans-serif;
  color: #B38BCD;
  font-size: 1.0em;
}
/* line 467, ../_song.scss */
.song .add-recording {
  background: #B38BCD;
  border: none;
  height: 50px;
  width: 100%;
  font-family: gotham-med, sans-serif;
  position: absolute;
  bottom: 0px;
  border-radius: 3px;
}
/* line 476, ../_song.scss */
.song .add-recording span {
  color: #fff;
  margin-left: 0;
  position: relative;
  top: -6px;
}
/* line 483, ../_song.scss */
.song .recording-list-item {
  position: relative;
  font-family: 'gotham-reg', sans-serif;
  font-size: 13px;
  color: #568fb6;
}
/* line 488, ../_song.scss */
.song .recording-list-item ul {
  list-style: none;
  padding: 0;
}
/* line 492, ../_song.scss */
.song .recording-list-item li {
  display: flex;
  flex-wrap: wrap;
  padding: 9px 0;
  width: 100%;
}
/* line 498, ../_song.scss */
.song .recording-list-item li img {
  display: inline-block;
  cursor: pointer;
}
/* line 503, ../_song.scss */
.song .recording-list-item .list-detail {
  display: flex;
  flex-direction: row;
  min-height: 40px;
  width: calc(100% - 40px);
  flex-wrap: wrap;
  padding-left: 14px;
  position: relative;
}
/* line 511, ../_song.scss */
.song .recording-list-item .list-detail .edit-recording {
  width: 100%;
  font-weight: normal;
  color: lightgrey;
}
/* line 518, ../_song.scss */
.song .recording-list-item h4 {
  font-size: 13px;
  font-weight: normal;
  color: #568fb6;
}
/* line 524, ../_song.scss */
.song .recording-list-item .list-detail__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  max-width: 90px;
  margin-left: 10px;
}
/* line 532, ../_song.scss */
.song .recording-list-item .list-detail__actions .edit-button {
  display: block;
  clear: both;
  float: right;
  margin-bottom: 4px;
  cursor: pointer;
}
/* line 539, ../_song.scss */
.song .recording-list-item .list-detail__actions .edit-button:hover {
  color: #42A5CA;
}
/* line 545, ../_song.scss */
.song .recording-list-item .recording-list-artwork {
  width: 100%;
  height: 100%;
}
/* line 549, ../_song.scss */
.song .recording-list-item .recording-play-icon {
  width: 35px;
  margin-left: 10px;
  position: relative;
}
/* line 555, ../_song.scss */
.song .recording-list-item span {
  font-family: gotham-light, sans-serif;
  color: #B38BCD;
  font-size: 16px;
  padding: 0;
  margin: 7px 0 0;
  display: inline-block;
}
/* line 566, ../_song.scss */
.song .recording-item .recording-image-container {
  display: inline-block;
  float: left;
  width: 40px;
  height: 40px;
  border: 1px solid #ccc;
  background: #ddd;
}
/* line 574, ../_song.scss */
.song .recording-item .remove {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 200;
}
/* line 580, ../_song.scss */
.song .recording-item .edit-credit {
  width: 22px;
  height: 22px;
}
/* line 585, ../_song.scss */
.song .primary-recording {
  display: block;
  clear: both;
  overflow: hidden;
  cursor: default;
  padding: 18px 20px;
  width: 100%;
  font-family: 'gotham-reg', sans-serif;
  font-size: 0.9em;
  border: 1px solid rgba(0, 0, 0, 0.05);
  color: #B38BCD;
}
/* line 598, ../_song.scss */
.song .song-recording-list {
  position: relative;
  margin-top: 14px;
  width: 100%;
}
/* line 603, ../_song.scss */
.song .form-section,
.song .section-header {
  margin-top: 30px;
}
/* line 607, ../_song.scss */
.song .writer-share {
  color: #676767;
  font-size: 16px;
  float: right;
  font-family: gotham-med, sans-serif;
  position: relative;
  padding-right: 60px;
}
/* line 616, ../_song.scss */
.song .add-writer-form .form-group {
  float: left;
  width: 270px;
  margin-left: 20px;
}
/* line 620, ../_song.scss */
.song .add-writer-form .form-group :first-child {
  margin-left: 0;
}
/* line 623, ../_song.scss */
.song .add-writer-form .form-group input {
  height: 45px;
  margin-top: 5px;
  padding: 0 15px;
}
/* line 628, ../_song.scss */
.song .add-writer-form .form-group select {
  height: 45px;
  margin-top: 5px;
  border: 1px solid #f1f1f1;
  font-size: 20px;
}
/* line 633, ../_song.scss */
.song .add-writer-form .form-group select [disabled] {
  background-color: #ebebe4;
}
/* line 636, ../_song.scss */
.song .add-writer-form .form-group select label.required {
  color: #7ba9c0;
}
/* line 639, ../_song.scss */
.song .add-writer-form .form-group select button {
  margin-top: 20px;
}
/* line 642, ../_song.scss */
.song .add-writer-form .form-group select p.error {
  margin-top: 5px;
  color: #fa474f;
  display: block;
  position: absolute;
  font-size: 14px;
}
/* line 649, ../_song.scss */
.song .add-writer-form .form-group select form {
  padding-top: 30px;
}
/* line 651, ../_song.scss */
.song .add-writer-form .form-group select form .form-group {
  margin-bottom: 35px;
}
/* line 655, ../_song.scss */
.song .add-writer-form .form-group select p.error.general {
  display: block;
  width: 100%;
  text-align: center;
  left: 0;
  bottom: 140px;
}
/* line 665, ../_song.scss */
.song .checkbox-label-align-right {
  text-align: right;
  padding-right: 330px;
}
/* line 669, ../_song.scss */
.song option.add-new {
  font-family: gotham-med, sans-serif;
  color: #7ba9c0;
}
/* line 673, ../_song.scss */
.song .text-danger {
  color: #a94442;
}

/* line 677, ../_song.scss */
.middle {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

/* line 685, ../_song.scss */
.registration .section-header .performer-share,
.registration .song .writer-share {
  top: 7px;
}

/* line 689, ../_song.scss */
.picker {
  max-width: 305px;
}

/* line 692, ../_song.scss */
.song .popup-form button.simple-button, .song .popup-form-extended button.simple-button {
  background: none;
  border: 1px solid #699DB7;
  color: #699DB7;
  border-radius: 0;
}

/* line 698, ../_song.scss */
.song .add-writer-form button {
  margin-left: 20px;
}

/* line 701, ../_song.scss */
.song .add-writer-form button:first-child {
  margin-left: 0;
}

/* line 704, ../_song.scss */
.song .song-play-icon {
  margin-right: -4px;
}

/* line 707, ../_song.scss */
.artwork .upload .artwork-status-message .info img {
  margin-top: 50px;
}

/* line 710, ../_song.scss */
textarea.short {
  width: 468px;
}

/* line 713, ../_song.scss */
span.paragraph {
  display: block;
  text-transform: none;
  margin-bottom: 20px;
}
/* line 718, ../_song.scss */
span.paragraph:last-child {
  margin-bottom: 0;
}

/* line 722, ../_song.scss */
.paragraph strong {
  font-family: gotham-med, sans-serif;
}

/* line 725, ../_song.scss */
.question-label {
  position: relative;
  width: 630px;
}

/* line 729, ../_song.scss */
.catalog .song-list ul li.ng-leave {
  display: none;
}

/* line 732, ../_song.scss */
.download-icon {
  width: 47px;
  position: relative;
  cursor: pointer;
}

/* line 737, ../_song.scss */
.billing-info .edit .expire {
  float: left;
}

/* line 740, ../_song.scss */
.blank-song {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #e6e6e6;
  text-align: center;
}
/* line 746, ../_song.scss */
.blank-song img {
  float: none !important;
  width: 40px !important;
  height: 40px !important;
  position: relative !important;
  background: transparent !important;
  transform: translateY(-60%);
  top: 50% !important;
  display: inline-block;
  margin: 0px auto;
}

/* line 758, ../_song.scss */
.song-detail-form {
  width: calc(100% - 340px);
  margin: 0;
  margin-bottom: 42px;
}

/* line 764, ../_song.scss */
input[type=radio] {
  width: 22px;
  height: 18px;
  display: block;
  cursor: pointer;
  margin: 0;
}

/* line 771, ../_song.scss */
input[type=checkbox] {
  width: 22px;
  height: 18px;
  display: block;
  cursor: pointer;
  margin: 0;
}

/* line 778, ../_song.scss */
.disable-click {
  opacity: 0.7;
  cursor: not-allowed !important;
}

/* line 783, ../_song.scss */
.song contact-info {
  display: inline-block;
  width: 100%;
}
/* line 786, ../_song.scss */
.song contact-info h2 {
  border: none;
}
/* line 789, ../_song.scss */
.song contact-info label {
  font-family: gotham-med, sans-serif;
  margin: 10px 0;
  display: inline-block;
}
/* line 794, ../_song.scss */
.song contact-info .img {
  width: 200px;
  height: 200px;
  float: left;
  overflow: hidden;
  background: #eee;
  position: relative;
}
/* line 801, ../_song.scss */
.song contact-info .img img {
  width: 100%;
  position: relative;
  margin-top: 50%;
  transform: translateY(-50%);
}
/* line 809, ../_song.scss */
.song contact-info .img:hover .btn-overlay {
  display: block;
  opacity: 1;
}
/* line 814, ../_song.scss */
.song contact-info .details {
  float: left;
  margin-left: 30px;
  padding: 10px;
}
/* line 820, ../_song.scss */
.song .writer-item {
  padding-bottom: 20px;
}
/* line 826, ../_song.scss */
.song .popup-form form, .song .popup-form-extended form {
  margin-top: 42px;
}

@media screen and (max-width: 1100px) {
  /* line 832, ../_song.scss */
  .song .add-writer-form p.error.general.label-message {
    bottom: 115px;
  }

  /* line 835, ../_song.scss */
  .song .popup-form h2, .song .popup-form-extended h2 {
    font-size: 40px;
  }

  /* line 838, ../_song.scss */
  .song .popup-form h3, .song .popup-form-extended h3 {
    margin-top: 35px;
  }

  /* line 841, ../_song.scss */
  .song .popup-form button, .song .popup-form-extended button {
    width: 100%;
  }

  /* line 844, ../_song.scss */
  .song .add-writer-form .form-group input {
    width: 100%;
    height: 40px;
    margin-top: 5px;
    padding: 0 10px;
    font-size: 18px;
  }

  /* line 851, ../_song.scss */
  .song .add-writer-form .form-group select {
    width: 195px;
    height: 40px;
    margin-top: 5px;
    border: 1px solid #f1f1f1;
  }

  /* line 857, ../_song.scss */
  .song .add-writer-form .form-group {
    width: 195px;
  }

  /* line 860, ../_song.scss */
  .song .add-writer-form button {
    margin-top: 10px;
    height: 50px;
    width: 250px;
  }

  /* line 865, ../_song.scss */
  .song .add-writer-form form {
    padding-top: 15px;
  }

  /* line 868, ../_song.scss */
  .song .add-writer-form p.error.general {
    bottom: 65px;
  }
}
/* line 873, ../_song.scss */
.recording-artist {
  position: inherit !important;
}

/* line 876, ../_song.scss */
.performer-share-contact {
  position: relative;
}
/* line 879, ../_song.scss */
.performer-share-contact .delete-credit {
  position: absolute;
  right: 10px;
  left: auto;
  width: 20px;
}

/* line 887, ../_song.scss */
.thisisatest {
  color: blue;
}

/* line 891, ../_song.scss */
.song .info-row {
  margin-top: 14px;
}

/* line 897, ../_song.scss */
.territory-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

/* line 903, ../_song.scss */
.territory-header {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

/* line 908, ../_song.scss */
.selection-btn {
  display: inline-block;
  text-align: center;
  color: #B38BCD;
  cursor: pointer;
}
/* line 914, ../_song.scss */
.selection-btn div:first-child {
  padding: 10px 30px 10px 30px;
  border: #B38BCD solid 2px;
  border-radius: 5px;
}
/* line 920, ../_song.scss */
.selection-btn h3.selection-title {
  margin-top: 0;
}

/* line 925, ../_song.scss */
.selection-btn.active {
  border: none;
}

/* line 929, ../_song.scss */
.selection-btn.active div:last-child {
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid #B38BCD;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  margin: 0 auto;
}

/* line 938, ../_song.scss */
.selection-btn.active div:first-child {
  font-size: 15px;
  border-radius: 5px;
  color: white;
  text-align: center;
  margin: 0 auto;
  background: #B38BCD;
  position: relative;
  text-transform: uppercase;
}

/* line 952, ../_song.scss */
.sub-pub-modal .popup-form-extended.modal-body.tight {
  height: 90vh;
}

/* line 957, ../_song.scss */
.territory-body {
  background-color: rgba(221, 222, 221, 0.4);
  display: flex;
  flex: 1;
  border-radius: 5px;
}
/* line 963, ../_song.scss */
.territory-body .advanced {
  flex: 1;
  display: inline-flex;
  flex-flow: column wrap;
  overflow: scroll;
  padding-top: 10px;
  padding-bottom: 10px;
}
/* line 972, ../_song.scss */
.territory-body .advanced::-webkit-scrollbar {
  -webkit-appearance: none;
}
/* line 975, ../_song.scss */
.territory-body .advanced::-webkit-scrollbar:vertical {
  width: 12px;
}
/* line 978, ../_song.scss */
.territory-body .advanced::-webkit-scrollbar:horizontal {
  height: 12px;
}
/* line 981, ../_song.scss */
.territory-body .advanced::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  border: 2px solid #ffffff;
}
/* line 986, ../_song.scss */
.territory-body .advanced::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff;
}
/* line 991, ../_song.scss */
.territory-body .advanced .territory-chkbx {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* line 996, ../_song.scss */
.territory-body .advanced .territory-chkbx input[type=checkbox] {
  margin: 0 !important;
}
/* line 1002, ../_song.scss */
.territory-body .single {
  align-self: center;
  margin: auto;
  width: 100%;
  text-align: center;
}
/* line 1007, ../_song.scss */
.territory-body .single .territory-chkbx {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* line 1012, ../_song.scss */
.territory-body .single input[type=checkbox] {
  margin: 0 !important;
  display: inline-block;
  background: #2aa1c0;
  border: 0px solid #000000;
  flex: 1;
}
/* line 1020, ../_song.scss */
.territory-body .controls {
  flex: 1;
  display: flex;
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
  padding-top: 3px;
  cursor: pointer;
  font-size: 16px;
  justify-content: space-between;
}
/* line 1031, ../_song.scss */
.territory-body .controls input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
/* line 1036, ../_song.scss */
.territory-body .control_indicator {
  align-self: flex-end;
  top: 2px;
  right: -30px;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
  border: 0px solid #000000;
  display: inline-flex;
}
/* line 1047, ../_song.scss */
.territory-body .control:hover input ~ .control_indicator,
.territory-body .control input:focus ~ .control_indicator {
  background: #cccccc;
}
/* line 1052, ../_song.scss */
.territory-body .controls input:checked ~ .control_indicator {
  background: #42A5CA;
}
/* line 1055, ../_song.scss */
.territory-body .controls input:checked:focus ~ .control_indicator {
  background: #42A5CA;
}
/* line 1058, ../_song.scss */
.territory-body .control_indicator:after {
  box-sizing: unset;
  content: '';
  align-self: center;
  margin: auto;
  display: none;
}
/* line 1065, ../_song.scss */
.territory-body .controls input:checked ~ .control_indicator:after {
  display: block;
}
/* line 1068, ../_song.scss */
.territory-body .control-checkbox .control_indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* line 1080, ../_song.scss */
.territory-footer {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
/* line 1084, ../_song.scss */
.territory-footer .left-btns {
  display: flex;
  flex-direction: row;
}
/* line 1088, ../_song.scss */
.territory-footer .selection-btn {
  display: flex;
  background: #B38BCD;
  border-radius: 5px;
  margin: 15px;
}
/* line 1094, ../_song.scss */
.territory-footer h3 {
  color: white;
  margin: 0;
  padding: 10px 30px 10px 30px;
}

/* line 1, ../_catalog.scss */
.catalog {
  width: 100%;
}

/* line 5, ../_catalog.scss */
.catalog .sort {
  height: 20px;
  margin: 21px 0 0 0;
}

/* line 10, ../_catalog.scss */
.catalog .sort .label {
  color: #333;
  font-size: 14px;
  font-weight: normal;
  font-family: gotham-med, sans-serif;
  margin-right: 7px;
}

/* line 18, ../_catalog.scss */
.catalog .sort .sort-dropdown {
  position: absolute;
  left: 80px;
  top: 25px;
  z-index: 99999;
  border: 1px solid #d0d0d0;
}
/* line 25, ../_catalog.scss */
.catalog .sort .sort-dropdown.closed {
  display: none;
}

/* line 30, ../_catalog.scss */
.catalog .sort .dd-arrow {
  width: 20px;
  top: 0px;
  cursor: pointer;
  margin-left: 15px;
  position: relative;
}

/* line 37, ../_catalog.scss */
.catalog .sort .dd-value {
  color: #699db7;
  font-family: gotham-med, sans-serif;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}

/* line 44, ../_catalog.scss */
.catalog .sort .dd-option {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #fff;
  border-radius: 2px;
  display: none;
  width: 100%;
}

/* line 53, ../_catalog.scss */
.catalog .sort .dd-option li {
  cursor: pointer;
  padding: 15px 20px;
  border-bottom: 1px solid #e3e3e3;
  font-size: 14px;
  font-family: gotham-reg, sans-serif;
  text-transform: uppercase;
  min-width: 284px;
}

/* line 62, ../_catalog.scss */
.catalog .sort .dd-option li.active {
  color: #699db7;
  font-family: gotham-med, sans-serif;
}

/* line 66, ../_catalog.scss */
.catalog .sort .dd-option li:last-child {
  border-bottom: none;
}

/* line 69, ../_catalog.scss */
.catalog .sort .dd-option li:hover {
  background: #699db7;
  color: #fff;
}

/* line 73, ../_catalog.scss */
.catalog .sort .alignment {
  float: right;
  clear: none;
  vertical-align: middle;
}

/* line 79, ../_catalog.scss */
.catalog .sort .alignment img {
  width: 30px;
  opacity: 0.4;
  cursor: pointer;
  margin-left: 30px;
}

/* line 85, ../_catalog.scss */
.catalog .sort .alignment img.list-icon-set {
  width: 24px;
  opacity: 0.4;
  cursor: pointer;
  margin-left: 15px;
  position: relative;
  top: -3px;
}

/* line 93, ../_catalog.scss */
.catalog .sort .alignment img.active {
  opacity: 1;
}

/* line 97, ../_catalog.scss */
.catalog .song-list {
  margin-top: 21px;
}

/* line 101, ../_catalog.scss */
.catalog .song-list .search {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px 0 0;
}

/* line 106, ../_catalog.scss */
.catalog .search-box {
  display: inline-block;
  width: 185px;
}

/* line 110, ../_catalog.scss */
.catalog .search .search-icon img {
  width: 22px;
}

/* line 113, ../_catalog.scss */
.catalog-list {
  margin: 0;
  margin-top: 42px;
  list-style: none;
  padding: 0;
}

/* line 121, ../_catalog.scss */
.catalog-list__row {
  display: block;
  clear: both;
  overflow: hidden;
}

/* line 126, ../_catalog.scss */
.catalog-list__item {
  animation-duration: .5s;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  vertical-align: middle;
}

/* line 133, ../_catalog.scss */
.catalog-list__video {
  margin-top: 14px;
}

/* line 137, ../_catalog.scss */
.catalog-list__item .song-item {
  overflow: hidden;
  display: block;
}

/* line 146, ../_catalog.scss */
.catalog-list__item.block-view .image-container {
  width: 200px;
  height: 200px;
}

/* line 152, ../_catalog.scss */
.catalog-list__item.list-view {
  width: 100%;
  clear: both;
  padding: 2px 0;
  overflow: hidden;
}
/* line 161, ../_catalog.scss */
.catalog-list__item.list-view .song-item {
  height: 150px;
}
/* line 164, ../_catalog.scss */
.catalog-list__item.list-view .song-item:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
/* line 173, ../_catalog.scss */
.catalog-list__item.list-view .image-container {
  width: 150px;
  height: 150px;
}

/* line 178, ../_catalog.scss */
.catalog-list__item.list-view:last-child {
  margin-bottom: 0;
}

/* line 182, ../_catalog.scss */
.catalog-list__item.list-view .song-item {
  background-color: #fbfbfb;
  margin-bottom: 7px;
}

/* line 187, ../_catalog.scss */
.catalog-list__item.block-view {
  float: left;
  width: 200px;
  padding-bottom: 30px;
  display: inline-block;
  margin-right: 30px;
}

/* line 195, ../_catalog.scss */
.catalog-list__item.block-view .song-name {
  margin-top: 10px;
}

/* line 199, ../_catalog.scss */
.catalog .no-data {
  margin: 30px 0;
}

/* line 203, ../_catalog.scss */
.catalog-list__item .image-container {
  border: 0;
  background: #e6e6e6;
  position: relative;
  overflow: hidden;
}

/* line 210, ../_catalog.scss */
.catalog-list li.list-view .image-container {
  border: none;
  width: 150px;
  height: 150px;
  overflow: hidden;
  border: 1px solid #a3a3a3;
}

/* line 218, ../_catalog.scss */
.catalog-list__item .song-image-container {
  cursor: pointer;
}

/* line 222, ../_catalog.scss */
.catalog-list__item .image-container .song-image {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
}

/* line 234, ../_catalog.scss */
.catalog .song-list .album ul li .image-container {
  background: #e6e6e6;
}

/* line 238, ../_catalog.scss */
.catalog-list__item .song-item .song-name {
  font-family: gotham-med, sans-serif;
  font-size: 18px;
  display: block;
}

/* line 247, ../_catalog.scss */
.song-detail__key {
  font-family: gotham-med, sans-serif;
  font-size: 15px;
  margin-top: 4px;
  color: #a6a6a6;
  font-weight: normal;
  margin-right: 4px;
  display: inline-block;
}

/* line 257, ../_catalog.scss */
.song-detail__value {
  font-family: gotham-reg, sans-serif;
  font-size: 15px;
  margin-top: 4px;
  color: #a6a6a6;
  display: inline-block;
}

/* line 265, ../_catalog.scss */
.catalog-list__item a:hover, .catalog-list__item a:active {
  color: #699DB7;
  text-decoration: none;
}

/* line 270, ../_catalog.scss */
.catalog-list__item.list-view .image-container {
  float: left;
}

/* line 273, ../_catalog.scss */
.catalog-list__item.list-view .trsid {
  font-family: gotham-reg, sans-serif;
  font-weight: normal;
}

/* line 277, ../_catalog.scss */
.catalog-list__item.list-view .details {
  flex: 1;
  display: flex;
  margin-left: 30px;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

/* line 285, ../_catalog.scss */
.catalog-list__item.list-view .info {
  flex: 1.2;
}

/* line 288, ../_catalog.scss */
.catalog-list__item.list-view .other {
  flex: 1;
}

/* line 291, ../_catalog.scss */
.catalog-list__item.list-view .actions {
  flex: 0.8;
  max-width: 115px;
}
/* line 295, ../_catalog.scss */
.catalog-list__item.list-view .actions .detail-action__container {
  display: block;
  position: relative;
}
/* line 300, ../_catalog.scss */
.catalog-list__item.list-view .actions .detail-action {
  font-family: gotham-med, sans-serif;
  float: left;
  cursor: pointer;
  clear: both;
}
/* line 306, ../_catalog.scss */
.catalog-list__item.list-view .actions .detail-action.copy {
  color: #999;
}
/* line 309, ../_catalog.scss */
.catalog-list__item.list-view .actions .detail-action.copy:hover {
  color: #666;
}
/* line 313, ../_catalog.scss */
.catalog-list__item.list-view .actions .detail-action.copy.fetching {
  color: #999;
}
/* line 316, ../_catalog.scss */
.catalog-list__item.list-view .actions .detail-action.copy.fetching:hover {
  color: #999 !important;
}
/* line 321, ../_catalog.scss */
.catalog-list__item.list-view .actions .detail-action.delete {
  color: #cc4276;
}
/* line 324, ../_catalog.scss */
.catalog-list__item.list-view .actions .detail-action.delete:hover {
  color: #f02973;
}
/* line 328, ../_catalog.scss */
.catalog-list__item.list-view .actions .detail-action.delete.fetching {
  color: #cc4276;
}
/* line 331, ../_catalog.scss */
.catalog-list__item.list-view .actions .detail-action.delete.fetching:hover {
  color: #cc4276 !important;
}
/* line 336, ../_catalog.scss */
.catalog-list__item.list-view .actions .detail-action.fetching {
  cursor: default !important;
}

/* line 341, ../_catalog.scss */
.catalog-list__item .only-list {
  display: none;
}

/* line 344, ../_catalog.scss */
.catalog-list__item .only-block {
  display: flex;
}

/* line 347, ../_catalog.scss */
.catalog-list__item.list-view .only-list {
  display: flex;
}

/* line 350, ../_catalog.scss */
.catalog-list__item.list-view .only-block {
  display: none;
}

/* line 353, ../_catalog.scss */
.catalog-list__item.list-view .recording-count {
  font-size: 18px;
  display: block;
  margin-bottom: 7px;
}
/* line 358, ../_catalog.scss */
.catalog-list__item.list-view .recording-count:last-of-type {
  margin-bottom: 0;
}

/* line 363, ../_catalog.scss */
.catalog-list__item.list-view .recording-count.grey {
  color: #656565;
  font-family: gotham-med, sans-serif;
  font-size: 16px;
}

/* line 369, ../_catalog.scss */
.catalog-list__item.list-view .recording-count .number {
  font-size: 28px;
  position: relative;
  top: 3px;
  min-width: 24px;
  text-align: center;
  display: inline-block;
  color: #699DB7;
}

/* line 378, ../_catalog.scss */
.catalog .search a {
  display: inline-block;
}

/* line 381, ../_catalog.scss */
.catalog .search a:hover, .catalog .search a:active, .catalog .search a:focus {
  text-decoration: none;
}

/* line 384, ../_catalog.scss */
.catalog .search a img {
  cursor: pointer;
}

/* line 387, ../_catalog.scss */
.catalog .search a input {
  height: 40px;
  padding: 10px 20px;
  font-size: 1.0em;
  border: 1px solid #699DB7;
  border-radius: 50px;
  display: none;
  outline: 0;
  width: 100%;
  -webkit-animation-duration: .28s;
  -moz-animation-duration: .28s;
  animation-duration: .28s;
}

/* line 400, ../_catalog.scss */
.catalog .search a input.slideInDown {
  display: inline-block;
}

/* line 403, ../_catalog.scss */
.catalog .search a input.slideOutUp {
  display: inline-block;
  top: -25px;
}

/* line 407, ../_catalog.scss */
.search-box, .search.no-padding {
  z-index: 1;
}

/* line 415, ../_catalog.scss */
.catalog .sort-dropdown-container {
  position: relative;
  float: left;
  clear: none;
}

/* line 420, ../_catalog.scss */
.catalog .sort-dropdown-container.active {
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  top: -21px;
  right: 144px;
  z-index: 20;
}

/* line 430, ../_catalog.scss */
.catalog-list__item.list-view .song-item {
  height: 150px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  flex-direction: row;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

/* line 450, ../_catalog.scss */
.catalog .song-list .album .details .song-detail .song-detail-label {
  font-weight: normal;
  font-family: gotham-med, sans-serif;
  font-size: 15px;
}

/* line 455, ../_catalog.scss */
.song-detail.time .song-detail-label {
  color: #a6a6a6;
}

/* line 458, ../_catalog.scss */
.album .details .song-name {
  color: #4d4d4d;
  font-family: gotham-med, sans-serif;
  margin: 15px 0px;
}

/* line 463, ../_catalog.scss */
.album .details .song-count {
  margin: 0 0 5px 0;
  font-size: 15px;
  color: #a6a6a6;
}

/* line 468, ../_catalog.scss */
.album .details .time {
  margin: 0 0 10px 0;
}

/* line 471, ../_catalog.scss */
.catalog .song-list .album li .image-container {
  border: none;
  background: none;
}

/* line 476, ../_catalog.scss */
.catalog .song-list .album .details .song-detail .song-detail-label.edit {
  color: #448b99;
  font-size: 15px;
  cursor: pointer;
}

/* line 481, ../_catalog.scss */
.catalog .song-list .album .details .song-detail span.count {
  font-family: gotham-reg, sans-serif;
}

/* line 484, ../_catalog.scss */
li a {
  text-decoration: none !important;
}

/* line 488, ../_catalog.scss */
.catalog .song-list .catalog-album ul li.list-view {
  padding-bottom: 80px;
}

/* line 492, ../_catalog.scss */
.catalog .song-list .catalog-album ul li.list-view .image-container {
  width: 250px;
  height: 250px;
  border: none;
}

/* line 497, ../_catalog.scss */
.catalog .song-list .catalog-album ul li.list-view .song-item {
  width: 250px;
  display: inline-block;
  float: left;
}

/* line 502, ../_catalog.scss */
.catalog .song-list .catalog-album ul li.list-view .details {
  margin-left: 0;
}

/* line 505, ../_catalog.scss */
.catalog .song-list .catalog-album ul li.list-view .details {
  width: 100%;
}

/* line 508, ../_catalog.scss */
.catalog .song-list .album-song-list {
  float: left;
  width: calc(100% - 300px);
  padding-left: 50px;
  margin-top: -20px;
}

/* line 514, ../_catalog.scss */
.catalog .song-list .album-song-list li {
  height: auto;
  width: 100%;
  display: inline-block;
}

/* line 519, ../_catalog.scss */
.catalog .song-list .catalog-album li.list-view .album-song-list .song-item {
  height: auto;
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #eeeeee;
  padding: 20px;
  color: #616161;
  font-size: 15px;
  font-family: gotham-reg, sans-serif;
  cursor: default;
}

/* line 530, ../_catalog.scss */
.catalog .song-list .catalog-album li.list-view .album-song-list li:last-child .song-item {
  border-bottom: none;
}

/* line 533, ../_catalog.scss */
.catalog .album-list .add-to-album {
  color: #5a98a4;
  cursor: pointer;
  margin-left: 0px;
  margin-top: 30px;
}

/* line 539, ../_catalog.scss */
.catalog .album-list .add-to-album span {
  font-size: 15px;
  margin-left: 10px;
  font-family: gotham-reg, sans-serif;
  position: relative;
  top: -12px;
}

/* line 546, ../_catalog.scss */
.catalog .add-album {
  border: none;
  font-size: 18px;
  min-width: 0;
  margin-top: 20px;
}

/* line 552, ../_catalog.scss */
.catalog .add-to-album img {
  width: 35px;
}

/* line 555, ../_catalog.scss */
.catalog .song-list .album li .details {
  font-size: 18px;
}

/* line 558, ../_catalog.scss */
.catalog .album-detail-box {
  float: left;
  width: 280px;
}

/* line 563, ../_catalog.scss */
.catalog .album-list.list-view .album-song-list {
  padding-left: 0;
}

/* line 566, ../_catalog.scss */
.catalog .song-in-album-no {
  font-family: gotham-med, sans-serif;
}

/* line 569, ../_catalog.scss */
.catalog .export-dropdown {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 223px;
  text-align: right;
  position: relative;
  top: -10px;
}

/* line 578, ../_catalog.scss */
.catalog .export-dropdown label {
  display: inline-block;
  font-size: 0.8em;
  font-family: gotham-med, sans-serif;
  color: #636363;
  margin: 10px 0;
  width: 100%;
  text-align: left;
}

/* line 587, ../_catalog.scss */
.catalog .export-dropdown select {
  display: inline-block;
  height: 24px;
  font-size: 1.0em;
  background: white;
}

/* line 593, ../_catalog.scss */
ul.recording-catalog-list .song-item .song-name {
  color: #699DB7;
  cursor: pointer;
}

/* line 597, ../_catalog.scss */
.catalog .song-list .song-item .song-name {
  color: #699DB7;
  cursor: pointer;
}

/* line 601, ../_catalog.scss */
.catalog .album-list .album-song-list li {
  background-color: transparent !important;
}

/* line 604, ../_catalog.scss */
.catalog-list__item.list-view.album-list .details {
  top: 0;
  transform: translate(0);
}

/* line 608, ../_catalog.scss */
.catalog-list__item.list-view.ng-leave {
  display: none;
}

/* line 611, ../_catalog.scss */
.catalogNav {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

/* line 617, ../_catalog.scss */
.info-video {
  padding-bottom: 21px;
}

/* line 621, ../_catalog.scss */
.notes-container {
  max-width: 100%;
}
/* line 624, ../_catalog.scss */
.notes-container .label-tooltip {
  margin-top: 0;
}
/* line 628, ../_catalog.scss */
.notes-container textarea {
  width: 100%;
  max-width: 100%;
  min-height: 196px;
}

/* line 635, ../_catalog.scss */
.catalog .catalog-add-song {
  color: #699DB7;
  font-weight: bold;
}

/* line 2, ../_contact.scss */
.contact h1 {
  display: inline-block;
}
/* line 6, ../_contact.scss */
.contact ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 11, ../_contact.scss */
.contact ul li {
  border-bottom: 1px solid #f8f8f8;
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  position: relative;
  height: 84px;
}
/* line 19, ../_contact.scss */
.contact ul li .contact-load-container {
  position: absolute;
  bottom: 0;
  left: 14px;
}
/* line 24, ../_contact.scss */
.contact ul li .contact-load-container .contact-load {
  width: 30px;
}
/* line 30, ../_contact.scss */
.contact ul .detail {
  float: left;
  cursor: pointer;
}
/* line 35, ../_contact.scss */
.contact ul .manage {
  float: right;
  position: relative;
  top: 20px;
  margin-left: 34px;
  cursor: pointer;
}
/* line 44, ../_contact.scss */
.contact .add-contact {
  min-width: 190px;
}
/* line 48, ../_contact.scss */
.contact .action {
  cursor: pointer;
}
/* line 51, ../_contact.scss */
.contact .action.edit {
  width: 24px;
}
/* line 55, ../_contact.scss */
.contact .action.delete {
  width: 22px;
}
/* line 60, ../_contact.scss */
.contact .menu {
  width: 284px;
}
/* line 65, ../_contact.scss */
.contact .detail .title {
  margin-left: 20px;
  font-family: gotham-reg, sans-serif;
  font-size: 18px;
  color: #858585;
  position: relative;
  top: -20px;
  cursor: pointer;
}
/* line 74, ../_contact.scss */
.contact .detail .image-border {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  overflow: hidden;
  display: inline-block;
  background: #eee;
}
/* line 82, ../_contact.scss */
.contact .detail .image-border img {
  width: 60px;
  height: 60px;
}
/* line 89, ../_contact.scss */
.contact .list {
  margin-top: 42px;
  overflow: hidden;
}
/* line 94, ../_contact.scss */
.contact .search-field {
  height: 40px;
  float: left;
  padding: 5px;
  position: relative;
  font-size: 16px;
  border: 1px solid #699DB7;
  width: 400px;
  outline: 0;
  right: 0;
  -webkit-animation-duration: .28s;
  -moz-animation-duration: .28s;
  animation-duration: .28s;
  width: 290px;
}
/* line 110, ../_contact.scss */
.contact .search {
  display: inline-block;
  float: left;
  margin-top: 30px;
}
/* line 116, ../_contact.scss */
.contact .search .search-icon img {
  width: 25px;
  position: relative;
  top: 10px;
  left: 20px;
}
/* line 125, ../_contact.scss */
.contact .no-data {
  margin-left: 100px;
}

/* line 1, ../_album.scss */
.overlay-container {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -520px;
  margin-top: -277px;
  width: 1040px;
  height: 555px;
  background: white;
  border-radius: 7px;
  border: 1px solid #c9c9c9;
  box-sizing: border-box;
  padding: 30px 60px 20px 50px;
  z-index: 40;
  overflow: hidden;
}

/* line 17, ../_album.scss */
.overlay-container .close {
  position: absolute;
  right: 25px;
  top: 25px;
  cursor: pointer;
}

/* line 23, ../_album.scss */
.overlay-container .recording-image {
  width: 100px;
  height: 100px;
  float: left;
}

/* line 28, ../_album.scss */
.overlay-container .recording-detail {
  float: left;
  padding-left: 30px;
  padding-top: 25px;
}

/* line 33, ../_album.scss */
.overlay-container .recording-image img {
  width: 100px;
  height: 100px;
}

/* line 37, ../_album.scss */
.overlay-container li {
  display: inline-block;
  width: 100%;
}

/* line 41, ../_album.scss */
.overlay-container li .title {
  color: #699db7;
  font-family: gotham-med, sans-serif;
}

/* line 45, ../_album.scss */
.overlay-container span {
  color: #989898;
  display: block;
  font-size: 16px;
  margin-top: 5px;
}

/* line 51, ../_album.scss */
.overlay-container span.value {
  font-family: gotham-med, sans-serif;
  display: inline-block;
}

/* line 55, ../_album.scss */
.overlay-container .add {
  background: #B38BCD;
  color: #fff;
  float: right;
  border: none;
  width: 100px;
  height: 49px;
  margin-top: 20px;
  margin-right: 15px;
  font-family: gotham-med, sans-serif;
  font-size: 16px;
  padding-top: 3px;
}

/* line 68, ../_album.scss */
.overlay-container .add.added {
  opacity: 0.3;
}

/* line 71, ../_album.scss */
.overlay-content {
  overflow: hidden;
  width: 100%;
  height: 380px;
}

/* line 76, ../_album.scss */
.overlay-content .scroll {
  width: 100%;
  height: 350px;
  margin: 30px 0;
  overflow: hidden;
}

/* line 82, ../_album.scss */
.overlay-container .search img {
  width: 20px;
  cursor: pointer;
  margin-left: 5px;
  position: relative;
  top: 3px;
}

/* line 89, ../_album.scss */
.overlay-container ul {
  margin: 0;
  padding: 0;
}

/* line 93, ../_album.scss */
.overlay-container label {
  font-size: 16px;
  top: 2px;
  position: relative;
  font-weight: normal;
  font-family: gotham-med, sans-serif;
}

/* line 100, ../_album.scss */
.overlay-container input {
  font-size: 16px;
  border: 1px solid #699DB7;
  height: 35px;
  width: 200px;
  padding: 5px;
}

/* line 108, ../_album.scss */
.overlay-container ul {
  margin-top: 40px;
}

/* line 111, ../_album.scss */
.album-detail-page .by, .album-detail-page .isrc, .split {
  margin-left: 7px;
  margin-right: 7px;
}

/* line 115, ../_album.scss */
.recording-list-album {
  padding-top: 22px;
}
/* line 118, ../_album.scss */
.recording-list-album li {
  margin-bottom: 30px;
}
/* line 121, ../_album.scss */
.recording-list-album li:last-of-type {
  margin-bottom: 0;
}
/* line 126, ../_album.scss */
.recording-list-album .play {
  display: inline-block;
}
/* line 129, ../_album.scss */
.recording-list-album .play img {
  width: 40px;
  cursor: pointer;
  margin-right: 20px;
}
/* line 136, ../_album.scss */
.recording-list-album .fa-remove {
  cursor: pointer;
  position: absolute;
  right: 15px;
}
/* line 142, ../_album.scss */
.recording-list-album .album-recording-item {
  line-height: 1.5;
  margin-bottom: 7px;
  position: relative;
  padding: 14px 16px;
  border: 1px solid #e0e0e0;
}
/* line 149, ../_album.scss */
.recording-list-album .album-recording-item label {
  margin-right: 7px;
}
/* line 153, ../_album.scss */
.recording-list-album .album-recording-item .action {
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  height: 54px;
  vertical-align: middle;
  align-items: center;
  display: flex;
}
/* line 164, ../_album.scss */
.recording-list-album .album-recording-item:last-child {
  margin-bottom: 0;
}

/* line 169, ../_album.scss */
.track-name {
  color: #a9c7d6;
}

/* line 172, ../_album.scss */
.overlay-container .loader {
  position: absolute;
  top: 40%;
  left: 50%;
  margin-left: -100px;
}

/* line 179, ../_album.scss */
.album-modal .modal-body {
  height: 500px;
  padding: 60px 80px;
}

@media screen and (max-width: 1100px) {
  /* line 184, ../_album.scss */
  .overlay-container {
    width: 800px;
    height: 400px;
    margin-left: -385px;
    margin-top: -200px;
  }
}
/* line 1, ../_saving.scss */
.saving-status {
  position: fixed;
  right: 40px;
  bottom: 40px;
  border-radius: 5px;
  width: 370px;
  height: 39px;
  color: #7ba9c0;
  font-size: 18px;
  padding: 12px 35px;
  display: none;
}

/* line 13, ../_saving.scss */
.saving-status img {
  width: 20px;
  margin-right: 14px;
}

/* line 17, ../_saving.scss */
.saving-status .saved {
  padding-left: 25px;
  margin-top: 3px;
}

/* line 22, ../_saving.scss */
.saving-status .saving .text {
  position: relative;
  top: -7px;
}

/* line 3, ../_invite.scss */
.invite .registerForm {
  width: 100%;
}
/* line 7, ../_invite.scss */
.invite .form-section {
  margin-bottom: 16px;
}
/* line 11, ../_invite.scss */
.invite .form-group {
  padding: 12px;
  width: 100%;
}
/* line 16, ../_invite.scss */
.invite label {
  display: block;
}
/* line 20, ../_invite.scss */
.invite input {
  margin: 12px;
  width: 30%;
  display: block;
  color: black;
}
/* line 27, ../_invite.scss */
.invite span {
  padding: 8px;
}
/* line 31, ../_invite.scss */
.invite button {
  height: 60px;
  padding: 4px 20px;
  margin-top: 30px;
  margin-left: 30px;
  background-color: #408396;
  border: none;
}

@media only screen and (max-width: 40em) {
  /* line 4, ../_temp_queries.scss */
  .loginContent {
    width: 100%;
    overflow-x: hidden;
  }
  /* line 7, ../_temp_queries.scss */
  .loginContent .logo {
    width: 70%;
  }
  /* line 11, ../_temp_queries.scss */
  .loginContent .loginForm, .loginContent .recoveryForm {
    text-align: left;
    padding: 21px;
  }
  /* line 15, ../_temp_queries.scss */
  .loginContent .loginForm .recoveryForm a, .loginContent .recoveryForm .recoveryForm a {
    margin: 30px 20px 0;
  }
  /* line 19, ../_temp_queries.scss */
  .loginContent .loginForm .btnSubmit, .loginContent .recoveryForm .btnSubmit {
    position: fixed;
    right: 0;
    bottom: 10px;
    z-index: 3;
    width: 100px;
  }
  /* line 27, ../_temp_queries.scss */
  .loginContent .loginForm .btnContainer, .loginContent .recoveryForm .btnContainer {
    padding-right: 10px;
    text-align: right;
  }
}
/* line 103, ../screen.scss */
.section-header h1,
.section-header h2,
.section-header h3 {
  text-transform: uppercase;
}

/* line 109, ../screen.scss */
label {
  line-height: 1.4;
}

/* line 113, ../screen.scss */
.popup-form button.confirm, .popup-form-extended button.confirm {
  position: relative !important;
  margin-top: 0 !important;
  float: right !important;
  margin-top: 0px;
}

/* line 120, ../screen.scss */
button.save {
  margin-right: 30px;
  font-family: gotham-light, sans-serif;
  height: 46px;
  text-align: center;
  color: #fff;
  background: #307599;
  background: -webkit-linear-gradient(left, #347094, #59a0aa);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #347094, #59a0aa);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #347094, #59a0aa);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #347094, #59a0aa);
  /* Standard syntax */
  border: none;
  width: 120px;
  margin-top: 4px;
  font-size: 20px;
  border-radius: 5px;
  cursor: pointer;
}

/* line 147, ../screen.scss */
.album-modal .modal-body {
  height: 100%;
  width: 100%;
  position: initial;
  left: 0;
  top: 0;
  margin: 0;
}
/* line 155, ../screen.scss */
.album-modal .modal-body .title-block {
  display: inline-block;
}
/* line 157, ../screen.scss */
.album-modal .modal-body .title-block h3 {
  margin: 0;
}

/* line 163, ../screen.scss */
.manage-user .modal-body {
  height: 100% !important;
  width: 100%;
  position: initial;
  left: 0;
  top: 0;
  margin: 0;
}

/* line 174, ../screen.scss */
.modal-body .error {
  margin: 14px 0;
  display: block;
}
/* line 178, ../screen.scss */
.modal-body .errors .error {
  margin: 14px 0;
}

/* line 183, ../screen.scss */
.contact-info-wrapper .edit {
  padding-left: 12px;
  font-size: 15px;
}
/* line 187, ../screen.scss */
.contact-info-wrapper .edit:hover {
  text-decoration: none;
}

/* line 194, ../screen.scss */
.form-group.master-recording contact-info {
  margin-top: 10px;
}
/* line 198, ../screen.scss */
.form-group.popup-quarter {
  width: 20%;
  float: left;
  padding-right: 2%;
}
/* line 203, ../screen.scss */
.form-group.popup-third {
  width: 30%;
  float: left;
  padding-right: 2%;
}
/* line 208, ../screen.scss */
.form-group.popup-half {
  width: 45%;
  float: left;
  padding-right: 2%;
}
/* line 213, ../screen.scss */
.form-group.two-thirds-width {
  width: 70%;
}
/* line 216, ../screen.scss */
.form-group.popup-two-thirds-width {
  width: 60%;
  float: left;
  padding-right: 2%;
}
/* line 221, ../screen.scss */
.form-group.popup-full-width {
  width: 90%;
  float: left;
  padding-right: 2%;
}

/* line 228, ../screen.scss */
.popup-link {
  position: absolute;
  left: 80px;
  top: 30px;
}

/* line 234, ../screen.scss */
.plan-feature-unavailable {
  text-decoration: line-through;
}

/* line 238, ../screen.scss */
.ReactModal__Overlay {
  z-index: 10000;
}

/* line 242, ../screen.scss */
.clear:after {
  clear: both;
  content: "";
  display: table;
}

/* line 248, ../screen.scss */
.centered {
  text-align: center;
}

/* line 252, ../screen.scss */
.danger {
  color: #a94442;
}

/* line 256, ../screen.scss */
.link {
  color: #0099ff;
  cursor: pointer;
  text-decoration: underline;
}

/* line 261, ../screen.scss */
.link:hover {
  color: #00B7FF;
}

/* line 265, ../screen.scss */
.link--disabled {
  color: #999;
  cursor: default;
  text-decoration: none;
}

/* line 270, ../screen.scss */
.link--disabled:hover {
  color: #999;
}

/* line 274, ../screen.scss */
.no_data {
  margin: 60px;
  text-align: center;
}

@media only screen and (min-width: 1101px) {
  /* line 281, ../screen.scss */
  .popup-form button.confirm, .popup-form-extended button.confirm {
    margin-right: 30% !important;
    margin-left: 30% !important;
  }
}
/* line 288, ../screen.scss */
.col-xs-5th,
.col-sm-5th,
.col-md-5th,
.col-lg-5th {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

/* line 298, ../screen.scss */
.col-xs-5th {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  /* line 304, ../screen.scss */
  .col-sm-5th {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  /* line 311, ../screen.scss */
  .col-md-5th {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  /* line 318, ../screen.scss */
  .col-lg-5th {
    width: 20%;
    float: left;
  }
}