html, body {
  height: 100%;
  width: 100%;
  overflow: auto; }

body {
  background-color: #68C8D1;
  color: #FFFFFF;
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.4; }

@media (min-height: 558px) {
  body {
    font-size: 16px; } }

p {
  margin: 0; }
  p ~ p, p ~ blockquote {
    margin-top: 0.5em; }

h1, h2 {
  margin: 0; }
  h1 + p, h2 + p {
    margin-top: 1em; }

h1 {
  font-weight: 300;
  font-size: 1.4rem; }

h2 {
  font-weight: 700; }

section {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0; }

video {
  width: 100%; }

blockquote {
  margin: 0;
  padding: 1em 2em 0;
  text-align: center;
  font-style: italic; }

.author {
  text-align: center;
  font-style: normal;
  padding-bottom: 1em; }

body {
  width: 100%;
  overflow-x: hidden; }

[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none; }

.screen.ng-enter,
.screen.ng-leave {
  position: absolute;
  width: 100%; }

.screen-fw .screen.ng-enter {
  opacity: 0;
  -webkit-animation: screen-enter-r 600ms cubic-bezier(1, 1.6, 0.3, 1) 400ms;
          animation: screen-enter-r 600ms cubic-bezier(1, 1.6, 0.3, 1) 400ms; }

.screen-bw .screen.ng-enter {
  opacity: 0;
  -webkit-animation: screen-enter-l 800ms cubic-bezier(1, 1.6, 0.3, 1) 300ms;
          animation: screen-enter-l 800ms cubic-bezier(1, 1.6, 0.3, 1) 300ms; }

.screen-fw .screen.ng-leave {
  -webkit-animation: screen-leave-l 800ms cubic-bezier(0.32, -0.24, 0.24, 0.98);
          animation: screen-leave-l 800ms cubic-bezier(0.32, -0.24, 0.24, 0.98); }

.screen-bw .screen.ng-leave {
  -webkit-animation: screen-leave-r 600ms cubic-bezier(0.32, -0.24, 0.24, 0.98);
          animation: screen-leave-r 600ms cubic-bezier(0.32, -0.24, 0.24, 0.98); }

