.landing_constrained, .footer_landing .container-fluid { max-width: 1170px; }

.button_blue_outline, a.button_blue_outline, button.button_blue_outline, input.button_blue_outline, .hero_button, a.hero_button, .button_black_outline, a.button_black_outline, button.button_black_outline, input.button_black_outline, .button_blue, a.button_blue, button.button_blue, input.button_blue, .premium_hero_button, .button_black, a.button_black, button.button_black, input.button_black, .button_serif, a.button_serif, button.button_serif, input.button_serif, .button, a.button, button.button, input.button, .buttoner, a.buttoner, .btn-instapaper, a.btn-instapaper, button.btn-instapaper, input.btn-instapaper { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-font-smoothing: antialiased; font-family: "jaf-bernina-sans", "Helvetica Neue", Helvetica, Arial, sans-serif; display: inline-block; cursor: pointer; vertical-align: middle; background-color: black; color: white; font-size:  15px; font-size:  0.9375rem; line-height:  18px; line-height:  1.125rem; padding:  8px 30px; padding:  0.5rem 1.875rem; min-width: 120px; border-radius: 4px; text-align: center; max-width: 100%; border: 0; }
.button_blue_outline:hover, .hero_button:hover, .button_black_outline:hover, .button_blue:hover, .premium_hero_button:hover, .button_black:hover, .button_serif:hover, .button:hover, .buttoner:hover, .btn-instapaper:hover, .button_blue_outline:active, .hero_button:active, .button_black_outline:active, .button_blue:active, .premium_hero_button:active, .button_black:active, .button_serif:active, .button:active, .buttoner:active, .btn-instapaper:active, .button_blue_outline:focus, .hero_button:focus, .button_black_outline:focus, .button_blue:focus, .premium_hero_button:focus, .button_black:focus, .button_serif:focus, .button:focus, .buttoner:focus, .btn-instapaper:focus { outline: none; -moz-outline-style: none; }

.button_blue_outline, a.button_blue_outline, button.button_blue_outline, input.button_blue_outline, .hero_button, a.hero_button, .button_black_outline, a.button_black_outline, button.button_black_outline, input.button_black_outline { background-color: transparent; border-style: solid; border-width: 1px; }

