/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */ /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Remove Firefox nightly default invalid styles
 */
input:not(output):-moz-ui-invalid {
    box-shadow: none;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*  base.css
 *
 *  Description:
 *  Core vanilla Zerb Foundation CSS starting point, modified to play nice with design.
 *
 *  Contents:
 *  Global
 *  Grid
 *  Typography
 *  Printing
 *  Modifies/removals
 */

/*=Global
--------------------------------------------------------------------------------------- */
html,
body {
    font-size: 100%; 
}
body {
    background: #fff;
    color: #555;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding: 0;
    position: relative; 
}
a:focus {
    outline: none; 
}
embed,
img,
object {
    height: auto; 
    max-width: 100%;
}
embed,
object {  
    height: 100%; 
}
img {
    -ms-interpolation-mode: bicubic; 
}
img {
    display: inline-block;
    vertical-align: middle; 
}
textarea {
    height: auto;
}
select {
    width: 100%; 
}
::-moz-selection {
    background: #9bcfcc;
    text-shadow: none;
}
::selection {
    background: #9bcfcc;
    text-shadow: none;
}
/* basic element resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    direction: ltr;
    margin: 0;
    padding: 0;
}
/* global helpers */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.lt-ie8 .clearfix {
    zoom: 1;
}

/*=Grid
--------------------------------------------------------------------------------------- */
.row,
.row:before,
.row:after,
.row.collapse .column,
.row.collapse .columns,
.row .row,
.row .row:before,
.row .row:after,
.row .row.collapse,
.row .row.collapse:before, .row .row.collapse:after,
.column,
.columns,
.small-1,
.small-2,
.small-3,
.small-4,  
.small-5,  
.small-6,  
.small-7,  
.small-8,  
.small-9,  
.small-10,  
.small-11,  
.small-12,
.small-offset-1,
.small-offset-2,
.small-offset-3,
.small-offset-4,
.small-offset-5,
.small-offset-6,
.small-offset-7,
.small-offset-8,
.small-offset-9,
.small-offset-10,
.column.small-centered,
.columns.small-centered,
.large-1,
.large-2,
.large-3,
.large-4,
.large-5,
.large-6,
.large-7,
.large-8,
.large-9,
.large-10,
.large-11,
.large-12,
.row .large-offset-0,
.row .large-offset-1,
.row .large-offset-2,
.row .large-offset-3,
.row .large-offset-4,
.row .large-offset-5,
.row .large-offset-6,
.row .large-offset-7,
.row .large-offset-8,
.row .large-offset-9,
.row .large-offset-10,
.row .large-offset-11,
.push-1,
.pull-1,
.push-2,
.pull-2,
.push-3,
.pull-3,
.push-4,
.pull-4,
.push-5,
.pull-5,
.push-6,
.pull-6,
.push-7,
.pull-7,
.push-8,
.pull-8,
.push-9,
.pull-9,
.push-10,
.pull-10,
.push-11,
.pull-11,
.column.large-centered,
.columns.large-centered,
.column.large-uncentered,
.columns.large-uncentered
{
    box-sizing: border-box;
}
.row {
    margin: 0 auto;
    max-width: 62.5em;
    width: 100%;
}
.lt-ie8 .row {
    zoom: 1;
}
.row:before, .row:after {
    content: " ";
    display: table; 
}
.row:after {
    clear: both; 
}
.row.collapse .column,
.row.collapse .columns {
    float: left; 
    padding-left: 0;
    padding-right: 0;
    position: relative;
}
.row .row {
    margin: 0 -0.9375em;
    max-width: none;
    width: auto;
}
.lt-ie8 .row .row {
    zoom: 1;
}
.row .row:before, .row .row:after {
    content: " ";
    display: table; 
}
.row .row:after {
    clear: both; 
}
.row .row.collapse {
    margin: 0;
    max-width: none;
    width: auto;
}
.lt-ie8 .row .row.collapse {
    zoom: 1;
}
.row .row.collapse:before, .row .row.collapse:after {
    content: " ";
    display: table; 
}
.row .row.collapse:after {
    clear: both; 
}
.column,
.columns {
    float: left; 
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    position: relative;
    width: 100%;
}

@media only screen {
    .column,
    .columns {
        float: left; 
        padding-left: 0.9375em;
        padding-right: 0.9375em;
        position: relative;
    }
    .small-1 {
        position: relative;
        width: 8.33333%; 
    }
    .small-2 {
        position: relative;
        width: 16.66667%; 
    }
    .small-3 {
        position: relative;
        width: 25%; 
    }
    .small-4 {
        position: relative;
        width: 33.33333%; 
    }
    .small-5 {
        position: relative;
        width: 41.66667%; 
    }
    .small-6 {
        position: relative;
        width: 50%; 
    }
    .small-7 {
        position: relative;
        width: 58.33333%; 
    }
    .small-8 {
        position: relative;
        width: 66.66667%; 
    }
    .small-9 {
        position: relative;
        width: 75%; 
    }
    .small-10 {
        position: relative;
        width: 83.33333%; 
    }
    .small-11 {
        position: relative;
        width: 91.66667%; 
    }
    .small-12 {
        position: relative;
        width: 100%; 
    }
    .small-offset-1 {
        margin-left: 8.33333%; 
        position: relative;
    }
    .small-offset-2 {
        margin-left: 16.66667%; 
        position: relative;
    }
    .small-offset-3 {
        margin-left: 25%; 
        position: relative;
    }
    .small-offset-4 {
        margin-left: 33.33333%; 
        position: relative;
    }
    .small-offset-5 {
        margin-left: 41.66667%; 
        position: relative;
    }
    .small-offset-6 {
        margin-left: 50%; 
        position: relative;
    }
    .small-offset-7 {
        margin-left: 58.33333%; 
        position: relative;
    }
    .small-offset-8 {
        margin-left: 66.66667%; 
        position: relative;
    }
    .small-offset-9 {
        margin-left: 75%; 
        position: relative;
    }
    .small-offset-10 {
        margin-left: 83.33333%; 
        position: relative;
    }
    [class*="column"] + [class*="column"]:last-child {
        float: right; 
    }
    [class*="column"] + [class*="column"].end {
        float: left; 
    }
    .column.small-centered,
    .columns.small-centered {
        float: none !important; 
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    .narrow-only {
        display: block;
    }
    .wide-only {
        display: none;
    }
}

/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 48em) {
    .large-1 {
        position: relative;
        width: 8.33333%;
    }
    .large-2 {
        position: relative;
        width: 16.66667%; 
    }
    .large-3 {
        position: relative;
        width: 25%; 
    }
    .large-4 {
        position: relative;
        width: 33.33333%;
    }
    .large-5 {
        position: relative;
        width: 41.66667%; 
    }
    .large-6 {
        position: relative;
        width: 50%;
    }
    .large-7 {
        position: relative;
        width: 58.33333%; 
    }
    .large-8 {
        position: relative;
        width: 66.66667%; 
    }
    .large-9 {
        position: relative;
        width: 75%; 
    }
    .large-10 {
        position: relative;
        width: 83.33333%; 
    }
    .large-11 {
        position: relative;
        width: 91.66667%; 
    }
    .large-12 {
        position: relative;
        width: 100%; 
    }
    .row .large-offset-0 {
        margin-left: 0; 
        position: relative;
    }
    .row .large-offset-1 {
        margin-left: 8.33333%; 
        position: relative;
    }
    .row .large-offset-2 {
        margin-left: 16.66667%; 
        position: relative;
    }
    .row .large-offset-3 {
        margin-left: 25%; 
        position: relative;
    }
    .row .large-offset-4 {
        margin-left: 33.33333%; 
        position: relative;
    }
    .row .large-offset-5 {
        margin-left: 41.66667%; 
        position: relative;
    }
    .row .large-offset-6 {
        margin-left: 50%; 
        position: relative;
    }
    .row .large-offset-7 {
        margin-left: 58.33333%; 
        position: relative;
    }
    .row .large-offset-8 {
        margin-left: 66.66667%; 
        position: relative;
    }
    .row .large-offset-9 {
        margin-left: 75%; 
        position: relative;
    }
    .row .large-offset-10 {
        margin-left: 83.33333%; 
        position: relative;
    }
    .row .large-offset-11 {
        margin-left: 91.66667%;
        position: relative;
    }
    .push-1 {
        left: 8.33333%;
        position: relative;
        right: auto; 
    }
    .pull-1 {
        left: auto; 
        position: relative;
        right: 8.33333%;
    }
    .push-2 {
        left: 16.66667%;
        position: relative;
        right: auto; 
    }
    .pull-2 {
        left: auto; 
        position: relative;
        right: 16.66667%;
    }
    .push-3 {
        left: 25%;
        position: relative;
        right: auto; 
    }
    .pull-3 {
        left: auto; 
        position: relative;
        right: 25%;
    }
    .push-4 {
        left: 33.33333%;
        position: relative;
        right: auto; 
    }
    .pull-4 {
        left: auto;
        position: relative;
        right: 33.33333%;
    }
    .push-5 {
        left: 41.66667%;
        position: relative;
        right: auto; 
    }
    .pull-5 {
        left: auto; 
        position: relative;
        right: 41.66667%;
    }
    .push-6 {
        left: 50%;
        position: relative;
        right: auto; 
    }
    .pull-6 {
        left: auto;
        position: relative;
        right: 50%;
    }
    .push-7 {
        left: 58.33333%;
        position: relative;
        right: auto; 
    }
    .pull-7 {
        left: auto;
        position: relative;
        right: 58.33333%;
    }
    .push-8 {
        left: 66.66667%;
        position: relative;
        right: auto; 
    }
    .pull-8 {
        left: auto; 
        position: relative;
        right: 66.66667%;
    }
    .push-9 {
        left: 75%;
        position: relative;
        right: auto; 
    }
    .pull-9 {
        left: auto; 
        position: relative;
        right: 75%;
    }
    .push-10 {
        left: 83.33333%;
        position: relative;
        right: auto;
    }
    .pull-10 {
        left: auto;
        position: relative;
        right: 83.33333%;
    }
    .push-11 {
        left: 91.66667%;
        position: relative;
        right: auto;
    }
    .pull-11 {
        left: auto; 
        position: relative;
        right: 91.66667%;
    }
    .small-push-1 {
        left: inherit; 
    }
    .small-pull-1 {
        right: inherit; 
    }
    .small-push-2 {
        left: inherit; 
    }
    .small-pull-2 {
        right: inherit; 
    }
    .small-push-3 {
        left: inherit; 
    }
    .small-pull-3 {
        right: inherit; 
    }
    .small-push-4 {
        left: inherit; 
    }
    .small-pull-4 {
        right: inherit; 
    }
    .small-push-5 {
        left: inherit; 
    }
    .small-pull-5 {
        right: inherit; 
    }
    .small-push-6 {
        left: inherit; 
    }
    .small-pull-6 {
        right: inherit; 
    }
    .small-push-7 {
        left: inherit; 
    }
    .small-pull-7 {
        right: inherit; 
    }
    .small-push-8 {
        left: inherit; 
    }
    .small-pull-8 {
        right: inherit; 
    }
    .small-push-9 {
        left: inherit; 
    }
    .small-pull-9 {
        right: inherit;
    }
    .small-push-10 {
        left: inherit;
    }
    .small-pull-10 {
        right: inherit;
    }
    .small-push-11 {
        left: inherit;
    }
    .small-pull-11 {
        right: inherit;
    }
    .column.large-centered,
    .columns.large-centered {
        float: none !important; 
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    .column.large-uncentered,
    .columns.large-uncentered {
        float: none; 
        margin-left: 0;
        margin-right: 0;
    }
    .narrow-only {
        display: none;
    }
    .wide-only {
        display: block;
    }
}

/*=Typography
--------------------------------------------------------------------------------------- */
/* Default link styles */
a {
    color: #2ba6cb;
    line-height: inherit; 
    text-decoration: none;
}
a:hover,
a:focus {
    color: #2795b6;
    text-decoration: underline;
}
a img {
    border: none; 
}
/* Default paragraph styles */
p {
    font-family: inherit;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 1.25em;
    text-rendering: optimizeLegibility; 
}
p aside {
    font-size: 0.875em;
    font-style: italic; 
    line-height: 1.35;
}
/* Default header styles */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #222222;
    font-family: "Helvetica Neue", "Helvetica", helvetica, arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    line-height: 1.2125em; 
    margin-bottom: 0.5em;
    margin-top: 0.2em;
    text-rendering: optimizeLegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small, 
h6 small {
    color: #6f6f6f;
    font-size: 60%;
    line-height: 0; 
}
h1 {
    font-size: 2.125em; 
}
h2 {
    font-size: 1.6875em; 
}
h3 {
    font-size: 1.375em; 
}
h4 {
    font-size: 1.125em; 
}
h5 {
    font-size: 1.125em; 
}
h6 {
    font-size: 1em; 
}
hr {
    border: solid #dddddd;
    border-width: 1px 0 0;
    clear: both;
    height: 0; 
    margin: 1.25em 0 1.1875em;
}
/* Helpful typography defaults */
em,
i {
    font-style: italic;
    line-height: inherit; 
}
strong,
b {
    font-weight: bold;
    line-height: inherit;
}
small {
    font-size: 60%;
    line-height: inherit;
}
code {
    color: #7f0a0c;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: bold;
}
/* Lists */
ul,
ol,
dl {
    font-family: inherit; 
    font-size: 1em;
    line-height: 1.5;
    list-style-position: outside;
    margin-bottom: 1.25em;
}
/* Unordered Lists */
ul li ul,
ul li ol {
    /* Override nested font-size change */ 
    font-size: 1em;
    margin-bottom: 0;
    margin-left: 1.25em;
}
.list-square li ul,
.list-circle li ul,
.list-disc li ul {
    list-style: inherit; 
}
.list-square {
    list-style-type: square;
}
.list-circle {
    list-style-type: circle;
}
.list-disc {
    list-style-type: disc; 
}
.list-no-bullet {
    list-style: none;
}
/* Ordered lists */
ol li ul,
ol li ol {
    margin-bottom: 0; 
    margin-left: 1.25em;
}
/* Definition lists */
dl dt {
    font-weight: bold; 
    margin-bottom: 0.3em;
}
dl dd {
    margin-bottom: 0.75em;
}
/* Abbreviations */
abbr,
acronym {
    border-bottom: 1px dotted #dddddd;
    color: #222222;
    cursor: help;
    font-size: 90%;
    text-transform: uppercase;
}
abbr {
    text-transform: none;
}
/* Blockquotes */
blockquote {
    border-left: 1px solid #dddddd;
    margin: 0 0 1.25em;
    padding: 0.5625em 1.25em 0 1.1875em;
}
blockquote cite {
    color: #555555; 
    display: block;
    font-size: 0.8125em;
}
blockquote cite:before {
    content: "\2014    "; 
}
blockquote cite a,
blockquote cite a:visited {
    color: #555555; 
}
blockquote,
blockquote p {
    color: #6f6f6f; 
    line-height: 1.5;
}
/* Font sizes for viewports greater than 768px */
@media only screen and (min-width: 48em) {
    h1, h2, h3, h4, h5, h6 {
        line-height: 1.4; 
    }
    h1 {
        font-size: 2.75em; 
    }
    h2 {
        font-size: 2.3125em; 
    }
    h3 {
        font-size: 1.6875em;
    }
    h4 {
        font-size: 1.4375em; 
    }
}
/*=Printing
--------------------------------------------------------------------------------------- */
/*
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
 */
.print-only {
    display: none !important;
}
@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        /* Black prints faster: h5bp.com/s */
        color: black !important;
        text-shadow: none !important; 
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
        /* h5bp.com/t */
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    .hide-on-print {
        display: none !important;
    }
    .print-only {
        display: block !important;
    }
    .hide-for-print {
        display: none !important;
    }
    .show-for-print {
        display: inherit !important; 
    }
}

/*=Modifies/removals
--------------------------------------------------------------------------------------- */
/* Don't like the star hack for all elements done with border box. We still run border-box for all Foundation grid elements for easy nesting. */
/**,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }*/

/* Removed generic helper classes. Especially post Sass conversion, these should generally be unnessary. */
/*.left {
  float: left !important; }

.right {
  float: right !important; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-justify {
  text-align: justify !important; }

.hide {
  display: none; }

.antialiased {
  -webkit-font-smoothing: antialiased; }*/

/* An arbitrary height of 50px is unecessary for the rare times we use a textrea. Should already be predefined. */
/*textarea {
  min-height: 50px; }
*/

/* Unnecessary, don't match house style */
/*p.lead {
  font-size: 1.21875em;
  line-height: 1.6; }

.subheader {
  line-height: 1.4;
  color: #6f6f6f;
  font-weight: 300;
  margin-top: 0.2em;
  margin-bottom: 0.5em; }*/

/* Unnecessary for now */
/* Microformats */
/*.vcard {
    border: 1px solid #dddddd;
    display: inline-block;
    margin: 0 0 1.25em 0;
    padding: 0.625em 0.75em; 
}
  .vcard li {
    margin: 0;
    display: block; }
  .vcard .fn {
    font-weight: bold;
    font-size: 0.9375em; }

.vevent .summary {
  font-weight: bold; }
.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625em; }*/


/*  module-misc.css
 *
 *  Description:
 *  Catch all file (for now) that contains all styles used on the page
 *
 *  Contents:
 *  Horizontal navigation
 *  Buttons
 *  Full screen overlays
 *  Header - global
 *  Footer - global
 *  Header - mini (usage on login/signup/forgot)
 *  Responsive
 */

/*=Horizontal navigation
--------------------------------------------------------------------------------------- */
nav {
    text-align: center;
}
nav ul {
    list-style: none;
    margin: 0;
}

/*=Buttons
--------------------------------------------------------------------------------------- */
.btn {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.4);
    -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.4);
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    -webkit-transition: background-position 0.1s linear;
    background-repeat: repeat-x;
    background-color: #d3505a;
    background-image: -webkit-gradient(left top, left bottom, color-stop(0%, #ee5f64), color-stop(100%, #d3505a));
    background-image: linear-gradient(to bottom, #ee5f64 0%, #d3505a 100%);
    border: 1px solid #D13644;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.4);
    color: #fff;
    display: inline-block;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 11px 45px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(142,4,17,0.5);
    transition: background-position 0.1s linear;
    width: auto;
}
.btn-important {
    background-color: #fcc164;
    background-image: -webkit-gradient(left top, left bottom, color-stop(0%, #fbd95c), color-stop(100%, #fcc164));
    background-image: linear-gradient(to bottom, #fbd95c 0%, #fcc164 100%);
    border-color: #e1b231;
    color: #222;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.btn-secondary {
    background-color: #f2f2f2;
    background-image: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f2f2f2));
    background-image: linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);
    border-color: #d8d8d8;
    color: #222;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.btn-small {
    padding: 6px 20px;
}
.btn-mini {
    font-size: 14px;
    padding: 5px 15px 4px;
}
.btn:hover {
    background-position: 0 -15px;
    color: #fff;
    text-decoration: none;
}
.no-cssgradients .btn:hover {
    background-color: #cc3540;
}
.btn-secondary:hover,
.btn-important:hover {
    color: #222;
}
.no-cssgradients .btn-important:hover {
    background-color: #fbb443;
}
.no-cssgradients .btn-secondary:hover {
    background-color: #e1e1e1;
}
.btn:active,
.btn:focus {
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0, 0.15);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0, 0.15);
    background-image: none;
    color: #fff;
    outline: 0;
    text-decoration: none;
    box-shadow: inset 0 0 6px rgba(0,0,0, 0.15);
}
.btn-secondary:active,
.btn-secondary:focus,
.btn-important:active,
.btn-important:focus {
    color: #222;
    text-decoration: none;
}
.btn[disabled],
.btn-disabled {
    background-image: none;
    color: #ccc;
    color: rgba(255,255,255,0.6);
    cursor: default;
    opacity: 0.9;
}
.btn[disabled]:hover,
.btn[disabled]:active,
.btn[disabled]:focus,
.btn-disabled:hover,
.btn-disabled:active,
.btn-disabled:focus {
    -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.4);
    -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.4);
    background-position: 0 0;
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.4);
    color: #ccc;
    color: rgba(255,255,255,0.6);
}
.no-cssgradients .btn[disabled]:hover,
.no-cssgradients .btn-disabled:hover, {
    background-color: #d3505a;
}
.btn-secondary-disabled,
.btn-important-disabled,
.btn-secondary-disabled:hover,
.btn-important-disabled:hover,
.btn-secondary-disabled:active,
.btn-important-disabled:active,
.btn-secondary-disabled:focus,
.btn-important-disabled:focus {
    color: #4e4e4e;
    color: rgba(34,34,34,0.6);
}
.no-cssgradients .btn-important-disabled:hover {
    background-color: #fcc164;
}
.no-cssgradients .btn-secondary-disabled:hover {
    background-color: #f2f2f2;
}

/*=Full screen overlays
--------------------------------------------------------------------------------------- */
.overlay_screen {
    background: #333;
    background: rgba(0,0,0,0.6);
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
    visibility: hidden;
    z-index: 5000;
    transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
}
.overlay_screen_active {
    opacity: 1;
    visibility: visible;
}
.overlay_screen .content_container {
    text-align: center;
}
.overlay_screen .content_container:before {
    content: '';
    display: inline-block;
    height: 85%;
    vertical-align: middle;
    margin-right: -0.25em;
}
.overlay_screen .content_detail {
    color: #fff;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
    display: inline-block;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
    vertical-align: middle;
    width: auto;
}
.overlay_screen .content_detail_loading {
    display: inline-block;
    padding-top: 55px;
}

/*=Header - global
--------------------------------------------------------------------------------------- */
.header-global {
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.15);
    background: #fff;
    position: relative;
    border-bottom: 1px solid #c8c8c8;
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
#header-logo {
    background: url(/web/i/v4/pocket_logosmall@1x.png) no-repeat center center;
    display: block;
    height: 38px;
    margin: 0.2em auto;
    padding: 0;
    width: 151px;
    overflow: hidden;
    text-indent: 100%;
    float: left;
}
#header-logo > a {
    display: block;
    height: 100%;
    width: 100%;
}
.header-global nav {
    background: #fff;
    border: 1px solid #cacaca;
    border-width: 1px 0;
    position: absolute;
    opacity: 0;
    margin-top: 0;
    visibility: hidden;
    z-index: 20;
}
.header-global .nav-active {
    left: 0;
    opacity: 1;
    visibility: visible;
    width: 100%;
    transition: margin 0.1s linear, opacity 0.1s linear;
}
.header-global li {
    box-sizing: border-box;
    padding-left: 2em;
    padding-right: 2em;
}
.header-global .btn {
    background: transparent;
    border-radius: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
}
.header-global nav .header-detail-inactive {
    display: none;
}
.header-global nav li {
    display: block;
    width: 100%;
}
.header-global nav a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-top: 1px solid #e3e3e3;
    box-sizing: border-box;
    color: #777;
    display: block;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 1.5em 1em;
    text-decoration: none;
    width: 100%;
}
.header-global li:first-child a {
    border-top: 0;
}
.header-global nav a:hover {
    color: #5dcfca;
}
.header-global .header-menulink {
    background: url(/web/i/v4/header-menulink@1x.png) center center no-repeat;
    height: 0.8125em;
    left: auto;
    overflow: hidden;
    position: absolute;
    text-indent: 100%;
    top: -2em;
    width: 1.4375em;
    right: 1em;
}

/*=Footer - global
--------------------------------------------------------------------------------------- */
.footer-global {
    border-top: 1px solid #cacaca;
    background: #fff;
    padding: 1.75em 0 0;
}
.footer-global nav a {
    color: #777;
    display: inline-block;
    font-weight: bold;
    font-size: 0.75em;
    line-height: 1;
    margin-bottom: 1em;
    text-decoration: none;
}
.footer-global li {
    display: inline-block;
    width: 100%;
    text-align: left;
}
.footer-global li > a {
    margin: 1em 0;
}
.footer-global li:last-child a {
    margin-right: 0;
}
.footer-global nav a:hover {
    color: #5dcfca;
}
.footer-global-social {
    margin-top: 1em;
}
.footer-global-social > nav {
    display: inline-block;
}
.footer-global-social nav li {
    display: block;
    float: left;
    width: auto;
}
.footer-global-social .social-break {
    clear: left;
    margin-bottom: 0.5em;
}
.footer-global-social p {
    font-size: 0.75em;
    font-weight: bold;
    line-height: 1;
    margin: 0 1em 0 0;
}
.footer-global-social nav a {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 2.5em;
}
.footer-global-social .icon-social {
    display: block;
    height: 21px;
    margin-right: 1em;
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
    top: -4px;
    width: 19px;
}
.footer-global-social .icon-twitter,
.footer-global-social .icon-facebook,
.footer-global-social .icon-googleplus {
    background: url(/web/i/v4/footer_socialicons@1x.png) 0 1px no-repeat;
    width: 22px;
}
.footer-global-social .icon-twitter:hover {
    background-position: -200px 1px;
}
.footer-global-social .icon-facebook {
    background-position: 0 -80px;
    width: 9px;
}
.footer-global-social .icon-facebook:hover {
    background-position: -200px -80px;
}
.footer-global-social .icon-googleplus {
    background-position: 0 -159px;
    width: 22px;
}
.footer-global-social .icon-googleplus:hover {
    background-position: -200px -159px;
}
.footer-global-copy p {
    color: #aaa;
    font-size: 0.6875em;
    font-weight: 300;
    margin-top: 0.2em;
}

/*=Header - mini (usage on login/signup/forgot)
--------------------------------------------------------------------------------------- */
.header-mini #header-logo {
    background-image: url(/web/i/v4/pocket_logo_whitesmall@1x.png);
    float: left;
    margin-bottom: 0;
    margin-top: 0.4em;
}
.header-mini .login_btn {
    box-shadow: 0 1px 8px rgba(0,0,0,0.8);
    background-color: #e9e9e9;
    background-image: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e9e9e9));
    background-image: linear-gradient(to bottom, #fff 0%, #e9e9e9 100%);
    float: right;
    margin-bottom: 0;
    margin-top: 1.4em;
}
.header-mini .login_btn:hover {
    background-position: 0 -15px;
}

/*=Responsive
--------------------------------------------------------------------------------------- */
/* hdpi */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    #header-logo {
        background-image: url(/web/i/v4/pocket_logosmall@2x.png);
        background-size: 151px 38px;
    }
    .lt-ie9 #header-logo {
        background-image: url(/web/i/v4/pocket_logosmall@1x.png);
    }
    .header-global .header-menulink {
        background-image: url(/web/i/v4/header-menulink@2x.png);
        background-size: 23px 13px;
    }
    .lt-ie9 .header-global .header-menulink {
        background-image: url(/web/i/v4/header-menulink@1x.png);
    }
    .footer-global-social .icon-twitter,
    .footer-global-social .icon-facebook,
    .footer-global-social .icon-googleplus {
        background-image: url(/web/i/v4/footer_socialicons@2x.png);
        background-size: 240px 400px;
    }
    .lt-ie9 .footer-global-social .icon-twitter,
    .lt-ie9 .footer-global-social .icon-facebook,
    .lt-ie9 .footer-global-social .icon-googleplus {
        background-image: url(/web/i/v4/footer_socialicons@1x.png);
    }
    .header-mini #header-logo {
        background-image: url(/web/i/v4/pocket_logo_whitesmall@2x.png);
        background-size: 151px 39px;
    }
    .lt-ie9 .header-mini #header-logo {
        background-image: url(/web/i/v4/pocket_logo_whitesmall@1x.png);
    }
}
/* 608px */
@media only screen and (min-width: 38em) {
    nav .break {
        clear: left;
    }
}
/* 768px - adaptive breakpoint */
@media only screen and (min-width: 48em) {
    nav li {
        display: block;
        float: left;
        width: auto;
    }
    nav li > a {
        display: block;
        margin: 0 1em;
    }
    #header-logo {
        background-image: url(/web/i/v4/pocket_logo@1x.png);
        height: 47px;
        margin: 0.3em 0;
        width: 189px;
    }
    .header-global .header-menulink {
        display: none;
    }
    .header-global nav {
        background: transparent;
        border: 0;
        opacity: 1;
        position: relative;
        float: right;
    }
    .header-global nav a,
    .header-global li:first-child a {
        border-top: 0.333em solid #fff;
        font-size: 0.875em;
        padding: 1.9em 1em;
    }
    .page-es-es .header-global nav a,
    .page-es-es .header-global li:first-child a,
    .page-fr-fr .header-global nav a,
    .page-fr-fr .header-global li:first-child a,
    .page-fr-ca .header-global nav a,
    .page-fr-ca .header-global li:first-child a,
    .page-pl-pl .header-global nav a,
    .page-pl-pl .header-global li:first-child a,
    .page-pt-br .header-global nav a,
    .page-pt-br .header-global li:first-child a,
    .page-pt-pt .header-global nav a,
    .page-pt-pt .header-global li:first-child a {
        padding-left: 0.6em;
        padding-right: 0.6em;
    }
    .header-global nav .btn {
        background-color: #f2f2f2;
        background-image: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f2f2f2));
        background-image: linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);
        background-repeat: repeat-x;
        border-top-color: #d8d8d8;
        border-width: 1px;
        border-radius: 4px;
        color: #222;
        margin-top: 1.7em;
        padding: 6px 20px;
    }
    .header-global nav li {
        box-sizing: content-box;
        display: inline-block;
        padding-right: 0;
        padding-left: 0;
        width: auto;
    }
    .header-global nav a:hover {
        border-color: #5dcfca;
    }
    .header-global nav .btn:hover {
        background-color: #f2f2f2;
        background-position: 0 -15px;
        border-color: #d8d8d8;
        color: #222;
    }
    .no-cssgradients .header-global .btn:hover {
        background-color: #e1e1e1;
    }
    .header-global .login {
        margin-left: 1em;
    }
    .footer-global {
        padding: 2em 0 0;
    }
    .footer-global li {
        width: auto;
        margin-right: 1.2em;
    }
    .footer-global li > a {
        margin: 0 0 0.8em;
    }
    .footer-global-social {
        margin-top: 0.5em;
    }
    .footer-global-social li {
        margin-right: 0;
    }
    .footer-global-social .social-break {
        clear: none;
        margin-right: 0;
        margin-bottom: 0;
    }
    .footer-global-social .icon-social {
        margin-right: 1.2em;
    }
    .footer-global-social nav {
        float: right;
    }
    .footer-global-copy p {
        text-align: right;
    }
    .header-global nav {
        visibility: visible;
        position: relative;
    }
    .header-mini #header-logo {
        background: url(/web/i/v4/pocket_logo_white@1x.png) no-repeat center center;
        height: 59px;
        margin-top: 0.8em;
        width: 231px;
    }
    .header-mini .login_btn {
        margin-top: 3.7em;
    }

}
/* 768px and hdpi */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 48em), only screen and (min-resolution: 144dpi) and (min-width: 48em) {
    #header-logo {
        background-image: url(/web/i/v4/pocket_logo@2x.png);
        background-size: 189px 47px;
    }
    .lt-ie9 #header-logo {
        background-image: url(/web/i/v4/pocket_logo@1x.png);
    }
    .header-mini #header-logo {
        background-image: url(/web/i/v4/pocket_logo_white@2x.png);
        background-size: 231px 59px;
    }
    .lt-ie9 .header-mini #header-logo {
        background-image: url(/web/i/v4/pocket_logo_white@1x.png);
    }
}
/* 832px */
@media only screen and (min-width: 52em) {
    .header-global nav a,
    .header-global li:first-child a,
    .page-es-es .header-global nav a,
    .page-es-es .header-global li:first-child a,
    .page-fr-fr .header-global nav a,
    .page-fr-fr .header-global li:first-child a,
    .page-fr-ca .header-global nav a,
    .page-fr-ca .header-global li:first-child a,
    .page-pl-pl .header-global nav a,
    .page-pl-pl .header-global li:first-child a,
    .page-pt-br .header-global nav a,
    .page-pt-br .header-global li:first-child a,
    .page-pt-pt .header-global nav a,
    .page-pt-pt .header-global li:first-child a {
        padding-left: 1em;
        padding-right: 1em;
    }
}
/* 896px */
@media only screen and (min-width: 56em) {
    nav .break {
        clear: none;
    }
    .header-global nav a,
    .header-global li:first-child a,
    .page-es-es .header-global nav a,
    .page-es-es .header-global li:first-child a,
    .page-fr-fr .header-global nav a,
    .page-fr-fr .header-global li:first-child a,
    .page-fr-ca .header-global nav a,
    .page-fr-ca .header-global li:first-child a,
    .page-pl-pl .header-global nav a,
    .page-pl-pl .header-global li:first-child a,
    .page-pt-br .header-global nav a,
    .page-pt-br .header-global li:first-child a,
    .page-pt-pt .header-global nav a,
    .page-pt-pt .header-global li:first-child a {
        padding-left: 1.333em;
        padding-right: 1.333em;
    }
    .footer-global-social .icon-social {
        margin-right: 1.25em;
    }
    .footer-global-social p {
        margin-right: 1.5em;
    }
    #header-logo {
        margin: 0.3em 0 0;
    }
}

/*  add.css
 *
 *  Description:
 *  Fleshed out "How to Add" page.
 *
 *  Contents:
 *  Global
 *  Content - Save to Pocket from Browser
 *  Content - View From Any Device
 *  Content - Ways to Save
 *  Content - Post Installed Content
 *  Responsive
 */

/*=Global
--------------------------------------------------------------------------------------- */
.page-add h2,
.page-add h3 {
	font-size: 1.5em;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
}
.page-add h2 {
	color: #333;
	margin-top: 1em;
}
.page-add h3 {
	color: #555;
	font-size: 1.25em;
	text-align: left;
}
.page-add img {
	display: block;
	margin: 1em auto;
	max-width: 100%;
}
.page-add p {
	color: #555;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.page-add a {
	color: #555;
	font-weight: bold;
}
.page-add a:hover {
	color: #5dcfca;
	text-decoration: none;
}
.page-add .narrow-show {
	display: block;
}
.page-add .wide-show {
	display: none;
}
.page-add .narrow-divider {
	border-top: 1px solid #e3e3e3;
	display: block;
	margin-left: 2em;
	margin-right: 2em;
	margin-bottom: 2em;
}
.add-bookmarklet-show .extension-toggle,
.add-bookmarklet-show .bookmarklet-desc,
.add-bookmarklet-show .wrapper-unlimited .extension-toggle,
.add-bookmarklet-show .wrapper-unlimited .bookmarklet-desc {
	display: block;
}
.add-bookmarklet-show .bookmarklet-toggle,
.add-bookmarklet-show .extension-desc,
.add-bookmarklet-show .wrapper-unlimited.bookmarklet-toggle,
.add-bookmarklet-show .wrapper-unlimited .extension-desc {
	display: none;
}
.add-extension-show .bookmarklet-toggle,
.add-extension-show .extension-desc {
	display: block;
}
.add-extension-show .extension-toggle,
.add-extension-show .bookmarklet-desc {
	display: none;
}
.page-add .extra-ctaalt {
	display: none;
}

/*=Content - Save to Pocket from Browser
--------------------------------------------------------------------------------------- */
.wrapper-savefrombrowser {
	background-color: #f0f0f0;
}
.wrapper-savefrombrowser img {
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 0;
	width: 100%;
}
.add-extension-show .wrapper-savefrombrowser p {
	margin-right: 5em;
}
.wrapper-savefrombrowser .connecting {
	margin-top: 1.5em;
}
.wrapper-savefrombrowser .bookmarklet-desc {
	float: left;
}
.wrapper-savefrombrowser .bookmarklet-dragbtn {
	margin-bottom: 0.5em;
}
.wrapper-savefrombrowser .bookmarklet-drag {
	font-weight: bold;
	line-height: 1.3;
	margin-top: 0;
	width: auto;
}
.wrapper-savefrombrowser .bookmarklet-drag a {
	color: #e0585f;
}
.wrapper-savefrombrowser .bookmarklet-drag a:hover {
	color: #ce262f;
}
.wrapper-savefrombrowser .bookmarklet-install {
	margin-top: 0.5em;
	margin-bottom: 0;
}
.wrapper-savefrombrowser .btn,
.wrapper-savefrombrowser .btn:hover {
	color: #fff;
}
.wrapper-savefrombrowser .btn-disabled,
.wrapper-savefrombrowser .btn-disabled:hover {
	color: rgba(255,255,255,0.6);
	opacity: 0.5;
}
.add-bookmarklet-show .wrapper-savefrombrowser .toggle-wrapper {
	clear: left;
	margin-bottom: 1em;
}

