/* 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-bb63dd74e4.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, ../../../../../Library/Ruby/Gems/2.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, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../Library/Ruby/Gems/2.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, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../Library/Ruby/Gems/2.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, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../Library/Ruby/Gems/2.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;
}

@-webkit-keyframes drawer {
  0% {
    width: 242px;
  }
  20% {
    width: 800px;
  }
  40% {
    background-position: 0 0;
    width: 800px;
  }
  70% {
    background-position: -389px 0;
    width: 800px;
  }
  100% {
    background-position: 0 0;
    width: 800px;
  }
}
@-moz-keyframes drawer {
  0% {
    width: 242px;
  }
  20% {
    width: 800px;
  }
  40% {
    background-position: 0 0;
    width: 800px;
  }
  70% {
    background-position: -389px 0;
    width: 800px;
  }
  100% {
    background-position: 0 0;
    width: 800px;
  }
}
@-o-keyframes drawer {
  0% {
    width: 242px;
  }
  20% {
    width: 800px;
  }
  40% {
    background-position: 0 0;
    width: 800px;
  }
  70% {
    background-position: -389px 0;
    width: 800px;
  }
  100% {
    background-position: 0 0;
    width: 800px;
  }
}
@keyframes drawer {
  0% {
    width: 242px;
  }
  20% {
    width: 800px;
  }
  40% {
    background-position: 0 0;
    width: 800px;
  }
  70% {
    background-position: -389px 0;
    width: 800px;
  }
  100% {
    background-position: 0 0;
    width: 800px;
  }
}
@-webkit-keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.75);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.75);
  }
  100% {
    transform: scale(1);
  }
}
@-moz-keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.75);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.75);
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.75);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.75);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.75);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.75);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes showTargetMessage {
  from {
    opacity: 0;
    height: 0;
    top: 70%;
  }
  to {
    opacity: 1;
    height: 179px;
    top: 50%;
  }
}
@-moz-keyframes showTargetMessage {
  from {
    opacity: 0;
    height: 0;
    top: 70%;
  }
  to {
    opacity: 1;
    height: 179px;
    top: 50%;
  }
}
@-o-keyframes showTargetMessage {
  from {
    opacity: 0;
    height: 0;
    top: 70%;
  }
  to {
    opacity: 1;
    height: 179px;
    top: 50%;
  }
}
@keyframes showTargetMessage {
  from {
    opacity: 0;
    height: 0;
    top: 70%;
  }
  to {
    opacity: 1;
    height: 179px;
    top: 50%;
  }
}
@-webkit-keyframes showTrigger {
  from {
    border-color: rgba(155, 0, 0, 0);
  }
  to {
    border-color: #9b0000;
  }
}
@-moz-keyframes showTrigger {
  from {
    border-color: rgba(155, 0, 0, 0);
  }
  to {
    border-color: #9b0000;
  }
}
@-o-keyframes showTrigger {
  from {
    border-color: rgba(155, 0, 0, 0);
  }
  to {
    border-color: #9b0000;
  }
}
@keyframes showTrigger {
  from {
    border-color: rgba(155, 0, 0, 0);
  }
  to {
    border-color: #9b0000;
  }
}
@-webkit-keyframes showOops {
  from {
    transform: rotate(0deg) scale(0.3);
    -webkit-transform: rotate(0deg) scale(0.3);
    opacity: 0;
  }
  to {
    transform: rotate(5deg) scale(1);
    -webkit-transform: rotate(5deg) scale(1);
    opacity: 1;
  }
}
@-moz-keyframes showOops {
  from {
    transform: rotate(0deg) scale(0.3);
    -webkit-transform: rotate(0deg) scale(0.3);
    opacity: 0;
  }
  to {
    transform: rotate(5deg) scale(1);
    -webkit-transform: rotate(5deg) scale(1);
    opacity: 1;
  }
}
@-o-keyframes showOops {
  from {
    transform: rotate(0deg) scale(0.3);
    -webkit-transform: rotate(0deg) scale(0.3);
    opacity: 0;
  }
  to {
    transform: rotate(5deg) scale(1);
    -webkit-transform: rotate(5deg) scale(1);
    opacity: 1;
  }
}
@keyframes showOops {
  from {
    transform: rotate(0deg) scale(0.3);
    -webkit-transform: rotate(0deg) scale(0.3);
    opacity: 0;
  }
  to {
    transform: rotate(5deg) scale(1);
    -webkit-transform: rotate(5deg) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes trashLid {
  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);
    transform: rotate(0deg);
  }
  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);
    transform: rotate(-20deg);
  }
  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);
    transform: rotate(-20deg);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@-moz-keyframes trashLid {
  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);
    transform: rotate(0deg);
  }
  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);
    transform: rotate(-20deg);
  }
  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);
    transform: rotate(-20deg);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@-o-keyframes trashLid {
  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);
    transform: rotate(0deg);
  }
  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);
    transform: rotate(-20deg);
  }
  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);
    transform: rotate(-20deg);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes trashLid {
  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);
    transform: rotate(0deg);
  }
  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);
    transform: rotate(-20deg);
  }
  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);
    transform: rotate(-20deg);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@-webkit-keyframes openLid {
  from {
    -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);
    transform: rotate(0deg);
  }
  60% {
    -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);
    transform: rotate(-30deg);
  }
  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);
    transform: rotate(0deg);
  }
}
@-moz-keyframes openLid {
  from {
    -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);
    transform: rotate(0deg);
  }
  60% {
    -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);
    transform: rotate(-30deg);
  }
  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);
    transform: rotate(0deg);
  }
}
@-o-keyframes openLid {
  from {
    -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);
    transform: rotate(0deg);
  }
  60% {
    -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);
    transform: rotate(-30deg);
  }
  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);
    transform: rotate(0deg);
  }
}
@keyframes openLid {
  from {
    -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);
    transform: rotate(0deg);
  }
  60% {
    -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);
    transform: rotate(-30deg);
  }
  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);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes scrollList {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  45% {
    -webkit-transform: translate3d(0, -147px, 0);
    transform: translate3d(0, -147px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes scrollList {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  45% {
    -webkit-transform: translate3d(0, -147px, 0);
    transform: translate3d(0, -147px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes scrollList {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  45% {
    -webkit-transform: translate3d(0, -147px, 0);
    transform: translate3d(0, -147px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes scrollList {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  45% {
    -webkit-transform: translate3d(0, -147px, 0);
    transform: translate3d(0, -147px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes growList {
  0% {
    height: 385px;
  }
  10% {
    height: 416px;
  }
  65% {
    height: 416px;
  }
  80% {
    height: 385px;
  }
  100% {
    height: 385px;
  }
}
@-moz-keyframes growList {
  0% {
    height: 385px;
  }
  10% {
    height: 416px;
  }
  65% {
    height: 416px;
  }
  80% {
    height: 385px;
  }
  100% {
    height: 385px;
  }
}
@-o-keyframes growList {
  0% {
    height: 385px;
  }
  10% {
    height: 416px;
  }
  65% {
    height: 416px;
  }
  80% {
    height: 385px;
  }
  100% {
    height: 385px;
  }
}
@keyframes growList {
  0% {
    height: 385px;
  }
  10% {
    height: 416px;
  }
  65% {
    height: 416px;
  }
  80% {
    height: 385px;
  }
  100% {
    height: 385px;
  }
}
@-webkit-keyframes bounceUp {
  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 {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes bounceUp {
  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 {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes bounceUp {
  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 {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceUp {
  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 {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 204, ../sass/screen.scss */