.button_blue, a.button_blue, button.button_blue, input.button_blue, .premium_hero_button { background-color: #0074bf; color: white; border: 1px solid #0074bf; }
.button_blue:hover, .premium_hero_button:hover, .button_blue:active, .premium_hero_button:active, .button_blue:focus, .premium_hero_button:focus { color: white !important; background-color: #0080d3 !important; }

.button_blue_outline, a.button_blue_outline, button.button_blue_outline, input.button_blue_outline, .hero_button, a.hero_button { color: #0074bf; border-color: #0074bf; }
.button_blue_outline:hover, .hero_button:hover, .button_blue_outline:active, .hero_button:active, .button_blue_outline:focus, .hero_button:focus { color: rgba(255, 255, 255, 0.9) !important; background-color: #0074bf !important; }
.button_blue_outline:active, .hero_button:active, .button_blue_outline:focus, .hero_button:focus { border-color: #004f82; box-shadow: inset 0 1px 0 0 #004f82; }

.button_black, a.button_black, button.button_black, input.button_black { background-color: #222222; color: whitesmoke; border: 1px solid #222222; }
.button_black:hover, .button_black:active, .button_black:focus { color: white !important; background-color: black !important; }

.button_black_outline, a.button_black_outline, button.button_black_outline, input.button_black_outline { color: #222222; border-color: #222222; }
.button_black_outline:hover, .button_black_outline:active, .button_black_outline:focus { color: #2c2c2c !important; background-color: whitesmoke !important; }
.button_black_outline:active, .button_black_outline:focus { border-color: #030303; box-shadow: inset 0 1px 0 0 #030303; }

.button_serif, a.button_serif, button.button_serif, input.button_serif, .hero_button, a.hero_button { font-family: "LyonText", "Georgia", serif; -webkit-font-smoothing: antialiased; }

.button_large, a.button_large, button.button_large, input.button_large, .buttoner, a.buttoner, .btn-instapaper, a.btn-instapaper, button.btn-instapaper, input.btn-instapaper { font-size:  16px; font-size:  1rem; padding:  15px 30px 16px 30px; padding:  0.9375rem 1.875rem 1rem 1.875rem; }

.button_block { display: block !important; text-align: center; width: 100%; margin-left: 0 !important; margin-right: 0 !important; }

@media (max-width: 767px) { .button_block_one_column { display: block !important; width: 100%; text-align: center; margin-bottom: 10px; float: none !important; margin-left: 0 !important; margin-right: 0 !important; } }

.buttoner, a.buttoner, .btn-instapaper, a.btn-instapaper, button.btn-instapaper, input.btn-instapaper { color: white !important; background: #222222 !important; border: 0; }
.buttoner:hover, .buttoner:active, .buttoner:focus, a.buttoner:hover, a.buttoner:active, a.buttoner:focus, .btn-instapaper:hover, .btn-instapaper:active, .btn-instapaper:focus, a.btn-instapaper:hover, a.btn-instapaper:active, a.btn-instapaper:focus, button.btn-instapaper:hover, button.btn-instapaper:active, button.btn-instapaper:focus, input.btn-instapaper:hover, input.btn-instapaper:active, input.btn-instapaper:focus { color: white !important; background: #0074bf !important; }
@media (max-width: 767px) { .buttoner, a.buttoner, .btn-instapaper, a.btn-instapaper, button.btn-instapaper, input.btn-instapaper { display: block; width: 100%; margin-top:  10px; margin-top:  0.625rem; margin-bottom:  10px; margin-bottom:  0.625rem; } }

.button_small { height: 23px; width: 50px; border-radius: 0px; font-size: 12px; font-weight: lighter; text-align: left; color: gray; border: none; padding: 0 0 0 0; background: inherit; outline: none; }
.button_small:hover, .button_small:active, .button_small:focus { color: #0074bf; }

.mobile_button_small { height: 30px; width: 50px; border-radius: 0px; font-size: 12px; font-weight: lighter; float: right; color: gray; border: none; padding: 0 0 0 0; background: inherit; outline: none; }
.mobile_button_small:hover, .mobile_button_small:active, .mobile_button_small:focus { color: #0074bf; }

.premium_unsubscribe_button { color: #c10000 !important; border-bottom: 1px dotted rgba(193, 0, 0, 0.7) !important; }
.premium_unsubscribe_button:hover, .premium_unsubscribe_button:active, .premium_unsubscribe_button:focus { color: #d50000; }

.premium_hero_button { font-size:  22px; font-size:  1.375rem; height: 50px; color: white !important; display: inline-block; }
.premium_hero_button .price { font-weight: bold; }
@media (max-width: 550px) { .premium_hero_button { text-align: center; width: 180px !important; height: 80px; }
  .premium_hero_button .price { display: block; padding-bottom: 5px; } }
@media (max-width: 450px) { .premium_hero_button { display: inline; padding: 10px; font-size:  18px; font-size:  1.125rem; width: 130px !important; height: 65px; } }
@media (max-width: 550px) { .premium_hero_button.premium_trial { width: 240px !important; height: 70px; } }
@media (max-width: 450px) { .premium_hero_button.premium_trial { width: 180px !important; } }
.premium_hero_button.premium_update { line-height:  32px; line-height:  2rem; }
@media (max-width: 550px) { .premium_hero_button.premium_update { width: 260px !important; height: 50px; } }
.premium_hero_button.premium_unsubscribe { line-height:  32px; line-height:  2rem; background-color: #555555; border: 1px solid #555555; }
.premium_hero_button.premium_unsubscribe:hover, .premium_hero_button.premium_unsubscribe:active, .premium_hero_button.premium_unsubscribe:focus { background-color: #5f5f5f !important; }
@media (max-width: 550px) { .premium_hero_button.premium_unsubscribe { width: 185px !important; height: 50px; } }

.follow_button:after { content: "Follow"; }

.unfollow_button:after { content: "Unfollow"; }

.speed_time_remaining { height: 59px; top: 27px; left: 0px; right: 0px; position: fixed; z-index: 10; text-align: center; font-size: 10pt; display: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width: 240px !important; }
@media (max-width: 767px) { .speed_time_remaining { top: 12px; text-align: left; left: 0px; margin-left: 0; } }
body.landing_feature .speed_time_remaining { display: none !important; }

body.speed_mode { overflow: hidden !important; cursor: default; }
body.speed_mode .left_context_metadata { display: none; }
body.speed_mode .speed_time_remaining { display: block; }
body.speed_mode .recall_indicator { opacity: 0 !important; }
body.speed_mode .primary_bar { opacity: 1 !important; }
body.speed_mode .read_option_group.read_option_step_size, body.speed_mode .read_option_group.read_option_margin { display: none; }
body.speed_mode * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.speed_fade_animation { opacity: 0; -webkit-transition: opacity 300ms ease-in; -moz-transition: opacity 300ms ease-in; transition: opacity 300ms ease-in; }
.speed_fade_animation.visible { opacity: 1; }

.speed_fade_out { opacity: 1; -webkit-transition: opacity 300ms ease-in; -moz-transition: opacity 300ms ease-in; transition: opacity 300ms ease-in; }
.speed_fade_out.invisible { opacity: 0; pointer-events: none; visibility: visible !important; }

.speed_controls_ui { opacity: 0; -webkit-transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.speed_controls_ui.visible { opacity: 1; }

.speed_playmode_ui { opacity: 0; -webkit-transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.speed_playmode_ui.visible { opacity: 1; }

.speed_endstate_ui { -webkit-transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 0; }
.speed_endstate_ui.visible { opacity: 1; }

#speedEndState { bottom: 0px; left: 0px; right: 0px; top: 0px; position: absolute; }
#speedEndState .speed-stats { text-align: center; font-family: "Helvetica Neue", sans-serif; font-size: 15pt; }
#speedEndState .speed-stats:last-child { padding-top: 9px; color: #1479be; }
#speedEndState .speed-stats .stats-img { margin-bottom: 10px; }
#speedEndState .speed-stats .total-saved { font-size: 9pt; }
#speedEndState .premium_bar { padding: 15px; background: #1479be; color: white; font-family: "Helvetica Neue", sans-serif; font-size: 11pt; text-align: center; font-weight: 300; }
#speedEndState .premium_bar a { text-decoration: underline; color: white; }

.speed_read { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: opacity 300ms ease-in; -moz-transition: opacity 300ms ease-in; transition: opacity 300ms ease-in; opacity: 0; }
body.landing_feature .speed_read { font-family: LyonText, Georgia, serif; font-size: 1.231em; }
body.speed_mode .speed_read { opacity: 1; }
.speed_read .progress_bar { height: 2px; background: black; top: 59px; position: absolute; z-index: 30; }
.speed_read .single-word { text-align: center; width: 100%; font-size: 3em; margin-left: 2px; }
@media (max-width: 767px) { .speed_read .single-word { font-size: 2.5em; } }
.speed_read .scroller-wrapper { margin: 0 auto; overflow: hidden; }
.speed_read .scroller-wrapper .fade_left { position: absolute; top: 0; bottom: 0; left: -5px; width: 30%; }
.speed_read .scroller-wrapper .fade_right { position: absolute; top: 0; bottom: 0; right: -5px; width: 30%; }

.scroller { text-align: center; white-space: nowrap; font-size: 3em; float: left; }
@media (max-width: 767px) { .scroller { font-size: 2.5em; } }
.scroller span, .scroller li { display: inline-block; float: left; }

.wpm-container { position: absolute; bottom: 50px; left: 0; right: 0; }
@media (max-width: 767px) { .wpm-container { bottom: 35px; } }
.landing_feature .wpm-container { bottom: 70px; }
.wpm-container .wpm-label { text-align: center; color: #666666; padding: 10px 0; margin-bottom: 8px; font-size: 10.5pt; font-family: "Helvetica Neue", sans-serif; }
.wpm-container .wpm-control { width: 325px; margin: 0 auto; }
@media (max-width: 767px) { .wpm-container .wpm-control { width: 315px; } }
.wpm-container .wpm-control .wpm-slider { width: 250px; margin: 8px 10px 0 5px; float: left; padding: 0; }
@media (max-width: 767px) { .wpm-container .wpm-control .wpm-slider { width: 240px; margin: 8px 7px 0 3px; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .wpm-container .wpm-control .wpm-slider { margin-top: -9px; } }
.wpm-container .wpm-control .wpm-icon { float: left; }
.wpm-container .wpm-control .wpm-icon.ipicon-slower { margin-left: 5px; }

body { overflow-y: auto !important; }
body.modal_active { position: fixed; overflow-y: scroll !important; width: 100%; }
@media (max-width: 767px) { body { font-size:  13px; font-size:  0.8125rem; } }

.main { font-family: "jaf-bernina-sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:  14px; font-size:  0.875rem; min-height: 100%; padding-bottom: 100px; color: #222222; }
@media (max-width: 767px) { .main { padding-top: 20px; padding-bottom: 0; } }

.landing_constrained { padding-left: 15px; padding-right: 15px; margin: 0 auto; }

.landing_header { *zoom: 1; position: relative; z-index: 20; padding: 20px 0 7px 0; }
.landing_header:before, .landing_header:after { content: " "; display: table; }
.landing_header:after { clear: both; }
.landing_header .logo { float: left; }
.landing_header .logo a { display: block; cursor: pointer; }
.landing_header .auth_nav { float: right; width: 50%; text-align: right; font-size:  13px; font-size:  0.8125rem; line-height: 30px; padding-right: 5px; }
@media (max-width: 767px) { .landing_header .auth_nav { padding-right: 10px; height: 30px; overflow: hidden; } }
@media (max-width: 767px) { .landing_header .action_close { position: absolute; right: 20px; top: 16px; } }

section { padding-left: 15px; padding-right: 15px; font-size:  13px; font-size:  0.8125rem; }
section:first-child { border-bottom: 1px solid #dedede; height: 100vmin; margin-top: -50px; }
@media (max-width: 767px) { section:first-child { margin-top: 0; height: auto; } }
section:nth-child(2) { padding-top: 30px; }
section:nth-last-child(2) { padding-bottom: 30px; }
section:last-child { border-top: 1px solid #dedede; border-bottom: 0; padding-top: 30px; padding-bottom: 30px; }

.hero { position: static; height: auto; text-align: center; margin-top: 0; }
@media (min-width: 992px) { .hero { position: relative; height: 100vmin; margin-top: -50px; } }
.landing_feature .hero { height: auto; margin-top: 66px; max-width: 708px; }
.hero .tagline { font-family: "LyonDisplay", "Georgia", serif; margin-bottom: 60px; }
.hero .learn_more { display: none; }
@media (min-width: 992px) { .hero .learn_more { display: block; position: absolute; bottom: 10px; left: 0; width: 100%; }
  .hero .learn_more .ipicon { opacity: 0.7; margin-left: 5px; margin-right: 5px; }
  .hero .learn_more a { color: #4c4c4c; } }
@media (max-height: 767px) { .hero .learn_more { display: none !important; } }

.landing_speed_read .hero_button.create_account_button { width: 270px !important; display: block; margin-left: auto; margin-right: auto; margin-top: 60px; }
.landing_speed_read .modal_speed_landing { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); top: 342px; width: 780px; height: 438px; margin-left: -100px; border-radius: 0; max-width: 100%; }
.landing_speed_read .modal_speed_landing video { max-width: 100%; }
@media (max-width: 767px) { .landing_speed_read .modal_speed_landing { top: 25% !important; } }

.hero_viewport_center { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; position: static; width: 100%; height: auto; }
@media (min-width: 992px) { .hero_viewport_center { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 80vmin; margin: auto; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .hero_viewport_center { margin-top: 0; } }

.premium_hero { text-align: center; padding-top: 30px; }
.premium_hero .flash { max-width: 520px; margin: auto auto 30px auto; }
.premium_hero .title { font-family: "LyonDisplay", "Georgia", serif; font-size:  57px; font-size:  3.5625rem; padding-top: 10px; padding-bottom: 10px; }
@media (max-width: 550px) { .premium_hero .title { font-size:  44px; font-size:  2.75rem; } }
@media (max-width: 450px) { .premium_hero .title { font-size:  30px; font-size:  1.875rem; } }
.premium_hero .description { font-size:  17px; font-size:  1.0625rem; padding-bottom: 36px; }
@media (max-width: 550px) { .premium_hero .description .first_line { display: inline; } }
@media (max-width: 450px) { .premium_hero .description { padding-bottom: 30px; text-align: center; font-size:  14px; font-size:  0.875rem; } }
.premium_hero .active { color: #4caf00; }
.premium_hero .options #stripe_form #stripe_yearly_button { margin-left: 10px; }
@media (max-width: 450px) { .premium_hero { padding-top: 30px; } }

.premium_features { padding-top: 60px; padding-bottom: 60px; margin: auto; }
@media (min-width: 1010px) { .premium_features .premium_feature:first-child { margin-left: 55px !important; } }
@media (max-width: 1009px) { .premium_features .premium_row { display: block; max-width: 550px; margin-left: auto; margin-right: auto; }
  .premium_features .premium_row:before, .premium_features .premium_row:after { content: " "; display: table; }
  .premium_features .premium_row:after { clear: both; }
  .premium_features .premium_row:nth-child(2) { margin-top: 30px; } }
@media (max-width: 450px) { .premium_features { padding-top: 30px; } }

.premium_feature { text-align: center; max-width: 250px; float: left; margin: 0px 0px 0px 60px; }
@media (min-width: 1010px) { .premium_feature { max-width: 19%; } }
.premium_feature .text, .premium_feature .text:hover { color: #333333; }
.premium_feature .title { padding-top: 20px; padding-bottom: 2px; font-weight: bold; }
.premium_feature .premium_mobile { display: block; }
@media (min-width: 551px) and (max-width: 1009px) { .premium_feature:first-child { float: left; }
  .premium_feature:nth-child(2) { float: right; } }
@media (max-width: 1009px) { .premium_feature { margin: 20px auto 0px auto; }
  .premium_feature .title { padding-top: 10px; } }
@media (max-width: 550px) { .premium_feature { float: none; } }

.premium_matrix { width: 100%; font-size:  18px; font-size:  1.125rem; }
@media (max-width: 1009px) { .premium_matrix { font-size:  16px; font-size:  1rem; } }
@media (max-width: 550px) { .premium_matrix { font-size:  14px; font-size:  0.875rem; } }
.premium_matrix tr:first-child { background-color: #fafafa; }
.premium_matrix td:nth-child(2), .premium_matrix td:nth-child(3), .premium_matrix th:nth-child(2), .premium_matrix th:nth-child(3) { text-align: center; }
.premium_matrix td:nth-child(2), .premium_matrix td:nth-child(3) { font-size:  26px; font-size:  1.625rem; }
@media (max-width: 1009px) { .premium_matrix td:nth-child(2), .premium_matrix td:nth-child(3) { font-size:  24px; font-size:  1.5rem; } }
@media (max-width: 550px) { .premium_matrix td:nth-child(2), .premium_matrix td:nth-child(3) { font-size:  20px; font-size:  1.25rem; } }
.premium_matrix td:nth-child(3) { color: #0074bf; }
.premium_matrix th, .premium_matrix td { min-width: 150px; border-bottom: 1px solid #c8c8c8; padding: 20px 10px; }
@media (max-width: 1009px) { .premium_matrix th, .premium_matrix td { min-width: 110px; } }
@media (max-width: 550px) { .premium_matrix th, .premium_matrix td { min-width: initial; } }
.premium_matrix th:first-child, .premium_matrix td:first-child { padding: 20px; }

.landing_animation_wrapper { min-height: 260px; }

.hero_video, .hero_image_fallback { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; max-width: 100%; height: 60%; height: 60vmin; margin-top: 50px; margin-bottom: 0; }
@media (min-width: 992px) { .hero_video, .hero_image_fallback { margin-top: -2vmin; margin-bottom: 2vmin; } }

.hero_video { display: none; max-height: 610px; max-width: 610px; background-color: white; }
.hero_video::-webkit-media-controls-panel { display: none !important; }
html.video body.desktop_os .hero_video { display: inline-block; }
@media (max-width: 767px) { .hero_video { max-width: 100%; } }

.hero_image_no_autoplay { display: none; position: relative; width: 100%; height: 70vmin; max-width: 100%; max-height: 610px; overflow: hidden; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; }
@media (max-width: 767px) { .hero_image_no_autoplay { max-width: 100%; } }
html.no-video .hero_image_no_autoplay, body.ios .hero_image_no_autoplay, body.android .hero_image_no_autoplay { display: block; margin: 0 auto; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { html.no-video .hero_image_no_autoplay, body.ios .hero_image_no_autoplay, body.android .hero_image_no_autoplay { margin-top: 50px; } }
.hero_image_no_autoplay img { position: absolute; top: 0; left: 50%; opacity: 0; width: 70vmin; height: 70vmin; margin-left: -35vmin; max-width: 610px; max-height: 610px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
.hero_image_no_autoplay img:nth-child(1).animate { -webkit-animation: carousel-0 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0 1 both; -moz-animation: carousel-0 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0 1 both; animation: carousel-0 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0 1 both; }
.hero_image_no_autoplay img:nth-child(2).animate { -webkit-animation: carousel-0 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 3.1s 1 both; -moz-animation: carousel-0 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 3.1s 1 both; animation: carousel-0 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 3.1s 1 both; }
.hero_image_no_autoplay img:nth-child(3).animate { -webkit-animation: carousel-0 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 6.2s 1 both; -moz-animation: carousel-0 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 6.2s 1 both; animation: carousel-0 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 6.2s 1 both; }
.hero_image_no_autoplay img:nth-child(4).animate { -webkit-animation: carousel-0 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 9.3s 1 both; -moz-animation: carousel-0 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 9.3s 1 both; animation: carousel-0 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 9.3s 1 both; }
.hero_image_no_autoplay img:nth-child(5).animate { -webkit-animation: carousel-0 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 12.4s 1 both; -moz-animation: carousel-0 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 12.4s 1 both; animation: carousel-0 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 12.4s 1 both; }

@-webkit-keyframes carousel-0 { 0% { opacity: 0; -webkit-transform: rotateY(90deg) translateZ(380px) scale3d(0.9, 0.9, 1); }
  1% { opacity: 0; -webkit-transform: rotateY(90deg) translateZ(380px) scale3d(0.9, 0.9, 1); }
  35% { opacity: 1; -webkit-transform: rotateY(0deg) translateZ(0vmin) scale3d(1, 1, 1); }
  85% { opacity: 1; -webkit-transform: rotateY(0deg) translateZ(0vmin) scale3d(1, 1, 1); }
  99% { opacity: 0; -webkit-transform: rotateY(-90deg) translateZ(380px) scale3d(0.9, 0.9, 1); }
  100% { opacity: 0; -webkit-transform: rotateY(-90deg) translateZ(380px) scale3d(0.9, 0.9, 1); } }

@-moz-keyframes carousel-0 { 0% { opacity: 0; -moz-transform: rotateY(90deg) translateZ(380px) scale3d(0.9, 0.9, 1); }
  1% { opacity: 0; -moz-transform: rotateY(90deg) translateZ(380px) scale3d(0.9, 0.9, 1); }
  35% { opacity: 1; -moz-transform: rotateY(0deg) translateZ(0vmin) scale3d(1, 1, 1); }
  85% { opacity: 1; -moz-transform: rotateY(0deg) translateZ(0vmin) scale3d(1, 1, 1); }
  99% { opacity: 0; -moz-transform: rotateY(-90deg) translateZ(380px) scale3d(0.9, 0.9, 1); }
  100% { opacity: 0; -moz-transform: rotateY(-90deg) translateZ(380px) scale3d(0.9, 0.9, 1); } }

@-o-keyframes carousel-0 { 0% { opacity: 0; -o-transform: rotateY(90deg) translateZ(380px) scale3d(0.9, 0.9, 1); }
  1% { opacity: 0; -o-transform: rotateY(90deg) translateZ(380px) scale3d(0.9, 0.9, 1); }
  35% { opacity: 1; -o-transform: rotateY(0deg) translateZ(0vmin) scale3d(1, 1, 1); }
  85% { opacity: 1; -o-transform: rotateY(0deg) translateZ(0vmin) scale3d(1, 1, 1); }
  99% { opacity: 0; -o-transform: rotateY(-90deg) translateZ(380px) scale3d(0.9, 0.9, 1); }
  100% { opacity: 0; -o-transform: rotateY(-90deg) translateZ(380px) scale3d(0.9, 0.9, 1); } }

@keyframes carousel-0 { 0% { opacity: 0; transform: rotateY(90deg) translateZ(380px) scale3d(0.9, 0.9, 1); }
  1% { opacity: 0; transform: rotateY(90deg) translateZ(380px) scale3d(0.9, 0.9, 1); }
  35% { opacity: 1; transform: rotateY(0deg) translateZ(0vmin) scale3d(1, 1, 1); }
  85% { opacity: 1; transform: rotateY(0deg) translateZ(0vmin) scale3d(1, 1, 1); }
  99% { opacity: 0; transform: rotateY(-90deg) translateZ(380px) scale3d(0.9, 0.9, 1); }
  100% { opacity: 0; transform: rotateY(-90deg) translateZ(380px) scale3d(0.9, 0.9, 1); } }

.hero_image_fallback { max-width: 510px; max-height: 380px; }
@media (max-width: 767px) { .hero_image_fallback { max-width: 100%; } }

.explain { *zoom: 1; max-width: 520px; padding-top: 15px; padding-bottom: 15px; font-family: "LyonText", "Georgia", serif; text-align: center; }
.explain:before, .explain:after { content: " "; display: table; }
.explain:after { clear: both; }
@media (min-width: 768px) { .explain { padding-top: 30px; padding-bottom: 30px; } }
.explain h1 { display: block; margin-top: 10px; padding-bottom: 5px; margin-bottom: 9px; color: black; font-weight: 600; border-bottom: 1px solid #cccccc; -webkit-font-smoothing: antialiased; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; font-size:  18px; font-size:  1.125rem; }
@media (min-width: 768px) { .explain h1 { font-size:  22px; font-size:  1.375rem; } }
.explain p { text-align: left; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; margin-bottom: 15px; color: #404040; overflow: hidden; font-weight: 400; -webkit-font-smoothing: antialiased; font-size:  15px; font-size:  0.9375rem; }
@media (min-width: 768px) { .explain p { font-size:  20px; font-size:  1.25rem; } }
.explain img { max-width: 100%; }

.tagline { font-family: "LyonText", "Georgia", serif; }
.tagline h1 { font-size:  36px; font-size:  2.25rem; font-weight: 300; margin-top: 0; color: #111111; }
@media (min-width: 768px) { .tagline h1 { font-size:  48px; font-size:  3rem; } }

.hero_button, a.hero_button { -webkit-transition: all 100ms cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: all 100ms cubic-bezier(0.23, 1, 0.32, 1); transition: all 100ms cubic-bezier(0.23, 1, 0.32, 1); padding:  4px 30px; padding:  0.25rem 1.875rem; font-size:  18px; font-size:  1.125rem; line-height:  42px; line-height:  2.625rem; width: 100%; max-height: 52px; }
.hero_button:active, .hero_button:focus, a.hero_button:active, a.hero_button:focus { line-height:  44px; line-height:  2.75rem; }
@media (min-width: 768px) { .hero_button, a.hero_button { width: auto; font-size:  24px; font-size:  1.5rem; line-height:  42px; line-height:  2.625rem; }
  .hero_button:active, .hero_button:focus, a.hero_button:active, a.hero_button:focus { line-height:  44px; line-height:  2.75rem; } }

.simple_page_title { font-size:  30px; font-size:  1.875rem; color: #111111; border-bottom: 1px solid #cccccc; margin-top: 60px; margin-bottom: 40px; padding-bottom: 10px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; }
@media (max-width: 767px) { .simple_page_title { font-size:  22px; font-size:  1.375rem; margin-top: 0; margin-bottom: 20px; } }

@media (min-width: 768px) { .simple_page_content { padding-left: 20px; margin-bottom: 40px; } }

.viewport_center { position: static; max-width: auto; height: auto; min-height: 0; padding-left: 15px; padding-right: 15px; padding:  30px; padding:  1.875rem; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; }
@media (min-width: 768px) { .viewport_center { position: absolute; top: 0; left: 0; right: 0; bottom: 80px; margin: auto; height: 400px; min-height: 400px; max-width: 600px; } }

.create_account, .sign_in, .oauth_access { font-size:  16px; font-size:  1rem; }
@media (min-width: 768px) { .create_account, .sign_in, .oauth_access { min-height: 300px; }
  .create_account .simple_page_title, .sign_in .simple_page_title, .oauth_access .simple_page_title { margin-top: 0; } }

@media (min-width: 768px) { .oauth_access { height: 500px; min-height: 500px; } }

.landing_feature h2 { font-family: "LyonText", "Georgia", serif; font-weight: 100; line-height: 1.3; }
.landing_feature .hero_button { width: 200px; margin-right: 10px; margin-top: 10px; }
@media (max-width: 767px) { .landing_feature .hero_button { margin-right: 0px; } }