/*=Content - View From Any Device
--------------------------------------------------------------------------------------- */
.wrapper-viewfrom {
	background-color: #f0f0f0;
}
.viewfrom .picture {
	display: block;
	max-width: 42em;
	margin: 0 auto;
}
.getpocketfor nav {
	float: left;
}
.getpocketfor .extras {
	margin-bottom: 1em;
}
.getpocketfor .ios,
.getpocketfor .googleplay,
.getpocketfor .mac,
.getpocketfor .amazon {
	background: url(/web/i/v4/add_appbuttons@1x.png) 0 0 no-repeat;
	display: block;
	margin: 1em 0;
	overflow: hidden;
	text-indent: -555em;
}
.getpocketfor .ios {
	height: 54px;
	width: 178px;
}
.getpocketfor .googleplay {
	background-position: 0 -160px;
	height: 54px;
	width: 178px;	
}
.getpocketfor .mac {
	background-position: 0 -320px;
	height: 54px;
	margin-right: 5.5em;
	width: 210px;
}
.getpocketfor .amazon {
	background-position: 0 -480px;
	height: 65px;
	width: 191px;
}
.getpocketfor li {
	clear: left;
	text-align: left;
}
.getpocketfor a {
	color: #555;
	display: inline-block;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.9375em;
	font-weight: bold;
	margin: 0.5em 0;
}

/*=Content - Ways to Save
--------------------------------------------------------------------------------------- */
.wrapper-unlimited .picture {
	display: block;
	margin: 0 auto;
	max-width: 25em;
}
.wrapper-unlimited .bookmarklet-desc {
	display: none;
}
.wrapper-unlimited .bookmarklet-dragbtn {
	margin-bottom: 0.5em;
}
.wrapper-unlimited .bookmarklet-drag {
	font-weight: bold;
}
.wrapper-unlimited .bookmarklet-drag a {
	color: #e0585f;
}
.wrapper-unlimited .bookmarklet-drag a:hover {
	color: #ce262f;
}
.wrapper-unlimited p,
.wrapper-unlimited h3 {
	margin-left: auto;
	margin-right: auto;
	max-width: 25em;
}
.wrapper-unlimited h3 {
	max-width: 20em;
}
.wrapper-unlimited .btn,
.wrapper-unlimited .btn:hover {
	color: #fff;
}
.wrapper-unlimited .btn-disabled,
.wrapper-unlimited .btn-disabled:hover {
	color: rgba(255,255,255,0.6);
	opacity: 0.5;
}
.wrapper-waystosave .picture {
	display: block;
	margin: 0 auto;
	max-width: 25em;
}
.wrapper-waystosave p,
.wrapper-waystosave h3 {
	margin-left: auto;
	margin-right: auto;
	max-width: 25em;
}
.wrapper-waystosave h3 {
	max-width: 20em;
}
.integratedapps .appicons,
.integratedapps .container-nav {
	width: 15.5em;
}
.integratedapps .container-nav {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}
.integratedapps .appicons li {
	float: left;
}
.integratedapps .appicons a {
	background: url(/web/i/v4/add_appicons@1x.png) 0 0 no-repeat;
	display: block;
	height: 68px;
	margin: 0.4em;
	overflow: hidden;
	text-indent: -555em;
	width: 68px;
}
.integratedapps .appicons .twitter {
	background-position: 0 0;
}
.integratedapps .appicons .reeder {
	background-position: 0 -160px;
}
.integratedapps .appicons .flipboard {
	background-position: 0 -320px;
}
.integratedapps .appicons .feedly {
	background-position: 0 -480px;
}
.integratedapps .appicons .tweetbot {
	background-position: 0 -640px;
}
.integratedapps .appicons .pulse {
	background-position: 0 -800px;
}
.integratedapps .moreoptions {
	clear: left;
	float: left;
	margin-top: 1em;
	text-align: left;
}
.integratedapps .moreoptions li {
	clear: left;
}
.integratedapps .moreoptions a {
	display: block;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.9375em;
	font-weight: bold;
	margin: 0 0 2em;
}

/*=Content - Post Installed Content
--------------------------------------------------------------------------------------- */
.page-add .installed_row h2 {
	margin-top: 90px;
}
.page-add .installed_step {
	background-position: center top;
	background-repeat: no-repeat;
	float: left;
	position: relative;
	text-align: center;
	width: 33%;
}
.page-add .installed_stepone {
	background-image: url(/web/i/ffnew/installed_step1@1x.jpg);
	background-position: center 25px;
}
.page-add .installed_steptwo {
	background-image: url(/web/i/ffnew/installed_step2@1x.jpg);
	background-position: center 20px;
}
.page-add .installed_stepthree {
	background-image: url(/web/i/ffnew/installed_step3@1x.jpg);
	background-position: center 22px;
}
.page-add .installed_step h3 {
	color: #717171;
	font-size: 20px;
	margin: 5px auto;
	padding-top: 180px;
	text-align: center;
	width: 286px;
}
.page-add .installed_view, 
.page-add .installed_ctas {
	float: left;
}
.page-add .installed_view {
	background: url(/web/i/installed/installed_view@1x.jpg) 195px 30px no-repeat;
	height: 278px;
	width: 605px;
}
.page-add .installed_view h3 {
	color: #444;
	float: left;
	font-size: 20px;
	margin-top: 90px;
	position: relative;
	text-align: center;
	width: 144px;
}
.page-add .installed_view .arrow {
	background: url(/web/i/installed/installed_arrow@1x.png) center center no-repeat;
	bottom: -63px;	
	display: block;
	height: 53px;
	position: absolute;
	right: -20px;
	width: 102px;
}
.page-add .installed_secondary {
	margin-bottom: 40px;
}
.page-add .installed_ctas {
	padding: 60px 0 0 0;
	width: 253px;
}
.page-add .installed_ctas p {
	margin: 15px 0 0 60px;
}
.page-add .installed_ctas a {
	color: #222;
	text-align: left;
	width: 155px;
}

/*=Responsive
--------------------------------------------------------------------------------------- */
/* hdpi */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
	.getpocketfor .ios,
	.getpocketfor .googleplay,
	.getpocketfor .mac,
	.getpocketfor .amazon {
		background-image: url(/web/i/v4/add_appbuttons@2x.png);
		background-size: 280px 600px;
	}
	.integratedapps .appicons a {
		background-image: url(/web/i/v4/add_appicons@2x.png);
		background-size: 160px 920px;
	}
	.page-add .installed_stepone {
		background-image: url(/web/i/ffnew/installed_step1@2x.jpg);
		background-size: 175px 142px;
	}
	.page-add .installed_steptwo {
		background-image: url(/web/i/ffnew/installed_step2@2x.jpg);
		background-size: 222px 167px;
	}
	.page-add .installed_stepthree {
		background-image: url(/web/i/ffnew/installed_step3@2x.jpg);
		background-size: 193px 150px;
	}
	.page-add .installed_view {
		background-image: url(/web/i/installed/installed_view@2x.jpg);
		background-size: 407px 244px;
	}
	.page-add .installed_view .arrow {
		background-image: url(/web/i/installed/installed_arrow@2x.png);
		background-size: 102px 53px;
	}
}
/* 480px */
@media only screen and (min-width: 30em) {
	.integratedapps .container-nav {
		width: 23em;
	}
	.integratedapps .appicons {
		float: left;
	}
	.integratedapps .moreoptions {
		clear: none;
		margin-top: 0.5em;
	}
}

/* 768px - adaptive breakpoint */
@media only screen and (min-width: 48em) {
	/* global */

	.page-add h2 {
		font-size: 1.875em;
		margin-bottom: 0.5em;
		text-align: left;
	}
	.page-add .narrow-show {
		display: none;
	}
	.page-add .wide-show {
		display: block;
	}
	.page-add .narrow-divider {
		display: none;
	}

	/* content - view from any device */

	.wrapper-viewfrom {
		background-color: #fff;
	}
	.getpocketfor li {
		float: none;
	}

	/* content - ways to save */

	.wrapper-waystosave {
		background-color: #f0f0f0;
	}
	.wrapper-waystosave .picture {
		margin: 0;
	}
	.integratedapps .appicons {
		margin-right: 2em;
	}
	.integratedapps .container-nav {
		width: auto;
	}
	.wrapper-unlimited p,
	.wrapper-unlimited h3 {
		margin-left: 0;
		margin-right: 0;
		max-width: inherit;
	}
	.wrapper-unlimited h3 {
		max-width: inherit;
	}
	.wrapper-waystosave p,
	.wrapper-waystosave h3 {
		margin-left: 0;
		margin-right: 0;
		max-width: inherit;
	}
}
/* 768px and hdpi */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 48em), only screen and (min-resolution: 144dpi) and (min-width: 48em) {
	
}
/* special breakpoint to handle extra wide browsers */
@media only screen and (min-width: 64em) {

	/* content - view from any device */
	.getpocketfor {
		margin-left: 4em;
	}
	.getpocketfor nav {
		clear: left;
	}
	.getpocketfor .mac {
		margin-right: 0;
	}
	.wrapper-savefrombrowser .bookmarklet-dragbtn,
	.wrapper-savefrombrowser .bookmarklet-drag {
		float: left;
	}
	.wrapper-savefrombrowser .bookmarklet-dragbtn {
		margin-right: 2em;
	}
	.wrapper-savefrombrowser .bookmarklet-drag {
		width: 11em;
	}
	.wrapper-viewfrom h2 {
		margin-bottom: 1.5em;
	}
	.wrapper-viewfrom .viewfrom,
	.wrapper-viewfrom .getpocketfor {
		float: left;
	}
	.wrapper-viewfrom .getpocketfor {
		margin-bottom: 1em;
		margin-top: 4em;
	}
}

/*  bookmarklet.css
 *
 *  Description:
 *  Quick custom styling for the bookmarklet add page
 *
 *  Contents:
 *  Global
 *  Header
 *  Content
 *  New mobile extension - global
 *  Responsive
 */

/*=Global
--------------------------------------------------------------------------------------- */
.bookmarklet-container {
    font-size: 0.875em;
    margin: 0 auto;
    padding-top: 4em;
    position: relative;
    width: 288px;
}
.page-bookmarklet-ipad .bookmarklet-container {
    padding-top: 29em;
}

/*=Header
--------------------------------------------------------------------------------------- */
.bookmarklet-header {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.15);
    background: #fff;
    border-bottom: 1px solid #c8c8c8;
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    box-sizing: border-box;
    height: 2.5em;
    font-size: 0.9375em;
    left: 0;
    padding-left: 1.067em;
    padding-right: 1.067em;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20;
}
.page-bookmarklet-iphone .bookmarklet-header,
.page-bookmarklet-ipad .bookmarklet-header {
    background: #fff;
    position: fixed;
}
.page-bookmarklet-iphone .bookmarklet-wrapper {
    width: 288px;
}
.bookmarklet-header .header-left {
    color: #2e2e2e;
    float: left;
    font-weight: bold;
    line-height: 2.666em;
}
.bookmarklet-header .header-content {
    opacity: 0;
    position: absolute;
    visibility: hidden;
    transition: visibility 0.2s linear, opacity 0.2s linear;
}
.bookmarklet-header .header-active {
    opacity: 1;
    visibility: visible;
}
.bookmarklet-header .header-right {
    float: right;
    line-height: 2.666em;
}
.bookmarklet-header .header-right > a {
    font-weight: bold;
    text-decoration: none;
    color: #ee4056;
}

/*=Content
--------------------------------------------------------------------------------------- */
.bookmarklet-step {
    position: absolute;
    opacity: 0;
    transition: visibility 0.2s linear, opacity 0.2s linear;
    visibility: hidden;
    width: 100%;
}
.bookmarklet-container .step-active {
    opacity: 1;
    visibility: visible;
}
.bookmarklet-step ol {
    position: relative;
}
.bookmarklet-step li {
    box-sizing: border-box;
    margin: 0 0 0.5em 1.4em;
}
.bookmarklet-step .belowinlineimg {
    margin-top: 1em;
}
.bookmarklet-step .withscreenshot {
    margin-bottom: 0.5em;
}
.bookmarklet-step .screenshot {
    background-position: top center;
    border: 1px solid #ccc;
    margin-bottom: 1.4em;
    height: 5.7em;
}
.bookmarklet-step-small .screenshot {
    height: 56px;
    margin-bottom: 0.2em;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}
.bookmarklet-step .inlineimg,
.bookmarklet-step .screenshot {
    background-image: url(/web/i/v4/bookmarklet_imgs@1x.png);
    background-repeat: no-repeat;
}
.bookmarklet-step-small .screenshot {
    background-image: url(/web/i/v4/bookmarklet_imgs_small@1x.png);
    background-repeat: no-repeat;
}
.page-bookmarklet-ipad .bookmarklet-step .inlineimg,
.page-bookmarklet-ipad .bookmarklet-step .screenshot {
    background-image: url(/web/i/v4/bookmarklet_imgs_ipad@1x.png);
}
.bookmarklet-step .inlineimg {
    display: inline-block;
    margin-left: 0.5em;
    overflow: hidden;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
}
.bookmarklet-step .inlineimg-sharebutton {
    background-position: 0 -13px;
    height: 26px;
    width: 21px;
    top: 0.3em;
}
.bookmarklet-step .inlineimg-bookmark {
    background-position: 0 -131px;
    height: 28px;
    width: 28px;
    top: 0.6em;
}
.bookmarklet-step .inlineimg-bookmarkbutton {
    background-position: 0 -254px;
    height: 24px;
    width: 27px;
    top: 0.5em;
}
.bookmarklet-step .inlineimg-clearx {
    background-position: 0 -382px;
    height: 18px;
    margin-left: 0;
    width: 18px;
    top: 0.3em;
}
.bookmarklet-step .screenshot-stepone3 {
    background-position: 0 -520px;
    height: 120px;
}
.bookmarklet-step-small .screenshot-stepone3 { 
    background-position: 0 -364px;
    height: 85px;
}
.page-bookmarklet-ipad .bookmarklet-step .screenshot-stepone3,
.page-bookmarklet-ipad .bookmarklet-step .screenshot-steptwo4,
.page-bookmarklet-ipad .bookmarklet-step .screenshot-stepusing2 {
    height: 140px;
}
.bookmarklet-step .screenshot-steptwo4 {
    background-position: 0 -760px;
}
.bookmarklet-step-small .screenshot-steptwo4 { 
    background-position: 0 -532px;
}
.bookmarklet-step .screenshot-stepusing2 {
    background-position: 0 -960px;
}
.bookmarklet-step-small .screenshot-stepusing2 { 
    background-position: 0 -695px;
}
.bookmarklet-step .ipad-landscape-warning {
    color: #f00;
    display: none;
}
.bookmarklet-step .btn {
    padding-left: 1em;
    padding-right: 1em;
    width: 6.5em;
}
.bookmarklet-step footer {
    display: block;
    margin-top: 4em;
    position: relative;
}
.page-bookmarklet-iphone .bookmarklet-step h2 {
    display: none;
}
.bookmarklet-step .step6 {
    display: none;
}
.page-bookmarklet-ipad .bookmarklet-step .step6 {
    display: list-item;
}
.page-bookmarklet-iphone .bookmarklet-step footer,
.page-bookmarklet-ipad .bookmarklet-step footer {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;    
    background: #fff;
    border-top: 1px solid #d8d8d8;
    box-sizing: border-box;
    margin-top: 0;
    position: fixed;
    padding: 0.6em 1.143em;
    bottom: 0;
    left: 0;
    width: 100%;
}
.bookmarklet-step footer .prev,
.bookmarklet-step footer .next {
    cursor: pointer;
    display: block;
}
.bookmarklet-step footer .prev {
    float: left;
}
.bookmarklet-step footer .next {
    float: right;
}
.bookmarklet-step-small li {
    font-size: 0.9286em;
    margin-bottom: 0.2em;
}
.bookmarklet-step-small .withscreenshot {
    margin-bottom: 0.3em;
}
.page-bookmarklet-ipad #bookmarklet-step-2 {
    margin-left: -10em;
    margin-top: -20em;
}

/*=New mobile extension - global
--------------------------------------------------------------------------------------- */
.page-mobileextension {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.mobileext-header,
.mobileext-footer {
    color: #666;
    text-align: center;
    max-width: 285px;
    margin: 0 auto;
}
.mobileext-header p,
.mobileext-footer p {
    font-size: 0.9375em;
    line-height: 1.3;
    margin-bottom: 0.85em;
}
.mobileext-header h1 {
    color: #222;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.25em;
    margin-top: 1.2em;
    margin-bottom: 0.2em;
}
.mobileext-list {
    color: #222;
    font-size: 0.9375em;
    left: 5px;
    max-width: 275px;
    margin: 1.8em auto 1em;
    padding: 0 0 0 20px;  
    position: relative;  
    text-align: left;
}
.mobileext-text {
    display: block;
    padding-right: 0.7em;
}
.mobileext-divider {
    border-top: 1px solid #e5e5e5;
    display: block;
    margin: 0 auto;
    max-width: 185px;
    position: relative;
}
.mobileext-img {
    border: 1px solid #ccc;
    display: block;
    max-width: 100%;
    min-width: 285px;
    margin-bottom: 1.8em;
    margin-left: -21px;
    margin-top: 0.85em;
}
.mobileext-footer p {
    margin-top: 1.8em;
}
.mobieext-helpaction {
    color: #777;
    display: inline-block;
    margin-bottom: 1em;
}
.mobieext-helpaction:hover {
    color: #444;
    text-decoration: none;
}
/* target ipad - portrait */
@media only screen and (min-device-width: 700px) and (min-device-height: 1000px) and (orientation: portrait) {
    .mobileext-content {
        display: inline-block;
        margin: 2em 1em 0 2.8em;
    }
}
/* target ipad - landscape */
@media only screen and (min-device-width: 700px) and (min-device-height: 1000px) and (orientation: landscape) {
    .mobileext-content {
        display: inline-block;
        margin: 2em 1em 0 4em;
    }
}

/*=Responsive
--------------------------------------------------------------------------------------- */
/* hdpi */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .bookmarklet-step .inlineimg,
    .bookmarklet-step .screenshot {
        background-image: url(/web/i/v4/bookmarklet_imgs@2x.png);
        background-size: 286px 1280px;
    }
    .page-bookmarklet-ipad .bookmarklet-step .inlineimg,
    .page-bookmarklet-ipad .bookmarklet-step .screenshot {
        background-image: url(/web/i/v4/bookmarklet_imgs_ipad@2x.png);
    }
    .bookmarklet-step-small .screenshot {
        background-image: url(/web/i/v4/bookmarklet_imgs_small@2x.png);
        background-size: 200px 895px;
    }
}
/* landscape */
@media only screen and (orientation: landscape) {
    .page-bookmarklet-ipad .bookmarklet-container {
        padding-top: 15em;
    }
    .page-bookmarklet-ipad .bookmarklet-step .ipad-landscape-warning {
        display: block;
    }
    .page-bookmarklet-ipad .bookmarklet-step ol,
    .page-bookmarklet-ipad .bookmarklet-step h2,
    .page-bookmarklet-ipad .bookmarklet-step footer,
    .page-bookmarklet-ipad .bookmarklet-step p {
        display: none;
    }
}
/* iphone 4/4s size */
@media only screen and (device-width: 320px) and (device-height: 480px), only screen and (device-width: 480px) and (device-height: 320px) {
    .bookmarklet-step .using-firstp {
        margin-bottom: 0.5em;
    }
    .bookmarklet-step .using-finalp {
        margin-bottom: 0;
    }
}


/*  auth.css
 *
 *  Description:
 *  Page specific styling for the app authorization pages.
 *
 *  Contents:
 *  Global
 *  Content
 *  Content - app detail
 *  Content - form
 *  Content - invalid state
 *  Responsive
 */

/*=Global
--------------------------------------------------------------------------------------- */
.page-auth {
	background-color: #f5f5f5;
}
.page-auth p {
	color: #333;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	max-width: 20em;
	margin-left: auto;
	margin-right: auto;
}

/*=Content
--------------------------------------------------------------------------------------- */
.page-auth #header-logo {
	margin-bottom: 0.25em;
}
.page-auth .loggedin-mini {
	background-color: #fff5d2;
}
.page-auth .loggedin-mini p {
	font-size: 1.125em;
	font-weight: bold;
	line-height: 1.3;
	max-width: 17.777em;
	margin: 1em auto;
}
.page-auth .header-global .donthave {
	display: none;
}
.page-auth .canrevoke {
	font-size: 0.9375em;
	margin-top: 1em;
	text-align: left;
}

/*=Content - app detail
--------------------------------------------------------------------------------------- */
.authappdetail-container {
	background-color: #fff;
}
.authappdetail-container .appdetail-header {
	display: none;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.75em;
	font-weight: bold;
	line-height: 1.2;
}
.authappdetail-container .app-data {
	list-style: none;
	margin: 1.5em auto;
	max-width: 20em;
	padding: 0;
}
.authappdetail-container .app-data li {
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.authappdetail-container .app-icon {
	float: left;
	height: 2.875em;
	margin-right: 1em;
	width: 1.875em;
}
.authappdetail-container .app-icon > img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.authappdetail-container .app-name {
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1;
}
.authappdetail-container .app-desc {
	display: none;
}
.authappdetail-container .permissions {
	display: block;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.875em;
	margin: 1em auto;
	max-width: 22.86em;
}
.authappdetail-container .permissions .label {
	font-weight: bold;
}
.authappdetail-container .permissions-cando strong {
	color: #50bcb6;
}
.authappdetail-container .permissions-notdo strong {
	color: #ef4056;
}
.authappdetail-container .permissions li {
	margin: 0.1em 0 0.1em 1.2em;
}
.authappdetail-container .allow-a,
.authappdetail-container .allow-m,
.authappdetail-container .allow-d {
	display: none;
}
.authappdetail-container .permission-a .allow-a,
.authappdetail-container .permission-m .allow-m,
.authappdetail-container .permission-d .allow-d {
	display: list-item;
}
.authappdetail-container .permission-a .deny-a,
.authappdetail-container .permission-m .deny-m,
.authappdetail-container .permission-d .deny-d {
	display: none;
}


/*=Content - form
--------------------------------------------------------------------------------------- */
.authappform-container {
	background-color: #fff;
}
.authappform-container h3 {
	border-top: 1px solid #ebebeb;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	max-width: 13.333333333em;
	margin: 0 auto 1em;
	padding-top: 1em;
}
.authappform-container .loggedin-normal {
	display: none;
}
.authappform-container .loggedin-ctas {
	border-top: 1px solid #ebebeb;
	margin: 0 auto;
	max-width: 20em;
	padding-top: 2em;
	text-align: center;
}
.authappform-container .loggedin-ctas .btn {
	margin-left: 0.2em;
	margin-right: 0.2em;
	padding-left: 1em;
	padding-right: 1em;
}
.authappform-container .loggedout-ctas .btn {
 box-sizing: border-box;
    cursor: pointer;
	margin-left: 0.15em;
	margin-right: 0.15em;
	min-width: 5.3em;
	padding: 0.7em 20px;
}
.authappform-container .loggedout-ctas .btn-disabled {
	color: #ccc;
	color: rgba(125,125,125,0.6);
}
.authappform-container .signinalt {
	margin-bottom: 2em;
	text-align: center;
}
.authappform-container .signinalt > a,
.authappform-container .forgot {
	border-bottom: 1px solid #d8d8d8;
	color: #2e2e2e;
	display: inline-block;
	font-weight: bold;
	font-size: 0.875em;
	margin-top: 1em;
}
.authappform-container .forgot {
	font-size: 1em;
}
.authappform-container .signinalt > a:hover {
	color: #5dcfca;
	text-decoration: none;
}

/*=Content - invalid state
--------------------------------------------------------------------------------------- */
.auth-invalid-content {
	background-color: #fff;
	text-align: center;
}
.auth-invalid-content h3 {
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.25em;
	margin: 2em auto;
	max-width: 20em;
}
.auth-invalid-content p {
	max-width: inherit;
}
.auth-invalid-content .btn {
	margin-bottom: 1em;
}

/*=Responsive
--------------------------------------------------------------------------------------- */
/* hdpi */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
	
}
/* 768px - adaptive breakpoint */
@media only screen and (min-width: 48em) {
	.page-auth p {
		max-width: inherit;
	}
	.page-auth .loggedin-mini {
		display: none;
	}
	.page-auth .header-global .donthave {
		display: inline;
		font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 0.875em;
		font-weight: bold;
		margin-right: 1em;
	}
	.page-auth .header-global .btn {
		border-top: 1px solid #d8d8d8;
		display: inline-block;
		padding: 0.4em 1em;
		width: auto;
	}
	.authappdetail-container {
		-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border: 1px solid #dadada;
		border-radius: 4px;
		box-sizing: border-box;
		min-height: 34em;
		margin-top: 3em;
	}
	.flexbox .authappdetail-container {
		align-items: center;
		display: flex;
	}
	.flexbox .authappdetail-content {
		flex: 1;
	}
	.no-flexbox .authappdetail-content {
		padding-top: 2.5em;
	}
	.page-auth-loggedout .authappdetail-container .appdetail-header {
		display: block;
		margin-top: 0;
	}
	.authappdetail-container .app-data {
		max-width: inherit;
	}
	.authappdetail-container .app-desc {
		border-bottom: 1px solid #d8d8d8;
		display: block;
		font-size: 0.9375em;
		max-width: inherit;
		margin-bottom: 2em;
		padding-bottom: 1em;
	}
	.authappdetail-container .permissions {
		font-size: 1em;
		max-width: inherit;
	}
	.authappdetail-container .permissions-notdo,
	.authappdetail-container .permissions-notdo > ul {
		margin-bottom: 0;
	}
	.authappform-container {
		-moz-border-bottom-left-radius: 0;
		-webkit-border-bottom-left-radius: 0;
		-moz-border-top-left-radius: 0;
		-webkit-border-top-left-radius: 0;
		-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		background-color: #fafafa;
		border: 1px solid #dadada;
		border-left-width: 0;
		border-radius: 4px;
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
		box-sizing: border-box;
		min-height: 32.8em;
		margin-top: 3.6em;
	}
	.flexbox .authappform-container {
		align-items: center;
		display: flex;
	}
	.authappform-container h3 {
		font-size: 1.75em;
		border-top: 0;
	}
	.authappform-container .coreform-container {
		background: none;
		border: none;
		margin-bottom: 0;
		margin-top: 0;
	}
	.flexbox .authappform-content {
		flex: 1;
	}
	.no-flexbox .authappform-content {
		margin-top: 0;
	}
	.no-flexbox .authappform-container .coreform-container {
		padding-bottom: 0;
		padding-top: 0;
	}
	.authappform-container .loggedin-normal {
		display: block;
		line-height: 1.3;
		text-align: center;
	}
	.no-flexbox .authappform-container .loggedin-normal {
		padding-top: 0.9em;	
	}
	.authappform-container .loggedin-normal p {
		font-size: 1.25em;
		line-height: 1.3;
	}
	.authappform-container .app-namedetail {
		font-weight: bold;
	}
	.authappform-container .loggedin-ctas {
		border-top: none;
		padding-top: 0;
	}
	.auth-invalid-content {
		background: #f5f5f5;
	}
	.auth-invalid-content .columns {
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		background: #fff;
		border: 1px solid #dadada;
		border-radius: 4px;
		margin: 4em auto 3em;
	}
	.page-auth .canrevoke {
		text-align: center;
	}

}
/* 896px */
@media only screen and (min-width: 56em) {
	.authappdetail-container {
		padding-left: 4.5em;
		padding-right: 4.5em;
	}
}

/*  confirm.css
 *
 *  Description:
 *  New FF + Pocket Learn More page.
 *
 *  Contents:
 *  Global
 *  Content
 *  Imagery
 */

/*=Global
--------------------------------------------------------------------------------------- */
.page-confirmemail {
    background-color: #50bcb6;
    color: #fff;
}
.page-confirmemail,
.page-confirmemail h1,
.page-confirmemail h2,
.page-confirmemail h3,
.page-confirmemail h5 {
    color: #fff;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.page-confirmemail-fullbg {
    background: #111;
}
@media only screen and (min-width: 38em) {
    .page-confirmemail-fullbg .confirm-bg {
        background: #111 url(/web/i/v4/confirm_bigbg@2x.jpg) center center no-repeat;
        background-size: cover;
        position: fixed;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }
}

/*=Content
--------------------------------------------------------------------------------------- */
.confirm-content {
    max-width: 40em;
    margin: 2em auto 3em;
    padding: 0 ;
    text-align: center;
}
@media only screen and (min-width: 38em) {
    .confirm-content {
        margin-top: 4em;
    }
}
.page-confirmemail .confirm-emailconfirmed {
    color: #313131;
    font-size: 1em;
    font-weight: normal;
    margin: 0 0 2em;
}
.page-confirmemail-fullbg .confirm-emailconfirmed {
    color: #50bcb6;

}
.flexbox .confirm-emailconfirmed {
    display: flex;
    align-items: center;
    justify-content: center;
}
.confirm-emailconfirmed-logo {
    background: url(/web/i/v4/confirm_core@1x.png) -60px -70px no-repeat;
    display: inline-block;
    height: 17px;
    margin-right: 0.5em;
    width: 17px;
    position: relative;
    top: 4px;
}
.page-confirmemail-fullbg .confirm-emailconfirmed-logo {
    background-position: 0px -70px;
    height: 19px;
    width: 20px;
}
.flexbox .confirm-emailconfirmed-logo {
    top: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    .confirm-emailconfirmed-logo {
        background-image: url(/web/i/v4/confirm_core@2x.png);
        background-size: 91px 89px;
    }
}
.confirm-introtagline {
    font-size: 2em;
    line-height: 1.2;
}
@media only screen and (min-width: 38em) {
    .confirm-introtagline {
        font-size: 3em;
    }
}
.page-confirmemail-fullbg .confirm-introtagline {
    text-shadow: 0 2px 4px rgba(0,0,0,0.9);
}
.confirm-appandroid,
.confirm-appios {
    background-color: #313131;
    background-image: none;
    border: none;
    box-shadow: 0 2px 3px rgba(0,0,0,.2);
    border-radius: 3px;
    color: #fff;
    font-size: 1.25em;
    font-weight: normal;
    margin: 0.75em 0.4em;
    min-width: 11em;
    padding: 1em 1.25em;
    position: relative;
}
.confirm-appandroid:hover,
.confirm-appios:hover {
    background-color: #292929;
}
@media only screen and (min-width: 38em) {
    .confirm-appandroid,
    .confirm-appios {
        min-width: inherit;
        padding: 0.7em 1.25em;
    }
}
.page-confirmemail-fullbg .confirm-appandroid,
.page-confirmemail-fullbg .confirm-appios {
    background-color: #50bcb6;
}
.page-confirmemail-fullbg .confirm-appandroid:hover,
.page-confirmemail-fullbg .confirm-appios:hover {
    background-color: #43aea8;
}
.confirm-downloaddetail {
    font-size: 1.25em;
}
.page-confirmemail-fullbg .confirm-downloaddetail {
    text-shadow: 0 2px 4px rgba(0,0,0,0.9);
}
.confirm-button-text {
    text-shadow: none;
}
@media only screen and (min-width: 38em) {
    .confirm-appandroid-logo,
    .confirm-appios-logo {
        background: url(/web/i/v4/confirm_core@1x.png) 0 0 no-repeat;
        display: inline-block;
        height: 30px;
        margin-right: 1em;
        position: relative;
        width: 28px;
    }
    .confirm-appandroid-logo {
        top: 0.1em;
    }
    .confirm-appios-logo {
        background-position: -68px 0;
        height: 30px;
        width: 23px;
    }
    .confirm-button-text {
        display: inline-block;
        position: relative;
        bottom: 0.3em;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    .confirm-appandroid-logo,
    .confirm-appios-logo {
        background-image: url(/web/i/v4/confirm_core@2x.png);
        background-size: 91px 89px;
    }
}
.confirm-continue {
    margin-top: 0.3em;
}
.confirm-continue-link {
    text-decoration: underline;
    color: #fff;
}
.confirm-continue-link:hover {
    color: #ddd;
}
.page-confirmemail-fullbg .confirm-continue-link {
    text-shadow: 0 2px 4px rgba(0,0,0,0.9);
}

/*=Imagery
--------------------------------------------------------------------------------------- */
.confirm-finalimg {
    display: block;
    margin-top: 3em;
}
.confirm-finalimg > img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
}
/*  edit.css
 *
 *  Description:
 *  Simple changes for edit/add item page.
 *
 *  Contents:
 *  Global
 *  Item detail
 *  Tag detail
 *  Tag autocomplete
 *  Item actions
 *  Token input/autocomplete
 *  Suggested tags
 *  Responsive
 */