body {
  background: white;
  font-family: "Helvetica Neue", Arial, sans-serif;
}
/* line 207, ../sass/screen.scss */
body a {
  color: #3366cc;
  text-decoration: none;
}

/* line 213, ../sass/screen.scss */
h2, h3 {
  font-family: 'Oswald', sans-serif;
}

/* line 218, ../sass/screen.scss */
#container .slide {
  position: relative;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  transition: height .5s ease-out;
  color: white;
  text-align: center;
  overflow: hidden;
}
/* line 229, ../sass/screen.scss */
#container .slide:nth-child(1) {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAyNDc2MyIgeTE9IjAuOTcyNDk4IiB4Mj0iMS4wMjQ3NjMiIHkyPSIwLjAyNzUwMiI+PHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiMzMGQzYjYiLz48c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iIzZjMDBmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(42deg, #30d3b6 15%, #6c00f6 85%);
  background-image: -webkit-linear-gradient(42deg, #30d3b6 15%, #6c00f6 85%);
  background-image: linear-gradient(48deg, #30d3b6 15%, #6c00f6 85%);
}
/* line 232, ../sass/screen.scss */
#container .slide:nth-child(2) {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMjE5MTg2IiB5MT0iLTAuMTAyMjA4IiB4Mj0iMC43ODA4MTQiIHkyPSIxLjEwMjIwOCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwZDNiNiIvPjxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjZmRkMDJmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -moz-linear-gradient(295deg, #30d3b6 0%, #fdd02f 90%);
  background-image: -webkit-linear-gradient(295deg, #30d3b6 0%, #fdd02f 90%);
  background-image: linear-gradient(155deg, #30d3b6 0%, #fdd02f 90%);
}
/* line 235, ../sass/screen.scss */
#container .slide:nth-child(3) {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAyNDc2MyIgeTE9IjAuOTcyNDk4IiB4Mj0iMS4wMjQ3NjMiIHkyPSIwLjAyNzUwMiI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNlNTcyNDkiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZkZDAyZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(42deg, #e57249 10%, #fdd02f 90%);
  background-image: -webkit-linear-gradient(42deg, #e57249 10%, #fdd02f 90%);
  background-image: linear-gradient(48deg, #e57249 10%, #fdd02f 90%);
}
/* line 238, ../sass/screen.scss */
#container .slide:nth-child(4) {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMjE5MTg2IiB5MT0iLTAuMTAyMjA4IiB4Mj0iMC43ODA4MTQiIHkyPSIxLjEwMjIwOCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNlNTcyNDkiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzRhMjBjMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(295deg, #e57249 10%, #4a20c1 90%);
  background-image: -webkit-linear-gradient(295deg, #e57249 10%, #4a20c1 90%);
  background-image: linear-gradient(155deg, #e57249 10%, #4a20c1 90%);
}
/* line 241, ../sass/screen.scss */
#container .slide:nth-child(5) {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMjE5MTg2IiB5MT0iLTAuMTAyMjA4IiB4Mj0iMC43ODA4MTQiIHkyPSIxLjEwMjIwOCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM0YTIwYzEiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2U4NjgyMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(295deg, #4a20c1 10%, #e86823 90%);
  background-image: -webkit-linear-gradient(295deg, #4a20c1 10%, #e86823 90%);
  background-image: linear-gradient(155deg, #4a20c1 10%, #e86823 90%);
}
/* line 244, ../sass/screen.scss */
#container .slide:nth-child(6) {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjA3MDQyOCIgeTE9IjAuODk5NDE4IiB4Mj0iMS4wNzA0MjgiIHkyPSIwLjEwMDU4MiI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNlZDUzNWUiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2U4NjgyMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(35deg, #ed535e 10%, #e86823 90%);
  background-image: -webkit-linear-gradient(35deg, #ed535e 10%, #e86823 90%);
  background-image: linear-gradient(55deg, #ed535e 10%, #e86823 90%);
}
/* line 248, ../sass/screen.scss */
#container .slide:nth-child(7) {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAyNDc2MyIgeTE9IjAuOTcyNDk4IiB4Mj0iMS4wMjQ3NjMiIHkyPSIwLjAyNzUwMiI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiM0MDAwOTAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODhmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -moz-linear-gradient(42deg, #400090 30%, #188fff 100%);
  background-image: -webkit-linear-gradient(42deg, #400090 30%, #188fff 100%);
  background-image: linear-gradient(48deg, #400090 30%, #188fff 100%);
}
/* line 251, ../sass/screen.scss */
#container .slide:nth-child(8) {
  z-index: 10;
  box-shadow: 0 -20px 10px rgba(0, 0, 0, 0.1);
}
/* line 256, ../sass/screen.scss */
#container .slide .final-content-wrap {
  position: absolute;
  left: 0;
  top: -150px;
  bottom: 0;
  width: 100%;
  text-align: center;
}
/* line 263, ../sass/screen.scss */
#container .slide .final-content-wrap:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
/* line 269, ../sass/screen.scss */
#container .slide .final-content-wrap .slide-content {
  display: inline-block;
  vertical-align: middle;
}
/* line 273, ../sass/screen.scss */
#container .slide .final-content-wrap.last {
  bottom: 57px;
}
/* line 275, ../sass/screen.scss */
#container .slide .final-content-wrap.last h3 {
  margin: 32px;
  font-size: 43px;
  text-transform: uppercase;
  font-weight: light;
  color: #4aaae0;
  line-height: 140%;
}
/* line 283, ../sass/screen.scss */
#container .slide .final-content-wrap.last ::-webkit-input-placeholder {
  color: rgba(74, 170, 224, 0.5);
}
/* line 287, ../sass/screen.scss */
#container .slide .final-content-wrap.last :-moz-placeholder {
  /* Firefox 18- */
  color: rgba(74, 170, 224, 0.5);
}
/* line 291, ../sass/screen.scss */
#container .slide .final-content-wrap.last ::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(74, 170, 224, 0.5);
}
/* line 295, ../sass/screen.scss */
#container .slide .final-content-wrap.last :-ms-input-placeholder {
  color: rgba(74, 170, 224, 0.5);
}
/* line 298, ../sass/screen.scss */
#container .slide .final-content-wrap.last input[type='email'] {
  border: 2px solid #4aaae0;
  height: 40px;
  width: 370px;
  border-radius: 4px;
  line-height: 40px;
  font-size: 14px;
  text-indent: 10px;
  color: #6126ed;
}
/* line 308, ../sass/screen.scss */
#container .slide .final-content-wrap.last button {
  position: relative;
  background: #4aaae0;
  border: none;
  border-radius: 0 2px 2px 0;
  height: 44px;
  line-height: 40px;
  width: 85px;
  text-align: center;
  font-size: 15px;
  margin: 2px 0 0 -90px;
  color: white;
  cursor: pointer;
}
/* line 323, ../sass/screen.scss */
#container .slide .final-content-wrap.last p {
  color: #666;
  font-size: 17px;
  padding: 30px 0;
}
/* line 327, ../sass/screen.scss */
#container .slide .final-content-wrap.last p a {
  font-weight: bold;
  opacity: .75;
}
/* line 330, ../sass/screen.scss */
#container .slide .final-content-wrap.last p a:hover {
  opacity: 1;
}
/* line 335, ../sass/screen.scss */
#container .slide .final-content-wrap.last .links {
  margin: 0;
}
/* line 337, ../sass/screen.scss */
#container .slide .final-content-wrap.last .links a {
  padding: 0 25px;
  display: inline-block;
  font-size: 17px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 45px;
  background: #188fff;
  border-radius: 3px;
  color: white;
}
/* line 353, ../sass/screen.scss */
#container .slide .screen {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: height 0.5s ease-in-out;
  opacity: 0;
}
/* line 361, ../sass/screen.scss */
#container .slide .screen.show {
  -webkit-transition: opacity .6s;
  transition: opacity .6s;
  opacity: 1;
}
/* line 366, ../sass/screen.scss */
#container .slide .screen:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
/* line 373, ../sass/screen.scss */
#container .slide .screen .phone-frame {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: url(../assets/iphone-frame-2c3f3c7ece.png) center center no-repeat;
  background-size: 336px auto;
}
/* line 383, ../sass/screen.scss */
#container .slide .screen .phone-content {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
/* line 389, ../sass/screen.scss */
#container .slide .screen .phone-content::before, #container .slide .screen .phone-content::after {
  content: '';
}
/* line 393, ../sass/screen.scss */
#container .slide .screen .phone-content::after, #container .slide .screen .phone-content::before, #container .slide .screen .phone-content > video, #container .slide .screen .phone-content > img, #container .slide .screen .phone-content .app-content-wrap {
  height: 436px;
  width: 248px;
  background-color: black;
  border-radius: 2px;
  position: absolute;
  margin-left: -124px;
  margin-top: -218px;
  left: 50%;
  top: 50%;
}
/* line 405, ../sass/screen.scss */
#container .slide .screen .phone-content > video, #container .slide .screen .phone-content > img, #container .slide .screen .phone-content .app-content-wrap {
  height: 432px;
  width: 244px;
  margin-left: -122px;
  margin-top: -216px;
}
/* line 411, ../sass/screen.scss */
#container .slide .screen .phone-content .drawer {
  position: absolute;
  height: 109px;
  width: 242px;
  background: url(../assets/images/02b_photos-8bbc624e33.png) 0 0 no-repeat;
  background-size: auto 109px;
  top: 50%;
  left: 50%;
  margin: -122px 0 0 -121px;
  z-index: 5;
}
/* line 424, ../sass/screen.scss */
#container .slide .screen .content {
  position: relative;
  width: 250px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  z-index: 50;
}
/* line 431, ../sass/screen.scss */
#container .slide .screen .content a {
  horizontal-align: center;
  display: inline-block;
  color: white;
  margin: 32px 0 0;
  color: rgba(255, 255, 255, 0.85);
  font-size: 17px;
  font-weight: 300;
  padding-bottom: 3px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.85);
}
/* line 441, ../sass/screen.scss */
#container .slide .screen .content a:hover {
  color: white;
}
/* line 444, ../sass/screen.scss */
#container .slide .screen .content a.main-btn {
  margin-top: 32px;
  padding: 0 30px;
  height: 45px;
  border-radius: 3px;
  box-sizing: border-box;
  border: 2px solid white;
  line-height: 41px;
  cursor: pointer;
  font-weight: bold;
}
/* line 454, ../sass/screen.scss */
#container .slide .screen .content.left {
  margin-right: 250px;
}
/* line 457, ../sass/screen.scss */
#container .slide .screen .content.right {
  margin-left: 230px;
  border: 10px;
}
/* line 462, ../sass/screen.scss */
#container .slide .screen .content h1, #container .slide .screen .content h2 {
  font-size: 50px;
  font-family: "Oswald", sans-serif;
  font-weight: 200;
  line-height: 120%;
  text-transform: uppercase;
}
/* line 469, ../sass/screen.scss */
#container .slide .screen .content h1 {
  margin-bottom: 25px;
}
/* line 472, ../sass/screen.scss */
#container .slide .screen .content .bar {
  display: inline-block;
  border-top: 1px solid rgba(255, 255, 255, 0);
  width: 90px;
  margin: 22px 0;
}
/* line 479, ../sass/screen.scss */
#container .slide .screen .content p {
  font-size: 17px;
  font-weight: 300;
  line-height: 25px;
  color: rgba(255, 255, 255, 0.85);
}
/* line 485, ../sass/screen.scss */
#container .slide .screen .content .icon img {
  margin-top: 30px;
}
/* line 491, ../sass/screen.scss */
#container .slide .screen#screen-0 .content.right {
  width: 320px;
  margin-left: 715px;
}
/* line 494, ../sass/screen.scss */
#container .slide .screen#screen-0 .content.right a.main-btn {
  margin-top: 36px;
}
/* line 497, ../sass/screen.scss */
#container .slide .screen#screen-0 .content.right a {
  z-index: 200;
}
/* line 500, ../sass/screen.scss */
#container .slide .screen#screen-0 .content.right p {
  padding: 0 10px;
}
/* line 504, ../sass/screen.scss */
#container .slide .screen#screen-0 .content.left {
  width: 811px;
  height: 526px;
  background: url(../assets/images/screen0-devices-small-9aa7429950.png) right center no-repeat;
  background-size: auto 526px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -263px;
  margin-left: -910px;
  z-index: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  /* line 504, ../sass/screen.scss */
  #container .slide .screen#screen-0 .content.left {
    background: url(../assets/images/screen0-devices-e2facb8ff1.png) right center no-repeat;
    background-size: auto 526px;
  }
}
/* line 522, ../sass/screen.scss */
#container .slide .screen#screen-0 .phone-content::after {
  background: url(../assets/images/01a_iphone-5e77e93221.jpg) center center no-repeat;
  background-size: 246px 434px;
}
/* line 529, ../sass/screen.scss */
#container .slide .screen#screen-1 .left {
  padding: 0 120px 0 60px;
  width: 210px;
  margin-right: 280px;
}
/* line 534, ../sass/screen.scss */
#container .slide .screen#screen-1 .right {
  margin-left: 140px;
  transition: .5s margin ease-out;
  -webkit-transition: .5s margin ease-out;
}
/* line 540, ../sass/screen.scss */
#container .slide .screen#screen-1 .phone-content::after {
  background: url(../assets/images/02a_conversation-7f9327140c.png) center center no-repeat;
  background-size: 242px 430px;
}
/* line 546, ../sass/screen.scss */
#container .slide .screen#screen-1 .phone-frame {
  z-index: 10;
}
/* line 550, ../sass/screen.scss */
#container .slide .screen#screen-1.animation .drawer {
  -webkit-animation: drawer 3.2s ease-in-out 1s 1 forwards;
  -moz-animation: drawer 3.2s ease-in-out 1s 1 forwards;
  -o-animation: drawer 3.2s ease-in-out 1s 1 forwards;
  animation: drawer 3.2s ease-in-out 1s 1 forwards;
}
/* line 553, ../sass/screen.scss */
#container .slide .screen#screen-1.animation .right {
  -webkit-transition-delay: .9s;
  /* Safari */
  transition-delay: .9s;
  margin-top: 200px;
}
/* line 562, ../sass/screen.scss */
#container .slide .screen#screen-2 .phone-content::after {
  display: none;
}
/* line 568, ../sass/screen.scss */
#container .slide .screen#screen-3 .right {
  box-sizing: border-box;
  padding: 60px;
}
/* line 573, ../sass/screen.scss */
#container .slide .screen#screen-3 .phone-content::after {
  display: none;
}
/* line 579, ../sass/screen.scss */
#container .slide .screen#screen-4 .phone-content {
  position: absolute;
}
/* line 582, ../sass/screen.scss */
#container .slide .screen#screen-4 .phone-content .app-content-wrap {
  background: url(../assets/images/04b_bgLayer-085bcb4a0c.png) center top no-repeat;
  background-size: 100% auto;
  overflow: hidden;
}
/* line 586, ../sass/screen.scss */
#container .slide .screen#screen-4 .phone-content .app-content-wrap .app-header {
  position: absolute;
  height: 30px;
  top: 0;
  left: 0;
  background: url(../assets/images/04a_statusBar-9a8976f5ec.png) center top no-repeat;
  background-size: 100% auto;
}
/* line 595, ../sass/screen.scss */
#container .slide .screen#screen-4 .phone-content .app-content-wrap .group-list-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 385px;
  width: 100%;
  overflow: hidden;
  transition: height .3s ease-in-out;
  -webkit-transition: height .3s ease-in-out;
}
/* line 605, ../sass/screen.scss */
#container .slide .screen#screen-4 .phone-content .app-content-wrap .group-list-wrap .group-list {
  position: absolute;
  height: 1134px;
  width: 100%;
  top: 0;
  left: 0;
  background: url(../assets/images/04c_groupList-678156bcf0.png) center top no-repeat;
  background-size: 100% auto;
}
/* line 615, ../sass/screen.scss */
#container .slide .screen#screen-4 .phone-content .app-content-wrap .group-list-wrap.growup {
  -webkit-animation: growList 2.5s ease-in 1s 1 forwards;
  -moz-animation: growList 2.5s ease-in 1s 1 forwards;
  -o-animation: growList 2.5s ease-in 1s 1 forwards;
  animation: growList 2.5s ease-in 1s 1 forwards;
}
/* line 617, ../sass/screen.scss */
#container .slide .screen#screen-4 .phone-content .app-content-wrap .group-list-wrap.growup .group-list {
  -webkit-animation: scrollList 2.4s ease-in 1.1s 1 forwards;
  -moz-animation: scrollList 2.4s ease-in 1.1s 1 forwards;
  -o-animation: scrollList 2.4s ease-in 1.1s 1 forwards;
  animation: scrollList 2.4s ease-in 1.1s 1 forwards;
}
/* line 622, ../sass/screen.scss */
#container .slide .screen#screen-4 .phone-content .app-content-wrap .compose-button {
  position: absolute;
  height: 39px;
  width: 39px;
  background: url(../assets/images/04d_composeButton-38d5109951.png) center top no-repeat;
  background-size: 100% auto;
  bottom: 8px;
  right: 10px;
}
/* line 632, ../sass/screen.scss */
#container .slide .screen#screen-4 .phone-content::after {
  display: none;
}
/* line 638, ../sass/screen.scss */
#container .slide .screen#screen-5 .right {
  box-sizing: border-box;
  padding: 60px;
}
/* line 643, ../sass/screen.scss */
#container .slide .screen#screen-5 .phone-content::after {
  display: none;
}
/* line 649, ../sass/screen.scss */
#container .slide .screen#screen-6 .content {
  position: absolute;
  left: 50%;
  margin-left: -480px;
  width: 960px;
  overflow: hidden;
  bottom: 45px;
  text-align: center;
}
/* line 658, ../sass/screen.scss */
#container .slide .screen#screen-6 .content h2 {
  margin-bottom: 15px;
}
/* line 661, ../sass/screen.scss */
#container .slide .screen#screen-6 .content .main-btn {
  margin: 15px 0 20px;
}
/* line 664, ../sass/screen.scss */
#container .slide .screen#screen-6 .content .chat-window {
  position: absolute;
  bottom: 0;
  width: 174px;
  left: 50%;
  opacity: 0;
}
/* line 671, ../sass/screen.scss */
#container .slide .screen#screen-6 .content #chat-1 {
  margin-left: 0;
}
/* line 674, ../sass/screen.scss */
#container .slide .screen#screen-6 .content #chat-2 {
  margin-left: 194px;
}
@media only screen and (min-height: 760px) {
  /* line 680, ../sass/screen.scss */
  #container .slide .screen#screen-6 h2 {
    margin-bottom: 25px !important;
  }
  /* line 683, ../sass/screen.scss */
  #container .slide .screen#screen-6 .main-btn {
    margin: 25px 0 40px !important;
  }
  /* line 686, ../sass/screen.scss */
  #container .slide .screen#screen-6 img.mail-bg {
    width: 850px !important;
  }
  /* line 689, ../sass/screen.scss */
  #container .slide .screen#screen-6 .chat-window {
    width: 190px !important;
  }
  /* line 692, ../sass/screen.scss */
  #container .slide .screen#screen-6 #chat-2 {
    margin-left: 225px !important;
  }
}
@media only screen and (min-height: 900px) {
  /* line 698, ../sass/screen.scss */
  #container .slide .screen#screen-6 h2 {
    margin-bottom: 40px !important;
  }
  /* line 701, ../sass/screen.scss */
  #container .slide .screen#screen-6 .main-btn {
    margin: 40px 0 50px !important;
  }
  /* line 704, ../sass/screen.scss */
  #container .slide .screen#screen-6 img.mail-bg {
    width: 960px !important;
  }
  /* line 707, ../sass/screen.scss */
  #container .slide .screen#screen-6 .chat-window {
    width: 215px !important;
  }
  /* line 710, ../sass/screen.scss */
  #container .slide .screen#screen-6 #chat-2 {
    margin-left: 245px !important;
  }
}
/* line 715, ../sass/screen.scss */
#container .slide .screen#screen-6.show #chat-1 {
  -webkit-animation: bounceUp 1.2s ease-in .8s 1 forwards;
  -moz-animation: bounceUp 1.2s ease-in .8s 1 forwards;
  -o-animation: bounceUp 1.2s ease-in .8s 1 forwards;
  animation: bounceUp 1.2s ease-in .8s 1 forwards;
}
/* line 718, ../sass/screen.scss */
#container .slide .screen#screen-6.show #chat-2 {
  -webkit-animation: bounceUp 1.2s ease-in 1.5s 1 forwards;
  -moz-animation: bounceUp 1.2s ease-in 1.5s 1 forwards;
  -o-animation: bounceUp 1.2s ease-in 1.5s 1 forwards;
  animation: bounceUp 1.2s ease-in 1.5s 1 forwards;
}
/* line 725, ../sass/screen.scss */
#container .slide .screen #heart-animation .heart {
  position: absolute;
  width: 30px;
  height: 30px;
  display: inline-block;
  opacity: 0;
}
/* line 731, ../sass/screen.scss */
#container .slide .screen #heart-animation .heart:before, #container .slide .screen #heart-animation .heart:after {
  position: absolute;
  content: "";
  left: 11px;
  top: 0;
  width: 11px;
  height: 18.5px;
  background: white;
  -moz-border-radius: 12px 12px 0 0;
  border-radius: 12px 12px 0 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
