gizmodo.com.css

.blog-group-gizmodo a, .blog-group-gizmodo a:hover, .blog-group-gizmodo a:focus, .blog-group-gizmodo	.sitecolored, .blog-group-gizmodo .sitecolored a {
    color: #28ADE6;
}

.blog-group-gizmodo .sitecolored-fill {
    fill: #28ADE6;
}

.blog-group-gizmodo	.sitecolored-border {
    border-color: #28ADE6;
}

.blog-group-gizmodo	.welcome-wrapper.sitecolored-border:before {
    border-left-color: #28ADE6!important;
}

.blog-group-gizmodo	.sitecolored-background, .blog-group-gizmodo	.reply__byline--member {
    background-color: #28ADE6 !important;
}

.blog-group-gizmodo .pullquote:before {
    border-color: #28ADE6;
}

.blog-group-gizmodo .pullquote:after {
    border-color: #28ADE6;
}

.sitecolored--hover:hover, .sitecolored--hover:hover a {
    color: #1790c4;
}

.tbl-site-color {
    color: #28ADE6 !important;
}

.u-sitecolored .svg-icon:not(.svg-star):not(.svg-chevron):not(.svg-zoom-in) {
    fill: #28ADE6;
}

.u-sitecolored .svg-icon.svg-star, .u-sitecolored .svg-icon.svg-chevron, .u-sitecolored .svg-icon.svg-zoom-in {
    stroke: #28ADE6;
}

.u-sitecolored--hover:hover .svg-icon:not(.svg-star):not(.svg-chevron):not(.svg-zoom-in) {
    fill: #1790c4;
}

.u-sitecolored--hover:hover .svg-icon.svg-star, .u-sitecolored--hover:hover .svg-icon.svg-chevron, .u-sitecolored--hover:hover .svg-icon.svg-zoom-in {
    stroke: #1790c4;
}

.reply.anchor:before {
    background-color: #28ADE6;
}

.liveblog-wrapper .update-badge, ul.reply-filters--liveblog .active.reply-filter--updates a:after, ul.reply-filters--liveblog .active.reply-filter--replies a:after {
    background-color: #28ADE6 !important;
}

.curation-item-placeholder__inner .avatar {
    display: block;
    background-position: 50% 50%;
    border-radius: 50%;
    background-repeat: no-repeat
}

.curation-item-placeholder__inner .avatar.avatar--blog {
    border-radius: 0
}

.curation-item-placeholder__inner .avatar.avatar--list {
    height: 2.75rem;
    width: 2.75rem;
    line-height: 2.75rem;
    background-size: 2.75rem
}

.curation-item-placeholder__inner .avatar.avatar--mobile {
    height: 4.75rem;
    width: 4.75rem;
    line-height: 4.75rem;
    background-size: 4.75rem;
    margin: auto
}

.curation-item-placeholder__inner .avatar-default {
    height: 3.75rem;
    width: 3.75rem
}

.curation-item-placeholder__inner .avatar-default.avatar--blog {
    border: #f5f5f5 1px solid;
    background-image: none;
    border-radius: 4px;
    padding: 0.4rem 0.6rem
}

.curation-item-placeholder__inner .avatar-default.avatar--blog svg {
    height: 100%;
    width: 100%;
    color: #f5f5f5
}

.curation-item-placeholder__inner .displayname {
    color: #333
}

.curation-item-placeholder__inner .username {
    color: #aaa
}

.curation-item-placeholder__inner .displayname,.curation-item-placeholder__inner .username {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
}

.curation-item-placeholder__inner #kinja-iconset-svg {
    display: none
}

.curation-item-placeholder__inner label {
    color: #aaa
}

.curation-item-placeholder__inner .center-item {
    display: block;
    position: relative;
    text-align: center
}

.f-dropdown,.reveal-modal {
    display: none
}

.reveal-modal {
    transition: 0.4s opacity
}

@media only screen and (min-width: 50em) {
    .hide-for-large-up {
        display: none !important
    }
}

.show-for-medium-down {
    display: none !important
}

@media only screen and (max-width: 49.938em) {
    .show-for-medium-down {
        display: inherit !important
    }

    .hide-for-medium-down {
        display: none !important
    }
}

meta.foundation-version {
    font-family: "/5.5.2/"
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0
}

meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 37.438em)/";
    width: 0
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:37.5em)/";
    width: 37.5em
}

meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:37.5em) and (max-width:49.938em)/";
    width: 37.5em
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:50em)/";
    width: 50em
}

meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:50em) and (max-width:63.9em)/";
    width: 50em
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:64em)/";
    width: 64em
}

meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:64em) and (max-width:66.25em)/";
    width: 64em
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:66.3em)/";
    width: 66.3em
}

meta.foundation-data-attribute-namespace {
    font-family: false
}

body,html {
    height: 100%
}

html {
    box-sizing: border-box
}

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

body,html {
    font-size: 16px
}

body {
    background: #fff;
    color: #222;
    cursor: auto;
    font-family: "ProximaNovaCond",sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    margin: 0;
    padding: 0;
    position: relative
}

a:hover {
    cursor: pointer
}

img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

#map_canvas embed,#map_canvas img,#map_canvas object,.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object {
    max-width: none !important
}

.left {
    float: left !important
}

.right {
    float: right !important
}

.clearfix:after,.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.hide {
    display: none
}

.invisible {
    visibility: hidden
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle
}

textarea {
    height: auto;
    min-height: 50px
}

select,.row {
    width: 100%
}

.row {
    margin: 0 auto;
    max-width: 63rem
}

.row:after,.row:before {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.row.collapse>.column,.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.row.collapse .row {
    margin-left: 0;
    margin-right: 0
}

.row .row {
    margin: 0 -1.125rem;
    max-width: none;
    width: auto
}

.row .row:after,.row .row:before {
    content: " ";
    display: table
}

.row .row:after {
    clear: both
}

.row .row.collapse {
    margin: 0;
    max-width: none;
    width: auto
}

.row .row.collapse:after,.row .row.collapse:before {
    content: " ";
    display: table
}

.row .row.collapse:after {
    clear: both
}

.column,.columns {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    width: 100%;
    float: left
}

.column+.column:last-child,.column+.columns:last-child,.columns+.column:last-child,.columns+.columns:last-child {
    float: right
}

.column+.column.end,.column+.columns.end,.columns+.column.end,.columns+.columns.end {
    float: left
}

@media only screen {
    .small-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .small-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .small-push-1 {
        position: relative;
        left: 8.333%;
        right: auto
    }

    .small-pull-1 {
        position: relative;
        right: 8.333%;
        left: auto
    }

    .small-push-2 {
        position: relative;
        left: 16.667%;
        right: auto
    }

    .small-pull-2 {
        position: relative;
        right: 16.667%;
        left: auto
    }

    .small-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .small-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .small-push-4 {
        position: relative;
        left: 33.333%;
        right: auto
    }

    .small-pull-4 {
        position: relative;
        right: 33.333%;
        left: auto
    }

    .small-push-5 {
        position: relative;
        left: 41.667%;
        right: auto
    }

    .small-pull-5 {
        position: relative;
        right: 41.667%;
        left: auto
    }

    .small-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .small-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .small-push-7 {
        position: relative;
        left: 58.333%;
        right: auto
    }

    .small-pull-7 {
        position: relative;
        right: 58.333%;
        left: auto
    }

    .small-push-8 {
        position: relative;
        left: 66.667%;
        right: auto
    }

    .small-pull-8 {
        position: relative;
        right: 66.667%;
        left: auto
    }

    .small-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .small-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .small-push-10 {
        position: relative;
        left: 83.333%;
        right: auto
    }

    .small-pull-10 {
        position: relative;
        right: 83.333%;
        left: auto
    }

    .small-push-11 {
        position: relative;
        left: 91.667%;
        right: auto
    }

    .small-pull-11 {
        position: relative;
        right: 91.667%;
        left: auto
    }

    .column,.columns {
        position: relative;
        padding-left: 1.125rem;
        padding-right: 1.125rem;
        float: left
    }

    .small-1 {
        width: 8.333%
    }

    .small-2 {
        width: 16.667%
    }

    .small-3 {
        width: 25%
    }

    .small-4 {
        width: 33.333%
    }

    .small-5 {
        width: 41.667%
    }

    .small-6 {
        width: 50%
    }

    .small-7 {
        width: 58.333%
    }

    .small-8 {
        width: 66.667%
    }

    .small-9 {
        width: 75%
    }

    .small-10 {
        width: 83.333%
    }

    .small-11 {
        width: 91.667%
    }

    .small-12 {
        width: 100%
    }

    .small-offset-0 {
        margin-left: 0 !important
    }

    .small-offset-1 {
        margin-left: 8.333% !important
    }

    .small-offset-2 {
        margin-left: 16.667% !important
    }

    .small-offset-3 {
        margin-left: 25% !important
    }

    .small-offset-4 {
        margin-left: 33.333% !important
    }

    .small-offset-5 {
        margin-left: 41.667% !important
    }

    .small-offset-6 {
        margin-left: 50% !important
    }

    .small-offset-7 {
        margin-left: 58.333% !important
    }

    .small-offset-8 {
        margin-left: 66.667% !important
    }

    .small-offset-9 {
        margin-left: 75% !important
    }

    .small-offset-10 {
        margin-left: 83.333% !important
    }

    .small-offset-11 {
        margin-left: 91.667% !important
    }

    .small-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .column.small-centered,.columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.small-uncentered,.columns.small-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .column.small-centered:last-child,.columns.small-centered:last-child {
        float: none
    }

    .column.small-uncentered:last-child,.columns.small-uncentered:last-child {
        float: left
    }

    .column.small-uncentered.opposite,.columns.small-uncentered.opposite {
        float: right
    }

    .row.small-collapse>.column,.row.small-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.small-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.small-uncollapse>.column,.row.small-uncollapse>.columns {
        padding-left: 1.125rem;
        padding-right: 1.125rem;
        float: left
    }
}

@media only screen and (min-width: 37.5em) {
    .medium-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .medium-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .medium-push-1 {
        position: relative;
        left: 8.333%;
        right: auto
    }

    .medium-pull-1 {
        position: relative;
        right: 8.333%;
        left: auto
    }

    .medium-push-2 {
        position: relative;
        left: 16.667%;
        right: auto
    }

    .medium-pull-2 {
        position: relative;
        right: 16.667%;
        left: auto
    }

    .medium-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .medium-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .medium-push-4 {
        position: relative;
        left: 33.333%;
        right: auto
    }

    .medium-pull-4 {
        position: relative;
        right: 33.333%;
        left: auto
    }

    .medium-push-5 {
        position: relative;
        left: 41.667%;
        right: auto
    }

    .medium-pull-5 {
        position: relative;
        right: 41.667%;
        left: auto
    }

    .medium-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .medium-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .medium-push-7 {
        position: relative;
        left: 58.333%;
        right: auto
    }

    .medium-pull-7 {
        position: relative;
        right: 58.333%;
        left: auto
    }

    .medium-push-8 {
        position: relative;
        left: 66.667%;
        right: auto
    }

    .medium-pull-8 {
        position: relative;
        right: 66.667%;
        left: auto
    }

    .medium-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .medium-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .medium-push-10 {
        position: relative;
        left: 83.333%;
        right: auto
    }

    .medium-pull-10 {
        position: relative;
        right: 83.333%;
        left: auto
    }

    .medium-push-11 {
        position: relative;
        left: 91.667%;
        right: auto
    }

    .medium-pull-11 {
        position: relative;
        right: 91.667%;
        left: auto
    }

    .column,.columns {
        position: relative;
        padding-left: 1.125rem;
        padding-right: 1.125rem;
        float: left
    }

    .medium-1 {
        width: 8.333%
    }

    .medium-2 {
        width: 16.667%
    }

    .medium-3 {
        width: 25%
    }

    .medium-4 {
        width: 33.333%
    }

    .medium-5 {
        width: 41.667%
    }

    .medium-6 {
        width: 50%
    }

    .medium-7 {
        width: 58.333%
    }

    .medium-8 {
        width: 66.667%
    }

    .medium-9 {
        width: 75%
    }

    .medium-10 {
        width: 83.333%
    }

    .medium-11 {
        width: 91.667%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-0 {
        margin-left: 0 !important
    }

    .medium-offset-1 {
        margin-left: 8.333% !important
    }

    .medium-offset-2 {
        margin-left: 16.667% !important
    }

    .medium-offset-3 {
        margin-left: 25% !important
    }

    .medium-offset-4 {
        margin-left: 33.333% !important
    }

    .medium-offset-5 {
        margin-left: 41.667% !important
    }

    .medium-offset-6 {
        margin-left: 50% !important
    }

    .medium-offset-7 {
        margin-left: 58.333% !important
    }

    .medium-offset-8 {
        margin-left: 66.667% !important
    }

    .medium-offset-9 {
        margin-left: 75% !important
    }

    .medium-offset-10 {
        margin-left: 83.333% !important
    }

    .medium-offset-11 {
        margin-left: 91.667% !important
    }

    .medium-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .column.medium-centered,.columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.medium-uncentered,.columns.medium-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .column.medium-centered:last-child,.columns.medium-centered:last-child {
        float: none
    }

    .column.medium-uncentered:last-child,.columns.medium-uncentered:last-child {
        float: left
    }

    .column.medium-uncentered.opposite,.columns.medium-uncentered.opposite {
        float: right
    }

    .row.medium-collapse>.column,.row.medium-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.medium-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.medium-uncollapse>.column,.row.medium-uncollapse>.columns {
        padding-left: 1.125rem;
        padding-right: 1.125rem;
        float: left
    }

    .push-0 {
        left: 0;
        right: auto
    }

    .push-0,.pull-0 {
        position: relative
    }

    .pull-0 {
        right: 0;
        left: auto
    }

    .push-1 {
        left: 8.333%;
        right: auto
    }

    .push-1,.pull-1 {
        position: relative
    }

    .pull-1 {
        right: 8.333%;
        left: auto
    }

    .push-2 {
        left: 16.667%;
        right: auto
    }

    .push-2,.pull-2 {
        position: relative
    }

    .pull-2 {
        right: 16.667%;
        left: auto
    }

    .push-3 {
        left: 25%;
        right: auto
    }

    .push-3,.pull-3 {
        position: relative
    }

    .pull-3 {
        right: 25%;
        left: auto
    }

    .push-4 {
        left: 33.333%;
        right: auto
    }

    .push-4,.pull-4 {
        position: relative
    }

    .pull-4 {
        right: 33.333%;
        left: auto
    }

    .push-5 {
        left: 41.667%;
        right: auto
    }

    .push-5,.pull-5 {
        position: relative
    }

    .pull-5 {
        right: 41.667%;
        left: auto
    }

    .push-6 {
        left: 50%;
        right: auto
    }

    .push-6,.pull-6 {
        position: relative
    }

    .pull-6 {
        right: 50%;
        left: auto
    }

    .push-7 {
        left: 58.333%;
        right: auto
    }

    .push-7,.pull-7 {
        position: relative
    }

    .pull-7 {
        right: 58.333%;
        left: auto
    }

    .push-8 {
        left: 66.667%;
        right: auto
    }

    .push-8,.pull-8 {
        position: relative
    }

    .pull-8 {
        right: 66.667%;
        left: auto
    }

    .push-9 {
        left: 75%;
        right: auto
    }

    .push-9,.pull-9 {
        position: relative
    }

    .pull-9 {
        right: 75%;
        left: auto
    }

    .push-10 {
        position: relative;
        left: 83.333%;
        right: auto
    }

    .pull-10 {
        position: relative;
        right: 83.333%;
        left: auto
    }

    .push-11 {
        position: relative;
        left: 91.667%;
        right: auto
    }

    .pull-11 {
        position: relative;
        right: 91.667%;
        left: auto
    }
}

@media only screen and (min-width: 50em) {
    .large-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .large-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .large-push-1 {
        position: relative;
        left: 8.333%;
        right: auto
    }

    .large-pull-1 {
        position: relative;
        right: 8.333%;
        left: auto
    }

    .large-push-2 {
        position: relative;
        left: 16.667%;
        right: auto
    }

    .large-pull-2 {
        position: relative;
        right: 16.667%;
        left: auto
    }

    .large-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .large-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .large-push-4 {
        position: relative;
        left: 33.333%;
        right: auto
    }

    .large-pull-4 {
        position: relative;
        right: 33.333%;
        left: auto
    }

    .large-push-5 {
        position: relative;
        left: 41.667%;
        right: auto
    }

    .large-pull-5 {
        position: relative;
        right: 41.667%;
        left: auto
    }

    .large-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .large-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .large-push-7 {
        position: relative;
        left: 58.333%;
        right: auto
    }

    .large-pull-7 {
        position: relative;
        right: 58.333%;
        left: auto
    }

    .large-push-8 {
        position: relative;
        left: 66.667%;
        right: auto
    }

    .large-pull-8 {
        position: relative;
        right: 66.667%;
        left: auto
    }

    .large-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .large-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .large-push-10 {
        position: relative;
        left: 83.333%;
        right: auto
    }

    .large-pull-10 {
        position: relative;
        right: 83.333%;
        left: auto
    }

    .large-push-11 {
        position: relative;
        left: 91.667%;
        right: auto
    }

    .large-pull-11 {
        position: relative;
        right: 91.667%;
        left: auto
    }

    .column,.columns {
        position: relative;
        padding-left: 1.125rem;
        padding-right: 1.125rem;
        float: left
    }

    .large-1 {
        width: 8.333%
    }

    .large-2 {
        width: 16.667%
    }

    .large-3 {
        width: 25%
    }

    .large-4 {
        width: 33.333%
    }

    .large-5 {
        width: 41.667%
    }

    .large-6 {
        width: 50%
    }

    .large-7 {
        width: 58.333%
    }

    .large-8 {
        width: 66.667%
    }

    .large-9 {
        width: 75%
    }

    .large-10 {
        width: 83.333%
    }

    .large-11 {
        width: 91.667%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-0 {
        margin-left: 0 !important
    }

    .large-offset-1 {
        margin-left: 8.333% !important
    }

    .large-offset-2 {
        margin-left: 16.667% !important
    }

    .large-offset-3 {
        margin-left: 25% !important
    }

    .large-offset-4 {
        margin-left: 33.333% !important
    }

    .large-offset-5 {
        margin-left: 41.667% !important
    }

    .large-offset-6 {
        margin-left: 50% !important
    }

    .large-offset-7 {
        margin-left: 58.333% !important
    }

    .large-offset-8 {
        margin-left: 66.667% !important
    }

    .large-offset-9 {
        margin-left: 75% !important
    }

    .large-offset-10 {
        margin-left: 83.333% !important
    }

    .large-offset-11 {
        margin-left: 91.667% !important
    }

    .large-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .column.large-centered,.columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.large-uncentered,.columns.large-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .column.large-centered:last-child,.columns.large-centered:last-child {
        float: none
    }

    .column.large-uncentered:last-child,.columns.large-uncentered:last-child {
        float: left
    }

    .column.large-uncentered.opposite,.columns.large-uncentered.opposite {
        float: right
    }

    .row.large-collapse>.column,.row.large-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.large-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.large-uncollapse>.column,.row.large-uncollapse>.columns {
        padding-left: 1.125rem;
        padding-right: 1.125rem;
        float: left
    }

    .push-0 {
        left: 0;
        right: auto
    }

    .push-0,.pull-0 {
        position: relative
    }

    .pull-0 {
        right: 0;
        left: auto
    }

    .push-1 {
        left: 8.333%;
        right: auto
    }

    .push-1,.pull-1 {
        position: relative
    }

    .pull-1 {
        right: 8.333%;
        left: auto
    }

    .push-2 {
        left: 16.667%;
        right: auto
    }

    .push-2,.pull-2 {
        position: relative
    }

    .pull-2 {
        right: 16.667%;
        left: auto
    }

    .push-3 {
        left: 25%;
        right: auto
    }

    .push-3,.pull-3 {
        position: relative
    }

    .pull-3 {
        right: 25%;
        left: auto
    }

    .push-4 {
        left: 33.333%;
        right: auto
    }

    .push-4,.pull-4 {
        position: relative
    }

    .pull-4 {
        right: 33.333%;
        left: auto
    }

    .push-5 {
        left: 41.667%;
        right: auto
    }

    .push-5,.pull-5 {
        position: relative
    }

    .pull-5 {
        right: 41.667%;
        left: auto
    }

    .push-6 {
        left: 50%;
        right: auto
    }

    .push-6,.pull-6 {
        position: relative
    }

    .pull-6 {
        right: 50%;
        left: auto
    }

    .push-7 {
        left: 58.333%;
        right: auto
    }

    .push-7,.pull-7 {
        position: relative
    }

    .pull-7 {
        right: 58.333%;
        left: auto
    }

    .push-8 {
        left: 66.667%;
        right: auto
    }

    .push-8,.pull-8 {
        position: relative
    }

    .pull-8 {
        right: 66.667%;
        left: auto
    }

    .push-9 {
        left: 75%;
        right: auto
    }

    .push-9,.pull-9 {
        position: relative
    }

    .pull-9 {
        right: 75%;
        left: auto
    }

    .push-10 {
        position: relative;
        left: 83.333%;
        right: auto
    }

    .pull-10 {
        position: relative;
        right: 83.333%;
        left: auto
    }

    .push-11 {
        position: relative;
        left: 91.667%;
        right: auto
    }

    .pull-11 {
        position: relative;
        right: 91.667%;
        left: auto
    }
}

body {
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    word-wrap: break-word
}

.disable-scroll {
    overflow: hidden;
    height: 100%;
    min-height: 100vh;
    min-width: 100vw
}

.disable-scroll:after {
    clear: both
}

.disable-scroll .page .post-dropdown-ct {
    display: none
}

hr {
    border: #ccc solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 1.25rem 0 1.1875rem
}

a:hover {
    text-decoration: underline
}

a:hover.button,a:hover.icon {
    text-decoration: none
}

.secondary-link,.secondary-link:active,.secondary-link:focus,.secondary-link:hover,.secondary-link:visited {
    color: #666
}

.clear-both {
    clear: both
}

.inline {
    display: inline
}

.inline-block {
    display: inline-block
}

table {
    width: 100%
}

.table-row {
    display: table-row
}

.table-cell {
    display: table-cell
}

.nowrap {
    white-space: nowrap
}

.cursor-default {
    cursor: default !important
}

.cursor-pointer {
    cursor: pointer !important
}

.cursor-crosshair {
    cursor: crosshair !important
}

.cursor-zoom-in {
    cursor: zoom-in !important
}

.primary-color {
    color: #0093ec !important
}

.no-decoration,.no-decoration:hover {
    text-decoration: none
}

.floated-container {
    display: block
}

.floated-container>.avatar {
    display: block;
    float: left;
    margin-right: 10px
}

.floated-container>.avatar img {
    display: block
}

.floated-container>.avatar .svg-icon {
    width: 30px;
    height: 30px;
    opacity: 1
}

.floated-container>.avatar .icon-followed {
    display: none
}

.floated-container .txt {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
}

.floated-container.img-20 .avatar img {
    height: 20px;
    width: 20px;
    max-width: 20px
}

.floated-container.img-30 {
    height: 30px
}

.floated-container.img-30 .avatar img {
    height: 30px;
    width: 30px;
    max-width: 30px
}

.floated-container.img-40 {
    height: 40px
}

.floated-container.img-40 .avatar img {
    height: 40px;
    width: 40px;
    max-width: 40px
}

.floated-container.img-60 {
    height: 60px
}

.floated-container.img-60 .avatar img {
    height: 60px;
    width: 60px;
    max-width: 60px
}

.floated-container.icon-20 {
    height: 20px
}

.floated-container.icon-20 .avatar .icon {
    top: 3px
}

.txt-20 {
    line-height: 1.5rem
}

.txt-30 {
    line-height: 2.125rem
}

.txt-40 {
    line-height: 2.75rem
}

.txt-60 {
    line-height: 4rem
}

.site-logo {
    display: inline-block;
    height: 40px;
    max-height: 40px;
    max-width: 100%;
    background-repeat: no-repeat;
    background-size: contain !important
}

@media only screen and (max-width: 49.938em) {
    .site-logo {
        max-width: 70%;
        margin-left: 50px;
        vertical-align: sub
    }
}

.site-logo .logo {
    display: block;
    max-height: 40px
}

.site-logo:hover {
    text-decoration: none
}

.site-logo .header-title {
    max-width: 100%
}

.splash .dropdown-wrapper {
    display: none
}

.dropdown-wrapper {
    margin-top: -5px
}

.header-title {
    display: inline-block;
    color: #000;
    font-size: 2.188rem;
    float: left;
    line-height: 2.812rem;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 90%
}

@media only screen and (max-width: 37.438em) {
    .header-title {
        font-size: 1.75rem
    }
}

.header-title:hover {
    text-decoration: none;
    color: #000
}

.header-title a,.header-title a:active,.header-title a:hover {
    color: #000
}

.header-title+.blog-dropdown-trigger {
    top: -10px
}

.row.content-header {
    margin-top: -0.3rem;
    margin-bottom: 1.5rem;
    position: relative
}

.row.content-header>.columns {
    height: 40px;
    max-height: 40px
}

.row.content-header .site-header {
    padding-right: 0
}

.header-action-wrapper {
    position: absolute;
    right: 1.125rem
}

.content-header+.alert-box {
    margin-top: 1.438rem
}

.logo-content {
    height: 50px;
    padding: 10px 0;
    margin-top: -20px;
    margin-bottom: 10px
}

.logo-content .logo-container {
    float: right;
    padding-left: 10px;
    max-width: 50%
}

.logo-content .site-logo {
    display: block;
    line-height: 30px;
    max-width: 100%;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain
}

.logo-content .site-logo:hover {
    text-decoration: none
}

.logo-content .site-logo .txt {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
    color: #222
}

.img-border,.img--16x9 {
    position: relative;
    display: block
}

.img--16x9 {
    height: 0;
    width: 100%;
    padding-bottom: 56.25%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f5f5f5;
    overflow: hidden
}

.img--16x9 img,.img--16x9 video {
    width: 100%
}

ol,ul {
    list-style-type: none
}

ol,ul,ol li,ul li {
    margin: 0
}

.list-text li {
    display: inline-block
}

iframe {
    border: 0;
    display: block;
    margin: 0;
    padding: 0
}

blockquote {
    margin: 7px 0 15px;
    border: 0;
    padding: 20px 25px;
    background-color: #f5f5f5;
    font-style: italic
}

.site-footer {
    margin-top: 0
}

@media only screen and (min-width: 50em) {
    .site-footer>div {
        text-align: right !important
    }

    .site-footer li {
        padding: 0 0 0 15px
    }
}

@media only screen and (max-width: 49.938em) {
    .site-footer li {
        padding: 0 8px
    }
}

hr.fade {
    border: 0;
    height: 1px;
    position: relative;
    background-image: linear-gradient(to right, rgba(204,204,204,0) 0%, #ccc 25%, #ccc 75%, rgba(204,204,204,0) 100%)
}

.notification-count {
    display: block;
    width: 30px;
    height: 16px;
    overflow: hidden;
    text-align: center;
    font-size: .938rem;
    line-height: 1.062rem;
    font-weight: bold;
    color: #eeb544;
    position: absolute;
    left: 0;
    top: 7px
}

.notification-count.only-one {
    text-indent: -1px
}

.notification-count.hundred {
    font-size: .875rem;
    line-height: 1.125rem
}

.notification-count.infinite {
    font-size: 1.625rem;
    line-height: 1.312rem
}

.notification-count-badge {
    display: block;
    height: 16px;
    overflow: hidden;
    text-align: center;
    font-size: .938rem;
    padding: 0 5px;
    line-height: 17px;
    border-radius: 16px;
    background-color: #eeb544;
    color: #fff
}

.toolbar-icon .notification-count-badge {
    position: absolute;
    left: 20px;
    top: -5px
}

.menu-list .notification-count-badge {
    display: inline;
    margin-left: 10px;
    padding-top: 2px;
    padding-bottom: 1px
}

.toolbar .notifications-menu:not(.active):not(.is-loaded) {
    opacity: 0.1
}

.toolbar .toolbar-icon:not(.active).has-notification,.toolbar .toolbar-icon:not(.active).has-notification .notification-badge {
    opacity: 1
}

.button,button {
    outline: none
}

.button.disabled {
    pointer-events: none
}

.button.transparent,button.transparent {
    background-color: transparent;
    border-color: transparent
}

.button.transparent:focus,.button.transparent:hover,button.transparent:focus,button.transparent:hover {
    background-color: transparent
}

.success-messages {
    position: fixed;
    top: 70px;
    right: 0px;
    z-index: 1020
}

.success-box {
    color: #000;
    font-size: 14px;
    padding: 15px 15px 13px;
    background-color: #e5e5e5;
    width: 280px;
    margin: 0 0 5px 0
}

.success-box.top-right {
    position: fixed;
    top: 45px;
    right: 0px
}

.success-box.warning-box {
    background-color: #ef7740
}

.success-box.linked {
    cursor: pointer
}

.success-box.linked:hover {
    background-color: #000
}

.success-box .close {
    margin-left: 10px;
    float: right
}

.button.dropdown.toggle-30 {
    width: 30px;
    height: 30px
}

.button.dropdown.toggle-40 {
    width: 40px;
    height: 40px
}

.blog-dropdown-trigger,.post-dropdown-trigger {
    opacity: 0.3
}

.blog-dropdown-trigger.button.dropdown,.post-dropdown-trigger.button.dropdown {
    border: none
}

.blog-dropdown-trigger.button.dropdown:active,.blog-dropdown-trigger.button.dropdown:focus,.blog-dropdown-trigger.button.dropdown:hover,.post-dropdown-trigger.button.dropdown:active,.post-dropdown-trigger.button.dropdown:focus,.post-dropdown-trigger.button.dropdown:hover {
    background: transparent
}

.blog-dropdown-trigger.button.dropdown.toggle-30:after,.post-dropdown-trigger.button.dropdown.toggle-30:after {
    width: 30px;
    height: 30px;
    line-height: 40px !important;
    right: 2px;
    top: 0px
}

.blog-dropdown-trigger.button.dropdown,.post-dropdown-trigger.button.dropdown {
    padding: 0
}

@media only screen and (min-width: 37.5em) {
    .editor-dropdown .f-dropdown,.post-dropdown-ct .f-dropdown {
        margin-left: 9px
    }

    .editor-dropdown .f-dropdown:before,.post-dropdown-ct .f-dropdown:before {
        left: auto !important;
        right: 10px
    }

    .editor-dropdown .f-dropdown:after,.post-dropdown-ct .f-dropdown:after {
        left: auto !important;
        right: 9px
    }
}

@media only screen and (min-width: 88em) {
    .editor-dropdown .f-dropdown,.post-dropdown-ct .f-dropdown {
        margin-left: -173px
    }
}

.post-dropdown-ct .f-dropdown.open {
    left: auto;
    right: -5px;
    top: 36px;
    min-width: 200px
}

.scrollable-container {
    width: 100%;
    overflow: hidden
}

.scrollable.open {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

form label .icon {
    opacity: 0.6
}

form select {
    position: relative;
    z-index: 2;
    color: rgba(0,0,0,0.75)
}

.touch input[type=date],.touch input[type=datetime-local],.touch input[type=datetime],.touch input[type=email],.touch input[type=month],.touch input[type=number],.touch input[type=password],.touch input[type=search],.touch input[type=tel],.touch input[type=text],.touch input[type=time],.touch input[type=url],.touch input[type=week],.touch select,.touch textarea {
    font-size: 1rem
}

.input-wrapper {
    clear: both;
    margin-bottom: 15px
}

.input-wrapper input {
    margin-bottom: 0px
}

.input-wrapper .error-message {
    color: #ef7740
}

.input-wrapper .warning-message {
    color: #eeb544
}

.input-with-icon {
    position: relative
}

.input-with-icon .icon {
    position: absolute;
    left: 0.5rem;
    top: 0.7rem;
    opacity: 0.4
}

@media only screen and (max-width: 1024px) {
    .input-with-icon .icon {
        top: 0.45rem
    }
}

.input-with-icon input {
    padding-left: 2rem
}

@media only screen and (max-width: 1024px) {
    .input-with-icon input {
        padding-left: 2.4rem
    }
}

.input-with-icon.icon-on-right .icon {
    left: auto;
    right: 0.5rem
}

.input-with-icon.icon-on-right input {
    padding-left: 1rem;
    padding-right: 2rem
}

@media only screen and (max-width: 1024px) {
    .input-with-icon.icon-on-right input {
        padding-right: 2.4rem
    }
}

.non-flex-video {
    display: block;
    margin-bottom: 1rem
}

.non-flex-video iframe {
    max-width: 100%
}

.non-flex-video.centered-frame iframe {
    margin-left: auto;
    margin-right: auto;
    max-width: 75%
}

.flex-video {
    display: block
}

.flex-video.soundcloud,.flex-video.video-166 {
    padding-bottom: 21.15%
}

.flex-video.megaphone {
    padding-bottom: 19.8%
}

.page-error {
    background-color: #fff;
    border: 0;
    margin-top: 110px;
    margin-bottom: 100px;
    padding: 0 1.125rem;
    text-align: center
}

.help-link {
    margin-right: 5px;
    vertical-align: baseline !important
}

.help-link:focus,.help-link:hover {
    color: #4e4e4e
}

h4 .help-link {
    position: relative
}

@media only screen and (max-width: 37.438em) {
    h4 .help-link {
        top: 1px
    }
}

@media only screen and (min-width: 50em) {
    h4 .help-link {
        top: -1px
    }
}

.flex-container {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center
}

.flex-container.horizontal-wrap {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.flex-container.horizontal-nowrap {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.flex-container.vertical-wrap {
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

.flex-container.space-around {
    -ms-flex-pack: distribute;
    -moz-justify-content: space-around;
    justify-content: space-around
}

.flex-container.space-between {
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between
}

.flex-container.justify-center {
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center
}

.flex-container.align-start {
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.flex-container.centered-demo {
    height: 200px;
    background: #ccc;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center
}

.flex-container.centered-demo .flex-item {
    max-width: 100px
}

ul.flex-container {
    padding: 0;
    margin: 0;
    list-style: none
}

.nowidth .flex-item {
    width: auto
}

.nowidth .flex-item,.noheight .flex-item {
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.noheight .flex-item {
    height: auto
}

.flex-item.noflex {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.flex-item.grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex-item.grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.flex-item.grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-positive: 3;
    flex-grow: 3
}

.flex-item.align-self-end {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.ie-9 .readonly-hide,.read-only .readonly-hide {
    display: none !important
}

.avatar img,img.avatar:not(.blog-avatar) {
    border-radius: 50%
}

.f-dropdown-ct {
    position: relative
}

.f-dropdown.open {
    left: 0
}

@media only screen and (max-width: 37.438em) {
    .f-dropdown.open {
        width: 100%;
        max-width: none
    }
}

.commerce-image {
    position: relative
}

.commerce-image.commerce-badged:before,.commerce-image.commerce-image-b:before,.commerce-image.commerce-image-c:before,.commerce-image.commerce-image-e:before,.deals .entry-content .media-large:first-child .img-border:before {
    width: 44px;
    height: 44px;
    background-size: auto;
    display: block;
    position: absolute;
    content: '';
    top: 7px;
    left: 7px;
    background: #72ad75;
    border-radius: 44px;
    background-image: url("//x.kinja-static.com/assets/images/commerce-pop.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 92
}

.commerce-image.commerce-labeled:after {
    position: absolute;
    display: none;
    top: 1px;
    left: 0;
    content: '';
    width: 128px;
    height: 29px;
    background-image: url("//x.kinja-static.com/assets/images/commerce-label.png");
    background-size: 128px 29px;
    z-index: 91
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .commerce-image.commerce-labeled:after {
        background-image: url("//x.kinja-static.com/assets/images/commerce-label@2x.png")
    }
}

@media only screen and (min-width: 37.5em) {
    .commerce-image.commerce-border>a {
        border: 1px solid #72ad75;
        display: block
    }

    .commerce-image.commerce-labeled:after {
        display: block
    }

    .commerce-image.commerce-badged:before,.commerce-image.commerce-image-b:before,.commerce-image.commerce-image-c:before,.commerce-image.commerce-image-e:before,.deals .entry-content .media-large:first-child .img-border:before {
        left: 7px;
        top: -7px
    }

    .commerce-image.commerce-image-b:before {
        width: 26px;
        height: 26px;
        border-radius: 26px;
        background-size: 20px;
        top: 7px;
        left: 26px
    }

    .commerce-image.commerce-image-c:before {
        width: 26px;
        height: 26px;
        border-radius: 26px;
        background-size: 20px;
        top: -6px;
        left: 13px
    }

    .commerce-image.commerce-image-e:before {
        width: 37px;
        height: 37px;
        border-radius: 37px;
        background-size: 28px;
        top: -12px;
        left: 9px
    }

    .commerce-image.commerce-labeled:after {
        display: block;
        left: 1.12rem
    }
}

.deals .entry-content .media-large:first-child .img-border:before {
    top: 7px;
    left: 14px
}

@media only screen and (min-width: 37.5em) {
    .deals .entry-content .media-large:first-child .img-border:before {
        width: 55px;
        height: 55px;
        border-radius: 55px;
        background-size: 41px
    }
}

.show-more__wrapper {
    text-align: center;
    position: relative
}

.show-more__wrapper:after {
    content: '';
    display: block;
    border-bottom: 1px solid #aaa;
    height: 0;
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: -10
}

.button--show-more {
    transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, color 0.4s ease-in-out;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
    font-family: "ProximaNovaCond",sans-serif;
    border: #e5e5e5 1px solid;
    font-size: .875rem;
    display: inline-block;
    height: 46px;
    line-height: 44px;
    border-radius: 23px;
    position: relative
}

.button--show-more .svg-chevron--small {
    transition: fill,.4s;
    vertical-align: baseline;
    margin-left: 6px
}

.button--show-more.sitecolored:focus,.button--show-more.sitecolored:hover,.button--show-more:focus,.button--show-more:hover {
    text-decoration: none;
    border-color: #aaa
}

@font-face {
    font-family:'ProximaNovaCond';
	font-weight:normal;
	font-style:normal;
	src:url(//f.kinja-static.com/assets/fonts/proxima/proxima_nova_cond_reg-webfont.woff2?08252015) format("woff2"),url(//f.kinja-static.com/assets/fonts/proxima/proxima_nova_cond_reg-webfont.woff?08252015) format("woff")
}

@font-face {
    font-family:'ProximaNovaCond';
	font-weight:normal;
	font-style:italic;
	src:url(//f.kinja-static.com/assets/fonts/proxima/proxima_nova_cond_reg_it-webfont.woff2?08252015) format("woff2"),url(//f.kinja-static.com/assets/fonts/proxima/proxima_nova_cond_reg_it-webfont.woff?08252015) format("woff")
}

@font-face {
    font-family:'ProximaNovaCond';
	font-weight:bold;
	font-style:normal;
	src:url(//f.kinja-static.com/assets/fonts/proxima/proxima_nova_cond_sbold-webfont.woff2?08252015) format("woff2"),url(//f.kinja-static.com/assets/fonts/proxima/proxima_nova_cond_sbold-webfont.woff?08252015) format("woff")
}

@font-face {
    font-family:'ProximaNovaCond';
	font-weight:bold;
	font-style:italic;
	src:url(//f.kinja-static.com/assets/fonts/proxima/proxima_nova_cond_sbold_it-webfont.woff2?08252015) format("woff2"),url(//f.kinja-static.com/assets/fonts/proxima/proxima_nova_cond_sbold_it-webfont.woff?08252015) format("woff")
}

@font-face {
    font-family:'ElizabethSerif';
	font-weight:400;
	font-style:normal;
	src:url(//f.kinja-static.com/assets/fonts/elizabeth-serif/elizabethserif-light-webfont.woff2?09162015) format("woff2"),url(//f.kinja-static.com/assets/fonts/elizabeth-serif/elizabethserif-light-webfont.woff?09162015) format("woff")
}

@font-face {
    font-family:'ElizabethSerif';
	font-weight:400;
	font-style:italic;
	src:url(//f.kinja-static.com/assets/fonts/elizabeth-serif/elizabethserif-lightitalic-webfont.woff2?09162015) format("woff2"),url(//f.kinja-static.com/assets/fonts/elizabeth-serif/elizabethserif-lightitalic-webfont.woff?09162015) format("woff")
}

@font-face {
    font-family:'ElizabethSerif';
	font-weight:500;
	font-style:normal;
	src:url(//f.kinja-static.com/assets/fonts/elizabeth-serif/elizabethserif-regular-webfont.woff2?09162015) format("woff2"),url(//f.kinja-static.com/assets/fonts/elizabeth-serif/elizabethserif-regular-webfont.woff?09162015) format("woff")
}

@font-face {
    font-family:'ElizabethSerif';
	font-weight:500;
	font-style:italic;
	src:url(//f.kinja-static.com/assets/fonts/elizabeth-serif/elizabethserif-italic-webfont.woff2?09162015) format("woff2"),url(//f.kinja-static.com/assets/fonts/elizabeth-serif/elizabethserif-italic-webfont.woff?09162015) format("woff")
}

@font-face {
    font-family:'ElizabethSerif';
	font-weight:700;
	font-style:normal;
	src:url(//f.kinja-static.com/assets/fonts/elizabeth-serif/elizabethserif-bold-webfont.woff2?09162015) format("woff2"),url(//f.kinja-static.com/assets/fonts/elizabeth-serif/elizabethserif-bold-webfont.woff?09162015) format("woff")
}

@font-face {
    font-family:'ElizabethSerif';
	font-weight:700;
	font-style:italic;
	src:url(//f.kinja-static.com/assets/fonts/elizabeth-serif/elizabethserif-bolditalic-webfont.woff2?09162015) format("woff2"),url(//f.kinja-static.com/assets/fonts/elizabeth-serif/elizabethserif-bolditalic-webfont.woff?09162015) format("woff")
}

@font-face {
    font-family:'FiraSans';
	font-weight:300;
	font-style:normal;
	src:url(//f.kinja-static.com/assets/fonts/fira-sans/fira-sans-light.woff2?02092016) format("woff2"),url(//f.kinja-static.com/assets/fonts/fira-sans/fira-sans-light.woff?02092016) format("woff")
}

@font-face {
    font-family:'FiraSans';
	font-weight:bold;
	font-style:normal;
	src:url(//f.kinja-static.com/assets/fonts/fira-sans/fira-sans-medium.woff2?02092016) format("woff2"),url(//f.kinja-static.com/assets/fonts/fira-sans/fira-sans-medium.woff?02092016) format("woff")
}

@font-face {
    font-family:'Inconsolata';
	font-style:normal;
	font-weight:400;
	src:local("Inconsolata"),url(https://fonts.gstatic.com/s/inconsolata/v12/BjAYBlHtW3CJxDcjzrnZCCYE0-AqJ3nfInTTiDXDjU4.woff2) format("woff2");
	unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family:'Inconsolata';
	font-style:normal;
	font-weight:400;
	src:local("Inconsolata"),url(https://fonts.gstatic.com/s/inconsolata/v12/BjAYBlHtW3CJxDcjzrnZCI4P5ICox8Kq3LLUNMylGO4.woff2) format("woff2");
	unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}

ol,ul {
    margin: 0;
    padding: 0
}

.text-light,a.text-light,a.text-light:focus,a.text-light:hover {
    color: #aaa
}

.text-normal {
    font-weight: normal
}

.text-strong {
    font-weight: bold
}

.text-italic {
    font-style: italic
}

.text-upper {
    text-transform: uppercase
}

.text-center {
    text-align: center
}

p {
    text-rendering: auto;
    margin-top: 0
}

.headline,p {
    word-break: break-word
}

.headline,.headline a,.headline a:active,.headline a:focus,.headline a:hover {
    font-family: "ProximaNovaCond",sans-serif;
    color: #000;
    margin-top: 0
}

html.fallback-fonts .headline,html.fallback-fonts .headline a,html.fallback-fonts .headline a:active,html.fallback-fonts .headline a:focus {
    font-family: "Arial Narrow",Arial,sans-serif;
    letter-spacing: 0.5px
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-family: "ProximaNovaCond",sans-serif
}

.h1,h1 {
    line-height: 1.1;
    font-size: 2.375rem
}

html.fallback-fonts .h1,html.fallback-fonts h1 {
    font-family: "Arial Narrow",Arial,sans-serif;
    font-size: 2.244rem;
    line-height: 1.142;
    letter-spacing: 0.5px
}

.h2,h2 {
    font-size: 1.75rem
}

html.fallback-fonts .h2,html.fallback-fonts h2 {
    font-family: "Arial Narrow",Arial,sans-serif;
    font-size: 1.654rem;
    letter-spacing: 0.5px
}

.h3,h3 {
    font-size: 1.562rem
}

html.fallback-fonts .h3,html.fallback-fonts h3 {
    font-family: "Arial Narrow",Arial,sans-serif;
    font-size: 1.477rem;
    letter-spacing: 0.5px
}

.h4,h4 {
    font-size: 1.312rem
}

html.fallback-fonts .h4,html.fallback-fonts h4 {
    font-family: "Arial Narrow",Arial,sans-serif;
    font-size: 1.24rem;
    letter-spacing: 0.5px
}

.h5,h5 {
    font-size: 1.188rem
}

html.fallback-fonts .h5,html.fallback-fonts h5 {
    font-family: "Arial Narrow",Arial,sans-serif;
    font-size: 1.122rem;
    letter-spacing: 0.5px
}

.text-small {
    font-size: .875rem
}

.text-tiny {
    font-size: .812rem
}

.text-micro {
    font-size: .75rem
}

small {
    font-size: 14px
}

a {
    color: #0093ec;
    text-decoration: none
}

a[disabled] {
    color: #aaa
}

a[disabled]:active,a[disabled]:focus,a[disabled]:hover {
    text-decoration: none;
    color: #aaa
}

a[disabled]:active .icon,a[disabled]:focus .icon,a[disabled]:hover .icon {
    opacity: 0.3
}

.icon {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    font-weight: normal !important;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    vertical-align: top;
    text-align: center;
    color: #000
}

.icon.inline {
    display: inline;
    vertical-align: inherit
}

.icon.giant {
    font-size: 24px;
    height: 24px;
    width: 24px
}

.icon.oversized {
    font-size: 20px;
    height: 20px;
    width: 20px;
    position: relative;
    top: 1px
}

.icon.downsized {
    font-size: 14px;
    height: 14px;
    width: 14px;
    position: relative;
    top: 1px
}

.icon.downsized.icon-append {
    margin-left: 3px
}

.icon.icon-append {
    margin-left: 5px
}

.icon.icon-prepend {
    margin-right: 10px
}

.icon.active {
    opacity: 1 !important;
    color: #0093ec
}

.icon.transparent {
    opacity: 0.5
}

.button .icon {
    vertical-align: middle
}

.button.icon,.button .icon,.hover-icon.icon,.hover-icon .icon {
    opacity: 0.3
}

.button.icon:hover,.button:hover .icon,.hover-icon.icon:hover,.hover-icon:hover .icon {
    opacity: 0.5
}

.icon-white {
    color: #fff
}

.icon-black {
    color: #000
}

.icon-red {
    color: #eeb544
}

.icon-green {
    color: #39a235
}

.icon-dustinburger {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 15px
}

.icon-dustinburger span {
    display: block;
    height: 1px;
    background: #000;
    margin-bottom: 5px
}

.icon-dustinburger span:nth-child(2) {
    width: 75%
}

.icon-dustinburger span:nth-child(3) {
    width: 50%;
    margin-bottom: 0
}

.active>.icon-dustinburger span,:hover>.icon-dustinburger span {
    background: #0093ec
}

@media only screen and (max-width: 1024px) {
    .icon,.icon.downsized,.icon.oversized {
        width: 24px;
        height: 24px;
        font-size: 24px;
        line-height: 24px
    }
}

.avatar-default {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url("//x.kinja-static.com/assets/images/icons/avatar-round.png");
    background-size: contain;
    vertical-align: middle
}

.img-20 .avatar-default {
    width: 20px;
    height: 20px
}

.img-30 .avatar-default {
    width: 30px;
    height: 30px
}

.avatar-mini {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("//x.kinja-static.com/assets/images/icons/avatar-round.png");
    background-size: contain;
    vertical-align: middle
}

.avatar-default.hide,.avatar-mini.hide {
    background-image: none
}

.svg-gmgavatar {
    width: 16px;
    height: 16px;
    background-color: #e5e5e5;
    border-radius: 2px;
    transition: all 0.2s linear
}

.svg-gmgavatar:hover.gmgavatar-default {
    background-color: #0093ec
}

.svg-gmgavatar:hover.gmgavatar-cink {
    background-color: #99349e
}

.svg-gmgavatar:hover.gmgavatar-deadspin {
    background-color: #2D9D92
}

.svg-gmgavatar:hover.gmgavatar-gawker {
    background-color: #E25A48
}

.svg-gmgavatar:hover.gmgavatar-gizmodo {
    background-color: #28ADE6
}

.svg-gmgavatar:hover.gmgavatar-io9 {
    background-color: #C34B9E
}

.svg-gmgavatar:hover.gmgavatar-jalopnik {
    background-color: #417FB9
}

.svg-gmgavatar:hover.gmgavatar-jezebel {
    background-color: #E21638
}

.svg-gmgavatar:hover.gmgavatar-kotaku {
    background-color: #B22460
}

.svg-gmgavatar:hover.gmgavatar-lifehacker {
    background-color: #709602
}

.svg-gmgavatar:hover.gmgavatar-theroot {
    background-color: #509b22
}

.svg-gmgavatar:hover.gmgavatar-default {
    background-color: #222
}

a:hover .svg-gmgavatar.gmgavatar-default {
    background-color: #0093ec
}

a:hover .svg-gmgavatar.gmgavatar-cink {
    background-color: #99349e
}

a:hover .svg-gmgavatar.gmgavatar-deadspin {
    background-color: #2D9D92
}

a:hover .svg-gmgavatar.gmgavatar-gawker {
    background-color: #E25A48
}

a:hover .svg-gmgavatar.gmgavatar-gizmodo {
    background-color: #28ADE6
}

a:hover .svg-gmgavatar.gmgavatar-io9 {
    background-color: #C34B9E
}

a:hover .svg-gmgavatar.gmgavatar-jalopnik {
    background-color: #417FB9
}

a:hover .svg-gmgavatar.gmgavatar-jezebel {
    background-color: #E21638
}

a:hover .svg-gmgavatar.gmgavatar-kotaku {
    background-color: #B22460
}

a:hover .svg-gmgavatar.gmgavatar-lifehacker {
    background-color: #709602
}

a:hover .svg-gmgavatar.gmgavatar-theroot {
    background-color: #509b22
}

a:hover .svg-gmgavatar.gmgavatar-default {
    background-color: #222
}

.image-placeholder {
    width: 132px;
    height: 100px;
    margin: 1rem 0 0.5rem;
    font-size: 153px;
    text-indent: -3px;
    line-height: 123px
}

.post-list.notifications .image-placeholder,.post-list.private-list .image-placeholder {
    opacity: 0.5
}

.icon.icon-18 {
    height: 18px;
    width: 18px;
    font-size: 18px;
    line-height: 18px
}

.icon.icon-24 {
    height: 24px;
    width: 24px;
    font-size: 24px;
    line-height: 24px
}

.icon.icon-32 {
    height: 32px;
    width: 32px;
    font-size: 32px;
    line-height: 32px
}

.icon.icon-48 {
    height: 48px;
    width: 48px;
    font-size: 48px;
    line-height: 48px
}

.icon.icon-64 {
    height: 64px;
    width: 64px;
    font-size: 64px;
    line-height: 64px
}

.sub-nav .icon {
    font-size: 11px
}

.sub-nav dd.active .icon {
    opacity: 1;
    color: #fff
}

@media only screen and (min-width: 64em) {
    .sub-nav .icon {
        margin-top: 3px
    }
}

.svg-icon {
    width: 18px;
    height: 18px;
    margin-top: -4.5px;
    display: inline-block;
    vertical-align: middle;
    opacity: .3;
    pointer-events: none
}

.svg-icon.small {
    width: 10px;
    height: 10px;
    margin-top: -6px
}

.svg-icon.giant {
    width: 24px;
    height: 24px;
    margin-top: -6px
}

.svg-icon.stroked {
    fill: none;
    stroke: #000
}

.svg-icon--white .svg-icon {
    fill: #fff;
    opacity: .6
}

.u-static .svg-icon {
    width: 18px !important;
    height: 18px !important;
    margin-top: -4.5px !important
}

.u-appended.u-static .svg-icon {
    margin-left: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-appended.u-static .svg-icon {
        margin-left: 9.9px !important
    }
}

.u-appended .svg-icon {
    margin-left: 15px
}

@media only screen and (min-width: 50em) {
    .u-appended .svg-icon {
        margin-left: 9.9px
    }
}

.u-prepended.u-static .svg-icon {
    margin-right: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-prepended.u-static .svg-icon {
        margin-right: 9.9px !important
    }
}

.u-prepended .svg-icon {
    margin-right: 15px
}

@media only screen and (min-width: 50em) {
    .u-prepended .svg-icon {
        margin-right: 9.9px
    }
}

.u-lilliputian .svg-icon {
    width: 10px;
    height: 10px;
    margin-top: -6px
}

.u-lilliputian.u-static .svg-icon {
    width: 10px !important;
    height: 10px !important;
    margin-top: -6px !important
}

.u-lilliputian.u-appended.u-static .svg-icon {
    margin-left: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-lilliputian.u-appended.u-static .svg-icon {
        margin-left: 9.9px !important
    }
}

.u-lilliputian.u-appended .svg-icon {
    margin-left: 15px
}

@media only screen and (min-width: 50em) {
    .u-lilliputian.u-appended .svg-icon {
        margin-left: 9.9px
    }
}

.u-lilliputian.u-prepended .svg-icon.u-static .svg-icon {
    margin-right: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-lilliputian.u-prepended .svg-icon.u-static .svg-icon {
        margin-right: 9.9px !important
    }
}

.u-lilliputian.u-prepended .svg-icon .svg-icon {
    margin-right: 15px
}

@media only screen and (min-width: 50em) {
    .u-lilliputian.u-prepended .svg-icon .svg-icon {
        margin-right: 9.9px
    }
}

.u-tiny .svg-icon {
    width: 12px;
    height: 12px;
    margin-top: -4px
}

.u-tiny.u-static .svg-icon {
    width: 12px !important;
    height: 12px !important;
    margin-top: -4px !important
}

.u-tiny.u-appended.u-static .svg-icon {
    margin-left: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-tiny.u-appended.u-static .svg-icon {
        margin-left: 9.9px !important
    }
}

.u-tiny.u-appended .svg-icon {
    margin-left: 15px
}

@media only screen and (min-width: 50em) {
    .u-tiny.u-appended .svg-icon {
        margin-left: 9.9px
    }
}

.u-tiny.u-prepended .svg-icon.u-static .svg-icon {
    margin-right: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-tiny.u-prepended .svg-icon.u-static .svg-icon {
        margin-right: 9.9px !important
    }
}

.u-tiny.u-prepended .svg-icon .svg-icon {
    margin-right: 15px
}

@media only screen and (min-width: 50em) {
    .u-tiny.u-prepended .svg-icon .svg-icon {
        margin-right: 9.9px
    }
}

.u-downsized .svg-icon {
    width: 16px;
    height: 16px;
    margin-top: -4px
}

.u-downsized.u-static .svg-icon {
    width: 16px !important;
    height: 16px !important;
    margin-top: -4px !important
}

.u-downsized.u-appended.u-static .svg-icon {
    margin-left: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-downsized.u-appended.u-static .svg-icon {
        margin-left: 9.9px !important
    }
}

.u-downsized.u-appended .svg-icon {
    margin-left: 15px
}

@media only screen and (min-width: 50em) {
    .u-downsized.u-appended .svg-icon {
        margin-left: 9.9px
    }
}

.u-downsized.u-prepended .svg-icon.u-static .svg-icon {
    margin-right: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-downsized.u-prepended .svg-icon.u-static .svg-icon {
        margin-right: 9.9px !important
    }
}

.u-downsized.u-prepended .svg-icon .svg-icon {
    margin-right: 15px
}

@media only screen and (min-width: 50em) {
    .u-downsized.u-prepended .svg-icon .svg-icon {
        margin-right: 9.9px
    }
}

.u-normal .svg-icon {
    width: 18px;
    height: 18px;
    margin-top: -4.5px
}

.u-normal.u-static .svg-icon {
    width: 18px !important;
    height: 18px !important;
    margin-top: -4.5px !important
}

.u-normal.u-appended.u-static .svg-icon {
    margin-left: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-normal.u-appended.u-static .svg-icon {
        margin-left: 9.9px !important
    }
}

.u-normal.u-appended .svg-icon {
    margin-left: 15px
}

@media only screen and (min-width: 50em) {
    .u-normal.u-appended .svg-icon {
        margin-left: 9.9px
    }
}

.u-normal.u-prepended .svg-icon.u-static .svg-icon {
    margin-right: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-normal.u-prepended .svg-icon.u-static .svg-icon {
        margin-right: 9.9px !important
    }
}

.u-normal.u-prepended .svg-icon .svg-icon {
    margin-right: 15px
}

@media only screen and (min-width: 50em) {
    .u-normal.u-prepended .svg-icon .svg-icon {
        margin-right: 9.9px
    }
}

.u-oversized .svg-icon {
    width: 20px;
    height: 20px;
    margin-top: -3px
}

.u-oversized.u-static .svg-icon {
    width: 20px !important;
    height: 20px !important;
    margin-top: -3px !important
}

.u-oversized.u-appended.u-static .svg-icon {
    margin-left: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-oversized.u-appended.u-static .svg-icon {
        margin-left: 9.9px !important
    }
}

.u-oversized.u-appended .svg-icon {
    margin-left: 15px
}

@media only screen and (min-width: 50em) {
    .u-oversized.u-appended .svg-icon {
        margin-left: 9.9px
    }
}

.u-oversized.u-prepended .svg-icon.u-static .svg-icon {
    margin-right: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-oversized.u-prepended .svg-icon.u-static .svg-icon {
        margin-right: 9.9px !important
    }
}

.u-oversized.u-prepended .svg-icon .svg-icon {
    margin-right: 15px
}

@media only screen and (min-width: 50em) {
    .u-oversized.u-prepended .svg-icon .svg-icon {
        margin-right: 9.9px
    }
}

.u-giant .svg-icon {
    width: 24px;
    height: 24px;
    margin-top: -6px
}

.u-giant.u-static .svg-icon {
    width: 24px !important;
    height: 24px !important;
    margin-top: -6px !important
}

.u-giant.u-appended.u-static .svg-icon {
    margin-left: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-giant.u-appended.u-static .svg-icon {
        margin-left: 9.9px !important
    }
}

.u-giant.u-appended .svg-icon {
    margin-left: 15px
}

@media only screen and (min-width: 50em) {
    .u-giant.u-appended .svg-icon {
        margin-left: 9.9px
    }
}

.u-giant.u-prepended .svg-icon.u-static .svg-icon {
    margin-right: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-giant.u-prepended .svg-icon.u-static .svg-icon {
        margin-right: 9.9px !important
    }
}

.u-giant.u-prepended .svg-icon .svg-icon {
    margin-right: 15px
}

@media only screen and (min-width: 50em) {
    .u-giant.u-prepended .svg-icon .svg-icon {
        margin-right: 9.9px
    }
}

.u-brobdingnagian .svg-icon {
    width: 40px;
    height: 40px;
    margin-top: -6px
}

.u-brobdingnagian.u-static .svg-icon {
    width: 40px !important;
    height: 40px !important;
    margin-top: -6px !important
}

.u-brobdingnagian.u-appended.u-static .svg-icon {
    margin-left: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-brobdingnagian.u-appended.u-static .svg-icon {
        margin-left: 9.9px !important
    }
}

.u-brobdingnagian.u-appended .svg-icon {
    margin-left: 15px
}

@media only screen and (min-width: 50em) {
    .u-brobdingnagian.u-appended .svg-icon {
        margin-left: 9.9px
    }
}

.u-brobdingnagian.u-prepended .svg-icon.u-static .svg-icon {
    margin-right: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-brobdingnagian.u-prepended .svg-icon.u-static .svg-icon {
        margin-right: 9.9px !important
    }
}

.u-brobdingnagian.u-prepended .svg-icon .svg-icon {
    margin-right: 15px
}

@media only screen and (min-width: 50em) {
    .u-brobdingnagian.u-prepended .svg-icon .svg-icon {
        margin-right: 9.9px
    }
}

.u-social .svg-icon {
    width: 32px;
    height: 32px;
    margin-top: 0
}

.u-social.u-static .svg-icon {
    width: 32px !important;
    height: 32px !important;
    margin-top: 0 !important
}

.u-social.u-appended.u-static .svg-icon {
    margin-left: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-social.u-appended.u-static .svg-icon {
        margin-left: 9.9px !important
    }
}

.u-social.u-appended .svg-icon {
    margin-left: 15px
}

@media only screen and (min-width: 50em) {
    .u-social.u-appended .svg-icon {
        margin-left: 9.9px
    }
}

.u-social.u-prepended .svg-icon.u-static .svg-icon {
    margin-right: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-social.u-prepended .svg-icon.u-static .svg-icon {
        margin-right: 9.9px !important
    }
}

.u-social.u-prepended .svg-icon .svg-icon {
    margin-right: 15px
}

@media only screen and (min-width: 50em) {
    .u-social.u-prepended .svg-icon .svg-icon {
        margin-right: 9.9px
    }
}

.svg-lightning {
    margin-left: -1px
}

.svg-star {
    fill: transparent;
    stroke: #000
}

.svg-chevron--small.chevron--right,.svg-chevron.chevron--right {
    transform: rotate(0deg);
    margin-top: -2px !important
}

.svg-chevron--small.chevron--bottom,.svg-chevron.chevron--bottom {
    transform: rotate(90deg)
}

.svg-chevron--small.chevron--left,.svg-chevron.chevron--left {
    transform: rotate(180deg)
}

.svg-chevron--small.chevron--top,.svg-chevron.chevron--top {
    transform: rotate(270deg)
}

.avatar .svg-checkmark--small {
    left: 24px;
    bottom: 0;
    z-index: 10
}

.avatar .svg-checkmark--small,.avatar .svg-checkmark {
    display: none;
    position: absolute;
    fill: #0093ec;
    opacity: .9
}

.avatar .svg-checkmark {
    left: 50px;
    bottom: -4px
}

.meta-avatar.followed .avatar .svg-checkmark--small {
    display: block
}

.search-dropdown .svg-search {
    position: absolute;
    left: 10px;
    top: 15px
}

.nav-dropdown.search-dropdown input {
    padding-left: 30px
}

.search .svg-search {
    position: absolute;
    left: 12px;
    top: 9px
}

.main-menu .input-with-icon input {
    padding-left: 42px
}

.search-trigger {
    margin-left: -5px;
    display: inline-block
}

.search-trigger .svg-icon {
    opacity: .6
}

.search-trigger .svg-search {
    width: 15px;
    height: 15px;
    margin-top: 0;
    opacity: .9
}

.search-trigger .svg-close {
    width: 12px !important;
    height: 12px !important;
    margin-top: 2px !important;
    display: none
}

.search-trigger.active .svg-icon {
    fill: #0093ec
}

.search-trigger.active .svg-search {
    display: none
}

.search-trigger.active .svg-close {
    display: inline-block
}

.search-column .input-with-icon input {
    padding-left: 2.5rem
}

.search-column .svg-search {
    top: 15px
}

.related-blog-list .svg-icon {
    margin-right: 14px
}

@media only screen and (min-width: 64em) {
    .related-blog-list .svg-icon {
        width: 16px;
        height: 16px;
        margin-top: -4px;
        margin-right: 10px
    }
}

.notif-list .center {
    text-align: center
}

.magnifier .svg-zoom-in,.recommend .svg-star {
    position: absolute;
    width: 18px;
    height: 18px;
    left: 7px;
    top: 11px;
    opacity: .6
}

.magnifier .svg-zoom-in {
    fill: #fff
}

.recommend .svg-star {
    stroke: #fff
}

.recommend.active .svg-star,.main-media-star.active .svg-star {
    stroke: #0093ec;
    fill: #0093ec;
    opacity: .9
}

.magnifier:hover .svg-zoom-in,.recommend:hover .svg-star {
    opacity: .9
}

.post-list .post-dropdown-trigger,.reply .post-dropdown-trigger {
    top: 12px
}

@media only screen and (min-width: 64em) {
    .reply .post-dropdown-trigger {
        right: 0
    }
}

.permalink .post-dropdown-trigger {
    top: 2px
}

.button.dropdown .svg-icon {
    width: 16px !important;
    height: 16px !important;
    margin-top: -9px !important;
    position: absolute;
    right: 8px;
    top: 50%
}

@media only screen and (min-width: 37.5em) {
    .formatting-tools .toggle-toolbar {
        margin-right: 0 !important;
        top: 6px;
        right: -4px
    }
}

.toolbar-trigger a {
    width: auto !important;
    height: auto !important
}

.toolbar-trigger .svg-chevron {
    width: 16px;
    height: 16px;
    margin-top: -4px
}

.toolbar-trigger .chevron--bottom {
    margin-top: -3px;
    display: inline-block
}

.toolbar-trigger .chevron--top {
    margin-top: -6px;
    display: none
}

.toolbar-trigger.active .svg-chevron,.toolbar-trigger.active .svg-editor {
    opacity: .6
}

.toolbar-trigger.active .svg-editor {
    fill: #0093ec
}

.toolbar-trigger.active .svg-chevron {
    stroke: #0093ec
}

.toolbar-trigger.active .chevron--bottom {
    display: none
}

.toolbar-trigger.active .chevron--top {
    display: inline-block
}

.editor-toolbar .scroll-left .svg-chevron,.editor-toolbar .scroll-right .svg-chevron {
    stroke: #fff;
    stroke-width: 2px;
    opacity: .9
}

.editor .svg-label {
    margin-left: 6px
}

.tag .taglist {
    padding-left: 16px
}

.discussion-region>.twelve.columns {
    padding-left: 0
}

.discussion-region>.twelve.columns .svg-bubble-close {
    margin-top: -2px
}

.reveal-modal .key-box .token-container {
    padding-left: 24px
}

.reveal-modal .key-box .token-container .svg-key {
    position: absolute;
    left: 0;
    top: 16px
}

.settings-account.checked .svg-add {
    display: none
}

.settings-account.checked .svg-checkmark {
    display: inline
}

.settings-account.checked .svg-add--small {
    display: none
}

.settings-account.checked .svg-checkmark--small {
    display: inline
}

.settings-account .svg-icon {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 4px
}

@media only screen and (max-width: 49.938em) {
    .settings-account .svg-icon {
        width: 18px;
        height: 18px;
        margin-top: -6px
    }
}

.settings-account .svg-add {
    opacity: .9
}

.settings-account .svg-checkmark {
    display: none
}

.settings-account .svg-add--small {
    opacity: .9
}

.settings-account .svg-checkmark--small {
    display: none
}

.settings-entity .add,.settings-entity .check,.settings-entity .cross {
    text-align: center
}

.settings-entity .add .svg-icon {
    width: 16px;
    height: 16px;
    margin-top: -3px
}

.settings-entity .check .svg-close,.settings-entity .cross .svg-close {
    width: 10px;
    height: 10px;
    margin-top: -6px
}

.settings-entity .check .svg-checkmark,.settings-entity .cross .svg-checkmark {
    width: 12px;
    height: 12px;
    margin-top: -5px
}

.settings-entity .check .svg-checkmark {
    display: inline-block
}

.settings-entity .check .svg-close {
    display: none
}

.settings-entity:hover .svg-icon {
    opacity: .9 !important
}

.settings-entity:hover .check .svg-checkmark {
    display: none
}

.settings-entity:hover .check .svg-close {
    display: inline-block
}

.secondary-nav__item:after {
    display: none
}

.secondary-nav__item .svg-icon {
    position: absolute;
    right: 16px;
    top: 22px
}

.share-row .svg-facebook,.share-row .svg-googleplus,.share-row .svg-googlesignin,.share-row .svg-twitter {
    width: 32px;
    height: 32px;
    margin-top: -3px
}

@media only screen and (max-width: 63.9em) {
    .svg-icon {
        width: 20px;
        height: 20px;
        margin-top: -3px
    }
}

.spinner .svg-icon {
    opacity: .9;
    display: block;
    margin: 0 auto
}

.svg-icon.svg-avatar-big {
    width: 40px;
    height: 40px
}

circle,path,rect {
    vector-effect: non-scaling-stroke
}

.svg-icon {
    fill: none;
    stroke-width: 1.01px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #000
}

.svg-icon--filled {
    fill: #000;
    stroke: none
}

.svg-icon.svg-facebook-circle,.svg-icon.svg-twitter-circle {
    border-radius: 50%;
    border: solid 1px #000
}

.toolbar-trigger.active .svg-editor {
    fill: none;
    stroke: #0093ec
}

.magnifier .svg-zoom-in {
    fill: none;
    stroke: #fff
}

@keyframes progress-scaled {
    0% {
        transform: scale3d(0, 1, 1)
    }

    to {
        transform: scale3d(1, 1, 1)
    }
}

@keyframes crossfade-in {
    0% {
        z-index: 0;
        opacity: 0
    }

    to {
        z-index: 10;
        opacity: 1
    }
}

@keyframes crossfade-out {
    0% {
        z-index: 10;
        opacity: 1
    }

    to {
        z-index: 0;
        opacity: 0
    }
}

.sidebar {
    position: relative;
    bottom: 0;
    z-index: 2;
    top: 0
}

.sidebar .sidebar-container {
    position: relative;
    height: auto
}

.sidebar.menu-active {
    z-index: 4
}

.leftrailmodule,.sidebar-module {
    padding-top: 31px;
    border-bottom: 1px solid #e5e5e5
}

.sidebar-module:last-child {
    border: 0
}

.sidebar-module header {
    margin: 5px 0 16px
}

.sidebar-module header h2 {
    margin: 0;
    font-weight: normal;
    font-size: 20px
}

html.fallback-fonts .sidebar-module header h2 {
    font-family: "Arial Narrow",Arial,sans-serif;
    font-size: 18.9px;
    line-height: 1.349;
    letter-spacing: 0.5px
}

.sidebar-module header h2,.sidebar-module header h2 a {
    color: rgba(0,0,0,0.5)
}

.sidebar-module header h2 strong {
    color: #000
}

.custom-kinja__editorial-item,.sidebar-item {
    margin: 0 0 33px
}

.custom-kinja__editorial-item h4,.sidebar-item h4 {
    margin: 0 0 1px;
    font-size: 20px;
    line-height: 1.2
}

html.fallback-fonts .custom-kinja__editorial-item h4,html.fallback-fonts .sidebar-item h4 {
    font-family: "Arial Narrow",Arial,sans-serif;
    font-size: 18.9px;
    line-height: 1.246;
    letter-spacing: 0.5px
}

.custom-kinja__editorial-item .headline,.sidebar-item .headline {
    color: #000
}

.custom-kinja__editorial-item .meta,.sidebar-item .meta {
    font-size: 15px;
    line-height: 17px;
    color: #aaa;
    display: block;
    margin-top: 4px
}

html.fallback-fonts .custom-kinja__editorial-item .meta,html.fallback-fonts .sidebar-item .meta {
    font-family: "Arial Narrow",Arial,sans-serif;
    font-size: 14.175px;
    line-height: 17.646px;
    letter-spacing: 0.5px
}

.custom-kinja__editorial-item .meta.meta--source,.sidebar-item .meta.meta--source {
    margin: 15px 0 6px
}

.custom-kinja__editorial-item .meta strong,.sidebar-item .meta strong {
    color: #000
}

.custom-kinja__editorial-item .meta time,.sidebar-item .meta time {
    text-transform: none;
    font-size: 13px
}

.custom-kinja__editorial-item,.custom-kinja__editorial-item a,.sidebar-item,.sidebar-item a {
    color: #000
}

.custom-kinja__editorial-item:hover,.custom-kinja__editorial-item a:hover,.sidebar-item:hover,.sidebar-item a:hover {
    text-decoration: none
}

.custom-kinja__editorial-item:hover .headline,.custom-kinja__editorial-item a:hover .headline,.sidebar-item:hover .headline,.sidebar-item a:hover .headline {
    color: #000;
    text-decoration: underline
}

.custom-kinja__editorial-item .discussion-status-badge-wrapper,.sidebar-item .discussion-status-badge-wrapper {
    position: absolute;
    bottom: 0
}

.sidebar-item__commerce {
    padding-top: 31px;
    border-top: 1px solid #e5e5e5
}

.sidebar-item__commerce span.img--16x9 {
    border: 1px solid #72ad75;
    position: relative;
    overflow: visible
}

.sidebar-item__commerce span.img--16x9 .sidebar-item__commerce-logo {
    display: block;
    content: '';
    width: 55px;
    height: 55px;
    background: #72ad75;
    top: -12px;
    left: -12px;
    border-radius: 55px;
    position: absolute
}

.sidebar-item__commerce span.img--16x9 .sidebar-item__commerce-logo svg.svg-icon {
    opacity: 1;
    fill: #fff;
    width: 40px;
    height: 32px;
    display: block;
    position: absolute;
    top: 17px;
    left: 8px
}

.trending-reel {
    contain: content
}

.trending-reel:hover .trending-progress__segment.ticking .segment__fill {
    animation-play-state: paused
}

.index-wrapper {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2px
}

.index-wrapper,.reel__item {
    display: -ms-flexbox;
    display: flex
}

.reel__item {
    -ms-flex: 1;
    flex: 1
}

.reel__item:last-child {
    margin-right: 0
}

.reel__item.active,.reel__item:hover {
    -moz-filter: grayscale(100%);
    filter: grayscale(100%)
}

.reel__item.active .index-img-num,.reel__item:hover .index-img-num {
    transition: opacity 300ms ease-in-out;
    opacity: 0.7;
    background-color: rgba(0,0,0,0.8)
}

.reel__item:first-child .index-img-num:after {
    content: "1"
}

.reel__item:nth-child(2) .index-img-num:after {
    content: "2"
}

.reel__item:nth-child(3) .index-img-num:after {
    content: "3"
}

.reel__item .reel__thumb {
    width: 100%;
    position: relative
}

.index-img-num {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0
}

.index-img-num:after {
    display: block;
    content: '';
    text-align: center;
    line-height: 50px;
    height: 44px;
    font-size: 35px;
    font-weight: bold;
    color: #fff
}

.trending-progress {
    margin-bottom: 2px;
    margin-left: 1px;
    margin-right: 1px
}

.trending-progress__segment {
    transform: translateZ(0);
    width: 33.333%;
    height: 2px;
    float: left;
    position: relative;
    background-color: #e5e5e5
}

.trending-progress__segment .segment__fill {
    transform: scale3d(0, 1, 1);
    transform-origin: 0 0 0;
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #aaa;
    content: ''
}

.trending-progress__segment.ticking .segment__fill {
    animation: progress-scaled 8000ms linear forwards
}

.reel-wrap {
    box-sizing: border-box;
    overflow: hidden
}

.reel {
    transform: translate3d(0, 0, 0);
    width: 300%
}

.reel .reel__feature {
    width: 33.333%;
    display: block;
    float: left;
    position: relative;
    opacity: 0
}

.reel .reel__feature:first-child {
    transform: translate3d(0%, 0, 0)
}

.reel .reel__feature:nth-child(2) {
    transform: translate3d(-100%, 0, 0)
}

.reel .reel__feature:nth-child(3) {
    transform: translate3d(-200%, 0, 0)
}

.reel .reel__feature.active {
    animation: crossfade-in 300ms linear forwards
}

.reel .reel__feature.inactive {
    animation: crossfade-out 300ms linear forwards
}

.trending-image-wrapper {
    background-color: #f5f5f5;
    background-size: cover;
    display: block
}

.trending-description-wrapper {
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 611 171" xmlns="http://www.w3.org/2000/svg" fill="#F5F5F5"><path d="M0 0h238v22H0zM0 49h611v29H0zM0 97h537v29H0zM0 149h238v22H0z"/></svg>');
    background-size: cover;
    background-position: center center;
    min-height: 93px
}

.reel__feature,.reel__item {
    border: 1px solid #fff
}

.reel--thumb {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%
}

.data-overlay {
    transition: bottom 150ms ease-in-out;
    height: 36px;
    padding: 0 0 0 10px;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: -41px;
    line-height: 42px;
    background-color: rgba(0,0,0,0.5);
    font-size: 14px;
    color: #fff
}

.data-overlay ul {
    float: right;
    text-align: right;
    margin-top: 7px
}

.data-overlay li {
    display: inline-block
}

.data-overlay .svg-icon {
    width: 17px;
    height: 17px;
    margin: -4px 12px 0 4px;
    fill: #fff;
    opacity: 1
}

.data-overlay .svg-icon.svg-star {
    fill: none;
    stroke: #fff
}

.data-overlay .svg-icon.svg-flame {
    width: 19px;
    height: 19px
}

.leftrailmodule--popular a:hover .data-overlay,.leftrailmodule--promoted a:hover .data-overlay {
    bottom: 0
}

.ad-promotion-sidebar {
    margin-bottom: 30px
}

.ad-promotion-sidebar iframe {
    max-width: 100%
}

.contained-ad-shaft {
    width: 300px;
    height: 100%;
    margin: 0 auto;
    padding-bottom: 40px;
    position: relative
}

.contained-ad-wrapper {
    width: 300px;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px
}

.contained-ad-wrapper .ad-pad {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.contained-ad-wrapper.short {
    height: 250px
}

.contained-ad-wrapper.notransform {
    transform: none !important
}

.contained-ad-wrapper.waypoint--fixed {
    position: fixed;
    top: 20px;
    bottom: auto
}

.contained-ad-wrapper.frombottom,.contained-ad-wrapper.pushdown {
    transform: translate3d(0, 80px, 0)
}

.contained-ad-wrapper.waypoint--unfixed {
    left: 50%;
    margin-left: -150px;
    position: absolute;
    bottom: 0
}

.leftrailmodule--promoted {
    position: relative;
    padding: 0
}

.leftrailmodule--promoted .sponsored-overlay {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0 10px;
    font-size: 13px;
    border-radius: 14px;
    background-color: rgba(0,0,0,0.5);
    color: #fff
}

.leftrailmodule--promoted .meta--source {
    display: -ms-flexbox;
    display: flex
}

.leftrailmodule--promoted .meta--source .byline-text strong {
    color: #aaa
}

.permalink .sidebar .post-wrapper {
    margin: 0
}

.permalink .sidebar .post-wrapper.animate-slidedown {
    transition: none
}

.reply-views {
    margin: 1rem 0;
    font-weight: bold
}

.replies-wrapper {
    margin-bottom: 1rem
}

.leftrail-list .leftrail-item {
    margin-bottom: 25px
}

.leftrail-list .leftrail-item .h6,.leftrail-list .leftrail-item .headline,.leftrail-list .leftrail-item h6 {
    margin-bottom: 6px;
    font-size: 15px;
    font-weight: normal
}

.leftrail-list .leftrail-item h6.headline a {
    font-weight: bold;
    color: #f5f5f5
}

.leftrail-list .leftrail-item .byline {
    margin-top: -4px;
    font-size: 13px
}

.leftrail-list .leftrail-item .byline__source {
    font-family: "ElizabethSerif",Georgia,serif;
    font-style: italic
}

.leftrail-list .leftrail-item .large-1 {
    padding-right: 0
}

.leftrail-list .leftrail-item .large-6 {
    padding-right: 0;
    padding-left: 0
}

.leftrailmodule {
    transition: opacity 100ms 0 ease-out;
    margin-bottom: 30px;
    opacity: 1
}

.leftrailmodule.invisible {
    opacity: 0;
    pointer-events: none
}

.leftrailmodule--trending .strapline--leftrail {
    margin-bottom: 27px
}

.leftrail-marker {
    font-family: "ProximaNovaCond",sans-serif;
    margin-top: 0;
    line-height: 1;
    font-size: 14px;
    color: #aaa
}

.leftrail-list .leftrail-item--trending {
    margin-right: 0
}

.leftrail-list .leftrail-item--trending .h6,.leftrail-list .leftrail-item--trending .headline,.leftrail-list .leftrail-item--trending h6 {
    margin-top: -3px
}

.leftrail-ad-container {
    display: none
}

@media (min-width: 1024px) {
    .leftrail-ad-container {
        display: block
    }
}

.leftrailmodule--popular .strapline--leftrail {
    margin-bottom: 53px
}

.leftrail-list .leftrail-item--popular {
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    text-align: center
}

.leftrail-list .leftrail-item--popular:first {
    margin-top: 0
}

.leftrail-list .leftrail-item--popular.recommended .headline {
    margin-bottom: 48px
}

.leftrail-list .leftrail-item--popular>.row {
    margin-left: 0;
    margin-right: 0
}

.leftrail-list .leftrail-item--popular .h6,.leftrail-list .leftrail-item--popular .headline,.leftrail-list .leftrail-item--popular h6 {
    font-family: "ProximaNovaCond",sans-serif;
    margin-bottom: 10px;
    line-height: 1.4;
    font-weight: bold;
    font-size: 16px
}

.leftrail-list .leftrail-item--popular .byline {
    margin-bottom: 48px;
    line-height: 1
}

.leftrail-list .leftrail-item--popular .leftrail-image-wrap {
    margin-bottom: 14px
}

.leftrail-list .leftrail-item--popular .leftrail-image {
    width: 210px;
    height: 120px
}

.strapline--leftrail {
    text-align: center
}

.strapline--leftrail .strapline-bg {
    padding: 0 0.5em;
    font-style: italic;
    font-size: 0.75rem;
    color: #f5f5f5
}

#ad-300x-container {
    width: 300px;
    height: 250px;
    padding-bottom: 0;
    position: relative;
    bottom: auto;
    z-index: auto;
    background-color: transparent
}

#ad-300x-container .ad-unit {
    height: auto;
    padding-bottom: 0;
    opacity: 1
}

.ad-spinner {
    margin-left: -30px;
    margin-top: -9px;
    position: absolute;
    left: 50%;
    top: 50%
}

.fade-top:before {
    display: none
}

.contained-ad-container {
    height: 800px;
    position: relative
}

.contained-ad-container.short {
    height: auto
}

.contained-ad {
    margin-bottom: 45px
}

.f_newsletter_fs_on .sidebar .newsletter-subscribe {
    margin-top: 30px
}

.f_trending_thumbs_alt_on .trending-module--thumbs .sidebar-item,.f_trending_thumbs_on .trending-module--thumbs .sidebar-item {
    margin-bottom: 30px
}

.f_trending_thumbs_alt_on .trending-module--thumbs .sidebar-item>a,.f_trending_thumbs_on .trending-module--thumbs .sidebar-item>a {
    margin: 0 -1.125rem;
    max-width: none;
    width: auto;
    display: block
}

.f_trending_thumbs_alt_on .trending-module--thumbs .sidebar-item>a:after,.f_trending_thumbs_alt_on .trending-module--thumbs .sidebar-item>a:before,.f_trending_thumbs_on .trending-module--thumbs .sidebar-item>a:after,.f_trending_thumbs_on .trending-module--thumbs .sidebar-item>a:before {
    content: " ";
    display: table
}

.f_trending_thumbs_alt_on .trending-module--thumbs .sidebar-item>a:after,.f_trending_thumbs_on .trending-module--thumbs .sidebar-item>a:after {
    clear: both
}

.f_trending_thumbs_alt_on .trending-module--thumbs .sidebar-item .thumbnail-wrapper,.f_trending_thumbs_on .trending-module--thumbs .sidebar-item .thumbnail-wrapper {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    width: 33.333%;
    float: left;
    padding-right: 0;
    height: auto;
    padding-bottom: 0
}

.f_trending_thumbs_alt_on .trending-module--thumbs .sidebar-item .sidebar-meta__wrapper,.f_trending_thumbs_on .trending-module--thumbs .sidebar-item .sidebar-meta__wrapper {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    width: 66.667%;
    float: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-left: 12px
}

.f_trending_thumbs_alt_on .trending-module--thumbs .sidebar-item .meta--source,.f_trending_thumbs_on .trending-module--thumbs .sidebar-item .meta--source {
    margin: 0
}

.f_trending_thumbs_alt_on .trending-module--thumbs .sidebar-item h4,.f_trending_thumbs_on .trending-module--thumbs .sidebar-item h4 {
    font-size: 18px;
    line-height: 1.3;
    margin: -1px 0 3px
}

.f_trending_thumbs_alt_on .trending-module--thumbs .sidebar-item .meta strong,.f_trending_thumbs_on .trending-module--thumbs .sidebar-item .meta strong {
    color: #aaa
}

.f_trending_thumbs_alt_on .trending-module--thumbs .sidebar-item .thumbnail-wrapper {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    width: 41.667%;
    float: left;
    padding-right: 21px
}

.f_trending_thumbs_alt_on .trending-module--thumbs .sidebar-item .sidebar-meta__wrapper {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    width: 58.333%;
    float: left;
    padding-left: 0;
    margin-left: -11px
}

.f_trending_thumbs_alt_on .trending-module--thumbs .sidebar-item h4 {
    font-size: 16px;
    line-height: 19px
}

.f_trending_thumbs_alt_on .trending-module--thumbs .sidebar-item .meta--source {
    font-size: 14px;
    line-height: 14px;
    font-weight: normal
}

.f_trending_thumbs_alt_on .trending-module--thumbs .sidebar-item .meta--source strong {
    font-weight: normal
}

.recirculation-unit {
    width: 300px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.recirculation-unit .sidebar-module {
    -ms-flex-order: 1;
    order: 1;
    padding: 15px 0 0;
    margin: 30px 0 20px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 0
}

.recirculation-unit .thumbnail-wrapper {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    width: 41.667%;
    float: left
}

.recirculation-unit .sidebar-meta__wrapper {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    width: 58.333%;
    float: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-left: 0;
    margin-left: -8px
}

.recirculation-unit .meta strong {
    color: #aaa
}

.recirculation-unit .trending-module--thumbs .sidebar-item {
    margin-bottom: 25px
}

.recirculation-unit .trending-module--thumbs .sidebar-item>a {
    margin: 0 -1.125rem;
    max-width: none;
    width: auto;
    display: block
}

.recirculation-unit .trending-module--thumbs .sidebar-item>a:after,.recirculation-unit .trending-module--thumbs .sidebar-item>a:before {
    content: " ";
    display: table
}

.recirculation-unit .trending-module--thumbs .sidebar-item>a:after {
    clear: both
}

.recirculation-unit .trending-module--thumbs .sidebar-item h4 {
    font-size: 16px;
    line-height: 20px;
    margin: -1px 0 3px
}

.recirculation-unit .trending-module--thumbs .sidebar-item .meta--source {
    margin: 0;
    font-size: 14px;
    line-height: 14px;
    font-weight: normal
}

.recirculation-unit .trending-module--thumbs .sidebar-item .meta--source strong {
    font-weight: normal
}

@media only screen and (max-width: 63.9em) {
    .recirculation-unit {
        display: none
    }
}

.f_recirculation_module_right_thumbnails_on .recirculation-unit .thumbnail-wrapper {
    float: right
}

.f_recirculation_module_right_thumbnails_on .recirculation-unit .sidebar-meta__wrapper {
    float: left;
    padding: 0;
    margin: 0;
    padding-left: 1.125rem
}

.f_recirculation_module_no_thumbnails_on .recirculation-unit .thumbnail-wrapper {
    display: none
}

.f_recirculation_module_no_thumbnails_on .recirculation-unit .sidebar-meta__wrapper {
    width: auto;
    padding: 0;
    margin: 0 1.125rem
}

.recirculation-unit--top {
    position: absolute;
    right: 0
}

.recirculation-unit--bottom {
    float: right;
    margin-right: 1.125rem
}

.recirculation-unit--bottom .sidebar-module {
    margin-top: 57px
}

.post-taglist {
    min-width: 180px;
    margin-top: 10px
}

.post-taglist>div {
    overflow-y: auto;
    position: relative;
    width: 100%;
    max-height: 300px
}

.post-taglist a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
}

.meta--pe {
    display: -ms-flexbox;
    display: flex;
    line-height: 1.4;
    font-size: 13px
}

html.fallback-fonts .meta--pe {
    font-family: "Arial Narrow",Arial,sans-serif;
    font-size: 12.285px;
    line-height: 1.453;
    letter-spacing: 0.5px
}

.meta--pe,.meta--pe a,.meta--pe:hover,.meta--pe a:hover {
    color: #aaa
}

.meta--pe .meta__byline {
    font-size: 15px
}

html.fallback-fonts .meta--pe .meta__byline {
    font-family: "Arial Narrow",Arial,sans-serif;
    font-size: 14.175px;
    line-height: 1.453;
    letter-spacing: 0.5px
}

.meta--pe .meta__byline,.meta--pe .meta__byline a {
    color: #333
}

.meta--pe .meta__text {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.meta--pe .meta__avatar {
    width: 50px;
    min-width: 50px;
    position: relative
}

.meta--pe .avatar__link {
    display: inline-block
}

.meta--pe .avatar-wrapper,.meta--pe .avatar__img {
    display: inline-block;
    width: 40px;
    height: 40px
}

.meta--pe .avatar__img {
    border-radius: 50%
}

.meta--pe .meta__tools .svg-icon,.meta--pe .svg-avatar-big,.meta--pe .svg-icon.giant {
    margin-top: 0
}

.meta--pe .avatar__badge {
    display: none;
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: #fff;
    left: 28px;
    top: 24px
}

.meta--pe .avatar__badge .svg-icon {
    margin-top: -1px
}

.meta--pe .avatar-wrapper.sharedauthor,.meta--pe .avatar-wrapper.sharedauthor .avatar__img {
    position: relative;
    z-index: 1
}

.meta--pe .avatar-wrapper.sharedauthor:after {
    position: absolute;
    z-index: 0;
    content: '';
    background-color: #fff;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    left: -2px;
    top: -2px
}

.meta--pe .avatar-wrapper.sharingauthor {
    position: absolute;
    left: -10px;
    z-index: 0
}

.meta--pe .post-tags-container {
    display: inline-block
}

@media only screen and (max-width: 37.438em) {
    .meta--pe .post-tags-container {
        display: block
    }
}

.meta--pe .post-tags-container:before {
    content: '\b7\a0';
    display: inline-block;
    margin: 0 2px 2px 6px
}

@media only screen and (max-width: 37.438em) {
    .meta--pe .post-tags-container:before {
        display: none
    }
}

.meta--pe .post-tags-container .first-tag span {
    text-transform: uppercase;
    color: #333
}

.meta--pe .post-tags-container .chevron--bottom {
    width: 12px;
    height: 12px;
    margin: -1px 0 0 4px
}

.meta--pe .meta__right {
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media only screen and (min-width: 88em) {
    .meta--pe .meta__right {
        position: relative;
        right: -24px
    }
}

@media screen and (min-width: 56.25rem) and (max-width: 63.938rem) {
    .meta--pe .meta__right {
        position: relative;
        right: -24px
    }
}

.meta--pe .meta__data {
    width: 32px;
    height: 44px;
    margin: 0 4px;
    display: block;
    text-align: center;
    transition: all 200ms ease-in-out;
    word-wrap: normal
}

.meta--pe .meta__data:last-of-type {
    margin-right: 0
}

.meta--pe .meta__data svg {
    transition: all 200ms ease-in-out
}

.meta--pe .meta__data:hover {
    text-decoration: none
}

.meta--pe .meta__data:hover.meta__data--recommend {
    color: #0093ec
}

.meta--pe .meta__data:hover.meta__data--recommend svg {
    fill: #0093ec;
    stroke: #0093ec;
    opacity: .9
}

.meta--pe .meta__data:hover.meta__data--comment {
    color: #0093ec
}

.meta--pe .meta__data:hover.meta__data--comment svg {
    fill: none;
    stroke: #0093ec;
    opacity: .9
}

.meta--pe .meta__data.active .svg-icon {
    stroke: #0093ec
}

.meta--pe .meta__data.active.meta__data--recommend svg {
    fill: #0093ec;
    opacity: 1
}

.meta--pe .meta__data span {
    display: block;
    margin-top: 2px
}

@media only screen and (max-width: 37.438em) {
    .meta--pe .meta__data.view-count-container {
        display: none
    }
}

@media only screen and (max-width: 49.938em) {
    .meta--pe .meta__tools {
        position: relative;
        left: 10px
    }
}

.meta--pe .meta__tools:hover .svg-icon.svg-tools--giant {
    fill: none;
    stroke: #0093ec;
    opacity: .9
}

.meta--pe .meta__tools .post-dropdown-trigger {
    opacity: .9;
    display: inline-block;
    visibility: visible
}

@media only screen and (min-width: 66.3em) {
    .meta--pe .meta__tools .post-dropdown-trigger {
        visibility: hidden
    }
}

.meta--pe .meta__tools .f-dropdown.open+.post-dropdown-trigger {
    visibility: visible
}

.meta--pe .meta__label {
    text-transform: uppercase;
    color: #333;
    font-size: 13px
}

.meta--pe.secondary-byline {
    margin-bottom: 0
}

.meta--pe.secondary-byline .meta__text {
    font-size: 13px
}

.meta--pe.secondary-byline .svg-icon {
    margin-right: 3px
}

.meta--pe.secondary-byline .svg-icon.small {
    margin-top: -3px
}

.meta-container {
    position: relative;
    padding-right: 23px
}

@media only screen and (min-width: 66.3em) {
    .meta-container {
        padding-right: 0
    }
}

.meta__tools .f-dropdown {
    min-width: 160px
}

.global-nav {
    height: 60px;
    background: rgba(255,255,255,0.99);
    transform: translateZ(0);
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    z-index: 98;
    line-height: 60px
}

.global-nav.fixed {
    transition: transform 150ms linear;
    position: fixed;
    top: -61px
}

.global-nav.fixed.notransition {
    transition: none
}

.global-nav.fixed.shown {
    transform: translate3d(0, 100%, 0)
}

.navwrap--outer .curation-tool--saving .save-text,.navwrap--outer .curation-tool--show-controls .curation-tool-trigger,.navwrap--outer .curation-tool .curation-save-button,.navwrap--outer .curation-tool .curation-tool-close,.navwrap--outer .curation-tool .curation-tool-settings,.navwrap--outer .curation-tool .saving-text {
    display: none !important
}

.navwrap--outer .curation-tool--saving .saving-text,.navwrap--outer .curation-tool--show-controls .curation-save-button,.navwrap--outer .curation-tool--show-controls .curation-tool-close,.navwrap--outer .curation-tool--show-controls .curation-tool-settings {
    display: inline-block !important
}

.navwrap--outer .curation-tool .curation-save-button-wrapper {
    display: inline-block;
    margin-left: 0
}

.navwrap--outer .curation-tool .curation-save-button-wrapper .curation-save-button {
    height: 20px;
    line-height: 20px;
    padding: 0 1.125rem;
    text-transform: uppercase;
    font-size: 15px;
    top: 1px
}

.navwrap--outer .curation-tool .curation-tool-close,.navwrap--outer .curation-tool .curation-tool-trigger {
    border-radius: 50%;
    border: 1px solid transparent;
    transition: border-color 100ms ease-in;
    text-align: center;
    cursor: pointer
}

.navwrap--outer .curation-tool .curation-tool-close .svg-icon,.navwrap--outer .curation-tool .curation-tool-trigger .svg-icon {
    opacity: 0.15;
    margin-top: 6px;
    vertical-align: top
}

.navwrap--outer .curation-tool .curation-tool-close,.navwrap--outer .curation-tool .curation-tool-settings__button,.navwrap--outer .curation-tool .curation-tool-trigger {
    border: 0
}

.navwrap--outer .curation-tool .curation-tool-close .svg-icon,.navwrap--outer .curation-tool .curation-tool-settings__button .svg-icon,.navwrap--outer .curation-tool .curation-tool-trigger .svg-icon {
    opacity: 0.6;
    stroke: #fff;
    margin-top: 0;
    vertical-align: middle;
    transition: opacity 200ms
}

.navwrap--outer .curation-tool .curation-tool-close:hover .svg-icon,.navwrap--outer .curation-tool .curation-tool-settings__button:hover .svg-icon,.navwrap--outer .curation-tool .curation-tool-trigger:hover .svg-icon {
    opacity: 1
}

.navwrap--outer .curation-tool .curation-tool-trigger .svg-icon {
    stroke: none;
    fill: #fff
}

.navwrap--outer .curation-tool .curation-tool-close {
    margin-left: 10px
}

.navwrap--outer .curation-tool .curation-tool-close .svg-icon {
    margin-left: 1px
}

.navwrap--outer .curation-tool .curation-tool-settings {
    margin-right: 5px;
    position: relative
}

.navwrap--outer .curation-tool .curation-tool-settings__button {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    top: 12px
}

.navwrap--outer .curation-tool .curation-tool-settings__button .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -9px
}

.navwrap--outer .curation-tool .curation-tool-settings__dropdown {
    left: 50%;
    top: 37px;
    width: 150px;
    margin-left: -78px
}

.navwrap--outer .curation-tool .curation-tool-settings__dropdown:before {
    left: 50%;
    margin-left: -3px
}

.navwrap--outer .curation-tool .curation-tool-settings__dropdown:after {
    left: 50%;
    margin-left: -4px
}

.navwrap--outer .curation-tool .curation-tool-settings__dropdown-item {
    background: transparent
}

.navwrap--outer .curation-tool .curation-tool-settings__setting {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: calc(100% - 20px);
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: 10px;
    cursor: pointer
}

.navwrap--outer .curation-tool .curation-tool-settings__setting--highlight .curation-tool-settings__highlight-text {
    color: #0093ec
}

.navwrap--outer .curation-tool .curation-tool-settings__setting .toggle label {
    margin-top: 3px
}

.navwrap--outer .curation-tool .curation-tool-settings__button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0
}

.navwrap--outer .curation-tool .curation-tool-settings__button .svg-icon {
    position: static;
    margin-left: 0;
    margin-top: 0
}

@media only screen and (max-width: 63.9em) {
    .navwrap--outer .curation-tool .curation-save-button-wrapper,.navwrap--outer .curation-tool .curation-tool-trigger {
        display: none
    }
}

.topnav__logostrip {
    height: 100%;
    overflow: hidden
}

.topnav__logostrip .logo {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: inline-block;
    font-size: 1.5rem;
    color: #333;
    font-weight: bold
}

@media only screen and (min-width: 50em) {
    .topnav__logostrip .logo {
        max-width: 80%
    }
}

.topnav__logostrip .logo img,.topnav__logostrip .logo svg {
    max-height: 32px;
    margin-top: -3px
}

.topnav__logostrip .logo svg {
    vertical-align: middle;
    max-width: 100%
}

.topnav__logostrip .logo:hover {
    text-decoration: none;
    color: #000
}

.topnav__logostrip .logo .topnav__scrollback-avatar {
    display: none
}

.topnav__logostrip .logo-wrapper,.topnav__logostrip .topnav__logo {
    height: 100%;
    line-height: 62px
}

@media only screen and (max-width: 49.938em) {
    .topnav__logostrip .logo-wrapper,.topnav__logostrip .topnav__logo {
        padding-left: 56px;
        padding-right: 98px
    }
}

@media only screen and (min-width: 50em) {
    .topnav__logostrip .logo-wrapper,.topnav__logostrip .topnav__logo {
        text-align: center
    }

    .topnav__logostrip .logo-wrapper .global-nav--logo,.topnav__logostrip .topnav__logo .global-nav--logo {
        display: inline-block;
        position: relative
    }
}

.topnav__logostrip .global-nav--title {
    font-size: 1.5rem;
    line-height: 3.875rem;
    font-weight: bold;
    font-style: normal;
    margin: 0
}

.notif-circle {
    background-color: transparent;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid transparent;
    margin: 0;
    font-size: .812rem;
    font-family: arial;
    line-height: 2.3;
    transition: border-color 100ms ease-in;
    display: inline-block;
    text-align: center;
    vertical-align: top
}

.notif-circle:hover {
    border-color: #0093ec
}

.notif-circle:hover .icon {
    color: #0093ec;
    opacity: 1
}

.notif-circle:hover .channels-icon path {
    fill: #0093ec
}

.notif-circle:hover .svg-lightning {
    fill: #0093ec;
    opacity: .9
}

.notif-circle .svg-lightning {
    opacity: 0.15;
    margin-top: -2px
}

.has-notification .notif-circle {
    background-color: transparent;
    border-color: #0093ec;
    color: #0093ec
}

.notif-circle.only-one {
    text-indent: -1px
}

.notif-circle.infinite {
    font-size: 1.438rem;
    line-height: 2.062rem
}

.notif-circle .icon {
    opacity: 0.1;
    font-size: 1rem;
    vertical-align: middle;
    top: -2px;
    position: relative;
    color: #000
}

.add {
    font-size: 0.95rem;
    margin: 0.3rem 0 -1rem
}

.add .icon,.add a {
    color: #0093ec
}

.site-footer {
    margin-top: 20px
}

.show-dashboard-blogs {
    width: 3.75rem;
    height: 3.75rem;
    text-align: center
}

.show-dashboard-blogs .icon {
    transform: rotate(90deg);
    font-size: .875rem;
    vertical-align: middle
}

.show-dashboard-blogs .icon:before {
    color: #aaa
}

.navwrap--outer {
    height: 61px
}

@media only screen and (min-width: 50em) {
    .navwrap--outer,.navwrap--outer .global-nav {
        height: 138px
    }

    .navwrap--outer .global-nav.fixed {
        top: -138px
    }

    .navwrap--outer.navwrap--frontpage,.navwrap--outer.navwrap--frontpage .global-nav {
        height: 180px
    }

    .navwrap--outer.navwrap--frontpage .global-nav.fixed {
        top: -180px
    }

    .navwrap--outer.navwrap--permalink,.navwrap--outer.navwrap--permalink .global-nav {
        height: 110px
    }

    .navwrap--outer.navwrap--permalink .global-nav.fixed {
        top: -110px
    }

    .navwrap--outer .global-nav.global-nav--scrollback {
        box-shadow: 0 2px 2px rgba(0,0,0,0.1);
        height: 60px
    }

    .navwrap--outer .global-nav.global-nav--scrollback.fixed {
        top: -60px
    }
}

.global-nav--desktop .notif-menu.open,.global-nav--desktop .user-menu.open {
    top: 26px !important
}

.global-nav--desktop .notif-menu.open:after,.global-nav--desktop .notif-menu.open:before,.global-nav--desktop .user-menu.open:after,.global-nav--desktop .user-menu.open:before {
    display: none
}

.topnav__logostrip {
    position: relative;
    overflow: hidden
}

.topnav__logostrip,.topnav__logostrip.topnav__logostrip--subtitle .topnav__logo-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 110px
}

.topnav__logostrip.topnav__logostrip--subtitle .topnav__logo-wrapper .topnav__subtitle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #aaa;
    font-size: 48px;
    text-transform: uppercase;
    white-space: nowrap
}

.topnav__logostrip.topnav__logostrip--subtitle .topnav__logo-wrapper .topnav__subtitle span {
    position: relative;
    top: 2px
}

.topnav__logostrip.topnav__logostrip--subtitle .topnav__logo-wrapper .topnav__subtitle:before {
    content: '';
    height: 60px;
    width: 1px;
    background-color: #e5e5e5;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-right: 18px;
    margin-left: 20px
}

.topnav__logostrip.topnav__logostrip--subtitle .topnav__logo-wrapper .logo img,.topnav__logostrip.topnav__logostrip--subtitle .topnav__logo-wrapper .logo svg {
    max-height: 30px;
    width: auto
}

.global-nav--scrollback .topnav__logostrip.topnav__logostrip--subtitle .topnav__logo-wrapper .topnav__subtitle {
    font-size: 30px
}

.global-nav--scrollback .topnav__logostrip.topnav__logostrip--subtitle .topnav__logo-wrapper .topnav__subtitle span {
    top: 1px
}

.global-nav--scrollback .topnav__logostrip.topnav__logostrip--subtitle .topnav__logo-wrapper .topnav__subtitle:before {
    height: 22px;
    margin-right: 15px;
    margin-left: 15px
}

.global-nav--scrollback .topnav__logostrip.topnav__logostrip--subtitle .topnav__logo-wrapper .logo img,.global-nav--scrollback .topnav__logostrip.topnav__logostrip--subtitle .topnav__logo-wrapper .logo svg {
    max-height: 18px
}

.topnav__logostrip .topnav__logo {
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center
}

.topnav__logostrip .topnav__logo,.topnav__logostrip .logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 50em) {
    .topnav__logostrip .logo {
        max-width: none;
        max-height: 50px
    }
}

.topnav__logostrip .logo img,.topnav__logostrip .logo svg {
    max-height: 50px;
    margin-top: 0
}

.topnav__logostrip .section-nav,.topnav__logostrip .section-nav__search-btn,.topnav__logostrip .topnav__scrollback-tools {
    display: none
}

.navwrap--vertical .topnav__logostrip {
    height: 110px
}

.global-nav--permalink .topnav__logostrip,.global-nav--scrollback .topnav__logostrip {
    height: 80px;
    max-width: 1336px;
    margin: 0 auto;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 1.125rem
}

.global-nav--permalink .topnav__logostrip.topnav__logostrip--sectionnav,.global-nav--scrollback .topnav__logostrip.topnav__logostrip--sectionnav {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.global-nav--permalink .topnav__logostrip.topnav__logostrip--sectionnav .section-nav ul,.global-nav--scrollback .topnav__logostrip.topnav__logostrip--sectionnav .section-nav ul {
    margin: 0
}

.global-nav--permalink .topnav__logostrip .topnav__logo-wrapper,.global-nav--scrollback .topnav__logostrip .topnav__logo-wrapper {
    height: 100%
}

.global-nav--permalink .topnav__logostrip .logo img,.global-nav--permalink .topnav__logostrip .logo svg,.global-nav--scrollback .topnav__logostrip .logo img,.global-nav--scrollback .topnav__logostrip .logo svg {
    max-height: 35px;
    max-width: 200px;
    width: auto
}

.global-nav--permalink .topnav__logostrip .section-nav,.global-nav--scrollback .topnav__logostrip .section-nav {
    display: -ms-flexbox;
    display: flex;
    height: 58px;
    border: 0
}

.global-nav--permalink .topnav__logostrip .section-nav ul li a,.global-nav--scrollback .topnav__logostrip .section-nav ul li a {
    line-height: 60px;
    border: 0;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 17px;
    white-space: nowrap
}

.global-nav--permalink .topnav__logostrip .section-nav:before,.global-nav--scrollback .topnav__logostrip .section-nav:before {
    content: '';
    height: 25px;
    width: 1px;
    background-color: #e5e5e5;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-right: 8px;
    margin-left: 15px
}

.global-nav--permalink .topnav__logostrip .section-nav__search,.global-nav--scrollback .topnav__logostrip .section-nav__search {
    margin-left: 0;
    height: 60px
}

.global-nav--scrollback .topnav__logostrip {
    height: 60px
}

.global-nav--scrollback .topnav__logostrip .section-nav__search-btn {
    display: block
}

.global-nav--scrollback .topnav__logostrip .topnav__scrollback-avatar {
    display: block;
    height: 25px
}

.global-nav--scrollback .topnav__logostrip .topnav__gmg-logo {
    display: none
}

.global-nav--scrollback .topnav__logostrip .topnav__scrollback-tools {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    right: 1.125rem;
    top: 0
}

.global-nav--scrollback .topnav__logostrip .topnav__back-to-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    width: 60px;
    height: 60px;
    margin-right: -1.125rem
}

.global-nav--scrollback .topnav__logostrip .topnav__back-to-top svg {
    margin-top: 0
}

.global-nav--scrollback .topnav__logostrip .logo img,.global-nav--scrollback .topnav__logostrip .logo svg {
    max-height: 25px
}

.topnav__logostrip .section-sponsorship {
    position: absolute;
    right: 2.25rem;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 110px;
    width: 120px
}

.global-nav--scrollback .topnav__logostrip .section-sponsorship {
    display: none
}

.global-nav--permalink .topnav__logostrip .section-sponsorship {
    height: 80px
}

.navwrap--vertical .topnav__logostrip .section-sponsorship {
    height: 110px
}

.topnav__logostrip .section-sponsorship .ad-section-sponsorship {
    width: 120px;
    height: 60px;
    overflow: hidden
}

.gmg-logo {
    height: 50px
}

.gmg-logo--lifehacker {
    width: 200px
}

.gmg-logo--deadspin {
    width: 383px
}

.gmg-logo--kotaku {
    width: 272px
}

.gmg-logo--jezebel {
    width: 219px
}

.gmg-logo--jalopnik {
    width: 345px
}

.gmg-logo--gizmodo {
    width: 340px
}

.gmg-logo--theroot {
    width: 223px;
    fill: #509b22
}

.jezebel .global-nav--permalink:not(.global-nav--scrollback) .logo {
    position: relative;
    top: 5px
}

.jezebel .topnav__logostrip--subtitle .logo {
    position: relative;
    top: 2px
}

.gizmodo .global-nav--permalink:not(.global-nav--scrollback) .logo,.gizmodo .topnav__logostrip--subtitle .logo,.kotaku .global-nav--permalink:not(.global-nav--scrollback) .logo,.kotaku .topnav__logostrip--subtitle .logo {
    position: relative;
    top: -1px
}

.lifehacker .global-nav--permalink:not(.global-nav--scrollback) .logo {
    position: relative;
    top: -5px
}

.lifehacker .topnav__logostrip--subtitle .logo {
    position: relative;
    top: -2px
}

.jalopnik .global-nav--permalink:not(.global-nav--scrollback) .logo,.deadspin .global-nav--permalink:not(.global-nav--scrollback) .logo,.deadspin .topnav__logostrip--subtitle .logo {
    position: relative;
    top: -1px
}

.video-page-logo__icon.svg-icon {
    width: 27px;
    height: 27px;
    opacity: 1;
    stroke: #000;
    stroke-width: 1.5px;
    fill: none
}

.section-nav--mobile .video-page-logo__icon.svg-icon {
    margin-right: 10px
}

.default .video-page-logo__icon {
    stroke: #0093ec
}

.cink .video-page-logo__icon {
    stroke: #99349e
}

.deadspin .video-page-logo__icon {
    stroke: #2D9D92
}

.gawker .video-page-logo__icon {
    stroke: #E25A48
}

.gizmodo .video-page-logo__icon {
    stroke: #28ADE6
}

.io9 .video-page-logo__icon {
    stroke: #C34B9E
}

.jalopnik .video-page-logo__icon {
    stroke: #417FB9
}

.jezebel .video-page-logo__icon {
    stroke: #E21638
}

.kotaku .video-page-logo__icon {
    stroke: #B22460
}

.lifehacker .video-page-logo__icon {
    stroke: #709602
}

.theroot .video-page-logo__icon {
    stroke: #509b22
}

.topnav__navtools {
    position: absolute;
    left: 1.125rem;
    bottom: 1.125rem
}

.topnav__navtools *+a {
    margin-left: .562rem
}

.section-nav {
    position: relative;
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff
}

.global-nav--scrollback .section-nav,.searchpage .global-nav--scrollback .section-nav {
    display: none
}

.section-nav ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto
}

@media only screen and (min-width: 50em) {
    .section-nav ul {
        max-width: 800px;
        overflow: hidden;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-height: 40px
    }
}

.section-nav ul li a {
    display: block;
    height: 40px;
    line-height: 42px;
    text-transform: uppercase;
    color: #aaa;
    font-size: 18px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    margin-left: -1px;
    padding: 0 11px;
    transition: color 300ms
}

.section-nav ul li a:active,.section-nav ul li a:hover {
    text-decoration: none;
    color: #666
}

.section-nav ul li a.section-nav__search-btn {
    border-right: 0
}

.global-nav {
    height: 61px
}

.mobile-nav .notif-circle {
    text-align: center;
    background-color: #0093ec;
    color: #fff;
    font-size: 13px
}

.navwrap-mobile--networknav .global-nav.mobile-nav {
    height: 80px
}

.navwrap-mobile--networknav .global-nav.mobile-nav.fixed {
    top: -80px
}

.mobile-nav__networknav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000;
    height: 20px
}

.mobile-nav__networknav a {
    display: block;
    line-height: 22px;
    height: 20px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    padding-left: 1.125rem
}

.mobile-nav__mainstrip {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 1.125rem;
    height: 60px
}

.mobile-nav__mainstrip--logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    max-width: 90%
}

.mobile-nav__mainstrip--logo .logo {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.mobile-nav__mainstrip--logo .logo .topnav__scrollback-avatar {
    display: none
}

.mobile-nav__mainstrip--logo .logo img,.mobile-nav__mainstrip--logo .logo svg {
    width: auto;
    max-height: 36px
}

.mobile-nav__mainstrip--logo .follow-controls {
    display: none
}

.mobile-nav__mainstrip--logo .global-nav--title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: block;
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
    width: 100%;
    margin: 0
}

.mobile-nav__mainstrip--logo .topnav__subtitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    width: 100%;
    text-transform: uppercase;
    color: #aaa;
    font-size: 30px;
    margin-left: 15px;
    position: relative;
    top: 2px
}

.mobile-nav__mainstrip--menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.mobile-nav__mainstrip--menu .notif-circle {
    position: absolute;
    top: 12px;
    right: -9px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 18px
}

.mobile-nav__mainstrip--menu .notif-circle.notif-circle--empty {
    display: none
}

.mobile-nav__mainstrip--menu .notif-circle.notif-circle--empty .svg-lightning {
    fill: #aaa
}

.mobile-nav__hamburger {
    width: 20px;
    height: 17px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mobile-nav__hamburger span {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #000
}

.section-nav--mobile .icon {
    width: 30px;
    height: 30px
}

.section-nav--mobile .icon .svg-icon {
    margin-top: -1px;
    stroke: #aaa
}

.navwrap--outer .curation-tool,.navwrap--outer .curation-tool .curation-tool--show-controls {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    margin-right: 2px
}

.navwrap--outer .curation-tool .curation-tool--show-controls .curation-tool-close,.navwrap--outer .curation-tool .curation-tool--show-controls .curation-tool-settings__button,.navwrap--outer .curation-tool .curation-tool--show-controls .curation-tool-trigger,.navwrap--outer .curation-tool .curation-tool-close,.navwrap--outer .curation-tool .curation-tool-settings__button,.navwrap--outer .curation-tool .curation-tool-trigger {
    border: 0
}

.navwrap--outer .curation-tool .curation-tool--show-controls .curation-tool-close .svg-icon,.navwrap--outer .curation-tool .curation-tool--show-controls .curation-tool-settings__button .svg-icon,.navwrap--outer .curation-tool .curation-tool--show-controls .curation-tool-trigger .svg-icon,.navwrap--outer .curation-tool .curation-tool-close .svg-icon,.navwrap--outer .curation-tool .curation-tool-settings__button .svg-icon,.navwrap--outer .curation-tool .curation-tool-trigger .svg-icon {
    opacity: 0.6;
    stroke: #fff;
    margin-top: 0;
    vertical-align: middle;
    transition: opacity 200ms
}

.navwrap--outer .curation-tool .curation-tool--show-controls .curation-tool-close:hover .svg-icon,.navwrap--outer .curation-tool .curation-tool--show-controls .curation-tool-settings__button:hover .svg-icon,.navwrap--outer .curation-tool .curation-tool--show-controls .curation-tool-trigger:hover .svg-icon,.navwrap--outer .curation-tool .curation-tool-close:hover .svg-icon,.navwrap--outer .curation-tool .curation-tool-settings__button:hover .svg-icon,.navwrap--outer .curation-tool .curation-tool-trigger:hover .svg-icon {
    opacity: 1
}

.navwrap--outer .curation-tool .curation-tool--show-controls .curation-tool-settings,.navwrap--outer .curation-tool .curation-tool-settings {
    margin-right: 5px
}

.navwrap--outer .curation-tool .curation-tool--show-controls .curation-tool-settings__button,.navwrap--outer .curation-tool .curation-tool-settings__button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0
}

.navwrap--outer .curation-tool .curation-tool--show-controls .curation-tool-settings__button .svg-icon,.navwrap--outer .curation-tool .curation-tool-settings__button .svg-icon {
    position: static;
    margin-left: 0;
    margin-top: 0
}

.navwrap--outer .curation-tool .curation-tool--show-controls .curation-tool-close,.navwrap--outer .curation-tool .curation-tool-close {
    margin-left: 10px
}

.navwrap--outer .curation-tool .curation-save-button-wrapper,.navwrap--outer .curation-tool .curation-tool--show-controls .curation-save-button-wrapper {
    margin-left: 0
}

.navwrap--outer .curation-tool .curation-save-button-wrapper .curation-save-button,.navwrap--outer .curation-tool .curation-tool--show-controls .curation-save-button-wrapper .curation-save-button {
    height: 20px;
    line-height: 20px;
    padding: 0 1.125rem;
    text-transform: uppercase;
    font-size: 15px;
    top: 1px
}

.networknav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0 1.125rem 0 .562rem;
    margin: 0 auto;
    background-color: #000;
    height: 28px
}

.global-nav--scrollback .networknav {
    height: 0;
    overflow: hidden
}

.networknav__sitelist {
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    position: relative
}

.networknav__sitelist li {
    text-transform: uppercase;
    font-size: 16px;
    color: #aaa;
    line-height: 29px;
    padding: 0 8px;
    border: 1px solid transparent;
    border-top: 0;
    border-bottom: 0;
    height: 28px
}

.networknav__sitelist li.hover,.networknav__sitelist li:hover {
    background-color: #fff;
    color: #333;
    border-color: #e5e5e5;
    z-index: 101;
    height: 29px
}

.networknav__sitelist li a {
    color: inherit;
    transition: color 300ms;
    display: block;
    height: 28px
}

.networknav__sitelist li a:hover {
    color: inherit;
    text-decoration: none
}

.networknav__sitelist li a:hover svg {
    opacity: 0.5
}

.browser-safari .networknav__sitelist li {
    font-weight: bold
}

.networknav__search {
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    color: #666
}

.networknav__search .networknav__search-link {
    height: 100%
}

.f_preact_top_nav_on .networknav__search .networknav__search-link {
    padding: 0 8px;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
}

.networknav__search svg {
    margin-top: 0;
    height: 14px;
    width: 14px;
    transition: opacity 300ms
}

.networknav__search .networknav__active-blogname {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.networknav__search .networknav__active-blogname:hover {
    color: #333
}

.networknav__search .networknav__active-blogname:before {
    content: '';
    margin-left: 10px;
    margin-right: 10px;
    height: 14px;
    width: 1px;
    background-color: #e5e5e5
}

.networknav__hovernav-wrapper {
    position: absolute;
    top: 28px;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 100
}

.networknav__hovernav-wrapper>div {
    padding-top: 21px;
    border: 1px solid #e5e5e5;
    border-left: 0;
    border-right: 0;
    box-shadow: 0 3px 3px rgba(0,0,0,0.1)
}

.networknav__hovernav-wrapper .section-nav {
    width: 15.35%;
    min-width: 15.35%;
    border: 0;
    -ms-flex-order: 1;
    order: 1;
    margin-right: 21px;
    margin-bottom: 8px
}

.networknav__hovernav-wrapper .section-nav ul {
    display: block;
    max-height: none
}

.networknav__hovernav-wrapper .section-nav ul li a {
    border: 0;
    padding: 0 0 10px;
    height: auto;
    line-height: normal;
    margin: 0
}

@media only screen and (max-width: 63.9em) {
    .networknav__hovernav-wrapper .section-nav ul li a {
        font-size: 16px
    }
}

.networknav__hovernav-wrapper .spinner {
    position: absolute;
    top: 43%;
    right: 48%
}

.networknav__hovernav-wrapper .networknav__hovernav-inner {
    padding: 0 1.125rem
}

.networknav__hovernav-wrapper .networknav__hovernav-inner,.hovernav__post-list {
    max-width: 1336px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto
}

.hovernav__post-list {
    min-height: 228px;
    -ms-flex-order: 2;
    order: 2;
    padding: 0
}

.hovernav__post-list li {
    width: 20%;
    padding: 0;
    margin: 0 21px 0 0
}

.hovernav__post-list li:last-of-type,.hovernav__post-list li:nth-child(5) {
    margin-right: 0
}

.hovernav__post-list li:nth-child(6) {
    display: none
}

.hovernav__post-list li a {
    display: block
}

.hovernav__post-list li a:hover {
    color: #000
}

.hovernav__post-list li .img--16x9 {
    margin-bottom: 5px
}

.hovernav__post-list li h4 {
    font-size: 18px
}

@media only screen and (max-width: 63.9em) {
    .hovernav__post-list li h4 {
        font-size: 16px
    }
}

.networknav__login-btn {
    transition: opacity 300ms;
    opacity: 0.7
}

.networknav__login-btn .svg-user-filled {
    display: block;
    fill: #fff;
    opacity: 1;
    margin: 0
}

.networknav__login-btn:hover {
    opacity: 1
}

.networknav__usertools {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.networknav__usertools a:hover {
    text-decoration: none
}

.networknav__usertools a:hover .notif-empty {
    border-color: #fff
}

.networknav__usertools .active .notif-empty-cont .notif-empty {
    border-color: #0093ec
}

.desktop-notif-toggle {
    display: block
}

@media only screen and (max-width: 49.938em) {
    .desktop-notif-toggle {
        display: none
    }
}

.notif-pill {
    line-height: 22px;
    background-color: #0093ec;
    color: #fff;
    text-align: center;
    padding: 0 10px;
    border-radius: 10px;
    height: 20px;
    font-size: 15px
}

.notif-pill--firstclick {
    opacity: 0.9
}

.notif-empty-cont {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0
}

.notif-empty {
    position: relative;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    border: 2px solid #aaa
}

.notif-state-wrapper {
    width: 45px;
    margin-right: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.notif-wrapper {
    display: none
}

@media only screen and (min-width: 50em) {
    .userbutton,.userbutton a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .userbutton .avatar {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: inline-block;
        margin: 0;
        background-position: center;
        background-size: cover
    }
}

@media only screen and (max-width: 49.938em) {
    .userbutton {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        height: 60px
    }
}

.topnav__search-wrapper {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 102
}

.topnav__search-wrapper .topnav__search {
    max-width: 360px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 60px
}

.topnav__search-wrapper .topnav__search form {
    height: 100%
}

.topnav__search-wrapper .topnav__search .svg-search {
    display: none
}

.topnav__search-wrapper .topnav__search input[type=search] {
    font-size: 18px;
    margin: 0;
    height: 100%;
    width: 310px;
    border: 0;
    color: #aaa
}

.topnav__search-wrapper .topnav__search input[type=search]::-webkit-input-placeholder {
    text-transform: uppercase
}

.topnav__search-wrapper .topnav__search input[type=search]::-moz-placeholder {
    text-transform: uppercase
}

.topnav__search-wrapper .topnav__search input[type=search]:-ms-input-placeholder {
    text-transform: uppercase
}

.topnav__search-wrapper .topnav__search input[type=search]::placeholder {
    text-transform: uppercase
}

.topnav__search-wrapper .topnav__search input[type=search]::-webkit-search-cancel-button,.topnav__search-wrapper .topnav__search input[type=search]::-webkit-search-decoration,.topnav__search-wrapper .topnav__search input[type=search]::-webkit-search-results-button,.topnav__search-wrapper .topnav__search input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.topnav__search-wrapper .topnav__search input[type=search]:focus {
    background: none
}

.topnav__search-wrapper .topnav__search svg {
    transition: opacity 300ms
}

.topnav__search-wrapper .topnav__search a:hover svg {
    opacity: 0.5
}

.topnav__search-wrapper .topnav__search .svg-icon {
    margin-top: 0
}

.topnav__search-wrapper.topnav__search-wrapper--networknav {
    margin: 0 1.125rem 0 .562rem;
    background-color: #000;
    width: 90%
}

.topnav__search-wrapper.topnav__search-wrapper--networknav .topnav__search {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    height: 28px;
    padding: 0 .562rem;
    margin: 0
}

.topnav__search-wrapper.topnav__search-wrapper--networknav .topnav__search svg {
    width: 14px;
    height: 14px
}

.topnav__search-wrapper.topnav__search-wrapper--networknav .topnav__search input[type=search] {
    font-size: 16px;
    padding: 8px 8px 8px 3px
}

.referenced-comment {
    max-width: 636px;
    margin: 0 auto
}

.referenced-comment .comment-inset {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
    margin: 0 auto 20px
}

.referenced-comment .comment-inset .avatar .magnifier {
    display: none
}

.referenced-comment .comment-inset ul.commentlist li {
    padding-left: 0;
    margin-bottom: 16px
}

.referenced-comment .comment-inset ul.commentlist li:before,.referenced-comment .comment-inset ul.commentlist .commentlist__item:after {
    display: none
}

.referenced-comment .comment-inset>.comment-inset__body {
    padding: 20px 20px 0;
    overflow: hidden
}

@media only screen and (max-width: 37.438em) {
    .referenced-comment .comment-inset>.comment-inset__body {
        padding: 16px
    }
}

.referenced-comment .comment-inset>footer {
    font-family: "ProximaNovaCond",sans-serif;
    background: #f5f5f5;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.referenced-comment .comment-inset>footer a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 8px 20px;
    color: #aaa;
    transition: color 0.2s linear;
    position: relative;
    top: 2px;
    font-size: 15px
}

.referenced-comment .comment-inset>footer a:hover {
    text-decoration: none;
    color: #222
}

.referenced-comment .comment-inset>footer a svg {
    vertical-align: middle;
    margin: 1px 8px 0 0
}

.referenced-comment .comment-inset>footer a span {
    line-height: 1.25rem
}

@media only screen and (max-width: 37.438em) {
    .referenced-comment .comment-inset {
        padding: 0
    }
}

.referenced-comment .comment-inset .reply {
    padding-top: 0
}

.referenced-comment .comment-inset .reply .reply__content p {
    font-size: 15px
}

.referenced-comment .comment-inset .reply .reply__header {
    margin-bottom: 4px
}

.referenced-comment .comment-inset .reply .reply__header span.reply__byline--member {
    display: inline-block;
    background: #0093ec;
    color: #fff;
    padding: 5px 4px 4px;
    line-height: 11px
}

@media only screen and (max-width: 37.438em) {
    .referenced-comment .comment-inset .reply .reply__content p,.referenced-comment .comment-inset .reply .reply__header {
        padding: 0
    }
}

.referenced-comment .comment-inset .reply--depth-0 {
    padding-bottom: 16px
}

.referenced-comment .comment-inset .reply--depth-1 {
    padding-top: 6px
}

.referenced-comment .comment-inset .reply--depth-1 .avatar {
    padding-top: 4px
}

.referenced-comment .comment-inset .comment-inset__show-more {
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px
}

.referenced-comment .comment-inset .comment-inset__show-more a {
    font-size: 15px;
    color: #aaa;
    font-family: "ProximaNovaCond",sans-serif
}

.referenced-comment .comment-inset .comment-inset__show-more a span {
    color: #222;
    font-weight: bold
}

.referenced-comment .comment-inset .comment-inset__not-available {
    color: #aaa;
    font-family: "ProximaNovaCond",sans-serif;
    text-align: center;
    padding: 16px 32px
}

.stripe-inset {
    border: 1px solid #72ad75;
    padding: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    font-family: "FiraSans",sans-serif;
    position: relative;
    max-width: 636px;
    margin: 50px auto 62px;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 50em) {
    .stripe-inset {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.stripe-inset__product-image {
    max-height: 173px;
    margin-bottom: 11px
}

@media only screen and (min-width: 50em) {
    .stripe-inset__product-image {
        max-height: 144px;
        margin-bottom: 0
    }
}

.stripe-inset__provider-name {
    font-weight: bold
}

.stripe-inset__description {
    -ms-flex-positive: 2;
    flex-grow: 2;
    margin-left: 0;
    text-align: center;
    margin-bottom: 35px
}

@media only screen and (min-width: 50em) {
    .stripe-inset__description {
        text-align: left;
        margin-left: 29px;
        margin-bottom: 0
    }
}

.stripe-inset__description header h2 {
    font-family: "FiraSans",sans-serif;
    color: #666;
    line-height: 26px;
    margin: 0;
    font-size: 17px
}

@media only screen and (min-width: 50em) {
    .stripe-inset__description header h2 {
        font-size: 22px
    }
}

.stripe-inset__description .stripe-inset__byline {
    color: #666;
    font-size: 13px;
    line-height: 22px;
    font-family: "FiraSans",sans-serif
}

.stripe-inset__cta {
    margin-bottom: 50px
}

@media only screen and (min-width: 50em) {
    .stripe-inset__cta {
        margin-bottom: 0
    }
}

.stripe-inset__cta div {
    font-size: 13px;
    line-height: 16.5px;
    text-align: center;
    color: #666
}

.stripe-inset__logo {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    right: 0;
    bottom: 0;
    padding: 10px;
    font-size: 11px;
    line-height: 11px;
    color: #aaa
}

.stripe-inset__logo svg {
    height: 11px;
    width: 35px;
    fill: #aaa
}

.stripe-inset__coupon-code {
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px;
    font-size: 11px;
    color: #aaa;
    display: none
}

.editor .stripe-inset__coupon-code {
    display: block
}

.curation-container .curation__wrapper.loading,.curation-open .featured-item.loading .curation-item-placeholder__inner,.curation-open .featured-item.selected.loading .curation-item-placeholder__inner,.curation-tool-container .curation__wrapper.loading {
    background-image: url("//x.kinja-static.com/assets/images/ajax-loader-bg-transparent.gif");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: initial
}

.curation-container,.curation-tool-container {
    width: 100%;
    position: relative;
    z-index: 97;
    border-bottom: 1px solid #e5e5e5
}

.curation-container .curation__wrapper,.curation-tool-container .curation__wrapper {
    width: 100%;
    margin: 0 auto
}

.curation-container .curation__wrapper,.curation-container .curation__wrapper>div,.curation-tool-container .curation__wrapper,.curation-tool-container .curation__wrapper>div {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 50%
}

.curation-container .curation__inner,.curation-tool-container .curation__inner {
    width: 100%;
    padding: 0 1.125rem;
    position: relative;
    max-width: 1336px;
    margin: 0 auto
}

.curation-container .curation__inner--highlight,.curation-tool-container .curation__inner--highlight {
    height: 278px
}

.curation-container .curation__inner--tall,.curation-tool-container .curation__inner--tall {
    height: 625px
}

.curation-container .curation__inner--tall .curation__tall-mode-toggle .curation__expand-icon,.curation-tool-container .curation__inner--tall .curation__tall-mode-toggle .curation__expand-icon {
    display: none
}

.curation-container .curation__inner--tall .curation__tall-mode-toggle .curation__collapse-icon,.curation-tool-container .curation__inner--tall .curation__tall-mode-toggle .curation__collapse-icon {
    display: inline
}

.curation-container .curation__inner--breaking .curation__highlight-post--first .curation__highlight-breaking-label,.curation-tool-container .curation__inner--breaking .curation__highlight-post--first .curation__highlight-breaking-label {
    display: inline-block
}

.curation-container .curation__inner--breaking .curation__breaking-mode-toggle .svg-icon,.curation-tool-container .curation__inner--breaking .curation__breaking-mode-toggle .svg-icon {
    stroke: #0093ec
}

.curation-container .curation__inner--image-upload-open .curation__image-upload,.curation-tool-container .curation__inner--image-upload-open .curation__image-upload,.curation-container .curation__inner--image-upload-open .curation__image-upload .animationContainer,.curation-tool-container .curation__inner--image-upload-open .curation__image-upload .animationContainer {
    display: block
}

.curation-main-container.dui-override .curation-container .curation__highlight-post--first {
    position: static
}

.curation-container .curation__highlight-post--first .curation__highlight-post-link {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: 1.125rem;
    padding-bottom: 20px
}

.curation-container .curation__highlight-post--first .curation__highlight-post-headline-container {
    width: 50%
}

@media only screen and (max-width: 63.9em) {
    .curation-container .curation__highlight-post--first .curation__highlight-post-headline-container {
        width: 66%
    }
}

@media only screen and (max-width: 49.938em) {
    .curation-container .curation__highlight-post--first .curation__highlight-post-headline-container {
        width: 90%
    }
}

.curation-container .curation__inner--has-package .curation__highlight-post--first .curation__highlight-post-headline-container {
    width: 50%
}

@media only screen and (max-width: 767px) {
    .curation-container .curation__inner--has-package .curation__highlight-post--first .curation__highlight-post-headline-container {
        width: 90%
    }
}

@media only screen and (max-width: 767px) {
    .curation-container .curation__highlight-list {
        display: none
    }
}

.curation-tool-container .animationContainer {
    display: none
}

.curation__highlight-post {
    margin: 0
}

.curation__highlight-post--first {
    width: 50%;
    bottom: 20px
}

@media only screen and (max-width: 63.9em) {
    .curation__highlight-post--first {
        width: 66%
    }
}

@media only screen and (max-width: 49.938em) {
    .curation__highlight-post--first {
        width: 90%
    }
}

.curation__inner--has-package .curation__highlight-post--first {
    width: 50%
}

@media only screen and (min-width: 50em) and (max-width: 63.9em) {
    .curation__inner--has-package .curation__highlight-post--first .curation__highlight-post-headline {
        font-size: 36px;
        line-height: 42px
    }
}

@media only screen and (max-width: 49.938em) {
    .curation__inner--has-package .curation__highlight-post--first .curation__highlight-post-headline {
        font-size: 26px;
        line-height: 31px
    }
}

.curation-main-container.dui-override .curation__highlight-post--first {
    position: absolute
}

.curation__highlight-post--first .curation__highlight-post-headline {
    font-size: 46px;
    line-height: 54px
}

@media only screen and (min-width: 37.5em) and (max-width: 49.938em) {
    .curation__highlight-post--first .curation__highlight-post-headline {
        font-size: 36px;
        line-height: 42px
    }
}

@media only screen and (max-width: 37.438em) {
    .curation__highlight-post--first .curation__highlight-post-headline {
        font-size: 26px;
        line-height: 31px
    }
}

.curation__highlight-post--first-empty {
    width: 50%;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%)
}

.curation__highlight-post--first-empty .curation__highlight-post-headline,.curation__highlight-post--first-empty .curation__highlight-post-headline:hover {
    background-color: transparent
}

.curation__highlight-post--empty .curation__highlight-post-headline,.curation__highlight-post--empty .curation__highlight-post-input {
    display: block
}

.curation__highlight-post--empty .curation__highlight-post-headline-text,.curation__highlight-post .curation__package-control-box,.curation__highlight-post .svg-icon {
    display: none
}

.curation__highlight-post-link:hover {
    text-decoration: none
}

.curation__highlight-post-input::-webkit-input-placeholder {
    text-transform: uppercase
}

.curation__highlight-post-input::-moz-placeholder {
    text-transform: uppercase
}

.curation__highlight-post-input:-ms-input-placeholder {
    text-transform: uppercase
}

.curation__highlight-post-input::placeholder {
    text-transform: uppercase
}

.curation__highlight-post--first.curation__highlight-post--first-empty .curation__highlight-post-input {
    margin: 15px 0 0 15px;
    padding-bottom: 0
}

.curation__highlight-post:not(.curation__highlight-post--empty) .curation__highlight-post-input {
    display: none !important
}

.curation__highlight-post-headline {
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    display: inline;
    padding: 0 10px;
    position: relative;
    transition: all 100ms ease-in-out;
    font-weight: normal;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.curation__highlight-post-headline:hover {
    background-color: #000
}

.curation__highlight-post-headline .highlight-post-headline-text[contenteditable=true] {
    cursor: text
}

.curation__highlight-list {
    width: 33%;
    min-width: 300px;
    max-width: 360px;
    position: absolute;
    right: 1.125rem;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%)
}

.curation__highlight-list .curation__highlight-post-headline {
    padding: 0;
    margin: 0;
    font-size: 18px;
    display: block;
    transition: none
}

.curation__highlight-list .curation__highlight-post-headline,.curation__highlight-list .curation__highlight-post-headline:hover {
    background-color: transparent
}

.curation__highlight-list .curation__highlight-post-link {
    display: block;
    color: #fff
}

.curation-main-container.dui-override .curation__highlight-list .curation__highlight-post {
    padding: 5px 40px 5px 15px;
    margin-bottom: 0;
    position: relative
}

.curation-main-container.dui-override .curation__highlight-list .curation__highlight-post:hover {
    text-decoration: underline
}

.curation-main-container.dui-override .curation__highlight-list .curation__highlight-post:hover .svg-chevron {
    opacity: 0.9
}

.curation-main-container.dui-override .curation__highlight-list .curation__highlight-post[draggable=true]:hover {
    background: rgba(0,0,0,0.8)
}

.curation-main-container.dui-override .curation__highlight-list .curation__highlight-post-input {
    font-size: 18px
}

.curation-main-container.dui-override .curation__highlight-list .curation__highlight-post-input:hover {
    background-color: transparent
}

.curation__highlight-list .curation__highlight-post .svg-chevron,.curation__highlight-list .curation__highlight-post .svg-move-vertical {
    stroke: #fff;
    opacity: 0.6;
    margin: 0;
    position: absolute;
    right: 12px;
    top: 10px
}

.curation__highlight-list .curation__highlight-post .svg-chevron {
    display: block
}

.curation__highlight-list .curation__highlight-post .svg-trashcan {
    display: inline-block
}

.curation__highlight-list .curation__highlight-post .svg-move-vertical {
    top: 8px;
    right: 14px
}

.curation__highlight-list .curation__highlight-post .curation__package-control-box {
    top: -4px;
    left: -54px
}

.curation__highlight-list .curation__highlight-post .curation__package-control {
    padding-left: 4px;
    padding-right: 4px
}

.curation__highlight-list .curation__highlight-post[draggable=true] {
    cursor: move
}

.curation__highlight-list .curation__highlight-post[draggable=true].curation__highlight-post--selected .curation__package-control-box {
    display: -ms-flexbox;
    display: flex
}

.curation__highlight-list .curation__highlight-post[draggable=true]:hover .svg-move-vertical {
    display: block
}

.curation__highlight-list .curation__highlight-post[draggable=true]:hover .svg-chevron {
    display: none
}

.curation__inner--has-package .curation__highlight-list {
    padding: 10px 0;
    background-color: rgba(0,0,0,0.6)
}

.curation__highlight-breaking-label {
    display: none;
    background-color: rgba(217,47,47,0.9);
    font-size: 20px;
    color: #fff;
    padding: 2px 10px 0;
    line-height: 32px;
    text-transform: uppercase
}

@media only screen and (max-width: 37.438em) {
    .curation__highlight-breaking-label {
        font-size: 18px;
        line-height: 27px
    }
}

.curation__package-control-box {
    position: absolute;
    z-index: 101;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 3px;
    padding: 0 8px;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    left: 1.125rem;
    top: 10px
}

.curation__package-control {
    padding: 8px;
    cursor: pointer
}

.curation__package-control .svg-icon {
    opacity: 1;
    margin: 0
}

.curation__package-control:hover .svg-icon {
    stroke: #0093ec
}

.curation__image-upload {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,0.8);
    z-index: 102
}

.curation__collapse-icon,.curation__background[src=""] {
    display: none
}

.curation-button {
    background: #0093ec;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    font-size: 6em;
    position: absolute;
    z-index: 1;
    text-align: center;
    cursor: pointer
}

.curation-button__add {
    top: 50%;
    right: -2px;
    margin-top: -20px
}

.curation-button__add-row,.curation-button__remove-row {
    bottom: 1px;
    left: 50%;
    margin-left: -20px
}

.curation-button__highlight {
    top: auto;
    bottom: -20px;
    left: 50%;
    margin-left: -20px;
    border: 1px solid #fff
}

.curation-button .svg-icon {
    fill: none;
    stroke: #fff;
    opacity: 0.7;
    transition: all 200ms ease-in-out;
    vertical-align: top;
    margin-top: 11px
}

.curation-button:hover .svg-icon {
    opacity: 1
}

.featured-items {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 21px 0;
    position: relative
}

.curation-item-placeholder__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, gray 50%, transparent 50%),linear-gradient(to right, gray 50%, transparent 50%),linear-gradient(to bottom, gray 50%, transparent 50%),linear-gradient(to bottom, gray 50%, transparent 50%);
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 20px 1px, 20px 1px, 1px 20px, 1px 20px;
    background-color: #fff;
    padding: 25px;
    cursor: pointer;
    position: absolute
}

.curation-item-placeholder__inner input {
    border-bottom: 1px #ccc solid;
    width: 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -ms-flex-order: 1;
    order: 1
}

.featured-item,.featured-item-placeholder {
    position: relative;
    width: 100%;
    margin-right: 21px
}

@media only screen and (max-width: 37.438em) {
    .featured-item,.featured-item-placeholder {
        margin-bottom: 1.125rem
    }
}

.featured-item-placeholder:last-child,.featured-item:last-child {
    margin-right: 0
}

.dui .featured-item-placeholder .curation-item-placeholder__inner,.dui .featured-item .curation-item-placeholder__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, gray 50%, transparent 50%),linear-gradient(to right, gray 50%, transparent 50%),linear-gradient(to bottom, gray 50%, transparent 50%),linear-gradient(to bottom, gray 50%, transparent 50%);
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 20px 1px, 20px 1px, 1px 20px, 1px 20px;
    background-color: #fff;
    padding: 25px;
    cursor: pointer;
    position: absolute
}

.dui .featured-item-placeholder .curation-item-placeholder__inner input,.dui .featured-item .curation-item-placeholder__inner input {
    border-bottom: 1px #ccc solid;
    width: 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -ms-flex-order: 1;
    order: 1
}

.featured-item-placeholder .featured-link,.featured-item .featured-link {
    display: block;
    background-color: #f5f5f5
}

.featured-item-placeholder .headline--wrapper,.featured-item .headline--wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 20px
}

.featured-item-placeholder .featured-headline,.featured-item .featured-headline {
    background-color: rgba(0,0,0,0.7);
    display: inline;
    padding: 0 10px;
    position: relative;
    transition: all 100ms ease-in-out;
    color: #fff;
    font-weight: normal;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.featured-item-placeholder .featured-image__wrapper,.featured-item .featured-image__wrapper {
    display: block
}

.featured-item-placeholder .featured-image__wrapper:before,.featured-item .featured-image__wrapper:before {
    display: block;
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0;
    transition: opacity 100ms ease-in-out
}

.featured-item-placeholder .featured-image,.featured-item .featured-image {
    position: absolute;
    width: 100%
}

.featured-item-placeholder .author--wrapper,.featured-item .author--wrapper {
    display: none
}

@media only screen and (min-width: 50em) {
    .item--3 .featured-item,.item--3 .featured-item-placeholder {
        width: calc(100% / 3 - 14px)
    }

    .item--3 .featured-item-placeholder:nth-child(3),.item--3 .featured-item:nth-child(3) {
        margin-right: 0
    }

    .item--3 .featured-item-placeholder:nth-child(n+4),.item--3 .featured-item:nth-child(n+4) {
        margin-top: 21px
    }
}

.item--3 .featured-item-placeholder .featured-headline,.item--3 .featured-item .featured-headline {
    font-size: 26px;
    line-height: 31px
}

html.fallback-fonts .item--3 .featured-item-placeholder .featured-headline,html.fallback-fonts .item--3 .featured-item .featured-headline {
    font-family: "Arial Narrow",Arial,sans-serif;
    font-size: 24.57px;
    line-height: 32.178px;
    letter-spacing: 0.5px
}

@media only screen and (max-width: 63.9em) {
    .item--3 .featured-item-placeholder .headline--wrapper,.item--3 .featured-item .headline--wrapper {
        bottom: -2px
    }

    .item--3 .featured-item-placeholder .featured-headline,.item--3 .featured-item .featured-headline {
        font-size: 22px;
        line-height: 22px
    }

    html.fallback-fonts .item--3 .featured-item-placeholder .featured-headline,html.fallback-fonts .item--3 .featured-item .featured-headline {
        font-family: "Arial Narrow",Arial,sans-serif;
        font-size: 20.79px;
        line-height: 22.836px;
        letter-spacing: 0.5px
    }
}

.browser-firefox .item--3 .featured-item-placeholder .featured-headline,.browser-firefox .item--3 .featured-item .featured-headline {
    font-size: 25px;
    line-height: 30px
}

@media only screen and (max-width: 63.9em) {
    .browser-firefox .item--3 .featured-item-placeholder .headline--wrapper,.browser-firefox .item--3 .featured-item .headline--wrapper {
        bottom: -1px
    }

    .browser-firefox .item--3 .featured-item-placeholder .featured-headline,.browser-firefox .item--3 .featured-item .featured-headline {
        font-size: 22px;
        line-height: 24px
    }
}

@media only screen and (min-width: 50em) {
    .item--4 .featured-item,.item--4 .featured-item-placeholder {
        width: calc(100% / 4 - 15.75px)
    }

    .item--4 .featured-item-placeholder:nth-child(4),.item--4 .featured-item:nth-child(4) {
        margin-right: 0
    }

    .item--4 .featured-item-placeholder:nth-child(n+5),.item--4 .featured-item:nth-child(n+5) {
        margin-top: 21px
    }
}

.item--4 .featured-item-placeholder .headline--wrapper,.item--4 .featured-item .headline--wrapper {
    bottom: -2px
}

.item--4 .featured-item-placeholder .featured-headline,.item--4 .featured-item .featured-headline {
    font-size: 22px;
    line-height: 22px
}

@media only screen and (min-width: 50em) and (max-width: 63.9em) {
    .item--4 .featured-item-placeholder .featured-headline,.item--4 .featured-item .featured-headline {
        font-size: 19px;
        line-height: 20px
    }
}

.browser-firefox .item--4 .featured-item-placeholder .headline--wrapper,.browser-firefox .item--4 .featured-item .headline--wrapper {
    bottom: 0
}

.browser-firefox .item--4 .featured-item-placeholder .featured-headline,.browser-firefox .item--4 .featured-item .featured-headline {
    line-height: 27px
}

@media only screen and (min-width: 50em) and (max-width: 63.9em) {
    .browser-firefox .item--4 .featured-item-placeholder .headline--wrapper,.browser-firefox .item--4 .featured-item .headline--wrapper {
        bottom: -1px
    }

    .browser-firefox .item--4 .featured-item-placeholder .featured-headline,.browser-firefox .item--4 .featured-item .featured-headline {
        line-height: 23px
    }
}

.curation-errors {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    padding: 0 25px
}

.curation-error--fetch,.curation-error--invalid {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -ms-flex-order: 2;
    order: 2;
    color: #eeb544;
    transition: opacity 100ms ease-in-out;
    pointer-events: none
}

.curation-error--invalid {
    height: 0;
    opacity: 0
}

.invalid-post-error .curation-error--invalid {
    opacity: 1;
    height: auto
}

.curation-error--fetch {
    height: 0;
    opacity: 0
}

.fetch-error .curation-error--fetch {
    opacity: 1;
    height: auto
}

@media only screen and (max-width: 49.938em) {
    .f_curation_on.pe_newlayout .main__content {
        padding-top: 20px
    }

    .curation-container {
        width: 100%;
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }

    .featured-items {
        padding: 21px 21px 21px 0;
        flex-wrap: nowrap;
        -ms-flex-wrap: none
    }

    .featured-item {
        margin-bottom: 0
    }
}

.appleios .featured-item .headline--wrapper {
    bottom: 0
}

.appleios .featured-item .featured-headline {
    line-height: 27px
}

.appleios .item--3 .featured-item .featured-headline {
    line-height: 32px
}

@media only screen and (max-width: 49.938em) {
    .appleios .item--3 .featured-item .featured-headline {
        line-height: 27px
    }
}

@media only screen and (min-width: 37.5em) and (max-width: 49.938em) {
    .item--3 .featured-items {
        width: 170vw
    }

    .item--3.row--2 .featured-items {
        width: 340vw
    }

    .item--4 .featured-items {
        width: 220vw
    }

    .item--4.row--2 .featured-items {
        width: 440vw
    }
}

@media only screen and (max-width: 37.438em) {
    .item--3 .featured-items {
        width: 230vw
    }

    .item--3.row--2 .featured-items {
        width: 460vw
    }

    .item--4 .featured-items {
        width: 300vw
    }

    .item--4.row--2 .featured-items {
        width: 600vw
    }
}

.curation-item-placeholder,.featured-item .featured-link {
    height: 0;
    padding-bottom: 56.2%
}

.featured-inline-toolbar li {
    display: inline-block;
    padding: 8px;
    cursor: pointer
}

.featured-inline-toolbar li .svg-icon {
    opacity: 1
}

.featured-inline-toolbar li.active .svg-icon,.featured-inline-toolbar li:hover .svg-icon {
    stroke: #0093ec;
    opacity: 1
}

.curation-open .featured-item:hover .curation-item-placeholder,.curation-open .featured-item:hover .featured-link {
    outline: 2px solid #86d1ff;
    transition: outline-color 100ms ease-in-out
}

.curation-open .featured-item:hover .curation-item-placeholder__inner {
    background-image: none
}

.curation-open .featured-item.selected .curation-item-placeholder,.curation-open .featured-item.selected .featured-link {
    outline: 2px solid #0093ec
}

.curation-open .featured-item.selected .curation-item-placeholder__inner {
    background-image: none
}

.curation-open .featured-item:active .curation-item-placeholder__inner {
    border: 1px solid #86d1ff;
    padding: 24px;
    background-image: none
}

.curation-open .featured-item.dragover .curation-item-placeholder,.curation-open .featured-item.dragover .featured-link {
    outline: 2px solid #0093ec;
    opacity: 0.3
}

.curation-open .featured-item.dragover .curation-item-placeholder__inner {
    background-image: none
}

.curation-open .featured-item.loading .curation-item-placeholder__inner input,.curation-open .featured-item.selected.loading .curation-item-placeholder__inner input,.curation-open .featured-item.loading .curation-item-placeholder__inner .curation-error--invalid,.curation-open .featured-item.loading .curation-item-placeholder__inner .curation-error-fetch,.curation-open .featured-item.selected.loading .curation-item-placeholder__inner .curation-error--invalid,.curation-open .featured-item.selected.loading .curation-item-placeholder__inner .curation-error-fetch,.curation-open .featured-item.loading .featured-inline-toolbar,.curation-open .featured-item.selected.loading .featured-inline-toolbar {
    display: none
}

.curation-open .featured-item.fetch-error .curation-item-placeholder,.curation-open .featured-item.fetch-error .featured-link,.curation-open .featured-item.invalid-post-error .curation-item-placeholder,.curation-open .featured-item.invalid-post-error .featured-link {
    outline: 2px solid #eeb544
}

.curation-open .featured-item.fetch-error .curation-item-placeholder__inner input[type=text],.curation-open .featured-item.invalid-post-error .curation-item-placeholder__inner input[type=text] {
    margin-top: 24px;
    border-color: #eeb544;
    color: #eeb544
}

.curation-container .featured-item:hover .featured-image__wrapper:before {
    opacity: 0.1
}

.curation-container .featured-item:hover .discussion-status-badge,.curation-container .featured-item:hover .featured-headline {
    background-color: #000
}

.f_curation_permalink_on.permalink .global-nav__triggers .curation-tool-trigger {
    display: none
}

.f_curation_permalink_on.permalink .featured-item-placeholder .featured-link,.f_curation_permalink_on.permalink .featured-item-placeholder .placeholder__wrap,.f_curation_permalink_on.permalink .featured-item .featured-link,.f_curation_permalink_on.permalink .featured-item .placeholder__wrap {
    margin: 0 -1.125rem;
    max-width: none;
    width: auto
}

.f_curation_permalink_on.permalink .featured-item-placeholder .featured-link:after,.f_curation_permalink_on.permalink .featured-item-placeholder .featured-link:before,.f_curation_permalink_on.permalink .featured-item-placeholder .placeholder__wrap:after,.f_curation_permalink_on.permalink .featured-item-placeholder .placeholder__wrap:before,.f_curation_permalink_on.permalink .featured-item .featured-link:after,.f_curation_permalink_on.permalink .featured-item .featured-link:before,.f_curation_permalink_on.permalink .featured-item .placeholder__wrap:after,.f_curation_permalink_on.permalink .featured-item .placeholder__wrap:before {
    content: " ";
    display: table
}

.f_curation_permalink_on.permalink .featured-item-placeholder .featured-link:after,.f_curation_permalink_on.permalink .featured-item-placeholder .placeholder__wrap:after,.f_curation_permalink_on.permalink .featured-item .featured-link:after,.f_curation_permalink_on.permalink .featured-item .placeholder__wrap:after {
    clear: both
}

.f_curation_permalink_on.permalink .featured-item-placeholder .featured-image__wrapper,.f_curation_permalink_on.permalink .featured-item-placeholder .placeholder__thumb,.f_curation_permalink_on.permalink .featured-item .featured-image__wrapper,.f_curation_permalink_on.permalink .featured-item .placeholder__thumb {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    width: 41.667%;
    float: left;
    padding-right: 0
}

.f_curation_permalink_on.permalink .featured-item-placeholder .headline--wrapper,.f_curation_permalink_on.permalink .featured-item-placeholder .placeholder__text,.f_curation_permalink_on.permalink .featured-item .headline--wrapper,.f_curation_permalink_on.permalink .featured-item .placeholder__text {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    width: 58.333%;
    float: left;
    padding: 0 10px
}

.f_curation_permalink_on.permalink .featured-item .featured-link {
    height: auto;
    padding-bottom: 0;
    background-color: transparent;
    opacity: 1
}

.f_curation_permalink_on.permalink .featured-item .featured-image__wrapper {
    position: relative
}

.f_curation_permalink_on.permalink .featured-item .featured-image__wrapper .animationContainer {
    left: 28px;
    opacity: 1
}

.f_curation_permalink_on.permalink .featured-item .featured-image__wrapper:before {
    display: none
}

.f_curation_permalink_on.permalink .featured-item .headline--wrapper {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: -1px
}

.f_curation_permalink_on.permalink .featured-item .featured-headline {
    display: block;
    background-color: transparent;
    padding: 0;
    color: #000;
    transition: none;
    font-weight: bold;
    margin: 0
}

.f_curation_permalink_on.permalink .featured-item .author--wrapper {
    display: block;
    color: #333;
    font-size: 14px;
    line-height: 14px;
    margin-top: 2px
}

.f_curation_permalink_on.permalink .featured-item--transparent .featured-link,.f_curation_permalink_on.permalink .featured-item--transparent .featured-image__wrapper .animationContainer {
    opacity: 0
}

.f_curation_permalink_on.permalink .featured-item:hover .featured-headline {
    background-color: transparent;
    text-decoration: underline
}

.f_curation_permalink_on.permalink .featured-item .sponsored-overlay {
    position: absolute;
    top: 0;
    left: 1.125rem;
    padding: 0 10px;
    font-size: 13px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    z-index: 1
}

.f_curation_permalink_on.permalink .item--3 .featured-item .featured-headline,.f_curation_permalink_on.permalink .item--4 .featured-item .featured-headline {
    font-size: 16px;
    line-height: 19px
}

.f_curation_permalink_on.permalink .featured-item-placeholder {
    position: absolute;
    left: 0;
    z-index: 100;
    opacity: 1
}

.f_curation_permalink_on.permalink .featured-item-placeholder--transparent {
    opacity: 0;
    pointer-events: none
}

.f_curation_permalink_on.permalink .featured-item-placeholder .placeholder__thumb:before {
    display: block;
    content: '';
    height: 0;
    width: 100%;
    padding-bottom: 56.3%;
    background-color: #f5f5f5
}

.f_curation_permalink_on.permalink .featured-item-placeholder .placeholder__text span {
    display: block;
    height: 14px;
    margin-bottom: 6px;
    background-color: #f5f5f5
}

.f_curation_permalink_on.permalink .featured-item-placeholder .placeholder__text span:nth-child(2) {
    width: 90%
}

.f_curation_permalink_on.permalink .featured-item-placeholder .placeholder__text span:nth-child(3) {
    width: 80%
}

.f_curation_permalink_on.permalink .featured-item-placeholder .placeholder__text span:nth-child(4) {
    height: 10px;
    margin-bottom: 0;
    width: 50%
}

@media only screen and (min-width: 64em) {
    .f_curation_permalink_on.permalink .featured-item.post-wrapper,.f_curation_permalink_on.permalink .featured-items .featured-item:last-of-type {
        margin-right: 0
    }
}

@media only screen and (max-width: 63.9em) {
    .f_curation_permalink_on.permalink .curation-container {
        width: 100%;
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }

    .f_curation_permalink_on.permalink .featured-items {
        padding: 21px 0;
        width: 1336px
    }
}

.f_curation_permalink_on.permalink .ad-promotions-container {
    position: relative;
    width: 0
}

.f_curation_permalink_on.permalink .featured-item--dummy .featured-item-placeholder:only-child {
    width: 100%
}

.f_curation_permalink_fade_on .featured-item-placeholder,.f_curation_permalink_fade_on .featured-item .featured-link,.f_curation_permalink_fade_on .featured-item-placeholder .featured-image__wrapper .animationContainer,.f_curation_permalink_fade_on .featured-item .featured-link .featured-image__wrapper .animationContainer {
    transition: opacity 200ms ease-in-out
}

.featured-item--branded {
    border-top: 5px solid transparent
}

.featured-item--branded .gmg-avatar {
    width: 20px;
    position: absolute;
    z-index: 2;
    right: 0
}

.featured-item--deadspin {
    border-top-color: #1C3A4D
}

.featured-item--gizmodo {
    border-top-color: #9C9C9C
}

.f_branding_gizmodo_on .featured-item--gizmodo {
    border-top-color: #19ACE9
}

.featured-item--jalopnik {
    border-top-color: #FF4D00
}

.featured-item--jezebel {
    border-top-color: #E21638
}

.featured-item--kotaku {
    border-top-color: #FBC000
}

.featured-item--lifehacker {
    border-top-color: #94B330
}

.featured-item--theroot {
    border-top-color: #509b22
}

.ad-container {
    background-color: #fff;
    text-align: center
}

.ad-top {
    position: relative;
    z-index: 97;
    line-height: 0
}

.pe_newlayout .mezzanine .ad-top-banner {
    display: none
}

@media only screen and (min-width: 50em) {
    .pe_newlayout .mezzanine .ad-top-banner {
        display: block;
        text-align: center
    }

    .pe_newlayout .mezzanine .ad-top-banner .ad-container {
        height: 250px;
        max-width: 970px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 20px;
        background-color: #fff
    }
}

.ad-unit.hide-contents {
    display: none
}

.newsletter-subscribe-wrapper {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s
}

.newsletter-subscribe-wrapper.open {
    max-height: 600px
}

.newsletter-subscribe {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 540px;
    padding: 14px 24px;
    background: #f5f5f5;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 49.938em) {
    .newsletter-subscribe {
        padding: 14px
    }
}

.newsletter-subscribe--email {
    display: block;
    padding-bottom: 0
}

.newsletter-subscribe--email .newsletter-subscribe__copy {
    text-align: left
}

@media only screen and (max-width: 49.938em) {
    .newsletter-subscribe--email .newsletter-subscribe__copy {
        margin-bottom: 30px
    }
}

.newsletter-subscribe--email .newsletter-subscribe__cta {
    margin-top: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.newsletter-subscribe--email .newsletter-subscribe__cta .fielddescription {
    visibility: hidden
}

.newsletter-subscribe--email .newsletter-subscribe__cta .email__input {
    font-size: 1rem;
    line-height: 2rem;
    height: 30px;
    padding-right: 0
}

@media only screen and (max-width: 63.9em) {
    .newsletter-subscribe--email .newsletter-subscribe__cta .email__input {
        font-size: .95rem
    }
}

.newsletter-subscribe--email .newsletter-subscribe__cta .button {
    padding-left: 1rem;
    padding-right: 1rem;
    margin: 0;
    min-width: 90px;
    word-wrap: normal
}

.newsletter-subscribe--email .field {
    padding: 0 1rem 0 0;
    margin-bottom: 0;
    width: 100%
}

@media only screen and (max-width: 49.938em) {
    .newsletter-subscribe--email .field {
        margin-bottom: 0
    }
}

.inline .newsletter-subscribe {
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 64em) {
    .newsletter-subscribe {
        max-width: 362px
    }
}

.newsletter-subscribe__copy {
    font-family: "ProximaNovaCond",sans-serif;
    text-align: left;
    margin-right: 8px;
    font-size: 16px;
    text-align: center
}

@media only screen and (max-width: 49.938em) {
    .newsletter-subscribe__copy {
        font-size: 20px
    }
}

.newsletter-subscribe__cta {
    display: block
}

@media only screen and (max-width: 66.25em) {
    .newsletter-subscribe__cta {
        min-width: 80px
    }
}

@media only screen and (max-width: 63.9em) {
    .newsletter-subscribe__cta {
        min-width: 127px
    }
}

.newsletter-subscribe__close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 6px 8px 8px;
    cursor: pointer;
    display: block
}

.newsletter-subscribe__close svg {
    fill: #333;
    transition: opacity 0.6
}

.dui .newsletter-subscribe__close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 6px 8px 8px;
    cursor: pointer;
    display: block
}

.dui .newsletter-subscribe__close svg {
    fill: #333;
    transition: opacity 0.6
}

.newsletter-btn--subscribe__nodismiss .newsletter-subscribe__close {
    display: none
}

footer .newsletter-btn {
    margin: 0 auto 30px
}

@media only screen and (min-width: 50em) {
    .permalink footer .newsletter-btn {
        margin: 0 0 30px 15px;
        text-align: left
    }
}

.newsletter-btn--mid-articles .newsletter-subscribe {
    margin-bottom: 0
}

.newsletter-btn--mid-articles:after {
    content: '';
    display: block;
    height: 1px;
    background-color: #e5e5e5;
    margin-top: 30px;
    margin-right: 0
}

@media only screen and (min-width: 50em) {
    .newsletter-btn--mid-articles:after {
        margin-right: 60px
    }
}

.newsletter-extra__subscription {
    display: inline-block;
    width: 33.333%;
    padding: 20px;
    position: relative
}

@media only screen and (max-width: 37.438em) {
    .newsletter-extra__subscription {
        width: 50%
    }
}

.newsletter-extra__subscription svg.gmg-logo {
    width: 100%
}

.newsletter-extra__subscription button.secondary {
    display: block;
    margin: 0 auto
}

@media only screen and (max-width: 37.438em) {
    .newsletter-extra__subscription button.secondary {
        padding: 0 1.5rem;
        height: 34px;
        border-radius: 34px;
        line-height: 34px;
        font-size: 14px
    }
}

.newsletter-extra__content,.newsletter-extra__logo {
    position: relative;
    line-height: 100%
}

.newsletter-extra__message {
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

em,h1,h2,h3,h4,h5,p,span {
    text-rendering: optimizeLegibility
}

p {
    margin-bottom: 1.25rem
}

h1,h2,h3,h4,h5,h6 {
    line-height: 1.3
}

@media only screen and (min-width: 37.5em) {
    h1 {
        font-size: 2.38rem
    }

    h2 {
        font-size: 1.75rem
    }

    h3 {
        font-size: 1.56rem
    }

    h4 {
        font-size: 1.31rem
    }

    h5 {
        font-size: 1.19rem
    }

    h6 {
        font-size: 1rem
    }
}

.global-nav__left .f-dropdown-ct {
    min-width: 300px
}

.windows .post p {
    font-weight: 500
}

ol,ul {
    padding-left: 0
}

.post-list--pe>.post-wrapper:last-child .postlist__item {
    border-bottom: 0
}

.main__content .load-more {
    margin-bottom: 40px
}

.main__content .load-more .load-more__button {
    margin-top: 20px;
    text-align: center
}

.thumb-inset,.thumb-inset a {
    margin-bottom: 20px
}

.thumb-inset a {
    display: block
}

.thumb-inset a,.thumb-inset a:focus,.thumb-inset a:hover {
    color: #000
}

.thumb-inset .img-border {
    height: 0;
    padding-bottom: 57%;
    margin-bottom: 7px;
    overflow: hidden
}

.thumb-inset .thumb {
    display: block;
    width: 100%
}

.thumb-inset .inset-headline {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    color: #333;
    display: block
}

.video-thumb-play {
    position: relative;
    display: block
}

.video-thumb-play .play-icon {
    display: block;
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 28px;
    height: 30px;
    border-radius: 5px;
    background: rgba(0,0,0,0.6)
}

.video-thumb-play .svg-icon {
    opacity: 0.8;
    width: 28px;
    height: 30px;
    margin-top: 0
}

.video-thumb-play:hover .svg-icon {
    opacity: 1
}

.marquee-asset .play-icon {
    width: 38px;
    height: 40px;
    border-radius: 5px;
    background: rgba(0,0,0,0.6)
}

.marquee-asset .play-icon .svg-icon {
    opacity: 0.8;
    width: 38px;
    height: 40px;
    stroke: #e5e5e5
}

.marquee-asset:hover .svg-icon {
    opacity: 1
}

.lazy-image img {
    background: #f5f5f5;
    overflow: hidden
}

.lazy-image img.lazyloaded {
    background: none
}

.lazy-image img.ls-pre-lazy-img {
    height: 100%;
    background: none
}

.lazy-image video {
    max-width: 100%;
    height: auto
}

.lazy-image video::-webkit-media-controls-start-playback-button {
    display: none;
    -webkit-appearance: none
}

.lazy-image .lazy-image--blur {
    -moz-filter: blur(4px);
    filter: blur(4px)
}

.lazy-image .lazy-image--blur.lazyloaded {
    -moz-filter: blur(0);
    filter: blur(0)
}

iframe.lazyload {
    background: #f5f5f5
}

.img-wrapper {
    overflow: hidden;
    position: relative
}

.img-wrapper img,.img-wrapper video {
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%
}

.lazy-gif {
    cursor: pointer;
    position: relative;
    display: block
}

@media only screen and (max-width: 37.438em) {
    .lazy-gif .animationContainer {
        display: none
    }
}

.gif-play {
    transition-property: opacity;
    transition-duration: .5s;
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 12px;
    font-family: "ProximaNovaCond",sans-serif;
    padding: 0 6px;
    border-radius: 6px;
    color: rgba(255,255,255,0.8);
    background-color: rgba(0,0,0,0.79);
    cursor: pointer;
    opacity: 1
}

.gif-play.gif-play--hidden {
    opacity: 0
}

.gif-play .svg-icon {
    width: 12px;
    height: 12px;
    fill: #fff;
    opacity: 0.8
}

.ls-pre-lazy-img {
    position: absolute;
    background-size: contain;
    z-index: 10
}

.animationContainer {
    contain: strict;
    height: 26px;
    width: 40px;
    text-align: initial;
    padding: 2px 0 0 7px;
    background: #000;
    position: absolute;
    z-index: 11;
    bottom: 10px;
    left: 10px;
    border-radius: 3px
}

.loading-animation__circle {
    border-radius: 6px;
    position: absolute;
    top: 10px;
    width: 6px;
    height: 6px;
    border: 1px solid #aaa
}

.loading-animation__circle-1,.loading-animation__circle-4 {
    transform-origin: 6px 6px
}

.loading-animation__circle-1 {
    animation: circle-1 0.65s cubic-bezier(0.51, 0, 0.21, 0.9) infinite
}

.loading-animation__circle-2 {
    animation: circle-2 0.65s cubic-bezier(0.51, 0, 0.21, 0.9) infinite
}

.loading-animation__circle-3 {
    left: 16px;
    animation: circle-3 0.65s cubic-bezier(0.51, 0, 0.21, 0.9) infinite
}

.loading-animation__circle-4 {
    left: 25px;
    animation: circle-4 0.65s cubic-bezier(0.51, 0, 0.21, 0.9) infinite
}

@keyframes circle-1 {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes circle-2 {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(9px)
    }
}

@keyframes circle-3 {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(9px)
    }
}

@keyframes circle-4 {
    0% {
        opacity: 1;
        transform: scale(1) translateX(0)
    }

    to {
        opacity: 0;
        transform: scale(0) translateX(8px)
    }
}

h2.first-text,h3.first-text,h4.first-text,h5.first-text,h6.first-text {
    white-space: pre-wrap
}

.hover-highlight:hover .timestamp a {
    text-decoration: underline
}

.post-item-dashboard .first-text:hover,.post-item-frontpage .first-text:hover,.post-item-profilepage .first-text:hover,.post-item-search .first-text:hover,.post-item-tag .first-text:hover {
    cursor: pointer
}

.recommended-package h5 {
    margin: 0
}

.recommended-package .icon {
    opacity: 0.3
}

.reply-excerpt p {
    font-style: italic
}

.reply-excerpt p .read-more {
    font-style: normal
}

.postlist__item {
    box-sizing: border-box;
    margin-bottom: 30px
}

.postlist__item:after {
    content: '';
    display: block;
    height: 1px;
    background-color: #e5e5e5;
    margin-top: 30px;
    margin-right: 0
}

@media only screen and (min-width: 50em) {
    .postlist__item:after {
        margin-right: 60px
    }
}

.postlist__item:hover .meta--pe .post-dropdown-trigger {
    visibility: visible;
    transition: all 200ms ease-in-out
}

.postlist__item:hover .meta--pe .post-dropdown-trigger:hover {
    opacity: 1
}

.postlist__item .meta--pe {
    margin-bottom: 15px
}

@media screen and (min-width: 50rem) and (max-width: 87.5rem) {
    .postlist__item .meta--pe .meta__data--comment {
        -ms-flex-order: 1;
        order: 1
    }

    .postlist__item .meta--pe .meta__data--recommend {
        -ms-flex-order: 2;
        order: 2
    }

    .postlist__item .meta--pe .meta__tools {
        -ms-flex-order: 0;
        order: 0;
        position: relative
    }
}

@media screen and (min-width: 87.562rem) {
    .postlist__item .meta--pe .meta__tools {
        position: absolute;
        display: -ms-flexbox;
        display: flex;
        width: 24px;
        height: 180px;
        top: 0;
        right: -30px
    }
}

@media only screen and (min-width: 50em) {
    .postlist__item .item__content,.postlist__item header {
        padding-right: 60px
    }
}

.postlist__item .headline {
    font-size: 24px;
    margin: 10px 0
}

html.fallback-fonts .postlist__item .headline {
    font-family: "Arial Narrow",Arial,sans-serif;
    font-size: 22.68px;
    line-height: 1.349;
    letter-spacing: 0.5px
}

.postlist__item .headline.featured {
    font-size: 38px
}

html.fallback-fonts .postlist__item .headline.featured {
    font-family: "Arial Narrow",Arial,sans-serif;
    font-size: 35.91px;
    line-height: 1.349;
    letter-spacing: 0.5px
}

@media only screen and (max-width: 37.438em) {
    .postlist__item .headline.featured {
        font-size: 32px
    }

    html.fallback-fonts .postlist__item .headline.featured {
        font-family: "Arial Narrow",Arial,sans-serif;
        font-size: 30.24px;
        line-height: 1.349;
        letter-spacing: 0.5px
    }
}

.postlist__item .item__content {
    margin: 0 -1.125rem;
    max-width: none;
    width: auto
}

.postlist__item .item__content:after,.postlist__item .item__content:before {
    content: " ";
    display: table
}

.postlist__item .item__content:after {
    clear: both
}

.postlist__item .asset {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    float: left;
    width: 100%;
    margin: 3px 0 20px
}

@media only screen and (max-width: 37.438em) {
    .postlist__item .asset {
        padding: 0
    }
}

.postlist__item .asset img {
    width: 100%
}

.postlist__item .asset img[data-sizes=auto],.postlist__item .asset video[data-sizes=auto] {
    display: block;
    width: 100%
}

@media only screen and (max-width: 37.438em) {
    .postlist__item .asset {
        float: none
    }
}

.postlist__item .excerpt {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    width: 100%;
    float: left
}

@media only screen and (min-width: 37.5em) {
    .postlist__item .excerpt {
        padding-left: 1.125rem;
        padding-right: 1.125rem;
        width: 83.333%;
        float: left
    }

    .postlist__item .excerpt iframe {
        width: 121.2%;
        max-width: 121.2%
    }
}

.postlist__item .excerpt,.postlist__item .excerpt p {
    font-family: "ElizabethSerif",Georgia,serif;
    font-size: 16px;
    line-height: 1.7
}

html.fallback-fonts .postlist__item .excerpt,html.fallback-fonts .postlist__item .excerpt p {
    font-family: Georgia,serif;
    font-size: 16.8px;
    line-height: 1.649;
    letter-spacing: 0.5px
}

.postlist__item .excerpt p {
    margin-bottom: 0
}

@media only screen and (min-width: 37.5em) {
    .postlist__item .item__content--thumb .asset {
        padding-left: 1.125rem;
        padding-right: 1.125rem;
        width: 33.333%;
        float: left;
        margin-bottom: 0
    }

    .postlist__item .item__content--thumb .excerpt {
        padding-left: 1.125rem;
        padding-right: 1.125rem;
        width: 66.667%;
        float: left;
        padding-left: 0
    }
}

.postlist__item iframe {
    max-width: 100%
}

@media only screen and (min-width: 50em) {
    .postlist__item header {
        position: relative
    }

    .postlist__item .meta--pe .meta__byline {
        display: inline-block
    }

    .postlist__item .meta--pe .meta__byline:after {
        display: inline-block;
        content: '\00B7';
        color: #aaa;
        margin: 0 4px
    }

    .postlist__item .meta--pe .meta__right {
        position: absolute;
        right: 0;
        top: 0;
        width: 24px;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .postlist__item .meta--pe .meta__data {
        margin: 0 0 15px
    }
}

.f_ima_raw_video_on #ima-placeholder {
    position: relative;
    width: 640px;
    height: 360px
}

.f_ima_raw_video_on #ima-placeholder #imaAdContainer,.f_ima_raw_video_on #ima-placeholder .videoWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 640px;
    height: 360px
}

.f_ima_raw_video_on #ima-placeholder #imaVideoElement {
    width: 640px;
    height: 360px;
    overflow: hidden
}

.f_ssl_on iframe[data-src^="http:"],.f_ssl_on iframe[src^="http:"] {
    border: 10px dashed #000
}

.ad-promotions-container .meta--pe {
    position: absolute;
    top: -10px;
    right: 0
}

@media only screen and (min-width: 50em) {
    .ad-promotions-container .meta--pe {
        top: 0
    }
}

.ad-promotions-container.postlist__item:after {
    margin: 0
}

body>img {
    display: none
}

.inner-wrap {
    padding-top: 0;
    padding-bottom: 1rem
}

@media only screen and (max-width: 49.938em) {
    .inner-wrap {
        padding-top: 0
    }
}

.page.row {
    margin-top: 10px
}

.main-column {
    float: right
}

@media only screen and (width: 1024px) {
    .main-column {
        margin-right: -1px
    }
}

@media only screen and (min-width: 37.5em) and (max-width: 49.938em) {
    .main-column {
        max-width: 39.75rem;
        margin: 0 auto;
        float: none
    }
}

body:not(.permalink) .main-column {
    padding-top: 5px
}

.f_splashy_ad_on #splashy-ad-container-top.no-overflow {
    overflow: hidden
}

.f_splashy_ad_on #splashy-ad-container-top .static-fallback {
    padding: 20px 0
}

.f_splashy_ad_on #splashy-ad-container-top .static-fallback .centered {
    margin: 0 auto
}

.f_splashy_ad_on #splashy-ad-container-top.bottom-border {
    border-bottom: 1px solid #e5e5e5
}

.pe_newlayout .mezzanine {
    width: 100%;
    text-align: center
}

.pe_newlayout .mezzanine .ad-top-banner {
    border-bottom: 1px solid #e5e5e5;
    margin-top: 20px
}

@media only screen and (max-width: 969px) {
    .pe_newlayout .mezzanine .ad-container {
        display: none
    }
}

@media only screen and (max-width: 63.9em) {
    .pe_newlayout.editor-open .page {
        overflow: visible
    }
}

.pe_newlayout .page {
    margin: 0 auto;
    max-width: 63rem;
    width: 100%;
    max-width: 1336px
}

.pe_newlayout .page:after,.pe_newlayout .page:before {
    content: " ";
    display: table
}

.pe_newlayout .page:after {
    clear: both
}

@media only screen and (min-width: 50em) {
    .pe_newlayout .page {
        overflow: visible
    }
}

.pe_newlayout .sidebar {
    display: none
}

.pe_newlayout .main,.pe_newlayout .sidebar {
    padding: 0 1.125rem;
    position: relative
}

.pe_newlayout .sidebar__content {
    min-width: 300px;
    max-width: 360px;
    float: left
}

.pe_newlayout .reading-list .sidebar__content .ad-container {
    margin: 0 auto 31px
}

.pe_newlayout .reading-list .sidebar__content .ad-promotion-sidebar {
    width: 360px
}

.pe_newlayout .reading-list .sidebar__content .ad-promotion-sidebar .ad-container {
    height: 310px
}

.pe_newlayout .reading-list .sidebar__content .ad-promotion-sidebar .ad-container.js_slot-hidden {
    display: none
}

.pe_newlayout .main__content {
    width: 100%;
    max-width: 800px;
    padding-top: 35px;
    margin: 0 auto
}

@media only screen and (min-width: 64em) {
    .pe_newlayout .page {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .pe_newlayout .single-column {
        margin: 2rem auto
    }

    .pe_newlayout .sidebar {
        display: block;
        width: 33.5%;
        float: left;
        -ms-flex-order: 0;
        order: 0;
        border-right: 1px solid #e5e5e5
    }

    .pe_newlayout .main {
        width: 66.5%;
        float: right;
        -ms-flex-order: 1;
        order: 1;
        border-left: 1px solid #e5e5e5;
        left: -1px
    }

    .pe_newlayout .main__content {
        float: right
    }

    .pe_newlayout .footer__items {
        width: 66.5%;
        float: right;
        padding: 0 2%;
        left: auto
    }

    .pe_newlayout .footer__inner {
        max-width: 800px;
        margin-left: auto;
        margin-right: auto
    }

    .pe_newlayout .footer__nav {
        right: auto
    }
}

.pe_newlayout .basement {
    width: 100%;
    text-align: center
}

.pe_newlayout .basement .ad-unit {
    border-top: 1px solid #e5e5e5
}

.pe_newlayout .basement .ad-unit .ad-container {
    margin: 20px auto 13px
}

@media only screen and (max-width: 969px) {
    .pe_newlayout .basement .ad-unit {
        display: none
    }
}

.pe_newlayout .scroll-list-break {
    width: 100%;
    text-align: center
}

.pe_newlayout .scroll-list-break .ad-unit {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.pe_newlayout .scroll-list-break .ad-unit .ad-container {
    margin: 20px auto
}

@media only screen and (min-width: 50em) {
    .pe_newlayout .scroll-list-break .ad-unit.ad-infinite-scroll-ad-mobile {
        display: none
    }
}

@media only screen and (max-width: 49.938em) {
    .pe_newlayout .scroll-list-break .ad-unit.ad-infinite-scroll-ad {
        display: none
    }
}

.pe_newlayout .site-footer {
    max-width: 1336px
}

.pe_newlayout .kinja-logo-divider,.pe_newlayout .kinja-logo-divider hr {
    margin-top: 0
}

.pe_newlayout .kinja-logo-divider hr {
    border-color: #e5e5e5
}

.pe_newlayout .post .marquee-asset img {
    width: 100%
}

.pe_newlayout .google-adx {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 37.438em) {
    .pe_newlayout.permalink .main {
        padding: 0
    }
}

.pe_newlayout.featured-post .page {
    max-width: none
}

.pe_newlayout.featured-post .main {
    float: none;
    border: 0;
    width: 100%;
    margin: 0 auto
}

.pe_newlayout.featured-post .main__content {
    float: none;
    max-width: none;
    padding-top: 0
}

.permalink .post-wrapper {
    margin: 0 -1.125rem;
    max-width: none;
    width: auto
}

.permalink .post-wrapper:after,.permalink .post-wrapper:before {
    content: " ";
    display: table
}

.permalink .post-wrapper:after {
    clear: both
}

@media only screen and (max-width: 37.438em) {
    .permalink .post-wrapper {
        margin: 0
    }
}

.permalink .post {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    width: 100%;
    float: left;
    box-sizing: border-box
}

@media only screen and (min-width: 64em) {
    .permalink .post .meta--pe .post-dropdown-trigger {
        visibility: visible
    }
}

@media only screen and (min-width: 88em) {
    .permalink .post .meta--pe .post-dropdown-trigger {
        visibility: hidden
    }
}

.permalink .post:hover .meta--pe .post-dropdown-trigger {
    visibility: visible;
    transition: all 200ms ease-in-out
}

.permalink .post:hover .meta--pe .post-dropdown-trigger:hover {
    opacity: 1
}

.permalink .post .headline {
    font-size: 40px;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 1rem
}

@media only screen and (max-width: 37.438em) {
    .permalink .post .headline {
        font-size: 32px
    }
}

.permalink .post .meta--pe {
    margin-bottom: 30px
}

.permalink .post .meta--pe:first-child {
    margin-bottom: 16px
}

.permalink .post .meta--pe .meta__tools {
    position: relative;
    left: 10px
}

@media only screen and (max-width: 49.938em) {
    .permalink .post .meta--pe .meta__time {
        display: inline-block;
        margin: 2px 0
    }
}

.permalink .post .meta--pe .meta__label:after {
    content: ''
}

@media only screen and (max-width: 37.438em) {
    .permalink .post .meta--pe .meta__data--comment {
        display: none
    }
}

@media only screen and (max-width: 37.438em) {
    .permalink .post .meta--pe .meta__data.view-count-container {
        display: inline
    }
}

.permalink .post .permalink--promoted {
    text-align: left
}

.permalink .post .permalink--promoted .img--16x9 {
    height: auto;
    padding-bottom: 0
}

.permalink .post .permalink--promoted .img--16x9.partial-width {
    padding-left: 1.12rem;
    padding-right: 1.12rem;
    background-color: #fff
}

.permalink .post .permalink--promoted .headline {
    font-size: 20px;
    padding-left: 1.12rem;
    padding-right: 1.12rem
}

.permalink .post .permalink--promoted .meta--source {
    font-size: 14px;
    font-weight: normal;
    color: #aaa;
    padding: 0.4rem 1.12rem 0
}

.permalink .post .permalink--promoted .meta--source strong {
    font-weight: normal
}

.permalink .post .permalink--promoted .excerpt.entry-summary {
    padding-left: 1.12rem;
    padding-right: 1.12rem
}

.f_branding_on.permalink .post-content>p:first-of-type:first-letter {
    font-family: "ProximaNovaCond",sans-serif;
    font-weight: bold;
    font-size: 100px;
    line-height: 70px;
    float: left;
    margin: 13px 10px 0 -5px;
    color: #0093ec
}

.windows .post-content dl,.windows .post-content ol,.windows .post-content p,.windows .post-content ul {
    font-weight: 500
}

.editor .editor-inner blockquote,.editor .editor-inner dl,.editor .editor-inner ol,.editor .editor-inner p,.editor .editor-inner ul,.post-content blockquote,.post-content dl,.post-content ol,.post-content p,.post-content ul {
    font-family: "ElizabethSerif",Georgia,serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px
}

html.fallback-fonts .editor .editor-inner blockquote,html.fallback-fonts .editor .editor-inner dl,html.fallback-fonts .editor .editor-inner ol,html.fallback-fonts .editor .editor-inner p,html.fallback-fonts .editor .editor-inner ul,html.fallback-fonts .post-content blockquote,html.fallback-fonts .post-content dl,html.fallback-fonts .post-content ol,html.fallback-fonts .post-content p,html.fallback-fonts .post-content ul {
    font-family: Georgia,serif;
    font-size: 16.8px;
    line-height: 28.13px;
    letter-spacing: 0.5px
}

@media only screen and (max-width: 37.438em) {
    .editor .editor-inner blockquote,.editor .editor-inner dl,.editor .editor-inner ol,.editor .editor-inner p,.editor .editor-inner ul,.post-content blockquote,.post-content dl,.post-content ol,.post-content p,.post-content ul {
        font-size: 15px;
        line-height: 28px
    }

    html.fallback-fonts .editor .editor-inner blockquote,html.fallback-fonts .editor .editor-inner dl,html.fallback-fonts .editor .editor-inner ol,html.fallback-fonts .editor .editor-inner p,html.fallback-fonts .editor .editor-inner ul,html.fallback-fonts .post-content blockquote,html.fallback-fonts .post-content dl,html.fallback-fonts .post-content ol,html.fallback-fonts .post-content p,html.fallback-fonts .post-content ul {
        font-family: Georgia,serif;
        font-size: 15.75px;
        line-height: 27.16px;
        letter-spacing: 0.5px
    }
}

@media only screen and (min-width: 90.062em) {
    .editor .editor-inner blockquote,.editor .editor-inner dl,.editor .editor-inner ol,.editor .editor-inner p,.editor .editor-inner ul,.post-content blockquote,.post-content dl,.post-content ol,.post-content p,.post-content ul {
        font-size: 17px;
        line-height: 32px
    }

    html.fallback-fonts .editor .editor-inner blockquote,html.fallback-fonts .editor .editor-inner dl,html.fallback-fonts .editor .editor-inner ol,html.fallback-fonts .editor .editor-inner p,html.fallback-fonts .editor .editor-inner ul,html.fallback-fonts .post-content blockquote,html.fallback-fonts .post-content dl,html.fallback-fonts .post-content ol,html.fallback-fonts .post-content p,html.fallback-fonts .post-content ul {
        font-family: Georgia,serif;
        font-size: 17.85px;
        line-height: 31.04px;
        letter-spacing: 0.5px
    }
}

.editor .editor-inner .google-adx,.editor .editor-inner .inset--story,.editor .editor-inner .instream-permalink,.editor .editor-inner .referenced-fullwidth,.editor .editor-inner>span,.editor .editor-inner blockquote,.editor .editor-inner figure,.editor .editor-inner h1,.editor .editor-inner h2,.editor .editor-inner h3,.editor .editor-inner h4,.editor .editor-inner h5,.editor .editor-inner h6,.editor .editor-inner hr,.editor .editor-inner ol,.editor .editor-inner p,.editor .editor-inner pre,.editor .editor-inner ul,.post-content .google-adx,.post-content .inset--story,.post-content .instream-permalink,.post-content .referenced-fullwidth,.post-content>span,.post-content blockquote,.post-content figure,.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6,.post-content hr,.post-content ol,.post-content p,.post-content pre,.post-content ul {
    max-width: 636px;
    margin-left: auto;
    margin-right: auto
}

.editor .editor-inner .ad-container,.post-content .ad-container {
    margin: 0;
    width: auto
}

.editor .editor-inner .ad-container:after,.editor .editor-inner .ad-container:before,.post-content .ad-container:after,.post-content .ad-container:before {
    display: inline
}

.editor .editor-inner .ad-container:after,.post-content .ad-container:after {
    clear: none
}

.editor .editor-inner .ad-container.ad-loaded,.post-content .ad-container.ad-loaded {
    clear: both;
    margin: 0 auto;
    max-width: 63rem;
    width: 100%
}

.editor .editor-inner .ad-container.ad-loaded:after,.editor .editor-inner .ad-container.ad-loaded:before,.post-content .ad-container.ad-loaded:after,.post-content .ad-container.ad-loaded:before {
    content: " ";
    display: table
}

.editor .editor-inner .ad-container.ad-loaded:after,.post-content .ad-container.ad-loaded:after {
    clear: both
}

.editor .editor-inner .ad-container.ad-loaded .ad-instream.ad-instream--elastic,.post-content .ad-container.ad-loaded .ad-instream.ad-instream--elastic {
    width: 100%
}

.editor .editor-inner .ad-container .instream-permalink,.post-content .ad-container .instream-permalink {
    margin-top: 3rem;
    margin-bottom: 4.5rem
}

.editor .editor-inner .ad-container .instream-permalink:before,.post-content .ad-container .instream-permalink:before {
    border-top: 1px solid #e5e5e5;
    padding-top: 9px
}

.editor .editor-inner p.media-large.has-custom-embed,.post-content p.media-large.has-custom-embed {
    max-width: none
}

.editor .editor-inner>span,.post-content>span {
    display: block
}

.editor .editor-inner p:last-child,.editor .editor-inner p:only-child,.post-content p:last-child,.post-content p:only-child,.editor .editor-inner p:last-child.has-embed .flex-video,.editor .editor-inner p:last-child.has-image img,.editor .editor-inner p:only-child.has-embed .flex-video,.editor .editor-inner p:only-child.has-image img,.post-content p:last-child.has-embed .flex-video,.post-content p:last-child.has-image img,.post-content p:only-child.has-embed .flex-video,.post-content p:only-child.has-image img {
    margin-bottom: 0
}

.editor .editor-inner p:last-child.has-embed .flex-video .recommend,.editor .editor-inner p:last-child.has-image img .recommend,.editor .editor-inner p:only-child.has-embed .flex-video .recommend,.editor .editor-inner p:only-child.has-image img .recommend,.post-content p:last-child.has-embed .flex-video .recommend,.post-content p:last-child.has-image img .recommend,.post-content p:only-child.has-embed .flex-video .recommend,.post-content p:only-child.has-image img .recommend {
    right: 48px
}

.editor .editor-inner .asset-loading,.post-content .asset-loading {
    border: 1px solid rgba(0,0,0,0.1);
    background: #f5f5f5 url("//x.kinja-static.com/assets/images/loader-editor-imageplaceholder.gif") center no-repeat
}

.editor .editor-inner .asset-loading img,.post-content .asset-loading img {
    display: none
}

.editor .editor-inner .has-embed,.editor .editor-inner .has-image,.editor .editor-inner .has-video,.post-content .has-embed,.post-content .has-image,.post-content .has-video {
    margin-bottom: 0;
    width: 100%;
    clear: left
}

.editor .editor-inner .embed-iframe,.editor .editor-inner .embed-inset,.post-content .embed-iframe,.post-content .embed-inset {
    clear: left
}

.editor .editor-inner .has-image.has-image,.editor .editor-inner .has-video.has-video,.post-content .has-image.has-image,.post-content .has-video.has-video {
    margin-top: 0;
    margin-bottom: 1.5rem;
    position: relative
}

.editor .editor-inner .has-image.has-image.media-large,.editor .editor-inner .has-video.has-video.media-large,.post-content .has-image.has-image.media-large,.post-content .has-video.has-video.media-large {
    max-width: none
}

.editor .editor-inner .has-image.has-image.media-large,.editor .editor-inner .has-image.has-image.media-medium,.editor .editor-inner .has-image.has-image.media-small,.editor .editor-inner .has-video.has-video.media-large,.editor .editor-inner .has-video.has-video.media-medium,.editor .editor-inner .has-video.has-video.media-small,.post-content .has-image.has-image.media-large,.post-content .has-image.has-image.media-medium,.post-content .has-image.has-image.media-small,.post-content .has-video.has-video.media-large,.post-content .has-video.has-video.media-medium,.post-content .has-video.has-video.media-small {
    width: auto;
    text-align: center
}

.editor .editor-inner .has-image.has-image.media-medium .lightbox-wrapper,.editor .editor-inner .has-image.has-image.media-small .lightbox-wrapper,.editor .editor-inner .has-video.has-video.media-medium .lightbox-wrapper,.editor .editor-inner .has-video.has-video.media-small .lightbox-wrapper,.post-content .has-image.has-image.media-medium .lightbox-wrapper,.post-content .has-image.has-image.media-small .lightbox-wrapper,.post-content .has-video.has-video.media-medium .lightbox-wrapper,.post-content .has-video.has-video.media-small .lightbox-wrapper {
    display: inline-block;
    max-width: 100%
}

@media only screen and (min-width: 37.5em) {
    .editor .editor-inner .has-image.has-image.media-small,.editor .editor-inner .has-video.has-video.media-small,.post-content .has-image.has-image.media-small,.post-content .has-video.has-video.media-small {
        max-width: 400px;
        float: left;
        margin: 0.5rem 1.125rem 0.5rem 0
    }
}

@media only screen and (max-width: 49.938em) {
    .editor .editor-inner .has-image.has-image.media-large,.editor .editor-inner .has-image.has-image.media-medium,.editor .editor-inner .has-video.has-video.media-large,.editor .editor-inner .has-video.has-video.media-medium,.post-content .has-image.has-image.media-large,.post-content .has-image.has-image.media-medium,.post-content .has-video.has-video.media-large,.post-content .has-video.has-video.media-medium {
        width: auto;
        margin-left: -1.125rem;
        margin-right: -1.125rem
    }

    .editor .editor-inner .has-image.has-image.media-large figcaption,.editor .editor-inner .has-image.has-image.media-medium figcaption,.editor .editor-inner .has-video.has-video.media-large figcaption,.editor .editor-inner .has-video.has-video.media-medium figcaption,.post-content .has-image.has-image.media-large figcaption,.post-content .has-image.has-image.media-medium figcaption,.post-content .has-video.has-video.media-large figcaption,.post-content .has-video.has-video.media-medium figcaption {
        padding: 0 1.125rem
    }
}

.editor .editor-inner .has-image.has-image.media-small.align--center,.editor .editor-inner .has-video.has-video.media-small.align--center,.post-content .has-image.has-image.media-small.align--center,.post-content .has-video.has-video.media-small.align--center {
    max-width: none;
    float: none;
    padding: 0;
    margin: 0 0 1.5rem
}

.editor .editor-inner .has-image.has-image.align--left,.editor .editor-inner .has-video.has-video.align--left,.post-content .has-image.has-image.align--left,.post-content .has-video.has-video.align--left {
    max-width: 400px;
    float: left;
    margin: 0.5rem 1.125rem 0.5rem 0
}

.editor .editor-inner .has-image.has-image.align--center,.editor .editor-inner .has-video.has-video.align--center,.post-content .has-image.has-image.align--center,.post-content .has-video.has-video.align--center {
    float: none
}

.editor .editor-inner .has-image.has-image.align--center .lightbox-wrapper,.editor .editor-inner .has-video.has-video.align--center .lightbox-wrapper,.post-content .has-image.has-image.align--center .lightbox-wrapper,.post-content .has-video.has-video.align--center .lightbox-wrapper {
    display: inline-block
}

.editor .editor-inner .has-image.has-image.align--bleed .lightbox-wrapper,.editor .editor-inner .has-video.has-video.align--bleed .lightbox-wrapper,.post-content .has-image.has-image.align--bleed .lightbox-wrapper,.post-content .has-video.has-video.align--bleed .lightbox-wrapper {
    width: 100%
}

@media only screen and (max-width: 49.938em) {
    .editor .editor-inner.reply-content .has-media.media-large,.editor .editor-inner.reply-content .has-media.media-medium,.editor .editor-inner.reply__content .has-media.media-large,.editor .editor-inner.reply__content .has-media.media-medium,.post-content.reply-content .has-media.media-large,.post-content.reply-content .has-media.media-medium,.post-content.reply__content .has-media.media-large,.post-content.reply__content .has-media.media-medium {
        margin-left: auto;
        margin-right: auto
    }
}

.f_use_dap_on .editor .editor-inner figure,.f_use_dap_on .post-content figure {
    margin-top: 0;
    margin-bottom: 1.5rem
}

.f_use_dap_on .editor .editor-inner aside.align--bleed,.f_use_dap_on .editor .editor-inner figure.align--bleed,.f_use_dap_on .editor .editor-inner p.align--bleed,.f_use_dap_on .post-content aside.align--bleed,.f_use_dap_on .post-content figure.align--bleed,.f_use_dap_on .post-content p.align--bleed {
    max-width: none;
    clear: left
}

@media only screen and (max-width: 49.938em) {
    .f_use_dap_on .editor .editor-inner aside.align--bleed,.f_use_dap_on .editor .editor-inner figure.align--bleed,.f_use_dap_on .editor .editor-inner p.align--bleed,.f_use_dap_on .post-content aside.align--bleed,.f_use_dap_on .post-content figure.align--bleed,.f_use_dap_on .post-content p.align--bleed {
        margin-left: -1.125rem;
        margin-right: -1.125rem
    }

    .f_use_dap_on .editor .editor-inner aside.align--bleed figcaption,.f_use_dap_on .editor .editor-inner figure.align--bleed figcaption,.f_use_dap_on .editor .editor-inner p.align--bleed figcaption,.f_use_dap_on .post-content aside.align--bleed figcaption,.f_use_dap_on .post-content figure.align--bleed figcaption,.f_use_dap_on .post-content p.align--bleed figcaption {
        padding: 0 1.125rem
    }
}

.f_use_dap_on .editor .editor-inner aside.align--bleed img,.f_use_dap_on .editor .editor-inner figure.align--bleed img,.f_use_dap_on .editor .editor-inner p.align--bleed img,.f_use_dap_on .post-content aside.align--bleed img,.f_use_dap_on .post-content figure.align--bleed img,.f_use_dap_on .post-content p.align--bleed img {
    width: 100%
}

.f_use_dap_on .editor .editor-inner aside.align--center.video-embed,.f_use_dap_on .editor .editor-inner figure.align--center.video-embed,.f_use_dap_on .editor .editor-inner p.align--center.video-embed,.f_use_dap_on .post-content aside.align--center.video-embed,.f_use_dap_on .post-content figure.align--center.video-embed,.f_use_dap_on .post-content p.align--center.video-embed {
    max-width: 636px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 37.438em) {
    .f_use_dap_on .editor .editor-inner aside.align--center,.f_use_dap_on .editor .editor-inner figure.align--center,.f_use_dap_on .editor .editor-inner p.align--center,.f_use_dap_on .post-content aside.align--center,.f_use_dap_on .post-content figure.align--center,.f_use_dap_on .post-content p.align--center {
        margin-left: -1.125rem;
        margin-right: -1.125rem
    }

    .f_use_dap_on .editor .editor-inner aside.align--center figcaption,.f_use_dap_on .editor .editor-inner figure.align--center figcaption,.f_use_dap_on .editor .editor-inner p.align--center figcaption,.f_use_dap_on .post-content aside.align--center figcaption,.f_use_dap_on .post-content figure.align--center figcaption,.f_use_dap_on .post-content p.align--center figcaption {
        padding: 0 1.125rem
    }
}

.f_use_dap_on .editor .editor-inner aside.align--left,.f_use_dap_on .editor .editor-inner figure.align--left,.f_use_dap_on .editor .editor-inner p.align--left,.f_use_dap_on .post-content aside.align--left,.f_use_dap_on .post-content figure.align--left,.f_use_dap_on .post-content p.align--left {
    max-width: 400px;
    float: left;
    margin: 0.5rem 1.125rem 0.5rem 0;
    clear: left
}

.f_use_dap_on .editor .editor-inner aside.align--left.video-embed,.f_use_dap_on .editor .editor-inner figure.align--left.video-embed,.f_use_dap_on .editor .editor-inner p.align--left.video-embed,.f_use_dap_on .post-content aside.align--left.video-embed,.f_use_dap_on .post-content figure.align--left.video-embed,.f_use_dap_on .post-content p.align--left.video-embed {
    width: 400px
}

@media only screen and (max-width: 37.438em) {
    .f_use_dap_on .editor .editor-inner aside.align--left,.f_use_dap_on .editor .editor-inner figure.align--left,.f_use_dap_on .editor .editor-inner p.align--left,.f_use_dap_on .post-content aside.align--left,.f_use_dap_on .post-content figure.align--left,.f_use_dap_on .post-content p.align--left {
        max-width: 100%
    }
}

.editor .editor-inner iframe,.post-content iframe {
    max-width: 100%
}

.f_fix_safari_iframe_sizing_on .editor .editor-inner iframe[width="100%"],.f_fix_safari_iframe_sizing_on .post-content iframe[width="100%"] {
    width: 1px;
    min-width: 100%
}

.editor .editor-inner .has-embed .flex-video,.post-content .has-embed .flex-video {
    margin-bottom: 1.5rem
}

.editor .editor-inner .non-secure-iframe,.post-content .non-secure-iframe {
    display: block;
    padding: 0.5rem 0
}

.editor .editor-inner .non-secure-iframe .icon--container,.post-content .non-secure-iframe .icon--container {
    padding: 40px 0;
    display: block;
    fill: #e5e5e5;
    background: #f5f5f5
}

.editor .editor-inner .non-secure-iframe span,.post-content .non-secure-iframe span {
    display: block;
    color: #aaa;
    font-size: 0.95rem;
    line-height: 1.2rem;
    padding: 10px 0 0 10px;
    font-family: "ProximaNovaCond", sans-serif
}

.editor .editor-inner .non-secure-iframe svg,.post-content .non-secure-iframe svg {
    width: 70px;
    height: 70px;
    color: #e5e5e5;
    display: block;
    margin: 0 auto
}

.editor .editor-inner .embed-iframe,.post-content .embed-iframe {
    position: relative
}

.editor .editor-inner .embed-iframe__non-ssl,.post-content .embed-iframe__non-ssl {
    padding-bottom: 56.25%
}

.editor .editor-inner .non-ssl-iframe iframe,.post-content .non-ssl-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.editor .editor-inner .flex-video,.post-content .flex-video {
    position: relative
}

.editor .editor-inner .flex-video .non-secure-iframe,.post-content .flex-video .non-secure-iframe {
    position: absolute;
    top: 0;
    width: 100%;
    height: 90%
}

.editor .editor-inner .flex-video .non-secure-iframe .icon--container,.post-content .flex-video .non-secure-iframe .icon--container {
    position: relative;
    height: 100%;
    width: 100%
}

.editor .editor-inner .flex-video .non-secure-iframe svg,.post-content .flex-video .non-secure-iframe svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    width: 100%
}

@media only screen and (max-width: 37.438em) {
    .editor .editor-inner .has-embed,.editor .editor-inner .has-image.media-470,.editor .editor-inner .has-image.media-640,.post-content .has-embed,.post-content .has-image.media-470,.post-content .has-image.media-640 {
        width: auto;
        margin-left: -1.125rem;
        margin-right: -1.125rem
    }
}

.editor .editor-inner blockquote,.post-content blockquote {
    clear: both;
    overflow: visible;
    font-style: normal;
    background-color: #f5f5f5;
    border-radius: 3px
}

.editor .editor-inner blockquote cite,.post-content blockquote cite {
    text-align: right;
    font-style: normal
}

.editor .editor-inner ol,.editor .editor-inner ul,.post-content ol,.post-content ul {
    margin-bottom: 1.5rem
}

.editor .editor-inner ol:last-child,.editor .editor-inner ul:last-child,.post-content ol:last-child,.post-content ul:last-child {
    margin-bottom: 0
}

.editor .editor-inner ol li,.editor .editor-inner ul li,.post-content ol li,.post-content ul li {
    padding-left: 2.25rem;
    margin-bottom: 6px
}

.editor .editor-inner ol.commerce li,.editor .editor-inner ul.commerce li,.post-content ol.commerce li,.post-content ul.commerce li {
    font-family: "FiraSans",sans-serif;
    padding-left: 0
}

.editor .editor-inner ul,.post-content ul {
    position: relative
}

.editor .editor-inner ul li:before,.post-content ul li:before {
    position: absolute;
    content: '\b7';
    margin: -1px 0 0 -29px;
    font-weight: bold;
    font-size: 24px
}

.editor .editor-inner ol,.post-content ol {
    counter-reset: item;
    position: relative
}

.editor .editor-inner ol li:before,.post-content ol li:before {
    position: absolute;
    width: 1.125rem;
    content: counter(item) ". ";
    counter-increment: item;
    margin: 0 0 0 -2rem;
    font-weight: normal;
    font-size: .938rem;
    white-space: nowrap
}

.editor .editor-inner code,.editor .editor-inner pre,.editor .editor-inner pre p,.post-content code,.post-content pre,.post-content pre p {
    font-family: Inconsolata, Courier, monospace;
    color: #333;
    font-size: 1rem
}

html.fallback-fonts .editor .editor-inner code,html.fallback-fonts .editor .editor-inner pre,html.fallback-fonts .editor .editor-inner pre p,html.fallback-fonts .post-content code,html.fallback-fonts .post-content pre,html.fallback-fonts .post-content pre p {
    font-family: Courier,monospace
}

.editor .editor-inner code,.editor .editor-inner pre,.post-content code,.post-content pre {
    background-color: #f5f5f5
}

.editor .editor-inner pre,.post-content pre {
    box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.5);
    display: block;
    overflow: auto;
    padding: 1.125rem;
    margin-bottom: 1.5rem;
    width: auto;
    word-break: break-all
}

.editor .editor-inner pre>code,.post-content pre>code {
    background-color: transparent
}

.editor .editor-inner pre p,.post-content pre p {
    line-height: 24px
}

.editor .editor-inner .gist pre,.post-content .gist pre {
    box-shadow: none
}

.editor .editor-inner .twitter-embed iframe,.post-content .twitter-embed iframe {
    margin: 0 auto
}

.editor .editor-inner code,.post-content code {
    padding: 0 7px;
    display: inline-block
}

.editor .editor-inner .google-adx,.post-content .google-adx {
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-family: "ProximaNovaCond",sans-serif
}

.editor .editor-inner .google-adx .google-ads,.post-content .google-adx .google-ads {
    padding-top: 15px
}

.editor .editor-inner hr,.post-content hr {
    margin-top: 40px;
    margin-bottom: 40px
}

.editor .editor-inner hr.stars,.editor .editor-inner hr.storybreak-double-line,.editor .editor-inner hr.storybreak-squares,.editor .editor-inner hr.storybreak-stars,.post-content hr.stars,.post-content hr.storybreak-double-line,.post-content hr.storybreak-squares,.post-content hr.storybreak-stars {
    border: 0;
    margin-top: 40px;
    margin-bottom: 60px;
    text-align: center;
    font-family: "ElizabethSerif",Georgia,serif;
    color: #ccc;
    letter-spacing: 7px
}

.editor .editor-inner hr.stars:before,.editor .editor-inner hr.storybreak-double-line:before,.editor .editor-inner hr.storybreak-squares:before,.editor .editor-inner hr.storybreak-stars:before,.post-content hr.stars:before,.post-content hr.storybreak-double-line:before,.post-content hr.storybreak-squares:before,.post-content hr.storybreak-stars:before {
    display: inline-block
}

.editor .editor-inner hr.storybreak-double-line,.post-content hr.storybreak-double-line {
    margin-top: 35px
}

.editor .editor-inner hr.storybreak-double-line:before,.post-content hr.storybreak-double-line:before {
    content: '';
    width: 150px;
    height: 6px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.editor .editor-inner hr.stars:before,.editor .editor-inner hr.storybreak-stars:before,.post-content hr.stars:before,.post-content hr.storybreak-stars:before {
    content: '***';
    font-size: 17px
}

.editor .editor-inner hr.storybreak-squares:before,.post-content hr.storybreak-squares:before {
    content: '■■';
    font-size: 25px
}

.editor .editor-inner div.legacy-raw-html,.post-content div.legacy-raw-html {
    border: 3px solid #eeb544;
    padding: 5px;
    margin-bottom: 20px
}

.editor .editor-inner div.legacy-raw-html:before,.post-content div.legacy-raw-html:before {
    content: 'Before this post can be saved, this block must be removed.';
    font-size: 12px;
    display: inline-block
}

.editor .editor-inner div.legacy-raw-html table,.post-content div.legacy-raw-html table {
    margin-bottom: 0
}

.f_dap_tables_on .editor .editor-inner table,.f_dap_tables_on .post-content table,.f_use_dap .editor .editor-inner table,.f_use_dap .post-content table {
    font-family: "ProximaNovaCond",sans-serif;
    border: 1px solid #e5e5e5;
    width: 100%;
    margin-bottom: 1.5rem;
    border-spacing: 0
}

.f_dap_tables_on .editor .editor-inner table td,.f_dap_tables_on .editor .editor-inner table th,.f_dap_tables_on .post-content table td,.f_dap_tables_on .post-content table th,.f_use_dap .editor .editor-inner table td,.f_use_dap .editor .editor-inner table th,.f_use_dap .post-content table td,.f_use_dap .post-content table th {
    padding: 10px;
    text-align: left;
    border: 0;
    border-right: 1px solid #fff
}

.f_dap_tables_on .editor .editor-inner table td:last-child,.f_dap_tables_on .editor .editor-inner table th:last-child,.f_dap_tables_on .post-content table td:last-child,.f_dap_tables_on .post-content table th:last-child,.f_use_dap .editor .editor-inner table td:last-child,.f_use_dap .editor .editor-inner table th:last-child,.f_use_dap .post-content table td:last-child,.f_use_dap .post-content table th:last-child {
    border-right: 0
}

.f_dap_tables_on .editor .editor-inner table tr:nth-child(2n) td,.f_dap_tables_on .post-content table tr:nth-child(2n) td,.f_use_dap .editor .editor-inner table tr:nth-child(2n) td,.f_use_dap .post-content table tr:nth-child(2n) td {
    background-color: #f5f5f5
}

.above-headline-image figcaption,.editor .editor-inner figcaption,.featured-post__asset figcaption,.post-content figcaption {
    position: relative;
    font-family: "ProximaNovaCond",sans-serif;
    color: #aaa;
    font-size: 15px;
    line-height: 21px;
    text-align: left;
    margin-top: 0.5rem;
    display: block
}

.above-headline-image figcaption:focus,.editor .editor-inner figcaption:focus,.featured-post__asset figcaption:focus,.post-content figcaption:focus {
    outline: none
}

.permalink.featured-post .row.content-wrapper {
    margin: 0
}

.permalink.featured-post .entry-title {
    text-align: center;
    margin: 2.5rem auto
}

.permalink.featured-post .post .meta--pe {
    max-width: 636px;
    margin-left: auto;
    margin-right: auto
}

.permalink.featured-post .post .meta--pe.secondary-byline {
    -ms-flex-pack: center;
    justify-content: center;
    margin: 2rem auto -1rem
}

@media only screen and (min-width: 1309px) {
    .permalink.featured-post .discussion-region,.permalink.featured-post .post-bottom,.permalink.featured-post .post .post-content {
        padding-left: 318px;
        padding-right: 318px;
        max-width: none
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1308px) {
    .permalink.featured-post .discussion-region,.permalink.featured-post .post-bottom,.permalink.featured-post .post .post-content {
        padding-left: 0;
        padding-right: 318px;
        max-width: none
    }

    .permalink.featured-post .author-bio__inner {
        max-width: 636px;
        margin: 0 auto
    }
}

@media only screen and (min-width: 1343px) {
    .permalink.featured-post.f_featured_post_more_space_on .discussion-region,.permalink.featured-post.f_featured_post_more_space_on .post-bottom,.permalink.featured-post.f_featured_post_more_space_on .post .post-content,.permalink.featured-post.f_featured_post_more_space_on .post__misc {
        padding-left: 336px;
        padding-right: 336px
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1342px) {
    .permalink.featured-post.f_featured_post_more_space_on .discussion-region,.permalink.featured-post.f_featured_post_more_space_on .post-bottom,.permalink.featured-post.f_featured_post_more_space_on .post .post-content,.permalink.featured-post.f_featured_post_more_space_on .post__misc {
        padding-left: 18px;
        padding-right: 336px
    }
}

@media only screen and (min-width: 1024px) {
    .permalink.featured-post.f_featured_post_left_on .discussion-region,.permalink.featured-post.f_featured_post_left_on .post-bottom,.permalink.featured-post.f_featured_post_left_on .post .post-content,.permalink.featured-post.f_featured_post_left_on .post__misc {
        padding-left: 18px;
        padding-right: 336px
    }
}

.permalink.featured-post .featured-post__asset {
    margin: 0 -1.125rem;
    background: #fff;
    position: relative
}

.permalink.featured-post .featured-post__asset.pillarboxed {
    background: #000
}

.permalink.featured-post .featured-post__asset figcaption {
    padding-left: 1.125rem
}

.permalink.featured-post .featured-post__asset img,.permalink.featured-post .featured-post__asset video {
    width: 100%
}

.permalink.featured-post .featured-post__asset .img-wrapper {
    background-size: cover
}

.permalink.featured-post .featured-post__asset .featured-post__asset__container {
    width: 100vw;
    height: calc(100vw*9/16);
    max-height: calc(85vh);
    max-width: calc(85vh*16/9);
    margin: 0 auto
}

@media (min-aspect-ratio: 16 / 9) {
    .permalink.featured-post .featured-post__asset .featured-post__asset__container.video-type--JwPlayer {
        height: calc(85vh);
        width: calc(85vh*16/9);
        margin: 0 auto
    }
}

.permalink.featured-post .featured-post__asset .featured-post__asset__container iframe {
    width: 100%;
    height: 100%
}

.permalink.featured-post .featured-post__asset .featured-post__cover {
    position: absolute;
    width: 100%;
    height: calc(100vw*9/16);
    max-height: calc(85vh);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    left: 0;
    cursor: pointer
}

.permalink.featured-post .featured-post__asset .featured-post__cover .play-icon {
    display: block;
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 18px);
    width: 56px;
    height: 60px;
    border-radius: 5px;
    background: rgba(0,0,0,0.6)
}

.permalink.featured-post .featured-post__asset .featured-post__cover .svg-icon {
    opacity: 0.8;
    width: 56px;
    height: 60px;
    margin-top: 0
}

.permalink.featured-post .featured-post__asset .featured-post__cover:hover .svg-icon {
    opacity: 1
}

@media only screen and (min-width: 1024px) {
    .permalink.featured-post .ad-unit--in-post {
        display: none
    }
}

.permalink.featured-post .ad-unit--in-post .ad-container {
    height: 250px
}

.permalink.featured-post .entry-content .fixed {
    position: fixed;
    top: 0;
    right: 1px
}

.permalink.featured-post .entry-content .unfixed {
    position: absolute;
    right: 0
}

.featured-post__header {
    position: relative
}

.featured-post__header .discussion-status-badge {
    text-align: center;
    margin: 18px 0 0;
    font-size: 0.42em
}

.ad-unit--featured-recirculation {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.2s ease-in-out;
    z-index: 97
}

.ad-unit--featured-recirculation .ad-container {
    background: #f5f5f5;
    width: 300px;
    height: 250px
}

.ad-unit--featured-recirculation .ad-container--hidden {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.ad-unit--fixed-bottom {
    position: fixed;
    bottom: 3.5rem;
    right: 1.125rem;
    height: auto;
    width: 300px;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
    pointer-events: auto
}

.ad-unit--fixed-bottom--invisible {
    opacity: 0;
    pointer-events: none
}

.ad-unit--fixed-bottom .ad-container {
    background: #f5f5f5;
    width: 300px;
    height: 250px
}

.editor .editor-inner .has-image.align--center.media-large {
    max-width: 636px
}

.shared {
    margin-bottom: 3.4rem
}

.shared .content-wrapper {
    background-color: #f5f5f5;
    padding-top: 24px;
    border: 1px #aaa solid
}

.shared .referenced-label {
    background-color: #f5f5f5
}

.shared .reframe-post {
    margin-bottom: 1.875rem
}

.post .linked,.post .recommend {
    background-color: rgba(0,0,0,0.7);
    position: absolute;
    cursor: pointer;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    opacity: 0;
    transition: all 0.15s ease-out;
    border-radius: 5px;
    z-index: 1
}

.post .linked {
    bottom: 0;
    border-top-left-radius: 5px
}

.post .flex-video:hover .recommend,.post .has-image:hover .linked,.post .has-image:hover .recommend,.post figure:hover .linked,.post figure:hover .recommend {
    opacity: 1
}

.post .has-image .recommend {
    right: 8px
}

.post .movementventures,.post .qzzr {
    width: 100%
}

.post a[x-inset=hidden] {
    display: none
}

.pullquote {
    margin-bottom: 1.5em;
    margin-top: 1.5em;
    text-align: center;
    padding: 10px 0;
    font-family: "ProximaNovaCond",sans-serif;
    font-weight: lighter;
    font-style: italic;
    font-size: 25px;
    line-height: 37px;
    clear: left
}

.pullquote:after,.pullquote:before {
    content: '';
    display: block;
    width: 45px;
    height: 0;
    margin: 0 auto;
    position: relative;
    border-top-width: 1px;
    border-top-style: solid;
    border-color: #aaa
}

.pullquote:before {
    margin-bottom: 20px
}

.pullquote:after {
    margin-top: 20px
}

@media only screen and (min-width: 37.5em) {
    .pullquote.align--left {
        width: 40%;
        max-width: 320px;
        float: left;
        margin-right: 2.25rem;
        text-align: left;
        margin-bottom: 0.5em;
        margin-top: 0
    }

    .pullquote.align--left:after,.pullquote.align--left:before {
        margin-left: 0;
        margin-right: 0
    }
}

.commentlist .pullquote,.quickreply .pullquote {
    margin-bottom: 1em;
    margin-top: 1em;
    text-align: left;
    padding: 0 0 0 1.125rem;
    font-size: 22px;
    line-height: 30px;
    position: relative
}

.commentlist .pullquote:before,.quickreply .pullquote:before {
    position: absolute;
    left: 0;
    top: 3px;
    bottom: 5px;
    width: 0;
    height: auto;
    border-top: 0;
    border-left-width: 1px;
    border-left-style: solid;
    margin: 0
}

.commentlist .pullquote:after,.quickreply .pullquote:after {
    display: none
}

.inset--story {
    clear: both;
    margin: 2rem auto;
    padding: 1.125rem;
    border: #e5e5e5 1px solid;
    border-radius: 5px;
    box-shadow: #e5e5e5 0 2px 5px;
    max-width: 636px
}

.inset--story p {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 0.6rem
}

@media only screen and (min-width: 37.5em) {
    .inset--story {
        display: -ms-flexbox;
        display: flex
    }
}

.inset--story__thumb {
    display: block;
    position: relative;
    margin: -1.125rem -1.125rem 1rem
}

@media only screen and (min-width: 37.5em) {
    .inset--story__thumb {
        width: 25%;
        min-width: 25%;
        margin: 0 1.125rem 0 0;
        float: left
    }
}

.inset--story__thumb figure {
    margin: 0;
    position: relative
}

.inset--story__thumb img {
    width: 100%
}

.inset--story__headline {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px
}

.inset--story__headline a {
    color: #000
}

.inset--story__readmore {
    font-family: "ProximaNovaCond",sans-serif;
    font-size: 16px
}

.branded-item .inset--story__thumb figure {
    border-bottom: 5px solid transparent
}

.branded-item .gmg-avatar {
    width: 20px;
    position: absolute;
    bottom: 0;
    left: 0
}

.branded-item--jalopnik .inset--story__thumb figure {
    border-bottom-color: #FF4D00
}

.referenced-wide {
    clear: both;
    float: none;
    margin: 0 0 0.45rem;
    padding: 0
}

.f_new_linkpreview_css_on .referenced-wide {
    margin: 0 auto 1rem;
    padding: 1.125rem;
    border: #e5e5e5 1px solid;
    border-radius: 5px;
    box-shadow: #e5e5e5 0 2px 5px;
    max-width: 636px
}

@media only screen and (max-width: 37.438em) {
    .referenced-wide .referenced-wide .referenced-item-image {
        padding: 0 18px;
        margin-bottom: 16px
    }
}

@media only screen and (min-width: 37.5em) {
    .referenced-wide.right {
        margin: 8px 0 8px 1.125rem;
        padding: 0 0 0 1.125rem
    }
}

.referenced-wide .container {
    padding: 1.125rem 0 12px
}

.f_new_linkpreview_css_on .referenced-wide .container {
    padding: 0
}

.referenced-wide .referenced-item {
    margin-bottom: 1rem
}

.referenced-wide .referenced-item:after,.referenced-wide .referenced-item:before {
    content: " ";
    display: table
}

.referenced-wide .referenced-item:after {
    clear: both
}

.f_new_linkpreview_css_on .referenced-wide .referenced-item {
    margin-bottom: 0
}

.f_new_linkpreview_css_on .referenced-wide .referenced-item__text .headline {
    margin: 0;
    margin-bottom: 10px
}

.f_new_linkpreview_css_on .referenced-wide .referenced-item__text p {
    margin: 0
}

.referenced-wide .referenced-item .headline {
    margin: -3px 0 3px;
    font-size: 20px;
    line-height: 24px
}

.referenced-wide .referenced-item p {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 3px
}

@media only screen and (max-width: 49.938em) {
    .referenced-wide .referenced-item p {
        font-size: 14px
    }
}

.referenced-wide .referenced-item-placeholder .img-placeholder {
    background: #fff url("//x.kinja-static.com/assets/images/loader-editor-imageplaceholder.gif") center center no-repeat;
    display: block
}

.referenced-wide .referenced-item-placeholder .k-small {
    background-size: contain;
    width: 117px;
    height: 66px
}

.referenced-wide .referenced-item-image {
    margin: 0;
    padding-left: 0
}

.referenced-wide .readmore-referenced {
    color: #aaa;
    margin-top: 10px;
    font-size: 16px;
    display: block;
    font-family: "ProximaNovaCond",sans-serif
}

.f_new_linkpreview_css_on .referenced-wide .readmore-referenced {
    color: #0093ec;
    line-height: 18px
}

.referenced-wide .readmore-referenced .hostname {
    font-weight: bold
}

@media only screen and (max-width: 37.438em) {
    .referenced-wide .referenced-item img {
        width: 100%
    }
}

@media only screen and (max-width: 20em) {
    .referenced-wide .full-headline,.referenced-wide .medium-headline {
        display: none
    }
}

@media only screen and (min-width: 20.062em) and (max-width: 37.438em) {
    .referenced-wide .full-headline,.referenced-wide .small-headline {
        display: none
    }
}

@media only screen and (min-width: 37.5em) {
    .referenced-wide .medium-headline,.referenced-wide .small-headline {
        display: none
    }
}

.referenced-wide.referenced-fullwidth .container {
    position: relative
}

.referenced-wide.referenced-fullwidth .referenced-item-image {
    margin: 0;
    padding-left: 0
}

@media only screen and (max-width: 37.438em) {
    .referenced-wide.referenced-fullwidth .referenced-item-image {
        padding: 0;
        margin-bottom: 16px
    }
}

.referenced-wide.referenced-fullwidth .referenced-item-placeholder .img-placeholder {
    background: #fff url("//x.kinja-static.com/assets/images/loader-editor-imageplaceholder.gif") center center no-repeat;
    display: block
}

.referenced-wide.referenced-fullwidth .referenced-item-placeholder .k-small {
    background-size: contain;
    width: 117px;
    height: 66px
}

.referenced-wide.referenced-fullwidth .referenced-item-w-avatar .referenced-item-image {
    float: left
}

@media only screen and (max-width: 37.438em) {
    .referenced-wide.referenced-fullwidth .container {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width: 20em) {
    .referenced-wide.referenced-fullwidth .full-headline,.referenced-wide.referenced-fullwidth .medium-headline {
        display: none
    }
}

@media only screen and (min-width: 20.062em) and (max-width: 37.438em) {
    .referenced-wide.referenced-fullwidth .full-headline,.referenced-wide.referenced-fullwidth .small-headline {
        display: none
    }
}

@media only screen and (min-width: 37.5em) {
    .referenced-wide.referenced-fullwidth .medium-headline,.referenced-wide.referenced-fullwidth .small-headline {
        display: none
    }
}

.non-secure-iframe-embed {
    position: relative;
    padding-bottom: 56.25%
}

.iframe-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.iframe-container__external-source {
    height: 92.5%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e5e5e5
}

@media only screen and (max-width: 37.438em) {
    .iframe-container__external-source {
        position: relative
    }
}

.iframe-container__external-source svg {
    opacity: 0.1
}

.iframe-container__external-source img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0.8
}

@media only screen and (max-width: 37.438em) {
    .iframe-container__external-source img {
        position: relative
    }
}

.iframe-container__link-to-source {
    position: absolute;
    top: 25px;
    right: 25px
}

.iframe-container__link-to-source svg {
    opacity: 0.7;
    fill: #fff
}

.iframe-container__message {
    position: absolute;
    bottom: 0;
    height: 7.5%;
    width: 100%;
    background: #fff;
    color: #aaa;
    font-size: 15px
}

@media only screen and (max-width: 37.438em) {
    .iframe-container__message {
        position: absolute;
        height: auto
    }
}

.iframe-container__message p {
    position: absolute;
    font-family: "ProximaNovaCond", sans-serif;
    bottom: 0;
    margin: 0;
    font-size: 15px;
    text-align: left
}

@media only screen and (max-width: 37.438em) {
    .iframe-container__message p {
        position: relative
    }
}

.iframe-container__message a {
    text-decoration: none;
    color: #0093ec
}

.referenced-label {
    color: #aaa;
    font-weight: bold;
    background-color: #fff;
    padding-left: 10px;
    position: relative;
    z-index: 1;
    float: right;
    top: -5px;
    font-size: .875rem;
    line-height: .875rem
}

.reframe-inset {
    margin-top: 25px
}

.reframe-inset .thumb {
    display: block;
    margin-bottom: 7px
}

.reframe-inset.with-excerpt .thumb {
    float: left;
    margin-right: 1.125rem;
    margin-bottom: 5px
}

.reframe-inset.with-excerpt .headline {
    width: auto;
    margin-bottom: 3px;
    margin-top: -2px
}

.reframe-inset.with-excerpt p {
    line-height: 1.5;
    font-size: .875rem;
    margin-bottom: 0
}

.referenced-wrapper .with-excerpt:nth-child(3) {
    display: none
}

.referenced-commerce {
    margin: 0 auto 20px;
    max-width: 636px;
    font-family: "ProximaNovaCond",sans-serif
}

.referenced-commerce .row {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0
}

.referenced-commerce .row .columns {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.referenced-commerce .row .columns.large-12 {
    padding: 0
}

.commerce-inset-button.button.small {
    padding: 5px 10px;
    margin: 10px 10px 10px 0
}

.referenced-commerce--amazon .button {
    background-color: #f5c056;
    color: #000
}

.referenced-commerce--skimlinks .button {
    background-color: #0093ec;
    color: #fff
}

.referenced-commerce__image {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 0;
    padding-left: .625rem
}

.referenced-commerce__image a {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.referenced-commerce__image a:hover {
    text-decoration: none
}

.referenced-commerce__description {
    padding: 0 .938rem
}

.referenced-commerce__container {
    border-radius: 4px;
    border: solid 1px #e5e5e5;
    padding: .938rem 0
}

.referenced-commerce__social-proof {
    color: #aaa;
    font-size: .875rem;
    line-height: 1.2
}

.referenced-commerce__social-proof .disclosure,.referenced-commerce__social-proof .text {
    display: inline;
    font-weight: bold;
    color: #000
}

.referenced-commerce__social-proof .ellipsis {
    padding: 0 .688rem;
    margin: 0
}

.referenced-commerce__headline {
    font-size: 1.312rem
}

.referenced-commerce__headline a {
    color: #000
}

.referenced-commerce__buy-button {
    line-height: 1rem;
    text-align: center
}

.referenced-commerce__buy-button .button {
    font-size: 14px;
    border-width: 1px;
    width: auto;
    margin: 6px 0;
    padding-left: 1rem;
    padding-right: 1rem;
    height: 32px;
    line-height: 32px;
    border-radius: 20px
}

.referenced-commerce__price,.referenced-commerce__provider {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 95%;
    font-size: .875rem;
    line-height: 1rem;
    text-align: center
}

.referenced-commerce__pricing {
    padding: 0
}

.referenced-commerce__pricing .row {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width: 49.938em) {
    .referenced-commerce {
        margin: 0 -.625rem 1.25rem
    }

    .referenced-commerce .row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .referenced-commerce__container {
        padding: 0
    }

    .referenced-commerce__headline {
        font-size: 1rem
    }

    .referenced-commerce__image {
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        padding: .312rem 0 .312rem .625rem
    }

    .referenced-commerce__description {
        -ms-flex-preferred-size: 66%;
        flex-basis: 66%;
        padding: .938rem 0 .938rem .938rem
    }

    .referenced-commerce__buy-button {
        padding: 0
    }

    .referenced-commerce__buy-button .button {
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
        font-size: 1.125rem
    }

    .referenced-commerce__pricing {
        border-top: solid 1px #e5e5e5;
        padding: .938rem 0 .75rem
    }

    .referenced-commerce__pricing .row {
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        -moz-justify-content: space-around;
        justify-content: space-around
    }

    .referenced-commerce__pricing .row .columns {
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%
    }

    .referenced-commerce__price,.referenced-commerce__provider {
        font-size: 1.125rem;
        line-height: 1.25rem;
        padding: 0
    }

    .referenced-commerce__price {
        text-align: right;
        padding-right: .625rem
    }

    .referenced-commerce__provider {
        text-align: left;
        padding-left: .625rem
    }

    .referenced-commerce__social-proof .disclosure,.referenced-commerce__social-proof .text {
        display: block
    }

    .referenced-commerce__social-proof .text {
        padding: 0 0 .312rem
    }

    .post-content .referenced-commerce .referenced-commerce__social-proof .ellipsis {
        display: none
    }
}

@media only screen and (max-width: 37.438em) {
    .referenced-commerce__pricing .row .columns {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .referenced-commerce__pricing .referenced-commerce__price,.referenced-commerce__pricing .referenced-commerce__provider {
        text-align: center;
        padding: 0;
        max-width: 100%
    }
}

.referenced-item-amazon .headline {
    margin: 0
}

.referenced-item-amazon p {
    margin: 0;
    line-height: 1.2;
    font-size: .875rem
}

.referenced-item-amazon .button-conversions>span,.referenced-item-amazon .button-conversions a {
    display: inline-block
}

.referenced-item-amazon .button {
    background-color: #f5c056;
    color: #000;
    box-shadow: 0 0 0 #f5c056 inset;
    line-height: 1.2;
    font-style: normal;
    margin-right: 10px
}

.referenced-item-amazon:hover .button {
    box-shadow: 0 -1px 0 #f5c056 inset
}

.referenced-item-amazon .icon {
    margin-right: 5px;
    top: 5px;
    color: #aaa
}

.referenced-item-amazon .price-line a {
    color: #333
}

@media only screen and (max-width: 37.438em) {
    .referenced-item-amazon .button-conversions span {
        white-space: nowrap
    }
}

.referenced-fullwidth .referenced-item-amazon p {
    margin: 3px 0
}

.referenced-fullwidth .referenced-item-amazon .img-border img {
    margin: 0 auto
}

.google-adx .container {
    background-color: #f5f5f5;
    line-height: 18px;
    padding: 5px 1.125rem
}

.google-adx .by-google {
    color: #000;
    font-size: 14px
}

.google-adx .google-headline {
    color: #333
}

.post-bottom {
    margin: 0 -1.125rem;
    max-width: none;
    width: auto
}

.post-bottom:after,.post-bottom:before {
    content: " ";
    display: table
}

.post-bottom:after {
    clear: both
}

@media only screen and (max-width: 37.438em) {
    .post-bottom {
        margin: 2rem 0 1rem
    }
}

@media only screen and (min-width: 37.5em) {
    .post-bottom {
        margin: 1.5rem 0
    }
}

.post-bottom .post-bottom__inner {
    max-width: 636px;
    margin: 0 auto
}

.post-bottom,.post-bottom a {
    color: #777
}

.post-bottom .fb-like {
    float: left;
    z-index: 4;
    width: auto
}

.post-bottom .reply-to-post {
    color: #aaa
}

.post-bottom .reply-to-post .icon {
    margin-left: 7px
}

.post-bottom .icon {
    opacity: 0.3;
    margin-left: 5px;
    vertical-align: middle
}

.private-post-list {
    border-bottom: 2px #aaa solid
}

.stream {
    padding-bottom: 0
}

.stream .meta .publish-time .icon {
    margin: 0 5px
}

.stream .post-dropdown-ct {
    display: none
}

.unshare-bloglist {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10
}

.unshare-bloglist .unshare-bloglist-select,.unshare-bloglist .unshare-bloglist-title {
    display: inline-block;
    vertical-align: middle
}

.unshare-bloglist .unshare-bloglist-title {
    padding: 0 3px;
    background-color: #fff;
    margin: 0 10px 0 0
}

.unshare-bloglist .unshare-bloglist-select {
    margin-bottom: 0
}

.text-red {
    color: #eeb544
}

.post-tools-wrapper .reply-to-post__container .svg-icon {
    margin-left: 0;
    position: relative;
    top: 2px
}

@media only screen and (max-width: 37.438em) {
    .post-tools-wrapper .reply-to-post__container {
        display: none
    }
}

@media only screen and (max-width: 37.438em) {
    .post-tools-wrapper {
        -moz-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin: 30px 0 14px
    }
}

@media only screen and (max-width: 37.438em) {
    .post-tools-wrapper .button-recommend-post,.post-tools-wrapper .reply-count {
        display: none
    }
}

.newsletter-subscribe-post {
    display: block;
    font-family: "ElizabethSerif",Georgia,serif;
    border-top: #e5e5e5 1px solid;
    margin: 1.5rem 0;
    max-width: 636px
}

.newsletter-subscribe-post__copy {
    color: #aaa;
    margin: 1.5rem 0 1rem;
    line-height: 29px
}

.newsletter-subscribe-post .button {
    font-size: 1.1rem;
    padding: 0 1.2rem
}

.newsletter-subscribe-post .svg-icon {
    opacity: 1;
    margin-top: -3px;
    fill: #0093ec
}

.center {
    margin: 0 auto
}

ul.commerce-inset.fake-list {
    margin-bottom: 0;
    margin-top: -20px
}

.asset.has-media.has-image.align--left,.asset.has-media.has-image.align--left.media-large,.asset.has-media.has-image.align--left.media-medium {
    max-width: 400px;
    margin: 0.5rem 1.125rem 0.5rem 0
}

.asset.has-media.has-image.align--left.media-large {
    width: 100%
}

.asset.has-media.has-image.media-large.align--center {
    max-width: 636px
}

@media only screen and (max-width: 27.25rem) {
    .asset.has-media.has-image.align--left,.asset.has-media.has-image.align--left.media-large,.asset.has-media.has-image.align--left.media-medium {
        max-width: 100%
    }
}

@media only screen and (min-width: 37.5em) {
    .asset.has-media.has-image {
        margin-left: auto;
        margin-right: auto;
        max-width: 636px
    }

    .asset.has-media.has-image.media-large {
        margin-left: -1.125rem;
        margin-right: -1.125rem;
        max-width: initial
    }

    .asset.has-media.has-image.media-large.align--center {
        margin-left: auto;
        margin-right: auto
    }

    .asset.media-small.has-media.has-image:not(.align--center) {
        margin-bottom: 0.5rem;
        margin-right: 1.125rem
    }
}

@media only screen and (min-width: 50em) {
    .asset.has-media.has-image.media-large {
        margin-left: auto;
        margin-right: auto
    }
}

.post-content {
    font-family: "ElizabethSerif",Georgia,serif
}

.post-content .featured-post__asset {
    margin-bottom: 1.5rem
}

.post-content .has-image.has-image.media-large .img-permalink-sub-wrapper,.post-content .has-image.has-image.media-medium .img-permalink-sub-wrapper,.post-content .has-image.has-image.media-small .img-permalink-sub-wrapper {
    position: relative;
    background: #f5f5f5
}

.post-content .has-image.has-image.media-large .img-permalink-sub-wrapper.img-permalink-sub-wrapper--nobackground,.post-content .has-image.has-image.media-medium .img-permalink-sub-wrapper.img-permalink-sub-wrapper--nobackground,.post-content .has-image.has-image.media-small .img-permalink-sub-wrapper.img-permalink-sub-wrapper--nobackground,.post-content .has-image.has-image.media-large .img-permalink-sub-wrapper img,.post-content .has-image.has-image.media-medium .img-permalink-sub-wrapper img,.post-content .has-image.has-image.media-small .img-permalink-sub-wrapper img {
    background: none
}

.post-content .has-image.has-image.media-large .img-wrapper,.post-content .has-image.has-image.media-medium .img-wrapper,.post-content .has-image.has-image.media-small .img-wrapper {
    max-width: 100%
}

.post-content .has-image.has-image.media-large .img-wrapper img,.post-content .has-image.has-image.media-medium .img-wrapper img,.post-content .has-image.has-image.media-small .img-wrapper img {
    position: absolute;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.post-content .has-image.has-image.media-large .lightbox-wrapper,.post-content .has-image.has-image.media-medium .lightbox-wrapper,.post-content .has-image.has-image.media-small .lightbox-wrapper {
    display: block
}

.img-wrapper {
    max-width: 100%
}

.old-post-type-img {
    display: block;
    margin: 1.125rem auto
}

.gmg-text-ad {
    margin: 2rem auto;
    max-width: 636px;
    font-family: "ProximaNovaCond", sans-serif
}

.gmg-text-ad .text-ad__inner {
    border: 1px solid #e5e5e5;
    border-left-width: 0;
    border-right-width: 0;
    padding: 30px 18px 10px;
    position: relative;
    background-color: #f5f5f5
}

.gmg-text-ad .text-ad__inner:before {
    content: 'Advertisement';
    text-transform: uppercase;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    color: #ccc;
    font-size: 13px
}

.gmg-text-ad a {
    display: block;
    color: #000
}

.gmg-text-ad a:hover {
    text-decoration: none
}

.gmg-text-ad .text-ad__headline {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 5px;
    color: #000
}

.gmg-text-ad a:hover .text-ad__headline {
    text-decoration: underline
}

.gmg-text-ad .text-ad__excerpt {
    font-family: "ElizabethSerif", Georgia, serif;
    font-size: 15px;
    color: #333;
    line-height: 26px;
    margin: 0 0 3px
}

.gmg-text-ad .text-ad__more {
    color: #ccc;
    font-size: 15px
}

@keyframes discussion-status-badge-animation {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.discussion-status-badge-wrapper {
    display: block;
    margin-bottom: 2px
}

.discussion-status-badge-wrapper .discussion-status-badge {
    color: #fff;
    background-color: rgba(0,0,0,0.7);
    display: inline;
    padding: 5px 10px
}

.discussion-status-badge {
    color: #ef7740;
    line-height: 24px;
    margin-bottom: 12px;
    text-transform: uppercase
}

.discussion-status-badge:before {
    display: inline-block;
    content: '';
    width: 11px;
    height: 11px;
    background-color: #ef7740;
    border-radius: 11px;
    margin-right: 5px;
    animation: discussion-status-badge-animation 4s cubic-bezier(0.4, 0, 0.2, 1) infinite
}

.f_videopage_cta_on .jwplayer.flex-video.widescreen {
    padding-bottom: calc(52.9% + 30px)
}

.f_videopage_cta_on .has-video .jwplayer.jwplayer-playlist-frame {
    padding-bottom: calc(87% + 30px)
}

.meta__tools .f-dropdown {
    text-align: left
}

.commerce-disclaimer {
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex
}

.commerce-disclaimer:before {
    content: "";
    border-left: 2px solid #72ad75;
    margin: 4px 0 6px
}

.commerce-disclaimer span {
    padding-left: 10px
}

.sharingfooter {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 98;
    box-shadow: 0 0 1px rgba(0,0,0,0.4);
    height: 38px;
    line-height: 38px;
    vertical-align: middle;
    font-size: 13px
}

html.fallback-fonts .sharingfooter {
    font-family: "Arial Narrow",Arial,sans-serif;
    font-size: 12.285px;
    line-height: 39.444px;
    letter-spacing: 0.5px
}

.sharingfooter:active,.sharingfooter:hover {
    box-shadow: 0 0 1px rgba(0,0,0,0.55),0 0 3px rgba(0,0,0,0.1);
    transition: all 200ms ease-in-out
}

.sharingfooter__wrapper {
    margin: 0 auto;
    max-width: 63rem;
    width: 100%;
    max-width: 1336px
}

.sharingfooter__wrapper:after,.sharingfooter__wrapper:before {
    content: " ";
    display: table
}

.sharingfooter__wrapper:after {
    clear: both
}

.sharingfooter__content {
    float: right;
    padding: 0 1.125rem
}

.sharingfooter__content a {
    display: inline-block;
    margin-left: 10px
}

.sharingfooter__content .button--share {
    margin-top: 5px
}

@media only screen and (max-width: 49.938em) {
    .sharingfooter__content {
        float: none;
        text-align: center
    }

    .sharingfooter__content a {
        margin: 0
    }

    .sharingfooter__content .sharingfooter__facebook {
        text-align: right;
        padding-right: 10px
    }

    .sharingfooter__content .sharingfooter__twitter {
        text-align: left;
        padding-left: 10px
    }
}

.alert-bar {
    position: relative;
    padding: 0.5em;
    background-color: #eeb544;
    color: rgba(0,0,0,0.6)
}

.alert-bar.alert-bar__hero {
    margin: 2em 0;
    font-size: 1.1em
}

.alert-bar.alert-bar__inline {
    width: 100%
}

.alert-bar.alert-bar__control {
    padding-right: 2em
}

.alert-bar .alert-bar__text {
    position: relative;
    top: 1px
}

.alert-bar .alert-bar__icon {
    position: absolute;
    top: 10px;
    right: 10px
}

.reply__byline,a.reply__count span,a.reply__link span {
    font-family: "ProximaNovaCond",sans-serif;
    font-weight: 500
}

.reply .unapproved-msg,.reply__pending-label,.reply__publish-time,.reply__to-author {
    font-family: "ProximaNovaCond",sans-serif;
    font-weight: 400
}

@media only screen and (max-width: 37.438em) {
    .reply--depth-0 {
        margin-left: 0
    }
}

.reply--depth-0>.reply__header>.avatar {
    margin-top: 0
}

.reply--depth-0>.reply__header>.avatar img {
    width: 40px;
    height: 40px
}

@media only screen and (max-width: 37.438em) {
    .reply--depth-0>.reply__header>.avatar {
        margin-top: 2px
    }

    .reply--depth-0>.reply__header>.avatar img {
        width: 32px;
        height: 32px
    }
}

.reply--depth-0>.reply__content {
    -moz-flex: 1 1 1px;
    -ms-flex: 1 1 1px;
    flex: 1 1 1px;
    max-width: 696px;
    padding-left: 60px
}

@media only screen and (max-width: 37.438em) {
    .reply--depth-0>.reply__content {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding-left: 0
    }
}

.reply--depth-0>.reply__tools {
    padding-left: 60px
}

@media only screen and (max-width: 37.438em) {
    .reply--depth-0>.reply__tools {
        padding-left: 1.125rem
    }
}

.reply--depth-0.anchor>.reply__content {
    max-width: 666px
}

ul.commentlist {
    margin: 0
}

ul.commentlist--depth-0 {
    position: relative;
    left: -5px
}

@media only screen and (max-width: 37.438em) {
    ul.commentlist--depth-0 {
        left: 0
    }
}

ul.commentlist--depth-0 .unapproved-filter--thread {
    width: 686px;
    margin-left: 60px
}

@media only screen and (max-width: 37.438em) {
    ul.commentlist--depth-0 .unapproved-filter--thread {
        width: auto;
        margin-left: 0
    }
}

ul.commentlist--depth-1 {
    margin-left: 60px
}

@media only screen and (max-width: 37.438em) {
    ul.commentlist--depth-1 {
        margin-left: 18px
    }
}

ul.commentlist--depth-1+.reply-footer-bar {
    margin-left: 60px
}

@media only screen and (max-width: 37.438em) {
    ul.commentlist--depth-1+.reply-footer-bar {
        margin-left: 0
    }
}

.commentlist__item:after {
    content: '';
    display: block;
    height: 0;
    width: auto;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 60px
}

@media only screen and (max-width: 37.438em) {
    .commentlist__item:after {
        position: relative;
        width: 120%;
        left: -20%;
        margin: 0
    }
}

.commentlist__item:last-child:after {
    display: none
}

@media only screen and (min-width: 37.5em) {
    .commentlist__item--depth-1:after {
        width: auto;
        margin: 0 46px 0 50px
    }
}

@media screen and (min-width: 64em) and (max-width: 69.375em) {
    .commentlist__item--depth-1:after {
        margin: 0 0 0 50px
    }
}

.commentlist__item--depth-1:first-child:before {
    content: '';
    display: block;
    height: 0;
    width: auto;
    border-bottom: 1px solid #e5e5e5
}

@media only screen and (max-width: 37.438em) {
    .commentlist__item--depth-1:first-child:before {
        position: relative;
        width: 120%;
        left: -20%
    }
}

@media only screen and (min-width: 37.5em) {
    .commentlist__item--depth-1:first-child:before {
        margin-right: 50px
    }
}

@media screen and (min-width: 1024px) and (max-width: 1110px) {
    .commentlist__item--depth-1:first-child:before {
        margin: 0
    }
}

.commentlist__item:not(.commentlist__item--depth-0) .editor {
    margin-left: 0
}

.commentlist__item--depth-0.commentlist__item--expandable:after {
    display: none
}

.commentlist__item--depth-0.commentlist__item--expandable .reply-footer-bar {
    display: block
}

.reply {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-width: 800px;
    padding: 20px 0;
    position: relative
}

.reply:hover .post-dropdown-trigger .svg-icon {
    opacity: 1
}

.reply p.media-640 {
    padding-bottom: 1rem
}

.reply .media-300 {
    float: left;
    max-width: 50%;
    margin: 0 2.25rem 0 0;
    padding: 5px 0 15px 0
}

.reply .post-tools {
    bottom: 0;
    margin: 0;
    position: absolute;
    right: 0
}

.reply .post-tools .post-bottom {
    margin: 0
}

.reply .unapproved-msg {
    color: #aaa;
    font-size: .875rem;
    padding-bottom: 1rem;
    font-style: italic
}

.reply img {
    width: 100%
}

.reply.anchor:before {
    content: '';
    display: inline-block;
    height: 100%;
    width: 3px;
    position: absolute;
    left: -16px;
    top: 0
}

@media only screen and (max-width: 37.438em) {
    .reply.anchor:before {
        left: -1.125rem
    }
}

.reply__header {
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
    width: 100%;
    color: #aaa;
    line-height: 1.4;
    position: relative;
    padding-right: 23px;
    padding-bottom: 10px
}

@media only screen and (min-width: 66.3em) {
    .reply__header {
        padding-right: 0
    }
}

.reply__header .icon {
    opacity: 0.3;
    margin-left: 10px
}

@media only screen and (max-width: 1024px) {
    .reply__header .icon {
        margin-top: -5px;
        margin-left: 3px
    }
}

.reply__header>.avatar {
    float: left;
    display: block;
    position: relative;
    margin-top: 2px;
    margin-right: 20px
}

@media only screen and (max-width: 37.438em) {
    .reply__header>.avatar {
        margin-right: 10px
    }
}

.reply__header>.avatar img {
    height: 30px;
    width: 30px;
    display: block
}

@media only screen and (max-width: 37.438em) {
    .reply__header>.avatar img {
        width: 32px;
        height: 32px
    }
}

.reply__header>.avatar .svg-checkmark {
    right: -6px;
    bottom: -5px
}

.reply__header .avatar .svg-checkmark,.reply__header .avatar .svg-checkmark--small {
    display: none;
    position: absolute;
    fill: #0093ec;
    opacity: .9
}

.reply__header .post-dropdown-trigger {
    position: absolute;
    right: 0
}

@media only screen and (max-width: 37.438em) {
    .reply__header .post-dropdown-trigger {
        right: 10px
    }
}

.reply__header .post-dropdown-ct {
    position: absolute;
    top: 3px
}

@media only screen and (max-width: 37.438em) {
    .reply__header .post-dropdown-ct {
        position: static
    }
}

@media only screen and (min-width: 37.5em) {
    .reply__header .post-dropdown-ct {
        right: -14px
    }
}

@media only screen and (min-width: 900px) and (max-width: 1024px) {
    .reply__header .post-dropdown-ct {
        right: -67px;
        min-width: 300px;
        min-height: 100px
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1407px) {
    .reply__header .post-dropdown-ct {
        right: -41px;
        min-width: 300px;
        min-height: 100px
    }
}

@media only screen and (min-width: 1408px) {
    .reply__header .post-dropdown-ct {
        right: -67px;
        min-width: 300px;
        min-height: 100px
    }
}

@media only screen and (min-width: 37.5em) {
    .reply__header .post-dropdown-ct .f-dropdown {
        margin-left: 6px
    }
}

@media only screen and (min-width: 88em) {
    .reply__header .post-dropdown-ct .f-dropdown {
        margin-left: -169px
    }
}

@media only screen and (max-width: 37.438em) {
    .reply__header .post-dropdown-ct .f-dropdown {
        width: 90%;
        left: 5%;
        right: 5%
    }
}

.reply__header .post-dropdown-ct .f-dropdown .repostblock {
    background: inherit;
    cursor: default
}

.reply__header .post-dropdown-ct .f-dropdown .repostblock ul {
    margin: 0
}

.reply__header .post-dropdown-ct .f-dropdown .repostblock .repostheader {
    display: block;
    background: inherit;
    cursor: default;
    padding-left: 0.5rem
}

.reply__header.without-dropdown {
    padding-right: 0
}

.reply__header.without-dropdown .post-dropdown-ct {
    display: none
}

.reply__header.followed .avatar .svg-checkmark,.reply__header.followed .avatar .svg-checkmark--small {
    display: block
}

.featured-post .reply__header .post-dropdown-ct {
    right: -14px
}

.reply__byline {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    font-size: 16px
}

@media only screen and (max-width: 37.438em) {
    .reply__byline {
        font-size: 14px
    }
}

.reply__byline a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: none;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    font-weight: bold;
    color: #000
}

.reply__byline a:focus,.reply__byline a:hover {
    color: #000
}

.reply__to-author {
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: none;
    font-weight: normal
}

@media only screen and (max-width: 1024px) {
    .reply__to-author .icon {
        margin-top: -3px
    }
}

.reply__publish-time {
    font-size: .812rem
}

.reply__publish-time a {
    color: #aaa
}

.reply__publish-time a:active,.reply__publish-time a:focus,.reply__publish-time a:hover {
    color: #aaa;
    text-decoration: underline
}

.reply__pending-label {
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    display: none;
    float: right;
    margin-right: 50px
}

@media only screen and (max-width: 37.438em) {
    .reply__pending-label {
        float: none;
        margin: 0;
        position: absolute;
        right: 0;
        top: 22px
    }
}

.reply__content {
    -moz-flex: 1 1 1px;
    -ms-flex: 1 1 1px;
    flex: 1 1 1px;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    max-width: 636px;
    position: relative;
    padding-left: 50px
}

@media only screen and (max-width: 37.438em) {
    .reply__content {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding-left: 0
    }
}

.reply__content blockquote,.reply__content ol,.reply__content p,.reply__content ul {
    font-size: 15px;
    line-height: 28px;
    padding-bottom: .625rem
}

.reply__content>:last-child {
    padding-bottom: 0
}

.reply__content .referenced-wide {
    display: none
}

.reply__content .referenced-wide.referenced-amazon {
    display: block
}

@media only screen and (max-width: 37.438em) {
    .reply__content {
        width: 100%
    }
}

@media only screen and (max-width: 49.938em) {
    .reply__content .has-video.has-video.media-large {
        margin: 0
    }
}

a.reply__count,a.reply__link {
    line-height: 1;
    color: #aaa
}

a.reply__count span,a.reply__link span {
    color: #000
}

a.reply__count .icon,a.reply__link .icon {
    margin-left: 5px
}

a.reply__count:active,a.reply__count:focus,a.reply__count:hover,a.reply__link:active,a.reply__link:focus,a.reply__link:hover {
    color: #aaa;
    text-decoration: none
}

.reply__link {
    margin-left: 6.5px;
    position: relative
}

@media only screen and (max-width: 37.438em) {
    .reply-disabled,.reply__content p,.reply__header {
        padding-left: 1.125rem;
        padding-right: 1.125rem
    }
}

meta.foundation-version {
    font-family: "/5.5.2/"
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0
}

meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 37.438em)/";
    width: 0
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:37.5em)/";
    width: 37.5em
}

meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:37.5em) and (max-width:49.938em)/";
    width: 37.5em
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:50em)/";
    width: 50em
}

meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:50em) and (max-width:63.9em)/";
    width: 50em
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:64em)/";
    width: 64em
}

meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:64em) and (max-width:66.25em)/";
    width: 64em
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:66.3em)/";
    width: 66.3em
}

meta.foundation-data-attribute-namespace {
    font-family: false
}

body,html {
    height: 100%
}

html {
    box-sizing: border-box
}

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

body,html {
    font-size: 16px
}

body {
    background: #fff;
    color: #222;
    cursor: auto;
    font-family: "ProximaNovaCond",sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    margin: 0;
    padding: 0;
    position: relative
}

a:hover {
    cursor: pointer
}

img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

#map_canvas embed,#map_canvas img,#map_canvas object,.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object {
    max-width: none !important
}

.left {
    float: left !important
}

.right {
    float: right !important
}

.clearfix:after,.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.hide {
    display: none
}

.invisible {
    visibility: hidden
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle
}

textarea {
    height: auto;
    min-height: 50px
}

select {
    width: 100%
}

[class*=block-grid-] {
    display: block;
    padding: 0;
    margin: 0 -.625rem
}

[class*=block-grid-]:after,[class*=block-grid-]:before {
    content: " ";
    display: table
}

[class*=block-grid-]:after {
    clear: both
}

[class*=block-grid-]>li {
    display: block;
    float: left;
    height: auto;
    padding: 0 .625rem 1.25rem
}

@media only screen {
    .small-block-grid-1>li {
        list-style: none;
        width: 100%
    }

    .small-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }

    .small-block-grid-2>li {
        list-style: none;
        width: 50%
    }

    .small-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-2>li:nth-of-type(odd) {
        clear: both
    }

    .small-block-grid-3>li {
        list-style: none;
        width: 33.333%
    }

    .small-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }

    .small-block-grid-4>li {
        list-style: none;
        width: 25%
    }

    .small-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }

    .small-block-grid-5>li {
        list-style: none;
        width: 20%
    }

    .small-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }

    .small-block-grid-6>li {
        list-style: none;
        width: 16.667%
    }

    .small-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }

    .small-block-grid-7>li {
        list-style: none;
        width: 14.286%
    }

    .small-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }

    .small-block-grid-8>li {
        list-style: none;
        width: 12.5%
    }

    .small-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }

    .small-block-grid-9>li {
        list-style: none;
        width: 11.111%
    }

    .small-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .small-block-grid-10>li {
        list-style: none;
        width: 10%
    }

    .small-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }

    .small-block-grid-11>li {
        list-style: none;
        width: 9.091%
    }

    .small-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }

    .small-block-grid-12>li {
        list-style: none;
        width: 8.333%
    }

    .small-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width: 37.5em) {
    .medium-block-grid-1>li {
        list-style: none;
        width: 100%
    }

    .medium-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }

    .medium-block-grid-2>li {
        list-style: none;
        width: 50%
    }

    .medium-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-2>li:nth-of-type(odd) {
        clear: both
    }

    .medium-block-grid-3>li {
        list-style: none;
        width: 33.333%
    }

    .medium-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }

    .medium-block-grid-4>li {
        list-style: none;
        width: 25%
    }

    .medium-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }

    .medium-block-grid-5>li {
        list-style: none;
        width: 20%
    }

    .medium-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }

    .medium-block-grid-6>li {
        list-style: none;
        width: 16.667%
    }

    .medium-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }

    .medium-block-grid-7>li {
        list-style: none;
        width: 14.286%
    }

    .medium-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }

    .medium-block-grid-8>li {
        list-style: none;
        width: 12.5%
    }

    .medium-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }

    .medium-block-grid-9>li {
        list-style: none;
        width: 11.111%
    }

    .medium-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .medium-block-grid-10>li {
        list-style: none;
        width: 10%
    }

    .medium-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }

    .medium-block-grid-11>li {
        list-style: none;
        width: 9.091%
    }

    .medium-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }

    .medium-block-grid-12>li {
        list-style: none;
        width: 8.333%
    }

    .medium-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width: 50em) {
    .large-block-grid-1>li {
        list-style: none;
        width: 100%
    }

    .large-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }

    .large-block-grid-2>li {
        list-style: none;
        width: 50%
    }

    .large-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-2>li:nth-of-type(odd) {
        clear: both
    }

    .large-block-grid-3>li {
        list-style: none;
        width: 33.333%
    }

    .large-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }

    .large-block-grid-4>li {
        list-style: none;
        width: 25%
    }

    .large-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }

    .large-block-grid-5>li {
        list-style: none;
        width: 20%
    }

    .large-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }

    .large-block-grid-6>li {
        list-style: none;
        width: 16.667%
    }

    .large-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }

    .large-block-grid-7>li {
        list-style: none;
        width: 14.286%
    }

    .large-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }

    .large-block-grid-8>li {
        list-style: none;
        width: 12.5%
    }

    .large-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }

    .large-block-grid-9>li {
        list-style: none;
        width: 11.111%
    }

    .large-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .large-block-grid-10>li {
        list-style: none;
        width: 10%
    }

    .large-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }

    .large-block-grid-11>li {
        list-style: none;
        width: 9.091%
    }

    .large-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }

    .large-block-grid-12>li {
        list-style: none;
        width: 8.333%
    }

    .large-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

.icon {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    font-weight: normal !important;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    vertical-align: top;
    text-align: center;
    color: #000
}

.icon.inline {
    display: inline;
    vertical-align: inherit
}

.icon.giant {
    font-size: 24px;
    height: 24px;
    width: 24px
}

.icon.oversized {
    font-size: 20px;
    height: 20px;
    width: 20px;
    position: relative;
    top: 1px
}

.icon.downsized {
    font-size: 14px;
    height: 14px;
    width: 14px;
    position: relative;
    top: 1px
}

.icon.downsized.icon-append {
    margin-left: 3px
}

.icon.icon-append {
    margin-left: 5px
}

.icon.icon-prepend {
    margin-right: 10px
}

.icon.active {
    opacity: 1 !important;
    color: #0093ec
}

.icon.transparent {
    opacity: 0.5
}

.button .icon {
    vertical-align: middle
}

.button.icon,.button .icon,.hover-icon.icon,.hover-icon .icon {
    opacity: 0.3
}

.button.icon:hover,.button:hover .icon,.hover-icon.icon:hover,.hover-icon:hover .icon {
    opacity: 0.5
}

.icon-white {
    color: #fff
}

.icon-black {
    color: #000
}

.icon-red {
    color: #eeb544
}

.icon-green {
    color: #39a235
}

.icon-dustinburger {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 15px
}

.icon-dustinburger span {
    display: block;
    height: 1px;
    background: #000;
    margin-bottom: 5px
}

.icon-dustinburger span:nth-child(2) {
    width: 75%
}

.icon-dustinburger span:nth-child(3) {
    width: 50%;
    margin-bottom: 0
}

.active>.icon-dustinburger span,:hover>.icon-dustinburger span {
    background: #0093ec
}

@media only screen and (max-width: 1024px) {
    .icon,.icon.downsized,.icon.oversized {
        width: 24px;
        height: 24px;
        font-size: 24px;
        line-height: 24px
    }
}

.avatar-default {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url("//x.kinja-static.com/assets/images/icons/avatar-round.png");
    background-size: contain;
    vertical-align: middle
}

.img-20 .avatar-default {
    width: 20px;
    height: 20px
}

.img-30 .avatar-default {
    width: 30px;
    height: 30px
}

.avatar-mini {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("//x.kinja-static.com/assets/images/icons/avatar-round.png");
    background-size: contain;
    vertical-align: middle
}

.avatar-default.hide,.avatar-mini.hide {
    background-image: none
}

.svg-gmgavatar {
    width: 16px;
    height: 16px;
    background-color: #e5e5e5;
    border-radius: 2px;
    transition: all 0.2s linear
}

.svg-gmgavatar:hover.gmgavatar-default {
    background-color: #0093ec
}

.svg-gmgavatar:hover.gmgavatar-cink {
    background-color: #99349e
}

.svg-gmgavatar:hover.gmgavatar-deadspin {
    background-color: #2D9D92
}

.svg-gmgavatar:hover.gmgavatar-gawker {
    background-color: #E25A48
}

.svg-gmgavatar:hover.gmgavatar-gizmodo {
    background-color: #28ADE6
}

.svg-gmgavatar:hover.gmgavatar-io9 {
    background-color: #C34B9E
}

.svg-gmgavatar:hover.gmgavatar-jalopnik {
    background-color: #417FB9
}

.svg-gmgavatar:hover.gmgavatar-jezebel {
    background-color: #E21638
}

.svg-gmgavatar:hover.gmgavatar-kotaku {
    background-color: #B22460
}

.svg-gmgavatar:hover.gmgavatar-lifehacker {
    background-color: #709602
}

.svg-gmgavatar:hover.gmgavatar-theroot {
    background-color: #509b22
}

.svg-gmgavatar:hover.gmgavatar-default {
    background-color: #222
}

a:hover .svg-gmgavatar.gmgavatar-default {
    background-color: #0093ec
}

a:hover .svg-gmgavatar.gmgavatar-cink {
    background-color: #99349e
}

a:hover .svg-gmgavatar.gmgavatar-deadspin {
    background-color: #2D9D92
}

a:hover .svg-gmgavatar.gmgavatar-gawker {
    background-color: #E25A48
}

a:hover .svg-gmgavatar.gmgavatar-gizmodo {
    background-color: #28ADE6
}

a:hover .svg-gmgavatar.gmgavatar-io9 {
    background-color: #C34B9E
}

a:hover .svg-gmgavatar.gmgavatar-jalopnik {
    background-color: #417FB9
}

a:hover .svg-gmgavatar.gmgavatar-jezebel {
    background-color: #E21638
}

a:hover .svg-gmgavatar.gmgavatar-kotaku {
    background-color: #B22460
}

a:hover .svg-gmgavatar.gmgavatar-lifehacker {
    background-color: #709602
}

a:hover .svg-gmgavatar.gmgavatar-theroot {
    background-color: #509b22
}

a:hover .svg-gmgavatar.gmgavatar-default {
    background-color: #222
}

.image-placeholder {
    width: 132px;
    height: 100px;
    margin: 1rem 0 0.5rem;
    font-size: 153px;
    text-indent: -3px;
    line-height: 123px
}

.post-list.notifications .image-placeholder,.post-list.private-list .image-placeholder {
    opacity: 0.5
}

.icon.icon-18 {
    height: 18px;
    width: 18px;
    font-size: 18px;
    line-height: 18px
}

.icon.icon-24 {
    height: 24px;
    width: 24px;
    font-size: 24px;
    line-height: 24px
}

.icon.icon-32 {
    height: 32px;
    width: 32px;
    font-size: 32px;
    line-height: 32px
}

.icon.icon-48 {
    height: 48px;
    width: 48px;
    font-size: 48px;
    line-height: 48px
}

.icon.icon-64 {
    height: 64px;
    width: 64px;
    font-size: 64px;
    line-height: 64px
}

.sub-nav .icon {
    font-size: 11px
}

.sub-nav dd.active .icon {
    opacity: 1;
    color: #fff
}

@media only screen and (min-width: 64em) {
    .sub-nav .icon {
        margin-top: 3px
    }
}

.svg-icon {
    width: 18px;
    height: 18px;
    margin-top: -4.5px;
    display: inline-block;
    vertical-align: middle;
    opacity: .3;
    pointer-events: none
}

.svg-icon.small {
    width: 10px;
    height: 10px;
    margin-top: -6px
}

.svg-icon.giant {
    width: 24px;
    height: 24px;
    margin-top: -6px
}

.svg-icon.stroked {
    fill: none;
    stroke: #000
}

.svg-icon--white .svg-icon {
    fill: #fff;
    opacity: .6
}

.u-static .svg-icon {
    width: 18px !important;
    height: 18px !important;
    margin-top: -4.5px !important
}

.u-appended.u-static .svg-icon {
    margin-left: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-appended.u-static .svg-icon {
        margin-left: 9.9px !important
    }
}

.u-appended .svg-icon {
    margin-left: 15px
}

@media only screen and (min-width: 50em) {
    .u-appended .svg-icon {
        margin-left: 9.9px
    }
}

.u-prepended.u-static .svg-icon {
    margin-right: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-prepended.u-static .svg-icon {
        margin-right: 9.9px !important
    }
}

.u-prepended .svg-icon {
    margin-right: 15px
}

@media only screen and (min-width: 50em) {
    .u-prepended .svg-icon {
        margin-right: 9.9px
    }
}

.u-lilliputian .svg-icon {
    width: 10px;
    height: 10px;
    margin-top: -6px
}

.u-lilliputian.u-static .svg-icon {
    width: 10px !important;
    height: 10px !important;
    margin-top: -6px !important
}

.u-lilliputian.u-appended.u-static .svg-icon {
    margin-left: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-lilliputian.u-appended.u-static .svg-icon {
        margin-left: 9.9px !important
    }
}

.u-lilliputian.u-appended .svg-icon {
    margin-left: 15px
}

@media only screen and (min-width: 50em) {
    .u-lilliputian.u-appended .svg-icon {
        margin-left: 9.9px
    }
}

.u-lilliputian.u-prepended .svg-icon.u-static .svg-icon {
    margin-right: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-lilliputian.u-prepended .svg-icon.u-static .svg-icon {
        margin-right: 9.9px !important
    }
}

.u-lilliputian.u-prepended .svg-icon .svg-icon {
    margin-right: 15px
}

@media only screen and (min-width: 50em) {
    .u-lilliputian.u-prepended .svg-icon .svg-icon {
        margin-right: 9.9px
    }
}

.u-tiny .svg-icon {
    width: 12px;
    height: 12px;
    margin-top: -4px
}

.u-tiny.u-static .svg-icon {
    width: 12px !important;
    height: 12px !important;
    margin-top: -4px !important
}

.u-tiny.u-appended.u-static .svg-icon {
    margin-left: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-tiny.u-appended.u-static .svg-icon {
        margin-left: 9.9px !important
    }
}

.u-tiny.u-appended .svg-icon {
    margin-left: 15px
}

@media only screen and (min-width: 50em) {
    .u-tiny.u-appended .svg-icon {
        margin-left: 9.9px
    }
}

.u-tiny.u-prepended .svg-icon.u-static .svg-icon {
    margin-right: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-tiny.u-prepended .svg-icon.u-static .svg-icon {
        margin-right: 9.9px !important
    }
}

.u-tiny.u-prepended .svg-icon .svg-icon {
    margin-right: 15px
}

@media only screen and (min-width: 50em) {
    .u-tiny.u-prepended .svg-icon .svg-icon {
        margin-right: 9.9px
    }
}

.u-downsized .svg-icon {
    width: 16px;
    height: 16px;
    margin-top: -4px
}

.u-downsized.u-static .svg-icon {
    width: 16px !important;
    height: 16px !important;
    margin-top: -4px !important
}

.u-downsized.u-appended.u-static .svg-icon {
    margin-left: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-downsized.u-appended.u-static .svg-icon {
        margin-left: 9.9px !important
    }
}

.u-downsized.u-appended .svg-icon {
    margin-left: 15px
}

@media only screen and (min-width: 50em) {
    .u-downsized.u-appended .svg-icon {
        margin-left: 9.9px
    }
}

.u-downsized.u-prepended .svg-icon.u-static .svg-icon {
    margin-right: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-downsized.u-prepended .svg-icon.u-static .svg-icon {
        margin-right: 9.9px !important
    }
}

.u-downsized.u-prepended .svg-icon .svg-icon {
    margin-right: 15px
}

@media only screen and (min-width: 50em) {
    .u-downsized.u-prepended .svg-icon .svg-icon {
        margin-right: 9.9px
    }
}

.u-normal .svg-icon {
    width: 18px;
    height: 18px;
    margin-top: -4.5px
}

.u-normal.u-static .svg-icon {
    width: 18px !important;
    height: 18px !important;
    margin-top: -4.5px !important
}

.u-normal.u-appended.u-static .svg-icon {
    margin-left: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-normal.u-appended.u-static .svg-icon {
        margin-left: 9.9px !important
    }
}

.u-normal.u-appended .svg-icon {
    margin-left: 15px
}

@media only screen and (min-width: 50em) {
    .u-normal.u-appended .svg-icon {
        margin-left: 9.9px
    }
}

.u-normal.u-prepended .svg-icon.u-static .svg-icon {
    margin-right: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-normal.u-prepended .svg-icon.u-static .svg-icon {
        margin-right: 9.9px !important
    }
}

.u-normal.u-prepended .svg-icon .svg-icon {
    margin-right: 15px
}

@media only screen and (min-width: 50em) {
    .u-normal.u-prepended .svg-icon .svg-icon {
        margin-right: 9.9px
    }
}

.u-oversized .svg-icon {
    width: 20px;
    height: 20px;
    margin-top: -3px
}

.u-oversized.u-static .svg-icon {
    width: 20px !important;
    height: 20px !important;
    margin-top: -3px !important
}

.u-oversized.u-appended.u-static .svg-icon {
    margin-left: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-oversized.u-appended.u-static .svg-icon {
        margin-left: 9.9px !important
    }
}

.u-oversized.u-appended .svg-icon {
    margin-left: 15px
}

@media only screen and (min-width: 50em) {
    .u-oversized.u-appended .svg-icon {
        margin-left: 9.9px
    }
}

.u-oversized.u-prepended .svg-icon.u-static .svg-icon {
    margin-right: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-oversized.u-prepended .svg-icon.u-static .svg-icon {
        margin-right: 9.9px !important
    }
}

.u-oversized.u-prepended .svg-icon .svg-icon {
    margin-right: 15px
}

@media only screen and (min-width: 50em) {
    .u-oversized.u-prepended .svg-icon .svg-icon {
        margin-right: 9.9px
    }
}

.u-giant .svg-icon {
    width: 24px;
    height: 24px;
    margin-top: -6px
}

.u-giant.u-static .svg-icon {
    width: 24px !important;
    height: 24px !important;
    margin-top: -6px !important
}

.u-giant.u-appended.u-static .svg-icon {
    margin-left: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-giant.u-appended.u-static .svg-icon {
        margin-left: 9.9px !important
    }
}

.u-giant.u-appended .svg-icon {
    margin-left: 15px
}

@media only screen and (min-width: 50em) {
    .u-giant.u-appended .svg-icon {
        margin-left: 9.9px
    }
}

.u-giant.u-prepended .svg-icon.u-static .svg-icon {
    margin-right: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-giant.u-prepended .svg-icon.u-static .svg-icon {
        margin-right: 9.9px !important
    }
}

.u-giant.u-prepended .svg-icon .svg-icon {
    margin-right: 15px
}

@media only screen and (min-width: 50em) {
    .u-giant.u-prepended .svg-icon .svg-icon {
        margin-right: 9.9px
    }
}

.u-brobdingnagian .svg-icon {
    width: 40px;
    height: 40px;
    margin-top: -6px
}

.u-brobdingnagian.u-static .svg-icon {
    width: 40px !important;
    height: 40px !important;
    margin-top: -6px !important
}

.u-brobdingnagian.u-appended.u-static .svg-icon {
    margin-left: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-brobdingnagian.u-appended.u-static .svg-icon {
        margin-left: 9.9px !important
    }
}

.u-brobdingnagian.u-appended .svg-icon {
    margin-left: 15px
}

@media only screen and (min-width: 50em) {
    .u-brobdingnagian.u-appended .svg-icon {
        margin-left: 9.9px
    }
}

.u-brobdingnagian.u-prepended .svg-icon.u-static .svg-icon {
    margin-right: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-brobdingnagian.u-prepended .svg-icon.u-static .svg-icon {
        margin-right: 9.9px !important
    }
}

.u-brobdingnagian.u-prepended .svg-icon .svg-icon {
    margin-right: 15px
}

@media only screen and (min-width: 50em) {
    .u-brobdingnagian.u-prepended .svg-icon .svg-icon {
        margin-right: 9.9px
    }
}

.u-social .svg-icon {
    width: 32px;
    height: 32px;
    margin-top: 0
}

.u-social.u-static .svg-icon {
    width: 32px !important;
    height: 32px !important;
    margin-top: 0 !important
}

.u-social.u-appended.u-static .svg-icon {
    margin-left: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-social.u-appended.u-static .svg-icon {
        margin-left: 9.9px !important
    }
}

.u-social.u-appended .svg-icon {
    margin-left: 15px
}

@media only screen and (min-width: 50em) {
    .u-social.u-appended .svg-icon {
        margin-left: 9.9px
    }
}

.u-social.u-prepended .svg-icon.u-static .svg-icon {
    margin-right: 15px !important
}

@media only screen and (min-width: 50em) {
    .u-social.u-prepended .svg-icon.u-static .svg-icon {
        margin-right: 9.9px !important
    }
}

.u-social.u-prepended .svg-icon .svg-icon {
    margin-right: 15px
}

@media only screen and (min-width: 50em) {
    .u-social.u-prepended .svg-icon .svg-icon {
        margin-right: 9.9px
    }
}

.svg-lightning {
    margin-left: -1px
}

.svg-star {
    fill: transparent;
    stroke: #000
}

.svg-chevron--small.chevron--right,.svg-chevron.chevron--right {
    transform: rotate(0deg);
    margin-top: -2px !important
}

.svg-chevron--small.chevron--bottom,.svg-chevron.chevron--bottom {
    transform: rotate(90deg)
}

.svg-chevron--small.chevron--left,.svg-chevron.chevron--left {
    transform: rotate(180deg)
}

.svg-chevron--small.chevron--top,.svg-chevron.chevron--top {
    transform: rotate(270deg)
}

.avatar .svg-checkmark--small {
    left: 24px;
    bottom: 0;
    z-index: 10
}

.avatar .svg-checkmark--small,.avatar .svg-checkmark {
    display: none;
    position: absolute;
    fill: #0093ec;
    opacity: .9
}

.avatar .svg-checkmark {
    left: 50px;
    bottom: -4px
}

.meta-avatar.followed .avatar .svg-checkmark--small {
    display: block
}

.search-dropdown .svg-search {
    position: absolute;
    left: 10px;
    top: 15px
}

.nav-dropdown.search-dropdown input {
    padding-left: 30px
}

.search .svg-search {
    position: absolute;
    left: 12px;
    top: 9px
}

.main-menu .input-with-icon input {
    padding-left: 42px
}

.search-trigger {
    margin-left: -5px;
    display: inline-block
}

.search-trigger .svg-icon {
    opacity: .6
}

.search-trigger .svg-search {
    width: 15px;
    height: 15px;
    margin-top: 0;
    opacity: .9
}

.search-trigger .svg-close {
    width: 12px !important;
    height: 12px !important;
    margin-top: 2px !important;
    display: none
}

.search-trigger.active .svg-icon {
    fill: #0093ec
}

.search-trigger.active .svg-search {
    display: none
}

.search-trigger.active .svg-close {
    display: inline-block
}

.search-column .input-with-icon input {
    padding-left: 2.5rem
}

.search-column .svg-search {
    top: 15px
}

.related-blog-list .svg-icon {
    margin-right: 14px
}

@media only screen and (min-width: 64em) {
    .related-blog-list .svg-icon {
        width: 16px;
        height: 16px;
        margin-top: -4px;
        margin-right: 10px
    }
}

.notif-list .center {
    text-align: center
}

.magnifier .svg-zoom-in,.recommend .svg-star {
    position: absolute;
    width: 18px;
    height: 18px;
    left: 7px;
    top: 11px;
    opacity: .6
}

.magnifier .svg-zoom-in {
    fill: #fff
}

.recommend .svg-star {
    stroke: #fff
}

.recommend.active .svg-star,.main-media-star.active .svg-star {
    stroke: #0093ec;
    fill: #0093ec;
    opacity: .9
}

.magnifier:hover .svg-zoom-in,.recommend:hover .svg-star {
    opacity: .9
}

.post-list .post-dropdown-trigger,.reply .post-dropdown-trigger {
    top: 12px
}

@media only screen and (min-width: 64em) {
    .reply .post-dropdown-trigger {
        right: 0
    }
}

.permalink .post-dropdown-trigger {
    top: 2px
}

.button.dropdown .svg-icon {
    width: 16px !important;
    height: 16px !important;
    margin-top: -9px !important;
    position: absolute;
    right: 8px;
    top: 50%
}

@media only screen and (min-width: 37.5em) {
    .formatting-tools .toggle-toolbar {
        margin-right: 0 !important;
        top: 6px;
        right: -4px
    }
}

.toolbar-trigger a {
    width: auto !important;
    height: auto !important
}

.toolbar-trigger .svg-chevron {
    width: 16px;
    height: 16px;
    margin-top: -4px
}

.toolbar-trigger .chevron--bottom {
    margin-top: -3px;
    display: inline-block
}

.toolbar-trigger .chevron--top {
    margin-top: -6px;
    display: none
}

.toolbar-trigger.active .svg-chevron,.toolbar-trigger.active .svg-editor {
    opacity: .6
}

.toolbar-trigger.active .svg-editor {
    fill: #0093ec
}

.toolbar-trigger.active .svg-chevron {
    stroke: #0093ec
}

.toolbar-trigger.active .chevron--bottom {
    display: none
}

.toolbar-trigger.active .chevron--top {
    display: inline-block
}

.editor-toolbar .scroll-left .svg-chevron,.editor-toolbar .scroll-right .svg-chevron {
    stroke: #fff;
    stroke-width: 2px;
    opacity: .9
}

.editor .svg-label {
    margin-left: 6px
}

.tag .taglist {
    padding-left: 16px
}

.discussion-region>.twelve.columns {
    padding-left: 0
}

.discussion-region>.twelve.columns .svg-bubble-close {
    margin-top: -2px
}

.reveal-modal .key-box .token-container {
    padding-left: 24px
}

.reveal-modal .key-box .token-container .svg-key {
    position: absolute;
    left: 0;
    top: 16px
}

.settings-account.checked .svg-add {
    display: none
}

.settings-account.checked .svg-checkmark {
    display: inline
}

.settings-account.checked .svg-add--small {
    display: none
}

.settings-account.checked .svg-checkmark--small {
    display: inline
}

.settings-account .svg-icon {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 4px
}

@media only screen and (max-width: 49.938em) {
    .settings-account .svg-icon {
        width: 18px;
        height: 18px;
        margin-top: -6px
    }
}

.settings-account .svg-add {
    opacity: .9
}

.settings-account .svg-checkmark {
    display: none
}

.settings-account .svg-add--small {
    opacity: .9
}

.settings-account .svg-checkmark--small {
    display: none
}

.settings-entity .add,.settings-entity .check,.settings-entity .cross {
    text-align: center
}

.settings-entity .add .svg-icon {
    width: 16px;
    height: 16px;
    margin-top: -3px
}

.settings-entity .check .svg-close,.settings-entity .cross .svg-close {
    width: 10px;
    height: 10px;
    margin-top: -6px
}

.settings-entity .check .svg-checkmark,.settings-entity .cross .svg-checkmark {
    width: 12px;
    height: 12px;
    margin-top: -5px
}

.settings-entity .check .svg-checkmark {
    display: inline-block
}

.settings-entity .check .svg-close {
    display: none
}

.settings-entity:hover .svg-icon {
    opacity: .9 !important
}

.settings-entity:hover .check .svg-checkmark {
    display: none
}

.settings-entity:hover .check .svg-close {
    display: inline-block
}

.secondary-nav__item:after {
    display: none
}

.secondary-nav__item .svg-icon {
    position: absolute;
    right: 16px;
    top: 22px
}

.share-row .svg-facebook,.share-row .svg-googleplus,.share-row .svg-googlesignin,.share-row .svg-twitter {
    width: 32px;
    height: 32px;
    margin-top: -3px
}

@media only screen and (max-width: 63.9em) {
    .svg-icon {
        width: 20px;
        height: 20px;
        margin-top: -3px
    }
}

.spinner .svg-icon {
    opacity: .9;
    display: block;
    margin: 0 auto
}

.svg-icon.svg-avatar-big {
    width: 40px;
    height: 40px
}

circle,path,rect {
    vector-effect: non-scaling-stroke
}

.svg-icon {
    fill: none;
    stroke-width: 1.01px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #000
}

.svg-icon--filled {
    fill: #000;
    stroke: none
}

.svg-icon.svg-facebook-circle,.svg-icon.svg-twitter-circle {
    border-radius: 50%;
    border: solid 1px #000
}

.toolbar-trigger.active .svg-editor {
    fill: none;
    stroke: #0093ec
}

.magnifier .svg-zoom-in {
    fill: none;
    stroke: #fff
}

.f-dropdown {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #fff;
    border: solid 1px #ccc;
    font-size: .875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: 2px;
    max-width: 200px
}

.f-dropdown.open {
    display: block
}

.f-dropdown>:first-child {
    margin-top: 0
}

.f-dropdown>:last-child {
    margin-bottom: 0
}

.f-dropdown:before {
    border: inset 6px;
    border-color: transparent transparent #fff transparent;
    border-bottom-style: solid;
    top: -12px;
    left: 10px;
    z-index: 89
}

.f-dropdown:before,.f-dropdown:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute
}

.f-dropdown:after {
    border: inset 7px;
    border-color: transparent transparent #ccc transparent;
    border-bottom-style: solid;
    top: -14px;
    left: 9px;
    z-index: 88
}

.f-dropdown.right:before {
    left: auto;
    right: 10px
}

.f-dropdown.right:after {
    left: auto;
    right: 9px
}

.f-dropdown.drop-right {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #fff;
    border: solid 1px #ccc;
    font-size: .875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: 0;
    margin-left: 2px;
    max-width: 200px
}

.f-dropdown.drop-right.open {
    display: block
}

.f-dropdown.drop-right>:first-child {
    margin-top: 0
}

.f-dropdown.drop-right>:last-child {
    margin-bottom: 0
}

.f-dropdown.drop-right:before {
    border: inset 6px;
    border-color: transparent #fff transparent transparent;
    border-right-style: solid;
    top: 10px;
    left: -12px;
    z-index: 89
}

.f-dropdown.drop-right:before,.f-dropdown.drop-right:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute
}

.f-dropdown.drop-right:after {
    border: inset 7px;
    border-color: transparent #ccc transparent transparent;
    border-right-style: solid;
    top: 9px;
    left: -14px;
    z-index: 88
}

.f-dropdown.drop-left {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #fff;
    border: solid 1px #ccc;
    font-size: .875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: 0;
    margin-left: -2px;
    max-width: 200px
}

.f-dropdown.drop-left.open {
    display: block
}

.f-dropdown.drop-left>:first-child {
    margin-top: 0
}

.f-dropdown.drop-left>:last-child {
    margin-bottom: 0
}

.f-dropdown.drop-left:before {
    border: inset 6px;
    border-color: transparent transparent transparent #fff;
    border-left-style: solid;
    top: 10px;
    right: -12px;
    z-index: 89
}

.f-dropdown.drop-left:before,.f-dropdown.drop-left:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    left: auto
}

.f-dropdown.drop-left:after {
    border: inset 7px;
    border-color: transparent transparent transparent #ccc;
    border-left-style: solid;
    top: 9px;
    right: -14px;
    z-index: 88
}

.f-dropdown.drop-top {
    display: none;
    left: -9999px;
    list-style: none;
    position: absolute;
    background: #fff;
    border: solid 1px #ccc;
    font-size: .875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-left: 0;
    margin-top: -2px;
    max-width: 200px
}

.f-dropdown.drop-top.open {
    display: block
}

.f-dropdown.drop-top>:first-child {
    margin-top: 0
}

.f-dropdown.drop-top>:last-child {
    margin-bottom: 0
}

.f-dropdown.drop-top:before {
    border: inset 6px;
    border-color: #fff transparent transparent transparent;
    border-top-style: solid;
    bottom: -12px;
    left: 10px;
    z-index: 89
}

.f-dropdown.drop-top:before,.f-dropdown.drop-top:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    top: auto;
    right: auto
}

.f-dropdown.drop-top:after {
    border: inset 7px;
    border-color: #ccc transparent transparent transparent;
    border-top-style: solid;
    bottom: -14px;
    left: 9px;
    z-index: 88
}

.f-dropdown li {
    cursor: pointer;
    font-size: .875rem;
    line-height: 1.25rem;
    margin: 0
}

.f-dropdown li:focus,.f-dropdown li:hover {
    background: #eee
}

.f-dropdown li.radius {
    border-radius: 0
}

.f-dropdown li a {
    display: block;
    padding: .5rem;
    color: #555
}

.f-dropdown.content {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #fff;
    border: solid 1px #ccc;
    font-size: .875rem;
    height: auto;
    max-height: none;
    padding: .938rem;
    width: 100%;
    z-index: 89;
    max-width: 200px
}

.f-dropdown.content.open {
    display: block
}

.f-dropdown.content>:first-child {
    margin-top: 0
}

.f-dropdown.content>:last-child {
    margin-bottom: 0
}

.f-dropdown.tiny {
    max-width: 200px
}

.f-dropdown.small {
    max-width: 300px
}

.f-dropdown.medium {
    max-width: 500px
}

.f-dropdown.large {
    max-width: 800px
}

.f-dropdown.mega {
    width: 100% !important;
    max-width: 100% !important
}

.f-dropdown.mega.open {
    left: 0 !important
}

.flex-video {
    height: 0;
    margin-bottom: 1rem;
    overflow: hidden;
    padding-bottom: 67.5%;
    padding-top: 1.562rem;
    position: relative
}

.flex-video.widescreen {
    padding-bottom: 56.34%
}

.flex-video.vimeo {
    padding-top: 0
}

.flex-video embed,.flex-video iframe,.flex-video object,.flex-video video {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0
}

.button,button {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: "ProximaNovaCond",sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 1rem 2rem 1.062rem 2rem;
    font-size: 1rem;
    background-color: #008CBA;
    border-color: #007095;
    color: #fff;
    transition: background-color 300ms ease-out
}

.button:focus,.button:hover,button:focus,button:hover {
    background-color: #007095;
    color: #fff
}

.button.secondary,button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333
}

.button.secondary:focus,.button.secondary:hover,button.secondary:focus,button.secondary:hover {
    background-color: #b9b9b9;
    color: #333
}

.button.success,button.success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #fff
}

.button.success:focus,.button.success:hover,button.success:focus,button.success:hover {
    background-color: #368a55;
    color: #fff
}

.button.alert,button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #fff
}

.button.alert:focus,.button.alert:hover,button.alert:focus,button.alert:hover {
    background-color: #cf2a0e;
    color: #fff
}

.button.warning,button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #fff
}

.button.warning:focus,.button.warning:hover,button.warning:focus,button.warning:hover {
    background-color: #cf6e0e;
    color: #fff
}

.button.info,button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333
}

.button.info:focus,.button.info:hover,button.info:focus,button.info:hover {
    background-color: #61b6d9;
    color: #fff
}

.button.large,button.large {
    padding: 1.125rem 2.25rem 1.188rem 2.25rem;
    font-size: 1.25rem
}

.button.small,button.small {
    padding: .688rem 1.375rem .75rem 1.375rem;
    font-size: .938rem
}

.button.tiny,button.tiny {
    padding: .438rem .875rem .5rem .875rem;
    font-size: .875rem
}

.button.expand,button.expand {
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.button.left-align,button.left-align {
    text-align: left;
    text-indent: .75rem
}

.button.right-align,button.right-align {
    text-align: right;
    padding-right: .75rem
}

.button.radius,button.radius {
    border-radius: 5px
}

.button.round,button.round {
    border-radius: 1000px
}

.button.disabled,.button[disabled],button.disabled,button[disabled] {
    background-color: #008CBA;
    border-color: #007095;
    color: #fff;
    box-shadow: none;
    cursor: default;
    opacity: .5
}

.button.disabled:focus,.button.disabled:hover,.button[disabled]:focus,.button[disabled]:hover,button.disabled:focus,button.disabled:hover,button[disabled]:focus,button[disabled]:hover {
    background-color: #007095;
    color: #fff;
    background-color: #008CBA
}

.button.disabled.secondary,.button[disabled].secondary,button.disabled.secondary,button[disabled].secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333;
    box-shadow: none;
    cursor: default;
    opacity: .5
}

.button.disabled.secondary:focus,.button.disabled.secondary:hover,.button[disabled].secondary:focus,.button[disabled].secondary:hover,button.disabled.secondary:focus,button.disabled.secondary:hover,button[disabled].secondary:focus,button[disabled].secondary:hover {
    background-color: #b9b9b9;
    color: #333;
    background-color: #e7e7e7
}

.button.disabled.success,.button[disabled].success,button.disabled.success,button[disabled].success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #fff;
    box-shadow: none;
    cursor: default;
    opacity: .5
}

.button.disabled.success:focus,.button.disabled.success:hover,.button[disabled].success:focus,.button[disabled].success:hover,button.disabled.success:focus,button.disabled.success:hover,button[disabled].success:focus,button[disabled].success:hover {
    background-color: #368a55;
    color: #fff;
    background-color: #43AC6A
}

.button.disabled.alert,.button[disabled].alert,button.disabled.alert,button[disabled].alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #fff;
    box-shadow: none;
    cursor: default;
    opacity: .5
}

.button.disabled.alert:focus,.button.disabled.alert:hover,.button[disabled].alert:focus,.button[disabled].alert:hover,button.disabled.alert:focus,button.disabled.alert:hover,button[disabled].alert:focus,button[disabled].alert:hover {
    background-color: #cf2a0e;
    color: #fff;
    background-color: #f04124
}

.button.disabled.warning,.button[disabled].warning,button.disabled.warning,button[disabled].warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #fff;
    box-shadow: none;
    cursor: default;
    opacity: .5
}

.button.disabled.warning:focus,.button.disabled.warning:hover,.button[disabled].warning:focus,.button[disabled].warning:hover,button.disabled.warning:focus,button.disabled.warning:hover,button[disabled].warning:focus,button[disabled].warning:hover {
    background-color: #cf6e0e;
    color: #fff;
    background-color: #f08a24
}

.button.disabled.info,.button[disabled].info,button.disabled.info,button[disabled].info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333;
    box-shadow: none;
    cursor: default;
    opacity: .5
}

.button.disabled.info:focus,.button.disabled.info:hover,.button[disabled].info:focus,.button[disabled].info:hover,button.disabled.info:focus,button.disabled.info:hover,button[disabled].info:focus,button[disabled].info:hover {
    background-color: #61b6d9;
    color: #fff;
    background-color: #a0d3e8
}

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

@media only screen and (min-width: 37.5em) {
    .button,button {
        display: inline-block
    }
}

form {
    margin: 0 0 1rem
}

form .row .row {
    margin: 0 -.5rem
}

form .row .row .column,form .row .row .columns {
    padding: 0 .5rem
}

form .row .row.collapse {
    margin: 0
}

form .row .row.collapse .column,form .row .row.collapse .columns {
    padding: 0
}

form .row .row.collapse input {
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

form .row input.column,form .row input.columns,form .row textarea.column,form .row textarea.columns {
    padding-left: .5rem
}

label {
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: .875rem;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0
}

label.right {
    float: none !important;
    text-align: right
}

label.inline {
    margin: 0 0 1rem 0;
    padding: .562rem 0
}

label small {
    text-transform: capitalize;
    color: #676767
}

.postfix,.prefix {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-size: .875rem;
    height: 2.312rem;
    line-height: 2.312rem;
    overflow: visible;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2
}

.postfix.button {
    border-color: true
}

.prefix.button {
    border: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center
}

.prefix.button.radius {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

.postfix.button.radius {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

.prefix.button.round {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

.postfix.button.round {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

label.prefix,span.prefix {
    border-right: none
}

label.prefix,span.prefix,label.postfix,span.postfix {
    background: #f2f2f2;
    color: #333;
    border-color: #ccc
}

input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    box-shadow: none;
    color: rgba(0,0,0,0.75);
    display: block;
    font-family: "ProximaNovaCond",sans-serif;
    font-size: .875rem;
    height: 2.312rem;
    margin: 0 0 1rem 0;
    padding: .5rem;
    width: 100%;
    box-sizing: border-box;
    transition: border-color .15s linear,background .15s linear
}

input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus {
    background: #fafafa;
    border-color: #999;
    outline: none
}

input[type=color]:disabled,input[type=date]:disabled,input[type=datetime-local]:disabled,input[type=datetime]:disabled,input[type=email]:disabled,input[type=month]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=text]:disabled,input[type=time]:disabled,input[type=url]:disabled,input[type=week]:disabled,textarea:disabled,fieldset[disabled] input[type=color],fieldset[disabled] input[type=date],fieldset[disabled] input[type=datetime-local],fieldset[disabled] input[type=datetime],fieldset[disabled] input[type=email],fieldset[disabled] input[type=month],fieldset[disabled] input[type=number],fieldset[disabled] input[type=password],fieldset[disabled] input[type=search],fieldset[disabled] input[type=tel],fieldset[disabled] input[type=text],fieldset[disabled] input[type=time],fieldset[disabled] input[type=url],fieldset[disabled] input[type=week],fieldset[disabled] textarea,input[type=color][disabled],input[type=color][readonly],input[type=date][disabled],input[type=date][readonly],input[type=datetime-local][disabled],input[type=datetime-local][readonly],input[type=datetime][disabled],input[type=datetime][readonly],input[type=email][disabled],input[type=email][readonly],input[type=month][disabled],input[type=month][readonly],input[type=number][disabled],input[type=number][readonly],input[type=password][disabled],input[type=password][readonly],input[type=search][disabled],input[type=search][readonly],input[type=tel][disabled],input[type=tel][readonly],input[type=text][disabled],input[type=text][readonly],input[type=time][disabled],input[type=time][readonly],input[type=url][disabled],input[type=url][readonly],input[type=week][disabled],input[type=week][readonly],textarea[disabled],textarea[readonly] {
    background-color: #ddd;
    cursor: default
}

input[type=color].radius,input[type=date].radius,input[type=datetime-local].radius,input[type=datetime].radius,input[type=email].radius,input[type=month].radius,input[type=number].radius,input[type=password].radius,input[type=search].radius,input[type=tel].radius,input[type=text].radius,input[type=time].radius,input[type=url].radius,input[type=week].radius,textarea.radius {
    border-radius: 0
}

form .row .prefix-radius.row.collapse button,form .row .prefix-radius.row.collapse input,form .row .prefix-radius.row.collapse select,form .row .prefix-radius.row.collapse textarea {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

form .row .prefix-radius.row.collapse .prefix,form .row .postfix-radius.row.collapse button,form .row .postfix-radius.row.collapse input,form .row .postfix-radius.row.collapse select,form .row .postfix-radius.row.collapse textarea {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

form .row .postfix-radius.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

form .row .prefix-round.row.collapse button,form .row .prefix-round.row.collapse input,form .row .prefix-round.row.collapse select,form .row .prefix-round.row.collapse textarea {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

form .row .prefix-round.row.collapse .prefix,form .row .postfix-round.row.collapse button,form .row .postfix-round.row.collapse input,form .row .postfix-round.row.collapse select,form .row .postfix-round.row.collapse textarea {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

form .row .postfix-round.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0
}

textarea[rows] {
    height: auto
}

textarea {
    max-width: 100%
}

::-webkit-input-placeholder {
    color: #ccc
}

:-moz-placeholder,::-moz-placeholder {
    color: #ccc
}

:-ms-input-placeholder {
    color: #ccc
}

select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-color: #fafafa;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
    background-position: 100% center;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    color: rgba(0,0,0,0.75);
    font-family: "ProximaNovaCond",sans-serif;
    font-size: .875rem;
    line-height: normal;
    padding: .5rem;
    border-radius: 0;
    height: 2.312rem
}

select::-ms-expand {
    display: none
}

select.radius {
    border-radius: 0
}

select:hover {
    background-color: #f3f3f3;
    border-color: #999
}

select:disabled {
    background-color: #ddd;
    cursor: default
}

select[multiple] {
    height: auto
}

input[type=checkbox],input[type=file],input[type=radio],select {
    margin: 0 0 1rem 0
}

input[type=checkbox]+label,input[type=radio]+label {
    display: inline-block;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    vertical-align: baseline
}

input[type=file] {
    width: 100%
}

fieldset {
    border: 1px solid #ddd;
    margin: 1.562rem 0;
    padding: 1.25rem
}

fieldset legend {
    background: #fff;
    font-weight: bold;
    margin-left: -.188rem;
    margin: 0;
    padding: 0 .188rem
}

[data-abide] .error small.error,[data-abide] .error span.error,[data-abide] small.error,[data-abide] span.error {
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 1rem;
    margin-top: -1px;
    padding: .375rem .562rem .562rem;
    background: #f04124;
    color: #fff
}

[data-abide] small.error,[data-abide] span.error {
    display: none
}

small.error,span.error {
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 1rem;
    margin-top: -1px;
    padding: .375rem .562rem .562rem;
    background: #f04124;
    color: #fff
}

.error input,.error select,.error textarea {
    margin-bottom: 0
}

.error input[type=checkbox],.error input[type=radio] {
    margin-bottom: 1rem
}

.error label,.error label.error {
    color: #f04124
}

.error small.error {
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 1rem;
    margin-top: -1px;
    padding: .375rem .562rem .562rem;
    background: #f04124;
    color: #fff
}

.error>label>small {
    background: transparent;
    color: #676767;
    display: inline;
    font-size: 60%;
    font-style: normal;
    margin: 0;
    padding: 0;
    text-transform: capitalize
}

.error span.error-message {
    display: block
}

input.error,select.error,textarea.error {
    margin-bottom: 0
}

label.error {
    color: #f04124
}

.sub-nav {
    display: block;
    margin: 0 0 1.125rem;
    overflow: hidden;
    padding-top: .25rem;
    width: auto
}

.sub-nav dt {
    text-transform: uppercase
}

.sub-nav dd,.sub-nav dt,.sub-nav li {
    color: #aaa;
    float: left;
    font-family: "ProximaNovaCond",sans-serif;
    font-size: .875rem;
    font-weight: normal;
    margin-left: 1rem;
    margin-bottom: 0
}

.sub-nav dd a,.sub-nav dt a,.sub-nav li a {
    color: #aaa;
    padding: .188rem 1rem;
    text-decoration: none
}

.sub-nav dd a:hover,.sub-nav dt a:hover,.sub-nav li a:hover {
    color: gray
}

.sub-nav dd.active a,.sub-nav dt.active a,.sub-nav li.active a {
    border-radius: 3px;
    background: #333;
    color: #fff;
    cursor: default;
    font-weight: normal;
    padding: .25rem .938rem
}

.sub-nav dd.active a:hover,.sub-nav dt.active a:hover,.sub-nav li.active a:hover {
    background: #2c2c2c
}

.row {
    margin: 0 auto;
    max-width: 63rem;
    width: 100%
}

.row:after,.row:before {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.row.collapse>.column,.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.row.collapse .row {
    margin-left: 0;
    margin-right: 0
}

.row .row {
    margin: 0 -1.125rem;
    max-width: none;
    width: auto
}

.row .row:after,.row .row:before {
    content: " ";
    display: table
}

.row .row:after {
    clear: both
}

.row .row.collapse {
    margin: 0;
    max-width: none;
    width: auto
}

.row .row.collapse:after,.row .row.collapse:before {
    content: " ";
    display: table
}

.row .row.collapse:after {
    clear: both
}

.column,.columns {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    width: 100%;
    float: left
}

.column+.column:last-child,.column+.columns:last-child,.columns+.column:last-child,.columns+.columns:last-child {
    float: right
}

.column+.column.end,.column+.columns.end,.columns+.column.end,.columns+.columns.end {
    float: left
}

@media only screen {
    .small-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .small-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .small-push-1 {
        position: relative;
        left: 8.333%;
        right: auto
    }

    .small-pull-1 {
        position: relative;
        right: 8.333%;
        left: auto
    }

    .small-push-2 {
        position: relative;
        left: 16.667%;
        right: auto
    }

    .small-pull-2 {
        position: relative;
        right: 16.667%;
        left: auto
    }

    .small-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .small-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .small-push-4 {
        position: relative;
        left: 33.333%;
        right: auto
    }

    .small-pull-4 {
        position: relative;
        right: 33.333%;
        left: auto
    }

    .small-push-5 {
        position: relative;
        left: 41.667%;
        right: auto
    }

    .small-pull-5 {
        position: relative;
        right: 41.667%;
        left: auto
    }

    .small-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .small-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .small-push-7 {
        position: relative;
        left: 58.333%;
        right: auto
    }

    .small-pull-7 {
        position: relative;
        right: 58.333%;
        left: auto
    }

    .small-push-8 {
        position: relative;
        left: 66.667%;
        right: auto
    }

    .small-pull-8 {
        position: relative;
        right: 66.667%;
        left: auto
    }

    .small-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .small-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .small-push-10 {
        position: relative;
        left: 83.333%;
        right: auto
    }

    .small-pull-10 {
        position: relative;
        right: 83.333%;
        left: auto
    }

    .small-push-11 {
        position: relative;
        left: 91.667%;
        right: auto
    }

    .small-pull-11 {
        position: relative;
        right: 91.667%;
        left: auto
    }

    .column,.columns {
        position: relative;
        padding-left: 1.125rem;
        padding-right: 1.125rem;
        float: left
    }

    .small-1 {
        width: 8.333%
    }

    .small-2 {
        width: 16.667%
    }

    .small-3 {
        width: 25%
    }

    .small-4 {
        width: 33.333%
    }

    .small-5 {
        width: 41.667%
    }

    .small-6 {
        width: 50%
    }

    .small-7 {
        width: 58.333%
    }

    .small-8 {
        width: 66.667%
    }

    .small-9 {
        width: 75%
    }

    .small-10 {
        width: 83.333%
    }

    .small-11 {
        width: 91.667%
    }

    .small-12 {
        width: 100%
    }

    .small-offset-0 {
        margin-left: 0 !important
    }

    .small-offset-1 {
        margin-left: 8.333% !important
    }

    .small-offset-2 {
        margin-left: 16.667% !important
    }

    .small-offset-3 {
        margin-left: 25% !important
    }

    .small-offset-4 {
        margin-left: 33.333% !important
    }

    .small-offset-5 {
        margin-left: 41.667% !important
    }

    .small-offset-6 {
        margin-left: 50% !important
    }

    .small-offset-7 {
        margin-left: 58.333% !important
    }

    .small-offset-8 {
        margin-left: 66.667% !important
    }

    .small-offset-9 {
        margin-left: 75% !important
    }

    .small-offset-10 {
        margin-left: 83.333% !important
    }

    .small-offset-11 {
        margin-left: 91.667% !important
    }

    .small-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .column.small-centered,.columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.small-uncentered,.columns.small-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .column.small-centered:last-child,.columns.small-centered:last-child {
        float: none
    }

    .column.small-uncentered:last-child,.columns.small-uncentered:last-child {
        float: left
    }

    .column.small-uncentered.opposite,.columns.small-uncentered.opposite {
        float: right
    }

    .row.small-collapse>.column,.row.small-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.small-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.small-uncollapse>.column,.row.small-uncollapse>.columns {
        padding-left: 1.125rem;
        padding-right: 1.125rem;
        float: left
    }
}

@media only screen and (min-width: 37.5em) {
    .medium-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .medium-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .medium-push-1 {
        position: relative;
        left: 8.333%;
        right: auto
    }

    .medium-pull-1 {
        position: relative;
        right: 8.333%;
        left: auto
    }

    .medium-push-2 {
        position: relative;
        left: 16.667%;
        right: auto
    }

    .medium-pull-2 {
        position: relative;
        right: 16.667%;
        left: auto
    }

    .medium-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .medium-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .medium-push-4 {
        position: relative;
        left: 33.333%;
        right: auto
    }

    .medium-pull-4 {
        position: relative;
        right: 33.333%;
        left: auto
    }

    .medium-push-5 {
        position: relative;
        left: 41.667%;
        right: auto
    }

    .medium-pull-5 {
        position: relative;
        right: 41.667%;
        left: auto
    }

    .medium-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .medium-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .medium-push-7 {
        position: relative;
        left: 58.333%;
        right: auto
    }

    .medium-pull-7 {
        position: relative;
        right: 58.333%;
        left: auto
    }

    .medium-push-8 {
        position: relative;
        left: 66.667%;
        right: auto
    }

    .medium-pull-8 {
        position: relative;
        right: 66.667%;
        left: auto
    }

    .medium-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .medium-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .medium-push-10 {
        position: relative;
        left: 83.333%;
        right: auto
    }

    .medium-pull-10 {
        position: relative;
        right: 83.333%;
        left: auto
    }

    .medium-push-11 {
        position: relative;
        left: 91.667%;
        right: auto
    }

    .medium-pull-11 {
        position: relative;
        right: 91.667%;
        left: auto
    }

    .column,.columns {
        position: relative;
        padding-left: 1.125rem;
        padding-right: 1.125rem;
        float: left
    }

    .medium-1 {
        width: 8.333%
    }

    .medium-2 {
        width: 16.667%
    }

    .medium-3 {
        width: 25%
    }

    .medium-4 {
        width: 33.333%
    }

    .medium-5 {
        width: 41.667%
    }

    .medium-6 {
        width: 50%
    }

    .medium-7 {
        width: 58.333%
    }

    .medium-8 {
        width: 66.667%
    }

    .medium-9 {
        width: 75%
    }

    .medium-10 {
        width: 83.333%
    }

    .medium-11 {
        width: 91.667%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-0 {
        margin-left: 0 !important
    }

    .medium-offset-1 {
        margin-left: 8.333% !important
    }

    .medium-offset-2 {
        margin-left: 16.667% !important
    }

    .medium-offset-3 {
        margin-left: 25% !important
    }

    .medium-offset-4 {
        margin-left: 33.333% !important
    }

    .medium-offset-5 {
        margin-left: 41.667% !important
    }

    .medium-offset-6 {
        margin-left: 50% !important
    }

    .medium-offset-7 {
        margin-left: 58.333% !important
    }

    .medium-offset-8 {
        margin-left: 66.667% !important
    }

    .medium-offset-9 {
        margin-left: 75% !important
    }

    .medium-offset-10 {
        margin-left: 83.333% !important
    }

    .medium-offset-11 {
        margin-left: 91.667% !important
    }

    .medium-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .column.medium-centered,.columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.medium-uncentered,.columns.medium-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .column.medium-centered:last-child,.columns.medium-centered:last-child {
        float: none
    }

    .column.medium-uncentered:last-child,.columns.medium-uncentered:last-child {
        float: left
    }

    .column.medium-uncentered.opposite,.columns.medium-uncentered.opposite {
        float: right
    }

    .row.medium-collapse>.column,.row.medium-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.medium-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.medium-uncollapse>.column,.row.medium-uncollapse>.columns {
        padding-left: 1.125rem;
        padding-right: 1.125rem;
        float: left
    }

    .push-0 {
        left: 0;
        right: auto
    }

    .push-0,.pull-0 {
        position: relative
    }

    .pull-0 {
        right: 0;
        left: auto
    }

    .push-1 {
        left: 8.333%;
        right: auto
    }

    .push-1,.pull-1 {
        position: relative
    }

    .pull-1 {
        right: 8.333%;
        left: auto
    }

    .push-2 {
        left: 16.667%;
        right: auto
    }

    .push-2,.pull-2 {
        position: relative
    }

    .pull-2 {
        right: 16.667%;
        left: auto
    }

    .push-3 {
        left: 25%;
        right: auto
    }

    .push-3,.pull-3 {
        position: relative
    }

    .pull-3 {
        right: 25%;
        left: auto
    }

    .push-4 {
        left: 33.333%;
        right: auto
    }

    .push-4,.pull-4 {
        position: relative
    }

    .pull-4 {
        right: 33.333%;
        left: auto
    }

    .push-5 {
        left: 41.667%;
        right: auto
    }

    .push-5,.pull-5 {
        position: relative
    }

    .pull-5 {
        right: 41.667%;
        left: auto
    }

    .push-6 {
        left: 50%;
        right: auto
    }

    .push-6,.pull-6 {
        position: relative
    }

    .pull-6 {
        right: 50%;
        left: auto
    }

    .push-7 {
        left: 58.333%;
        right: auto
    }

    .push-7,.pull-7 {
        position: relative
    }

    .pull-7 {
        right: 58.333%;
        left: auto
    }

    .push-8 {
        left: 66.667%;
        right: auto
    }

    .push-8,.pull-8 {
        position: relative
    }

    .pull-8 {
        right: 66.667%;
        left: auto
    }

    .push-9 {
        left: 75%;
        right: auto
    }

    .push-9,.pull-9 {
        position: relative
    }

    .pull-9 {
        right: 75%;
        left: auto
    }

    .push-10 {
        position: relative;
        left: 83.333%;
        right: auto
    }

    .pull-10 {
        position: relative;
        right: 83.333%;
        left: auto
    }

    .push-11 {
        position: relative;
        left: 91.667%;
        right: auto
    }

    .pull-11 {
        position: relative;
        right: 91.667%;
        left: auto
    }
}

@media only screen and (min-width: 50em) {
    .large-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .large-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .large-push-1 {
        position: relative;
        left: 8.333%;
        right: auto
    }

    .large-pull-1 {
        position: relative;
        right: 8.333%;
        left: auto
    }

    .large-push-2 {
        position: relative;
        left: 16.667%;
        right: auto
    }

    .large-pull-2 {
        position: relative;
        right: 16.667%;
        left: auto
    }

    .large-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .large-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .large-push-4 {
        position: relative;
        left: 33.333%;
        right: auto
    }

    .large-pull-4 {
        position: relative;
        right: 33.333%;
        left: auto
    }

    .large-push-5 {
        position: relative;
        left: 41.667%;
        right: auto
    }

    .large-pull-5 {
        position: relative;
        right: 41.667%;
        left: auto
    }

    .large-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .large-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .large-push-7 {
        position: relative;
        left: 58.333%;
        right: auto
    }

    .large-pull-7 {
        position: relative;
        right: 58.333%;
        left: auto
    }

    .large-push-8 {
        position: relative;
        left: 66.667%;
        right: auto
    }

    .large-pull-8 {
        position: relative;
        right: 66.667%;
        left: auto
    }

    .large-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .large-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .large-push-10 {
        position: relative;
        left: 83.333%;
        right: auto
    }

    .large-pull-10 {
        position: relative;
        right: 83.333%;
        left: auto
    }

    .large-push-11 {
        position: relative;
        left: 91.667%;
        right: auto
    }

    .large-pull-11 {
        position: relative;
        right: 91.667%;
        left: auto
    }

    .column,.columns {
        position: relative;
        padding-left: 1.125rem;
        padding-right: 1.125rem;
        float: left
    }

    .large-1 {
        width: 8.333%
    }

    .large-2 {
        width: 16.667%
    }

    .large-3 {
        width: 25%
    }

    .large-4 {
        width: 33.333%
    }

    .large-5 {
        width: 41.667%
    }

    .large-6 {
        width: 50%
    }

    .large-7 {
        width: 58.333%
    }

    .large-8 {
        width: 66.667%
    }

    .large-9 {
        width: 75%
    }

    .large-10 {
        width: 83.333%
    }

    .large-11 {
        width: 91.667%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-0 {
        margin-left: 0 !important
    }

    .large-offset-1 {
        margin-left: 8.333% !important
    }

    .large-offset-2 {
        margin-left: 16.667% !important
    }

    .large-offset-3 {
        margin-left: 25% !important
    }

    .large-offset-4 {
        margin-left: 33.333% !important
    }

    .large-offset-5 {
        margin-left: 41.667% !important
    }

    .large-offset-6 {
        margin-left: 50% !important
    }

    .large-offset-7 {
        margin-left: 58.333% !important
    }

    .large-offset-8 {
        margin-left: 66.667% !important
    }

    .large-offset-9 {
        margin-left: 75% !important
    }

    .large-offset-10 {
        margin-left: 83.333% !important
    }

    .large-offset-11 {
        margin-left: 91.667% !important
    }

    .large-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .column.large-centered,.columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.large-uncentered,.columns.large-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .column.large-centered:last-child,.columns.large-centered:last-child {
        float: none
    }

    .column.large-uncentered:last-child,.columns.large-uncentered:last-child {
        float: left
    }

    .column.large-uncentered.opposite,.columns.large-uncentered.opposite {
        float: right
    }

    .row.large-collapse>.column,.row.large-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.large-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.large-uncollapse>.column,.row.large-uncollapse>.columns {
        padding-left: 1.125rem;
        padding-right: 1.125rem;
        float: left
    }

    .push-0 {
        left: 0;
        right: auto
    }

    .push-0,.pull-0 {
        position: relative
    }

    .pull-0 {
        right: 0;
        left: auto
    }

    .push-1 {
        left: 8.333%;
        right: auto
    }

    .push-1,.pull-1 {
        position: relative
    }

    .pull-1 {
        right: 8.333%;
        left: auto
    }

    .push-2 {
        left: 16.667%;
        right: auto
    }

    .push-2,.pull-2 {
        position: relative
    }

    .pull-2 {
        right: 16.667%;
        left: auto
    }

    .push-3 {
        left: 25%;
        right: auto
    }

    .push-3,.pull-3 {
        position: relative
    }

    .pull-3 {
        right: 25%;
        left: auto
    }

    .push-4 {
        left: 33.333%;
        right: auto
    }

    .push-4,.pull-4 {
        position: relative
    }

    .pull-4 {
        right: 33.333%;
        left: auto
    }

    .push-5 {
        left: 41.667%;
        right: auto
    }

    .push-5,.pull-5 {
        position: relative
    }

    .pull-5 {
        right: 41.667%;
        left: auto
    }

    .push-6 {
        left: 50%;
        right: auto
    }

    .push-6,.pull-6 {
        position: relative
    }

    .pull-6 {
        right: 50%;
        left: auto
    }

    .push-7 {
        left: 58.333%;
        right: auto
    }

    .push-7,.pull-7 {
        position: relative
    }

    .pull-7 {
        right: 58.333%;
        left: auto
    }

    .push-8 {
        left: 66.667%;
        right: auto
    }

    .push-8,.pull-8 {
        position: relative
    }

    .pull-8 {
        right: 66.667%;
        left: auto
    }

    .push-9 {
        left: 75%;
        right: auto
    }

    .push-9,.pull-9 {
        position: relative
    }

    .pull-9 {
        right: 75%;
        left: auto
    }

    .push-10 {
        position: relative;
        left: 83.333%;
        right: auto
    }

    .pull-10 {
        position: relative;
        right: 83.333%;
        left: auto
    }

    .push-11 {
        position: relative;
        left: 91.667%;
        right: auto
    }

    .pull-11 {
        position: relative;
        right: 91.667%;
        left: auto
    }
}

.loading-full,.reveal-modal-bg {
    background: #000;
    background: rgba(0,0,0,0.45);
    bottom: 0;
    display: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1004;
    left: 0
}

.reveal-modal {
    border-radius: 0;
    display: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 1005;
    left: 0;
    background-color: #fff;
    padding: 1.25rem;
    border: solid 1px #666;
    box-shadow: 0 0 10px rgba(0,0,0,0.4)
}

@media only screen and (max-width: 37.438em) {
    .reveal-modal {
        min-height: 100vh
    }
}

.reveal-modal .column,.reveal-modal .columns {
    min-width: 0
}

.reveal-modal>:first-child {
    margin-top: 0
}

.reveal-modal>:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 37.5em) {
    .reveal-modal {
        left: 0;
        margin: 0 auto;
        max-width: 63rem;
        right: 0;
        width: 90%;
        top: 6.25rem
    }
}

@media only screen and (min-width: 37.5em) {
}

.reveal-modal.radius {
    border-radius: 0
}

.reveal-modal.round {
    border-radius: 1000px
}

.reveal-modal.collapse {
    padding: 0
}

@media only screen and (min-width: 37.5em) {
    .reveal-modal.tiny {
        width: 30%
    }
}

@media only screen and (min-width: 37.5em) {
    .reveal-modal.tiny,.reveal-modal.small {
        left: 0;
        margin: 0 auto;
        max-width: 63rem;
        right: 0
    }

    .reveal-modal.small {
        width: 40%
    }
}

@media only screen and (min-width: 37.5em) {
    .reveal-modal.medium {
        width: 60%
    }
}

@media only screen and (min-width: 37.5em) {
    .reveal-modal.medium,.reveal-modal.large {
        left: 0;
        margin: 0 auto;
        max-width: 63rem;
        right: 0
    }

    .reveal-modal.large {
        width: 70%
    }
}

@media only screen and (min-width: 37.5em) {
    .reveal-modal.xlarge {
        left: 0;
        margin: 0 auto;
        max-width: 63rem;
        right: 0;
        width: 95%
    }
}

.reveal-modal.full {
    height: 100vh;
    height: 100%;
    left: 0;
    margin-left: 0 !important;
    max-width: none !important;
    min-height: 100vh;
    top: 0
}

@media only screen and (min-width: 37.5em) {
    .reveal-modal.full {
        left: 0;
        margin: 0 auto;
        max-width: 63rem;
        right: 0;
        width: 100%
    }
}

.reveal-modal.toback {
    z-index: 1003
}

.reveal-modal .close-reveal-modal {
    color: #aaa;
    cursor: pointer;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    top: .625rem;
    right: 1.375rem
}

@media only screen {
    .hide-for-large,.hide-for-large-only,.hide-for-large-up,.hide-for-medium,.hide-for-medium-only,.hide-for-medium-up,.hide-for-xlarge,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large-down,.show-for-medium-down,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-small-up,.show-for-xlarge-down,.show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-large-down,.hide-for-medium-down,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-small-up,.hide-for-xlarge-down,.hide-for-xxlarge-down,.show-for-large,.show-for-large-only,.show-for-large-up,.show-for-medium,.show-for-medium-only,.show-for-medium-up,.show-for-xlarge,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge,.show-for-xxlarge-only,.show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-large,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-medium,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-xlarge,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xxlarge,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large-down,.visible-for-medium-down,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-small-up,.visible-for-xlarge-down,.visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large-down,.hidden-for-medium-down,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-small-up,.hidden-for-xlarge-down,.hidden-for-xxlarge-down,.visible-for-large,.visible-for-large-only,.visible-for-large-up,.visible-for-medium,.visible-for-medium-only,.visible-for-medium-up,.visible-for-xlarge,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xxlarge,.visible-for-xxlarge-only,.visible-for-xxlarge-up {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-large,table.hide-for-large-only,table.hide-for-large-up,table.hide-for-medium,table.hide-for-medium-only,table.hide-for-medium-up,table.hide-for-xlarge,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xxlarge,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.show-for-large-down,table.show-for-medium-down,table.show-for-small,table.show-for-small-down,table.show-for-small-only,table.show-for-small-up,table.show-for-xlarge-down,table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-large,thead.hide-for-large-only,thead.hide-for-large-up,thead.hide-for-medium,thead.hide-for-medium-only,thead.hide-for-medium-up,thead.hide-for-xlarge,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xxlarge,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.show-for-large-down,thead.show-for-medium-down,thead.show-for-small,thead.show-for-small-down,thead.show-for-small-only,thead.show-for-small-up,thead.show-for-xlarge-down,thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-large,tbody.hide-for-large-only,tbody.hide-for-large-up,tbody.hide-for-medium,tbody.hide-for-medium-only,tbody.hide-for-medium-up,tbody.hide-for-xlarge,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xxlarge,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.show-for-large-down,tbody.show-for-medium-down,tbody.show-for-small,tbody.show-for-small-down,tbody.show-for-small-only,tbody.show-for-small-up,tbody.show-for-xlarge-down,tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-large,tr.hide-for-large-only,tr.hide-for-large-up,tr.hide-for-medium,tr.hide-for-medium-only,tr.hide-for-medium-up,tr.hide-for-xlarge,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xxlarge,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.show-for-large-down,tr.show-for-medium-down,tr.show-for-small,tr.show-for-small-down,tr.show-for-small-only,tr.show-for-small-up,tr.show-for-xlarge-down,tr.show-for-xxlarge-down {
        display: table-row
    }

    td.hide-for-large,td.hide-for-large-only,td.hide-for-large-up,td.hide-for-medium,td.hide-for-medium-only,td.hide-for-medium-up,td.hide-for-xlarge,td.hide-for-xlarge-only,td.hide-for-xlarge-up,td.hide-for-xxlarge,td.hide-for-xxlarge-only,td.hide-for-xxlarge-up,td.show-for-large-down,td.show-for-medium-down,td.show-for-small,td.show-for-small-down,td.show-for-small-only,td.show-for-small-up,td.show-for-xlarge-down,td.show-for-xxlarge-down,th.hide-for-large,th.hide-for-large-only,th.hide-for-large-up,th.hide-for-medium,th.hide-for-medium-only,th.hide-for-medium-up,th.hide-for-xlarge,th.hide-for-xlarge-only,th.hide-for-xlarge-up,th.hide-for-xxlarge,th.hide-for-xxlarge-only,th.hide-for-xxlarge-up,th.show-for-large-down,th.show-for-medium-down,th.show-for-small,th.show-for-small-down,th.show-for-small-only,th.show-for-small-up,th.show-for-xlarge-down,th.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width: 37.5em) {
    .hide-for-large,.hide-for-large-only,.hide-for-large-up,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-xlarge,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large-down,.show-for-medium,.show-for-medium-down,.show-for-medium-only,.show-for-medium-up,.show-for-small-up,.show-for-xlarge-down,.show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-large-down,.hide-for-medium,.hide-for-medium-down,.hide-for-medium-only,.hide-for-medium-up,.hide-for-small-up,.hide-for-xlarge-down,.hide-for-xxlarge-down,.show-for-large,.show-for-large-only,.show-for-large-up,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-xlarge,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge,.show-for-xxlarge-only,.show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-large,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-xlarge,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xxlarge,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large-down,.visible-for-medium,.visible-for-medium-down,.visible-for-medium-only,.visible-for-medium-up,.visible-for-small-up,.visible-for-xlarge-down,.visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large-down,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-small-up,.hidden-for-xlarge-down,.hidden-for-xxlarge-down,.visible-for-large,.visible-for-large-only,.visible-for-large-up,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-xlarge,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xxlarge,.visible-for-xxlarge-only,.visible-for-xxlarge-up {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-large,table.hide-for-large-only,table.hide-for-large-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-small-only,table.hide-for-xlarge,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xxlarge,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.show-for-large-down,table.show-for-medium,table.show-for-medium-down,table.show-for-medium-only,table.show-for-medium-up,table.show-for-small-up,table.show-for-xlarge-down,table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-large,thead.hide-for-large-only,thead.hide-for-large-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-small-only,thead.hide-for-xlarge,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xxlarge,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.show-for-large-down,thead.show-for-medium,thead.show-for-medium-down,thead.show-for-medium-only,thead.show-for-medium-up,thead.show-for-small-up,thead.show-for-xlarge-down,thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-large,tbody.hide-for-large-only,tbody.hide-for-large-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-small-only,tbody.hide-for-xlarge,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xxlarge,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.show-for-large-down,tbody.show-for-medium,tbody.show-for-medium-down,tbody.show-for-medium-only,tbody.show-for-medium-up,tbody.show-for-small-up,tbody.show-for-xlarge-down,tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-large,tr.hide-for-large-only,tr.hide-for-large-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-small-only,tr.hide-for-xlarge,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xxlarge,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.show-for-large-down,tr.show-for-medium,tr.show-for-medium-down,tr.show-for-medium-only,tr.show-for-medium-up,tr.show-for-small-up,tr.show-for-xlarge-down,tr.show-for-xxlarge-down {
        display: table-row
    }

    td.hide-for-large,td.hide-for-large-only,td.hide-for-large-up,td.hide-for-small,td.hide-for-small-down,td.hide-for-small-only,td.hide-for-xlarge,td.hide-for-xlarge-only,td.hide-for-xlarge-up,td.hide-for-xxlarge,td.hide-for-xxlarge-only,td.hide-for-xxlarge-up,td.show-for-large-down,td.show-for-medium,td.show-for-medium-down,td.show-for-medium-only,td.show-for-medium-up,td.show-for-small-up,td.show-for-xlarge-down,td.show-for-xxlarge-down,th.hide-for-large,th.hide-for-large-only,th.hide-for-large-up,th.hide-for-small,th.hide-for-small-down,th.hide-for-small-only,th.hide-for-xlarge,th.hide-for-xlarge-only,th.hide-for-xlarge-up,th.hide-for-xxlarge,th.hide-for-xxlarge-only,th.hide-for-xxlarge-up,th.show-for-large-down,th.show-for-medium,th.show-for-medium-down,th.show-for-medium-only,th.show-for-medium-up,th.show-for-small-up,th.show-for-xlarge-down,th.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width: 50em) {
    .hide-for-medium,.hide-for-medium-down,.hide-for-medium-only,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-xlarge,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large,.show-for-large-down,.show-for-large-only,.show-for-large-up,.show-for-medium-up,.show-for-small-up,.show-for-xlarge-down,.show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-large,.hide-for-large-down,.hide-for-large-only,.hide-for-large-up,.hide-for-medium-up,.hide-for-small-up,.hide-for-xlarge-down,.hide-for-xxlarge-down,.show-for-medium,.show-for-medium-down,.show-for-medium-only,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-xlarge,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge,.show-for-xxlarge-only,.show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-medium,.hidden-for-medium-down,.hidden-for-medium-only,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-xlarge,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xxlarge,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large,.visible-for-large-down,.visible-for-large-only,.visible-for-large-up,.visible-for-medium-up,.visible-for-small-up,.visible-for-xlarge-down,.visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large,.hidden-for-large-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-medium-up,.hidden-for-small-up,.hidden-for-xlarge-down,.hidden-for-xxlarge-down,.visible-for-medium,.visible-for-medium-down,.visible-for-medium-only,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-xlarge,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xxlarge,.visible-for-xxlarge-only,.visible-for-xxlarge-up {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-medium,table.hide-for-medium-down,table.hide-for-medium-only,table.hide-for-small,table.hide-for-small-down,table.hide-for-small-only,table.hide-for-xlarge,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xxlarge,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.show-for-large,table.show-for-large-down,table.show-for-large-only,table.show-for-large-up,table.show-for-medium-up,table.show-for-small-up,table.show-for-xlarge-down,table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-medium-only,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-small-only,thead.hide-for-xlarge,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xxlarge,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.show-for-large,thead.show-for-large-down,thead.show-for-large-only,thead.show-for-large-up,thead.show-for-medium-up,thead.show-for-small-up,thead.show-for-xlarge-down,thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-medium-only,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-small-only,tbody.hide-for-xlarge,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xxlarge,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.show-for-large,tbody.show-for-large-down,tbody.show-for-large-only,tbody.show-for-large-up,tbody.show-for-medium-up,tbody.show-for-small-up,tbody.show-for-xlarge-down,tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-medium-only,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-small-only,tr.hide-for-xlarge,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xxlarge,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.show-for-large,tr.show-for-large-down,tr.show-for-large-only,tr.show-for-large-up,tr.show-for-medium-up,tr.show-for-small-up,tr.show-for-xlarge-down,tr.show-for-xxlarge-down {
        display: table-row
    }

    td.hide-for-medium,td.hide-for-medium-down,td.hide-for-medium-only,td.hide-for-small,td.hide-for-small-down,td.hide-for-small-only,td.hide-for-xlarge,td.hide-for-xlarge-only,td.hide-for-xlarge-up,td.hide-for-xxlarge,td.hide-for-xxlarge-only,td.hide-for-xxlarge-up,td.show-for-large,td.show-for-large-down,td.show-for-large-only,td.show-for-large-up,td.show-for-medium-up,td.show-for-small-up,td.show-for-xlarge-down,td.show-for-xxlarge-down,th.hide-for-medium,th.hide-for-medium-down,th.hide-for-medium-only,th.hide-for-small,th.hide-for-small-down,th.hide-for-small-only,th.hide-for-xlarge,th.hide-for-xlarge-only,th.hide-for-xlarge-up,th.hide-for-xxlarge,th.hide-for-xxlarge-only,th.hide-for-xxlarge-up,th.show-for-large,th.show-for-large-down,th.show-for-large-only,th.show-for-large-up,th.show-for-medium-up,th.show-for-small-up,th.show-for-xlarge-down,th.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width: 64em) {
    .hide-for-large,.hide-for-large-down,.hide-for-large-only,.hide-for-medium,.hide-for-medium-down,.hide-for-medium-only,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-xxlarge,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large-up,.show-for-medium-up,.show-for-small-up,.show-for-xlarge,.show-for-xlarge-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-large-up,.hide-for-medium-up,.hide-for-small-up,.hide-for-xlarge,.hide-for-xlarge-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge-down,.show-for-large,.show-for-large-down,.show-for-large-only,.show-for-medium,.show-for-medium-down,.show-for-medium-only,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-xxlarge,.show-for-xxlarge-only,.show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-large,.hidden-for-large-down,.hidden-for-large-only,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-medium-only,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-xxlarge,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large-up,.visible-for-medium-up,.visible-for-small-up,.visible-for-xlarge,.visible-for-xlarge-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large-up,.hidden-for-medium-up,.hidden-for-small-up,.hidden-for-xlarge,.hidden-for-xlarge-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xxlarge-down,.visible-for-large,.visible-for-large-down,.visible-for-large-only,.visible-for-medium,.visible-for-medium-down,.visible-for-medium-only,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-xxlarge,.visible-for-xxlarge-only,.visible-for-xxlarge-up {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-large,table.hide-for-large-down,table.hide-for-large-only,table.hide-for-medium,table.hide-for-medium-down,table.hide-for-medium-only,table.hide-for-small,table.hide-for-small-down,table.hide-for-small-only,table.hide-for-xxlarge,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.show-for-large-up,table.show-for-medium-up,table.show-for-small-up,table.show-for-xlarge,table.show-for-xlarge-down,table.show-for-xlarge-only,table.show-for-xlarge-up,table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-large,thead.hide-for-large-down,thead.hide-for-large-only,thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-medium-only,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-small-only,thead.hide-for-xxlarge,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.show-for-large-up,thead.show-for-medium-up,thead.show-for-small-up,thead.show-for-xlarge,thead.show-for-xlarge-down,thead.show-for-xlarge-only,thead.show-for-xlarge-up,thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-large,tbody.hide-for-large-down,tbody.hide-for-large-only,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-medium-only,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-small-only,tbody.hide-for-xxlarge,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.show-for-large-up,tbody.show-for-medium-up,tbody.show-for-small-up,tbody.show-for-xlarge,tbody.show-for-xlarge-down,tbody.show-for-xlarge-only,tbody.show-for-xlarge-up,tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-large,tr.hide-for-large-down,tr.hide-for-large-only,tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-medium-only,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-small-only,tr.hide-for-xxlarge,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.show-for-large-up,tr.show-for-medium-up,tr.show-for-small-up,tr.show-for-xlarge,tr.show-for-xlarge-down,tr.show-for-xlarge-only,tr.show-for-xlarge-up,tr.show-for-xxlarge-down {
        display: table-row
    }

    td.hide-for-large,td.hide-for-large-down,td.hide-for-large-only,td.hide-for-medium,td.hide-for-medium-down,td.hide-for-medium-only,td.hide-for-small,td.hide-for-small-down,td.hide-for-small-only,td.hide-for-xxlarge,td.hide-for-xxlarge-only,td.hide-for-xxlarge-up,td.show-for-large-up,td.show-for-medium-up,td.show-for-small-up,td.show-for-xlarge,td.show-for-xlarge-down,td.show-for-xlarge-only,td.show-for-xlarge-up,td.show-for-xxlarge-down,th.hide-for-large,th.hide-for-large-down,th.hide-for-large-only,th.hide-for-medium,th.hide-for-medium-down,th.hide-for-medium-only,th.hide-for-small,th.hide-for-small-down,th.hide-for-small-only,th.hide-for-xxlarge,th.hide-for-xxlarge-only,th.hide-for-xxlarge-up,th.show-for-large-up,th.show-for-medium-up,th.show-for-small-up,th.show-for-xlarge,th.show-for-xlarge-down,th.show-for-xlarge-only,th.show-for-xlarge-up,th.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width: 66.3em) {
    .hide-for-large,.hide-for-large-down,.hide-for-large-only,.hide-for-medium,.hide-for-medium-down,.hide-for-medium-only,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-xlarge,.hide-for-xlarge-down,.hide-for-xlarge-only,.show-for-large-up,.show-for-medium-up,.show-for-small-up,.show-for-xlarge-up,.show-for-xxlarge,.show-for-xxlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up {
        display: inherit !important
    }

    .hide-for-large-up,.hide-for-medium-up,.hide-for-small-up,.hide-for-xlarge-up,.hide-for-xxlarge,.hide-for-xxlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large,.show-for-large-down,.show-for-large-only,.show-for-medium,.show-for-medium-down,.show-for-medium-only,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-xlarge,.show-for-xlarge-down,.show-for-xlarge-only {
        display: none !important
    }

    .hidden-for-large,.hidden-for-large-down,.hidden-for-large-only,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-medium-only,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-xlarge,.hidden-for-xlarge-down,.hidden-for-xlarge-only,.visible-for-large-up,.visible-for-medium-up,.visible-for-small-up,.visible-for-xlarge-up,.visible-for-xxlarge,.visible-for-xxlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large-up,.hidden-for-medium-up,.hidden-for-small-up,.hidden-for-xlarge-up,.hidden-for-xxlarge,.hidden-for-xxlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large,.visible-for-large-down,.visible-for-large-only,.visible-for-medium,.visible-for-medium-down,.visible-for-medium-only,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-xlarge,.visible-for-xlarge-down,.visible-for-xlarge-only {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-large,table.hide-for-large-down,table.hide-for-large-only,table.hide-for-medium,table.hide-for-medium-down,table.hide-for-medium-only,table.hide-for-small,table.hide-for-small-down,table.hide-for-small-only,table.hide-for-xlarge,table.hide-for-xlarge-down,table.hide-for-xlarge-only,table.show-for-large-up,table.show-for-medium-up,table.show-for-small-up,table.show-for-xlarge-up,table.show-for-xxlarge,table.show-for-xxlarge-down,table.show-for-xxlarge-only,table.show-for-xxlarge-up {
        display: table !important
    }

    thead.hide-for-large,thead.hide-for-large-down,thead.hide-for-large-only,thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-medium-only,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-small-only,thead.hide-for-xlarge,thead.hide-for-xlarge-down,thead.hide-for-xlarge-only,thead.show-for-large-up,thead.show-for-medium-up,thead.show-for-small-up,thead.show-for-xlarge-up,thead.show-for-xxlarge,thead.show-for-xxlarge-down,thead.show-for-xxlarge-only,thead.show-for-xxlarge-up {
        display: table-header-group !important
    }

    tbody.hide-for-large,tbody.hide-for-large-down,tbody.hide-for-large-only,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-medium-only,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-small-only,tbody.hide-for-xlarge,tbody.hide-for-xlarge-down,tbody.hide-for-xlarge-only,tbody.show-for-large-up,tbody.show-for-medium-up,tbody.show-for-small-up,tbody.show-for-xlarge-up,tbody.show-for-xxlarge,tbody.show-for-xxlarge-down,tbody.show-for-xxlarge-only,tbody.show-for-xxlarge-up {
        display: table-row-group !important
    }

    tr.hide-for-large,tr.hide-for-large-down,tr.hide-for-large-only,tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-medium-only,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-small-only,tr.hide-for-xlarge,tr.hide-for-xlarge-down,tr.hide-for-xlarge-only,tr.show-for-large-up,tr.show-for-medium-up,tr.show-for-small-up,tr.show-for-xlarge-up,tr.show-for-xxlarge,tr.show-for-xxlarge-down,tr.show-for-xxlarge-only,tr.show-for-xxlarge-up {
        display: table-row
    }

    td.hide-for-large,td.hide-for-large-down,td.hide-for-large-only,td.hide-for-medium,td.hide-for-medium-down,td.hide-for-medium-only,td.hide-for-small,td.hide-for-small-down,td.hide-for-small-only,td.hide-for-xlarge,td.hide-for-xlarge-down,td.hide-for-xlarge-only,td.show-for-large-up,td.show-for-medium-up,td.show-for-small-up,td.show-for-xlarge-up,td.show-for-xxlarge,td.show-for-xxlarge-down,td.show-for-xxlarge-only,td.show-for-xxlarge-up,th.hide-for-large,th.hide-for-large-down,th.hide-for-large-only,th.hide-for-medium,th.hide-for-medium-down,th.hide-for-medium-only,th.hide-for-small,th.hide-for-small-down,th.hide-for-small-only,th.hide-for-xlarge,th.hide-for-xlarge-down,th.hide-for-xlarge-only,th.show-for-large-up,th.show-for-medium-up,th.show-for-small-up,th.show-for-xlarge-up,th.show-for-xxlarge,th.show-for-xxlarge-down,th.show-for-xxlarge-only,th.show-for-xxlarge-up {
        display: table-cell !important
    }
}

.hide-for-portrait,.show-for-landscape {
    display: inherit !important
}

.hide-for-landscape,.show-for-portrait {
    display: none !important
}

table.hide-for-landscape,table.show-for-portrait {
    display: table !important
}

thead.hide-for-landscape,thead.show-for-portrait {
    display: table-header-group !important
}

tbody.hide-for-landscape,tbody.show-for-portrait {
    display: table-row-group !important
}

tr.hide-for-landscape,tr.show-for-portrait {
    display: table-row !important
}

td.hide-for-landscape,td.show-for-portrait,th.hide-for-landscape,th.show-for-portrait {
    display: table-cell !important
}

@media only screen and (orientation: landscape) {
    .hide-for-portrait,.show-for-landscape {
        display: inherit !important
    }

    .hide-for-landscape,.show-for-portrait {
        display: none !important
    }

    table.hide-for-portrait,table.show-for-landscape {
        display: table !important
    }

    thead.hide-for-portrait,thead.show-for-landscape {
        display: table-header-group !important
    }

    tbody.hide-for-portrait,tbody.show-for-landscape {
        display: table-row-group !important
    }

    tr.hide-for-portrait,tr.show-for-landscape {
        display: table-row !important
    }

    td.hide-for-portrait,td.show-for-landscape,th.hide-for-portrait,th.show-for-landscape {
        display: table-cell !important
    }
}

@media only screen and (orientation: portrait) {
    .hide-for-landscape,.show-for-portrait {
        display: inherit !important
    }

    .hide-for-portrait,.show-for-landscape {
        display: none !important
    }

    table.hide-for-landscape,table.show-for-portrait {
        display: table !important
    }

    thead.hide-for-landscape,thead.show-for-portrait {
        display: table-header-group !important
    }

    tbody.hide-for-landscape,tbody.show-for-portrait {
        display: table-row-group !important
    }

    tr.hide-for-landscape,tr.show-for-portrait {
        display: table-row !important
    }

    td.hide-for-landscape,td.show-for-portrait,th.hide-for-landscape,th.show-for-portrait {
        display: table-cell !important
    }
}

.show-for-touch {
    display: none !important
}

.hide-for-touch,.touch .show-for-touch {
    display: inherit !important
}

.touch .hide-for-touch {
    display: none !important
}

table.hide-for-touch,.touch table.show-for-touch {
    display: table !important
}

thead.hide-for-touch,.touch thead.show-for-touch {
    display: table-header-group !important
}

tbody.hide-for-touch,.touch tbody.show-for-touch {
    display: table-row-group !important
}

tr.hide-for-touch,.touch tr.show-for-touch {
    display: table-row !important
}

td.hide-for-touch,.touch td.show-for-touch,th.hide-for-touch,.touch th.show-for-touch {
    display: table-cell !important
}

.show-for-sr,.show-on-focus {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px
}

.show-on-focus:active,.show-on-focus:focus {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto
}

.print-only {
    display: none !important
}

@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block
    }

    .hide-for-print {
        display: none
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print,th.show-for-print {
        display: table-cell !important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }
	@    page {
        margin: .5cm
    }

    h2,h3,p {
        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;
        display: block
    }
}

@media print {
    .hide-for-print {
        display: none
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print,th.show-for-print {
        display: table-cell !important
    }
}

@media not print {
    .show-for-print {
        display: none !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
}

@media only screen and (max-width: 37.438em) {
    .small-only-text-left {
        text-align: left !important
    }

    .small-only-text-right {
        text-align: right !important
    }

    .small-only-text-center {
        text-align: center !important
    }

    .small-only-text-justify {
        text-align: justify !important
    }
}

@media only screen {
    .small-text-left {
        text-align: left !important
    }

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

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

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

@media only screen and (min-width: 37.5em) and (max-width: 49.938em) {
    .medium-only-text-left {
        text-align: left !important
    }

    .medium-only-text-right {
        text-align: right !important
    }

    .medium-only-text-center {
        text-align: center !important
    }

    .medium-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 37.5em) {
    .medium-text-left {
        text-align: left !important
    }

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

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

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

@media only screen and (min-width: 50em) and (max-width: 63.9em) {
    .large-only-text-left {
        text-align: left !important
    }

    .large-only-text-right {
        text-align: right !important
    }

    .large-only-text-center {
        text-align: center !important
    }

    .large-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 50em) {
    .large-text-left {
        text-align: left !important
    }

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

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

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

@media only screen and (min-width: 64em) and (max-width: 66.25em) {
    .xlarge-only-text-left {
        text-align: left !important
    }

    .xlarge-only-text-right {
        text-align: right !important
    }

    .xlarge-only-text-center {
        text-align: center !important
    }

    .xlarge-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 64em) {
    .xlarge-text-left {
        text-align: left !important
    }

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

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

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

@media only screen and (min-width: 66.3em) and (max-width: 67.938em) {
    .xxlarge-only-text-left {
        text-align: left !important
    }

    .xxlarge-only-text-right {
        text-align: right !important
    }

    .xxlarge-only-text-center {
        text-align: center !important
    }

    .xxlarge-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 66.3em) {
    .xxlarge-text-left {
        text-align: left !important
    }

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

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

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

blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul {
    margin: 0;
    padding: 0
}

a {
    color: #008CBA;
    line-height: inherit;
    text-decoration: none
}

a:focus,a:hover {
    color: #0078a0
}

a img {
    border: none
}

p {
    font-family: inherit;
    font-size: .938rem;
    font-weight: normal;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility
}

p,p.lead {
    line-height: 1.6
}

p.lead {
    font-size: 1.156rem
}

p aside {
    font-size: .875rem;
    font-style: italic;
    line-height: 1.35
}

h1,h2,h3,h4,h5,h6 {
    color: #000;
    font-family: "ProximaNovaCond",sans-serif;
    font-style: normal;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 1rem;
    margin-top: 0;
    text-rendering: optimizeLegibility
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
    color: #aaa;
    font-size: .875rem;
    line-height: 0
}

h1 {
    font-size: 1.75rem
}

h2 {
    font-size: 1.125rem
}

h3 {
    font-size: 1.25rem
}

h4 {
    font-size: 1rem
}

h5 {
    font-size: 1.188rem
}

h6 {
    font-size: 1rem
}

.subheader {
    line-height: 1.4;
    color: #595959;
    font-weight: normal;
    margin-top: .2rem;
    margin-bottom: .5rem
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 1.25rem 0 1.188rem
}

em,i {
    font-style: italic
}

em,i,b,strong {
    line-height: inherit
}

b,strong {
    font-weight: bold
}

small {
    font-size: .875rem;
    line-height: inherit
}

code {
    background-color: #f8f8f8;
    border-color: #dfdfdf;
    border-style: solid;
    border-width: 1px;
    color: #333;
    font-family: Courier,monospace;
    font-weight: normal;
    padding: .125rem .312rem .062rem
}

dl,ol,ul {
    font-family: inherit;
    font-size: .938rem;
    line-height: 1.6;
    list-style-position: outside;
    margin-bottom: 1.25rem
}

ul {
    margin-left: 1.1rem
}

ul.no-bullet {
    margin-left: 0
}

ul.no-bullet li ol,ul.no-bullet li ul {
    margin-left: 1.25rem;
    margin-bottom: 0;
    list-style: none
}

ul li ol,ul li ul {
    margin-left: 1.25rem;
    margin-bottom: 0
}

ul.circle li ul,ul.disc li ul,ul.square li ul {
    list-style: inherit
}

ul.square {
    list-style-type: square;
    margin-left: 1.1rem
}

ul.circle {
    list-style-type: circle
}

ul.circle,ul.disc {
    margin-left: 1.1rem
}

ul.disc {
    list-style-type: disc
}

ul.no-bullet {
    list-style: none
}

ol {
    margin-left: 1.4rem
}

ol li ol,ol li ul {
    margin-left: 1.25rem;
    margin-bottom: 0
}

dl dt {
    margin-bottom: .3rem;
    font-weight: bold
}

dl dd {
    margin-bottom: .75rem
}

abbr,acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #222;
    cursor: help
}

abbr {
    text-transform: none
}

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

blockquote {
    margin: 0 0 1.25rem;
    padding: 1.125rem;
    border-left: none
}

blockquote cite {
    display: block;
    font-size: .812rem;
    color: #333
}

blockquote cite:before {
    content: "\2014 \0020"
}

blockquote cite a,blockquote cite a:visited {
    color: #333
}

blockquote,blockquote p {
    line-height: 1.6;
    color: #333
}

.vcard {
    display: inline-block;
    margin: 0 0 1.25rem 0;
    border: 1px solid #ddd;
    padding: .625rem .75rem
}

.vcard li {
    margin: 0;
    display: block
}

.vcard .fn {
    font-size: .938rem
}

.vcard .fn,.vevent .summary,.vevent abbr {
    font-weight: bold
}

.vevent abbr {
    cursor: default;
    text-decoration: none;
    border: none;
    padding: 0 .062rem
}

@media only screen and (min-width: 37.5em) {
    h1,h2,h3,h4,h5,h6 {
        line-height: 1.3
    }

    h1 {
        font-size: 2.375rem
    }

    h2 {
        font-size: 1.75rem
    }

    h3 {
        font-size: 1.562rem
    }

    h4 {
        font-size: 1.312rem
    }

    h5 {
        font-size: 1.188rem
    }

    h6 {
        font-size: 1rem
    }
}

.flex-video {
    display: block
}

.flex-video.widescreen {
    padding-bottom: 52.9%
}

input[type=submit] {
    border-radius: 5px
}

.f-dropdown {
    left: -99999px;
    top: -99999px;
    z-index: 98
}

.f-dropdown.scroll {
    overflow-y: auto
}

.f-dropdown.open {
    top: 100%
}

@media only screen and (max-width: 37.438em) {
    .f-dropdown.tiny {
        max-width: none
    }
}

.f-dropdown.no-triangle:after,.f-dropdown.no-triangle:before {
    display: none
}

@media only screen and (max-width: 37.438em) {
    .f-dropdown:after,.f-dropdown:before {
        display: none
    }
}

@media only screen and (max-width: 1024px) {
    .f-dropdown li:not(.private-list-item) {
        line-height: 1.75rem
    }
}

.f-dropdown li.has-border {
    border-bottom: 1px solid #e5e5e5
}

.f-dropdown li.has-border:last-of-type {
    border-bottom: 0
}

.f-dropdown li a,.f-dropdown li a:active,.f-dropdown li a:focus,.f-dropdown li a:hover {
    color: #555;
    word-break: break-word
}

.f-dropdown li a:hover {
    text-decoration: none
}

.f-dropdown li li.active {
    background: #eee
}

.f-dropdown li.nohighlight:hover {
    background-color: transparent
}

.f-dropdown li.disabled {
    pointer-events: none;
    opacity: 0.7
}

.f-dropdown li.disabled:hover {
    background-color: transparent
}

.f-dropdown li.disabled:hover a {
    text-decoration: none
}

.f-dropdown li.disabled:hover .icon {
    opacity: 0.3
}

.f-dropdown li.disabled a,.f-dropdown li.disabled a:active,.f-dropdown li.disabled a:focus,.f-dropdown li.disabled a:hover {
    color: #aaa;
    cursor: default
}

.f-dropdown li .icon {
    margin-top: 3px
}

.f-dropdown ul {
    margin: 0
}

.f-dropdown .border-divider--ul>li:last-child,.f-dropdown .divider {
    border-bottom: 1px solid #e5e5e5
}

.f-dropdown .title {
    padding: 0.5rem;
    cursor: default;
    text-transform: uppercase;
    color: #aaa;
    font-weight: bold
}

.f-dropdown .nested-list:focus,.f-dropdown .nested-list:hover,.f-dropdown .title:focus,.f-dropdown .title:hover {
    background-color: transparent
}

.f-dropdown:focus {
    outline: none
}

@media only screen and (min-width: 37.5em) {
    .reveal-modal.tiny {
        width: 30%
    }

    .reveal-modal.tiny,.reveal-modal.small {
        max-width: 55.55556rem;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .reveal-modal.small {
        width: 40%
    }

    .reveal-modal.medium {
        width: 60%
    }

    .reveal-modal.medium,.reveal-modal.large {
        max-width: 55.55556rem;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .reveal-modal.large {
        width: 70%
    }

    .reveal-modal.xlarge {
        width: 95%;
        max-width: 55.55556rem;
        left: 0;
        right: 0;
        margin: 0 auto
    }
}

@media only screen and (max-width: 49.938em) {
    .reveal-modal.small {
        width: 90%
    }
}

@media only screen and (max-width: 37.438em) {
    .reveal-modal.small {
        width: 90%;
        margin-left: 0
    }
}

.alert-box {
    line-height: 1.3
}

.alert-box.warning,.alert-box,.alert-box.info {
    border-color: #e5e5e5
}

.alert-box a {
    font-weight: bold
}

.alert-box .close {
    margin-top: -.5rem
}

.alert-box .close:hover {
    text-decoration: none
}

.hide {
    display: none !important
}

.alert {
    color: #eeb544
}

.alertinput {
    border: 1px solid #eeb544
}

.warningmessage {
    color: #ef7740
}

.warninginput {
    border: 1px solid #ef7740
}

.vcard {
    display: inline;
    margin: 0;
    border: 0;
    padding: 0
}

.vcard .fn {
    font-weight: bold;
    font-size: 15px
}

[class*=block-grid-] {
    margin: 0
}

[class*=block-grid-]>li {
    padding: 0 1.125rem;
    margin: auto
}

.button.dark,button.dark {
    background-color: #aaa
}

.button.small,.button.tiny,button.small,button.tiny {
    padding-top: 0;
    padding-bottom: 0
}

@media only screen and (min-width: 64em) {
    .button.small .icon {
        font-size: 18px
    }
}

input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    border-radius: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    display: block;
    font-size: 0.875rem;
    margin: 0;
    padding: 0;
    height: auto;
    width: auto;
    transition: none
}

input[type=date]:active,input[type=date]:disabled,input[type=date]:focus,input[type=date]:hover,input[type=datetime-local]:active,input[type=datetime-local]:disabled,input[type=datetime-local]:focus,input[type=datetime-local]:hover,input[type=datetime]:active,input[type=datetime]:disabled,input[type=datetime]:focus,input[type=datetime]:hover,input[type=email]:active,input[type=email]:disabled,input[type=email]:focus,input[type=email]:hover,input[type=month]:active,input[type=month]:disabled,input[type=month]:focus,input[type=month]:hover,input[type=number]:active,input[type=number]:disabled,input[type=number]:focus,input[type=number]:hover,input[type=password]:active,input[type=password]:disabled,input[type=password]:focus,input[type=password]:hover,input[type=search]:active,input[type=search]:disabled,input[type=search]:focus,input[type=search]:hover,input[type=tel]:active,input[type=tel]:disabled,input[type=tel]:focus,input[type=tel]:hover,input[type=text]:active,input[type=text]:disabled,input[type=text]:focus,input[type=text]:hover,input[type=time]:active,input[type=time]:disabled,input[type=time]:focus,input[type=time]:hover,input[type=url]:active,input[type=url]:disabled,input[type=url]:focus,input[type=url]:hover,input[type=week]:active,input[type=week]:disabled,input[type=week]:focus,input[type=week]:hover,textarea:active,textarea:disabled,textarea:focus,textarea:hover {
    background-color: transparent
}

input[type=checkbox]+label,input[type=radio]+label {
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0
}

.button,button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    cursor: pointer;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    position: relative;
    text-decoration: none;
    text-align: center;
    border-radius: 0;
    display: inline-block;
    padding: 0;
    font-size: 1rem;
    background-color: transparent;
    color: #000;
    transition: none
}

.button:active,.button:focus,.button:hover,button:active,button:focus,button:hover {
    color: #000
}

.button,button,button[type=submit] {
    height: 42px;
    line-height: 42px;
    border-radius: 21px;
    font-size: 1rem;
    border: transparent 1px solid;
    background-color: #0093ec;
    color: #fff;
    letter-spacing: 0.5px;
    padding: 0 2rem
}

.button {
    transition: background-color 0.4s ease-in-out,border-color 0.4s ease-in-out,color 0.4s ease-in-out
}

.button .svg-icon {
    stroke: #fff;
    opacity: 1
}

.button .svg-icon--filled {
    stroke: none;
    fill: #fff
}

.button:active,.button:focus,.button:hover {
    background-color: #0073b9;
    color: #fff
}

.button.button--small,.button.small,.button.tiny {
    height: 34px;
    border-radius: 34px;
    line-height: 34px;
    font-size: 14px
}

.button.button--small:not(.dropdown),.button.small:not(.dropdown),.button.tiny:not(.dropdown) {
    padding: 0 1.5rem
}

.button--secondary,.button.secondary {
    background-color: #fff;
    border-color: #0093ec;
    color: #0093ec
}

.button--secondary .svg-icon,.button.secondary .svg-icon {
    stroke: #0093ec
}

.button--secondary .svg-icon--filled,.button.secondary .svg-icon--filled {
    stroke: none;
    fill: #0093ec
}

.button--secondary:active,.button--secondary:focus,.button--secondary:hover,.button.secondary:active,.button.secondary:focus,.button.secondary:hover {
    background-color: #fff;
    border-color: #005386;
    color: #005386
}

.button--secondary:active .svg-icon,.button--secondary:focus .svg-icon,.button--secondary:hover .svg-icon,.button.secondary:active .svg-icon,.button.secondary:focus .svg-icon,.button.secondary:hover .svg-icon {
    stroke: #005386
}

.button--secondary:active .svg-icon--filled,.button--secondary:focus .svg-icon--filled,.button--secondary:hover .svg-icon--filled,.button.secondary:active .svg-icon--filled,.button.secondary:focus .svg-icon--filled,.button.secondary:hover .svg-icon--filled {
    stroke: none;
    fill: #005386
}

.button--tertiary {
    background-color: #fff;
    border-color: #aaa;
    color: #666
}

.button--tertiary .svg-icon {
    stroke: #666
}

.button--tertiary .svg-icon--filled {
    stroke: none;
    fill: #666
}

.button--tertiary:active,.button--tertiary:focus,.button--tertiary:hover {
    background-color: #fff;
    border-color: #000;
    color: #000
}

.button--tertiary:active .svg-icon,.button--tertiary:focus .svg-icon,.button--tertiary:hover .svg-icon {
    stroke: #000
}

.button--tertiary:active .svg-icon.svg-icon--filled,.button--tertiary:focus .svg-icon.svg-icon--filled,.button--tertiary:hover .svg-icon.svg-icon--filled {
    stroke: none;
    fill: #000
}

.button--error,.button.error,.button.remove {
    background-color: #fff;
    color: #ef7740;
    border-color: #ef7740
}

.button--error .svg-icon,.button.error .svg-icon,.button.remove .svg-icon {
    stroke: #ef7740
}

.button--error .svg-icon--filled,.button.error .svg-icon--filled,.button.remove .svg-icon--filled {
    stroke: none;
    fill: #ef7740
}

.button--error:active,.button--error:focus,.button--error:hover,.button.error:active,.button.error:focus,.button.error:hover,.button.remove:active,.button.remove:focus,.button.remove:hover {
    background-color: #fff;
    border-color: #b94510;
    color: #b94510
}

.button--error:active .svg-icon,.button--error:focus .svg-icon,.button--error:hover .svg-icon,.button.error:active .svg-icon,.button.error:focus .svg-icon,.button.error:hover .svg-icon,.button.remove:active .svg-icon,.button.remove:focus .svg-icon,.button.remove:hover .svg-icon {
    stroke: #b94510
}

.button--error:active .svg-icon--filled,.button--error:focus .svg-icon--filled,.button--error:hover .svg-icon--filled,.button.error:active .svg-icon--filled,.button.error:focus .svg-icon--filled,.button.error:hover .svg-icon--filled,.button.remove:active .svg-icon--filled,.button.remove:focus .svg-icon--filled,.button.remove:hover .svg-icon--filled {
    stroke: none;
    fill: #b94510
}

.button--commerce {
    background-color: #72ad75;
    color: #fff
}

.button--commerce:active,.button--commerce:focus,.button--commerce:hover {
    background-color: #57955a
}

.button--commerce-secondary {
    background-color: #fff;
    color: #72ad75;
    border-color: #72ad75
}

.button--commerce-secondary:active,.button--commerce-secondary:focus,.button--commerce-secondary:hover {
    background-color: #fff;
    color: #57955a;
    border-color: #57955a
}

.button--amazon {
    background-color: #f5c056;
    color: #000
}

.button--amazon:active,.button--amazon:focus,.button--amazon:hover {
    background-color: #f2ae26;
    color: #000
}

.button--disabled,.button.disabled,.button[disabled] {
    background-color: #e5e5e5;
    cursor: not-allowed;
    border-color: transparent;
    opacity: 1;
    pointer-events: auto
}

.button--disabled:active,.button--disabled:focus,.button--disabled:hover,.button.disabled:active,.button.disabled:focus,.button.disabled:hover,.button[disabled]:active,.button[disabled]:focus,.button[disabled]:hover {
    background-color: #e5e5e5;
    border-color: transparent;
    color: #fff
}

.button--error.button--disabled,.button--error.disabled,.button--error[disabled],.button--secondary.button--disabled,.button--secondary.disabled,.button--secondary[disabled],.button--tertiary.button--disabled,.button--tertiary.disabled,.button--tertiary[disabled],.button.error.button--disabled,.button.error.disabled,.button.error[disabled],.button.remove.button--disabled,.button.remove.disabled,.button.remove[disabled],.button.secondary.button--disabled,.button.secondary.disabled,.button.secondary[disabled] {
    border-color: #ccc;
    color: #ccc;
    background-color: #fff;
    cursor: not-allowed
}

.button--error.button--disabled .svg-icon,.button--error.disabled .svg-icon,.button--error[disabled] .svg-icon,.button--secondary.button--disabled .svg-icon,.button--secondary.disabled .svg-icon,.button--secondary[disabled] .svg-icon,.button--tertiary.button--disabled .svg-icon,.button--tertiary.disabled .svg-icon,.button--tertiary[disabled] .svg-icon,.button.error.button--disabled .svg-icon,.button.error.disabled .svg-icon,.button.error[disabled] .svg-icon,.button.remove.button--disabled .svg-icon,.button.remove.disabled .svg-icon,.button.remove[disabled] .svg-icon,.button.secondary.button--disabled .svg-icon,.button.secondary.disabled .svg-icon,.button.secondary[disabled] .svg-icon {
    stroke: #ccc
}

.button--error.button--disabled .svg-icon--filled,.button--error.disabled .svg-icon--filled,.button--error[disabled] .svg-icon--filled,.button--secondary.button--disabled .svg-icon--filled,.button--secondary.disabled .svg-icon--filled,.button--secondary[disabled] .svg-icon--filled,.button--tertiary.button--disabled .svg-icon--filled,.button--tertiary.disabled .svg-icon--filled,.button--tertiary[disabled] .svg-icon--filled,.button.error.button--disabled .svg-icon--filled,.button.error.disabled .svg-icon--filled,.button.error[disabled] .svg-icon--filled,.button.remove.button--disabled .svg-icon--filled,.button.remove.disabled .svg-icon--filled,.button.remove[disabled] .svg-icon--filled,.button.secondary.button--disabled .svg-icon--filled,.button.secondary.disabled .svg-icon--filled,.button.secondary[disabled] .svg-icon--filled {
    stroke: none;
    fill: #ccc
}

.button--error.button--disabled:active,.button--error.button--disabled:focus,.button--error.button--disabled:hover,.button--error.disabled:active,.button--error.disabled:focus,.button--error.disabled:hover,.button--error[disabled]:active,.button--error[disabled]:focus,.button--error[disabled]:hover,.button--secondary.button--disabled:active,.button--secondary.button--disabled:focus,.button--secondary.button--disabled:hover,.button--secondary.disabled:active,.button--secondary.disabled:focus,.button--secondary.disabled:hover,.button--secondary[disabled]:active,.button--secondary[disabled]:focus,.button--secondary[disabled]:hover,.button--tertiary.button--disabled:active,.button--tertiary.button--disabled:focus,.button--tertiary.button--disabled:hover,.button--tertiary.disabled:active,.button--tertiary.disabled:focus,.button--tertiary.disabled:hover,.button--tertiary[disabled]:active,.button--tertiary[disabled]:focus,.button--tertiary[disabled]:hover,.button.error.button--disabled:active,.button.error.button--disabled:focus,.button.error.button--disabled:hover,.button.error.disabled:active,.button.error.disabled:focus,.button.error.disabled:hover,.button.error[disabled]:active,.button.error[disabled]:focus,.button.error[disabled]:hover,.button.remove.button--disabled:active,.button.remove.button--disabled:focus,.button.remove.button--disabled:hover,.button.remove.disabled:active,.button.remove.disabled:focus,.button.remove.disabled:hover,.button.remove[disabled]:active,.button.remove[disabled]:focus,.button.remove[disabled]:hover,.button.secondary.button--disabled:active,.button.secondary.button--disabled:focus,.button.secondary.button--disabled:hover,.button.secondary.disabled:active,.button.secondary.disabled:focus,.button.secondary.disabled:hover,.button.secondary[disabled]:active,.button.secondary[disabled]:focus,.button.secondary[disabled]:hover {
    border-color: #ccc;
    color: #ccc;
    background-color: #fff
}

.button--error.button--disabled:active .svg-icon,.button--error.button--disabled:focus .svg-icon,.button--error.button--disabled:hover .svg-icon,.button--error.disabled:active .svg-icon,.button--error.disabled:focus .svg-icon,.button--error.disabled:hover .svg-icon,.button--error[disabled]:active .svg-icon,.button--error[disabled]:focus .svg-icon,.button--error[disabled]:hover .svg-icon,.button--secondary.button--disabled:active .svg-icon,.button--secondary.button--disabled:focus .svg-icon,.button--secondary.button--disabled:hover .svg-icon,.button--secondary.disabled:active .svg-icon,.button--secondary.disabled:focus .svg-icon,.button--secondary.disabled:hover .svg-icon,.button--secondary[disabled]:active .svg-icon,.button--secondary[disabled]:focus .svg-icon,.button--secondary[disabled]:hover .svg-icon,.button--tertiary.button--disabled:active .svg-icon,.button--tertiary.button--disabled:focus .svg-icon,.button--tertiary.button--disabled:hover .svg-icon,.button--tertiary.disabled:active .svg-icon,.button--tertiary.disabled:focus .svg-icon,.button--tertiary.disabled:hover .svg-icon,.button--tertiary[disabled]:active .svg-icon,.button--tertiary[disabled]:focus .svg-icon,.button--tertiary[disabled]:hover .svg-icon,.button.error.button--disabled:active .svg-icon,.button.error.button--disabled:focus .svg-icon,.button.error.button--disabled:hover .svg-icon,.button.error.disabled:active .svg-icon,.button.error.disabled:focus .svg-icon,.button.error.disabled:hover .svg-icon,.button.error[disabled]:active .svg-icon,.button.error[disabled]:focus .svg-icon,.button.error[disabled]:hover .svg-icon,.button.remove.button--disabled:active .svg-icon,.button.remove.button--disabled:focus .svg-icon,.button.remove.button--disabled:hover .svg-icon,.button.remove.disabled:active .svg-icon,.button.remove.disabled:focus .svg-icon,.button.remove.disabled:hover .svg-icon,.button.remove[disabled]:active .svg-icon,.button.remove[disabled]:focus .svg-icon,.button.remove[disabled]:hover .svg-icon,.button.secondary.button--disabled:active .svg-icon,.button.secondary.button--disabled:focus .svg-icon,.button.secondary.button--disabled:hover .svg-icon,.button.secondary.disabled:active .svg-icon,.button.secondary.disabled:focus .svg-icon,.button.secondary.disabled:hover .svg-icon,.button.secondary[disabled]:active .svg-icon,.button.secondary[disabled]:focus .svg-icon,.button.secondary[disabled]:hover .svg-icon {
    stroke: #ccc
}

.button--error.button--disabled:active .svg-icon--filled,.button--error.button--disabled:focus .svg-icon--filled,.button--error.button--disabled:hover .svg-icon--filled,.button--error.disabled:active .svg-icon--filled,.button--error.disabled:focus .svg-icon--filled,.button--error.disabled:hover .svg-icon--filled,.button--error[disabled]:active .svg-icon--filled,.button--error[disabled]:focus .svg-icon--filled,.button--error[disabled]:hover .svg-icon--filled,.button--secondary.button--disabled:active .svg-icon--filled,.button--secondary.button--disabled:focus .svg-icon--filled,.button--secondary.button--disabled:hover .svg-icon--filled,.button--secondary.disabled:active .svg-icon--filled,.button--secondary.disabled:focus .svg-icon--filled,.button--secondary.disabled:hover .svg-icon--filled,.button--secondary[disabled]:active .svg-icon--filled,.button--secondary[disabled]:focus .svg-icon--filled,.button--secondary[disabled]:hover .svg-icon--filled,.button--tertiary.button--disabled:active .svg-icon--filled,.button--tertiary.button--disabled:focus .svg-icon--filled,.button--tertiary.button--disabled:hover .svg-icon--filled,.button--tertiary.disabled:active .svg-icon--filled,.button--tertiary.disabled:focus .svg-icon--filled,.button--tertiary.disabled:hover .svg-icon--filled,.button--tertiary[disabled]:active .svg-icon--filled,.button--tertiary[disabled]:focus .svg-icon--filled,.button--tertiary[disabled]:hover .svg-icon--filled,.button.error.button--disabled:active .svg-icon--filled,.button.error.button--disabled:focus .svg-icon--filled,.button.error.button--disabled:hover .svg-icon--filled,.button.error.disabled:active .svg-icon--filled,.button.error.disabled:focus .svg-icon--filled,.button.error.disabled:hover .svg-icon--filled,.button.error[disabled]:active .svg-icon--filled,.button.error[disabled]:focus .svg-icon--filled,.button.error[disabled]:hover .svg-icon--filled,.button.remove.button--disabled:active .svg-icon--filled,.button.remove.button--disabled:focus .svg-icon--filled,.button.remove.button--disabled:hover .svg-icon--filled,.button.remove.disabled:active .svg-icon--filled,.button.remove.disabled:focus .svg-icon--filled,.button.remove.disabled:hover .svg-icon--filled,.button.remove[disabled]:active .svg-icon--filled,.button.remove[disabled]:focus .svg-icon--filled,.button.remove[disabled]:hover .svg-icon--filled,.button.secondary.button--disabled:active .svg-icon--filled,.button.secondary.button--disabled:focus .svg-icon--filled,.button.secondary.button--disabled:hover .svg-icon--filled,.button.secondary.disabled:active .svg-icon--filled,.button.secondary.disabled:focus .svg-icon--filled,.button.secondary.disabled:hover .svg-icon--filled,.button.secondary[disabled]:active .svg-icon--filled,.button.secondary[disabled]:focus .svg-icon--filled,.button.secondary[disabled]:hover .svg-icon--filled {
    stroke: none;
    fill: #ccc
}

.button .svg-icon {
    margin-top: -2px
}

.button.small .svg-icon {
    margin-top: -4px
}

.button--dropdown {
    height: 32px;
    border-radius: 32px;
    line-height: 32px;
    font-size: 14px;
    background-color: #fff;
    border-color: #0093ec;
    color: #0093ec;
    border-radius: 5px;
    padding: 0 2rem 0 0.7rem
}

.button--dropdown:active,.button--dropdown:focus,.button--dropdown:hover {
    background-color: #fff;
    border-color: #005386;
    color: #005386
}

.button--dropdown .chevron--bottom {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem
}

.button--dropdown .chevron--bottom.svg-icon {
    stroke: #0093ec
}

.button--dropdown span {
    display: inline-block;
    vertical-align: top
}

.k-dropdown {
    display: inline-block;
    position: relative;
    height: 32px;
    text-align: left
}

.k-dropdown--open .k-dropdown__menu {
    display: block
}

.k-dropdown--open .k-dropdown__trigger.button--dropdown .chevron--bottom {
    transform: rotate(270deg)
}

.k-dropdown--open .k-dropdown__trigger .svg-icon {
    stroke: #0093ec
}

.k-dropdown .button--dropdown {
    width: 100%;
    text-align: left;
    white-space: nowrap
}

.k-dropdown .button--dropdown span {
    overflow-x: hidden;
    text-overflow: ellipsis;
    max-width: 150px
}

.k-dropdown .button--dropdown .svg-icon {
    top: 0.4rem;
    margin-top: 0
}

.k-dropdown__menu {
    position: absolute;
    left: 0;
    top: 35px;
    z-index: 3;
    display: none;
    background-color: #fff;
    margin-top: 5px;
    margin-left: 0;
    border-radius: 5px;
    border: #0093ec 1px solid;
    padding: 0.25rem 0;
    width: 200px
}

.k-dropdown__menu li {
    display: block
}

.k-dropdown__menu li a {
    display: inline-block;
    width: 100%;
    padding: 0.25rem 0.5rem
}

.k-dropdown__menu li a:hover {
    text-decoration: none;
    background-color: #e5e5e5;
    color: #000
}

.k-dropdown--right .k-dropdown__menu {
    left: auto;
    right: 0
}

.k-dropdown--select {
    min-width: 120px;
    max-width: 180px
}

@media only screen and (max-width: 37.438em) {
    .k-dropdown--select {
        display: none
    }
}

.k-dropdown--select.k-dropdown--open .button--dropdown {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

@media only screen {
    .k-dropdown--select.k-dropdown--open .k-dropdown__menu {
        display: block
    }
}

.k-dropdown--select .k-dropdown__menu {
    display: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
    top: 26px
}

.k-dropdown--select .k-dropdown__menu li {
    display: block;
    width: 100%;
    padding: 0.25rem 0.5rem;
    cursor: pointer;
    line-height: 1.2rem;
    color: #0093ec
}

.k-dropdown--select .k-dropdown__menu li:hover {
    text-decoration: none;
    background-color: #e5e5e5;
    color: #000
}

.post-cutoff {
    width: 102%;
    position: absolute;
    height: 100px;
    bottom: 0;
    left: -1%;
    z-index: 2;
    transition: opacity .7s ease
}

.post-cutoff__inner-wrap {
    position: relative;
    width: 100%;
    overflow: hidden
}

.post-cutoff__inner-wrap .post-cutoff__gradient {
    display: none
}

.post-cutoff__inner-wrap--truncated {
    max-height: 1500px
}

.post-cutoff__inner-wrap--truncated .post-cutoff__gradient {
    display: block
}

.post-cutoff__gradient {
    position: absolute;
    background-image: linear-gradient(rgba(255,255,255,0), #fff 50%);
    left: 0;
    right: 0;
    height: 100px;
    width: 100%
}

.post-cutoff__link {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    right: 1%
}

.post-cutoff__link a {
    color: #333;
    display: inline-block;
    padding: 0;
    float: right;
    font-family: "ProximaNovaCond",sans-serif;
    font-size: 1rem
}

.post-cutoff__button {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center
}

.post-cutoff__button a.button {
    color: #fff
}

.button--social {
    width: 240px;
    text-align: left;
    padding: 0 0.75rem;
    background-color: #fff;
    border-color: #aaa;
    color: #666
}

.button--social:active,.button--social:focus,.button--social:hover {
    background-color: #fff;
    border-color: #000;
    color: #000
}

.button--social .svg-icon {
    opacity: 1;
    stroke: none;
    margin-top: -3px
}

.button--social .svg-facebook {
    fill: #425184
}

.button--social .svg-twitter {
    fill: #18a7e1
}

.button--social .svg-linkedin {
    fill: #0177b5
}

.button--social .svg-mail {
    stroke: #666
}

.button--social .svg-burner {
    stroke: #333;
    width: 25px;
    height: 25px;
    margin-top: 0
}

.button--circle {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    line-height: 34px;
    padding: 0;
    text-align: center
}

.button--share {
    border-radius: 14px;
    padding: 0 16px 0 14px;
    color: #fff;
    height: 28px;
    font-size: 14px;
    line-height: 28px;
    transition: none
}

@media only screen and (max-width: 49.938em) {
    .button--share {
        width: 120px;
        padding: 0;
        text-align: center
    }
}

.button--share .svg-icon {
    width: 14px;
    height: 14px;
    opacity: 1;
    margin-top: -3px
}

.button--share.button--facebook {
    background-color: #425184
}

.button--share.button--twitter {
    background-color: #18a7e1
}

.settings-actions .button {
    width: 8.125rem
}

.dropdown:after {
    display: none
}

.dropdown ul {
    position: static
}

label {
    cursor: default
}

label small {
    text-transform: initial
}

@media only screen and (max-width: 49.938em) {
    .profile-header .button.list-control {
        height: 30px;
        line-height: 30px;
        border-radius: 15px;
        padding-left: 12px
    }
}

.button.list-control,button[type=submit].list-control {
    background-color: #fff;
    text-transform: capitalize;
    color: #aaa;
    font-size: 0.875rem;
    width: 100px;
    letter-spacing: 0;
    border: 1px solid #f5f5f5;
    text-align: left;
    padding: 0
}

.button.list-control .list-control__label,button[type=submit].list-control .list-control__label {
    display: none
}

.button.list-control svg,button[type=submit].list-control svg {
    position: absolute;
    display: block;
    height: 10px;
    width: 10px;
    top: 15px;
    right: 9px;
    margin-top: -5px
}

.button.list-control.list-control--iconless,button[type=submit].list-control.list-control--iconless {
    padding-left: 0
}

.button.list-control.manage-button,button[type=submit].list-control.manage-button {
    font-size: .719rem
}

.button.list-control.follow-state,button[type=submit].list-control.follow-state {
    font-size: .875rem
}

.button.list-control.list-control--circle,button[type=submit].list-control.list-control--circle {
    height: 1.875rem;
    width: 1.875rem;
    text-align: center
}

.button.list-control.list-control--circle svg,button[type=submit].list-control.list-control--circle svg {
    float: none;
    display: block
}

.button.list-control.list-control--active:hover,.button.list-control:hover,button[type=submit].list-control.list-control--active:hover,button[type=submit].list-control:hover {
    border-color: #0093ec;
    background-color: #0093ec;
    color: #fff
}

.button.list-control.list-control--active,button[type=submit].list-control.list-control--active {
    border-color: #0093ec;
    color: #0093ec;
    background-color: transparent
}

.button.list-control.list-control--active svg,button[type=submit].list-control.list-control--active svg {
    opacity: 1
}

.button.list-control:hover,button[type=submit].list-control:hover {
    border-color: #0093ec
}

@media only screen and (min-width: 37.5em) {
    .button.list-control,button[type=submit].list-control {
        height: 30px;
        line-height: 30px;
        border-radius: 15px;
        padding-left: 12px
    }
}

@media only screen and (max-width: 49.938em) {
    .button.list-control,button[type=submit].list-control {
        height: 28px;
        line-height: 28px;
        border-radius: 14px;
        padding-left: 8px;
        font-size: 12px
    }
}

.button.control--disabled,button[type=submit].control--disabled {
    border: 0;
    cursor: default
}

.button.control--disabled:hover,button[type=submit].control--disabled:hover {
    background-color: #fff;
    color: #aaa
}

@media only screen and (min-width: 50em) {
    .follow-list.follow-list__resizable .list-entity {
        max-width: 34.375rem
    }

    .follow-list.follow-list__resizable .list-entity .list-control__label {
        display: inherit;
        line-height: 30px
    }

    .follow-list.follow-list__resizable .list-entity .button.list-control {
        text-align: left;
        line-height: 30px;
        padding-left: 12px;
        padding-right: 0;
        height: auto
    }

    .follow-list.follow-list__resizable .list-entity .button.list-control.list-control--circle {
        width: 6.25rem
    }
}

@media only screen and (max-width: 49.938em) {
    .follow-list.follow-list__resizable .list-entity .list-control svg {
        display: none
    }

    .follow-list.follow-list__resizable .list-entity .list-control.list-control--circle svg {
        display: block
    }

    .button.list-control--circle {
        padding: 0
    }
}

.svg-inline-link-button {
    display: inline-block
}

.svg-link-button {
    display: block
}

.button-group>li .button {
    border-radius: 0;
    border-color: transparent
}

.button-group>li .button.secondary {
    border-color: rgba(0,0,0,0.2)
}

.button-group>li:not(:first-child) .button {
    border-left-color: rgba(255,255,255,0.5);
    border-right-color: transparent
}

.button-group>li:not(:first-child) .button.secondary {
    border-left-color: rgba(0,0,0,0.2)
}

.button-group>li:first-child .button {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.button-group>li:first-child .button.secondary {
    border: 1px solid rgba(0,0,0,0.2);
    border-right: 0
}

.button-group>li:last-child .button {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.button-group>li:last-child .button.secondary {
    border: 1px solid rgba(0,0,0,0.2)
}

.button.postfix,form .row .row.collapse .postfix {
    border-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

.split.button.secondary span {
    border-left-color: rgba(0,0,0,0.1)
}

.split.button.secondary span:after {
    color: #0093ec
}

.f-dropdown.open {
    border-radius: 5px
}

.f-dropdown.open li:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.dropdown {
    color: #aaa;
    display: inline-block;
    position: relative;
    background-color: #fff;
    height: 2rem
}

.dropdown.button:not(.post-dropdown-trigger):after {
    right: 1.6rem
}

.dropdown.button.secondary:not(.post-dropdown-trigger):after {
    color: #0093ec
}

.dropdown.fitted {
    width: 6.25rem;
    border: 0
}

.dropdown.fitted .dropdown__drop {
    width: 100%
}

.dropdown ul.dropdown__drop {
    font-size: 0.85rem;
    background-color: #fff;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ccc;
    padding: 0;
    z-index: 0;
    margin: 0
}

.dropdown ul.dropdown__drop li:hover {
    background-color: #f5f5f5;
    text-decoration: none
}

.dropdown ul.dropdown__drop li:first-child:hover {
    border-radius: 0;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    background-color: #fff;
    text-decoration: none;
    color: #ccc
}

.dropdown ul.dropdown__drop li:last-child:hover {
    border-radius: 1rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    background-color: #f5f5f5;
    text-decoration: none
}

.dropdown a {
    color: #aaa;
    display: block;
    font-weight: normal;
    max-width: 100%
}

.dropdown a.dropdown__label {
    padding-right: 2.5rem
}

.dropdown .chevron--bottom {
    transition: opacity 0.4s ease-in-out;
    position: absolute;
    top: 1rem;
    right: 0.8rem
}

.dropdown.dropdown--open .dropdown__drop {
    display: block;
    z-index: 1;
    border-radius: 0.5rem;
    border-color: #e5e5e5
}

.dropdown.dropdown--open .dropdown__label {
    visibility: hidden
}

.dropdown.dropdown--open .dropdown__label--open {
    padding-left: 1rem;
    color: #ccc
}

.dropdown.dropdown--open .dropdown__label--open:hover {
    text-decoration: none
}

.dropdown.dropdown--open .dropdown__label--open .chevron--bottom {
    transform: rotate(-90deg)
}

.dropdown.dropdown--open a {
    padding-left: 1rem;
    height: 2rem;
    line-height: 2rem
}

.dropdown.dropdown--open a:hover {
    text-decoration: none;
    color: #0093ec
}

.dropdown.dropdown--closed {
    font-size: 14px;
    line-height: 14px;
    text-align: left;
    width: 100px;
    letter-spacing: 0;
    border-radius: 16px;
    color: #aaa;
    border: 1px solid #e5e5e5
}

.dropdown.dropdown--closed.list-control--active:hover,.dropdown.dropdown--closed:hover {
    transition: color 0.4s ease-in-out;
    border-color: #0093ec;
    background-color: #0093ec
}

.dropdown.dropdown--closed.list-control--active:hover a,.dropdown.dropdown--closed:hover a {
    color: #fff;
    text-decoration: none
}

.dropdown.dropdown--closed.list-control--active:hover svg,.dropdown.dropdown--closed:hover svg {
    fill: #fff
}

.dropdown.dropdown--closed.list-control--active:hover .chevron--bottom,.dropdown.dropdown--closed:hover .chevron--bottom {
    opacity: 1
}

.dropdown.dropdown--closed .dropdown__drop {
    display: none
}

.dropdown.dropdown--closed a {
    padding: 8px 6px 8px 14px;
    transition: color 0.4s ease-in-out
}

.dropdown.dropdown--disabled {
    height: 1.875rem;
    padding: .5rem .375rem .5rem .875rem;
    font-size: .875rem;
    line-height: .875rem;
    text-align: left;
    width: 6.25rem;
    letter-spacing: 0;
    background-color: #fff;
    border-radius: 1rem;
    border: 1px solid #e5e5e5
}

.dropdown.dropdown--disabled svg {
    float: right;
    fill: #aaa;
    opacity: 1;
    width: 10px;
    height: 10px;
    margin-top: .062rem;
    margin-right: .25rem
}

.dropdown.dropdown--disabled.owner {
    color: #0093ec;
    border-color: #0093ec
}

.dropdown.dropdown--disabled.owner svg {
    fill: #0093ec
}

.dropdown-aligned {
    position: relative;
    display: inline-block
}

.dropdown-aligned .f-dropdown.open {
    right: 0;
    left: auto
}

.dropdown-aligned .f-dropdown.open:before {
    display: block;
    right: 15px;
    left: auto
}

.dropdown-aligned .f-dropdown.open:after {
    display: block;
    right: 14px;
    left: auto
}

.dropdown-aligned.split.tiny .f-dropdown.open:before {
    right: 10px;
    left: auto
}

.dropdown-aligned.split.tiny .f-dropdown.open:after {
    right: 9px;
    left: auto
}

.dropdown-fitted {
    position: relative;
    max-width: 200px
}

.dropdown-fitted.split .f-dropdown.open {
    margin-top: 0
}

.dropdown-fitted .button {
    width: 100%;
    text-align: left;
    padding-right: 2rem !important
}

.dropdown-fitted .f-dropdown {
    width: 100% !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    border: #0093ec 1px solid
}

.dropdown-fitted .f-dropdown.open {
    left: 0 !important;
    margin-top: -1px
}

.dropdown-fitted .f-dropdown.open+.button {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.dropdown-fitted .f-dropdown:after,.dropdown-fitted .f-dropdown:before {
    display: none
}

.blogproperties .button {
    margin-right: 8px
}

.lf-button-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px
}

@media only screen and (min-width: 37.5em) {
    .lf-button-wrapper {
        margin-top: 5px
    }
}

.lf-button-wrapper.lf-button-wrapper__inline {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.lf-button-wrapper .lf-button {
    margin-bottom: 22px
}

.lf-dropdown {
    border: 1px solid #e5e5e5
}

.lf-dropdown .lf-dropdown__btn {
    display: block;
    line-height: 40px;
    font-size: 14px;
    text-decoration: none
}

.lf-dropdown .lf-dropdown__btn .svg-icon {
    margin-top: -1px;
    margin-left: 8px;
    fill: currentColor;
    transition: transform 0.6s
}

.lf-dropdown .lf-dropdown__content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.6s
}

.lf-dropdown .lf-dropdown__content>:first-child {
    margin-top: 22px
}

.lf-dropdown.open .lf-dropdown__content {
    max-height: 1000px
}

.lf-dropdown.open .lf-dropdown__btn .svg-icon {
    transform: rotate(-90deg)
}

.hidden-file-input-container {
    position: relative
}

.hidden-file-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    opacity: 0;
    outline: 0
}

.modal-body .biz-checkbox {
    margin: 0 0 0 5px
}

.modal-body p {
    line-height: 1.25
}

.modal-body [type=checkbox] {
    margin-right: 5px;
    vertical-align: middle
}

.modal-body .error .columns {
    position: relative
}

.modal-body .error .columns small.error {
    margin-bottom: 0;
    padding: 9px;
    text-transform: none
}

@media only screen and (max-width: 767px) {
    .modal-body .error .columns small.error.mobile-relative {
        position: relative;
        top: 0;
        margin: 0 12px 0 -20px
    }
}

.modal-body .error .collapse .columns small {
    right: 0;
    left: 0
}

.modal-body .scrollable {
    max-height: 192px;
    overflow: auto
}

@media only screen and (max-width: 37.438em) {
    .modal-body .scrollable ol,.modal-body .scrollable ul {
        line-height: 2.4
    }
}

@media only screen and (min-width: 37.5em) {
    .modal-body .scrollable ol,.modal-body .scrollable ul {
        line-height: 1.8
    }
}

.modal-body .scrollable li .columns {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.modal-body .sharelist li:not(:last-of-type) {
    height: 50px
}

.modal-body .row {
    margin-top: 10px;
    margin-bottom: 10px
}

.modal-body .login-selector {
    margin-top: 10px
}

.modal-body footer {
    margin-top: 1.25rem
}

.member[type=checkbox] {
    margin: 0
}

.member .icon {
    vertical-align: middle
}

.feature-scroll input[type=radio] {
    margin-right: 10px
}

.user-list .row {
    margin: 0
}

.reveal-modal {
    overflow: hidden;
    padding: 0;
    padding-bottom: 20px;
    min-height: 0;
    box-sizing: border-box
}

.reveal-modal .account-settings-wrapper>*,.reveal-modal>*,.reveal-modal>:last-child {
    margin: 1.25rem;
    margin-bottom: 1.25rem
}

.reveal-modal .followers>.followed-header {
    display: none
}

.reveal-modal .followed>.followed-header {
    display: block
}

.reveal-modal .modal-header-container {
    margin: 0;
    margin-bottom: 0;
    text-align: center
}

.reveal-modal .row {
    width: auto
}

@media only screen and (min-width: 37.5em) {
    .reveal-modal {
        min-width: 444px
    }
}

@media only screen and (max-width: 37.438em) {
    .reveal-modal.small {
        margin-left: 5%
    }
}

@media only screen and (max-width: 49.938em) {
    .reveal-modal.full-width {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

    .reveal-modal.sticky-modal {
        position: fixed;
        left: 0
    }

    .reveal-modal.sticky-modal>*,.reveal-modal.sticky-modal>:last-child {
        margin: 0
    }

    .reveal-modal.bottom {
        bottom: 0;
        top: auto !important
    }
}

.reveal-modal .column,.reveal-modal .columns {
    padding: 0
}

.reveal-modal .account-settings-wrapper>header,.reveal-modal header {
    margin: 0;
    padding: 1.25rem;
    padding-top: calc(1.25rem - 8px);
    padding-bottom: calc(1.25rem - 8px);
    position: relative;
    top: 2px;
    border-bottom: 1px solid #e5e5e5
}

.reveal-modal .account-settings-wrapper>header h3,.reveal-modal header h3 {
    position: relative;
    margin: 0
}

.reveal-modal .account-settings-wrapper>header .modal-close-x,.reveal-modal header .modal-close-x {
    position: absolute;
    top: -5px;
    right: -12px;
    color: #000;
    opacity: 0.3;
    font-size: 2.375rem;
    height: 46px;
    width: 46px;
    text-align: center
}

.reveal-modal .account-settings-wrapper>header .modal-close-x:hover,.reveal-modal header .modal-close-x:hover {
    text-decoration: none;
    opacity: 1
}

.reveal-modal .account-settings-wrapper>header .modal-close-x.icon,.reveal-modal header .modal-close-x.icon {
    top: -10px
}

.reveal-modal .account-settings-wrapper>header .modal-close-x.icon:before,.reveal-modal header .modal-close-x.icon:before {
    font-size: 1.5rem
}

.reveal-modal .registration-form label[for=displayName],.reveal-modal .registration-form label[for=screenNameSignUp] {
    line-height: 37px
}

.reveal-modal .login-options {
    margin-left: -1.875rem;
    margin-right: -1.875rem
}

@media only screen and (max-width: 37.438em) {
    .reveal-modal .login-options {
        margin-left: -1.25rem;
        margin-right: -1.25rem
    }
}

.reveal-modal .login-options hr {
    margin: 0
}

.reveal-modal .login-option {
    padding: 15px 0 15px 30px
}

.reveal-modal .login-option:hover {
    background-color: #e5e5e5;
    text-decoration: none
}

.reveal-modal .login-option .description {
    font-weight: normal
}

.reveal-modal .login-option,.reveal-modal .login-option-chosen {
    display: block
}

.reveal-modal .login-option-chosen .option,.reveal-modal .login-option .option {
    display: inline-block;
    margin: 6px 0 0 10px;
    width: 80%
}

.reveal-modal .has-text.login-option .option,.reveal-modal .login-option-chosen.has-text .option {
    margin-top: -1px
}

.reveal-modal .has-text.login-option .description,.reveal-modal .login-option-chosen.has-text .description {
    display: block;
    line-height: inherit;
    color: #aaa
}

.reveal-modal .newlogin {
    margin-bottom: 70px
}

.reveal-modal .newlogin .row.collapse {
    margin-top: 10px;
    margin-bottom: 10px
}

.reveal-modal .newlogin>.columns {
    padding-right: 1.125rem;
    padding-left: 1.125rem
}

.reveal-modal .newlogin>.columns:nth-child(2) {
    border-left: 1px solid #f5f5f5
}

@media only screen and (max-width: 63.9em) {
    .reveal-modal .newlogin>.columns {
        width: 100%
    }
}

.reveal-modal .toggle-signup-login {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 102%;
    padding-top: 20px;
    text-align: center;
    background-color: #f5f5f5;
    margin-bottom: 0
}

.reveal-modal .key-box {
    background-color: #fff;
    border: 1px #ccc solid;
    color: #666;
    padding: 5px 0;
    width: 300px;
    margin: 0 auto
}

.reveal-modal .key-box .token-container {
    padding-left: 40px;
    display: inline-block;
    position: relative
}

.reveal-modal .key-box .token {
    display: inline-block;
    margin: 10px 0;
    color: #0093ec
}

.reveal-modal .key-box .icon-burnerkey {
    width: 30px;
    height: 30px;
    font-size: 30px;
    color: #0093ec;
    position: absolute;
    left: -10px;
    top: 10px
}

.reveal-modal .oauth-message-container {
    margin-top: 10px;
    margin-bottom: 10px
}

.reveal-modal .oauth-message-container .modal-title {
    font-size: .875rem;
    margin: 0;
    font-weight: normal
}

.reveal-modal .reveal-modal__upload {
    position: relative
}

.reveal-modal .reveal-modal__upload .reveal-modal__spinner-container {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,0.95);
    z-index: 1
}

.reveal-modal .behind-button-spinner-container {
    position: absolute;
    z-index: -1;
    bottom: 4px;
    right: -3px
}

.reveal-modal .behind-button-spinner-container>.spinner.bounce>span {
    width: 12px;
    height: 12px
}

.reveal-modal.hide-close-button .modal-close-x {
    display: none
}

@media only screen and (max-width: 37.438em) {
    .reveal-modal.grecaptcha #modalbody_placeholder {
        margin: 0 8px
    }

    .reveal-modal.grecaptcha #modalbody_placeholder .title {
        margin: 0 12px
    }
}

.blogproperties ul {
    margin: 0
}

.blogproperties .button .icon-white {
    opacity: 1
}

.blogproperties .blogproperty .columns {
    padding-right: 1.125rem
}

.blogproperties .blogproperty .columns:last-child {
    padding-right: 0
}

.blogproperties .blogproperty .columns .button {
    margin: 5px 1.125rem 5px 0
}

.blogproperties .blogproperty .columns .button:last-child {
    margin-right: 0
}

.asset-form .delete-button {
    display: none;
    line-height: 40px;
    text-align: center
}

.asset-form .done {
    color: #666
}

.asset-form .done .delete-button {
    display: inline-block
}

.asset-form .done a,.asset-form .done a:hover,.asset-form .done h4 {
    color: #666
}

.asset-form .done .button,.asset-form .done .button a:hover,.asset-form .done .input {
    background-color: #666;
    color: #fff
}

.asset-form .asset-row {
    position: relative
}

.asset-form .inner-image-container {
    padding: 5px
}

.asset-form .inner-image-container .img img {
    display: block;
    margin: 0 auto
}

.asset-form .button {
    width: 100%;
    margin-bottom: 10px
}

.asset-form .warningmessage {
    margin-bottom: 0;
    color: #ef7740
}

.asset-form .form-tip-helper {
    color: #666
}

.asset-form hr {
    margin: 40px 0
}

.asset-form .spinner-container {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1
}

.asset-form .showingprogress {
    opacity: 0.1;
    transition: 0.2s
}

.asset-form .avatar-example,.asset-form .logo-example {
    display: block;
    padding-bottom: 0
}

.asset-form .dragover {
    background: rgba(0,0,0,0.2)
}

.asset-form .avatar-preview {
    height: 168px;
    -ms-flex-pack: center;
    justify-content: center
}

.asset-form .avatar-preview .avatar {
    width: 80px;
    height: 80px
}

.asset-form .logo-preview {
    -ms-flex-pack: center;
    justify-content: center
}

.asset-form .logo-preview .logo {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 40px;
    margin: 0 auto;
    display: block
}

@media only screen and (max-width: 49.938em) {
    .sub-nav dd {
        width: 100%
    }

    .sub-nav dd:not(:last-of-type) {
        height: 30px
    }
}

.avatar-header .height-container {
    position: relative;
    top: 4px;
    height: 46px
}

.avatar-header .primary-name-container {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.avatar-header .modal-close-x,.avatar-header .primary-name,.avatar-header .secondary-name {
    line-height: 46px
}

.avatar-header .primary-name {
    padding-left: 5px
}

@media only screen and (min-width: 50em) {
    .avatar-header .secondary-name {
        float: right;
        padding-right: 46px;
        text-transform: uppercase
    }
}

.avatar-header .modal-close-x {
    top: 1px
}

@media only screen and (min-width: 37.5em) {
    .vertical-settings .dui-form {
        min-width: 380px
    }
}

.vertical-settings .field {
    text-align: left
}

.vertical-settings-modal .dui-modal-body {
    overflow: visible
}

.store-modal .modal-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 200px
}

.store-modal .modal-content .modal-content__centered {
    padding: 0 2.25rem;
    text-align: center
}

.dui-modal.fullscreen-modal {
    padding-top: 18px;
    -webkit-backdrop-filter: blur(4px)
}

.dui-modal.fullscreen-modal.dui-menu:before {
    height: auto
}

.dui-modal footer .button,.dui-modal footer button {
    margin: 0 5px
}

.dui-modal.right .dui-modal-body {
    transform-origin: 100% 0%
}

.dui-modal.left .dui-modal-body {
    transform-origin: 0% 0%
}

.dui-modal.settings {
    margin-top: 0
}

.dui-modal .modal-confirm {
    min-width: 6.25rem;
    margin: 0 auto
}

.dui-modal .button-section {
    margin: 0 1rem
}

.dui-modal .modal-title {
    font-size: 1.5rem;
    max-width: 430px;
    margin: 0 auto 2rem;
    font-weight: normal
}

@media only screen and (max-width: 49.938em) {
    .dui-modal .modal-title {
        max-width: 100%;
        margin: 3rem 1rem
    }
}

.dui-modal .modal-content {
    max-width: 550px;
    font-size: .875rem;
    line-height: 1.2rem;
    margin: 3rem auto;
    color: #aaa
}

.dui-modal .dui-modal-body {
    transition: transform 400ms ease-out;
    transform: scale(0);
    display: inline-block;
    vertical-align: middle;
    outline: none;
    overflow: hidden;
    max-width: 680px;
    padding: 20px 0
}

.dui-modal .dui-modal-body.dui-modal-body--noanimate {
    transition: none
}

.dui-modal .dui-modal-body.dui-modal-body--fullscale {
    transform: scale(1) !important
}

@media only screen and (min-width: 37.5em) {
    .dui-modal .dui-modal-body .button-layout--withminwidth .button {
        min-width: 16.25rem
    }
}

@media only screen and (max-width: 37.438em) {
    .dui-modal .dui-modal-body {
        width: 95%
    }
}

.dui-modal .oauth-message-container.warning {
    color: #ef7740
}

.dui-modal .dui-modal--narrow {
    max-width: 450px
}

.dui-modal .lf-modal--content__centered {
    margin-left: auto;
    margin-right: auto
}

.dui-modal .lf-modal--content__standalone-field {
    margin-top: 50px;
    margin-bottom: 50px
}

.dui-modal .lf-modal--content__standalone-field.text-center .text-input {
    text-align: center
}

.dui-modal .lf-button-wrapper,.dui-modal .lf-dropdown {
    margin-top: 28px;
    margin-bottom: 20px
}

.dui-modal .lf-modal--logo {
    margin-bottom: 36px;
    max-width: 200px
}

.dui-modal h3 {
    font-weight: normal;
    margin-bottom: 18px
}

.dui-modal p {
    font-size: 18px;
    line-height: 22px
}

.dui-modal p+p {
    margin-bottom: 0;
    margin-top: 18px
}

.dui-modal .lf-modal--note {
    font-weight: bold;
    font-style: italic;
    margin-bottom: -6px
}

.dui-modal .lf-modal--misc {
    font-size: 14px;
    line-height: 16px;
    width: 250px;
    margin: 0 auto
}

.dui-modal.fullscreen-modal--noedge {
    padding: 0
}

.dui-modal.fullscreen-modal--noedge .dui-modal-body {
    width: 100%;
    overflow: auto
}

.dui-modal.fullscreen-modal--tabs {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #fff
}

.dui-modal.fullscreen-modal--tabs .dui-modal-body {
    padding: 10px 0
}

.dui-modal.fullscreen-modal--tabs .modal-close-x {
    padding: 1.125rem
}

.dui-modal.fullscreen-modal--tabs .section-nav {
    border: 0
}

.dui-modal.fullscreen-modal--tabs .blog-list,.dui-modal.fullscreen-modal--tabs .myblogs,.dui-modal.fullscreen-modal--tabs .section-nav ul,.dui-modal.fullscreen-modal--tabs .user-links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    border: 0
}

.dui-modal.fullscreen-modal--tabs .blog-list li a,.dui-modal.fullscreen-modal--tabs .myblogs li a,.dui-modal.fullscreen-modal--tabs .section-nav ul li a,.dui-modal.fullscreen-modal--tabs .user-links li a {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 95%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #aaa;
    text-align: left;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 48px;
    height: auto;
    padding: 0 18px;
    border: 0
}

.dui-modal.fullscreen-modal--tabs .blog-list li a img,.dui-modal.fullscreen-modal--tabs .blog-list li a svg,.dui-modal.fullscreen-modal--tabs .myblogs li a img,.dui-modal.fullscreen-modal--tabs .myblogs li a svg,.dui-modal.fullscreen-modal--tabs .section-nav ul li a img,.dui-modal.fullscreen-modal--tabs .section-nav ul li a svg,.dui-modal.fullscreen-modal--tabs .user-links li a img,.dui-modal.fullscreen-modal--tabs .user-links li a svg {
    opacity: 1
}

.dui-modal.fullscreen-modal--tabs .user-links li a svg {
    stroke: #aaa
}

.dui-modal.fullscreen-modal--tabs .user-links li a svg.svg-star-circle {
    stroke: none;
    fill: #aaa
}

.dui-modal.fullscreen-modal--tabs .blog-list img,.dui-modal.fullscreen-modal--tabs .blog-list svg,.dui-modal.fullscreen-modal--tabs .myblogs img,.dui-modal.fullscreen-modal--tabs .myblogs svg,.dui-modal.fullscreen-modal--tabs .section-nav img,.dui-modal.fullscreen-modal--tabs .section-nav svg {
    width: 30px;
    height: 30px
}

.dui-modal.fullscreen-modal--tabs .divider {
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    margin: 7px 0 10px
}

.dui-modal.fullscreen-modal--tabs .search-box {
    margin: 11px 18px 10px;
    padding: 0 0 14px;
    border-bottom: 1px solid #e5e5e5
}

.dui-modal.fullscreen-modal--tabs .search-box .svg-search {
    left: 0;
    top: 1px
}

.dui-modal.fullscreen-modal--tabs .search-box input[type=text] {
    border: 0;
    padding-left: 37px;
    margin: 0
}

.dui-modal.fullscreen-modal--tabs .search-box input[type=text]:focus {
    background-color: transparent
}

.dui-modal.fullscreen-modal--tabs .search-box input[type=text]::-webkit-input-placeholder {
    text-transform: uppercase;
    font-size: 18px
}

.dui-modal.fullscreen-modal--tabs .search-box input[type=text]::-moz-placeholder {
    text-transform: uppercase;
    font-size: 18px
}

.dui-modal.fullscreen-modal--tabs .search-box input[type=text]:-ms-input-placeholder {
    text-transform: uppercase;
    font-size: 18px
}

.dui-modal.fullscreen-modal--tabs .search-box input[type=text]::placeholder {
    text-transform: uppercase;
    font-size: 18px
}

.dui-modal.fullscreen-modal--tabs li.more {
    background-color: initial
}

.dui-modal.fullscreen-modal--tabs li.more a {
    text-transform: uppercase;
    font-size: 18px;
    display: block
}

.dui-modal.fullscreen-modal--tabs .notif-list ul {
    margin: 0;
    text-align: left
}

.dui-modal.fullscreen-modal--tabs .notif-list li>div {
    padding: 0
}

.dui-modal.fullscreen-modal--tabs .notif-list li a {
    display: block
}

.dui-modal.fullscreen-modal--tabs .notif-list .divider {
    display: none
}

.dui-modal.fullscreen-modal--tabs .notif-list .see-all-link {
    border: 0
}

.fullscreen-modal {
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    text-align: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    background-color: rgba(255,255,255,0.98);
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start
}

.fullscreen-modal--middle {
    -ms-flex-align: center;
    align-items: center
}

.fullscreen-modal--top {
    -ms-flex-align: start;
    align-items: flex-start
}

.fullscreen-modal--fixed-size .dui-modal-body {
    width: 40%;
    margin-top: 150px;
    padding: 40px
}

@media only screen and (max-width: 63.9em) {
    .fullscreen-modal--fixed-size .dui-modal-body {
        width: 90%
    }
}

.fullscreen-modal--box {
    background-color: rgba(255,255,255,0.7)
}

.fullscreen-modal--box .dui-modal-body {
    border: #e5e5e5 1px solid;
    background-color: #fff
}

.fullscreen-modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em
}

.fullscreen-modal .modal-close-x {
    position: absolute;
    top: 0;
    right: 0;
    padding: 50px;
    font-size: 32px;
    color: #000;
    z-index: 110
}

.fullscreen-modal .modal-close-x:hover {
    text-decoration: none
}

.fullscreen-modal .modal-close-x .svg-icon {
    opacity: 1
}

@media only screen and (max-width: 49.938em) {
    .fullscreen-modal .modal-close-x {
        padding: 30px
    }
}

@media only screen and (max-width: 49.938em) {
    .fullscreen-modal {
        padding-top: 2rem
    }
}

.inpage-modal {
    text-align: center
}

.blur-content {
    filter: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmx1cnJlZC1iYWNrZ3JvdW5kLXN2ZyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImJsdXIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiIC8+PC9maWx0ZXI+PC9zdmc+#image-blur");
    filter: blur(3px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3')
}

@media only screen and (max-width: 49.938em) {
    .button-layout {
        margin: 0 1rem
    }

    .button-layout .modal-confirm {
        width: 100%
    }
}

@media only screen and (min-width: 50em) {
    .button-layout {
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width: 50em) {
    .button-layout .flex-item-small {
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 50em) {
    .button-layout .flex-item-large {
        -moz-flex-grow: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.button-layout .button {
    margin: 0 1rem;
    display: block
}

@media only screen and (max-width: 49.938em) {
    .button-layout .button {
        margin-bottom: 1rem;
        font-size: .875rem;
        text-transform: capitalize;
        width: 90%
    }
}

.oauth-message-modal {
    max-width: 580px;
    text-align: center;
    padding: 20px;
    display: inline-block;
    vertical-align: middle
}

.dui-modal-body.nav-dropdown {
    padding: 0;
    text-align: left;
    width: 100%;
    max-width: 600px;
    vertical-align: top
}

.dui-modal-body.nav-dropdown .divider,.dui-modal-body.nav-dropdown form.search {
    margin-left: 0;
    margin-right: 0
}

@media only screen and (max-width: 37.438em) {
    .dui-modal-body.nav-dropdown .divider,.dui-modal-body.nav-dropdown form.search {
        margin-left: 1.125rem;
        margin-right: 5.625rem
    }
}

.dui-modal-body.nav-dropdown .search-box {
    margin-top: 15px;
    margin-bottom: 10px
}

.dui-modal-body.nav-dropdown .search {
    padding-bottom: 1px
}

.dui-modal-body.nav-dropdown .search input {
    width: 100%;
    padding-left: 2.25rem;
    padding-right: 0;
    font-size: 18px;
    font-weight: normal;
    background-color: transparent
}

.dui-modal-body.nav-dropdown .login-links {
    padding: 10px 0;
    line-height: 0;
    text-align: center
}

.dui-modal-body.nav-dropdown ul {
    padding: 0
}

.dui-modal-body.nav-dropdown ul.user-links {
    padding-top: 0
}

.dui-modal-body.nav-dropdown ul.user-links .avatar {
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 14px;
    float: left
}

.dui-modal-body.nav-dropdown ul.user-links a {
    color: #aaa;
    padding-left: 28px;
    position: static
}

.dui-modal-body.nav-dropdown ul.user-links .u-prepended .svg-icon {
    margin-right: 20px
}

.dui-modal-body.nav-dropdown ul.user-links li.display-name {
    padding-left: 22px;
    height: 68px;
    padding-top: 9px
}

.dui-modal-body.nav-dropdown ul.user-links .username {
    max-width: 65%;
    float: left;
    overflow: hidden;
    padding: 0;
    line-height: 32px
}

.dui-modal-body.nav-dropdown li {
    height: 60px;
    line-height: 47px;
    vertical-align: middle
}

.dui-modal-body.nav-dropdown li.title {
    padding: 0 1.125rem;
    height: 40px;
    line-height: 42px;
    background-color: #f5f5f5;
    font-size: 14px
}

.dui-modal-body.nav-dropdown .login-button {
    width: auto;
    max-width: 90%
}

.dui-modal-body.nav-dropdown .login-button span {
    padding-right: 10px
}

.dui-modal-body.nav-dropdown .blog-list {
    margin-top: 10px;
    border-top: 1px solid #f5f5f5
}

.dui-modal-body.nav-dropdown ul.gmg-blog-list .icon,.dui-modal-body.nav-dropdown ul.myblogs .icon,.dui-modal-body.nav-dropdown ul.related-blog-list .icon {
    opacity: 1
}

.dui-modal-body.nav-dropdown ul.gmg-blog-list a,.dui-modal-body.nav-dropdown ul.myblogs a,.dui-modal-body.nav-dropdown ul.related-blog-list a {
    color: #000;
    text-transform: uppercase;
    padding: 10px 1.125rem
}

.dui-modal-body.nav-dropdown .notif-list {
    margin-top: -8px
}

.dui-modal-body.nav-dropdown .notif-list .row.collapse {
    line-height: initial
}

.dui-modal-body.nav-dropdown .notif-list li {
    height: auto;
    padding: 1em 0
}

.dui-modal-body.nav-dropdown .notif-list .others-count {
    text-decoration: underline
}

.dui-modal-body.nav-dropdown .notif-list .more {
    background: none
}

.dui-modal-body.nav-dropdown .see-all-link {
    border-top: 0
}

.dui-modal-body.nav-dropdown .see-all-link li {
    line-height: 1em;
    padding: 1em 0
}

.dui-modal-body.nav-dropdown .blog-list .svg-icon,.dui-modal-body.nav-dropdown .icon,.dui-modal-body.nav-dropdown .myblogs .svg-icon {
    width: 40px;
    height: 40px
}

.imgupload-form {
    margin-bottom: 1.5rem
}

.insertimage-modal-options {
    margin-top: 10px
}

.insertimage-modal-options label {
    margin-bottom: 5px
}

.insertimage-modal-options .item {
    margin-bottom: 25px
}

.insertimage-modal-options .item:last-child {
    margin-bottom: 10px
}

.dui-modal__tabs {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0;
    background-color: #f5f5f5;
    height: 61px;
    min-height: 61px;
    border-bottom: 1px solid #e5e5e5
}

.dui-modal__tab {
    width: 67px;
    height: 60px;
    border-right: 1px solid #e5e5e5
}

.dui-modal__tab a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    opacity: 0.5
}

.dui-modal__tab img {
    max-height: 30px;
    max-width: 30px
}

.dui-modal__tab.dui-modal__tab--active {
    padding-bottom: 1px;
    height: 61px;
    background: #fff
}

.dui-modal__tab.dui-modal__tab--active a {
    opacity: 1
}

.dui-modal__tab .notif-circle {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    background-color: #0093ec;
    color: #fff
}

.dui-modal__tab .notif-circle.notif-circle--empty,.dui-modal__tab .notif-circle.notif-circle--empty:hover {
    background-color: transparent;
    border: 0
}

.dui-modal__tab .notif-circle.notif-circle--empty .svg-lightning,.dui-modal__tab .notif-circle.notif-circle--empty:hover .svg-lightning {
    fill: #aaa;
    opacity: 1
}

.fullscreen-modal .toggle-signup-login {
    clear: both;
    padding-top: 30px
}

.nav-dropdown.f-dropdown {
    max-width: 300px;
    border: #e5e5e5 1px solid;
    padding: 0;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.nav-dropdown ul {
    padding: 0.4rem 0;
    margin: 0
}

.nav-dropdown li a {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    color: #0093ec;
    font-size: 1rem
}

.nav-dropdown li a:hover {
    color: #000
}

@media only screen and (max-width: 49.938em) {
    .nav-dropdown li a:hover {
        text-decoration: none
    }
}

.nav-dropdown li.title,.nav-dropdown li a {
    padding: 0.3rem 1rem 0.2rem
}

@media only screen and (max-width: 49.938em) {
    .nav-dropdown li.title,.nav-dropdown li a {
        padding-top: 0.6rem;
        padding-bottom: 0.4rem;
        font-size: 1.125rem
    }
}

.nav-dropdown li.title {
    cursor: default;
    text-transform: uppercase;
    color: #aaa;
    font-weight: bold
}

.nav-dropdown li .icon {
    margin-top: 1px
}

.nav-dropdown .divider {
    border-bottom: 1px solid #e5e5e5
}

@media only screen and (max-width: 49.938em) {
    .nav-dropdown .user-links {
        padding-top: 0.4rem
    }
}

.nav-dropdown .user-links .display-name span,.nav-dropdown .user-links a {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem
}

@media only screen and (max-width: 49.938em) {
    .nav-dropdown .user-links .display-name span,.nav-dropdown .user-links a {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem
    }
}

.nav-dropdown .user-links .display-name img.avatar {
    display: none
}

.nav-dropdown .user-links .display-name span {
    font-size: 1rem;
    display: block;
    color: #000;
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: bold;
    word-break: break-word
}

.nav-dropdown .user-links .display-name:hover {
    background-color: transparent
}

.nav-dropdown .blog-links {
    overflow-y: auto
}

.nav-dropdown .title-ownblogs {
    padding-bottom: 0
}

.nav-dropdown .title-ownblogs+ul {
    padding-top: 0
}

.nav-dropdown .tabs dd {
    padding: 0;
    top: auto
}

.nav-dropdown .tabs a {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 0 0.5rem;
    height: 60px;
    line-height: 62px;
    text-align: center;
    background: #f5f5f5
}

.nav-dropdown .tabs a:hover {
    text-decoration: none
}

.nav-dropdown .tabs .active a {
    background: #000;
    color: #fff
}

.nav-dropdown .tabs-content>.content {
    padding: 0
}

.global-nav__left .f-dropdown-ct {
    min-width: 300px
}

.main-menu,.search-dropdown {
    border-bottom-left-radius: 0 !important
}

.main-menu.open,.search-dropdown.open {
    top: 57px;
    left: 0
}

.main-menu.open>div,.search-dropdown.open>div {
    overflow-y: auto;
    max-height: 500px
}

.main-menu input,.search-dropdown input {
    border: 0;
    margin-bottom: 0;
    background-color: transparent
}

.search-dropdown:before {
    border: inset 6px;
    border-color: transparent transparent #fff transparent;
    border-bottom-style: solid;
    left: 42px;
    top: -11px;
    z-index: 99
}

.search-dropdown:before,.search-dropdown:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute
}

.search-dropdown:after {
    border: inset 7px;
    border-color: transparent transparent #e5e5e5 transparent;
    border-bottom-style: solid;
    left: 41px;
    top: -13px;
    z-index: 98
}

.main-menu .login-button {
    display: block;
    margin: 2rem 1rem 0.5rem;
    font-size: 1rem;
    line-height: 1.4;
    padding-top: 0.6rem
}

@media only screen and (min-width: 50em) {
    .main-menu ul {
        padding-bottom: 0.5rem
    }
}

.main-menu .search {
    margin: 0 0 0 0.3rem
}

@media only screen and (max-width: 49.938em) {
    .main-menu .search {
        margin: 0.3rem 0 0.2rem 0.3rem
    }
}

.main-menu .input-with-icon input {
    background-color: transparent;
    border: 0
}

@media only screen and (max-width: 49.938em) {
    .main-menu .search {
        margin: 0.8rem 0 0.6rem 0.1rem
    }

    .main-menu .search .icon {
        font-size: 1rem;
        top: .312rem
    }
}

@media only screen and (min-width: 50em) {
    .nav-dropdown.main-menu,.nav-dropdown.user-menu {
        width: 190px;
        max-width: 190px
    }

    .nav-dropdown.main-menu.dropdown-wide,.nav-dropdown.user-menu.dropdown-wide {
        width: 384px;
        max-width: 384px
    }

    .nav-dropdown.main-menu.dropdown-wide ul,.nav-dropdown.user-menu.dropdown-wide ul {
        width: 50%;
        float: left
    }

    .nav-dropdown.main-menu.dropdown-wide ul.related-blog-list,.nav-dropdown.user-menu.dropdown-wide ul.related-blog-list {
        border-right: 1px solid #e5e5e5
    }

    .nav-dropdown.main-menu.open li:last-child,.nav-dropdown.user-menu.open li:last-child {
        border-radius: 0
    }
}

.channels-menu,.notif-menu,.user-menu {
    border-bottom-right-radius: 0 !important
}

.channels-menu.open,.notif-menu.open,.user-menu.open {
    left: auto !important;
    top: 57px !important;
    right: 0 !important;
    border-right: 0
}

.notif-menu .notifications-spinner {
    min-height: 50px
}

.f-dropdown.channels-menu.open:before {
    left: auto;
    right: 108px
}

.f-dropdown.channels-menu.open:after {
    left: auto;
    right: 107px
}

.f-dropdown.notif-menu.open {
    right: 17px
}

.f-dropdown.notif-menu.open:before {
    left: auto;
    right: 66px
}

.f-dropdown.notif-menu.open:after {
    left: auto;
    right: 65px
}

.f-dropdown.notif-menu.open .notif-list {
    max-height: 500px;
    overflow-y: auto
}

@media only screen and (min-width: 50em) {
    .f-dropdown.notif-menu.open .notif-list {
        max-height: none;
        overflow-y: auto
    }
}

.f-dropdown.user-menu.open {
    right: 61px
}

.f-dropdown.user-menu.open:before {
    left: auto;
    right: 24px
}

.f-dropdown.user-menu.open:after {
    left: auto;
    right: 23px
}

.f-dropdown.user-menu.open>div {
    max-height: 500px;
    overflow-y: hidden
}

.f_superuser_on .f-dropdown.user-menu.open>div {
    max-height: 560px
}

.f-dropdown.user-menu.open .myblogs {
    max-height: 130px;
    overflow-y: auto
}

.f-dropdown.main-menu.open:before {
    left: 14px
}

.f-dropdown.main-menu.open:after {
    left: 13px
}

@media only screen and (min-width: 50em) {
    .notif-list .notif-list-scroll-wrapper {
        overflow-y: auto;
        max-height: none
    }
}

.notif-list .notif-list-scroll-wrapper .notifications-spinner {
    padding: 1rem 0
}

.notif-list .see-all-link {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.notif-list ul {
    padding: 0;
    border-bottom-width: 1px
}

.notif-list li {
    padding: 0;
    border-bottom: #e5e5e5 1px solid;
    position: relative;
    overflow: auto
}

.notif-list li>div,.notif-list li a {
    padding: 0.5rem 0.5rem 0.6rem;
    white-space: normal
}

.notif-list li.more {
    text-align: center;
    background-color: #f5f5f5;
    border-bottom: 0
}

.notif-list li.more a {
    color: #aaa
}

.notif-list li.notifications-empty {
    padding: 10px 0
}

.notif-list li .col {
    padding-left: 0;
    padding-right: 0;
    float: left;
    box-sizing: border-box
}

.notif-list li .small-10 {
    padding: 1px 0 0 0.5rem
}

.notif-list li .name {
    text-transform: none;
    font-weight: bold;
    color: #222;
    line-height: 1.3;
    word-break: break-all
}

.notif-list li .icon {
    color: #aaa;
    margin: 2px auto;
    display: block
}

.notif-list li .avatar {
    display: block;
    height: 30px;
    width: 30px;
    margin: 4px auto 0
}

.notif-list li .avatar .svg-icon {
    width: 30px;
    height: 30px;
    opacity: 1
}

.notif-list li .msg-excerpt {
    font-family: "ProximaNovaCond",sans-serif;
    font-size: .812rem;
    line-height: 1.4;
    color: #222;
    padding-top: 5px
}

.notif-list li .msg-excerpt:before {
    content: '\201c';
    font-weight: bold;
    padding-right: 2px
}

.notif-list li .msg-excerpt:after {
    content: '\201d';
    font-weight: bold;
    padding-left: 2px
}

.notif-list li .txt {
    color: #000
}

.notif-list li .event-msg,.notif-list li time {
    display: block;
    font-size: .875rem;
    color: #222;
    line-height: 1.3
}

.notif-list li .event-msg a,.notif-list li time a {
    display: inline;
    padding: 0;
    font-size: inherit
}

.notif-list li time {
    padding: 0 0.1rem;
    font-weight: bold
}

.notif-list li.private-list-item.unapproved a {
    opacity: 0.5
}

.notif-list li.private-list-item.unapproved:hover {
    opacity: 1
}

.notif-list li.private-list-item.unapproved .pending-label {
    float: right;
    position: absolute;
    top: 8px;
    font-size: 12px;
    right: 14px
}

.notif-list li.private-list-item.unapproved .unseen .unread-marker {
    top: 14px;
    right: 8px
}

@media only screen and (max-width: 49.938em) {
    .notif-list li.private-list-item.unapproved .unseen .unread-marker {
        top: 13px
    }
}

.notif-list li.private-list-item.unapproved .avatar img {
    -moz-filter: grayscale(100%);
    filter: grayscale(100%)
}

.notif-list .search-dropdown {
    padding: 10px
}

.notif-list .search-dropdown.open:before {
    left: 52px
}

.notif-list .search-dropdown.open:after {
    left: 51px
}

.notif-list .search-dropdown .icon {
    font-size: 12px;
    width: 12px;
    height: 12px;
    line-height: 16px;
    top: 10px
}

.notif-list .search-dropdown input {
    margin: 0;
    border: 0;
    padding-right: 0;
    padding-left: 28px;
    font-size: .938rem
}

.notif-list .search-dropdown input:focus {
    background-color: transparent
}

.notification__btn-cont {
    margin-top: 6px
}

#read-only-warning {
    display: none;
    position: fixed;
    z-index: 98;
    top: auto;
    bottom: 0;
    width: 100%;
    background-color: #ef7740;
    color: #fff;
    font-family: "ProximaNovaCond",serif;
    font-weight: bold;
    text-align: center;
    line-height: 25px
}

.read-only .tabs-content {
    padding-top: 20px
}

.read-only .sidebar {
    top: 100px
}

.read-only .toolbar {
    top: 50px
}

.read-only .toolbar .sidebar-dropdown.open {
    top: 100px !important
}

.read-only #read-only-warning {
    display: block !important
}

.read-only .inner-wrap {
    padding-top: 95px
}

.kinja-logo-divider {
    margin: 60px 0 20px
}

.kinja-logo-divider hr {
    border: 0;
    border-top: 1px solid #e5e5e5
}

.footer__items,.footer__nav {
    padding-top: 1.5rem;
    padding-bottom: 30px
}

@media only screen and (min-width: 50em) {
    .footer__items,.footer__nav {
        padding-top: 3.562rem
    }
}

.site-footer {
    margin: 0 auto;
    max-width: 63rem;
    width: 100%;
    padding-bottom: 100px
}

.site-footer:after,.site-footer:before {
    content: " ";
    display: table
}

.site-footer:after {
    clear: both
}

@media only screen and (min-width: 50em) {
    .site-footer {
        min-height: 20rem;
        margin-bottom: 2rem
    }
}

.site-footer.inline {
    height: 5rem
}

.site-footer.inline .footer__nav {
    width: 100%;
    position: static
}

@media only screen and (min-width: 50em) {
    .site-footer.inline .footer__nav {
        margin-top: -2rem
    }
}

.site-footer.inline .list {
    text-align: center
}

@media only screen and (min-width: 50em) {
    .site-footer.inline .list li {
        display: inline
    }

    .site-footer.inline .list li:first-child {
        padding-left: 0
    }
}

.site-footer .divider {
    width: 160px;
    border-color: #e5e5e5;
    margin: 0 auto
}

.site-footer ul {
    padding: 0;
    margin: 0
}

.footer__items {
    text-align: left
}

@media only screen and (max-width: 49.938em) {
    .f_only_taboola_on .footer__items {
        padding-left: 1.125rem;
        padding-right: 1.125rem;
        width: 100%;
        float: left
    }
}

@media only screen and (min-width: 50em) {
    .footer__items {
        position: relative;
        padding-left: 1.125rem;
        padding-right: 1.125rem;
        width: 66.667%;
        left: 33.333%;
        right: auto;
        float: left
    }
}

li.footer__item {
    padding: 0;
    list-style: none;
    list-style-type: none
}

li.footer__item:hover .readmore {
    text-decoration: underline
}

li.footer__item .readmore {
    margin-bottom: 1rem
}

@media only screen and (min-width: 50em) {
    li.footer__item .readmore {
        margin-bottom: 0
    }
}

li.footer__item .readmore .svg-chevron-right {
    width: 1rem;
    height: 1rem;
    margin-top: -3px;
    vertical-align: middle
}

.footer__link {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    width: 100%;
    float: left;
    padding: 0;
    margin-bottom: 1.5rem
}

.footer__link,.footer__link:hover {
    outline: none;
    text-decoration: none
}

@media only screen and (min-width: 37.5em) and (max-width: 49.938em) {
    .footer__link {
        position: relative;
        padding-left: 1.125rem;
        padding-right: 1.125rem;
        width: 83.333%;
        left: 8.333%;
        right: auto;
        float: left
    }
}

@media only screen and (min-width: 50em) {
    .footer__link {
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        -moz-align-items: flex-start;
        align-items: flex-start;
        position: relative;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        left: 0;
        right: auto;
        float: left
    }
}

@media only screen and (min-width: 64em) {
    .footer__link {
        margin-bottom: 2.25rem
    }
}

.footer__image {
    margin-bottom: 1rem;
    padding: 0
}

@media only screen and (min-width: 50em) {
    .footer__image {
        padding-left: 1.125rem;
        padding-right: 1.125rem;
        width: 41.667%;
        float: left;
        padding-left: 0
    }
}

.footer__content {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    width: 100%;
    float: left;
    margin: 0 auto;
    text-align: left
}

@media only screen and (min-width: 50em) {
    .footer__content {
        padding-left: 1.125rem;
        padding-right: 1.125rem;
        width: 75%;
        max-width: 100%;
        padding-left: 0;
        float: left
    }
}

.footer__headline {
    font-size: 1.4rem;
    line-height: 1.3;
    margin-bottom: 0.5rem
}

@media only screen and (min-width: 50em) and (max-width: 63.9em) {
    .footer__headline {
        margin-top: -4px
    }
}

.footer__excerpt {
    margin-bottom: 0.5rem;
    font-family: "ElizabethSerif",Georgia,serif;
    cursor: pointer;
    text-decoration: none;
    color: #222
}

.footer__nav {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    width: 100%;
    float: left;
    margin-bottom: 3rem
}

@media only screen and (min-width: 50em) {
    .footer__nav {
        position: relative;
        padding-left: 1.125rem;
        padding-right: 1.125rem;
        width: 33.333%;
        right: 66.667%;
        left: auto;
        float: left;
        margin-bottom: 2rem;
        text-align: left !important
    }
}

.footer__nav .list li {
    display: inline-block
}

@media only screen and (min-width: 50em) {
    .footer__nav .list li {
        display: block
    }
}

.footer__nav .list li a {
    text-rendering: optimizeLegibility
}

.footer__nav .list--copyright,.footer__nav .list--legal,.footer__nav .list--site {
    text-align: center
}

@media only screen and (min-width: 50em) {
    .footer__nav .list--copyright,.footer__nav .list--legal,.footer__nav .list--site {
        text-align: left
    }
}

.footer__nav .list--site {
    margin-bottom: .875rem;
    line-height: 1.75
}

.footer__nav .list--site a {
    color: #333;
    letter-spacing: .3px
}

@media only screen and (min-width: 50em) {
    .footer__nav .list--site {
        margin-top: -8px
    }
}

@media only screen and (min-width: 50em) {
    .footer__nav .list--site__baseline {
        margin-top: 0
    }
}

.footer__nav .list--copyright,.footer__nav .list--legal {
    font-size: 0.8rem;
    letter-spacing: .3px
}

.footer__nav .list--copyright,.footer__nav .list--copyright a,.footer__nav .list--legal,.footer__nav .list--legal a {
    color: #b5b5b5
}

@media only screen and (min-width: 50em) {
    .footer__nav .list--copyright,.footer__nav .list--legal {
        margin-top: -2px
    }
}

.footer__nav .list--copyright {
    margin-top: 14px
}

@media only screen and (min-width: 50em) {
    .f_only_taboola_on .footer__items {
        padding-top: 1.875rem
    }
}

.newsletter-unsubscribe {
    max-width: 300px;
    margin: 0 auto;
    text-align: center
}

.newsletter-unsubscribe a {
    color: #b5b5b5
}

.newsletter-unsubscribe a:hover {
    color: rgba(181,181,181,0.75)
}

@keyframes check {
    0% {
        height: 0;
        width: 0
    }

    33.3333% {
        width: 8px;
        height: 0
    }
}

@keyframes settingsfield-change-color {
    0% {
        color: #0093ec
    }

    to {
        color: rgba(0,0,0,0.75)
    }
}

.button input[type=submit] {
    background: none;
    border: 0;
    cursor: pointer;
    font-family: "ProximaNovaCond",sans-serif;
    font-size: 14px;
    color: #0093ec;
    outline: none
}

.search-column {
    padding-right: 60px
}

.field input label {
    text-align: left
}

.field input::-webkit-input-placeholder {
    font-weight: normal
}

.field input::-moz-placeholder {
    font-weight: normal
}

.field input:-ms-input-placeholder {
    font-weight: normal
}

.field input:-moz-placeholder {
    font-weight: normal
}

.checkbox {
    font-size: 0.85rem
}

.checkbox .error-txt {
    display: none
}

.checkbox.checkbox--txt {
    color: #aaa;
    display: inline-block;
    white-space: nowrap
}

.checkbox.checkbox--txt label {
    vertical-align: middle
}

.checkbox.checkbox--txt input[type=checkbox] {
    display: none
}

.checkbox.checkbox--txt input[type=checkbox]+label {
    vertical-align: middle
}

.checkbox.checkbox--txt label:before {
    display: inline-block;
    height: 20px;
    width: 20px;
    font-size: .6rem;
    color: #aaa;
    line-height: 1.125rem;
    text-align: center;
    border-radius: 50%;
    margin: 0;
    border: #aaa .062rem solid;
    content: '';
    vertical-align: middle;
    position: relative;
    top: -2px
}

.checkbox.checkbox--txt input[type=checkbox]:checked+label,.checkbox.checkbox--txt input[type=checkbox]:checked+label a {
    color: #0093ec
}

.checkbox.checkbox--txt input[type=checkbox]:checked+label:before {
    border-color: #0093ec;
    color: #0093ec
}

.checkbox.checkbox--txt label:before {
    margin-right: 0.5rem
}

.checkbox.checkbox--txt label:after {
    margin-left: 0.5rem
}

.checkbox.checkbox__error .error-txt {
    color: #eeb544;
    display: block;
    margin-left: 25px
}

.checkbox.checkbox__error label:before {
    border-color: #eeb544
}

.twitter-input-container:before {
    position: absolute;
    line-height: 1.24em;
    content: '@';
    color: #aaa
}

.twitter-input-container input {
    padding-left: 0.8em
}

.search-input-form {
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.search-input-form .search-input {
    margin-right: 20px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.field {
    margin-bottom: 1.5rem;
    position: relative
}

.field .input,.field input {
    width: 100%;
    padding-bottom: 0.1rem;
    border-bottom: #aaa 1px solid
}

.field .input[type=file],.field input[type=file] {
    border-bottom-width: 0
}

.field .input:disabled,.field input:disabled {
    font-weight: normal;
    cursor: not-allowed
}

.field .input.warninginput,.field input.warninginput {
    font-style: italic;
    color: #aaa;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-color: #eeb544
}

.field .textarea--multiline {
    border-bottom: #aaa 1px solid;
    width: 100%;
    min-height: inherit;
    padding-bottom: 0.1rem;
    resize: none;
    overflow: hidden;
    font-size: 1rem
}

.field .textarea--box {
    border: 1px #aaa solid;
    padding: 8px;
    resize: none;
    width: 100%;
    font-size: 18px;
    font-weight: normal
}

.field.error {
    color: #eeb544
}

.field.error input {
    font-style: italic
}

.field .change-color {
    animation-name: settingsfield-change-color;
    animation-duration: 0.2s ease-in-out;
    animation-timing-function: cubic-bezier(0.99, 0, 1, 1)
}

.field .fielddescription {
    transition: color 0.2s ease-in-out;
    color: #aaa;
    line-height: 1.1rem;
    text-align: left
}

.field.toggle-container .fielddescription {
    color: #333
}

.field .successmessage,.field .warningmessage {
    color: #eeb544;
    width: 100%;
    line-height: 1.3rem;
    text-align: left
}

.field .successmessage {
    border: #39a235 1px solid;
    color: #39a235
}

.field .fielddescription,.field .warningmessage {
    display: block;
    position: relative;
    top: 5px
}

.field:hover input:not([disabled])+.fielddescription {
    color: #ccc
}

@media only screen and (max-width: 49.938em) {
    .field {
        margin-bottom: 2.5rem;
        padding: 0 1rem
    }
}

.x-remove {
    transition: transform,0.2s ease-in-out;
    display: block;
    position: absolute;
    right: 0;
    top: 8px;
    font-size: 8px;
    z-index: 150;
    cursor: pointer
}

.x-remove.rotated {
    transform: rotate(45deg)
}

.x-remove:before {
    color: #ccc
}

@media only screen and (max-width: 49.938em) {
    .x-remove {
        top: 3px;
        right: 1rem
    }
}

.checkmark {
    height: 20px;
    right: 0;
    top: 6px;
    width: 20px
}

.checkmark,.checkmark:after {
    display: block;
    position: absolute
}

.checkmark:after {
    animation: check 0.4s;
    transform: scaleX(-1) rotate(135deg);
    transform-origin: left top;
    border-right: 3px solid #ccc;
    border-top: 3px solid #ccc;
    content: '';
    height: 15px;
    left: 0;
    top: 10px;
    width: 8px
}

@media only screen and (max-width: 49.938em) {
    .checkmark {
        right: 14px
    }
}

.input-container,input[type=date],input[type=number],input[type=text],input[type=time],textarea {
    transition: border-color 0.2s ease-in-out,color 0.2s ease-in-out;
    color: #333;
    font-size: 1.4rem;
    font-weight: normal;
    padding-right: 20px;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased
}

.input-container::-webkit-input-placeholder,input[type=date]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=time]::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    transition: color 0.2s ease-in-out;
    color: 0.2s ease-in-out
}

.input-container::-moz-placeholder,input[type=date]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=time]::-moz-placeholder,textarea::-moz-placeholder {
    transition: color 0.2s ease-in-out;
    color: 0.2s ease-in-out
}

.input-container:-ms-input-placeholder,input[type=date]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=time]:-ms-input-placeholder,textarea:-ms-input-placeholder {
    transition: color 0.2s ease-in-out;
    color: 0.2s ease-in-out
}

.input-container::placeholder,input[type=date]::placeholder,input[type=number]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,textarea::placeholder {
    transition: color 0.2s ease-in-out;
    color: 0.2s ease-in-out
}

.input-container:hover,input[type=date]:hover,input[type=number]:hover,input[type=text]:hover,input[type=time]:hover,textarea:hover {
    color: #0093ec
}

.input-container:hover::-webkit-input-placeholder,input[type=date]:hover::-webkit-input-placeholder,input[type=number]:hover::-webkit-input-placeholder,input[type=text]:hover::-webkit-input-placeholder,input[type=time]:hover::-webkit-input-placeholder,textarea:hover::-webkit-input-placeholder {
    color: #e5e5e5
}

.input-container:hover::-moz-placeholder,input[type=date]:hover::-moz-placeholder,input[type=number]:hover::-moz-placeholder,input[type=text]:hover::-moz-placeholder,input[type=time]:hover::-moz-placeholder,textarea:hover::-moz-placeholder {
    color: #e5e5e5
}

.input-container:hover:-ms-input-placeholder,input[type=date]:hover:-ms-input-placeholder,input[type=number]:hover:-ms-input-placeholder,input[type=text]:hover:-ms-input-placeholder,input[type=time]:hover:-ms-input-placeholder,textarea:hover:-ms-input-placeholder {
    color: #e5e5e5
}

.input-container:hover::placeholder,input[type=date]:hover::placeholder,input[type=number]:hover::placeholder,input[type=text]:hover::placeholder,input[type=time]:hover::placeholder,textarea:hover::placeholder {
    color: #e5e5e5
}

.input-container:disabled,input[type=date]:disabled,input[type=number]:disabled,input[type=text]:disabled,input[type=time]:disabled,textarea:disabled {
    color: #ccc;
    -webkit-text-fill-color: #ccc
}

.input-container:disabled:hover+.fielddescription,input[type=date]:disabled:hover+.fielddescription,input[type=number]:disabled:hover+.fielddescription,input[type=text]:disabled:hover+.fielddescription,input[type=time]:disabled:hover+.fielddescription,textarea:disabled:hover+.fielddescription {
    color: #aaa
}

.input-container:active:not([disabled]),.input-container:focus:not([disabled]),input[type=date]:active:not([disabled]),input[type=date]:focus:not([disabled]),input[type=number]:active:not([disabled]),input[type=number]:focus:not([disabled]),input[type=text]:active:not([disabled]),input[type=text]:focus:not([disabled]),input[type=time]:active:not([disabled]),input[type=time]:focus:not([disabled]),textarea:active:not([disabled]),textarea:focus:not([disabled]) {
    border-color: #0093ec;
    color: #0093ec
}

.input-container:active:not([disabled])::-webkit-input-placeholder,.input-container:focus:not([disabled])::-webkit-input-placeholder,input[type=date]:active:not([disabled])::-webkit-input-placeholder,input[type=date]:focus:not([disabled])::-webkit-input-placeholder,input[type=number]:active:not([disabled])::-webkit-input-placeholder,input[type=number]:focus:not([disabled])::-webkit-input-placeholder,input[type=text]:active:not([disabled])::-webkit-input-placeholder,input[type=text]:focus:not([disabled])::-webkit-input-placeholder,input[type=time]:active:not([disabled])::-webkit-input-placeholder,input[type=time]:focus:not([disabled])::-webkit-input-placeholder,textarea:active:not([disabled])::-webkit-input-placeholder,textarea:focus:not([disabled])::-webkit-input-placeholder {
    color: #e5e5e5
}

.input-container:active:not([disabled])::-moz-placeholder,.input-container:focus:not([disabled])::-moz-placeholder,input[type=date]:active:not([disabled])::-moz-placeholder,input[type=date]:focus:not([disabled])::-moz-placeholder,input[type=number]:active:not([disabled])::-moz-placeholder,input[type=number]:focus:not([disabled])::-moz-placeholder,input[type=text]:active:not([disabled])::-moz-placeholder,input[type=text]:focus:not([disabled])::-moz-placeholder,input[type=time]:active:not([disabled])::-moz-placeholder,input[type=time]:focus:not([disabled])::-moz-placeholder,textarea:active:not([disabled])::-moz-placeholder,textarea:focus:not([disabled])::-moz-placeholder {
    color: #e5e5e5
}

.input-container:active:not([disabled]):-ms-input-placeholder,.input-container:focus:not([disabled]):-ms-input-placeholder,input[type=date]:active:not([disabled]):-ms-input-placeholder,input[type=date]:focus:not([disabled]):-ms-input-placeholder,input[type=number]:active:not([disabled]):-ms-input-placeholder,input[type=number]:focus:not([disabled]):-ms-input-placeholder,input[type=text]:active:not([disabled]):-ms-input-placeholder,input[type=text]:focus:not([disabled]):-ms-input-placeholder,input[type=time]:active:not([disabled]):-ms-input-placeholder,input[type=time]:focus:not([disabled]):-ms-input-placeholder,textarea:active:not([disabled]):-ms-input-placeholder,textarea:focus:not([disabled]):-ms-input-placeholder {
    color: #e5e5e5
}

.input-container:active:not([disabled])::placeholder,.input-container:focus:not([disabled])::placeholder,input[type=date]:active:not([disabled])::placeholder,input[type=date]:focus:not([disabled])::placeholder,input[type=number]:active:not([disabled])::placeholder,input[type=number]:focus:not([disabled])::placeholder,input[type=text]:active:not([disabled])::placeholder,input[type=text]:focus:not([disabled])::placeholder,input[type=time]:active:not([disabled])::placeholder,input[type=time]:focus:not([disabled])::placeholder,textarea:active:not([disabled])::placeholder,textarea:focus:not([disabled])::placeholder {
    color: #e5e5e5
}

.input-container {
    padding-right: 0
}

.toggle-container>* {
    vertical-align: middle
}

.toggle-container.inline-block {
    margin-right: 30px
}

.toggle {
    display: inline-block;
    height: 22px;
    color: #aaa
}

.toggle.toggle--small {
    height: 14px
}

.toggle.toggle--small input+label {
    height: 14px;
    width: 23.8px
}

.toggle.toggle--small input+label:after {
    height: 10px;
    width: 10px
}

.toggle.toggle--small input:checked+label:after {
    left: 11.8px
}

.toggle input {
    max-height: 0;
    max-width: 0;
    opacity: 0;
    margin: 0
}

.toggle input+label {
    display: inline-block;
    position: relative;
    box-shadow: inset 0 0 0 1px #aaa;
    text-indent: -5000px;
    height: 22px;
    width: 37.4px;
    border-radius: 100px;
    transition: 0.25s ease-in-out
}

.toggle input+label:hover {
    cursor: pointer
}

.toggle input+label:after {
    content: '';
    position: absolute;
    display: block;
    top: 2px;
    left: 2px;
    border-radius: 100px;
    transition: 0.25s ease-in-out;
    height: 18px;
    width: 18px;
    background: #aaa
}

.toggle input:checked+label {
    box-shadow: inset 0 0 0 1px #0093ec
}

.toggle input:checked+label:after {
    left: 17.4px;
    background: #0093ec
}

.reveal-modal .login-submit {
    line-height: 1.6;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0
}

input[type=color] {
    -webkit-appearance: none;
    padding: 0;
    height: 10px;
    width: 10px;
    border: 1px solid rgba(0,0,0,0.6);
    border-radius: 2px
}

input[type=color]::-webkit-color-swatch-wrapper {
    padding: 0
}

input[type=color]::-webkit-color-swatch {
    border: none
}

.color-picker-wrapper {
    border: 1px solid rgba(0,0,0,0.6);
    padding: 2px;
    display: inline-block
}

.imgupload-form {
    display: inline-block;
    position: relative;
    text-align: center
}

.imgupload-form.imgupload-form--blog {
    top: 9px
}

.imgupload-form.imgupload-form--user .img {
    border-radius: 50%
}

@media only screen and (max-width: 49.938em) {
    .imgupload-form.imgupload-form--blog,.imgupload-form.imgupload-form--user {
        display: block
    }
}

.imgupload-form.imgupload-form--blog .img,.imgupload-form.imgupload-form--user .img {
    width: 9.375rem;
    height: 9.375rem
}

@media only screen and (max-width: 49.938em) {
    .imgupload-form.imgupload-form--blog .img,.imgupload-form.imgupload-form--user .img {
        width: 4.75rem;
        height: 4.75rem
    }
}

.imgupload-form.imgupload-form--blog .img.small,.imgupload-form.imgupload-form--user .img.small {
    width: 5.5rem;
    height: 5.5rem
}

@media only screen and (max-width: 49.938em) {
    .imgupload-form.imgupload-form--blog .img.small,.imgupload-form.imgupload-form--user .img.small {
        width: 6rem;
        height: 6rem
    }
}

.imgupload-form.imgupload-form--blog label,.imgupload-form.imgupload-form--user label {
    text-align: center
}

.imgupload-form.imgupload-form--blog .button,.imgupload-form.imgupload-form--user .button {
    margin-top: 10px
}

.imgupload-form.imgupload-form--header {
    display: block;
    margin-bottom: 0
}

.imgupload-form.imgupload-form--header.background .background-mode {
    position: absolute;
    z-index: 101;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 0 8px;
    margin: 0;
    display: block;
    left: 10px;
    top: 10px
}

.imgupload-form.imgupload-form--header.background .background-mode a {
    display: block;
    padding: 8px 4px 4px 4px
}

.imgupload-form.imgupload-form--header.background .background-mode a.tiled .svg-icon {
    stroke: #0093ec;
    opacity: 1
}

.imgupload-form.imgupload-form--header.background .img {
    height: 358px;
    width: 100%
}

.imgupload-form.imgupload-form--header.background .img.background--tiled {
    background-repeat: repeat;
    background-position: top left;
    background-size: inherit
}

.imgupload-form.imgupload-form--header.background .img.background--cover {
    background-repeat: no-repeat
}

@media only screen and (max-width: 49.938em) {
    .imgupload-form.imgupload-form--header.background .img {
        height: 145px
    }
}

.imgupload-form.imgupload-form--header .img {
    height: 32px;
    width: 100%
}

@media only screen and (max-width: 49.938em) {
    .imgupload-form.imgupload-form--header .img {
        border-radius: 5px
    }
}

.imgupload-form.imgupload-form--header label {
    text-align: left
}

.imgupload-form.imgupload-form--header .button {
    margin: 20px 0
}

@media only screen and (max-width: 49.938em) {
    .imgupload-form .img {
        opacity: 0.66
    }

    .imgupload-form .spinner {
        position: absolute;
        bottom: 10px;
        width: 100%;
        margin-left: 1.125rem
    }
}

.imgupload-form__img {
    position: relative
}

.imgupload-form__img .img {
    transition: border-width,0.2s ease-in-out;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: transparent;
    border-color: #0093ec;
    border-width: 0;
    border-style: solid;
    margin: 0 auto
}

.imgupload-form__img .img.blank {
    border: #ccc 1px dashed;
    position: relative
}

.imgupload-form__img .img.blank:before {
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    content: 'Upload Photo';
    color: #0093ec;
    font-size: 0.8rem;
    width: 100%;
    text-align: center
}

@media only screen and (max-width: 49.938em) {
    .imgupload-form__img .button {
        display: none
    }
}

.imgupload-form__img label {
    color: #ccc
}

.imgupload-form__img:active .img,.imgupload-form__img:hover .img {
    filter: grayscale(100%)
}

.imgupload-form__img:active .img.blank,.imgupload-form__img:hover .img.blank {
    border-width: 1px;
    border-color: #0093ec
}

.imgupload-form__img.disabled {
    margin-bottom: 1.562rem
}

.imgupload-form__img.disabled .button {
    display: none
}

.imgupload-form__img.disabled .img.blank:before {
    color: #ccc;
    content: 'No Photo';
    font-style: italic
}

.imgupload-form__img.disabled:active .img,.imgupload-form__img.disabled:hover .img {
    border-width: 0;
    cursor: default
}

.imgupload-form__img.disabled:active .img.blank,.imgupload-form__img.disabled:hover .img.blank {
    border-width: 1px;
    border-color: #ccc
}

@media only screen and (max-width: 49.938em) {
    .imgupload-form__img {
        margin-bottom: 0.5rem
    }
}

.imgupload-form.imgupload-form--header .img {
    height: 44px
}

.author-bio__wrapper {
    max-width: 636px;
    margin-left: auto;
    margin-right: auto;
    clear: left
}

.author-bio {
    display: inline-block;
    background: #f5f5f5;
    border-radius: 3px;
    clear: both;
    color: #666;
    max-width: 636px;
    margin-bottom: 1.5rem;
    padding: 14px
}

.author-bio.author-bio--below-post {
    margin: 2rem 0 0.5rem
}

@media only screen and (max-width: 49.938em) {
    .author-bio.bio-preview {
        margin-left: 1rem;
        margin-right: 1rem
    }
}

.author-bio p {
    margin: 0
}

.author-bio hr {
    border-width: 1px 0 0;
    margin: 10px 0 11px
}

.author-bio .svg-icon {
    width: 14px;
    height: 14px
}

.author-bio .svg-icon.svg-mail {
    margin-top: -1px
}

.author-bio .svg-icon.svg-twitter {
    margin-top: -2px
}

.author-bio .author-bio__name {
    font-size: 1.2em
}

.author-bio .author-bio--flair {
    display: inline-block;
    margin-right: 15px;
    vertical-align: baseline;
    position: relative
}

.author-bio .author-bio--flair .svg-icon {
    margin-right: 3px;
    position: relative;
    top: 2px;
    vertical-align: baseline
}

.author-bio .author-bio--flair:after {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.author-bio .author-bio__extra-info {
    display: inline-block
}

.author-bio .author-bio__extra-info .author-bio--flair:last-child {
    margin-right: 0
}

.author-bio .author-bio__bio {
    margin: 4px 0 0
}

.author-bio .author-bio__separator {
    margin: 0 5px;
    color: #aaa
}

.inline-toolbar {
    position: absolute;
    z-index: 101;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 0 8px;
    margin: 0;
    display: block;
    left: 10px;
    top: 10px
}

.inline-toolbar li {
    display: inline-block
}

.inline-toolbar li input {
    margin: 0
}

.inline-toolbar li a {
    display: block;
    padding: 8px
}

.inline-toolbar li a .svg-icon {
    opacity: 0.6
}

.inline-toolbar li a.disabled {
    cursor: default
}

.inline-toolbar li a.disabled .svg-icon {
    fill: none;
    stroke: #e5e5e5;
    opacity: 1
}

.inline-toolbar li a.disabled:hover .svg-icon {
    stroke: #e5e5e5;
    opacity: 1
}

.inline-toolbar li a.active .svg-icon,.inline-toolbar li a:hover .svg-icon {
    stroke: #0093ec;
    opacity: 1
}

.spinner.bounce {
    display: block;
    margin: auto;
    width: 62px;
    text-align: center;
    height: 18px
}

.spinner.bounce>span {
    width: 18px;
    height: 18px;
    background-color: #ccc;
    border-radius: 100%;
    display: inline-block;
    animation: bouncedelay .8s infinite ease-in-out;
    animation-fill-mode: both
}

.spinner.bounce .one {
    animation-delay: -0.32s
}

.spinner.bounce .two {
    animation-delay: -0.16s
}

.spinner-wrapper.with-margin {
    margin: 1em 0 1em 0
}

.loading-full {
    background-color: #fff;
    background-color: rgba(255,255,255,0.8);
    display: block
}

.loading-full.animate {
    opacity: 0
}

.loading-full.animate.in {
    transition: opacity .25s ease-in-out;
    opacity: 1
}

.loading-full .loading-message-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 160px;
    margin: -80px 0 0 -125px;
    text-align: center
}

.loading-full .loading-message-box .message,.loading-full .loading-message-box .message-still {
    color: #333;
    font-weight: bold;
    margin-bottom: .5em
}

.loading-full .loading-message-box .message-still {
    display: none
}

.loading-full .spinner.bounce>span {
    background-color: #333
}

.spinner--inline {
    display: inline-block
}

.spinner--inline .animate {
    vertical-align: middle;
    display: inline-block
}

@keyframes bouncedelay {
    0%,80%,to {
        transform: scale(0.8);
        -webkit-transform: scale(0.8)
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.lightbox-wrapper {
    position: relative;
    clear: both;
    display: block
}

.lightbox-wrapper:hover .lightbox {
    opacity: 1
}

.lightbox {
    opacity: 0;
    position: absolute;
    top: 8px;
    left: 8px;
    width: 32px;
    height: 32px;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.15s;
    background-color: rgba(0,0,0,0.7);
    z-index: 93
}

.lightbox-overlay {
    animation-name: fadein;
    animation-duration: 0.2s;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1001;
    background: rgba(0,0,0,0.85);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lightbox-overlay .lightbox-container {
    margin: 0 auto
}

.lightbox-overlay .lightbox-caption {
    max-width: 100vw;
    font-family: "ProximaNovaCond",sans-serif;
    color: #aaa;
    font-size: 15px;
    margin-top: 10px;
    padding: 0 10px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lightbox-overlay .lightbox-caption.hidden {
    visibility: hidden;
    width: 1px
}

.lightbox-overlay .close {
    margin-bottom: 10px;
    width: 100%;
    display: block;
    text-align: right
}

.lightbox-overlay .close:hover {
    opacity: 1
}

.lightbox-overlay img {
    max-width: 98vw;
    max-height: 85vh
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.liveblog-wrapper,.qanda-wrapper,.replies-wrapper {
    max-width: 746px;
    margin: 20px auto;
    position: relative
}

@media only screen and (max-width: 37.438em) {
    .liveblog-wrapper,.qanda-wrapper,.replies-wrapper {
        width: auto
    }

    .liveblog-wrapper:before,.qanda-wrapper:before,.replies-wrapper:before {
        background-image: linear-gradient(#f5f5f5, #fff);
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 250px;
        top: -20px;
        border-top: 1px solid #e5e5e5;
        z-index: -1
    }
}

.liveblog-wrapper.empty-replies-module:before,.qanda-wrapper.empty-replies-module:before,.replies-wrapper.empty-replies-module:before {
    display: none
}

.liveblog-wrapper .editor-toolbar .toolbar-formatting-controls li.dropdown-select button.dropdown,.qanda-wrapper .editor-toolbar .toolbar-formatting-controls li.dropdown-select button.dropdown,.replies-wrapper .editor-toolbar .toolbar-formatting-controls li.dropdown-select button.dropdown {
    padding-top: 0;
    padding-bottom: 0
}

.liveblog-wrapper.fade,.qanda-wrapper.fade,.replies-wrapper.fade {
    transition: opacity 150ms
}

.liveblog-wrapper.transparent,.qanda-wrapper.transparent,.replies-wrapper.transparent {
    opacity: 0
}

.liveblog-wrapper.empty-sections .branch-list,.qanda-wrapper.empty-sections .branch-list,.replies-wrapper.empty-sections .branch-list {
    border: 0
}

.liveblog-wrapper .user-message,.qanda-wrapper .user-message,.replies-wrapper .user-message {
    margin: 3rem 0 1.5rem;
    text-align: center
}

.liveblog-wrapper .user-message h6,.qanda-wrapper .user-message h6,.replies-wrapper .user-message h6 {
    margin-bottom: 0;
    color: #333
}

.liveblog-wrapper .user-message h6+a,.qanda-wrapper .user-message h6+a,.replies-wrapper .user-message h6+a {
    display: inline-block;
    margin-top: 1rem
}

.reply-disabled-icon {
    margin-right: 10px
}

ul.reply-filters {
    max-width: 636px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 1
}

@media only screen and (max-width: 37.438em) {
    ul.reply-filters {
        width: auto;
        border: 0;
        padding-bottom: 0;
        margin-bottom: 10px;
        margin-left: 1.125rem;
        margin-right: 1.125rem
    }

    ul.reply-filters:after,ul.reply-filters:before {
        content: " ";
        display: table
    }

    ul.reply-filters:after {
        clear: both
    }
}

.reply-filter {
    font-size: 20px;
    float: none;
    display: inline-block;
    position: relative;
    margin-right: 40px
}

@media only screen and (max-width: 37.438em) {
    .reply-filter {
        font-size: 16px;
        margin-right: auto;
        float: left
    }
}

.reply-filter.active a {
    color: #333;
    pointer-events: none
}

.reply-filter.active .reply-filter__active-marker {
    display: block
}

@media only screen and (max-width: 37.438em) {
    .reply-filter.active .reply-filter__active-marker {
        display: none
    }
}

.reply-filter a {
    line-height: 1
}

.reply-filter a:hover {
    border-color: #aaa;
    text-decoration: none
}

@media only screen and (max-width: 37.438em) {
    .reply-filter--all:not(:only-child) {
        float: right
    }
}

.reply-filter__active-marker {
    display: none;
    position: relative;
    margin: 0 auto;
    height: 2px;
    width: 12px;
    top: 17px;
    background-color: #fff
}

.reply-filter__active-marker .svg-chevron {
    width: 18px;
    height: 18px;
    position: absolute;
    stroke: #e5e5e5;
    opacity: 1
}

@media only screen and (min-width: 37.5em) {
    .reply-filter__active-marker .svg-chevron {
        margin-left: -3px;
        margin-top: -6px
    }
}

.unapproved-filter {
    max-width: 636px;
    margin: 0.3rem auto 1.2rem
}

@media only screen and (max-width: 37.438em) {
    .unapproved-filter {
        width: auto;
        margin-left: 1.125rem;
        margin-right: 1.125rem
    }
}

.unapproved-filter .filtered-view,.unapproved-filter .unapproved-view {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: 0.3rem;
    padding: 13px 16px;
    border-color: transparent;
    background-color: #f5f5f5
}

.unapproved-filter .alert-container {
    -moz-flex: 9 9 1px;
    -ms-flex: 9 9 1px;
    flex: 9 9 1px;
    padding-top: 2px;
    line-height: 1.5;
    font-size: 15px
}

@media only screen and (max-width: 37.438em) {
    .unapproved-filter .alert-container {
        -moz-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding-top: 0;
        text-align: center
    }
}

.unapproved-filter .button-container {
    -moz-flex: 3 3 1px;
    -ms-flex: 3 3 1px;
    flex: 3 3 1px;
    text-align: right
}

@media only screen and (max-width: 37.438em) {
    .unapproved-filter .button-container {
        -moz-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        text-align: center;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto
    }
}

.unapproved-filter .button-container a {
    transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, color 0.4s ease-in-out;
    line-height: 45px;
    display: inline-block;
    outline: transparent 1px solid;
    border-width: 1px;
    border-style: solid;
    border-radius: 23px;
    height: 46px;
    color: #000;
    background-color: transparent;
    border-color: #e5e5e5;
    font-size: 14px;
    padding-left: 19.5px;
    padding-right: 19.5px;
    vertical-align: top
}

.unapproved-filter .button-container a:hover {
    border-color: #aaa;
    text-decoration: none;
    background-color: transparent
}

.unapproved-filter--thread {
    width: 636px;
    margin-left: 50px;
    margin-right: 0
}

@media only screen and (max-width: 37.438em) {
    .unapproved-filter--thread {
        width: auto;
        margin-left: 0
    }
}

.unapproved-filter--thread .alert-container {
    -moz-flex: 18 18 1px;
    -ms-flex: 18 18 1px;
    flex: 18 18 1px;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0
}

@media only screen and (max-width: 37.438em) {
    .unapproved-filter--thread .alert-container {
        -moz-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.unapproved-filter--thread .button-container {
    -moz-flex: 6 6 1px;
    -ms-flex: 6 6 1px;
    flex: 6 6 1px;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1
}

@media only screen and (max-width: 37.438em) {
    .unapproved-filter--thread .button-container {
        -moz-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.unapproved-filter--thread .close-button-container {
    -moz-flex: 1 1 1px;
    -ms-flex: 1 1 1px;
    flex: 1 1 1px;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2
}

@media only screen and (max-width: 37.438em) {
    .unapproved-filter--thread .close-button-container {
        -moz-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -moz-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
}

.unapproved-filter--thread .close-button {
    float: right;
    margin: -7px 0 0 5px;
    opacity: 0.5;
    font-size: 20px
}

.unapproved-filter--thread .close-button:hover {
    text-decoration: none;
    opacity: 0.8
}

.reply-to-post {
    margin-left: 6px;
    margin-right: 10px;
    padding-right: 10px;
    border-right: solid 1px #e5e5e5
}

.reply-to-post:hover {
    color: #333;
    text-decoration: none
}

@media only screen and (max-width: 37.438em) {
    .reply-to-post {
        display: none
    }
}

.f_reply_button_refactor_on .reply-to-post--mobile {
    margin: 0 1.125rem 60px
}

.f_reply_button_refactor_on .post-bottom__liveblog .reply-to-post--mobile {
    margin: 0
}

.f_reply_button_refactor_on .reply-to-post__container {
    float: right;
    position: relative;
    top: 3px
}

@media only screen and (max-width: 37.438em) {
    .f_reply_button_refactor_on .reply-to-post__container {
        display: none
    }
}

.f_reply_button_refactor_on .reply-to-post__container .reply-to-post {
    padding-right: 0;
    border: 0;
    color: #333;
    text-decoration: none
}

.f_reply_button_refactor_on .reply-filters--no-replies {
    border: 0
}

.f_reply_button_refactor_on .reply-filters--no-replies .reply-to-post__container {
    float: none
}

a.reply-to-post--mobile {
    transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, color 0.4s ease-in-out;
    display: none;
    background-color: transparent;
    border: #e5e5e5 1px solid;
    height: 36px;
    border-radius: 18px;
    padding-top: 9px;
    padding-bottom: 9px;
    color: #000;
    font-size: 18px;
    text-align: center;
    line-height: 1;
    vertical-align: top
}

a.reply-to-post--mobile.add-update--mobile {
    background-color: #0093ec;
    color: #fff;
    border: #0093ec 1px solid
}

a.reply-to-post--mobile.add-update--mobile:hover {
    border-color: #0093ec;
    background-color: #0093ec;
    color: #fff
}

@media only screen and (max-width: 37.438em) {
    a.reply-to-post--mobile {
        display: block
    }
}

a.reply-to-post--mobile:hover {
    border-color: #aaa;
    text-decoration: none;
    background-color: transparent
}

.amazon-module-reply {
    width: 100%;
    margin: 10px 0;
    padding: 0;
    float: none;
    line-height: 30px
}

.amazon-module-reply .amazon-content {
    padding: 5px 10px
}

.amazon-module-reply .price {
    font-weight: bold;
    float: right;
    margin-right: 10px
}

.amazon-module-reply .button {
    float: right
}

.reply__sidebar {
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 50px;
    height: 0;
    text-align: right;
    position: absolute;
    top: -3px;
    margin-left: auto
}

@media only screen and (max-width: 37.438em) {
    .reply__sidebar {
        -moz-order: 3;
        -ms-flex-order: 3;
        order: 3;
        width: auto;
        height: 28px;
        margin-top: 11px;
        margin-right: 1.125rem;
        position: static
    }
}

@media only screen and (min-width: 37.5em) {
    .reply__sidebar {
        right: 20px
    }
}

@media only screen and (min-width: 900px) and (max-width: 1024px) {
    .reply__sidebar {
        right: -32px
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1407px) {
    .reply__sidebar {
        right: -6px
    }
}

@media only screen and (min-width: 1408px) {
    .reply__sidebar {
        right: -32px
    }
}

.featured-post .reply__sidebar {
    right: 20px
}

.reply__recommend {
    display: inline-block;
    text-align: center;
    height: 45px
}

.reply__recommend:hover {
    transition: all 200ms ease-in-out;
    text-decoration: none
}

.reply__recommend:hover .svg-icon {
    fill: #0093ec;
    stroke: #0093ec;
    opacity: .9;
    transition: all 200ms ease-in-out
}

@media only screen and (max-width: 37.438em) {
    .reply__recommend:hover {
        border-color: #0093ec
    }
}

@media only screen and (max-width: 37.438em) {
    .reply__recommend {
        transition: all 200ms ease-in-out;
        border: #e5e5e5 1px solid;
        font-size: 13px;
        height: 28px;
        line-height: 28px;
        border-radius: 14px;
        padding: 5px 12px 6px;
        outline: transparent 1px solid
    }
}

.reply__recommend .svg-icon {
    transition: all 200ms ease-in-out;
    margin-top: 0;
    vertical-align: text-top
}

@media only screen and (max-width: 37.438em) {
    .reply__recommend .svg-icon {
        margin-top: -7px
    }
}

.reply__recommend .svg-icon.giant {
    width: 24px;
    height: 24px
}

@media only screen and (max-width: 37.438em) {
    .reply__recommend .svg-icon.giant {
        width: 18px;
        height: 18px
    }
}

.reply__recommend .like-count {
    transition: color 0.2s;
    font-size: 14px;
    line-height: 1;
    display: block;
    margin-top: 6px;
    color: #aaa
}

@media only screen and (max-width: 37.438em) {
    .reply__recommend .like-count {
        margin-top: 2px;
        margin-right: 6px;
        float: left
    }
}

.reply__recommend.active .svg-icon {
    stroke: #0093ec;
    fill: #0093ec;
    opacity: .9
}

.reply__tools {
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
    clear: both;
    font-size: .875rem;
    line-height: 1;
    padding-left: 50px;
    margin-top: 18px
}

.reply__tools .svg-reply-right {
    margin-left: -1px
}

@media only screen and (max-width: 37.438em) {
    .reply__tools {
        -moz-flex: 1 1 1px;
        -ms-flex: 1 1 1px;
        flex: 1 1 1px;
        padding-left: 1.125rem;
        position: static;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.reply__count:before {
    content: '';
    display: inline-block;
    position: relative;
    margin-left: 12.25px;
    margin-right: 12.25px;
    top: 1px;
    height: 12px;
    width: 1px;
    background-color: #aaa
}

.reply__flagged-indicator {
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: none;
    font-size: .875rem;
    text-align: right;
    color: #ef7740
}

.reply--unapproved .blurable img {
    -moz-filter: blur(10px) grayscale(100%) url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmx1ci13cmFwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGZpbHRlciBpZD0iaW1hZ2UtYmx1ciI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTAiIC8+PC9maWx0ZXI+PC9zdmc+#image-blur");
    filter: blur(10px) grayscale(100%) url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmx1ci13cmFwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGZpbHRlciBpZD0iaW1hZ2UtYmx1ciI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTAiIC8+PC9maWx0ZXI+PC9zdmc+#image-blur");
    opacity: 0.6;
    cursor: pointer
}

.reply--unapproved .blurable img.unblur {
    -moz-filter: none;
    filter: none;
    opacity: 1;
    cursor: default
}

.reply--unapproved .blurable .has-image:hover .pending-image-label {
    display: block
}

.reply--unapproved .pending-image-label {
    color: #aaa;
    line-height: 1.9rem;
    display: none;
    font-size: 1rem;
    z-index: 1;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    background-color: #000;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    cursor: pointer;
    position: absolute;
    width: 140px;
    height: 1.9rem;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

@media only screen and (max-width: 49.938em) {
    .reply--unapproved .pending-image-label {
        display: block
    }
}

.reply--unapproved .avatar,.reply--unapproved .reply__byline,.reply--unapproved .reply__content,.reply--unapproved .reply__publish-time,.reply--unapproved .reply__tools {
    opacity: 0.5
}

.reply--unapproved .reply__pending-label {
    display: inline-block
}

.reply--unapproved .reply__byline a {
    color: #000
}

.reply--unapproved .avatar img {
    -moz-filter: grayscale(100%);
    filter: grayscale(100%)
}

.reply--unapproved .reply-content a {
    color: #000
}

.reply--flagged .reply__flagged-indicator {
    display: block
}

.reply--flagged .reply__sidebar,.reply--flagged .reply__tools {
    display: none
}

body:not(.touch) .reply .post-dropdown-trigger {
    visibility: hidden
}

body:not(.touch) .reply .f-dropdown.open+.post-dropdown-trigger,body:not(.touch) .reply:hover .post-dropdown-trigger {
    visibility: visible
}

body:not(.touch) .reply:hover .post-dropdown-trigger .svg-icon {
    fill: none
}

body:not(.touch) .reply:hover .post-dropdown-trigger:hover {
    opacity: 1
}

body:not(.touch) .reply:hover .post-dropdown-trigger:hover .svg-icon {
    stroke: #0093ec;
    opacity: 1
}

body:not(.touch) .reply__recommend:focus .like-count {
    color: #aaa
}

body:not(.touch) .reply__recommend:active .svg-star,body:not(.touch) .reply__recommend:hover .svg-star {
    fill: #0093ec;
    stroke: #0093ec;
    opacity: .9
}

body:not(.touch) .reply__recommend:active .like-count,body:not(.touch) .reply__recommend:hover .like-count {
    color: #0093ec
}

body:not(.touch) .reply__count:focus,body:not(.touch) .reply__link:focus {
    color: #aaa
}

body:not(.touch) .reply__count:active,body:not(.touch) .reply__count:hover,body:not(.touch) .reply__link:active,body:not(.touch) .reply__link:hover {
    color: #333;
    text-decoration: none
}

.flag-reason-dropdown {
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -moz-order: 5;
    -ms-flex-order: 5;
    order: 5;
    position: relative;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    padding: 1rem;
    margin-bottom: 0.25rem
}

.flag-reason-dropdown .reason-head {
    margin-bottom: 1.6875rem
}

.flag-reason-dropdown .reason-head .svg-icon {
    height: 16px;
    width: 16px;
    margin-left: 5px
}

.flag-reason-dropdown .radio-cont+.radio-cont {
    margin-top: 1.125rem
}

.flag-reason-dropdown input[type=radio] {
    margin: 0 0.5rem 0 0
}

.flag-reason-dropdown .flag-reason-ctas {
    float: right;
    margin-top: -2rem
}

.flag-reason-dropdown .flag-reason-ctas a {
    margin-left: 0.5rem
}

.flag-reason-dropdown:after,.flag-reason-dropdown:before {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.flag-reason-dropdown:after {
    border-color: rgba(247,247,247,0);
    border-bottom-color: #f5f5f5;
    border-width: 15px;
    margin-left: -15px
}

.flag-reason-dropdown:before {
    border-color: rgba(226,226,226,0);
    border-bottom-color: #ccc;
    border-width: 16px;
    margin-left: -16px
}

.flag-reason-mobile .button {
    width: 100%
}

.flag-reason-mobile .sticky-modal-options li {
    padding: 1.25rem;
    text-align: center;
    cursor: pointer
}

.flag-reason-mobile .sticky-modal-options li:hover {
    background: #f5f5f5
}

.flag-reason-mobile .sticky-modal-options>li+li {
    border-top: 1px solid #e5e5e5
}

.flagging-admin-link {
    text-align: center;
    padding: 0 0 20px
}

.spinner-wrap {
    margin: 20px 0 0;
    text-align: center
}

.reply-spinner {
    margin: 20px 0
}

.reply-footer-bar {
    display: none;
    border-bottom: 0;
    margin-top: 10px
}

@media only screen and (max-width: 37.438em) {
    .reply-footer-bar {
        width: auto
    }
}

@media only screen and (min-width: 37.5em) {
    .reply-footer-bar {
        margin-left: 60px
    }
}

.commentlist__pagination,.reply-footer-bar,.reply-views {
    width: auto
}

@media only screen and (min-width: 37.5em) {
    .commentlist__pagination,.reply-footer-bar,.reply-views {
        margin-left: 60px
    }
}

.commentlist__pagination,.reply-views {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px
}

a.button--pagination,a.commentlist__filter-button {
    transition: color,.4s;
    color: #333;
    position: relative;
    font-size: 16px;
    margin: 0 7px 0 0;
    display: inline-block
}

a.button--pagination .svg-chevron--small,a.commentlist__filter-button .svg-chevron--small {
    transition: fill,.4s;
    width: 10px;
    margin: 0 0 0 12px;
    vertical-align: baseline
}

a.button--pagination:hover,a.commentlist__filter-button:hover {
    color: #000;
    text-decoration: none
}

a.button--pagination:hover .svg-chevron--small,a.commentlist__filter-button:hover .svg-chevron--small {
    fill: none
}

a.button--pagination:after,a.commentlist__filter-button:after {
    content: '';
    display: inline-block;
    position: absolute;
    right: -7px;
    top: -1px;
    width: 24px;
    height: 24px;
    border: 1px solid #aaa;
    border-radius: 50%
}

@media only screen and (max-width: 37.438em) {
    .post-bottom__inner {
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

@media only screen and (max-width: 37.438em) {
    .fb-like {
        -moz-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (max-width: 37.438em) {
    .discussion-region {
        margin-top: 40px
    }
}

.discussion-region .reply-disabled {
    max-width: 636px;
    margin: 0 auto;
    border-top: solid 1px #e5e5e5;
    padding: 1rem 0
}

.discussion-region .reply-disabled .msg {
    position: relative;
    top: -1px;
    margin-left: 0.375rem
}

.permalinkqireplylist>.commentlist__pagination {
    display: none
}

h3.commerce-icon--gaming,h3.commerce-icon--home,h3.commerce-icon--lifestyle,h3.commerce-icon--multimedia,h3.commerce-icon--tech,h3.commerce-icon--top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    text-transform: uppercase;
    font-family: FiraSans;
    font-weight: 300;
    font-size: 28px
}

h3.commerce-icon--gaming:before,h3.commerce-icon--home:before,h3.commerce-icon--lifestyle:before,h3.commerce-icon--multimedia:before,h3.commerce-icon--tech:before,h3.commerce-icon--top:before {
    content: '';
    min-width: 69px;
    height: 69px;
    margin-right: 11px;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

h3.commerce-icon--gaming:after,h3.commerce-icon--home:after,h3.commerce-icon--lifestyle:after,h3.commerce-icon--multimedia:after,h3.commerce-icon--tech:after,h3.commerce-icon--top:after {
    content: '';
    height: 8px;
    max-width: 100%;
    margin-left: 18px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    border: 1px solid #e5e5e5;
    border-left: 0;
    border-right: 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

h3.commerce-icon--top:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="60" viewBox="0 0 406 498"><title>Group</title><g fill="black" fill-rule="evenodd"><path d="M205.5 497.5c74.558 0 135-60.442 135-135 0-74.558-60.442-135-135-135-74.558 0-135 60.442-135 135 0 74.558 60.442 135 135 135zm0-25c-60.75 0-110-49.25-110-110s49.25-110 110-110 110 49.25 110 110-49.25 110-110 110z"/><path d="M206 404l-48.198 25.34 9.205-53.67-38.994-38.01 53.888-7.83L206 281l24.1 48.83 53.887 7.83-38.994 38.01 9.205 53.67zM111.84 275.464L.718 100.252 64.043.818l140.902 229.086L342.713.294l63.326 99.958-108.737 172.064-20.037-14.764 99.206-156.88-32.595-52.54L226.15 238.45h-44.7L64.042 48.13l-33.33 52.542L132.87 260.916l-21.027 14.548z"/><path d="M103.5 97h199.566V72H103.5v25zM64 26h279V1H64v25z"/></g></svg>')
}

h3.commerce-icon--tech:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="55" height="60" viewBox="0 0 616 427"><title>Group</title><path d="M590.918 38.01c0-7.186-5.82-13.01-12.994-13.01h-357.93C212.817 25 207 30.818 207 38.01v274.488c0 7.185 5.82 13.01 12.994 13.01h357.93c7.176 0 12.994-5.82 12.994-13.01V38.008zm25 0v274.488c0 20.992-17.004 38.01-37.994 38.01h-357.93c-20.988 0-37.994-17.025-37.994-38.01V38.008C182 17.02 199.003 0 219.994 0h357.93c20.988 0 37.994 17.024 37.994 38.01z"/><path d="M412 399h44.408c6.903 0 12.5 5.596 12.5 12.5s-5.597 12.5-12.5 12.5H341.57c-6.902 0-12.5-5.596-12.5-12.5s5.598-12.5 12.5-12.5H387v-53.44h25V399zm178.204-135H200.5v15h397.204v-15h-7.5zM399.04 314.124c-6.65 0-12.04-5.4-12.04-12.062C387 295.4 392.39 290 399.04 290c6.647 0 12.037 5.4 12.037 12.062 0 6.662-5.39 12.062-12.038 12.062z"/><path d="M82 165h183v247H82z" fill="white"/><path d="M254.44 184.007c0-7.184-5.83-13.007-12.995-13.007H106.993C99.817 171 94 176.816 94 184.007v204.04c0 7.183 5.83 13.006 12.993 13.006h134.452c7.176 0 12.994-5.816 12.994-13.007v-204.04zm25 0v204.04c0 20.99-17.005 38.006-37.995 38.006H106.993C86.015 426.053 69 409.03 69 388.046v-204.04C69 163.017 86.004 146 106.993 146h134.452c20.98 0 37.994 17.023 37.994 38.007z"/><path d="M265.096 354H72v15h200.596v-15h-7.5zM174.5 393c-4.694 0-8.5-3.358-8.5-7.5 0-4.142 3.806-7.5 8.5-7.5s8.5 3.358 8.5 7.5c0 4.142-3.806 7.5-8.5 7.5z"/><path d="M11 240h104v172H11z" fill="white"/><path xmlns="http://www.w3.org/2000/svg" d="M105.737 263.993c0-7.176-5.823-12.993-12.994-12.993h-54.75C30.82 251 25 256.824 25 263.993V387.74c0 7.176 5.823 12.993 12.994 12.993h54.75c7.175 0 12.993-5.824 12.993-12.993V263.993zm25 0V387.74c0 20.977-17.01 37.993-37.994 37.993h-54.75C17.017 425.733 0 408.723 0 387.74V263.993C0 243.016 17.01 226 37.994 226h54.75c20.977 0 37.993 17.01 37.993 37.993z"/><path d="M102.69 354H19v15h95v-15h-11.31zM64.5 393c-4.694 0-8.5-3.358-8.5-7.5 0-4.142 3.806-7.5 8.5-7.5s8.5 3.358 8.5 7.5c0 4.142-3.806 7.5-8.5 7.5z"/></svg>')
}

h3.commerce-icon--gaming:before {
    background-image: url('data:image/svg+xml;utf8,<svg width="60" height="54" viewBox="0 0 60 54" xmlns="http://www.w3.org/2000/svg"><title>Group 4</title><g fill="%23000" fill-rule="evenodd"><path d="M20.925 13.472c3.333.89 6.528 1.478 9.1 1.478 2.52 0 5.69-.59 9.02-1.482l.097-.026.092-.04c.024-.01.048-.02.072-.028 4.212-1.702 8.996.318 10.69 4.507 1.004 2.49 1.73 4.37 2.61 6.866 1.296 3.682 2.365 7.225 3.113 10.504 1.895 8.31 1.412 13.65-1.573 14.855-2.806 1.134-6.572-1.89-10.72-8.413l-.276-.436-.484-.178a48.633 48.633 0 0 0-5.236-1.59c-2.655-.646-5.2-1.015-7.54-1.015-2.327 0-4.84.366-7.446 1.005a46.34 46.34 0 0 0-5.15 1.59l-.48.18-.274.43c-4.15 6.534-7.92 9.562-10.727 8.427C2.827 48.9 2.343 43.56 4.24 35.25c.75-3.28 1.818-6.822 3.114-10.504a148.242 148.242 0 0 1 2.61-6.865c1.693-4.188 6.478-6.208 10.69-4.506.026.01.053.02.08.032l.093.04.098.026zm.79-2.95l-.395 1.474.587-1.41-.11-.045c-5.772-2.33-12.34.44-14.665 6.196a151.07 151.07 0 0 0-2.66 6.995c-1.33 3.785-2.432 7.434-3.21 10.84C.288 38.84-.128 42.513.14 45.472c.337 3.722 1.775 6.353 4.53 7.466 2.597 1.05 5.306.308 7.98-1.84 2.148-1.726 4.3-4.367 6.47-7.78l-.755.61a43.326 43.326 0 0 1 4.808-1.483c2.385-.585 4.665-.917 6.718-.917 2.066 0 4.382.336 6.82.928 1.778.432 3.452.957 4.902 1.49l-.762-.615c2.167 3.41 4.318 6.05 6.465 7.772 2.672 2.145 5.38 2.885 7.976 1.836 2.755-1.113 4.193-3.744 4.53-7.466.267-2.96-.15-6.633-1.123-10.902-.777-3.406-1.878-7.055-3.21-10.84a151.07 151.07 0 0 0-2.66-6.994c-2.325-5.755-8.892-8.527-14.665-6.195l-.098.04.585 1.412-.397-1.475c-3.09.83-6.045 1.378-8.228 1.378-2.238 0-5.217-.547-8.31-1.374z"/><g transform="rotate(90 11.61 35.804)"><ellipse transform="rotate(-105 2.02 2.02)" cx="2.021" cy="2.019" rx="1.618" ry="1.617"/><ellipse transform="rotate(-105 2.02 10.096)" cx="2.021" cy="10.096" rx="1.618" ry="1.617"/></g><g transform="translate(39.837 20.163)"><ellipse cx="1.589" cy="1.65" rx="1.589" ry="1.65"/><ellipse cx="1.589" cy="10.448" rx="1.589" ry="1.65"/></g><path d="M18.47 21.314V32.19a.916.916 0 0 0 1.833 0V21.313a.916.916 0 0 0-1.833 0z"/><path d="M13.855 27.678h10.88a.916.916 0 0 0 0-1.833h-10.88a.916.916 0 0 0 0 1.833zM32.22 13.038a4.376 4.376 0 0 1-.158-.137 18.447 18.447 0 0 1-1.814-1.837c-.796-.93-1.382-1.834-1.67-2.64-.315-.876-.253-1.538.206-2.063.44-.5.976-.727 1.75-.787.318-.025.598-.024 1.185-.002.717.027 1 .028 1.37-.017.58-.07 1.057-.254 1.44-.617.805-.763.935-2.048.535-4.108a.916.916 0 0 0-1.8.35c.164.84.215 1.47.17 1.907-.03.3-.093.452-.166.52-.138.13-.47.17-1.484.134-.656-.025-.985-.027-1.396.005-1.215.096-2.198.508-2.985 1.408-.947 1.082-1.074 2.436-.553 3.89.377 1.05 1.075 2.126 2.002 3.212a20.256 20.256 0 0 0 2.198 2.194.916.916 0 0 0 1.17-1.412z"/></g></svg>')
}

h3.commerce-icon--multimedia:before {
    background-image: url('data:image/svg+xml;utf8,<svg width="55" height="60" viewBox="0 0 495 488" xmlns="http://www.w3.org/2000/svg"><title>Group</title><g fill="none" fill-rule="evenodd"><path d="M470 38c0-7.18-5.83-13-13.003-13H128.003C120.823 25 115 30.815 115 38v305c0 7.18 5.83 13 13.003 13h328.994c7.18 0 13.003-5.815 13.003-13V38zm25 0v305c0 20.992-17.015 38-38.003 38H128.003C107.023 381 90 363.987 90 343V38c0-20.992 17.015-38 38.003-38h328.994C477.977 0 495 17.013 495 38z" fill="black"/><path d="M486.5 66H98.454v25H486.5V66z" fill="black"/><path d="M421 13h-67l40 70.723h67L421 13zM307 13h-67l40 70.723h67L307 13zM192 13h-67l40 70.723h67L192 13zM254 266V159l107 53.5L254 266z" fill="black"/><circle fill="white" cx="125" cy="360" r="116"/><path d="M128 462.5c-56.61 0-102.5-45.89-102.5-102.5S71.39 257.5 128 257.5 230.5 303.39 230.5 360 184.61 462.5 128 462.5zm0 25c70.416 0 127.5-57.084 127.5-127.5S198.416 232.5 128 232.5.5 289.584.5 360 57.584 487.5 128 487.5z" fill="black"/><path d="M128 367a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm0 15c-12.15 0-22-9.85-22-22s9.85-22 22-22 22 9.85 22 22-9.85 22-22 22zM197.875 360c0 38.59-31.284 69.875-69.875 69.875a7.125 7.125 0 0 0 0 14.25c46.46 0 84.125-37.664 84.125-84.125a7.125 7.125 0 0 0-14.25 0zm-139.75 0c0-38.59 31.284-69.875 69.875-69.875a7.125 7.125 0 0 0 0-14.25c-46.46 0-84.125 37.664-84.125 84.125a7.125 7.125 0 0 0 14.25 0z" fill="black"/></g></svg>')
}

h3.commerce-icon--home:before {
    background-image: url('data:image/svg+xml;utf8,<svg width="60" height="60" viewBox="0 0 486 487" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Group</title><defs><ellipse id="a" cx="198.827" cy="293.202" rx="10" ry="10.019"/><ellipse id="b" cx="130.182" cy="293.202" rx="10" ry="10.019"/></defs><g fill="none" fill-rule="evenodd"><path d="M72.5 451.5h183m-207-51v74m231-74v74" stroke="%23000" stroke-width="25" stroke-linecap="square"/><path d="M53.5 381.5h209.194" stroke="%23000" stroke-width="15" stroke-linecap="square"/><path d="M49 378.503c-20.158 0-36.5-16.342-36.5-36.502 0-20.154 16.342-36.5 36.5-36.5s36.5 16.346 36.5 36.5c0 20.16-16.342 36.507-36.5 36.507zm231 0c-20.158 0-36.5-16.342-36.5-36.502 0-20.154 16.342-36.5 36.5-36.5s36.5 16.346 36.5 36.5c0 20.16-16.342 36.507-36.5 36.507z" stroke="%23000" stroke-width="25"/><use fill="%23000" transform="matrix(-1 0 0 1 397.655 0)" xlink:href="%23a"/><use xlink:href="%23a"/><use fill="%23000" transform="matrix(-1 0 0 1 260.364 0)" xlink:href="%23b"/><use xlink:href="%23b"/><path d="M387.56 472.536L368 401h101l-19.25 72-62.19-.464z" stroke="%23000" stroke-width="25"/><path d="M418.5 79.5v302" stroke="%23000" stroke-width="15" stroke-linecap="square"/><path d="M415.032 78.776l3.43 2.996 3.46-2.956c.173-.148.44-.387.79-.713a45.63 45.63 0 0 0 1.792-1.782 55.07 55.07 0 0 0 5.322-6.51c4.994-7.16 8.05-15.084 8.05-23.62 0-8.554-3.07-16.423-8.084-23.47a52.956 52.956 0 0 0-5.346-6.38 43.874 43.874 0 0 0-1.802-1.737c-.352-.32-.622-.55-.797-.696l-3.385-2.79-3.357 2.83c-.173.146-.44.38-.79.704a45.484 45.484 0 0 0-1.79 1.76 54.644 54.644 0 0 0-5.328 6.426c-5.007 7.08-8.072 14.912-8.072 23.355 0 8.425 3.052 16.31 8.038 23.51a56.83 56.83 0 0 0 5.304 6.557c.64.68 1.238 1.282 1.784 1.803.35.33.61.57.786.72zm4.828 65.01l.86 4.473 4.545-.2c.227-.01.585-.038 1.06-.08a45.63 45.63 0 0 0 2.51-.3 55.07 55.07 0 0 0 8.203-1.855c8.346-2.57 15.632-6.935 20.887-13.66 5.266-6.742 7.693-14.832 8.078-23.47a53.06 53.06 0 0 0-.284-8.32 43.874 43.874 0 0 0-.35-2.48c-.086-.467-.15-.817-.2-1.04l-.95-4.282-4.39.164c-.227.01-.58.03-1.056.07-.744.06-1.58.152-2.495.28a54.81 54.81 0 0 0-8.154 1.785c-8.306 2.497-15.543 6.78-20.74 13.434-5.187 6.64-7.638 14.732-8.14 23.475a56.83 56.83 0 0 0 .142 8.43 46.3 46.3 0 0 0 .294 2.52c.07.474.13.827.172 1.05zm-4.72-15l-.86 4.473-4.545-.2a23.95 23.95 0 0 1-1.06-.08 45.63 45.63 0 0 1-2.51-.3 55.07 55.07 0 0 1-8.203-1.855c-8.346-2.57-15.632-6.935-20.887-13.66-5.266-6.742-7.693-14.832-8.078-23.47a53.06 53.06 0 0 1 .284-8.32 46.1 46.1 0 0 1 .35-2.48c.086-.467.15-.817.2-1.04l.95-4.282 4.39.164c.227.01.58.03 1.056.07.744.06 1.58.152 2.495.28a54.81 54.81 0 0 1 8.154 1.785c8.306 2.497 15.543 6.78 20.74 13.434 5.187 6.64 7.638 14.732 8.14 23.475.17 2.965.1 5.803-.142 8.43a46.3 46.3 0 0 1-.294 2.52 25.3 25.3 0 0 1-.172 1.05zm4.72 125l.86 4.473 4.545-.2c.227-.01.585-.038 1.06-.08a45.63 45.63 0 0 0 2.51-.3 55.07 55.07 0 0 0 8.203-1.855c8.346-2.57 15.632-6.935 20.887-13.66 5.266-6.742 7.693-14.832 8.078-23.47a53.06 53.06 0 0 0-.284-8.32 43.874 43.874 0 0 0-.35-2.48c-.086-.467-.15-.817-.2-1.04l-.95-4.282-4.39.164c-.227.01-.58.03-1.056.07-.744.06-1.58.152-2.495.28a54.81 54.81 0 0 0-8.154 1.785c-8.306 2.497-15.543 6.78-20.74 13.434-5.187 6.64-7.638 14.732-8.14 23.475a56.83 56.83 0 0 0 .142 8.43 46.3 46.3 0 0 0 .294 2.52c.07.474.13.827.172 1.05zm-4.72-20l-.86 4.473-4.545-.2a23.95 23.95 0 0 1-1.06-.08 45.63 45.63 0 0 1-2.51-.3 55.07 55.07 0 0 1-8.203-1.855c-8.346-2.57-15.632-6.935-20.887-13.66-5.266-6.742-7.693-14.832-8.078-23.47a53.06 53.06 0 0 1 .284-8.32 46.1 46.1 0 0 1 .35-2.48c.086-.467.15-.817.2-1.04l.95-4.282 4.39.164c.227.01.58.03 1.056.07.744.06 1.58.152 2.495.28a54.81 54.81 0 0 1 8.154 1.785c8.306 2.497 15.543 6.78 20.74 13.434 5.187 6.64 7.638 14.732 8.14 23.475.17 2.965.1 5.803-.142 8.43a46.3 46.3 0 0 1-.294 2.52 25.3 25.3 0 0 1-.172 1.05zm4.72 131l.86 4.473 4.545-.2c.227-.01.585-.038 1.06-.08a45.63 45.63 0 0 0 2.51-.3 55.07 55.07 0 0 0 8.203-1.855c8.346-2.57 15.632-6.935 20.887-13.66 5.266-6.742 7.693-14.832 8.078-23.47a53.06 53.06 0 0 0-.284-8.32 43.874 43.874 0 0 0-.35-2.48c-.086-.467-.15-.817-.2-1.04l-.95-4.282-4.39.164c-.227.01-.58.03-1.056.07-.744.06-1.58.152-2.495.28a54.81 54.81 0 0 0-8.154 1.785c-8.306 2.497-15.543 6.78-20.74 13.434-5.187 6.64-7.638 14.732-8.14 23.475a56.83 56.83 0 0 0 .142 8.43 46.3 46.3 0 0 0 .294 2.52c.07.474.13.827.172 1.05zm-4.72-26l-.86 4.473-4.545-.2a23.95 23.95 0 0 1-1.06-.08 45.63 45.63 0 0 1-2.51-.3 55.07 55.07 0 0 1-8.203-1.855c-8.346-2.57-15.632-6.935-20.887-13.66-5.266-6.742-7.693-14.832-8.078-23.47a53.06 53.06 0 0 1 .284-8.32 46.1 46.1 0 0 1 .35-2.48c.086-.467.15-.817.2-1.04l.95-4.282 4.39.164c.227.01.58.03 1.056.07.744.06 1.58.152 2.495.28a54.81 54.81 0 0 1 8.154 1.785c8.306 2.497 15.543 6.78 20.74 13.434 5.187 6.64 7.638 14.732 8.14 23.475.17 2.965.1 5.803-.142 8.43a46.3 46.3 0 0 1-.294 2.52 25.3 25.3 0 0 1-.172 1.05z" stroke="%23000" stroke-width="16"/><path d="M74 320.5V218.004C74 210.822 79.817 205 87 205h155c7.18 0 13 5.814 13 13.004V320.5" stroke="%23000" stroke-width="25"/></g></svg>')
}

h3.commerce-icon--lifestyle:before {
    background-image: url('data:image/svg+xml;utf8,<svg width="60" height="45" viewBox="0 0 625 473" xmlns="http://www.w3.org/2000/svg"><title>Group 2</title><g transform="matrix(-1 0 0 1 612 13)" fill="none" fill-rule="evenodd"><path d="M446.01 174.275c15.45 0 27.99-12.536 27.99-28V73.33c0-15.46-12.12-31.204-27.07-35.16L302.633 0H162.28L26.967 37.798C12.065 41.96 0 57.868 0 73.33v72.946c0 15.46 12.532 28 27.99 28h59.25V375.96c0 15.464 12.532 27.995 27.992 27.995h243.536c15.457 0 27.993-12.534 27.993-27.995V174.275h59.25z" stroke="black" stroke-width="25"/><path d="M159.94 0c0 42.27 34.283 76.537 76.575 76.537S313.092 42.27 313.092 0" stroke="black" stroke-width="15"/><rect stroke="black" stroke-width="25" fill="white" x="235" y="217" width="59" height="229.77" rx="23"/><rect stroke="black" stroke-width="25" fill="white" x="185" y="244" width="49" height="176.278" rx="23"/><rect stroke="black" stroke-width="25" fill="white" x="458" y="217" width="59" height="229.77" rx="23"/><rect stroke="black" stroke-width="25" fill="white" x="518" y="244" width="49" height="176.278" rx="23"/><path stroke="black" stroke-width="25" fill="white" d="M294 309h164.5v46H294z"/><path d="M173 299c-18.225 0-33 14.775-33 33s14.775 33 33 33M579 365c18.225 0 33-14.775 33-33s-14.775-33-33-33" fill="black"/></g></svg>')
}

ul.commerce li {
    font-family: "FiraSans",sans-serif;
    padding-left: 0;
    color: #666
}

ul.commerce li em {
    color: #72ad75;
    font-style: normal
}

ul.commerce li a {
    color: inherit;
    text-decoration: none
}

ul.commerce li a:hover strong {
    text-decoration: underline
}

ul.commerce li:before {
    display: none
}

.related-module {
    position: relative;
    max-width: 636px;
    margin: 1.25rem auto 0
}

.related-module .module-toolbar {
    left: auto;
    right: -60px;
    top: -21px;
    padding: 0 4px
}

.related-module .module-header {
    padding-top: 1.75rem;
    border-top: 1px solid #e5e5e5;
    margin-bottom: 1.125rem
}

.related-module .module-header .field {
    padding: 0
}

.related-module .module-header input {
    border-width: 0
}

.related-module .items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.related-module .item {
    position: relative;
    width: 31.4%;
    margin-bottom: 1.125rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.related-module .item .item-placeholder__inner {
    border: 1px dotted #aaa;
    padding: 0 1.125rem;
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
    height: 112px
}

.related-module .item .item-placeholder__inner input {
    border-bottom: 1px #e5e5e5 solid;
    width: 100%;
    font-size: 1.3rem
}

.related-module .item .link {
    display: block
}

.related-module .item .headline {
    font-size: 1rem;
    margin: 0;
    line-height: 1.2
}

@media only screen and (max-width: 37.438em) {
    .related-module .item .headline {
        font-size: .938rem
    }
}

.related-module .item .image__wrapper {
    margin-bottom: 10px;
    display: block
}

.related-module .item .image__wrapper:before {
    display: block;
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0;
    transition: opacity 100ms ease-in-out
}

.related-module .item .image {
    position: absolute;
    width: 100%
}

.related-module .item .error--fetch,.related-module .item .error--invalid {
    color: #eeb544;
    transition: opacity 100ms ease-in-out;
    display: none
}

.related-module .item.empty-post .item-placeholder__inner {
    border: 1px solid #ef7740
}

.related-module .item.invalid-post-error .error--invalid,.related-module .item.fetch-error .error--fetch {
    display: block
}

.related-module .item.dragover {
    outline: 2px solid #0093ec;
    opacity: 0.3
}

.related-module .sortable-placeholder {
    width: 31.4%;
    border: 1px dotted #aaa
}

.related-module .featured-inline-toolbar {
    top: -10px;
    left: -10px
}

.related-module .featured-inline-toolbar li {
    display: inline-block;
    padding: 8px;
    cursor: pointer
}

.related-module .featured-inline-toolbar li .svg-icon {
    opacity: 1
}

.related-module .featured-inline-toolbar li.active .svg-icon,.related-module .featured-inline-toolbar li:hover .svg-icon {
    fill: none;
    stroke: #0093ec;
    opacity: 1
}

.related-module .row-controls {
    position: absolute;
    z-index: 1;
    margin-left: -17px
}

.related-module .row-controls .row-controls-inner {
    height: 112px;
    display: table-cell;
    vertical-align: middle
}

.related-module .row-controls button {
    background: #0093ec;
    border-radius: 50%;
    color: #fff;
    font-size: 6em;
    text-align: center;
    cursor: pointer;
    display: block;
    margin: 5px 0;
    width: 30px;
    height: 30px;
    padding: 0
}

.related-module .row-controls button .svg-icon {
    fill: none;
    stroke: #fff;
    margin: 6px 0 0 1px;
    opacity: 0.7;
    vertical-align: top;
    transition: all 200ms ease-in-out
}

.related-module .row-controls button:hover .svg-icon {
    opacity: 1
}

@media only screen and (max-width: 37.438em) {
    .related-module {
        margin-right: -1.125rem
    }

    .related-module .module-header {
        margin-right: 1.125rem
    }

    .related-module .wrapper {
        width: 100%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }

    .related-module .items {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .related-module .items .item {
        margin-right: 18px;
        width: 200px
    }
}

.related-module.related-module--commerce .img--16x9 {
    border: 1px solid #72ad75
}

.related-module~.related-module.related-module--commerce .module-header {
    border-top: 0;
    padding-top: 0
}

.related-module__deals-badge {
    background-color: #72ad75;
    border-radius: 26px;
    height: 26px;
    width: 26px;
    position: absolute;
    top: 10px;
    left: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center
}

.related-module__deals-badge .svg-icon {
    fill: #fff;
    margin: auto;
    opacity: 1
}

.related-module--module-border.related-module--commerce {
    border-bottom: 1px solid #72ad75
}

.related-module--module-border.related-module--commerce .module-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    padding-top: 20px
}

.related-module--module-border.related-module--commerce .module-header h4 {
    margin: 0
}

.related-module--module-border.related-module--commerce .module-header hr {
    border: 0px solid #72ad75;
    border-top-width: 1px;
    margin: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 10px
}

.related-module--module-border.related-module--commerce .img--16x9 {
    border: 0
}

@media print {
    body {
        margin: 4rem
    }

    .inner-wrap,.off-canvas-wrap {
        padding-top: 0
    }

    a,a:after {
        content: normal !important;
        text-decoration: none
    }

    .global-nav {
        position: static;
        border-bottom: 0;
        margin-left: 4rem
    }

    .commentlist__item--depth-0 {
        border: 0
    }

    .ad-bottom,.ad-top,.ad-top-banner,.discussion-region,.flex-video,.global-nav__left,.global-nav__right,.header-action-wrapper,.kinja-logo-divider,.medium-headline,.meta-tools,.post-bottom,.readmore-referenced,.referenced-wide.referenced-fullwidth .readmore-referenced,.reply-filters-tabbed,.reply-footer-bar,.reply-views,.reply .reply-tools>a,.sharingfooter,.sidebar,.small-headline,.top-nav,.unapproved-filter,footer {
        display: none
    }

    .referenced-wide {
        margin-bottom: 1rem
    }

    .referenced-item-image {
        width: 25%
    }

    .reply .reply-tools {
        height: 0
    }

    h1 {
        font-size: 2.5rem
    }

    .navwrap--outer {
        height: 0
    }
}

.reply--unapproved .pending-image-label,.reply-filter.active {
    font-family: "ProximaNovaCond",sans-serif;
    font-weight: 500
}

.reply-filter,.reply-footer-bar,.reply__flagged-indicator,.reply__recommend .like-count,.reply__tools,.unapproved-filter .button-container a,a.button--pagination,a.commentlist__filter-button,a.reply-to-post--mobile {
    font-family: "ProximaNovaCond",sans-serif;
    font-weight: 400
}

.unapproved-filter .filtered-view,.unapproved-filter .unapproved-view {
    font-family: "ProximaNovaCond",sans-serif;
    font-weight: 300
}

.ad-billboard,.ad-top-banner {
    text-align: center
}

.ad-billboard .ad-container,.ad-top-banner .ad-container {
    height: 250px;
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.ad-top-banner .ad-container {
    margin-bottom: 20px
}

.ad-info__content {
    margin-bottom: 0;
    padding: 10px
}

.ad-info-item-title {
    font-weight: bold
}

.ad-mobile .ad-inner .ad-label,.ad-mobile .ad-mobile-inner .ad-label,.ad-permalink-comment .ad-inner .ad-label,.ad-permalink-comment .ad-mobile-inner .ad-label,.ad-unit--featured-recirculation .ad-label,.ad-unit--fixed-bottom .ad-label,.ad-unit--in-post .ad-inner .ad-label,.ad-unit--in-post .ad-mobile-inner .ad-label {
    font-family: "ProximaNovaCond",sans-serif;
    color: #ccc;
    letter-spacing: 0.1rem;
    border-top: 0;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px
}

.ad-mobile .ad-inner .ad-label-bottom,.ad-mobile .ad-mobile-inner .ad-label-bottom,.ad-permalink-comment .ad-inner .ad-label-bottom,.ad-permalink-comment .ad-mobile-inner .ad-label-bottom,.ad-unit--featured-recirculation .ad-label-bottom,.ad-unit--fixed-bottom .ad-label-bottom,.ad-unit--in-post .ad-inner .ad-label-bottom,.ad-unit--in-post .ad-mobile-inner .ad-label-bottom {
    border-bottom: 1px solid #e5e5e5
}

.ad-unit--featured-recirculation .ad-container {
    height: 250px
}

nav.inactive {
    pointer-events: none;
    opacity: 0.5
}

.ad-welcome .ad-container.primary.prerender {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 9999999999;
    background: #fff
}

.ad-welcome .ad-container.primary p {
    color: #aaa;
    margin-bottom: 0;
    font-size: 0.8rem;
    padding: 5px 0 0
}

.ad-welcome .ad-container.primary .welcome-branding {
    width: 210px;
    font-size: 1.5rem;
    border-left: solid 2px #f5f5f5;
    padding: 2px 10px
}

.ad-welcome .ad-container.primary .welcome-countdown {
    width: 80px;
    font-size: 4.5rem;
    font-weight: bold;
    line-height: 4.5rem
}

.ad-welcome .ad-container.primary .welcome-branding,.ad-welcome .ad-container.primary .welcome-countdown {
    vertical-align: middle;
    text-align: left;
    display: inline-block;
    height: 70px
}

.ad-welcome .ad-container.primary .sitecolored.welcome-countdown.active {
    text-align: center;
    vertical-align: middle
}

.ad-welcome .ad-container.primary .sitecolored.welcome-countdown.active .svg-chevron {
    width: 80px;
    height: 70px
}

.ad-welcome .ad-container.primary .welcome-site-logo {
    font-size: 2.1em;
    line-height: 1em
}

.ad-welcome .ad-container.primary .welcome-site-logo .gmg-logo {
    max-width: 340px
}

.ad-welcome .ad-container.primary .welcome-site-logo .gmg-logo--jezebel {
    max-width: 370px
}

.ad-welcome .ad-container.primary .welcome-site-logo .gmg-logo--gawker {
    max-width: 210px
}

.ad-welcome .ad-container.primary .welcome-site-logo .gmg-logo--deadspin,.ad-welcome .ad-container.primary .welcome-site-logo .gmg-logo--gizmodo {
    max-width: 300px
}

.ad-welcome .ad-container.primary .welcome-wrapper {
    margin: 30px auto;
    width: 300px;
    text-align: left
}

.ad-welcome .ad-container.primary .ad-iframe-container {
    margin: 0 auto;
    width: 100%;
    border: solid #f5f5f5 20px;
    background-color: #f5f5f5;
    color: #e5e5e5;
    height: auto;
    padding: 0 0 40px
}

.ad-welcome .ad-container.primary iframe {
    width: 300px;
    height: 250px;
    margin: 0 auto
}

.ad-mobile,.ad-permalink-comment,.ad-unit--in-post {
    padding: 0;
    margin: 0 -18px;
    background: transparent;
    text-align: center
}

.ad-mobile .ad-inner,.ad-mobile .ad-mobile-inner,.ad-permalink-comment .ad-inner,.ad-permalink-comment .ad-mobile-inner,.ad-unit--in-post .ad-inner,.ad-unit--in-post .ad-mobile-inner {
    padding: 0;
    margin-bottom: 1.875rem
}

.ad-mobile .ad-inner .ad-container,.ad-mobile .ad-mobile-inner .ad-container,.ad-permalink-comment .ad-inner .ad-container,.ad-permalink-comment .ad-mobile-inner .ad-container,.ad-unit--in-post .ad-inner .ad-container,.ad-unit--in-post .ad-mobile-inner .ad-container {
    display: inline-block;
    max-width: 320px;
    margin: 10px 0 20px;
    background-color: transparent
}

.ad-mobile .ad-inner .ad-label,.ad-mobile .ad-inner .ad-label-bottom,.ad-mobile .ad-mobile-inner .ad-label,.ad-mobile .ad-mobile-inner .ad-label-bottom,.ad-permalink-comment .ad-inner .ad-label,.ad-permalink-comment .ad-inner .ad-label-bottom,.ad-permalink-comment .ad-mobile-inner .ad-label,.ad-permalink-comment .ad-mobile-inner .ad-label-bottom,.ad-unit--in-post .ad-inner .ad-label,.ad-unit--in-post .ad-inner .ad-label-bottom,.ad-unit--in-post .ad-mobile-inner .ad-label,.ad-unit--in-post .ad-mobile-inner .ad-label-bottom {
    margin-bottom: 0
}

@media only screen and (max-width: 37.438em) {
    .ad-mobile .ad-inner .ad-label,.ad-mobile .ad-inner .ad-label-bottom,.ad-mobile .ad-mobile-inner .ad-label,.ad-mobile .ad-mobile-inner .ad-label-bottom,.ad-permalink-comment .ad-inner .ad-label,.ad-permalink-comment .ad-inner .ad-label-bottom,.ad-permalink-comment .ad-mobile-inner .ad-label,.ad-permalink-comment .ad-mobile-inner .ad-label-bottom,.ad-unit--in-post .ad-inner .ad-label,.ad-unit--in-post .ad-inner .ad-label-bottom,.ad-unit--in-post .ad-mobile-inner .ad-label,.ad-unit--in-post .ad-mobile-inner .ad-label-bottom {
        margin-left: 1.125rem;
        margin-right: 1.125rem
    }
}

.f_sourcepoint_on .ad-mobile .ad-inner iframe,.f_sourcepoint_on .ad-mobile .ad-mobile-inner iframe,.f_sourcepoint_on .ad-permalink-comment .ad-inner iframe,.f_sourcepoint_on .ad-permalink-comment .ad-mobile-inner iframe,.f_sourcepoint_on .ad-unit--in-post .ad-inner iframe,.f_sourcepoint_on .ad-unit--in-post .ad-mobile-inner iframe {
    margin: auto auto 1.875rem auto
}

.ad-mobile.hide-contents,.ad-permalink-comment.hide-contents,.ad-unit--in-post.hide-contents {
    display: none
}

.f_constrain_oversize_mobile_ads_on .ad-mobile .ad-inner .ad-container,.f_constrain_oversize_mobile_ads_on .ad-mobile .ad-mobile-inner .ad-container {
    overflow: hidden
}

.f_facebook_300_width_on .ad-mobile {
    margin: 0 auto
}

.taboola-instream-wrapper {
    padding-bottom: 15px
}

.taboola-above-article-thumbnails {
    width: 970px;
    height: 260px;
    padding: 20px
}

.taboola-mobile-article-carousel {
    width: 100%;
    height: auto;
    margin: 10px 0 20px
}

.permalink .ad-mobile .ad-label,.permalink .ad-unit--in-post .ad-label {
    border-top: 1px solid #e5e5e5;
    padding-top: 10px
}

.ad-instream {
    margin-top: 10px;
    margin-bottom: 55px;
    cursor: pointer
}

.ad-instream:before {
    display: block;
    content: 'Advertisement';
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    font-family: verdana;
    position: absolute;
    left: 0;
    right: 0;
    top: -40px;
    height: 40px;
    line-height: 20px;
    color: #ccc;
    letter-spacing: 1px;
    border: 0
}

@media only screen and (max-width: 600px) {
    .ad-instream:before {
        padding-left: 1.125rem
    }
}

.ad-instream .jwplayer {
    margin: 0 auto
}

.ad-instream:after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px;
    height: 40px;
    border-bottom: 1px solid #e5e5e5
}

.ad-instream.ad-instream--elastic {
    width: 100%;
    position: relative;
    cursor: pointer
}

.ad-instream .elastic__wrapper {
    transition: all 250ms cubic-bezier(0.64, 0.57, 0.67, 1.53);
    z-index: 2;
    cursor: pointer
}

@media only screen and (min-width: 1024px) {
    .ad-instream.ad-instream--elastic:hover .elastic__wrapper {
        transform: scale(1.04)
    }
}

.ad-instream .elastic__wrapper--stiff {
    transform: none !important
}

.ad-instream.ad-instream--elastic.ad-instream__initial {
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    width: auto
}

.ad-instream.ad-instream--elastic.ad-instream__collapse {
    animation-name: slideUp;
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
    overflow: hidden;
    width: auto
}

@keyframes slideUp {
    to {
        height: 0;
        padding: 0;
        margin: 0
    }
}

.animate-slidedown {
    -webkit-transition: all .75s ease-out;
    -webkit-transition-delay: .75s;
    transition: all 0.75s ease-out 0.75s;
    max-height: 400px;
    opacity: 1
}

.animate-slidedown.animate-closed {
    max-height: 0;
    opacity: 0
}

.commentlist__item .ad-permalink-comment {
    padding-top: 14px
}

.commentlist__item .ad-permalink-comment .ad-mobile-inner .ad-label {
    margin-bottom: -2px
}

.commentlist__item:not(.commentlist__item--expandable) .ad-permalink-comment {
    padding: 0;
    border-top: 1px solid #e5e5e5
}

.commentlist__item:not(.commentlist__item--expandable) .ad-permalink-comment .ad-mobile-inner {
    margin: 16px
}

.commentlist__item:not(.commentlist__item--expandable) .ad-permalink-comment .ad-mobile-inner .ad-container {
    margin: 10px 0
}

.commentlist__item:not(.commentlist__item--expandable) .ad-permalink-comment .ad-mobile-inner .ad-label-bottom {
    border: none
}

.blog-group-gawker .ad-unit {
    display: none
}

.ad-container[data-zone-type=PROMOTION_NATIVE] {
    margin-right: -24px
}

@media only screen and (min-width: 37.5em) {
    .post-content .ad-promotions-container[data-mobile=true] {
        display: none
    }
}

@media only screen and (max-width: 37.438em) {
    .trc_related_container {
        padding: 0 1.125rem
    }
}

.newsletter-subscribe-wrapper {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s
}

.newsletter-subscribe-wrapper.open {
    max-height: 600px
}

.newsletter-subscribe {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 540px;
    padding: 14px 24px;
    background: #f5f5f5;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 49.938em) {
    .newsletter-subscribe {
        padding: 14px
    }
}

.newsletter-subscribe--email {
    display: block;
    padding-bottom: 0
}

.newsletter-subscribe--email .newsletter-subscribe__copy {
    text-align: left
}

@media only screen and (max-width: 49.938em) {
    .newsletter-subscribe--email .newsletter-subscribe__copy {
        margin-bottom: 30px
    }
}

.newsletter-subscribe--email .newsletter-subscribe__cta {
    margin-top: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.newsletter-subscribe--email .newsletter-subscribe__cta .fielddescription {
    visibility: hidden
}

.newsletter-subscribe--email .newsletter-subscribe__cta .email__input {
    font-size: 1rem;
    line-height: 2rem;
    height: 30px;
    padding-right: 0
}

@media only screen and (max-width: 63.9em) {
    .newsletter-subscribe--email .newsletter-subscribe__cta .email__input {
        font-size: .95rem
    }
}

.newsletter-subscribe--email .newsletter-subscribe__cta .button {
    padding-left: 1rem;
    padding-right: 1rem;
    margin: 0;
    min-width: 90px;
    word-wrap: normal
}

.newsletter-subscribe--email .field {
    padding: 0 1rem 0 0;
    margin-bottom: 0;
    width: 100%
}

@media only screen and (max-width: 49.938em) {
    .newsletter-subscribe--email .field {
        margin-bottom: 0
    }
}

.inline .newsletter-subscribe {
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 64em) {
    .newsletter-subscribe {
        max-width: 362px
    }
}

.newsletter-subscribe__copy {
    font-family: "ProximaNovaCond",sans-serif;
    text-align: left;
    margin-right: 8px;
    font-size: 16px;
    text-align: center
}

@media only screen and (max-width: 49.938em) {
    .newsletter-subscribe__copy {
        font-size: 20px
    }
}

.newsletter-subscribe__cta {
    display: block
}

@media only screen and (max-width: 66.25em) {
    .newsletter-subscribe__cta {
        min-width: 80px
    }
}

@media only screen and (max-width: 63.9em) {
    .newsletter-subscribe__cta {
        min-width: 127px
    }
}

.newsletter-subscribe__close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 6px 8px 8px;
    cursor: pointer;
    display: block
}

.newsletter-subscribe__close svg {
    fill: #333;
    transition: opacity 0.6
}

.dui .newsletter-subscribe__close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 6px 8px 8px;
    cursor: pointer;
    display: block
}

.dui .newsletter-subscribe__close svg {
    fill: #333;
    transition: opacity 0.6
}

.newsletter-btn--subscribe__nodismiss .newsletter-subscribe__close {
    display: none
}

footer .newsletter-btn {
    margin: 0 auto 30px
}

@media only screen and (min-width: 50em) {
    .permalink footer .newsletter-btn {
        margin: 0 0 30px 15px;
        text-align: left
    }
}

.newsletter-btn--mid-articles .newsletter-subscribe {
    margin-bottom: 0
}

.newsletter-btn--mid-articles:after {
    content: '';
    display: block;
    height: 1px;
    background-color: #e5e5e5;
    margin-top: 30px;
    margin-right: 0
}

@media only screen and (min-width: 50em) {
    .newsletter-btn--mid-articles:after {
        margin-right: 60px
    }
}

.newsletter-extra__subscription {
    display: inline-block;
    width: 33.333%;
    padding: 20px;
    position: relative
}

@media only screen and (max-width: 37.438em) {
    .newsletter-extra__subscription {
        width: 50%
    }
}

.newsletter-extra__subscription svg.gmg-logo {
    width: 100%
}

.newsletter-extra__subscription button.secondary {
    display: block;
    margin: 0 auto
}

@media only screen and (max-width: 37.438em) {
    .newsletter-extra__subscription button.secondary {
        padding: 0 1.5rem;
        height: 34px;
        border-radius: 34px;
        line-height: 34px;
        font-size: 14px
    }
}

.newsletter-extra__content,.newsletter-extra__logo {
    position: relative;
    line-height: 100%
}

.newsletter-extra__message {
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.jwplayer {
    margin-bottom: 0px
}

.jwplayer.jw-skin-kinjaplayer {
    color: #fff
}

.jwplayer.jw-skin-kinjaplayer .jw-icon-cc.jw-off .jwplayer.jw-skin-kinjaplayer .jw-icon-cc:before,.jwplayer.jw-skin-kinjaplayer .jw-icon-cc:before,.jwplayer.jw-skin-kinjaplayer .jw-icon-fullscreen:before,.jwplayer.jw-skin-kinjaplayer .jw-icon-hd:before,.jwplayer.jw-skin-kinjaplayer .jw-icon-playlist:before,.jwplayer.jw-skin-kinjaplayer .jw-icon-volume:before,.jwplayer.jw-skin-kinjaplayer .jw-plugin-sharing .jw-sharing-header .jw-sharing-close-icon:before,.jwplayer.jw-skin-kinjaplayer .jw-sharing-dock-btn .jw-dock-image:before,.jwplayer.jw-skin-kinjaplayer.jw-state-buffering .jw-icon-playback:before,.jwplayer.jw-skin-kinjaplayer.jw-state-complete .jw-icon-playback:before,.jwplayer.jw-skin-kinjaplayer.jw-state-paused .jw-icon-playback:before,.jwplayer.jw-skin-kinjaplayer.jw-state-playing .jw-icon-playback:before {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block
}

.jwplayer.jw-skin-kinjaplayer.jw-error .jw-icon-display:before,.jwplayer.jw-skin-kinjaplayer.jw-state-complete .jw-display-icon-container .jw-icon-display:before,.jwplayer.jw-skin-kinjaplayer.jw-state-error .jw-icon-display:before {
    content: '';
    width: 2rem;
    height: 2rem;
    display: inline-block
}

.jwplayer.jw-skin-kinjaplayer .jw-plugin-sharing .jw-sharing-icon-embed,.jwplayer.jw-skin-kinjaplayer .jw-plugin-sharing .jw-sharing-icon-link {
    width: 28px;
    height: 28px;
    background-size: 100%;
    margin-top: 5px
}

.jwplayer.jw-skin-kinjaplayer .jw-reset {
    line-height: 20px
}

.jwplayer.jw-skin-kinjaplayer.jw-error .jw-icon-display:before,.jwplayer.jw-skin-kinjaplayer.jw-state-error .jw-icon-display:before {
    background-image: url("//x.kinja-static.com/assets/images/icons/video-player-skin/icon-error.svg");
    position: relative;
    top: 1px
}

.jwplayer.jw-skin-kinjaplayer .jw-overlay:before {
    height: 100%
}

.jwplayer.jw-skin-kinjaplayer .jw-background-color {
    background-color: rgba(0,0,0,0.7);
    transition: all 0.15s linear
}

.jwplayer.jw-skin-kinjaplayer.jw-tab-focus:focus {
    outline: none
}

.jwplayer.jw-skin-kinjaplayer.jw-state-idle .jw-icon-display:before {
    content: '';
    background-image: url("//x.kinja-static.com/assets/images/icons/video-player-skin/icon-play-big.svg");
    width: 2rem;
    height: 2rem;
    display: inline-block;
    opacity: 0.8;
    transition: all 0.15s linear;
    position: relative;
    left: 1px;
    top: 1px
}

.jwplayer.jw-skin-kinjaplayer.jw-state-idle:hover .jw-dock {
    opacity: 1
}

.jwplayer.jw-skin-kinjaplayer.jw-state-idle .jw-dock {
    opacity: 0
}

.jwplayer.jw-skin-kinjaplayer.jw-state-complete .jw-icon-playback:before,.jwplayer.jw-skin-kinjaplayer.jw-state-paused .jw-icon-playback:before {
    background-image: url("//x.kinja-static.com/assets/images/icons/video-player-skin/icon-play.svg")
}

.jwplayer.jw-skin-kinjaplayer.jw-state-buffering .jw-icon-playback:before,.jwplayer.jw-skin-kinjaplayer.jw-state-playing .jw-icon-playback:before {
    background-image: url("//x.kinja-static.com/assets/images/icons/video-player-skin/icon-pause.svg")
}

.jwplayer.jw-skin-kinjaplayer.jw-state-complete .jw-display-icon-container .jw-icon-display:before {
    background-image: url("//x.kinja-static.com/assets/images/icons/video-player-skin/icon-replay-big.svg");
    content: ''
}

@media only screen and (max-width: 37.44rem) {
    .jwplayer.jw-skin-kinjaplayer .jw-text-duration,.jwplayer.jw-skin-kinjaplayer .jw-text-elapsed {
        position: relative;
        top: 2px
    }
}

.jwplayer.jw-skin-kinjaplayer .jw-display-icon-container {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 10px
}

.jwplayer.jw-skin-kinjaplayer:hover .jw-display-icon-container {
    background-color: rgba(0,0,0,0.9)
}

.jwplayer.jw-skin-kinjaplayer:hover .jw-icon-display:before,.jwplayer.jw-skin-kinjaplayer:hover .jw-dock-button,.jwplayer.jw-skin-kinjaplayer:hover .jw-sharing-close-icon {
    opacity: 1
}

.jwplayer.jw-skin-kinjaplayer .jw-dock {
    margin: 1%
}

.jwplayer.jw-skin-kinjaplayer .jw-dock .jw-overlay {
    visibility: hidden
}

.jwplayer.jw-skin-kinjaplayer .jw-sharing-dock-btn .jw-dock-image {
    background-image: none;
    padding: 6px 8px;
    opacity: 1;
    line-height: normal
}

.jwplayer.jw-skin-kinjaplayer .jw-sharing-dock-btn .jw-dock-image:hover:before {
    opacity: 1
}

.jwplayer.jw-skin-kinjaplayer .jw-sharing-dock-btn .jw-dock-image:before {
    background-image: url("//x.kinja-static.com/assets/images/icons/video-player-skin/icon-share.svg");
    opacity: .7;
    transition: all 0.15s linear
}

.jwplayer.jw-skin-kinjaplayer .jw-dock-button {
    border-radius: 5px;
    height: auto;
    width: auto;
    margin: 0;
    opacity: 0;
    right: 1px
}

.jwplayer.jw-skin-kinjaplayer .jw-text {
    display: inline;
    font-size: 11px
}

.jwplayer.jw-skin-kinjaplayer .jw-text.jw-sharing-heading-text {
    display: none
}

.jwplayer.jw-skin-kinjaplayer .jw-controlbar {
    margin: 0 9px 10px 8px;
    border-radius: 5px;
    width: auto;
    height: 40px;
    padding: 9px 8px 8px;
    transition: background 0.15s linear
}

.jwplayer.jw-skin-kinjaplayer .jw-controlbar .jw-icon {
    transition: background 0.15s linear
}

.jwplayer.jw-skin-kinjaplayer .jw-controlbar .jw-icon:hover:before {
    opacity: 1
}

.jwplayer.jw-skin-kinjaplayer .jw-controlbar .jw-icon:before {
    opacity: .7;
    transition: all 0.15s linear
}

.jwplayer.jw-skin-kinjaplayer .jw-controlbar .jw-icon:last-child {
    margin-right: 0
}

.jwplayer.jw-skin-kinjaplayer.jw-flag-ads .jw-controlbar .jw-slider-volume.jw-slider-horizontal {
    display: none
}

.jwplayer.jw-skin-kinjaplayer .jw-icon-inline,.jwplayer.jw-skin-kinjaplayer .jw-icon-tooltip {
    width: 20px;
    min-width: 20px;
    height: 20px
}

.jwplayer.jw-skin-kinjaplayer .jw-icon-playback {
    min-width: 20px
}

.jwplayer.jw-skin-kinjaplayer .jw-icon-hd:before {
    background-image: url("//x.kinja-static.com/assets/images/icons/video-player-skin/icon-hd-off.svg");
    position: relative;
    opacity: 1
}

.jwplayer.jw-skin-kinjaplayer .jw-icon-hd .jw-menu {
    border-radius: 4px;
    position: relative;
    padding: 6px 4px 8px;
    border: 0;
    left: -20%;
    bottom: 2px
}

.jwplayer.jw-skin-kinjaplayer .jw-icon-hd .jw-menu .jw-active-option {
    color: #fff
}

.jwplayer.jw-skin-kinjaplayer .jw-icon-hd .jw-menu .jw-text {
    display: block;
    margin-bottom: 2px;
    text-align: left
}

.jwplayer.jw-skin-kinjaplayer .jw-icon-hd .jw-overlay {
    left: -100%
}

.jwplayer.jw-skin-kinjaplayer .jw-icon-cc.jw-off .jwplayer.jw-skin-kinjaplayer .jw-icon-cc:before,.jwplayer.jw-skin-kinjaplayer .jw-icon-cc:before {
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center
}

.jwplayer.jw-skin-kinjaplayer .jw-icon-cc:before {
    background-image: url("//x.kinja-static.com/assets/images/icons/video-player-skin/icon-cc-on.svg")
}

.jwplayer.jw-skin-kinjaplayer .jw-icon-cc.jw-off:before {
    background-image: url("//x.kinja-static.com/assets/images/icons/video-player-skin/icon-cc-off.svg")
}

.jwplayer.jw-skin-kinjaplayer .jw-icon-inline {
    position: static;
    line-height: normal
}

.jwplayer.jw-skin-kinjaplayer .jw-knob {
    background-color: #fff
}

.jwplayer.jw-skin-kinjaplayer .jw-icon-fullscreen:before {
    background-image: url("//x.kinja-static.com/assets/images/icons/video-player-skin/icon-fullscreen.svg")
}

.jwplayer.jw-skin-kinjaplayer .jw-rail {
    background: rgba(255,255,255,0.4)
}

.jwplayer.jw-skin-kinjaplayer .jw-icon-volume {
    margin-left: 0.875rem;
    line-height: normal
}

.jwplayer.jw-skin-kinjaplayer .jw-icon-volume:before {
    background-image: url("//x.kinja-static.com/assets/images/icons/video-player-skin/icon-volume-on.svg")
}

.jwplayer.jw-skin-kinjaplayer .jw-icon-volume .jw-overlay {
    transition: all 0.15s linear
}

.jwplayer.jw-skin-kinjaplayer .jw-icon-volume .jw-volume-tip {
    border: 0;
    border-radius: 2px
}

.jwplayer.jw-skin-kinjaplayer .jw-icon-volume .jw-knob {
    width: .75rem;
    height: .125rem
}

.jwplayer.jw-skin-kinjaplayer .jw-icon-volume .jw-progress,.jwplayer.jw-skin-kinjaplayer .jw-icon-volume .jw-rail {
    width: .125rem
}

.jwplayer.jw-skin-kinjaplayer .jw-icon-volume .jw-slider-vertical {
    padding: 0.5rem;
    bottom: 0.125rem
}

.jwplayer.jw-skin-kinjaplayer .jw-icon-volume.jw-off:before {
    background-image: url("//x.kinja-static.com/assets/images/icons/video-player-skin/icon-volume-off.svg")
}

.jwplayer.jw-skin-kinjaplayer .jw-text-duration {
    opacity: .7
}

.jwplayer.jw-skin-kinjaplayer .jw-icon-playlist {
    position: relative;
    left: -6px;
    margin-right: 10px
}

.jwplayer.jw-skin-kinjaplayer .jw-icon-playlist:before {
    background-image: url("//x.kinja-static.com/assets/images/icons/video-player-skin/icon-playlist.svg")
}

.jwplayer.jw-skin-kinjaplayer .jw-icon-playlist .jw-overlay {
    display: none
}

.jwplayer.jw-skin-kinjaplayer .jw-controlbar-left-group div {
    margin-right: 1rem
}

.jwplayer.jw-skin-kinjaplayer .jw-controlbar-center-group {
    padding: 0 0.625rem
}

.jwplayer.jw-skin-kinjaplayer .jw-controlbar-center-group .jw-slider-container {
    top: -14px
}

@media only screen and (max-width: 37.44rem) {
    .jwplayer.jw-skin-kinjaplayer .jw-controlbar-center-group .jw-slider-container {
        top: -17px
    }
}

.jwplayer.jw-skin-kinjaplayer .jw-controlbar-center-group .jw-background-color {
    background: rgba(0,0,0,0.2)
}

.jwplayer.jw-skin-kinjaplayer .jw-controlbar-center-group .jw-buffer {
    background-color: rgba(255,255,255,0.4)
}

.jwplayer.jw-skin-kinjaplayer .jw-controlbar-center-group .jw-buffer,.jwplayer.jw-skin-kinjaplayer .jw-controlbar-center-group .jw-progress,.jwplayer.jw-skin-kinjaplayer .jw-controlbar-center-group .jw-rail,.jwplayer.jw-skin-kinjaplayer .jw-controlbar-center-group .jw-slider-container,.jwplayer.jw-skin-kinjaplayer .jw-controlbar-center-group .jw-slider-horizontal {
    height: .125rem
}

.jwplayer.jw-skin-kinjaplayer .jw-controlbar-center-group .jw-knob {
    width: .75rem;
    height: .75rem;
    border-radius: .75rem;
    bottom: -5px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5)
}

.jwplayer.jw-skin-kinjaplayer .jw-controlbar-center-group .jw-slider-time .jw-icon {
    opacity: 1
}

.jwplayer.jw-skin-kinjaplayer .jw-controlbar-center-group .jw-time-tip {
    background: rgba(0,0,0,0.6);
    border: 0;
    padding: 0.25rem;
    border-radius: 4px;
    font-size: 13px;
    line-height: 14px
}

.jwplayer.jw-skin-kinjaplayer .jw-controlbar-right-group .jw-icon-cc,.jwplayer.jw-skin-kinjaplayer .jw-controlbar-right-group .jw-icon-fullscreen,.jwplayer.jw-skin-kinjaplayer .jw-controlbar-right-group .jw-icon-hd,.jwplayer.jw-skin-kinjaplayer .jw-controlbar-right-group .jw-icon-volume {
    margin-left: 0.625rem
}

.jwplayer.jw-skin-kinjaplayer .jw-plugin-sharing .jw-sharing-header .jw-sharing-close-icon {
    width: 36px;
    background-color: rgba(0,0,0,0.7);
    padding: 6px;
    border-radius: 5px;
    position: absolute;
    top: 8px;
    right: 9px;
    transition: all 0.15s linear;
    line-height: normal
}

.jwplayer.jw-skin-kinjaplayer .jw-plugin-sharing .jw-sharing-header .jw-sharing-close-icon:hover:before {
    opacity: 1;
    transition: all 0.15s linear
}

.jwplayer.jw-skin-kinjaplayer .jw-plugin-sharing .jw-sharing-header .jw-sharing-close-icon:before {
    background-image: url("//x.kinja-static.com/assets/images/icons/video-player-skin/icon-close.svg");
    background-position: -3px 1px;
    opacity: .7;
    transition: all 0.15s linear
}

.jwplayer.jw-skin-kinjaplayer .jw-plugin-sharing .jw-sharing-inline-icon {
    width: 160px;
    border-radius: 80px;
    height: 32px;
    margin-bottom: 10px
}

.jwplayer.jw-skin-kinjaplayer .jw-plugin-sharing .jw-sharing-content .jw-text {
    font-size: 20px;
    display: block;
    text-align: left
}

.jwplayer.jw-skin-kinjaplayer .jw-plugin-sharing .jw-sharing-text {
    background-color: #fff;
    color: #666;
    font-size: 12px;
    font-family: arial, sans-serif;
    line-height: 14px
}

.jwplayer.jw-skin-kinjaplayer .jw-plugin-sharing .jw-sharing-icon-link {
    background-image: url("//x.kinja-static.com/assets/images/icons/video-player-skin/icon-link.svg");
    background-color: #fff;
    background-size: 28px
}

.jwplayer.jw-skin-kinjaplayer .jw-plugin-sharing .jw-sharing-icon-embed {
    background-image: url("//x.kinja-static.com/assets/images/icons/video-player-skin/icon-embed.svg")
}

.jwplayer.jw-skin-kinjaplayer .jw-plugin-sharing textarea:focus {
    outline: none
}

.jwplayer.jw-skin-kinjaplayer .jw-dock-image:before,.jwplayer.jw-skin-kinjaplayer .jw-icon-cc:before,.jwplayer.jw-skin-kinjaplayer .jw-icon-fullscreen:before,.jwplayer.jw-skin-kinjaplayer .jw-icon-hd:before,.jwplayer.jw-skin-kinjaplayer .jw-icon-playlist:before,.jwplayer.jw-skin-kinjaplayer .jw-icon-volume:before,.jwplayer.jw-skin-kinjaplayer .jw-sharing-close-icon:before,.jwplayer.jw-skin-kinjaplayer.jw-state-buffering .jw-icon-playback:before,.jwplayer.jw-skin-kinjaplayer.jw-state-complete .jw-icon-playback:before,.jwplayer.jw-skin-kinjaplayer.jw-state-paused .jw-icon-playback:before,.jwplayer.jw-skin-kinjaplayer.jw-state-playing .jw-icon-playback:before {
    display: block
}

.jwplayer.jw-flag-ads .jw-controlbar {
    margin: 0;
    width: 100%
}

.jwplayer.jw-flag-ads .jw-controlbar.jw-background-color {
    background-color: transparent
}

.jwplayer.jw-flag-ads .jw-controlbar .jw-controlbar-center-group {
    padding-left: 0
}

.jwplayer.jw-flag-ads .jw-controlbar .jw-icon-inline.jw-icon-fullscreen {
    display: none
}

.jwplayer.jw-flag-ads .jw-controlbar .jw-text-alt {
    text-shadow: 0 1px 2px rgba(0,0,0,0.8)
}

.jwplayer.jw-flag-ads .jw-icon-volume {
    position: relative;
    left: -1px
}

.jwplayer.jw-flag-ads .jw-icon-playback,.jwplayer.jw-flag-ads .jw-icon-volume {
    background-color: rgba(0,0,0,0.7);
    transition: all 0.15s linear;
    border-radius: 4px;
    width: 36px;
    height: 36px
}

.jwplayer.jw-flag-ads .jw-icon-playback:hover,.jwplayer.jw-flag-ads .jw-icon-volume:hover {
    background-color: #000
}

.jwplayer.jw-flag-ads .jw-icon-playback:before,.jwplayer.jw-flag-ads .jw-icon-volume:before {
    position: relative;
    top: 8px;
    left: 8px
}

.jwplayer.js_is-hd .jw-icon-hd:before {
    background-image: url("//x.kinja-static.com/assets/images/icons/video-player-skin/icon-hd-on.svg")
}

.jwplayer.jw-state-complete .jw-controlbar {
    display: none
}

.jwplayer .jw-icon-hd .jw-overlay,.jwplayer .jw-icon-volume .jw-overlay {
    padding-bottom: 20px;
    bottom: 12px
}

.jwplayer.jw-has-custom-playlist .jw-icon-next,.jwplayer.jw-has-custom-playlist .jw-icon-prev {
    display: none
}

.jwplayer-playlist {
    box-sizing: border-box;
    height: 260px;
    background-color: #222;
    overflow: hidden;
    font-family: 'ProximaNovaCond';
    color: #fff;
    padding: 0 10px;
    position: relative
}

.jwplayer-playlist__title {
    margin: 16px 0;
    font-size: 18px
}

.jwplayer-playlist__autoplay {
    position: absolute;
    right: 10px;
    height: 16px;
    top: 16px;
    color: #aaa
}

.jwplayer-playlist__autoplay .toggle {
    position: relative;
    top: 3px;
    margin-left: 2px
}

.jwplayer-playlist__close {
    display: none;
    position: absolute;
    right: 16px;
    top: 16px;
    height: 16px
}

.jwplayer-playlist__close:hover .svg-icon {
    opacity: 1;
    transition: all 0.15s linear
}

.jwplayer-playlist__close .svg-icon {
    height: 16px;
    width: 16px;
    fill: #fff;
    margin: 0;
    opacity: .7;
    transition: all 0.15s linear
}

.jwplayer-playlist__controls {
    height: 26px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px
}

.jwplayer-playlist__control {
    border-radius: 26px;
    border: 1px solid #fff;
    height: 26px;
    width: 26px;
    opacity: 0.8;
    position: relative;
    margin: 0 6px
}

.jwplayer-playlist__control:hover {
    opacity: 1;
    transition: all 0.15s linear
}

.jwplayer-playlist__control .svg-icon {
    opacity: 1;
    height: 16px;
    width: 24px;
    position: absolute;
    fill: #fff
}

.jwplayer-playlist__control .svg-icon.chevron--right {
    top: 6px
}

.jwplayer-playlist__control .svg-icon.chevron--left {
    top: 7px
}

.jwplayer-playlist__control--disabled {
    opacity: 0.2;
    cursor: default;
    transition: all 0.15s linear
}

.jwplayer-playlist__control--disabled:hover {
    opacity: 0.2
}

.jwplayer-playlist__length {
    color: #aaa
}

.jwplayer-playlist__outer-container {
    position: relative;
    height: 160px;
    overflow: hidden
}

@media only screen and (max-width: 37.438em) {
    .jwplayer-playlist__outer-container {
        padding-bottom: 40%
    }
}

.jwplayer-playlist__container {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -5px;
    position: absolute;
    transition: transform 0.6s ease-in-out;
    left: 0;
    right: 0
}

.jwplayer-playlist__item {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 5px;
    width: 25%;
    display: block;
    text-decoration: none;
    color: rgba(255,255,255,0.6);
    position: relative;
    font-size: 15px;
    line-height: 20.0px;
    border: transparent 1px solid
}

.jwplayer-playlist__item:hover {
    transition: all 0.15s linear;
    color: #fff
}

.jwplayer-playlist__item:hover:before {
    background-color: #000;
    transition: all 0.15s linear
}

.jwplayer-playlist__item:hover .jwplayer-playlist__item-image {
    opacity: 1
}

.jwplayer-playlist__item:after {
    top: 84px;
    content: attr(data-index);
    height: 16px;
    width: 16px;
    left: 12px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px
}

.jwplayer-playlist__item:after,.jwplayer-playlist__item:before {
    display: block;
    background-color: rgba(0,0,0,0.8);
    position: absolute;
    text-align: center
}

.jwplayer-playlist__item:before {
    content: '';
    background-image: url("//x.kinja-static.com/assets/images/icons/video-player-skin/icon-play-big.svg");
    background-position: center;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    left: 50%;
    top: 30px;
    margin-left: -20px;
    z-index: 1;
    line-height: 40px;
    border-radius: 5px;
    background-size: 20px
}

.jwplayer-playlist__item--selected {
    color: #fff
}

.jwplayer-playlist__item--selected .jwplayer-playlist__item-image-container {
    border: 2px #fff solid;
    border-width: 1px
}

.jwplayer-playlist__item--selected .jwplayr-playlist__item-image {
    opacity: 1
}

.jwplayer-playlist__item--selected:before {
    display: none
}

@media only screen and (max-width: 37.438em) {
    .jwplayer-playlist__item {
        width: 50%
    }
}

.jwplayer-playlist__item-image {
    display: block;
    margin: 0 auto;
    opacity: 0.8;
    max-height: 100%;
    max-width: 100%
}

.jwplayer-playlist__item-image-container {
    background-color: #000;
    height: 108px;
    width: 100%;
    border: transparent 1px solid
}

.jwplayer-playlist__item-title {
    margin: 10px 0
}

.jwplayer-playlist--hide {
    display: none
}

.jwplayer-playlist *,.jwplayer-playlist :after,.jwplayer-playlist :before {
    box-sizing: inherit
}

.has-video .jwplayer.jwplayer-playlist-frame {
    padding-bottom: 87%
}

@media only screen and (max-width: 37.438em) {
    .has-video .jwplayer.jwplayer-playlist-frame {
        padding-bottom: 123%
    }
}

.post .recommend.video-recommend {
    right: 48px
}

.jw-breakpoint-1.jw-flag-ads .jw-icon-playback:before,.jw-breakpoint-1.jw-flag-ads .jw-icon-volume:before,.jw-breakpoint-2.jw-flag-ads .jw-icon-playback:before,.jw-breakpoint-2.jw-flag-ads .jw-icon-volume:before,.jw-breakpoint-3.jw-flag-ads .jw-icon-playback:before,.jw-breakpoint-3.jw-flag-ads .jw-icon-volume:before,.jw-breakpoint-4.jw-flag-ads .jw-icon-playback:before,.jw-breakpoint-4.jw-flag-ads .jw-icon-volume:before,.jw-breakpoint-5.jw-flag-ads .jw-icon-playback:before,.jw-breakpoint-5.jw-flag-ads .jw-icon-volume:before,.jw-breakpoint-6.jw-flag-ads .jw-icon-playback:before,.jw-breakpoint-6.jw-flag-ads .jw-icon-volume:before,.jw-breakpoint-7.jw-flag-ads .jw-icon-playback:before,.jw-breakpoint-7.jw-flag-ads .jw-icon-volume:before {
    left: 0
}

.jw-breakpoint-1 .jw-icon-rewind,.jw-breakpoint-2 .jw-icon-rewind,.jw-breakpoint-3 .jw-icon-rewind,.jw-breakpoint-4 .jw-icon-rewind,.jw-breakpoint-5 .jw-icon-rewind,.jw-breakpoint-6 .jw-icon-rewind,.jw-breakpoint-7 .jw-icon-rewind {
    display: none
}

.jw-breakpoint-1.jw-skin-kinjaplayer .jw-controlbar-center-group .jw-slider-container,.jw-breakpoint-2.jw-skin-kinjaplayer .jw-controlbar-center-group .jw-slider-container,.jw-breakpoint-3.jw-skin-kinjaplayer .jw-controlbar-center-group .jw-slider-container,.jw-breakpoint-4.jw-skin-kinjaplayer .jw-controlbar-center-group .jw-slider-container,.jw-breakpoint-5.jw-skin-kinjaplayer .jw-controlbar-center-group .jw-slider-container,.jw-breakpoint-6.jw-skin-kinjaplayer .jw-controlbar-center-group .jw-slider-container,.jw-breakpoint-7.jw-skin-kinjaplayer .jw-controlbar-center-group .jw-slider-container {
    top: 0
}

.jw-breakpoint-1 .jw-slider-horizontal .jw-knob,.jw-breakpoint-2 .jw-slider-horizontal .jw-knob,.jw-breakpoint-3 .jw-slider-horizontal .jw-knob,.jw-breakpoint-4 .jw-slider-horizontal .jw-knob,.jw-breakpoint-5 .jw-slider-horizontal .jw-knob,.jw-breakpoint-6 .jw-slider-horizontal .jw-knob,.jw-breakpoint-7 .jw-slider-horizontal .jw-knob {
    top: auto
}

.jw-breakpoint-1:not(.jw-flag-ads) .jw-controlbar-left-group .jw-icon:before,.jw-breakpoint-1:not(.jw-flag-ads) .jw-controlbar-right-group .jw-icon:before,.jw-breakpoint-2:not(.jw-flag-ads) .jw-controlbar-left-group .jw-icon:before,.jw-breakpoint-2:not(.jw-flag-ads) .jw-controlbar-right-group .jw-icon:before,.jw-breakpoint-3:not(.jw-flag-ads) .jw-controlbar-left-group .jw-icon:before,.jw-breakpoint-3:not(.jw-flag-ads) .jw-controlbar-right-group .jw-icon:before,.jw-breakpoint-4:not(.jw-flag-ads) .jw-controlbar-left-group .jw-icon:before,.jw-breakpoint-4:not(.jw-flag-ads) .jw-controlbar-right-group .jw-icon:before,.jw-breakpoint-5:not(.jw-flag-ads) .jw-controlbar-left-group .jw-icon:before,.jw-breakpoint-5:not(.jw-flag-ads) .jw-controlbar-right-group .jw-icon:before,.jw-breakpoint-6:not(.jw-flag-ads) .jw-controlbar-left-group .jw-icon:before,.jw-breakpoint-6:not(.jw-flag-ads) .jw-controlbar-right-group .jw-icon:before,.jw-breakpoint-7:not(.jw-flag-ads) .jw-controlbar-left-group .jw-icon:before,.jw-breakpoint-7:not(.jw-flag-ads) .jw-controlbar-right-group .jw-icon:before {
    position: relative;
    left: -8px
}

.jw-breakpoint-1.jw-skin-kinjaplayer .jw-icon-volume .jw-knob,.jw-breakpoint-2.jw-skin-kinjaplayer .jw-icon-volume .jw-knob,.jw-breakpoint-3.jw-skin-kinjaplayer .jw-icon-volume .jw-knob,.jw-breakpoint-4.jw-skin-kinjaplayer .jw-icon-volume .jw-knob,.jw-breakpoint-5.jw-skin-kinjaplayer .jw-icon-volume .jw-knob,.jw-breakpoint-6.jw-skin-kinjaplayer .jw-icon-volume .jw-knob,.jw-breakpoint-7.jw-skin-kinjaplayer .jw-icon-volume .jw-knob {
    width: 0.85rem
}

.jw-breakpoint-1 .jw-slider-vertical .jw-knob,.jw-breakpoint-2 .jw-slider-vertical .jw-knob,.jw-breakpoint-3 .jw-slider-vertical .jw-knob,.jw-breakpoint-4 .jw-slider-vertical .jw-knob,.jw-breakpoint-5 .jw-slider-vertical .jw-knob,.jw-breakpoint-6 .jw-slider-vertical .jw-knob,.jw-breakpoint-7 .jw-slider-vertical .jw-knob {
    right: auto;
    left: -0.25rem
}

.stripe-modal {
    padding-top: 4rem
}

@media only screen and (min-width: 50em) {
    .stripe-modal {
        padding: inherit
    }
}

.stripe-modal .dui-modal-body {
    margin: 17px;
    min-height: 300px;
    padding: 25px 0;
    width: 100%;
    font-family: "FiraSans",sans-serif
}

@media only screen and (min-width: 64em) {
    .stripe-modal .dui-modal-body {
        width: 80%;
        min-width: 952px;
        padding: 50px;
        margin-top: 150px
    }
}

@media only screen and (min-width: 66.3em) {
    .stripe-modal .dui-modal-body {
        width: 70%;
        max-width: 969px;
        padding: 50px;
        margin-top: 150px
    }
}

.stripe-modal .loading-view {
    min-height: 600px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.stripe-modal .loading-view p {
    font-size: 22px;
    font-family: "FiraSans",sans-serif
}

.stripe-modal .loading-view span {
    margin: 0
}

.stripe-product-selector {
    font-family: "FiraSans",sans-serif;
    font-size: 15px;
    color: #666;
    position: relative;
    text-align: left
}

.stripe-product-selector img {
    margin-bottom: 25px
}

@media only screen and (min-width: 37.5em) {
    .stripe-product-selector img {
        margin-bottom: 0
    }
}

.stripe-product-selector h1 {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 26px;
    font-weight: bold;
    color: #666;
    font-family: "FiraSans",sans-serif
}

.stripe-product-selector p {
    font-size: 15px;
    line-height: 22px;
    font-family: "FiraSans",sans-serif
}

.stripe-product-selector__merchant-name {
    font-weight: bold;
    margin-bottom: 10px
}

.stripe-product-selector__description {
    margin-bottom: 32px
}

.stripe-product-selector__sku-dropdown {
    position: relative;
    display: inline-block;
    margin-bottom: 25px
}

.stripe-product-selector__sku-dropdown .dropdown-fitted {
    max-width: none;
    display: none
}

@media only screen and (min-width: 37.5em) {
    .stripe-product-selector__sku-dropdown .dropdown-fitted {
        display: block
    }
}

.stripe-product-selector__sku-dropdown .stripe-dropdown__button {
    width: 100%;
    background: none;
    font-family: "FiraSans",sans-serif;
    font-size: 15px;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 2px;
    text-align: left;
    transition: none;
    line-height: normal;
    padding: 0 12px
}

.stripe-product-selector__sku-dropdown .stripe-dropdown__button svg {
    stroke: #333
}

.stripe-product-selector__sku-dropdown .stripe-dropdown__button[aria-expanded=true] {
    border-color: #72ad75;
    color: #72ad75
}

.stripe-product-selector__sku-dropdown .stripe-dropdown__button[aria-expanded=true] svg {
    stroke: #72ad75
}

.stripe-product-selector__sku-dropdown .stripe-dropdown__container {
    width: calc(100% - 1.125rem);
    max-width: 100%;
    border: 1px solid #ccc;
    border-radius: 2px;
    text-align: left;
    padding: 14px 0;
    font-size: 15px;
    color: #666;
    margin-top: 6px;
    font-family: "FiraSans",sans-serif
}

.stripe-product-selector__sku-dropdown .stripe-dropdown__container li {
    padding-left: 14px
}

.stripe-product-selector__sku-dropdown .stripe-dropdown__container li:last-child {
    padding-bottom: 0
}

.stripe-product-selector__sku-dropdown .low-stock,.stripe-product-selector__sku-dropdown .oos {
    font-style: italic;
    font-family: "FiraSans",sans-serif
}

.stripe-product-selector .counter {
    font-size: 22px;
    font-family: "FiraSans",sans-serif;
    line-height: 32px;
    margin-bottom: 21px;
    text-align: center
}

@media only screen and (min-width: 50em) {
    .stripe-product-selector .counter {
        margin-bottom: 0
    }
}

.stripe-product-selector .counter span {
    font-size: 22px;
    font-family: "FiraSans",sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 5px;
    color: #666
}

.stripe-product-selector .counter span svg {
    stroke: #72ad75;
    opacity: 1
}

.stripe-product-selector .counter__minus,.stripe-product-selector .counter__plus {
    cursor: pointer
}

.stripe-product-selector .counter__minus.disabled svg,.stripe-product-selector .counter__plus.disabled svg {
    stroke: #666
}

.stripe-product-selector .counter__value {
    width: 25px;
    display: inline-block;
    text-align: center
}

.stripe-product-selector__price {
    font-size: 22px;
    margin-bottom: 31px;
    color: #666;
    font-family: "FiraSans",sans-serif;
    text-align: center
}

@media only screen and (min-width: 37.5em) {
    .stripe-product-selector__price {
        text-align: left
    }
}

.stripe-product-selector__price .final-price {
    color: #72ad75;
    font-weight: bold
}

@media only screen and (min-width: 37.5em) {
    .stripe-product-selector__price .final-price {
        margin-right: 15px
    }
}

.stripe-product-selector__price .original-price {
    text-decoration: line-through
}

.stripe-product-selector__price .discount-amount,.stripe-product-selector__price .original-price {
    color: #aaa
}

.stripe-product-selector__price .discount-indicator {
    display: block
}

@media only screen and (min-width: 37.5em) {
    .stripe-product-selector__price .discount-indicator {
        display: inline
    }
}

.stripe-product-selector__price .applied-at-checkout {
    font-size: 13px;
    font-weight: normal
}

.stripe-product-selector .button--commerce {
    display: block;
    margin: 0 auto 50px
}

@media only screen and (min-width: 37.5em) {
    .stripe-product-selector .button--commerce {
        display: inline-block
    }
}

.stripe-product-selector .loading {
    -ms-flex-pack: center;
    justify-content: center;
    height: 300px
}

.stripe-product-selector .loading,.stripe-product-selector__logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.stripe-product-selector__logo {
    position: absolute;
    right: 0;
    bottom: -25px;
    padding: 10px;
    font-size: 11px;
    line-height: 11px;
    color: #aaa
}

.stripe-product-selector__logo svg {
    height: 11px;
    width: 35px;
    fill: #aaa
}

@media only screen and (min-width: 50em) {
    .stripe-product-selector__logo {
        right: -50px;
        bottom: -50px
    }
}

.stripe-form-view h1,.stripe-review h1 {
    font-weight: bold;
    color: #666;
    text-align: center;
    margin-bottom: 35px
}

.stripe-form-view h1,.stripe-review h1,.stripe-form-view input,.stripe-review input {
    font-size: 22px;
    font-family: "FiraSans",sans-serif
}

.stripe-form-view__border,.stripe-review__border {
    border: 1px solid #ccc;
    border-radius: 5px;
    position: relative;
    padding: 20px 0;
    margin: 0 8px 33px
}

@media only screen and (min-width: 64em) {
    .stripe-form-view__border,.stripe-review__border {
        padding: 40px 27px;
        margin: 0 0 33px
    }
}

.stripe-form-view__border-logo,.stripe-review__border-logo {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    top: -20px;
    left: 50%;
    margin-left: -42px;
    padding: 5px;
    background: #fff;
    -ms-flex-align: center;
    align-items: center
}

.stripe-form-view__border-logo .svg-stripe-logo,.stripe-review__border-logo .svg-stripe-logo {
    fill: #ccc;
    height: 30px;
    width: 48px;
    margin-right: 8px
}

.stripe-form-view__border div:last-child,.stripe-review__border div:last-child {
    margin-bottom: 0
}

.stripe-form-view__order-details-wrapper,.stripe-review__order-details-wrapper {
    padding-left: 18px;
    padding-right: 18px
}

.stripe-form-view__product-info-row,.stripe-review__product-info-row {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 8px
}

.stripe-form-view__product-info-row+tr .stripe-form-view__order-details-left,.stripe-review__product-info-row+tr .stripe-form-view__order-details-left {
    padding-top: 16px
}

.stripe-form-view__product-info-row+tr .stripe-form-view__order-details-price,.stripe-review__product-info-row+tr .stripe-form-view__order-details-price {
    padding-top: 8px
}

.stripe-form-view__product-info,.stripe-review__product-info {
    padding-right: 32px;
    padding-bottom: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end
}

@media only screen and (min-width: 50em) {
    .stripe-form-view__product-info,.stripe-review__product-info {
        -ms-flex-align: center;
        align-items: center
    }
}

.stripe-form-view__product-image-and-name,.stripe-review__product-image-and-name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-align: center;
    align-items: center;
    color: #666
}

@media only screen and (max-width: 49.938em) {
    .stripe-form-view__product-image-and-name,.stripe-review__product-image-and-name {
        padding: 0 18px 18px;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width: 50em) {
    .stripe-form-view__product-image-and-name--mobile,.stripe-review__product-image-and-name--mobile {
        display: none
    }
}

@media only screen and (max-width: 49.938em) {
    .stripe-form-view__product-image-and-name--desktop,.stripe-review__product-image-and-name--desktop {
        display: none
    }
}

.stripe-form-view__product-image,.stripe-review__product-image {
    max-height: 93px
}

.stripe-form-view__product-name,.stripe-review__product-name {
    padding-left: 16px;
    text-align: left
}

.stripe-form-view__quantity,.stripe-review__quantity {
    font-size: 22px
}

@media only screen and (max-width: 37.438em) {
    .stripe-form-view__quantity,.stripe-review__quantity {
        width: 100%;
        text-align: right
    }
}

.stripe-form-view__order-details,.stripe-review__order-details {
    border-collapse: collapse
}

.stripe-form-view__order-details-left,.stripe-review__order-details-left {
    padding: 8px 32px 8px 18px;
    width: 100%;
    font-size: 15px;
    text-align: right
}

.stripe-form-view__order-details-price,.stripe-review__order-details-price {
    font-size: 22px
}

.stripe-form-view__order-details-price--original,.stripe-review__order-details-price--original {
    padding-bottom: 8px
}

.stripe-form-view__order-details-price--total,.stripe-review__order-details-price--total {
    color: #72ad75;
    font-weight: bold
}

.stripe-form-view .field,.stripe-review .field {
    padding: 0
}

.stripe-form-view__billing h2,.stripe-form-view__shipping h2,.stripe-review__billing h2,.stripe-review__shipping h2 {
    margin-bottom: 35px;
    margin-top: 35px;
    font-size: 22px;
    color: #666;
    font-weight: normal
}

.stripe-form-view__billing--final,.stripe-form-view__shipping--final,.stripe-review__billing--final,.stripe-review__shipping--final {
    font-family: "FiraSans",sans-serif;
    text-align: left
}

.stripe-form-view__billing--final h2,.stripe-form-view__shipping--final h2,.stripe-review__billing--final h2,.stripe-review__shipping--final h2 {
    margin-bottom: 35px
}

.stripe-form-view__billing--final p,.stripe-form-view__shipping--final p,.stripe-review__billing--final p,.stripe-review__shipping--final p {
    margin: 5px 0;
    font-size: 17px;
    color: #aaa;
    line-height: 22px
}

@media only screen and (min-width: 50em) {
    .stripe-form-view__billing--final p,.stripe-form-view__shipping--final p,.stripe-review__billing--final p,.stripe-review__shipping--final p {
        font-size: 22px
    }
}

.stripe-form-view .email,.stripe-review .email {
    font-family: "FiraSans",sans-serif;
    margin: 0 0 35px;
    font-size: 17px;
    color: #aaa;
    line-height: 22px;
    text-align: left
}

@media only screen and (min-width: 50em) {
    .stripe-form-view .email,.stripe-review .email {
        font-size: 17px
    }
}

.stripe-form-view .card-info,.stripe-review .card-info {
    font-family: "FiraSans",sans-serif;
    font-size: 17px;
    color: #aaa;
    line-height: 22px;
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (min-width: 50em) {
    .stripe-form-view .card-info,.stripe-review .card-info {
        font-size: 22px;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.stripe-form-view .card-info span,.stripe-review .card-info span {
    display: inline-block
}

@media only screen and (min-width: 50em) {
    .stripe-form-view .card-info span,.stripe-review .card-info span {
        margin-right: 23px
    }
}

.stripe-form-view .card-info span:last-child,.stripe-review .card-info span:last-child {
    margin-right: 0
}

.stripe-form-view .expiration-date,.stripe-review .expiration-date {
    display: -ms-flexbox;
    display: flex
}

.stripe-form-view .expiration-date input,.stripe-review .expiration-date input {
    padding-right: 0
}

.stripe-form-view__billing,.stripe-review__billing {
    margin-bottom: 35px
}

.stripe-form-view .same-address,.stripe-review .same-address {
    font-family: "FiraSans",sans-serif;
    text-align: left;
    font-size: 15px;
    margin: 33px 0
}

.stripe-form-view .buttons,.stripe-review .buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.stripe-form-view__providers,.stripe-review__providers {
    max-width: 400px;
    margin: 15px auto 0
}

.stripe-form-view .stripe-form-view__provider,.stripe-review .stripe-form-view__provider {
    display: inline-block;
    float: left;
    max-width: 22%;
    margin: 0 1%;
    max-height: 40px
}

.stripe-form-view .stripe-form-view__provider svg,.stripe-review .stripe-form-view__provider svg {
    fill: #ccc;
    width: 100%;
    max-height: 40px
}

@media only screen and (min-width: 50em) {
    .stripe-form-view .stripe-form-view__provider,.stripe-review .stripe-form-view__provider {
        margin-left: 7px;
        margin-right: 7px
    }

    .stripe-form-view .stripe-form-view__provider--stripe,.stripe-review .stripe-form-view__provider--stripe {
        max-width: 126px
    }

    .stripe-form-view .stripe-form-view__provider--visa,.stripe-review .stripe-form-view__provider--visa {
        max-width: 70px
    }

    .stripe-form-view .stripe-form-view__provider--mastercard,.stripe-review .stripe-form-view__provider--mastercard {
        max-width: 66px
    }

    .stripe-form-view .stripe-form-view__provider--amex,.stripe-review .stripe-form-view__provider--amex {
        max-width: 48px
    }
}

.stripe-confirmation {
    font-family: "FiraSans",sans-serif
}

.stripe-confirmation h1 {
    font-size: 22px;
    font-weight: bold;
    color: #666;
    text-align: center;
    margin-bottom: 50px
}

.stripe-confirmation img {
    display: block;
    margin: 0 auto;
    max-height: 150px;
    margin-bottom: 50px
}

.stripe-confirmation p {
    color: #666;
    margin: 0 20px 35px;
    text-align: center
}

@media only screen and (min-width: 50em) {
    .stripe-confirmation p {
        max-width: 405px;
        margin: 0 auto 35px
    }
}

.commerce-green {
    color: #72ad75
}

.commerce-inset--v2 .commerce-inset {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #72ad75;
    max-width: 636px;
    margin: 50px auto 62px;
    font-family: "FiraSans",sans-serif
}

.commerce-inset--v2 .commerce-inset.commerce-inset--list {
    border: 0;
    margin: -10px auto 15px;
    -ms-flex-direction: row;
    flex-direction: row
}

.commerce-inset--v2 .commerce-inset.commerce-inset--list .commerce-inset__element--middle {
    text-align: left
}

.commerce-inset--v2 .commerce-inset.commerce-inset--list h2 {
    font-size: 16px
}

.commerce-inset--v2 .commerce-inset.commerce-inset--list h2 a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 100%
}

.commerce-inset--v2 .commerce-inset.commerce-inset--list>a:hover {
    text-decoration: none
}

.commerce-inset--v2 .commerce-inset.commerce-inset--list .commerce-inset__badge {
    height: 44px;
    width: 44px;
    min-width: 44px;
    border-radius: 44px;
    position: relative;
    top: -3px;
    left: auto;
    font-size: 16px
}

.commerce-inset--v2 .commerce-inset__badge {
    height: 55px;
    width: 55px;
    min-width: 55px;
    border-radius: 55px;
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: -19px;
    left: -17px;
    color: #fff;
    background: #72ad75;
    font-size: 20px;
    z-index: 1
}

.commerce-inset--v2 .commerce-inset__badge:hover {
    color: #fff;
    text-decoration: none
}

.commerce-inset--v2 .commerce-inset__badge svg {
    width: 34px;
    height: 34px;
    stroke: #fff;
    opacity: 0.8;
    margin: 0
}

.commerce-inset--v2 .commerce-inset__content-wrapper {
    display: -ms-flexbox;
    display: flex
}

.commerce-inset--v2 .commerce-inset__element {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 10px;
    color: #666
}

.commerce-inset--v2 .commerce-inset__element.commerce-inset__element--image {
    min-width: 118px;
    max-width: 180px;
    margin: 0 10px
}

.commerce-inset--v2 .commerce-inset__element.commerce-inset__element--image a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.commerce-inset--v2 .commerce-inset__element.commerce-inset__element--image .magnifier {
    display: none
}

.commerce-inset--v2 .commerce-inset__element.commerce-inset__element--middle {
    -ms-flex: 1 3 auto;
    flex: 1 3 auto;
    -ms-flex-direction: column;
    flex-direction: column
}

.commerce-inset--v2 .commerce-inset__element.commerce-inset__element--cta {
    margin-right: 16px;
    min-width: 100px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.commerce-inset--v2 .commerce-inset__element.commerce-inset__element--cta a.button {
    padding-left: 1em;
    padding-right: 1em;
    background-color: #f5c056;
    color: #000;
    white-space: nowrap
}

.commerce-inset--v2 h2 {
    font-family: "FiraSans",sans-serif;
    font-size: 20px;
    color: #666;
    margin: 0
}

.commerce-inset--v2 h2 a,.commerce-inset--v2 h2 a:hover {
    color: #666
}

.commerce-inset--v2 .commerce-inset__byline {
    font-size: 13px
}

.commerce-inset--v2 .commerce-inset__misc {
    font-size: 12px
}

.commerce-inset--v2 .commerce-inset__product-image {
    height: 75%;
    width: 75%
}

.commerce-inset--v2 .commerce-inset__no-image svg {
    height: 75px;
    width: 90px;
    stroke: #72ad75;
    opacity: 0.5;
    margin: 0
}

.commerce-inset--v2 .commerce-inset__provider-name {
    display: inline-block;
    line-height: 1;
    font-weight: bold
}

.commerce-inset--v2 .commerce-inset__provider-name:first-letter {
    text-transform: uppercase
}

.commerce-inset--v2 .commerce-inset__disclosure {
    font-weight: bold;
    display: inline-block
}

.commerce-inset--v2 .commerce-inset__promocode {
    display: inline-block
}

.commerce-inset--v2 .commerce-inset__separator {
    margin-left: 8px;
    padding-left: 10px;
    line-height: 1.2;
    border-left: 1px solid #666
}

.commerce-inset--v2 .commerce-inset__social-proof {
    color: #72ad75;
    margin-right: 6px;
    font-weight: bold;
    display: inline-block
}

.commerce-inset--v2 .commerce-inset__provider-label {
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 12px;
    line-height: 1;
    color: #666;
    text-decoration: none
}

.commerce-inset--v2 .commerce-inset__provider-label:before {
    content: '';
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2227%22%20height%3D%2227%22%20viewBox%3D%220%200%2027%2027%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%3C%2Ftitle%3E%3Cg%20fill%3D%22%23F6C14C%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M5.473%202.25H25.19c.604%200%201.094-.504%201.094-1.125%200-.62-.49-1.125-1.095-1.125H5.472c-.605%200-1.095.504-1.095%201.125%200%20.62.49%201.125%201.095%201.125z%22%2F%3E%3Cpath%20d%3D%22M1.868%2026.67L25.963%201.92a1.147%201.147%200%200%200%200-1.59%201.074%201.074%200%200%200-1.548%200L.32%2025.08a1.147%201.147%200%200%200%200%201.59c.428.44%201.12.44%201.548%200z%22%2F%3E%3Cpath%20d%3D%22M26.635%2021.764V1.5c0-.62-.49-1.125-1.094-1.125-.604%200-1.094.504-1.094%201.125v20.264c0%20.62.49%201.125%201.095%201.125s1.095-.505%201.095-1.126z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    width: 27px;
    height: 27px;
    display: block;
    text-align: right;
    position: absolute;
    top: -30px;
    right: 0
}

@media (max-width: 600px) {
    .commerce-inset--v2 .commerce-inset {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .commerce-inset--v2 h2 {
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 7px
    }

    .commerce-inset--v2 .commerce-inset__product-image {
        width: 100%;
        height: 100%
    }

    .commerce-inset--v2 .commerce-inset__element.commerce-inset__element--image {
        max-height: 180px;
        max-width: none;
        margin: 10px
    }

    .commerce-inset--v2 .commerce-inset__element.commerce-inset__element--middle {
        text-align: center
    }

    .commerce-inset--v2 .commerce-inset__element.commerce-inset__element--middle div+div {
        margin-top: 7px
    }

    .commerce-inset--v2 .commerce-inset__element.commerce-inset__element--cta {
        margin-bottom: 21px;
        -ms-flex-pack: center;
        justify-content: center
    }

    .commerce-inset--v2 .commerce-inset__content-wrapper {
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: hidden
    }

    .commerce-inset--v2 .commerce-inset__byline>span,.commerce-inset--v2 .commerce-inset__misc>span {
        display: block;
        line-height: 1.2
    }

    .commerce-inset--v2 .commerce-inset__byline>span+span,.commerce-inset--v2 .commerce-inset__misc>span+span {
        margin-top: 7px
    }

    .commerce-inset--v2 .commerce-inset__separator {
        display: none
    }
}