/*=Global
--------------------------------------------------------------------------------------- */
.page-edit,
.page-extsave {
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.page-extsave {
	background-color: transparent;
}
.page-edit h1 {
	background: url(/web/i/v4/pocket_logomini@1x.png) center center no-repeat;
	display: block;
	height: 30px;
	margin: 0.5em auto 0.3em;
	overflow: hidden;
	text-indent: 100%;
	width: 121px;
}
.page-edit h2,
.page-extsave h2 {
	color: #555;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	margin: 0 auto;
	padding-left: 1em;
	padding-right: 1em;
	text-align: center;
}
.page-extsave h2 {
	font-size: 1.375em;
	margin-top: 0.5em;
}
.page-extsave .edit-content-addingtags h2,
.page-extsave .edit-content-delete h2 {
	margin-bottom: 1em;
}
.page-extsave .edit-content-error p {
	line-height: 1.5;
	margin: 2em auto;
	padding: 0 0.5em;
	text-align: center;
}
.page-extsave .edit-content {
	background-color: #f0f0f0;
	border: 2px solid #fff;
	border-radius: 4px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
	margin: 1em auto;
	padding: 0;
	position: relative;
	width: 18em;
}
.page-extsave .edit-content-inactive {
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	opacity: 0;
	transition: opacity 0.2s linear;
}
.page-extsave .edit-detail {
	max-height: 2.65em;
	opacity: 0;
}
.page-extsave .edit-detail-active {
	-webkit-transition: opacity 0.2s ease-out 0.4s, max-height 0.3s ease-out 0.2s;
	-moz-transition: opacity 0.2s ease-out 0.4s, max-height 0.3s ease-out 0.2s;
	-ms-transition: opacity 0.2s ease-out 0.4s, max-height 0.3s ease-out 0.2s;
	-o-transition: opacity 0.2s ease-out 0.4s, max-height 0.3s ease-out 0.2s;
	max-height: 20em;
	opacity: 1;
	transition: opacity 0.2s ease-out 0.4s, max-height 0.3s ease-out 0.2s;
}
.page-extsave .rainbow-separator {
	display: block;
	list-style: none;
	margin: 0;
	position: relative;
}
.page-extsave .rainbow-separator li {
	display: block;
	float: left;
	height: 2px;
	width: 25%;
}
.page-extsave .color-1 {
	background-color: #7bedb7;
}
.page-extsave .color-2 {
	background-color: #47bcb6;
}
.page-extsave .color-3 {
	background-color: #f34156;
}
.page-extsave .color-4 {
	background-color: #feb73d;
}
.page-extsave .edit-close {
	background: url(/web/a/i/tag_close@1x.png) center center no-repeat;
	color: #555;
	display: block;
	font-size: 0.8em;
	height: 8px;
	right: 0.5em;
	position: absolute;
	text-align: center;
	top: 0.6em;
	width: 8px;
}
.page-extsave .edit-close:hover {
	color: #000;
	text-decoration: none;
}


/*=Item detail
--------------------------------------------------------------------------------------- */
.page-edit .item-detail {
	border: 1px solid #dadada;
	border-width: 1px 0;
	margin: 1.2em auto 1em;
	padding: 1.5em 1.5em 0 1.5em;
	position: relative;
}
.page-edit .item-attribution {
	border: 1px solid #dadada;
	border-width: 1px 0 0;
	margin: 1.2em auto 1em;
	padding: 1em 1.5em 0 1.5em;
	position: relative;
	text-align: center;
}
.page-edit .attribution-avatar {
	-webkit-border-radius: 0.875em;
	-moz-border-radius: 0.875em;
	background-color: #333;
	border: none;
	border-radius: 0.875em;
	display: block;
	height: 1.75em;
	margin: 0 auto 0.5em;
	width: 1.75em;
}
.page-edit .attribution-text {
	color: #555;
	display: inline-block;
	font-size: 0.875em;
}
.page-edit .attribution-name {
	font-weight: bold;
}
.page-edit .edit-msg,
.page-extsave .edit-msg {
	display: none;
	font-size: 0.875em;
	left: 0;
	position: absolute;
	text-align: center;
	top: -1.7em;
	width: 100%;
}
.page-extsave .edit-msg {
	left: auto;
	top: 4.3em;
}
.page-extsave .item-actions {
	margin-bottom: 1.5em;
	margin-top: 0.5em;
}
.edit-content-attribution .edit-msg {
	top: -8em;
}
.page-edit .edit-msg-error,
.page-extsave .edit-msg-error {
	color: #c10000;
}
.page-edit .edit-msg-active,
.page-extsave .edit-msg-active {
	display: block;
}
.page-edit .item-link {
	color: #39b1aa;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	overflow: hidden;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.page-edit .item-link:hover {
	color: #319791;
}
.page-edit .item-domain {
	color: #999;
	font-size: 0.875em;
}

/*=Tag detail
--------------------------------------------------------------------------------------- */
.page-edit .tag-detail {
	margin: 0 auto;
	padding: 0 0 1.5em;
}
.page-extsave .tag-detail,
.page-extsave .suggestedtag-detail {
	background-color: #e3e3e3;
	margin: 0 auto;
	padding: 0.25em 1em;
	position: relative;
}
@-webkit-keyframes spin {
	to { 
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn); 
	}
}
@keyframes spin {
	to { 
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn); 
	}
}
.page-extloading-spinner {
	position: absolute;
	display: none;
	left: 50%;
	width: 5em;
	height: 5em;
	margin: 0 0 0 -2em;
	font-size: 3px;
	text-indent: 999em;
	overflow: hidden;
}
.page-extsave .suggestedtag-detail-loading .page-extloading-spinner {
	-webkit-animation: spin 0.8s infinite steps(8);
	animation: spin 0.8s infinite steps(8);
	display: block;
}
.page-extloading-spinner:before,
.page-extloading-spinner:after,
.page-extloading-spinner > div:before,
.page-extloading-spinner > div:after {
	content: '';
	position: absolute;
	top: 0;
	left: 2.25em;
	width: .5em;
	height: 1.5em;
	border-radius: .2em;
	background: #e3e3e3;
	box-shadow: 0 3.5em #e3e3e3;
	-webkit-transform-origin: 50% 2.5em;
	transform-origin: 50% 2.5em;
}
.page-extloading-spinner:before {
	background: #555;
}
.page-extloading-spinner:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background: #777;
}
.page-extloading-spinner > div:before {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	background: #999;
}
.page-extloading-spinner > div:after {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	background: #bbb;
}
.page-extsave .suggestedtag-detail > ul {
	display: block;
	margin: 0;
	height: 2em;
	overflow: hidden;
}
.edit-content-delete .tag-detail,
.edit-content-addingtags .tag-detail {
	display: none;
}
.page-edit input,
.page-extsave .tag-input-wrapper {
 box-sizing: border-box;
	border: 1px solid #dadada;
	color: #333;
	display: block;
	font-size: 0.875em;
	padding: 0.25em;
	width: 100%;
}
.page-extsave .tag-input-wrapper {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #fff;
	border: 1px solid #c3c3c3;
	border-radius: 4px;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0.25em 1em;
}
.page-extsave .tag-input-wrapper .token-input-list {
	display: block;
	left: 0;
	height: 1.7em;
	overflow: hidden;
	position: relative;
	width: 60em;
}
.page-extsave .tag-input-wrapper input {
	-webkit-appearance: caret;
	border: 0;
	background-color: #fff;
	float: left;
	min-width: 5em;
	padding-top: 3px;
}
.page-edit .input-disabled,
.page-extsave .input-disabled {
	cursor: default;
	opacity: 0.5;
}
.page-edit .btn,
.page-extsave .btn {
  box-sizing: border-box;
    font-size: 0.875em;
	margin-top: 0.5em;
	padding: 0.3em 0;
	width: 100%;
}
.page-extsave .btn {
	padding: 0.5em 0;
}

/*=Tag autocomplete
--------------------------------------------------------------------------------------- */
.page-edit .autocomplete-suggestions { 
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background: #fff; 
    box-sizing: border-box;
	border: 1px solid #dadada;
	color: #333;
	left: 1.5em;
	margin-top: -2em;
	overflow: auto;
}
.page-edit .autocomplete-suggestion {
	overflow: hidden; 
	padding: 0.25em;
	white-space: nowrap;
}
.page-edit .autocomplete-selected {
	background: #F0F0F0;
}
.page-edit .autocomplete-suggestions strong { 
	font-weight: normal; 
	color: #000; 
}

/*=Item actions
--------------------------------------------------------------------------------------- */
.page-edit .item-actions-disabled {
	opacity: 0.5;
}
.page-extsave .item-actions ul {
	display: block;
}
.page-edit .item-actions li {
	display: inline-block;
	float: none;
}
.page-extsave .item-actions li {
  box-sizing: border-box;
    float: left;
    line-height: 0.8;
	width: 50%;
}
.page-extsave .item-actions li:last-child {
	border-left: 2px solid #777;
}
.page-edit .item-actions a {
	border-left: 1px solid #777;
	color: #777;
	display: block;
	font-size: 0.875em;
	font-weight: bold;
	margin: 0 0.5em 0;
	padding-left: 1em;
	line-height: 1;
	text-decoration: none;
}
.page-edit .item-actions-disabled a {
	cursor: default;
}
.page-extsave .item-actions a {
	color: #777;
	display: block;
	font-size: 0.8125em;
	font-weight: bold;
	margin: 0;
	padding: 0 0.5em;
	float: left;
	text-align: left;
}
.page-extsave .item-actions a:hover {
	color: #39b1aa;
	text-decoration: none;
}
.page-extsave .item-actions .openpocket {
	float: right;
	text-align: right;
}
.page-edit .item-actions .removeitem,
.edit-content-delete .item-actions .viewlist,
.edit-content-addingtags .item-actions .viewlist {
	padding-left: 0;
	border-left: 0;
}
.edit-content-delete .item-actions .removeitem,
.edit-content-addingtags .item-actions .removeitem {
	display: none;
}
.page-edit .item-actions a:hover {
	color: #39b1aa;
}

/*=Token input/autocomplete
--------------------------------------------------------------------------------------- */
.token-input-dropdown-tag {
	-moz-border-radius: 4px;
	-moz-box-sizing: border-box;
	-webkit-border-radius: 4px;
    -webkit-box-sizing: border-box;
	border-radius: 4px;
    box-sizing: border-box;
	background: #fff;
    border: 1px solid #cdcdcd;
    margin-top: 0.5em;
    left: 1.25em !important;
    top: 2.2em !important;
    z-index: 9000;
}
.token-input-dropdown-tag ul {
	margin: 0;
	padding: 0.5em 0;
}
.edit-content .token-input-dropdown-tag ul {
	max-height: 7.5em;
	overflow: auto;
}
.token-input-dropdown-tag ul li {
    color: #333;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1em;
    list-style: none;
    padding: 0.5em;
    text-align: left;
}
.token-input-dropdown ul li.token-input-selected-dropdown-item {
    background-color: #fefbc6;
}
.token-input-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.token-input-list li {
    text-align: left;
}
.token-input-list li input {
    border: 0;
    background-color: white;
    -webkit-appearance: caret;
}
.token-input-token {
    border-radius: 4px;
    border: 1px solid #c3c3c3;
    overflow: hidden;  
    margin: 0;
    padding: 0 5px;
    background-color: #f7f7f7;
    color: #000;
    font-weight: bold;
    cursor: default;
    display: block;
    width: auto;
    margin: 0 0.2em;
    float: left;
}
.tag-input-wrapper-disabled .token-input-token {
	opacity: 0.5;
}
.token-input-token p {
    display: inline-block;
    font-weight: bold;
    line-height: inherit;
    padding: 0;
    margin: 0;
}
.token-input-token span {
    color: #777;
    cursor: pointer;
    display: inline-block;
    margin-left: 10px;
}
.token-input-selected-token {
    background-color: #fefbc6;
}
.tag-input-wrapper-disabled .token-input-selected-token {
	background-color: #f7f7f7;
}
.token-input-selected-token span {
    color: #bbb;
}

/*=Suggested tags
--------------------------------------------------------------------------------------- */
.page-extsave .suggestedtag-detail h4 {
	color: #555;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.8125em;
	margin: 0 0 0.5em;
}
.page-extsave .suggestedtag-detail-disabled h4 {
	opacity: 0.5;
}
.page-extsave .suggestedtag-msg {
	font-size: 0.8125em;
	line-height: 1.2;
	margin: 0 0 0.1em;
}
.page-extsave .suggestedtag-detail li {
	float: left;
	list-style: none;
	margin-bottom: 0.5em;
}
.page-extsave .token-suggestedtag {
	border-radius: 4px;
	background: #f7f7f7;
	border: 1px solid #c3c3c3;
	color: #444;
	font-size: 0.875em;
	font-weight: bold;
	margin-right: 0.5em;
	padding: 0.125em 0.3125em;
}
.page-extsave .token-suggestedtag:hover {
	background-color: #fff8c8;
	text-decoration: none;
}
.suggestedtag-detail-disabled .token-suggestedtag,
.suggestedtag-detail-disabled .token-suggestedtag:hover {
	background-color: #f7f7f7;
	cursor: default;
	opacity: 0.5;
}
.page-extsave .token-suggestedtag-inactive {
    display: none;
}