@-webkit-keyframes screen-enter-r {
  from {
    -webkit-transform: translate3d(500%, 0, 0);
            transform: translate3d(500%, 0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes screen-enter-r {
  from {
    -webkit-transform: translate3d(500%, 0, 0);
            transform: translate3d(500%, 0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes screen-enter-l {
  from {
    -webkit-transform: translate3d(-500%, 0, 0);
            transform: translate3d(-500%, 0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes screen-enter-l {
  from {
    -webkit-transform: translate3d(-500%, 0, 0);
            transform: translate3d(-500%, 0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes screen-leave-l {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-500%, 0, 0);
            transform: translate3d(-500%, 0, 0); } }

@keyframes screen-leave-l {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-500%, 0, 0);
            transform: translate3d(-500%, 0, 0); } }

@-webkit-keyframes screen-leave-r {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(500%, 0, 0);
            transform: translate3d(500%, 0, 0); } }

@keyframes screen-leave-r {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(500%, 0, 0);
            transform: translate3d(500%, 0, 0); } }

nav.ng-enter {
  -webkit-animation: nav-enter 500ms forwards;
          animation: nav-enter 500ms forwards; }

nav.ng-leave {
  -webkit-animation: nav-leave 200ms forwards;
          animation: nav-leave 200ms forwards; }

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

@keyframes nav-enter {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

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

@keyframes nav-leave {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.question.ng-enter, .question.ng-leave {
  -webkit-transition: all 2000ms;
          transition: all 2000ms; }

.question .option {
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.question.ng-leave {
  position: absolute !important; }
  .question.ng-leave [quote], .question.ng-leave .title {
    -webkit-animation: title-leave 200ms ease-in 200ms forwards;
            animation: title-leave 200ms ease-in 200ms forwards; }
  .question.ng-leave .option {
    -webkit-animation-duration: 800ms;
            animation-duration: 800ms;
    -webkit-animation-timing-function: cubic-bezier(0.32, -0.24, 0.24, 0.98);
            animation-timing-function: cubic-bezier(0.32, -0.24, 0.24, 0.98); }
    .question-fw .question.ng-leave .option {
      -webkit-animation-name: option-leave-l;
              animation-name: option-leave-l; }
    .question-bw .question.ng-leave .option {
      -webkit-animation-name: option-leave-r;
              animation-name: option-leave-r; }
    .question.ng-leave .option:nth-child(1) {
      -webkit-animation-delay: 0ms;
              animation-delay: 0ms; }
    .question.ng-leave .option:nth-child(2) {
      -webkit-animation-delay: 200ms;
              animation-delay: 200ms; }
    .question.ng-leave .option:nth-child(3) {
      -webkit-animation-delay: 400ms;
              animation-delay: 400ms; }

.question.ng-enter [quote], .question.ng-enter .title, .question.ng-enter .option {
  opacity: 0; }

.question.ng-enter [quote], .question.ng-enter .title {
  -webkit-animation: title-enter 200ms ease-in 800ms forwards;
          animation: title-enter 200ms ease-in 800ms forwards; }

.question.ng-enter .option {
  -webkit-animation-duration: 600ms;
          animation-duration: 600ms;
  -webkit-animation-timing-function: cubic-bezier(1, 1.6, 0.3, 1);
          animation-timing-function: cubic-bezier(1, 1.6, 0.3, 1); }
  .question-fw .question.ng-enter .option {
    -webkit-animation-name: option-enter-r;
            animation-name: option-enter-r; }
  .question-bw .question.ng-enter .option {
    -webkit-animation-name: option-enter-l;
            animation-name: option-enter-l; }
  .question.ng-enter .option:nth-child(1) {
    -webkit-animation-delay: 800ms;
            animation-delay: 800ms; }
  .question.ng-enter .option:nth-child(2) {
    -webkit-animation-delay: 1000ms;
            animation-delay: 1000ms; }
  .question.ng-enter .option:nth-child(3) {
    -webkit-animation-delay: 1200ms;
            animation-delay: 1200ms; }

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

@keyframes title-enter {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

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

@keyframes title-leave {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes option-enter-r {
  from {
    opacity: 0;
    -webkit-transform: translate3d(500%, 0, 0);
            transform: translate3d(500%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes option-enter-r {
  from {
    opacity: 0;
    -webkit-transform: translate3d(500%, 0, 0);
            transform: translate3d(500%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes option-leave-l {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-500%, 0, 0);
            transform: translate3d(-500%, 0, 0); } }

@keyframes option-leave-l {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-500%, 0, 0);
            transform: translate3d(-500%, 0, 0); } }

@-webkit-keyframes option-enter-l {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-500%, 0, 0);
            transform: translate3d(-500%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes option-enter-l {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-500%, 0, 0);
            transform: translate3d(-500%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes option-leave-r {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(500%, 0, 0);
            transform: translate3d(500%, 0, 0); } }

@keyframes option-leave-r {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(500%, 0, 0);
            transform: translate3d(500%, 0, 0); } }

@-webkit-keyframes option-enter-up {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 300%, 0);
            transform: translate3d(0, 300%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes option-enter-up {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 300%, 0);
            transform: translate3d(0, 300%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes option-leave-down {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 300%, 0);
            transform: translate3d(0, 300%, 0); } }

@keyframes option-leave-down {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 300%, 0);
            transform: translate3d(0, 300%, 0); } }

nav ul {
  position: relative;
  padding: 0;
  width: 80%;
  margin: 0 auto;
  list-style: none; }
  @media (min-width: 768px) {
    nav ul {
      width: 300px; } }
  nav ul:after {
    content: "";
    display: table;
    clear: both; }
  nav ul::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #5FB7C0; }

nav li {
  display: block;
  position: relative;
  float: left;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #56A5AE;
  -webkit-transition: background-color 200ms linear;
          transition: background-color 200ms linear; }
  nav li.active {
    background-color: #005584; }
  nav li:not(:last-child) {
    margin-right: calc(25% - 27.5px); }

nav button {
  background: none;
  border: none;
  width: 45px;
  height: 45px;
  padding: 0;
  outline: none;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  background-color: #68C8D1;
  border-radius: 50%; }
  nav button img {
    width: 100%; }
  @media (min-width: 768px) {
    nav button.ng-enter, nav button.ng-leave {
      -webkit-transition: -webkit-transform 200ms;
              transition: transform 200ms; }
    nav button.ng-enter {
      -webkit-animation: nav-btn-in 200ms cubic-bezier(1, 1.6, 0.3, 1);
              animation: nav-btn-in 200ms cubic-bezier(1, 1.6, 0.3, 1); }
    nav button.ng-leave {
      -webkit-animation: nav-btn-out 200ms cubic-bezier(0.32, -0.24, 0.24, 0.98);
              animation: nav-btn-out 200ms cubic-bezier(0.32, -0.24, 0.24, 0.98); } }

@-webkit-keyframes nav-btn-in {
  from {
    -webkit-transform: translate(-50%, -50%) scale(0.7);
            transform: translate(-50%, -50%) scale(0.7); }
  to {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); } }

@keyframes nav-btn-in {
  from {
    -webkit-transform: translate(-50%, -50%) scale(0.7);
            transform: translate(-50%, -50%) scale(0.7); }
  to {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); } }

@-webkit-keyframes nav-btn-out {
  from {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); }
  to {
    -webkit-transform: translate(-50%, -50%) scale(0.7);
            transform: translate(-50%, -50%) scale(0.7); } }

@keyframes nav-btn-out {
  from {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); }
  to {
    -webkit-transform: translate(-50%, -50%) scale(0.7);
            transform: translate(-50%, -50%) scale(0.7); } }

.main-header {
  text-align: center; }
  .main-header .header-image {
    background-color: #182C3B;
    box-sizing: border-box; }

.video-container {
  position: relative; }
  .video-container video {
    width: 100%;
    display: block; }
  .video-container .video-wrap {
    position: relative; }
  .video-container .video-marquee {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    font-weight: 100;
    background: rgba(255, 255, 255, 0.9);
    overflow: hidden;
    height: 50px; }
    .video-container .video-marquee::before {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      z-index: 9;
      content: "Breaking News";
      font-size: 16px;
      color: white;
      text-transform: uppercase;
      line-height: 50px;
      background: #DF685C;
      background: -webkit-linear-gradient(top, #DF685C, #d74131);
      background: linear-gradient(to bottom, #DF685C, #d74131);
      padding: 0px 0.5em; }
    .video-container .video-marquee span {
      position: absolute;
      padding: 0 0.25em;
      white-space: pre;
      line-height: 50px;
      font-size: 20px;
      display: inline-block;
      left: 100%;
      color: #005584;
      -webkit-animation: marquee 6s linear infinite;
              animation: marquee 6s linear infinite;
      text-transform: uppercase; }
    .video-container .video-marquee.ng-hide-add {
      -webkit-transition: opacity 50ms ease-in;
              transition: opacity 50ms ease-in; }
    .video-container .video-marquee.ng-hide-remove {
      -webkit-transition: opacity 1000ms ease-in;
              transition: opacity 1000ms ease-in; }
    .video-container .video-marquee.ng-hide-add,
    .video-container .video-marquee.ng-hide-remove.ng-hide-remove-active {
      opacity: 1; }
    .video-container .video-marquee.ng-hide-remove,
    .video-container .video-marquee.ng-hide-add.ng-hide-add-active {
      opacity: 0; }
  .video-container .video-wrap.paused .video-marquee span {
    -webkit-animation-play-state: paused;
            animation-play-state: paused; }
  .video-container .controls {
    display: none;
    text-align: center;
    margin-top: 1em; }
    @media (min-width: 768px) {
      .video-container .controls {
        display: block; } }
  .video-container button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    background: #005584;
    padding: 0;
    outline: none;
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    border-radius: 50%;
    background: #005584; }
    .video-container button::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.05);
      left: 0;
      width: 50%;
      border-radius: 100% 0 0 100% / 50% 0% 0% 50%; }
    .video-container button + button {
      margin-left: 1em; }
    .video-container button svg {
      display: block; }
    .video-container button rect, .video-container button polygon {
      fill: #68C8D1; }

@-webkit-keyframes marquee {
  from {
    left: 100%;
    -webkit-transform: translateZ(0) translateX(0%);
            transform: translateZ(0) translateX(0%); }
  to {
    left: 0%;
    -webkit-transform: translateZ(0) translateX(-100%);
            transform: translateZ(0) translateX(-100%); } }

@keyframes marquee {
  from {
    left: 100%;
    -webkit-transform: translateZ(0) translateX(0%);
            transform: translateZ(0) translateX(0%); }
  to {
    left: 0%;
    -webkit-transform: translateZ(0) translateX(-100%);
            transform: translateZ(0) translateX(-100%); } }

footer {
  z-index: 9; }
  footer video {
    width: 100%; }
  footer ul {
    list-style: none;
    padding: 0;
    margin: 0; }

input, .button {
  width: 100%;
  display: block;
  box-sizing: border-box;
  text-transform: uppercase;
  outline: none; }

input {
  padding: 0.5em 1em;
  margin: 0;
  text-align: center;
  border-radius: 6px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05);
  color: #ABA9AA;
  font-size: 1.4rem;
  border: 1px solid #ABA9AA; }

.button {
  font-size: 1.4rem;
  font-weight: 300;
  border: none;
  text-align: left;
  background-color: #005584;
  position: relative;
  padding: 6px;
  line-height: 40px; }
  .button:after {
    content: "";
    display: table;
    clear: both; }
  .button[disabled="disabled"] {
    opacity: 0.8; }
  .button::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.05);
    left: 26px;
    right: 0; }
  .button .image-wrap {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    float: left;
    margin-right: 6px;
    border-radius: 50%;
    background: #005584; }
    .button .image-wrap::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.05);
      left: 0;
      width: 50%; }
  .button img, .button svg {
    width: 90%;
    padding-top: 5%;
    padding-left: 5%; }

.question {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  min-height: 88px; }

header h1 {
  text-align: center;
  font-size: 1rem; }

@media (min-height: 558px) {
  header h1 {
    font-size: 1.4rem; } }

.option:nth-child(3) button,
.option:nth-child(3) .image-wrap {
  background-color: #DF685C; }

.option:nth-child(3) button.active {
  box-shadow: inset 0px 0px 0px 2px #f0b7b1; }

.option:nth-child(2) button,
.option:nth-child(2) .image-wrap {
  background-color: #E07F47; }

.option:nth-child(2) button.active {
  box-shadow: inset 0px 0px 0px 2px #efbc9e; }

.option:nth-child(1) button,
.option:nth-child(1) .image-wrap {
  background-color: #E9CD31; }

.option:nth-child(1) button.active {
  box-shadow: inset 0px 0px 0px 2px #f3e38d; }

.option button {
  outline: none;
  padding: 12px 8px; }

.share-menu {
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  z-index: -1;
  background: rgba(24, 44, 59, 0.9); }
  .share-menu a {
    text-decoration: none;
    color: #68C8D1;
    font-size: 1rem;
    background: #002A54; }
  .share-menu.ng-hide-remove {
    -webkit-transition: bottom 250ms, opacity 150ms 100ms;
            transition: bottom 250ms, opacity 150ms 100ms; }
  .share-menu.ng-hide-add {
    -webkit-transition: bottom 250ms 100ms, opacity 200ms;
            transition: bottom 250ms 100ms, opacity 200ms; }
  .share-menu.ng-hide-add,
  .share-menu.ng-hide-remove.ng-hide-remove-active {
    bottom: 100%;
    opacity: 1; }
  .share-menu.ng-hide-remove,
  .share-menu.ng-hide-add.ng-hide-add-active {
    bottom: -100%;
    opacity: 0; }
  @media (min-width: 768px) {
    .share-menu {
      width: calc(100% - 2em);
      left: 1em; } }

.quote-button {
  width: 100%;
  outline: none;
  position: relative;
  font-weight: 300;
  font-family: Open Sans Condensed, Helvetica, Arial, sans-serif;
  font-size: 0.8em;
  border: none;
  text-align: left;
  background-color: #005584;
  position: relative;
  padding: 12px; }
  .quote-button:after {
    content: "";
    display: table;
    clear: both; }
  .quote-button.arrowed:hover, .quote-button.arrowed:active {
    background-color: #00659e; }
  .quote-button.arrowed:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
    width: 1.5rem; }
  .quote-button > svg {
    position: absolute;
    width: 0.5rem;
    height: auto;
    right: 0.375rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: 0.1; }
  .quote-button .quote-image,
  .quote-button .quote-content {
    position: relative;
    display: block;
    float: left; }
  .quote-button .quote-content {
    width: calc(100% - 100px);
    color: #68C8D1;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 72px; }
    .quote-button .quote-content .quote-text {
      display: block; }
    .quote-button .quote-content .quote-author {
      font-weight: 700;
      text-transform: uppercase; }
  .quote-button .quote-image {
    width: 48px;
    height: 48px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    margin-right: 12px;
    border-radius: 50%;
    background: #005584; }
    .quote-button .quote-image::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.05);
      left: 0;
      width: 50%; }
  .quote-button img {
    width: 100%; }

@media (min-width: 992px) {
  .quote-button {
    font-size: 1em;
    padding: 16px; }
    .quote-button.arrowed:before {
      width: 2rem; }
    .quote-button > svg {
      width: 0.75rem;
      right: 0.5rem; }
    .quote-button .quote-content {
      width: calc(100% - 140px);
      left: 96px; }
    .quote-button .quote-image {
      width: 64px;
      height: 64px;
      margin-right: 16px; }
    .quote-button img {
      width: 100%; } }

.quote-modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  box-sizing: border-box;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  background: #005584;
  color: white;
  z-index: 90;
  box-sizing: border-box;
  padding: 1em; }
  .quote-modal.ng-hide-remove, .quote-modal.ng-hide-add {
    display: block !important;
    -webkit-transition: left 250ms ease-out, right 250ms ease-out;
            transition: left 250ms ease-out, right 250ms ease-out; }
  .quote-modal.ng-hide-add,
  .quote-modal.ng-hide-remove.ng-hide-remove-active {
    right: 0;
    left: 0; }
  .quote-modal.ng-hide-remove,
  .quote-modal.ng-hide-add.ng-hide-add-active {
    right: 100%;
    left: -100%; }
  .quote-modal .quote-button {
    border-bottom: 1px solid #68C8D1;
    padding-right: 0.75rem;
    padding-left: 0; }
    .quote-modal .quote-button .quote-content {
      left: 66px; }
  .quote-modal .close {
    font-size: 3em;
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    line-height: 0.5; }
  .quote-modal .quote-modal-content {
    padding: 2em; }
    .quote-modal .quote-modal-content h1 {
      font-size: 1rem;
      font-weight: 700;
      text-transform: uppercase;
      margin-bottom: 1em; }
      .quote-modal .quote-modal-content h1 span {
        display: block;
        font-size: 0.8em;
        text-transform: none;
        font-style: italic;
        font-weight: 300; }
    .quote-modal .quote-modal-content > p {
      color: #68C8D1;
      font-family: Open Sans Condensed, Helvetica, Arial, sans-serif; }

.main-header {
  height: 96px; }
  .main-header a {
    display: inline-block; }
  .main-header nav ul {
    padding: 12px 0; }

.main-section {
  top: 96px; }

.layout-home .main-section {
  top: 110px; }

.layout-home .main-header {
  height: 110px; }

.screen-intro main {
  padding: 1em; }

.screen-inner header, .screen-inner main, .screen-inner footer {
  height: auto;
  display: table;
  box-sizing: border-box;
  width: 100%; }

.screen-inner .question header {
  min-height: 120px; }

.screen-inner header {
  padding: 1em; }

.screen-inner .block-inner {
  height: 100%;
  display: table-cell; }

.screen-inner header .block-inner, .screen-inner main .block-inner {
  vertical-align: middle; }

.screen-inner footer {
  position: absolute;
  bottom: 0; }
  .screen-inner footer .block-inner {
    vertical-align: bottom; }

@media (min-height: 558px) {
  .screen-inner header {
    padding: 2em 1em; }
  .screen-inner .question header {
    min-height: 190px; }
  .screen-result .screen-inner header {
    padding: 1em; } }

@media (min-height: 628px) {
  .screen-inner header, .screen-inner main {
    padding: 2.5em 1em; } }

.main-section {
  position: absolute;
  bottom: 0; }

.header-image {
  padding: 10px 0; }
  .header-image img {
    vertical-align: top;
    width: 220px;
    height: auto; }

.screen, .screen-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

@media (min-width: 768px) {
  .header-image img {
    width: 400px; }
  .quote-modal {
    padding: 2em 25%; }
  .header-image {
    padding: 28px 0; }
  nav {
    padding: 15px 0; }
  .layout-home .main-header, .main-header {
    height: auto; }
  .layout-home .main-section, .main-section, .screen, .screen-inner {
    top: 0;
    position: relative; }
  .screen-inner {
    width: 90%;
    max-width: 700px;
    margin: 1em auto 0; }
    .screen-inner [quote], .screen-inner header, .screen-inner main, .screen-inner footer {
      display: block;
      box-sizing: border-box;
      width: 100%;
      height: auto;
      padding: 0 1em;
      margin-top: 1em; }
    .screen-inner .block-inner {
      height: auto;
      display: block; }
    .screen-inner footer {
      position: relative; }
    .screen-inner .question header, .screen-inner .question footer {
      height: auto;
      min-height: initial; }
    .screen-inner .question header {
      margin: 2em 0; } }

@media (min-width: 992px) {
  body {
    font-size: 18px; }
  h1, h2, input, button.button {
    font-size: 1.5em; } }

/*# sourceMappingURL=maps/main.css.map */