/* line 753, ../sass/screen.scss */
#container .slide .screen #heart-animation .heart:after {
  left: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
/* line 766, ../sass/screen.scss */
#container .slide .screen #heart-animation .heart:nth-child(1) {
  top: -30px;
  left: 125px;
}
/* line 770, ../sass/screen.scss */
#container .slide .screen #heart-animation .heart:nth-child(2) {
  right: 80px;
}
/* line 773, ../sass/screen.scss */
#container .slide .screen #heart-animation .heart:nth-child(3) {
  top: -10px;
  left: 80px;
}
/* line 779, ../sass/screen.scss */
#container .slide .screen #heart-animation.animation img {
  -webkit-animation: heartbeat 1.6s linear .6s 1.5;
  -moz-animation: heartbeat 1.6s linear .6s 1.5;
  -o-animation: heartbeat 1.6s linear .6s 1.5;
  animation: heartbeat 1.6s linear .6s 1.5;
}
/* line 783, ../sass/screen.scss */
#container .slide .screen #heart-animation.animation .heart:nth-child(1) {
  -webkit-animation: heartFly 1.5s linear 1.9s 2;
  -moz-animation: heartFly 1.5s linear 1.9s 2;
  -o-animation: heartFly 1.5s linear 1.9s 2;
  animation: heartFly 1.5s linear 1.9s 2;
}
/* line 786, ../sass/screen.scss */
#container .slide .screen #heart-animation.animation .heart:nth-child(2) {
  -webkit-animation: heartFly 1.5s linear 3s 2;
  -moz-animation: heartFly 1.5s linear 3s 2;
  -o-animation: heartFly 1.5s linear 3s 2;
  animation: heartFly 1.5s linear 3s 2;
}
/* line 789, ../sass/screen.scss */
#container .slide .screen #heart-animation.animation .heart:nth-child(3) {
  -webkit-animation: heartFly 1.5s linear 4.5s 2;
  -moz-animation: heartFly 1.5s linear 4.5s 2;
  -o-animation: heartFly 1.5s linear 4.5s 2;
  animation: heartFly 1.5s linear 4.5s 2;
}
/* line 798, ../sass/screen.scss */
#container .slide .screen.delete-animation #trash-animation {
  position: relative;
  height: 66px;
}
/* line 801, ../sass/screen.scss */
#container .slide .screen.delete-animation #trash-animation .trash-top {
  position: relative;
  background: url(../assets/images/icon-trash-top-9d532d132a.png) top center no-repeat;
  background-size: 63px auto;
  height: 13px;
  transform-origin: left bottom;
  width: 63px;
  margin: 0 auto 8px;
}
/* line 810, ../sass/screen.scss */
#container .slide .screen.delete-animation #trash-animation .trash-bottom {
  position: relative;
  background: url(../assets/images/icon-trash-bottom-f4444c236c.png) bottom center no-repeat;
  background-size: 47px auto;
  height: 44px;
  width: 47px;
  margin: 0 auto;
}
/* line 819, ../sass/screen.scss */
#container .slide .screen.delete-animation #trash-animation.openAnimation .trash-top {
  -webkit-animation: openLid 1s ease-in .5s 1;
  -moz-animation: openLid 1s ease-in .5s 1;
  -o-animation: openLid 1s ease-in .5s 1;
  animation: openLid 1s ease-in .5s 1;
}
/* line 825, ../sass/screen.scss */
#container .slide .screen.delete-animation.ready .trash-top {
  -webkit-animation: trashLid .8s ease-in 2s 2;
  -moz-animation: trashLid .8s ease-in 2s 2;
  -o-animation: trashLid .8s ease-in 2s 2;
  animation: trashLid .8s ease-in 2s 2;
}
/* line 828, ../sass/screen.scss */
#container .slide .screen.delete-animation.ready #delete-target {
  -webkit-animation: showTargetMessage .5s ease-in .5s 1;
  -moz-animation: showTargetMessage .5s ease-in .5s 1;
  -o-animation: showTargetMessage .5s ease-in .5s 1;
  animation: showTargetMessage .5s ease-in .5s 1;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