/*=Responsive
--------------------------------------------------------------------------------------- */
/* 368px */
@media only screen and (min-width: 23em) {
	.page-extsave .edit-content {
		width: 21em;
	}
	.page-extsave .tag-input-wrapper {
		float: left;
		margin-right: 0.5em;
		width: 16.5em;
	}
	.page-extsave .btn {
		float: left;
		margin-top: 1px;
		padding: 0.55em 0;
		width: 4em;
	}
	.page-extsave-fr-fr .btn,
	.page-extsave-de-de .btn,
	.page-extsave-es-la .btn,
	.page-extsave-es-es .btn,
	.page-extsave-ru-ru .btn {
		padding: 0.55em 0.4em;
	}
	.flexbox .page-extsave .tag-detail {
		display: flex;
	}
	.flexbox .page-extsave .tag-input-wrapper,
	.flexbox .page-extsave .btn {
		float: none;
		width: auto;
	}
	.flexbox .page-extsave .tag-input-wrapper {
		flex: 1;
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	.flexbox .page-extsave .btn {
		min-width: 4em;
	}
	.page-extsave .autocomplete-suggestions {
		margin-top: 2.2em;
	}
}
/* 448px */
@media only screen and (min-width: 28em) {
	.page-edit .item-detail {
		border-width: 1px;
		width: 27em;
		padding: 0;
	}
	.page-extsave .item-detail {
		width: 27em;
	}
	.edit-content-attribution .item-detail {
		margin-top: 0;
	}
	.page-edit .item-attribution {
		background-color: #f7f7f7;
		border-width: 1px 1px 0 1px;
		width: 27em;
		margin-bottom: 0;
		padding: 0;
	}
	.page-edit .attribution-avatar {
		float: left;
		margin-left: 1.1em;
		margin-top: 0.6em;
	}
	.page-edit .attribution-text {
		float: left;
		margin-left: 0.5em;
		margin-top: 1.2em;
	}
	.page-edit .attribution-arrow {
	    border-width: 10px;
	}
	.page-edit .attribution-arrow,
	.page-edit .attribution-arrow:after {
	    border-color: transparent;
	    border-style: solid;
	    display: block;
	    height: 0;
	    position: absolute;
	    width: 0;
	    z-index: 5;
	}
	.page-edit .attribution-arrow:after {
	    border-width: 9px;
	    content: "";
	}
	.page-edit .attribution-arrow {
	    bottom: -10px;
	    left: 2em;
	    margin-left: -10px;
	    border-top-color: #aaa;
	    border-bottom-width: 0;
	}
	.page-edit .attribution-arrow:after {
	    bottom: 1px;
	    margin-left: -9px;
	    border-top-color: #f7f7f7;
	    border-bottom-width: 0;
	}
	.page-edit .addurl-detail {
		border-width: 0;
	}
	.page-edit .item-link {
  box-sizing: border-box;
		margin: 1.26em 1.26em 0 1.26em;
		padding: 1px;
	}
	.page-edit .item-domain {
  box-sizing: border-box;
		margin: 0 1.71em 1.3em 1.71em;
		padding: 1px;
	}
	.page-edit .tag-detail {
		background-color: #f3f3f3;
		border-top: 1px solid #dadada;
		padding: 0.5em 1.5em;
	}
	.page-edit .addurl-detail .tag-detail {
		background: transparent;
		border: none;
	}
	.page-edit .edit-msg {
		top: -1.3em;
	}
	.edit-content-attribution .edit-msg {
		top: -5em;
	}
	.page-edit input {
		float: left;
		font-size: 1em;
		margin-right: 1em;
		width: 17em;
	}
	.page-edit .btn {
		float: left;
		font-size: 1em;
		margin-top: 0;
		padding-bottom: 0.4em;
		padding-top: 0.35em;
		width: 6em;
	}
	.flexbox .page-edit .tag-detail {
		display: flex;
	}
	.page-edit .edit-content-delete .tag-detail,
	.page-edit .edit-content-addingtags .tag-detail {
		display: none;
	}
	.flexbox .page-edit input,
	.flexbox .page-edit .btn {
		float: none;
		width: auto;
	}
	.flexbox .page-edit input {
		flex: 1;
		padding-left: 0.2em;
		padding-right: 0.2em;
	}
	.flexbox .page-edit .btn {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	.flexbox .addurl-detail .btn {
		padding-left: 1em;
		padding-right: 1em;
	}
	.page-edit .item-actions {
		margin: 0 auto;
		width: 27em;
	}
	.page-edit .autocomplete-suggestions { 
		margin-top: 2em;
	}
}
/* 608px - special breakpoint for extra border around content */
@media only screen and (min-width: 38em) {
	.page-edit {
		background-color: #f0f0f0;
	}
	.edit-content {
  box-sizing: border-box;
		background-color: #fff;
		border: 1px solid #dadada;
		border-radius: 4px;
		margin: 0 auto;
		padding: 1.5em;
		width: 36em;
	}
	.page-edit h1 {
		margin-top: 0;
	}
	.page-edit h2 {
		font-size: 20px;
	}
	.page-edit .item-domain {
		margin-top: 0.2em;
	}
	.page-edit .item-link {
		font-size: 1.5em;
		margin: 1em 1em 0 1em;
	}
	.page-edit .item-actions {
		margin-top: 1.5em;
	}
	.page-edit .edit-msg {
		font-size: 1em;
		left: -4.5em;
		width: 36em;
	}
}
@media only screen and (min-width: 38em) and (min-height: 25em) {
	.flexbox .page-edit {
		align-items: center;
		display: flex;
		height: 80%;
		margin-top: 40px;
		justify-content: center;
		position: fixed;
		width: 100%;
	}
	.no-flexbox .page-edit {
		margin-top: 40px;
	}
	.page-edit .edit-msg {
		top: -1.7em;
	}
}
/* 288px */
@media only screen and (min-height: 18em) {
	.page-extsave h2 {
		margin-top: 1em;
	}
	.page-extsave .item-actions {
		margin-bottom: 2em;
		margin-top: 0.5em;
	}
	.page-extsave .tag-detail {
		padding: 1.25em 1em;
	}
	.page-extsave .edit-msg {
		left: auto;
		top: 5.3em;
	}
	.token-input-dropdown-tag {
		top: 3.4em !important;
	}
}
/* 304px height - for legacy 3rd parties that still cut off this page at 300px max height, remove logo */
@media only screen and (min-height: 19em) {
	.page-edit h1 {
		background-image: url(/web/i/v4/pocket_logosmall@1x.png);
		height: 38px;
		width: 151px;
	}
	.page-edit h2 {
		margin-bottom: 1.5em;
	}
	.page-edit .item-detail {
		margin-top: 1em;
	}
	.edit-content-attribution .item-detail {
		margin-top: 0;
	}
	.page-edit .edit-msg {
		top: -1.8em;
	}
	.edit-content-attribution .edit-msg {
		top: -8em;
	}
	
}
@media only screen and (min-height: 19em) and (min-width: 28em) {
	.edit-content-attribution .edit-msg {
		top: -4.7em;
	}
}
@media only screen and (min-height: 19em) and (min-width: 38em) {
	.page-edit h1 {
		background-image: url(/web/i/v4/pocket_logo@1x.png);
		height: 47px;
		width: 189px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
	.page-edit h1 {
		background-image: url(/web/i/v4/pocket_logomini@2x.png);
		background-size: 121px 30px;
	}
	.page-extsave .edit-close {
		background-image: url(/web/a/i/tag_close@2x.png);
		background-size: 8px 8px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-height: 19em), only screen and (min-resolution: 144dpi) and (min-height: 19em) {
	.page-edit h1 {
		background-image: url(/web/i/v4/pocket_logosmall@2x.png);
		background-size: 151px 38px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-height: 19em) and (min-width: 38em), only screen and (min-resolution: 144dpi) and (min-height: 19em) and (min-width: 38em) {
	.page-edit h1 {
		background-image: url(/web/i/v4/pocket_logo@2x.png);
		background-size: 189px 47px;
	}
}


/*  eoy.css
 *
 *  Description:
 *  Page details
 *
 *  Contents:
 *  Global
 *  Header
 *  Sub Navigation
 *  Content
 *  Sharing
 *  Items
 *  Footer
 *  Responsive
 */

/*=Global
--------------------------------------------------------------------------------------- */
.page-eoy {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; 
}
.page-eoy .narrow-show {
    display: block;
}
.page-eoy .wide-show {
    display: none;
}

/*=Header
--------------------------------------------------------------------------------------- */
.header-eoy {
    background: #F04052 url(/web/i/v4/eoy_headerbanner_small@1x.jpg) center center no-repeat;
    color: #fff;
    text-align: center;
    padding-bottom: 0.8em;
}
.header-eoy h3 {
    color: #fff;
    font-size: 0.875em;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    max-width: 20em;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    text-align: center;
}
.header-eoy p {
    margin-bottom: 0.3em;
    text-align: center;
}
.header-eoy a {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    text-transform: uppercase;
}
.pocket-eoy-ribbon {
    background: url(/web/i/v4/icons_eoy@1x.png) 0 -800px no-repeat;
    display: inline-block;
    height: 80px;
    margin: 0.3em 10px 0.3em 0;
    overflow: hidden;
    text-indent: 100%;
    width: 76px;
    white-space: nowrap;
}
.pocket-eoy-ribbon > a {
    display: block;
    height: 100%;
    width: 100%;
}
.header-eoy h2 {
    background: url(/web/i/v4/icons_eoy@1x.png) 0 -720px no-repeat;
    display: inline-block;
    height: 80px;
    margin: 0.2em 0 0.3em 10px;
    overflow: hidden;
    position: relative;
    text-indent: 100%;
    top: 0.8em;
    width: 132px;
    white-space: nowrap;
}
.header-eoy .narrow-show {
    display: inline;
}

/*=Sub Navigation
--------------------------------------------------------------------------------------- */
.eoy-narrownav {
    color: #fff;
    position: relative;
}
.eoy-narrownavdark {
    cursor: pointer;
    padding: 0.7em 0;
    background: #444;
}
.eoy-narrownav h2 {
    color: #2e2e2e;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.75em;
    line-height: 1;
    margin-bottom: 0.3em;
    margin-top: 0.5em;
    padding-right: 1em;
}
.eoy-narrownav nav {
    -webkit-transition: max-height 0.3s ease-out;
    -moz-transition: max-height 0.3s ease-out;
    -ms-transition: max-height 0.3s ease-out;
    -o-transition: max-height 0.3s ease-out;
    background: #fff;
    clear: both;
    max-height: 0;
    overflow: hidden;
    position: relative;
    margin-top: 0;
    transition: max-height 0.3s ease-out;
    z-index: 10;
}
.eoy-narrownav p {
    color: #fff;
    display: block;
    float: left;
    line-height: 1;
    margin: 0.5em 0 0 1em;
    position: relative;
    text-transform: uppercase;
}
.eoy-narrownav .nav-active {
    left: 0;
    max-height: 2000px;
    width: 100%;
}
.eoy-narrownav li {
    box-sizing: border-box;
}
.eoy-narrownav nav li,
.eoy-sidenav li {
    display: block;
    width: 100%;
}
.eoy-narrownav nav a,
.eoy-narrownav nav .header,
.eoy-sidenav a,
.eoy-sidenav .header {
    box-sizing: border-box;
    color: #777;
    display: block;
    font-size: 0.9375em;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 0.5em 0;
    text-align: left;
    text-decoration: none;
    width: 100%;
}
.eoy-narrownav nav a {
    border-bottom: 1px solid #eee;
    padding: 0.8em 0;
}
.eoy-narrownav nav .header-secondary,
.eoy-sidenav .header-secondary {
    margin-top: 2em;
}
.eoy-narrownav nav .last {
    border-bottom: none;
}
.eoy-narrownav nav .header,
.eoy-sidenav .header {
    color: #2e2e2e;
    text-transform: uppercase;
}
.eoy-narrownav nav a:hover,
.eoy-sidenav a:hover,
.eoy-narrownav .selected,
.eoy-sidenav .selected {
    color: #50bbb6;
}
.eoy-narrownav .selected,
.eoy-sidenav .selected {
    cursor: default;
}
.eoy-narrownav .header-menulink {
    background: url(/web/i/v4/icons_eoy@1x.png) -875px -474px no-repeat;
    border: 1px solid #7b7b7b;
    border-radius: 0.25em;
    display: block;
    float: left;
    height: 1.2em;
    overflow: hidden;
    padding: 0.3em;
    text-indent: 200%;
    white-space: nowrap;
    width: 1.2em;
}
.eoy-sidenav a,
.eoy-sidenav .header {
    text-align: right;
}

/*=Content
--------------------------------------------------------------------------------------- */
.eoy-content h2,
.eoy-content h5 {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.eoy-content h2 {
    font-size: 1.8em;
    color: #2e2e2e;
    line-height: 1;
    margin-bottom: 0.2em;
    margin-top: 0.5em;
    text-align: center;
}
.eoy-content h5 {
    font-size: 0.9em;
    margin-top: 0.5em;
    color: #666;
    text-align: center;
}
.eoy-breakout-container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #63C4C1;
    border-radius: 10px;
    color: #fff;
    margin: 2em 0;
    padding: 1em;
}
.eoy-content .eoy-breakout-container h5 {
    color: #fff;
    font-size: 1.5em;
    margin: 0 0 0.5em;
    text-align: left;
}
.eoy-content .eoy-breakout-container p {
    font-size: 0.875em;
    line-height: 1.4;
    margin: 0;
}

/*=Sharing
--------------------------------------------------------------------------------------- */
.eoy-share a {
    box-sizing: border-box;
    color: #999;
    display: block;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.875em;
    font-weight: bold;
    margin: 1em 0;
    width: 100%;
    text-align: center;
}
.eoy-share .icon {
    background: url(/web/i/v4/icons_eoy@1x.png) 0 1px no-repeat;
    display: inline-block;
    height: 1em;
    margin-right: 0.5em;
    position: relative;
    top: 0.25em;
    width: 1em;
}
.eoy-share .email .icon {
    background-position: 0 -78px;
}
.eoy-share .twitter .icon {
    background-position: 0 -159px;
}
.eoy-share .facebook .icon {
    background-position: 6px -240px;
}
.eoy-share .googleplus .icon {
    background-position: 0 -319px;
    width: 1.2em;
}
.eoy-share a:hover {
    color: #444;
    text-decoration: none;
}
.eoy-share .saveall:hover .icon {
    background-position: -880px 1px;
}
.eoy-share .email:hover .icon {
    background-position: -880px -78px;
}
.eoy-share .twitter:hover .icon {
    background-position: -880px -159px;
}
.eoy-share .facebook:hover .icon {
    background-position: -874px -240px;
}
.eoy-share .googleplus:hover .icon {
    background-position: -879px -319px;
}
.eoy-share .saved,
.eoy-share .saved:hover {
    color: #f04052;
    cursor: default;
}
.eoy-share .saved .icon,
.eoy-share .saved:hover .icon {
    background-position: -440px 1px;
}
.eoy-share .saving,
.eoy-share .saving:hover {
    cursor: default;
}
.eoy-sharealt {
    text-align: center;
}
.eoy-sharealt p {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.8125em;
    font-weight: bold;
    text-align: center;
    margin: 1.5em auto 1em;
}
.eoy-sharealt .msg {
    border: 1px solid #d8d8d8;    
    font-weight: normal;
    font-size: 0.8em;
    line-height: 1em;
    min-width: 15em;
    width: 80%;
    min-height: 4em;
    text-align: left;
    padding: 0.4em 0.5em;
    margin: 0 auto;
}
.eoy-sharealt li {
    display: inline-block;
}
.eoy-sharealt .share {
    border-radius: 2em;
    background: #ddd url(/web/i/v4/icons_eoy@1x.png) 0 0 no-repeat;
    display: block;
    height: 1.1em;
    margin: 0 0.5em;
    padding: 0.7em;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    width: 1.1em;
}
.eoy-sharealt .email {
    background-color: #ef4052;
    background-position: 9px -388px;
}
.eoy-sharealt .email:hover {
    background-color: #ec2136;
}
.eoy-sharealt .twitter {
    background-color: #2b9fd7;
    background-position: 9px -469px;
}
.eoy-sharealt .twitter:hover {
    background-color: #248bbc;
}
.eoy-sharealt .facebook {
    background-color: #22589a;
    background-position: 13px -553px;
}
.eoy-sharealt .facebook:hover {
    background-color: #1c487e;
}
.eoy-sharealt .google {
    background-color: #bc383a;
    background-position: 9px -630px;
}
.eoy-sharealt .google:hover {
    background-color: #a23032;
}
.eoy-sharealt input {
    border: 1px solid #e5e5e5;
    color: #444;
    display: block;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 auto 1em;
    padding: 0.26em;
    width: 16em;
}
.eoy-sharealt .btn {
    display: block;
    margin: 0 auto;
    width: 5em;
}
.eoy-sharealt .msg-search {
    display: block;
    font-size: 0.75em;
    font-weight: normal;
    line-height: 1.2;
    margin-top: 0;
    visibility: hidden;
}
.eoy-sharealt .msg-search-error {
    color: #f00;
}
.eoy-sharealt .msg-search-active {
    visibility: visible;
}
.eoy-shareactions {
    margin-bottom: 1em;
}

/*=Items
--------------------------------------------------------------------------------------- */
.eoy-item {
    border-bottom: 1px solid #eee;
    padding-top: 0.2em;
}
.eoy-item:hover {
    cursor: pointer;
}
.eoy-item:hover h5 > a {
    color: #f5be00;
    text-decoration: none;
}
.eoy-itemlast {
    border-bottom: 1px solid #eee;
}
.eoy-item .ranking,
.eoy-item .desc,
.eoy-item .pic {
    float: left;
}
.eoy-item .ranking {
    width: 2em;
    position: absolute;
}
.eoy-item .desc {
    padding-left: 2em;
}
.eoy-item .ranking > span {
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    background-color: #f8b454;
    border-radius: 1em;
    color: #fff;
    display: inline-block;
    font-size: 0.7em;
    font-weight: bold;
    height: 1.2em;
    margin-top: 0.9em;
    line-height: 1;
    padding-top: 0.4em;
    width: 1.6em;
    text-align: center;
    text-indent: 0.1em;
}
.eoy-item .pic {
    display: none;
    height: 125px;
    width: 175px;
}
.eoy-item h5 {
    font-family: "chaparral-pro", serif;
    font-size: 1.2em;
    margin-bottom: 0.1em;
    text-align: left;
}
.eoy-item a {
    color: #2e2e2e;
}
.eoy-item p {
    color: #2e2e2e;
    font-size: 0.8125em;
    margin-bottom: 0.7em;
}
.eoy-item .domain {
    color: #2e2e2e;
    background: url(/web/i/v4/icons_eoy@1x.png) -880px -392px no-repeat;
    display: inline-block;
    margin-left: 0.7em;
    padding-left: 0.8em;
}
.eoy-content-domain .eoy-item .domain {
    display: none;
}
.eoy-publisher .domain {
    font-weight: bold;
}
.eoy-item .domain-noauthor {
    background: transparent;
    margin-left: 0;
    padding-left: 0;
}
.eoy-item .pocket-btn {
    display: none;
    position: absolute;
}

/*=Footer
--------------------------------------------------------------------------------------- */
.footer-eoy {
    background: #444;
    color: #fff;
}
.footer-eoy .eoy-banner-time p {
    font-size: 0.875em;
    margin: 2em auto 0;
    text-align: center;
}
.footer-eoy h5 {
    color: #fff;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    max-width: 18.6667em;
    margin-left: auto;
    margin-right: auto;
}
.footer-eoy .break {
    display: block;
}
.footer-eoy .btn {
    display: block;
    margin: 1em auto;
    width: 8em;
}
.footer-eoy .btn-follow,
.footer-eoy .eoy-banner-time-cta-1 .btn,
.footer-eoy .eoy-banner-time-cta-3 .btn {
    width: 10em;
}
.footer-eoy .eoy-whatis p {
    font-size: 0.75em;
    line-height: 1.3;
    margin-left: auto;
    margin-right: auto;
    max-width: 28em;
}
.footer-eoy .eoy-whatis a {
    color: #50bab5;
    display: block;
    font-size: 1.25em;
    text-align: center;
}
.footer-eoy .eoy-whatis .learnmore {
    max-width: inherit;
}
.footer-eoy .devices {
    background: url(/web/i/v4/eoy_devices_small@1x.jpg) center center no-repeat;
    display: block;
    height: 180px;
    margin: 0.3em auto 1em;
    overflow: hidden;
    position: relative;
    text-indent: 100%;
    width: 267px;
    white-space: nowrap;
}
.footer-final p {
    font-size: 0.75em;
    margin: 1em auto;
    text-align: center;
}

/*=Responsive
--------------------------------------------------------------------------------------- */
/* hdpi */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .pocket-eoy-ribbon,
    .header-eoy h2,
    .eoy-narrownav .header-menulink,
    .eoy-share .icon,
    .eoy-sharealt .share,
    .eoy-item .domain {
        background-image: url(/web/i/v4/icons_eoy@2x.png);
        background-size: 1000px 1000px;
    }
    .eoy-sharealt .email {
        background-position: 7px -388px;
    }
    .eoy-item .domain-noauthor {
        background: transparent;
    }
    .header-eoy {
        background-image: url(/web/i/v4/eoy_headerbanner_small@2x.jpg);
        background-size: 768px 175px;
    }
    .footer-eoy .devices {
        background-image: url(/web/i/v4/eoy_devices_small@2x.jpg);
        background-size: 267px 180px;
    }
}
/* 384px */
@media only screen and (min-width: 24em) {
    .eoy-breakout-container {
        background: #63C4C1 -860px -782px url(/web/i/v4/icons_eoy@1x.png) no-repeat;
        max-width: 30em;
        margin-left: auto;
        margin-right: auto;
    }
    .eoy-content .eoy-breakout-container h5 {
        font-size: 1.75em;
        padding-left: 2.5em;
    }
    .eoy-content .eoy-breakout-container p {
        padding-left: 5em;
    }
}
/* 384px + hdpi */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 24em), only screen and (min-resolution: 144dpi) and (min-width: 24em) {
    .eoy-breakout-container {
        background-image: url(/web/i/v4/icons_eoy@2x.png);
        background-size: 1000px 1000px;
    }
}
/* 544px */
@media only screen and (min-width: 36em) {
    .eoy-item {
        padding-bottom: 1em;
        padding-top: 1em;
    }
    .eoy-item .desc {
        min-height: 8.5em;
        padding-right: 14em;
    }
    .eoy-publisher .desc {
        min-height: inherit;
    }
    .eoy-item .pic {
        background-size: cover;
        display: block;
        position: absolute;
        right: 0.9375em;
    }
    .eoy-item .ranking > span {
        margin-top: 0;
    }
    .eoy-item h5 {
        margin-top: 0;
    }
    .eoy-publisher h5 {
        margin-bottom: 0.4em;
    }
    .eoy-publisher p {
        margin-bottom: 0;
    }
    .eoy-sharealt .msg {
	    font-size: 0.9em;
	    line-height: 1.2;
	    min-width: 31em;
	    width: auto;
	    min-height: 4em;
	    padding: 0.8em 1em;
	}
}
/* 768px - adaptive breakpoint */
@media only screen and (min-width: 48em) {
    .eoy-narrownav .header-menulink,
    .eoy-share .icon,
    .eoy-sharealt .share,
    .eoy-item .domain {
        background-image: url(/web/i/v4/icons_eoy_wide@1x.png);
    }
    .eoy-item .domain-noauthor {
        background: transparent;
    }
    .pocket-eoy-ribbon {
        background: url(/web/i/v4/icons_eoy_wide@1x.png) 0 -880px no-repeat;
        height: 190px;
        margin-top: 1em;
        width: 182px;
    }
    .header-eoy {
        background: #F04052 url(/web/i/v4/eoy_headerbanner@1x.jpg) center center no-repeat;
        padding-bottom: 0;
    }
    .header-eoy .wide-section-wrapper {
        display: block;
        margin: 0 auto;
        width: 656px;
    }
    .header-eoy .wide-section {
        display: block;
        float: left;
        margin-bottom: 2em;
        width: 192px;
    }
    .header-eoy .wide-section .wide-show {
        display: inline;
    }
    .header-eoy .wide-section-second {
        margin-left: 3em;
        width: 26em;
    }
    .header-eoy h2 {
        background: url(/web/i/v4/icons_eoy_wide@1x.png) 0 -716px no-repeat;
        height: 74px;
        margin: 1.5em auto 0.5em;
        top: 0;
        width: 276px;
    }
    .header-eoy h3 {
        max-width: 22em;
        margin-top: 0;
        font-size: 1.25em;
        position: relative;
    }
    .page-eoy .narrow-show {
        display: none;
    }
    .page-eoy .wide-show {
        display: block;
    }
    .eoy-sidenav {
        padding-top: 2em;
    }
    .eoy-sidenav li {
        float: none;
    }
    .eoy-breakout-container {
        background: #63C4C1 -850px -840px url(/web/i/v4/icons_eoy_wide@1x.png) no-repeat;
        max-width: 43em;
        margin-bottom: 0;
        padding: 1.5em;
    }
    .eoy-content .eoy-breakout-container h5 {
        font-size: 2em;
        padding-left: 4em;
    }
    .eoy-content .eoy-breakout-container p {
        padding-left: 8em;
        font-size: 1em;
        font-weight: bold;
    }
    .eoy-content {
        border-left: 1px solid #eee;
        min-height: 44em;
        padding-left: 2em;
    }
    .eoy-content h2,
    .eoy-content h5 {
        text-align: left;
    }
    .eoy-content h2 {
        margin-top: 0;
        padding-top: 1.3em;
    }
    .eoy-share {
        margin-bottom: 1em;
    }
    .eoy-share li {
        width: 18%;
    }
    .eoy-share a {
        border: 1px solid #eee;
        border-width: 1px 1px 1px 0;
        display: block;
        padding: 0.2em 0;
        text-align: center;
        width: 100%;
    }
    .eoy-share .saveallwrapper {
        width: 28%;
    }
    .eoy-share .saveall {
        border-left-width: 0;
    }
    .eoy-share .googleplus {
        border-right-width: 0;
    }
    .eoy-shareactions {
        margin-bottom: 0;
        padding-bottom: 2em;
    }
    .eoy-sharealtloggedin .eoy-shareactions {
        margin-bottom: 2em;
    }
    .eoy-sharealt input {
        display: inline-block;
        margin-right: 0.5em;
    }
    .eoy-sharealt .btn {
        display: inline-block;
    }
    .eoy-item {
        padding-bottom: 0.7em;
        padding-top: 1.5em;
    }
    .eoy-publisher {
        padding-bottom: 1.5em;
    }
    .eoy-item .pocket-btn {
        display: inline-block;
        position: relative;
        visibility: hidden;
    }
    .eoy-item-ie .pocket-btn {
        visibility: visible;
    }
    .eoy-item:hover .pocket-btn {
        visibility: visible;
    }
    .footer-eoy .eoy-banner-time {
        background: #444;
        bottom: 0;
        left: 0;
        margin-left: 0;
        padding: 0.3em 0;
        position: fixed;
        width: 100%;
        z-index: 10;
    }
    .footer-eoy .eoy-banner-time p {
        font-size: 1.125em;
        margin: 0.2em auto 0;
    }
    .footer-eoy .eoy-banner-time-inflow {
        bottom: auto;
        left: auto;
        margin-bottom: 2em;
        position: relative;
    }
    .footer-eoy .eoy-banner-time-inflowloggedin {
        margin-bottom: 0;
    }
    .footer-eoy .break {
        display: inline;
    }
    .footer-eoy .btn {
        display: inline-block;
        margin-left: 1.5em;
    }
    .footer-eoy .eoy-banner-time-loggedin p {
        font-size: 1.125em;
    }
    .footer-eoy h5 {
        font-size: 1.875em;
        max-width: inherit;
    }
    .footer-eoy .eoy-whatis {
        padding-right: 3em;
    }
    .footer-eoy .eoy-whatis p {
        font-size: 1em;
        max-width: inherit;
    }
    .footer-eoy .eoy-whatis a {
        text-align: left;
    }
    .footer-eoy .devices {
        background: url(/web/i/v4/eoy_devices@1x.jpg) center center no-repeat;
        float: right;
        height: 311px;
        margin-bottom: 0.5em;
        width: 353px;
    }
    .eoy-shareactions p {
        display: inline-block;
    }
    .eoy-shareactions ul {
        display: inline-block;
        margin-left: 0.5em;
        position: relative;
        top: 1em;
    }
    .footer-finalloggedin {
        padding-top: 2em;
    }

}
/* 768px and hdpi */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 48em), only screen and (min-resolution: 144dpi) and (min-width: 48em) {
    .pocket-eoy-ribbon,
    .header-eoy h2,
    .eoy-narrownav .header-menulink,
    .eoy-share .icon,
    .eoy-sharealt .share,
    .eoy-item .domain,
    .eoy-breakout-container {
        background-image: url(/web/i/v4/icons_eoy_wide@2x.png);
        background-size: 1000px 1200px;
    }
    .eoy-breakout-container {
        background-position: -830px -840px;
    }
    .eoy-item .domain-noauthor {
        background: transparent;
    }
    .header-eoy {
        background-image: url(/web/i/v4/eoy_headerbanner@2x.jpg);
        background-size: 2000px 300px;
    }
    .footer-eoy .devices {
        background-image: url(/web/i/v4/eoy_devices@2x.jpg);
        background-size: 353px 311px;
    }
}
/* 864px */
@media only screen and (min-width: 54em) {
    .eoy-content {
        padding-left: 4em;
    }
    .eoy-content h2 {
        font-size: 3.125em;
        padding-top: 0.7em;
    }
    .eoy-content h5 {
        font-size: 1em;
    }
    .eoy-item .ranking {
        width: 3em;
    }
    .eoy-item .ranking > span {
        border-radius: 3em;
        font-size: 1.5em;
        height: 1.3em;
        margin-top: 0;
        padding-top: 0.4em;
        width: 1.7em;
    }
    .eoy-item .desc {
        padding-left: 3.5em;
    }
    .eoy-item h5 {
        font-size: 1.75em;
        line-height: 1.2;
        margin-top: 0;
    }
    .eoy-item p {
        font-size: 1em;
    }
    .eoy-item .domain {
        background-position: -880px -390px;
    }
    .eoy-sharealt p {
        font-size: 1.375em;
    }
    .eoy-shareactions p {
        font-size: 1em;
    }
    .eoy-sharealt .msg-search {
        font-size: 1em;
        max-width: 40em;
    }
    .footer-eoy .eoy-whatis {
        padding-right: 0.9375em;
    }
}


/*  home.css
 *
 *  Description:
 *  Conversion of existing home page logic to new format.
 *
 *  Contents:
 *  Navigation
 *  Splash
 *  Mid Content
 *  Mid Lower Content
 *  Bottom Content
 *  Responsive
 *  Experimental
 *  New Experimental
 */

/*=Navigation
--------------------------------------------------------------------------------------- */
.page-home .header-global .nav-active {
    z-index: 4000;
}

/*=Slideshow
--------------------------------------------------------------------------------------- */
.home-splash-container {
    background-color: #f0f0f0;
    position: relative;
    width: 100%;
}
.home-splash-container .copy {
    border-bottom: 1px solid #eee;
    background: #fff;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 1em 0.5em;
    position: relative;
    text-align: center;
    z-index: 2000;
}
.home-splash-container .copy > p {
    font-weight: bold;
    font-size: 1.2em;
}
.home-splash-container .text {
    display: block;
    margin-top: 1em;
    padding-bottom: 1em;
}
.home-splash-container .splash-bg {
    background: #000;
    height: 9em;
    position: relative;
}
.home-splash-container .splash-bg-active {
    background: #000 url(/web/i/v4/home_splash_small@1x.jpg) no-repeat 80% 50%;
}
.img-exp-one .home-splash-container .splash-bg-active {
    background-image: url(/web/i/v4/home_expone_small@1x.jpg?102);
}
.img-exp-two .home-splash-container .splash-bg-active {
    background-image: url(/web/i/v4/home_exptwo_small@1x.jpg?102);
}
.img-exp-three .home-splash-container .splash-bg-active {
    background-image: url(/web/i/v4/home_expthree_small@1x.jpg?102);
}
.home-splash-container .splash-bg-copy {
    box-sizing: border-box;
    color: #fff;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    left: 50%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 45%;
}
.flexbox .home-splash-container .splash-bg-copy {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    justify-content: center;
    display: flex;
}
.home-splash-container .splash-bg-copy > p {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.3;
    position: relative;
    top: 1.5em;
}
.page-home-ru-ru .home-splash-container .splash-bg-copy > p,
.page-home-de-de .home-splash-container .splash-bg-copy > p {
    font-size: 0.8em;
}
.flexbox .splash-bg-copy > p {
    top: 0;
}

/*=Mid Content
--------------------------------------------------------------------------------------- */
.home-mid-content {
    padding-bottom: 1em;
}
.home-mid-content .home-figuresaveforlater {
    background: url(/web/i/v4/icons_homesaveview@1x.jpg) 0 0 no-repeat;
    display: block;
    height: 232px;
    margin: 0 auto 2em;
    width: 286px;
}
.home-mid-content .home-figureviewwhenready {
    background: url(/web/i/v4/icons_homesaveview@1x.jpg) 0 -404px no-repeat;
    display: block;
    height: 190px;
    margin: 1em auto 2em;
    width: 286px;
}
.home-mid-content h3 {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
.home-mid-content h4 {
    color: #555;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
    padding: 0 0 1.2em 0;
}
.home-mid-content ul {
    display: block;
    list-style: none;
}
.home-mid-content li {
    display: block;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.875em;
    font-weight: bold;
    padding-bottom: 1.6em;
}
.home-mid-content p {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.home-mid-content .home-waystopocket a {
    color: #555;
    display: block;
    padding-left: 3em;
    position: relative;
    line-height: 1.8em;
}
.home-mid-content .home-waystopocket a:hover {
    color: #5dcfca;
}
.home-mid-content .icon01 {
    background: url(/web/i/v4/icons_home@1x.png) 0 -1096px no-repeat;
    height: 1.8em;
}
.home-mid-content .icon01:hover {
    background-position: 0 -1176px;
}
.home-mid-content .icon02 {
    background: url(/web/i/v4/icons_home@1x.png) 0 -138px no-repeat;
    height: 1.5em;
}
.home-mid-content .icon02:hover {
    background-position: 0 -218px;
}
.home-mid-content .icon03 {
    background: url(/web/i/v4/icons_home@1x.png) 0 -456px no-repeat;
    height: 1.8em;
}
.home-mid-content .icon03:hover {
    background-position: 0 -536px;
}
.home-mid-content .icon04 {
    background: url(/web/i/v4/icons_home@1x.png) 6px -772px no-repeat;
    height: 2em;
}
.home-mid-content .icon04:hover {
    background-position: 6px -852px;
}
.home-mid-content .home-waystopocket .icon04 {
    line-height: 2.2em;
}
.home-mid-content .icon05 {
    background: url(/web/i/v4/icons_home@1x.png) 2px -611px no-repeat;
    height: 2em;
}
.home-mid-content .icon05:hover {
    background-position: 2px -691px;
}
.home-mid-content .home-waystopocket .icon05 {
    line-height: 2.2em;
}
.home-mid-content .icon06 {
    background: url(/web/i/v4/icons_home@1x.png) 3px -931px no-repeat;
}
.home-mid-content .icon06:hover {
    background-position: 3px -1011px;
}
.home-mid-content .home-waystopocket .icon06 {
    line-height: 2.2em;
}

/*=Mid Lower Content
--------------------------------------------------------------------------------------- */
.home-midupper-content {
    border-bottom: 1px solid #d2d2d2;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 5;
    position: relative;
}
.home-midlower-content {
    background-color: #fbfbfb;
}
.home-midlower-content .home-startsaving {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.9375em;
    text-align: center;
}


/*=Bottom Content
--------------------------------------------------------------------------------------- */
.home-bottom-content {
    background-color: #e9e9e9;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}
.home-bottom-content .home-nums {
    padding-bottom: 1em;
    padding-top: 1em;
    text-transform: uppercase;
    text-align: center;
}
.home-bottom-content .home-nums p {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.75em;
    color: #777;
    margin: 0 auto;
    text-align: center;
    width: 280px;
}
.home-nums .box {
    background: url(/web/i/v3/box.gif) 0 0 no-repeat;
    height: 174px;
    padding: 0;
    margin: 0.2em auto;
    position: relative;
    width: 195px;
}
.home-nums .box-top {
    height: 63px;
    margin-bottom: 31px;
    position: relative;
}
.home-nums .box-bottom {
    height: 69px;
    position: relative;
}
.home-nums .box strong {
    color: #222;
    display: block;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.6875em;
    font-weight: bold;
    height: 1em;
    margin-top: -0.5em;
    top: 60%;
    position: absolute;
    text-shadow: 0 1px #fff;
    width: 100%;
}
.page-home-de-de .home-nums strong,
.page-home-ru-ru .home-nums strong {
    font-size: 1.2em;
}
.page-home-it-it .home-nums strong,
.page-home-es-es .home-nums strong {
    font-size: 1.4em;
}
.home-nums .box-bottom strong {
    top: 45%;
}
.home-nums .box span {
    left: -36px;
    position: absolute;
    top: 64px;
}
.home-nums .box em {
    background: url(/web/i/v4/icons_home@1x.png) 0 -1400px no-repeat;
    color: #fff;
    display: block;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.875em;
    font-style: normal;
    height: 41px;
    width: 267px;
    padding-top: 0.65em;
}
.home-news {
    padding-bottom: 1em;
    padding-top: 1em;
}
.home-news p {
    color: #777;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.125em;
    font-style: italic;
    line-height: 1.2;
    text-shadow: 0 1px #fff;
    background: url(/web/i/v4/icons_home@1x.png) 5px -1742px no-repeat;
    margin: 1em auto;
    max-width: 17em;
    padding-left: 45px;
    padding-right: 25px;
    position: relative;
}
.home-news .quote-right {
    background: url(/web/i/v4/icons_home@1x.png) 0 -1902px no-repeat;
    bottom: 0.5em;
    display: block;
    height: 18px;
    position: absolute;
    right: 0.4em;
    width: 26px;
}
.home-news .tnw {
    display: block;
    background: url(/web/i/v4/icons_home@1x.png) 0 -2038px no-repeat;
    height: 42px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    text-indent: -999em;
    width: 100px;
}
.home-sociallink {
    padding-bottom: 1em;
    padding-top: 1em;
    text-align: center;
}
.home-sociallink .integrate {
    background: #42b7b0;
    color: #fff;
    display: block;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.9em;
    font-style: normal;
    height: 29px;
    margin: 0 auto;
    padding-top: 0;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    max-width: 400px;
    line-height: 2.2;
    margin-bottom: 1em;
    margin-left: -1.1em;
    padding-left: 1.1em;
    margin-right: 0;
}
.page-home-es-es .home-sociallink .integrate,
.page-home-en-us .home-sociallink .integrate,
.page-home-de-de .home-sociallink .integrate,
.page-home-ja-jp .home-sociallink .integrate {
    max-width: 302px;
    text-align: center;
}
.home-sociallink .ribbon-right {
    background: url(/web/i/v4/icons_home@1x.png) 0 -1570px no-repeat;
    display: block;
    position: absolute;
    height: 29px;
    right: 0;
    width: 20px;
    top: 0;
}
.home-sociallink ul {
    display: inline-block;
    margin: 0.2em 0 0 0;
}
.home-sociallink li {
    list-style: none;
    float: left;
    padding: 0 0.5em 1em;
}
.home-sociallink .icon {
    background: url(/web/i/v4/icons_home@1x.png) 0 -2186px no-repeat;
    display: block;
    height: 55px;
    overflow: hidden;
    text-indent: -999em;
    width: 55px;
}
.home-sociallink .feedly {
    background-position: 0 -2346px;
}
.home-sociallink .pulse {
    background-position: 0 -2506px;
}
.home-sociallink .flipboard {
    background-position: 0 -2666px;
}
.home-sociallink .tweetbot {
    background-position: 0 -2826px;
}
.home-sociallink .zite {
    background-position: 0 -2986px;
}
.home-sociallink p {
    text-align: center;
}
.home-sociallink .moreapps {
    color: #777;
    font-size: 0.875em;
    font-weight: bold;
    text-transform: uppercase;
}
.home-sociallink .moreapps:hover {
    color: #333;
}
.home-sociallink .first {
    clear: both;
}

/*=Experimental
--------------------------------------------------------------------------------------- */
.home-splash-container .copy-wide-container {
    display: none;
}
.home-splash-container .row-descwide {
    display: none;
}
.home-splash-container .row-descnarrow .columns {
    width: 100%;
    padding: 0;
}
.page-home .row-descnarrow .copy p {
    line-height: 1.3;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 30em;
}
.home-splash-container .slide-holder {
    background-color: #808080;
    text-align: center;
}
.page-home .minimal-header li {
    visibility: hidden;
}
.page-home .minimal-header .login {
    visibility: visible;
}
.page-home .home-saveforlater,
.page-home .home-waystopocket {
    text-align: center;
}
.page-home .home-saveforlater {
    float: none;
    max-width: 30em;
    margin-left: auto;
    margin-right: auto;
}
.page-home .home-mid-content ul {
    display: inline-block;
}
.page-home .home-mid-content li {
    text-align: left;
}
.home-splash-container .copy {
    background: transparent;
}
.home-splash-container .copy > p {
    color: #333;
    margin: 0 auto;
    max-width: 20em;
    text-shadow: none;
}
.home-splash-container .viewfromany-desc > img {
    display: block;
    max-height: 10em;
    margin: 1em auto 0;
}
.home-splash-container .copy {
    position: relative;
}
.page-home .signupform-container {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #dadada;
    margin: 1em auto;
    max-width: 22em;
}
.page-home .coreform-container.signupform-container {
    /*  override .coreform-container.signupform-container media queries */
    padding: 0;
}

.page-home .signupform-container h2 {
    border-bottom: 1px solid #ebebeb;
    color: #333;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.875em;
    margin: 0.5em 1em 1.5em;
    padding-bottom: 0.4em;
}
.home-splash-container .text {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    margin-left: 0;
    margin-top: 0;
    padding: 0.8em 1.625em;
}
.home-splash-container .btn {
    font-size: 1em;
    padding: 0.8em 1.625em;
}
.home-splash-container .signup-btn-google {
    font-size: 1em;
    padding: 0;
}
.page-home-pt-br .signup-btn-google .text {
    padding-left: 0.7em;
    padding-right: 0.7em;
}

/*=New experimental
--------------------------------------------------------------------------------------- */
.home-signupctanarrow-content {
    background-color: #fff;
    display: none;
    text-align: center;
    padding: 1em 0;
}
.home-signupctanarrow-content p {
    margin: 0;
}
.home-exp-topics .home-signupctanarrow-content,
.home-exp-articles .home-signupctanarrow-content {
    display: block;
}
.home-capturetopics-content,
.home-capturearticles-content {
    display: none;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
}
.home-exp-topics .home-capturetopics-content,
.home-exp-articles .home-capturearticles-content {
    display: block;
}
.home-exp-topics .home-capturetopics-contentwide,
.home-exp-articles .home-capturearticles-contentwide {
    display: none;
}
.home-capturetopics-header,
.home-capturearticles-header {
    color: #333;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: normal;
    padding: 0 0.5em;
}
.home-capturetopics-content p,
.home-capturearticles-content p {
    color: #666;
    font-size: 0.8125em;
    padding: 0 0.5em 0.3em;
}
.home-capturetopics-container,
.home-capturearticles-container {
    list-style: none;
    margin: 0 auto;
    max-width: 56.2em;
    position: relative;
    padding-left: 0.3em;
}
.home-capturearticles-container {
    padding-left: 0;
}
.home-topic,
.home-article {
    box-sizing: border-box;
    float: left;
    display: block;
    width: 50%;
    padding: 0 0.3em 0.3em 0;
}
.home-article {
    width: 100%;
    padding: 0;
}
.home-topic-content,
.home-article-content {
    background-color: #333;
    display: block;
    position: relative;
    height: 8em;
}
.home-topic-content {
    background-size: cover;
}
.home-exp-control .home-topic-content {
    background-image: none !important;
}
.home-article-content {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    height: 6em;
}
.home-topic-label {
    background-color: #00bab0;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    color: #fff;
    display: block;
    float: left;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    margin: 1em 0;
    padding: 0.2em 1.5em;
    position: relative;
    text-align: center;
    z-index: 10;
}
.home-topic-filter {
    background-color: rgba(0,0,0,0.4);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: background-color 0.2s ease-out;
    width: 100%;
    z-index: 5;
}
.home-topic .home-topic-filter:hover {
    background-color: rgba(0,0,0,0.1);
}
.home-article-title {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: 1.3;
    margin: 0 6em 0 0;
    padding: 0.5em 0.5em 0 0.5em;
    text-align: left;
}
.home-capturearticles-content .home-article-source {
    display: none;
    font-size: 0.85em;
    font-weight: bold;
    margin: 0 12.5em 0 0;
    padding: 0 0.625em;
    text-align: left;
}
.home-article-content:hover {
    text-decoration: none;
}
.home-article-content:hover .home-article-title,
.home-article-title:hover,
.home-article-title:active {
    color: #f5be00;
    text-decoration: none;
}
.home-exp-control .home-article-img {
    background-image: none !important;
}
.home-article-img {
    background-size: cover;
    background-position: 50% 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 6em;
}
.home-article-stats {
    bottom: 0.5em;
    left: 0.5em;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
}
.home-article-stats .article-stat {
    float: right;
    font-size: 0.75em;
    text-align: left;
}
.home-article-content .article-source {
    display: none;
}
.article-stat h5,
.home-article-content .article-source {
    color: #808285;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
}
.article-stat p {
    color: #222;
    font-weight: bold;
    font-size: 1.25em;
    line-height: 1;
    margin: 0;
    padding: 0;
}
.article-stat-badges {
    background: url(/web/public/images/pockettopic_narrow@1x.png) 0 4px no-repeat;
    display: none;
    padding-left: 2.5em;
}

.home-explore-topic-content{
    padding:60px 0;
}
.home-explore-topic-content h2{
    text-transform: uppercase;
    text-align: center;
    color:#222;
    font-size: 22px;
    margin:0 0 20px;
}
.explore-topic-list{
    list-style-type: none;
    margin:0;
}
.explore-topic-list li{
    text-align:center;
}
.explore-topic-list a{
    color:#555;
    font-size: 14px;
    line-height:2.15em;
}
.explore-topic-list a:hover{
    color:#50BCB6;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .article-stat-badges {
        background-image: url(/web/public/images/pockettopic_narrow@2x.png);
        background-size: 150px 135px;
    }
}
@media only screen and (min-width: 22em) {
    .home-topic-content {
        height: 10em;
    }
}
@media only screen and (min-width: 30em) {
    .home-capturetopics-header,
    .home-capturearticles-header {
        font-size: 1.25em;
    }
    .home-capturetopics-content p,
    .home-capturearticles-content p {
        font-size: 1em;
    }
    .home-topic-content,
    .home-article-content {
        height: 14em;
    }
    .home-article-content {
        height: 10em;
    }
    .home-article-title {
        font-size: 1.25em;
        margin-right: 8em;
        padding: 0.4em 0.4em 0 0.4em;
    }
    .home-article-img {
        width: 10em;
    }
    .article-stat-badges {
        display: block;
    }
    .home-capturearticles-content .home-article-source {
        display: block;
    }
}
@media only screen and (min-width: 36em) {
    .home-capturetopics-header,
    .home-capturearticles-header {
        font-size: 1.75em;
        margin-left: auto;
        margin-right: auto;
        max-width: 17em;
    }
    .home-capturetopics-content p,
    .home-capturearticles-content p {
        font-size: 1.25em;
    }
}
@media only screen and (min-width: 42em) {
    .home-capturetopics-container,
    .home-capturearticles-container {
        padding-left: 0.625em;
    }
    .home-topic {
        padding: 0 0.625em 0.625em 0;
        width: 33.3333%;
    }
    .home-topic-content {
        height: 12em;
    }
    .home-topic-label {
        font-size: 1em;
    }
}
@media only screen and (min-width: 48em) {
    .home-exp-topics .home-signupctanarrow-content,
    .home-exp-topics .home-capturetopics-content,
    .home-exp-articles .home-signupctanarrow-content,
    .home-exp-articles .home-capturearticles-content {
        display: none;
    }
    .home-exp-topics .home-capturetopics-contentwide,
    .home-exp-articles .home-capturearticles-contentwide {
        background-color: #f0f0f0;
        display: block;
    }
    .home-topic-content,
    .home-article-content {
        height: 14em;
    }
    .home-article {
        padding: 0 0.625em 0.625em 0;
        width: 33.3333%;
    }
    .home-article-content {
        overflow: hidden;
    }
    .home-article-title {
        background-color: #fff;
        box-sizing: border-box;
        left: 0;
        margin: 0;
        padding: 0.4em;
        position: relative;
        top: 0;
        width: 100%;
        z-index: 5;
    }
    .home-article-stats .article-stat {
        text-align: right;
    }
    .home-article-content .home-article-source {
        display: none;
    }
    .home-article-img {
        display: block;
        position: relative;
        width: 100%;
    }
    .home-article-stats {
        background-color: #fff;
        bottom: 0;
        box-sizing: border-box;
        left: 0;
        padding: 0.5em;
        top: auto;
        width: 100%;
        z-index: 5;
    }
    .home-article-content .article-source {
        display: block;
        float: left;
    }
    .explore-topic-list a{
        line-height:1.3em;
    }
}
@media only screen and (min-width: 54em) {
    .home-capturetopics-container,
    .home-capturearticles-container {
        padding-left: 1.25em;
        padding-bottom: 0.3em;
    }
    .home-topic,
    .home-article {
        padding: 0 1.25em 1.25em 0;
    }
    .home-topic-content,
    .home-article-content {
        height: 280px;
    }
    .home-topic-label {
        font-size: 1.125em;
    }
}


/*=Responsive
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 22.5em) {
    .home-splash-container .splash-bg {
        background-position: 80% 50%;
        font-size: 1.25em;
        padding-bottom: 1em;
        padding-top: 1em;
    }
    .home-splash-container .splash-bg-copy {
        left: 55%;
        width: 40%;
    }
}
@media only screen and (min-width: 30em) {
    .home-midlower-content .home-startsaving p {
        display: inline-block;
        margin-left: 0.5em;
        margin-right: 0.5em;
    }
    .home-midlower-content .home-startsaving .detail {
        width: 20em;
    }
    .home-midlower-content .home-startsaving .detail-left {
        text-align: right;
    }
    .home-midlower-content .home-startsaving .detail-right {
        text-align: left;
    }
}
/* 960px */
@media only screen and (min-width: 60em) {
    .home-mid-content .home-saveforlater h3 {
        padding-left: 1.191em;
    }
    .home-mid-content .home-saveforlater p {
        padding-left: 2em;
    }
    .home-mid-content .home-waystopocket h4,
    .home-mid-content .home-waystopocket ul {
        padding-left: 3em;
    }
}
/* hdpi */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .home-splash-container .video-prompt > .video-thumb,
    .home-mid-content .icon01,
    .home-mid-content .icon02,
    .home-mid-content .icon03,
    .home-mid-content .icon04,
    .home-mid-content .icon05,
    .home-mid-content .icon06,
    .home-nums .box em,
    .home-news .quote-right,
    .home-news .tnw,
    .home-sociallink .ribbon-right,
    .home-sociallink .icon,
    .home-news p {
        background-image: url(/web/i/v4/icons_home@2x.png);
        background-size: 320px 3040px;
    }
    .home-mid-content .home-figuresaveforlater,
    .home-mid-content .home-figureviewwhenready {
        background-image: url(/web/i/v4/icons_homesaveview@2x.jpg);
        background-size: 300px 600px;
    }
    .home-midlower-content .home-startsaving .divider {
        background-image: url(/web/i/v4/icons_homedivider@2x.png);
        background-size: 638px 30px;
    }
    .home-mid-content .home-saveforlater h3 {
        padding-left: 1.3em;
    }
    .home-splash-container .splash-bg-active {
        background-image: url(/web/i/v4/home_splash_small@2x.jpg);
        background-size: 400px 231px;
    }
    .img-exp-one .home-splash-container .splash-bg-active {
        background-image: url(/web/i/v4/home_expone_small@2x.jpg?102);
    }
    .img-exp-two .home-splash-container .splash-bg-active {
        background-image: url(/web/i/v4/home_exptwo_small@2x.jpg?102);
    }
    .img-exp-three .home-splash-container .splash-bg-active {
        background-image: url(/web/i/v4/home_expthree_small@2x.jpg?102);
    }
}
@media only screen and (min-width: 401px) {
    .home-splash-container .splash-bg-active {
        background-image: url(/web/i/v4/home_splash_medium@1x.jpg);
        height: 11em;
        padding-bottom: 0;
        padding-top: 0;
    }
    .img-exp-one .home-splash-container .splash-bg-active {
        background-image: url(/web/i/v4/home_expone_medium@1x.jpg?102);
    }
    .img-exp-two .home-splash-container .splash-bg-active {
        background-image: url(/web/i/v4/home_exptwo_medium@1x.jpg?102);
    }
    .img-exp-three .home-splash-container .splash-bg-active {
        background-image: url(/web/i/v4/home_expthree_medium@1x.jpg?102);
    }
}
@media only screen and (min-width: 401px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 401px) and (min-resolution: 144dpi) {
    .home-splash-container .splash-bg-active {
        background-image: url(/web/i/v4/home_splash_medium@2x.jpg);
        background-size: 600px 347px;
    }
    .img-exp-one .home-splash-container .splash-bg-active {
        background-image: url(/web/i/v4/home_expone_medium@2x.jpg?102);
    }
    .img-exp-two .home-splash-container .splash-bg-active {
        background-image: url(/web/i/v4/home_exptwo_medium@2x.jpg?102);
    }
    .img-exp-three .home-splash-container .splash-bg-active {
        background-image: url(/web/i/v4/home_expthree_medium@2x.jpg?102);
    }
}
@media only screen and (min-width: 450px) {
    .home-splash-container .splash-bg {
        height: 12em;
    }
    .home-splash-container .splash-bg {
        background-position: 70% 50%;
    }
    .home-splash-container .splash-bg-copy {
        font-size: 1.25em;
    }
}
@media only screen and (min-width: 500px) {
    .home-splash-container .splash-bg {
        height: 15em;
    }
}
@media only screen and (min-width: 601px) {
    .home-splash-container .splash-bg-active {
        background-image: url(/web/i/v4/home_splash_wide@1x.jpg);
        height: 21em;
    }
    .img-exp-one .home-splash-container .splash-bg-active {
        background-image: url(/web/i/v4/home_expone_wide@1x.jpg?102);
    }
    .img-exp-two .home-splash-container .splash-bg-active {
        background-image: url(/web/i/v4/home_exptwo_wide@1x.jpg?102);
    }
    .img-exp-three .home-splash-container .splash-bg-active {
        background-image: url(/web/i/v4/home_expthree_wide@1x.jpg?102);
    }
    .home-splash-container .splash-bg-copy {
        font-size: 1.6em;
        left: 55%;
        width: 35%;
    }
}
@media only screen and (min-width: 601px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 601px) and (min-resolution: 144dpi) {
    .home-splash-container .splash-bg-active {
        background-image: url(/web/i/v4/home_splash_wide@2x.jpg);
        background-size: 900px 520px;
    }
    .img-exp-one .home-splash-container .splash-bg-active {
        background-image: url(/web/i/v4/home_expone_wide@2x.jpg?102);
    }
    .img-exp-two .home-splash-container .splash-bg-active {
        background-image: url(/web/i/v4/home_exptwo_wide@2x.jpg?102);
    }
    .img-exp-three .home-splash-container .splash-bg-active {
        background-image: url(/web/i/v4/home_expthree_wide@2x.jpg?102);
    }
}
@media only screen and (min-width: 650px) {
    .home-splash-container .splash-bg {
        height: 21.5em;
    }
}
@media only screen and (max-width: 47.95em) {
    .page-home .home-figure {
        padding-top: 2em;
    }
    .page-home .home-bottom-content .home-nums {
        padding-top: 2em;
    }
    .page-home .home-sociallink .ribbon-right {
        display: none;
    }
    .page-home .home-sociallink .integrate {
        background: transparent;
        color: #333;
        font-weight: bold;
        font-size: 1em;
        line-height: 1.3;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        text-align: center;
    }
    .page-home .home-startsaving .detail {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}
@media only screen and (min-width: 48em) {
    .home-splash-container .copy-wide-container {
        display: block;
    }
    .home-splash-container .splash-bg {
        background: transparent;
        display: none;
    }
    .home-splash-container .copy {
        border-bottom: none;
        background: transparent;
        color: #fff;
        margin: 0 auto;
        max-width: 60em;
    }
    .page-home-en-us .home-splash-container .copy {
        max-width: 30em;
    }
    .home-splash-container .copy > p {
        font-size: 1.875em;
        font-weight: normal;
        line-height: 1.2;
        text-shadow: 0 1px 0 #000;
    }
    .page-home-de-de .home-splash-container .copy > p {
        max-width: 40em;
    }
    .page-home-en-us .home-splash-container .break-main {
        display: block;
    }
    .home-splash-container .video-prompt > .video-thumb {
        float: left;
    }
    .home-splash-container .text {
        color: #fff;
        float: left;
        font-weight: bold;
        line-height: 1.2;
        /*margin-left: 2em;*/
        text-shadow: 0 1px 0 #000;
    }
    .home-splash-container .video-prompt:hover .text {
        color: #5dcfca;
    }
    .home-splash-container .break {
        display: block;
    }
    .home-splash-container .page_indicator {
        position: absolute;
        right: 60px;
        bottom: 20px;
        width: 80px;
        z-index: 1500;
        background: none;
    }
    .home-splash-container .btn {
        margin-top: 1em;
    }
    .page_indicator {
        position: absolute;
        width: 100%;
        text-align: center;
        z-index: 1000;
        background: #fff;
    }
    .page_indicator div {
        display: inline-block;
        width: 8px;
        height: 8px;
        margin-right: 15px;
        background: #b8b8b8;
        border-radius: 7px;
        box-shadow: 0px 2px 1px rgba(0,0,0,0.5);
    }
    .page_indicator div:last-child {
        margin-right: 0px;
    }
    .page_indicator div.selected {
        background: #fff;
    }
    .home-mid-content {
        padding-top: 4em;
        padding-bottom: 2em;
    }
    .home-mid-content figure {
        margin-top: 0;
    }
    .home-mid-content .home-waystopocket h4 {
        padding-top: 0.5em;
    }
    .home-midlower-content .home-startsaving .divider {
        background: url(/web/i/v4/icons_homedivider@1x.png) center -8px no-repeat;
        height: 10px;
        margin-bottom: 3em;
        width: 100%;
    }
    .home-midlower-content .home-startsaving .btn {
        font-size: 1.4em;
        padding: 0.4em 1.7em;
    }
    .home-bottom-content .home-nums,
    .home-bottom-content .home-news,
    .home-bottom-content .home-sociallink {
        height: 16em;
        padding-bottom: 1.5em;
        padding-top: 1.5em;
    }
    .home-bottom-content .home-nums,
    .home-bottom-content .home-news {
        border-right: 1px solid #cfcfcf;
    }
    .home-sociallink em {
        width: 100%;
    }
    .page-home .home-saveforlater,
    .page-home .home-waystopocket {
        float: left;
        max-width: inherit;
        text-align: left;
    }
    .page-home .home-mid-content ul {
        display: block;
    }
    .home-splash-container {
        background: #000;
    }
    .home-splash-container-active {
        background: #000 url(/web/i/v4/home_splash_wide@1x.jpg) no-repeat 55% 35%;
    }
    .img-exp-one .home-splash-container-active {
        background-image: url(/web/i/v4/home_expone_wide@1x.jpg?102);
    }
    .img-exp-two .home-splash-container-active {
        background-image: url(/web/i/v4/home_exptwo_wide@1x.jpg?102);
    }
    .img-exp-three .home-splash-container-active {
        background-image: url(/web/i/v4/home_expthree_wide@1x.jpg?102);
    }
    .home-splash-container .row-descwide {
        display: block;
    }
    .home-splash-container .row-descnarrow {
        display: none;
    }
    .home-splash-container .copy {
        /*margin-top: 1em;*/
    }
    .home-splash-container .copy > p {
        color: #fff;
    }
    .page-home .home-startsaving .detail {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .page-home .home-mid-content .home-figuresaveforlater {
        background-size: cover;
        height: 195px;
        width: 240px;
    }
    .page-home .home-mid-content .home-figureviewwhenready {
        background-position: 0 -315px;
        background-size: cover;
        height: 159px;
        width: 240px;
    }
    .page-home .header-global .header-minimal-menulink {
        background: none;
        color: #666;
        display: block;
        font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 0.875em;
        height: 1em;
        right: 7em;
        top: 2.3em;
        text-indent: 0;
        width: 5em;
        z-index: 500;
    }
    .page-home .header-global .header-minimal-menulink:hover {
        color: #5dcfca;
        text-decoration: none;
    }
    .page-home .header-global .minimal-extra-header {
        display: none;
        position: absolute;
        right: 7em;
    }
    .page-home-fr-ca .header-global .header-minimal-menulink,
    .page-home-fr-ca .header-global .minimal-extra-header,
    .page-home-fr-fr .header-global .header-minimal-menulink,
    .page-home-fr-fr .header-global .minimal-extra-header,
    .page-home-es-la .header-global .header-minimal-menulink,
    .page-home-es-la .header-global .minimal-extra-header,
    .page-home-es-es .header-global .header-minimal-menulink,
    .page-home-es-es .header-global .minimal-extra-header {
        right: 9em;
    }
    .page-home .header-global .minimal-extra-header .login {
        display: none;
    }
    .home-splash-container .viewfromany-desc > img {
        margin-top: 2em;
        margin-bottom: 2em;
        max-height: inherit;
    }
    .home-splash-container .viewfromany-desc > img {
        margin-top: 12em;
        margin-bottom: 4em;
    }
    .page-home .signupform-wrapper {
        margin-top: -0.5em;
        min-height: 26em;
        position: relative;
    }
    .page-home-de-de .signupform-wrapper {
        margin-left: -2em;
        min-height: 27em;
    }
    .page-home-fr-ca .signupform-wrapper,
    .page-home-ko-kr .signupform-wrapper {
        min-height: 27em;
    }
    .page-home-fr-fr .signupform-wrapper,
    .page-home-es-la .signupform-wrapper,
    .page-home-it-it .signupform-wrapper {
        min-height: 28em;
    }
    .page-home-jp-jp .signupform-wrapper {
        margin-left: -2em;
    }
    .page-home-pt-br .signupform-wrapper {
        min-height: 28em;
    }
    .page-home-nl-nl .signupform-wrapper {
        min-height: 28em;
    }
    .page-home-zh-tw .signupform-wrapper,
    .page-home-zh-cn .signupform-wrapper {
        min-height: 28em;
    }
    .page-home-ru-ru .signupform-wrapper {
        margin-left: -2em;
        min-height: 27em;
    }
    .page-home .signupform-container {
        background-color: transparent;
        border: 0;
        margin: 0 auto;
    }
    .page-home .signupform-container .form-field-error input {
        box-shadow: inset 0 0 1px #f00;
    }
    .csstransitions .page-home .signupform-container {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        transition: -webkit-transform 0.5s ease-out;
        transition: transform 0.5s ease-out;
        transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
    }
    .page-home .signupform-formstate {
        top: -2em;
    }
    .csstransitions .page-home .signupform-formstate {
        -webkit-transform: translate3d(0,-2em,0);
        transform: translate3d(0,-2em,0);
    }
    .page-home .signupform-container h2,
    .page-home .signupform-container .alreadyhave,
    .page-home .signupform-container p > a {
        color: #fff;
    }
    .page-home .signupform-container h2 {
        border-bottom: 0;
        margin-bottom: 0.8em;
    }
    .csstransitions .page-home .signupform-container h2 {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        transition: -webkit-transform 0.5s ease-out;
        transition: transform 0.5s ease-out;
        transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
    }
    .csstransitions .page-home .signupform-formstate h2 {
        -webkit-transform: translate3d(0,0.8em,0);
        transform: translate3d(0,0.8em,0);
    }
    .csstransitions .page-home-fr-ca .signupform-formstate h2 {
        -webkit-transform: translate3d(0,1.2em,0);
        transform: translate3d(0,1.2em,0);
    }
}
@media only screen and (min-width: 901px) {
    .home-splash-container-active {
        background-image: url(/web/i/v4/home_splash_ultrawide@1x.jpg);
        background-size: 1500px 867px;
    }
    .img-exp-one .home-splash-container-active {
        background-image: url(/web/i/v4/home_expone_ultrawide@1x.jpg?102);
    }
    .img-exp-two .home-splash-container-active {
        background-image: url(/web/i/v4/home_exptwo_ultrawide@1x.jpg?102);
    }
    .img-exp-three .home-splash-container-active {
        background-image: url(/web/i/v4/home_expthree_ultrawide@1x.jpg?102);
    }
    .home-splash-container .copy {
        margin-top: 1em;
    }
    .page-home .signupform-wrapper {
        margin-top: 2em;
        min-height: 28em;
    }
}
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min-resolution: 144dpi) {
    .home-splash-container-active {
        background-image: url(/web/i/v4/home_splash_wide@2x.jpg);
        background-size: 900px 520px;
    }
    .img-exp-one .home-splash-container-active {
        background-image: url(/web/i/v4/home_expone_wide@2x.jpg?102);
    }
    .img-exp-two .home-splash-container-active {
        background-image: url(/web/i/v4/home_exptwo_wide@2x.jpg?102);
    }
    .img-exp-three .home-splash-container-active {
        background-image: url(/web/i/v4/home_expthree_wide@2x.jpg?102);
    }
}
@media only screen and (min-width: 901px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 901px) and (min-resolution: 144dpi) {
    .home-splash-container-active {
        background-image: url(/web/i/v4/home_splash_ultrawide@2x.jpg);
        background-size: 1500px 867px;
    }
    .img-exp-one .home-splash-container-active {
        background-image: url(/web/i/v4/home_expone_ultrawide@2x.jpg?102);
    }
    .img-exp-two .home-splash-container-active {
        background-image: url(/web/i/v4/home_exptwo_ultrawide@2x.jpg?102);
    }
    .img-exp-three .home-splash-container-active {
        background-image: url(/web/i/v4/home_expthree_ultrawide@2x.jpg?102);
    }
}
@media only screen and (min-width: 60em) {
    .home-splash-container-active {
        background-size: 1500px 867px;
        background-position: 70% 20%;
    }
    .home-splash-container .copy {
        margin-top: 2em;
        max-width: 50em;
    }
    .page-home-en-us .home-splash-container .copy {
        max-width: 40em;
    }
    .page-home-de-de .home-splash-container .copy {
        margin-top: 0.5em;
    }
    .home-splash-container .copy > p {
        font-size: 2.5em;
    }
    .page-home .signupform-wrapper {
        margin-top: 3em;
        min-height: 27em;
    }
    .page-home .home-mid-content .home-figuresaveforlater {
        background-size: 300px auto;
        height: 232px;
        width: 286px;
    }
    .page-home .home-mid-content .home-figureviewwhenready {
        background-position: 0 -404px;
        background-size: 300px auto;
        height: 190px;
        width: 286px;
    }
    .page-home .home-midlower-content .home-startsaving p {
        display: inline-block;
        margin-left: 0.5em;
        margin-right: 0.5em;
    }
    .page-home .home-midlower-content .home-startsaving .detail {
        width: 20em;
    }
    .page-home .home-midlower-content .home-startsaving .detail-left {
        text-align: right;
    }
    .page-home .home-midlower-content .home-startsaving .detail-right {
        text-align: left;
    }
    .page-home .signupform-container h2 {
        margin-top: 0;
    }
}
@media only screen and (min-width: 70em) {
    .home-splash-container-active {
        background-position: 60% 20%;
    }
}
@media only screen and (min-width: 80em) {
    .home-splash-container-active {
        background-position: 50% 20%;
    }
}

/*  installed.css
 *
 *  Description:
 *  New style format for the installed page
 *
 *  Contents:
 *  Global
 *  Chrome Packaged
 *  Experimental
 *  Responsive
 */

/*=Global
--------------------------------------------------------------------------------------- */
.installed_row {
  margin-top: 30px;
}
.page-installed .legacy-content h2 {
  color: #444;
  font-size: 18px;
  margin-top: 30px;
  margin-bottom: 15px;
  text-align: center;
}
.installed_secondary {
  border-top: 1px solid #dadada;
}
.installed_step {
    background-position: center top;
    background-repeat: no-repeat;
}
.installed_step h3 {
    color: #717171;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin: 35px auto 30px;
    padding-top: 150px;
    text-align: center;
}
.page-installed .installed_step h3 {
    font-size: 20px;
}
.installed_stepone {
    background-position: center 25px;
}
.browser-chrome .installed_stepone {
    background-image: url(/web/i/chrome/installed_step1@1x.jpg);
}
.browser-edge .installed_stepone {
    background-image: url(/web/i/edge/installed_step1@1x.jpg);
}
.browser-ff .installed_stepone {
    background-image: url(/web/i/ff/installed_step1@1x.jpg);
    background-position: center 0;
}
.browser-ffnew .installed_stepone {
    background-image: url(/web/i/ffnew/installed_step1@1x.jpg);
}
.browser-opera .installed_stepone {
    background-image: url(/web/i/opera/installed_step1@1x.jpg);
    background-position: center 15px;
}
.browser-safari .installed_stepone {
    background-image: url(/web/i/safari/installed_step1@1x.jpg);
}
.installed_steptwo {
    background-position: center 20px;
}
.browser-edge .installed_steptwo {
    background-image: url(/web/i/edge/installed_step2@1x.jpg);
}
.browser-chrome .installed_steptwo {
    background-image: url(/web/i/chrome/installed_step2@1x.jpg);
}
.browser-ff .installed_steptwo {
    background-image: url(/web/i/ff/installed_step2@1x.jpg);
}
.browser-ffnew .installed_steptwo {
    background-image: url(/web/i/ffnew/installed_step2@1x.jpg);
}
.browser-opera .installed_steptwo {
    background-image: url(/web/i/opera/installed_step2@1x.jpg);
}
.browser-safari .installed_steptwo {
    background-image: url(/web/i/safari/installed_step2@1x.jpg);
}
.installed_stepthree {
    background-position: center 22px;
}
.browser-chrome .installed_stepthree {
    background-image: url(/web/i/chrome/installed_step3@1x.jpg);
}
.browser-edge .installed_stepthree {
    background-image: url(/web/i/edge/installed_step3@1x.jpg);
}
.browser-ff .installed_stepthree {
    background-image: url(/web/i/ff/installed_step3@1x.jpg);
}
.browser-ffnew .installed_stepthree {
    background-image: url(/web/i/ffnew/installed_step3@1x.jpg);
}
.browser-opera .installed_stepthree {
    background-image: url(/web/i/opera/installed_step3@1x.jpg);
    background-position: center 15px;
}
.browser-safari .installed_stepthree {
    background-image: url(/web/i/safari/installed_step3@1x.jpg);
}
.installed_view {
    background: url(/web/i/installed/installed_view@1x.jpg) center 20px no-repeat;
    background-size: contain;
    min-height: 250px;
}
.installed_view .arrow {
    display: none;
}
.installed_view h3 {
    color: #717171;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin-top: 200px;
    text-align: center;
}
.page-installed .installed_view h3 {
    font-size: 20px;
}
.installed_ctas p {
    margin: 20px auto;
    text-align: center;
}
.installed_ctas .btn {
    min-width: 9em;
    padding-left: 1em;
    padding-right: 1em;
    position: relative;
    text-align: left;
}
.installed_ctas .btn span {
    font-size: 2em;
    position: absolute;
    right: 0.3em;
    top: 0.1em;
}

/*=Chrome Packaged
--------------------------------------------------------------------------------------- */
.browser-packaged .legacy-content h2 {
    font-weight: bold;
    margin-bottom: 0;
}
.browser-packaged .legacy-content h3 {
    color: #444;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    margin-top: 0;
    text-align: center;
}
.installed_content {
    margin-top: 20px;
    padding-top: 280px;
}
.installed_saving {
    background: url(/web/i/welcome/chromegsf_installed1@1x.jpg) top center no-repeat;
    background-size: contain;
}
.installed_viewing {
    background: url(/web/i/welcome/chromegsf_installed2@1x.jpg) top center no-repeat;
    background-size: contain;
    padding-top: 200px;
}
.browser-packaged .installed_content p {
    color: #222;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.3;
    max-width: 220px;
    margin: 0 auto 100px;
}
.browser-packaged .installed_viewing p {
    max-width: 240px;
}

/*=Experimental
--------------------------------------------------------------------------------------- */
.version-signupexperimental .legacy-content {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.version-signupexperimental .legacy-content h2 {
    font-weight: bold;
}
.version-signupexperimental .legacy-content .subheader {
    border-top: 1px solid #dadada;
    color: #444;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 20px;
    margin-top: 0;
    padding-top: 1em;
    text-align: center;
}
.version-signupexperimental .installed_saveforlater {
    background: url(/web/i/v4/icons_homesaveview@1x.jpg) center 0 no-repeat;
    padding-top: 250px;
}
.version-signupexperimental .installed_viewready {
    background: url(/web/i/installed/installed_view@1x.jpg) center 0 no-repeat;
    background-size: contain;
    padding-top: 250px;
}
.version-signupexperimental .installed_saveforlater h3,
.version-signupexperimental .installed_viewready h3 {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    text-align: center;
}
.version-signupexperimental .installed_saveforlater p,
.version-signupexperimental .installed_viewready p {
    margin: 0 auto 2em;
    max-width: 300px;
}
.version-signupexperimental .testsignup-area {
    text-align: center;
}
.version-signupexperimental .testsignup-area p {
    font-size: 16px;
    margin-bottom: 0.5em;
    margin-top: 0;
}
.version-signupexperimental .legacy-content .btn,
.version-signupexperimental .legacy-content .btn:hover {
    color: #fff;
}
.version-signupexperimental .installed_app a {
    color: #444;
    display: block;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.875em;
    font-weight: bold;
    margin: 0 auto 2em;
    line-height: 1;
    padding-left: 3em;
    padding-top: 0.5em;
    position: relative;
    text-decoration: none;
}
.version-signupexperimental .installed_app a:hover {
    color: #5dcfca;
}
.version-signupexperimental .icon_ios {
    background: url(/web/i/v4/icons_home@1x.png) 6px -772px no-repeat;
    height: 2em;
}
.version-signupexperimental .icon_ios:hover {
    background-position: 6px -852px;
}
.version-signupexperimental .icon_android {
    background: url(/web/i/v4/icons_home@1x.png) 2px -611px no-repeat;
    height: 2em;
}
.version-signupexperimental .icon_android:hover {
    background-position: 2px -691px;
}
.version-signupexperimental .icon_kobo {
    background: url(/web/i/v4/icons_home@1x.png) 3px -931px no-repeat;
    height: 2em;
}
.version-signupexperimental .icon_kobo:hover {
    background-position: 3px -1011px;
}
.version-signupexperimental .icon_web {
    background: url(/web/i/v4/icons_home@1x.png) 0 -1096px no-repeat;
    height: 1.8em;
}
.version-signupexperimental .icon_web:hover {
    background-position: 0 -1176px;
}
.version-signupexperimental .installed_savevideo {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.3;
    text-align: center;
}
.version-signupexperimental .installed_savevideo h3 {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.1;
    margin-bottom: 0.5em;
}
.version-signupexperimental .installed_savevideo iframe {
    display: block;
    margin: 0 auto 0.5em;
    position: relative;
    width: 100%;
}
.version-signupexperimental .installed_saveform .btn-secondary,
.version-signupexperimental .installed_saveform .btn-secondary:hover {
    color: #222;
}
.version-signupexperimental .installed_saveform a {
    text-decoration: none;
}


/*=Responsive
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 20em) {
    .installed_view {
        min-height: 275px;
    }
    .installed_view h3 {
        margin-top: 275px;
    }
    .installed_saving {
        padding-top: 320px;
    }
    .installed_viewing {
        padding-top: 250px;
    }

}
@media only screen and (min-width: 25em) {
    .installed_view {
        background-size: auto auto;
    }
    .installed_saving {
        background-size: auto auto;
    }
    .installed_viewing {
        background-size: auto auto;
    }
    .version-signupexperimental .installed_viewready {
        background-size: auto auto;
    }

}
@media only screen and (min-width: 30em) {
    .installed_saving {
        padding-top: 300px;
    }
    .installed_viewing {
        background-size: auto auto;
        padding-top: 300px;
    }
    .version-signupexperimental .installed_savevideo iframe {
        height: 270px;
        width: 30em;
    }
    .version-signupexperimental .installed_savevideo p,
    .version-signupexperimental .installed_savevideo h3 {
        margin-left: auto;
        margin-right: auto;
        max-width: 540px;
    }
    .version-signupexperimental .installed_savevideo h3 {
        font-size: 1.25em;
        margin-bottom: 1em;
    }
}
@media only screen and (min-width: 48em) {
    .page-installed .legacy-content h2 {
        font-size: 30px;
    }
    .installed_ctas {
        padding-top: 3.5em;
    }
    .browser-packaged .legacy-content h3,
    .version-signupexperimental .legacy-content .subheader {
        font-size: 20px;
        margin-bottom: 1em;
    }
    .version-signupexperimental .legacy-content .subheader {
        border-top: 1px solid #dadada;
        font-size: 24px;
        margin-top: 1em;
        padding-top: 1em;
    }
    .installed_content {
        padding-top: 300px;
    }
    .version-signupexperimental .installed_viewready {
        background-size: contain;
    }
    .version-signupexperimental .testsignup-area {
        margin-bottom: 3em;
        margin-top: 0;
    }
    .version-signupexperimental .installed_savevideo iframe {
        height: 281px;
        width: 500px;
    }
    .version-signupexperimental .installed_savehalfvideo iframe {
        height: 180px;
        width: 100%;
    }
    .version-signupexperimental .coreform-container {
        margin-top: 0;
        padding-left: 1em;
        padding-right: 1em;
    }
}
@media only screen and (min-width: 52em) {
    .version-signupexperimental .installed_savehalfvideo iframe {
        height: 200px;
        width: 100%;
    }
}
@media only screen and (min-width: 55em) {
    .version-signupexperimental .installed_savehalfvideo iframe {
        height: 220px;
        width: 100%;
    }
}
@media only screen and (min-width: 56em) {
    .installed_view {
        background-position: 160px 30px;
        background-size: auto auto;
        min-height: 278px;
    }
    .installed_view h3 {
        float: left;
        font-size: 20px;
        margin-top: 90px;
        position: relative;
        width: 144px;
    }
    .installed_view .arrow {
        background: url(/web/i/installed/installed_arrow@1x.png) center center no-repeat;
        bottom: -63px;
        display: block;
        height: 53px;
        position: absolute;
        right: 10px;
        width: 102px;
    }
    .version-signupexperimental .installed_viewready {
        background-size: auto auto;
    }
}
@media only screen and (min-width: 60em) {
    .installed_view {
        background-position: 195px 30px;
    }
    .installed_view .arrow {
        right: -20px;
    }
    .version-signupexperimental .installed_savehalfvideo iframe {
        height: 240px;
        width: 100%;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .page-installed .installed_view {
        background-image: url(/web/i/installed/installed_view@2x.jpg);
        background-size: 407px 244px;
    }
    .page-installed .installed_view .arrow {
        background-image: url(/web/i/installed/installed_arrow@2x.png);
        background-size: 102px 53px;
    }
    .browser-ffnew .installed_stepone {
        background-image: url(/web/i/ffnew/installed_step1@2x.jpg);
        background-size: 175px 142px;
    }
    .browser-ffnew .installed_steptwo {
        background-image: url(/web/i/ffnew/installed_step2@2x.jpg);
        background-size: 222px 167px;
    }
    .browser-ffnew .installed_stepthree {
        background-image: url(/web/i/ffnew/installed_step3@2x.jpg);
        background-size: 193px 150px;
    }
    .installed_saving {
        background-image: url(/web/i/welcome/chromegsf_installed1@2x.jpg);
        background-size: 300px 300px;
    }
    .installed_viewing {
        background-image: url(/web/i/welcome/chromegsf_installed2@2x.jpg);
        background-size: 440px 300px;
    }
}

/*  learnmore.css
 *
 *  Description:
 *  New FF + Pocket Learn More page.
 *
 *  Contents:
 *  Global
 *  New style buttons
 *  Header
 *  Subheader
 *  Value propositions
 *  Press
 *  Final buttons
 *  Footer
 */

/*=Global
--------------------------------------------------------------------------------------- */
.page-fflearnmore {
    color: #313131;
}
.page-fflearnmore,
.page-fflearnmore h1,
.page-fflearnmore h2,
.page-fflearnmore h3,
.page-fflearnmore h5 {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.page-fflearnmore .footer-global {
    display: none;
}

/*=New style buttons
--------------------------------------------------------------------------------------- */
.fflearnmore-btn {
    background: #0096dd;
    border: 1px solid #0095dd;
    border-radius: 4px;
    box-shadow: none;
    font-size: 1.125em;
    font-weight: 400;
    min-width: 9em;
    padding-bottom: 1em;
    padding-top: 1em;
    position: relative;
    text-shadow: none;
    transition: 0.1s background-color ease-out;
}
@media only screen and (min-width: 34em) {
    .fflearnmore-btn {
        min-width: 11.5em;
    }
    .page-fflearnmore-ru-ru .fflearnmore-btn {
        min-width: 12.5em;
    }
}
.fflearnmore-btn:hover {
    background-color: #008acc;
}
.fflearnmore-bcontainer-button-email {
    background: #fbfbfb;
    border-color: #c1c1c1;
    color: #444;
}
.fflearnmore-bcontainer-button-email:hover {
    background-color: #eaeaea;
    color: #444;
}
.fflearnmore-bcontainer-fflogo {
    background-image: url(/web/i/v4/learnmore_core@1x.png);
    background-position: -647px -178px;
    display: block;
    left: 10px;
    margin-top: -14px;
    position: absolute;
    top: 50%;
    width: 29px;
    height: 28px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    .fflearnmore-bcontainer-fflogo {
        background-image: url(/web/i/v4/learnmore_core@2x.png);
        background-size: 718px 600px;
    }
}

/*=Header
--------------------------------------------------------------------------------------- */
.fflearnmore-header {
    background-color: #f4f4f6;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
    position: relative;
    text-align: center;
    z-index: 5;
}
.fflearnmore-header-contentwrapper {
    margin: 0.55em 0 0.8em;
}
.flexbox .fflearnmore-header-contentwrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 0.8em 0;
}
@media only screen and (min-width: 36em) {
    .flexbox .fflearnmore-header-contentwrapper {
        flex-direction: row;
    }
}
.fflearnmore-partner-logo {
    background: url(/web/i/v4/learnmore_core@1x.png) no-repeat center center;
    background-position: -647px -111px;
    display: inline-block;
    margin-right: 1em;
    top: 8px;
    position: relative;
    width: 64px;
    height: 27px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    .fflearnmore-partner-logo {
        background-image: url(/web/i/v4/learnmore_core@2x.png);
        background-size: 718px 600px;
    }
}
.flexbox .fflearnmore-partner-logo {
    padding-bottom: 0.5em;
    top: 0;
}
@media only screen and (min-width: 36em) {
    .flexbox .fflearnmore-partner-logo {
        padding-bottom: 0;
    }
}
.fflearnmore-header-content > a {
    color: #50bcb6;
}
.fflearnmore-header-content > a:hover {
    color: #41a9a3;
    text-decoration: none;
}

/*=Subheader
--------------------------------------------------------------------------------------- */
.fflearnmore-bheader {
    background: #fdb73d;
    background: linear-gradient(135deg, #ce2439 0%,#ce2439 35%,#fdb73d 100%);
    color: #fff;
    overflow: hidden;
    position: relative;
    min-height: 10em;
}
.fflearnmore-bheader-container {
    text-align: center;
}
.fflearnmore-bheader-logo {
    background: url(/web/i/v4/learnmore_core@1x.png) no-repeat center center;
    background-position: -311px -272px;
    display: block;
    height: 68px;
    margin: 1em auto;
    overflow: hidden;
    width: 259px;
    text-indent: -999px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    .fflearnmore-bheader-logo {
        background-image: url(/web/i/v4/learnmore_core@2x.png);
        background-size: 718px 600px;
    }
}
@media only screen and (min-width: 48em) {
    .fflearnmore-bheader-logo {
        margin: 3em auto 1.3em;
        position: relative;
    }
}
.fflearnmore-bheader-content {
    color: #fff;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.2;
    max-width: 18em;
    margin-bottom: 1.25em;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (min-width: 60em) {
    .fflearnmore-bheader-content {
        font-size: 1.8em;
    }
}
.fflearnmore-bcontainer .fflearnmore-btn {
    margin: 0.4em auto;
}
.fflearnmore-bheader-splash {
    display: none;
    height: 668px;
    position: absolute;
    right: -35em;
    bottom: -7.6em;
    width: 922px;
}
@media only screen and (min-width: 48em) {
    .fflearnmore-bheader-splash {
        display: block;
    }
}
@media only screen and (min-width: 52em) {
    .fflearnmore-bheader-splash {
        right: -33em;
    }
}
@media only screen and (min-width: 56em) {
    .fflearnmore-bheader-splash {
        right: -31em;
    }
}
@media only screen and (min-width: 60em) {
    .fflearnmore-bheader-splash {
        right: -29em;
    }
}
@media only screen and (min-width: 64em) {
    .fflearnmore-bheader-splash {
        right: -27em;
    }
}
@media only screen and (min-width: 66em) {
    .fflearnmore-bheader-splash {
        right: -25em;
    }
}
@media only screen and (min-width: 70em) {
    .fflearnmore-bheader-splash {
        right: -23em;
    }
}
@media only screen and (min-width: 74em) {
    .fflearnmore-bheader-splash {
        right: -21em;
    }
}
@media only screen and (min-width: 78em) {
    .fflearnmore-bheader-splash {
        right: -19em;
    }
}
@media only screen and (min-width: 82em) {
    .fflearnmore-bheader-splash {
        right: -17em;
    }
}
@media only screen and (min-width: 90em) {
    .fflearnmore-bheader-splash {
        right: -13em;
    }
}
@media only screen and (min-width: 98em) {
    .fflearnmore-bheader-splash {
        right: -9em;
    }
}
@media only screen and (min-width: 106em) {
    .fflearnmore-bheader-splash {
        right: -5em;
    }
}
.fflearnmore-bheader-splashactive {
    background: url(/web/i/v4/learnmore_browserphone@1x.png) no-repeat center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    .fflearnmore-bheader-splashactive {
        background-image: url(/web/i/v4/learnmore_browserphone@2x.png);
        background-size: 922px 668px;
    }
}
.fflearnmore-bcontainer-extras {
    font-size: 0.9375em;
    margin-top: 0.5em;
}
@media only screen and (min-width: 48em) {
    .fflearnmore-bcontainer-extras {
        margin-bottom: 6em;
    }
}
.fflearnmore-bcontainer-login {
    color: #fff;
    border-bottom: 1px solid #fff;
}
.fflearnmore-bcontainer-login:hover {
    color: #ddd;
    text-decoration: none;
}
.fflearnmore-bottom-login{
    color:#0096dd;
    border-color: #0096dd;
}
.fflearnmore-bottom-login:hover{
    color:#008acc;
}
/*=Value propositions
--------------------------------------------------------------------------------------- */
.fflearnmore-vprops {
    max-width: 50em;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (min-width: 48em) {
    .fflearnmore-vprops {
        margin-bottom: 2em;
    }
}
.fflearnmore-vprops-imgblock {
    padding: 2em 0;
}
@media only screen and (min-width: 32em) {
    .fflearnmore-vprops-imgblock {
        padding: 2.5em 0;
    }
}
@media only screen and (min-width: 48em) {
    .fflearnmore-vprops-imgblock {
        padding: 3.75em 0;
    }
}
.fflearnmore-vprops-headline,
.fflearnmore-vprops-content {
    max-width: 400px;
    margin: 0 auto;
}
.fflearnmore-vprops-headline {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 0.5em;
    margin-top: 0.4em;
}
.fflearnmore-vprops-content {
    color: #777;
    font-size: 1.125em;
    line-height: 1.4;
}
@media only screen and (min-width: 48em) {
    .fflearnmore-vprops-headline,
    .fflearnmore-vprops-content {
        max-width: inherit;
    }
    .fflearnmore-vprops-headline {
        text-align: left;
        margin-top: 0;
    }
    .fflearnmore-vprops-content {
        margin-bottom: 0;
    }
    .fflearnmore-vprops-headline-imgsave {
        margin-top: 1.1em;
    }
}
.fflearnmore-vprops-divider {
    border-top: 1px solid #e1e1e1;
    display: block;
    height: 1px;
    margin: 0 auto;
    max-width: 18.75em;
}
.fflearnmore-vprops-img {
    background: url(/web/i/v4/learnmore_core@1x.png) no-repeat center center;
    display: none;
    overflow: hidden;
    text-indent: -999px;
}
@media only screen and (min-width: 32em) {
    .fflearnmore-vprops-img {
        display: block;
    }
}
.fflearnmore-vprops-imgsave {
    background-position: 0 0;
    height: 232px;
    margin: 0 auto;
    width: 277px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    .fflearnmore-vprops-imgsave {
        background-image: url(/web/i/v4/learnmore_core@2x.png);
        background-size: 718px 600px;
    }
}
.fflearnmore-vprops-viewanytime {
    background-position: -317px 0px;
    height: 209px;
    margin: 0 auto;
    width: 290px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    .fflearnmore-vprops-viewanytime {
        background-image: url(/web/i/v4/learnmore_core@2x.png);
        background-size: 718px 600px;
    }
}
.fflearnmore-vprops-saveongo {
    background-position: 0 -272px;
    height: 158px;
    margin: 0 auto;
    width: 271px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    .fflearnmore-vprops-saveongo {
        background-image: url(/web/i/v4/learnmore_core@2x.png);
        background-size: 718px 600px;
    }
}

/*=Press
--------------------------------------------------------------------------------------- */
.fflearnmore-press {
    background-color: #f7f8f9;
    color: #292f33;
    padding: 4em 0;
    text-align: center;
}
.twitter-tweet {
    /* unfortunately important tags are necessary to override Twitter's default style */
    margin: 0 auto 2em !important;
    position: relative !important;
}
@media only screen and (min-width: 48em) {
    .twitter-tweet {
        margin: 0 auto !important;
    }
}
.fflearnmore-press-fivestars,
.fflearnmore-press-gplayios,
.fflearnmore-press-gplaylogo,
.fflearnmore-press-timelogo,
.fflearnmore-press-webbylogo {
    background: url(/web/i/v4/learnmore_core@1x.png) no-repeat center center;
    display: block;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    .fflearnmore-press-fivestars,
    .fflearnmore-press-gplayios,
    .fflearnmore-press-gplaylogo,
    .fflearnmore-press-timelogo,
    .fflearnmore-press-webbylogo {
        background-image: url(/web/i/v4/learnmore_core@2x.png);
        background-size: 718px 600px;
    }
}
.fflearnmore-press-fivestars {
    background-position: -376px -470px;
    height: 29px;
    margin: 2em auto 1em;
    width: 171px;
}
@media only screen and (min-width: 48em) {
    .fflearnmore-press-fivestars {
        margin: 0 auto 1em;
    }
}
.fflearnmore-press-content {
    font-weight: 600;
    margin-bottom: 0.8em;
}
.fflearnmore-press-numbers {
    display: block;
    font-size: 5em;
    line-height: 1;
}
.fflearnmore-press-extradetail {
    display: block;
    font-size: 1.375em;
    line-height: 1.2;
    padding: 0.2em 1em;
}
.fflearnmore-press-detail {
    font-size: 1.125em;
    font-weight: 600;
    line-height: 1.2;
    max-width: 10em;
    margin-left: auto;
    margin-right: auto;
}
.fflearnmore-press-gplayios {
    background-position: 0 -554px;
    height: 46px;
    margin: 0 auto 1.8em;
    width: 94px;
}
@media only screen and (min-width: 48em) {
    .fflearnmore-press-gplayios {
        margin: 0 auto;
    }
}
.fflearnmore-press-dividerleft,
.fflearnmore-press-dividerright {
    background-color: #e0e1e2;
    display: block;
    left: 50%;
    height: 1px;
    margin-left: -4em;
    width: 8em;
    position: absolute;
}
.fflearnmore-press-dividerleft {
    top: 0;
}
.fflearnmore-press-dividerright {
    bottom: 0;
}
@media only screen and (min-width: 59em) {
    .fflearnmore-press-dividerleft,
    .fflearnmore-press-dividerright {
        background-color: #e0e1e2;
        height: 8.75em;
        left: 1em;
        top: 50%;
        margin-left: 0;
        margin-top: -4.375em;
        width: 1px;
    }
    .fflearnmore-press-dividerright {
        left: auto;
        right: 1em;
    }
}
.fflearnmore-press-subsection-one,
.fflearnmore-press-subsection-two {
    float: none;
    width: 100%;
}
@media only screen and (min-width: 59em) {
    .fflearnmore-press-subsection-one {
        float: left;
        width: 60%;
    }
    .fflearnmore-press-subsection-two {
        float: left;
        width: 40%;
    }
}
.fflearnmore-press-gplaylogo {
    background-position: -500px -380px;
    margin: 1.6em auto 0.2em;
    height: 25px;
    width: 102px;
}
@media only screen and (min-width: 48em) {
    .fflearnmore-press-gplaylogo {
        margin: 0 auto 0.2em;
    }
}
@media only screen and (min-width: 59em) {
    .fflearnmore-press-gplaylogo {
        margin: 1.5em 0 0;
    }
}
.fflearnmore-press-time {
    margin: 0 auto;
    max-width: 149px;
}
@media only screen and (min-width: 60em) {
    .fflearnmore-press-time {
        margin: 0;
    }
}
.fflearnmore-press-timelogo {
    background-position: -311px -380px;
    height: 44px;
    margin: 2em auto 0.5em;
    width: 149px;
}
.fflearnmore-press-webbylogo {
    background-position: -647px 0;
    margin: 1em auto 0.5em;
    height: 71px;
    width: 71px;
}
@media only screen and (min-width: 59em) {
    .fflearnmore-press-webbylogo {
        margin-top: 2em;
    }
}

/*=Final buttons
--------------------------------------------------------------------------------------- */
.fflearnmore-fbuttons {
    padding: 2em 0;
}
@media only screen and (min-width: 48em) {
    .fflearnmore-fbuttons {
        padding: 5em 0;
    }
}
.fflearnmore-fbuttons-content {
    font-size: 1.2em;
    font-weight: 400;
    text-align: center;
}
@media only screen and (min-width: 48em) {
    .fflearnmore-fbuttons-content {
        font-size: 2em;
        margin-bottom: 0.5em;
    }
}
.fflearnmore-fbuttons .fflearnmore-bcontainer {
    margin: 0 auto;
    position: relative;
    text-align: center;
}

/*=Footer
--------------------------------------------------------------------------------------- */
.fflearnmore-footer {
    background-color: #454545;
    padding: 1.5em 0;
    text-align: center;
}
.fflearnmore-footer-appios,
.fflearnmore-footer-appgplay {
    background: url(/web/i/v4/learnmore_core@1x.png) no-repeat center center;
    display: inline-block;
    margin-bottom: 0.45em;
    margin-right: 1em;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    .fflearnmore-footer-appios,
    .fflearnmore-footer-appgplay {
        background-image: url(/web/i/v4/learnmore_core@2x.png);
        background-size: 718px 600px;
    }
}
@media only screen and (min-width: 48em) {
    .fflearnmore-footer-appios,
    .fflearnmore-footer-appgplay {
        display: block;
        float: left;
        margin-bottom: 0;
    }
}
.fflearnmore-footer-appios {
    background-position: -188px -470px;
    height: 44px;
    width: 148px;
}
.fflearnmore-footer-appgplay {
    background-position: 0px -470px;
    height: 44px;
    width: 148px;
}
.fflearnmore-footer-content {
    color: #fff;
    display: block;
    font-size: 0.8125em;
    list-style: none;
    margin-top: 1em;
}
@media only screen and (min-width: 48em) {
    .fflearnmore-footer-content {
        float: right;
    }
}
.fflearnmore-footer-element {
    display: inline-block;
    padding: 0.5em 1em;
}
@media only screen and (min-width: 48em) {
    .fflearnmore-footer-element {
        float: left;
        margin: 0 1em 0 0;
        padding: 0;
    }
}
@media only screen and (min-width: 54em) {
    .fflearnmore-footer-element {
        margin-right: 1.5em;
    }
}
.fflearnmore-footer-link {
    color: #fff;
    font-weight: 600;
    margin: 0;
}
.fflearnmore-footer-link:hover {
    color: #eee;
    text-decoration: none;
}

/*  legacy.css
 *
 *  Description:
 *  Single, "all in one" conversion file for our existing pages (to be later "fully" coverted to new format)
 *
 *  Contents:
 *  Global
 *  Sidebar
 *  Content
 *  Page specific
 *  Responsive
 */

/*=Global
--------------------------------------------------------------------------------------- */
.legacy-container {
    background: #fff;
}

/*=Sidebar
--------------------------------------------------------------------------------------- */
.legacy-sidebar {
    background: #eee;
    border-top: 1px solid #cacaca;
    font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    padding-top: 1em;
}
.legacy-sidebar h3 {
    color: #000;
    font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 1.125em;
    font-weight: bold;
    margin: 0 0 1.625em 0;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    text-transform: uppercase;
}
.legacy-sidebar h5,
.legacy-sidebar h5 > a {
    color: #000;
    font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 0.5em 0;
}
.legacy-sidebar .display_name {
    word-wrap: break-word;
}
.legacy-sidebar ul {
    display: block;
    list-style: none;
    margin-bottom: 3.5em;
}
.legacy-sidebar li {
    display: block;
    line-height: 1;
    margin: 0 0 0.5em 0;
}
.legacy-sidebar a {
    color: #4a4a4a;
    font-size: 0.875em;
    margin: 0;
    text-decoration: none;
}
.legacy-sidebar a:hover {
    color: #478f8f;
}

/*=Content
--------------------------------------------------------------------------------------- */
.legacy-content {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 1em;
    margin-top: 1em;
}
.legacy-content h2 {
    color: #5dcfca;
    font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 1.875em;
    font-weight: normal;
    position: relative;
    margin: 0 0 0.2em 0;
}
.legacy-content h3 {
    font-size: 1.125em;
}
.legacy-content h4 {
    font-size: 0.875em;
    font-weight: bold;
    margin-bottom: 0.7em;    
}
.legacy-content h5 {
    font-size: 1em;
    font-weight: normal;    
}
.legacy-content li {
    font-size: 0.8125em;
    list-style-position: inside;
}
.legacy-content p {
    font-size: 0.8125em;
    margin-bottom: 1.5em;
}
.legacy-content a {
    color: #478f8f;
    text-decoration: underline;
}
.legacy-content a:hover {
    color: #3c7878;
}
.legacy-content hr {
    border-color: #9A9A9A;
}
.legacy-content .btn,
.legacy-content .btn:hover {
    color: #222;
    text-decoration: none;
}
.legacy-content .msg {
    background-color: #f6f6f6;
    border: 1px solid #cacaca;
    color: #be434c;
    font-size: 0.875em;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 1em;
    padding: 0.5em;
}


/*=Page specific
--------------------------------------------------------------------------------------- */
.page-jobs .legacy-content h2,
.page-contact .legacy-content h2 {
    margin-bottom: 1em;
}
.page-account .legacy-content {
    font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.page-account .legacy-content h2 {
    border-bottom: 1px solid #cacaca;
    color: #444;
    font-weight: bold;
    padding-bottom: 0.1em;
    margin-bottom: 0;
}
.page-account .legacy-content h4 {
    color: #555;
    font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 1.1875em;
    margin-bottom: 0.2em;
    margin-top: 2em;
}
.page-account .legacy-content .validate {
    box-sizing: border-box;
    border: 1px solid #c5c5c5;
    padding: 0.2em 0.4em;
    width: 100%;
}
.page-account .legacy-content .btn {
    color: #fff;
    margin-bottom: 1.5em;
    margin-top: 3em;
}
.page-account .options_list li {
    border-bottom: 1px solid #fff;
    margin: 0;
    padding-left: 0.625em;
    line-height: 1.6;
    list-style: none;
    background: #f5f5f5;
    position: relative;
}
.page-account .options_list .action {
    position: absolute;
    right: 0.625em;
    top: 0;
}
.page-account .change-options {
    border-bottom: 1px solid #cacaca;
    list-style: none;
    padding-bottom: 2em;
    padding-top: 1.5em;
}
.page-account .change-options li {
    font-size: 0.875em;
    font-weight: bold;
    margin-bottom: 0.5em;
}
.page-account .legacy-content .check {
    height: auto;
    width: auto;
    margin: 0 0.625em 0 0;
}
.page-account .legacy-content .check-section {
    font-size: 0.8125em;
    margin: 2em 0;
}
.page-account .legacy-content .capps-row {
    line-height: 25px;
    margin-left: 1em;
    margin-bottom: 0.625em;
    position:relative;
    padding-left: 3em;
}
.page-account .legacy-content .capps-icon {
    -webkit-border-radius: 5px;
    background-size: 25px 25px;
    border-radius: 5px;
    display: inline-block;
    height: 25px;
    left: 0;
    position: absolute;
    top: 0;
    width: 25px;
}
.page-account .legacy-content .capps-spacer {
    font-weight: bold;
    margin-bottom: 0.5em;
}
.page-account .primary .option-row {
    margin: 10px 0;
}
.page-account .primary input {
    cursor: pointer;
    width: 10em;
    margin-right: 1em;
}
.page-account .radio span {
    position: relative;
    top: -2px;
}
.page-account .notice {
    opacity: 0;
    background: #666;
    border-radius: 4px;
    color: #fff;
    font-style: italic;
    padding: 10px;
    position: absolute;
    top: 140px;
}
.page-account .notice-active {
    transition: opacity 0.2s linear;
    opacity: 1;
}
.page-account .legacy-content .btn-disabled {
    background-image: none;
    color: #ccc;
    cursor: default;
    opacity: 0.6;
}
.page-account .legacy-content .account-warning {
    color: #f00;
}
.page-account .error-msg {
    -moz-border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-border-radius: 4px;
    -webkit-box-sizing: border-box;
    background-color: #ffe8e9;
    border-radius: 4px;
    box-sizing: border-box;
    color: #c33;
    line-height: 1.2;
    padding: 0.5em 0.8em 0.45em;
}
.page-account .error-msg a {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #c33;
}
.page-account .error-msg a:hover {
    color: #a32929;
}
.page-account .adding-more {
    margin-bottom: 0.5em;
}
.page-account .section-usernamedetail {
    font-size: 1em;
}
.flexbox .page-account .section-usernamedetail {
    display: flex;
    align-items: center;
}
.page-account .section-usernamedetail-desc {
    float: left;
    width: 20%;
}
.page-account .section-usernamedetail .validate {
    float: left;
    width: 80%;
}
.flexbox .page-account .section-usernamedetail .validate {
    flex: 1;
    width: auto;
}
.page-websettings .legacy-content h2 {
    margin-bottom: 1em;
}
.page-jobs .jobs-picture {
    display: block;
    margin: 1.5em auto;
}
.page-jobs .jobs-pictureopener {
    margin-top: 0;
}
.page-jobs .jobs-viewallpositions {
    font-weight: bold;
    font-size: 1.5em;
}
.page-jobs .jobs-photocredit {
    color: #999;
    font-size: 0.75em;
    line-height: 1;
}
.page-jobs .jobs-photocredit a {
    color: #999;
}
.page-jobs .jobs-photocredit > span {
    display: block;
    margin: 0.5em 0;
}

/*=Responsive
--------------------------------------------------------------------------------------- */
/* 416px */
@media only screen and (min-width: 26em) {
    .legacy-container {
        background: #eee;
    }
    .legacy-content {
        border: 1px solid #cacaca;
        padding: 0.5em;
    }
    .legacy-sidebar {
        background: transparent;
        border-top: none;
        margin-top: 1em;
    }
    .page-jobs .jobs-photocredit > span {
        float: left;
        margin: 0;
        padding: 0 1em;
    }
    .page-jobs .jobs-photocredit > span:first-child {
        border-right: 1px solid #aaa;
        padding-left: 0;
    }
}
/* 768px - adaptive breakpoint */
@media only screen and (min-width: 48em) {
    .legacy-content {
        margin-bottom: 2.5em;
        margin-top: 2.5em;
        padding: 1em 2.6em;
    }
    .legacy-content h2 {
        margin-top: 0.6em;
    }
    .legacy-sidebar {
        margin-bottom: 2.5em;
        margin-top: 2.5em;
    }
    .page-jobs .job-list {
        left: 112%;
        margin-left: -182px;
        top: 4.75em;
        position: absolute;
        width: 175px;
    }
    .page-jobs .job-list h3 {
        color: #808184;
        font-size: 0.8125em;
        margin-bottom: 1em;
        padding-left: 1.25em;
    }
    .page-jobs .job-list ul {
        -ms-border-top-left-radius: 10px;
        -moz-border-top-left-radius: 10px;
        -moz-box-shadow: inset 2px 2px 4px rgba(0,0,0,0.2);
        -webkit-border-top-left-radius: 10px;
        -ms-border-bottom-left-radius: 10px;
        -moz-border-bottom-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        box-shadow: inset 2px 2px 4px rgba(0,0,0,0.2);
        background-color: #5DCFCA;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        display: block;
        padding: 1.25em;
    }
    .page-jobs .job-list li {
        margin-bottom: 1em;
    }
    .page-jobs .job-list .last-job {
        margin-bottom: 0;
    }
    .page-jobs .job-list a {
        color: #fff;
        text-decoration: underline;
    }
}
/* 768px and hdpi */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 48em), only screen and (min-resolution: 144dpi) and (min-width: 48em) {
}
/* 832px */
@media only screen and (min-width: 52em) {
    .page-jobs .job-list {
        margin-left: -185px;
    }
}
/* 896px */
@media only screen and (min-width: 56em) {
    .page-jobs .job-list {
        margin-left: -188px;
    }
}
/* 992px */
@media only screen and (min-width: 62em) {
    .page-jobs .job-list {
        left: auto;
        margin-left: 75px;
    }
}
/*  loginsignup.css
 *
 *  Description:
 *  Page specific styling for the login/signup and forgot pages.
 *
 *  Contents:
 *  Global
 *  Content
 *  Content - Form
 *  Extension Content
 *  Firefox Auth Extras
 *  Via Pocket Button
 *  Minimal
 *  Minimal - header
 *  Responsive
 */

/*=Global
--------------------------------------------------------------------------------------- */
.signupform-close {
    background: url(/web/i/v4/signup_closecta@1x.png) center center no-repeat;
    cursor: pointer;
    height: 11px;
    position: absolute;
    overflow: hidden;
    right: 10px;
    text-indent: -20em;
    top: 10px;
    width: 11px;
    z-index: 9;
}

/*=Content
--------------------------------------------------------------------------------------- */
.page-signup h2,
.page-login h2,
.page-signupinterim h2,
.overlay_screen .coreform-container h2,
.page-forgot h2,
.page-forgotreset h2 {
    color: #333;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    margin-bottom: 1.75em;
    text-align: center;
    text-shadow: none;
}
.page-login h2,
.overlay_screen .loginform-container h2 {
    margin-bottom: 1em;
}
.page-signupinterim h2 {
    margin-bottom: 1em;
    margin-top: 1em;
}
.page-forgot h2,
.page-forgotreset h2 {
    margin-top: 1em;
}
.loginform-containererror h2 {
    margin-bottom: 0.5em;
}
.coreform-container {
    position: relative;
    text-align: center;
}
.overlay_screensignuplogin {
    transition: opacity 0.01s ease-out, visibility 0.01s ease-out;
    background-color: #fff;
    position: absolute;
}
.overlay_screensignuplogin .content_container:before {
    height: 0;
}
.overlay_screen .coreform-container {
    background-color: #fff;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    text-shadow: none;
}
.coreform-containerhidden {
    display: none;
}
.signupform-formstate {
    transition: margin-top 0.5s ease-in-out;
}
.coreform-container p {
    color: #333;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.875em;
    text-shadow: none;
}
.signupinterim-container p {
    color: #666;
    font-size: 1em;
    line-height: 1.3;
    margin: 0 auto 1.5em;
    max-width: 16em;
    text-align: left;
}
.signupinterim-container .email {
    -ms-word-break: break-all;
   	-moz-hyphens: auto;
    -webkit-hyphens: auto;
    font-weight: bold;
    -ms-hyphens: auto;
        hyphens: auto;
    word-break: break-all;
    word-break: break-word;
}
.signup-disclaimer {
    color: #999;
    font-size: 0.75em;
    line-height: 1.4;
    max-width: 248px;
    margin: 1em auto 2.5em;
    text-align: center;
}
.signup-disclaimer input {
    color: #b2b2b2;
    cursor: pointer;
    display: inline-block;
    font-size: 1.25em;
    margin-right: 0.5em;
}
.signup-disclaimer a {
    border-bottom: none;
    color: #999;
    text-decoration: underline;
}
.signup-disclaimer a:hover {
    color: #333;
}
.coreform-container p > a {
    border-bottom: 1px solid #d8d8d8;
    color: #2e2e2e;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}
.coreform-container .forgot,
.coreform-container .signup {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
}
.coreform-container p > a:hover {
    color: #5dcfca;
    text-decoration: none;
}
.coreform-container .alreadyhave,
.coreform-container .login-footer,
.coreform-container .forgot-footer {
    margin: 1em auto 2em;
    max-width: 17.7em;
}
.page-es-es .coreform-container .alreadyhave,
.page-es-es .coreform-container .login-footer,
.page-es-es .coreform-container .forgot-footer {
    max-width: 18em;
}
.coreform-container .login-error,
.coreform-container .login-msg {
    -moz-border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-border-radius: 4px;
    -webkit-box-sizing: border-box;
    background-color: #ffe8e9;
    border-radius: 4px;
    box-sizing: border-box;
    color: #c33;
    line-height: 1.2;
    padding: 0.5em 0.8em 0.45em;
    margin: 0 auto 1em;
    text-align: center;
    width: 17.7em;
}
.coreform-container .login-error a {
    border-bottom: 1px solid #c33;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #c33;
}
.coreform-container .login-error a:hover {
    color: #a32929;
}
.coreform-container .login-msg {
    color: #333;
    background-color: #e4e4e4;
}
.coreform-container .forgot-msg {
    margin-left: auto;
    margin-right: auto;
    max-width: 22em;
}
.coreform-container .forgot-msg-detail {
    font-size: 1.125em;
    max-width: 17em;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
.coreform-container .forgot-msg-detail > a {
    border-bottom: none;
    color: #5dcfca;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-decoration: none;
}
.coreform-container .forgot-msg-detail > a:hover {
    color: #39c0ba;
}
.coreform-container .forgot-msg-detailalt {
    font-size: 1em;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    max-width: 15em;
}
.coreform-container .forgot-msg-header {
    font-size: 1.875em;
    margin-bottom: 1em;
}
.coreform-container .signup-processing,
.coreform-container .signupgoogle-processing,
.coreform-container .login-processing,
.coreform-container .logingoogle-processing,
.coreform-container .forgot-processing {
    background: url('/web/i/spinner_med.gif') top center no-repeat;
    background-size: 16px 16px;
    display: none;
    position: absolute;
    height: 1em;
    margin: -0.2em auto 0;
    width: 100%;
}
.signupform-processing .signup-processing,
.signupgoogleform-processing .signupgoogle-processing,
.loginform-processing .login-processing,
.logingoogleform-processing .logingoogle-processing,
.forgotform-processing .forgot-processing,
.forgotformreset-processing .forgot-processing {
    display: block;
}
.coreform-container .login-processing {
    margin-top: -1em;
}
.coreform-container .signup-processing {
    margin-top: 0.5em;
}
.signupform-formfields .signup-processing {
    margin-top: -0.6em;
}
.signupform-formstate .signup-processing {
    margin-top: -0.4em;
}
.signupinterim-container .signup-processing {
    margin-top: 1em;
}
.signupform-container .signupgoogle-processing {
    margin-top: -1.5em;
}
.loginform-container .logingoogle-processing {
    margin-top: -1.5em;
}
.loginform-containererror .logingoogle-processing {
    margin-top: -0.8em;
}
.forgotform-container .forgot-processing {
    margin-top: 0.2em;
}

/*=Content - Form
--------------------------------------------------------------------------------------- */
.signup-btn-google,
.signup-btn-email,
.login-btn-firefox,
.login-btn-google,
.login-btn-email,
.signupinterim-btn-login,
.signupinterim-btn-signup,
.forgot-btn-submit,
.forgotreset-btn-change {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    min-width: 12.125em;
    padding: 0.8em 1.625em;
    box-sizing: content-box;
}
.signup-btn-email {
    position: relative;
    z-index: 10;
}
.page-pl-pl .signup-btn-email {
    max-width: 14em;
}
.signup-btn-google,
.signup-btn-firefox,
.login-btn-firefox,
.login-btn-google {
    min-width: 15.375em;
    position: relative;
    padding: 0;
}
.page-de-de .login-btn-firefox,
.page-de-de .login-btn-google {
    min-width: 15.75em;
}
.page-es-la .login-btn-firefox,
.page-es-la .login-btn-google,
.page-fr-fr .login-btn-firefox,
.page-fr-fr .login-btn-google {
    min-width: 17em;
}
.page-fr-ca .login-btn-firefox,
.page-fr-ca .login-btn-google {
    min-width: 18em;
}
.signup-btn-google .logo,
.signup-btn-firefox .logo,
.login-btn-firefox .logo,
.login-btn-google .logo {
    background: url(/web/i/v4/signup_gplusbuttonlogo@1x.png) center center no-repeat;
    border-right: 1px solid #e5767b;
    float: left;
    height: 2.6em;
    width: 42px;
    position: relative;
}
.login-btn-google .logo {
    background-image: url(/web/i/v4/signup_gplusbuttonlogored@1x.png);
    border-right-color: #d8d8d8;
}
.signup-btn-firefox .logo,
.login-btn-firefox .logo {
    background-image: url(/web/i/v4/signin_firefox@1x.png);
    border-right-color: #d8d8d8;
}
.forgotreset-btn-change {
    margin-bottom: 2em;
}
.signup-btn-google .text,
.signup-btn-firefox .text,
.login-btn-firefox .text,
.login-btn-google .text {
    display: inline-block;
    padding: 0.8em 1.625em;
    position: relative;
    text-shadow: none;
    white-space: nowrap;
}
.signupform-container .signup-btn-google .text {
    color: #fff;
}
.signupform-container .btn-disabled .text {
    color: #ccc;
    color: rgba(255,255,255,0.6);
}
.coreform-container .btn-secondary,
.coreform-container .btn-secondary:hover {
    color: #222;
}
.coreform-container .btn-secondary-disabled,
.coreform-container .btn-secondary-disabled:hover {
    color: #4e4e4e;
    color: rgba(34,34,34,0.6);
}
.signupform-formstate .signupform-start {
    height: 0;
}
.signupform-start {
    transition: height 0.3s ease-in-out;
    overflow: hidden;
}
/* Separate all buttons by .7em */
.coreform-container.signupform-container .btn {
    margin-top: 0;
}
.coreform-container .signupform-start > .btn {
    margin-top: .7em;
}
/* No spacers to start or after or separator */
.coreform-container .signupform-start:first-child,
.coreform-container .signupform-start .signup-ordivider + .btn{
    margin-top: 0;
}
.signupform-formstate .signupform-formemail {
    height: auto;
    overflow: visible;
}
.signupform-formemail {
    transition: height 0.3s ease-in-out;
    height: 0;
    overflow: hidden;
}
.signupform-formfields .signupform-formemail,
.signupform-anicompleted {
    overflow: visible;
}
.signupform-formemail .form-field {
    display: block;
}
.signup-ordivider {
    background: url(/web/i/v4/signup_or@1x.png) center center no-repeat;
    height: 2em;
    margin: 1.5em auto;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.page-de-de .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_de@1x.png);
}
.page-es-es .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_es-es@1x.png);
}
.page-es-la .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_es-la@1x.png);
}
.page-fr-ca .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_fr-ca@1x.png);
}
.page-fr-fr .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_fr-fr@1x.png);
}
.page-it-it .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_it@1x.png);
}
.page-ja-jp .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_jp@1x.png);
}
.page-ko-kr .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_ko-kr@1x.png);
}
.page-nl-nl .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_nl-nl@1x.png);
}
.page-pl-pl .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_pl-pl@1x.png);
}
.page-pt-br .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_pt-br@1x.png);
}
.page-pt-pt .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_pt-pt@1x.png);
}
.page-ru-ru .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_ru@1x.png);
}
.page-zh-cn .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_zh-cn@1x.png);
}
.page-zh-tw .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_zh-tw@1x.png);
}
.coreform-container .form-field,
.page-login .form-field {
    display: inline-block;
    margin: 0.7em auto;
    position: relative;
}
.coreform-container .form-field-hidden {
    display: none;
}
.forgotform-container .form-field {
    margin-bottom: 0;
    margin-top: 0;
}
.coreform-container .form-field:first-child {
    margin-top: 0.3em;
}
.coreform-container .form-field:last-child {
    margin-bottom: 1.3em;
}
.coreform-container .btn {
    margin-top: 0.3em;
}
.coreform-container .signupinterim-btn-login,
.coreform-container .signupinterim-btn-signup {
    margin-top: 0;
}
.coreform-container .login-btn-firefox {
    margin-top: 1em;
}
.coreform-container .form-field label {
    display: none;
}
.coreform-container .form-field input {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    display: block;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 auto;
    min-width: 13.375em;
    padding: 0.7em 1em;
}
.coreform-container .form-field-error input,
.coreform-container .form-field-emailinvalid input {
    border-color: #f00;
}
.coreform-container .error-bubble {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #ffe6e8;
    border: 1px solid #f80000;
    border-radius: 4px;
    color: #c33;
    font-size: 0.8125em;
    font-weight: normal;
    line-height: 1;
    opacity: 0;
    padding: 0.4em 1em;
    position: absolute;
    right: -1em;
    top: -2.1em;
    text-align: left;
    visibility: hidden;
    z-index: 500;
}
.coreform-container .error-bubble a {
    border-bottom: 1px solid #c33;
    font-weight: normal;
    color: #c33;
}
.coreform-container .error-bubble a:hover {
    color: #a32929;
    text-decoration: none;
}
.coreform-container .error-bubble-twoliner {
    line-height: 1.2;
    top: -3.4em;
}
.coreform-container .error-arrow {
    border-width: 10px;
}
.coreform-container .error-arrow,
.coreform-container .error-arrow:after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}
.coreform-container .error-arrow:after {
    border-width: 9px;
    content: "";
}
.coreform-container .error-arrow {
    bottom: -10px;
    right: 20px;
    margin-left: -10px;
    border-top-color: #f80000;
    border-bottom-width: 0;
}
.coreform-container .error-arrow:after {
    bottom: 1px;
    margin-left: -9px;
    border-top-color: #ffe6e8;
    border-bottom-width: 0;
}
.coreform-container .input-disabled {
    opacity: 0.5;
    transition: opacity 0.2s linear;
}
.coreform-container .form-field-error .error-bubble,
.coreform-container .form-field-emailinvalid .error-bubble,
.coreform-container .form-field-showbubble .error-bubble {
    height: auto;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.1s linear, visibility 0.1s linear;
}
.coreform-container .form-field-showbubble .error-bubble {
    transition: none;
}
.coreform-container .form-field-error-nobubble .error-bubble {
    opacity: 0;
    visibility: hidden;
}
.signupform-formstate .signup-btn-initstate,
.signupform-formfields .signup-btn-initstate,
.signup-btn-formstate {
    display: none;
}
.signupform-formstate .signup-btn-formstate {
    display: inline-block;
}
.signupform-formfields .signup-btn-formstate {
    display: inline-block;
}
.signupinterim-btn-signup {
    margin-bottom: 2em;
}
.coreform-container .signup-btn-formstate {
    margin-top: 0.6em;
}
.coreform-container .forgot-btn-submit {
    margin-top: 1.6em;
}
.coreform-container .forgotreset-btn-change {
    margin-top: 1em;
}

