diply.com.css

.card,.card.primary {
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    overflow: hidden
}

.card img,.card.alert img,.card.dark img,.card.primary img,.card.success img,.card.warning img,.feed-item img {
    width: 100%
}

.footer-nav ul,.view-more-button ul {
    list-style-type: none;
    list-style-position: outside;
    letter-spacing: normal
}

meta.foundation-version {
    font-family: "1.1.0"
}

meta.foundation-mq {
    font-family: "small=0&medium=40rem&large=75rem&xlarge=90rem&xxlarge=120rem"
}

.card {
    border: 1px solid #ededed;
    margin-bottom: .5rem;
    background: #fff;
    color: #000;
    border-radius: 4px
}

.card h1,.card h2,.card h3,.card h4,.card h5,.card h6 {
    color: inherit
}

.card ul {
    margin-bottom: 0
}

.card.primary {
    border: 0;
    margin-bottom: .5rem;
    background: #00558b;
    color: #fff;
    border-radius: 4px
}

.card.primary h1,.card.primary h2,.card.primary h3,.card.primary h4,.card.primary h5,.card.primary h6 {
    color: inherit
}

.card.primary ul {
    margin-bottom: 0
}

.card.primary .card-divider {
    background: #0065a5;
    padding: 1rem
}

.card.success {
    border: 0;
    margin-bottom: .5rem;
    background: #43AC6A;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    overflow: hidden
}

.card.alert,.card.warning {
    border: 0;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0,0,0,.2)
}

.card.success h1,.card.success h2,.card.success h3,.card.success h4,.card.success h5,.card.success h6 {
    color: inherit
}

.card.success ul {
    margin-bottom: 0
}

.card.success .card-divider {
    background: #4ab873;
    padding: 1rem
}

.card.warning {
    margin-bottom: .5rem;
    background: #F08A24;
    color: #fff;
    border-radius: 4px
}

.card.warning h1,.card.warning h2,.card.warning h3,.card.warning h4,.card.warning h5,.card.warning h6 {
    color: inherit
}

.card.warning ul {
    margin-bottom: 0
}

.card.warning .card-divider {
    background: #f19233;
    padding: 1rem
}

.card.alert {
    margin-bottom: .5rem;
    background: #F04124;
    color: #fff;
    border-radius: 4px
}

.card.alert h1,.card.alert h2,.card.alert h3,.card.alert h4,.card.alert h5,.card.alert h6 {
    color: inherit
}

.card.alert ul {
    margin-bottom: 0
}

.card.alert .card-divider {
    background: #f14e33;
    padding: 1rem
}

.card.dark {
    border: 0;
    margin-bottom: .5rem;
    background: #232323;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    overflow: hidden
}

.card.dark h1,.card.dark h2,.card.dark h3,.card.dark h4,.card.dark h5,.card.dark h6 {
    color: inherit
}

.card.dark ul {
    margin-bottom: 0
}

.card.dark .card-divider {
    background: #323232;
    padding: 1rem
}

.card-divider {
    background: #ededed;
    padding: 1rem
}

.card-section {
    padding: 1rem
}

.feed-item {
    border: none;
    background: #fff;
    color: #000;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 25rem;
    -ms-flex-preferred-size: 25rem;
    flex-basis: 25rem;
    max-width: 25rem;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: visible;
    margin: .9375rem .5rem;
    padding: 0
}

.feed-item h1,.feed-item h2,.feed-item h3,.feed-item h4,.feed-item h5,.feed-item h6 {
    color: inherit
}

.feed-item ul {
    margin-bottom: 0
}

@media (min-width:48rem) {
    .feed-item {
        margin: .9375rem .625rem;
        -webkit-flex-basis: 19.6875rem;
        -ms-flex-preferred-size: 19.6875rem;
        flex-basis: 19.6875rem;
        max-width: 19.6875rem;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch
    }
}

@media (min-width:64rem) {
    .feed-item {
        margin: .625rem;
        -webkit-flex-basis: 18.6875rem;
        -ms-flex-preferred-size: 18.6875rem;
        flex-basis: 18.6875rem;
        max-width: 18.6875rem;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch
    }
}

@media (min-width:75rem) {
    .feed-item {
        margin: .5rem;
        -webkit-flex-basis: 19.6875rem;
        -ms-flex-preferred-size: 19.6875rem;
        flex-basis: 19.6875rem;
        max-width: 19.6875rem;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch
    }
}

.feed-item.article .trending-wrap {
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: 555
}

.feed-item.article .trending-wrap svg {
    width: 25px;
    height: 25px
}