/* line 833, ../sass/screen.scss */
#container .slide .screen.delete-animation.ready #delete-trigger {
  -webkit-animation: showTrigger .8s ease-in-out 3s 3;
  -moz-animation: showTrigger .8s ease-in-out 3s 3;
  -o-animation: showTrigger .8s ease-in-out 3s 3;
  animation: showTrigger .8s ease-in-out 3s 3;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
/* line 837, ../sass/screen.scss */
#container .slide .screen.delete-animation.ready #delete-trigger:before {
  -webkit-animation: showOops .5s ease-in-out 1.2s 1;
  -moz-animation: showOops .5s ease-in-out 1.2s 1;
  -o-animation: showOops .5s ease-in-out 1.2s 1;
  animation: showOops .5s ease-in-out 1.2s 1;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
/* line 848, ../sass/screen.scss */
#container .slide footer {
  background: #6126ed;
  height: 57px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.2);
  z-index: 99;
}
/* line 858, ../sass/screen.scss */
#container .slide footer a {
  display: inline-block;
  line-height: 57px;
  font-size: 11px;
  color: white;
  margin: 0 15px;
  text-decoration: none;
}
/* line 865, ../sass/screen.scss */
#container .slide footer a.tumblr {
  background: url(../assets/images/tumblr-logo-7390a9c225.png) center center no-repeat;
  background-size: auto 9px;
  width: 54px;
  height: 55px;
  text-indent: 9999px;
}