/*=Extension Content
--------------------------------------------------------------------------------------- */
.page-login-extension-error {
    background: transparent;
}
.page-login .extension-error {
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
    background-color: #f0f0f0;
    border: 2px solid #fff;
    border-radius: 4px;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
    display: none;
    font-size: 1em;
    height: auto;
    margin: 1em 0.95em 1em 1em;
    opacity: 0;
    padding: 0;
    text-align: center;
    visibility: hidden;
    width: 21em;
    z-index: 9999999998;
}
.page-login .extension-error-active {
    -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition: opacity 0.2s linear, visibility 0.2s linear;
    -ms-transition: opacity 0.2s linear, visibility 0.2s linear;
    -o-transition: opacity 0.2s linear, visibility 0.2s linear;
    opacity: 1;
    transition: opacity 0.2s linear, visibility 0.2s linear;
    visibility: visible;
}
.page-login .extension-error h2 {
    color: #2e2e2e;
    font-size: 1.375em;
    line-height: 1.1;
    padding: 1em 0.25em 0;
    margin: 0;
    text-transform: none !important;
}
.page-login .extension-error ul {
    margin: 0 0 1em;
    padding-left: 2em;
}
.page-login .extension-error li {
    color: #555;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.875em;
    line-height: 1.3;
    list-style: outside;
    padding: 0.5em 1.5em 0.5em 0.2em;
    margin: 0;
    text-align: left;
}
.page-login .extension-error a {
    color: #4aaca7;
    font-weight: bold;
    text-decoration: none;
}
.page-login .extension-error a:hover {
    color: #265956;
}
.page-login .extension-error .privatemode-only,
.page-login .extension-error .incognito-only,
.page-login .extension-error .clearedcookies-only {
    display: none;
}
.page-login .extension-error-privatemode .privatemode-only,
.page-login .extension-error-incognito .incognito-only,
.page-login .extension-error-clearedcookies .clearedcookies-only {
    display: list-item;
}