.feed-item.article .card-image {
    background-position: center;
    background-size: cover;
    position: relative;
    height: 175px;
    overflow: hidden;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.feed-item.article.featured .card-image {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.feed-item.article .card-identity {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.feed-item.article .card-follow-wrap {
    position: relative;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.feed-item.article .feed-item-info {
    padding: .75rem .75rem .5rem;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.feed-item.article .feed-item-info .publication-avatar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex-basis: 60px;
    -ms-flex-preferred-size: 60px;
    flex-basis: 60px;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    border: 3px solid #f4f4f4;
    overflow: hidden;
    box-shadow: 1px 0 10px rgba(5,5,5,.4);
    margin-right: .4375rem;
    margin-top: -1.875rem;
    margin-bottom: .625rem
}

.feed-item.article .feed-item-info .publication-avatar img {
    width: 100%
}

.feed-item.article .feed-item-info .content-text {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    font-size: .75rem;
    color: #999
}

.feed-item.article .feed-item-info .content-text a {
    color: #999;
    text-decoration: none
}

.feed-item.article .feed-item-info .content-text a:hover {
    color: #0074c7
}

.feed-item.article .feed-item-info .content-text .meta-pub {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: .125rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.feed-item.article .feed-item-info .content-text .published {
    padding-right: 8px
}

.feed-item.article .feed-item-info .content-text .trending svg {
    width: 13px;
    height: 13px;
    fill: #CCC;
    margin: 0 2px -2px 5px;
    display: none
}

.feed-item.article .feed-item-info .excerpt-card,.feed-item.article .feed-item-info .feed-title {
    margin-bottom: .5rem;
    font-family: Arimo,Raleway-Medium,Raleway,"Open Sans","Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif
}

.feed-item.article .feed-item-info .feed-title {
    font-size: 1rem;
    color: #3b454f;
    margin-top: 0;
    line-height: 1.125;
    font-weight: 900
}

.feed-item.article .feed-item-info .excerpt-card {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.0625rem;
    line-height: 1.2;
    color: #6b7177;
    overflow: hidden
}

.feed-item.article .feed-item-info .card-meta {
    font-size: .75rem;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 320px;
    white-space: nowrap;
    line-height: 1.25
}

.feed-item.article .feed-item-info .meta-pub-auth .embellishment {
    min-width: 1.0625rem
}

.feed-item.article .feed-item-info .meta-pub-auth .author {
    margin-right: .1875rem
}

.feed-item.article .feed-item-info .meta-category .embellishment {
    min-width: .9375rem
}

.feed-item.article .feed-item-info .meta-news-date {
    font-family: Arimo,Raleway-Reg,Raleway,"Open Sans","Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
    font-size: .75rem;
    margin-bottom: .3125rem;
    margin-top: .125rem
}

.feed-item .card-basement {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.feed-item .card-basement .publication-logo-wrap {
    position: relative;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-basis: 100px;
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
    height: 1.875rem;
    opacity: 0;
    display: none
}

.feed-item .card-basement .publication-logo-wrap img {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: auto;
    max-width: 6.25rem;
    max-height: 1.875rem
}

.feed-item .card-basement .publication-logo-wrap a.publication-logo {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .35
}

.feed-item .card-basement .publication-logo-wrap a.publication-logo svg {
    width: 100%;
    height: 1.875rem;
    max-width: 6.25rem;
    max-height: 1.875rem
}

.feed-item .card-basement .card-interaction {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.home-page .card-basement {
    display: none
}

.feed-feature {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:64rem) {
    .feed-feature {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.feed-feature .feed-item .feed-item-info {
    padding: .75rem .75rem 1.5625rem
}

.feed-feature .feed-item .feed-item-info .feed-title {
    font-size: 1.125rem
}

@media (min-width:75rem) {
    .feed-feature .feed-item {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: 22.125rem
    }

    .feed-feature .feed-item .feed-item-info .feed-title {
        font-size: 1.375rem
    }
}

@media (min-width:48rem) {
    .feed-feature .sub-feed {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:64rem) {
    .feed-feature .sub-feed {
        display: initial;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.feed-feature.video {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (min-width:64rem) {
    .feed-feature.video {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.feed-feature.video .feed-item {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (min-width:48rem) {
    .feed-feature.video .feed-item {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: 90%;
        min-width: 90%
    }
}

@media (min-width:64rem) {
    .feed-feature.video .feed-item {
        max-width: 33.75rem;
        min-width: auto
    }
}

.feed-feature.video .feed-item .card-image {
    height: auto;
    min-height: 8.125rem;
    width: 8.125rem;
    min-width: 8.125rem
}

.feed-feature.video .feed-item .feed-item-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.125rem 1.25rem .5rem
}

.feed-feature.video .feed-item .feed-item-info .content-text .card-meta {
    max-width: none;
    white-space: normal;
    display: none
}

.feed-feature.video .feed-item .feed-item-info .content-text .feed-title {
    font-size: 1.0625rem;
    margin-bottom: .75rem
}

@media (min-width:48rem) {
    .feed-feature.video .feed-item .card-image {
        width: 10.625rem;
        min-width: 10.625rem
    }

    .feed-feature.video .feed-item .feed-item-info .content-text .card-meta {
        display: inherit
    }

    .feed-feature.video .feed-item .feed-item-info .content-text .feed-title {
        font-size: 1.3125rem
    }
}

.feed-feature.video .feed-item .feed-item-info,.feed-feature.video .feed-item _:-ms-lang(x) {
    display: inline
}

.feed-feature.video .featured {
    -webkit-flex-basis: 25rem;
    -ms-flex-preferred-size: 25rem;
    flex-basis: 25rem;
    max-width: 25rem;
    min-height: 20.625rem;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden
}

.feed-feature.video .featured::before {
    content: '';
    background: linear-gradient(to bottom,transparent 0,rgba(0,0,0,.75) 100%);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%
}

.feed-feature.video .featured .card-play {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.feed-feature.video .featured .card-play .play-btn {
    position: absolute;
    bottom: 50%;
    left: 50%;
    margin-left: -38px;
    margin-top: -38px
}

.feed-feature.video .featured .card-play .play-btn svg {
    width: 75px;
    height: 75px
}

.feed-feature.video .featured .content-text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.feed-feature.video .featured .meta-more {
    text-transform: uppercase;
    color: #fff;
    font-family: Arimo-Bold,Raleway-Bold,Raleway,"Open Sans","Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
    font-size: .875rem;
    padding: .5rem 0
}

@media (min-width:48rem) {
    .feed-feature.video .featured {
        max-width: 90%;
        min-width: 90%
    }

    .feed-feature.video .featured .card-play .play-btn svg {
        width: 80px;
        height: 80px
    }

    .feed-feature.video .featured .content-text {
        margin-top: 1rem
    }

    .feed-feature.video .featured .meta-more {
        padding: 1rem 0
    }
}

.feed-feature.video .featured .meta-more:after {
    content: "\203A \203A";
    font-size: 1.125rem;
    margin-left: .25rem
}

.feed-feature.video .featured .feed-item-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 0
}

.feed-feature.video .featured.feed-item .feed-item-info {
    padding-bottom: 1.25rem
}

.feed-feature.video .featured.feed-item .feed-item-info .feed-title {
    color: #fff;
    margin-bottom: .75rem;
    font-size: 1.3125rem
}

@media (min-width:48rem) {
    .feed-feature.video .featured.feed-item .feed-item-info .feed-title {
        font-size: 1.5625rem
    }
}

.feed-feature.video .featured.feed-item .feed-item-info .content-text .card-meta {
    display: inherit
}

.feed-feature.mini {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (min-width:64rem) {
    .feed-feature.video .featured {
        max-width: 33.75rem;
        min-width: auto;
        min-height: 31.25rem
    }

    .feed-feature.mini {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.feed-feature.mini .feed-category {
    margin: .5rem .7rem 0;
    text-transform: uppercase;
    color: #0074c7;
    font-size: .75rem;
    font-weight: 900;
    width: 100%
}

@media (min-width:48rem) {
    .feed-feature.mini .feed-category {
        width: 90%;
        text-align: center
    }
}

@media (min-width:75rem) {
    .feed-feature.video .featured.feed-item .feed-item-info {
        padding-bottom: 1.875rem
    }

    .feed-feature.mini {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .feed-feature.mini .feed-category {
        width: 100%;
        text-align: left
    }
}

.cta-title,.dad-spot,.footer-nav,.footer-nav li,.view-more-button {
    text-align: center
}

.feed-feature.mini .feed-item {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-width: auto
}

.feed-feature.mini .feed-item .card-image {
    height: auto;
    min-height: 5.3125rem;
    width: 9.375rem;
    min-width: 9.375rem
}

@media (min-width:48rem) {
    .feed-feature.mini .feed-item {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: 10.3125rem;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .feed-feature.mini .feed-item .card-image {
        width: auto
    }
}

.feed-feature.mini .feed-item .feed-item-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .9375rem .9375rem .5rem
}

.feed-feature.mini .feed-item .feed-item-info .content-text .card-meta {
    display: none
}

.feed-feature.mini .feed-item .feed-item-info .content-text .feed-title {
    font-size: .875rem;
    margin-bottom: .75rem
}

.feed-feature.mini .feed-item .feed-item-info,.feed-feature.mini .feed-item _:-ms-lang(x) {
    display: inline
}

.feed-item .article span .play-btn {
    position: absolute
}

.play-btn {
    z-index: 555;
    position: absolute;
    bottom: 50%;
    left: 50%;
    margin-left: -25px;
    margin-bottom: -25px
}

.play-btn svg {
    fill: rgba(0,116,199,.75);
    width: 50px;
    height: 50px
}

.play-btn svg .play {
    fill: #fff
}

.home-page .home-view {
    overflow: auto;
    width: 100%
}

.dad-spot,.home-page .home-view .feed {
    overflow: hidden
}

@media (min-width:75rem) {
    .home-page .feed-item {
        -webkit-flex-basis: 21.875rem;
        -ms-flex-preferred-size: 21.875rem;
        flex-basis: 21.875rem;
        max-width: 21.875rem
    }
}

@media (min-width:48rem) {
    .feed-feature.mini .feed-item .feed-item-info {
        padding: .75rem .75rem .5rem
    }

    .home-page .card-basement {
        display: none
    }
}

.dad-spot {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: .84375rem 0;
    width: 100%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    max-width: 100%
}

.dad-spot-header {
    margin-top: 1.25rem
}

.dad-spot .da-center {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
    font-size: 10px;
    color: #969696;
    text-transform: uppercase;
    letter-spacing: normal;
    padding: .375rem 0
}

.must-read-info .feed-title,.must-read-title {
    font-family: Arimo,Raleway-Medium,Raleway,"Open Sans","Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif
}

.cta {
    margin: 0 -1rem;
    background-color: #fff;
    padding: 1.25rem 0 3.75rem
}

.cta-title {
    text-transform: uppercase;
    color: #0074c7
}

.cta-title span {
    font-weight: 900;
    font-size: 1.125rem;
    display: block
}

.close,.modal-content .video-meta .video-title {
    font-weight: 700
}

.cta-carousel {
    overflow-x: auto;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    margin-bottom: 0
}

.modal,body.modal-open {
    overflow: hidden
}

@media (min-width:64rem) {
    .home-page .feed-item {
        min-width: 18.6875rem
    }

    .cta {
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
        box-shadow: inset 0 11px 8px -10px #e7e7e7,inset 0 -11px 8px -10px #e7e7e7;
        padding-bottom: 0
    }

    .cta-title span {
        font-size: 1rem;
        display: inline
    }

    .cta-carousel {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.cta-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 .625rem
}

.cta .feed-item {
    -webkit-flex-basis: 18.75rem;
    -ms-flex-preferred-size: 18.75rem;
    flex-basis: 18.75rem;
    max-width: 18.75rem;
    min-width: 18.75rem
}

.cta .feed-item .feed-item-info {
    padding: 1.875rem .625rem;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cta .feed-item .feed-item-info .sharing-fb {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: rec-calc(4)
}

.cta .feed-item .feed-item-info .sharing-fb svg {
    width: 2.5rem;
    height: 2.125rem
}

@media (min-width:64rem) {
    .cta .feed-item .feed-item-info .sharing-fb svg {
        width: 1.875rem;
        height: 1.5rem
    }
}

.cta .feed-item .feed-item-info .sharing-instagram {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cta .feed-item .feed-item-info .sharing-instagram svg {
    height: 2.5rem;
    fill: #458eff
}

@media (min-width:64rem) {
    .cta .feed-item .feed-item-info .sharing-instagram svg {
        height: 1.875rem
    }
}

.cta .feed-item .feed-item-info .sharing-pin {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-nav ul,.view-more-button {
    display: -webkit-flex;
    display: -ms-flexbox
}

.cta .feed-item .feed-item-info .sharing-pin svg {
    height: 2.5rem;
    fill: #cc2127
}

.cta .feed-item .feed-item-info .soc-btn {
    border: none;
    max-height: 40px;
    transition: all .5s ease;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (min-width:64rem) {
    .cta .feed-item .feed-item-info .sharing-pin svg {
        height: 1.875rem
    }

    .cta .feed-item .feed-item-info .soc-btn {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        padding: 0 .625rem
    }

    .cta .feed-item .feed-item-info .soc-btn,.cta .feed-item .feed-item-info _:-ms-lang(x) {
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 0
    }

    .cta .feed-item {
        -webkit-flex-basis: 19.6875rem;
        -ms-flex-preferred-size: 19.6875rem;
        flex-basis: 19.6875rem;
        max-width: 19.6875rem;
        min-width: 19.6875rem;
        box-shadow: none
    }

    .cta .feed-item .card-image {
        border-radius: .25rem;
        box-shadow: 0 1px 2px rgba(0,0,0,.2)
    }

    .cta .feed-item .feed-item-info {
        padding: .9375rem .625rem
    }
}

.footer-home {
    bottom: 0;
    position: absolute;
    height: auto;
    background: #fff;
    width: 100%;
    box-shadow: 0 -1px 2px rgba(0,0,0,.2)
}

.footer-nav {
    color: #6b7278;
    font-size: .875rem;
    margin: 0 auto;
    padding: 1.25rem 0
}

@media (min-width:75rem) {
    .cta .feed-item {
        -webkit-flex-basis: 21.875rem;
        -ms-flex-preferred-size: 21.875rem;
        flex-basis: 21.875rem;
        max-width: 21.875rem;
        min-width: 21.875rem
    }

    .footer-nav {
        max-width: 75rem
    }
}

.footer-nav ul {
    white-space: nowrap;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-transform: uppercase
}

@media (min-width:64rem) {
    .footer-nav ul {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.footer-nav .menu-bottom {
    max-width: 45rem;
    margin: 0 auto
}

.footer-nav li {
    padding: .3125rem;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.footer-nav li a {
    color: #6b7278;
    font-size: small
}

ul li svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: #6b7278
}

.social-media-wrap {
    width: 18.75rem;
    margin: 0 auto
}

.bottom-feed {
    max-width: 69.9375rem;
    margin: 0 auto
}

.view-more-button {
    color: #0074c7;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    margin-bottom: 1.25rem;
    font-size: 1rem;
    margin-top: -2.5rem
}

.view-more-button ul {
    margin: 0;
    padding: 0;
    cursor: pointer
}

.view-more-button svg {
    fill: #0074c7
}

.icon {
    width: 1.25rem;
    height: 1.25rem
}

.home-view {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-bottom: 9.375rem
}

.home-view .feed-feature {
    margin-bottom: 0
}

@media (min-width:85.625rem) {
    .home-view .feed-feature {
        padding: 0;
        margin: 0
    }
}

.home-view .feed-item {
    margin: .625rem
}

.capitalize {
    text-transform: capitalize
}

.modal {
    display: none;
    position: fixed;
    padding-top: 2.5rem;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
    z-index: 999999
}

.modal-content {
    position: relative;
    margin: auto;
    padding: 0;
    width: 100%
}

@media screen and (orientation:landscape) {
    .modal-content {
        width: 56%;
        height: 100%
    }
}

@media screen and (min-width:47.5rem) and (orientation:portrait) {
    .modal-content {
        max-width: 90%
    }
}

.modal-content .video-info {
    margin-bottom: 1rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:64rem) {
    .home-view .feed-feature {
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column
    }

    .modal-content {
        min-width: 26.25rem;
        max-width: 26.25rem
    }

    .modal-content .video-info {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

@media screen and (orientation:portrait) {
    .modal-content {
        width: 95%
    }

    .modal-content .video-info {
        margin-left: .625rem
    }
}

@media screen and (orientation:landscape) {
    .modal-content .video-info {
        display: none
    }
}

.modal-content .video-player {
    margin: 0 auto;
    text-align: center;
    box-shadow: 0 4px 80px 6px rgba(0,0,0,.85)
}

.modal-content .video-meta {
    padding-left: 1rem;
    color: #aaa
}

.modal-content .video-meta .video-brand {
    padding-bottom: .5rem;
    font-size: small;
    text-transform: capitalize
}

.close {
    color: #aaa;
    position: absolute;
    top: .625rem;
    right: 1.5625rem;
    font-size: 2.1875rem
}

.close:focus,.close:hover {
    color: #999;
    text-decoration: none;
    cursor: pointer
}

.cursor {
    cursor: pointer
}

.hover-shadow:hover {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
}

.feed-feature,_:-ms-lang(x) {
    width: 100%
}

.must-read-wrap {
    margin-top: 1rem;
    display: none;
    padding: 0 1rem 0 0
}

@media (min-width:64rem) {
    .feed-feature,_:-ms-lang(x) {
        width: auto
    }

    .must-read-wrap {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-basis: 25rem;
        -ms-flex-preferred-size: 25rem;
        flex-basis: 25rem;
        margin-bottom: 1rem;
        overflow: visible;
        min-width: 20rem
    }
}

.must-read-title {
    color: #ff8f0a;
    text-transform: uppercase;
    margin: 0 1rem;
    font-size: 1.75rem;
    line-height: 1
}

.must-read-item hr {
    margin: 1.625rem 0 1.125rem
}

.must-read-item:first-of-type hr {
    margin: .5rem 0 1.125rem
}

.must-read-info {
    margin: 0 1rem
}

.must-read-info a {
    text-decoration: none
}

.must-read-info .feed-title {
    font-size: 1rem;
    color: #3b454f;
    line-height: 1.25;
    margin: 0;
    font-weight: 900
}

.must-read-info .excerpt-card,.must-read-info .meta-category a,.must-read-info .meta-news-date {
    font-family: Arimo,Raleway-Reg,Raleway,"Open Sans","Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
    font-size: .75rem
}

.must-read-info .meta-news-date {
    color: #999;
    margin: .25rem 0 .75rem
}

.must-read-info .excerpt-card {
    line-height: 1.2;
    color: #2d2d2d;
    margin-bottom: 1.125rem
}

.must-read-info .meta-category a {
    background-color: #e4e4e4;
    padding: .375rem 1rem;
    border-radius: .25rem;
    color: #000
}

.must-read-info .meta-category a:hover {
    color: #fff;
    background-color: #0074c7
}

@font-face {
    font-family:'Raleway-Black';src:url(Raleway-Black.eot);src:url(Raleway-Black.eot?#iefix) format("embedded-opentype"),url(Raleway-Black.woff) format("woff"),url(Raleway-Black.ttf) format("truetype"),url(Raleway-Black.svg#22dc7f090e7db300b0c09439abad7199) format("svg");font-style:normal;font-weight:400
}

@font-face {
    font-family:'Raleway-Bold';src:url(Raleway-Bold.eot);src:url(Raleway-Bold.eot?#iefix) format("embedded-opentype"),url(Raleway-Bold.woff) format("woff"),url(Raleway-Bold.ttf) format("truetype"),url(Raleway-Bold.svg#4442fe0194c8fbca9fd44d69c555e3ea) format("svg");font-style:normal;font-weight:700
}

@font-face {
    font-family:'Raleway-Light';src:url(Raleway-Light.eot);src:url(Raleway-Light.eot?#iefix) format("embedded-opentype"),url(Raleway-Light.woff) format("woff"),url(Raleway-Light.ttf) format("truetype"),url(Raleway-Light.svg#a629611727a36c86101ab9fa7aceda04) format("svg");font-style:normal;font-weight:200
}

@font-face {
    font-family:'Raleway-Medium';src:url(Raleway-Medium.eot);src:url(Raleway-Medium.eot?#iefix) format("embedded-opentype"),url(Raleway-Medium.woff) format("woff"),url(Raleway-Medium.ttf) format("truetype"),url(Raleway-Medium.svg#830a31480c633d9fd527c9f94e12f322) format("svg");font-style:normal;font-weight:400
}

@font-face {
    font-family:'Raleway-Reg';src:url(Raleway-Regular.eot);src:url(Raleway-Regular.eot?#iefix) format("embedded-opentype"),url(Raleway-Regular.woff) format("woff"),url(Raleway-Regular.ttf) format("truetype"),url(Raleway-Regular.svg#f53cbacd8b0fdfdba3b5d3fcc369dc1c) format("svg");font-style:normal;font-weight:400
}

@font-face {
    font-family:'Raleway-Thin';src:url(Raleway-Thin.eot);src:url(Raleway-Thin.eot?#iefix) format("embedded-opentype"),url(Raleway-Thin.woff) format("woff"),url(Raleway-Thin.ttf) format("truetype"),url(Raleway-Thin.svg#9d88af5bcbe5cc0ab85ffc4f0a7265cc) format("svg");font-style:normal;font-weight:200
}

@font-face {
    font-family:'Arimo';font-style:normal;font-weight:400;src:url(Arimo.woff) format("woff")
}

@font-face {
    font-family:'Arimo';font-style:normal;font-weight:700;src:url(ArimoBold.woff) format("woff")
}

@font-face {
    font-family:'Open-Sans';src:url(OpenSans-Regular.eot);src:url(OpenSans-Regular.eot?#iefix) format("embedded-opentype"),url(OpenSans-Regular.woff) format("woff"),url(OpenSans-Regular.ttf) format("truetype"),url(OpenSans-Regular.svg#dc56f0938c09c27a4156bb0f8f5176a2) format("svg");font-style:normal;font-weight:400
}

@font-face {
    font-family:'Open-Sans';src:url(OpenSans-Italic.eot);src:url(OpenSans-Italic.eot?#iefix) format("embedded-opentype"),url(OpenSans-Italic.woff) format("woff"),url(OpenSans-Italic.ttf) format("truetype"),url(OpenSans-Italic.svg#94c33cdd8f8847f3444990ab6c6e6a61) format("svg");font-style:italic;font-weight:400
}

@font-face {
    font-family:'Open-Sans-Italic';src:url(OpenSans-Italic.eot);src:url(OpenSans-Italic.eot?#iefix) format("embedded-opentype"),url(OpenSans-Italic.woff) format("woff"),url(OpenSans-Italic.ttf) format("truetype"),url(OpenSans-Italic.svg#94c33cdd8f8847f3444990ab6c6e6a61) format("svg");font-style:italic;font-weight:400
}

@font-face {
    font-family:'Open-Sans';src:url(OpenSans-Bold.eot);src:url(OpenSans-Bold.eot?#iefix) format("embedded-opentype"),url(OpenSans-Bold.woff) format("woff"),url(OpenSans-Bold.ttf) format("truetype"),url(OpenSans-Bold.svg#72800b665ba60a9a58674e2a6befde3a) format("svg");font-style:normal;font-weight:700
}

@font-face {
    font-family:'Open-Sans-Bold';src:url(OpenSans-Bold.eot);src:url(OpenSans-Bold.eot?#iefix) format("embedded-opentype"),url(OpenSans-Bold.woff) format("woff"),url(OpenSans-Bold.ttf) format("truetype"),url(OpenSans-Bold.svg#72800b665ba60a9a58674e2a6befde3a) format("svg");font-style:normal;font-weight:700
}

@font-face {
    font-family:'Open-Sans';src:url(OpenSans-BoldItalic.eot);src:url(OpenSans-BoldItalic.eot?#iefix) format("embedded-opentype"),url(OpenSans-BoldItalic.woff) format("woff"),url(OpenSans-BoldItalic.ttf) format("truetype"),url(OpenSans-BoldItalic.svg#739d871936d0f8f5b026e1e8435da2e7) format("svg");font-style:italic;font-weight:700
}

@font-face {
    font-family:'Open-Sans-Bold-Italic';src:url(OpenSans-BoldItalic.eot);src:url(OpenSans-BoldItalic.eot?#iefix) format("embedded-opentype"),url(OpenSans-BoldItalic.woff) format("woff"),url(OpenSans-BoldItalic.ttf) format("truetype"),url(OpenSans-BoldItalic.svg#739d871936d0f8f5b026e1e8435da2e7) format("svg");font-style:italic;font-weight:700
}

@font-face {
    font-family:'Open-Sans-Light';src:url(OpenSans-Light.eot);src:url(OpenSans-Light.eot?#iefix) format("embedded-opentype"),url(OpenSans-Light.woff) format("woff"),url(OpenSans-Light.ttf) format("truetype"),url(OpenSans-Light.svg#09be4bfe8975a657af6444a6f1d73848) format("svg");font-style:normal;font-weight:200
}

@font-face {
    font-family:'Open-Sans-Light';src:url(OpenSans-LightItalic.eot);src:url(OpenSans-LightItalic.eot?#iefix) format("embedded-opentype"),url(OpenSans-LightItalic.woff) format("woff"),url(OpenSans-LightItalic.ttf) format("truetype"),url(OpenSans-LightItalic.svg#fccccf1acf55b11d3e92cdf123b28da0) format("svg");font-style:italic;font-weight:200
}

@font-face {
    font-family:'Open-Sans-Light-Italic';src:url(OpenSans-LightItalic.eot);src:url(OpenSans-LightItalic.eot?#iefix) format("embedded-opentype"),url(OpenSans-LightItalic.woff) format("woff"),url(OpenSans-LightItalic.ttf) format("truetype"),url(OpenSans-LightItalic.svg#fccccf1acf55b11d3e92cdf123b28da0) format("svg");font-style:italic;font-weight:200
}

@font-face {
    font-family:'Open-Sans-Semibold';src:url(OpenSans-Semibold.eot);src:url(OpenSans-Semibold.eot?#iefix) format("embedded-opentype"),url(OpenSans-Semibold.woff) format("woff"),url(OpenSans-Semibold.ttf) format("truetype"),url(OpenSans-Semibold.svg#b96880fafbf6b051ff49d9fe8a31137c) format("svg");font-style:normal;font-weight:700
}

@font-face {
    font-family:'Open-Sans-Semibold';src:url(OpenSans-SemiboldItalic.eot);src:url(OpenSans-SemiboldItalic.eot?#iefix) format("embedded-opentype"),url(OpenSans-SemiboldItalic.woff) format("woff"),url(OpenSans-SemiboldItalic.ttf) format("truetype"),url(OpenSans-SemiboldItalic.svg#32756bd590186a9f248741d5548b466e) format("svg");font-style:italic;font-weight:700
}

@font-face {
    font-family:'Open-Sans-Semibold-Italic';src:url(OpenSans-SemiboldItalic.eot);src:url(OpenSans-SemiboldItalic.eot?#iefix) format("embedded-opentype"),url(OpenSans-SemiboldItalic.woff) format("woff"),url(OpenSans-SemiboldItalic.ttf) format("truetype"),url(OpenSans-SemiboldItalic.svg#32756bd590186a9f248741d5548b466e) format("svg");font-style:italic;font-weight:700
}

@font-face {
    font-family:'Open-Sans-Extrabold';src:url(OpenSans-ExtraBold.eot);src:url(OpenSans-ExtraBold.eot?#iefix) format("embedded-opentype"),url(OpenSans-ExtraBold.woff) format("woff"),url(OpenSans-ExtraBold.ttf) format("truetype"),url(OpenSans-ExtraBold.svg#5c62748eddf7ad78c6f00917cd538fb7) format("svg");font-style:normal;font-weight:700
}

@font-face {
    font-family:'Open-Sans-Extrabold';src:url(OpenSans-ExtraBoldItalic.eot);src:url(OpenSans-ExtraBoldItalic.eot?#iefix) format("embedded-opentype"),url(OpenSans-ExtraBoldItalic.woff) format("woff"),url(OpenSans-ExtraBoldItalic.ttf) format("truetype"),url(OpenSans-ExtraBoldItalic.svg#fddc924bdbf9195f2db7d4f2ca23385f) format("svg");font-style:italic;font-weight:700
}

@font-face {
    font-family:'Open-Sans-Extrabold-Italic';src:url(OpenSans-ExtraBoldItalic.eot);src:url(OpenSans-ExtraBoldItalic.eot?#iefix) format("embedded-opentype"),url(OpenSans-ExtraBoldItalic.woff) format("woff"),url(OpenSans-ExtraBoldItalic.ttf) format("truetype"),url(OpenSans-ExtraBoldItalic.svg#fddc924bdbf9195f2db7d4f2ca23385f) format("svg");font-style:italic;font-weight:700
}/*! normalize.css v3.0.1 | MIT License | git.io/normalize */.main-header-wrap .hamburger-wrap:focus,a:active,a:hover {
    outline: 0
}

dfn,p aside {
    font-style: italic
}

body,sub,sup {
    position: relative
}

h1,h2,h3,h4,h5,h6,p {
    text-rendering: optimizeLegibility
}

.invisible,.mobile-nav-panel {
    visibility: hidden
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

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

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden],template {
    display: none
}

a {
    background: 0 0
}

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

b,optgroup,strong {
    font-weight: 700
}

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

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

.btn,.button,.iconic,img {
    vertical-align: middle
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block
}

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

figure {
    margin: 1em 40px
}

pre,textarea {
    overflow: auto
}

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

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

body,p {
    font-weight: 400
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

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

.btn,.button,[ui-sref],[zf-close],[zf-open],[zf-toggle],a {
    cursor: pointer
}

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

input {
    line-height: normal
}

.btn,.button,body {
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

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

meta.foundation-version {
    font-family: "1.1.0"
}

meta.foundation-mq {
    font-family: "small=0&medium=40rem&large=75rem&xlarge=90rem&xxlarge=120rem"
}

body,html {
    height: 100%;
    font-size: 100%
}

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

body {
    background: #fff;
    color: #222;
    padding: 0;
    margin: 0;
    font-family: Arimo,Raleway-Reg,"Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
    font-style: normal;
    -moz-osx-font-smoothing: grayscale
}

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

.padding {
    padding: 1rem
}

.iconic {
    width: 1rem;
    height: 1rem
}

a>.iconic {
    margin-top: -2px;
    margin-right: .25rem
}

.btn,.button {
    font-size: .9rem;
    display: inline-block;
    margin: 0 1rem 1rem 0
}

.iconic *,.iconic .iconic-property-accent,.iconic-color-primary *,.iconic-color-primary .iconic-property-accent,a>.iconic *,a>.iconic .iconic-property-accent {
    fill: #00558b;
    stroke: #00558b
}

.iconic-color-success *,.iconic-color-success .iconic-property-accent {
    fill: #43AC6A;
    stroke: #43AC6A
}

.iconic-color-warning *,.iconic-color-warning .iconic-property-accent {
    fill: #F08A24;
    stroke: #F08A24
}

.iconic-color-alert *,.iconic-color-alert .iconic-property-accent {
    fill: #F04124;
    stroke: #F04124
}

.iconic-color-dark *,.iconic-color-dark .iconic-property-accent {
    fill: #232323;
    stroke: #232323
}

.iconic-color-secondary *,.iconic-color-secondary .iconic-property-accent {
    fill: #f1f1f1;
    stroke: #f1f1f1
}

.btn,.button {
    border: 0;
    text-align: center;
    -webkit-appearance: none;
    transition: background .25s ease-out;
    padding: .85em 1em;
    border-radius: 0
}

.button {
    width: auto;
    background: #00558b;
    color: #fff
}

.button .iconic,.button.large .iconic,.button.small .iconic,.button.tiny .iconic {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    margin-right: .25em;
    margin-top: -2px
}

.button:focus,.button:hover {
    background: #004876;
    color: #fff
}

.button .iconic *,.button .iconic .iconic-property-accent {
    fill: #fff;
    stroke: #fff
}

.button.tiny {
    font-size: .63rem
}

.button.small {
    font-size: .72rem
}

.button.large {
    font-size: 1.17rem
}

.button.expand {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

.button.secondary {
    background: #f1f1f1;
    color: #000
}

.button.secondary:focus,.button.secondary:hover {
    background: #cdcdcd;
    color: #000
}

.button.secondary .iconic *,.button.secondary .iconic .iconic-property-accent {
    fill: #000;
    stroke: #000
}

.button.alert .iconic *,.button.alert .iconic .iconic-property-accent,.button.success .iconic *,.button.success .iconic .iconic-property-accent,.button.warning .iconic *,.button.warning .iconic .iconic-property-accent {
    fill: #fff;
    stroke: #fff
}

.button.success {
    background: #43AC6A;
    color: #fff
}

.button.success:focus,.button.success:hover {
    background: #39925a;
    color: #fff
}

.button.warning {
    background: #F08A24;
    color: #fff
}

.button.warning:focus,.button.warning:hover {
    background: #dc750f;
    color: #fff
}

.button.alert {
    background: #F04124;
    color: #fff
}

.button.alert:focus,.button.alert:hover {
    background: #dc2c0f;
    color: #fff
}

.button.info {
    background: #A0D3E8;
    color: #000
}

.button.info:focus,.button.info:hover {
    background: #71bddd;
    color: #000
}

.button.info .iconic *,.button.info .iconic .iconic-property-accent {
    fill: #000;
    stroke: #000
}

.button.dark {
    background: #232323;
    color: #fff
}

.button.dark:focus,.button.dark:hover {
    background: #1e1e1e;
    color: #fff
}

.button.dark .iconic *,.button.dark .iconic .iconic-property-accent {
    fill: #fff;
    stroke: #fff
}

.button.hollow {
    border: 1px solid #00558b;
    background: 0 0;
    color: #00558b
}

.button.hollow:focus,.button.hollow:hover {
    border-color: #008ee8;
    background: 0 0;
    color: #008ee8
}

.button.hollow .iconic *,.button.hollow .iconic .iconic-property-accent {
    fill: #00558b;
    stroke: #00558b
}

.button.hollow:hover .iconic *,.button.hollow:hover .iconic .iconic-property-accent {
    fill: #008ee8;
    stroke: #008ee8
}

.button.hollow.secondary {
    border: 1px solid #f1f1f1;
    background: 0 0;
    color: #f1f1f1
}

.button.hollow.secondary:focus,.button.hollow.secondary:hover {
    border-color: #f5f5f5;
    background: 0 0;
    color: #f5f5f5
}

.button.hollow.secondary .iconic *,.button.hollow.secondary .iconic .iconic-property-accent {
    fill: #f1f1f1;
    stroke: #f1f1f1
}

.button.hollow.secondary:hover .iconic *,.button.hollow.secondary:hover .iconic .iconic-property-accent {
    fill: #f5f5f5;
    stroke: #f5f5f5
}

.button.hollow.success {
    border: 1px solid #43AC6A;
    background: 0 0;
    color: #43AC6A
}

.button.hollow.success:focus,.button.hollow.success:hover {
    border-color: #6dc68e;
    background: 0 0;
    color: #6dc68e
}

.button.hollow.success .iconic *,.button.hollow.success .iconic .iconic-property-accent {
    fill: #43AC6A;
    stroke: #43AC6A
}

.button.hollow.success:hover .iconic *,.button.hollow.success:hover .iconic .iconic-property-accent {
    fill: #6dc68e;
    stroke: #6dc68e
}

.button.hollow.warning {
    border: 1px solid #F08A24;
    background: 0 0;
    color: #F08A24
}

.button.hollow.warning:focus,.button.hollow.warning:hover {
    border-color: #f4a75b;
    background: 0 0;
    color: #f4a75b
}

.button.hollow.warning .iconic *,.button.hollow.warning .iconic .iconic-property-accent {
    fill: #F08A24;
    stroke: #F08A24
}

.button.hollow.warning:hover .iconic *,.button.hollow.warning:hover .iconic .iconic-property-accent {
    fill: #f4a75b;
    stroke: #f4a75b
}

.button.hollow.alert {
    border: 1px solid #F04124;
    background: 0 0;
    color: #F04124
}

.button.hollow.alert:focus,.button.hollow.alert:hover {
    border-color: #f4715b;
    background: 0 0;
    color: #f4715b
}

.button.hollow.alert .iconic *,.button.hollow.alert .iconic .iconic-property-accent {
    fill: #F04124;
    stroke: #F04124
}

.button.hollow.alert:hover .iconic *,.button.hollow.alert:hover .iconic .iconic-property-accent {
    fill: #f4715b;
    stroke: #f4715b
}

.button.hollow.info {
    border: 1px solid #A0D3E8;
    background: 0 0;
    color: #A0D3E8
}

.button.hollow.info:focus,.button.hollow.info:hover {
    border-color: #b8deee;
    background: 0 0;
    color: #b8deee
}

.button.hollow.info .iconic *,.button.hollow.info .iconic .iconic-property-accent {
    fill: #A0D3E8;
    stroke: #A0D3E8
}

.button.hollow.info:hover .iconic *,.button.hollow.info:hover .iconic .iconic-property-accent {
    fill: #b8deee;
    stroke: #b8deee
}

.button.hollow.dark {
    border: 1px solid #232323;
    background: 0 0;
    color: #232323
}

.button.hollow.dark:focus,.button.hollow.dark:hover {
    border-color: #5a5a5a;
    background: 0 0;
    color: #5a5a5a
}

.button.hollow.dark .iconic *,.button.hollow.dark .iconic .iconic-property-accent {
    fill: #232323;
    stroke: #232323
}

.button.hollow.dark:hover .iconic *,.button.hollow.dark:hover .iconic .iconic-property-accent {
    fill: #5a5a5a;
    stroke: #5a5a5a
}

.button.disabled {
    opacity: .5;
    cursor: default;
    pointer-events: none
}

.panel {
    position: absolute;
    z-index: 100;
    overflow-y: auto;
    display: none;
    padding: 0;
    background: #fff
}

.grid-block,.noscroll.grid-block,.noscroll.grid-content,.noscroll.large-grid-block,.noscroll.large-grid-content,.noscroll.medium-grid-block,.noscroll.medium-grid-content,.noscroll.small-grid-block,.noscroll.small-grid-content {
    overflow: hidden
}

.is-active.panel {
    display: block
}

.panel-top {
    top: 0;
    left: 0;
    width: 100%;
    height: 300px
}

.panel-top.is-active {
    box-shadow: 0 3px 10px rgba(0,0,0,.25)
}

.panel-right {
    top: 0;
    right: 0;
    height: 100%;
    width: 100%
}

@media only screen and (min-width:18.75em) {
    .panel-right {
        width: 300px
    }
}

.panel-right.is-active {
    box-shadow: -3px 0 10px rgba(0,0,0,.25)
}

.panel-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 300px
}

.panel-bottom.is-active {
    box-shadow: 2px -3px 10px rgba(0,0,0,.25)
}

.panel-left {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

@media only screen and (min-width:18.75em) {
    .panel-left {
        width: 300px
    }
}

.panel-left.is-active {
    box-shadow: 3px 0 10px rgba(0,0,0,.25)
}

.small-grid-block.panel,.small-grid-content.panel {
    width: auto;
    height: auto;
    z-index: auto;
    box-shadow: none;
    background: 0 0;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto
}

.panel-fixed {
    position: fixed
}

.small-vertical.grid-block,.small-vertical.grid-frame,.small-vertical.large-grid-block,.small-vertical.medium-grid-block,.small-vertical.small-grid-block,.vertical.grid-block,.vertical.grid-frame,.vertical.large-grid-block,.vertical.medium-grid-block,.vertical.small-grid-block {
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.small-horizontal.grid-block,.small-horizontal.grid-frame,.small-horizontal.large-grid-block,.small-horizontal.medium-grid-block,.small-horizontal.small-grid-block {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

@media only screen and (min-width:40em) {
    .medium-vertical.grid-block,.medium-vertical.grid-frame,.medium-vertical.large-grid-block,.medium-vertical.medium-grid-block,.medium-vertical.small-grid-block {
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .medium-horizontal.grid-block,.medium-horizontal.grid-frame,.medium-horizontal.large-grid-block,.medium-horizontal.medium-grid-block,.medium-horizontal.small-grid-block {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

@media only screen and (min-width:75em) {
    .large-vertical.grid-block,.large-vertical.grid-frame,.large-vertical.large-grid-block,.large-vertical.medium-grid-block,.large-vertical.small-grid-block {
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .large-horizontal.grid-block,.large-horizontal.grid-frame,.large-horizontal.large-grid-block,.large-horizontal.medium-grid-block,.large-horizontal.small-grid-block {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

.align-right.grid-block,.align-right.grid-frame,.align-right.large-grid-block,.align-right.medium-grid-block,.align-right.small-grid-block {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.align-center.grid-block,.align-center.grid-frame,.align-center.large-grid-block,.align-center.medium-grid-block,.align-center.small-grid-block {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.align-justify.grid-block,.align-justify.grid-frame,.align-justify.large-grid-block,.align-justify.medium-grid-block,.align-justify.small-grid-block {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.align-spaced.grid-block,.align-spaced.grid-frame,.align-spaced.large-grid-block,.align-spaced.medium-grid-block,.align-spaced.small-grid-block {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.wrap.grid-block,.wrap.grid-frame,.wrap.large-grid-block,.wrap.medium-grid-block,.wrap.small-grid-block {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.shrink.grid-block,.shrink.grid-content,.shrink.large-grid-block,.shrink.large-grid-content,.shrink.medium-grid-block,.shrink.medium-grid-content,.shrink.small-grid-block,.shrink.small-grid-content {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.grid-block,.grid-frame {
    -webkit-backface-visibility: hidden;
    -webkit-flex: 1 1 auto;
    -webkit-order: 0;
    position: relative
}

.grid-frame {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    backface-visibility: hidden;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-order: 0;
    order: 0
}

.grid-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    backface-visibility: hidden;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-order: 0;
    order: 0;
    height: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.grid-content {
    display: block;
    padding: 0 1rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.menu-bar,.small-grid-block {
    display: -webkit-flex;
    display: -ms-flexbox
}

.grid-content.collapse {
    padding: 0
}

.grid-content .grid-block {
    margin-left: -1rem;
    margin-right: -1rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: visible
}

.grid-content .grid-block.nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.grid-content .grid-block .grid-content {
    overflow: visible
}

.grid-container {
    max-width: 56.25rem;
    margin: 0 auto
}

.grid-container.contain-left {
    max-width: 56.25rem;
    margin: 0 auto 0 0
}

.grid-container.contain-right {
    max-width: 56.25rem;
    margin: 0 0 0 auto
}

.small-grid-block {
    display: flex;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    height: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.small-grid-block.panel {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative
}

.small-grid-content {
    display: block;
    padding: 0 1rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.small-grid-content.panel {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative
}

@media only screen and (min-width:40em) {
    .medium-grid-block {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        height: auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .medium-grid-block.panel {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        position: relative;
        width: auto;
        height: auto;
        z-index: auto;
        box-shadow: none;
        background: 0 0;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }

    .medium-grid-content {
        display: block;
        padding: 0 1rem;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .medium-grid-content.panel {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        position: relative;
        width: auto;
        height: auto;
        z-index: auto;
        box-shadow: none;
        background: 0 0;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }
}

@media only screen and (min-width:75em) {
    .large-grid-block {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        height: auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .large-grid-block.panel {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        position: relative;
        width: auto;
        height: auto;
        z-index: auto;
        box-shadow: none;
        background: 0 0;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }

    .large-grid-content {
        display: block;
        padding: 0 1rem;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .large-grid-content.panel {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        position: relative;
        width: auto;
        height: auto;
        z-index: auto;
        box-shadow: none;
        background: 0 0;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }
}

.small-up-1,.small-up-10,.small-up-11,.small-up-12,.small-up-2,.small-up-3,.small-up-4,.small-up-5,.small-up-7,.small-up-8,.small-up-9 {
    overflow: visible;
    list-style-type: none
}

.btn.card-follow,.btn.follow {
    box-shadow: #0074c7 0 0 1px;
    line-height: 1
}

.order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12
}

.small-1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.small-order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.small-offset-1 {
    margin-left: 8.33333%
}

.small-up-1 {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.small-up-1>div,.small-up-1>li,.small-up-1>section {
    padding: 0 1rem 1rem;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.small-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.small-order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.small-offset-2 {
    margin-left: 16.66667%
}

.small-up-2 {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.small-up-2>div,.small-up-2>li,.small-up-2>section {
    padding: 0 1rem 1rem;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.small-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.small-order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

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

.small-up-3 {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.small-up-3>div,.small-up-3>li,.small-up-3>section {
    padding: 0 1rem 1rem;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%
}

.small-4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.small-order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.small-offset-4 {
    margin-left: 33.33333%
}

.small-up-4 {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.small-up-4>div,.small-up-4>li,.small-up-4>section {
    padding: 0 1rem 1rem;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
}

.small-5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.small-order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
}

.small-offset-5 {
    margin-left: 41.66667%
}

.small-up-5 {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.small-up-5>div,.small-up-5>li,.small-up-5>section {
    padding: 0 1rem 1rem;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
}

.small-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.small-order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6
}

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

.small-up-6 {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none
}

.small-up-6>div,.small-up-6>li,.small-up-6>section {
    padding: 0 1rem 1rem;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%
}

.small-7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.small-order-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7
}

.small-offset-7 {
    margin-left: 58.33333%
}

.small-up-7 {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.small-up-7>div,.small-up-7>li,.small-up-7>section {
    padding: 0 1rem 1rem;
    -webkit-flex: 0 0 14.28571%;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%
}

.small-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.small-order-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8
}

.small-offset-8 {
    margin-left: 66.66667%
}

.small-up-8 {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.small-up-8>div,.small-up-8>li,.small-up-8>section {
    padding: 0 1rem 1rem;
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%
}

.small-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.small-order-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9
}

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

.small-up-9 {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.small-up-9>div,.small-up-9>li,.small-up-9>section {
    padding: 0 1rem 1rem;
    -webkit-flex: 0 0 11.11111%;
    -ms-flex: 0 0 11.11111%;
    flex: 0 0 11.11111%
}

.small-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.small-order-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10
}

.small-offset-10 {
    margin-left: 83.33333%
}

.small-up-10 {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.small-up-10>div,.small-up-10>li,.small-up-10>section {
    padding: 0 1rem 1rem;
    -webkit-flex: 0 0 10%;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%
}

.small-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.small-order-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11
}

.small-offset-11 {
    margin-left: 91.66667%
}

.small-up-11 {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.small-up-11>div,.small-up-11>li,.small-up-11>section {
    padding: 0 1rem 1rem;
    -webkit-flex: 0 0 9.09091%;
    -ms-flex: 0 0 9.09091%;
    flex: 0 0 9.09091%
}

.small-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.small-order-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12
}

.small-offset-12 {
    margin-left: 100%
}

.small-up-12 {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.small-up-12>div,.small-up-12>li,.small-up-12>section {
    padding: 0 1rem 1rem;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%
}

@media only screen and (min-width:40em) {
    .medium-1 {
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .medium-order-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .medium-up-1 {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow: visible;
        list-style-type: none
    }

    .medium-up-1>div,.medium-up-1>li,.medium-up-1>section {
        padding: 0 1rem 1rem;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .medium-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .medium-order-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .medium-up-2 {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow: visible;
        list-style-type: none
    }

    .medium-up-2>div,.medium-up-2>li,.medium-up-2>section {
        padding: 0 1rem 1rem;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .medium-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .medium-order-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

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

    .medium-up-3 {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow: visible;
        list-style-type: none
    }

    .medium-up-3>div,.medium-up-3>li,.medium-up-3>section {
        padding: 0 1rem 1rem;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%
    }

    .medium-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .medium-order-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .medium-up-4 {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow: visible;
        list-style-type: none
    }

    .medium-up-4>div,.medium-up-4>li,.medium-up-4>section {
        padding: 0 1rem 1rem;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .medium-5 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .medium-order-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .medium-up-5 {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow: visible;
        list-style-type: none
    }

    .medium-up-5>div,.medium-up-5>li,.medium-up-5>section {
        padding: 0 1rem 1rem;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }

    .medium-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .medium-order-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

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

    .medium-up-6 {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow: visible;
        list-style-type: none
    }

    .medium-up-6>div,.medium-up-6>li,.medium-up-6>section {
        padding: 0 1rem 1rem;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%
    }

    .medium-7 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .medium-order-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .medium-up-7 {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow: visible;
        list-style-type: none
    }

    .medium-up-7>div,.medium-up-7>li,.medium-up-7>section {
        padding: 0 1rem 1rem;
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%
    }

    .medium-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .medium-order-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .medium-up-8 {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow: visible;
        list-style-type: none
    }

    .medium-up-8>div,.medium-up-8>li,.medium-up-8>section {
        padding: 0 1rem 1rem;
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%
    }

    .medium-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .medium-order-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

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

    .medium-up-9 {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow: visible;
        list-style-type: none
    }

    .medium-up-9>div,.medium-up-9>li,.medium-up-9>section {
        padding: 0 1rem 1rem;
        -webkit-flex: 0 0 11.11111%;
        -ms-flex: 0 0 11.11111%;
        flex: 0 0 11.11111%
    }

    .medium-10 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .medium-order-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .medium-up-10 {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow: visible;
        list-style-type: none
    }

    .medium-up-10>div,.medium-up-10>li,.medium-up-10>section {
        padding: 0 1rem 1rem;
        -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
        flex: 0 0 10%
    }

    .medium-11 {
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .medium-order-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .medium-up-11 {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow: visible;
        list-style-type: none
    }

    .medium-up-11>div,.medium-up-11>li,.medium-up-11>section {
        padding: 0 1rem 1rem;
        -webkit-flex: 0 0 9.09091%;
        -ms-flex: 0 0 9.09091%;
        flex: 0 0 9.09091%
    }

    .medium-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .medium-order-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .medium-offset-12 {
        margin-left: 100%
    }

    .medium-up-12 {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow: visible;
        list-style-type: none
    }

    .medium-up-12>div,.medium-up-12>li,.medium-up-12>section {
        padding: 0 1rem 1rem;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%
    }
}

@media only screen and (min-width:75em) {
    .large-1 {
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .large-order-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .large-offset-1 {
        margin-left: 8.33333%
    }

    .large-up-1 {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow: visible;
        list-style-type: none
    }

    .large-up-1>div,.large-up-1>li,.large-up-1>section {
        padding: 0 1rem 1rem;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .large-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .large-order-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .large-offset-2 {
        margin-left: 16.66667%
    }

    .large-up-2 {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow: visible;
        list-style-type: none
    }

    .large-up-2>div,.large-up-2>li,.large-up-2>section {
        padding: 0 1rem 1rem;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .large-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .large-order-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

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

    .large-up-3 {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow: visible;
        list-style-type: none
    }

    .large-up-3>div,.large-up-3>li,.large-up-3>section {
        padding: 0 1rem 1rem;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%
    }

    .large-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .large-order-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .large-offset-4 {
        margin-left: 33.33333%
    }

    .large-up-4 {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow: visible;
        list-style-type: none
    }

    .large-up-4>div,.large-up-4>li,.large-up-4>section {
        padding: 0 1rem 1rem;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .large-5 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .large-order-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .large-offset-5 {
        margin-left: 41.66667%
    }

    .large-up-5 {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow: visible;
        list-style-type: none
    }

    .large-up-5>div,.large-up-5>li,.large-up-5>section {
        padding: 0 1rem 1rem;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }

    .large-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .large-order-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

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

    .large-up-6 {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow: visible;
        list-style-type: none
    }

    .large-up-6>div,.large-up-6>li,.large-up-6>section {
        padding: 0 1rem 1rem;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%
    }

    .large-7 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .large-order-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .large-offset-7 {
        margin-left: 58.33333%
    }

    .large-up-7 {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow: visible;
        list-style-type: none
    }

    .large-up-7>div,.large-up-7>li,.large-up-7>section {
        padding: 0 1rem 1rem;
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%
    }

    .large-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .large-order-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .large-offset-8 {
        margin-left: 66.66667%
    }

    .large-up-8 {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow: visible;
        list-style-type: none
    }

    .large-up-8>div,.large-up-8>li,.large-up-8>section {
        padding: 0 1rem 1rem;
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%
    }

    .large-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .large-order-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

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

    .large-up-9 {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow: visible;
        list-style-type: none
    }

    .large-up-9>div,.large-up-9>li,.large-up-9>section {
        padding: 0 1rem 1rem;
        -webkit-flex: 0 0 11.11111%;
        -ms-flex: 0 0 11.11111%;
        flex: 0 0 11.11111%
    }

    .large-10 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .large-order-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .large-offset-10 {
        margin-left: 83.33333%
    }

    .large-up-10 {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow: visible;
        list-style-type: none
    }

    .large-up-10>div,.large-up-10>li,.large-up-10>section {
        padding: 0 1rem 1rem;
        -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
        flex: 0 0 10%
    }

    .large-11 {
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .large-order-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .large-offset-11 {
        margin-left: 91.66667%
    }

    .large-up-11 {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow: visible;
        list-style-type: none
    }

    .large-up-11>div,.large-up-11>li,.large-up-11>section {
        padding: 0 1rem 1rem;
        -webkit-flex: 0 0 9.09091%;
        -ms-flex: 0 0 9.09091%;
        flex: 0 0 9.09091%
    }

    .large-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .large-order-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .large-offset-12 {
        margin-left: 100%
    }

    .large-up-12 {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        overflow: visible;
        list-style-type: none
    }

    .large-up-12>div,.large-up-12>li,.large-up-12>section {
        padding: 0 1rem 1rem;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%
    }
}

.grid-content .modal .grid-block {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.menu-bar {
    display: flex;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0;
    list-style-type: none;
    background: #fff
}

.menu-bar>li {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.menu-bar>li>a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem;
    font-size: 1.875rem;
    line-height: 1;
    color: #000
}

.menu-bar.label-corner>li>a,.menu-bar.label-side>li>a {
    padding-right: 3.2rem
}

.menu-bar .is-active>a,.menu-bar>li>a:hover {
    background: #ededed;
    color: #000
}

.menu-bar .iconic *,.menu-bar .iconic .iconic-property-accent {
    fill: #000;
    stroke: #000
}

.menu-bar,.menu-bar.horizontal {
    overflow-x: hidden;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.menu-bar.horizontal>li>a,.menu-bar.vertical,.menu-bar>li>a {
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.menu-bar.vertical>li>a {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.menu-bar.condense>li {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.menu-bar.align-right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.menu-bar.align-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.menu-bar.align-justify {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.menu-bar.align-spaced {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.menu-bar.small-condense li {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.menu-bar.small-expand li {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.menu-bar.small-align-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.menu-bar.small-align-right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.menu-bar.small-align-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.menu-bar.small-align-justify {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.menu-bar.small-align-spaced {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media only screen and (min-width:40em) {
    .menu-bar.medium-condense li {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .menu-bar.medium-expand li {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .menu-bar.medium-align-left {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .menu-bar.medium-align-right {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .menu-bar.medium-align-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .menu-bar.medium-align-justify {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .menu-bar.medium-align-spaced {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media only screen and (min-width:75em) {
    .menu-bar.large-condense li {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .menu-bar.large-expand li {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .menu-bar.large-align-left {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .menu-bar.large-align-right {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .menu-bar.large-align-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .menu-bar.large-align-justify {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .menu-bar.large-align-spaced {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.menu-bar.small-horizontal {
    overflow-x: hidden;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.menu-bar.small-horizontal>li>a,.menu-bar.small-vertical {
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.menu-bar.small-vertical>li>a {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

@media only screen and (min-width:40em) {
    .menu-bar.medium-horizontal {
        overflow-x: hidden;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .menu-bar.medium-horizontal>li>a,.menu-bar.medium-vertical {
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .menu-bar.medium-vertical>li>a {
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }
}

@media only screen and (min-width:75em) {
    .menu-bar.large-horizontal {
        overflow-x: hidden;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .menu-bar.large-horizontal>li>a,.menu-bar.large-vertical {
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .menu-bar.large-vertical>li>a {
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }
}

.menu-bar.icon-top>li>.iconic,.menu-bar.icon-top>li>img,.menu-bar>li>.iconic,.menu-bar>li>img {
    margin: 0;
    width: 25px;
    height: 25px
}

.menu-bar.icon-top>li>a,.menu-bar>li>a {
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.menu-bar.icon-top>li>a>.iconic,.menu-bar.icon-top>li>a>img,.menu-bar>li>a>.iconic,.menu-bar>li>a>img {
    margin: 0 0 1rem
}

.menu-bar.icon-right>li>.iconic,.menu-bar.icon-right>li>img {
    margin: 0;
    width: 25px;
    height: 25px
}

.menu-bar.icon-right>li>a {
    -webkit-flex-flow: row-reverse nowrap;
    -ms-flex-flow: row-reverse nowrap;
    flex-flow: row-reverse nowrap
}

.menu-bar.icon-right>li>a>.iconic,.menu-bar.icon-right>li>a>img {
    margin: 0 0 0 1rem
}

.menu-bar.icon-bottom>li>.iconic,.menu-bar.icon-bottom>li>img {
    margin: 0;
    width: 25px;
    height: 25px
}

.menu-bar.icon-bottom>li>a {
    -webkit-flex-flow: column-reverse nowrap;
    -ms-flex-flow: column-reverse nowrap;
    flex-flow: column-reverse nowrap
}

.menu-bar.icon-bottom>li>a>.iconic,.menu-bar.icon-bottom>li>a>img {
    margin: 1rem 0 0
}

.menu-bar.icon-left>li>.iconic,.menu-bar.icon-left>li>img {
    margin: 0;
    width: 25px;
    height: 25px
}

.menu-bar.icon-left>li>a {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.menu-bar.icon-left>li>a>.iconic,.menu-bar.icon-left>li>a>img {
    margin: 0 1rem 0 0
}

.menu-bar.small-icon-top>li>.iconic,.menu-bar.small-icon-top>li>img {
    margin: 0;
    width: 25px;
    height: 25px
}

.menu-bar.small-icon-top>li>a {
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.menu-bar.small-icon-top>li>a>.iconic,.menu-bar.small-icon-top>li>a>img {
    margin: 0 0 1rem
}

.menu-bar.small-icon-right>li>.iconic,.menu-bar.small-icon-right>li>img {
    margin: 0;
    width: 25px;
    height: 25px
}

.menu-bar.small-icon-right>li>a {
    -webkit-flex-flow: row-reverse nowrap;
    -ms-flex-flow: row-reverse nowrap;
    flex-flow: row-reverse nowrap
}

.menu-bar.small-icon-right>li>a>.iconic,.menu-bar.small-icon-right>li>a>img {
    margin: 0 0 0 1rem
}

.menu-bar.small-icon-bottom>li>.iconic,.menu-bar.small-icon-bottom>li>img {
    margin: 0;
    width: 25px;
    height: 25px
}

.menu-bar.small-icon-bottom>li>a {
    -webkit-flex-flow: column-reverse nowrap;
    -ms-flex-flow: column-reverse nowrap;
    flex-flow: column-reverse nowrap
}

.menu-bar.small-icon-bottom>li>a>.iconic,.menu-bar.small-icon-bottom>li>a>img {
    margin: 1rem 0 0
}

.menu-bar.small-icon-left>li>.iconic,.menu-bar.small-icon-left>li>img {
    margin: 0;
    width: 25px;
    height: 25px
}

.menu-bar.small-icon-left>li>a {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.menu-bar.small-icon-left>li>a>.iconic,.menu-bar.small-icon-left>li>a>img {
    margin: 0 1rem 0 0
}

@media only screen and (min-width:40em) {
    .menu-bar.medium-icon-top>li>.iconic,.menu-bar.medium-icon-top>li>img {
        margin: 0;
        width: 25px;
        height: 25px
    }

    .menu-bar.medium-icon-top>li>a {
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .menu-bar.medium-icon-top>li>a>.iconic,.menu-bar.medium-icon-top>li>a>img {
        margin: 0 0 1rem
    }

    .menu-bar.medium-icon-right>li>.iconic,.menu-bar.medium-icon-right>li>img {
        margin: 0;
        width: 25px;
        height: 25px
    }

    .menu-bar.medium-icon-right>li>a {
        -webkit-flex-flow: row-reverse nowrap;
        -ms-flex-flow: row-reverse nowrap;
        flex-flow: row-reverse nowrap
    }

    .menu-bar.medium-icon-right>li>a>.iconic,.menu-bar.medium-icon-right>li>a>img {
        margin: 0 0 0 1rem
    }

    .menu-bar.medium-icon-bottom>li>.iconic,.menu-bar.medium-icon-bottom>li>img {
        margin: 0;
        width: 25px;
        height: 25px
    }

    .menu-bar.medium-icon-bottom>li>a {
        -webkit-flex-flow: column-reverse nowrap;
        -ms-flex-flow: column-reverse nowrap;
        flex-flow: column-reverse nowrap
    }

    .menu-bar.medium-icon-bottom>li>a>.iconic,.menu-bar.medium-icon-bottom>li>a>img {
        margin: 1rem 0 0
    }

    .menu-bar.medium-icon-left>li>.iconic,.menu-bar.medium-icon-left>li>img {
        margin: 0;
        width: 25px;
        height: 25px
    }

    .menu-bar.medium-icon-left>li>a {
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .menu-bar.medium-icon-left>li>a>.iconic,.menu-bar.medium-icon-left>li>a>img {
        margin: 0 1rem 0 0
    }
}

@media only screen and (min-width:75em) {
    .menu-bar.large-icon-top>li>.iconic,.menu-bar.large-icon-top>li>img {
        margin: 0;
        width: 25px;
        height: 25px
    }

    .menu-bar.large-icon-top>li>a {
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .menu-bar.large-icon-top>li>a>.iconic,.menu-bar.large-icon-top>li>a>img {
        margin: 0 0 1rem
    }

    .menu-bar.large-icon-right>li>.iconic,.menu-bar.large-icon-right>li>img {
        margin: 0;
        width: 25px;
        height: 25px
    }

    .menu-bar.large-icon-right>li>a {
        -webkit-flex-flow: row-reverse nowrap;
        -ms-flex-flow: row-reverse nowrap;
        flex-flow: row-reverse nowrap
    }

    .menu-bar.large-icon-right>li>a>.iconic,.menu-bar.large-icon-right>li>a>img {
        margin: 0 0 0 1rem
    }

    .menu-bar.large-icon-bottom>li>.iconic,.menu-bar.large-icon-bottom>li>img {
        margin: 0;
        width: 25px;
        height: 25px
    }

    .menu-bar.large-icon-bottom>li>a {
        -webkit-flex-flow: column-reverse nowrap;
        -ms-flex-flow: column-reverse nowrap;
        flex-flow: column-reverse nowrap
    }

    .menu-bar.large-icon-bottom>li>a>.iconic,.menu-bar.large-icon-bottom>li>a>img {
        margin: 1rem 0 0
    }

    .menu-bar.large-icon-left>li>.iconic,.menu-bar.large-icon-left>li>img {
        margin: 0;
        width: 25px;
        height: 25px
    }

    .menu-bar.large-icon-left>li>a {
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .menu-bar.large-icon-left>li>a>.iconic,.menu-bar.large-icon-left>li>a>img {
        margin: 0 1rem 0 0
    }
}

.menu-bar.label-corner .menu-bar-label,.menu-bar.label-side .menu-bar-label {
    font-size: .9rem;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    border-radius: 1000px;
    background: red;
    right: 1rem;
    color: #fff;
    display: block;
    pointer-events: none
}

.menu-bar.label-side>li {
    position: relative
}

.menu-bar.label-side .menu-bar-label {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.menu-bar.label-corner>li {
    position: relative
}

.menu-bar.label-corner .menu-bar-label {
    position: absolute;
    top: 1rem
}

.menu-bar.primary {
    background: #00558b
}

.menu-bar.primary>li>a {
    color: #fff
}

.menu-bar.primary .is-active>a,.menu-bar.primary>li>a:hover {
    background: #0065a5;
    color: #fff
}

.menu-bar.primary .iconic *,.menu-bar.primary .iconic .iconic-property-accent {
    fill: #fff;
    stroke: #fff
}

.menu-bar.dark {
    background: #232323
}

.menu-bar.dark>li>a {
    color: #fff
}

.menu-bar.dark .is-active>a,.menu-bar.dark>li>a:hover {
    background: #323232;
    color: #fff
}

.menu-bar.dark .iconic *,.menu-bar.dark .iconic .iconic-property-accent {
    fill: #fff;
    stroke: #fff
}

.menu-bar>li.title {
    padding: 1rem;
    cursor: default;
    font-weight: 700
}

.menu-group {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:40em) {
    .menu-group {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.menu-group>.menu-group-left,.menu-group>.menu-group-right {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

@media only screen and (min-width:40em) {
    .menu-group>.menu-group-left,.menu-group>.menu-group-right {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.menu-group .menu-bar {
    margin: 0
}

.menu-group .menu-bar>li {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.menu-group.primary {
    background-color: #00558b
}

.menu-group.primary .menu-bar {
    background: #00558b
}

.menu-group.primary .menu-bar>li>a {
    color: #fff
}

.menu-group.primary .menu-bar .is-active>a,.menu-group.primary .menu-bar>li>a:hover {
    background: #0065a5;
    color: #fff
}

.menu-group.primary .menu-bar .iconic *,.menu-group.primary .menu-bar .iconic .iconic-property-accent {
    fill: #fff;
    stroke: #fff
}

.menu-group.dark {
    background-color: #232323
}

.menu-group.dark .menu-bar {
    background: #232323
}

.menu-group.dark .menu-bar>li>a {
    color: #fff
}

.menu-group.dark .menu-bar .is-active>a,.menu-group.dark .menu-bar>li>a:hover {
    background: #323232;
    color: #fff
}

.menu-group.dark .menu-bar .iconic *,.menu-group.dark .menu-bar .iconic .iconic-property-accent {
    fill: #fff;
    stroke: #fff
}

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: #00558b;
    text-decoration: none;
    line-height: inherit
}

p,p.lead {
    line-height: 1.6
}

a[ui-sref] {
    cursor: pointer
}

a:focus,a:hover {
    color: #004978
}

a img {
    border: none
}

p {
    font-family: inherit;
    margin-bottom: 1.25rem
}

.subheader,h1,h2,h3,h4,h5,h6 {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400
}

p.lead {
    font-size: 1.34375rem
}

p aside {
    font-size: .875rem;
    line-height: 1.35
}

h1,h2,h3,h4,h5,h6 {
    font-family: Arimo,Raleway-Reg,"Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
    font-style: normal;
    color: #222;
    line-height: 1.4
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0
}

h1 {
    font-size: 2.125rem
}

h2 {
    font-size: 1.6875rem
}

h3 {
    font-size: 1.375rem
}

h4,h5 {
    font-size: 1.125rem
}

h6 {
    font-size: 1rem
}

.subheader {
    line-height: 1.4;
    color: #6f6f6f
}

b,em,i,small,strong {
    line-height: inherit
}

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

em,i {
    font-style: italic
}

small {
    font-size: 60%;
    color: #6f6f6f
}

code {
    font-family: Consolas,"Liberation Mono",Courier,monospace;
    font-weight: 400;
    color: #464646;
    background-color: #fbfbfb;
    border-width: 1px;
    border-style: solid;
    border-color: #e2e2e2;
    padding: .125rem .3125rem .0625rem
}

dl,ol,ul {
    font-size: 1.125rem;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    list-style-position: outside;
    font-family: inherit
}

ol,ul {
    margin-left: 1.1rem
}

ol li ol,ol li ul,ul li ol,ul li ul {
    margin-left: 1.25rem;
    margin-bottom: 0
}

ul.no-bullet {
    margin-left: 0
}

ul.no-bullet,ul.no-bullet li ol,ul.no-bullet li ul {
    list-style-type: none
}

dl dt {
    margin-bottom: .3rem;
    font-weight: 700
}

dl dd {
    margin-bottom: .75rem
}

abbr,acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #222;
    border-bottom: 1px dotted #ddd;
    cursor: help
}

abbr {
    text-transform: none
}

blockquote {
    margin: 0 0 1.25rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #ddd
}

blockquote cite {
    display: block;
    font-size: .8125rem;
    color: #555
}

blockquote cite:before {
    content: "\2014 \0020"
}

blockquote cite a,blockquote cite a:visited {
    color: #555
}

blockquote,blockquote p {
    line-height: 1.6;
    color: #6f6f6f
}

.v-align {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.v-align .align-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.v-align .align-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

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

.v-align .small-align-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.v-align .small-align-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.v-align .small-align-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.hide {
    display: none!important
}

.hide-for-small:not(.ng-hide) {
    display: block!important;
    display: none!important
}

.hide-for-small[class*=grid-block]:not(.ng-hide) {
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    display: none!important
}

.show-for-small:not(.ng-hide) {
    display: none!important;
    display: block!important
}

.show-for-small[class*=grid-block]:not(.ng-hide) {
    display: none!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.hide-for-small-only:not(.ng-hide) {
    display: block!important
}

@media only screen and (min-width:0em) and (max-width:39.9375rem) {
    .hide-for-small-only:not(.ng-hide) {
        display: none!important
    }
}

.hide-for-small-only[class*=grid-block]:not(.ng-hide) {
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.show-for-small-only:not(.ng-hide) {
    display: none!important
}

@media only screen and (min-width:0em) and (max-width:39.9375rem) {
    .hide-for-small-only[class*=grid-block]:not(.ng-hide) {
        display: none!important
    }

    .show-for-small-only:not(.ng-hide) {
        display: block!important
    }
}

.show-for-small-only[class*=grid-block]:not(.ng-hide) {
    display: none!important
}

@media only screen and (min-width:0em) and (max-width:39.9375rem) {
    .show-for-small-only[class*=grid-block]:not(.ng-hide) {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .small-only-text-left {
        text-align: left
    }
}

.hide-for-medium:not(.ng-hide) {
    display: block!important
}

@media only screen and (min-width:40em) {
    h1,h2,h3,h4,h5,h6 {
        line-height: 1.4
    }

    h1 {
        font-size: 2.75rem
    }

    h2 {
        font-size: 2.3125rem
    }

    h3 {
        font-size: 1.6875rem
    }

    h4 {
        font-size: 1.4375rem
    }

    h5 {
        font-size: 1.125rem
    }

    h6 {
        font-size: 1rem
    }

    .v-align .medium-align-top {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .v-align .medium-align-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .v-align .medium-align-bottom {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .hide-for-medium:not(.ng-hide) {
        display: none!important
    }
}

.hide-for-medium[class*=grid-block]:not(.ng-hide) {
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.show-for-medium:not(.ng-hide) {
    display: none!important
}

@media only screen and (min-width:40em) {
    .hide-for-medium[class*=grid-block]:not(.ng-hide) {
        display: none!important
    }

    .show-for-medium:not(.ng-hide) {
        display: block!important
    }
}

.show-for-medium[class*=grid-block]:not(.ng-hide) {
    display: none!important
}

@media only screen and (min-width:40em) {
    .show-for-medium[class*=grid-block]:not(.ng-hide) {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .medium-text-left {
        text-align: left
    }
}

.hide-for-medium-only:not(.ng-hide) {
    display: block!important
}

@media only screen and (min-width:40em) and (max-width:74.9375rem) {
    .hide-for-medium-only:not(.ng-hide) {
        display: none!important
    }
}

.hide-for-medium-only[class*=grid-block]:not(.ng-hide) {
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.show-for-medium-only:not(.ng-hide) {
    display: none!important
}

@media only screen and (min-width:40em) and (max-width:74.9375rem) {
    .hide-for-medium-only[class*=grid-block]:not(.ng-hide) {
        display: none!important
    }

    .show-for-medium-only:not(.ng-hide) {
        display: block!important
    }
}

.show-for-medium-only[class*=grid-block]:not(.ng-hide) {
    display: none!important
}

@media only screen and (min-width:40em) and (max-width:74.9375rem) {
    .show-for-medium-only[class*=grid-block]:not(.ng-hide) {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .medium-only-text-left {
        text-align: left
    }
}

.hide-for-large:not(.ng-hide) {
    display: block!important
}

@media only screen and (min-width:75em) {
    .v-align .large-align-top {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .v-align .large-align-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .v-align .large-align-bottom {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .hide-for-large:not(.ng-hide) {
        display: none!important
    }
}

.hide-for-large[class*=grid-block]:not(.ng-hide) {
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.show-for-large:not(.ng-hide) {
    display: none!important
}

@media only screen and (min-width:75em) {
    .hide-for-large[class*=grid-block]:not(.ng-hide) {
        display: none!important
    }

    .show-for-large:not(.ng-hide) {
        display: block!important
    }
}

.show-for-large[class*=grid-block]:not(.ng-hide) {
    display: none!important
}

@media only screen and (min-width:75em) {
    .show-for-large[class*=grid-block]:not(.ng-hide) {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .large-text-left {
        text-align: left
    }
}

.hide-for-large-only:not(.ng-hide) {
    display: block!important
}

@media only screen and (min-width:75em) and (max-width:89.9375rem) {
    .hide-for-large-only:not(.ng-hide) {
        display: none!important
    }
}

.hide-for-large-only[class*=grid-block]:not(.ng-hide) {
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.show-for-large-only:not(.ng-hide) {
    display: none!important
}

@media only screen and (min-width:75em) and (max-width:89.9375rem) {
    .hide-for-large-only[class*=grid-block]:not(.ng-hide) {
        display: none!important
    }

    .show-for-large-only:not(.ng-hide) {
        display: block!important
    }
}

.show-for-large-only[class*=grid-block]:not(.ng-hide) {
    display: none!important
}

@media only screen and (min-width:75em) and (max-width:89.9375rem) {
    .show-for-large-only[class*=grid-block]:not(.ng-hide) {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .large-only-text-left {
        text-align: left
    }
}

@media only screen and (orientation:portrait) {
    .hide-for-portrait {
        display: none!important
    }

    .hide-for-portrait[class*=grid-block] {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

.show-for-portrait {
    display: none!important
}

@media only screen and (orientation:portrait) {
    .show-for-portrait {
        display: block!important
    }

    .show-for-portrait[class*=grid-block] {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

@media only screen and (orientation:landscape) {
    .hide-for-landscape {
        display: none!important
    }

    .hide-for-landscape[class*=grid-block] {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

.show-for-landscape {
    display: none!important
}

@media only screen and (orientation:landscape) {
    .show-for-landscape {
        display: block!important
    }

    .show-for-landscape[class*=grid-block] {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

.small-text-left,.text-left {
    text-align: left
}

.small-text-right,.text-right {
    text-align: right
}

@media only screen and (min-width:0em) and (max-width:39.9375rem) {
    .small-only-text-right {
        text-align: right
    }
}

@media only screen and (min-width:40em) {
    .medium-text-right {
        text-align: right
    }
}

@media only screen and (min-width:40em) and (max-width:74.9375rem) {
    .medium-only-text-right {
        text-align: right
    }
}

@media only screen and (min-width:75em) {
    .large-text-right {
        text-align: right
    }
}

@media only screen and (min-width:75em) and (max-width:89.9375rem) {
    .large-only-text-right {
        text-align: right
    }

    .large-only-text-center {
        text-align: center
    }
}

.small-text-center,.text-center {
    text-align: center
}

@media only screen and (min-width:0em) and (max-width:39.9375rem) {
    .small-only-text-center {
        text-align: center
    }
}

@media only screen and (min-width:40em) {
    .medium-text-center {
        text-align: center
    }
}

@media only screen and (min-width:40em) and (max-width:74.9375rem) {
    .medium-only-text-center {
        text-align: center
    }
}

@media only screen and (min-width:75em) {
    .large-text-center {
        text-align: center
    }

    .large-text-justify {
        text-align: justify
    }
}

.small-text-justify,.text-justify {
    text-align: justify
}

@media only screen and (min-width:0em) and (max-width:39.9375rem) {
    .small-only-text-justify {
        text-align: justify
    }
}

@media only screen and (min-width:40em) {
    .medium-text-justify {
        text-align: justify
    }
}

@media only screen and (min-width:40em) and (max-width:74.9375rem) {
    .medium-only-text-justify {
        text-align: justify
    }
}

@media only screen and (min-width:75em) and (max-width:89.9375rem) {
    .large-only-text-justify {
        text-align: justify
    }
}

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

.clearfix:after {
    clear: both
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.float-none {
    float: none
}

html.inactive {
    overflow: hidden
}

body {
    -webkit-backface-visibility: hidden
}

body.has-off-canvas {
    overflow-x: hidden
}

@media (max-width:48rem) {
    body.inactive {
        overflow: hidden;
        position: fixed
    }
}

a,h1,h2,span {
    -webkit-tap-highlight-color: transparent
}

p {
    font-size: 1rem
}

@media (min-width:25rem) {
    p {
        font-size: 1.125rem;
        line-height: 1.875rem
    }
}

.head-wrap {
    border-bottom: 1px solid rgba(0,0,0,.25);
    position: fixed;
    width: 100%
}

.grid-frame {
    overflow: initial;
    height: auto;
    min-height: 100%
}

.grid-frame.main-window {
    z-index: 555
}

.grid-frame.main-window.is-active {
    -webkit-transform: translateX(0)!important;
    -ms-transform: translateX(0)!important;
    transform: translateX(0)!important
}

.modal.is-active {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow-y: auto
}

.main-view {
    margin-top: 3.4375rem;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    background: #fafafa;
    border-top: 1px solid #e7e7e7
}

.spinner-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1100;
    background-color: #fff;
    opacity: 1
}

.spinner-wrapper span {
    font-family: Arimo,Raleway-Medium,Raleway,"Open Sans","Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
    font-size: 1.5rem;
    color: #0074c7;
    text-transform: uppercase
}

.btn.card-follow,.btn.email,.btn.facebook,.btn.google,.btn.login-btn,.btn.next-btn,.btn.twitter {
    font-family: Arimo-Bold,Raleway-Bold,Raleway,"Open Sans","Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif
}

.spinner-wrapper .spinner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn.next-btn,.spinner-wrapper .load {
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-justify-content: center
}

.spinner-wrapper .load {
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    top: 52%
}

.spinner-wrapper .line {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: #0074c7;
    margin: 0 2px
}

.spinner-wrapper .load .line:nth-last-child(1) {
    -webkit-animation: loading .6s .1s linear infinite;
    animation: loading .6s .1s linear infinite
}

.spinner-wrapper .load .line:nth-last-child(2) {
    -webkit-animation: loading .6s .2s linear infinite;
    animation: loading .6s .2s linear infinite
}

.spinner-wrapper .load .line:nth-last-child(3) {
    -webkit-animation: loading .6s .3s linear infinite;
    animation: loading .6s .3s linear infinite
}

@-webkit-keyframes loading {
    0,100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    50% {
        -webkit-transform: translate(0,15px);
        transform: translate(0,15px)
    }
}

@keyframes loading {
    0,100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    50% {
        -webkit-transform: translate(0,15px);
        transform: translate(0,15px)
    }
}

.wordmark-bubble-text {
    fill: #0074c7
}

.wordmark-inner-text {
    fill: #fff
}

.lock,_:-ms-lang(x) {
    height: 100%;
    overflow: hidden;
    margin: 0
}

.btn {
    border-radius: .25rem;
    -webkit-tap-highlight-color: transparent
}

.btn.login-btn {
    background: #ff8f0a;
    color: #fff;
    margin: 0
}

.btn.login-btn:focus,.btn.login-btn:hover {
    background: #e17a00;
    color: #fff
}

.btn.login-btn .iconic *,.btn.login-btn .iconic .iconic-property-accent {
    fill: #fff;
    stroke: #fff
}

.btn.social {
    max-width: 80%;
    min-width: 13.75rem;
    margin: .3125rem
}

.btn.facebook {
    background: #49639F;
    color: #fff
}

.btn.facebook:focus,.btn.facebook:hover {
    background: #3e5487;
    color: #fff
}

.btn.facebook .iconic *,.btn.facebook .iconic .iconic-property-accent {
    fill: #fff;
    stroke: #fff
}

.btn.twitter {
    background: #55ACEE;
    color: #fff
}

.btn.twitter:focus,.btn.twitter:hover {
    background: #2996ea;
    color: #fff
}

.btn.twitter .iconic *,.btn.twitter .iconic .iconic-property-accent {
    fill: #fff;
    stroke: #fff
}

.btn.google {
    background: #DF4A32;
    color: #fff
}

.btn.google:focus,.btn.google:hover {
    background: #c9371f;
    color: #fff
}

.btn.google .iconic *,.btn.google .iconic .iconic-property-accent {
    fill: #fff;
    stroke: #fff
}

.btn.email {
    background: #0074c7;
    color: #fff
}

.btn.email:focus,.btn.email:hover {
    background: #0063a9;
    color: #fff
}

.btn.next-btn,.btn.next-btn:focus,.btn.next-btn:hover {
    background: 0 0;
    color: #fff
}

.btn.email .iconic *,.btn.email .iconic .iconic-property-accent {
    fill: #fff;
    stroke: #fff
}

.btn.next-btn {
    white-space: nowrap;
    margin: 0;
    text-transform: uppercase;
    z-index: 99;
    top: 0;
    width: 100%;
    height: 70px;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

.btn.next-btn .iconic *,.btn.next-btn .iconic .iconic-property-accent {
    fill: #fff;
    stroke: #fff
}

.btn.card-following {
    background: #0074c7;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0 0 0 -18px;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 555
}

.btn.card-following:focus,.btn.card-following:hover {
    background: #0063a9;
    color: #fff
}

.btn.card-following .iconic *,.btn.card-following .iconic .iconic-property-accent {
    fill: #fff;
    stroke: #fff
}

.btn.card-following .following-check {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.btn.card-following .following-check svg {
    width: 10px;
    height: 10px;
    fill: #fff
}

.btn.card-follow {
    border: 1px solid #0074c7;
    background: 0 0;
    color: #0074c7;
    text-transform: uppercase;
    font-size: .75rem;
    padding: .3125rem .5rem .25rem;
    margin: .3125rem 0 0;
    transition: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn.follow,.btn.following,.btn.header-follow {
    font-family: Arimo-Bold,Raleway-Bold,Raleway,"Open Sans","Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    margin: 0;
    transition: none
}

.btn.card-follow:focus,.btn.card-follow:hover {
    border-color: #169eff;
    background: 0 0;
    color: #169eff
}

.btn.card-follow .iconic *,.btn.card-follow .iconic .iconic-property-accent {
    fill: #0074c7;
    stroke: #0074c7
}

.btn.card-follow:hover .iconic *,.btn.card-follow:hover .iconic .iconic-property-accent {
    fill: #169eff;
    stroke: #169eff
}

.btn .follow-add svg {
    width: 14px;
    fill: #0074c7;
    padding-right: .25rem
}

.btn.following {
    background: #0074c7;
    color: #fff;
    font-size: .875rem;
    padding: .5rem .9375rem;
    max-width: 115px
}

.btn.following:focus,.btn.following:hover {
    background: #0063a9;
    color: #fff
}

.btn.following .iconic *,.btn.following .iconic .iconic-property-accent {
    fill: #fff;
    stroke: #fff
}

.btn.follow {
    border: 1px solid #0074c7;
    background: 0 0;
    color: #0074c7;
    font-size: .75rem;
    padding: .3125rem .9375rem .25rem;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn.header-follow,.btn.settings-facebook {
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-align-items: center
}

.btn.follow:focus,.btn.follow:hover {
    border-color: #169eff;
    background: 0 0;
    color: #169eff
}

.btn.follow .iconic *,.btn.follow .iconic .iconic-property-accent {
    fill: #0074c7;
    stroke: #0074c7
}

.btn.follow:hover .iconic *,.btn.follow:hover .iconic .iconic-property-accent {
    fill: #169eff;
    stroke: #169eff
}

.btn.header-follow .iconic *,.btn.header-follow .iconic .iconic-property-accent,.btn.header-follow:hover .iconic *,.btn.header-follow:hover .iconic .iconic-property-accent,.btn.publication-following .iconic *,.btn.publication-following .iconic .iconic-property-accent {
    fill: #fff;
    stroke: #fff
}

.btn.header-follow {
    border: 1px solid #fff;
    background: 0 0;
    color: #fff;
    font-size: .875rem;
    padding: .5rem .9375rem;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn.publication-follow,.btn.publication-following {
    font-family: Arimo-Bold,Raleway-Bold,Raleway,"Open Sans","Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-size: .875rem;
    padding: .75rem 3.125rem;
    margin: 0 0 0 auto
}

.btn.header-follow:focus,.btn.header-follow:hover {
    border-color: #fff;
    background: 0 0;
    color: #fff
}

.btn.publication-following {
    background: #0074c7;
    color: #fff
}

.btn.publication-following:focus,.btn.publication-following:hover {
    background: #0063a9;
    color: #fff
}

.btn.publication-follow {
    border: 1px solid #0074c7;
    background: 0 0;
    color: #0074c7
}

.btn.publication-unfollow,.btn.publication-unfollow-cancel {
    font-size: .875rem;
    padding: .625rem .9375rem;
    background: 0 0;
    font-family: Arimo-Bold,Raleway-Bold,Raleway,"Open Sans","Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
    width: 100%;
    text-transform: uppercase
}

.btn.publication-follow:focus,.btn.publication-follow:hover {
    border-color: #169eff;
    background: 0 0;
    color: #169eff
}

.btn.publication-follow .iconic *,.btn.publication-follow .iconic .iconic-property-accent {
    fill: #0074c7;
    stroke: #0074c7
}

.btn.publication-follow:hover .iconic *,.btn.publication-follow:hover .iconic .iconic-property-accent {
    fill: #169eff;
    stroke: #169eff
}

.btn.publication-unfollow {
    border: 1px solid #f04124;
    color: #f04124;
    margin: 0
}

.btn.publication-unfollow:focus,.btn.publication-unfollow:hover {
    border-color: #f4715b;
    background: 0 0;
    color: #f4715b
}

.btn.publication-unfollow .iconic *,.btn.publication-unfollow .iconic .iconic-property-accent {
    fill: #f04124;
    stroke: #f04124
}

.btn.publication-unfollow:hover .iconic *,.btn.publication-unfollow:hover .iconic .iconic-property-accent {
    fill: #f4715b;
    stroke: #f4715b
}

.btn.publication-unfollow-cancel {
    border: 1px solid #0074c7;
    color: #0074c7;
    margin: .3125rem 0
}

.btn.publication-unfollow-cancel:focus,.btn.publication-unfollow-cancel:hover {
    border-color: #169eff;
    background: 0 0;
    color: #169eff
}

.btn.publication-unfollow-cancel .iconic *,.btn.publication-unfollow-cancel .iconic .iconic-property-accent {
    fill: #0074c7;
    stroke: #0074c7
}

.btn.publication-unfollow-cancel:hover .iconic *,.btn.publication-unfollow-cancel:hover .iconic .iconic-property-accent {
    fill: #169eff;
    stroke: #169eff
}

.btn.settings-facebook .iconic *,.btn.settings-facebook .iconic .iconic-property-accent,.btn.settings-twitter .iconic *,.btn.settings-twitter .iconic .iconic-property-accent,.btn.upload-photo .iconic *,.btn.upload-photo .iconic .iconic-property-accent {
    fill: #fff;
    stroke: #fff
}

.btn.settings-facebook {
    width: 100%;
    font-family: Arimo-Bold,Raleway-Bold,Raleway,"Open Sans","Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
    margin-bottom: .3125rem;
    height: 40px;
    max-height: 40px;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #49639F;
    color: #fff
}

.btn.settings-twitter,.btn.upload-photo {
    display: -webkit-flex;
    display: -ms-flexbox
}

.btn.settings-facebook:focus,.btn.settings-facebook:hover {
    background: #3e5487;
    color: #fff
}

.btn.settings-twitter {
    width: 100%;
    font-family: Arimo-Bold,Raleway-Bold,Raleway,"Open Sans","Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
    height: 40px;
    max-height: 40px;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #55ACEE;
    color: #fff
}

.btn.settings-twitter:focus,.btn.settings-twitter:hover {
    background: #2996ea;
    color: #fff
}

.btn.upload-photo,.btn.upload-photo:focus,.btn.upload-photo:hover {
    background: #0074c7;
    color: #fff
}

.btn.upload-photo {
    margin: 0;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .75rem;
    padding: .9375rem;
    max-height: 1.25rem
}

.btn.refresh {
    border: 1px solid #0074c7;
    background: 0 0;
    color: #0074c7;
    font-family: Arimo-Bold,Raleway-Bold,Raleway,"Open Sans","Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
    font-size: .875rem;
    padding: .5rem .9375rem;
    margin: 0;
    min-width: 115px;
    transition: none
}

.btn.refresh:focus,.btn.refresh:hover {
    border-color: #169eff;
    background: 0 0;
    color: #169eff
}

.btn.refresh .iconic *,.btn.refresh .iconic .iconic-property-accent {
    fill: #0074c7;
    stroke: #0074c7
}

.btn.refresh:hover .iconic *,.btn.refresh:hover .iconic .iconic-property-accent {
    fill: #169eff;
    stroke: #169eff
}

.btn.for-you-finish {
    border: 1px solid #0074c7;
    background: 0 0;
    color: #0074c7;
    font-family: Arimo-Bold,Raleway-Bold,Raleway,"Open Sans","Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-size: 1rem;
    padding: .75rem 3.125rem;
    margin: 0 0 0 auto
}

.btn.for-you-finish:focus,.btn.for-you-finish:hover {
    border-color: #169eff;
    background: 0 0;
    color: #169eff
}

.btn.for-you-finish .iconic *,.btn.for-you-finish .iconic .iconic-property-accent {
    fill: #0074c7;
    stroke: #0074c7
}

.btn.for-you-finish:hover .iconic *,.btn.for-you-finish:hover .iconic .iconic-property-accent {
    fill: #169eff;
    stroke: #169eff
}

.btn.comments {
    border: 1px solid #d3d3d3;
    background: 0 0;
    line-height: 1;
    font-family: Arimo-Bold,Raleway-Bold,Raleway,"Open Sans","Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-size: .75rem;
    box-shadow: #d3d3d3 0 0 1px;
    padding: .5rem;
    margin: 0 .5rem;
    transition: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: gray
}

.btn.comments:focus,.btn.comments:hover {
    border-color: #dedede;
    background: 0 0;
    color: #dedede
}

.btn.comments .iconic *,.btn.comments .iconic .iconic-property-accent {
    fill: #d3d3d3;
    stroke: #d3d3d3
}

.btn.comments:hover .iconic *,.btn.comments:hover .iconic .iconic-property-accent {
    fill: #dedede;
    stroke: #dedede
}

.btn.comments:hover {
    color: #0074c7;
    border-color: #0074c7;
    box-shadow: #0074c7 0 0 1px
}

.panel-left.is-active {
    height: 100%;
    background-color: #E4E4E4
}

.mobile-nav-panel {
    max-width: 11.25rem;
    z-index: 9999;
    margin-top: 3.5rem;
    margin-bottom: 0;
    position: fixed;
    display: block;
    opacity: 0
}

.mobile-nav,.mobile-nav>span {
    display: -webkit-flex;
    display: -ms-flexbox
}

.mobile-nav-panel.is-active.panel {
    visibility: visible;
    opacity: 1
}

.mobile-nav-panel .nav-panel-wrap {
    overflow-y: auto;
    height: 100%;
    width: 100%;
    position: fixed
}

@media (min-width:37.5rem) {
    .mobile-nav-panel .nav-panel-wrap {
        height: 99%
    }
}

.mobile-nav-panel .nav-panel-wrap .mobile-nav {
    width: 11.25rem
}

.mobile-nav-panel .nav-overlay {
    background-color: transparent;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.mobile-nav-panel .nav-overlay,.mobile-nav-panel _:-ms-lang(x) {
    background-color: rgba(0,0,0,.2)
}

.mobile-nav-panel hr {
    border: solid rgba(0,0,0,.15);
    border-width: 1px;
    margin: .25rem .75rem
}

.mobile-nav {
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 11.25rem;
    position: absolute
}

.mobile-nav>span {
    position: relative;
    display: flex;
    border-bottom: #e4e4e4 1px solid;
    background-color: #fff;
    font-size: .875rem
}

.feed-wrap,.main-header-wrap {
    display: -webkit-flex;
    display: -ms-flexbox
}

@media (min-width:25rem) {
    .mobile-nav>span {
        font-size: 1rem
    }
}

.mobile-nav>span a {
    width: 100%;
    padding: .625rem 0 .625rem 1.875rem;
    color: #0074c7
}

.mobile-nav>span a.selected,.mobile-nav>span a:hover {
    background-color: #0074c7;
    color: #fff;
    text-decoration: none
}

.mobile-nav>span a.selected {
    pointer-events: none;
    cursor: default
}

.mobile-nav>span a:active {
    background-color: #0074c7;
    color: #fff
}

.mobile-nav .secondary-menu {
    border: none;
    background-color: #E4E4E4
}

.mobile-nav .secondary-menu a {
    width: 100%;
    padding: .5rem 0 .5rem 1.875rem;
    color: #666;
    font-size: .875rem
}

.mobile-nav .secondary-menu a:hover {
    background-color: #E4E4E4;
    color: #0074c7
}

.mobile-nav .secondary-menu a.active {
    background-color: #0074c7;
    color: #fff
}

.feed-wrap {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .5rem;
    transition-duration: .4s;
    transition-property: margin;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-bottom: 3.75rem
}

.feed-wrap .btn.refresh {
    position: relative;
    margin-top: -.5rem;
    width: 100%;
    background-color: rgba(204,204,204,.5);
    border: none
}

.trending-score {
    display: none
}

.main-header-wrap {
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 6rem;
    position: fixed;
    background-color: #fff;
    z-index: 10;
    overflow: visible;
    right: 0;
    left: 0;
    top: 0
}

.header-nav span,.main-header-wrap .main {
    display: -webkit-flex;
    display: -ms-flexbox
}

.main-header-wrap .main {
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 3.5rem;
    max-height: 56px;
    background-color: #0074c7;
    padding-right: .5rem;
    padding-left: .5rem;
    border-bottom: 1px solid rgba(0,0,0,.25)
}

.main-header-wrap .horizontal-nav-wrap {
    background-color: #fff;
    box-shadow: 0 3px 14px -3.8px rgba(0,0,0,.25);
    padding: 0 1.25rem
}

@media (max-width:57.5rem) {
    .main-header-wrap {
        max-height: 56px;
        z-index: 999999
    }

    .main-header-wrap .horizontal-nav-wrap {
        display: none
    }
}

.main-header-wrap .hamburger-wrap {
    -webkit-tap-highlight-color: transparent;
    background: 0 0;
    border: none
}

.main-header-wrap .logo-wrap {
    position: relative;
    -webkit-flex: 0 0 150px;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    margin: 50px auto 0;
    left: -36px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    will-change: transform;
    z-index: 5
}

.main-header-wrap .logo-wrap .brand-logo {
    margin: .5rem
}

.main-header-wrap.slideUp .logo-wrap {
    -webkit-animation-name: slideUp;
    animation-name: slideUp
}

.header-nav {
    display: none;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:48.0625rem) {
    .header-nav {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-flex-basis: 54rem;
        -ms-flex-preferred-size: 54rem;
        flex-basis: 54rem;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.header-nav span {
    display: flex
}

.menu-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    color: #fff;
    padding: 0;
    border-bottom: none;
    width: 100%;
    max-width: 1105px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.menu-group .menu-bar {
    display: none;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    list-style: none;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media (min-width:48.0625rem) {
    .menu-group .menu-bar {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.head-wrap,.menu-group .menu-bar li a {
    display: -webkit-flex;
    display: -ms-flexbox
}

.menu-group .menu-bar:first-child {
    margin-right: 8rem;
    margin-left: 0;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.menu-group .menu-bar:last-child {
    margin-left: 8rem;
    margin-right: 0;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.menu-group .menu-bar li a {
    color: #666;
    text-transform: uppercase;
    border-bottom: 3px solid transparent;
    transition: border-color 218ms ease 0s;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: center;
    font-size: .75rem;
    letter-spacing: .5px;
    text-decoration: none;
    padding: 0;
    margin-top: .125rem
}

.menu-group .menu-bar li a:hover {
    border-color: #0074c7;
    transition: border-color .5s ease 0s;
    background-color: transparent
}

.menu-group .menu-bar li a.selected {
    color: #0074c7;
    border-bottom: 3px solid #0074c7;
    background-color: transparent;
    pointer-events: none;
    cursor: default
}

.menu-group .menu-bar li a svg {
    fill: #000;
    width: 18px;
    padding-right: .5rem
}

.menu-group .menu-bar li a span {
    padding: .6875rem .9375rem
}

.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    will-change: transform,opacity
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.animated.slideDown {
    -webkit-animation-name: slideDown;
    animation-name: slideDown
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.animated.slideUp {
    -webkit-animation-name: slideUp;
    animation-name: slideUp
}

@-webkit-keyframes slideInnerUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes slideInnerUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes slideInnerDown {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInnerDown {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.animated.slideUp .slideInner {
    -webkit-animation-name: slideInnerUp;
    animation-name: slideInnerUp
}

.animated.slideDown .slideInner {
    -webkit-animation-name: slideInnerDown;
    animation-name: slideInnerDown
}

@-webkit-keyframes slideDownMenu {
    0% {
        -webkit-transform: translateY(-56px);
        transform: translateY(-56px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideDownMenu {
    0% {
        -webkit-transform: translateY(-56px);
        transform: translateY(-56px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.animated.slideDownMenu {
    -webkit-animation-name: slideDownMenu;
    animation-name: slideDownMenu
}

@-webkit-keyframes slideUpMenu {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-56px);
        transform: translateY(-56px)
    }
}

@keyframes slideUpMenu {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-56px);
        transform: translateY(-56px)
    }
}

.animated.slideUpMenu {
    -webkit-animation-name: slideUpMenu;
    animation-name: slideUpMenu
}

.head-wrap {
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: visible;
    background-color: #0074c7;
    z-index: 99999;
    height: 3.4375rem;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:37.5rem) {
    .head-wrap {
        height: 4.0625rem
    }
}

.head-wrap .header-follow-wrap {
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width:75rem) {
    .head-wrap .header-follow-wrap {
        -webkit-flex: 0 1 940px;
        -ms-flex: 0 1 940px;
        flex: 0 1 940px
    }
}

.head-wrap .header-follow-wrap.sticky {
    transition: all .5s ease;
    position: relative;
    visibility: visible;
    opacity: 1
}

.head-wrap .header-follow-wrap h5 {
    display: none;
    position: relative;
    color: #fff;
    margin: 0;
    line-height: 1.1;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 3.4375rem;
    width: 100%;
    overflow: hidden
}

.head-wrap .header-follow-wrap .fb-share-btn,.head-wrap .header-follow-wrap .next-btn {
    -webkit-align-items: center;
    font-family: Arimo-Bold,Raleway-Bold,Raleway,"Open Sans","Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    color: #fff
}

@media (min-width:36.25rem) {
    .head-wrap .header-follow-wrap h5 {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.head-wrap .header-follow-wrap h5 a {
    color: #fff;
    line-height: 1;
    margin-right: 6px
}

.head-wrap .header-follow-wrap .fb-share-btn {
    display: none;
    padding: .25rem .9375rem;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #3b5998;
    border-radius: .25rem;
    transition: all .5s ease;
    margin-right: 10px
}

@media (min-width:25rem) {
    .head-wrap .header-follow-wrap .fb-share-btn {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: auto
    }
}

.head-wrap .header-follow-wrap .next-btn,.head-wrap .header-follow-wrap .sharing-twt {
    transition: all .5s ease;
    display: -webkit-flex;
    display: -ms-flexbox;
    border-radius: .25rem
}

.head-wrap .header-follow-wrap .fb-share-btn .fb-f {
    margin-bottom: -3px
}

.head-wrap .header-follow-wrap .fb-share-btn .fb-f svg {
    width: .75rem;
    height: 1.375rem;
    fill: #fff
}

.head-wrap .header-follow-wrap .fb-share-btn:hover {
    color: #fff;
    background: #4264aa
}

@media (max-width:25.8125rem) {
    .head-wrap .header-follow-wrap h5 a {
        font-size: .875rem
    }

    .head-wrap .header-follow-wrap .fb-share-btn .fb-f svg {
        width: .5625rem;
        height: 1rem
    }

    .head-wrap .header-follow-wrap .fb-share-btn {
        padding: .3125rem .625rem;
        margin-right: .625rem
    }
}

.head-wrap .header-follow-wrap .sharing-twt {
    background: #55acee;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .1875rem .5625rem
}

.head-wrap .header-follow-wrap .sharing-twt:hover {
    color: #fff;
    background: #2795e9
}

.head-wrap .header-follow-wrap .sharing-twt svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: #fff
}

@media (max-width:63.9375rem) {
    .head-wrap .header-follow-wrap .sharing-twt {
        display: none
    }
}

.head-wrap .header-follow-wrap .next-btn {
    padding: 0 .9375rem;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ff8f0a;
    display: flex
}

@media (min-width:63.9375rem) {
    .head-wrap .header-follow-wrap .next-btn {
        margin-left: 10px
    }
}

.head-wrap .header-follow-wrap .next-btn.show-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px
}

.head-wrap .header-follow-wrap .next-btn.no-show-info {
    display: none
}

.head-wrap .header-follow-wrap .next-btn .next-text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.875rem
}

@media (max-width:39.375rem) {
    .head-wrap .header-follow-wrap .next-btn .next-text {
        font-size: .75rem
    }
}

.head-wrap .header-follow-wrap .next-btn:hover {
    background: #d67400;
    text-decoration: none
}

.head-wrap .header-follow-wrap .next-btn[lang=en] {
    min-width: 4.875rem
}

.head-wrap .header-follow-wrap .next-btn[lang=fr] {
    min-width: 6.5625rem
}

.head-wrap .header-follow-wrap .next-btn[lang=es] {
    min-width: 7.5rem
}

@media (min-width:64rem) {
    .main-window.article-page .show-language {
        display: none
    }
}

.main-window.article-page .mobile-nav-panel .nav-panel-wrap .mobile-nav,.main-window.article-page .mobile-nav-panel .nav-panel-wrap _:-ms-lang(x) {
    top: 0
}

.main-window.article-page .mobile-menu-branding {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: .3125rem;
    margin-left: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (min-width:37.5rem) {
    .main-window.article-page .mobile-nav-panel .nav-panel-wrap {
        margin-top: .625rem
    }

    .main-window.article-page .mobile-menu-branding {
        margin-left: 1.5625rem;
        margin-right: 1.5625rem
    }
}

@media (max-width:27.5rem) {
    .main-window.article-page .mobile-menu-branding.no-flags {
        display: none
    }
}

.main-window.article-page .mobile-menu-branding .brand-logo {
    -webkit-filter: none;
    filter: none;
    display: inline-table
}

.main-window.article-page .mobile-menu-branding .brand-logo svg {
    width: 4.6875rem;
    height: 2.375rem;
    margin-top: 0
}

.main-window.article-page .language-toggle {
    display: none;
    overflow: visible;
    margin-left: auto;
    -webkit-flex: 1 0 52px;
    -ms-flex: 1 0 52px;
    flex: 1 0 52px;
    max-width: 52px;
    min-width: 52px;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:83.5rem) {
    .main-window.article-page .language-toggle {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.main-window.article-page .right-panel-control {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-right: .9375rem;
    margin-left: .625rem
}

.main-window.article-page .right-panel-control svg {
    width: 30px;
    height: 30px
}

@media (min-width:75rem) {
    .main-window.article-page .right-panel-control {
        display: none
    }
}

.main-window.article-page .top-timer-container {
    display: none
}

.home-page .main-view {
    background-color: #fafafa;
    padding-top: 2.1875rem
}

.careers .main-view,.static .main-view {
    background-color: #fff
}

@media (min-width:37.5rem) {
    .home-page .main-view {
        padding-top: 4.0625rem
    }
}

.home-page .feed-item .card-image {
    height: 250px
}

.header-interactions-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
}

.static .main-view {
    padding-top: 2.1875rem
}

@media (min-width:37.5rem) {
    .static .main-view {
        padding-top: 4.0625rem
    }
}

@media (min-width:75rem) {
    .static .main-view {
        padding-top: 6rem
    }
}

.hamburger-wrap {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    overflow: visible
}

.hamburger-wrap svg {
    width: 32px;
    height: 32px;
    margin: 0 .9375rem;
    fill: #fff;
    cursor: pointer;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: -webkit-transform ease-in-out .1s;
    transition: transform ease-in-out .1s;
    overflow: visible
}

.hamburger-wrap .bottom-line,.hamburger-wrap .mid-line,.hamburger-wrap .top-line {
    transition: all .25s linear;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 27% 50%;
    -ms-transform-origin: 27% 50%;
    transform-origin: 27% 50%;
    border-radius: .25rem;
    opacity: 1
}

.hamburger-wrap .open .top-line,.hamburger-wrap.open .top-line {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform-origin: 75% 80%;
    transform-origin: 75% 80%;
    -webkit-transform-origin: 82% 100%
}

.hamburger-wrap .open .mid-line,.hamburger-wrap.open .mid-line {
    opacity: 0
}

.hamburger-wrap .open .mid-line,.hamburger-wrap _:-ms-lang(x),.hamburger-wrap.open .mid-line {
    opacity: 1
}

.hamburger-wrap .open .bottom-line,.hamburger-wrap.open .bottom-line {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform-origin: 60% 40%;
    transform-origin: 60% 40%;
    -webkit-transform-origin: 75% 50%
}

.hamburger-wrap .offcanvas-toggle {
    overflow: visible
}

.horizontal-nav-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.horizontal-nav-wrap .horizontal-nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    list-style: none;
    margin: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
    min-height: 40px;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.horizontal-nav-wrap .horizontal-nav::-webkit-scrollbar {
    display: none
}

.horizontal-nav-wrap .horizontal-nav li {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    white-space: nowrap;
    margin-right: .5rem;
    margin-left: .5rem;
    padding-right: .5rem;
    padding-left: .5rem
}

@media (min-width:48.0625rem) {
    .horizontal-nav-wrap .horizontal-nav li {
        margin-right: 1rem;
        margin-left: 1rem
    }
}

@media (min-width:63.9375rem) {
    .horizontal-nav-wrap .horizontal-nav li {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

.horizontal-nav-wrap .horizontal-nav li:first-of-type {
    padding-left: 0
}

.main-header-wrap .horizontal-nav-wrap {
    height: 2.5rem
}

.main-header-wrap .horizontal-nav-wrap .horizontal-nav {
    background: #0074c7;
    background: linear-gradient(to right,#0074c7 0,#1a919f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074c7', endColorstr='#1a919f', GradientType=1 )
}

.main-header-wrap .horizontal-nav-wrap a {
    color: #fff
}

.logo-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.logo-wrap.logo-blue svg .bubble-path {
    fill: #FFF
}

.logo-wrap.logo-blue svg .paths-d,.logo-wrap.logo-blue svg .paths-i,.logo-wrap.logo-blue svg .paths-l,.logo-wrap.logo-blue svg .paths-p,.logo-wrap.logo-blue svg .paths-y,.logo-wrap.logo-white svg .bubble-path {
    fill: #0074c7
}

.logo-wrap.logo-white svg .paths-d,.logo-wrap.logo-white svg .paths-i,.logo-wrap.logo-white svg .paths-l,.logo-wrap.logo-white svg .paths-p,.logo-wrap.logo-white svg .paths-y {
    fill: #fff
}

.logo-wrap.logo-large svg {
    height: 4.5rem;
    width: 8.78813rem
}

.logo-wrap .brand-logo {
    width: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-filter: drop-shadow(1px 4px 6px rgba(0, 0, 0, .2));
    filter: drop-shadow(1px 4px 6px rgba(0, 0, 0, .2))
}