#container .versionNumber {
    margin-top: 8px;
    font-weight: 200;
    color: rgba(255, 255, 255, 0.85);
}

/* line 878, ../sass/screen.scss */
#arrow-down {
  position: fixed;
  height: 0;
  bottom: 0;
  overflow: visible;
  text-align: center;
  cursor: pointer;
}
/* line 885, ../sass/screen.scss */
#arrow-down a {
  position: fixed;
  margin-left: -16px;
  bottom: 10px;
  left: 50%;
  opacity: 0.85;
  display: inline-block;
  width: 32px;
  height: 15px;
  background: url(../assets/images/arrow-down-c2379ae0f2.png) center center no-repeat;
  background-size: 32px auto;
  transition: all .5s;
}
/* line 897, ../sass/screen.scss */
#arrow-down a:hover {
  opacity: 1;
}
/* line 901, ../sass/screen.scss */
#arrow-down.last {
  bottom: 60px;
}
/* line 904, ../sass/screen.scss */
#arrow-down.last a {
  opacity: 1;
  background: url(../assets/images/arrow-up-30a9f8645c.png) center center no-repeat;
  background-size: 32px auto;
}
/* line 909, ../sass/screen.scss */
#arrow-down.last::after {
  margin-top: 18px;
  display: block;
  content: 'Back to top';
  color: #4aaae0;
  position: relative;
  margin-bottom: 15px;
  font-size: 14px;
  transition: all .1s;
  -webkit-transition: all .1s;
}
/* line 921, ../sass/screen.scss */
#arrow-down.last:hover::after {
  -ms-transform: translate(0, -5px);
  /* IE 9 */
  -webkit-transform: translate(0, -5px);
  /* Safari */
  transform: translate(0, -5px);
}