/*=Firefox Auth Extras
--------------------------------------------------------------------------------------- */
.page-signup .ffsignup-header {
    border-bottom: 0;
    margin-bottom: 0.5em;
}

/*=Via Pocket Button
--------------------------------------------------------------------------------------- */
.page-signup-pocketbutton .signup-content,
.page-login-pocketbutton .signup-content {
    background: #fff;
}
.page-signup-pocketbutton .pocketbuttonintro {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    max-width: 32em;
    padding: 0 1em;
    text-align: center;
}
.page-signup-pocketbutton .pocketbuttonintro h2 {
    display: inline-block;
    margin-bottom: 0.25em;
    margin-top: 1em;
}
.page-signup-pocketbutton .pocketbuttonintro p {
    margin-top: 1em;
}
.page-signup-pocketbutton .pocketbutton-footer,
.page-login-pocketbutton .pocketbutton-footer {
    background: #444;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.875em;
    color: #fff;
    padding: 1em 0 0;
    text-align: center;
}
.page-signup-pocketbutton .pocketbutton-footer p,
.page-login-pocketbutton .pocketbutton-footer p {
    max-width: 32em;
    margin-left: auto;
    margin-right: auto;
}
.page-signup-pocketbutton .pocketbutton-footer-url,
.page-login-pocketbutton .pocketbutton-footer-url {
    word-break: break-all;
}
.page-signup-pocketbutton .signupform-container,
.page-login-pocketbutton .loginform-container {
    border: none;
    background-color: transparent;
    margin-bottom: 1em;
    margin-top: 0;
    padding-top: 0;
}
.page-login-pocketbutton .loginform-container {
    margin-top: 1em;
}

/*=Minimal
--------------------------------------------------------------------------------------- */
.page-signup-minimal,
.page-signup-minimal .signup-content {
    background-color: #ededed;
}
.page-signup-minimal .header-global,
.page-signup-minimal .footer-global,
.page-signup-minimal .column-extragraphic {
    display: none;
}
.page-signup-minimal .header-mini #header-logo {
    background-image: url(/web/i/v4/firefox_pocketlogo@1x.png);
    height: 25px;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    width: 90px;
}
.page-signup-minimal .header-mini #header-logo {
    background-image: url(/web/i/v4/firefox_pocketlogo_large@1x.png);
    height: 35px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 140px;
}
.page-signup-minimal .column-signupform {
    width: 100%;
}
.page-signup-minimal .coreform-container {
    border: 1px solid #dadada;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    max-width: 22.125em;
    margin-top: 1em;
    padding: 1em 0;
}
.page-signup-minimal .header-mini .btn-createaccount {
    color: #999;
    font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    margin-top: 1.1em;
    float: right;
}
.page-signup-minimal .header-mini .btn-createaccount:hover {
    color: #5dcfca;
    text-decoration: none;
}
.page-signup-minimal-header .header-global {
    display: block;
}
.page-signup-minimal-header .header-mini {
    display: none;
}
.page-signup-minimal-footer .footer-global {
    display: block;
    margin-top: 2em;
}
.page-signup-minimal-graphic .column-extragraphic {
    display: block;
}
.page-signup-minimal-graphic,
.page-signup-minimal-graphic .signup-content {
    background-color: #f5f5f5;
}

/*=Minimal - header
--------------------------------------------------------------------------------------- */
.page-signup-minimal .header-global .minimal-extra-header {
    display: none;
    position: absolute;
    right: 7em;
}
.page-signup-minimal-fr-ca .header-global .header-minimal-menulink,
.page-signup-minimal-fr-ca .header-global .minimal-extra-header,
.page-signup-minimal-fr-fr .header-global .header-minimal-menulink,
.page-signup-minimal-fr-fr .header-global .minimal-extra-header,
.page-signup-minimal-es-la .header-global .header-minimal-menulink,
.page-signup-minimal-es-la .header-global .minimal-extra-header,
.page-signup-minimal-es-es .header-global .header-minimal-menulink,
.page-signup-minimal-es-es .header-global .minimal-extra-header {
    right: 9em;
}
.page-signup-minimal .header-global .minimal-extra-header .login {
    display: none;
}

/*=Responsive
--------------------------------------------------------------------------------------- */
/* hdpi */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .signupform-close {
    background-image: url(/web/i/v4/signup_closecta@2x.png);
    background-size: 11px 11px;
    }
    .signup-btn-google .logo {
    background-image: url(/web/i/v4/signup_gplusbuttonlogo@2x.png);
    background-size: 30px 30px;
    }
    .login-btn-firefox .logo {
    background-image: url(/web/i/v4/signin_firefox@2x.png);
    background-size: 30px 30px;
    }
    .login-btn-google .logo {
    background-image: url(/web/i/v4/signup_gplusbuttonlogored@2x.png);
    background-size: 30px 30px;
    }
    .signup-ordivider {
    background-image: url(/web/i/v4/signup_or@2x.png);
    background-size: 246px 27px;
    }
    .page-de-de .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_de@2x.png);
    }
    .page-es-es .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_es-es@2x.png);
    }
    .page-es-la .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_es-la@2x.png);
    }
    .page-fr-ca .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_fr-ca@2x.png);
    }
    .page-fr-fr .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_fr-fr@2x.png);
    }
    .page-it-it .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_it@2x.png);
    }
    .page-ja-jp .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_jp@2x.png);
    }
    .page-ko-kr .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_ko-kr@2x.png);
    }
    .page-nl-nl .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_nl-nl@2x.png);
    }
    .page-pl-pl .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_pl-pl@2x.png);
    }
    .page-pt-br .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_pt-br@2x.png);
    }
    .page-pt-pt .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_pt-pt@2x.png);
    }
    .page-ru-ru .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_ru@2x.png);
    }
    .page-zh-cn .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_zh-cn@2x.png);
    }
    .page-zh-tw .signup-ordivider {
    background-image: url(/web/i/v4/signup_or_zh-tw@2x.png);
    }
    .page-signup-minimal .header-mini #header-logo {
    background-image: url(/web/i/v4/firefox_pocketlogo_large@2x.png);
    background-size: 140px 35px;
    }
}
/* 480px */
@media only screen and (min-width: 30em) and (min-height: 31em) {
    .overlay_screensignuplogin {
    transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
    background-color: rgba(0,0,0,0.6);
    position: fixed;
    }
    .overlay_screensignuplogin .content_container:before {
        height: 85%;
    }
    .overlay_screen .coreform-container {
    padding-top: 1em;
    padding-bottom: 1em;
    width: 20em;
    }
    .overlay_screen .signupform-container {
    padding-bottom: 2.8em;
    }
    .overlay_screen .loginform-container {
    padding-bottom: 3em;
    }
    .page-signup-minimal .coreform-container {
    margin-top: 5em;
    padding: 1em 0 0 0;
    }
    .page-signup-minimal .coreform-container .alreadyhave {
    margin-bottom: 2em;
    margin-top: 1em;
    }
}
/* 768px - adaptive breakpoint */
@media only screen and (min-width: 48em) {
    .signup-content,
    .forgot-content {
    background: #f5f5f5;
    }
    .signup-graphic {
    display: block;
    margin: 9em 1em 0;
    position: relative;
    }
    .coreform-container {
    border-radius: 4px;
    background: #fff;
    margin: 5em auto;
    max-width: 22.125em;
    padding: 1em 0 3em;
    }
    .loginform-container {
    margin: 1em auto 1em;
    }
    .signupform-container {
        padding-bottom: 2.8em;
    }
    .coreform-container.signupform-container {
        margin-bottom: 1.5em;
    }
    .forgotform-container,
    .forgotresetform-container {
    margin: 1em auto;
    }
    .signupform-formstate {
    margin-bottom: 1em;
    margin-top: 1em;
    }
    .signupinterim-container p {
    max-width: inherit;
    margin: 0 1.875em 1.5em;
    }
    .page-signup h2,
    .page-login h2,
    .page-signupinterim h2,
    .overlay_screen .coreform-container h2,
    .page-forgot h2,
    .page-forgotreset h2 {
    border-bottom: 1px solid #ebebeb;
    font-size: 1.875em;
    line-height: 1.3;
    padding-bottom: 0.4em;
    margin: 0 1em 1.5em;
    }
    .page-login h2,
    .overlay_screen .loginform-container h2 {
    margin-bottom: 1.2em;
    }
    .page-forgot h2 {
    font-size: 1.5em;
    margin-bottom: 0.5em;
    margin-top: 0;
    }
    .loginform-containererror h2 {
    margin-bottom: 0.5em;
    }
    .coreform-container .login-error,
    .coreform-container .login-msg,
    .coreform-container .forgot-msg {
    max-width: inherit;
    margin: 0.1em auto 1.1em;
    width: 21em;
    }
    .overlay_screen .coreform-container .login-error,
    .overlay_screen .coreform-container .login-msg,
    .overlay_screen .coreform-container .forgot-msg,
    .signupinterim-container .login-error,
    .signupinterim-container .login-msg,
    .signupinterim-container .forgot-msg {
    width: 18em;
    }
    .coreform-container .forgot-msg {
    margin-bottom: 2em;
    margin-top: 2em;
    }
    .coreform-container .forgot-msg-detail {
    width: 17em;
    }
    .coreform-container .forgot-msg-detailalt {
    width: 18em;
    }
    .coreform-container .alreadyhave {
    margin-bottom: 0;
    margin-top: 1.75em;
    }
    .coreform-container .login-footer,
    .coreform-container .forgot-footer {
    margin-bottom: 0;
    }
    .signupinterim-btn-signup {
    margin-bottom: 0;
    }
    .forgotreset-btn-change {
    margin-bottom: 0;
    }
    .page-signup-pocketbutton .signupform-container,
    .page-login-pocketbutton .loginform-container {
    margin-bottom: 0;
    }
    .page-signup-minimal-graphic .column-signupform {
    width: 50%;
    }
    .page-signup-minimal .minimal-header li {
    visibility: hidden;
    }
    .page-signup-minimal .minimal-header .login {
    visibility: visible;
    }
    .page-signup-minimal .header-global .header-minimal-menulink {
        background: none;
        color: #666;
        display: block;
        font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 0.875em;
        height: 1em;
        right: 7em;
        top: 2.3em;
        text-indent: 0;
        width: 5em;
        z-index: 500;
    }
    .page-signup-minimal .header-global .header-minimal-menulink:hover {
        color: #5dcfca;
        text-decoration: none;
    }
    .page-signup-minimal-footer .footer-global {
    bottom: 0;
    margin-top: 0;
    position: fixed;
    width: 100%;
    }
    .page-signup-minimal-leftsign .coreform-container {
    float: left;
    margin-left: 0;
    }
    .page-signup-minimal-rightsign .coreform-container {
    float: right;
    margin-right: 0;
    }
    .page-signup-minimal-bg .signup-content {
    height: 100%;
    position: fixed;
    width: 100%;
    }
    .page-signup-minimal-bg .signup-content-bg {
    background-size: cover;
    background-color: #222;
    background-position: center center;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    }
    .flexbox .page-signup-minimal-bg .signup-content {
        display: flex;
        align-items: center;
    justify-content: center;
    }
    .page-signup-minimal-bg .column-topminiheader {
    left: 0;
    position: fixed;
    width: 100%;
    top: 0;
    }
    .page-signup-minimal-bg-one .signup-content-bg {
    background-image: url(/web/i/v4/testsignupbg/signupbg_testone@1x.jpg);
    }
    .page-signup-minimal-bg-two .signup-content-bg {
    background-image: url(/web/i/v4/testsignupbg/signupbg_testtwo@1x.jpg);
    }
    .page-signup-minimal-bg-three .signup-content-bg {
    background-image: url(/web/i/v4/testsignupbg/signupbg_testthree@1x.jpg);
    }
    .page-signup-minimal-whitelogo .header-mini #header-logo {
    background-image: url(/web/i/v4/firefox_pocketlogowhite_large@1x.png);
    }
}
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min-resolution: 144dpi) {
    .page-signup-minimal-bg-one .signup-content-bg {
    background-image: url(/web/i/v4/testsignupbg/signupbg_testone@2x.jpg);
    }
    .page-signup-minimal-bg-two .signup-content-bg {
    background-image: url(/web/i/v4/testsignupbg/signupbg_testtwo@2x.jpg);
    }
    .page-signup-minimal-bg-three .signup-content-bg {
    background-image: url(/web/i/v4/testsignupbg/signupbg_testthree@2x.jpg);
    }
    .page-signup-minimal-whitelogo .header-mini #header-logo {
    background-image: url(/web/i/v4/firefox_pocketlogowhite_large@2x.png);
    }
}
@media only screen and (min-width: 48em) and (min-height: 31em) {
    .coreform-container {
    border: 1px solid #dadada;
    }
}
@media only screen and (min-width: 48em) and (min-height: 45em) {
    .signup-graphic {
    margin: 9em 1em 0;
    }
    .loginform-container {
    margin: 2em auto 5em;
    }
    .signupform-formstate {
    margin-bottom: 5em;
    margin-top: 2em;
    }
    .forgotform-container,
    .forgotresetform-container {
    margin: 5em auto;
    }
}
/* 896px */
@media only screen and (min-width: 56em) {
    .signup-graphic {
    margin-top: 8em;
    }
}
/* 960px */
@media only screen and (min-width: 60em) {
    .signup-graphic {
    margin-left: 0;
    margin-right: 0;
    }
    .coreform-container,
    .page-signup-minimal-graphic .coreform-container {
        margin: 7.5em auto;
    }
    .signup-disclaimer {
        margin-bottom: 5.5em;
    }
    .signupform-formstate {
    margin-top: 2em;
    }
    .loginform-container {
    margin: 1em auto 1em;
    }
    .forgotform-container,
    .forgotresetform-container {
    margin: 1em auto;
    }
    .signup-graphic {
    margin-top: 9.5em;
    }
}
@media only screen and (min-width: 60em) and (min-height: 45em) {
    .loginform-container {
    margin: 4.7em auto 7.5em;
    }
    .forgotform-container,
    .forgotresetform-container {
    margin: 6em auto;
    }
    .signupform-formstate {
    margin-bottom: 5em;
    margin-top: 4.7em;
    }
}

