@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
@font-face { font-family: 'Maison Neue'; src: url("/static/fonts/maisonneueweb-book-webfont.eot"); src: url("/static/fonts/maisonneueweb-book-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/maisonneueweb-book-webfont.woff2") format("woff2"), url("/static/fonts/maisonneueweb-book-webfont.woff") format("woff"), url("/static/fonts/maisonneueweb-book-webfont.ttf") format("truetype"), url("/static/fonts/maisonneueweb-book-webfont.svg#webfontregular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Maison Neue'; src: url("/static/fonts/maisonneueweb-bold-webfont.woff2") format("woff2"), url("/static/fonts/maisonneueweb-bold-webfont.woff") format("woff"); font-weight: bold; }
@font-face { font-family: 'Maison Neue'; src: url("/static/fonts/maisonneueweb-book-italic-webfont.woff2") format("woff2"), url("/static/fonts/maisonneueweb-book-italic-webfont.woff") format("woff"); font-style: italic; }
@font-face { font-family: 'Maison Neue'; src: url("/static/fonts/maisonneueweb-bold-italic-webfont.woff2") format("woff2"), url("/static/fonts/maisonneueweb-bold-italic-webfont.woff") format("woff"); font-weight: bold; font-style: italic; }
input { display: inline-block; width: auto; vertical-align: middle; padding: 8px 12px; font-size: 16px; line-height: 20px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }

.container, .container--lg, .container--sm { position: relative; padding: 0 20px; margin: 0 auto; max-width: 704px; }

.container--lg { max-width: 1004px; }

.btn, .btn--default { display: inline-block; padding: 0 16px; border-radius: 6px; background-color: #F5F5F5; color: #14233C; font-size: 16px; line-height: 38px; font-weight: bold; border: 0; outline: 0; cursor: pointer; }

.btn--primary { background-color: #00A4DB; color: white; }

.btn--link { background-color: transparent; color: #00A4DB; }

.btn--lg { font-size: 18px; line-height: 54px; padding: 0 24px; }

.article__header { height: 285px; position: relative; background-color: #F3F4F5; color: #14233C; }
@media (min-width: 550px) { .article__header { height: 350px; } }
.article__header .container--sm { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.article__title { margin: 0; padding: 0; flex: 0 0 auto; font: 700 22px/1.35em "Avenir Next", "Montserrat", sans-serif; text-align: center; }
@media (min-width: 550px) { .article__title { font-size: 35px; } }
.article__date, .article__category { position: absolute; top: 20px; font-size: 16px; line-height: 1.35em; }
@media (min-width: 550px) { .article__date, .article__category { top: 39px; } }
.article__date { left: 20px; text-transform: uppercase; }
.article__category { right: 20px; font-weight: 600; line-height: 1.35em; color: #50B9DC; }
@media (min-width: 550px) { .article__category { top: 30px; color: inherit; padding: 0 16px; line-height: 38px; border-radius: 6px; background-color: #e8e9ec; }
  .article__category:hover { background-color: #E1E4E6; } }
.article__scroll-handle svg { position: absolute; bottom: 40px; height: 16px; margin-left: auto; margin-right: auto; left: 0; right: 0; }
@media (min-width: 550px) { .article__scroll-handle svg { bottom: 57px; } }

.article__content { padding: 32px 0; margin: auto; font-size: 18px; line-height: 30px; color: #14233C; }
@media (min-width: 550px) { .article__content { padding: 56px 0; } }
.article__content h1 { font: 700 22px/1.35em "Avenir Next", "Montserrat", sans-serif; }
@media (min-width: 550px) { .article__content h1 { font-size: 35px; } }

.homepage .anim #preview img.preview-cap { -webkit-animation: cap-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; -moz-animation: cap-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; -ms-animation: cap-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; -o-animation: cap-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; animation: cap-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; }
@-webkit-keyframes cap-appear { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes cap-appear { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-ms-keyframes cap-appear { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes cap-appear { 0% { opacity: 0; }
  100% { opacity: 1; } }
.homepage .anim #preview #preview-card { -webkit-animation: card-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; -moz-animation: card-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; -ms-animation: card-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; -o-animation: card-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; animation: card-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; }
@-webkit-keyframes card-appear { 0% { left: 128px; opacity: 0; }
  75% { opacity: 1; }
  100% { left: 0; opacity: 1; } }
@-moz-keyframes card-appear { 0% { left: 128px; opacity: 0; }
  75% { opacity: 1; }
  100% { left: 0; opacity: 1; } }
@-ms-keyframes card-appear { 0% { left: 128px; opacity: 0; }
  75% { opacity: 1; }
  100% { left: 0; opacity: 1; } }
@keyframes card-appear { 0% { left: 128px; opacity: 0; }
  75% { opacity: 1; }
  100% { left: 0; opacity: 1; } }
.homepage #home { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; min-height: 100%; max-width: 1200px; overflow: hidden; }
.homepage #home > div { min-height: 100%; }
.homepage #home #preview { position: relative; -webkit-order: 0; order: 0; user-select: none; box-sizing: content-box; -webkit-flex-shrink: 0; flex-shrink: 0; margin-right: 100px; }
.homepage #home #preview div#preview-phone { position: relative; margin-left: 128px; }
.homepage #home #preview div#preview-phone img#preview-phone-frame { width: 306px; }
.homepage #home #preview div#preview-phone .preview-cap { width: 260px; position: absolute; top: 76.5px; left: 23px; height: 462px; }
.homepage #home #preview div#preview-phone img.preview-cap { opacity: 0; }
.homepage #home #preview img#preview-card { width: 206px; position: absolute; bottom: 4px; left: 0; z-index: -1; overflow: hidden; opacity: 0; }
.homepage #home #preview video { display: none; object-fit: fill; }
.homepage #home #preview .video-playing video { display: block; }
.homepage #home #preview .video-playing .video-hide { display: none; }
.homepage #home #hero { padding: 20px; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.homepage #home #desc { -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; -webkit-order: 1; order: 1; -webkit-flex-grow: 1; flex-grow: 1; max-width: 480px; line-height: 1.6; }
.homepage #home #desc img { max-width: 200px; }
.homepage #home #signup { text-align: left; padding: 0; }
.homepage #home #signup form > div { margin: 0; }
.homepage #home #signup p { margin-left: 0; margin-right: 0; }
.homepage #home #signup .signup-header p { margin-left: auto; margin-right: auto; }
.homepage #home #pr { opacity: .3; text-align: center; user-select: none; width: 100%; width: calc(100% + 15px + 15px); margin: 100px 0 0 -15px; }
.homepage #home #pr a { display: inline-block; position: relative; margin: 0 30px 50px; }
.homepage #home #pr a#pr-guardian { top: 6px; }
.homepage #home #pr a#pr-techcrunch { top: 0; }
.homepage #home #pr a#pr-bbc { top: 0; }
.homepage #home #pr a#pr-thetimes { top: 0px; }
.homepage #home #pr a#pr-bloomberg { top: 6px; }

@media (max-width: 1199px) { .homepage #home #desc { font-size: 17px; line-height: 26px; }
  .homepage #home #desc p.desc br { display: none; }
  .homepage #home #preview { margin-right: 50px; } }
@media (max-width: 991px) { .homepage #home { display: block; text-align: center; padding: 10px 0; }
  .homepage #home > div { height: auto; }
  .homepage #home #hero { display: block; }
  .homepage #home #preview { margin-right: 0; display: inline-block; }
  .homepage #home #preview video { display: none; }
  .homepage #home #preview .video-playing video { display: none; }
  .homepage #home #preview .video-playing .video-hide { display: block; }
  .homepage #home #desc { margin: 0 auto 30px auto; max-width: 480px; }
  .homepage #home #pr { margin-top: 15px; }
  .homepage #home #pr a { top: 0 !important; margin: 0 60px 50px; }
  .homepage #home #pr img { width: 100%; margin: 0 -15px; }
  .homepage #home #signup { margin-left: auto; margin-right: auto; text-align: center; max-width: 600px; }
  .homepage #home #signup form > div { margin: 0 auto; } }
@media (max-width: 767px) { .homepage #preview img#preview-card { display: none; }
  .homepage #preview div#preview-phone { margin: -10px auto !important; transform: scale(0.85, 0.85); }
  .homepage .signup-step { margin-left: -8px; margin-right: -8px; padding: 25px; }
  .homepage #email-form.step-inprogress { margin-left: 0px; margin-right: 0px; }
  .homepage #signup form { max-width: none; }
  .homepage #signup form input { width: 100% !important; position: static !important; }
  .homepage #signup form input[type="submit"] { line-height: inherit; margin-top: 10px; } }
.blogpage > body > header { padding: 0; background-color: #14233C; }
.blogpage > body > header .container, .blogpage > body > header .container--lg { padding: 16px 20px; height: 70px; display: flex; display: -ms-flexbox; }
.blogpage > body > header h1 { width: initial; flex: 0 0 auto; -ms-flex: 0 0 auto; }
.blogpage > body > header .logo { height: 38px; width: auto; display: block; }
.blogpage > body > header .logo-full { display: none; }
@media (min-width: 450px) { .blogpage > body > header .logo-mark { display: none; }
  .blogpage > body > header .logo-full { display: block; } }
.blogpage > body > header .btn { line-height: 100%; background-color: rgba(255, 255, 255, 0.1); border-radius: 5px; padding: 11px 26px 8px; font-size: 16px; display: inline-block; margin-right: -4px; font-weight: bold; color: white; }
.blogpage > body > header .btn:hover { background-color: #404F65; }

.blogpage .fixed { position: fixed; top: 0; left: 0; z-index: 100; }

.blogpage .fixed-placeholder { position: relative; height: 70px; }

.blog-post-header { background-color: #F3F4F5; height: 285px; position: relative; color: #14233C; }
@media (min-width: 550px) { .blog-post-header { height: 350px; } }
.blog-post-header .container, .blog-post-header .container--lg { height: 100%; display: flex; display: -ms-flexbox; flex-direction: column; -ms-flex-direction: column; align-items: center; -ms-flex-align: center; justify-content: center; -ms-flex-pack: center; }
.blog-post-header .date, .blog-post-header .category { position: absolute; top: 20px; font-size: 16px; line-height: 19px; }
@media (min-width: 550px) { .blog-post-header .date, .blog-post-header .category { top: 39px; } }
.blog-post-header .date { left: 20px; text-transform: uppercase; }
.blog-post-header .category { right: 20px; color: #50B9DC; font-weight: 600; }
.blog-post-header .category .scroll-down-handle g { stroke: #50B9DC; }
@media (min-width: 550px) { .blog-post-header .category { color: inherit; }
  .blog-post-header .category a { top: 30px; padding: 9px 22px 8px; border-radius: 5px; font-weight: 600; background-color: rgba(255, 255, 255, 0.1); }
  .blog-post-header .category a:hover { background-color: rgba(255, 255, 255, 0.2); } }
.blog-post-header--filled { color: white; }
.blog-post-header--filled .category { color: white; border-bottom: 2px solid white; }
@media (min-width: 550px) { .blog-post-header--filled .category { text-decoration: none; border: none; } }
.blog-post-header--filled .scroll-down-handle g { stroke: white; }
@media (min-width: 550px) { .blog-post-header--blank .category a { background-color: #e8e9ec; }
  .blog-post-header--blank .category a:hover { background-color: #E1E4E6; } }
.blog-post-header h1, .blog-post-header h1 > a { font-size: 22px; line-height: 30px; font-family: "Avenir Next", "Montserrat"; font-weight: 700; width: 100%; display: flex; flex: 0 0 auto; justify-content: center; align-items: center; text-align: center; margin: 0 auto; z-index: 1; }
@media (min-width: 550px) { .blog-post-header h1, .blog-post-header h1 > a { font-size: 35px; line-height: 45px; width: 100%; } }
.blog-post-header .background-image { position: absolute; top: 10%; height: 80%; left: 0; width: 100%; }
.blog-post-header .scroll-down-handle { position: absolute; bottom: 40px; height: 16px; margin-left: auto; margin-right: auto; left: 0; right: 0; }
@media (min-width: 550px) { .blog-post-header .scroll-down-handle { bottom: 57px; } }

.blog-post-footer { clear: both; margin: 0 auto; padding-top: 50px; padding-bottom: 20px; max-width: 840px; }
@media (min-width: 550px) { .blog-post-footer { margin-bottom: 70px; } }

.blog-post-related-articles h1 { margin: 0 20px 20px; font-size: 16px; line-height: 26px; padding: 0; color: #14233C; }
@media (min-width: 550px) { .blog-post-related-articles h1 { margin: 0 20px; } }
.blog-post-related-articles ul { padding: 0; margin: 20px 0; list-style: none; }
@media (min-width: 550px) { .blog-post-related-articles ul { display: flex; display: -ms-flexbox; justify-content: center; -ms-flex-pack: center; flex-wrap: wrap; -ms-flex-wrap: wrap; padding: 10px; margin: auto; } }
.blog-post-related-articles li { height: 135px; margin-bottom: 15px; position: relative; }
@media (min-width: 550px) { .blog-post-related-articles li { height: 185px; flex: 0 0 100%; -ms-flex: 0 0 100%; min-width: 370px; margin: 0; }
  .blog-post-related-articles li:last-of-type:nth-child(odd) { flex: 0 0 100%; -ms-flex: 0 0 100%; } }
@media (min-width: 760px) { .blog-post-related-articles li { flex: 0 0 50%; -ms-flex: 0 0 50%; } }
.blog-post-related-articles .other-post { position: relative; height: 100%; width: 100%; cursor: pointer; display: block; }
.blog-post-related-articles .other-post a { font-size: inherit; background-color: #F3F4F5; height: 100%; width: 100%; display: block; }
.blog-post-related-articles .other-post a:hover { background-color: #E6E9EC; }
@media (min-width: 550px) { .blog-post-related-articles .other-post { padding: 10px; }
  .blog-post-related-articles .other-post a { border-radius: 5px; } }
.blog-post-related-articles .date, .blog-post-related-articles .category { position: absolute; top: 20px; font-size: 16px; font-weight: 500; line-height: 18px; color: #A3AAB4; }
@media (min-width: 550px) { .blog-post-related-articles .date, .blog-post-related-articles .category { top: 40px; font-size: 14px; line-height: 18px; } }
.blog-post-related-articles .date { text-transform: uppercase; }
.blog-post-related-articles .title { position: absolute; right: 60px; bottom: 20px; line-height: 22px; font-size: 16px; font-family: "Avenir Next", "Montserrat"; font-weight: 700; color: #14233C; }
@media (min-width: 550px) { .blog-post-related-articles .title { bottom: 40px; right: 80px; } }
.blog-post-related-articles .date, .blog-post-related-articles .title { left: 20px; }
@media (min-width: 550px) { .blog-post-related-articles .date, .blog-post-related-articles .title { left: 40px; } }
.blog-post-related-articles .arrow { position: absolute; width: 20px; bottom: 25px; }
@media (min-width: 550px) { .blog-post-related-articles .arrow { bottom: 45px; } }
.blog-post-related-articles .category, .blog-post-related-articles .arrow { right: 20px; }
@media (min-width: 550px) { .blog-post-related-articles .category, .blog-post-related-articles .arrow { right: 40px; } }
.blog-post-related-articles .btn { min-height: 76px; background-color: #F3F4F5; text-align: center; display: block; border-radius: 5px; padding: 27px 16px 23px; font-size: 16px; font-weight: 500; line-height: 25px; color: inherit; margin-top: 20px; cursor: pointer; margin: 0 20px; position: relative; }
.blog-post-related-articles .btn:hover { background-color: #E6E9EC; }
@media (min-width: 550px) { .blog-post-related-articles .btn { text-align: left; padding-left: 29px; padding-right: 29px; } }
.blog-post-related-articles .btn .arrow { display: none; position: absolute; right: 20px; bottom: 20px; width: 20px; }
@media (min-width: 550px) { .blog-post-related-articles .btn .arrow { display: block; right: 30px; } }

.blog-post-author { margin: auto; position: relative; text-align: center; }
.blog-post-author a { color: #50B9DC; }
.blog-post-author a:hover { color: #19304D; }
.blog-post-author-container { display: inline-block; }
.blog-post-author-image { width: 100px; height: 100px; display: block; margin: auto; border-radius: 50%; }
@media (min-width: 550px) { .blog-post-author-image { width: 151px; height: 151px; display: inline-block; vertical-align: top; } }
.blog-post-author-name { margin-top: 20px; margin-bottom: 0px; font-weight: 600; font-size: 20px; color: #14233C; line-height: 25px; }
.blog-post-author-title { margin-top: 0px; margin-bottom: 20px; font-size: 16px; line-height: 25px; }
@media (min-width: 550px) { .blog-post-author-title { font-size: 20px; line-height: 30px; } }
@media (min-width: 550px) { .blog-post-author-details { margin-left: 39px; display: inline-block; vertical-align: top; text-align: left; } }
.blog-post-author-more { margin: 30px auto 0; font-size: 16px; line-height: 18px; color: #50B9DC; }
@media (min-width: 550px) { .blog-post-author-more { font-size: 18px; line-height: 30px; } }

.blog-post-comments { margin: 100px 0; padding: 0 20px; }
.blog-post-comments #discourse-comments { margin-left: auto; margin-right: auto; max-width: 664px; }
.blog-post-comments .btn { background-color: #F3F4F5; text-align: center; display: block; border-radius: 5px; color: inherit; width: 233px; height: 44px; margin: 0 auto; padding: 15px 0 11px; font-size: 16px; line-height: 18px; font-weight: bold; }
@media (min-width: 550px) { .blog-post-comments .btn { height: 53px; padding: 19px 0 16px; width: 250px; } }

#article-text-anchor { top: -70px; position: absolute; }

#article-text { padding: 30px 0 0; margin: auto; color: #3D4C62; }
@media (min-width: 550px) { #article-text { padding-top: 59px; } }
#article-text a { color: #50B9DC; font-size: inherit; }
#article-text a:hover { color: #19304D; }
#article-text > h1, #article-text > h2, #article-text > h3, #article-text > h4, #article-text > h5, #article-text > h6, #article-text > p, #article-text > div, #article-text > blockquote, #article-text > article, #article-text > ul, #article-text > ol, #article-text > table, #article-text > hr, #article-text > section > h1, #article-text > section > h2, #article-text > section > h3, #article-text > section > h4, #article-text > section > h5, #article-text > section > h6, #article-text > section > p, #article-text > section > div, #article-text > section > blockquote, #article-text > section > article, #article-text > section > ul, #article-text > section > ol, #article-text > section > table, #article-text > section > hr { padding: 0 20px; margin-left: auto; margin-right: auto; max-width: 704px; }
#article-text > ul, #article-text > ol, #article-text > section > ul, #article-text > section > ol { padding-left: 40px; }
#article-text h1 { font-weight: bold; color: #14233C; margin-bottom: 16px; }
@media (min-width: 550px) { #article-text h1 { margin-bottom: 20px; } }
#article-text h2, #article-text h3 { font-weight: bold; color: #14233C; margin-bottom: 12px; }
@media (min-width: 550px) { #article-text h2, #article-text h3 { margin-bottom: 14px; } }
#article-text h1, #article-text h2, #article-text h3, #article-text h4, #article-text p, #article-text div, #article-text ul, #article-text ol { font-size: 16px; line-height: 26px; }
@media (min-width: 550px) { #article-text h1, #article-text h2, #article-text h3, #article-text h4, #article-text p, #article-text div, #article-text ul, #article-text ol { font-size: 18px; line-height: 30px; } }
#article-text h1 { font-size: 20px; line-height: 32px; }
@media (min-width: 550px) { #article-text h1 { font-size: 24px; line-height: 36px; } }
#article-text hr { border: 0; height: 3px; background: #EDEDED; margin-bottom: 30px; border-left: 20px solid #fff; border-right: 20px solid #fff; }
#article-text blockquote { font-size: 22px; line-height: 30px; font-family: "Avenir Next", "Montserrat"; font-weight: 700; color: #14233C; }
@media (min-width: 550px) { #article-text blockquote { font-size: 30px; line-height: 40px; margin: 50px auto; } }
#article-text p, #article-text blockquote, #article-text ul, #article-text ol { margin: 0 auto 22px; }
@media (min-width: 550px) { #article-text p, #article-text blockquote, #article-text ul, #article-text ol { margin-bottom: 30px; } }
#article-text figure { margin: 0 auto 20px; width: 100%; max-width: 800px; }
@media (min-width: 550px) { #article-text figure { margin: 50px auto; } }
#article-text figure img, #article-text figure iframe, #article-text figure video { display: block; width: 100%; padding-bottom: 10px; margin-left: auto; margin-right: auto; }
@media (min-width: 550px) { #article-text figure img, #article-text figure iframe, #article-text figure video { padding-bottom: 20px; } }
#article-text figure figcaption { text-align: center; padding: 0 20px; }
#article-text figure figcaption, #article-text figure figcaption a { font-size: 12px; line-height: 18px; font-weight: bold; }
@media (min-width: 550px) { #article-text figure figcaption, #article-text figure figcaption a { font-size: 15px; line-height: 22px; } }
#article-text figure.inline, #article-text figure.inline-left, #article-text figure.inline-right { padding: 0 20px; margin-left: auto; margin-right: auto; max-width: 704px; text-align: center; }
#article-text figure.inline img, #article-text figure.inline iframe, #article-text figure.inline video, #article-text figure.inline-left img, #article-text figure.inline-left iframe, #article-text figure.inline-left video, #article-text figure.inline-right img, #article-text figure.inline-right iframe, #article-text figure.inline-right video { padding-bottom: 20px; margin: auto; display: inline-block; }
@media (min-width: 550px) { #article-text figure.inline-left, #article-text figure.inline-right { margin: 0 auto; } }
#article-text figure.inline-left img, #article-text figure.inline-left iframe, #article-text figure.inline-left video, #article-text figure.inline-right img, #article-text figure.inline-right iframe, #article-text figure.inline-right video { max-width: 260px; }
@media (min-width: 550px) { #article-text figure.inline-left img, #article-text figure.inline-left iframe, #article-text figure.inline-left video { float: left; padding-right: 20px; }
  #article-text figure.inline-right img, #article-text figure.inline-right iframe, #article-text figure.inline-right video { float: right; padding-left: 20px; } }
#article-text figure.with-padding { max-width: 840px; padding: 0 20px; }

.signup-blog { display: none; font-weight: 600; background-color: #F3F4F5; text-align: center; margin-bottom: 30px; overflow-x: hidden; }
@media (min-width: 550px) { .signup-blog { margin: 50px auto; background-color: transparent; } }

.signup-blog-container { background-color: #F3F4F5; border-radius: 5px; padding: 34px 0 40px; margin: 0 auto; }

.signup-blog-logos img { display: inline-block; width: 200px; margin: 0 8px; }

#share-widget { position: fixed; bottom: 0; left: 0; top: auto; width: 100%; opacity: 1; background-color: #14233C; font-size: 16px; line-height: 18px; color: rgba(255, 255, 255, 0.44); transition: .3s opacity; }
#share-widget.share-widget--hidden { opacity: 0; }
#share-widget .container, #share-widget .container--lg { display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: space-between; -ms-flex-pack: space-between; height: 50px; padding: 0 10px 0 20px; }
#share-widget ul, #share-widget li { display: inline-block; padding: 0; list-style: none; margin: 0; padding: 0; }
#share-widget span { margin-top: 4px; }
#share-widget a { width: 40px; height: 30px; display: block; text-align: center; border-radius: 5px; background-color: rgba(255, 255, 255, 0.1); color: white; margin-left: 10px; }
#share-widget a .fa { line-height: 30px; font-size: 18px; }
#share-widget a:hover { background-color: rgba(255, 255, 255, 0.2); }
@media (min-width: 850px) { #share-widget { width: 100%; height: 182px; position: absolute; top: 465px; padding: 0; opacity: 0; z-index: 100; opacity: 1; left: auto; background-color: transparent; pointer-events: none; }
  #share-widget .container, #share-widget .container--lg { align-items: flex-start; -ms-flex-align: start; justify-content: flex-end; -ms-flex-pack: end; }
  #share-widget.share-widget--fixed { position: fixed; top: 120px; }
  #share-widget ul, #share-widget li { display: block; list-style: none; margin-bottom: 10px; padding: 0; pointer-events: all; }
  #share-widget span { display: none; }
  #share-widget a { width: 50px; height: 38px; line-height: 38px; display: block; text-align: center; font-size: 20px; color: #14233C; border-radius: 5px; background-color: #F3F4F5; margin-bottom: 10px; }
  #share-widget a .fa { line-height: 38px; font-size: 18px; }
  #share-widget a:hover { background-color: #E6E9EC; } }

strong { font-weight: 600; }

a img { border: 0px; }

.blog-list-header { max-width: 1002px; color: #14233C; height: 138px; padding-top: 74px; display: none; }
@media (min-width: 550px) { .blog-list-header { display: block; margin-left: 20px; margin-right: 20px; border-radius: 5px; } }
@media (min-width: 1042px) { .blog-list-header { margin-left: auto; margin-right: auto; } }
.blog-list-header-title { font-family: "Avenir Next", "Montserrat"; font-size: 25px; line-height: 34px; font-weight: 700; display: inline-block; margin: 0 auto; }
.blog-list-header-social-buttons { float: right; display: inline-block; font-size: 14px; }
.blog-list-header-social-buttons span { line-height: 38px; vertical-align: top; padding-right: 10px; }
.blog-list-header-social-buttons ul { margin: 0; padding: 0; border: 0; overflow: hidden; display: inline-block; }
.blog-list-header-social-buttons ul li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; float: left; padding-left: 5px; padding-right: 5px; }
.blog-list-header-social-buttons ul li:first-child { padding-left: 0; }
.blog-list-header-social-buttons ul li:last-child { padding-right: 0; }
.blog-list-header-social-buttons a { font-size: 24px; line-height: 38px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; width: 50px; height: 38px; display: inline-block; text-align: center; background: #F3F4F5; cursor: pointer; }
.blog-list-header-social-buttons a:hover { background: #E6E9EC; }
.blog-list-header-social-buttons a .fa { line-height: inherit; }
@media (min-width: 550px) { .blog-list-header-social-buttons a .fa { line-height: 38px; font-size: 18px; } }

.featured-article { max-width: 1002px; height: 314px; background: #F3F4F5; text-align: center; position: relative; cursor: pointer; color: white; position: relative; }
@media (min-width: 550px) { .featured-article { display: block; margin-left: 20px; margin-right: 20px; border-radius: 5px; } }
@media (min-width: 1042px) { .featured-article { margin-left: auto; margin-right: auto; } }
.featured-article:hover { opacity: 0.9; }
.featured-article--blank { color: #14233C; }
.featured-article > a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; height: 100%; width: 100%; }
.featured-article-background-image { position: absolute; top: 5%; bottom: 5%; left: 0; right: 0; height: 90%; width: 100%; z-index: 0; pointer-events: none; }
.featured-article-title { font-family: "Avenir Next", "Montserrat"; z-index: 1; font-size: 22px; line-height: 30px; font-weight: 700; }
@media (min-width: 550px) { .featured-article-title { font-size: 30px; line-height: 45px; } }
.featured-article-subtitle { margin-top: 19px; z-index: 1; display: none; max-width: 400px; font-size: 14px; line-height: 23px; font-weight: 500; }
@media (min-width: 550px) { .featured-article-subtitle { display: block; } }
.featured-article-date, .featured-article-category { z-index: 1; position: absolute; top: 20px; font-size: 16px; line-height: 19px; font-weight: 500; }
@media (min-width: 550px) { .featured-article-date, .featured-article-category { font-size: 14px; line-height: 16px; font-weight: 500; position: absolute; top: 30px; } }
.featured-article-date { text-transform: uppercase; position: absolute; left: 20px; }
@media (min-width: 550px) { .featured-article-date { left: 30px; } }
.featured-article-category { position: absolute; right: 20px; }
@media (min-width: 550px) { .featured-article-category { right: 30px; } }

.social-buttons { width: 100%; font-size: 16px; height: 50px; background-color: #F3F4F5; color: #14233C; padding: 10px; display: block; }
@media (min-width: 550px) { .social-buttons { display: none; } }
.social-buttons span { font-size: inherit; line-height: 38px; vertical-align: top; padding-left: 10px; }
.social-buttons ul { margin: 0; padding: 0; border: 0; overflow: hidden; display: inline-block; float: right; }
.social-buttons ul li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; float: left; padding-left: 5px; padding-right: 5px; }
.social-buttons ul li:first-child { padding-left: 0; }
.social-buttons ul li:last-child { padding-right: 0; }
.social-buttons a { width: 40px; height: 30px; display: inline-block; text-align: center; background-color: #FFFFFF; cursor: pointer; font-size: 18px; line-height: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.social-buttons a .fa { line-height: inherit; }

.blog-list-articles { max-width: 1032px; }
@media (min-width: 550px) { .blog-list-articles { display: flex; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-left: 20px; margin-right: 20px; border-radius: 5px; } }
@media (min-width: 1042px) { .blog-list-articles { margin-left: auto; margin-right: auto; } }
@media (min-width: 550px) { .blog-list-articles { -webkit-box-pack: left; -moz-box-pack: left; box-pack: left; -webkit-justify-content: left; -moz-justify-content: left; -ms-justify-content: left; -o-justify-content: left; justify-content: left; -ms-flex-pack: left; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 15px; padding-bottom: 45px; margin-left: auto; margin-right: auto; } }
@media (min-width: 728px) { .blog-list-articles { width: 688px; } }
@media (min-width: 1032px) { .blog-list-articles { width: 1032px; } }

.blog-list-article { height: 285px; position: relative; display: block; }
.blog-list-article:nth-child(even) { background: #F3F4F5; }
.blog-list-article:nth-child(n+7) { display: none; }
@media (min-width: 550px) { .blog-list-article { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; height: 314px; width: 100%; background: #F3F4F5; margin: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
  .blog-list-article:hover { background-color: #E6E9EC; } }
@media (min-width: 728px) { .blog-list-article { width: 314px; } }
.blog-list-article-date, .blog-list-article-category { position: absolute; top: 20px; color: #A3AAB4; font-size: 16px; line-height: 20px; font-weight: 500; }
@media (min-width: 550px) { .blog-list-article-date, .blog-list-article-category { font-size: 14px; line-height: 16px; font-weight: 500; position: absolute; top: 30px; } }
.blog-list-article-date { text-transform: uppercase; position: absolute; left: 20px; }
@media (min-width: 550px) { .blog-list-article-date { left: 30px; } }
.blog-list-article-category { position: absolute; right: 20px; }
@media (min-width: 550px) { .blog-list-article-category { right: 30px; } }
.blog-list-article-content { position: absolute; bottom: 20px; left: 20px; right: 80px; }
@media (min-width: 550px) { .blog-list-article-content { position: absolute; bottom: 30px; left: 30px; right: 30px; margin-right: 160px; } }
@media (min-width: 728px) { .blog-list-article-content { margin-right: 0; } }
.blog-list-article-title { color: #14233C; font-family: "Avenir Next", "Montserrat"; font-size: 18px; line-height: 26px; font-weight: 700; margin-bottom: 20px; margin-right: -60px; }
@media (min-width: 370px) { .blog-list-article-title { margin-bottom: 24px; font-size: 22px; line-height: 30px; font-weight: 700; } }
@media (min-width: 550px) { .blog-list-article-title { font-size: 18px; line-height: 25px; margin-right: 0; } }
.blog-list-article-excerpt { color: #3D4C62; font-size: 16px; line-height: 26px; font-weight: 500; }
@media (min-width: 550px) { .blog-list-article-excerpt { font-size: 14px; line-height: 24px; } }
.blog-list-article-arrow { width: 18px; position: absolute; bottom: 25px; right: 20px; }
@media (min-width: 550px) { .blog-list-article-arrow { position: absolute; bottom: 30px; right: 26px; } }
@media (min-width: 726px) { .blog-list-article-arrow { display: none; } }

.load-more-posts { max-width: 1002px; margin-left: 20px; margin-right: 20px; padding-top: 20px; padding-bottom: 20px; }
@media (min-width: 550px) { .load-more-posts { display: block; margin-left: 20px; margin-right: 20px; border-radius: 5px; } }
@media (min-width: 1042px) { .load-more-posts { margin-left: auto; margin-right: auto; } }
@media (min-width: 550px) { .load-more-posts { padding-top: 0px; padding-bottom: 60px; } }
.load-more-posts-button { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; width: 100%; height: 76px; padding: 0; border: 0px; cursor: pointer; font-family: "Avenir Next", "Montserrat"; color: #14233C; background-color: #F3F4F5; font-size: 16px; font-weight: 700; }
.load-more-posts-button:hover { background-color: #E6E9EC; }
@media (min-width: 550px) { .load-more-posts-button { font-size: 18px; } }

.blogpage, .blogpage body { margin: 0; padding: 0; }
.blogpage.blog { background-color: white; }
.blogpage.blog body { font-family: "Maison Neue"; background-color: #FFFFFF; color: #3D4C62; overflow-x: hidden; }
.blogpage.blog .container, .blogpage.blog .container--lg { max-width: 1040px; }
.blogpage.blog .container--narrow { max-width: 704px; }
.blogpage.blog .container--no-padding { padding: 0; }
.blogpage:not(.blog) > body > header h1 { flex: 0 0 140x; width: 140px; }
.blogpage:not(.blog) > body > header .container, .blogpage:not(.blog) > body > header .container--lg { height: 93px; }
.blogpage:not(.blog) > body > footer .reach-out-text { margin: 50px auto 10px; }
.blogpage:not(.blog) > body > footer p { margin: 50px 0 0; }
.blogpage:not(.blog) .post-wrapper { /**
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    contenteditable attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that are clearfxed.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/ /** For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */ padding-bottom: 1em; background-color: #fff; /* fallback color if gradients are not supported */ background-image: -webkit-linear-gradient(top, #f2f2f2, #eee); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */ background-image: -moz-linear-gradient(top, #f2f2f2, #eee); /* For Firefox (3.6 to 15) */ background-image: -o-linear-gradient(top, #f2f2f2, #eee); /* For old Opera (11.1 to 12.0) */ background-image: linear-gradient(to bottom, #f2f2f2, #eee); /* Standard syntax; must be last */ }
.blogpage:not(.blog) .post-wrapper:before, i .blogpage:not(.blog) .post-wrapper:after { content: " "; /* 1 */ display: table; /* 2 */ }
.blogpage:not(.blog) .post-wrapper:after { clear: both; }
.blogpage:not(.blog) .post-wrapper { *zoom: 1; }
.blogpage:not(.blog) h1, .blogpage:not(.blog) h1.post-title a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; margin: 0; padding: 0; display: table-cell; text-align: left; vertical-align: middle; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; color: #333; }
.blogpage:not(.blog) h1 img, .blogpage:not(.blog) h1.post-title a img { width: 100%; max-width: 992px; }
.blogpage:not(.blog) .post { text-align: left; color: #333; font-size: 20px; padding: 0; }
.blogpage:not(.blog) .post h1.post-title { font-size: 40px; line-height: 49px; padding-top: 2em; padding-bottom: 0.5em; }
.blogpage:not(.blog) .post h2, .blogpage:not(.blog) .post .post-author { font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: bold; font-size: 20px; line-height: 30px; margin-bottom: 0; }
.blogpage:not(.blog) .post h2.post-subtitle { font-size: 25px; font-weight: 300; margin-top: -0.5em; margin-bottom: 1em; }
.blogpage:not(.blog) .post p, .blogpage:not(.blog) .post a, .blogpage:not(.blog) .post li { font-family: georgia, times, sans-serif; }
.blogpage:not(.blog) .post p { margin: 0 0 1.6em 0; line-height: 30px; }
.blogpage:not(.blog) .post a, .blogpage:not(.blog) .post a:hover { color: #D23C50; }
.blogpage:not(.blog) .post p a:hover { text-decoration: underline; }
.blogpage:not(.blog) .post li { line-height: 30px; }
.blogpage:not(.blog) .post p.image img { max-width: 100%; text-align: center; display: block; }
.blogpage:not(.blog) .post .caption { font-size: .75em; }
.blogpage:not(.blog) .post .avatar { -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; height: 60px; width: 60px; overflow: hidden; float: left; margin-right: 15px; }
.blogpage:not(.blog) .post .avatar img { max-width: 100%; }
.blogpage:not(.blog) .post .post-date { color: #9F9F9F; }
.blogpage:not(.blog) .post p.post-date { margin: 0; }
.blogpage:not(.blog) .post .post-meta { margin: 0 0 100px 0; }
.blogpage .vimeo-video iframe { height: 280px; }
@media (max-width: 500px) { .blogpage .vimeo-video iframe { height: 140px; } }

body { height: 100%; }

.uni-section, .uni-container, .uni-container__container { padding-left: 16px; padding-right: 16px; }

.section-title { font-size: 25px; line-height: 34px; font-weight: 700; color: #14233C; }

.page { display: flex; flex-direction: column; justify-content: center; }

.uni-container, .uni-container__container { max-width: 100%; margin: auto; background: #14233C; padding-top: 32px; }

.uni-container, .uni-container__container { background-color: #14233C; color: white; text-align: center; width: 100%; }
.uni-container__container { padding-top: 30px; padding-bottom: 40px; text-align: center; flex-direction: column; align-items: center; }
@media (min-width: 850px) { .uni-container__container { flex-direction: row; padding-bottom: 70px; } }
.uni-container__hand-container, .uni-container__text-container { flex: 0 1 auto; width: 100%; max-width: 460px; margin: auto; }
.uni-container__text-container { margin-bottom: 24px; }
@media (min-width: 850px) { .uni-container__text-container { text-align: left; } }
.uni-container__title { margin-top: 25px; margin-bottom: 25px; font-family: "Avenir Next", "Montserrat"; font-size: 26px; line-height: 33px; font-weight: 700; text-align: center; }
.uni-container__text { font-size: 17px; line-height: 26px; text-align: center; color: rgba(255, 255, 255, 0.8); }
.uni-container__hand { width: 60%; max-width: 280px; margin-top: 16px; margin-bottom: 16px; }
@media (min-width: 850px) { .uni-container__hand { width: 280px; } }
.uni-container p.light, .uni-container__container p.light { color: rgba(255, 255, 255, 0.5); }

html.uni body { background-color: #14233C; }

.team-photo { width: 100%; margin-top: 20px; }

@media (min-width: 550px) { #greenhouse-jobs { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; } }
#greenhouse-jobs { margin-top: 0px; list-style: none; padding-left: 0px; }
#greenhouse-jobs li { font-size: 0.8em; display: inline-block; width: 100%; padding-right: 20px; line-height: 20px; padding: 0px; }
#greenhouse-jobs li h3 { margin-top: 0px; }

html.terms #main .article__content article { margin-bottom: 48px; }
html.terms #main .article__content h2 { font-size: 28px; line-height: 1.35em; margin-bottom: 32px; }
html.terms #main .article__content table { width: 100%; border-spacing: 0; border-collapse: collapse; }
html.terms #main .article__content table th { font-weight: bold; background: #d3d3d3; }
html.terms #main .article__content table td, html.terms #main .article__content table th { text-align: left; padding: 8px; border: solid 1px #aaa; }
html.terms #main .article__content dl, html.terms #main .article__content li, html.terms #main .article__content p { margin: 0 0 1.4em; line-height: 30px; }
html.terms #main .article__content dl.definitions dt { font-weight: bold; float: left; padding-right: 10px; }
html.terms #main .article__content dl.definitions dd { margin: 0 0 0.6em; }
html.terms #main .article__content dl.numbered { line-height: 30px; }
html.terms #main .article__content dl.numbered dt { float: left; font-weight: bold; }
html.terms #main .article__content dl.numbered dd { margin: 0 0 1.6em 60px; }

.invest body, .invest input { font-family: "Maison Neue", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.invest body, .invest button { font-size: 16px; }
.invest body { background-color: #15233C; color: #fff; text-align: center; }
.invest section { padding: 0 2em; border-bottom: 1px solid #101838; }
.invest h1, .invest h2 { color: #9ABBA7; font-family: "Avenir Next", Avenir, "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 2em; line-height: 1.40625em; margin-top: 2.03125em; }
.invest p, .invest input { font-size: 0.9375em; line-height: 1.3333333333em; margin-top: 0; margin-bottom: 1.3333333333em; }
.invest button, .invest a { font-family: "Avenir Next", Avenir, "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.invest button { border: none; }
.invest .btn { background-color: #00A4DB; border-radius: 0.2em; color: #fff; display: inline-block; font-size: 1.25em; line-height: 1.375em; padding: 0.425em 1.575em 0.4em 1.575em; cursor: pointer; cursor: hand; }
.invest .btn:hover { background-color: #007399; }
.invest .rwd-break { display: inline-block; }
.invest .large-break { display: none; }
.invest .intro .logo { width: 4.4375em; height: 4em; margin: 4.1875em auto 2.8125em; }
.invest .intro h1 { margin-top: 0; margin-bottom: 1em; }
.invest .intro p { font-size: 0.9375em; line-height: 1.3333333333em; margin-top: 0; margin-bottom: 1.3333333333em; }
.invest .intro p.investrisk { color: #E1B981; }
.invest .intro a { margin-bottom: 2.5em; }
.invest .product { padding: 0; }
.invest .product p { margin: 0; }
.invest .product .captions { margin: 1.9333333333em auto 3.7em; min-height: 2.5em; }
.invest .product .screenshot-container-container { width: 100%; height: 21.75em; overflow: hidden; }
.invest .product .hidden { display: none; }
.invest .product .screenshot-container { width: 14.53125em; margin: 0 auto; height: 21.75em; }
.invest .product .screenshot-container .sshot img { height: 21.75em; width: 10.625em; margin: 0 1.9375em; }
.invest .product .screenshot-container button { position: absolute; display: block; margin: 0; padding: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 3.125em; height: 7.6875em; cursor: pointer; border: none; outline: none; background: transparent; color: transparent; background-color: rgba(255, 255, 255, 0.12); background-repeat: no-repeat; background-position: center center; border-radius: 0.25em; overflow: hidden; }
.invest .product .screenshot-container button.slick-prev { left: -3.75em; background-image: url("/static/images/invest/left.svg"); background-size: 11px auto; }
.invest .product .screenshot-container button.slick-next { right: -3.75em; background-image: url("/static/images/invest/right.svg"); background-size: 11px auto; }
.invest .product .screenshot-container button:hover { background-color: rgba(255, 255, 255, 0.1); }
.invest .vision { padding: 0; }
.invest .vision .videoplayer { width: 100%; max-width: 28em; margin: 0 auto; background-image: url("/static/images/invest/video@2x.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; }
.invest .vision .videoplayer .placeholder { display: none; width: 100%; height: 100%; padding-top: 7.75em; }
.invest .vision .videoplayer a { display: block; margin: 0 auto; width: 7.375em; height: 4.125em; border-radius: 0.25em; background: rgba(255, 255, 255, 0.4) url("/static/images/invest/play.svg") no-repeat center; background-size: 2.1875em auto; }
.invest .vision p { margin-top: 2.1em; margin-bottom: 5.3em; }
.invest .investment-deck h2 { margin-bottom: 0.5625em; }
.invest .investment-deck p { margin-top: 0; margin-bottom: 0; }
.invest .investment-deck .deck { position: relative; width: 67%; min-width: 15.875em; max-width: 19em; margin: 2.4em auto; }
.invest .investment-deck .deck .deck-wrap { height: 0; padding-bottom: 55.90551181%; }
.invest .investment-deck .deck a { display: block; position: absolute; height: 100%; width: 100%; top: 0; background-image: url("/static/images/invest/pitch@2x.png"); background-repeat: no-repeat; background-position: center center; background-size: cover; box-shadow: 0em 0.1875em 0.75em 0em rgba(0, 0, 0, 0.5); text-indent: 100%; white-space: nowrap; overflow: hidden; }
.invest .investment-deck .deck a:hover { background-image: url("/static/images/invest/pitch-hover@2x.png"); }
.invest .investment-deck a.btn { background-color: #F08F02; margin-top: 1.15em; margin-bottom: 3em; }
.invest .investment-deck a.btn:hover { background-color: #AB6702; }
.invest .investor-cards h2 { margin-bottom: 0.5625em; }
.invest .investor-cards p { margin-top: 0; margin-bottom: 2.6666666667em; }
.invest .investor-cards .card { position: relative; min-width: 15em; width: 64%; max-width: 18.25em; margin: 0 auto 4.8125em; }
.invest .investor-cards .card .card-wrap { height: 0; padding-bottom: 64.58333333%; }
.invest .investor-cards .card img { display: block; position: absolute; height: 100%; width: 100%; top: 0; }
.invest .preregister h2 { margin-bottom: 0.5625em; }
.invest .preregister p { margin-top: 0; margin-bottom: 1.3666666667em; }
.invest .preregister.start-step .preregister { display: block; }
.invest .preregister.start-step .success { display: none; }
.invest .preregister.success-step .preregister { display: none; }
.invest .preregister.success-step .success { display: block; }
.invest .preregister .success { height: 170px; }
.invest .preregister .success p { padding-top: 12.5px; font-family: "Avenir Next", Avenir, "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: bold; color: #E1B981; font-size: 20px; line-height: 28px; }
.invest .preregister form { display: inline-block; width: 19.6875em; margin-top: 0; margin-bottom: 4.84375em; }
.invest .preregister form input, .invest .preregister form button { width: 100%; }
.invest .preregister form button { font-weight: bold; }
.invest .preregister form input { border: none; height: 2.9333333333em; padding: 0.9em 0 0.8666666667em 0.9333333333em; border-radius: 0.2666666667em; margin-bottom: 0.4em; }
.invest .footer-info { background-color: #fff; color: #15233C; padding: 2.2333333333em 0; }
.invest .footer-info p { max-width: 80%; margin-left: auto; margin-right: auto; }

/* Responsive queries */
@media (max-width: 370px) { .invest .rwd-break { display: none; }
  .invest .preregister form { width: 100%; } }
@media (min-width: 1025px) { .invest .intro .rwd-break { display: none; }
  .invest .large-break { display: inline-block; }
  .invest .vision .videoplayer { height: 314px; }
  .invest .vision .videoplayer .embed-container { display: none; }
  .invest .vision .videoplayer .placeholder { display: block; } }
/* Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-slide .slick-arrow.slick-hidden { display: none; }

.crowdcubeembed { width: 100%; height: 100%; min-height: 100%; text-align: center; }
.crowdcubeembed body { font-size: 16px; background-color: #f5f5f5; }
.crowdcubeembed body.preregistercomplete { background-color: #fff; }
.crowdcubeembed p { margin-top: 18px; margin-bottom: 18px; }
.crowdcubeembed p, .crowdcubeembed input { font-size: 0.9375em; line-height: 1.3333333333em; }
.crowdcubeembed .container, .crowdcubeembed .container--lg { width: 100%; height: 100%; min-height: 100%; }
.crowdcubeembed .start-step .preregister { display: block; }
.crowdcubeembed .start-step .success { display: none; }
.crowdcubeembed .start-step .completed { display: none; }
.crowdcubeembed .success-step .preregister { display: none; }
.crowdcubeembed .success-step .success { display: block; }
.crowdcubeembed .success-step .completed { display: none; }
.crowdcubeembed .completed-step .preregister { display: none; }
.crowdcubeembed .completed-step .success { display: none; }
.crowdcubeembed .completed-step .completed { display: block; }
.crowdcubeembed .preregister { padding-top: 54px; }
.crowdcubeembed .preregister p { margin-top: 0; }
.crowdcubeembed .success { font-family: "Avenir Next", Avenir, "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: bold; color: #E64B5F; font-size: 20px; line-height: 28px; padding-top: 97px; }
.crowdcubeembed .success p { margin: 0; }
.crowdcubeembed .completed { display: none; padding-top: 99px; }
.crowdcubeembed form { display: inline-block; max-width: 512px; margin-top: 18px 0; }
.crowdcubeembed form .collect { width: 100%; }
.crowdcubeembed form button, .crowdcubeembed form input.email { width: 49.40711462%; }
.crowdcubeembed form button { display: inline-block; float: right; padding: 9px 26px 8px 26px; border: none; background-color: #00A4DB; border-radius: 0.2em; color: #fff; font-size: 20px; font-weight: bold; line-height: 27px; }
.crowdcubeembed form button:disabled { background-color: #B6B6B6; }
.crowdcubeembed form input.email { float: left; border: none; height: 2.9333333333em; padding: 0.9em 0 0.8666666667em 0.9333333333em; border-radius: 0.2666666667em; }
.crowdcubeembed form .agreement { position: relative; margin-top: 15px; text-align: left; font-size: 11px; line-height: 13.5px; color: rgba(0, 0, 0, 0.5); }
.crowdcubeembed form .agreement input { position: absolute; top: 2px; left: 0; padding: 0; margin: 0; width: 20px; height: 15px; }
.crowdcubeembed form .agreement span { display: inline-block; padding-left: 25px; }
.crowdcubeembed .crowdcubebtn { display: block; margin: 0 auto; width: 200px; padding: .75em; background: #64a816; border-radius: 4px; color: #fff; font-size: 20px; font-weight: 700; text-transform: none; text-shadow: none; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid #ccc; border-bottom-color: #b3b3b3; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
.crowdcubeembed .crowdcubebtn:hover { background: #477c00; }

@media (max-width: 600px) { .crowdcubeembed .preregister { padding-top: 5px; }
  .crowdcubeembed .agreement p, .crowdcubeembed .agreement a { font-size: 11px; }
  .crowdcubeembed form button, .crowdcubeembed form input.email { display: block; width: 100%; float: none; }
  .crowdcubeembed form button { margin-top: 6px; } }
.clearfix:after { content: ""; display: table; clear: both; }

.invest-register html { margin: 0; height: 100%; overflow: hidden; }
.invest-register iframe { position: absolute; left: 0; right: 0; bottom: 0; top: 0; border: 0; }

/* box-sizing */
.fr-window, .fr-window [class^="fr-"], .fr-overlay, .fr-overlay [class^="fr-"], .fr-spinner, .fr-spinner [class^="fr-"] { box-sizing: border-box; }

.fr-window { position: fixed; width: 100%; height: 100%; top: 0; left: 0; font: 13px/20px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif; /* Chrome hack, this fixes a visual glitch when quickly toggling a video */ transform: translateZ(0px); }

/* z-index */
.fr-overlay { z-index: 99998; }

.fr-window { z-index: 99999; }

.fr-spinner { z-index: 100000; }

/* overlay */
.fr-overlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; }

.fr-overlay-background { float: left; width: 100%; height: 100%; background: #000; opacity: .9; filter: alpha(opacity=90); }

.fr-overlay-ui-fullclick .fr-overlay-background { background: #292929; opacity: 1; filter: alpha(opacity=100); }

/* mobile touch has position:absolute to allow zooming */
.fr-window.fr-mobile-touch, .fr-overlay.fr-mobile-touch { position: absolute; overflow: visible; }

/* some properties on the window are used to toggle things like margin and the fullclick mode, we reset those properties after measuring them */
.fr-measured { margin: 0 !important; min-width: 0 !important; min-height: 0 !important; }

.fr-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.fr-pages { position: absolute; width: 100%; height: 100%; overflow: hidden; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fr-page { position: absolute; width: 100%; height: 100%; }

.fr-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; text-align: center; }

.fr-hovering-clickable .fr-container { cursor: pointer; }

/* padding: youtube & vimeo always have buttons on the outside side button = 72 = 54 + (2 * 9 margin) close button = 48
*/
/* padding ui:inside */
.fr-ui-inside .fr-container { padding: 20px 20px; }

.fr-ui-inside.fr-no-sides .fr-container { padding: 20px; }

/* padding ui:outside */
.fr-ui-outside .fr-container { padding: 20px 82px; }

.fr-ui-outside.fr-no-sides .fr-container { padding: 20px 48px; }

/* reduce padding on smaller screens */
@media all and (max-width: 700px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 700px) { /* padding ui:inside */
  .fr-ui-inside .fr-container { padding: 12px 12px; }
  .fr-ui-inside.fr-no-sides .fr-container { padding: 12px; }
  /* padding ui:outside */
  .fr-ui-outside .fr-container { padding: 12px 72px; }
  .fr-ui-outside.fr-no-sides .fr-container { padding: 12px 48px; } }
@media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 500px) { /* padding ui:inside */
  .fr-ui-inside .fr-container { padding: 0px 0px; }
  .fr-ui-inside.fr-no-sides .fr-container { padding: 0px; }
  /* padding ui:outside */
  .fr-ui-outside .fr-container { padding: 0px 72px; }
  .fr-ui-outside.fr-no-sides .fr-container { padding: 0px 48px; } }
/* padding ui:fullclick */
.fr-ui-fullclick .fr-container { padding: 0; }

.fr-ui-fullclick.fr-no-sides .fr-container { padding: 0; }

/* video fullclick */
.fr-ui-fullclick.fr-type-video .fr-container { padding: 0px 62px; }

.fr-ui-fullclick.fr-no-sides.fr-type-video .fr-container { padding: 48px 0px; }

/* overflow-y should always have 0 padding top and bottom */
.fr-overflow-y .fr-container { padding-top: 0 !important; padding-bottom: 0 !important; }

.fr-content, .fr-content-background { position: absolute; top: 50%; left: 50%; /* IE11 has a 1px blur bug on the edges of the caption (ui:inside) during animation with overflow:hidden */ overflow: visible; }

/* img/iframe/error */
.fr-content-element { float: left; width: 100%; height: 100%; }

.fr-content-background { background: #101010; }

.fr-info { position: absolute; top: 0; left: 0; width: 100%; color: #efefef; font-size: 13px; line-height: 20px; text-align: left; -webkit-text-size-adjust: none; text-size-adjust: none; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }

.fr-info-background { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000; line-height: 1%; filter: none; opacity: 1; }

.fr-ui-inside .fr-info-background { filter: alpha(opacity=80); opacity: .8; zoom: 1; }

/* ui:outside has a slightly lighter info background to break up from black page backgrounds */
.fr-ui-outside .fr-info-background { background: #0d0d0d; }

/* info at the bottom for ui:inside */
.fr-content .fr-info { top: auto; bottom: 0; }

.fr-info-padder { display: block; overflow: hidden; padding: 12px; position: relative; width: auto; }

.fr-caption { width: auto; display: inline; white-space: wrap; }

.fr-position { color: #b3b3b3; float: right; line-height: 21px; opacity: 0.99; position: relative; text-align: right; margin-left: 15px; white-space: nowrap; }

/* positions not within the info bar for ui:outside/inside */
.fr-position-outside, .fr-position-inside { position: absolute; bottom: 0; right: 0; margin: 12px; width: auto; padding: 2px 8px; border-radius: 10px; font-size: 11px; line-height: 20px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); display: none; overflow: hidden; white-space: nowrap; -webkit-text-size-adjust: none; text-size-adjust: none; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }

.fr-position-inside { border: 0; }

.fr-position-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0d0d0d; filter: alpha(opacity=80); opacity: .8; zoom: 1; /* oldIE */ }

.fr-position-text { color: #b3b3b3; }

.fr-position-outside .fr-position-text, .fr-position-inside .fr-position-text { float: left; position: relative; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); opacity: 1; }

/* display it for the outside ui, hide the caption inside */
.fr-ui-outside .fr-position-outside { display: block; }

.fr-ui-outside .fr-info .fr-position { display: none; }

.fr-ui-inside.fr-no-caption .fr-position-inside { display: block; }

/* links */
.fr-info a, .fr-info a:hover { color: #ccc; border: 0; background: none; text-decoration: underline; }

.fr-info a:hover { color: #eee; }

/* no-caption */
.fr-ui-outside.fr-no-caption .fr-info { display: none; }

.fr-ui-inside.fr-no-caption .fr-caption { display: none; }

/* --- stroke */
.fr-stroke { position: absolute; top: 0; left: 0; width: 100%; height: 1px; }

.fr-stroke-vertical { width: 1px; height: 100%; }

.fr-stroke-horizontal { padding: 0 1px; }

.fr-stroke-right { left: auto; right: 0; }

.fr-stroke-bottom { top: auto; bottom: 0; }

.fr-stroke-color { float: left; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.08); }

/* the stroke is brighter inside the info box */
.fr-info .fr-stroke-color { background: rgba(80, 80, 80, 0.3); }

/* remove the stroke when outside ui has a caption */
.fr-ui-outside.fr-has-caption .fr-content .fr-stroke-bottom { display: none; }

/* remove stroke and shadow when ui:fullclick */
.fr-ui-fullclick .fr-stroke { display: none; }

.fr-ui-fullclick .fr-content-background { box-shadow: none; }

/* the info box never bas a top stroke */
.fr-info .fr-stroke-top { display: none; }

/* < > */
.fr-side { position: absolute; top: 50%; width: 54px; height: 72px; margin: 0 9px; margin-top: -36px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; zoom: 1; }

.fr-side-previous { left: 0; }

.fr-side-next { right: 0; left: auto; }

.fr-side-disabled { cursor: default; }

.fr-side-hidden { display: none !important; }

.fr-side-button { float: left; width: 100%; height: 100%; margin: 0; padding: 0; }

.fr-side-button-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #101010; background-color: #ccc; }

.fr-side-button-icon { float: left; position: relative; height: 100%; width: 100%; zoom: 1; background-position: 50% 50%; background-repeat: no-repeat; }

/* smaller side buttons */
@media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) { .fr-side { width: 54px; height: 60px; margin: 0; margin-top: -30px; }
  .fr-side-button { width: 48px; height: 60px; margin: 0 3px; } }
/* X */
.fr-close { position: absolute; width: 48px; height: 48px; top: 0; right: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.fr-close-background, .fr-close-icon { position: absolute; top: 12px; left: 12px; height: 26px; width: 26px; background-position: 50% 50%; background-repeat: no-repeat; }

.fr-close-background { background-color: #000; }

/* Thumbnails */
.fr-thumbnails { position: absolute; overflow: hidden; }

.fr-thumbnails-disabled .fr-thumbnails { display: none !important; }

.fr-thumbnails-horizontal .fr-thumbnails { width: 100%; height: 12%; min-height: 74px; max-height: 160px; bottom: 0; }

.fr-thumbnails-vertical .fr-thumbnails { height: 100%; width: 10%; min-width: 74px; max-width: 160px; left: 0; }

.fr-thumbnails, .fr-thumbnails * { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fr-thumbnails-wrapper { position: absolute; top: 0; left: 50%; height: 100%; }

.fr-thumbnails-vertical .fr-thumbnails-wrapper { top: 50%; left: 0; }

.fr-thumbnails-slider { position: relative; width: 100%; height: 100%; float: left; zoom: 1; }

.fr-thumbnails-slider-slide { position: absolute; top: 0; left: 0; height: 100%; }

.fr-thumbnails-thumbs { float: left; height: 100%; overflow: hidden; position: relative; top: 0; left: 0; }

.fr-thumbnails-slide { position: absolute; top: 0; height: 100%; width: 100%; }

.fr-thumbnail-frame { position: absolute; zoom: 1; overflow: hidden; }

.fr-thumbnail { position: absolute; width: 30px; height: 100%; left: 50%; top: 50%; zoom: 1; cursor: pointer; margin: 0 10px; }

.fr-ltIE9 .fr-thumbnail * { overflow: hidden; /* IE6(7) */ z-index: 1; zoom: 1; }

.fr-thumbnail-wrapper { position: relative; background: #161616; width: 100%; height: 100%; float: left; overflow: hidden; display: inline; /* IE6(7) */ z-index: 0; /* IE8 */ }

.fr-thumbnail-overlay { cursor: pointer; }

.fr-thumbnail-active .fr-thumbnail-overlay { cursor: default; }

.fr-thumbnail-overlay, .fr-thumbnail-overlay-background, .fr-thumbnail-overlay-border { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 0; overflow: hidden; border-style: solid; border-color: transparent; }

.fr-ltIE9 .fr-thumbnail-overlay-border { border-width: 0 !important; }

.fr-thumbnail .fr-thumbnail-image { position: absolute; filter: alpha(opacity=85); opacity: .85; max-width: none; }

.fr-thumbnail:hover .fr-thumbnail-image, .fr-thumbnail-active:hover .fr-thumbnail-image { filter: alpha(opacity=99); opacity: .99; }

.fr-thumbnail-active .fr-thumbnail-image, .fr-thumbnail-active:hover .fr-thumbnail-image { filter: alpha(opacity=35); opacity: .35; }

.fr-thumbnail-active { cursor: default; }

/* Thumbnails loading */
.fr-thumbnail-loading, .fr-thumbnail-loading-background, .fr-thumbnail-loading-icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.fr-thumbnail-loading-background { background-color: #161616; background-position: 50% 50%; background-repeat: no-repeat; opacity: .8; position: relative; float: left; }

/* this element is there as an alternative to putting the loading image on the background */
.fr-thumbnail-loading-icon { display: none; }

/* error on thumbnail */
.fr-thumbnail-error .fr-thumbnail-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #202020; }

/* Thumbnail < > */
.fr-thumbnails-side { float: left; height: 100%; width: 28px; margin: 0 5px; position: relative; overflow: hidden; }

.fr-thumbnails-side-previous { margin-left: 12px; }

.fr-thumbnails-side-next { margin-right: 12px; }

.fr-thumbnails-vertical .fr-thumbnails-side { height: 28px; width: 100%; margin: 10px 0; }

.fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 20px; }

.fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 20px; }

.fr-thumbnails-side-button { position: absolute; top: 50%; left: 50%; margin-top: -14px; margin-left: -14px; width: 28px; height: 28px; cursor: pointer; }

.fr-thumbnails-side-button-background { position: absolute; top: 0; left: 0; height: 100%; width: 100%; filter: alpha(opacity=80); opacity: .8; -moz-transition: background-color .2s ease-in; -webkit-transition: background-color .2s ease-in; transition: background-color .2s ease-in; background-color: #333; cursor: pointer; border-radius: 4px; }

.fr-thumbnails-side-button:hover .fr-thumbnails-side-button-background { background-color: #3b3b3b; }

.fr-thumbnails-side-button-disabled * { cursor: default; }

.fr-thumbnails-side-button-disabled:hover .fr-thumbnails-side-button-background { background-color: #333; }

.fr-thumbnails-side-button-icon { height: 42px; width: 42px; position: absolute; /*top: -7px;
left: -7px;*/ top: 0; left: 0; width: 100%; height: 100%; }

/* vertical thumbnails */
.fr-thumbnails-vertical .fr-thumbnails-side, .fr-thumbnails-vertical .fr-thumbnails-thumbs, .fr-thumbnails-vertical .fr-thumbnail-frame { clear: both; }

/* ui:fullclick has a dark thumbnail background */
.fr-window-ui-fullclick .fr-thumbnails { background: #090909; }

/* put a stroke on the connecting caption*/
.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-horizontal .fr-info .fr-stroke-bottom { display: block !important; }

/*({ box-shadow: inset 0 -1px 0 rgba(255,255,255,.1); } */
.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-vertical .fr-info .fr-stroke-left { display: block !important; }

/* thumbnail spacing  */
.fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 12px 5px; }

.fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 5px 12px; }

.fr-thumbnails-measured .fr-thumbnails-thumbs { padding: 0 !important; }

/* horizontal */
@media all and (min-height: 700px) { .fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 16px 8px; }
  .fr-thumbnails-horizontal .fr-thumbnails-side { margin: 0 8px; }
  .fr-thumbnails-horizontal .fr-thumbnails-side-previous { margin-left: 16px; }
  .fr-thumbnails-horizontal .fr-thumbnails-side-next { margin-right: 16px; } }
@media all and (min-height: 980px) { .fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 20px 10px; }
  .fr-thumbnails-horizontal .fr-thumbnails-side { margin: 0 10px; }
  .fr-thumbnails-horizontal .fr-thumbnails-side-previous { margin-left: 20px; }
  .fr-thumbnails-horizontal .fr-thumbnails-side-next { margin-right: 20px; } }
/* vertical */
@media all and (min-width: 1200px) { .fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 8px 16px; }
  .fr-thumbnails-vertical .fr-thumbnails-side { margin: 0 8px; }
  .fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 16px; }
  .fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 16px; } }
@media all and (min-width: 1800px) { .fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 10px 20px; }
  .fr-thumbnails-vertical .fr-thumbnails-side { margin: 10px 0; }
  .fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 20px; }
  .fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 20px; } }
/* hide thumbnails on smaller screens the js always hides them on touch based devices
*/
@media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 500px) { .fr-thumbnails-horizontal .fr-thumbnails { display: none !important; } }
@media all and (max-width: 700px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) { .fr-thumbnails-vertical .fr-thumbnails { display: none !important; } }
/* force fullClick: true and force overflow: false */
@media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) { .fr-page { min-width: 100%; }
  /* fullclick */
  .fr-page { min-height: 100%; }
  /* overflow: false */ }
/* switch between ui modes we force everything not in the current UI mode to hide
*/
.fr-window-ui-fullclick .fr-side-next-outside, .fr-window-ui-fullclick .fr-side-previous-outside, .fr-window-ui-fullclick .fr-close-outside, .fr-window-ui-fullclick .fr-content .fr-side-next, .fr-window-ui-fullclick .fr-content .fr-side-previous, .fr-window-ui-fullclick .fr-content .fr-close, .fr-window-ui-fullclick .fr-content .fr-info, .fr-window-ui-outside .fr-side-next-fullclick, .fr-window-ui-outside .fr-side-previous-fullclick, .fr-window-ui-outside .fr-close-fullclick, .fr-window-ui-outside .fr-content .fr-side-next, .fr-window-ui-outside .fr-content .fr-side-previous, .fr-window-ui-outside .fr-content .fr-close, .fr-window-ui-outside .fr-content .fr-info, .fr-window-ui-inside .fr-page > .fr-info, .fr-window-ui-inside .fr-side-next-fullclick, .fr-window-ui-inside .fr-side-previous-fullclick, .fr-window-ui-inside .fr-close-fullclick, .fr-window-ui-inside .fr-side-next-outside, .fr-window-ui-inside .fr-side-previous-outside, .fr-window-ui-inside .fr-close-outside { display: none !important; }

/* some ui elements can be toggled on mousemove. filter:alpha(opacity) is bugged so we use display in oldIE
*/
.fr-toggle-ui { opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; }

.fr-visible-fullclick-ui .fr-box > .fr-toggle-ui, .fr-visible-inside-ui .fr-ui-inside .fr-toggle-ui { opacity: 1; }

.fr-hidden-fullclick-ui .fr-box > .fr-toggle-ui, .fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui { -webkit-transition: opacity .3s; transition: opacity .3s; }

.fr-ltIE9.fr-hidden-fullclick-ui .fr-box > .fr-toggle-ui, .fr-ltIE9.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui { display: none; }

/* Spinner */
.fr-spinner { position: fixed; width: 52px; height: 52px; background: #101010; background: rgba(16, 16, 16, 0.85); border-radius: 5px; }

.fr-spinner div { position: absolute; top: 0; left: 0; height: 64%; width: 64%; margin-left: 18%; margin-top: 18%; opacity: 1; -webkit-animation: fresco-12 1.2s infinite ease-in-out; animation: fresco-12 1.2s infinite ease-in-out; }

.fr-spinner div:after { content: ''; position: absolute; top: 0; left: 50%; width: 2px; height: 8px; margin-left: -1px; background: #fff; box-shadow: 0 0 1px transparent; /* fixes rendering in Firefox */ }

.fr-spinner div.fr-spin-1 { -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }

.fr-spinner div.fr-spin-2 { -ms-transform: rotate(60deg); -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }

.fr-spinner div.fr-spin-3 { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }

.fr-spinner div.fr-spin-4 { -ms-transform: rotate(120deg); -webkit-transform: rotate(120deg); transform: rotate(120deg); -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }

.fr-spinner div.fr-spin-5 { -ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }

.fr-spinner div.fr-spin-6 { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }

.fr-spinner div.fr-spin-6 { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }

.fr-spinner div.fr-spin-7 { -ms-transform: rotate(210deg); -webkit-transform: rotate(210deg); transform: rotate(210deg); -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }

.fr-spinner div.fr-spin-8 { -ms-transform: rotate(240deg); -webkit-transform: rotate(240deg); transform: rotate(240deg); -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }

.fr-spinner div.fr-spin-9 { -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }

.fr-spinner div.fr-spin-10 { -ms-transform: rotate(300deg); -webkit-transform: rotate(300deg); transform: rotate(300deg); -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }

.fr-spinner div.fr-spin-11 { -ms-transform: rotate(330deg); -webkit-transform: rotate(330deg); transform: rotate(330deg); -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }

.fr-spinner div.fr-spin-12 { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-animation-delay: 0s; animation-delay: 0s; }

@-webkit-keyframes fresco-12 { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fresco-12 { 0% { opacity: 1; }
  100% { opacity: 0; } }
/* Thumbnail spinner */
.fr-thumbnail-spinner { position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; width: 40px; height: 40px; }

.fr-thumbnail-spinner-spin { position: relative; float: left; margin: 8px 0 0 8px; text-indent: -9999em; border-top: 2px solid rgba(255, 255, 255, 0.2); border-right: 2px solid rgba(255, 255, 255, 0.2); border-bottom: 2px solid rgba(255, 255, 255, 0.2); border-left: 2px solid #fff; -webkit-animation: fr-thumbnail-spin 1.1s infinite linear; animation: fr-thumbnail-spin 1.1s infinite linear; }

.fr-thumbnail-spinner-spin, .fr-thumbnail-spinner-spin:after { border-radius: 50%; width: 24px; height: 24px; }

@-webkit-keyframes fr-thumbnail-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes fr-thumbnail-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
/* Error */
.fr-error { float: left; position: relative; background-color: #ca3434; width: 160px; height: 160px; }

.fr-error-icon { position: absolute; width: 42px; height: 42px; top: 50%; left: 50%; margin-left: -21px; margin-top: -21px; }

/* skin: 'fresco' */
/* Sprite */
.fr-window-skin-fresco .fr-side-button-icon, .fr-window-skin-fresco .fr-close-icon, .fr-window-skin-fresco .fr-thumbnails-side-button-icon, .fr-window-skin-fresco .fr-error-icon { background-image: url("/static/images/fresco-sprite.svg"); }

/* fallback png sprite */
.fr-window-skin-fresco.fr-no-svg .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-close-icon, .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-button-icon, .fr-window-skin-fresco .fr-error-icon { background-image: url("/static/images/fresco-sprite.png"); }

.fr-window-skin-fresco .fr-error-icon { background-position: -160px -126px; }

.fr-window-skin-fresco .fr-content-background { background: #101010; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }

.fr-window-skin-fresco.fr-window-ui-fullclick .fr-content-background { box-shadow: none; }

/* thumbnail shadow */
.fr-window-skin-fresco .fr-thumbnail-wrapper { box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); }

/* < > */
.fr-window-skin-fresco .fr-side-button-background { background-color: transparent; }

.fr-window-skin-fresco .fr-side-previous .fr-side-button-icon { background-position: -13px -14px; }

.fr-window-skin-fresco .fr-side-next .fr-side-button-icon { background-position: -93px -14px; }

.fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon { background-position: -13px -114px; }

.fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon { background-position: -93px -114px; }

/* transition (png) */
.fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon { background-position: -13px -114px; }

.fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon { background-position: -93px -114px; }

/* disabled state (png) */
.fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon { background-position: -13px -214px; }

.fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon { background-position: -93px -214px; }

/* transition (svg) */
.fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon { background-position: -13px -114px; }

.fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon { background-position: -93px -114px; }

.fr-window-skin-fresco.fr-svg .fr-side-button-icon { opacity: .5; }

.fr-window-skin-fresco.fr-svg .fr-side:hover .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-next .fr-side-button-icon { opacity: 1; }

.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side .fr-side-button-icon { opacity: .8; }

/* touch always active but at lower opacity */
/* disabled (svg) */
.fr-window-skin-fresco.fr-svg .fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-side-disabled:hover .fr-side-button-icon, .fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side-disabled .fr-side-button-icon { opacity: .2; }

/* TODO: make sure this works */
/* hide for ui:inside/fullclick, only for the image type */
.fr-window-skin-fresco.fr-window-ui-inside .fr-type-image .fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-window-ui-fullclick.fr-showing-type-image .fr-side-disabled .fr-side-button-icon { background-image: none; }

/* < > responsive */
@media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) { .fr-window-skin-fresco .fr-side-previous .fr-side-button-icon { background-position: 0px -300px; }
  .fr-window-skin-fresco .fr-side-next .fr-side-button-icon { background-position: -48px -300px; }
  .fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon { background-position: 0px -360px; }
  .fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon { background-position: -48px -360px; }
  /* transition (png) */
  .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon { background-position: 0px -360px; }
  .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon { background-position: -48px -360px; }
  /* transition (svg) */
  .fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon { background-position: 0px -360px; }
  .fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon { background-position: -48px -360px; }
  /* disabled state (png) */
  .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon { background-position: 0px -420px; }
  .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon { background-position: -48px -420px; } }
/* X */
/* colors */
.fr-window-skin-fresco.fr-window-ui-outside .fr-close-background { background-color: #363636; }

.fr-window-skin-fresco.fr-window-ui-outside .fr-close:hover .fr-close-background { background-color: #434343; }

.fr-window-skin-fresco.fr-window-ui-inside .fr-close-background, .fr-window-skin-fresco.fr-window-ui-fullclick .fr-close-background { background-color: #131313; filter: alpha(opacity=80); opacity: .8; }

.fr-window-skin-fresco.fr-window-ui-inside .fr-close:hover .fr-close-background, .fr-window-skin-fresco.fr-window-ui-fullclick .fr-close:hover .fr-close-background { background-color: #191919; }

/* - image */
.fr-window-skin-fresco .fr-close .fr-close-icon { background-position: -168px -8px; }

.fr-window-skin-fresco .fr-close:hover .fr-close-icon { background-position: -210px -8px; }

/* - transition */
.fr-window-skin-fresco.fr-svg .fr-close .fr-close-icon { background-position: -210px -8px; opacity: .8; }

.fr-window-skin-fresco .fr-close:hover .fr-close-icon { opacity: 1; }

/* iOS 8.4.1 bug: when opacity changes it'll require 2 taps force a single opacity to fix this
*/
.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-close .fr-close-icon, .fr-window-skin-fresco.fr-mobile-touch .fr-close:hover .fr-close-icon { opacity: 1; }

/* Thumbnails */
.fr-window-skin-fresco .fr-thumbnail-wrapper { border-color: transparent; border-style: solid; border-width: 0; }

.fr-window-skin-fresco .fr-thumbnail-wrapper { box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); }

.fr-window-skin-fresco .fr-thumbnail-wrapper { box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.3); }

.fr-window-skin-fresco .fr-thumbnail-overlay-border { border-width: 1px; border-color: rgba(255, 255, 255, 0.08); /* should remain rgba */ }

/* no inner border on active thumbnail */
.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-overlay-border, .fr-window-skin-fresco .fr-thumbnail-active:hover .fr-thumbnail-overlay-border { border: 0px; }

/* Thumbnails < > */
.fr-window-skin-fresco .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon { background-position: -167px -49px; }

.fr-window-skin-fresco .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon { background-position: -209px -49px; }

.fr-window-skin-fresco .fr-thumbnails-side-next .fr-thumbnails-side-button-icon { background-position: -167px -91px; }

.fr-window-skin-fresco .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon { background-position: -209px -91px; }

/* vertical ^ (up/down) adjustments */
.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon { background-position: -293px -49px; }

.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon { background-position: -335px -49px; }

.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon { background-position: -293px -91px; }

.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon { background-position: -335px -91px; }

/* Thumbnails < > transition */
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-icon { -moz-transition: opacity .2s ease-in; -webkit-transition: opacity .2s ease-in; transition: opacity .2s ease-in; opacity: .8; }

.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled { background-position: -167px -49px; }

.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled { background-position: -209px -91px; }

.fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-icon { opacity: 1; }

/* vertical ^ (up/down) adjustments */
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled { background-position: -293px -49px; }

.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled { background-position: -335px -91px; }

/* lower opacity on disabled states */
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled, .fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled { opacity: .5; }

/* lower opacity IE < 9 using images */
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { background-position: -251px -49px; }

.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { background-position: -251px -91px; }

.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background, .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background { filter: alpha(opacity=50); }

/* vertical ^ (up/down) adjustments */
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { background-position: -377px -49px; }

.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { background-position: -377px -91px; }

.golden-ticket body { background-color: #15233C; color: #CED1D6; font-size: 18px; }

.golden-ticket .anim #preview img.preview-cap { -webkit-animation: cap-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; -moz-animation: cap-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; -ms-animation: cap-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; -o-animation: cap-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; animation: cap-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; }
@-webkit-keyframes cap-appear { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes cap-appear { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-ms-keyframes cap-appear { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes cap-appear { 0% { opacity: 0; }
  100% { opacity: 1; } }
.golden-ticket .anim #preview #preview-card { -webkit-animation: card-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; -moz-animation: card-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; -ms-animation: card-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; -o-animation: card-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; animation: card-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; }
@-webkit-keyframes card-appear { 0% { left: 128px; opacity: 0; }
  75% { opacity: 1; }
  100% { left: 0; opacity: 1; } }
@-moz-keyframes card-appear { 0% { left: 128px; opacity: 0; }
  75% { opacity: 1; }
  100% { left: 0; opacity: 1; } }
@-ms-keyframes card-appear { 0% { left: 128px; opacity: 0; }
  75% { opacity: 1; }
  100% { left: 0; opacity: 1; } }
@keyframes card-appear { 0% { left: 128px; opacity: 0; }
  75% { opacity: 1; }
  100% { left: 0; opacity: 1; } }
.golden-ticket .container, .golden-ticket .container--lg { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; min-height: 100%; max-width: 1200px; overflow: hidden; }
.golden-ticket .container > div, .golden-ticket .container--lg > div { min-height: 100%; }
.golden-ticket .container #preview, .golden-ticket .container--lg #preview { position: relative; -webkit-order: 0; order: 0; user-select: none; box-sizing: content-box; -webkit-flex-shrink: 0; flex-shrink: 0; margin-right: 100px; }
.golden-ticket .container #preview div#preview-phone, .golden-ticket .container--lg #preview div#preview-phone { position: relative; margin-left: 128px; }
.golden-ticket .container #preview div#preview-phone img#preview-phone-frame, .golden-ticket .container--lg #preview div#preview-phone img#preview-phone-frame { width: 306px; }
.golden-ticket .container #preview div#preview-phone .preview-cap, .golden-ticket .container--lg #preview div#preview-phone .preview-cap { width: 276px; position: absolute; top: 69.5px; left: 14px; height: 495px; }
.golden-ticket .container #preview div#preview-phone img.preview-cap, .golden-ticket .container--lg #preview div#preview-phone img.preview-cap { opacity: 0; }
.golden-ticket .container #preview img#preview-card, .golden-ticket .container--lg #preview img#preview-card { width: 206px; position: absolute; bottom: 4px; left: 0; z-index: -1; overflow: hidden; opacity: 0; }
.golden-ticket .container #preview video, .golden-ticket .container--lg #preview video { display: none; object-fit: fill; }
.golden-ticket .container #preview .video-playing video, .golden-ticket .container--lg #preview .video-playing video { display: block; }
.golden-ticket .container #preview .video-playing .video-hide, .golden-ticket .container--lg #preview .video-playing .video-hide { display: none; }
.golden-ticket .container #hero, .golden-ticket .container--lg #hero { padding: 20px; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.golden-ticket .container #desc, .golden-ticket .container--lg #desc { -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; -webkit-order: 1; order: 1; -webkit-flex-grow: 1; flex-grow: 1; max-width: 480px; line-height: 1.6; }
.golden-ticket .container #desc h2, .golden-ticket .container--lg #desc h2 { color: #FFF; font-family: "Avenir Next", "Montserrat"; font-weight: bold; font-size: 26px; }
.golden-ticket .container #desc a, .golden-ticket .container--lg #desc a { color: #0095C8; }
.golden-ticket .container #desc img, .golden-ticket .container--lg #desc img { max-width: 271px; }
.golden-ticket .container #signup, .golden-ticket .container--lg #signup { text-align: left; }
.golden-ticket .container #signup form > div, .golden-ticket .container--lg #signup form > div { margin: 0; }
.golden-ticket .container #signup p, .golden-ticket .container--lg #signup p { margin-left: 0; margin-right: 0; }
.golden-ticket .container #signup .signup-header p, .golden-ticket .container--lg #signup .signup-header p { margin-left: auto; margin-right: auto; }
.golden-ticket .container #claim .learn-more, .golden-ticket .container--lg #claim .learn-more, .golden-ticket .container #signup .learn-more, .golden-ticket .container--lg #signup .learn-more { padding-top: 20px; }
.golden-ticket .container #already-claimed, .golden-ticket .container--lg #already-claimed, .golden-ticket .container #claim-success, .golden-ticket .container--lg #claim-success { display: none; }

#claim, #signup { text-align: center; padding: 50px 0 20px; line-height: 1.2em; }
#claim form, #signup form { font-size: 18px; position: relative; margin: 0 auto; text-align: left; line-height: 1.2em; }
#claim form label, #signup form label { font-size: 15px; }
#claim form input, #signup form input { -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; border-radius: 4px; border: none; font-size: inherit; padding: 15px 10px; display: block; width: 100%; outline: none; background: #F3F4F5; }
#claim form input:focus, #signup form input:focus { background: #F7F7F7; }
#claim form input[type="submit"], #signup form input[type="submit"] { font-weight: bold; font-size: 20px; background: #4AB8DE; color: #F7F7F7; cursor: pointer; font-family: "Maison Neue", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

#claim #claim-form { padding: 30px 0 0 0; }
#claim #claim-form.step-complete { padding-left: 30px; padding-right: 30px; }
#claim #claim-form form > div { position: relative; }
#claim #claim-form form p { text-align: center; }

#claim #claim-form input[type="submit"], #signup #email-form input[type="submit"] { width: 100% !important; }

@media (min-width: 768px) { #claim #claim-form input, #signup #email-form input { padding-right: 110px; }
  #claim #claim-form input[type="submit"], #signup #email-form input[type="submit"] { position: absolute; top: 5px; bottom: 5px; right: 5px; width: auto !important; line-height: 12px; padding: 15px 10px; margin: 0; } }
@media (min-width: 992px) { .golden-ticket .container #desc img, .golden-ticket .container--lg #desc img { max-width: 160px; }
  #golden-ticket #desc img { margin-left: -15px; max-width: 130px; }
  #claim #claim-form form p { text-align: left; }
  #claim .learn-more, #signup .learn-more { text-align: left; } }
@media (max-width: 991px) { .golden-ticket .container, .golden-ticket .container--lg { display: block; text-align: center; padding: 10px 0; }
  .golden-ticket .container > div, .golden-ticket .container--lg > div { height: auto; }
  .golden-ticket .container #hero, .golden-ticket .container--lg #hero { display: block; }
  .golden-ticket .container #preview, .golden-ticket .container--lg #preview { display: none; }
  .golden-ticket .container #desc, .golden-ticket .container--lg #desc { padding-top: 30px; margin: 0 auto; max-width: 480px; min-height: 550px; }
  .golden-ticket .container #desc h2, .golden-ticket .container--lg #desc h2 { font-weight: bold; font-size: 23px; }
  .golden-ticket .container #desc a, .golden-ticket .container--lg #desc a { font-size: 15px; }
  .golden-ticket .container #desc input[type="email"], .golden-ticket .container--lg #desc input[type="email"] { font-size: 15px; }
  .golden-ticket .container #desc input[type="submit"], .golden-ticket .container--lg #desc input[type="submit"] { font-size: 16px; }
  .golden-ticket .container #signup, .golden-ticket .container--lg #signup { margin-left: auto; margin-right: auto; text-align: center; max-width: 600px; }
  .golden-ticket .container #signup form > div, .golden-ticket .container--lg #signup form > div { margin: 0 auto; } }
@media (max-width: 767px) { .golden-ticket .container, .golden-ticket .container--lg { overflow-y: auto; }
  .golden-ticket .container .signup-step, .golden-ticket .container--lg .signup-step { margin-left: -8px; margin-right: -8px; padding: 25px; }
  .golden-ticket .container .signup-step.step-inprogress, .golden-ticket .container--lg .signup-step.step-inprogress { margin-left: 0px; margin-right: 0px; }
  .golden-ticket .container, .golden-ticket .container--lg, .golden-ticket .container #hero, .golden-ticket .container--lg #hero, .golden-ticket .container #desc, .golden-ticket .container--lg #desc { height: 100%; }
  .golden-ticket .container #desc, .golden-ticket .container--lg #desc { position: relative; }
  .golden-ticket .container #desc #claim, .golden-ticket .container--lg #desc #claim, .golden-ticket .container #desc #signup, .golden-ticket .container--lg #desc #signup { position: absolute; bottom: 0; width: 100%; padding-bottom: 0; }
  .golden-ticket .container > div, .golden-ticket .container--lg > div { height: 100%; } }
@media (max-height: 550px) { .golden-ticket .container #desc, .golden-ticket .container--lg #desc { min-height: 0; }
  .golden-ticket .container #desc #claim, .golden-ticket .container--lg #desc #claim, .golden-ticket .container #desc #signup, .golden-ticket .container--lg #desc #signup { position: relative !important; padding-top: 18px  !important; } }
#golden-ticket #desc h2 { color: #F5B946; }

@media (max-width: 767px) { .golden-ticket #corner { display: none !important; }
  .golden-ticket #corner-small { display: block !important; } }
.oldstreet body { background-color: #15233C; color: #CED1D6; font-size: 18px; height: 100%; }

.oldstreet .anim #preview img.preview-cap { -webkit-animation: cap-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; -moz-animation: cap-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; -ms-animation: cap-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; -o-animation: cap-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; animation: cap-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; }
@-webkit-keyframes cap-appear { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes cap-appear { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-ms-keyframes cap-appear { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes cap-appear { 0% { opacity: 0; }
  100% { opacity: 1; } }
.oldstreet .anim #preview #preview-card { -webkit-animation: card-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; -moz-animation: card-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; -ms-animation: card-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; -o-animation: card-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; animation: card-appear 1s cubic-bezier(0.55, 0, 0.1, 1) 0.33s both; }
@-webkit-keyframes card-appear { 0% { left: 128px; opacity: 0; }
  75% { opacity: 1; }
  100% { left: 0; opacity: 1; } }
@-moz-keyframes card-appear { 0% { left: 128px; opacity: 0; }
  75% { opacity: 1; }
  100% { left: 0; opacity: 1; } }
@-ms-keyframes card-appear { 0% { left: 128px; opacity: 0; }
  75% { opacity: 1; }
  100% { left: 0; opacity: 1; } }
@keyframes card-appear { 0% { left: 128px; opacity: 0; }
  75% { opacity: 1; }
  100% { left: 0; opacity: 1; } }
.oldstreet .container, .oldstreet .container--lg { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; max-width: 1200px; overflow: hidden; min-height: 100%; }
.oldstreet .container #preview, .oldstreet .container--lg #preview { position: relative; -webkit-order: 0; order: 0; user-select: none; box-sizing: content-box; -webkit-flex-shrink: 0; flex-shrink: 0; margin-right: 100px; }
.oldstreet .container #preview div#preview-phone, .oldstreet .container--lg #preview div#preview-phone { position: relative; margin-left: 128px; }
.oldstreet .container #preview div#preview-phone img#preview-phone-frame, .oldstreet .container--lg #preview div#preview-phone img#preview-phone-frame { width: 280px; }
.oldstreet .container #preview div#preview-phone .preview-cap, .oldstreet .container--lg #preview div#preview-phone .preview-cap { width: 250px; position: absolute; top: 69.5px; left: 14px; height: 448px; }
.oldstreet .container #preview div#preview-phone img.preview-cap, .oldstreet .container--lg #preview div#preview-phone img.preview-cap { opacity: 0; }
.oldstreet .container #preview img#preview-card, .oldstreet .container--lg #preview img#preview-card { height: 40%; position: absolute; bottom: 4px; left: 0; z-index: -1; overflow: hidden; opacity: 0; }
.oldstreet .container #preview video, .oldstreet .container--lg #preview video { display: none; object-fit: fill; }
.oldstreet .container #preview .video-playing video, .oldstreet .container--lg #preview .video-playing video { display: block; }
.oldstreet .container #preview .video-playing .video-hide, .oldstreet .container--lg #preview .video-playing .video-hide { display: none; }
.oldstreet .container #hero, .oldstreet .container--lg #hero { padding: 90px 20px; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.oldstreet .container #desc, .oldstreet .container--lg #desc { -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; -webkit-order: 1; order: 1; -webkit-flex-grow: 1; flex-grow: 1; max-width: 480px; line-height: 1.6; }
.oldstreet .container #desc h2, .oldstreet .container--lg #desc h2 { color: #FFF; font-family: "Avenir Next", "Montserrat"; font-weight: bold; font-size: 26px; }
.oldstreet .container #desc a, .oldstreet .container--lg #desc a { color: #0095C8; }
.oldstreet .container #desc img, .oldstreet .container--lg #desc img { max-width: 271px; }
.oldstreet .container #signup, .oldstreet .container--lg #signup { text-align: left; }
.oldstreet .container #signup form > div, .oldstreet .container--lg #signup form > div { margin: 0; }
.oldstreet .container #signup p, .oldstreet .container--lg #signup p { margin-left: 0; margin-right: 0; }
.oldstreet .container #signup .signup-header p, .oldstreet .container--lg #signup .signup-header p { margin-left: auto; margin-right: auto; }
.oldstreet .container #claim .learn-more, .oldstreet .container--lg #claim .learn-more, .oldstreet .container #signup .learn-more, .oldstreet .container--lg #signup .learn-more { padding-top: 20px; }
.oldstreet .container #already-claimed, .oldstreet .container--lg #already-claimed, .oldstreet .container #claim-success, .oldstreet .container--lg #claim-success { display: none; }

#map .about-campaign { max-width: 884px; margin: auto; padding: 32px 16px 32px 16px; margin-top: -1; }
#map .about-campaign h2 { color: #FFF; font-family: "Avenir Next", "Montserrat"; font-weight: bold; font-size: 22px; line-height: 1.5; text-align: center; }
#map a { color: #00A5DC; }

.footer-container { color: white; text-align: center; display: block; padding-left: 16px; padding-right: 16px; }

@media (min-width: 550px) { .footer-container { padding-bottom: 32px; padding-left: 24px; padding-right: 24px; } }
.footer-container .nav { margin-top: 0; display: flex; justify-content: space-between; max-width: 604px; margin-left: auto; margin-right: auto; font-weight: 600; flex-direction: column; }

@media (min-width: 664px) { .footer-container .nav { flex-direction: row; } }
.footer-container .share-nav { display: flex; align-items: center; justify-content: space-between; max-width: 234px; margin-left: auto; margin-right: auto; }

.footer-container .share-nav a { height: 40px; width: 40px; background-color: rgba(255, 255, 255, 0.2); border-radius: 6px; display: flex; justify-content: center; align-items: center; }

.footer-container .share-nav a img { margin-bottom: 0; }

#claim, #signup { text-align: center; padding: 50px 0 20px; line-height: 1.2em; }
#claim form, #signup form { font-size: 18px; position: relative; margin: 0 auto; text-align: left; line-height: 1.2em; }
#claim form label, #signup form label { font-size: 15px; }
#claim form input, #signup form input { -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; border-radius: 4px; border: none; font-size: inherit; padding: 15px 10px; display: block; width: 100%; outline: none; background: #F3F4F5; }
#claim form input:focus, #signup form input:focus { background: #F7F7F7; }
#claim form input[type="submit"], #signup form input[type="submit"] { font-weight: bold; font-size: 20px; background: #4AB8DE; color: #F7F7F7; cursor: pointer; font-family: "Maison Neue", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

#claim #claim-form { padding: 30px 0 0 0; }
#claim #claim-form.step-complete { padding-left: 30px; padding-right: 30px; }
#claim #claim-form form > div { position: relative; }
#claim #claim-form form p { text-align: center; }

#claim #claim-form input[type="submit"], #signup #email-form input[type="submit"] { width: 100% !important; }

@media (min-width: 768px) { #claim #claim-form input, #signup #email-form input { padding-right: 110px; }
  #claim #claim-form input[type="submit"], #signup #email-form input[type="submit"] { position: absolute; top: 5px; bottom: 5px; right: 5px; width: auto !important; line-height: 12px; padding: 15px 10px; margin: 0; } }
@media (min-width: 992px) { .oldstreet .container #desc img, .oldstreet .container--lg #desc img { max-width: 160px; }
  #claim #claim-form form p { text-align: left; }
  #claim .learn-more, #signup .learn-more { text-align: left; } }
@media (max-width: 991px) { .oldstreet .container, .oldstreet .container--lg { display: block; text-align: center; padding: 0; }
  .oldstreet .container > div, .oldstreet .container--lg > div { height: auto; }
  .oldstreet .container #hero, .oldstreet .container--lg #hero { display: block; padding: 20px; }
  .oldstreet .container #preview, .oldstreet .container--lg #preview { display: none; }
  .oldstreet .container #desc, .oldstreet .container--lg #desc { padding-top: 30px; margin: 0 auto; max-width: 480px; }
  .oldstreet .container #desc h2, .oldstreet .container--lg #desc h2 { font-weight: bold; font-size: 23px; }
  .oldstreet .container #desc a, .oldstreet .container--lg #desc a { font-size: 15px; }
  .oldstreet .container #desc input[type="email"], .oldstreet .container--lg #desc input[type="email"] { font-size: 15px; }
  .oldstreet .container #desc input[type="submit"], .oldstreet .container--lg #desc input[type="submit"] { font-size: 16px; }
  .oldstreet .container #signup, .oldstreet .container--lg #signup { margin-left: auto; margin-right: auto; text-align: center; max-width: 550px; }
  .oldstreet .container #signup form > div, .oldstreet .container--lg #signup form > div { margin: 0 auto; } }
@media (max-width: 767px) { .oldstreet .container, .oldstreet .container--lg { overflow-y: auto; }
  .oldstreet .container .signup-step, .oldstreet .container--lg .signup-step { margin-left: -8px; margin-right: -8px; padding: 25px; }
  .oldstreet .container .signup-step.step-inprogress, .oldstreet .container--lg .signup-step.step-inprogress { margin-left: 0px; margin-right: 0px; }
  .oldstreet .container #desc, .oldstreet .container--lg #desc { position: relative; }
  .oldstreet .container #desc #claim, .oldstreet .container--lg #desc #claim, .oldstreet .container #desc #signup, .oldstreet .container--lg #desc #signup { width: 100%; } }
@media (max-height: 550px) { .oldstreet .container #desc, .oldstreet .container--lg #desc { min-height: 0; }
  .oldstreet .container #desc #claim, .oldstreet .container--lg #desc #claim, .oldstreet .container #desc #signup, .oldstreet .container--lg #desc #signup { position: relative !important; padding-top: 18px  !important; } }
@media (max-width: 767px) { .oldstreet #corner { display: none !important; }
  .oldstreet #corner-small { display: block !important; } }
body > header { width: 100%; padding: 30px 0; color: #fff; background: #14233c; }
body > header .container, body > header .container--lg { display: flex; display: -webkit-flex; display: -ms-flexbox; align-items: center; -webkit-align-items: center; -ms-align-items: center; }
body > header .navbar-right { display: block; text-align: right; order: 2; -webkit-order: 2; -ms-flex-order: 2; flex-grow: 1; -webkit-flex-grow: 1; -ms-flex: 1 0 auto; }
body > header ul { margin: 0; padding: 0; }
body > header .opener { display: none; float: right; }
body > header .opener span { padding: 7px 12px 9px; border-radius: 4px; background: #50b9dc; }
body > header h1, body > header .navbar-left { display: block; text-align: left; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 1 1 auto; }
body > header h1 img, body > header .navbar-left img { width: 140px; }
body > header nav { flex: 1; -webkit-flex: 1; -ms-flex: 1; font-size: 18px; margin-left: 30px; text-align: right; }
body > header nav a + a { margin-left: 30px; }
body > header nav .cta { padding: 7px 12px 9px; border-radius: 4px; background: #d23c50; }

@media (max-width: 767px) { header .opener { display: block; text-align: right; order: 2; -webkit-order: 2; -ms-flex-order: 2; flex-grow: 1; -webkit-flex-grow: 1; -ms-flex: 1 0 auto; }
  header nav { display: none; margin-left: 0; text-align: left; }
  header nav a { display: inline-block; margin: 20px 0 0; }
  header nav .cta { display: block; margin-left: 0; text-align: center; }
  header.open .container, header.open .container--lg, header.open nav { display: block; }
  header.open .opener { display: none; } }
.layout__webview-article { background-color: transparent; }

html.download body { background-color: #14233C; color: white; font-size: 17px; line-height: 26px; text-align: center; color: rgba(255, 255, 255, 0.8); }
html.download .page { display: flex; flex-direction: column; justify-content: center; }
html.download .download-section { width: 100%; max-width: 492px; margin: auto; background: #14233C; padding-top: 32px; padding-left: 16px; padding-right: 16px; }
html.download h1 { margin-top: 25px; margin-bottom: 25px; font-family: "Avenir Next", "Montserrat"; font-size: 26px; line-height: 33px; font-weight: 700; text-align: center; color: white; }

input[type='submit'] { -webkit-appearance: none; }

html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

html, body { height: 100%; width: 100%; margin: 0; padding: 0; }

body { -webkit-transition: background-color .2s ease-out; -moz-transition: background-color .2s ease-out; -o-transition: background-color .2s ease-out; transition: background-color .2s ease-out; background-color: #ffffff; -webkit-font-smoothing: antialiased; color: #14233C; font: 20px/20px "Maison Neue", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

strong { font-weight: bold; }

fieldset { border: none; margin: 0; padding: 0; }

button:focus { outline: 0; }

.container, .container--lg { max-width: 850px; position: relative; padding: 0 20px; margin: 0 auto; }

@media (max-width: 767px) { a { font-size: 15px; font-weight: bold; text-decoration: none; color: inherit; } }
body > footer { font-size: 20px; background: #14233c; color: #fff; padding: 30px 0; text-align: center; margin-top: 30px; }
body > footer nav { line-height: 1.7; }
body > footer nav a + a { margin-left: 30px; }
body > footer p { font-size: 14px; opacity: .3; margin: 30px 0; }

a { font-weight: bold; text-decoration: none; color: inherit; }

#signup { text-align: center; padding: 50px 0 20px; line-height: 1.2em; }
#signup form { font-size: 15px; position: relative; margin: 0 auto; text-align: left; line-height: 1.2em; }
#signup form label { font-size: 15px; }
#signup form input { -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; border-radius: 4px; border: none; font-size: inherit; padding: 15px 10px; display: block; width: 100%; outline: none; background: #F3F4F5; }
#signup form input:focus { background: #F7F7F7; }
#signup form input[type="submit"] { font-weight: bold; font-size: 20px; background: #4AB8DE; color: #F7F7F7; cursor: pointer; font-family: "Maison Neue", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

#signup #email-form { padding: 0; padding-top: 30px; }
footer #signup #email-form.step-complete { padding-left: 30px; padding-right: 30px; }
#signup #email-form form > div { position: relative; }
#signup #email-form form p { font-size: 17px; line-height: 28px; text-align: center; }
#signup #email-form input { font-size: 20px; }
#signup #email-form input[type="submit"] { width: auto; }

@media (min-width: 550px) { #signup #email-form input { padding-right: 110px; }
  #signup #email-form input[type="submit"] { position: absolute; top: 5px; bottom: 5px; right: 5px; line-height: 12px; padding: 15px 10px; margin: 0; } }
@media (min-width: 850px) { #signup #email-form form p { text-align: left; } }
.signup-step { display: none; position: relative; padding: 30px; border-radius: 4px; overflow: hidden; }
.signup-step h3 { margin-top: 0; }
.signup-step p { margin-left: 10px; margin-right: 10px; margin-top: 0; font-size: 15px; }
.signup-step p, .signup-step label { color: #666666; }
.signup-step select, .signup-step input { background: #ffffff; margin-bottom: 5px; }
.signup-step input.validation-failure { box-shadow: inset 0 0 2px #D23C50; }
.signup-step fieldset { margin-top: 1.5em; margin-bottom: 1.5em; }
.signup-step .custom-select { display: inline-block; position: relative; width: 100%; }
.signup-step .custom-select select:focus { background: rgba(0, 0, 0, 0.075); }
.signup-step .custom-select select { display: inline-block; width: 100%; border: none; padding: 15px 10px; font-size: inherit; -webkit-appearance: none; /* remove the strong OSX influence from Webkit */ -moz-appearance: none; /* remove horrible down arrow from firefox */ outline: none; /* remove focus ring from Webkit */ }
.signup-step .custom-select select.validation-failure { box-shadow: inset 0 0 2px #D23C50; }
.signup-step .custom-select:after { content: " "; position: absolute; top: 0; right: 10px; bottom: 6px; pointer-events: none; width: 20px; background: url("/static/images/up-down-arrow@2x.png") no-repeat scroll center center; background-size: 50%; }
.signup-step .cta, .signup-step .sharebtn { background: #4AB8DE; border-radius: 4px; padding: 7px 12px 9px; color: #fff; display: inline-block; margin: 10px 0 0; }
.signup-step .sharebtn { width: 100%; text-align: center; margin-top: 5px; font-size: 20px; font-weight: normal; padding: 16px; }
.signup-step .sharebtn.complete { opacity: 0.2; pointer-events: none; }
.signup-step.success .intro { display: none; }
.signup-step.success .success-message { display: block; }
.signup-step.success input { display: none; }

.step-inprogress { display: block; }

.preshare .eligible, .preshare .noteligible, .complete-message .eligible, .complete-message .noteligible { display: none; }

.eligible .preshare .eligible, .noteligible .preshare .noteligible, .eligible .complete-message .eligible, .noteligible .complete-message .noteligible { display: block; }

.postshare { display: none; margin-bottom: 70px; }

.complete-message { display: none; text-align: center; font-size: 15px; padding: 71px 15px; }
.complete-message .wrapper { display: table; }
.complete-message .image-wrap, .complete-message .text-wrap { display: table-cell; vertical-align: middle; }
.complete-message .image-wrap { line-height: 0; }
.complete-message p { margin: 0; }
.complete-message .logo { width: 71px; }
.complete-message h3 { color: #9ABBA7; font-weight: bold; font-size: 32px; }
.complete-message img#droid { max-width: 120px !important; margin-top: 20px; }

.step-complete { display: block; background: none; padding: 0 30px; margin: 0.5em 0; }
.step-complete form { display: none; }
.step-complete p { padding: 0; }
.step-complete .complete-message { display: block; }

.homepage .signup-flow #home.container, .homepage .signup-flow #home.container--lg { display: block; }
.homepage .signup-flow #home.container > div, .homepage .signup-flow #home.container--lg > div { margin: 0 auto; }

.signup-complete-header { display: none; }

.signup-flow { background-color: #F5F5F5; }
.signup-flow #signup { margin: 0 auto; max-width: 350px; position: absolute; top: 0; left: 0; right: 0; }
.signup-flow .container > div, .signup-flow .container--lg > div { margin: 0 auto; }
.signup-flow .signup-header { display: block; text-align: center; }
.signup-flow #home #preview, .signup-flow #home #pr { display: none; }
.signup-flow #desc > p, .signup-flow #desc > img { display: none; }
.signup-flow footer { display: none; }

.signup-complete { background-color: #14233C; color: #ffffff; text-align: center; }
.signup-complete .complete-message { display: block; }
.signup-complete .signup-complete-header { display: block; margin-top: 1.5em; }
.signup-complete .signup-complete-header p { color: #E1B982; font-size: 18px; margin-top: 40px; margin-bottom: 70px; width: 90%; }
.signup-complete .signup-complete-header .logo { width: 130px; }
.signup-complete .signup-step { background: none; padding-top: 0; }
.signup-complete .signup-step .sharebtn { background: #1e2e45; }
.signup-complete .step-complete, .signup-complete .signup-step, .signup-complete .signup-header { display: none; }
.signup-complete #share-form { display: block; }
.signup-complete .preshare { display: none; }
.signup-complete .postshare { display: block; }
.signup-complete .postshare p { color: rgba(255, 255, 255, 0.2); padding-left: 10px; padding-right: 10px; margin-bottom: 1em; text-align: center; }

.homepage #home #signup .signup-complete-header { text-align: center; }
.homepage #home #signup .signup-complete-header p { margin-left: auto; margin-right: auto; width: 50%; }

@media (max-width: 767px) { .homepage #home #signup .signup-complete-header p { width: 60%; } }
#survey-form input[type="text"] { margin-top: .5em; margin-bottom: 1.5em; }
#survey-form fieldset { margin-bottom: .5em; }

body.signup-complete { font-family: 'Maison Neue', sans-serif; }
body.signup-complete #signup { max-width: 420px !important; }
body.signup-complete .logo { width: 106px; }
body.signup-complete .store-badge { width: 100% !important; max-width: 213px !important; margin-top: 50px; }
body.signup-complete .complete-message { font-size: 20px; line-height: 28px; text-align: center; }
body.signup-complete h3 { font-family: 'Avenir Next', 'Montserrat', sans-serif; font-weight: 700; color: #9ABBA7; font-size: 48px; line-height: 66px; margin-bottom: 28px; }
body.signup-complete p { margin-bottom: 1em; }

.md-show-on-iOS, .md-show-on-AndroidOS, .md-show-on-desktop, .md-show-on-unknownOS { display: none; }

body.md-os-iOS .md-show-on-iOS, body.md-os-AndroidOS .md-show-on-AndroidOS, body.md-os-desktopOS .md-show-on-desktop, body.md-os-unknownOS .md-show-on-unknownOS { display: block; }

#mc_embed_signup { text-align: left; padding-top: 1em; padding-bottom: 1em; }
#mc_embed_signup p { margin-bottom: 0; }
#mc_embed_signup form { font-size: 15px; position: relative; margin: 0 auto; text-align: left; }
#mc_embed_signup form label { font-size: 15px; }
#mc_embed_signup form input { -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; border-radius: 4px; border: none; font-size: inherit; padding: 15px 10px; display: inline-block; width: 50%; outline: none; background: #F3F4F5; }
#mc_embed_signup form input:focus { background: #F7F7F7; }
#mc_embed_signup form input[type="submit"] { width: auto; font-weight: bold; font-size: 20px; background: #4AB8DE; color: #F7F7F7; cursor: pointer; font-family: "Maison Neue", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

#mc_embed_signup_inputs { padding-top: 1em; }

.march-2017-outage #invest-corner, .march-2017-outage #invest-banner { display: none; }
@media (max-width: 1249px) { .march-2017-outage.blogpage .fixed-placeholder { height: 70px !important; } }