/* line 933, ../sass/screen.scss */
nav {
  z-index: 99;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 30px;
  width: 20px;
  padding-left: 25px;
}
/* line 941, ../sass/screen.scss */
nav:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
/* line 947, ../sass/screen.scss */
nav ul {
  display: inline-block;
  vertical-align: middle;
}
/* line 950, ../sass/screen.scss */
nav ul a {
  margin-bottom: 17px;
  text-indent: -9999px;
  display: block;
  background: white;
  height: 6px;
  width: 6px;
  border: 1px solid white;
  border-radius: 50%;
  -webkit-transition: transform .5s;
  transition: transform .5s;
  cursor: pointer;
}
/* line 962, ../sass/screen.scss */
nav ul a.active {
  transform: scale(2);
  background: none;
}
/* line 966, ../sass/screen.scss */
nav ul a:hover {
  transform: scale(2);
}
/* line 972, ../sass/screen.scss */
nav.last ul a {
  background: #4aaae0;
  border-color: #4aaae0;
}
/* line 975, ../sass/screen.scss */
nav.last ul a.active {
  background: none;
}

/* line 982, ../sass/screen.scss */
header {
  z-index: 999;
  position: fixed;
  left: 37px;
  top: 20px;
  vertical-align: middle;
}
/* line 988, ../sass/screen.scss */
header p {
  position: fixed;
  right: 35px;
  top: 28px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
}
/* line 994, ../sass/screen.scss */
header p a {
  margin-left: 25px;
  text-decoration: none;
  color: white;
}
/* line 998, ../sass/screen.scss */
header p a.sign-in {
  padding-left: 25px;
  border-left: 1px solid #fff;
  font-weight: bold;
  line-height: 40px;
}
/* line 1007, ../sass/screen.scss */
header.last p, header.last a {
  color: #4aaae0;
}
/* line 1009, ../sass/screen.scss */
header.last p.sign-in, header.last a.sign-in {
  border-color: #4aaae0;
}