/*  premium.css
 *
 *  Description:
 *  Fleshed out "Pocket Premium" features, purchase page, confirmation and settings page.
 *
 *  Contents:
 *  Global
 *  Content - header
 *  Content - fixed nav
 *  Content - subnav
 *  Content - features
 *  Content - form
 *  Content - form stripe checkout
 *  Content - footer
 *  Content - comparison table
 *  Discount offer
 *  Content - purchase confirmation
 *  Content - premium options
 *  Content - premium promo
 *  Responsive
 */

/*=Global
--------------------------------------------------------------------------------------- */
.page-premium {
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.page-premium h2,
.page-premium h3,
.page-premium h4 {
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
}
.page-premium .columns-norpadding {
	padding-right: 0;
}
.column-premiumcontent,
.column-premiumcontenttable,
.column-premiumcontentstackedimg {
	position: relative;
}
.page-premium .column-premiumcontent:last-child,
.page-premium .column-premiumcontenttable:last-child,
.page-premium .column-premiumcontentstackedimg:last-child {
	float: none;
}
.column-premiumcontenttable {
	margin-left: auto;
	margin-right: auto;
	max-width: 56em;
}
.column-premiumcontentstackedimg {
	margin-left: auto;
	margin-right: auto;
	max-width: 55em;
}

/*=Content - header
--------------------------------------------------------------------------------------- */
.premium-header {
	background-color: #ff4157;
	color: #fff;
	text-align: center;
}
.premium-header h2,
.premium-header h3 {
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.premium-header h2 {
	margin-top: 0.3em;
}
.premium-header h2 > span {
	font-weight: 300;
}
.premium-header h3 {
	font-size: 1em;
	font-weight: normal;
}
.premium-header-nocta h3 {
	margin-bottom: 0.5em;
}
.premium-header .btn {
	margin: 0.5em auto 1em;
	padding: 0.375em 1.25em;
}

/*=Content - subnav
--------------------------------------------------------------------------------------- */
.page-premium .premium-subnav {
	margin-bottom: 4.5em;
	margin-top: 3em;
	text-align: center;
}
.premium-subnav .graphic-feature {
	max-width: 55px;
	margin: 0 auto;
	display: block;
}
.page-premium .premium-subnav-options {
	margin-bottom: 0.1em;
	margin-top: 1.8em;
}
.page-premium .premium-subnav-options a {
	color: #2e2e2e;
	outline: none;
	text-decoration: none;
}
.page-premium .premium-subnav-options a:hover {
	color: #50bbb6;
}
.page-premium .premium-subnav-options p {
	margin-top: 0.5em;
}

/*=Content - fixed nav
--------------------------------------------------------------------------------------- */
.page-premium .premium-fixednav {
	background: #ff4157;
	left: 0;
	height: 5em;
	opacity: 0;
	position: fixed;
	top: 0;
	text-align: center;
	visibility: hidden;
	width: 100%;
	z-index: 500;
}
.page-premium .premium-fixednav-active {
	opacity: 1;
	visibility: visible;
}
.flexbox .premium-fixednav .columns {
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80px;
	text-align: center;
}
.premium-fixednav h3 {
	color: #fff;
	display: inline-block;
	margin: 0.7em 0.5em 0 0;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.flexbox .premium-fixednav h3 {
	margin: 0 0.5em 0 0;
}
.premium-fixednav h3 > span {
	font-weight: 300;
}
.premium-fixednav p {
	display: inline-block;
	margin: 0;
}

/*=Content - features
--------------------------------------------------------------------------------------- */
.page-premium .premium-features-stacked {
	margin-bottom: 0;
	text-align: center;
}
.page-premium .premium-divider {
	border-top: 1px solid #dedede;
	margin: 1.5em 3em;
	max-width: 30em;
	text-align: center;
}
.page-premium .premium-divider-text {
	height: 2em;
	margin: 2em 2em 0;
}
.page-premium .premium-divider-super {
	margin: 0 auto 3em;
}
.page-premium .premium-divider-super-text {
	height: 1px;
	margin-bottom: 0;
}
.page-premium .premium-divider > h5 {
	background: #fff;
	color: #ccc;
	display: inline-block;
	font-family: "lobster", serif;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1;
	padding: 0 0.8em;
	position: relative;
	top: -0.8em;
}
.page-premium-es-la .premium-divider > h5 {
	padding: 0 0.4em;
}
.page-premium .premium-features-stacked picture {
	display: inline-block;
}
.page-premium .premium-features h4 {
	color: #2e2e2e;
	font-size: 1.25em;
	line-height: 1.2;
	margin-bottom: 0.3em;
	text-align: left;
}
.page-premium .premium-features-stacked h4 {
	margin-bottom: 0.1em;
	margin-top: 0.3em;
	text-align: center;
}
.page-premium .premium-features-usage h4 {
	text-align: left;
}
.page-premium .premium-features {
	margin-bottom: 2em;
}
.page-premium .premium-features-stacked {
	margin-bottom: 0;
}
.page-premium .premium-features p {
	color: #777;
	font-size: 0.875em;
	line-height: 1.3;
	margin-bottom: 0;
}
.page-premium .premium-features-stacked p {
	margin-bottom: 1em;
	text-align: left;
}
.page-premium .premium-features .wide-show {
	display: none;
}
.flexbox .page-premium .row-flex {
	-webkit-align-items: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.page-premium .premium-features img {
	display: inline-block;
	max-width: 100%;
}
.page-premium .premium-features .graphic-featuretagsdetail,
.page-premium .premium-features .graphic-featuresupportdetail,
.page-premium .premium-features .graphic-usagesuggestedtagsdetail,
.page-premium .premium-features .graphic-usagesearchdetail,
.page-premium .premium-features .graphic-usagesupportdetail {
	margin-bottom: 4em;
}

/*=Content - form
--------------------------------------------------------------------------------------- */
.page-premium .premium-form {
	background-color: #f5f5f5;
	padding: 1em 1em;
	text-align: center;
}
.premium-form > form {
	border-radius: 4px;
	border: 1px solid #dadada;
	background: #fff;
	display: block;
	margin: 0 auto;
	max-width: 22em;
}
.premium-form .premium-divider {
	border-bottom: 1px solid #dadada;
	border-top: 0;
	display: inline-block;
	height: 1.5em;
	margin-bottom: 1em;
	padding-bottom: 0.2em;
}
.premium-form .premium-divider-text > h5 {
	top: -0.2em;
}
.premium-form .premium-price {
	font-size: 2em;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 0.3em;
	overflow: hidden;
	position: relative;
}
.premium-form .premium-price-inactive {
	display: none;
}
.premium-form .premium-price .unit {
	font-size: 0.75em;
	font-weight: 300;
}
.premium-form .premium-price .super {
	font-size: 0.6em;
	position: relative;
	top: -0.44em;
}
.premium-form .premium-price .decimal {
	position: absolute;
	top: -50em;
	left: -50em;
}
.premium-form .premium-subtag {
	color: #50bbb6;
	font-size: 0.875em;
	font-style: italic;
	font-weight: bold;
	line-height: 1.2;
	margin: 0;
}
.premium-form .premium-subtag-inactive {
	display: none;
}
.premium-form .toggle-yrmth {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background: #f5f5f5;
	border-radius: 20px;
	cursor: pointer;
	font-size: 0.9375em;
	display: inline-block;
	font-weight: bold;
	line-height: 1;
	margin: 1.5em 0.2em 2em;
	padding: 0.4em 0.6em 0.3em;
}
.premium-form .toggle-yrmth:hover {
	background-color: #eaeaea;
}
.page-premium-nl-nl .toggle-yrmth,
.page-premium-ru-ru .toggle-yrmth {
	margin-left: 0.1em;
	margin-right: 0.1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.premium-form .toggle-yrmth-selected,
.premium-form .toggle-yrmth-selected:hover {
	background-color: #50bbb6;
	color: #fff;
	cursor: default;
}
.premium-form .toggle-yrmth > input {
	display: block;
	height: 1.125em;
	margin-right: 0.5em;
	visibility: hidden;
	width: 1.5em;
	position: absolute;
}
.premium-form .toggle-yrmth > .icon {
	background: url(/web/i/v4/icons_premium@1x.png) 0 -480px no-repeat;
	display: block;
	float: left;
	height: 18px;
	margin-right: 0.5em;
	margin-top: -0.1em;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	width: 20px;
}
.premium-form .toggle-yrmth-selected > .icon {
	background-position: 0 -560px;
}
.premium-form .form-field-creditcard .wide-show {
	display: none;
}
.premium-form .form-field-creditcard .error-bubble {
	top: -0.5em;
}
.premium-form .cc-examples {
	float: right;
	list-style: none;
	margin: -6px 0 0 0;
	position: relative;
}
.premium-form .cc-examples li {
	background: url(/web/i/v4/icons_premium@1x.png) no-repeat;
	display: block;
	float: left;
	height: 22px;
	margin-right: 4px;
	text-indent: 100%;
	overflow: hidden;
	width: 32px;
	white-space: nowrap;
}
.page-premium-it-it .cc-examples li {
	margin-right: 2px;
}
.premium-form .cc-examples .cc-inactive {
	opacity: 0.2;
}
.premium-form .cc-examples .visa {
	background-position: 0 -160px;
}
.premium-form .cc-examples .mastercard {
	background-position: 0 -240px;
}
.premium-form .cc-examples .amex {
	background-position: 0 -320px;
}
.premium-form .cc-examples .discover {
	background-position: 0 -400px;
}
.premium-form .premium-form .lock {
	background: url(/web/i/v4/icons_premium@1x.png) no-repeat;
	display: block;
	height: 20px;
	overflow: hidden;
	position: absolute;
	text-indent: 100%;
	top: 2.6em;
	right: 1em;
	white-space: nowrap;
	width: 15px;
}
.premiumform-container .form-field label {
	color: #555;
	display: inline-block;
	font-size: 0.875em;
	margin-bottom: 0.4em;
	min-width: 17em;
	text-align: left;
}
.premiumform-container .form-field input {
	min-width: 13em;
}
.premiumform-container .wrapper-form-field {
	display: inline-block;
	min-width: 15em;
	margin: 2em auto 1.5em;
	position: relative;
}
.premiumform-container .wrapper-form-field .form-field {
	float: left;
	margin: 0;
	text-align: left;
}
.premiumform-container .wrapper-form-field label {
	min-width: 10em;
	top: -1.5em;
	position: absolute;
}
.premiumform-container .wrapper-form-field input {
	margin: 0;
	min-width: inherit;
	width: 2em;
}
.premium-form .form-field-exprday .error-bubble {
	min-width: 10em;
	top: -3.5em;
}
.premiumform-container .form-field-exprmonth input {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 0;
}
.premiumform-container .form-field-exprday input {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.premiumform-container .wrapper-form-field .form-field-securitycode {
	clear: left;
	margin-top: 2.7em;
	position: relative;
}
.premium-form .form-field-securitycode .error-bubble {
	min-width: 10em;
	top: -3.5em;
}
.premiumform-container .form-field-securitycode input {
	width: 6em;
}
.premium-form .cvcexample {
	background: url(/web/i/v4/icons_premium@1x.png) 0 -80px no-repeat;
	display: block;
	height: 22px;
	overflow: hidden;
	position: absolute;
	text-indent: 100%;
	top: 2.4em;
	right: 1.5em;
	white-space: nowrap;
	width: 33px;
}
.page-premium .btn-purchase-premium {
	margin-bottom: 2em;
	min-width: 15em;
}
.page-premium-promo .btn-submit-promo {
	margin-bottom: 2em;
	min-width: 15em;
}
.page-premium-es-la .btn-purchase-premium {
	padding-left: 0.2em;
	padding-right: 0.2em;
}
.premiumform-container .premium-processing {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: url('/web/i/spinner_med.gif') top center no-repeat;
	background-size: 16px 16px;
	box-sizing: border-box;
	display: none;
	left: 0;
	position: absolute;
	height: 1em;
	margin: -1em auto 0;
	width: 100%;
}
.premiumform-processing .premium-processing {
	display: block;
}
.premium-form .premium-error-server {
	box-sizing: border-box;
	display: none;
	padding: 0.2em 2em;
	position: relative;
	top: 1em;
	width: 100%;
	z-index: 5;
}
.premium-form .premium-error-server-active {
	display: block;
}
.premium-form .premium-error-server > p {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #ffe8e9;
	border-radius: 4px;
	box-sizing: border-box;
	color: #c33;
	font-size: 0.875em;
	line-height: 1.2;
	margin: 1em 0 0;
	padding: 0.5em 0.8em 0.45em;
	text-align: center;
}
.premium-form .premium-msg-server > p {
	background-color: #e4e4e4;
	color: #333;
}
.premium-form .premium-error-server a {
	border-bottom: 1px solid #c33;
	color: #c33;
}
.premium-form .premium-error-server a:hover {
	color: #a32929;
}
.page-premium .tos-blurb {
	color: #999;
	font-size: 0.8125em;
	margin-bottom: 0;
	margin-top: 1em;
	padding: 0 1.154em;
}
.page-premium .tos-blurb > a {
	color: #999;
	text-decoration: underline;
}
.page-premium .tos-blurb > a:hover {
	color: #333;
}

/*=Content - form stripe checkout
--------------------------------------------------------------------------------------- */
.premium-form-stripecheckout h4 {
	color: #999;
	font-size: 0.875em;
	font-weight: normal;
	margin-top: 0;
}
.premium-form-stripecheckout .premium-divider {
	margin-top: 1.5em;
}
.premium-form-stripecheckout .btn {
	display: block;
	margin: 0.9em auto;
	max-width: 9em;
}
.premium-form-stripecheckout .premium-subtag {
	margin-bottom: 2.6em;
}

/*=Content - footer
--------------------------------------------------------------------------------------- */
.premium-footer {
	background-color: #f5f5f5;
	text-align: center;
}
.premium-footer h2 {
	color: #8b8b8b;
	font-family: "lobster", serif;
}
.premium-footer h3 {
	color: #333;
	font-size: 1em;
	font-weight: normal;
}
.premium-footer .btn {
	margin: 0.5em auto 1em;
	padding: 0.375em 1.25em;
}

/*=Content - comparison table
--------------------------------------------------------------------------------------- */
.premium-tabledetail {
	margin-bottom: 4em;
	position: relative;
}
.premium-tabledetail .row {
	border-bottom: 1px solid #dedede;
	min-height: 4em;
}
.flexbox .premium-tabledetail .row {
	-webkit-align-items: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.premium-tabledetail .featuretable-desc {
	text-align: left;
	width: 60%;
}
.premium-tabledetail .featuretable-free,
.premium-tabledetail .featuretable-premium {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	width: 20%;
}
.premium-tabledetail h5 {
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.25em;
	font-weight: normal;
	color: #2e2e2e;
}
.premium-tabledetail .featuretable-free h5,
.premium-tabledetail .featuretable-premium h5 {
	font-size: 0.75em;
}
.premium-tabledetail .featuretable-premium h5 {
	color: #50bbb6;
}
.premium-tabledetail p {
	font-size: 1em;
	color: #2e2e2e;
	line-height: 1.3;
	margin-bottom: 0;
	padding: 0.5em 0;
}
.premium-tabledetail .check {
	background: url(/web/i/v4/premium_checkmark@1x.png) center center no-repeat;
	display: block;
	height: 29px;
	margin: 7px auto 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 29px;
}
.flexbox .premium-tabledetail .check {
	margin-top: 0;
}
.premium-tabledetail .tabledetail-bg .row {
	position: absolute;
	height: 100%;
	width: 100%;
}
.premium-tabledetail .tabledetail-bg .featuretable-premium {
	background-color: #e7f7f6;
	background: rgba(80,188,182,0.1);
	height: 100%;
}
.premium-tabledetail .row-header .featuretable-premium {
	background-color: #fff;
}



/*=Discount offer
--------------------------------------------------------------------------------------- */
.premium-offer {
	background-color: #50bbb6;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border: 1px solid #50bbb6;
	color: #fff;
	left: -1px;
	padding: 0;
	position: relative;
	text-align: left;
	top: -1px;
	width: 100%;
}
.premium-offer .offer-ribbon {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #fbb64a;
	box-sizing: border-box;
	font-family: "lobster", serif;
	display: inline-block;
	font-size: 1.05em;
	height: 26px;
	left: -1px;
	margin: 0.5em 0 0.8em;
	padding: 0.1em 1.28em;
	position: relative;
	text-shadow: 1px 1px rgba(0,0,0,0.2);
}
.premium-offer .offer-ribbon:before,
.premium-offer .offer-ribbon:after {
	background: url(/web/i/v4/premium_offerribbon@1x.png) 1px -120px no-repeat;
	content: " ";
	display: block;
	position: absolute;
	height: 32px;
	left: -7px;
	top: 0;
	width: 7px;
}
.premium-offer .offer-ribbon:after {
	background-position: 0 -153px;
	height: 26px;
	left: auto;
	right: 0;
}
.premium-offer .offer-ribbon p {
	white-space: nowrap;
}
.premium-offer .offer-content {
	font-size: 0.875em;
	padding: 0 1.5em 1em;
}
.premium-offer p {
	line-height: 1.3;
	margin-bottom: 0;
}

/*=Content - purchase confirmation
--------------------------------------------------------------------------------------- */
.content-purchaseconfirm {
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 1em 0;
	text-align: center;
}
.content-purchaseconfirm p {
	color: #333;
	font-size: 0.9375em;
	margin-left: auto;
	margin-right: auto;
	max-width: 34em;
}
.content-purchaseconfirm .confirm-number {
	font-weight: bold;
}
.content-purchaseconfirm .print-only {
	display: none;
}
.content-purchaseconfirm h2 {
	background: url(/web/i/v4/purchaseconfirm_heart@1x.png) no-repeat top center;
	color: #2e2e2e;
	font-family: "lobster", serif;
	font-size: 1.875em;
	padding-top: 150px;
}

/*=Content - premium options
--------------------------------------------------------------------------------------- */
.page-premiumsettings .legacy-content h2 {
    border-bottom: 1px solid #cacaca;
    color: #444;
    font-weight: bold;
    padding-bottom: 0.1em;
    margin-bottom: 0;
}
.page-premiumsettings .legacy-content .section {
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.page-premiumsettings .legacy-content p {
	font-size: 0.875em;
}
.page-premiumsettings .legacy-content li {
	font-size: 0.875em;
}
.page-premiumsettings .thanks {
	margin-top: 2em;
}
.page-premiumsettings .error {
	color: #ff0000;
	margin-top: 2em;
	margin-bottom: -1em;
}
.page-premiumsettings .section {
	border-top: 1px solid #dadada;
	padding-bottom: 1em;
	padding-top: 1em;
	position: relative;
}
.page-premiumsettings .section h4 {
	color: #aaa;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
}
.page-premiumsettings .section ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.page-premiumsettings .features-list {
	clear: both;
}
.page-premiumsettings .features-list li {
	background-color: #f8f8f8;
	font-weight: bold;
	margin: 0.3em 0;
	padding: 0.5em;
}
.page-premiumsettings .features-list .status {
	float: right;
	font-weight: bold;
}
.page-premiumsettings .legacy-content .btn,
.page-premiumsettings .legacy-content .btn:hover {
	color: #fff;
	margin-top: 1em;
}
.page-premiumsettings .premium-overlaydetail {
	background: #fff;
	border: 1px solid #dadada;
	border-radius: 4px;
	color: #555;
	display: none;
	font-size: 13px;
	max-width: 25em;
	padding: 1em 2em 2em;
	text-shadow: none;
}
.page-premiumsettings .premium-overlaydetail h4 {
	color: #333;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 2em;
}
.page-premiumsettings .premium-overlaydetail .btn {
	margin: 0.2em 0.5em;
}
.page-premiumsettings .overlay_screen .premium-overlaydetail {
	display: block;
}
.page-premiumsettings .premium-form {
	border-top: none;
}
.page-premiumsettings .premium-form form {
	border: none;
	margin: 0;
	max-width: inherit;
}
.page-premiumsettings .premiumform-container {
	margin: 0;
	max-width: inherit;
	text-align: left;
}
.page-premiumsettings .premium-processing {
	margin-top: -0.4em;
	width: 150px;
}
.page-premiumsettings .premium-success-server {
	box-sizing: border-box;
	background: #50bbb6;
	border-radius: 4px;
	color: #fff;
	margin: 1em 0;
	position: relative;
	padding: 0.2em 0.5em;
	text-align: center;
	width: 100%;
}
.page-premiumsettings .premium-success-server p {
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
}
.page-premiumsettings .premium-error-server {
	margin-bottom: 1em;
	padding: 0;
	top: 0;
}
.page-premiumsettings .legacy-content .btn-disabled,
.page-premiumsettings .legacy-content .btn-disabled:hover {
	background-image: none;
	color: #ccc;
	color: rgba(255,255,255,0.6);
	cursor: default;
	opacity: 0.9;
}
.page-premiumsettings .section-table {
	border-top: 0;
}
.page-premiumsettings .premium-history-table {
	text-align: left;
	width: 100%;
}
.page-premiumsettings .premium-history-table th {
	background-color: #f8f8f8;
	color: #4a4a4a;
	font-size: 1em;
	font-weight: bold;
	padding: 0.5em 0.5em;
}
.page-premiumsettings .premium-history-table td {
	border-bottom: 1px solid #ccc;
	padding: 1em 0.5em 0.8em;
}
.page-premiumsettings .cancel-comped-plan-confirm {
	display: none;
}
.premium-tos-usa{
	font-size: 1em;
    text-align: left;
    line-height: 1.2em;
    color: #999;
    margin: 10px 0 30px;
}
.premium-tos-usa em{
    color:#444;
    font-weight:400;
}
/*=Content - premium promo
--------------------------------------------------------------------------------------- */
.page-premium-promo .premium-form .premium-divider {
	margin-bottom: 1em;
}
.page-premium-promo .premiumform-container .premium-processing {
	margin-top: -0.5em;
}


/*=Responsive
--------------------------------------------------------------------------------------- */
/* hdpi */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
	.page-premium .toggle-yrmth > .icon,
	.page-premium .cc-examples li,
	.page-premium .premium-form .lock,
	.page-premium .premium-form .cvcexample {
		background-image: url(/web/i/v4/icons_premium@2x.png);
		background-size: 100px 700px;
	}
	.content-purchaseconfirm h2 {
		background-image: url(/web/i/v4/purchaseconfirm_heart@2x.png);
		background-size: 136px 137px;
	}
	.premium-offer .offer-ribbon:before,
	.premium-offer .offer-ribbon:after {
		background-image: url(/web/i/v4/premium_offerribbon@2x.png);
		background-size: 15px 185px;
	}
	.premium-tabledetail .check {
		background-image: url(/web/i/v4/premium_checkmark@2x.png);
		background-size: 29px 29px;
	}
	.page-premium .graphic-feature {
		max-width: 125px;
	}
	.page-premium .premium-subnav-options .graphic-feature {
		max-width: 55px;
	}
	.page-premium .graphic-featurelibrarydetail {
		max-width: 692px;
	}
	.page-premium .graphic-featuresearchdetail {
		max-width: 700px;
	}
	.page-premium .graphic-featuretagsdetail {
		max-width: 432px;
	}
	.page-premium .graphic-featuresupportdetail {
		max-width: 611px;
	}
	.page-premium .graphic-usagelibrarydetail {
		max-width: 700px;
	}
	.page-premium .graphic-usagetopicsdetail {
		max-width: 700px;
	}
	.page-premium .graphic-usagesuggestedtagsdetail {
		max-width: 550px;
	}
	.page-premium .graphic-usagesearchdetail {
		max-width: 550px;
	}
	.page-premium .graphic-usageglobalsearchdetail {
		max-width: 700px;
	}
	.page-premium .graphic-usagesupportdetail {
		max-width: 700px;
	}
}
/* 416px */
@media only screen and (min-width: 26em) {
	.premium-header-alt {
		padding-bottom: 1em;
	}
	.premium-header h2 {
		font-size: 2em;
		margin: 0.8em auto 0.6em;
	}
	.page-premium-promo .premium-header h3 {
		margin-bottom: 2em;
	}
	.premium-header-nocta h3 {
		margin-bottom: 1.5em;
	}
	.premium-header .btn {
		margin-bottom: 2em;
	}
	.page-premium .premium-divider {
		margin: 2em auto;
		width: 18em;
	}
	.page-premium .premium-divider-text {
		margin: 3em 2em 0;
		width: auto;
	}
	.page-premium .premium-divider-super {
		margin: 0 auto;
		max-width: inherit;
		width: 100%;
	}
	.page-premium .premium-divider > h5 {
		font-size: 1.4em;
	}
	.page-premium .premium-features {
		margin-bottom: 3em;
	}
	.page-premium .premium-features-stacked {
		margin-bottom: 0;
	}
	.page-premium .premium-features h4 {
		font-size: 1.375em;
	}
	.page-premium .premium-features p {
		font-size: 0.9375em;
	}
	.page-premium .premium-form {
		padding-bottom: 3em;
		padding-top: 3em;
	}
	.page-premium .premium-price {
		font-size: 3em;
		margin: 0.2em auto 0.5em;
	}
	.page-premium .toggle-yrmth {
		font-size: 1em;
		margin: 2em 1em;
	}
	.page-premium-de-de .toggle-yrmth,
	.page-premium-fr-ca .toggle-yrmth,
	.page-premium-pl-pl .toggle-yrmth,
	.page-premium-ru-ru .toggle-yrmth {
		margin: 1.5em 0.2em;
	}
	.premiumform-container .form-field label {
		min-width: 22em;
	}
	.premiumform-container .form-field input {
		min-width: 17em;
	}
	.premiumform-container .wrapper-form-field {
		min-width: 19.2em;
	}
	.premiumform-container .wrapper-form-field input {
		min-width: inherit;
		width: 2em;
	}
	.premiumform-container .wrapper-form-field .form-field-securitycode {
		clear: none;
		margin-left: 2.8em;
		margin-top: 0;
	}
	.premiumform-container .form-field-securitycode input {
		width: 6em;
	}
	.premiumform-container .wrapper-form-field label {
		min-width: 10em;
	}
	.page-premium .form-field-creditcard .narrow-show {
		display: none;
	}
	.page-premium .form-field-creditcard .wide-show {
		display: inline;
	}
	.page-premium .btn-purchase-premium {
		margin-bottom: 3em;
		min-width: 19.1em;
	}
	.page-premium-promo .btn-submit-promo {
		margin-bottom: 2em;
		margin-top: 0.5em;
		min-width: 19.1em;
	}
	.premium-footer h2 {
		font-size: 2em;
		margin: 0.8em auto 0.6em;
	}
	.premium-footer h3 {
		font-size: 1.125em;
	}
	.premium-footer .btn {
		margin-bottom: 2em;
	}
	.content-purchaseconfirm p {
		font-size: 1em;
	}
}
/* 480px */
@media only screen and (min-width: 30em) {
	.page-purchaseconfirm {
		background-color: #eee;
	}
	.content-purchaseconfirm {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		background: #fff;
		border: 1px solid #cacaca;
		border-radius: 10px;
		margin: 2em 0;
		padding: 1.5em;
	}
	.content-purchaseconfirm h2 {
		font-size: 2.75em;
	}
	.content-purchaseconfirm p {
		font-size: 1.125em;
	}
	.content-purchaseconfirm .btn {
		min-width: 14em;
		margin-bottom: 1em;
	}
	.page-premiumsettings .section .actions {
		float: right;
		margin-top: -1em;
		position: relative;
		text-align: right;
	}
	.page-premiumsettings .section .actions-high {
		margin-top: 1.72em;
		position: absolute;
		right: 0;
		top: 0;
	}
}
/* 544px */
@media only screen and (min-width: 34em) {
	.premium-header h2 {
		font-size: 3em;
		margin: 0.5em auto 0.4em;
	}
	.premium-header .btn {
		padding: 0.5em 3em;
	}
	.page-premium .premium-divider-text {
		margin: 3em auto 0;
		width: 30em;
	}
	.page-premium .premium-form .premium-divider {
		width: auto;
	}
	.page-premium .premium-features .narrow-show {
		display: none;
	}
	.page-premium .premium-features .wide-show {
		display: block;
	}
	.premium-footer .btn {
		padding: 0.5em 3em;
	}
	.premium-tabledetail .featuretable-free h5,
	.premium-tabledetail .featuretable-premium h5 {
		font-size: 1.25em;
	}
}
/* 640px */
@media only screen and (min-width: 40em) {
	.page-premium .premium-divider {
		margin: 2.5em auto;
	}
	.page-premium .premium-divider-super {
		margin: 0 auto 5em;
	}
	.page-premium .premium-divider-super-text {
		margin-bottom: 0;
	}
	.page-premium .premium-features-usage .premium-divider-super {
		margin: 0 auto 3.5em;
	}
	.page-premium .premium-divider-text {
		margin: 4.5em auto 2em;
	}
	.page-premium .premium-form .premium-divider-text {
		margin: 3em auto 1em;
	}
	.page-premium .premium-divider > h5 {
		font-size: 1.8em;
	}
	.page-premium-es-la .premium-divider > h5,
	.page-premium-de-de .premium-divider > h5,
	.page-premium-ru-ru .premium-divider > h5 {
		font-size: 1.5em;
	}
	.premium-form .premium-divider-text > h5 {
		top: -0.5em;
	}
	.page-premium .premium-features {
		margin-bottom: 5em;
	}
	.page-premium .premium-features-stacked {
		margin-bottom: 0;
	}
	.page-premium .premium-features h4 {
		font-size: 2em;
		font-weight: normal;
	}
	.page-premium .premium-features p {
		font-size: 1.125em;
	}
	.content-purchaseconfirm {
		padding-top: 3em;
	}
}
/* 688px */
@media only screen and (min-width: 43em) {
	.column-premiumcontent {
		margin-left: auto;
		margin-right: auto;
		width: 43em;
	}
	.column-premiumcontent:before,
	.column-premiumcontent:after {
		content: " ";
		display: table;
	}
	.page-premium .premium-form .column-premiumcontent {
		width: auto;
	}
}
/* 768px */
@media only screen and (min-width: 48em) {
	.premium-header-alt {
		padding-bottom: 1.6em;
	}
	.premium-header h2 {
		font-size: 3.5em;
		margin-bottom: 0;
		margin-top: 0.4em;
	}
	.premium-header h3 {
		font-size: 1.25em;
	}
	.premium-header .btn {
		font-size: 1.25em;
		margin-bottom: 1.5em;
		padding: 0.5em 5em;
	}
	.page-premium .premium-features h4 {
		margin: 0 1em 0.3em;
	}
	.page-premium .premium-features-stacked h4 {
		margin-bottom: 0.2em;
		margin-top: 0.6em;
	}
	.page-premium .premium-features-usage h4 {
		margin-right: 0.8em;
	}
	.page-premium .premium-features p {
		margin: 0 1.778em;
	}
	.page-premium .premium-features-stacked p {
		max-width: 33.333em;
		margin-bottom: 2.5em;
	}
	.page-premium .column-featuretags {
		padding-right: 0.9375em;
		padding-left: 0;
		text-align: right;
	}
	.page-premium .premium-form > form {
		max-width: 56em;
		padding-bottom: 1em;
	}
	.page-premium-promo .premium-form > form {
		max-width: 24em;
		padding-bottom: 2em;
	}
	.page-premium .premium-form .column-premiumcontent {
		width: 45em;
	}
	.page-premium-promo .premium-form .column-premiumcontent {
		width: 24em;
	}
	.page-premium .premium-form .premium-divider-text {
		margin: 4.5em auto 2em;
	}
	.page-premium .premium-form .premium-divider {
		border-top: 1px solid #dedede;
		border-bottom: 0;
		display: block;
	}
	.premium-form .premium-divider-text > h5 {
		top: -0.8em;
	}
	.page-premium .premium-price {
		font-size: 3.5em;
		margin-bottom: 0.3em;
	}
	.page-premium-es-la .premium-price {
		font-size: 3em;
	}
	.page-premium .premium-subtag {
		font-size: 1em;
	}
	.premiumform-container {
		background-color: transparent;
		border: none;
		margin: 0 auto;
		padding: 0;
	}
	.page-premium .wrapper-form-field {
		margin-top: 2.5em;
	}
	.page-premium .premiumform-container .form-field-creditcard {
		margin-top: 3.5em;
	}
	.page-premium .premiumform-container-english .form-field-creditcard {
		margin-top: 0.8em;
	}

	.page-premium .premium-form .premium-divider {
		margin-top: 4em;
		max-width: 17em;
	}
	.page-premium .premium-form .premium-divider-english {
		margin-top: 4em;
		max-width: initial;
	}
	.page-premium-promo .premium-form .premium-divider {
		margin-bottom: 0em;
	}
	.page-premium .btn-purchase-premium {
		margin-bottom: 2em;
		margin-top: 0.5em;
	}
	.page-premium .premium-form-stripecheckout .premium-divider {
		margin-bottom: 1em;
		margin-top: 3em;
	}
	.premium-form-stripecheckout h4 {
		font-size: 1.5em;
	}
	.premium-form-stripecheckout .btn-stripecheckout-monthly {
		float: right;
		width: 9em;
	}
	.premium-form-stripecheckout .btn-stripecheckout-yearly {
		float: left;
		width: 9em;
	}
	.premium-form-stripecheckout .premium-subtag {
		clear: left;
		float: left;
		max-width: 15em;
		margin-bottom: 0.8em;
	}
	.premium-footer .btn {
		font-size: 1.25em;
		margin-bottom: 1.5em;
		padding: 0.5em 5em;
	}
	.premium-offer .offer-ribbon-container,
	.premium-offer .offer-content {
		box-sizing: border-box;
		float: left;
	}
	.premium-offer .offer-ribbon-container {
		width: 35%;
	}
	.premium-offer .offer-ribbon {
		font-size: 1.75em;
		height: 53px;
		margin-right: 1em;
		margin-top: 0.6em;
		padding-left: 2em;
		padding-top: 0.3em;
	}
	.premium-offer .offer-ribbon:before {
		background-position: 0 0;
		height: 67px;
		left: -12px;
		width: 12px;
	}
	.premium-offer .offer-ribbon:after {
		background-position: 0 -67px;
		height: 53px;
		width: 15px;
	}
	.premium-offer .offer-content {
		font-size: 1em;
		padding-top: 1em;
		width: 65%;
	}
	.flexbox .premium-offer {
		display: flex;
	}
	.flexbox .premium-offer .offer-ribbon-container,
	.flexbox .premium-offer .offer-content {
		float: none;
		width: auto;
	}
	.flexbox .premium-offer .offer-content {
		flex: 1;
		padding-left: 1.5em;
		padding-right: 2.5em;
	}
	.premium-tabledetail .featuretable-desc {
		width: 52%;
	}
	.premium-tabledetail .featuretable-free,
	.premium-tabledetail .featuretable-premium {
		width: 24%;
	}
	.premium-tabledetail h5 {
		font-size: 1.875em;
	}
	.premium-tabledetail .featuretable-free h5,
	.premium-tabledetail .featuretable-premium h5 {
		font-size: 1.875em;
	}
	.premium-tabledetail p {
		font-size: 1.125em;
		margin-right: 2em;
	}
}
@media only screen and (min-width: 60em) {
	.premium-offer .offer-ribbon-container {
		width: 20%;
	}
	.premium-offer .offer-content {
		width: 80%;
	}
}
/* print */
@media only print {
	.page-purchaseconfirm .header-global,
	.page-purchaseconfirm .footer-global {
		display: none;
	}
	.content-purchaseconfirm {
		padding: 0;
	}
	.content-purchaseconfirm h2 {
		background: none;
		display: none;
	}
	.content-purchaseconfirm p {
		text-align: left;
	}
	.content-purchaseconfirm .btn {
		display: none;
	}
	.content-purchaseconfirm .print-only {
		display: block;
	}
	.content-purchaseconfirm .print-header {
		font-size: 1.5em;
		font-weight: bold;
		margin-bottom: 0.5em;
		text-align: center;
	}
}

/*  welcome.css
 *
 *  Description:
 *  Page specific styling for the welcome page, the page targetted specifically to push users to a single (technically two on desktop) installable app on mobile,
 *  extension on desktop.
 *
 *  Contents:
 *  Global
 *  Header
 *  Content
 *  Responsive
 */

/*=Global
--------------------------------------------------------------------------------------- */


/*=Header
--------------------------------------------------------------------------------------- */
.page-welcome .login a {
    border-top: 1px solid #d8d8d8;
    color: #222;
    height: auto;
    margin-top: 19px;
    padding: 11px 10px;
}
.page-welcome .login a:hover {
    border-color: #d8d8d8;
    color: #222;
}

/*=Content
--------------------------------------------------------------------------------------- */
.content-welcome {
    margin: 1em 0;
}
.content-welcome .hero {
    background-position: center center;
    background-repeat: no-repeat;
    height: 11em;
}
.page-welcome .device_ios .hero {
    background-image: url(/web/i/v4/welcome/welcome-iossmall@1x.jpg);
}
.page-welcome .device_iosbeta .hero {
    background-image: url(/web/i/v4/welcome/welcome-iosbetasmall@1x.png);
}
.page-welcome .device_mac .hero {
    background-image: url(/web/i/v4/welcome/welcome-macsmall@1x.jpg);
}
.page-welcome .device_android .hero {
    background-image: url(/web/i/v4/welcome/welcome-androidsmall@1x.jpg);
}
.page-welcome .device_kindle_fire .hero {
    background-image: url(/web/i/v4/welcome/welcome-kindle-firesmall@1x.jpg);
}
.page-welcome .browser_firefox .hero {
    background-image: url(/web/i/v4/welcome/welcome-firefoxsmall@1x.jpg);
}
.page-welcome .browser_firefoxnew .hero {
    background-image: url(/web/i/v4/welcome/welcome-firefoxnewsmall@1x.jpg);
}
.page-welcome .browser_firefoxquantum .hero {
    background-image: url(/web/i/v4/welcome/welcome-firefoxquantumsmall@1x.png);
}
.page-welcome .browser_opera .hero {
    background-image: url(/web/i/v4/welcome/welcome-operasmall@1x.jpg);
}
.page-welcome .browser_chrome .hero {
    background-image: url(/web/i/v4/welcome/welcome-chromesmall@1x.jpg);
}
.page-welcome .browser_edge .hero {
    background-image: url(/web/i/v4/welcome/welcome-edgesmall@1x.jpg);
}
.page-welcome .browser_safari .hero {
    background-image: url(/web/i/v4/welcome/welcome-safarismall@1x.jpg);
}
.page-welcome .bookmarklet .hero {
    background-image: url(/web/i/v4/welcome/welcome-bookmarkletsmall@1x.jpg);
}
.content-welcome .description {
    font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.content-welcome .description h2 {
    font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 2em;
    text-align: center;
}
.content-welcome .description p {
    font-size: 1.25em;
    line-height: 1.2;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.5em;
    padding-right: 0.5em;
    max-width: 20em;
    text-align: center;
}
.content-welcome .detail {
    margin-bottom: 0.75em;
}
.content-welcome .detail .detail-small {
    font-size: 0.7em;
}
.content-welcome .detail-postsubmit,
.content-welcome .detail-postdownload {
    display: none;
}
.content-welcome .detail-postsubmit-active,
.content-welcome .detail-postdownload-active {
    display: block;
}
.content-welcome .btn {
    padding-left: 2em;
    padding-right: 2em;
    text-transform: uppercase;
}
.content-welcome .btn-install {
    margin-top: 1em;
    position: relative;
}
.content-welcome .btn-important {
    text-transform: none;
}
.content-welcome .bookmarklet-button {
    color: #6f6f6f;
    font-size: 0.875em;
    margin-bottom: 2em;
    text-align: center;
}
.content-welcome .btn-install:before {
    content: " ";
    background: url('/web/i/spinner_med.gif') top center no-repeat;
    background-size: 16px 16px;
    box-sizing: border-box;
    display: none;
    left: 0;
    position: absolute;
    height: 1em;
    margin-top: -2.5em;
    width: 100%;
}
.content-welcome .download-processing-active:before {
    display: block;
}

/*=Responsive
--------------------------------------------------------------------------------------- */
/* hdpi */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .page-welcome .device_ios .hero,
    .page-welcome .device_iosbeta .hero,
    .page-welcome .device_mac .hero,
    .page-welcome .device_android .hero,
    .page-welcome .device_kindle_fire .hero,
    .page-welcome .browser_firefox .hero,
    .page-welcome .browser_firefoxnew .hero,
    .page-welcome .browser_firefoxquantum .hero,
    .page-welcome .browser_opera .hero,
    .page-welcome .browser_chrome .hero,
    .page-welcome .browser_safari .hero,
    .page-welcome .bookmarklet .hero,
    .page-welcome .browser_edge .hero {
        background-size: 260px 175px;
    }
    .page-welcome .device_ios .hero {
        background-image: url(/web/i/v4/welcome/welcome-iossmall@2x.jpg);
    }
    .page-welcome .device_iosbeta .hero {
        background-image: url(/web/i/v4/welcome/welcome-iosbetasmall@2x.png);
    }
    .page-welcome .device_mac .hero {
        background-image: url(/web/i/v4/welcome/welcome-macsmall@2x.jpg);
    }
    .page-welcome .device_android .hero {
        background-image: url(/web/i/v4/welcome/welcome-androidsmall@2x.jpg);
    }
    .page-welcome .device_kindle_fire .hero {
        background-image: url(/web/i/v4/welcome/welcome-kindle-firesmall@2x.jpg);
    }
    .page-welcome .browser_firefox .hero {
        background-image: url(/web/i/v4/welcome/welcome-firefoxsmall@2x.jpg);
    }
    .page-welcome .browser_firefoxnew .hero {
        background-image: url(/web/i/v4/welcome/welcome-firefoxnewsmall@2x.jpg);
    }
    .page-welcome .browser_firefoxquantum .hero {
        background-image: url(/web/i/v4/welcome/welcome-firefoxquantumsmall@2x.png);
    }
    .page-welcome .browser_opera .hero {
        background-image: url(/web/i/v4/welcome/welcome-operasmall@2x.jpg);
    }
    .page-welcome .browser_chrome .hero {
        background-image: url(/web/i/v4/welcome/welcome-chromesmall@2x.jpg);
    }
    .page-welcome .browser_edge .hero {
        background-image: url(/web/i/v4/welcome/welcome-edgesmall@2x.jpg);
    }
    .page-welcome .browser_safari .hero {
        background-image: url(/web/i/v4/welcome/welcome-safarismall@2x.jpg);
    }
    .page-welcome .bookmarklet .hero {
        background-image: url(/web/i/v4/welcome/welcome-bookmarkletsmall@2x.jpg);
    }
    .lt-ie9 .page-welcome .device_ios .hero {
        background-image: url(/web/i/v4/welcome/welcome-iossmall@1x.jpg);
    }
    .lt-ie9 .page-welcome .device_iosbeta .hero {
        background-image: url(/web/i/v4/welcome/welcome-iosbetasmall@1x.png);
    }
    .lt-ie9 .page-welcome .device_mac .hero {
        background-image: url(/web/i/v4/welcome/welcome-macsmall@1x.jpg);
    }
    .lt-ie9 .page-welcome .device_android .hero {
        background-image: url(/web/i/v4/welcome/welcome-androidsmall@1x.jpg);
    }
    .lt-ie9 .page-welcome .device_kindle_fire .hero {
        background-image: url(/web/i/v4/welcome/welcome-kindle-firesmall@1x.jpg);
    }
    .lt-ie9 .page-welcome .browser_firefox .hero {
        background-image: url(/web/i/v4/welcome/welcome-firefoxsmall@1x.jpg);
    }
    .lt-ie9 .page-welcome .browser_firefoxnew .hero {
        background-image: url(/web/i/v4/welcome/welcome-firefoxnewsmall@1x.jpg);
    }
    .lt-ie9 .page-welcome .browser_firefoxquantum .hero {
        background-image: url(/web/i/v4/welcome/welcome-firefoxquantumsmall@1x.png);
    }
    .lt-ie9 .page-welcome .browser_opera .hero {
        background-image: url(/web/i/v4/welcome/welcome-operasmall@1x.jpg);
    }
    .lt-ie9 .page-welcome .browser_chrome .hero {
        background-image: url(/web/i/v4/welcome/welcome-chromesmall@1x.jpg);
    }
    .lt-ie9 .page-welcome .browser_edge .hero {
        background-image: url(/web/i/v4/welcome/welcome-edgesmall@1x.jpg);
    }
    .lt-ie9 .page-welcome .browser_safari .hero {
        background-image: url(/web/i/v4/welcome/welcome-safarismall@1x.jpg);
    }
    .lt-ie9 .page-welcome .bookmarklet .hero {
        background-image: url(/web/i/v4/welcome/welcome-bookmarkletsmall@1x.jpg);
    }
}
/* 480px */
@media only screen and (min-width: 30em) {
    .page-welcome {
        background: #eee;
    }
    .content-welcome {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        background: #fff;
        border: 1px solid #cacaca;
        border-radius: 10px;
        margin: 2em 0;
        padding: 1.5em 0;
    }
}
/* 768px - adaptive breakpoint */
@media only screen and (min-width: 48em) {
    .content-welcome {
        padding: 2.5em 0;
    }
    .content-welcome .description {
        padding-top: 5em;
    }
    .flexbox .device_iosbeta .description {
        padding-top: 0;
    }
    .content-welcome .description h2 {
        text-align: left;
    }
    .flexbox .device_iosbetacontainer {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5em 0;
    }
    .content-welcome .hero {
        height: 25em;
    }
    .flexbox .device_iosbeta .hero {
        height: 183px;
    }
    .content-welcome .description p {
        background-position: -1em center;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        text-align: left;
    }
    .content-welcome .bookmarklet-button {
        text-align: left;
    }
    .page-welcome .device_ios .hero {
        background-image: url(/web/i/v4/welcome/welcome-ios@1x.jpg);
    }
    .page-welcome .device_iosbeta .hero {
        background-image: url(/web/i/v4/welcome/welcome-iosbeta@1x.png);
    }
    .page-welcome .device_mac .hero {
        background-image: url(/web/i/v4/welcome/welcome-mac@1x.jpg);
    }
    .page-welcome .device_android .hero {
        background-image: url(/web/i/v4/welcome/welcome-android@1x.jpg);
    }
    .page-welcome .device_kindle_fire .hero {
        background-image: url(/web/i/v4/welcome/welcome-kindle-fire@1x.jpg);
    }
    .page-welcome .browser_firefox .hero {
        background-image: url(/web/i/v4/welcome/welcome-firefox@1x.jpg);
    }
    .page-welcome .browser_firefoxnew .hero {
        background-image: url(/web/i/v4/welcome/welcome-firefoxnew@1x.jpg);
    }
    .page-welcome .browser_firefoxquantum .hero {
        background-image: url(/web/i/v4/welcome/welcome-firefoxquantum@1x.png);
    }
    .page-welcome .browser_opera .hero {
        background-image: url(/web/i/v4/welcome/welcome-opera@1x.jpg);
    }
    .page-welcome .browser_chrome .hero {
        background-image: url(/web/i/v4/welcome/welcome-chrome@1x.jpg);
    }
    .page-welcome .browser_edge .hero {
        background-image: url(/web/i/v4/welcome/welcome-edge@1x.jpg);
    }
    .page-welcome .browser_safari .hero {
        background-image: url(/web/i/v4/welcome/welcome-safari@1x.jpg);
    }
    .page-welcome .bookmarklet .hero {
        background-image: url(/web/i/v4/welcome/welcome-bookmarklet@1x.jpg);
    }
}
/* 768px and hdpi */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 48em), only screen and (min-resolution: 144dpi) and (min-width: 48em) {
    .page-welcome .device_ios .hero,
    .page-welcome .device_iosbeta .hero,
    .page-welcome .device_mac .hero,
    .page-welcome .device_android .hero,
    .page-welcome .device_kindle_fire .hero,
    .page-welcome .browser_firefox .hero,
    .page-welcome .browser_firefoxnew .hero,
    .page-welcome .browser_firefoxquantum .hero,
    .page-welcome .browser_opera .hero,
    .page-welcome .browser_chrome .hero,
    .page-welcome .browser_safari .hero,
    .page-welcome .bookmarklet .hero,
    .page-welcome .browser_edge .hero {
        background-size: 310px 400px;
    }
    .page-welcome .device_iosbeta .hero {
        background-size: 310px 183px;
    }
    .page-welcome .device_ios .hero {
        background-image: url(/web/i/v4/welcome/welcome-ios@2x.jpg);
    }
    .page-welcome .device_iosbeta .hero {
        background-image: url(/web/i/v4/welcome/welcome-iosbeta@2x.png);
    }
    .page-welcome .device_mac .hero {
        background-image: url(/web/i/v4/welcome/welcome-mac@2x.jpg);
    }
    .page-welcome .device_android .hero {
        background-image: url(/web/i/v4/welcome/welcome-android@2x.jpg);
    }
    .page-welcome .device_kindle_fire .hero {
        background-image: url(/web/i/v4/welcome/welcome-kindle-fire@2x.jpg);
    }
    .page-welcome .browser_firefox .hero {
        background-image: url(/web/i/v4/welcome/welcome-firefox@2x.jpg);
    }
    .page-welcome .browser_firefoxnew .hero {
        background-image: url(/web/i/v4/welcome/welcome-firefoxnew@2x.jpg);
    }
    .page-welcome .browser_firefoxquantum .hero {
        background-image: url(/web/i/v4/welcome/welcome-firefoxquantum@2x.png);
    }
    .page-welcome .browser_opera .hero {
        background-image: url(/web/i/v4/welcome/welcome-opera@2x.jpg);
    }
    .page-welcome .browser_chrome .hero {
        background-image: url(/web/i/v4/welcome/welcome-chrome@2x.jpg);
    }
    .page-welcome .browser_safari .hero {
        background-image: url(/web/i/v4/welcome/welcome-safari@2x.jpg);
    }
    .page-welcome .bookmarklet .hero {
        background-image: url(/web/i/v4/welcome/welcome-bookmarklet@2x.jpg);
    }
    .lt-ie9 .page-welcome .device_ios .hero {
        background-image: url(/web/i/v4/welcome/welcome-ios@1x.jpg);
    }
    .lt-ie9 .page-welcome .device_mac .hero {
        background-image: url(/web/i/v4/welcome/welcome-mac@1x.jpg);
    }
    .lt-ie9 .page-welcome .device_android .hero {
        background-image: url(/web/i/v4/welcome/welcome-android@1x.jpg);
    }
    .lt-ie9 .page-welcome .device_kindle_fire .hero {
        background-image: url(/web/i/v4/welcome/welcome-kindle-fire@1x.jpg);
    }
    .lt-ie9 .page-welcome .browser_firefox .hero {
        background-image: url(/web/i/v4/welcome/welcome-firefox@1x.jpg);
    }
    .lt-ie9 .page-welcome .browser_firefoxnew .hero {
        background-image: url(/web/i/v4/welcome/welcome-firefoxnew@1x.jpg);
    }
    .lt-ie9 .page-welcome .browser_firefoxquantum .hero {
        background-image: url(/web/i/v4/welcome/welcome-firefoxquantum@1x.png);
    }
    .lt-ie9 .page-welcome .browser_opera .hero {
        background-image: url(/web/i/v4/welcome/welcome-opera@1x.jpg);
    }
    .lt-ie9 .page-welcome .browser_chrome .hero {
        background-image: url(/web/i/v4/welcome/welcome-chrome@1x.jpg);
    }
    .lt-ie9 .page-welcome .browser_edge .hero {
        background-image: url(/web/i/v4/welcome/welcome-edge@1x.jpg);
    }
    .lt-ie9 .page-welcome .browser_safari .hero {
        background-image: url(/web/i/v4/welcome/welcome-safari@1x.jpg);
    }
    .lt-ie9 .page-welcome .bookmarklet .hero {
        background-image: url(/web/i/v4/welcome/welcome-bookmarklet@1x.jpg);
    }
}

/*  newtab-exit.css
 *
 *  Contents:
 *  Global
 *  Header
 *  Content
 *  Responsive
 */

/*=Global
--------------------------------------------------------------------------------------- */


/*=Header
--------------------------------------------------------------------------------------- */
.page-newtab-exit .login a {
    border-top: 1px solid #d8d8d8;
    color: #222;
    height: auto;
    margin-top: 19px;
    padding: 11px 10px;
}
.page-newtab-exit .login a:hover {
    border-color: #d8d8d8;
    color: #222;
}

/*=Content
--------------------------------------------------------------------------------------- */
.content-newtab-exit {
    margin: 1em 0;
}

.content-newtab-exit .description {
    font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 14px;
}
.content-newtab-exit .description h2 {
    font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 2em;
    font-weight: 400;
    text-align: center;
}
.content-newtab-exit .description p {
    font-size: 1.25em;
    line-height: 1.2;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2em;
    padding-right: 2em;
    text-align: center;
}
.content-newtab-exit .detail {
    margin-bottom: 0.75em;
}
.content-newtab-exit .detail .detail-small {
    font-size: 0.7em;
}

.content-newtab-exit .btn {
    padding-left: 2em;
    padding-right: 2em;
    text-transform: uppercase;
}

.smcx-embed{
    border: none !important;
}

/*=Responsive
--------------------------------------------------------------------------------------- */

/* 480px */
@media only screen and (min-width: 30em) {
    .page-newtab-exit {
        background: #eee;
    }
    .content-newtab-exit {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        background: #fff;
        border: 1px solid #cacaca;
        border-radius: 10px;
        margin: 2em 0;
        padding: 1.5em 0;
    }

    .survey-monkey-container{
        width: 25em;
        margin: 0 auto;
        position: relative;
    }

    .smcx-iframe-container{
        height: 408px !important;
    }


}
/* 768px - adaptive breakpoint */
@media only screen and (min-width: 48em) {
    .content-newtab-exit {
        padding: 2.5em 0;
    }

    .content-newtab-exit .description p {
        background-position: -1em center;
        margin-left: 0;
        margin-right: 0;
        padding-left: 4em;
        padding-right: 4em;
    }

    .survey-monkey-container{
        width: 700px;
        margin: 0 auto;
        position: relative;
    }

    .smcx-iframe-container{
        height: 396px !important;
    }

    .smcx-embed{
        border: none !important;
    }

}


.page-sponsor section {
    font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Helvetica, Arial,
        sans-serif;
    text-align: center;
    color: #222;
}
.page-sponsor section h2,
.page-sponsor section h3,
.page-sponsor section p {
    margin: 0;
}

.page-sponsor section h2,
.page-sponsor section h3,
.page-sponsor section header {
    font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Helvetica, Arial,
        sans-serif;
}

.page-sponsor section header {
    letter-spacing: 0.065rem;
}

.page-sponsor > section {
    box-sizing: border-box;
}
.page-sponsor .why-pocket,
.page-sponsor .new-sponsored-opportunity,
.page-sponsor .additional-sponsored-opportunities,
.page-sponsor .partners {
    padding: 2.5em 0 0;
}
.page-sponsor > section:nth-child(even) {
    background-color: #f5f5f5;
}
.page-sponsor .content {
    text-align: left;
    display: grid;
    width: 100%;
    height: 100%;
    grid-template-columns: repeat(14, 1fr);
    grid-column-gap: 1.5em;
    grid-row-gap: 0;
}
.page-sponsor section .copy,
.page-sponsor section dl {
    grid-column: 2/ -2;
}
.page-sponsor section h2 {
    font-weight: 400;
    padding: 0.6em 0 0.3em;
    font-size: 1.85em;
}
.page-sponsor header {
    grid-row: 1;
    grid-column: 2/ -2;
    letter-spacing: 0.85;
    font-size: 0.8em;
    text-transform: uppercase;
    color: #ef4056;
    position: relative;
    padding: 0 0 2.6em;
    text-align: center;
}

.page-sponsor .cta-btn {
    background-color: #ef4056;
    border-radius: 6px;
    color: #fff;
    font-size: 1.2em;
    padding: 0.9em 2.7em;
    display: inline-block;
    text-shadow: none;
}
.page-sponsor .cta-btn:hover {
    text-decoration: none;
    background-color: #ee3048;
}

.page-sponsor .check-list {
    list-style-type: none;
    margin: 0;
}
.page-sponsor .check-list li {
    background-image: url(/web/i/v4/sponsor/checkmark-red.svg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 30px;
    padding-bottom: 1.2em;
    line-height: 20px;
}

/* TOP BAR
------------------------------------------------------------*/
.page-sponsor > section.top-bar {
    padding: 0;
}
.page-sponsor .top-bar h1 {
    text-align: left;
    grid-column: 2/ -2;
    font-size: 1em;
    font-weight: 300;
    margin: 0;
    padding: 0.95em 0 0.8em;
}
.page-sponsor .top-bar img {
    height: 80%;
}

/* HERO - TOP
------------------------------------------------------------ */
.page-sponsor .hero-top {
    background-image: linear-gradient(
            to right,
            rgba(0, 0, 0, 0.6) 5%,
            rgba(0, 0, 0, 0) 80%
        ),
        url(/web/i/v4/sponsor/hero-top-alt.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 45% bottom;
    height: 33.25em;
    min-height: 33.25em;
    max-height: 90vh;
}
.page-sponsor .hero-top .cta {
    align-self: center;
    grid-column: 2/7;
    color: #fff;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.5);
}
.page-sponsor .hero-top h2 {
    color: #fff;
    font-size: 1.7em;
    letter-spacing: 0.065em;
    line-height: 1.35;
    margin: 0;
}
.page-sponsor .hero-top p {
    line-height: 1.575em;
    padding: 0.15em 0 1.8em;
    font-weight: 300;
}

/* WHY POCKET
------------------------------------------------------------*/
.page-sponsor .why-pocket {
    padding-bottom: 2em;
}
.page-sponsor .why-pocket dl {
    grid-column: 2 / -2;
    display: flex;
    margin: 0;
    padding: 0 0 1.3em;
    font-size: 1em;
    line-height: 1.5;
    grid-column: 2 / -2;
    align-items: center;
}

.page-sponsor .why-pocket figure {
    width: 100px;
    height: 100px;
    display: block;
    padding-right: 1.5em;
}
.page-sponsor .why-pocket figure img {
    display: block;
    width: 100%;
    height: 100%;
}

/* NEW SPONSORED OPPORTUNITY
------------------------------------------------------------*/

.page-sponsor .new-sponsored-opportunity h2 {
    grid-column: 2/-2;
}

.page-sponsor .new-sponsored-opportunity p {
    grid-column: 2/-2;
    padding-bottom: 1em;
}
.page-sponsor .new-sponsored-opportunity figure {
    height: 260px;
    grid-column: 1/-1;
    background-image: url(/web/i/v4/sponsor/firefox-new-tab@2x.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.page-sponsor .new-sponsored-opportunity .check-list {
    grid-column: 2/-2;
    padding: 1.5em 0;
}

/* Additional Sponsored Opportunities
------------------------------------------------------------ */
.page-sponsor .additional-sponsored-opportunities section figure {
    grid-column: 1/-1;
    height: 260px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-top: 10px;
}

.page-sponsor .additional-sponsored-opportunities .copy {
    align-self: center;
}
.page-sponsor .additional-sponsored-opportunities section {
    padding-bottom: 2.6em;
}
.page-sponsor .additional-sponsored-opportunities .copy p {
    padding-bottom: 1em;
}

/* Pocket Mobile and Desktop
------------------------------------------------------------ */
.page-sponsor .pocket-mobile-and-desktop figure {
    background-image: url(/web/i/v4/sponsor/mobile-and-desktop@2x.png);
}

/* Pocket Hits Email
------------------------------------------------------------ */
.page-sponsor .pocket-hits-email figure {
    background-image: url(/web/i/v4/sponsor/pocket-hits-email@2x.png);
}

/* Dedicated Sponsored Email
------------------------------------------------------------ */
.page-sponsor .dedicated-sponsored-email figure {
    background-image: url(/web/i/v4/sponsor/dedicated-sponsor-email-full@2x.png);
}

/* Content Research Insights
------------------------------------------------------------ */
.page-sponsor .content-research-insights figure {
    background-image: url(/web/i/v4/sponsor/content-research-insights@2x.png);
}

/* HERO BOTTOM
------------------------------------------------------------ */
.page-sponsor > section.hero-bottom {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}

.page-sponsor .hero-bottom .content figure {
    background-image: url(/web/i/v4/sponsor/hero-bottom.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 30%;
    height: 33.25em;
    min-height: 33.25em;
    max-height: 90vh;
    grid-column: 1 / -1;
}

.page-sponsor .hero-bottom .copy {
    grid-column: 2/ -2;
    padding-bottom: 2.6em;
}

.page-sponsor .hero-bottom .copy h2 {
    font-size: 1.7em;
    letter-spacing: 0.065em;
    line-height: 1.35;
    margin: 0;
    padding: 1.475em 0 1.1em;
}

/* Our Partners
------------------------------------------------------------ */

.page-sponsor .partners header {
    grid-column: 2/-2;
    text-align: center;
    font-size: 1.4em;
}

.page-sponsor .partners .copy {
    grid-column: 2 / -2;
}

.page-sponsor .partners .logo-list {
    list-style-type: none;
    padding: 0 0 40px 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-left: -3em;
}
.page-sponsor .partners .logo-list li {
    padding-left: 3em;
    padding-bottom: 3em;
}

.page-sponsor .logo-nyt {
    width: 205px;
}
.page-sponsor .logo-vmware {
    width: 50px;
}
.page-sponsor .logo-macys {
    width: 114px;
}
.page-sponsor .logo-casper {
    width: 92px;
}
.page-sponsor .logo-wealthsimple {
    width: 181px;
}
.page-sponsor .logo-discover-personal-loans {
    width: 108px;
}
.page-sponsor .logo-intel {
    width: 66px;
}
.page-sponsor .logo-hpe {
    width: 109px;
}
.page-sponsor .logo-symantec {
    width: 151px;
}
.page-sponsor .logo-wall-street-journal {
    width: 212px;
}
.page-sponsor .logo-ubs {
    width: 86px;
}
.page-sponsor .logo-quartz {
    width: 122px;
}
.page-sponsor .logo-stitch-fix {
    width: 101px;
}
.page-sponsor .logo-salesforcelogo {
    width: 122px;
}
.page-sponsor .logo-fedex {
    width: 109px;
}
.page-sponsor .logo-sofi {
    width: 104px;
}
.page-sponsor .logo-jp-morgan-chase {
    width: 271px;
}

/* CTA BOTTOM
------------------------------------------------------------*/

.page-sponsor > section.cta-bottom {
    padding: 1.5em 0 3.9em;
}
.page-sponsor .cta-bottom .copy {
    grid-column: 2/-2;
}

.page-sponsor .cta-bottom .copy h2 {
    font-size: 1.7em;
    letter-spacing: 0.065em;
    line-height: 1.35;
    margin: 0;
    padding-bottom: 1.2em;
}
.page-sponsor .footer-global {
    border-top: none;
}

/* for-phone-only  */
@media (max-width: 599px) {
}

/* for-tablet-portrait-up */
@media (min-width: 600px) {
    .page-sponsor header {
        position: relative;
        text-align: left;
        font-size: 1.2em;
        line-height: 1.5em;
        padding-bottom: 2.6em;
        grid-column: 2/7;
    }
    .page-sponsor section:not(.partners) header:after {
        content: "";
        display: block;
        width: 100px;
        height: 1px;
        background-color: #ef4056;
        position: absolute;
        bottom: 2em;
    }

    .page-sponsor .additional-sponsored-opportunities section figure,
    .page-sponsor .new-sponsored-opportunity figure {
        height: 460px;
    }
    .page-sponsor .cta-bottom .copy {
        text-align: center;
    }
}

/* for-tablet-landscape-up  */
@media (min-width: 900px) {
    .page-sponsor .hero-top {
        height: 50vw;
    }

    /* WHY POCKET
    ------------------------------------------------------------*/

    .page-sponsor .why-pocket .appear {
        grid-column: 2 / 6;
    }
    .page-sponsor .why-pocket .engage {
        grid-column: 6 / 10;
    }
    .page-sponsor .why-pocket .transparency {
        grid-column: 10 / 14;
    }

    .page-sponsor .additional-sponsored-opportunities section {
        padding-bottom: 0;
    }

    .page-sponsor .additional-sponsored-opportunities section figure,
    .page-sponsor .new-sponsored-opportunity figure {
        height: 460px;
    }

    .page-sponsor .new-sponsored-opportunity h2 {
        grid-column: 2 / -2;
        grid-row: 2;
    }

    .page-sponsor .new-sponsored-opportunity .copy {
        grid-column: 2 / 8;
        grid-row: 3;
    }

    .page-sponsor .new-sponsored-opportunity .check-list {
        grid-column: 8 / -2;
        grid-row: 3;
        padding: 0;
    }
    .page-sponsor .new-sponsored-opportunity .check-list li:last-child {
        padding-bottom: 0;
    }

    .page-sponsor .new-sponsored-opportunity figure {
        grid-column: 2 / -2;
        grid-row: 4;
    }

    .page-sponsor > section.additional-sponsored-opportunities {
        padding-bottom: 2.5em;
    }
    .page-sponsor
        .additional-sponsored-opportunities
        section.pocket-mobile-and-desktop
        figure,
    .page-sponsor
        .additional-sponsored-opportunities
        section.dedicated-sponsored-email
        figure {
        grid-column: 8 / -1;
        background-size: cover;
        background-position: left center;
    }
    .page-sponsor
        .additional-sponsored-opportunities
        section.pocket-hits-email
        figure,
    .page-sponsor
        .additional-sponsored-opportunities
        section.content-research-insights
        figure {
        grid-column: 2 / 8;
        grid-row: 1;
    }

    .page-sponsor section.pocket-mobile-and-desktop .copy,
    .page-sponsor section.dedicated-sponsored-email .copy {
        grid-column: 2 / 7;
    }
    .page-sponsor section.pocket-hits-email .copy,
    .page-sponsor section.content-research-insights .copy {
        grid-column: 9 / -2;
    }

    .page-sponsor .hero-bottom {
        position: relative;
        width: 100%;
        height: 60vw;
        max-height: 90vh;
    }
    .page-sponsor .hero-bottom .content {
        height: 100%;
    }

    .page-sponsor .hero-bottom .content figure {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .page-sponsor .hero-bottom .copy {
        position: relative;
        grid-column: 8/ -2;
        padding: 1.5em;
        background-color: #fff;
        align-self: center;
    }

    .page-sponsor .hero-bottom .copy h2 {
        padding: 0 0 1.1em;
    }
}

/* for-desktop-up  */
@media (min-width: 1200px) {
    .page-sponsor .additional-sponsored-opportunities section figure {
        height: 400px;
    }
    .page-sponsor .top-bar .content,
    .page-sponsor .hero-top .content,
    .page-sponsor .why-pocket .content,
    .page-sponsor .new-sponsored-opportunity .content,
    .page-sponsor .additional-sponsored-opportunities .content,
    .page-sponsor .hero-bottom .content,
    .page-sponsor .partners .content,
    .page-sponsor .cta-bottom .content {
        max-width: 1200px;
        margin: 0 auto;
    }

    .page-sponsor section header {
        letter-spacing: 0.05rem;
        font-size: 1.25em;
    }

    /* ------------------------------------------------------------*/
    .page-sponsor section h2 {
        font-weight: 800;
        font-size: 2.5em;
    }

    .page-sponsor .hero-top h2 {
        font-size: 2.5em;
        line-height: 1.1em;
        padding-top: 1em;
        padding-bottom: 1em;
    }
    .page-sponsor .hero-top p {
        font-size: 1.35em;
        line-height: 1.475em;
    }

    .page-sponsor .why-pocket,
    .page-sponsor .new-sponsored-opportunity,
    .page-sponsor .additional-sponsored-opportunities,
    .page-sponsor .partners {
        padding: 3.5em 0 0;
    }

    /* ------------------------------------------------------------*/
    .page-sponsor .why-pocket dl {
        padding-bottom: 2.5em;
    }
    /* ------------------------------------------------------------*/
    .page-sponsor .new-sponsored-opportunity {
        padding-bottom: 2em;
    }
    .page-sponsor .new-sponsored-opportunity p {
        font-size: 1.15em;
    }

    .page-sponsor .new-sponsored-opportunity .check-list {
        grid-column: 9 / -2;
        padding-bottom: 1.5em;
    }
    .page-sponsor .new-sponsored-opportunity .check-list li {
        padding-bottom: 1.5em;
    }

    .page-sponsor .new-sponsored-opportunity figure {
        height: 600px;
    }

    /* ------------------------------------------------------------*/
    .page-sponsor .additional-sponsored-opportunities section {
        padding-bottom: 56px;
    }

    /* ------------------------------------------------------------*/
    .page-sponsor .hero-bottom .copy {
        grid-column: 9/ -2;
        padding: 2.5em;
    }

    .page-sponsor .hero-bottom .copy h2 {
        font-size: 2.25em;
        line-height: 1.25;
    }

    /* ------------------------------------------------------------*/
    .page-sponsor > section.cta-bottom {
        padding: 2.5em 0 3.5em;
    }

    .page-sponsor .cta-bottom .copy h2 {
        padding-top: 0;
    }
}

/* for-big-desktop-up ✅*/
@media (min-width: 1800px) {
}