@media print,screen and (min-width: 40em) {
    .reveal,.reveal.large,.reveal.small,.reveal.tiny {
        right:auto;
        left: auto;
        margin: 0 auto
    }
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15
}

h1 {
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    overflow: visible
}

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

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: 0;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

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

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    white-space: normal
}

progress {
    vertical-align: baseline
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[data-whatinput=mouse] *,[data-whatinput=mouse] :focus,[data-whatinput=touch] *,[data-whatinput=touch] :focus,[data-whatintent=mouse] *,[data-whatintent=mouse] :focus,[data-whatintent=touch] *,[data-whatintent=touch] :focus {
    outline: none
}

[draggable=false] {
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

.foundation-mq {
    font-family: "small=0em&small2=30em&medium=40em&medium_a=48em&medium_ab=49.0625em&medium_b=50em&large=64em&large_plus1=64.0625em&xlarge=76.25em&xxlarge=90em&xxxlarge=120em&xxxs_0=0em&xxs_320=20em&xs_375=23.4375em&s_768=48em&s_900=56.25em&m_1024=64em&m_1100=68.75em&l_1280=80em&xl_1440=90em&xxl_1920=120em"
}

html {
    box-sizing: border-box
}

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

body {
    padding: 0;
    background: #fefefe;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

textarea {
    min-height: 50px;
    border-radius: 0
}

select {
    box-sizing: border-box
}

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

button {
    padding: 0;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: transparent;
    line-height: 1;
    cursor: auto
}

[data-whatinput=mouse] button {
    outline: 0
}

pre {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

button,input,optgroup,select,textarea {
    font-family: inherit
}

.is-visible {
    display: block!important
}

.is-hidden {
    display: none!important
}

blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul {
    margin: 0;
    padding: 0
}

p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: auto
}

em,i {
    font-style: italic
}

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

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: Roboto-Regular-webfont,Arial,sans-serif;
    font-style: normal;
    font-weight: 700;
    color: inherit;
    text-rendering: optimizeSpeed
}

.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
    line-height: 0;
    color: #cacaca
}

.h1,h1 {
    font-size: 1.5rem
}

.h1,.h2,h1,h2 {
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

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

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

.h3,.h4,h3,h4 {
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

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

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

.h5,.h6,h5,h6 {
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h6,h6 {
    font-size: 1rem
}

@media print,screen and (min-width: 40em) {
    .h1,h1 {
        font-size:3rem
    }

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

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

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

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

    .h6,h6 {
        font-size: 1rem
    }
}

a {
    line-height: inherit;
    color: #44841a;
    text-decoration: none;
    cursor: pointer
}

a:focus,a:hover {
    color: #3a7216
}

a img {
    border: 0
}

hr {
    clear: both;
    max-width: 1220px;
    margin: 1.25rem auto;
    border-bottom: 1px solid #cacaca
}

dl,ol,ul {
    margin-bottom: 1rem;
    list-style-position: outside;
    line-height: 1.6
}

li {
    font-size: inherit
}

ul {
    list-style-type: disc
}

ol,ul {
    margin-left: 1.25rem
}

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

dl {
    margin-bottom: 1rem
}

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

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

blockquote,blockquote p {
    line-height: 1.6;
    color: #8a8a8a
}

abbr,abbr[title] {
    border-bottom: 1px dotted #0a0a0a;
    cursor: help;
    text-decoration: none
}

kbd {
    margin: 0;
    padding: .125rem .25rem 0;
    background-color: #e6e6e6;
    font-family: Consolas,Liberation Mono,Courier,monospace;
    color: #0a0a0a
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #8a8a8a
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p+.stat {
    margin-top: -1rem
}

ol.no-bullet,ul.no-bullet {
    margin-left: 0;
    list-style: none
}

.cite-block,cite {
    display: block;
    color: #8a8a8a;
    font-size: .8125rem
}

.cite-block:before,cite:before {
    content: "— "
}

.code-inline,code {
    display: inline;
    max-width: 100%;
    word-wrap: break-word;
    padding: .125rem .3125rem .0625rem
}

.code-block,.code-inline,code {
    border: 1px solid #cacaca;
    background-color: #e6e6e6;
    font-family: Consolas,Liberation Mono,Courier,monospace;
    font-weight: 400;
    color: #0a0a0a
}

.code-block {
    display: block;
    overflow: auto;
    white-space: pre;
    padding: 1rem;
    margin-bottom: 1.5rem
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media print,screen and (min-width: 30em) {
    .small2-text-left {
        text-align:left
    }

    .small2-text-right {
        text-align: right
    }

    .small2-text-center {
        text-align: center
    }

    .small2-text-justify {
        text-align: justify
    }
}

@media print,screen and (min-width: 40em) {
    .medium-text-left {
        text-align:left
    }

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

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

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

@media print,screen and (min-width: 48em) {
    .medium_a-text-left {
        text-align:left
    }

    .medium_a-text-right {
        text-align: right
    }

    .medium_a-text-center {
        text-align: center
    }

    .medium_a-text-justify {
        text-align: justify
    }
}

@media print,screen and (min-width: 49.0625em) {
    .medium_ab-text-left {
        text-align:left
    }

    .medium_ab-text-right {
        text-align: right
    }

    .medium_ab-text-center {
        text-align: center
    }

    .medium_ab-text-justify {
        text-align: justify
    }
}

@media print,screen and (min-width: 50em) {
    .medium_b-text-left {
        text-align:left
    }

    .medium_b-text-right {
        text-align: right
    }

    .medium_b-text-center {
        text-align: center
    }

    .medium_b-text-justify {
        text-align: justify
    }
}

@media print,screen and (min-width: 64em) {
    .large-text-left {
        text-align:left
    }

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

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

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

@media screen and (min-width: 64.0625em) {
    .large_plus1-text-left {
        text-align:left
    }

    .large_plus1-text-right {
        text-align: right
    }

    .large_plus1-text-center {
        text-align: center
    }

    .large_plus1-text-justify {
        text-align: justify
    }
}

@media screen and (min-width: 76.25em) {
    .xlarge-text-left {
        text-align:left
    }

    .xlarge-text-right {
        text-align: right
    }

    .xlarge-text-center {
        text-align: center
    }

    .xlarge-text-justify {
        text-align: justify
    }
}

@media screen and (min-width: 90em) {
    .xxlarge-text-left {
        text-align:left
    }

    .xxlarge-text-right {
        text-align: right
    }

    .xxlarge-text-center {
        text-align: center
    }

    .xxlarge-text-justify {
        text-align: justify
    }
}

@media screen and (min-width: 120em) {
    .xxxlarge-text-left {
        text-align:left
    }

    .xxxlarge-text-right {
        text-align: right
    }

    .xxxlarge-text-center {
        text-align: center
    }

    .xxxlarge-text-justify {
        text-align: justify
    }
}

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

.xxxs_0-text-right {
    text-align: right
}

.xxxs_0-text-center {
    text-align: center
}

.xxxs_0-text-justify {
    text-align: justify
}

@media screen and (min-width: 20em) {
    .xxs_320-text-left {
        text-align:left
    }

    .xxs_320-text-right {
        text-align: right
    }

    .xxs_320-text-center {
        text-align: center
    }

    .xxs_320-text-justify {
        text-align: justify
    }
}

@media screen and (min-width: 23.4375em) {
    .xs_375-text-left {
        text-align:left
    }

    .xs_375-text-right {
        text-align: right
    }

    .xs_375-text-center {
        text-align: center
    }

    .xs_375-text-justify {
        text-align: justify
    }
}

@media screen and (min-width: 48em) {
    .s_768-text-left {
        text-align:left
    }

    .s_768-text-right {
        text-align: right
    }

    .s_768-text-center {
        text-align: center
    }

    .s_768-text-justify {
        text-align: justify
    }
}

@media screen and (min-width: 64em) {
    .m_1024-text-left {
        text-align:left
    }

    .m_1024-text-right {
        text-align: right
    }

    .m_1024-text-center {
        text-align: center
    }

    .m_1024-text-justify {
        text-align: justify
    }
}

@media screen and (min-width: 80em) {
    .l_1280-text-left {
        text-align:left
    }

    .l_1280-text-right {
        text-align: right
    }

    .l_1280-text-center {
        text-align: center
    }

    .l_1280-text-justify {
        text-align: justify
    }
}

@media screen and (min-width: 90em) {
    .xl_1440-text-left {
        text-align:left
    }

    .xl_1440-text-right {
        text-align: right
    }

    .xl_1440-text-center {
        text-align: center
    }

    .xl_1440-text-justify {
        text-align: justify
    }
}

@media screen and (min-width: 120em) {
    .xxl_1920-text-left {
        text-align:left
    }

    .xxl_1920-text-right {
        text-align: right
    }

    .xxl_1920-text-center {
        text-align: center
    }

    .xxl_1920-text-justify {
        text-align: justify
    }
}

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

@media print {
    * {
        background: transparent!important;
        color: #000!important;
        -webkit-print-color-adjust: economy;
        color-adjust: economy;
        box-shadow: none!important;
        text-shadow: none!important
    }

    .show-for-print {
        display: block!important
    }

    .hide-for-print {
        display: none!important
    }

    table.show-for-print {
        display: table!important
    }

    thead.show-for-print {
        display: table-header-group!important
    }

    tbody.show-for-print {
        display: table-row-group!important
    }

    tr.show-for-print {
        display: table-row!important
    }

    td.show-for-print,th.show-for-print {
        display: table-cell!important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    .ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after {
        content: ""
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    blockquote,pre {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100%!important
    }

    @page {
        margin: .5cm
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    .print-break-inside {
        page-break-inside: auto
    }
}

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem;
    padding: .85em 1em;
    border: 1px solid transparent;
    border-radius: 0;
    transition: background-color .25s ease-out,color .25s ease-out;
    font-family: inherit;
    font-size: .9rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer
}

[data-whatinput=mouse] .button {
    outline: 0
}

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

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

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

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

.button,.button.disabled,.button.disabled:focus,.button.disabled:hover,.button[disabled],.button[disabled]:focus,.button[disabled]:hover {
    background-color: #1779ba;
    color: #fefefe
}

.button:focus,.button:hover {
    background-color: #14679e;
    color: #fefefe
}

.button.primary,.button.primary.disabled,.button.primary.disabled:focus,.button.primary.disabled:hover,.button.primary[disabled],.button.primary[disabled]:focus,.button.primary[disabled]:hover {
    background-color: #1779ba;
    color: #fefefe
}

.button.primary:focus,.button.primary:hover {
    background-color: #126195;
    color: #fefefe
}

.button.secondary,.button.secondary.disabled,.button.secondary.disabled:focus,.button.secondary.disabled:hover,.button.secondary[disabled],.button.secondary[disabled]:focus,.button.secondary[disabled]:hover {
    background-color: #767676;
    color: #fefefe
}

.button.secondary:focus,.button.secondary:hover {
    background-color: #5e5e5e;
    color: #fefefe
}

.button.success,.button.success.disabled,.button.success.disabled:focus,.button.success.disabled:hover,.button.success[disabled],.button.success[disabled]:focus,.button.success[disabled]:hover {
    background-color: #3adb76;
    color: #0a0a0a
}

.button.success:focus,.button.success:hover {
    background-color: #22bb5b;
    color: #0a0a0a
}

.button.warning,.button.warning.disabled,.button.warning.disabled:focus,.button.warning.disabled:hover,.button.warning[disabled],.button.warning[disabled]:focus,.button.warning[disabled]:hover {
    background-color: #ffae00;
    color: #0a0a0a
}

.button.warning:focus,.button.warning:hover {
    background-color: #cc8b00;
    color: #0a0a0a
}

.button.alert,.button.alert.disabled,.button.alert.disabled:focus,.button.alert.disabled:hover,.button.alert[disabled],.button.alert[disabled]:focus,.button.alert[disabled]:hover {
    background-color: #cc4b37;
    color: #fefefe
}

.button.alert:focus,.button.alert:hover {
    background-color: #a53b2a;
    color: #fefefe
}

.button.hollow,.button.hollow.disabled,.button.hollow.disabled:focus,.button.hollow.disabled:hover,.button.hollow:focus,.button.hollow:hover,.button.hollow[disabled],.button.hollow[disabled]:focus,.button.hollow[disabled]:hover {
    background-color: transparent
}

.button.hollow,.button.hollow.disabled,.button.hollow.disabled:focus,.button.hollow.disabled:hover,.button.hollow[disabled],.button.hollow[disabled]:focus,.button.hollow[disabled]:hover {
    border: 1px solid #1779ba;
    color: #1779ba
}

.button.hollow:focus,.button.hollow:hover {
    border-color: #0c3d5d;
    color: #0c3d5d
}

.button.hollow.primary,.button.hollow.primary.disabled,.button.hollow.primary.disabled:focus,.button.hollow.primary.disabled:hover,.button.hollow.primary[disabled],.button.hollow.primary[disabled]:focus,.button.hollow.primary[disabled]:hover {
    border: 1px solid #1779ba;
    color: #1779ba
}

.button.hollow.primary:focus,.button.hollow.primary:hover {
    border-color: #0c3d5d;
    color: #0c3d5d
}

.button.hollow.secondary,.button.hollow.secondary.disabled,.button.hollow.secondary.disabled:focus,.button.hollow.secondary.disabled:hover,.button.hollow.secondary[disabled],.button.hollow.secondary[disabled]:focus,.button.hollow.secondary[disabled]:hover {
    border: 1px solid #767676;
    color: #767676
}

.button.hollow.secondary:focus,.button.hollow.secondary:hover {
    border-color: #3b3b3b;
    color: #3b3b3b
}

.button.hollow.success,.button.hollow.success.disabled,.button.hollow.success.disabled:focus,.button.hollow.success.disabled:hover,.button.hollow.success[disabled],.button.hollow.success[disabled]:focus,.button.hollow.success[disabled]:hover {
    border: 1px solid #3adb76;
    color: #3adb76
}

.button.hollow.success:focus,.button.hollow.success:hover {
    border-color: #157539;
    color: #157539
}

.button.hollow.warning,.button.hollow.warning.disabled,.button.hollow.warning.disabled:focus,.button.hollow.warning.disabled:hover,.button.hollow.warning[disabled],.button.hollow.warning[disabled]:focus,.button.hollow.warning[disabled]:hover {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.hollow.warning:focus,.button.hollow.warning:hover {
    border-color: #805700;
    color: #805700
}

.button.hollow.alert,.button.hollow.alert.disabled,.button.hollow.alert.disabled:focus,.button.hollow.alert.disabled:hover,.button.hollow.alert[disabled],.button.hollow.alert[disabled]:focus,.button.hollow.alert[disabled]:hover {
    border: 1px solid #cc4b37;
    color: #cc4b37
}

.button.hollow.alert:focus,.button.hollow.alert:hover {
    border-color: #67251a;
    color: #67251a
}

.button.clear,.button.clear.disabled,.button.clear.disabled:focus,.button.clear.disabled:hover,.button.clear:focus,.button.clear:hover,.button.clear[disabled],.button.clear[disabled]:focus,.button.clear[disabled]:hover {
    border-color: transparent;
    background-color: transparent
}

.button.clear,.button.clear.disabled,.button.clear.disabled:focus,.button.clear.disabled:hover,.button.clear[disabled],.button.clear[disabled]:focus,.button.clear[disabled]:hover {
    color: #1779ba
}

.button.clear:focus,.button.clear:hover {
    color: #0c3d5d
}

.button.clear.primary,.button.clear.primary.disabled,.button.clear.primary.disabled:focus,.button.clear.primary.disabled:hover,.button.clear.primary[disabled],.button.clear.primary[disabled]:focus,.button.clear.primary[disabled]:hover {
    color: #1779ba
}

.button.clear.primary:focus,.button.clear.primary:hover {
    color: #0c3d5d
}

.button.clear.secondary,.button.clear.secondary.disabled,.button.clear.secondary.disabled:focus,.button.clear.secondary.disabled:hover,.button.clear.secondary[disabled],.button.clear.secondary[disabled]:focus,.button.clear.secondary[disabled]:hover {
    color: #767676
}

.button.clear.secondary:focus,.button.clear.secondary:hover {
    color: #3b3b3b
}

.button.clear.success,.button.clear.success.disabled,.button.clear.success.disabled:focus,.button.clear.success.disabled:hover,.button.clear.success[disabled],.button.clear.success[disabled]:focus,.button.clear.success[disabled]:hover {
    color: #3adb76
}

.button.clear.success:focus,.button.clear.success:hover {
    color: #157539
}

.button.clear.warning,.button.clear.warning.disabled,.button.clear.warning.disabled:focus,.button.clear.warning.disabled:hover,.button.clear.warning[disabled],.button.clear.warning[disabled]:focus,.button.clear.warning[disabled]:hover {
    color: #ffae00
}

.button.clear.warning:focus,.button.clear.warning:hover {
    color: #805700
}

.button.clear.alert,.button.clear.alert.disabled,.button.clear.alert.disabled:focus,.button.clear.alert.disabled:hover,.button.clear.alert[disabled],.button.clear.alert[disabled]:focus,.button.clear.alert[disabled]:hover {
    color: #cc4b37
}

.button.clear.alert:focus,.button.clear.alert:hover {
    color: #67251a
}

.button.disabled,.button[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.button.dropdown:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: #fefefe transparent transparent;
    border-style: solid;
    border-width: .4em .4em 0;
    position: relative;
    top: .4em;
    display: inline-block;
    float: right;
    margin-left: 1em
}

.button.dropdown.clear.primary:after,.button.dropdown.clear:after,.button.dropdown.hollow.primary:after,.button.dropdown.hollow:after {
    border-top-color: #1779ba
}

.button.dropdown.clear.secondary:after,.button.dropdown.hollow.secondary:after {
    border-top-color: #767676
}

.button.dropdown.clear.success:after,.button.dropdown.hollow.success:after {
    border-top-color: #3adb76
}

.button.dropdown.clear.warning:after,.button.dropdown.hollow.warning:after {
    border-top-color: #ffae00
}

.button.dropdown.clear.alert:after,.button.dropdown.hollow.alert:after {
    border-top-color: #cc4b37
}

.button.arrow-only:after {
    top: -.1em;
    float: none;
    margin-left: 0
}

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

[type=color],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

[type=color]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=datetime]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,textarea:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow .5s,border-color .25s ease-in-out
}

textarea {
    max-width: 100%
}

textarea[rows] {
    height: auto
}

input:disabled,input[readonly],textarea:disabled,textarea[readonly] {
    background-color: #e6e6e6;
    cursor: not-allowed
}

[type=button],[type=submit] {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0
}

input[type=search] {
    box-sizing: border-box
}

:-ms-input-placeholder {
    color: #cacaca
}

::placeholder {
    color: #cacaca
}

[type=checkbox],[type=file],[type=radio] {
    margin: 0 0 1rem
}

[type=checkbox]+label,[type=radio]+label {
    display: inline-block;
    vertical-align: baseline;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0
}

[type=checkbox]+label[for],[type=radio]+label[for] {
    cursor: pointer
}

label>[type=checkbox],label>[type=radio] {
    margin-right: .5rem
}

[type=file] {
    width: 100%
}

label {
    margin: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.8;
    color: #0a0a0a
}

label.middle {
    margin: 0 0 1rem;
    line-height: 1.5;
    padding: .5625rem 0
}

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #0a0a0a
}

.input-group {
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
    align-items: stretch
}

.input-group>:first-child,.input-group>:first-child.input-group-button>*,.input-group>:last-child,.input-group>:last-child.input-group-button>* {
    border-radius: 0 0 0 0
}

.input-group-button,.input-group-button a,.input-group-button button,.input-group-button input,.input-group-button label,.input-group-field,.input-group-label {
    margin: 0;
    white-space: nowrap
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #cacaca;
    background: #e6e6e6;
    color: #0a0a0a;
    text-align: center;
    white-space: nowrap;
    display: flex;
    flex: 0 0 auto;
    align-items: center
}

.input-group-label:first-child {
    border-right: 0
}

.input-group-label:last-child {
    border-left: 0
}

.input-group-field {
    border-radius: 0;
    flex: 1 1 0px;
    min-width: 0
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    display: flex;
    flex: 0 0 auto
}

.input-group-button a,.input-group-button button,.input-group-button input,.input-group-button label {
    align-self: stretch;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem
}

legend {
    max-width: 100%;
    margin-bottom: .5rem
}

.fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #cacaca
}

.fieldset legend {
    margin: 0 0 0 -.1875rem;
    padding: 0 .1875rem
}

select {
    height: 2.4375rem;
    margin: 0 0 1rem;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28138, 138, 138%29"></polygon></svg>');
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding: .5rem 1.5rem .5rem .5rem;
    transition: box-shadow .5s,border-color .25s ease-in-out
}

@media screen and (min-width: 0\0) {
    select {
        background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
    }
}

select:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow .5s,border-color .25s ease-in-out
}

select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed
}

select::-ms-expand {
    display: none
}

select[multiple] {
    height: auto;
    background-image: none
}

select:not([multiple]) {
    padding-top: 0;
    padding-bottom: 0
}

.is-invalid-input:not(:focus) {
    border-color: #cc4b37;
    background-color: #f9ecea
}

.is-invalid-input:not(:focus):-ms-input-placeholder {
    color: #cc4b37
}

.is-invalid-input:not(:focus)::placeholder {
    color: #cc4b37
}

.form-error,.is-invalid-label {
    color: #cc4b37
}

.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 700
}

.form-error.is-visible {
    display: block
}

.accordion {
    margin-left: 0;
    background: #fefefe;
    list-style-type: none
}

.accordion[disabled] .accordion-title {
    cursor: not-allowed
}

.accordion-item:first-child>:first-child,.accordion-item:last-child>:last-child {
    border-radius: 0 0 0 0
}

.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    font-size: .75rem;
    line-height: 1;
    color: #1779ba
}

:last-child:not(.is-active)>.accordion-title {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0 0 0 0
}

.accordion-title:focus,.accordion-title:hover {
    background-color: #e6e6e6
}

.accordion-title:before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5rem;
    content: "+"
}

.is-active>.accordion-title:before {
    content: "–"
}

.accordion-content {
    display: none;
    padding: 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background-color: #fefefe;
    color: #0a0a0a
}

:last-child>.accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6
}

.accordion-menu li {
    width: 100%
}

.accordion-menu .is-accordion-submenu a,.accordion-menu a {
    padding: .7rem 1rem
}

.accordion-menu .nested.is-accordion-submenu {
    margin-right: 0;
    margin-left: 1rem
}

.accordion-menu.align-right .nested.is-accordion-submenu {
    margin-right: 1rem;
    margin-left: 0
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a {
    position: relative
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: #1779ba transparent transparent;
    border-style: solid;
    border-width: 6px 6px 0;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1rem
}

.accordion-menu.align-left .is-accordion-submenu-parent>a:after {
    right: 1rem;
    left: auto
}

.accordion-menu.align-right .is-accordion-submenu-parent>a:after {
    right: auto;
    left: 1rem
}

.accordion-menu .is-accordion-submenu-parent[aria-expanded=true]>a:after {
    transform: rotate(180deg);
    transform-origin: 50% 50%
}

.is-accordion-submenu-parent {
    position: relative
}

.has-submenu-toggle>a {
    margin-right: 40px
}

.submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    cursor: pointer
}

.submenu-toggle:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: #1779ba transparent transparent;
    border-style: solid;
    border-width: 6px 6px 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.submenu-toggle[aria-expanded=true]:after {
    transform: scaleY(-1);
    transform-origin: 50% 50%
}

.submenu-toggle-text {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important
}

.badge {
    display: inline-block;
    min-width: 2.1em;
    padding: .3em;
    border-radius: 50%;
    font-size: .6rem;
    text-align: center
}

.badge,.badge.primary {
    background: #1779ba;
    color: #fefefe
}

.badge.secondary {
    background: #767676;
    color: #fefefe
}

.badge.success {
    background: #3adb76;
    color: #0a0a0a
}

.badge.warning {
    background: #ffae00;
    color: #0a0a0a
}

.badge.alert {
    background: #cc4b37;
    color: #fefefe
}

.breadcrumbs {
    margin: 0 0 1rem;
    list-style: none
}

.breadcrumbs:after,.breadcrumbs:before {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.breadcrumbs:after {
    clear: both
}

.breadcrumbs li {
    float: left;
    font-size: .6875rem;
    color: #0a0a0a;
    cursor: default;
    text-transform: uppercase
}

.breadcrumbs li:not(:last-child):after {
    position: relative;
    margin: 0 .75rem;
    opacity: 1;
    content: "/";
    color: #cacaca
}

.breadcrumbs a {
    color: #1779ba
}

.breadcrumbs a:hover {
    text-decoration: underline
}

.breadcrumbs .disabled {
    color: #cacaca;
    cursor: not-allowed
}

.button-group {
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    flex-grow: 1
}

.button-group:after,.button-group:before {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.button-group:after {
    clear: both
}

.button-group:after,.button-group:before {
    display: none
}

.button-group .button {
    margin: 0 1px 1px 0;
    font-size: .9rem;
    flex: 0 0 auto
}

.button-group .button:last-child {
    margin-right: 0
}

.button-group.tiny .button {
    font-size: .6rem
}

.button-group.small .button {
    font-size: .75rem
}

.button-group.large .button {
    font-size: 1.25rem
}

.button-group.expanded .button {
    flex: 1 1 0px
}

.button-group.primary .button,.button-group.primary .button.disabled,.button-group.primary .button.disabled:focus,.button-group.primary .button.disabled:hover,.button-group.primary .button[disabled],.button-group.primary .button[disabled]:focus,.button-group.primary .button[disabled]:hover {
    background-color: #1779ba;
    color: #fefefe
}

.button-group.primary .button:focus,.button-group.primary .button:hover {
    background-color: #126195;
    color: #fefefe
}

.button-group.secondary .button,.button-group.secondary .button.disabled,.button-group.secondary .button.disabled:focus,.button-group.secondary .button.disabled:hover,.button-group.secondary .button[disabled],.button-group.secondary .button[disabled]:focus,.button-group.secondary .button[disabled]:hover {
    background-color: #767676;
    color: #fefefe
}

.button-group.secondary .button:focus,.button-group.secondary .button:hover {
    background-color: #5e5e5e;
    color: #fefefe
}

.button-group.success .button,.button-group.success .button.disabled,.button-group.success .button.disabled:focus,.button-group.success .button.disabled:hover,.button-group.success .button[disabled],.button-group.success .button[disabled]:focus,.button-group.success .button[disabled]:hover {
    background-color: #3adb76;
    color: #0a0a0a
}

.button-group.success .button:focus,.button-group.success .button:hover {
    background-color: #22bb5b;
    color: #0a0a0a
}

.button-group.warning .button,.button-group.warning .button.disabled,.button-group.warning .button.disabled:focus,.button-group.warning .button.disabled:hover,.button-group.warning .button[disabled],.button-group.warning .button[disabled]:focus,.button-group.warning .button[disabled]:hover {
    background-color: #ffae00;
    color: #0a0a0a
}

.button-group.warning .button:focus,.button-group.warning .button:hover {
    background-color: #cc8b00;
    color: #0a0a0a
}

.button-group.alert .button,.button-group.alert .button.disabled,.button-group.alert .button.disabled:focus,.button-group.alert .button.disabled:hover,.button-group.alert .button[disabled],.button-group.alert .button[disabled]:focus,.button-group.alert .button[disabled]:hover {
    background-color: #cc4b37;
    color: #fefefe
}

.button-group.alert .button:focus,.button-group.alert .button:hover {
    background-color: #a53b2a;
    color: #fefefe
}

.button-group.hollow .button,.button-group.hollow .button.disabled,.button-group.hollow .button.disabled:focus,.button-group.hollow .button.disabled:hover,.button-group.hollow .button:focus,.button-group.hollow .button:hover,.button-group.hollow .button[disabled],.button-group.hollow .button[disabled]:focus,.button-group.hollow .button[disabled]:hover {
    background-color: transparent
}

.button-group.hollow .button,.button-group.hollow .button.disabled,.button-group.hollow .button.disabled:focus,.button-group.hollow .button.disabled:hover,.button-group.hollow .button[disabled],.button-group.hollow .button[disabled]:focus,.button-group.hollow .button[disabled]:hover {
    border: 1px solid #1779ba;
    color: #1779ba
}

.button-group.hollow .button:focus,.button-group.hollow .button:hover {
    border-color: #0c3d5d;
    color: #0c3d5d
}

.button-group.hollow .button.primary,.button-group.hollow .button.primary.disabled,.button-group.hollow .button.primary.disabled:focus,.button-group.hollow .button.primary.disabled:hover,.button-group.hollow .button.primary[disabled],.button-group.hollow .button.primary[disabled]:focus,.button-group.hollow .button.primary[disabled]:hover,.button-group.hollow.primary .button,.button-group.hollow.primary .button.disabled,.button-group.hollow.primary .button.disabled:focus,.button-group.hollow.primary .button.disabled:hover,.button-group.hollow.primary .button[disabled],.button-group.hollow.primary .button[disabled]:focus,.button-group.hollow.primary .button[disabled]:hover {
    border: 1px solid #1779ba;
    color: #1779ba
}

.button-group.hollow .button.primary:focus,.button-group.hollow .button.primary:hover,.button-group.hollow.primary .button:focus,.button-group.hollow.primary .button:hover {
    border-color: #0c3d5d;
    color: #0c3d5d
}

.button-group.hollow .button.secondary,.button-group.hollow .button.secondary.disabled,.button-group.hollow .button.secondary.disabled:focus,.button-group.hollow .button.secondary.disabled:hover,.button-group.hollow .button.secondary[disabled],.button-group.hollow .button.secondary[disabled]:focus,.button-group.hollow .button.secondary[disabled]:hover,.button-group.hollow.secondary .button,.button-group.hollow.secondary .button.disabled,.button-group.hollow.secondary .button.disabled:focus,.button-group.hollow.secondary .button.disabled:hover,.button-group.hollow.secondary .button[disabled],.button-group.hollow.secondary .button[disabled]:focus,.button-group.hollow.secondary .button[disabled]:hover {
    border: 1px solid #767676;
    color: #767676
}

.button-group.hollow .button.secondary:focus,.button-group.hollow .button.secondary:hover,.button-group.hollow.secondary .button:focus,.button-group.hollow.secondary .button:hover {
    border-color: #3b3b3b;
    color: #3b3b3b
}

.button-group.hollow .button.success,.button-group.hollow .button.success.disabled,.button-group.hollow .button.success.disabled:focus,.button-group.hollow .button.success.disabled:hover,.button-group.hollow .button.success[disabled],.button-group.hollow .button.success[disabled]:focus,.button-group.hollow .button.success[disabled]:hover,.button-group.hollow.success .button,.button-group.hollow.success .button.disabled,.button-group.hollow.success .button.disabled:focus,.button-group.hollow.success .button.disabled:hover,.button-group.hollow.success .button[disabled],.button-group.hollow.success .button[disabled]:focus,.button-group.hollow.success .button[disabled]:hover {
    border: 1px solid #3adb76;
    color: #3adb76
}

.button-group.hollow .button.success:focus,.button-group.hollow .button.success:hover,.button-group.hollow.success .button:focus,.button-group.hollow.success .button:hover {
    border-color: #157539;
    color: #157539
}

.button-group.hollow .button.warning,.button-group.hollow .button.warning.disabled,.button-group.hollow .button.warning.disabled:focus,.button-group.hollow .button.warning.disabled:hover,.button-group.hollow .button.warning[disabled],.button-group.hollow .button.warning[disabled]:focus,.button-group.hollow .button.warning[disabled]:hover,.button-group.hollow.warning .button,.button-group.hollow.warning .button.disabled,.button-group.hollow.warning .button.disabled:focus,.button-group.hollow.warning .button.disabled:hover,.button-group.hollow.warning .button[disabled],.button-group.hollow.warning .button[disabled]:focus,.button-group.hollow.warning .button[disabled]:hover {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button-group.hollow .button.warning:focus,.button-group.hollow .button.warning:hover,.button-group.hollow.warning .button:focus,.button-group.hollow.warning .button:hover {
    border-color: #805700;
    color: #805700
}

.button-group.hollow.alert .button,.button-group.hollow.alert .button.disabled,.button-group.hollow.alert .button.disabled:focus,.button-group.hollow.alert .button.disabled:hover,.button-group.hollow.alert .button[disabled],.button-group.hollow.alert .button[disabled]:focus,.button-group.hollow.alert .button[disabled]:hover,.button-group.hollow .button.alert,.button-group.hollow .button.alert.disabled,.button-group.hollow .button.alert.disabled:focus,.button-group.hollow .button.alert.disabled:hover,.button-group.hollow .button.alert[disabled],.button-group.hollow .button.alert[disabled]:focus,.button-group.hollow .button.alert[disabled]:hover {
    border: 1px solid #cc4b37;
    color: #cc4b37
}

.button-group.hollow.alert .button:focus,.button-group.hollow.alert .button:hover,.button-group.hollow .button.alert:focus,.button-group.hollow .button.alert:hover {
    border-color: #67251a;
    color: #67251a
}

.button-group.clear .button,.button-group.clear .button.disabled,.button-group.clear .button.disabled:focus,.button-group.clear .button.disabled:hover,.button-group.clear .button:focus,.button-group.clear .button:hover,.button-group.clear .button[disabled],.button-group.clear .button[disabled]:focus,.button-group.clear .button[disabled]:hover {
    border-color: transparent;
    background-color: transparent
}

.button-group.clear .button,.button-group.clear .button.disabled,.button-group.clear .button.disabled:focus,.button-group.clear .button.disabled:hover,.button-group.clear .button[disabled],.button-group.clear .button[disabled]:focus,.button-group.clear .button[disabled]:hover {
    color: #1779ba
}

.button-group.clear .button:focus,.button-group.clear .button:hover {
    color: #0c3d5d
}

.button-group.clear .button.primary,.button-group.clear .button.primary.disabled,.button-group.clear .button.primary.disabled:focus,.button-group.clear .button.primary.disabled:hover,.button-group.clear .button.primary[disabled],.button-group.clear .button.primary[disabled]:focus,.button-group.clear .button.primary[disabled]:hover,.button-group.clear.primary .button,.button-group.clear.primary .button.disabled,.button-group.clear.primary .button.disabled:focus,.button-group.clear.primary .button.disabled:hover,.button-group.clear.primary .button[disabled],.button-group.clear.primary .button[disabled]:focus,.button-group.clear.primary .button[disabled]:hover {
    color: #1779ba
}

.button-group.clear .button.primary:focus,.button-group.clear .button.primary:hover,.button-group.clear.primary .button:focus,.button-group.clear.primary .button:hover {
    color: #0c3d5d
}

.button-group.clear .button.secondary,.button-group.clear .button.secondary.disabled,.button-group.clear .button.secondary.disabled:focus,.button-group.clear .button.secondary.disabled:hover,.button-group.clear .button.secondary[disabled],.button-group.clear .button.secondary[disabled]:focus,.button-group.clear .button.secondary[disabled]:hover,.button-group.clear.secondary .button,.button-group.clear.secondary .button.disabled,.button-group.clear.secondary .button.disabled:focus,.button-group.clear.secondary .button.disabled:hover,.button-group.clear.secondary .button[disabled],.button-group.clear.secondary .button[disabled]:focus,.button-group.clear.secondary .button[disabled]:hover {
    color: #767676
}

.button-group.clear .button.secondary:focus,.button-group.clear .button.secondary:hover,.button-group.clear.secondary .button:focus,.button-group.clear.secondary .button:hover {
    color: #3b3b3b
}

.button-group.clear .button.success,.button-group.clear .button.success.disabled,.button-group.clear .button.success.disabled:focus,.button-group.clear .button.success.disabled:hover,.button-group.clear .button.success[disabled],.button-group.clear .button.success[disabled]:focus,.button-group.clear .button.success[disabled]:hover,.button-group.clear.success .button,.button-group.clear.success .button.disabled,.button-group.clear.success .button.disabled:focus,.button-group.clear.success .button.disabled:hover,.button-group.clear.success .button[disabled],.button-group.clear.success .button[disabled]:focus,.button-group.clear.success .button[disabled]:hover {
    color: #3adb76
}

.button-group.clear .button.success:focus,.button-group.clear .button.success:hover,.button-group.clear.success .button:focus,.button-group.clear.success .button:hover {
    color: #157539
}

.button-group.clear .button.warning,.button-group.clear .button.warning.disabled,.button-group.clear .button.warning.disabled:focus,.button-group.clear .button.warning.disabled:hover,.button-group.clear .button.warning[disabled],.button-group.clear .button.warning[disabled]:focus,.button-group.clear .button.warning[disabled]:hover,.button-group.clear.warning .button,.button-group.clear.warning .button.disabled,.button-group.clear.warning .button.disabled:focus,.button-group.clear.warning .button.disabled:hover,.button-group.clear.warning .button[disabled],.button-group.clear.warning .button[disabled]:focus,.button-group.clear.warning .button[disabled]:hover {
    color: #ffae00
}

.button-group.clear .button.warning:focus,.button-group.clear .button.warning:hover,.button-group.clear.warning .button:focus,.button-group.clear.warning .button:hover {
    color: #805700
}

.button-group.clear.alert .button,.button-group.clear.alert .button.disabled,.button-group.clear.alert .button.disabled:focus,.button-group.clear.alert .button.disabled:hover,.button-group.clear.alert .button[disabled],.button-group.clear.alert .button[disabled]:focus,.button-group.clear.alert .button[disabled]:hover,.button-group.clear .button.alert,.button-group.clear .button.alert.disabled,.button-group.clear .button.alert.disabled:focus,.button-group.clear .button.alert.disabled:hover,.button-group.clear .button.alert[disabled],.button-group.clear .button.alert[disabled]:focus,.button-group.clear .button.alert[disabled]:hover {
    color: #cc4b37
}

.button-group.clear.alert .button:focus,.button-group.clear.alert .button:hover,.button-group.clear .button.alert:focus,.button-group.clear .button.alert:hover {
    color: #67251a
}

.button-group.no-gaps .button {
    margin-right: -.0625rem
}

.button-group.no-gaps .button+.button {
    border-left-color: transparent
}

.button-group.stacked,.button-group.stacked-for-medium,.button-group.stacked-for-small {
    flex-wrap: wrap
}

.button-group.stacked-for-medium .button,.button-group.stacked-for-small .button,.button-group.stacked .button {
    flex: 0 0 100%
}

.button-group.stacked-for-medium .button:last-child,.button-group.stacked-for-small .button:last-child,.button-group.stacked .button:last-child {
    margin-bottom: 0
}

.button-group.stacked-for-medium.expanded .button,.button-group.stacked-for-small.expanded .button,.button-group.stacked.expanded .button {
    flex: 1 1 0px
}

@media print,screen and (min-width: 40em) {
    .button-group.stacked-for-small .button {
        flex:0 0 auto;
        margin-bottom: 0
    }
}

@media print,screen and (min-width: 64em) {
    .button-group.stacked-for-medium .button {
        flex:0 0 auto;
        margin-bottom: 0
    }
}

@media print,screen and (max-width: 29.99875em) {
    .button-group.stacked-for-small.expanded {
        display:block
    }

    .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0
    }
}

@media print,screen and (max-width: 47.99875em) {
    .button-group.stacked-for-medium.expanded {
        display:block
    }

    .button-group.stacked-for-medium.expanded .button {
        display: block;
        margin-right: 0
    }
}

.callout {
    position: relative;
    margin: 0 0 1rem;
    padding: 1rem;
    border: 1px solid rgba(10,10,10,.25);
    border-radius: 0;
    background-color: #fff;
    color: #0a0a0a
}

.callout>:first-child {
    margin-top: 0
}

.callout>:last-child {
    margin-bottom: 0
}

.callout.primary {
    background-color: #d7ecfa;
    color: #0a0a0a
}

.callout.secondary {
    background-color: #eaeaea;
    color: #0a0a0a
}

.callout.success {
    background-color: #e1faea;
    color: #0a0a0a
}

.callout.warning {
    background-color: #fff3d9;
    color: #0a0a0a
}

.callout.alert {
    background-color: #f7e4e1;
    color: #0a0a0a
}

.callout.small {
    padding: .5rem
}

.callout.large {
    padding: 3rem
}

.card {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-bottom: 1rem;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    background: #fefefe;
    box-shadow: none;
    overflow: hidden;
    color: #0a0a0a
}

.card>:last-child {
    margin-bottom: 0
}

.card-divider {
    display: flex;
    flex: 0 1 auto;
    padding: 1rem;
    background: #e6e6e6
}

.card-divider>:last-child {
    margin-bottom: 0
}

.card-section {
    flex: 1 0 auto;
    padding: 1rem
}

.card-section>:last-child {
    margin-bottom: 0
}

.card-image {
    min-height: 1px
}

.close-button {
    position: absolute;
    z-index: 10;
    color: #8a8a8a;
    cursor: pointer
}

[data-whatinput=mouse] .close-button {
    outline: 0
}

.close-button:focus,.close-button:hover {
    color: #0a0a0a
}

.close-button.small {
    right: .66rem;
    top: .33em;
    font-size: 1.5em;
    line-height: 1
}

.close-button,.close-button.medium {
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1
}

.menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: flex;
    flex-wrap: wrap
}

[data-whatinput=mouse] .menu li {
    outline: 0
}

.menu .button,.menu a {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: .7rem 1rem
}

.menu a,.menu button,.menu input,.menu select {
    margin-bottom: 0
}

.menu input {
    display: inline-block
}

.menu,.menu.horizontal {
    flex-wrap: wrap;
    flex-direction: row
}

.menu.vertical {
    flex-wrap: nowrap;
    flex-direction: column
}

.menu.vertical.icon-bottom li a i,.menu.vertical.icon-bottom li a img,.menu.vertical.icon-bottom li a svg,.menu.vertical.icon-top li a i,.menu.vertical.icon-top li a img,.menu.vertical.icon-top li a svg {
    text-align: left
}

.menu.expanded li {
    flex: 1 1 0px
}

.menu.expanded.icon-bottom li a i,.menu.expanded.icon-bottom li a img,.menu.expanded.icon-bottom li a svg,.menu.expanded.icon-top li a i,.menu.expanded.icon-top li a img,.menu.expanded.icon-top li a svg {
    text-align: left
}

.menu.simple {
    align-items: center
}

.menu.simple li+li {
    margin-left: 1rem
}

.menu.simple a {
    padding: 0
}

@media print,screen and (min-width: 30em) {
    .menu.small2-horizontal {
        flex-wrap:wrap;
        flex-direction: row
    }

    .menu.small2-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.small2-expanded li,.menu.small2-simple li {
        flex: 1 1 0px
    }
}

@media print,screen and (min-width: 40em) {
    .menu.medium-horizontal {
        flex-wrap:wrap;
        flex-direction: row
    }

    .menu.medium-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.medium-expanded li,.menu.medium-simple li {
        flex: 1 1 0px
    }
}

@media print,screen and (min-width: 48em) {
    .menu.medium_a-horizontal {
        flex-wrap:wrap;
        flex-direction: row
    }

    .menu.medium_a-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.medium_a-expanded li,.menu.medium_a-simple li {
        flex: 1 1 0px
    }
}

@media print,screen and (min-width: 49.0625em) {
    .menu.medium_ab-horizontal {
        flex-wrap:wrap;
        flex-direction: row
    }

    .menu.medium_ab-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.medium_ab-expanded li,.menu.medium_ab-simple li {
        flex: 1 1 0px
    }
}

@media print,screen and (min-width: 50em) {
    .menu.medium_b-horizontal {
        flex-wrap:wrap;
        flex-direction: row
    }

    .menu.medium_b-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.medium_b-expanded li,.menu.medium_b-simple li {
        flex: 1 1 0px
    }
}

@media print,screen and (min-width: 64em) {
    .menu.large-horizontal {
        flex-wrap:wrap;
        flex-direction: row
    }

    .menu.large-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.large-expanded li,.menu.large-simple li {
        flex: 1 1 0px
    }
}

@media screen and (min-width: 64.0625em) {
    .menu.large_plus1-horizontal {
        flex-wrap:wrap;
        flex-direction: row
    }

    .menu.large_plus1-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.large_plus1-expanded li,.menu.large_plus1-simple li {
        flex: 1 1 0px
    }
}

@media screen and (min-width: 76.25em) {
    .menu.xlarge-horizontal {
        flex-wrap:wrap;
        flex-direction: row
    }

    .menu.xlarge-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.xlarge-expanded li,.menu.xlarge-simple li {
        flex: 1 1 0px
    }
}

@media screen and (min-width: 90em) {
    .menu.xxlarge-horizontal {
        flex-wrap:wrap;
        flex-direction: row
    }

    .menu.xxlarge-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.xxlarge-expanded li,.menu.xxlarge-simple li {
        flex: 1 1 0px
    }
}

@media screen and (min-width: 120em) {
    .menu.xxxlarge-horizontal {
        flex-wrap:wrap;
        flex-direction: row
    }

    .menu.xxxlarge-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.xxxlarge-expanded li,.menu.xxxlarge-simple li {
        flex: 1 1 0px
    }
}

.menu.xxxs_0-horizontal {
    flex-wrap: wrap;
    flex-direction: row
}

.menu.xxxs_0-vertical {
    flex-wrap: nowrap;
    flex-direction: column
}

.menu.xxxs_0-expanded li,.menu.xxxs_0-simple li {
    flex: 1 1 0px
}

@media screen and (min-width: 20em) {
    .menu.xxs_320-horizontal {
        flex-wrap:wrap;
        flex-direction: row
    }

    .menu.xxs_320-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.xxs_320-expanded li,.menu.xxs_320-simple li {
        flex: 1 1 0px
    }
}

@media screen and (min-width: 23.4375em) {
    .menu.xs_375-horizontal {
        flex-wrap:wrap;
        flex-direction: row
    }

    .menu.xs_375-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.xs_375-expanded li,.menu.xs_375-simple li {
        flex: 1 1 0px
    }
}

@media screen and (min-width: 48em) {
    .menu.s_768-horizontal {
        flex-wrap:wrap;
        flex-direction: row
    }

    .menu.s_768-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.s_768-expanded li,.menu.s_768-simple li {
        flex: 1 1 0px
    }
}

@media screen and (min-width: 64em) {
    .menu.m_1024-horizontal {
        flex-wrap:wrap;
        flex-direction: row
    }

    .menu.m_1024-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.m_1024-expanded li,.menu.m_1024-simple li {
        flex: 1 1 0px
    }
}

@media screen and (min-width: 80em) {
    .menu.l_1280-horizontal {
        flex-wrap:wrap;
        flex-direction: row
    }

    .menu.l_1280-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.l_1280-expanded li,.menu.l_1280-simple li {
        flex: 1 1 0px
    }
}

@media screen and (min-width: 90em) {
    .menu.xl_1440-horizontal {
        flex-wrap:wrap;
        flex-direction: row
    }

    .menu.xl_1440-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.xl_1440-expanded li,.menu.xl_1440-simple li {
        flex: 1 1 0px
    }
}

@media screen and (min-width: 120em) {
    .menu.xxl_1920-horizontal {
        flex-wrap:wrap;
        flex-direction: row
    }

    .menu.xxl_1920-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.xxl_1920-expanded li,.menu.xxl_1920-simple li {
        flex: 1 1 0px
    }
}

.menu.nested {
    margin-right: 0;
    margin-left: 1rem
}

.menu.icon-bottom a,.menu.icon-left a,.menu.icon-right a,.menu.icon-top a,.menu.icons a {
    display: flex
}

.menu.icon-left li a,.menu.nested.icon-left li a {
    flex-flow: row nowrap
}

.menu.icon-left li a i,.menu.icon-left li a img,.menu.icon-left li a svg,.menu.nested.icon-left li a i,.menu.nested.icon-left li a img,.menu.nested.icon-left li a svg {
    margin-right: .25rem
}

.menu.icon-right li a,.menu.nested.icon-right li a {
    flex-flow: row nowrap
}

.menu.icon-right li a i,.menu.icon-right li a img,.menu.icon-right li a svg,.menu.nested.icon-right li a i,.menu.nested.icon-right li a img,.menu.nested.icon-right li a svg {
    margin-left: .25rem
}

.menu.icon-top li a,.menu.nested.icon-top li a {
    flex-flow: column nowrap
}

.menu.icon-top li a i,.menu.icon-top li a img,.menu.icon-top li a svg,.menu.nested.icon-top li a i,.menu.nested.icon-top li a img,.menu.nested.icon-top li a svg {
    align-self: stretch;
    margin-bottom: .25rem;
    text-align: center
}

.menu.icon-bottom li a,.menu.nested.icon-bottom li a {
    flex-flow: column nowrap
}

.menu.icon-bottom li a i,.menu.icon-bottom li a img,.menu.icon-bottom li a svg,.menu.nested.icon-bottom li a i,.menu.nested.icon-bottom li a img,.menu.nested.icon-bottom li a svg {
    align-self: stretch;
    margin-bottom: .25rem;
    text-align: center
}

.menu .active>a,.menu .is-active>a {
    background: #1779ba;
    color: #fefefe
}

.menu.align-left {
    justify-content: flex-start
}

.menu.align-right li {
    display: flex;
    justify-content: flex-end
}

.menu.align-right li .submenu li {
    justify-content: flex-start
}

.menu.align-right.vertical li {
    display: block;
    text-align: right
}

.menu.align-right.icon-bottom li a i,.menu.align-right.icon-bottom li a img,.menu.align-right.icon-bottom li a svg,.menu.align-right.icon-top li a i,.menu.align-right.icon-top li a img,.menu.align-right.icon-top li a svg,.menu.align-right.vertical li .submenu li {
    text-align: right
}

.menu.align-right .nested {
    margin-right: 1rem;
    margin-left: 0
}

.menu.align-center li {
    display: flex;
    justify-content: center
}

.menu.align-center li .submenu li {
    justify-content: flex-start
}

.menu .menu-text {
    padding: .7rem 1rem;
    font-weight: 700;
    line-height: 1;
    color: inherit
}

.menu-centered>.menu {
    justify-content: center
}

.menu-centered>.menu li {
    display: flex;
    justify-content: center
}

.menu-centered>.menu li .submenu li {
    justify-content: flex-start
}

.no-js [data-responsive-menu] ul {
    display: none
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

.menu-icon:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #fefefe;
    box-shadow: 0 7px 0 #fefefe,0 14px 0 #fefefe;
    content: ""
}

.menu-icon:hover:after {
    background: #cacaca;
    box-shadow: 0 7px 0 #cacaca,0 14px 0 #cacaca
}

.menu-icon.dark {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

.menu-icon.dark:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #0a0a0a;
    box-shadow: 0 7px 0 #0a0a0a,0 14px 0 #0a0a0a;
    content: ""
}

.menu-icon.dark:hover:after {
    background: #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a,0 14px 0 #8a8a8a
}

.is-drilldown {
    position: relative;
    overflow: hidden
}

.is-drilldown li {
    display: block
}

.is-drilldown.animate-height {
    transition: height .5s
}

.drilldown a {
    padding: .7rem 1rem;
    background: #fefefe
}

.drilldown .is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    width: 100%;
    background: #fefefe;
    transition: transform .15s linear
}

.drilldown .is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    transform: translateX(-100%)
}

.drilldown .is-drilldown-submenu.is-closing {
    transform: translateX(100%)
}

.drilldown .is-drilldown-submenu a {
    padding: .7rem 1rem
}

.drilldown .nested.is-drilldown-submenu {
    margin-right: 0;
    margin-left: 0
}

.drilldown .drilldown-submenu-cover-previous {
    min-height: 100%
}

.drilldown .is-drilldown-submenu-parent>a {
    position: relative
}

.drilldown .is-drilldown-submenu-parent>a:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent transparent transparent #1779ba;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem
}

.drilldown.align-left .is-drilldown-submenu-parent>a:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent transparent transparent #44841a;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    right: 1rem;
    left: auto
}

.drilldown.align-right .is-drilldown-submenu-parent>a:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent #44841a transparent transparent;
    border-style: solid;
    border-width: 6px 6px 6px 0;
    right: auto;
    left: 1rem
}

.drilldown .js-drilldown-back>a:before {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent #1779ba transparent transparent;
    border-style: solid;
    border-width: 6px 6px 6px 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: .75rem
}

.dropdown-pane {
    position: absolute;
    z-index: 10;
    display: none;
    width: 300px;
    padding: 1rem;
    visibility: hidden;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-size: 1rem
}

.dropdown-pane.is-opening {
    display: block
}

.dropdown-pane.is-open {
    display: block;
    visibility: visible
}

.dropdown-pane.tiny {
    width: 100px
}

.dropdown-pane.small {
    width: 200px
}

.dropdown-pane.large {
    width: 400px
}

.dropdown.menu>li.opens-left>.is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
}

.dropdown.menu>li.opens-right>.is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
}

.dropdown.menu>li.is-dropdown-submenu-parent>a {
    position: relative;
    padding-right: 1.5rem
}

.dropdown.menu>li.is-dropdown-submenu-parent>a:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: #44841a transparent transparent;
    border-style: solid;
    border-width: 6px 6px 0;
    right: 5px;
    left: auto;
    margin-top: -3px
}

[data-whatinput=mouse] .dropdown.menu a {
    outline: 0
}

.dropdown.menu>li>a {
    padding: .7rem 1rem
}

.dropdown.menu>li.is-active>a {
    background: transparent;
    color: #1779ba
}

.no-js .dropdown.menu ul {
    display: none
}

.dropdown.menu .nested.is-dropdown-submenu {
    margin-right: 0;
    margin-left: 0
}

.dropdown.menu.vertical>li .is-dropdown-submenu {
    top: 0
}

.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto
}

.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.dropdown.menu.vertical>li>a:after {
    right: 14px
}

.dropdown.menu.vertical>li.opens-left>a:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent #44841a transparent transparent;
    border-style: solid;
    border-width: 6px 6px 6px 0;
    right: auto;
    left: 5px
}

.dropdown.menu.vertical>li.opens-right>a:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent transparent transparent #44841a;
    border-style: solid;
    border-width: 6px 0 6px 6px
}

@media print,screen and (min-width: 30em) {
    .dropdown.menu.small2-horizontal>li.opens-left>.is-dropdown-submenu {
        top:100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.small2-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.small2-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.small2-horizontal>li.is-dropdown-submenu-parent>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 0;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.small2-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.small2-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.small2-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.small2-vertical>li>a:after {
        right: 14px
    }

    .dropdown.menu.small2-vertical>li.opens-left>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        right: auto;
        left: 5px
    }

    .dropdown.menu.small2-vertical>li.opens-right>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent transparent transparent #44841a;
        border-style: solid;
        border-width: 6px 0 6px 6px
    }
}

@media print,screen and (min-width: 40em) {
    .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
        top:100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 0;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.medium-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.medium-vertical>li>a:after {
        right: 14px
    }

    .dropdown.menu.medium-vertical>li.opens-left>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        right: auto;
        left: 5px
    }

    .dropdown.menu.medium-vertical>li.opens-right>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent transparent transparent #44841a;
        border-style: solid;
        border-width: 6px 0 6px 6px
    }
}

@media print,screen and (min-width: 48em) {
    .dropdown.menu.medium_a-horizontal>li.opens-left>.is-dropdown-submenu {
        top:100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.medium_a-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.medium_a-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.medium_a-horizontal>li.is-dropdown-submenu-parent>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 0;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.medium_a-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.medium_a-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.medium_a-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.medium_a-vertical>li>a:after {
        right: 14px
    }

    .dropdown.menu.medium_a-vertical>li.opens-left>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        right: auto;
        left: 5px
    }

    .dropdown.menu.medium_a-vertical>li.opens-right>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent transparent transparent #44841a;
        border-style: solid;
        border-width: 6px 0 6px 6px
    }
}

@media print,screen and (min-width: 49.0625em) {
    .dropdown.menu.medium_ab-horizontal>li.opens-left>.is-dropdown-submenu {
        top:100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.medium_ab-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.medium_ab-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.medium_ab-horizontal>li.is-dropdown-submenu-parent>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 0;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.medium_ab-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.medium_ab-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.medium_ab-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.medium_ab-vertical>li>a:after {
        right: 14px
    }

    .dropdown.menu.medium_ab-vertical>li.opens-left>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        right: auto;
        left: 5px
    }

    .dropdown.menu.medium_ab-vertical>li.opens-right>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent transparent transparent #44841a;
        border-style: solid;
        border-width: 6px 0 6px 6px
    }
}

@media print,screen and (min-width: 50em) {
    .dropdown.menu.medium_b-horizontal>li.opens-left>.is-dropdown-submenu {
        top:100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.medium_b-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.medium_b-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.medium_b-horizontal>li.is-dropdown-submenu-parent>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 0;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.medium_b-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.medium_b-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.medium_b-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.medium_b-vertical>li>a:after {
        right: 14px
    }

    .dropdown.menu.medium_b-vertical>li.opens-left>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        right: auto;
        left: 5px
    }

    .dropdown.menu.medium_b-vertical>li.opens-right>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent transparent transparent #44841a;
        border-style: solid;
        border-width: 6px 0 6px 6px
    }
}

@media print,screen and (min-width: 64em) {
    .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
        top:100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 0;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.large-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.large-vertical>li>a:after {
        right: 14px
    }

    .dropdown.menu.large-vertical>li.opens-left>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        right: auto;
        left: 5px
    }

    .dropdown.menu.large-vertical>li.opens-right>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent transparent transparent #44841a;
        border-style: solid;
        border-width: 6px 0 6px 6px
    }
}

@media screen and (min-width: 64.0625em) {
    .dropdown.menu.large_plus1-horizontal>li.opens-left>.is-dropdown-submenu {
        top:100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.large_plus1-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.large_plus1-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.large_plus1-horizontal>li.is-dropdown-submenu-parent>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 0;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.large_plus1-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.large_plus1-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.large_plus1-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.large_plus1-vertical>li>a:after {
        right: 14px
    }

    .dropdown.menu.large_plus1-vertical>li.opens-left>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        right: auto;
        left: 5px
    }

    .dropdown.menu.large_plus1-vertical>li.opens-right>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent transparent transparent #44841a;
        border-style: solid;
        border-width: 6px 0 6px 6px
    }
}

@media screen and (min-width: 76.25em) {
    .dropdown.menu.xlarge-horizontal>li.opens-left>.is-dropdown-submenu {
        top:100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.xlarge-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.xlarge-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.xlarge-horizontal>li.is-dropdown-submenu-parent>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 0;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.xlarge-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.xlarge-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.xlarge-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.xlarge-vertical>li>a:after {
        right: 14px
    }

    .dropdown.menu.xlarge-vertical>li.opens-left>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        right: auto;
        left: 5px
    }

    .dropdown.menu.xlarge-vertical>li.opens-right>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent transparent transparent #44841a;
        border-style: solid;
        border-width: 6px 0 6px 6px
    }
}

@media screen and (min-width: 90em) {
    .dropdown.menu.xxlarge-horizontal>li.opens-left>.is-dropdown-submenu {
        top:100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.xxlarge-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.xxlarge-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.xxlarge-horizontal>li.is-dropdown-submenu-parent>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 0;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.xxlarge-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.xxlarge-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.xxlarge-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.xxlarge-vertical>li>a:after {
        right: 14px
    }

    .dropdown.menu.xxlarge-vertical>li.opens-left>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        right: auto;
        left: 5px
    }

    .dropdown.menu.xxlarge-vertical>li.opens-right>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent transparent transparent #44841a;
        border-style: solid;
        border-width: 6px 0 6px 6px
    }
}

@media screen and (min-width: 120em) {
    .dropdown.menu.xxxlarge-horizontal>li.opens-left>.is-dropdown-submenu {
        top:100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.xxxlarge-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.xxxlarge-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.xxxlarge-horizontal>li.is-dropdown-submenu-parent>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 0;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.xxxlarge-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.xxxlarge-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.xxxlarge-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.xxxlarge-vertical>li>a:after {
        right: 14px
    }

    .dropdown.menu.xxxlarge-vertical>li.opens-left>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        right: auto;
        left: 5px
    }

    .dropdown.menu.xxxlarge-vertical>li.opens-right>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent transparent transparent #44841a;
        border-style: solid;
        border-width: 6px 0 6px 6px
    }
}

.dropdown.menu.xxxs_0-horizontal>li.opens-left>.is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
}

.dropdown.menu.xxxs_0-horizontal>li.opens-right>.is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
}

.dropdown.menu.xxxs_0-horizontal>li.is-dropdown-submenu-parent>a {
    position: relative;
    padding-right: 1.5rem
}

.dropdown.menu.xxxs_0-horizontal>li.is-dropdown-submenu-parent>a:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: #44841a transparent transparent;
    border-style: solid;
    border-width: 6px 6px 0;
    right: 5px;
    left: auto;
    margin-top: -3px
}

.dropdown.menu.xxxs_0-vertical>li .is-dropdown-submenu {
    top: 0
}

.dropdown.menu.xxxs_0-vertical>li.opens-left>.is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto
}

.dropdown.menu.xxxs_0-vertical>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.dropdown.menu.xxxs_0-vertical>li>a:after {
    right: 14px
}

.dropdown.menu.xxxs_0-vertical>li.opens-left>a:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent #44841a transparent transparent;
    border-style: solid;
    border-width: 6px 6px 6px 0;
    right: auto;
    left: 5px
}

.dropdown.menu.xxxs_0-vertical>li.opens-right>a:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent transparent transparent #44841a;
    border-style: solid;
    border-width: 6px 0 6px 6px
}

@media screen and (min-width: 20em) {
    .dropdown.menu.xxs_320-horizontal>li.opens-left>.is-dropdown-submenu {
        top:100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.xxs_320-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.xxs_320-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.xxs_320-horizontal>li.is-dropdown-submenu-parent>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 0;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.xxs_320-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.xxs_320-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.xxs_320-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.xxs_320-vertical>li>a:after {
        right: 14px
    }

    .dropdown.menu.xxs_320-vertical>li.opens-left>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        right: auto;
        left: 5px
    }

    .dropdown.menu.xxs_320-vertical>li.opens-right>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent transparent transparent #44841a;
        border-style: solid;
        border-width: 6px 0 6px 6px
    }
}

@media screen and (min-width: 23.4375em) {
    .dropdown.menu.xs_375-horizontal>li.opens-left>.is-dropdown-submenu {
        top:100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.xs_375-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.xs_375-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.xs_375-horizontal>li.is-dropdown-submenu-parent>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 0;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.xs_375-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.xs_375-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.xs_375-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.xs_375-vertical>li>a:after {
        right: 14px
    }

    .dropdown.menu.xs_375-vertical>li.opens-left>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        right: auto;
        left: 5px
    }

    .dropdown.menu.xs_375-vertical>li.opens-right>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent transparent transparent #44841a;
        border-style: solid;
        border-width: 6px 0 6px 6px
    }
}

@media screen and (min-width: 48em) {
    .dropdown.menu.s_768-horizontal>li.opens-left>.is-dropdown-submenu {
        top:100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.s_768-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.s_768-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.s_768-horizontal>li.is-dropdown-submenu-parent>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 0;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.s_768-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.s_768-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.s_768-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.s_768-vertical>li>a:after {
        right: 14px
    }

    .dropdown.menu.s_768-vertical>li.opens-left>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        right: auto;
        left: 5px
    }

    .dropdown.menu.s_768-vertical>li.opens-right>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent transparent transparent #44841a;
        border-style: solid;
        border-width: 6px 0 6px 6px
    }
}

@media screen and (min-width: 64em) {
    .dropdown.menu.m_1024-horizontal>li.opens-left>.is-dropdown-submenu {
        top:100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.m_1024-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.m_1024-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.m_1024-horizontal>li.is-dropdown-submenu-parent>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 0;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.m_1024-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.m_1024-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.m_1024-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.m_1024-vertical>li>a:after {
        right: 14px
    }

    .dropdown.menu.m_1024-vertical>li.opens-left>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        right: auto;
        left: 5px
    }

    .dropdown.menu.m_1024-vertical>li.opens-right>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent transparent transparent #44841a;
        border-style: solid;
        border-width: 6px 0 6px 6px
    }
}

@media screen and (min-width: 80em) {
    .dropdown.menu.l_1280-horizontal>li.opens-left>.is-dropdown-submenu {
        top:100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.l_1280-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.l_1280-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.l_1280-horizontal>li.is-dropdown-submenu-parent>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 0;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.l_1280-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.l_1280-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.l_1280-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.l_1280-vertical>li>a:after {
        right: 14px
    }

    .dropdown.menu.l_1280-vertical>li.opens-left>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        right: auto;
        left: 5px
    }

    .dropdown.menu.l_1280-vertical>li.opens-right>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent transparent transparent #44841a;
        border-style: solid;
        border-width: 6px 0 6px 6px
    }
}

@media screen and (min-width: 90em) {
    .dropdown.menu.xl_1440-horizontal>li.opens-left>.is-dropdown-submenu {
        top:100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.xl_1440-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.xl_1440-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.xl_1440-horizontal>li.is-dropdown-submenu-parent>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 0;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.xl_1440-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.xl_1440-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.xl_1440-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.xl_1440-vertical>li>a:after {
        right: 14px
    }

    .dropdown.menu.xl_1440-vertical>li.opens-left>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        right: auto;
        left: 5px
    }

    .dropdown.menu.xl_1440-vertical>li.opens-right>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent transparent transparent #44841a;
        border-style: solid;
        border-width: 6px 0 6px 6px
    }
}

@media screen and (min-width: 120em) {
    .dropdown.menu.xxl_1920-horizontal>li.opens-left>.is-dropdown-submenu {
        top:100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.xxl_1920-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.xxl_1920-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.xxl_1920-horizontal>li.is-dropdown-submenu-parent>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 0;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.xxl_1920-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.xxl_1920-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.xxl_1920-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.xxl_1920-vertical>li>a:after {
        right: 14px
    }

    .dropdown.menu.xxl_1920-vertical>li.opens-left>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent #44841a transparent transparent;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        right: auto;
        left: 5px
    }

    .dropdown.menu.xxl_1920-vertical>li.opens-right>a:after {
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-color: transparent transparent transparent #44841a;
        border-style: solid;
        border-width: 6px 0 6px 6px
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    right: 0;
    left: auto
}

.is-dropdown-menu.vertical {
    width: 100px
}

.is-dropdown-menu.vertical.align-right {
    float: right
}

.is-dropdown-submenu-parent {
    position: relative
}

.is-dropdown-submenu-parent a:after {
    position: absolute;
    top: 50%;
    right: 5px;
    left: auto;
    margin-top: -6px
}

.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu {
    top: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu {
    right: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
    border: 1px solid #cacaca;
    background: #fefefe
}

.dropdown .is-dropdown-submenu a {
    padding: .7rem 1rem
}

.is-dropdown-submenu .is-dropdown-submenu-parent>a:after {
    right: 14px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent #44841a transparent transparent;
    border-style: solid;
    border-width: 6px 6px 6px 0;
    right: auto;
    left: 5px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent transparent transparent #44841a;
    border-style: solid;
    border-width: 6px 0 6px 6px
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px
}

.is-dropdown-submenu>li {
    width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
    display: block
}

.flex-video,.responsive-embed {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%;
    overflow: hidden
}

.flex-video embed,.flex-video iframe,.flex-video object,.flex-video video,.responsive-embed embed,.responsive-embed iframe,.responsive-embed object,.responsive-embed video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.flex-video.widescreen,.responsive-embed.widescreen {
    padding-bottom: 56.25%
}

.label {
    display: inline-block;
    padding: .33333rem .5rem;
    border-radius: 0;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default
}

.label,.label.primary {
    background: #1779ba;
    color: #fefefe
}

.label.secondary {
    background: #767676;
    color: #fefefe
}

.label.success {
    background: #3adb76;
    color: #0a0a0a
}

.label.warning {
    background: #ffae00;
    color: #0a0a0a
}

.label.alert {
    background: #cc4b37;
    color: #fefefe
}

.media-object {
    display: flex;
    margin-bottom: 1rem;
    flex-wrap: nowrap
}

.media-object img {
    max-width: none
}

@media print,screen and (max-width: 29.99875em) {
    .media-object.stack-for-small {
        flex-wrap:wrap
    }
}

.media-object-section {
    flex: 0 1 auto
}

.media-object-section:first-child {
    padding-right: 1rem
}

.media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1rem
}

.media-object-section>:last-child {
    margin-bottom: 0
}

@media print,screen and (max-width: 29.99875em) {
    .stack-for-small .media-object-section {
        padding:0 0 1rem;
        flex-basis: 100%;
        max-width: 100%
    }

    .stack-for-small .media-object-section img {
        width: 100%
    }
}

.media-object-section.main-section {
    flex: 1 1 0px
}

.is-off-canvas-open {
    overflow: hidden
}

.js-off-canvas-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    transition: opacity .5s ease,visibility .5s ease;
    background: hsla(0,0%,99.6%,.25);
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

.js-off-canvas-overlay.is-visible {
    opacity: 1;
    visibility: visible
}

.js-off-canvas-overlay.is-closable {
    cursor: pointer
}

.js-off-canvas-overlay.is-overlay-absolute {
    position: absolute
}

.js-off-canvas-overlay.is-overlay-fixed {
    position: fixed
}

.off-canvas-wrapper {
    position: relative;
    overflow: hidden
}

.off-canvas {
    position: fixed;
    z-index: 12;
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #e6e6e6
}

[data-whatinput=mouse] .off-canvas {
    outline: 0
}

.off-canvas.is-transition-push {
    z-index: 12
}

.off-canvas.is-closed {
    visibility: hidden
}

.off-canvas.is-transition-overlap {
    z-index: 13
}

.off-canvas.is-transition-overlap.is-open {
    box-shadow: 0 0 10px rgba(10,10,10,.7)
}

.off-canvas.is-open {
    transform: translate(0)
}

.off-canvas-absolute {
    position: absolute;
    z-index: 12;
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #e6e6e6
}

[data-whatinput=mouse] .off-canvas-absolute {
    outline: 0
}

.off-canvas-absolute.is-transition-push {
    z-index: 12
}

.off-canvas-absolute.is-closed {
    visibility: hidden
}

.off-canvas-absolute.is-transition-overlap {
    z-index: 13
}

.off-canvas-absolute.is-transition-overlap.is-open {
    box-shadow: 0 0 10px rgba(10,10,10,.7)
}

.off-canvas-absolute.is-open {
    transform: translate(0)
}

.position-left {
    top: 0;
    left: 0;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 250px;
    transform: translateX(-250px)
}

@media print,screen and (min-width: 40em) {
    .position-left {
        width:250px;
        transform: translateX(-250px)
    }
}

.off-canvas-content .off-canvas.position-left {
    transform: translateX(-250px)
}

@media print,screen and (min-width: 40em) {
    .off-canvas-content .off-canvas.position-left {
        transform:translateX(-250px)
    }
}

.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
    transform: translate(0)
}

.off-canvas-content.is-open-left.has-transition-push {
    transform: translateX(250px)
}

@media print,screen and (min-width: 40em) {
    .off-canvas-content.is-open-left.has-transition-push {
        transform:translateX(250px)
    }
}

.position-left.is-transition-push {
    box-shadow: inset -13px 0 20px -13px rgba(10,10,10,.25)
}

.position-right {
    top: 0;
    right: 0;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 250px;
    transform: translateX(250px)
}

@media print,screen and (min-width: 40em) {
    .position-right {
        width:250px;
        transform: translateX(250px)
    }
}

.off-canvas-content .off-canvas.position-right {
    transform: translateX(250px)
}

@media print,screen and (min-width: 40em) {
    .off-canvas-content .off-canvas.position-right {
        transform:translateX(250px)
    }
}

.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
    transform: translate(0)
}

.off-canvas-content.is-open-right.has-transition-push {
    transform: translateX(-250px)
}

@media print,screen and (min-width: 40em) {
    .off-canvas-content.is-open-right.has-transition-push {
        transform:translateX(-250px)
    }
}

.position-right.is-transition-push {
    box-shadow: inset 13px 0 20px -13px rgba(10,10,10,.25)
}

.position-top {
    top: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    height: 250px;
    transform: translateY(-250px)
}

@media print,screen and (min-width: 40em) {
    .position-top {
        height:250px;
        transform: translateY(-250px)
    }
}

.off-canvas-content .off-canvas.position-top {
    transform: translateY(-250px)
}

@media print,screen and (min-width: 40em) {
    .off-canvas-content .off-canvas.position-top {
        transform:translateY(-250px)
    }
}

.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
    transform: translate(0)
}

.off-canvas-content.is-open-top.has-transition-push {
    transform: translateY(250px)
}

@media print,screen and (min-width: 40em) {
    .off-canvas-content.is-open-top.has-transition-push {
        transform:translateY(250px)
    }
}

.position-top.is-transition-push {
    box-shadow: inset 0 -13px 20px -13px rgba(10,10,10,.25)
}

.position-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    height: 250px;
    transform: translateY(250px)
}

@media print,screen and (min-width: 40em) {
    .position-bottom {
        height:250px;
        transform: translateY(250px)
    }
}

.off-canvas-content .off-canvas.position-bottom {
    transform: translateY(250px)
}

@media print,screen and (min-width: 40em) {
    .off-canvas-content .off-canvas.position-bottom {
        transform:translateY(250px)
    }
}

.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
    transform: translate(0)
}

.off-canvas-content.is-open-bottom.has-transition-push {
    transform: translateY(-250px)
}

@media print,screen and (min-width: 40em) {
    .off-canvas-content.is-open-bottom.has-transition-push {
        transform:translateY(-250px)
    }
}

.position-bottom.is-transition-push {
    box-shadow: inset 0 13px 20px -13px rgba(10,10,10,.25)
}

.off-canvas-content {
    transform: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.off-canvas-content.has-transition-overlap,.off-canvas-content.has-transition-push {
    transition: transform .5s ease
}

.off-canvas-content.has-transition-push,.off-canvas-content .off-canvas.is-open {
    transform: translate(0)
}

@media print,screen and (min-width: 30em) {
    .position-left.reveal-for-small2 {
        transform:none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-small2 .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-small2 {
        transform: none
    }

    .off-canvas-content.has-reveal-left,.position-left.reveal-for-small2~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-small2 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-small2 .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-small2 {
        transform: none
    }

    .off-canvas-content.has-reveal-right,.position-right.reveal-for-small2~.off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-small2 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-small2 .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-small2 {
        transform: none
    }

    .off-canvas-content.has-reveal-top,.position-top.reveal-for-small2~.off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-small2 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-small2 .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-small2 {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom,.position-bottom.reveal-for-small2~.off-canvas-content {
        margin-bottom: 250px
    }
}

@media print,screen and (min-width: 40em) {
    .position-left.reveal-for-medium {
        transform:none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-medium .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-medium {
        transform: none
    }

    .off-canvas-content.has-reveal-left,.position-left.reveal-for-medium~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-medium {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-medium .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-medium {
        transform: none
    }

    .off-canvas-content.has-reveal-right,.position-right.reveal-for-medium~.off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-medium {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-medium .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-medium {
        transform: none
    }

    .off-canvas-content.has-reveal-top,.position-top.reveal-for-medium~.off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-medium {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-medium .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-medium {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom,.position-bottom.reveal-for-medium~.off-canvas-content {
        margin-bottom: 250px
    }
}

@media print,screen and (min-width: 48em) {
    .position-left.reveal-for-medium_a {
        transform:none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-medium_a .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-medium_a {
        transform: none
    }

    .off-canvas-content.has-reveal-left,.position-left.reveal-for-medium_a~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-medium_a {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-medium_a .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-medium_a {
        transform: none
    }

    .off-canvas-content.has-reveal-right,.position-right.reveal-for-medium_a~.off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-medium_a {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-medium_a .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-medium_a {
        transform: none
    }

    .off-canvas-content.has-reveal-top,.position-top.reveal-for-medium_a~.off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-medium_a {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-medium_a .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-medium_a {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom,.position-bottom.reveal-for-medium_a~.off-canvas-content {
        margin-bottom: 250px
    }
}

@media print,screen and (min-width: 49.0625em) {
    .position-left.reveal-for-medium_ab {
        transform:none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-medium_ab .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-medium_ab {
        transform: none
    }

    .off-canvas-content.has-reveal-left,.position-left.reveal-for-medium_ab~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-medium_ab {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-medium_ab .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-medium_ab {
        transform: none
    }

    .off-canvas-content.has-reveal-right,.position-right.reveal-for-medium_ab~.off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-medium_ab {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-medium_ab .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-medium_ab {
        transform: none
    }

    .off-canvas-content.has-reveal-top,.position-top.reveal-for-medium_ab~.off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-medium_ab {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-medium_ab .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-medium_ab {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom,.position-bottom.reveal-for-medium_ab~.off-canvas-content {
        margin-bottom: 250px
    }
}

@media print,screen and (min-width: 50em) {
    .position-left.reveal-for-medium_b {
        transform:none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-medium_b .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-medium_b {
        transform: none
    }

    .off-canvas-content.has-reveal-left,.position-left.reveal-for-medium_b~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-medium_b {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-medium_b .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-medium_b {
        transform: none
    }

    .off-canvas-content.has-reveal-right,.position-right.reveal-for-medium_b~.off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-medium_b {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-medium_b .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-medium_b {
        transform: none
    }

    .off-canvas-content.has-reveal-top,.position-top.reveal-for-medium_b~.off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-medium_b {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-medium_b .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-medium_b {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom,.position-bottom.reveal-for-medium_b~.off-canvas-content {
        margin-bottom: 250px
    }
}

@media print,screen and (min-width: 64em) {
    .position-left.reveal-for-large {
        transform:none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-large .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-large {
        transform: none
    }

    .off-canvas-content.has-reveal-left,.position-left.reveal-for-large~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-large {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-large .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-large {
        transform: none
    }

    .off-canvas-content.has-reveal-right,.position-right.reveal-for-large~.off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-large {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-large .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-large {
        transform: none
    }

    .off-canvas-content.has-reveal-top,.position-top.reveal-for-large~.off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-large {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-large .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-large {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom,.position-bottom.reveal-for-large~.off-canvas-content {
        margin-bottom: 250px
    }
}

@media screen and (min-width: 64.0625em) {
    .position-left.reveal-for-large_plus1 {
        transform:none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-large_plus1 .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-large_plus1 {
        transform: none
    }

    .off-canvas-content.has-reveal-left,.position-left.reveal-for-large_plus1~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-large_plus1 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-large_plus1 .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-large_plus1 {
        transform: none
    }

    .off-canvas-content.has-reveal-right,.position-right.reveal-for-large_plus1~.off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-large_plus1 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-large_plus1 .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-large_plus1 {
        transform: none
    }

    .off-canvas-content.has-reveal-top,.position-top.reveal-for-large_plus1~.off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-large_plus1 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-large_plus1 .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-large_plus1 {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom,.position-bottom.reveal-for-large_plus1~.off-canvas-content {
        margin-bottom: 250px
    }
}

@media screen and (min-width: 76.25em) {
    .position-left.reveal-for-xlarge {
        transform:none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-xlarge .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-xlarge {
        transform: none
    }

    .off-canvas-content.has-reveal-left,.position-left.reveal-for-xlarge~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-xlarge {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-xlarge .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-xlarge {
        transform: none
    }

    .off-canvas-content.has-reveal-right,.position-right.reveal-for-xlarge~.off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-xlarge {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-xlarge .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-xlarge {
        transform: none
    }

    .off-canvas-content.has-reveal-top,.position-top.reveal-for-xlarge~.off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-xlarge {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-xlarge .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-xlarge {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom,.position-bottom.reveal-for-xlarge~.off-canvas-content {
        margin-bottom: 250px
    }
}

@media screen and (min-width: 90em) {
    .position-left.reveal-for-xxlarge {
        transform:none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-xxlarge .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-xxlarge {
        transform: none
    }

    .off-canvas-content.has-reveal-left,.position-left.reveal-for-xxlarge~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-xxlarge {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-xxlarge .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-xxlarge {
        transform: none
    }

    .off-canvas-content.has-reveal-right,.position-right.reveal-for-xxlarge~.off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-xxlarge {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-xxlarge .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-xxlarge {
        transform: none
    }

    .off-canvas-content.has-reveal-top,.position-top.reveal-for-xxlarge~.off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-xxlarge {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-xxlarge .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-xxlarge {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom,.position-bottom.reveal-for-xxlarge~.off-canvas-content {
        margin-bottom: 250px
    }
}

@media screen and (min-width: 120em) {
    .position-left.reveal-for-xxxlarge {
        transform:none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-xxxlarge .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-xxxlarge {
        transform: none
    }

    .off-canvas-content.has-reveal-left,.position-left.reveal-for-xxxlarge~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-xxxlarge {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-xxxlarge .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-xxxlarge {
        transform: none
    }

    .off-canvas-content.has-reveal-right,.position-right.reveal-for-xxxlarge~.off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-xxxlarge {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-xxxlarge .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-xxxlarge {
        transform: none
    }

    .off-canvas-content.has-reveal-top,.position-top.reveal-for-xxxlarge~.off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-xxxlarge {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-xxxlarge .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-xxxlarge {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom,.position-bottom.reveal-for-xxxlarge~.off-canvas-content {
        margin-bottom: 250px
    }
}

.position-left.reveal-for-xxxs_0 {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible
}

.position-left.reveal-for-xxxs_0 .close-button {
    display: none
}

.off-canvas-content .position-left.reveal-for-xxxs_0 {
    transform: none
}

.off-canvas-content.has-reveal-left,.position-left.reveal-for-xxxs_0~.off-canvas-content {
    margin-left: 250px
}

.position-right.reveal-for-xxxs_0 {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible
}

.position-right.reveal-for-xxxs_0 .close-button {
    display: none
}

.off-canvas-content .position-right.reveal-for-xxxs_0 {
    transform: none
}

.off-canvas-content.has-reveal-right,.position-right.reveal-for-xxxs_0~.off-canvas-content {
    margin-right: 250px
}

.position-top.reveal-for-xxxs_0 {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible
}

.position-top.reveal-for-xxxs_0 .close-button {
    display: none
}

.off-canvas-content .position-top.reveal-for-xxxs_0 {
    transform: none
}

.off-canvas-content.has-reveal-top,.position-top.reveal-for-xxxs_0~.off-canvas-content {
    margin-top: 250px
}

.position-bottom.reveal-for-xxxs_0 {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible
}

.position-bottom.reveal-for-xxxs_0 .close-button {
    display: none
}

.off-canvas-content .position-bottom.reveal-for-xxxs_0 {
    transform: none
}

.off-canvas-content.has-reveal-bottom,.position-bottom.reveal-for-xxxs_0~.off-canvas-content {
    margin-bottom: 250px
}

@media screen and (min-width: 20em) {
    .position-left.reveal-for-xxs_320 {
        transform:none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-xxs_320 .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-xxs_320 {
        transform: none
    }

    .off-canvas-content.has-reveal-left,.position-left.reveal-for-xxs_320~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-xxs_320 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-xxs_320 .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-xxs_320 {
        transform: none
    }

    .off-canvas-content.has-reveal-right,.position-right.reveal-for-xxs_320~.off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-xxs_320 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-xxs_320 .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-xxs_320 {
        transform: none
    }

    .off-canvas-content.has-reveal-top,.position-top.reveal-for-xxs_320~.off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-xxs_320 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-xxs_320 .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-xxs_320 {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom,.position-bottom.reveal-for-xxs_320~.off-canvas-content {
        margin-bottom: 250px
    }
}

@media screen and (min-width: 23.4375em) {
    .position-left.reveal-for-xs_375 {
        transform:none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-xs_375 .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-xs_375 {
        transform: none
    }

    .off-canvas-content.has-reveal-left,.position-left.reveal-for-xs_375~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-xs_375 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-xs_375 .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-xs_375 {
        transform: none
    }

    .off-canvas-content.has-reveal-right,.position-right.reveal-for-xs_375~.off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-xs_375 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-xs_375 .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-xs_375 {
        transform: none
    }

    .off-canvas-content.has-reveal-top,.position-top.reveal-for-xs_375~.off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-xs_375 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-xs_375 .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-xs_375 {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom,.position-bottom.reveal-for-xs_375~.off-canvas-content {
        margin-bottom: 250px
    }
}

@media screen and (min-width: 48em) {
    .position-left.reveal-for-s_768 {
        transform:none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-s_768 .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-s_768 {
        transform: none
    }

    .off-canvas-content.has-reveal-left,.position-left.reveal-for-s_768~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-s_768 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-s_768 .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-s_768 {
        transform: none
    }

    .off-canvas-content.has-reveal-right,.position-right.reveal-for-s_768~.off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-s_768 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-s_768 .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-s_768 {
        transform: none
    }

    .off-canvas-content.has-reveal-top,.position-top.reveal-for-s_768~.off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-s_768 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-s_768 .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-s_768 {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom,.position-bottom.reveal-for-s_768~.off-canvas-content {
        margin-bottom: 250px
    }
}

@media screen and (min-width: 64em) {
    .position-left.reveal-for-m_1024 {
        transform:none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-m_1024 .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-m_1024 {
        transform: none
    }

    .off-canvas-content.has-reveal-left,.position-left.reveal-for-m_1024~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-m_1024 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-m_1024 .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-m_1024 {
        transform: none
    }

    .off-canvas-content.has-reveal-right,.position-right.reveal-for-m_1024~.off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-m_1024 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-m_1024 .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-m_1024 {
        transform: none
    }

    .off-canvas-content.has-reveal-top,.position-top.reveal-for-m_1024~.off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-m_1024 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-m_1024 .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-m_1024 {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom,.position-bottom.reveal-for-m_1024~.off-canvas-content {
        margin-bottom: 250px
    }
}

@media screen and (min-width: 80em) {
    .position-left.reveal-for-l_1280 {
        transform:none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-l_1280 .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-l_1280 {
        transform: none
    }

    .off-canvas-content.has-reveal-left,.position-left.reveal-for-l_1280~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-l_1280 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-l_1280 .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-l_1280 {
        transform: none
    }

    .off-canvas-content.has-reveal-right,.position-right.reveal-for-l_1280~.off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-l_1280 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-l_1280 .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-l_1280 {
        transform: none
    }

    .off-canvas-content.has-reveal-top,.position-top.reveal-for-l_1280~.off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-l_1280 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-l_1280 .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-l_1280 {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom,.position-bottom.reveal-for-l_1280~.off-canvas-content {
        margin-bottom: 250px
    }
}

@media screen and (min-width: 90em) {
    .position-left.reveal-for-xl_1440 {
        transform:none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-xl_1440 .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-xl_1440 {
        transform: none
    }

    .off-canvas-content.has-reveal-left,.position-left.reveal-for-xl_1440~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-xl_1440 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-xl_1440 .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-xl_1440 {
        transform: none
    }

    .off-canvas-content.has-reveal-right,.position-right.reveal-for-xl_1440~.off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-xl_1440 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-xl_1440 .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-xl_1440 {
        transform: none
    }

    .off-canvas-content.has-reveal-top,.position-top.reveal-for-xl_1440~.off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-xl_1440 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-xl_1440 .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-xl_1440 {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom,.position-bottom.reveal-for-xl_1440~.off-canvas-content {
        margin-bottom: 250px
    }
}

@media screen and (min-width: 120em) {
    .position-left.reveal-for-xxl_1920 {
        transform:none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-left.reveal-for-xxl_1920 .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-xxl_1920 {
        transform: none
    }

    .off-canvas-content.has-reveal-left,.position-left.reveal-for-xxl_1920~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-xxl_1920 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-right.reveal-for-xxl_1920 .close-button {
        display: none
    }

    .off-canvas-content .position-right.reveal-for-xxl_1920 {
        transform: none
    }

    .off-canvas-content.has-reveal-right,.position-right.reveal-for-xxl_1920~.off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-xxl_1920 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-top.reveal-for-xxl_1920 .close-button {
        display: none
    }

    .off-canvas-content .position-top.reveal-for-xxl_1920 {
        transform: none
    }

    .off-canvas-content.has-reveal-top,.position-top.reveal-for-xxl_1920~.off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-xxl_1920 {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible
    }

    .position-bottom.reveal-for-xxl_1920 .close-button {
        display: none
    }

    .off-canvas-content .position-bottom.reveal-for-xxl_1920 {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom,.position-bottom.reveal-for-xxl_1920~.off-canvas-content {
        margin-bottom: 250px
    }
}

@media print,screen and (min-width: 30em) {
    .off-canvas.in-canvas-for-small2 {
        visibility:visible;
        height: auto;
        position: static;
        background: none;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-small2.position-bottom,.off-canvas.in-canvas-for-small2.position-left,.off-canvas.in-canvas-for-small2.position-right,.off-canvas.in-canvas-for-small2.position-top {
        box-shadow: none;
        transform: none
    }

    .off-canvas.in-canvas-for-small2 .close-button {
        display: none
    }
}

@media print,screen and (min-width: 40em) {
    .off-canvas.in-canvas-for-medium {
        visibility:visible;
        height: auto;
        position: static;
        background: none;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-medium.position-bottom,.off-canvas.in-canvas-for-medium.position-left,.off-canvas.in-canvas-for-medium.position-right,.off-canvas.in-canvas-for-medium.position-top {
        box-shadow: none;
        transform: none
    }

    .off-canvas.in-canvas-for-medium .close-button {
        display: none
    }
}

@media print,screen and (min-width: 48em) {
    .off-canvas.in-canvas-for-medium_a {
        visibility:visible;
        height: auto;
        position: static;
        background: none;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-medium_a.position-bottom,.off-canvas.in-canvas-for-medium_a.position-left,.off-canvas.in-canvas-for-medium_a.position-right,.off-canvas.in-canvas-for-medium_a.position-top {
        box-shadow: none;
        transform: none
    }

    .off-canvas.in-canvas-for-medium_a .close-button {
        display: none
    }
}

@media print,screen and (min-width: 49.0625em) {
    .off-canvas.in-canvas-for-medium_ab {
        visibility:visible;
        height: auto;
        position: static;
        background: none;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-medium_ab.position-bottom,.off-canvas.in-canvas-for-medium_ab.position-left,.off-canvas.in-canvas-for-medium_ab.position-right,.off-canvas.in-canvas-for-medium_ab.position-top {
        box-shadow: none;
        transform: none
    }

    .off-canvas.in-canvas-for-medium_ab .close-button {
        display: none
    }
}

@media print,screen and (min-width: 50em) {
    .off-canvas.in-canvas-for-medium_b {
        visibility:visible;
        height: auto;
        position: static;
        background: none;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-medium_b.position-bottom,.off-canvas.in-canvas-for-medium_b.position-left,.off-canvas.in-canvas-for-medium_b.position-right,.off-canvas.in-canvas-for-medium_b.position-top {
        box-shadow: none;
        transform: none
    }

    .off-canvas.in-canvas-for-medium_b .close-button {
        display: none
    }
}

@media print,screen and (min-width: 64em) {
    .off-canvas.in-canvas-for-large {
        visibility:visible;
        height: auto;
        position: static;
        background: none;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-large.position-bottom,.off-canvas.in-canvas-for-large.position-left,.off-canvas.in-canvas-for-large.position-right,.off-canvas.in-canvas-for-large.position-top {
        box-shadow: none;
        transform: none
    }

    .off-canvas.in-canvas-for-large .close-button {
        display: none
    }
}

@media screen and (min-width: 64.0625em) {
    .off-canvas.in-canvas-for-large_plus1 {
        visibility:visible;
        height: auto;
        position: static;
        background: none;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-large_plus1.position-bottom,.off-canvas.in-canvas-for-large_plus1.position-left,.off-canvas.in-canvas-for-large_plus1.position-right,.off-canvas.in-canvas-for-large_plus1.position-top {
        box-shadow: none;
        transform: none
    }

    .off-canvas.in-canvas-for-large_plus1 .close-button {
        display: none
    }
}

@media screen and (min-width: 76.25em) {
    .off-canvas.in-canvas-for-xlarge {
        visibility:visible;
        height: auto;
        position: static;
        background: none;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-xlarge.position-bottom,.off-canvas.in-canvas-for-xlarge.position-left,.off-canvas.in-canvas-for-xlarge.position-right,.off-canvas.in-canvas-for-xlarge.position-top {
        box-shadow: none;
        transform: none
    }

    .off-canvas.in-canvas-for-xlarge .close-button {
        display: none
    }
}

@media screen and (min-width: 90em) {
    .off-canvas.in-canvas-for-xxlarge {
        visibility:visible;
        height: auto;
        position: static;
        background: none;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-xxlarge.position-bottom,.off-canvas.in-canvas-for-xxlarge.position-left,.off-canvas.in-canvas-for-xxlarge.position-right,.off-canvas.in-canvas-for-xxlarge.position-top {
        box-shadow: none;
        transform: none
    }

    .off-canvas.in-canvas-for-xxlarge .close-button {
        display: none
    }
}

@media screen and (min-width: 120em) {
    .off-canvas.in-canvas-for-xxxlarge {
        visibility:visible;
        height: auto;
        position: static;
        background: none;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-xxxlarge.position-bottom,.off-canvas.in-canvas-for-xxxlarge.position-left,.off-canvas.in-canvas-for-xxxlarge.position-right,.off-canvas.in-canvas-for-xxxlarge.position-top {
        box-shadow: none;
        transform: none
    }

    .off-canvas.in-canvas-for-xxxlarge .close-button {
        display: none
    }
}

.off-canvas.in-canvas-for-xxxs_0 {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none
}

.off-canvas.in-canvas-for-xxxs_0.position-bottom,.off-canvas.in-canvas-for-xxxs_0.position-left,.off-canvas.in-canvas-for-xxxs_0.position-right,.off-canvas.in-canvas-for-xxxs_0.position-top {
    box-shadow: none;
    transform: none
}

.off-canvas.in-canvas-for-xxxs_0 .close-button {
    display: none
}

@media screen and (min-width: 20em) {
    .off-canvas.in-canvas-for-xxs_320 {
        visibility:visible;
        height: auto;
        position: static;
        background: none;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-xxs_320.position-bottom,.off-canvas.in-canvas-for-xxs_320.position-left,.off-canvas.in-canvas-for-xxs_320.position-right,.off-canvas.in-canvas-for-xxs_320.position-top {
        box-shadow: none;
        transform: none
    }

    .off-canvas.in-canvas-for-xxs_320 .close-button {
        display: none
    }
}

@media screen and (min-width: 23.4375em) {
    .off-canvas.in-canvas-for-xs_375 {
        visibility:visible;
        height: auto;
        position: static;
        background: none;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-xs_375.position-bottom,.off-canvas.in-canvas-for-xs_375.position-left,.off-canvas.in-canvas-for-xs_375.position-right,.off-canvas.in-canvas-for-xs_375.position-top {
        box-shadow: none;
        transform: none
    }

    .off-canvas.in-canvas-for-xs_375 .close-button {
        display: none
    }
}

@media screen and (min-width: 48em) {
    .off-canvas.in-canvas-for-s_768 {
        visibility:visible;
        height: auto;
        position: static;
        background: none;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-s_768.position-bottom,.off-canvas.in-canvas-for-s_768.position-left,.off-canvas.in-canvas-for-s_768.position-right,.off-canvas.in-canvas-for-s_768.position-top {
        box-shadow: none;
        transform: none
    }

    .off-canvas.in-canvas-for-s_768 .close-button {
        display: none
    }
}

@media screen and (min-width: 64em) {
    .off-canvas.in-canvas-for-m_1024 {
        visibility:visible;
        height: auto;
        position: static;
        background: none;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-m_1024.position-bottom,.off-canvas.in-canvas-for-m_1024.position-left,.off-canvas.in-canvas-for-m_1024.position-right,.off-canvas.in-canvas-for-m_1024.position-top {
        box-shadow: none;
        transform: none
    }

    .off-canvas.in-canvas-for-m_1024 .close-button {
        display: none
    }
}

@media screen and (min-width: 80em) {
    .off-canvas.in-canvas-for-l_1280 {
        visibility:visible;
        height: auto;
        position: static;
        background: none;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-l_1280.position-bottom,.off-canvas.in-canvas-for-l_1280.position-left,.off-canvas.in-canvas-for-l_1280.position-right,.off-canvas.in-canvas-for-l_1280.position-top {
        box-shadow: none;
        transform: none
    }

    .off-canvas.in-canvas-for-l_1280 .close-button {
        display: none
    }
}

@media screen and (min-width: 90em) {
    .off-canvas.in-canvas-for-xl_1440 {
        visibility:visible;
        height: auto;
        position: static;
        background: none;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-xl_1440.position-bottom,.off-canvas.in-canvas-for-xl_1440.position-left,.off-canvas.in-canvas-for-xl_1440.position-right,.off-canvas.in-canvas-for-xl_1440.position-top {
        box-shadow: none;
        transform: none
    }

    .off-canvas.in-canvas-for-xl_1440 .close-button {
        display: none
    }
}

@media screen and (min-width: 120em) {
    .off-canvas.in-canvas-for-xxl_1920 {
        visibility:visible;
        height: auto;
        position: static;
        background: none;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-xxl_1920.position-bottom,.off-canvas.in-canvas-for-xxl_1920.position-left,.off-canvas.in-canvas-for-xxl_1920.position-right,.off-canvas.in-canvas-for-xxl_1920.position-top {
        box-shadow: none;
        transform: none
    }

    .off-canvas.in-canvas-for-xxl_1920 .close-button {
        display: none
    }
}

.orbit,.orbit-container {
    position: relative
}

.orbit-container {
    height: 0;
    margin: 0;
    list-style: none;
    overflow: hidden
}

.orbit-slide {
    width: 100%;
    position: absolute
}

.orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0
}

.orbit-figure {
    margin: 0
}

.orbit-image {
    width: 100%;
    max-width: 100%;
    margin: 0
}

.orbit-caption {
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    background-color: rgba(10,10,10,.5)
}

.orbit-caption,.orbit-next,.orbit-previous {
    position: absolute;
    padding: 1rem;
    color: #fefefe
}

.orbit-next,.orbit-previous {
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

[data-whatinput=mouse] .orbit-next,[data-whatinput=mouse] .orbit-previous {
    outline: 0
}

.orbit-next:active,.orbit-next:focus,.orbit-next:hover,.orbit-previous:active,.orbit-previous:focus,.orbit-previous:hover {
    background-color: rgba(10,10,10,.5)
}

.orbit-previous {
    left: 0
}

.orbit-next {
    left: auto;
    right: 0
}

.orbit-bullets {
    position: relative;
    margin-top: .8rem;
    margin-bottom: .8rem;
    text-align: center
}

[data-whatinput=mouse] .orbit-bullets {
    outline: 0
}

.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: .1rem;
    border-radius: 50%;
    background-color: #cacaca
}

.orbit-bullets button.is-active,.orbit-bullets button:hover {
    background-color: #8a8a8a
}

.pagination {
    margin-left: 0;
    margin-bottom: 1rem
}

.pagination:after,.pagination:before {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.pagination:after {
    clear: both
}

.pagination li {
    margin-right: .0625rem;
    border-radius: 0;
    font-size: .875rem;
    display: none
}

.pagination li:first-child,.pagination li:last-child {
    display: inline-block
}

@media print,screen and (min-width: 40em) {
    .pagination li {
        display:inline-block
    }
}

.pagination a,.pagination button {
    display: block;
    padding: .1875rem .625rem;
    border-radius: 0;
    color: #0a0a0a
}

.pagination a:hover,.pagination button:hover {
    background: #e6e6e6
}

.pagination .current {
    padding: .1875rem .625rem;
    background: #1779ba;
    color: #fefefe;
    cursor: default
}

.pagination .disabled {
    padding: .1875rem .625rem;
    color: #cacaca;
    cursor: not-allowed
}

.pagination .disabled:hover {
    background: transparent
}

.pagination .ellipsis:after {
    padding: .1875rem .625rem;
    content: "…";
    color: #0a0a0a
}

.pagination-previous.disabled:before,.pagination-previous a:before {
    display: inline-block;
    margin-right: .5rem;
    content: "«"
}

.pagination-next.disabled:after,.pagination-next a:after {
    display: inline-block;
    margin-left: .5rem;
    content: "»"
}

.progress {
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 0;
    background-color: #cacaca
}

.progress.primary .progress-meter {
    background-color: #1779ba
}

.progress.secondary .progress-meter {
    background-color: #767676
}

.progress.success .progress-meter {
    background-color: #3adb76
}

.progress.warning .progress-meter {
    background-color: #ffae00
}

.progress.alert .progress-meter {
    background-color: #cc4b37
}

.progress-meter {
    position: relative;
    display: block;
    width: 0;
    height: 100%;
    background-color: #1779ba
}

.progress-meter-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0;
    font-size: .75rem;
    font-weight: 700;
    color: #fefefe;
    white-space: nowrap
}

.slider {
    position: relative;
    height: .5rem;
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
    background-color: #e6e6e6;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: none
}

.slider-fill {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    max-width: 100%;
    height: .5rem;
    background-color: #cacaca;
    transition: all .2s ease-in-out
}

.slider-fill.is-dragging {
    transition: all 0s linear
}

.slider-handle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
    cursor: grab;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 0;
    background-color: #1779ba;
    transition: all .2s ease-in-out;
    touch-action: manipulation
}

[data-whatinput=mouse] .slider-handle {
    outline: 0
}

.slider-handle:hover {
    background-color: #14679e
}

.slider-handle.is-dragging {
    transition: all 0s linear;
    cursor: grabbing
}

.slider.disabled,.slider[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.slider.vertical {
    display: inline-block;
    width: .5rem;
    height: 12.5rem;
    margin: 0 1.25rem;
    transform: scaleY(-1)
}

.slider.vertical .slider-fill {
    top: 0;
    width: .5rem;
    max-height: 100%
}

.slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    transform: translateX(-50%)
}

.sticky {
    position: relative
}

.sticky.is-stuck {
    width: 100%
}

.sticky.is-anchored {
    position: relative
}

html.is-reveal-open {
    position: fixed;
    width: 100%;
    overflow-y: hidden
}

html.is-reveal-open.zf-has-scroll {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

html.is-reveal-open body {
    overflow-y: hidden
}

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    background-color: rgba(10,10,10,.45)
}

.reveal,.reveal-overlay {
    display: none;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto
}

[data-whatinput=mouse] .reveal {
    outline: 0
}

@media print,screen and (min-width: 40em) {
    .reveal {
        min-height:0
    }
}

.reveal .column,.reveal .columns {
    min-width: 0
}

.reveal>:last-child {
    margin-bottom: 0
}

@media print,screen and (min-width: 40em) {
    .reveal {
        width:840px;
        max-width: 1220px
    }
}

.reveal.collapse {
    padding: 0
}

@media print,screen and (min-width: 40em) {
    .reveal.tiny {
        width:30%;
        max-width: 1220px
    }
}

@media print,screen and (min-width: 40em) {
    .reveal.small {
        width:50%;
        max-width: 1220px
    }
}

@media print,screen and (min-width: 40em) {
    .reveal.large {
        width:90%;
        max-width: 1220px
    }
}

.reveal.full {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media print,screen and (max-width: 29.99875em) {
    .reveal {
        top:0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        min-height: 100%;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

.reveal.without-overlay {
    position: fixed
}

.switch {
    position: relative;
    margin-bottom: 1rem;
    outline: 0;
    font-size: .875rem;
    font-weight: 700;
    color: #fefefe;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 2rem
}

.switch-input {
    position: absolute;
    margin-bottom: 0;
    opacity: 0
}

.switch-paddle {
    position: relative;
    display: block;
    width: 4rem;
    height: 2rem;
    border-radius: 0;
    background: #cacaca;
    transition: all .25s ease-out;
    font-weight: inherit;
    color: inherit;
    cursor: pointer
}

input+.switch-paddle {
    margin: 0
}

.switch-paddle:after {
    position: absolute;
    top: .25rem;
    left: .25rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    transform: translateZ(0);
    border-radius: 0;
    background: #fefefe;
    transition: all .25s ease-out;
    content: ""
}

input:checked~.switch-paddle {
    background: #1779ba
}

input:checked~.switch-paddle:after {
    left: 2.25rem
}

input:disabled~.switch-paddle {
    cursor: not-allowed;
    opacity: .5
}

[data-whatinput=mouse] input:focus~.switch-paddle {
    outline: 0
}

.switch-active,.switch-inactive {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.switch-active {
    left: 8%;
    display: none
}

input:checked+label>.switch-active {
    display: block
}

.switch-inactive {
    right: 15%
}

input:checked+label>.switch-inactive {
    display: none
}

.switch.tiny {
    height: 1.5rem
}

.switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: .625rem
}

.switch.tiny .switch-paddle:after {
    top: .25rem;
    left: .25rem;
    width: 1rem;
    height: 1rem
}

.switch.tiny input:checked~.switch-paddle:after {
    left: 1.75rem
}

.switch.small {
    height: 1.75rem
}

.switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: .75rem
}

.switch.small .switch-paddle:after {
    top: .25rem;
    left: .25rem;
    width: 1.25rem;
    height: 1.25rem
}

.switch.small input:checked~.switch-paddle:after {
    left: 2rem
}

.switch.large {
    height: 2.5rem
}

.switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 1rem
}

.switch.large .switch-paddle:after {
    top: .25rem;
    left: .25rem;
    width: 2rem;
    height: 2rem
}

.switch.large input:checked~.switch-paddle:after {
    left: 2.75rem
}

table {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0
}

tbody,tfoot,thead {
    border: 0;
    background-color: #fefefe
}

caption {
    padding: .5rem .625rem .625rem;
    font-weight: 700
}

thead {
    background: #f8f8f8
}

tfoot,thead {
    color: #0a0a0a
}

tfoot {
    background: #f1f1f1
}

tfoot tr,thead tr {
    background: transparent
}

tfoot td,tfoot th,thead td,thead th {
    padding: .5rem .625rem .625rem;
    font-weight: 700;
    text-align: left
}

tbody td,tbody th {
    padding: .5rem .625rem .625rem
}

tbody tr {
    border-bottom: 0;
    background-color: #fefefe
}

table.striped tbody tr:nth-child(2n) {
    border-bottom: 0;
    background-color: #f1f1f1
}

@media print,screen and (max-width: 47.99875em) {
    table.stack tfoot,table.stack thead {
        display:none
    }

    table.stack td,table.stack th,table.stack tr {
        display: block
    }

    table.stack td {
        border-top: 0
    }
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto
}

table.hover thead tr:hover {
    background-color: #f3f3f3
}

table.hover tfoot tr:hover {
    background-color: #ececec
}

table.hover tbody tr:hover {
    background-color: #f9f9f9
}

table.hover.striped tr:nth-of-type(2n):hover {
    background-color: #ececec
}

.table-scroll {
    overflow-x: auto
}

.tabs {
    margin: 0;
    border: 1px solid #e6e6e6;
    background: #fefefe;
    list-style-type: none
}

.tabs:after,.tabs:before {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.tabs:after {
    clear: both
}

.tabs.vertical>li {
    display: block;
    float: none;
    width: auto
}

.tabs.simple>li>a {
    padding: 0
}

.tabs.simple>li>a:hover {
    background: transparent
}

.tabs.primary {
    background: #1779ba
}

.tabs.primary>li>a {
    color: #fefefe
}

.tabs.primary>li>a:focus,.tabs.primary>li>a:hover {
    background: #1673b1
}

.tabs-title {
    float: left
}

.tabs-title>a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: .75rem;
    line-height: 1;
    color: #1779ba
}

[data-whatinput=mouse] .tabs-title>a {
    outline: 0
}

.tabs-title>a:hover {
    background: #fefefe;
    color: #1468a0
}

.tabs-title>a:focus,.tabs-title>a[aria-selected=true] {
    background: #e6e6e6;
    color: #1779ba
}

.tabs-content {
    border: 1px solid #e6e6e6;
    border-top: 0;
    background: #fefefe;
    color: #0a0a0a;
    transition: all .5s ease
}

.tabs-content.vertical {
    border: 1px solid #e6e6e6;
    border-left: 0
}

.tabs-panel {
    display: none;
    padding: 1rem
}

.tabs-panel.is-active {
    display: block
}

.thumbnail {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1rem;
    border: 4px solid #fefefe;
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(10,10,10,.2);
    line-height: 0
}

a.thumbnail {
    transition: box-shadow .2s ease-out
}

a.thumbnail:focus,a.thumbnail:hover {
    box-shadow: 0 0 6px 1px rgba(23,121,186,.5)
}

a.thumbnail image {
    box-shadow: none
}

.title-bar {
    padding: .5rem;
    background: #0a0a0a;
    color: #fefefe;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.title-bar .menu-icon {
    margin-left: .25rem;
    margin-right: .25rem
}

.title-bar-left,.title-bar-right {
    flex: 1 1 0px
}

.title-bar-right {
    text-align: right
}

.title-bar-title {
    vertical-align: middle
}

.has-tip,.title-bar-title {
    display: inline-block;
    font-weight: 700
}

.has-tip {
    position: relative;
    border-bottom: 1px dotted #8a8a8a;
    cursor: help
}

.tooltip {
    top: calc(100% + .6495rem);
    z-index: 1200;
    max-width: 10rem;
    padding: .75rem;
    border-radius: 0;
    background-color: #0a0a0a;
    font-size: 80%;
    color: #fefefe
}

.tooltip,.tooltip:before {
    position: absolute
}

.tooltip.bottom:before {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent transparent #0a0a0a;
    border-style: solid;
    border-width: 0 .75rem .75rem;
    bottom: 100%
}

.tooltip.bottom.align-center:before {
    left: 50%;
    transform: translateX(-50%)
}

.tooltip.top:before {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: #0a0a0a transparent transparent;
    border-style: solid;
    border-width: .75rem .75rem 0;
    top: 100%;
    bottom: auto
}

.tooltip.top.align-center:before {
    left: 50%;
    transform: translateX(-50%)
}

.tooltip.left:before {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent transparent transparent #0a0a0a;
    border-style: solid;
    border-width: .75rem 0 .75rem .75rem;
    left: 100%
}

.tooltip.left.align-center:before {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%)
}

.tooltip.right:before {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent #0a0a0a transparent transparent;
    border-style: solid;
    border-width: .75rem .75rem .75rem 0;
    right: 100%;
    left: auto
}

.tooltip.right.align-center:before {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%)
}

.tooltip.align-top:before {
    bottom: auto;
    top: 10%
}

.tooltip.align-bottom:before {
    bottom: 10%;
    top: auto
}

.tooltip.align-left:before {
    left: 10%;
    right: auto
}

.tooltip.align-right:before {
    left: auto;
    right: 10%
}

.top-bar {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: .5rem;
    flex-wrap: wrap
}

.top-bar,.top-bar ul {
    background-color: #e6e6e6
}

.top-bar input {
    max-width: 200px;
    margin-right: 1rem
}

.top-bar .input-group-field {
    width: 100%;
    margin-right: 0
}

.top-bar input.button {
    width: auto
}

.top-bar .top-bar-left,.top-bar .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%
}

@media print,screen and (min-width: 40em) {
    .top-bar {
        flex-wrap:nowrap
    }

    .top-bar .top-bar-left {
        flex: 1 1 auto;
        margin-right: auto
    }

    .top-bar .top-bar-right {
        flex: 0 1 auto;
        margin-left: auto
    }
}

@media print,screen and (max-width: 39.99875em) {
    .top-bar.stacked-for-small2 {
        flex-wrap:wrap
    }

    .top-bar.stacked-for-small2 .top-bar-left,.top-bar.stacked-for-small2 .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media print,screen and (max-width: 47.99875em) {
    .top-bar.stacked-for-medium {
        flex-wrap:wrap
    }

    .top-bar.stacked-for-medium .top-bar-left,.top-bar.stacked-for-medium .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media print,screen and (max-width: 49.06125em) {
    .top-bar.stacked-for-medium_a {
        flex-wrap:wrap
    }

    .top-bar.stacked-for-medium_a .top-bar-left,.top-bar.stacked-for-medium_a .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media print,screen and (max-width: 49.99875em) {
    .top-bar.stacked-for-medium_ab {
        flex-wrap:wrap
    }

    .top-bar.stacked-for-medium_ab .top-bar-left,.top-bar.stacked-for-medium_ab .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media print,screen and (max-width: 63.99875em) {
    .top-bar.stacked-for-medium_b {
        flex-wrap:wrap
    }

    .top-bar.stacked-for-medium_b .top-bar-left,.top-bar.stacked-for-medium_b .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media print,screen and (max-width: 64.06125em) {
    .top-bar.stacked-for-large {
        flex-wrap:wrap
    }

    .top-bar.stacked-for-large .top-bar-left,.top-bar.stacked-for-large .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media print,screen and (max-width: 76.24875em) {
    .top-bar.stacked-for-large_plus1 {
        flex-wrap:wrap
    }

    .top-bar.stacked-for-large_plus1 .top-bar-left,.top-bar.stacked-for-large_plus1 .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media print,screen and (max-width: 89.99875em) {
    .top-bar.stacked-for-xlarge {
        flex-wrap:wrap
    }

    .top-bar.stacked-for-xlarge .top-bar-left,.top-bar.stacked-for-xlarge .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media print,screen and (max-width: 119.99875em) {
    .top-bar.stacked-for-xxlarge {
        flex-wrap:wrap
    }

    .top-bar.stacked-for-xxlarge .top-bar-left,.top-bar.stacked-for-xxlarge .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.top-bar.stacked-for-xxxlarge {
    flex-wrap: wrap
}

.top-bar.stacked-for-xxxlarge .top-bar-left,.top-bar.stacked-for-xxxlarge .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%
}

@media print,screen and (max-width: 19.99875em) {
    .top-bar.stacked-for-xxxs_0 {
        flex-wrap:wrap
    }

    .top-bar.stacked-for-xxxs_0 .top-bar-left,.top-bar.stacked-for-xxxs_0 .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media print,screen and (max-width: 23.43625em) {
    .top-bar.stacked-for-xxs_320 {
        flex-wrap:wrap
    }

    .top-bar.stacked-for-xxs_320 .top-bar-left,.top-bar.stacked-for-xxs_320 .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media print,screen and (max-width: 47.99875em) {
    .top-bar.stacked-for-xs_375 {
        flex-wrap:wrap
    }

    .top-bar.stacked-for-xs_375 .top-bar-left,.top-bar.stacked-for-xs_375 .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media print,screen and (max-width: 56.24875em) {
    .top-bar.stacked-for-s_768 {
        flex-wrap:wrap
    }

    .top-bar.stacked-for-s_768 .top-bar-left,.top-bar.stacked-for-s_768 .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media print,screen and (max-width: 68.74875em) {
    .top-bar.stacked-for-m_1024 {
        flex-wrap:wrap
    }

    .top-bar.stacked-for-m_1024 .top-bar-left,.top-bar.stacked-for-m_1024 .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media print,screen and (max-width: 89.99875em) {
    .top-bar.stacked-for-l_1280 {
        flex-wrap:wrap
    }

    .top-bar.stacked-for-l_1280 .top-bar-left,.top-bar.stacked-for-l_1280 .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media print,screen and (max-width: 119.99875em) {
    .top-bar.stacked-for-xl_1440 {
        flex-wrap:wrap
    }

    .top-bar.stacked-for-xl_1440 .top-bar-left,.top-bar.stacked-for-xl_1440 .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.top-bar.stacked-for-xxl_1920 {
    flex-wrap: wrap
}

.top-bar.stacked-for-xxl_1920 .top-bar-left,.top-bar.stacked-for-xxl_1920 .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%
}

.top-bar-title {
    flex: 0 0 auto;
    margin: .5rem 1rem .5rem 0
}

.top-bar-left,.top-bar-right {
    flex: 0 0 auto
}

.hide {
    display: none!important
}

.invisible {
    visibility: hidden
}

.visible {
    visibility: visible
}

@media print,screen and (max-width: 29.99875em) {
    .hide-for-small-only {
        display:none!important
    }
}

@media screen and (max-width: 0em),screen and (min-width:30em) {
    .show-for-small-only {
        display:none!important
    }
}

@media print,screen and (min-width: 30em) {
    .hide-for-small2 {
        display:none!important
    }
}

@media screen and (max-width: 29.99875em) {
    .show-for-small2 {
        display:none!important
    }
}

@media print,screen and (min-width: 30em)and (max-width:39.99875em) {
    .hide-for-small2-only {
        display:none!important
    }
}

@media screen and (max-width: 29.99875em),screen and (min-width:40em) {
    .show-for-small2-only {
        display:none!important
    }
}

@media print,screen and (min-width: 40em) {
    .hide-for-medium {
        display:none!important
    }
}

@media screen and (max-width: 39.99875em) {
    .show-for-medium {
        display:none!important
    }
}

@media print,screen and (min-width: 40em)and (max-width:47.99875em) {
    .hide-for-medium-only {
        display:none!important
    }
}

@media screen and (max-width: 39.99875em),screen and (min-width:48em) {
    .show-for-medium-only {
        display:none!important
    }
}

@media print,screen and (min-width: 48em) {
    .hide-for-medium_a {
        display:none!important
    }
}

@media screen and (max-width: 47.99875em) {
    .show-for-medium_a {
        display:none!important
    }
}

@media print,screen and (min-width: 48em)and (max-width:49.06125em) {
    .hide-for-medium_a-only {
        display:none!important
    }
}

@media screen and (max-width: 47.99875em),screen and (min-width:49.0625em) {
    .show-for-medium_a-only {
        display:none!important
    }
}

@media print,screen and (min-width: 49.0625em) {
    .hide-for-medium_ab {
        display:none!important
    }
}

@media screen and (max-width: 49.06125em) {
    .show-for-medium_ab {
        display:none!important
    }
}

@media print,screen and (min-width: 49.0625em)and (max-width:49.99875em) {
    .hide-for-medium_ab-only {
        display:none!important
    }
}

@media screen and (max-width: 49.06125em),screen and (min-width:50em) {
    .show-for-medium_ab-only {
        display:none!important
    }
}

@media print,screen and (min-width: 50em) {
    .hide-for-medium_b {
        display:none!important
    }
}

@media screen and (max-width: 49.99875em) {
    .show-for-medium_b {
        display:none!important
    }
}

@media print,screen and (min-width: 50em)and (max-width:63.99875em) {
    .hide-for-medium_b-only {
        display:none!important
    }
}

@media screen and (max-width: 49.99875em),screen and (min-width:64em) {
    .show-for-medium_b-only {
        display:none!important
    }
}

@media print,screen and (min-width: 64em) {
    .hide-for-large {
        display:none!important
    }
}

@media screen and (max-width: 63.99875em) {
    .show-for-large {
        display:none!important
    }
}

@media print,screen and (min-width: 64em)and (max-width:64.06125em) {
    .hide-for-large-only {
        display:none!important
    }
}

@media screen and (max-width: 63.99875em),screen and (min-width:64.0625em) {
    .show-for-large-only {
        display:none!important
    }
}

@media screen and (min-width: 64.0625em) {
    .hide-for-large_plus1 {
        display:none!important
    }
}

@media screen and (max-width: 64.06125em) {
    .show-for-large_plus1 {
        display:none!important
    }
}

@media screen and (min-width: 64.0625em)and (max-width:76.24875em) {
    .hide-for-large_plus1-only {
        display:none!important
    }
}

@media screen and (max-width: 64.06125em),screen and (min-width:76.25em) {
    .show-for-large_plus1-only {
        display:none!important
    }
}

@media screen and (min-width: 76.25em) {
    .hide-for-xlarge {
        display:none!important
    }
}

@media screen and (max-width: 76.24875em) {
    .show-for-xlarge {
        display:none!important
    }
}

@media screen and (min-width: 76.25em)and (max-width:89.99875em) {
    .hide-for-xlarge-only {
        display:none!important
    }
}

@media screen and (max-width: 76.24875em),screen and (min-width:90em) {
    .show-for-xlarge-only {
        display:none!important
    }
}

@media screen and (min-width: 90em) {
    .hide-for-xxlarge {
        display:none!important
    }
}

@media screen and (max-width: 89.99875em) {
    .show-for-xxlarge {
        display:none!important
    }
}

@media screen and (min-width: 90em)and (max-width:119.99875em) {
    .hide-for-xxlarge-only {
        display:none!important
    }
}

@media screen and (max-width: 89.99875em),screen and (min-width:120em) {
    .show-for-xxlarge-only {
        display:none!important
    }
}

@media screen and (min-width: 120em) {
    .hide-for-xxxlarge {
        display:none!important
    }
}

@media screen and (max-width: 119.99875em) {
    .show-for-xxxlarge {
        display:none!important
    }
}

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

@media screen and (max-width: 119.99875em),screen and (min-width:0em) {
    .show-for-xxxlarge-only {
        display:none!important
    }
}

.hide-for-xxxs_0,.show-for-xxxs_0 {
    display: none!important
}

@media screen and (max-width: 19.99875em) {
    .hide-for-xxxs_0-only {
        display:none!important
    }
}

@media screen and (max-width: 0em),screen and (min-width:20em) {
    .show-for-xxxs_0-only {
        display:none!important
    }
}

@media screen and (min-width: 20em) {
    .hide-for-xxs_320 {
        display:none!important
    }
}

@media screen and (max-width: 19.99875em) {
    .show-for-xxs_320 {
        display:none!important
    }
}

@media screen and (min-width: 20em)and (max-width:23.43625em) {
    .hide-for-xxs_320-only {
        display:none!important
    }
}

@media screen and (max-width: 19.99875em),screen and (min-width:23.4375em) {
    .show-for-xxs_320-only {
        display:none!important
    }
}

@media screen and (min-width: 23.4375em) {
    .hide-for-xs_375 {
        display:none!important
    }
}

@media screen and (max-width: 23.43625em) {
    .show-for-xs_375 {
        display:none!important
    }
}

@media screen and (min-width: 23.4375em)and (max-width:47.99875em) {
    .hide-for-xs_375-only {
        display:none!important
    }
}

@media screen and (max-width: 23.43625em),screen and (min-width:48em) {
    .show-for-xs_375-only {
        display:none!important
    }
}

@media screen and (min-width: 48em) {
    .hide-for-s_768 {
        display:none!important
    }
}

@media screen and (max-width: 47.99875em) {
    .show-for-s_768 {
        display:none!important
    }
}

@media screen and (min-width: 48em)and (max-width:56.24875em) {
    .hide-for-s_768-only {
        display:none!important
    }
}

@media screen and (max-width: 47.99875em),screen and (min-width:56.25em) {
    .show-for-s_768-only {
        display:none!important
    }
}

@media screen and (min-width: 64em) {
    .hide-for-m_1024 {
        display:none!important
    }
}

@media screen and (max-width: 63.99875em) {
    .show-for-m_1024 {
        display:none!important
    }
}

@media screen and (min-width: 64em)and (max-width:68.74875em) {
    .hide-for-m_1024-only {
        display:none!important
    }
}

@media screen and (max-width: 63.99875em),screen and (min-width:68.75em) {
    .show-for-m_1024-only {
        display:none!important
    }
}

@media screen and (min-width: 80em) {
    .hide-for-l_1280 {
        display:none!important
    }
}

@media screen and (max-width: 79.99875em) {
    .show-for-l_1280 {
        display:none!important
    }
}

@media screen and (min-width: 80em)and (max-width:89.99875em) {
    .hide-for-l_1280-only {
        display:none!important
    }
}

@media screen and (max-width: 79.99875em),screen and (min-width:90em) {
    .show-for-l_1280-only {
        display:none!important
    }
}

@media screen and (min-width: 90em) {
    .hide-for-xl_1440 {
        display:none!important
    }
}

@media screen and (max-width: 89.99875em) {
    .show-for-xl_1440 {
        display:none!important
    }
}

@media screen and (min-width: 90em)and (max-width:119.99875em) {
    .hide-for-xl_1440-only {
        display:none!important
    }
}

@media screen and (max-width: 89.99875em),screen and (min-width:120em) {
    .show-for-xl_1440-only {
        display:none!important
    }
}

@media screen and (min-width: 120em) {
    .hide-for-xxl_1920 {
        display:none!important
    }
}

@media screen and (max-width: 119.99875em) {
    .show-for-xxl_1920 {
        display:none!important
    }
}

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

@media screen and (max-width: 119.99875em) {
    .show-for-xxl_1920-only {
        display:none!important
    }
}

.show-for-sr,.show-on-focus {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important
}

.show-on-focus:active,.show-on-focus:focus {
    position: static!important;
    width: auto!important;
    height: auto!important;
    overflow: visible!important;
    clip: auto!important;
    white-space: normal!important
}

.hide-for-portrait,.show-for-landscape {
    display: block!important
}

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

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

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

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

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

.show-for-dark-mode {
    display: none
}

.hide-for-dark-mode {
    display: block
}

@media screen and (prefers-color-scheme: dark) {
    .show-for-dark-mode {
        display:block!important
    }

    .hide-for-dark-mode {
        display: none!important
    }
}

.show-for-ie {
    display: none
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .show-for-ie {
        display: block!important
    }

    .hide-for-ie {
        display: none!important
    }
}

.show-for-sticky {
    display: none
}

.is-stuck .show-for-sticky {
    display: block
}

.is-stuck .hide-for-sticky {
    display: none
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-center {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.clearfix:after,.clearfix:before {
    content: " ";
    flex-basis: 0;
    order: 1
}

.align-left {
    justify-content: flex-start
}

.align-right {
    justify-content: flex-end
}

.align-center {
    justify-content: center
}

.align-justify {
    justify-content: space-between
}

.align-spaced {
    justify-content: space-around
}

.align-left.vertical.menu>li>a {
    justify-content: flex-start
}

.align-right.vertical.menu>li>a {
    justify-content: flex-end
}

.align-center.vertical.menu>li>a {
    justify-content: center
}

.align-top {
    align-items: flex-start
}

.align-self-top {
    align-self: flex-start
}

.align-bottom {
    align-items: flex-end
}

.align-self-bottom {
    align-self: flex-end
}

.align-middle {
    align-items: center
}

.align-self-middle {
    align-self: center
}

.align-stretch {
    align-items: stretch
}

.align-self-stretch {
    align-self: stretch
}

.align-center-middle {
    justify-content: center;
    align-items: center;
    align-content: center
}

.small-order-1 {
    order: 1
}

.small-order-2 {
    order: 2
}

.small-order-3 {
    order: 3
}

.small-order-4 {
    order: 4
}

.small-order-5 {
    order: 5
}

.small-order-6 {
    order: 6
}

@media print,screen and (min-width: 30em) {
    .small2-order-1 {
        order:1
    }

    .small2-order-2 {
        order: 2
    }

    .small2-order-3 {
        order: 3
    }

    .small2-order-4 {
        order: 4
    }

    .small2-order-5 {
        order: 5
    }

    .small2-order-6 {
        order: 6
    }
}

@media print,screen and (min-width: 40em) {
    .medium-order-1 {
        order:1
    }

    .medium-order-2 {
        order: 2
    }

    .medium-order-3 {
        order: 3
    }

    .medium-order-4 {
        order: 4
    }

    .medium-order-5 {
        order: 5
    }

    .medium-order-6 {
        order: 6
    }
}

@media print,screen and (min-width: 48em) {
    .medium_a-order-1 {
        order:1
    }

    .medium_a-order-2 {
        order: 2
    }

    .medium_a-order-3 {
        order: 3
    }

    .medium_a-order-4 {
        order: 4
    }

    .medium_a-order-5 {
        order: 5
    }

    .medium_a-order-6 {
        order: 6
    }
}

@media print,screen and (min-width: 49.0625em) {
    .medium_ab-order-1 {
        order:1
    }

    .medium_ab-order-2 {
        order: 2
    }

    .medium_ab-order-3 {
        order: 3
    }

    .medium_ab-order-4 {
        order: 4
    }

    .medium_ab-order-5 {
        order: 5
    }

    .medium_ab-order-6 {
        order: 6
    }
}

@media print,screen and (min-width: 50em) {
    .medium_b-order-1 {
        order:1
    }

    .medium_b-order-2 {
        order: 2
    }

    .medium_b-order-3 {
        order: 3
    }

    .medium_b-order-4 {
        order: 4
    }

    .medium_b-order-5 {
        order: 5
    }

    .medium_b-order-6 {
        order: 6
    }
}

@media print,screen and (min-width: 64em) {
    .large-order-1 {
        order:1
    }

    .large-order-2 {
        order: 2
    }

    .large-order-3 {
        order: 3
    }

    .large-order-4 {
        order: 4
    }

    .large-order-5 {
        order: 5
    }

    .large-order-6 {
        order: 6
    }
}

@media screen and (min-width: 64.0625em) {
    .large_plus1-order-1 {
        order:1
    }

    .large_plus1-order-2 {
        order: 2
    }

    .large_plus1-order-3 {
        order: 3
    }

    .large_plus1-order-4 {
        order: 4
    }

    .large_plus1-order-5 {
        order: 5
    }

    .large_plus1-order-6 {
        order: 6
    }
}

@media screen and (min-width: 76.25em) {
    .xlarge-order-1 {
        order:1
    }

    .xlarge-order-2 {
        order: 2
    }

    .xlarge-order-3 {
        order: 3
    }

    .xlarge-order-4 {
        order: 4
    }

    .xlarge-order-5 {
        order: 5
    }

    .xlarge-order-6 {
        order: 6
    }
}

@media screen and (min-width: 90em) {
    .xxlarge-order-1 {
        order:1
    }

    .xxlarge-order-2 {
        order: 2
    }

    .xxlarge-order-3 {
        order: 3
    }

    .xxlarge-order-4 {
        order: 4
    }

    .xxlarge-order-5 {
        order: 5
    }

    .xxlarge-order-6 {
        order: 6
    }
}

@media screen and (min-width: 120em) {
    .xxxlarge-order-1 {
        order:1
    }

    .xxxlarge-order-2 {
        order: 2
    }

    .xxxlarge-order-3 {
        order: 3
    }

    .xxxlarge-order-4 {
        order: 4
    }

    .xxxlarge-order-5 {
        order: 5
    }

    .xxxlarge-order-6 {
        order: 6
    }
}

.xxxs_0-order-1 {
    order: 1
}

.xxxs_0-order-2 {
    order: 2
}

.xxxs_0-order-3 {
    order: 3
}

.xxxs_0-order-4 {
    order: 4
}

.xxxs_0-order-5 {
    order: 5
}

.xxxs_0-order-6 {
    order: 6
}

@media screen and (min-width: 20em) {
    .xxs_320-order-1 {
        order:1
    }

    .xxs_320-order-2 {
        order: 2
    }

    .xxs_320-order-3 {
        order: 3
    }

    .xxs_320-order-4 {
        order: 4
    }

    .xxs_320-order-5 {
        order: 5
    }

    .xxs_320-order-6 {
        order: 6
    }
}

@media screen and (min-width: 23.4375em) {
    .xs_375-order-1 {
        order:1
    }

    .xs_375-order-2 {
        order: 2
    }

    .xs_375-order-3 {
        order: 3
    }

    .xs_375-order-4 {
        order: 4
    }

    .xs_375-order-5 {
        order: 5
    }

    .xs_375-order-6 {
        order: 6
    }
}

@media screen and (min-width: 48em) {
    .s_768-order-1 {
        order:1
    }

    .s_768-order-2 {
        order: 2
    }

    .s_768-order-3 {
        order: 3
    }

    .s_768-order-4 {
        order: 4
    }

    .s_768-order-5 {
        order: 5
    }

    .s_768-order-6 {
        order: 6
    }
}

@media screen and (min-width: 64em) {
    .m_1024-order-1 {
        order:1
    }

    .m_1024-order-2 {
        order: 2
    }

    .m_1024-order-3 {
        order: 3
    }

    .m_1024-order-4 {
        order: 4
    }

    .m_1024-order-5 {
        order: 5
    }

    .m_1024-order-6 {
        order: 6
    }
}

@media screen and (min-width: 80em) {
    .l_1280-order-1 {
        order:1
    }

    .l_1280-order-2 {
        order: 2
    }

    .l_1280-order-3 {
        order: 3
    }

    .l_1280-order-4 {
        order: 4
    }

    .l_1280-order-5 {
        order: 5
    }

    .l_1280-order-6 {
        order: 6
    }
}

@media screen and (min-width: 90em) {
    .xl_1440-order-1 {
        order:1
    }

    .xl_1440-order-2 {
        order: 2
    }

    .xl_1440-order-3 {
        order: 3
    }

    .xl_1440-order-4 {
        order: 4
    }

    .xl_1440-order-5 {
        order: 5
    }

    .xl_1440-order-6 {
        order: 6
    }
}

@media screen and (min-width: 120em) {
    .xxl_1920-order-1 {
        order:1
    }

    .xxl_1920-order-2 {
        order: 2
    }

    .xxl_1920-order-3 {
        order: 3
    }

    .xxl_1920-order-4 {
        order: 4
    }

    .xxl_1920-order-5 {
        order: 5
    }

    .xxl_1920-order-6 {
        order: 6
    }
}

.flex-container {
    display: flex
}

.flex-child-auto {
    flex: 1 1 auto
}

.flex-child-grow {
    flex: 1 0 auto
}

.flex-child-shrink {
    flex: 0 1 auto
}

.flex-dir-row {
    flex-direction: row
}

.flex-dir-row-reverse {
    flex-direction: row-reverse
}

.flex-dir-column {
    flex-direction: column
}

.flex-dir-column-reverse {
    flex-direction: column-reverse
}

@media print,screen and (min-width: 30em) {
    .small2-flex-container {
        display:flex
    }

    .small2-flex-child-auto {
        flex: 1 1 auto
    }

    .small2-flex-child-grow {
        flex: 1 0 auto
    }

    .small2-flex-child-shrink {
        flex: 0 1 auto
    }

    .small2-flex-dir-row {
        flex-direction: row
    }

    .small2-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .small2-flex-dir-column {
        flex-direction: column
    }

    .small2-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media print,screen and (min-width: 40em) {
    .medium-flex-container {
        display:flex
    }

    .medium-flex-child-auto {
        flex: 1 1 auto
    }

    .medium-flex-child-grow {
        flex: 1 0 auto
    }

    .medium-flex-child-shrink {
        flex: 0 1 auto
    }

    .medium-flex-dir-row {
        flex-direction: row
    }

    .medium-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .medium-flex-dir-column {
        flex-direction: column
    }

    .medium-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media print,screen and (min-width: 48em) {
    .medium_a-flex-container {
        display:flex
    }

    .medium_a-flex-child-auto {
        flex: 1 1 auto
    }

    .medium_a-flex-child-grow {
        flex: 1 0 auto
    }

    .medium_a-flex-child-shrink {
        flex: 0 1 auto
    }

    .medium_a-flex-dir-row {
        flex-direction: row
    }

    .medium_a-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .medium_a-flex-dir-column {
        flex-direction: column
    }

    .medium_a-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media print,screen and (min-width: 49.0625em) {
    .medium_ab-flex-container {
        display:flex
    }

    .medium_ab-flex-child-auto {
        flex: 1 1 auto
    }

    .medium_ab-flex-child-grow {
        flex: 1 0 auto
    }

    .medium_ab-flex-child-shrink {
        flex: 0 1 auto
    }

    .medium_ab-flex-dir-row {
        flex-direction: row
    }

    .medium_ab-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .medium_ab-flex-dir-column {
        flex-direction: column
    }

    .medium_ab-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media print,screen and (min-width: 50em) {
    .medium_b-flex-container {
        display:flex
    }

    .medium_b-flex-child-auto {
        flex: 1 1 auto
    }

    .medium_b-flex-child-grow {
        flex: 1 0 auto
    }

    .medium_b-flex-child-shrink {
        flex: 0 1 auto
    }

    .medium_b-flex-dir-row {
        flex-direction: row
    }

    .medium_b-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .medium_b-flex-dir-column {
        flex-direction: column
    }

    .medium_b-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media print,screen and (min-width: 64em) {
    .large-flex-container {
        display:flex
    }

    .large-flex-child-auto {
        flex: 1 1 auto
    }

    .large-flex-child-grow {
        flex: 1 0 auto
    }

    .large-flex-child-shrink {
        flex: 0 1 auto
    }

    .large-flex-dir-row {
        flex-direction: row
    }

    .large-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .large-flex-dir-column {
        flex-direction: column
    }

    .large-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media screen and (min-width: 64.0625em) {
    .large_plus1-flex-container {
        display:flex
    }

    .large_plus1-flex-child-auto {
        flex: 1 1 auto
    }

    .large_plus1-flex-child-grow {
        flex: 1 0 auto
    }

    .large_plus1-flex-child-shrink {
        flex: 0 1 auto
    }

    .large_plus1-flex-dir-row {
        flex-direction: row
    }

    .large_plus1-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .large_plus1-flex-dir-column {
        flex-direction: column
    }

    .large_plus1-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media screen and (min-width: 76.25em) {
    .xlarge-flex-container {
        display:flex
    }

    .xlarge-flex-child-auto {
        flex: 1 1 auto
    }

    .xlarge-flex-child-grow {
        flex: 1 0 auto
    }

    .xlarge-flex-child-shrink {
        flex: 0 1 auto
    }

    .xlarge-flex-dir-row {
        flex-direction: row
    }

    .xlarge-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .xlarge-flex-dir-column {
        flex-direction: column
    }

    .xlarge-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media screen and (min-width: 90em) {
    .xxlarge-flex-container {
        display:flex
    }

    .xxlarge-flex-child-auto {
        flex: 1 1 auto
    }

    .xxlarge-flex-child-grow {
        flex: 1 0 auto
    }

    .xxlarge-flex-child-shrink {
        flex: 0 1 auto
    }

    .xxlarge-flex-dir-row {
        flex-direction: row
    }

    .xxlarge-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .xxlarge-flex-dir-column {
        flex-direction: column
    }

    .xxlarge-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media screen and (min-width: 120em) {
    .xxxlarge-flex-container {
        display:flex
    }

    .xxxlarge-flex-child-auto {
        flex: 1 1 auto
    }

    .xxxlarge-flex-child-grow {
        flex: 1 0 auto
    }

    .xxxlarge-flex-child-shrink {
        flex: 0 1 auto
    }

    .xxxlarge-flex-dir-row {
        flex-direction: row
    }

    .xxxlarge-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .xxxlarge-flex-dir-column {
        flex-direction: column
    }

    .xxxlarge-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

.xxxs_0-flex-container {
    display: flex
}

.xxxs_0-flex-child-auto {
    flex: 1 1 auto
}

.xxxs_0-flex-child-grow {
    flex: 1 0 auto
}

.xxxs_0-flex-child-shrink {
    flex: 0 1 auto
}

.xxxs_0-flex-dir-row {
    flex-direction: row
}

.xxxs_0-flex-dir-row-reverse {
    flex-direction: row-reverse
}

.xxxs_0-flex-dir-column {
    flex-direction: column
}

.xxxs_0-flex-dir-column-reverse {
    flex-direction: column-reverse
}

@media screen and (min-width: 20em) {
    .xxs_320-flex-container {
        display:flex
    }

    .xxs_320-flex-child-auto {
        flex: 1 1 auto
    }

    .xxs_320-flex-child-grow {
        flex: 1 0 auto
    }

    .xxs_320-flex-child-shrink {
        flex: 0 1 auto
    }

    .xxs_320-flex-dir-row {
        flex-direction: row
    }

    .xxs_320-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .xxs_320-flex-dir-column {
        flex-direction: column
    }

    .xxs_320-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media screen and (min-width: 23.4375em) {
    .xs_375-flex-container {
        display:flex
    }

    .xs_375-flex-child-auto {
        flex: 1 1 auto
    }

    .xs_375-flex-child-grow {
        flex: 1 0 auto
    }

    .xs_375-flex-child-shrink {
        flex: 0 1 auto
    }

    .xs_375-flex-dir-row {
        flex-direction: row
    }

    .xs_375-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .xs_375-flex-dir-column {
        flex-direction: column
    }

    .xs_375-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media screen and (min-width: 48em) {
    .s_768-flex-container {
        display:flex
    }

    .s_768-flex-child-auto {
        flex: 1 1 auto
    }

    .s_768-flex-child-grow {
        flex: 1 0 auto
    }

    .s_768-flex-child-shrink {
        flex: 0 1 auto
    }

    .s_768-flex-dir-row {
        flex-direction: row
    }

    .s_768-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .s_768-flex-dir-column {
        flex-direction: column
    }

    .s_768-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media screen and (min-width: 64em) {
    .m_1024-flex-container {
        display:flex
    }

    .m_1024-flex-child-auto {
        flex: 1 1 auto
    }

    .m_1024-flex-child-grow {
        flex: 1 0 auto
    }

    .m_1024-flex-child-shrink {
        flex: 0 1 auto
    }

    .m_1024-flex-dir-row {
        flex-direction: row
    }

    .m_1024-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .m_1024-flex-dir-column {
        flex-direction: column
    }

    .m_1024-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media screen and (min-width: 80em) {
    .l_1280-flex-container {
        display:flex
    }

    .l_1280-flex-child-auto {
        flex: 1 1 auto
    }

    .l_1280-flex-child-grow {
        flex: 1 0 auto
    }

    .l_1280-flex-child-shrink {
        flex: 0 1 auto
    }

    .l_1280-flex-dir-row {
        flex-direction: row
    }

    .l_1280-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .l_1280-flex-dir-column {
        flex-direction: column
    }

    .l_1280-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media screen and (min-width: 90em) {
    .xl_1440-flex-container {
        display:flex
    }

    .xl_1440-flex-child-auto {
        flex: 1 1 auto
    }

    .xl_1440-flex-child-grow {
        flex: 1 0 auto
    }

    .xl_1440-flex-child-shrink {
        flex: 0 1 auto
    }

    .xl_1440-flex-dir-row {
        flex-direction: row
    }

    .xl_1440-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .xl_1440-flex-dir-column {
        flex-direction: column
    }

    .xl_1440-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media screen and (min-width: 120em) {
    .xxl_1920-flex-container {
        display:flex
    }

    .xxl_1920-flex-child-auto {
        flex: 1 1 auto
    }

    .xxl_1920-flex-child-grow {
        flex: 1 0 auto
    }

    .xxl_1920-flex-child-shrink {
        flex: 0 1 auto
    }

    .xxl_1920-flex-dir-row {
        flex-direction: row
    }

    .xxl_1920-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .xxl_1920-flex-dir-column {
        flex-direction: column
    }

    .xxl_1920-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

.row {
    max-width: 1220px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-flow: row wrap
}

.row .row {
    margin-right: -.9375rem;
    margin-left: -.9375rem
}

@media print,screen and (min-width: 30em) {
    .row .row {
        margin-right:-.625rem;
        margin-left: -.625rem
    }
}

@media print,screen and (min-width: 40em) {
    .row .row {
        margin-right:-.9375rem;
        margin-left: -.9375rem
    }
}

@media print,screen and (min-width: 48em) {
    .row .row {
        margin-right:-.9375rem;
        margin-left: -.9375rem
    }
}

@media print,screen and (min-width: 49.0625em) {
    .row .row {
        margin-right:-.9375rem;
        margin-left: -.9375rem
    }
}

@media print,screen and (min-width: 50em) {
    .row .row {
        margin-right:-.9375rem;
        margin-left: -.9375rem
    }
}

@media print,screen and (min-width: 64em) {
    .row .row {
        margin-right:-.9375rem;
        margin-left: -.9375rem
    }
}

@media screen and (min-width: 64.0625em) {
    .row .row {
        margin-right:-.9375rem;
        margin-left: -.9375rem
    }
}

@media screen and (min-width: 76.25em) {
    .row .row {
        margin-right:-.9375rem;
        margin-left: -.9375rem
    }
}

@media screen and (min-width: 20em) {
    .row .row {
        margin-right:-.9375rem;
        margin-left: -.9375rem
    }
}

@media screen and (min-width: 23.4375em) {
    .row .row {
        margin-right:-.9375rem;
        margin-left: -.9375rem
    }
}

@media screen and (min-width: 48em) {
    .row .row {
        margin-right:-.9375rem;
        margin-left: -.9375rem
    }
}

@media screen and (min-width: 64em) {
    .row .row {
        margin-right:-.9375rem;
        margin-left: -.9375rem
    }
}

@media screen and (min-width: 80em) {
    .row .row {
        margin-right:-.9375rem;
        margin-left: -.9375rem
    }
}

@media screen and (min-width: 90em) {
    .row .row {
        margin-right:-.9375rem;
        margin-left: -.9375rem
    }
}

@media screen and (min-width: 120em) {
    .row .row {
        margin-right:-.9375rem;
        margin-left: -.9375rem
    }
}

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

.row.expanded {
    max-width: none
}

.row.expanded .row {
    margin-right: auto;
    margin-left: auto
}

.row:not(.expanded) .row {
    max-width: none
}

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

.row.collapse>.column>.row,.row.collapse>.columns>.row,.row.is-collapse-child {
    margin-right: 0;
    margin-left: 0
}

.column,.columns {
    flex: 1 1 0px;
    padding-right: .625rem;
    padding-left: .625rem;
    min-width: 0
}

@media print,screen and (min-width: 40em) {
    .column,.columns {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

.column.row.row,.row.row.columns {
    float: none;
    display: block
}

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

.small-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

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

.small-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

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

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

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

.small-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

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

.small-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

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

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

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

.small-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

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

.small-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

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

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

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

.small-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

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

.small-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

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

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

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

.small-up-1 {
    flex-wrap: wrap
}

.small-up-1>.column,.small-up-1>.columns {
    flex: 0 0 100%;
    max-width: 100%
}

.small-up-2 {
    flex-wrap: wrap
}

.small-up-2>.column,.small-up-2>.columns {
    flex: 0 0 50%;
    max-width: 50%
}

.small-up-3 {
    flex-wrap: wrap
}

.small-up-3>.column,.small-up-3>.columns {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.small-up-4 {
    flex-wrap: wrap
}

.small-up-4>.column,.small-up-4>.columns {
    flex: 0 0 25%;
    max-width: 25%
}

.small-up-5 {
    flex-wrap: wrap
}

.small-up-5>.column,.small-up-5>.columns {
    flex: 0 0 20%;
    max-width: 20%
}

.small-up-6 {
    flex-wrap: wrap
}

.small-up-6>.column,.small-up-6>.columns {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.small-up-7 {
    flex-wrap: wrap
}

.small-up-7>.column,.small-up-7>.columns {
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%
}

.small-up-8 {
    flex-wrap: wrap
}

.small-up-8>.column,.small-up-8>.columns {
    flex: 0 0 12.5%;
    max-width: 12.5%
}

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

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

@media print,screen and (min-width: 30em) {
    .small2-1 {
        flex:0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .small2-offset-0 {
        margin-left: 0
    }

    .small2-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .small2-offset-1 {
        margin-left: 8.3333333333%
    }

    .small2-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .small2-offset-2 {
        margin-left: 16.6666666667%
    }

    .small2-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

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

    .small2-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .small2-offset-4 {
        margin-left: 33.3333333333%
    }

    .small2-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .small2-offset-5 {
        margin-left: 41.6666666667%
    }

    .small2-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

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

    .small2-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .small2-offset-7 {
        margin-left: 58.3333333333%
    }

    .small2-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .small2-offset-8 {
        margin-left: 66.6666666667%
    }

    .small2-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

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

    .small2-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .small2-offset-10 {
        margin-left: 83.3333333333%
    }

    .small2-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .small2-offset-11 {
        margin-left: 91.6666666667%
    }

    .small2-up-1 {
        flex-wrap: wrap
    }

    .small2-up-1>.column,.small2-up-1>.columns {
        flex: 0 0 100%;
        max-width: 100%
    }

    .small2-up-2 {
        flex-wrap: wrap
    }

    .small2-up-2>.column,.small2-up-2>.columns {
        flex: 0 0 50%;
        max-width: 50%
    }

    .small2-up-3 {
        flex-wrap: wrap
    }

    .small2-up-3>.column,.small2-up-3>.columns {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .small2-up-4 {
        flex-wrap: wrap
    }

    .small2-up-4>.column,.small2-up-4>.columns {
        flex: 0 0 25%;
        max-width: 25%
    }

    .small2-up-5 {
        flex-wrap: wrap
    }

    .small2-up-5>.column,.small2-up-5>.columns {
        flex: 0 0 20%;
        max-width: 20%
    }

    .small2-up-6 {
        flex-wrap: wrap
    }

    .small2-up-6>.column,.small2-up-6>.columns {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .small2-up-7 {
        flex-wrap: wrap
    }

    .small2-up-7>.column,.small2-up-7>.columns {
        flex: 0 0 14.2857142857%;
        max-width: 14.2857142857%
    }

    .small2-up-8 {
        flex-wrap: wrap
    }

    .small2-up-8>.column,.small2-up-8>.columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media print,screen and (min-width: 30em)and (min-width:30em) {
    .small2-expand {
        flex:1 1 0px
    }
}

.row.small2-unstack>.column,.row.small2-unstack>.columns {
    flex: 0 0 100%
}

@media print,screen and (min-width: 30em) {
    .row.small2-unstack>.column,.row.small2-unstack>.columns {
        flex:1 1 0px
    }
}

@media print,screen and (min-width: 30em) {
    .small2-collapse>.column,.small2-collapse>.columns {
        padding-right:0;
        padding-left: 0
    }
}

@media print,screen and (min-width: 30em) {
    .small2-uncollapse>.column,.small2-uncollapse>.columns {
        padding-right:.625rem;
        padding-left: .625rem
    }
}

@media print,screen and (min-width: 40em) {
    .medium-1 {
        flex:0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

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

    .medium-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

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

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

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

    .medium-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

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

    .medium-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

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

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

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

    .medium-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

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

    .medium-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

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

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

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

    .medium-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

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

    .medium-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

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

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

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

    .medium-up-1 {
        flex-wrap: wrap
    }

    .medium-up-1>.column,.medium-up-1>.columns {
        flex: 0 0 100%;
        max-width: 100%
    }

    .medium-up-2 {
        flex-wrap: wrap
    }

    .medium-up-2>.column,.medium-up-2>.columns {
        flex: 0 0 50%;
        max-width: 50%
    }

    .medium-up-3 {
        flex-wrap: wrap
    }

    .medium-up-3>.column,.medium-up-3>.columns {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .medium-up-4 {
        flex-wrap: wrap
    }

    .medium-up-4>.column,.medium-up-4>.columns {
        flex: 0 0 25%;
        max-width: 25%
    }

    .medium-up-5 {
        flex-wrap: wrap
    }

    .medium-up-5>.column,.medium-up-5>.columns {
        flex: 0 0 20%;
        max-width: 20%
    }

    .medium-up-6 {
        flex-wrap: wrap
    }

    .medium-up-6>.column,.medium-up-6>.columns {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .medium-up-7 {
        flex-wrap: wrap
    }

    .medium-up-7>.column,.medium-up-7>.columns {
        flex: 0 0 14.2857142857%;
        max-width: 14.2857142857%
    }

    .medium-up-8 {
        flex-wrap: wrap
    }

    .medium-up-8>.column,.medium-up-8>.columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media print,screen and (min-width: 40em)and (min-width:40em) {
    .medium-expand {
        flex:1 1 0px
    }
}

.row.medium-unstack>.column,.row.medium-unstack>.columns {
    flex: 0 0 100%
}

@media print,screen and (min-width: 40em) {
    .row.medium-unstack>.column,.row.medium-unstack>.columns {
        flex:1 1 0px
    }
}

@media print,screen and (min-width: 40em) {
    .medium-collapse>.column,.medium-collapse>.columns {
        padding-right:0;
        padding-left: 0
    }
}

@media print,screen and (min-width: 40em) {
    .medium-uncollapse>.column,.medium-uncollapse>.columns {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media print,screen and (min-width: 48em) {
    .medium_a-1 {
        flex:0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .medium_a-offset-0 {
        margin-left: 0
    }

    .medium_a-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .medium_a-offset-1 {
        margin-left: 8.3333333333%
    }

    .medium_a-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .medium_a-offset-2 {
        margin-left: 16.6666666667%
    }

    .medium_a-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

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

    .medium_a-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .medium_a-offset-4 {
        margin-left: 33.3333333333%
    }

    .medium_a-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .medium_a-offset-5 {
        margin-left: 41.6666666667%
    }

    .medium_a-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

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

    .medium_a-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .medium_a-offset-7 {
        margin-left: 58.3333333333%
    }

    .medium_a-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .medium_a-offset-8 {
        margin-left: 66.6666666667%
    }

    .medium_a-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

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

    .medium_a-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .medium_a-offset-10 {
        margin-left: 83.3333333333%
    }

    .medium_a-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .medium_a-offset-11 {
        margin-left: 91.6666666667%
    }

    .medium_a-up-1 {
        flex-wrap: wrap
    }

    .medium_a-up-1>.column,.medium_a-up-1>.columns {
        flex: 0 0 100%;
        max-width: 100%
    }

    .medium_a-up-2 {
        flex-wrap: wrap
    }

    .medium_a-up-2>.column,.medium_a-up-2>.columns {
        flex: 0 0 50%;
        max-width: 50%
    }

    .medium_a-up-3 {
        flex-wrap: wrap
    }

    .medium_a-up-3>.column,.medium_a-up-3>.columns {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .medium_a-up-4 {
        flex-wrap: wrap
    }

    .medium_a-up-4>.column,.medium_a-up-4>.columns {
        flex: 0 0 25%;
        max-width: 25%
    }

    .medium_a-up-5 {
        flex-wrap: wrap
    }

    .medium_a-up-5>.column,.medium_a-up-5>.columns {
        flex: 0 0 20%;
        max-width: 20%
    }

    .medium_a-up-6 {
        flex-wrap: wrap
    }

    .medium_a-up-6>.column,.medium_a-up-6>.columns {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .medium_a-up-7 {
        flex-wrap: wrap
    }

    .medium_a-up-7>.column,.medium_a-up-7>.columns {
        flex: 0 0 14.2857142857%;
        max-width: 14.2857142857%
    }

    .medium_a-up-8 {
        flex-wrap: wrap
    }

    .medium_a-up-8>.column,.medium_a-up-8>.columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media print,screen and (min-width: 48em)and (min-width:48em) {
    .medium_a-expand {
        flex:1 1 0px
    }
}

.row.medium_a-unstack>.column,.row.medium_a-unstack>.columns {
    flex: 0 0 100%
}

@media print,screen and (min-width: 48em) {
    .row.medium_a-unstack>.column,.row.medium_a-unstack>.columns {
        flex:1 1 0px
    }
}

@media print,screen and (min-width: 48em) {
    .medium_a-collapse>.column,.medium_a-collapse>.columns {
        padding-right:0;
        padding-left: 0
    }
}

@media print,screen and (min-width: 48em) {
    .medium_a-uncollapse>.column,.medium_a-uncollapse>.columns {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media print,screen and (min-width: 49.0625em) {
    .medium_ab-1 {
        flex:0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .medium_ab-offset-0 {
        margin-left: 0
    }

    .medium_ab-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .medium_ab-offset-1 {
        margin-left: 8.3333333333%
    }

    .medium_ab-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .medium_ab-offset-2 {
        margin-left: 16.6666666667%
    }

    .medium_ab-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

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

    .medium_ab-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .medium_ab-offset-4 {
        margin-left: 33.3333333333%
    }

    .medium_ab-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .medium_ab-offset-5 {
        margin-left: 41.6666666667%
    }

    .medium_ab-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

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

    .medium_ab-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .medium_ab-offset-7 {
        margin-left: 58.3333333333%
    }

    .medium_ab-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .medium_ab-offset-8 {
        margin-left: 66.6666666667%
    }

    .medium_ab-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

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

    .medium_ab-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .medium_ab-offset-10 {
        margin-left: 83.3333333333%
    }

    .medium_ab-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .medium_ab-offset-11 {
        margin-left: 91.6666666667%
    }

    .medium_ab-up-1 {
        flex-wrap: wrap
    }

    .medium_ab-up-1>.column,.medium_ab-up-1>.columns {
        flex: 0 0 100%;
        max-width: 100%
    }

    .medium_ab-up-2 {
        flex-wrap: wrap
    }

    .medium_ab-up-2>.column,.medium_ab-up-2>.columns {
        flex: 0 0 50%;
        max-width: 50%
    }

    .medium_ab-up-3 {
        flex-wrap: wrap
    }

    .medium_ab-up-3>.column,.medium_ab-up-3>.columns {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .medium_ab-up-4 {
        flex-wrap: wrap
    }

    .medium_ab-up-4>.column,.medium_ab-up-4>.columns {
        flex: 0 0 25%;
        max-width: 25%
    }

    .medium_ab-up-5 {
        flex-wrap: wrap
    }

    .medium_ab-up-5>.column,.medium_ab-up-5>.columns {
        flex: 0 0 20%;
        max-width: 20%
    }

    .medium_ab-up-6 {
        flex-wrap: wrap
    }

    .medium_ab-up-6>.column,.medium_ab-up-6>.columns {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .medium_ab-up-7 {
        flex-wrap: wrap
    }

    .medium_ab-up-7>.column,.medium_ab-up-7>.columns {
        flex: 0 0 14.2857142857%;
        max-width: 14.2857142857%
    }

    .medium_ab-up-8 {
        flex-wrap: wrap
    }

    .medium_ab-up-8>.column,.medium_ab-up-8>.columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media print,screen and (min-width: 49.0625em)and (min-width:49.0625em) {
    .medium_ab-expand {
        flex:1 1 0px
    }
}

.row.medium_ab-unstack>.column,.row.medium_ab-unstack>.columns {
    flex: 0 0 100%
}

@media print,screen and (min-width: 49.0625em) {
    .row.medium_ab-unstack>.column,.row.medium_ab-unstack>.columns {
        flex:1 1 0px
    }
}

@media print,screen and (min-width: 49.0625em) {
    .medium_ab-collapse>.column,.medium_ab-collapse>.columns {
        padding-right:0;
        padding-left: 0
    }
}

@media print,screen and (min-width: 49.0625em) {
    .medium_ab-uncollapse>.column,.medium_ab-uncollapse>.columns {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media print,screen and (min-width: 50em) {
    .medium_b-1 {
        flex:0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .medium_b-offset-0 {
        margin-left: 0
    }

    .medium_b-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .medium_b-offset-1 {
        margin-left: 8.3333333333%
    }

    .medium_b-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .medium_b-offset-2 {
        margin-left: 16.6666666667%
    }

    .medium_b-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

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

    .medium_b-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .medium_b-offset-4 {
        margin-left: 33.3333333333%
    }

    .medium_b-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .medium_b-offset-5 {
        margin-left: 41.6666666667%
    }

    .medium_b-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

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

    .medium_b-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .medium_b-offset-7 {
        margin-left: 58.3333333333%
    }

    .medium_b-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .medium_b-offset-8 {
        margin-left: 66.6666666667%
    }

    .medium_b-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

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

    .medium_b-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .medium_b-offset-10 {
        margin-left: 83.3333333333%
    }

    .medium_b-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .medium_b-offset-11 {
        margin-left: 91.6666666667%
    }

    .medium_b-up-1 {
        flex-wrap: wrap
    }

    .medium_b-up-1>.column,.medium_b-up-1>.columns {
        flex: 0 0 100%;
        max-width: 100%
    }

    .medium_b-up-2 {
        flex-wrap: wrap
    }

    .medium_b-up-2>.column,.medium_b-up-2>.columns {
        flex: 0 0 50%;
        max-width: 50%
    }

    .medium_b-up-3 {
        flex-wrap: wrap
    }

    .medium_b-up-3>.column,.medium_b-up-3>.columns {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .medium_b-up-4 {
        flex-wrap: wrap
    }

    .medium_b-up-4>.column,.medium_b-up-4>.columns {
        flex: 0 0 25%;
        max-width: 25%
    }

    .medium_b-up-5 {
        flex-wrap: wrap
    }

    .medium_b-up-5>.column,.medium_b-up-5>.columns {
        flex: 0 0 20%;
        max-width: 20%
    }

    .medium_b-up-6 {
        flex-wrap: wrap
    }

    .medium_b-up-6>.column,.medium_b-up-6>.columns {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .medium_b-up-7 {
        flex-wrap: wrap
    }

    .medium_b-up-7>.column,.medium_b-up-7>.columns {
        flex: 0 0 14.2857142857%;
        max-width: 14.2857142857%
    }

    .medium_b-up-8 {
        flex-wrap: wrap
    }

    .medium_b-up-8>.column,.medium_b-up-8>.columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media print,screen and (min-width: 50em)and (min-width:50em) {
    .medium_b-expand {
        flex:1 1 0px
    }
}

.row.medium_b-unstack>.column,.row.medium_b-unstack>.columns {
    flex: 0 0 100%
}

@media print,screen and (min-width: 50em) {
    .row.medium_b-unstack>.column,.row.medium_b-unstack>.columns {
        flex:1 1 0px
    }
}

@media print,screen and (min-width: 50em) {
    .medium_b-collapse>.column,.medium_b-collapse>.columns {
        padding-right:0;
        padding-left: 0
    }
}

@media print,screen and (min-width: 50em) {
    .medium_b-uncollapse>.column,.medium_b-uncollapse>.columns {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media print,screen and (min-width: 64em) {
    .large-1 {
        flex:0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

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

    .large-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

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

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

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

    .large-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

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

    .large-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

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

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

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

    .large-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

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

    .large-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

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

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

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

    .large-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

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

    .large-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

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

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

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

    .large-up-1 {
        flex-wrap: wrap
    }

    .large-up-1>.column,.large-up-1>.columns {
        flex: 0 0 100%;
        max-width: 100%
    }

    .large-up-2 {
        flex-wrap: wrap
    }

    .large-up-2>.column,.large-up-2>.columns {
        flex: 0 0 50%;
        max-width: 50%
    }

    .large-up-3 {
        flex-wrap: wrap
    }

    .large-up-3>.column,.large-up-3>.columns {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .large-up-4 {
        flex-wrap: wrap
    }

    .large-up-4>.column,.large-up-4>.columns {
        flex: 0 0 25%;
        max-width: 25%
    }

    .large-up-5 {
        flex-wrap: wrap
    }

    .large-up-5>.column,.large-up-5>.columns {
        flex: 0 0 20%;
        max-width: 20%
    }

    .large-up-6 {
        flex-wrap: wrap
    }

    .large-up-6>.column,.large-up-6>.columns {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .large-up-7 {
        flex-wrap: wrap
    }

    .large-up-7>.column,.large-up-7>.columns {
        flex: 0 0 14.2857142857%;
        max-width: 14.2857142857%
    }

    .large-up-8 {
        flex-wrap: wrap
    }

    .large-up-8>.column,.large-up-8>.columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media print,screen and (min-width: 64em)and (min-width:64em) {
    .large-expand {
        flex:1 1 0px
    }
}

.row.large-unstack>.column,.row.large-unstack>.columns {
    flex: 0 0 100%
}

@media print,screen and (min-width: 64em) {
    .row.large-unstack>.column,.row.large-unstack>.columns {
        flex:1 1 0px
    }
}

@media print,screen and (min-width: 64em) {
    .large-collapse>.column,.large-collapse>.columns {
        padding-right:0;
        padding-left: 0
    }
}

@media print,screen and (min-width: 64em) {
    .large-uncollapse>.column,.large-uncollapse>.columns {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media screen and (min-width: 64.0625em) {
    .large_plus1-1 {
        flex:0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .large_plus1-offset-0 {
        margin-left: 0
    }

    .large_plus1-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .large_plus1-offset-1 {
        margin-left: 8.3333333333%
    }

    .large_plus1-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .large_plus1-offset-2 {
        margin-left: 16.6666666667%
    }

    .large_plus1-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

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

    .large_plus1-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .large_plus1-offset-4 {
        margin-left: 33.3333333333%
    }

    .large_plus1-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .large_plus1-offset-5 {
        margin-left: 41.6666666667%
    }

    .large_plus1-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

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

    .large_plus1-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .large_plus1-offset-7 {
        margin-left: 58.3333333333%
    }

    .large_plus1-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .large_plus1-offset-8 {
        margin-left: 66.6666666667%
    }

    .large_plus1-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

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

    .large_plus1-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .large_plus1-offset-10 {
        margin-left: 83.3333333333%
    }

    .large_plus1-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .large_plus1-offset-11 {
        margin-left: 91.6666666667%
    }

    .large_plus1-up-1 {
        flex-wrap: wrap
    }

    .large_plus1-up-1>.column,.large_plus1-up-1>.columns {
        flex: 0 0 100%;
        max-width: 100%
    }

    .large_plus1-up-2 {
        flex-wrap: wrap
    }

    .large_plus1-up-2>.column,.large_plus1-up-2>.columns {
        flex: 0 0 50%;
        max-width: 50%
    }

    .large_plus1-up-3 {
        flex-wrap: wrap
    }

    .large_plus1-up-3>.column,.large_plus1-up-3>.columns {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .large_plus1-up-4 {
        flex-wrap: wrap
    }

    .large_plus1-up-4>.column,.large_plus1-up-4>.columns {
        flex: 0 0 25%;
        max-width: 25%
    }

    .large_plus1-up-5 {
        flex-wrap: wrap
    }

    .large_plus1-up-5>.column,.large_plus1-up-5>.columns {
        flex: 0 0 20%;
        max-width: 20%
    }

    .large_plus1-up-6 {
        flex-wrap: wrap
    }

    .large_plus1-up-6>.column,.large_plus1-up-6>.columns {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .large_plus1-up-7 {
        flex-wrap: wrap
    }

    .large_plus1-up-7>.column,.large_plus1-up-7>.columns {
        flex: 0 0 14.2857142857%;
        max-width: 14.2857142857%
    }

    .large_plus1-up-8 {
        flex-wrap: wrap
    }

    .large_plus1-up-8>.column,.large_plus1-up-8>.columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media screen and (min-width: 64.0625em)and (min-width:64.0625em) {
    .large_plus1-expand {
        flex:1 1 0px
    }
}

.row.large_plus1-unstack>.column,.row.large_plus1-unstack>.columns {
    flex: 0 0 100%
}

@media screen and (min-width: 64.0625em) {
    .row.large_plus1-unstack>.column,.row.large_plus1-unstack>.columns {
        flex:1 1 0px
    }
}

@media screen and (min-width: 64.0625em) {
    .large_plus1-collapse>.column,.large_plus1-collapse>.columns {
        padding-right:0;
        padding-left: 0
    }
}

@media screen and (min-width: 64.0625em) {
    .large_plus1-uncollapse>.column,.large_plus1-uncollapse>.columns {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media screen and (min-width: 76.25em) {
    .xlarge-1 {
        flex:0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .xlarge-offset-0 {
        margin-left: 0
    }

    .xlarge-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .xlarge-offset-1 {
        margin-left: 8.3333333333%
    }

    .xlarge-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .xlarge-offset-2 {
        margin-left: 16.6666666667%
    }

    .xlarge-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

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

    .xlarge-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .xlarge-offset-4 {
        margin-left: 33.3333333333%
    }

    .xlarge-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .xlarge-offset-5 {
        margin-left: 41.6666666667%
    }

    .xlarge-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

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

    .xlarge-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .xlarge-offset-7 {
        margin-left: 58.3333333333%
    }

    .xlarge-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .xlarge-offset-8 {
        margin-left: 66.6666666667%
    }

    .xlarge-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

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

    .xlarge-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .xlarge-offset-10 {
        margin-left: 83.3333333333%
    }

    .xlarge-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .xlarge-offset-11 {
        margin-left: 91.6666666667%
    }

    .xlarge-up-1 {
        flex-wrap: wrap
    }

    .xlarge-up-1>.column,.xlarge-up-1>.columns {
        flex: 0 0 100%;
        max-width: 100%
    }

    .xlarge-up-2 {
        flex-wrap: wrap
    }

    .xlarge-up-2>.column,.xlarge-up-2>.columns {
        flex: 0 0 50%;
        max-width: 50%
    }

    .xlarge-up-3 {
        flex-wrap: wrap
    }

    .xlarge-up-3>.column,.xlarge-up-3>.columns {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .xlarge-up-4 {
        flex-wrap: wrap
    }

    .xlarge-up-4>.column,.xlarge-up-4>.columns {
        flex: 0 0 25%;
        max-width: 25%
    }

    .xlarge-up-5 {
        flex-wrap: wrap
    }

    .xlarge-up-5>.column,.xlarge-up-5>.columns {
        flex: 0 0 20%;
        max-width: 20%
    }

    .xlarge-up-6 {
        flex-wrap: wrap
    }

    .xlarge-up-6>.column,.xlarge-up-6>.columns {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .xlarge-up-7 {
        flex-wrap: wrap
    }

    .xlarge-up-7>.column,.xlarge-up-7>.columns {
        flex: 0 0 14.2857142857%;
        max-width: 14.2857142857%
    }

    .xlarge-up-8 {
        flex-wrap: wrap
    }

    .xlarge-up-8>.column,.xlarge-up-8>.columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media screen and (min-width: 76.25em)and (min-width:76.25em) {
    .xlarge-expand {
        flex:1 1 0px
    }
}

.row.xlarge-unstack>.column,.row.xlarge-unstack>.columns {
    flex: 0 0 100%
}

@media screen and (min-width: 76.25em) {
    .row.xlarge-unstack>.column,.row.xlarge-unstack>.columns {
        flex:1 1 0px
    }
}

@media screen and (min-width: 76.25em) {
    .xlarge-collapse>.column,.xlarge-collapse>.columns {
        padding-right:0;
        padding-left: 0
    }
}

@media screen and (min-width: 76.25em) {
    .xlarge-uncollapse>.column,.xlarge-uncollapse>.columns {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media screen and (min-width: 90em) {
    .xxlarge-1 {
        flex:0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .xxlarge-offset-0 {
        margin-left: 0
    }

    .xxlarge-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .xxlarge-offset-1 {
        margin-left: 8.3333333333%
    }

    .xxlarge-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .xxlarge-offset-2 {
        margin-left: 16.6666666667%
    }

    .xxlarge-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

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

    .xxlarge-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .xxlarge-offset-4 {
        margin-left: 33.3333333333%
    }

    .xxlarge-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .xxlarge-offset-5 {
        margin-left: 41.6666666667%
    }

    .xxlarge-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

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

    .xxlarge-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .xxlarge-offset-7 {
        margin-left: 58.3333333333%
    }

    .xxlarge-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .xxlarge-offset-8 {
        margin-left: 66.6666666667%
    }

    .xxlarge-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

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

    .xxlarge-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .xxlarge-offset-10 {
        margin-left: 83.3333333333%
    }

    .xxlarge-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .xxlarge-offset-11 {
        margin-left: 91.6666666667%
    }

    .xxlarge-up-1 {
        flex-wrap: wrap
    }

    .xxlarge-up-1>.column,.xxlarge-up-1>.columns {
        flex: 0 0 100%;
        max-width: 100%
    }

    .xxlarge-up-2 {
        flex-wrap: wrap
    }

    .xxlarge-up-2>.column,.xxlarge-up-2>.columns {
        flex: 0 0 50%;
        max-width: 50%
    }

    .xxlarge-up-3 {
        flex-wrap: wrap
    }

    .xxlarge-up-3>.column,.xxlarge-up-3>.columns {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .xxlarge-up-4 {
        flex-wrap: wrap
    }

    .xxlarge-up-4>.column,.xxlarge-up-4>.columns {
        flex: 0 0 25%;
        max-width: 25%
    }

    .xxlarge-up-5 {
        flex-wrap: wrap
    }

    .xxlarge-up-5>.column,.xxlarge-up-5>.columns {
        flex: 0 0 20%;
        max-width: 20%
    }

    .xxlarge-up-6 {
        flex-wrap: wrap
    }

    .xxlarge-up-6>.column,.xxlarge-up-6>.columns {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .xxlarge-up-7 {
        flex-wrap: wrap
    }

    .xxlarge-up-7>.column,.xxlarge-up-7>.columns {
        flex: 0 0 14.2857142857%;
        max-width: 14.2857142857%
    }

    .xxlarge-up-8 {
        flex-wrap: wrap
    }

    .xxlarge-up-8>.column,.xxlarge-up-8>.columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media screen and (min-width: 90em)and (min-width:90em) {
    .xxlarge-expand {
        flex:1 1 0px
    }
}

.row.xxlarge-unstack>.column,.row.xxlarge-unstack>.columns {
    flex: 0 0 100%
}

@media screen and (min-width: 90em) {
    .row.xxlarge-unstack>.column,.row.xxlarge-unstack>.columns {
        flex:1 1 0px
    }
}

@media screen and (min-width: 90em) {
    .xxlarge-collapse>.column,.xxlarge-collapse>.columns {
        padding-right:0;
        padding-left: 0
    }
}

@media screen and (min-width: 90em) {
    .xxlarge-uncollapse>.column,.xxlarge-uncollapse>.columns {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media screen and (min-width: 120em) {
    .xxxlarge-1 {
        flex:0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .xxxlarge-offset-0 {
        margin-left: 0
    }

    .xxxlarge-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .xxxlarge-offset-1 {
        margin-left: 8.3333333333%
    }

    .xxxlarge-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .xxxlarge-offset-2 {
        margin-left: 16.6666666667%
    }

    .xxxlarge-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

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

    .xxxlarge-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .xxxlarge-offset-4 {
        margin-left: 33.3333333333%
    }

    .xxxlarge-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .xxxlarge-offset-5 {
        margin-left: 41.6666666667%
    }

    .xxxlarge-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

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

    .xxxlarge-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .xxxlarge-offset-7 {
        margin-left: 58.3333333333%
    }

    .xxxlarge-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .xxxlarge-offset-8 {
        margin-left: 66.6666666667%
    }

    .xxxlarge-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

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

    .xxxlarge-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .xxxlarge-offset-10 {
        margin-left: 83.3333333333%
    }

    .xxxlarge-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .xxxlarge-offset-11 {
        margin-left: 91.6666666667%
    }

    .xxxlarge-up-1 {
        flex-wrap: wrap
    }

    .xxxlarge-up-1>.column,.xxxlarge-up-1>.columns {
        flex: 0 0 100%;
        max-width: 100%
    }

    .xxxlarge-up-2 {
        flex-wrap: wrap
    }

    .xxxlarge-up-2>.column,.xxxlarge-up-2>.columns {
        flex: 0 0 50%;
        max-width: 50%
    }

    .xxxlarge-up-3 {
        flex-wrap: wrap
    }

    .xxxlarge-up-3>.column,.xxxlarge-up-3>.columns {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .xxxlarge-up-4 {
        flex-wrap: wrap
    }

    .xxxlarge-up-4>.column,.xxxlarge-up-4>.columns {
        flex: 0 0 25%;
        max-width: 25%
    }

    .xxxlarge-up-5 {
        flex-wrap: wrap
    }

    .xxxlarge-up-5>.column,.xxxlarge-up-5>.columns {
        flex: 0 0 20%;
        max-width: 20%
    }

    .xxxlarge-up-6 {
        flex-wrap: wrap
    }

    .xxxlarge-up-6>.column,.xxxlarge-up-6>.columns {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .xxxlarge-up-7 {
        flex-wrap: wrap
    }

    .xxxlarge-up-7>.column,.xxxlarge-up-7>.columns {
        flex: 0 0 14.2857142857%;
        max-width: 14.2857142857%
    }

    .xxxlarge-up-8 {
        flex-wrap: wrap
    }

    .xxxlarge-up-8>.column,.xxxlarge-up-8>.columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media screen and (min-width: 120em)and (min-width:120em) {
    .xxxlarge-expand {
        flex:1 1 0px
    }
}

.row.xxxlarge-unstack>.column,.row.xxxlarge-unstack>.columns {
    flex: 0 0 100%
}

@media screen and (min-width: 120em) {
    .row.xxxlarge-unstack>.column,.row.xxxlarge-unstack>.columns {
        flex:1 1 0px
    }
}

@media screen and (min-width: 120em) {
    .xxxlarge-collapse>.column,.xxxlarge-collapse>.columns {
        padding-right:0;
        padding-left: 0
    }
}

@media screen and (min-width: 120em) {
    .xxxlarge-uncollapse>.column,.xxxlarge-uncollapse>.columns {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

.xxxs_0-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.xxxs_0-offset-0 {
    margin-left: 0
}

.xxxs_0-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.xxxs_0-offset-1 {
    margin-left: 8.3333333333%
}

.xxxs_0-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.xxxs_0-offset-2 {
    margin-left: 16.6666666667%
}

.xxxs_0-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

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

.xxxs_0-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.xxxs_0-offset-4 {
    margin-left: 33.3333333333%
}

.xxxs_0-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.xxxs_0-offset-5 {
    margin-left: 41.6666666667%
}

.xxxs_0-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

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

.xxxs_0-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.xxxs_0-offset-7 {
    margin-left: 58.3333333333%
}

.xxxs_0-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.xxxs_0-offset-8 {
    margin-left: 66.6666666667%
}

.xxxs_0-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

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

.xxxs_0-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.xxxs_0-offset-10 {
    margin-left: 83.3333333333%
}

.xxxs_0-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.xxxs_0-offset-11 {
    margin-left: 91.6666666667%
}

.xxxs_0-up-1 {
    flex-wrap: wrap
}

.xxxs_0-up-1>.column,.xxxs_0-up-1>.columns {
    flex: 0 0 100%;
    max-width: 100%
}

.xxxs_0-up-2 {
    flex-wrap: wrap
}

.xxxs_0-up-2>.column,.xxxs_0-up-2>.columns {
    flex: 0 0 50%;
    max-width: 50%
}

.xxxs_0-up-3 {
    flex-wrap: wrap
}

.xxxs_0-up-3>.column,.xxxs_0-up-3>.columns {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.xxxs_0-up-4 {
    flex-wrap: wrap
}

.xxxs_0-up-4>.column,.xxxs_0-up-4>.columns {
    flex: 0 0 25%;
    max-width: 25%
}

.xxxs_0-up-5 {
    flex-wrap: wrap
}

.xxxs_0-up-5>.column,.xxxs_0-up-5>.columns {
    flex: 0 0 20%;
    max-width: 20%
}

.xxxs_0-up-6 {
    flex-wrap: wrap
}

.xxxs_0-up-6>.column,.xxxs_0-up-6>.columns {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.xxxs_0-up-7 {
    flex-wrap: wrap
}

.xxxs_0-up-7>.column,.xxxs_0-up-7>.columns {
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%
}

.xxxs_0-up-8 {
    flex-wrap: wrap
}

.xxxs_0-up-8>.column,.xxxs_0-up-8>.columns {
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.xxxs_0-expand {
    flex: 1 1 0px
}

.row.xxxs_0-unstack>.column,.row.xxxs_0-unstack>.columns {
    flex: 0 0 100%;
    flex: 1 1 0px
}

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

.xxxs_0-uncollapse>.column,.xxxs_0-uncollapse>.columns {
    padding-right: .9375rem;
    padding-left: .9375rem
}

@media screen and (min-width: 20em) {
    .xxs_320-1 {
        flex:0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .xxs_320-offset-0 {
        margin-left: 0
    }

    .xxs_320-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .xxs_320-offset-1 {
        margin-left: 8.3333333333%
    }

    .xxs_320-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .xxs_320-offset-2 {
        margin-left: 16.6666666667%
    }

    .xxs_320-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

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

    .xxs_320-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .xxs_320-offset-4 {
        margin-left: 33.3333333333%
    }

    .xxs_320-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .xxs_320-offset-5 {
        margin-left: 41.6666666667%
    }

    .xxs_320-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

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

    .xxs_320-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .xxs_320-offset-7 {
        margin-left: 58.3333333333%
    }

    .xxs_320-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .xxs_320-offset-8 {
        margin-left: 66.6666666667%
    }

    .xxs_320-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

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

    .xxs_320-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .xxs_320-offset-10 {
        margin-left: 83.3333333333%
    }

    .xxs_320-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .xxs_320-offset-11 {
        margin-left: 91.6666666667%
    }

    .xxs_320-up-1 {
        flex-wrap: wrap
    }

    .xxs_320-up-1>.column,.xxs_320-up-1>.columns {
        flex: 0 0 100%;
        max-width: 100%
    }

    .xxs_320-up-2 {
        flex-wrap: wrap
    }

    .xxs_320-up-2>.column,.xxs_320-up-2>.columns {
        flex: 0 0 50%;
        max-width: 50%
    }

    .xxs_320-up-3 {
        flex-wrap: wrap
    }

    .xxs_320-up-3>.column,.xxs_320-up-3>.columns {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .xxs_320-up-4 {
        flex-wrap: wrap
    }

    .xxs_320-up-4>.column,.xxs_320-up-4>.columns {
        flex: 0 0 25%;
        max-width: 25%
    }

    .xxs_320-up-5 {
        flex-wrap: wrap
    }

    .xxs_320-up-5>.column,.xxs_320-up-5>.columns {
        flex: 0 0 20%;
        max-width: 20%
    }

    .xxs_320-up-6 {
        flex-wrap: wrap
    }

    .xxs_320-up-6>.column,.xxs_320-up-6>.columns {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .xxs_320-up-7 {
        flex-wrap: wrap
    }

    .xxs_320-up-7>.column,.xxs_320-up-7>.columns {
        flex: 0 0 14.2857142857%;
        max-width: 14.2857142857%
    }

    .xxs_320-up-8 {
        flex-wrap: wrap
    }

    .xxs_320-up-8>.column,.xxs_320-up-8>.columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media screen and (min-width: 20em)and (min-width:20em) {
    .xxs_320-expand {
        flex:1 1 0px
    }
}

.row.xxs_320-unstack>.column,.row.xxs_320-unstack>.columns {
    flex: 0 0 100%
}

@media screen and (min-width: 20em) {
    .row.xxs_320-unstack>.column,.row.xxs_320-unstack>.columns {
        flex:1 1 0px
    }
}

@media screen and (min-width: 20em) {
    .xxs_320-collapse>.column,.xxs_320-collapse>.columns {
        padding-right:0;
        padding-left: 0
    }
}

@media screen and (min-width: 20em) {
    .xxs_320-uncollapse>.column,.xxs_320-uncollapse>.columns {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media screen and (min-width: 23.4375em) {
    .xs_375-1 {
        flex:0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .xs_375-offset-0 {
        margin-left: 0
    }

    .xs_375-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .xs_375-offset-1 {
        margin-left: 8.3333333333%
    }

    .xs_375-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .xs_375-offset-2 {
        margin-left: 16.6666666667%
    }

    .xs_375-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

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

    .xs_375-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .xs_375-offset-4 {
        margin-left: 33.3333333333%
    }

    .xs_375-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .xs_375-offset-5 {
        margin-left: 41.6666666667%
    }

    .xs_375-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

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

    .xs_375-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .xs_375-offset-7 {
        margin-left: 58.3333333333%
    }

    .xs_375-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .xs_375-offset-8 {
        margin-left: 66.6666666667%
    }

    .xs_375-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

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

    .xs_375-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .xs_375-offset-10 {
        margin-left: 83.3333333333%
    }

    .xs_375-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .xs_375-offset-11 {
        margin-left: 91.6666666667%
    }

    .xs_375-up-1 {
        flex-wrap: wrap
    }

    .xs_375-up-1>.column,.xs_375-up-1>.columns {
        flex: 0 0 100%;
        max-width: 100%
    }

    .xs_375-up-2 {
        flex-wrap: wrap
    }

    .xs_375-up-2>.column,.xs_375-up-2>.columns {
        flex: 0 0 50%;
        max-width: 50%
    }

    .xs_375-up-3 {
        flex-wrap: wrap
    }

    .xs_375-up-3>.column,.xs_375-up-3>.columns {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .xs_375-up-4 {
        flex-wrap: wrap
    }

    .xs_375-up-4>.column,.xs_375-up-4>.columns {
        flex: 0 0 25%;
        max-width: 25%
    }

    .xs_375-up-5 {
        flex-wrap: wrap
    }

    .xs_375-up-5>.column,.xs_375-up-5>.columns {
        flex: 0 0 20%;
        max-width: 20%
    }

    .xs_375-up-6 {
        flex-wrap: wrap
    }

    .xs_375-up-6>.column,.xs_375-up-6>.columns {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .xs_375-up-7 {
        flex-wrap: wrap
    }

    .xs_375-up-7>.column,.xs_375-up-7>.columns {
        flex: 0 0 14.2857142857%;
        max-width: 14.2857142857%
    }

    .xs_375-up-8 {
        flex-wrap: wrap
    }

    .xs_375-up-8>.column,.xs_375-up-8>.columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media screen and (min-width: 23.4375em)and (min-width:23.4375em) {
    .xs_375-expand {
        flex:1 1 0px
    }
}

.row.xs_375-unstack>.column,.row.xs_375-unstack>.columns {
    flex: 0 0 100%
}

@media screen and (min-width: 23.4375em) {
    .row.xs_375-unstack>.column,.row.xs_375-unstack>.columns {
        flex:1 1 0px
    }
}

@media screen and (min-width: 23.4375em) {
    .xs_375-collapse>.column,.xs_375-collapse>.columns {
        padding-right:0;
        padding-left: 0
    }
}

@media screen and (min-width: 23.4375em) {
    .xs_375-uncollapse>.column,.xs_375-uncollapse>.columns {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media screen and (min-width: 48em) {
    .s_768-1 {
        flex:0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .s_768-offset-0 {
        margin-left: 0
    }

    .s_768-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .s_768-offset-1 {
        margin-left: 8.3333333333%
    }

    .s_768-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .s_768-offset-2 {
        margin-left: 16.6666666667%
    }

    .s_768-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

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

    .s_768-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .s_768-offset-4 {
        margin-left: 33.3333333333%
    }

    .s_768-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .s_768-offset-5 {
        margin-left: 41.6666666667%
    }

    .s_768-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

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

    .s_768-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .s_768-offset-7 {
        margin-left: 58.3333333333%
    }

    .s_768-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .s_768-offset-8 {
        margin-left: 66.6666666667%
    }

    .s_768-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

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

    .s_768-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .s_768-offset-10 {
        margin-left: 83.3333333333%
    }

    .s_768-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .s_768-offset-11 {
        margin-left: 91.6666666667%
    }

    .s_768-up-1 {
        flex-wrap: wrap
    }

    .s_768-up-1>.column,.s_768-up-1>.columns {
        flex: 0 0 100%;
        max-width: 100%
    }

    .s_768-up-2 {
        flex-wrap: wrap
    }

    .s_768-up-2>.column,.s_768-up-2>.columns {
        flex: 0 0 50%;
        max-width: 50%
    }

    .s_768-up-3 {
        flex-wrap: wrap
    }

    .s_768-up-3>.column,.s_768-up-3>.columns {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .s_768-up-4 {
        flex-wrap: wrap
    }

    .s_768-up-4>.column,.s_768-up-4>.columns {
        flex: 0 0 25%;
        max-width: 25%
    }

    .s_768-up-5 {
        flex-wrap: wrap
    }

    .s_768-up-5>.column,.s_768-up-5>.columns {
        flex: 0 0 20%;
        max-width: 20%
    }

    .s_768-up-6 {
        flex-wrap: wrap
    }

    .s_768-up-6>.column,.s_768-up-6>.columns {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .s_768-up-7 {
        flex-wrap: wrap
    }

    .s_768-up-7>.column,.s_768-up-7>.columns {
        flex: 0 0 14.2857142857%;
        max-width: 14.2857142857%
    }

    .s_768-up-8 {
        flex-wrap: wrap
    }

    .s_768-up-8>.column,.s_768-up-8>.columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media screen and (min-width: 48em)and (min-width:48em) {
    .s_768-expand {
        flex:1 1 0px
    }
}

.row.s_768-unstack>.column,.row.s_768-unstack>.columns {
    flex: 0 0 100%
}

@media screen and (min-width: 48em) {
    .row.s_768-unstack>.column,.row.s_768-unstack>.columns {
        flex:1 1 0px
    }
}

@media screen and (min-width: 48em) {
    .s_768-collapse>.column,.s_768-collapse>.columns {
        padding-right:0;
        padding-left: 0
    }
}

@media screen and (min-width: 48em) {
    .s_768-uncollapse>.column,.s_768-uncollapse>.columns {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media screen and (min-width: 64em) {
    .m_1024-1 {
        flex:0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .m_1024-offset-0 {
        margin-left: 0
    }

    .m_1024-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .m_1024-offset-1 {
        margin-left: 8.3333333333%
    }

    .m_1024-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .m_1024-offset-2 {
        margin-left: 16.6666666667%
    }

    .m_1024-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

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

    .m_1024-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .m_1024-offset-4 {
        margin-left: 33.3333333333%
    }

    .m_1024-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .m_1024-offset-5 {
        margin-left: 41.6666666667%
    }

    .m_1024-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

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

    .m_1024-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .m_1024-offset-7 {
        margin-left: 58.3333333333%
    }

    .m_1024-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .m_1024-offset-8 {
        margin-left: 66.6666666667%
    }

    .m_1024-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

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

    .m_1024-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .m_1024-offset-10 {
        margin-left: 83.3333333333%
    }

    .m_1024-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .m_1024-offset-11 {
        margin-left: 91.6666666667%
    }

    .m_1024-up-1 {
        flex-wrap: wrap
    }

    .m_1024-up-1>.column,.m_1024-up-1>.columns {
        flex: 0 0 100%;
        max-width: 100%
    }

    .m_1024-up-2 {
        flex-wrap: wrap
    }

    .m_1024-up-2>.column,.m_1024-up-2>.columns {
        flex: 0 0 50%;
        max-width: 50%
    }

    .m_1024-up-3 {
        flex-wrap: wrap
    }

    .m_1024-up-3>.column,.m_1024-up-3>.columns {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .m_1024-up-4 {
        flex-wrap: wrap
    }

    .m_1024-up-4>.column,.m_1024-up-4>.columns {
        flex: 0 0 25%;
        max-width: 25%
    }

    .m_1024-up-5 {
        flex-wrap: wrap
    }

    .m_1024-up-5>.column,.m_1024-up-5>.columns {
        flex: 0 0 20%;
        max-width: 20%
    }

    .m_1024-up-6 {
        flex-wrap: wrap
    }

    .m_1024-up-6>.column,.m_1024-up-6>.columns {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .m_1024-up-7 {
        flex-wrap: wrap
    }

    .m_1024-up-7>.column,.m_1024-up-7>.columns {
        flex: 0 0 14.2857142857%;
        max-width: 14.2857142857%
    }

    .m_1024-up-8 {
        flex-wrap: wrap
    }

    .m_1024-up-8>.column,.m_1024-up-8>.columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media screen and (min-width: 64em)and (min-width:64em) {
    .m_1024-expand {
        flex:1 1 0px
    }
}

.row.m_1024-unstack>.column,.row.m_1024-unstack>.columns {
    flex: 0 0 100%
}

@media screen and (min-width: 64em) {
    .row.m_1024-unstack>.column,.row.m_1024-unstack>.columns {
        flex:1 1 0px
    }
}

@media screen and (min-width: 64em) {
    .m_1024-collapse>.column,.m_1024-collapse>.columns {
        padding-right:0;
        padding-left: 0
    }
}

@media screen and (min-width: 64em) {
    .m_1024-uncollapse>.column,.m_1024-uncollapse>.columns {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media screen and (min-width: 80em) {
    .l_1280-1 {
        flex:0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .l_1280-offset-0 {
        margin-left: 0
    }

    .l_1280-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .l_1280-offset-1 {
        margin-left: 8.3333333333%
    }

    .l_1280-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .l_1280-offset-2 {
        margin-left: 16.6666666667%
    }

    .l_1280-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

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

    .l_1280-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .l_1280-offset-4 {
        margin-left: 33.3333333333%
    }

    .l_1280-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .l_1280-offset-5 {
        margin-left: 41.6666666667%
    }

    .l_1280-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

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

    .l_1280-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .l_1280-offset-7 {
        margin-left: 58.3333333333%
    }

    .l_1280-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .l_1280-offset-8 {
        margin-left: 66.6666666667%
    }

    .l_1280-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

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

    .l_1280-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .l_1280-offset-10 {
        margin-left: 83.3333333333%
    }

    .l_1280-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .l_1280-offset-11 {
        margin-left: 91.6666666667%
    }

    .l_1280-up-1 {
        flex-wrap: wrap
    }

    .l_1280-up-1>.column,.l_1280-up-1>.columns {
        flex: 0 0 100%;
        max-width: 100%
    }

    .l_1280-up-2 {
        flex-wrap: wrap
    }

    .l_1280-up-2>.column,.l_1280-up-2>.columns {
        flex: 0 0 50%;
        max-width: 50%
    }

    .l_1280-up-3 {
        flex-wrap: wrap
    }

    .l_1280-up-3>.column,.l_1280-up-3>.columns {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .l_1280-up-4 {
        flex-wrap: wrap
    }

    .l_1280-up-4>.column,.l_1280-up-4>.columns {
        flex: 0 0 25%;
        max-width: 25%
    }

    .l_1280-up-5 {
        flex-wrap: wrap
    }

    .l_1280-up-5>.column,.l_1280-up-5>.columns {
        flex: 0 0 20%;
        max-width: 20%
    }

    .l_1280-up-6 {
        flex-wrap: wrap
    }

    .l_1280-up-6>.column,.l_1280-up-6>.columns {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .l_1280-up-7 {
        flex-wrap: wrap
    }

    .l_1280-up-7>.column,.l_1280-up-7>.columns {
        flex: 0 0 14.2857142857%;
        max-width: 14.2857142857%
    }

    .l_1280-up-8 {
        flex-wrap: wrap
    }

    .l_1280-up-8>.column,.l_1280-up-8>.columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media screen and (min-width: 80em)and (min-width:80em) {
    .l_1280-expand {
        flex:1 1 0px
    }
}

.row.l_1280-unstack>.column,.row.l_1280-unstack>.columns {
    flex: 0 0 100%
}

@media screen and (min-width: 80em) {
    .row.l_1280-unstack>.column,.row.l_1280-unstack>.columns {
        flex:1 1 0px
    }
}

@media screen and (min-width: 80em) {
    .l_1280-collapse>.column,.l_1280-collapse>.columns {
        padding-right:0;
        padding-left: 0
    }
}

@media screen and (min-width: 80em) {
    .l_1280-uncollapse>.column,.l_1280-uncollapse>.columns {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media screen and (min-width: 90em) {
    .xl_1440-1 {
        flex:0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .xl_1440-offset-0 {
        margin-left: 0
    }

    .xl_1440-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .xl_1440-offset-1 {
        margin-left: 8.3333333333%
    }

    .xl_1440-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .xl_1440-offset-2 {
        margin-left: 16.6666666667%
    }

    .xl_1440-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

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

    .xl_1440-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .xl_1440-offset-4 {
        margin-left: 33.3333333333%
    }

    .xl_1440-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .xl_1440-offset-5 {
        margin-left: 41.6666666667%
    }

    .xl_1440-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

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

    .xl_1440-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .xl_1440-offset-7 {
        margin-left: 58.3333333333%
    }

    .xl_1440-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .xl_1440-offset-8 {
        margin-left: 66.6666666667%
    }

    .xl_1440-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

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

    .xl_1440-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .xl_1440-offset-10 {
        margin-left: 83.3333333333%
    }

    .xl_1440-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .xl_1440-offset-11 {
        margin-left: 91.6666666667%
    }

    .xl_1440-up-1 {
        flex-wrap: wrap
    }

    .xl_1440-up-1>.column,.xl_1440-up-1>.columns {
        flex: 0 0 100%;
        max-width: 100%
    }

    .xl_1440-up-2 {
        flex-wrap: wrap
    }

    .xl_1440-up-2>.column,.xl_1440-up-2>.columns {
        flex: 0 0 50%;
        max-width: 50%
    }

    .xl_1440-up-3 {
        flex-wrap: wrap
    }

    .xl_1440-up-3>.column,.xl_1440-up-3>.columns {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .xl_1440-up-4 {
        flex-wrap: wrap
    }

    .xl_1440-up-4>.column,.xl_1440-up-4>.columns {
        flex: 0 0 25%;
        max-width: 25%
    }

    .xl_1440-up-5 {
        flex-wrap: wrap
    }

    .xl_1440-up-5>.column,.xl_1440-up-5>.columns {
        flex: 0 0 20%;
        max-width: 20%
    }

    .xl_1440-up-6 {
        flex-wrap: wrap
    }

    .xl_1440-up-6>.column,.xl_1440-up-6>.columns {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .xl_1440-up-7 {
        flex-wrap: wrap
    }

    .xl_1440-up-7>.column,.xl_1440-up-7>.columns {
        flex: 0 0 14.2857142857%;
        max-width: 14.2857142857%
    }

    .xl_1440-up-8 {
        flex-wrap: wrap
    }

    .xl_1440-up-8>.column,.xl_1440-up-8>.columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media screen and (min-width: 90em)and (min-width:90em) {
    .xl_1440-expand {
        flex:1 1 0px
    }
}

.row.xl_1440-unstack>.column,.row.xl_1440-unstack>.columns {
    flex: 0 0 100%
}

@media screen and (min-width: 90em) {
    .row.xl_1440-unstack>.column,.row.xl_1440-unstack>.columns {
        flex:1 1 0px
    }
}

@media screen and (min-width: 90em) {
    .xl_1440-collapse>.column,.xl_1440-collapse>.columns {
        padding-right:0;
        padding-left: 0
    }
}

@media screen and (min-width: 90em) {
    .xl_1440-uncollapse>.column,.xl_1440-uncollapse>.columns {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media screen and (min-width: 120em) {
    .xxl_1920-1 {
        flex:0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .xxl_1920-offset-0 {
        margin-left: 0
    }

    .xxl_1920-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .xxl_1920-offset-1 {
        margin-left: 8.3333333333%
    }

    .xxl_1920-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .xxl_1920-offset-2 {
        margin-left: 16.6666666667%
    }

    .xxl_1920-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

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

    .xxl_1920-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .xxl_1920-offset-4 {
        margin-left: 33.3333333333%
    }

    .xxl_1920-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .xxl_1920-offset-5 {
        margin-left: 41.6666666667%
    }

    .xxl_1920-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

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

    .xxl_1920-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .xxl_1920-offset-7 {
        margin-left: 58.3333333333%
    }

    .xxl_1920-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .xxl_1920-offset-8 {
        margin-left: 66.6666666667%
    }

    .xxl_1920-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

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

    .xxl_1920-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .xxl_1920-offset-10 {
        margin-left: 83.3333333333%
    }

    .xxl_1920-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .xxl_1920-offset-11 {
        margin-left: 91.6666666667%
    }

    .xxl_1920-up-1 {
        flex-wrap: wrap
    }

    .xxl_1920-up-1>.column,.xxl_1920-up-1>.columns {
        flex: 0 0 100%;
        max-width: 100%
    }

    .xxl_1920-up-2 {
        flex-wrap: wrap
    }

    .xxl_1920-up-2>.column,.xxl_1920-up-2>.columns {
        flex: 0 0 50%;
        max-width: 50%
    }

    .xxl_1920-up-3 {
        flex-wrap: wrap
    }

    .xxl_1920-up-3>.column,.xxl_1920-up-3>.columns {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .xxl_1920-up-4 {
        flex-wrap: wrap
    }

    .xxl_1920-up-4>.column,.xxl_1920-up-4>.columns {
        flex: 0 0 25%;
        max-width: 25%
    }

    .xxl_1920-up-5 {
        flex-wrap: wrap
    }

    .xxl_1920-up-5>.column,.xxl_1920-up-5>.columns {
        flex: 0 0 20%;
        max-width: 20%
    }

    .xxl_1920-up-6 {
        flex-wrap: wrap
    }

    .xxl_1920-up-6>.column,.xxl_1920-up-6>.columns {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .xxl_1920-up-7 {
        flex-wrap: wrap
    }

    .xxl_1920-up-7>.column,.xxl_1920-up-7>.columns {
        flex: 0 0 14.2857142857%;
        max-width: 14.2857142857%
    }

    .xxl_1920-up-8 {
        flex-wrap: wrap
    }

    .xxl_1920-up-8>.column,.xxl_1920-up-8>.columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media screen and (min-width: 120em)and (min-width:120em) {
    .xxl_1920-expand {
        flex:1 1 0px
    }
}

.row.xxl_1920-unstack>.column,.row.xxl_1920-unstack>.columns {
    flex: 0 0 100%
}

@media screen and (min-width: 120em) {
    .row.xxl_1920-unstack>.column,.row.xxl_1920-unstack>.columns {
        flex:1 1 0px
    }
}

@media screen and (min-width: 120em) {
    .xxl_1920-collapse>.column,.xxl_1920-collapse>.columns {
        padding-right:0;
        padding-left: 0
    }
}

@media screen and (min-width: 120em) {
    .xxl_1920-uncollapse>.column,.xxl_1920-uncollapse>.columns {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

.shrink {
    flex: 0 0 auto;
    max-width: 100%
}

.column-block {
    margin-bottom: 1.25rem
}

.column-block>:last-child {
    margin-bottom: 0
}

@media print,screen and (min-width: 40em) {
    .column-block {
        margin-bottom:1.875rem
    }

    .column-block>:last-child {
        margin-bottom: 0
    }
}

.slide-in-down.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateY(-100%);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-down.mui-enter.mui-enter-active {
    transform: translateY(0)
}

.slide-in-left.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateX(-100%);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-left.mui-enter.mui-enter-active {
    transform: translateX(0)
}

.slide-in-up.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateY(100%);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-up.mui-enter.mui-enter-active {
    transform: translateY(0)
}

.slide-in-right.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateX(100%);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-right.mui-enter.mui-enter-active {
    transform: translateX(0)
}

.slide-out-down.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateY(0);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-down.mui-leave.mui-leave-active {
    transform: translateY(100%)
}

.slide-out-right.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateX(0);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-right.mui-leave.mui-leave-active {
    transform: translateX(100%)
}

.slide-out-up.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateY(0);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-up.mui-leave.mui-leave-active {
    transform: translateY(-100%)
}

.slide-out-left.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateX(0);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-left.mui-leave.mui-leave-active {
    transform: translateX(-100%)
}

.fade-in.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    opacity: 0;
    transition-property: opacity
}

.fade-in.mui-enter.mui-enter-active {
    opacity: 1
}

.fade-out.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    opacity: 1;
    transition-property: opacity
}

.fade-out.mui-leave.mui-leave-active {
    opacity: 0
}

.hinge-in-from-top.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    transform-origin: top;
    transition-property: transform,opacity;
    opacity: 0
}

.hinge-in-from-top.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-right.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    transform-origin: right;
    transition-property: transform,opacity;
    opacity: 0
}

.hinge-in-from-right.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-bottom.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(90deg);
    transform-origin: bottom;
    transition-property: transform,opacity;
    opacity: 0
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-left.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(90deg);
    transform-origin: left;
    transition-property: transform,opacity;
    opacity: 0
}

.hinge-in-from-left.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-middle-x.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 0
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-middle-y.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 0
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active,.hinge-out-from-top.mui-leave {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-out-from-top.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform-origin: top;
    transition-property: transform,opacity
}

.hinge-out-from-top.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(90deg);
    opacity: 0
}

.hinge-out-from-right.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: right;
    transition-property: transform,opacity;
    opacity: 1
}

.hinge-out-from-right.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0
}

.hinge-out-from-bottom.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: bottom;
    transition-property: transform,opacity;
    opacity: 1
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0
}

.hinge-out-from-left.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: left;
    transition-property: transform,opacity;
    opacity: 1
}

.hinge-out-from-left.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0
}

.hinge-out-from-middle-x.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 1
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(90deg);
    opacity: 0
}

.hinge-out-from-middle-y.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 1
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0
}

.scale-in-up.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: scale(.5);
    transition-property: transform,opacity;
    opacity: 0
}

.scale-in-up.mui-enter.mui-enter-active {
    transform: scale(1);
    opacity: 1
}

.scale-in-down.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: scale(1.5);
    transition-property: transform,opacity;
    opacity: 0
}

.scale-in-down.mui-enter.mui-enter-active,.scale-out-up.mui-leave {
    transform: scale(1);
    opacity: 1
}

.scale-out-up.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform,opacity
}

.scale-out-up.mui-leave.mui-leave-active {
    transform: scale(1.5);
    opacity: 0
}

.scale-out-down.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: scale(1);
    transition-property: transform,opacity;
    opacity: 1
}

.scale-out-down.mui-leave.mui-leave-active {
    transform: scale(.5);
    opacity: 0
}

.spin-in.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: rotate(-270deg);
    transition-property: transform,opacity;
    opacity: 0
}

.spin-in.mui-enter.mui-enter-active,.spin-out.mui-leave {
    transform: rotate(0);
    opacity: 1
}

.spin-out.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform,opacity
}

.spin-in-ccw.mui-enter,.spin-out.mui-leave.mui-leave-active {
    transform: rotate(270deg);
    opacity: 0
}

.spin-in-ccw.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform,opacity
}

.spin-in-ccw.mui-enter.mui-enter-active,.spin-out-ccw.mui-leave {
    transform: rotate(0);
    opacity: 1
}

.spin-out-ccw.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform,opacity
}

.spin-out-ccw.mui-leave.mui-leave-active {
    transform: rotate(-270deg);
    opacity: 0
}

.slow {
    transition-duration: .75s!important
}

.fast {
    transition-duration: .25s!important
}

.linear {
    transition-timing-function: linear!important
}

.ease {
    transition-timing-function: ease!important
}

.ease-in {
    transition-timing-function: ease-in!important
}

.ease-out {
    transition-timing-function: ease-out!important
}

.ease-in-out {
    transition-timing-function: ease-in-out!important
}

.bounce-in {
    transition-timing-function: cubic-bezier(.485,.155,.24,1.245)!important
}

.bounce-out {
    transition-timing-function: cubic-bezier(.485,.155,.515,.845)!important
}

.bounce-in-out {
    transition-timing-function: cubic-bezier(.76,-.245,.24,1.245)!important
}

.short-delay {
    transition-delay: .3s!important
}

.long-delay {
    transition-delay: .7s!important
}

.shake {
    animation-name: shake-7
}

@keyframes shake-7 {
    0%,10%,20%,30%,40%,50%,60%,70%,80%,90% {
        transform: translateX(7%)
    }

    5%,15%,25%,35%,45%,55%,65%,75%,85%,95% {
        transform: translateX(-7%)
    }
}

.spin-cw {
    animation-name: spin-cw-1turn
}

@keyframes spin-cw-1turn {
    0% {
        transform: rotate(-1turn)
    }

    to {
        transform: rotate(0)
    }
}

.spin-ccw {
    animation-name: spin-ccw-1turn
}

@keyframes spin-ccw-1turn {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-1turn)
    }
}

.wiggle {
    animation-name: wiggle-7deg
}

@keyframes wiggle-7deg {
    40%,50%,60% {
        transform: rotate(7deg)
    }

    35%,45%,55%,65% {
        transform: rotate(-7deg)
    }

    0%,30%,70%,to {
        transform: rotate(0)
    }
}

.shake,.spin-ccw,.spin-cw,.wiggle {
    animation-duration: .5s
}

.infinite {
    animation-iteration-count: infinite
}

.slow {
    animation-duration: .75s!important
}

.fast {
    animation-duration: .25s!important
}

.linear {
    animation-timing-function: linear!important
}

.ease {
    animation-timing-function: ease!important
}

.ease-in {
    animation-timing-function: ease-in!important
}

.ease-out {
    animation-timing-function: ease-out!important
}

.ease-in-out {
    animation-timing-function: ease-in-out!important
}

.bounce-in {
    animation-timing-function: cubic-bezier(.485,.155,.24,1.245)!important
}

.bounce-out {
    animation-timing-function: cubic-bezier(.485,.155,.515,.845)!important
}

.bounce-in-out {
    animation-timing-function: cubic-bezier(.76,-.245,.24,1.245)!important
}

.short-delay {
    animation-delay: .3s!important
}

.long-delay {
    animation-delay: .7s!important
}

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

audio,canvas,video {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    *zoom:1}

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

[hidden] {
    display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    line-height: 1.5em
}

button,html,input,select,textarea {
    font-family: sans-serif
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

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

p,pre {
    margin: 1.5em 0
}

blockquote {
    margin: 1.5em 40px
}

h1 {
    font-size: 2em;
    line-height: 1.5em;
    margin-top: .75em;
    margin-bottom: .75em
}

h2 {
    font-size: 1.75em;
    line-height: 1.7142857143em;
    margin-top: .8571428571em;
    margin-bottom: .8571428571em
}

h3 {
    font-size: 1.375em;
    line-height: 2.1818181818em;
    margin-top: 1.0909090909em;
    margin-bottom: 1.0909090909em
}

h4 {
    font-size: 1.125em;
    line-height: 1.3333333333em;
    margin-top: 1.3333333333em;
    margin-bottom: 1.3333333333em
}

h5 {
    font-size: 1em;
    line-height: 1.5em;
    margin-top: 1.5em;
    margin-bottom: 1.5em
}

h6 {
    font-size: .875em;
    line-height: 1.7142857143em;
    margin-top: 1.7142857143em;
    margin-bottom: 1.7142857143em
}

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

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

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

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

pre {
    white-space: pre-wrap
}

q {
    quotes: "“" "”" "‘" "’"
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

dl,menu,ol,ul {
    margin: 1.5em 0;
    padding: 0 0 0 40px
}

dl {
    padding: 0
}

dd {
    margin: 0 0 0 40px
}

nav ol,nav ul {
    list-style: none;
    list-style-image: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

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

figure,form {
    margin: 0
}

fieldset {
    margin: 0 2px;
    border: .0625em solid silver;
    padding: .4625em .875em .9125em
}

legend {
    *margin-left: -7px
}

button,input,select,textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button,input {
    line-height: normal
}

button,select {
    text-transform: none
}

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

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

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}

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
}

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

textarea {
    overflow: auto;
    vertical-align: top
}

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

@font-face {
    font-family: oxfam_tstar_probold;
    src: url("../fonts/oxfam_tstarpro-bold-webfont.582f1ab75fcd.woff2") format("woff2"),url("../fonts/oxfam_tstarpro-bold-webfont.5b93e489ed5e.woff") format("woff"),url("../fonts/oxfam_tstarpro-bold-webfont.e9f6c7dffcf4.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: oxfam_tstar_probold_italic;
    src: url("../fonts/oxfam_tstarpro-bolditalc-webfont.78d372dd8401.woff2") format("woff2"),url("../fonts/oxfam_tstarpro-bolditalc-webfont.f9ba70e3deef.woff") format("woff"),url("../fonts/oxfam_tstarpro-bolditalc-webfont.26b3b40c3ba7.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: oxfam_tstar_proheadline;
    src: url("../fonts/oxfam_tstarpro-headline-webfont.de9153f78e1d.woff2") format("woff2"),url("../fonts/oxfam_tstarpro-headline-webfont.039c7ecd4ffe.woff") format("woff"),url("../fonts/oxfam_tstarpro-headline-webfont.cd91ea67b47f.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: oxfam_tstar_proitalic;
    src: url("../fonts/oxfam_tstarpro-italic-webfont.10e6302424b4.woff2") format("woff2"),url("../fonts/oxfam_tstarpro-italic-webfont.85a063d29a22.woff") format("woff"),url("../fonts/oxfam_tstarpro-italic-webfont.f0386625d26d.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: oxfam_tstar_prolight;
    src: url("../fonts/oxfam_tstarpro-light-webfont.ceba8d8dac4d.woff2") format("woff2"),url("../fonts/oxfam_tstarpro-light-webfont.fd53feac0155.woff") format("woff"),url("../fonts/oxfam_tstarpro-light-webfont.2e9344296946.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: oxfam_tstar_prolight_italic;
    src: url("../fonts/oxfam_tstarpro-lightitalic-webfont.3627b5afbf25.woff2") format("woff2"),url("../fonts/oxfam_tstarpro-lightitalic-webfont.25a00ec72b28.woff") format("woff"),url("../fonts/oxfam_tstarpro-lightitalic-webfont.16b270ddb302.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: oxfam_tstar_promedium;
    src: url("../fonts/oxfam_tstarpro-medium-webfont.f4dee2f76521.woff2") format("woff2"),url("../fonts/oxfam_tstarpro-medium-webfont.374ed861910d.woff") format("woff"),url("../fonts/oxfam_tstarpro-medium-webfont.5914798815c1.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: oxfam_tstar_proregular;
    src: url("../fonts/oxfam_tstarpro-regular-webfont.1902eb2c1187.woff2") format("woff2"),url("../fonts/oxfam_tstarpro-regular-webfont.b23198d13a5b.woff") format("woff"),url("../fonts/oxfam_tstarpro-regular-webfont.f5cb541eedb5.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: oxfam_tstar_promedium_italic;
    src: url("../fonts/oxfam_tstarpro-mediumitalic-webfont.30cb9867aa2d.woff2") format("woff2"),url("../fonts/oxfam_tstarpro-mediumitalic-webfont.cce3c2c4060f.woff") format("woff"),url("../fonts/oxfam_tstarpro-mediumitalic-webfont.816024468c0b.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: RobotoCondensed-Bold-webfont;
    src: url("../fonts/RobotoCondensed-Bold-webfont.e96a912a45cd.woff") format("woff"),url("../fonts/RobotoCondensed-Bold-webfont.e721dd98a9b0.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: RobotoCondensed-Regular-webfont;
    src: url("../fonts/RobotoCondensed-Regular-webfont.3f7afdef58cb.woff") format("woff"),url("../fonts/RobotoCondensed-Regular-webfont.61a25162c58c.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto-Regular-webfont;
    src: url("../fonts/Roboto-Regular-webfont.b3be96cbbfd0.woff") format("woff"),url("../fonts/Roboto-Regular-webfont.3a7c47cbda46.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto-Bold-webfont;
    src: url("../fonts/Roboto-Bold-webfont.388938f6332e.woff") format("woff"),url("../fonts/Roboto-Bold-webfont.654b91dd4a8f.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: OxfamHeadline;
    src: url("../fonts/oxfamglobalheadline-webfont.01addd7b9ea6.woff") format("woff"),url("../fonts/oxfamglobalheadline-webfont.06d32e4356d8.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: FontAwesome;
    src: url("../fonts/fontawesome-webfont.8b27bc96115c.eot");
    src: url("../fonts/fontawesome-webfont.8b27bc96115c.eot#iefix&v=4.0.3") format("embedded-opentype"),url("../fonts/fontawesome-webfont.3293616ec0c6.woff") format("woff"),url("../fonts/fontawesome-webfont.dcb26c7239d8.ttf") format("truetype"),url("../fonts/fontawesome-webfont.0a799148a50b.svg#fontawesomeregular") format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: oa-icons;
    src: url("../fonts/oa-icons.d10bcff90bb7.eot");
    src: url("../fonts/oa-icons.d10bcff90bb7.eot?#iefix") format("embedded-opentype"),url("../fonts/oa-icons.44961d14965a.woff") format("woff"),url("../fonts/oa-icons.1eb64db477ab.ttf") format("truetype"),url("../fonts/oa-icons.332f09ea81b7.svg#oa-icons") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ous-icons;
    src: url("../fonts/ous-icons.c3c6309b3947.eot");
    src: url("../fonts/ous-icons.c3c6309b3947.eot?#iefix") format("embedded-opentype"),url("../fonts/ous-icons.c7d3c08f2d9f.woff") format("woff"),url("../fonts/ous-icons.3e3b6b309dd5.ttf") format("truetype"),url("../fonts/ous-icons.13d826819f51.svg#oa-icons") format("svg");
    font-weight: 400;
    font-style: normal
}

[data-icon]:before {
    font-family: ous-icons;
    content: attr(data-icon);
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.icon-accountability,.icon-active-citizens,.icon-aid,.icon-arrow,.icon-climate,.icon-disasters,.icon-donate,.icon-facebook,.icon-food-ag,.icon-gender,.icon-google-plus,.icon-home,.icon-info-icon,.icon-mail,.icon-match,.icon-mobile-nav,.icon-new-tab,.icon-phone,.icon-pinterest,.icon-private-sector,.icon-resilience,.icon-resources,.icon-search,.icon-take-action,.icon-trade,.icon-twitter,.icon-unwrapped,.icon-usa,.icon-volunteer,.icon-water {
    font-family: ous-icons,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.icon-volunteer:before {
    content: ""
}

.icon-twitter:before {
    content: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="25" xmlns="http://www.w3.org/2000/svg"><path d="M14.283 10.386L23.218 0H21.1l-7.758 9.018L7.147 0H0l9.37 13.636L0 24.527h2.117l8.193-9.523 6.543 9.523H24l-9.717-14.141zm-2.9 3.37l-.95-1.357L2.88 1.594h3.252l6.096 8.72.95 1.358 7.924 11.334H17.85l-6.467-9.249z" fill="%23fff" fill-rule="evenodd"/></svg>')
}

.icon-take-action:before {
    content: ""
}

.icon-pinterest:before {
    content: ""
}

.icon-phone:before {
    content: ""
}

.icon-mobile-nav:before {
    content: ""
}

.icon-mail:before {
    content: ""
}

.icon-home:before {
    content: ""
}

.icon-google-plus:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.icon-new-tab:before {
    content: ""
}

.icon-donate:before {
    content: ""
}

.icon-arrow:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-info-icon:before {
    content: ""
}

.icon-match:before {
    content: ""
}

.icon-trade:before,.icon-unwrapped:before {
    content: ""
}

.icon-usa:before {
    content: ""
}

.icon-active-citizens:before {
    content: ""
}

.icon-resilience:before {
    content: ""
}

.icon-climate:before {
    content: ""
}

.icon-private-sector:before {
    content: ""
}

.icon-aid:before {
    content: ""
}

.icon-disasters:before {
    content: ""
}

.icon-resources:before {
    content: ""
}

.icon-gender:before {
    content: ""
}

.icon-water:before {
    content: ""
}

.icon-food-ag:before {
    content: ""
}

.icon-accountability:before {
    content: ""
}

.icon-arrow_back,.icon-arrow_down,.icon-arrow_forward,.icon-arrow_up,.icon-basic_circle,.icon-basic_square,.icon-basic_triangle,.icon-brandoxfam,.icon-building,.icon-calendar,.icon-capitol_building,.icon-cart_natural_resources,.icon-chart,.icon-close_circle,.icon-cog,.icon-conversation,.icon-Exclamation-point,.icon-gift,.icon-hand,.icon-heart,.icon-home,.icon-images,.icon-info,.icon-instagram,.icon-leaf,.icon-light_bulb,.icon-linkedin,.icon-magnifying_glass,.icon-megaphone,.icon-mobile_phone,.icon-paper,.icon-pencil,.icon-person,.icon-person_woman,.icon-plant,.icon-plate,.icon-podium,.icon-quote_1,.icon-quote_2,.icon-recycle,.icon-scales,.icon-shaking_hands,.icon-shopping_cart,.icon-signature,.icon-speech_bubble,.icon-star,.icon-tablet,.icon-tent,.icon-three_hands,.icon-three_people,.icon-thumbs_up,.icon-tippedscale,.icon-toilet,.icon-toolbox,.icon-trash_can,.icon-two_arrows,.icon-umbrella,.icon-US_map,.icon-water_droplet,.icon-water_spigot,.icon-world,.icon-youtube {
    font-family: ous-icons!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-linkedin:before {
    content: ""
}

.icon-arrow_forward:before {
    content: ""
}

.icon-light_bulb:before {
    content: ""
}

.icon-arrow_back:before {
    content: ""
}

.icon-arrow_down:before {
    content: ""
}

.icon-arrow_up:before {
    content: ""
}

.icon-basic_circle:before {
    content: ""
}

.icon-basic_square:before {
    content: ""
}

.icon-basic_triangle:before {
    content: ""
}

.icon-brandoxfam:before {
    content: ""
}

.icon-building:before {
    content: ""
}

.icon-calendar:before {
    content: ""
}

.icon-capitol_building:before {
    content: ""
}

.icon-cart_natural_resources:before {
    content: ""
}

.icon-chart:before {
    content: ""
}

.icon-close_circle:before {
    content: ""
}

.icon-cog:before {
    content: ""
}

.icon-conversation:before {
    content: ""
}

.icon-Exclamation-point:before {
    content: ""
}

.icon-gift:before {
    content: ""
}

.icon-hand:before {
    content: ""
}

.icon-heart:before {
    content: ""
}

.icon-home:before {
    content: ""
}

.icon-images:before {
    content: ""
}

.icon-info:before {
    content: ""
}

.icon-instagram:before {
    content: ""
}

.icon-leaf:before {
    content: ""
}

.icon-magnifying_glass:before {
    content: ""
}

.icon-megaphone:before {
    content: ""
}

.icon-mobile_phone:before {
    content: ""
}

.icon-paper:before {
    content: ""
}

.icon-pencil:before {
    content: ""
}

.icon-person_woman:before {
    content: ""
}

.icon-person:before {
    content: ""
}

.icon-plant:before {
    content: ""
}

.icon-plate:before {
    content: ""
}

.icon-podium:before {
    content: ""
}

.icon-quote_1:before {
    content: ""
}

.icon-quote_2:before {
    content: ""
}

.icon-recycle:before {
    content: ""
}

.icon-scales:before {
    content: ""
}

.icon-shaking_hands:before {
    content: ""
}

.icon-shopping_cart:before {
    content: ""
}

.icon-signature:before {
    content: ""
}

.icon-speech_bubble:before {
    content: ""
}

.icon-star:before {
    content: ""
}

.icon-tablet:before {
    content: ""
}

.icon-tent:before {
    content: ""
}

.icon-three_hands:before {
    content: ""
}

.icon-three_people:before {
    content: ""
}

.icon-thumbs_up:before {
    content: ""
}

.icon-tippedscale:before {
    content: ""
}

.icon-toilet:before {
    content: ""
}

.icon-toolbox:before {
    content: ""
}

.icon-trash_can:before {
    content: ""
}

.icon-two_arrows:before {
    content: ""
}

.icon-umbrella:before {
    content: ""
}

.icon-US_map:before {
    content: ""
}

.icon-water_droplet:before {
    content: ""
}

.icon-water_spigot:before {
    content: ""
}

.icon-world:before {
    content: ""
}

.icon-youtube:before {
    content: ""
}

.icon-uniE600:before {
    content: ""
}

.icon-uniE000:before {
    content: ""
}

.icon-uniE001:before {
    content: ""
}

.icon-uniE002:before {
    content: ""
}

.icon-uniE003:before {
    content: ""
}

.icon-uniE004:before {
    content: ""
}

.icon-uniE005:before {
    content: ""
}

.icon-uniE006:before {
    content: ""
}

.icon-uniE007:before {
    content: ""
}

.icon-uniE008:before {
    content: ""
}

.icon-uniE009:before {
    content: ""
}

.icon-uniE00A:before {
    content: ""
}

.icon-uniE00B:before {
    content: ""
}

.icon-uniE00C:before {
    content: ""
}

.icon-uniE00D:before {
    content: ""
}

.icon-uniE00E:before {
    content: ""
}

.icon-uniE601:before {
    content: ""
}

html {
    font: 62.5%/1.6 Roboto-Regular-webfont,Arial,sans-serif
}

body {
    color: #545454;
    font-size: 1.8rem;
    font-family: Roboto-Regular-webfont,Arial,sans-serif
}

body .shims-font-arial-caps {
    font-family: Arial,sans-serif!important;
    text-transform: uppercase
}

a:link,a:visited {
    color: #44841a;
    text-decoration: none
}

a:active,a:focus,a:hover {
    color: #336114
}

.alt-links a:link,.alt-links a:visited {
    color: #44841a
}

.alt-links a:active,.alt-links a:focus,.alt-links a:hover {
    text-decoration: underline
}

.white-link:link,.white-link:visited {
    color: #fff;
    font-weight: 700;
    text-decoration: underline
}

.white-link:active,.white-link:focus,.white-link:hover {
    color: #333
}

.cmpnt-breadcrumbs li a:link,.cmpnt-breadcrumbs li a:visited,.cmpnt-breadcrumbs li a span:link,.cmpnt-breadcrumbs li a span:visited,.component-breadcrumbs li a:link,.component-breadcrumbs li a:visited,.component-breadcrumbs li a span:link,.component-breadcrumbs li a span:visited,.dark-link:link,.dark-link:visited {
    color: #545454
}

.cmpnt-breadcrumbs li a:active,.cmpnt-breadcrumbs li a:focus,.cmpnt-breadcrumbs li a:hover,.cmpnt-breadcrumbs li a span:active,.cmpnt-breadcrumbs li a span:focus,.cmpnt-breadcrumbs li a span:hover,.component-breadcrumbs li a:active,.component-breadcrumbs li a:focus,.component-breadcrumbs li a:hover,.component-breadcrumbs li a span:active,.component-breadcrumbs li a span:focus,.component-breadcrumbs li a span:hover,.dark-link:active,.dark-link:focus,.dark-link:hover {
    color: #44841a
}

a[href^="tel:"] {
    color: #545454
}

a[href^="tel:"]:hover,a[href^="tel:"] i {
    color: #44841a
}

h1 {
    font-size: 32px;
    font-size: 3.2rem
}

h1,h2 {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif
}

h2 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.2
}

h3 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.272727
}

h3,h4 {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif
}

h4 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.333333
}

h5 {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5
}

.alt-headline {
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    color: #545454;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.272727;
    text-transform: none
}

@media only screen and (min-width: 1024px) {
    .alt-headline {
        font-size:32px;
        font-size: 3.2rem;
        line-height: 1.272727
    }
}

.alt-headline-green {
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    color: #44841a;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.272727;
    text-transform: uppercase
}

@media only screen and (min-width: 1024px) {
    .alt-headline-green {
        font-size:32px;
        font-size: 3.2rem;
        line-height: 1.272727
    }
}

h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child {
    margin-top: 0
}

ol,p,ul {
    margin: 0 0 1.4em
}

ol:last-child,p:last-child,ul:last-child {
    margin-bottom: 0
}

hr {
    margin: 30px 0;
    border: 0;
    border-top: 2px solid #eaeade;
    border-bottom: 1px solid #fff
}

@-ms-viewport {
    width: device-width
}

.hidden {
    display: none;
    visibility: hidden
}

.hidden-desktop,.visible-phone,.visible-tablet {
    display: none!important
}

.visible-desktop {
    display: inherit!important
}

@media(max-width: 1023px) {
    .hidden-under1024 {
        display:none!important
    }
}

@media(min-width: 768px)and (max-width:979px) {
    .hidden-desktop {
        display:inherit!important
    }

    .visible-desktop {
        display: none!important
    }

    .visible-tablet {
        display: inherit!important
    }

    .hidden-tablet {
        display: none!important
    }
}

@media(max-width: 767px) {
    .hidden-desktop {
        display:inherit!important
    }

    .visible-desktop {
        display: none!important
    }

    .visible-phone {
        display: inherit!important
    }

    .hidden-phone {
        display: none!important
    }
}

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: inherit!important
    }

    .hidden-print {
        display: none!important
    }
}

.clearfix {
    *zoom:1}

.clearfix:after,.clearfix:before {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 50px;
    box-sizing: border-box
}

.u-sr-only {
    padding: 0;
    margin: -1px;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.material-symbols-outlined {
    font-variation-settings: "FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48
}

.material-symbols-outlined__info:before {
    content: "";
    font-family: Material Symbols Outlined
}

.material-symbols-outlined__search:before {
    content: "";
    font-family: Material Symbols Outlined
}

.material-symbols-outlined__close:before {
    content: "";
    font-family: Material Symbols Outlined
}

.form-large {
    background: #fff;
    padding: 20px
}

@media only screen and (min-width: 1024px) {
    .form-large form {
        margin-left:10%
    }
}

.sort-code input[type=text] {
    width: 30px;
    height: 35px;
    margin-right: 5px;
    text-align: center
}

.sort-code span {
    height: 2px;
    width: 5px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    margin-right: 5px;
    position: relative;
    border-top: 2px solid #eaeade
}

input[type=search] {
    border-radius: 0;
    -webkit-appearance: none
}

input[type=submit] {
    background: #44841a;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    font-weight: 700;
    padding: 10px 30px 10px 10px;
    position: relative;
    font-size: 18px;
    font-size: 1.8rem;
    transition: background-color .1s ease-in-out
}

input[type=submit]:after {
    border: 5px solid transparent;
    border-left-color: #fff;
    content: " ";
    height: 0;
    right: 7px;
    margin-top: -5px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    width: 0;
    transition: border-left-color .1s ease-in-out
}

input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover {
    background: #44841a;
    transition: background-color .1s ease-in-out
}

input[type=submit]:active:after,input[type=submit]:focus:after,input[type=submit]:hover:after {
    transition: border-left-color .1s ease-in-out
}

input[type=text] {
    background: #fff;
    border: 2px solid #ccc;
    color: #545454;
    cursor: pointer;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    font-weight: 700;
    padding: 10px 30px 10px 10px;
    position: relative;
    font-size: 18px;
    font-size: 1.8rem;
    transition: background-color .1s ease-in-out
}

input[type=text]:active,input[type=text]:focus,input[type=text]:hover {
    background: #fff;
    border-color: #44841a
}

input[type=text]:active:after,input[type=text]:focus:after,input[type=text]:hover:after {
    transition: background-color .1s ease-in-out
}

label {
    display: block;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 15px;
    font-size: 1.5rem
}

label.checkbox,label.inline,label.radio {
    font-weight: 400
}

label.label {
    display: block;
    padding: 0;
    border-radius: 0;
    font-size: 1.5rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    background: transparent;
    color: #000;
    text-align: left
}

form {
    margin: 0 0 30px
}

fieldset {
    margin: 0
}

fieldset,legend {
    padding: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    font-size: 27px;
    line-height: 60px;
    color: #333
}

legend small {
    font-size: 22.5px;
    color: #545454
}

button,input,label,select,textarea {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px
}

button,input,select,textarea {
    font-family: Arial,sans-serif
}

.uneditable-input,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea {
    display: -moz-inline-stack;
    display: inline-block;
    *vertical-align: auto;
    zoom:1;*display: inline;
    height: 50px;
    padding: 4px 20px 4px 6px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
    vertical-align: middle
}

.uneditable-input,input,select,textarea {
    width: 100%;
    max-width: 320px
}

@media only screen and (max-width: 480px) {
    .uneditable-input,input,select,textarea {
        max-width:250px
    }
}

textarea {
    height: auto
}

.uneditable-input,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea {
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 4px;
    transition: border .2s linear;
    transition: all .1s ease-in-out
}

.uneditable-input:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus {
    border: 2px solid #44841a!important;
    background-color: #fff;
    color: #545454;
    box-shadow: none;
    transition: all .1s ease-in-out
}

.uneditable-input:active,.uneditable-input:hover,input[type=color]:active,input[type=color]:hover,input[type=date]:active,input[type=date]:hover,input[type=datetime-local]:active,input[type=datetime-local]:hover,input[type=datetime]:active,input[type=datetime]:hover,input[type=email]:active,input[type=email]:hover,input[type=month]:active,input[type=month]:hover,input[type=number]:active,input[type=number]:hover,input[type=password]:active,input[type=password]:hover,input[type=search]:active,input[type=search]:hover,input[type=tel]:active,input[type=tel]:hover,input[type=text]:active,input[type=text]:hover,input[type=time]:active,input[type=time]:hover,input[type=url]:active,input[type=url]:hover,input[type=week]:active,input[type=week]:hover,select:active,select:hover,textarea:active,textarea:hover {
    border: 3px solid #44841a!important;
    background-color: #fff;
    color: #545454;
    transition: all .1s ease-in-out
}

input[type=checkbox],input[type=radio] {
    margin: 4px 0 0;
    *margin-top: 0;
    margin-top: 1px\9;
    line-height: normal
}

input[type=button],input[type=checkbox],input[type=file],input[type=image],input[type=radio],input[type=reset],input[type=submit] {
    width: auto
}

input[type=file],select {
    height: 50px;
    *margin-top: 4px;
    line-height: 50px
}

select {
    width: 100%;
    max-width: 250px;
    border: 2px solid #ccc;
    background-color: #fff
}

@media only screen and (min-width: 1024px) {
    select {
        max-width:330px
    }
}

select[multiple],select[size] {
    height: auto
}

input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus,select:focus {
    outline: thin dotted #333;
    outline: 1px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.uneditable-input,.uneditable-textarea {
    color: #eaeade;
    background-color: #fcfcfc;
    border-color: #ccc;
    cursor: not-allowed
}

.uneditable-input {
    overflow: hidden;
    white-space: nowrap
}

.uneditable-textarea {
    width: auto;
    height: auto
}

input:-moz-placeholder,textarea:-moz-placeholder {
    color: #afafab;
    font-size: 18px;
    font-size: 1.8rem
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #afafab;
    font-size: 18px;
    font-size: 1.8rem
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #afafab;
    font-size: 18px;
    font-size: 1.8rem
}

.checkbox,.radio {
    min-height: 30px;
    padding-left: 20px
}

.checkbox input[type=checkbox],.radio input[type=radio] {
    float: left;
    margin-left: -20px
}

.controls>.checkbox:first-child,.controls>.radio:first-child {
    padding-top: 5px
}

.checkbox.inline,.radio.inline {
    display: -moz-inline-stack;
    display: inline-block;
    *vertical-align: auto;
    zoom:1;*display: inline;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle
}

.checkbox.inline+.checkbox.inline,.radio.inline+.radio.inline {
    margin-left: 10px
}

.input-mini {
    width: 60px
}

.input-small {
    width: 90px
}

.input-medium {
    width: 150px
}

.input-large {
    width: 210px
}

.input-xlarge {
    width: 270px
}

.input-xxlarge {
    width: 530px
}

.row-fluid .uneditable-input[class*=span],.row-fluid input[class*=span],.row-fluid select[class*=span],.row-fluid textarea[class*=span],.uneditable-input[class*=span],input[class*=span],select[class*=span],textarea[class*=span] {
    float: none;
    margin-left: 0
}

.input-append .uneditable-input[class*=span],.input-append input[class*=span],.input-prepend .uneditable-input[class*=span],.input-prepend input[class*=span],.row-fluid .input-append [class*=span],.row-fluid .input-prepend [class*=span],.row-fluid .uneditable-input[class*=span],.row-fluid input[class*=span],.row-fluid select[class*=span],.row-fluid textarea[class*=span] {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline
}

.controls-row {
    *zoom:1}

.controls-row:after,.controls-row:before {
    display: table;
    content: "";
    line-height: 0
}

.controls-row:after {
    clear: both
}

.controls-row [class*=span],.row-fluid .controls-row [class*=span] {
    float: left
}

.controls-row .checkbox[class*=span],.controls-row .radio[class*=span] {
    padding-top: 5px
}

input[disabled],input[readonly],select[disabled],select[readonly],textarea[disabled],textarea[readonly] {
    cursor: not-allowed;
    background-color: #f4f4ee;
    box-shadow: none
}

input[type=checkbox][disabled],input[type=checkbox][readonly],input[type=radio][disabled],input[type=radio][readonly] {
    background-color: transparent
}

.control-group.warning .checkbox,.control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea {
    color: #c09853
}

.control-group.warning input,.control-group.warning select,.control-group.warning textarea {
    border-color: #c09853
}

.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus {
    border-color: #a47e3c
}

.control-group.warning .input-append .add-on,.control-group.warning .input-prepend .add-on {
    color: #c09853;
    background-color: #eaeade;
    border-color: #c09853
}

.control-group.error .checkbox,.control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea {
    color: #b94a48
}

.control-group.error input,.control-group.error select,.control-group.error textarea {
    border-color: #b94a48
}

.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus {
    border-color: #953b39
}

.control-group.error .input-append .add-on,.control-group.error .input-prepend .add-on {
    color: #b94a48;
    background-color: #eaeade;
    border-color: #b94a48
}

.control-group.success .checkbox,.control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea {
    color: #468847
}

.control-group.success input,.control-group.success select,.control-group.success textarea {
    border-color: #468847
}

.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus {
    border-color: #356635
}

.control-group.success .input-append .add-on,.control-group.success .input-prepend .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847
}

.control-group.info .checkbox,.control-group.info .control-label,.control-group.info .help-block,.control-group.info .help-inline,.control-group.info .radio,.control-group.info input,.control-group.info select,.control-group.info textarea {
    color: #3a87ad
}

.control-group.info input,.control-group.info select,.control-group.info textarea {
    border-color: #3a87ad
}

.control-group.info input:focus,.control-group.info select:focus,.control-group.info textarea:focus {
    border-color: #2d6987
}

.control-group.info .input-append .add-on,.control-group.info .input-prepend .add-on {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #3a87ad
}

.control-group.error input[type=email],.control-group.error input[type=number],.control-group.error input[type=password],.control-group.error input[type=text],.control-group.info input[type=email],.control-group.info input[type=number],.control-group.info input[type=password],.control-group.info input[type=text],.control-group.success input[type=email],.control-group.success input[type=number],.control-group.success input[type=password],.control-group.success input[type=text],.control-group.warning input[type=email],.control-group.warning input[type=number],.control-group.warning input[type=password],.control-group.warning input[type=text] {
    background-color: #fff;
    box-shadow: none
}

input:focus:invalid,select:focus:invalid,textarea:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b
}

input:focus:invalid:focus,select:focus:invalid:focus,textarea:focus:invalid:focus {
    border-color: #e9322d;
    box-shadow: 0 0 6px #f8b9b7
}

.form-actions {
    padding: 29px 20px 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #f5f5f5;
    border-top: 1px solid #545454;
    *zoom:1}

.form-actions:after,.form-actions:before {
    display: table;
    content: "";
    line-height: 0
}

.form-actions:after {
    clear: both
}

.help-block,.help-inline {
    color: #7a7a7a;
    font-size: 13px;
    font-size: 1.3rem
}

.help-block {
    display: block;
    margin-bottom: 15px
}

.help-inline {
    padding-left: 20px
}

.help-inline,.input-append,.input-prepend {
    display: -moz-inline-stack;
    display: inline-block;
    *vertical-align: auto;
    zoom:1;*display: inline;
    *zoom:1;vertical-align: middle
}

.input-append,.input-prepend {
    margin-bottom: 15px;
    font-size: 0;
    white-space: nowrap
}

.input-append .dropdown-menu,.input-append .popover,.input-append .uneditable-input,.input-append input,.input-append select,.input-prepend .dropdown-menu,.input-prepend .popover,.input-prepend .uneditable-input,.input-prepend input,.input-prepend select {
    font-size: 18px
}

.input-append .uneditable-input,.input-append input,.input-append select,.input-prepend .uneditable-input,.input-prepend input,.input-prepend select {
    position: relative;
    margin-bottom: 0;
    *margin-left: 0;
    vertical-align: top;
    border-radius: 0 4px 4px 0
}

.input-append .uneditable-input:focus,.input-append input:focus,.input-append select:focus,.input-prepend .uneditable-input:focus,.input-prepend input:focus,.input-prepend select:focus {
    z-index: 2
}

.input-append .add-on,.input-prepend .add-on {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    width: auto;
    height: 30px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    background-color: #eaeade;
    border: 1px solid #ccc
}

.input-append .add-on,.input-append .btn,.input-append .btn-group>.dropdown-toggle,.input-prepend .add-on,.input-prepend .btn,.input-prepend .btn-group>.dropdown-toggle {
    vertical-align: top;
    border-radius: 0
}

.input-append .active,.input-prepend .active {
    background-color: #8ede59;
    border-color: #44841a
}

.input-prepend .add-on,.input-prepend .btn {
    margin-right: -1px
}

.input-append .uneditable-input,.input-append input,.input-append select,.input-prepend .add-on:first-child,.input-prepend .btn:first-child {
    border-radius: 4px 0 0 4px
}

.input-append .uneditable-input+.btn-group .btn:last-child,.input-append input+.btn-group .btn:last-child,.input-append select+.btn-group .btn:last-child {
    border-radius: 0 4px 4px 0
}

.input-append .add-on,.input-append .btn,.input-append .btn-group {
    margin-left: -1px
}

.input-append .add-on:last-child,.input-append .btn-group:last-child>.dropdown-toggle,.input-append .btn:last-child {
    border-radius: 0 4px 4px 0
}

.input-prepend.input-append .uneditable-input,.input-prepend.input-append input,.input-prepend.input-append select {
    border-radius: 0
}

.input-prepend.input-append .uneditable-input+.btn-group .btn,.input-prepend.input-append input+.btn-group .btn,.input-prepend.input-append select+.btn-group .btn {
    border-radius: 0 4px 4px 0
}

.input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child {
    margin-right: -1px;
    border-radius: 4px 0 0 4px
}

.input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child {
    margin-left: -1px;
    border-radius: 0 4px 4px 0
}

.input-prepend.input-append .btn-group:first-child {
    margin-left: 0
}

input.search-query {
    padding-right: 14px;
    padding-right: 4px\9;
    padding-left: 14px;
    padding-left: 4px\9;
    margin-bottom: 0;
    border-radius: 0
}

.form-search .input-append .btn,.form-search .input-append .search-query,.form-search .input-prepend .btn,.form-search .input-prepend .search-query {
    border-radius: 0
}

.form-horizontal .help-inline,.form-horizontal .input-append,.form-horizontal .input-prepend,.form-horizontal .uneditable-input,.form-horizontal input,.form-horizontal select,.form-horizontal textarea,.form-inline .help-inline,.form-inline .input-append,.form-inline .input-prepend,.form-inline .uneditable-input,.form-inline input,.form-inline select,.form-inline textarea,.form-search .help-inline,.form-search .input-append,.form-search .input-prepend,.form-search .uneditable-input,.form-search input,.form-search select,.form-search textarea {
    display: -moz-inline-stack;
    display: inline-block;
    *vertical-align: auto;
    zoom:1;*display: inline;
    *zoom:1;margin-bottom: 0;
    vertical-align: middle
}

.form-horizontal .hide,.form-inline .hide,.form-search .hide {
    display: none
}

.form-inline .btn-group,.form-inline label,.form-search .btn-group,.form-search label {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline
}

.form-inline .input-append,.form-inline .input-prepend,.form-search .input-append,.form-search .input-prepend {
    margin-bottom: 0
}

.form-inline .checkbox,.form-inline .radio,.form-search .checkbox,.form-search .radio {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle
}

.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio],.form-search .checkbox input[type=checkbox],.form-search .radio input[type=radio] {
    float: left;
    margin-right: 3px;
    margin-left: 0
}

.control-group {
    margin-bottom: 15px
}

legend+.control-group {
    margin-top: 30px;
    -webkit-margin-top-collapse: separate
}

.form-horizontal .control-group {
    margin-bottom: 30px;
    *zoom:1}

.form-horizontal .control-group:after,.form-horizontal .control-group:before {
    display: table;
    content: "";
    line-height: 0
}

.form-horizontal .control-group:after {
    clear: both
}

.form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right;
    font-weight: 700
}

.form-horizontal .controls {
    *display: inline-block;
    *padding-left: 20px;
    margin-left: 180px;
    *margin-left: 0
}

.form-horizontal .controls:first-child {
    *padding-left: 180px
}

.form-horizontal .help-block {
    margin-bottom: 0
}

.form-horizontal .input-append+.help-block,.form-horizontal .input-prepend+.help-block,.form-horizontal .uneditable-input+.help-block,.form-horizontal input+.help-block,.form-horizontal select+.help-block,.form-horizontal textarea+.help-block {
    margin-top: 15px
}

.form-horizontal .form-actions {
    padding-left: 180px
}

* {
    box-sizing: border-box
}

img {
    max-width: 100%
}

html {
    background: #fff
}

body {
    background: transparent;
    overflow-x: hidden
}

@media only screen and (min-width: 768px) {
    body.old-nav {
        background:url("../img/strip-green-desktop.59496e59b0a2.png") repeat-x 0 0;
        padding-top: 14px
    }
}

body .emergency-banner {
    display: none
}

body .fundraising-banner {
    display: inline-block;
    width: 100%;
    background: #44841a;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 10px 0;
    margin: 0
}

body .fundraising-banner .cmpnt-button,body .fundraising-banner .cmpnt-button:link,body .fundraising-banner .cmpnt-button:visited {
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    margin: 10px auto;
    background: #44841a
}

@media only screen and (min-width: 1024px) {
    body .fundraising-banner .cmpnt-button,body .fundraising-banner .cmpnt-button:link,body .fundraising-banner .cmpnt-button:visited {
        display:inline-block;
        margin: 0 0 10px 10px
    }
}

body .fundraising-banner .cmpnt-button.donate,body .fundraising-banner .cmpnt-button:link.donate,body .fundraising-banner .cmpnt-button:visited.donate {
    background: #f16e22
}

body .fundraising-banner .cmpnt-button.donate a,body .fundraising-banner .cmpnt-button:link.donate a,body .fundraising-banner .cmpnt-button:visited.donate a {
    color: #fff
}

body .burgundy-banner {
    display: inline-block;
    width: 100%;
    background: #630235;
    color: #fff;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    text-transform: none;
    padding: 10px 10px 0;
    margin: 0
}

body .burgundy-banner .headline {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-size: 28px;
    font-size: 2.8rem;
    text-transform: uppercase
}

body .burgundy-banner .cmpnt-button,body .burgundy-banner .cmpnt-button:link,body .burgundy-banner .cmpnt-button:visited {
    font-size: 18px;
    font-size: 1.8rem;
    display: block;
    margin: 10px auto;
    background: #44841a
}

@media only screen and (min-width: 1024px) {
    body .burgundy-banner .cmpnt-button,body .burgundy-banner .cmpnt-button:link,body .burgundy-banner .cmpnt-button:visited {
        display:inline-block;
        margin: 0 0 10px 10px
    }
}

body .burgundy-banner .cmpnt-button.burgundy,body .burgundy-banner .cmpnt-button:link.burgundy,body .burgundy-banner .cmpnt-button:visited.burgundy {
    background: #e70052;
    padding: 8px 10px
}

body .burgundy-banner .cmpnt-button.burgundy a,body .burgundy-banner .cmpnt-button:link.burgundy a,body .burgundy-banner .cmpnt-button:visited.burgundy a {
    color: #fff
}

body .burgundy-banner .cmpnt-button.burgundy:after,body .burgundy-banner .cmpnt-button:link.burgundy:after,body .burgundy-banner .cmpnt-button:visited.burgundy:after {
    border: 0
}

nav ul {
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 700px) {
    .float-left-half {
        float:left;
        width: 50%
    }

    .float-right-half {
        float: right;
        width: 50%
    }
}

.wrapper {
    margin: 0 auto;
    max-width: 1220px;
    *zoom:1}

.wrapper:after,.wrapper:before {
    display: table;
    content: "";
    line-height: 0
}

.wrapper:after {
    clear: both
}

.top-content {
    margin-bottom: 2rem
}

@media only screen and (min-width: 1024px) {
    .layout-content .main {
        float:right;
        width: 75%
    }
}

@media only screen and (min-width: 1024px) {
    .layout-content .secondary {
        float:left;
        padding-right: 20px;
        width: 25%
    }
}

@media only screen and (min-width: 1024px) {
    .layout-blog-article .main {
        float:left;
        width: 75%
    }
}

@media only screen and (min-width: 1024px) {
    .layout-blog-article .secondary {
        float:right;
        padding-left: 20px;
        width: 25%
    }
}

.rss-headline,.rss-subscribe {
    margin-left: 10px
}

.rss-subscribe {
    background: #fff;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 5px 7px
}

.rss-subscribe a:link,.rss-subscribe a:visited {
    color: #fff
}

.rss-subscribe .fa-rss:before {
    font-family: FontAwesome;
    content: "";
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem
}

.rss-feedly {
    margin-left: 10px
}

#PageHeader {
    background: #fff;
    *zoom:1;margin-bottom: 20px;
    position: relative
}

#PageHeader:after,#PageHeader:before {
    display: table;
    content: "";
    line-height: 0
}

#PageHeader:after {
    clear: both
}

@media only screen and (min-width: 768px) {
    #PageHeader {
        padding-top:30px
    }
}

@media only screen and (min-width: 768px) {
    #PageHeader .skip-link {
        display:none
    }
}

#PageHeader .skip-link-top-nav {
    background: #fff;
    float: right;
    width: 60px;
    height: 60px;
    margin-left: 20px
}

#PageHeader .skip-link-top-nav:after {
    content: "";
    color: #44841a;
    display: block;
    font-family: oa-icons;
    font-size: 40px;
    font-size: 4rem;
    transition: all .1s ease-in-out;
    left: 0;
    position: relative;
    text-align: center;
    top: 3px;
    width: 60px;
    height: 60px
}

@media only screen and (min-width: 768px) {
    #PageHeader .skip-link-top-nav:after {
        display:none
    }
}

#PageHeader .skip-link-top-nav:active:after,#PageHeader .skip-link-top-nav:focus:after,#PageHeader .skip-link-top-nav:hover:after {
    color: #336114;
    transition: all .1s ease-in-out
}

#PageHeader #mobileDonate {
    display: block;
    float: right;
    margin: 5px 0;
    padding: 3px 0;
    text-align: center
}

#PageHeader #mobileDonate a.button__box__secondary {
    padding: 6px 10px
}

@media screen and (min-width: 23.4375em) {
    #PageHeader #mobileDonate {
        padding:3px 9px
    }
}

@media screen and (min-width: 48em) {
    #PageHeader #mobileDonate {
        display:none
    }
}

@media only screen and (max-width: 699px) {
    #Search {
        padding:30px
    }

    #Search .cmpnt-search {
        width: 297px;
        margin: 0 auto
    }

    #Search .cmpnt-search input {
        margin-bottom: 0
    }

    #Search .cmpnt-search button[type=submit] {
        top: 1px
    }
}

svg .fill-white {
    fill: #fff
}

svg .fill-green {
    fill: #44841a
}

svg .fill-black {
    fill: #000
}

#Logo {
    display: block;
    float: left;
    height: 37px;
    width: 94px;
    margin: 10px 20px 0
}

@media only screen and (min-width: 768px) {
    #Logo {
        height:49px;
        margin: -10px 0 30px 20px;
        width: 120px
    }
}

@media only screen and (min-width: 850px) {
    #Logo {
        height:66px;
        width: 161px
    }
}

@media only screen and (min-width: 1220px) {
    #Logo {
        margin:-10px 20px 30px 0
    }
}

#Logo img,#Logo svg,#Logo svg.ox-horiz {
    width: 100%
}

#Logo svg.ox-horiz {
    fill: #44841a
}

#HeaderStrapline {
    color: #545454;
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    font-size: 1rem;
    line-height: 40px;
    margin: 10px 20px;
    height: 40px
}

@media only screen and (max-width: 480px) {
    #HeaderStrapline {
        padding-top:9px;
        font-size: .9rem
    }
}

@media only screen and (min-width: 481px)and (max-width:767px) {
    #HeaderStrapline {
        font-size:1.3rem
    }
}

@media only screen and (min-width: 768px)and (max-width:1023px) {
    #HeaderStrapline {
        font-size:1.3rem
    }
}

@media only screen and (min-width: 768px) {
    #HeaderStrapline {
        border-left:2px solid #eaeade;
        float: left;
        margin-top: 4px;
        padding-left: 20px
    }
}

@media only screen and (min-width: 1120px) {
    #HeaderStrapline {
        font-size:1.6rem;
        line-height: 40px;
        width: 300px;
        margin-top: auto
    }
}

@media only screen and (max-width: 1119px) {
    #HeaderStrapline {
        font-size:1.4rem;
        width: 180px;
        line-height: 1.27272727;
        margin-top: 4px
    }
}

@media only screen and (max-width: 767px) {
    #PageHeader {
        margin:0
    }

    #NavContainer {
        border-bottom: 0 solid rgba(0,0,0,.8);
        top: 60px;
        overflow: hidden;
        position: absolute;
        display: none;
        width: 100%;
        z-index: 100
    }

    #NavContainer form {
        margin: 0
    }

    #NavContainer.open {
        display: block
    }
}

@media only screen and (min-width: 768px) {
    #NavContainer {
        height:auto!important
    }
}

#Search {
    background: #333;
    margin: 10px 0 0;
    padding: 20px;
    *zoom:1}

#Search:after,#Search:before {
    display: table;
    content: "";
    line-height: 0
}

#Search:after {
    clear: both
}

@media only screen and (min-width: 768px) {
    #Search {
        background:transparent;
        float: right;
        margin: 25px 20px 0;
        padding: 0
    }
}

@media only screen and (min-width: 700px)and (max-width:979px) {
    #Search {
        margin-top:5px
    }
}

@media only screen and (min-width: 1220px) {
    #Search {
        margin-right:0
    }
}

#Search label {
    display: none
}

#Search input {
    -moz-appearance: none;
    background: #fff;
    border: 1px solid #eaeade;
    border-right: none;
    color: #545454;
    height: 25px;
    width: 200px;
    box-shadow: none;
    transition: all .1s ease-in-out
}

#Search input:-moz-placeholder {
    color: #44841a;
    font-size: 18px;
    font-size: 1.8rem
}

#Search input:-ms-input-placeholder {
    color: #44841a;
    font-size: 18px;
    font-size: 1.8rem
}

#Search input::-webkit-input-placeholder {
    color: #44841a;
    font-size: 18px;
    font-size: 1.8rem
}

@media only screen and (max-width: 699px) {
    #Search input {
        width:225px
    }
}

#Search input:focus {
    background-color: #f7f7f7;
    transition: all .1s ease-in-out
}

#Search .cmpnt-search button {
    background: #44841a;
    border: 0;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    height: 35px;
    left: -5px;
    line-height: 30px;
    padding: 0 6px;
    position: relative;
    text-indent: -9999em;
    top: -5px;
    width: 35px;
    transition: all .1s ease-in-out
}

#Search .cmpnt-search button:after {
    content: "";
    font-family: oa-icons;
    height: 35px;
    left: 0;
    line-height: 26px;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: 5px;
    width: 35px;
    font-size: 20px;
    font-size: 2rem
}

#Search .cmpnt-search button:hover {
    color: #f2f2f2;
    transition: all .1s ease-in-out
}

.primary-nav-wrap {
    *zoom:1}

.primary-nav-wrap:after,.primary-nav-wrap:before {
    display: table;
    content: "";
    line-height: 0
}

.primary-nav-wrap:after {
    clear: both
}

#PrimaryNav {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    line-height: 1;
    text-align: center;
    *zoom:1}

#PrimaryNav:after,#PrimaryNav:before {
    display: table;
    content: "";
    line-height: 0
}

#PrimaryNav:after {
    clear: both
}

@media only screen and (min-width: 768px) {
    #PrimaryNav {
        display:table;
        font-size: 24px;
        font-size: 2.4rem;
        width: 100%
    }
}

@media only screen and (min-width: 768px) {
    #PrimaryNav li {
        border-left:1px solid #fff;
        display: table-cell;
        width: 33.333%
    }

    #PrimaryNav li:first-child {
        border-left: 0
    }
}

@media only screen and (min-width: 768px) {
    #PrimaryNav.is_extended li {
        width:25%
    }
}

#PrimaryNav li:first-child a {
    box-shadow: none
}

#PrimaryNav a {
    background: #44841a;
    box-shadow: inset 0 2px 0 0 rgba(0,0,0,.1);
    color: #fff;
    display: block;
    font-weight: 400;
    padding: 20px;
    text-decoration: none;
    transition: background .1s ease-in-out
}

#PrimaryNav a.current,#PrimaryNav a:active,#PrimaryNav a:focus,#PrimaryNav a:hover {
    background: #336114
}

@media print,screen and (min-width: 50em) {
    #PrimaryNav a {
        box-shadow:none
    }
}

#PrimaryNav .donate {
    background: #f16e22
}

#PrimaryNav .donate.current,#PrimaryNav .donate:active,#PrimaryNav .donate:focus,#PrimaryNav .donate:hover {
    background: #bb4c0c
}

#PrimaryNav .donate.current:after,#PrimaryNav .donate:active:after,#PrimaryNav .donate:focus:after,#PrimaryNav .donate:hover:after {
    transition: border .1s ease-in-out;
    border-left-color: #bb4c0c
}

@media only screen and (min-width: 768px) {
    #PrimaryNav .donate {
        position:relative;
        transition: all .1s ease-in-out
    }

    #PrimaryNav .donate:hover .dropdown {
        display: block
    }
}

@media only screen and (min-width: 768px)and (min-width:1300px) {
    #PrimaryNav .donate:after {
        border:31px solid transparent;
        border-left-color: #f16e22;
        content: " ";
        height: 0;
        position: absolute;
        pointer-events: none;
        right: -62px;
        top: 0;
        width: 0;
        transition: border .1s ease-in-out
    }

    #PrimaryNav .donate.current,#PrimaryNav .donate:active,#PrimaryNav .donate:focus,#PrimaryNav .donate:hover {
        background: #bb4c0c
    }

    #PrimaryNav .donate.current:after,#PrimaryNav .donate:active:after,#PrimaryNav .donate:focus:after,#PrimaryNav .donate:hover:after {
        transition: border .1s ease-in-out;
        border-left-color: #bb4c0c
    }
}

#SecondaryNav {
    display: none
}

@media print,screen and (min-width: 50em) {
    #SecondaryNav {
        display:block;
        position: absolute;
        right: 20px;
        top: 0
    }

    #SecondaryNav li {
        float: left;
        font-size: 14px;
        font-size: 1.4rem;
        margin: 20px 0 0 10px;
        padding: 0 0 0 10px;
        position: relative
    }

    #SecondaryNav li:first-child {
        border: 0;
        margin: 20px 0 0;
        padding: 0
    }

    #SecondaryNav a {
        color: #44841a;
        font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
        font-weight: 400
    }

    #SecondaryNav a:after {
        border: 7px solid transparent;
        content: " ";
        height: 0;
        left: 50%;
        margin-left: -7px;
        pointer-events: none;
        position: absolute;
        top: -20px;
        width: 0
    }

    #SecondaryNav a.current,#SecondaryNav a:active,#SecondaryNav a:focus,#SecondaryNav a:hover {
        color: #545454
    }

    #SecondaryNav a.current:after,#SecondaryNav a:active:after,#SecondaryNav a:focus:after,#SecondaryNav a:hover:after {
        border-top-color: #336114
    }
}

@media screen and (min-width: 76.25em) {
    #SecondaryNav {
        right:0
    }
}

#TertiaryNav {
    display: none
}

#TertiaryNav li {
    float: left;
    border-left: 1px solid #eaeade;
    padding: 0 10px;
    font-size: 1.4rem;
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif
}

#TertiaryNav li:first-child {
    border-left: none
}

@media print,screen and (min-width: 50em) {
    #TertiaryNav {
        display:block;
        position: absolute;
        right: 290px;
        top: 63px
    }
}

@media screen and (min-width: 76.25em) {
    #TertiaryNav {
        right:270px
    }
}

@media only screen and (min-width: 768px) {
    .theme-saving-lives #SecondaryNav a.current:after,.theme-saving-lives #SecondaryNav a:active:after,.theme-saving-lives #SecondaryNav a:focus:after,.theme-saving-lives #SecondaryNav a:hover:after {
        border-top-color:#ff1d34
    }

    .theme-saving-lives #PrimaryNav .donate {
        background: #ff1d34!important
    }
}

@media only screen and (min-width: 768px)and (min-width:768px) {
    .theme-saving-lives #PrimaryNav .donate:after {
        border-left-color:#ff1d34!important
    }

    .theme-saving-lives #PrimaryNav .donate.current,.theme-saving-lives #PrimaryNav .donate:active,.theme-saving-lives #PrimaryNav .donate:focus,.theme-saving-lives #PrimaryNav .donate:hover {
        background: #d00015!important
    }

    .theme-saving-lives #PrimaryNav .donate.current:after,.theme-saving-lives #PrimaryNav .donate:active:after,.theme-saving-lives #PrimaryNav .donate:focus:after,.theme-saving-lives #PrimaryNav .donate:hover:after {
        border-left-color: #d00015!important
    }
}

@media only screen and (min-width: 768px) {
    .theme-saving-lives #PrimaryNav.dropdown li.navbar a.donate {
        background:#ff1d34!important
    }

    .theme-saving-lives #PrimaryNav.dropdown li.navbar a.donate.current,.theme-saving-lives #PrimaryNav.dropdown li.navbar a.donate:active,.theme-saving-lives #PrimaryNav.dropdown li.navbar a.donate:focus,.theme-saving-lives #PrimaryNav.dropdown li.navbar a.donate:hover {
        background: #d00015!important
    }

    .theme-saving-lives #PrimaryNav.dropdown li.navbar a.donate.current:after,.theme-saving-lives #PrimaryNav.dropdown li.navbar a.donate:active:after,.theme-saving-lives #PrimaryNav.dropdown li.navbar a.donate:focus:after,.theme-saving-lives #PrimaryNav.dropdown li.navbar a.donate:hover:after {
        transition: border .1s ease-in-out;
        border-left-color: #d00015!important
    }
}

.footer {
    background: #f5f5f5 url("../img/strip-green-desktop.59496e59b0a2.png") repeat-x 0 100%;
    background-color: #f5f5f5;
    padding-bottom: 20px
}

.footer .row,.footer__wrapper {
    max-width: unset;
    padding-left: 0;
    padding-right: 0
}

.footer .row .row,.footer__wrapper .row {
    max-width: unset
}

.footer__donate {
    color: #fff;
    margin: 20px 0;
    background-color: #44841a;
    max-width: unset
}

.footer__donate h2 {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 1em;
    margin: 0;
    padding: 0 0 20px
}

.footer__donate__wrap.row {
    max-width: 1220px!important;
    margin: 0 auto
}

.footer__donate__wrap__form {
    padding: 20px
}

.footer__donate__wrap__form p {
    margin: 20px 0
}

.footer__donate__wrap__form p a:link,.footer__donate__wrap__form p a:visited {
    color: #fff;
    font-weight: 700;
    text-decoration: underline
}

.footer__donate__wrap__form p a:active,.footer__donate__wrap__form p a:focus,.footer__donate__wrap__form p a:hover {
    color: #333
}

@media screen and (min-width: 48em) {
    .footer__donate__wrap__form {
        padding:20px;
        text-align: left
    }
}

.footer__donate__wrap__form .donation-values {
    list-style: none;
    margin: 0;
    padding: 0;
    *zoom:1;font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    display: flex;
    flex-flow: row wrap;
    max-width: 500px
}

.footer__donate__wrap__form .donation-values:after,.footer__donate__wrap__form .donation-values:before {
    display: table;
    content: "";
    line-height: 0
}

.footer__donate__wrap__form .donation-values:after {
    clear: both
}

.footer__donate__wrap__form .donation-values li {
    display: inline-flex;
    height: 50px;
    width: auto;
    padding: 0
}

.footer__donate__wrap__form .donation-values li input[type=radio] {
    position: relative;
    top: -5px
}

.footer__donate__wrap__form .donation-values .donation-value-custom {
    padding-right: 0;
    flex: 1 1 100%;
    align-items: baseline;
    height: auto
}

@media screen and (min-width: 48em) {
    .footer__donate__wrap__form .donation-values .donation-value-custom {
        flex:1 1 40%;
        padding-top: 5px
    }
}

.footer__donate__wrap__form .donation-values .donation-value-custom label {
    color: #fff;
    font-weight: 700;
    font-size: 2.2rem;
    height: 35px;
    line-height: 28px;
    margin-left: 0
}

.footer__donate__wrap__form .donation-values .donation-value-custom input[type=number] {
    background-color: #fff;
    border: none;
    font-size: 2.8rem;
    margin-bottom: 0;
    margin-left: 4px;
    position: relative;
    width: 85%
}

@media screen and (min-width: 48em) {
    .footer__donate__wrap__form .donation-values .donation-value-custom input[type=number] {
        width:100%
    }
}

.footer__donate__wrap__form .donation-values .donation-value-custom input[type=number]:-moz-placeholder {
    color: #44841a;
    font-size: 18px;
    font-size: 1.8rem
}

.footer__donate__wrap__form .donation-values .donation-value-custom input[type=number]:-ms-input-placeholder {
    color: #44841a;
    font-size: 18px;
    font-size: 1.8rem
}

.footer__donate__wrap__form .donation-values .donation-value-custom input[type=number]::-webkit-input-placeholder {
    color: #44841a;
    font-size: 18px;
    font-size: 1.8rem
}

.footer__donate__wrap__form .donation-values .donation-value-custom input[type=number]:focus {
    background-color: #fff
}

.footer__donate__wrap__form .donation-values .donate-submit {
    margin-left: 10px;
    flex: 1 1 100%;
    padding: 5px;
    position: relative
}

@media screen and (min-width: 48em) {
    .footer__donate__wrap__form .donation-values .donate-submit {
        flex:1 1 40%
    }
}

.footer__donate__wrap__form .donation-values .donate-submit .button__box__secondary {
    width: 165px;
    height: 50px
}

@media only screen and (min-width: 1011px)and (max-width:1141px) {
    .footer__donate__wrap__form .donation-values .donation-end-wrap {
        display:block;
        margin-top: 15px
    }
}

@media only screen and (max-width: 603px) {
    .footer__donate__wrap__form .donation-values .donation-end-wrap {
        display:block;
        margin-top: 15px
    }
}

.footer__donate__wrap__form .donate-icons {
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center
}

.footer__donate__wrap__form .donate-icons li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 80px;
    height: 80px
}

.footer__donate__wrap__nav {
    padding: 20px 10px
}

.footer__donate__wrap__nav h3 {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 1em;
    color: #fff
}

.footer__donate__wrap__nav h3 a:link,.footer__donate__wrap__nav h3 a:visited {
    color: #fff
}

.footer__donate__wrap__nav h3 a:active,.footer__donate__wrap__nav h3 a:focus,.footer__donate__wrap__nav h3 a:hover {
    color: #f5f5f5
}

.footer__donate__wrap__nav li {
    margin: 5px 0;
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    color: #fff
}

.footer__donate__wrap__nav li a:link,.footer__donate__wrap__nav li a:visited {
    color: #fff
}

.footer__donate__wrap__nav li a:active,.footer__donate__wrap__nav li a:focus,.footer__donate__wrap__nav li a:hover {
    color: #f5f5f5
}

.footer__donate__wrap__nav a:link,.footer__donate__wrap__nav a:visited {
    color: #fff
}

.footer__donate__wrap__nav a:active,.footer__donate__wrap__nav a:focus,.footer__donate__wrap__nav a:hover {
    color: #f5f5f5
}

.footer__contact {
    padding: 20px 0 10px;
    margin-bottom: 0;
    font-size: 1.6rem
}

.footer__contact.row {
    max-width: 1220px!important;
    margin: 0 auto
}

@media screen and (min-width: 48em) {
    .footer__contact {
        margin-bottom:40px
    }
}

.footer__contact h4 {
    font-size: 1.6rem;
    margin-bottom: 5px
}

.footer__contact ul.footer__contact__details {
    list-style-type: none;
    text-align: center;
    margin: 0 auto;
    padding: 0 20px;
    width: 100%
}

.footer__contact ul.footer__contact__details li {
    list-style-type: none;
    padding: 0 10px 20px;
    text-align: left;
    word-wrap: break-word
}

.footer__contact ul.footer__contact__details li.phone-email {
    padding-left: 0
}

.footer__contact ul.footer__contact__details li.phone-email p {
    margin-bottom: 0
}

.footer__contact ul.footer__contact__details li.social-col {
    margin-left: 0
}

.footer__contact ul.footer__contact__details li.social-col ul {
    margin-bottom: 20px
}

.footer__contact ul.footer__contact__details li.social-col ul li {
    margin-right: 10px;
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 0
}

@media screen and (min-width: 48em) {
    .footer__contact ul.footer__contact__details li.social-col ul li {
        margin-right:10px
    }
}

@media screen and (min-width: 64em) {
    .footer__contact ul.footer__contact__details li.social-col ul li {
        margin-right:20px
    }
}

.footer__contact ul.footer__contact__details li.social-col ul li a {
    width: 40px;
    height: 40px
}

.footer__contact ul.footer__contact__details li.social-col ul li a i.icon-facebook {
    content: url("https://s3.us-east-1.amazonaws.com/cdn.oxfamamerica.org/outage/icons/icon-social-facebook-circle-color.svg")
}

.footer__contact ul.footer__contact__details li.social-col ul li a i.icon-twitter,.footer__contact ul.footer__contact__details li.social-col ul li a i.icon-x {
    content: url("https://s3.us-east-1.amazonaws.com/cdn.oxfamamerica.org/outage/icons/icon-social-x-circle-color.svg")
}

.footer__contact ul.footer__contact__details li.social-col ul li a i.icon-instagram {
    content: url("https://s3.us-east-1.amazonaws.com/cdn.oxfamamerica.org/outage/icons/icon-social-instagram-circle-color.svg")
}

.footer__contact ul.footer__contact__details li.social-col ul li a i.icon-youtube {
    content: url("https://s3.us-east-1.amazonaws.com/cdn.oxfamamerica.org/outage/icons/icon-social-youtube-circle-color.svg")
}

.footer__contact ul.footer__contact__details li.logo {
    padding: 0
}

.footer__contact ul.footer__contact__details li.logo svg {
    max-width: 150px
}

.footer__secondary-nav.row {
    max-width: 1220px!important;
    margin: 0 auto
}

.footer__secondary-nav .footer-secondary-nav {
    margin: 20px;
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    width: 100%
}

.footer__secondary-nav .footer-secondary-nav ul {
    margin: 0;
    padding: 0;
    text-align: left;
    display: flex
}

@media screen and (min-width: 64em) {
    .footer__secondary-nav .footer-secondary-nav ul {
        text-align:left
    }
}

.footer__secondary-nav .footer-secondary-nav ul li {
    list-style-type: none;
    margin: 0;
    padding: 0 5px;
    border-left: 1px solid #eaeade
}

.footer__secondary-nav .footer-secondary-nav ul li:first-child {
    border-left: none;
    margin-left: 0;
    padding-left: 0
}

.footer__secondary-nav .footer-secondary-nav ul li a {
    text-align: center;
    padding: 0;
    display: block
}

.footer__meta {
    margin: 20px 20px 40px
}

.footer__meta.row {
    max-width: 1220px!important;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px
}

.footer__meta__legal {
    font-size: 1rem
}

@media screen and (min-width: 48em) {
    .footer__meta__legal {
        font-size:1.2rem
    }
}

.footer__logo img,.footer__logo svg {
    width: 120px;
    margin-top: 20px
}

.footer__logo svg.ox-horiz {
    fill: #44841a
}

@media print,screen and (min-width: 40em) {
    .footer__logo img,.footer__logo svg {
        width:auto;
        max-width: 160px;
        margin-top: 0
    }
}

@media only screen and (min-width: 768px) {
    .theme-oaaf {
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAAOCAIAAABB3Za3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAzpJREFUeNrs3b1u01AYgGGfYzvGMU7SNm5pXSFRhFCLqBh6AVwDSNwCnbgUroChAwNjByS6EjEwZKjEUIQQ0CqlhZAmdZrGwXZM+BkQEgLFgcbO+8iKMr+LpS8n5xN3Lt9SkBK3m7ODhw4YwtbMwfNigw4AMIaMMHaPAqcdkQIAgPG0Ki65SpkOADAc9dr0MhXSYsfsVC3PDQwnzFEDf8mX0ePyQbVwRAoAGE+RFE1L/VTQIlVYvVjGJAEAYLxcF0uqIukAAMNhAJ0yx2pYsVunMrrSy+sx7z/8gS+jjYW3r/MnpACAMRdJ4ZnyQ1GNpTCCWOuTBACAseAq5QUxTQcAGJpGgjR6UmxUrfZ63V3uWtTA7xzm/I2Ft77kP90AkBqRFLUpbfA47cg9CoyQ49AAAJyxOVEiAgAkIbgDOtXWOoX1upvvq6TAL7bt1tbMAdNnAEi1QrfvNoPBJykAADgTpmLcFKt0AIAkuMMh3aqWd+/iq4rdIgV+9rzY2HRqTJ8BIO08U+4sGC8WjbrNj80AAJyBOYXjzwCQFHdAp14g4qrl7Zid5e55i6PQUJRNZ/9ZqU4HAMjOu177saVQ7cfnQoUthQAA/Dc3xGWdy0sBIBkG0BlR14KtYmPwZcXnVujJ5cvogfuGlYMAkEmR/DqG/r6l0OrFjKEBAPjXCkp+SczTAQASYgCdKTtmp2p5bmA4YY4ak+bbysF3n/QeKQAgw2IhPFO+n9I+6zLf62vcDg0AwD9zVSwWlDwdACAhBtBZc6yGFbt1KqMrvbwec8f3pHhndh7O756oISkAYEKcGvKwpA0+9Sg2Qo5DAwAwetfFksrqLABIjJuMsulJsfHUbq3X3bVOgRqZt223Np0aHQBgAjUtdfAUuv1yO3Ta7J4FAGBkXKWsK6xZAoARYACdWacyuj+3t+Jbdz8uOqFOkKzadPa37SYdAGCSeab0zNz+dOweBdOdvtrnQDQAAEnNiRIRAGAkuIIj4+paULFbgYhZTpg9vowezu++tDxSAAAUthQCADA6uqKuiiU6AMBIMIDOvkDELCfMnsOc/+jCXs3okgIA8DO2FAIAkNxFZdYRRToAwEh8EWAANmAFiNDGHDkAAAAASUVORK5CYII=)
    }
}

@media only screen and (min-width: 768px) {
    .theme-oaaf.new-nav {
        background-image:none
    }
}

.theme-oaaf #Logo {
    display: block;
    float: left;
    height: auto;
    width: 188px;
    margin: 10px 20px 0
}

@media only screen and (min-width: 768px) {
    .theme-oaaf #Logo {
        height:98px;
        margin: -10px 0 -15px 20px;
        width: 240px
    }
}

@media only screen and (min-width: 850px) {
    .theme-oaaf #Logo {
        height:132px;
        width: 320px
    }
}

@media only screen and (min-width: 1220px) {
    .theme-oaaf #Logo {
        margin:-10px 20px -20px 0
    }
}

.theme-oaaf #Logo img {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .theme-oaaf #PrimaryNav li {
        width:25%
    }
}

.theme-oaaf #PrimaryNav.accordion-menu li {
    border-bottom: 2px solid #fff
}

.theme-oaaf #PrimaryNav.dropdown li.navbar.is-active a {
    background: #e70052
}

.theme-oaaf #PrimaryNav a {
    background: #630235
}

.theme-oaaf #PrimaryNav a.current,.theme-oaaf #PrimaryNav a:active,.theme-oaaf #PrimaryNav a:focus,.theme-oaaf #PrimaryNav a:hover {
    background: #e70052
}

.theme-oaaf #PrimaryNav .donate,.theme-oaaf #PrimaryNav .donate-oxfamaction {
    background: #f16e22
}

.theme-oaaf #PrimaryNav .donate-oxfamaction.current,.theme-oaaf #PrimaryNav .donate-oxfamaction:active,.theme-oaaf #PrimaryNav .donate-oxfamaction:focus,.theme-oaaf #PrimaryNav .donate-oxfamaction:hover,.theme-oaaf #PrimaryNav .donate.current,.theme-oaaf #PrimaryNav .donate:active,.theme-oaaf #PrimaryNav .donate:focus,.theme-oaaf #PrimaryNav .donate:hover {
    background: #e70052
}

.theme-oaaf #PrimaryNav .donate-oxfamaction.current:after,.theme-oaaf #PrimaryNav .donate-oxfamaction:active:after,.theme-oaaf #PrimaryNav .donate-oxfamaction:focus:after,.theme-oaaf #PrimaryNav .donate-oxfamaction:hover:after,.theme-oaaf #PrimaryNav .donate.current:after,.theme-oaaf #PrimaryNav .donate:active:after,.theme-oaaf #PrimaryNav .donate:focus:after,.theme-oaaf #PrimaryNav .donate:hover:after {
    border-left-color: #e70052
}

@media only screen and (min-width: 768px)and (min-width:1300px) {
    .theme-oaaf #PrimaryNav .donate-oxfamaction.current,.theme-oaaf #PrimaryNav .donate-oxfamaction:active,.theme-oaaf #PrimaryNav .donate-oxfamaction:focus,.theme-oaaf #PrimaryNav .donate-oxfamaction:hover,.theme-oaaf #PrimaryNav .donate.current,.theme-oaaf #PrimaryNav .donate:active,.theme-oaaf #PrimaryNav .donate:focus,.theme-oaaf #PrimaryNav .donate:hover {
        background:#e70052
    }

    .theme-oaaf #PrimaryNav .donate-oxfamaction.current:after,.theme-oaaf #PrimaryNav .donate-oxfamaction:active:after,.theme-oaaf #PrimaryNav .donate-oxfamaction:focus:after,.theme-oaaf #PrimaryNav .donate-oxfamaction:hover:after,.theme-oaaf #PrimaryNav .donate.current:after,.theme-oaaf #PrimaryNav .donate:active:after,.theme-oaaf #PrimaryNav .donate:focus:after,.theme-oaaf #PrimaryNav .donate:hover:after {
        border-left-color: #e70052
    }
}

@media only screen and (min-width: 768px) {
    .theme-oaaf #TertiaryNav {
        right:290px;
        top: 63px
    }
}

@media only screen and (min-width: 1220px) {
    .theme-oaaf #TertiaryNav {
        right:270px
    }
}

.theme-oaaf .cmpnt-social-share-email {
    background: url("../img/social-email-oaaf-mobile.e13ee2e98079.png") no-repeat
}

@media only screen and (min-width: 768px) {
    .theme-oaaf .cmpnt-social-share-email {
        background:#7c2352 url("../img/social-email-oaaf-mobile.e13ee2e98079.png") 100% no-repeat
    }
}

.theme-oaaf .intro-feature h1 {
    color: #44841a;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.272727;
    text-transform: uppercase
}

@media only screen and (min-width: 1024px) {
    .theme-oaaf .intro-feature h1 {
        font-size:32px;
        font-size: 3.2rem;
        line-height: 1.272727
    }
}

.theme-oaaf .cmpnt-button,.theme-oaaf .cmpnt-button:link,.theme-oaaf .cmpnt-button:visited {
    background: #630235
}

.theme-oaaf .cmpnt-button:active,.theme-oaaf .cmpnt-button:focus,.theme-oaaf .cmpnt-button:hover,.theme-oaaf .cmpnt-button:link:active,.theme-oaaf .cmpnt-button:link:focus,.theme-oaaf .cmpnt-button:link:hover,.theme-oaaf .cmpnt-button:visited:active,.theme-oaaf .cmpnt-button:visited:focus,.theme-oaaf .cmpnt-button:visited:hover {
    background: #e70052
}

.theme-oaaf .cmpnt-submit-pointed {
    background: #fff;
    border: none;
    color: #44841a;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    font-weight: 700;
    height: 50px;
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 49px;
    text-align: center;
    position: relative;
    transition: all .1s ease-in-out
}

.theme-oaaf .cmpnt-submit-pointed.burgundy {
    background: #630235;
    color: #fff;
    height: 50px
}

.theme-oaaf .cmpnt-submit-pointed.burgundy:after {
    border-left-color: #630235;
    border-width: 25px;
    margin-top: -25px
}

.theme-oaaf .cmpnt-submit-pointed.burgundy:hover {
    background: #53297d;
    transition: all .1s ease-in-out
}

.theme-oaaf .cmpnt-submit-pointed.burgundy:hover:after {
    border-left-color: #53297d;
    transition: all .1s ease-in-out
}

.theme-oaaf .cmpnt-hero-section {
    background: #630235 url("../img/section-header-oaaf-mobile.87fcf3d1b771.png") no-repeat 100% 0;
    background-size: cover
}

@media only screen and (min-width: 1024px) {
    .theme-oaaf .cmpnt-hero-section {
        background-image:url("../img/section-header-oaaf-desktop.267a3b2e2442.png")
    }
}

.theme-oaaf .cmpnt-related-action-title {
    background: #e70052 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAAMCAIAAACcH/NeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZRJREFUeNrsmk1PwkAURV+/GDqtRUpD0bZGw8IYFsa/4sK/r0SbNDGkWsF+WnyBhLCUhbRD3wkbFs1MZnK4d4ZKT9NHEAELYAKEAFSyGbP7taQe+qD2UwVxeLN44UVKy/hHlJl9R/YSjduL1LIc8/Nn5zrRrX6V85I0PgmBUd0RbdSp27vPkhmvQ+9t6Gl1xctMWde0tkIKrAEEAAbtUpfs3VEqWmS5c/sqV5lZrLBg0yKLJLAJ4G8cJjpoL/VqgQWWARyAMYBE+yMC6O0nm9Vy/19H2fVqkCQzX1GvbqnAHMCj2iyUvZi9mMDHGQ579fuZg70afeZFxqqcBG6LwNvgdXFOpIU4xP2Ho9m736uxUc9HwcK08esg+yKBKXiJg0l6t4ViNziBtKdHlosnZFRaL9MOXnQ1LzAG78Umeyl4xWLZm6bqZRtmgvYuDHt70YVnYzwhd2cX1GaHH27+45XJBtHI1Mm36rdtVpE1xg8v0uAj9OOwC290NZbADAB/vQd01SwgueIkrL2vD5SK1p1A/hVgAG+AiV5JvmqXAAAAAElFTkSuQmCC) no-repeat 100% 0
}

@media only screen and (min-width: 1024px) {
    .theme-oaaf .cmpnt-related-action-title {
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAAKCAIAAABKRhBDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUpJREFUeNrsmD1PwlAYhe2HteVSVKR+4ICJLtVf4ioJv8GfxeDAyMDgoIlx0YGBSR1MLETUSJTaULjQ1vrGmTQG+7GcZ7jp/CSn59wr1PZPlsA8DF85HeyaEwYVWdHR7abxDA8RSEdFExbmMhaDa93uKvxgmmPfEoSkTNPoX62/w0M0MhRE02bOneYef21Uh5uwkQ5cDBrbPUt1oQINHAOeEN5rLrXx3kylXQ0hifKm8HrZohMqEOD4FzUl2ZzksagT4oE51L0jyYcKBDgRBrJ3vvpBH9TGy6EIITFCN95W6cUXQqhAgJOFevgm71APV2YqbMRy6W2VXm9//4wAAU5pUbeZQ0muTLW1AG+Bi2PL3tmO9ZgbQQUCnMGivix80nnIGRb1AliaWy8/UYahAgHOjO4KvygMPSGkGMPG3+nodmOrh0vvf/gRYAC0lXlT4OkPkgAAAABJRU5ErkJggg==)
    }
}

.theme-oaaf .cmpnt-side-newsletter {
    background: #630235 url("../img/social-email-oaaf-mobile.e13ee2e98079.png") no-repeat;
    background-size: cover
}

.theme-oaaf .footnotes {
    font-size: 12px;
    font-size: 1.2rem;
    padding-left: 20px
}

.theme-oaaf .footnotes li {
    margin-bottom: 10px
}

.theme-oaaf .rss-subscribe {
    background: #f16e22;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: 10px;
    padding: 5px 8px
}

.theme-oaaf .rss-subscribe a:link,.theme-oaaf .rss-subscribe a:visited {
    color: #fff
}

.theme-oaaf .rss-subscribe .fa-rss:before {
    font-family: FontAwesome;
    content: "";
    font-weight: 400;
    font-style: normal
}

.theme-oaaf .cmpnt-sidebar {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAAMCAIAAACcH/NeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZRJREFUeNrsmk1PwkAURV+/GDqtRUpD0bZGw8IYFsa/4sK/r0SbNDGkWsF+WnyBhLCUhbRD3wkbFs1MZnK4d4ZKT9NHEAELYAKEAFSyGbP7taQe+qD2UwVxeLN44UVKy/hHlJl9R/YSjduL1LIc8/Nn5zrRrX6V85I0PgmBUd0RbdSp27vPkhmvQ+9t6Gl1xctMWde0tkIKrAEEAAbtUpfs3VEqWmS5c/sqV5lZrLBg0yKLJLAJ4G8cJjpoL/VqgQWWARyAMYBE+yMC6O0nm9Vy/19H2fVqkCQzX1GvbqnAHMCj2iyUvZi9mMDHGQ579fuZg70afeZFxqqcBG6LwNvgdXFOpIU4xP2Ho9m736uxUc9HwcK08esg+yKBKXiJg0l6t4ViNziBtKdHlosnZFRaL9MOXnQ1LzAG78Umeyl4xWLZm6bqZRtmgvYuDHt70YVnYzwhd2cX1GaHH27+45XJBtHI1Mm36rdtVpE1xg8v0uAj9OOwC290NZbADAB/vQd01SwgueIkrL2vD5SK1p1A/hVgAG+AiV5JvmqXAAAAAElFTkSuQmCC)
}

@media only screen and (min-width: 1024px) {
    .theme-oaaf .cmpnt-sidebar {
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAAKCAIAAABKRhBDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUpJREFUeNrsmD1PwlAYhe2HteVSVKR+4ICJLtVf4ioJv8GfxeDAyMDgoIlx0YGBSR1MLETUSJTaULjQ1vrGmTQG+7GcZ7jp/CSn59wr1PZPlsA8DF85HeyaEwYVWdHR7abxDA8RSEdFExbmMhaDa93uKvxgmmPfEoSkTNPoX62/w0M0MhRE02bOneYef21Uh5uwkQ5cDBrbPUt1oQINHAOeEN5rLrXx3kylXQ0hifKm8HrZohMqEOD4FzUl2ZzksagT4oE51L0jyYcKBDgRBrJ3vvpBH9TGy6EIITFCN95W6cUXQqhAgJOFevgm71APV2YqbMRy6W2VXm9//4wAAU5pUbeZQ0muTLW1AG+Bi2PL3tmO9ZgbQQUCnMGivix80nnIGRb1AliaWy8/UYahAgHOjO4KvygMPSGkGMPG3+nodmOrh0vvf/gRYAC0lXlT4OkPkgAAAABJRU5ErkJggg==)
    }
}

.theme-oaaf .cmpnt-button-pink,.theme-oaaf .cmpnt-button-pink:link,.theme-oaaf .cmpnt-button-pink:visited {
    background: #fff
}

.theme-oaaf .cmpnt-button-pink:after,.theme-oaaf .cmpnt-button-pink:link:after,.theme-oaaf .cmpnt-button-pink:visited:after {
    border-left-color: #e70052
}

.theme-oaaf .cmpnt-button-pink:active,.theme-oaaf .cmpnt-button-pink:focus,.theme-oaaf .cmpnt-button-pink:hover,.theme-oaaf .cmpnt-button-pink:link:active,.theme-oaaf .cmpnt-button-pink:link:focus,.theme-oaaf .cmpnt-button-pink:link:hover,.theme-oaaf .cmpnt-button-pink:visited:active,.theme-oaaf .cmpnt-button-pink:visited:focus,.theme-oaaf .cmpnt-button-pink:visited:hover {
    background: #fff;
    outline: none
}

.theme-oaaf .cmpnt-button-pink:active:after,.theme-oaaf .cmpnt-button-pink:focus:after,.theme-oaaf .cmpnt-button-pink:hover:after,.theme-oaaf .cmpnt-button-pink:link:active:after,.theme-oaaf .cmpnt-button-pink:link:focus:after,.theme-oaaf .cmpnt-button-pink:link:hover:after,.theme-oaaf .cmpnt-button-pink:visited:active:after,.theme-oaaf .cmpnt-button-pink:visited:focus:after,.theme-oaaf .cmpnt-button-pink:visited:hover:after {
    border-left-color: #630235
}

.theme-oaaf #PageFooter,.theme-oaaf .footer {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAAOCAIAAABB3Za3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAzpJREFUeNrs3b1u01AYgGGfYzvGMU7SNm5pXSFRhFCLqBh6AVwDSNwCnbgUroChAwNjByS6EjEwZKjEUIQQ0CqlhZAmdZrGwXZM+BkQEgLFgcbO+8iKMr+LpS8n5xN3Lt9SkBK3m7ODhw4YwtbMwfNigw4AMIaMMHaPAqcdkQIAgPG0Ki65SpkOADAc9dr0MhXSYsfsVC3PDQwnzFEDf8mX0ePyQbVwRAoAGE+RFE1L/VTQIlVYvVjGJAEAYLxcF0uqIukAAMNhAJ0yx2pYsVunMrrSy+sx7z/8gS+jjYW3r/MnpACAMRdJ4ZnyQ1GNpTCCWOuTBACAseAq5QUxTQcAGJpGgjR6UmxUrfZ63V3uWtTA7xzm/I2Ft77kP90AkBqRFLUpbfA47cg9CoyQ49AAAJyxOVEiAgAkIbgDOtXWOoX1upvvq6TAL7bt1tbMAdNnAEi1QrfvNoPBJykAADgTpmLcFKt0AIAkuMMh3aqWd+/iq4rdIgV+9rzY2HRqTJ8BIO08U+4sGC8WjbrNj80AAJyBOYXjzwCQFHdAp14g4qrl7Zid5e55i6PQUJRNZ/9ZqU4HAMjOu177saVQ7cfnQoUthQAA/Dc3xGWdy0sBIBkG0BlR14KtYmPwZcXnVujJ5cvogfuGlYMAkEmR/DqG/r6l0OrFjKEBAPjXCkp+SczTAQASYgCdKTtmp2p5bmA4YY4ak+bbysF3n/QeKQAgw2IhPFO+n9I+6zLf62vcDg0AwD9zVSwWlDwdACAhBtBZc6yGFbt1KqMrvbwec8f3pHhndh7O756oISkAYEKcGvKwpA0+9Sg2Qo5DAwAwetfFksrqLABIjJuMsulJsfHUbq3X3bVOgRqZt223Np0aHQBgAjUtdfAUuv1yO3Ta7J4FAGBkXKWsK6xZAoARYACdWacyuj+3t+Jbdz8uOqFOkKzadPa37SYdAGCSeab0zNz+dOweBdOdvtrnQDQAAEnNiRIRAGAkuIIj4+paULFbgYhZTpg9vowezu++tDxSAAAUthQCADA6uqKuiiU6AMBIMIDOvkDELCfMnsOc/+jCXs3okgIA8DO2FAIAkNxFZdYRRToAwEh8EWAANmAFiNDGHDkAAAAASUVORK5CYII=)
}

.theme-oaaf #PageFooter #FooterDonate,.theme-oaaf .footer #FooterDonate {
    background-color: #630235
}

@media only screen and (min-width: 1024px) {
    .theme-oaaf #PageFooter .footer-contact .footer-cols .social-col {
        width:50%
    }

    .theme-oaaf #PageFooter .footer-contact .footer-cols .social-col .social-presence {
        width: 70%;
        float: right
    }
}

.theme-oaaf #PageFooter .footer-logo img {
    width: 175px;
    margin-top: 20px
}

@media only screen and (min-width: 768px) {
    .theme-oaaf #PageFooter .footer-logo {
        float:left;
        margin-left: 2%;
        width: 28%
    }

    .theme-oaaf #PageFooter .footer-logo img {
        width: auto;
        margin-top: 20px
    }
}

@media only screen and (min-width: 768px) {
    .theme-emergency {
        background-image:url("../img/strip-emergency-desktop.d2f4dda51114.png")
    }
}

@media only screen and (min-width: 768px) {
    .theme-emergency.new-nav {
        background-image:none
    }
}

.theme-emergency .emergency-banner {
    display: inline-block;
    width: 100%;
    background: #ff1d34;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 10px 0;
    margin: 0
}

.theme-emergency .emergency-banner .cmpnt-button,.theme-emergency .emergency-banner .cmpnt-button:link,.theme-emergency .emergency-banner .cmpnt-button:visited {
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    margin: 10px auto;
    background: #ff1d34
}

@media only screen and (min-width: 1024px) {
    .theme-emergency .emergency-banner .cmpnt-button,.theme-emergency .emergency-banner .cmpnt-button:link,.theme-emergency .emergency-banner .cmpnt-button:visited {
        display:inline-block;
        margin: 0 0 10px 10px
    }
}

.theme-emergency .emergency-banner .cmpnt-button.emergency,.theme-emergency .emergency-banner .cmpnt-button:link.emergency,.theme-emergency .emergency-banner .cmpnt-button:visited.emergency {
    background: #000
}

.theme-emergency .emergency-banner .cmpnt-button.emergency a,.theme-emergency .emergency-banner .cmpnt-button:link.emergency a,.theme-emergency .emergency-banner .cmpnt-button:visited.emergency a {
    color: #fff
}

@media only screen and (min-width: 768px) {
    .theme-emergency #SecondaryNav a.current:after,.theme-emergency #SecondaryNav a:active:after,.theme-emergency #SecondaryNav a:focus:after,.theme-emergency #SecondaryNav a:hover:after {
        border-top-color:#ff1d34
    }

    .theme-emergency #PrimaryNav .donate {
        background: #ff1d34
    }
}

@media only screen and (min-width: 768px)and (min-width:768px) {
    .theme-emergency #PrimaryNav .donate:after {
        border-left-color:#ff1d34
    }

    .theme-emergency #PrimaryNav .donate.current,.theme-emergency #PrimaryNav .donate:active,.theme-emergency #PrimaryNav .donate:focus,.theme-emergency #PrimaryNav .donate:hover {
        background: #44841a
    }

    .theme-emergency #PrimaryNav .donate.current:after,.theme-emergency #PrimaryNav .donate:active:after,.theme-emergency #PrimaryNav .donate:focus:after,.theme-emergency #PrimaryNav .donate:hover:after {
        border-left-color: #44841a
    }
}

@media only screen and (min-width: 768px) {
    .theme-emergency #PrimaryNav.dropdown li.navbar a.donate {
        background:#ff1d34!important
    }

    .theme-emergency #PrimaryNav.dropdown li.navbar a.donate.current,.theme-emergency #PrimaryNav.dropdown li.navbar a.donate:active,.theme-emergency #PrimaryNav.dropdown li.navbar a.donate:focus,.theme-emergency #PrimaryNav.dropdown li.navbar a.donate:hover {
        background: #d00015!important
    }

    .theme-emergency #PrimaryNav.dropdown li.navbar a.donate.current:after,.theme-emergency #PrimaryNav.dropdown li.navbar a.donate:active:after,.theme-emergency #PrimaryNav.dropdown li.navbar a.donate:focus:after,.theme-emergency #PrimaryNav.dropdown li.navbar a.donate:hover:after {
        transition: border .1s ease-in-out;
        border-left-color: #d00015!important
    }

    .theme-emergency #PrimaryNav.dropdown li.navbar a.donate:after {
        border-left-color: #ff1d34!important
    }
}

.theme-emergency .hero-home {
    background: #ff1d34 url("../img/hero-home-bg-emergency.1d8330deb19f.gif") 0 bottom no-repeat
}

.theme-emergency .hero-home-content h1 {
    text-transform: uppercase;
    font-weight: 700
}

.theme-emergency .hero-home-content a.cmpnt-submit-pointed {
    color: #fff;
    background: #ff1d34
}

.theme-emergency .hero-home-content a.cmpnt-submit-pointed:after {
    border-left-color: #ff1d34;
    transition: all .1s ease-in-out
}

.theme-emergency .hero-home-content a.cmpnt-submit-pointed:hover {
    color: #fff;
    background: #630235
}

.theme-emergency .hero-home-content a.cmpnt-submit-pointed:hover:after {
    border-left-color: #630235;
    transition: all .1s ease-in-out
}

.theme-emergency .cmpnt-credit-text {
    background: #ff1d34
}

.theme-emergency #carousel li {
    box-shadow: inset 0 0 0 #ff1d34,inset 0 0 0 #ff1d34
}

.theme-emergency #carousel li.flex-active-slide a {
    box-shadow: inset 4px 4px 0 #ff1d34,inset -4px -4px 0 #ff1d34
}

.theme-emergency #carousel .cmpnt-carousel-pagination li:active,.theme-emergency #carousel .cmpnt-carousel-pagination li:focus,.theme-emergency #carousel .cmpnt-carousel-pagination li:hover {
    background: #630235
}

.theme-emergency #carousel .cmpnt-carousel-pagination .current {
    background: #ff1d34
}

.theme-emergency .fancy-bottom {
    background-image: url(/assets/img/patterns/strip-emergency-desktop.png)
}

.theme-emergency #PageFooter,.theme-emergency .footer {
    background-image: url("../img/strip-emergency-desktop.d2f4dda51114.png")
}

.cmpnt {
    margin: 0 0 40px
}

.cmpnt-body {
    background: #fff;
    *zoom:1}

.cmpnt-body:after,.cmpnt-body:before {
    display: table;
    content: "";
    line-height: 0
}

.cmpnt-body:after {
    clear: both
}

.cmpnt-article {
    background: #eaeade;
    overflow: hidden;
    padding-bottom: 20px
}

.cmpnt-article .cmpnt-article-section,.cmpnt-article h3,.cmpnt-article p,.cmpnt-article time {
    margin: 10px 20px
}

.cmpnt-article .cmpnt-article-section:last-child,.cmpnt-article h3:last-child,.cmpnt-article p:last-child,.cmpnt-article time:last-child {
    margin-bottom: 0
}

.cmpnt-article h3 {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 0
}

@media only screen and (min-width: 1024px) {
    .cmpnt-article h3 {
        font-size:18px;
        font-size: 1.8rem
    }
}

.cmpnt-article-section {
    font-weight: 700;
    display: block;
    margin-top: 20px
}

.cmpnt-article-image {
    width: 100%
}

.cmpnt-article-date {
    font-size: 11px;
    font-size: 1.1rem;
    margin-top: 10px
}

.cmpnt-article-date,.cmpnt-article-date2 {
    color: #888;
    display: block;
    font-style: italic;
    margin-bottom: 10px
}

.cmpnt-article-date2,.cmpnt-article-section {
    font-size: 13px;
    font-size: 1.3rem
}

.cmpnt-article-section {
    color: #333;
    margin-top: 0;
    margin-bottom: 0!important
}

.cmpnt-see-more {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    margin-top: 10px;
    padding: 0 12px
}

.cmpnt-see-more,.cmpnt-see-more .small-arrow {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    position: relative
}

.cmpnt-see-more .small-arrow {
    width: 12px;
    height: 10px;
    transition: all .1s ease-in-out
}

.cmpnt-see-more .small-arrow:after {
    border: solid transparent;
    content: " ";
    height: 0;
    right: -5px;
    position: absolute;
    pointer-events: none;
    width: 0;
    border-color: rgba(97,165,52,0) rgba(97,165,52,0) rgba(97,165,52,0) #44841a;
    border-width: 5px;
    margin-top: -5px;
    top: 50%
}

.cmpnt-see-more:active .small-arrow:after,.cmpnt-see-more:focus .small-arrow:after,.cmpnt-see-more:hover .small-arrow:after {
    border-left-color: #336114;
    transition: all .1s ease-in-out
}

.cmpnt-see-more .icon-new-tab {
    padding-left: 5px;
    vertical-align: text-top
}

.cmpnt-back,.cmpnt-read-more {
    display: inline-block;
    font-weight: 700;
    overflow: hidden;
    position: relative
}

.cmpnt-back:after,.cmpnt-read-more:after {
    border: 5px solid transparent;
    content: " ";
    height: 0;
    margin-top: -5px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    width: 0
}

.cmpnt-read-more {
    padding-right: 10px
}

.cmpnt-read-more:after {
    border-left-color: #44841a;
    right: -5px
}

.cmpnt-read-more:active:after,.cmpnt-read-more:focus:after,.cmpnt-read-more:hover:after {
    border-left-color: #336114
}

.cmpnt-back {
    padding-left: 10px
}

.cmpnt-back:after {
    border-right-color: #44841a;
    left: -5px
}

.cmpnt-back:active:after,.cmpnt-back:focus:after,.cmpnt-back:hover:after {
    border-right-color: #336114
}

.cmpnt-title {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    text-align: center;
    font-size: 3.2rem;
    line-height: 1em;
    color: #545454;
    margin-bottom: 0
}

@media print,screen and (min-width: 40em) {
    .cmpnt-title {
        font-size:5.4rem
    }
}

.cmpnt-button,.cmpnt-button:link,.cmpnt-button:visited {
    background: #44841a;
    border: 0;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    padding: 15px 35px 15px 20px;
    position: relative;
    font-size: 2rem;
    line-height: 2rem;
    transition: all .1s ease-in-out
}

.cmpnt-button:after,.cmpnt-button:link:after,.cmpnt-button:visited:after {
    border: 5px solid transparent;
    border-left-color: #fff;
    content: " ";
    height: 0;
    right: 15px;
    margin-top: -5px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    width: 0
}

.cmpnt-button:active,.cmpnt-button:focus,.cmpnt-button:hover,.cmpnt-button:link:active,.cmpnt-button:link:focus,.cmpnt-button:link:hover,.cmpnt-button:visited:active,.cmpnt-button:visited:focus,.cmpnt-button:visited:hover {
    background: #336114
}

.cmpnt-button:active:after,.cmpnt-button:focus:after,.cmpnt-button:hover:after,.cmpnt-button:link:active:after,.cmpnt-button:link:focus:after,.cmpnt-button:link:hover:after,.cmpnt-button:visited:active:after,.cmpnt-button:visited:focus:after,.cmpnt-button:visited:hover:after {
    transition: all .1s ease-in-out
}

.cmpnt-button.offsite,.cmpnt-button:link.offsite,.cmpnt-button:visited.offsite {
    padding-right: 10px
}

.cmpnt-button.offsite:after,.cmpnt-button:link.offsite:after,.cmpnt-button:visited.offsite:after {
    border: none
}

.cmpnt-button.offsite:active,.cmpnt-button.offsite:focus,.cmpnt-button.offsite:hover,.cmpnt-button:link.offsite:active,.cmpnt-button:link.offsite:focus,.cmpnt-button:link.offsite:hover,.cmpnt-button:visited.offsite:active,.cmpnt-button:visited.offsite:focus,.cmpnt-button:visited.offsite:hover {
    color: #fff
}

.cmpnt-button.offsite .icon-new-tab,.cmpnt-button:link.offsite .icon-new-tab,.cmpnt-button:visited.offsite .icon-new-tab {
    padding-left: 5px;
    vertical-align: text-top
}

.cmpnt-button-pink,.cmpnt-button-pink:link,.cmpnt-button-pink:visited {
    background: #fff;
    color: #e43989;
    transition: all .1s ease-in-out
}

.cmpnt-button-pink:after,.cmpnt-button-pink:link:after,.cmpnt-button-pink:visited:after {
    border-left-color: #e43989
}

.cmpnt-button-pink:active,.cmpnt-button-pink:focus,.cmpnt-button-pink:hover,.cmpnt-button-pink:link:active,.cmpnt-button-pink:link:focus,.cmpnt-button-pink:link:hover,.cmpnt-button-pink:visited:active,.cmpnt-button-pink:visited:focus,.cmpnt-button-pink:visited:hover {
    background: #fff;
    color: #630235
}

.cmpnt-button-pink:active:after,.cmpnt-button-pink:focus:after,.cmpnt-button-pink:hover:after,.cmpnt-button-pink:link:active:after,.cmpnt-button-pink:link:focus:after,.cmpnt-button-pink:link:hover:after,.cmpnt-button-pink:visited:active:after,.cmpnt-button-pink:visited:focus:after,.cmpnt-button-pink:visited:hover:after {
    border-left-color: #630235
}

.block-load_more,.endless_container {
    margin: 0 auto
}

.cmpnt-load-more {
    margin: 20px 0 10px 10px
}

.feed-load-more__button {
    margin: 20px 0 0 10px
}

.cmpnt-submit-pointed {
    line-height: 50px 1
}

.cmpnt-submit-pointed,.cmpnt-submit-pointed.green:hover,.cmpnt-submit-pointed.green:hover:after {
    transition: background-color .1s ease-in-out
}

.cmpnt-submit-pointed:after {
    transition: background-color .1s ease-in-out;
    transition: border-left-color .1s ease-in-out
}

.cmpnt-submit-pointed:hover {
    transition: background-color .1s ease-in-out
}

.cmpnt-submit-pointed:hover:after {
    transition: border-left-color .1s ease-in-out
}

.social-presence a {
    background-color: transparent
}

.social-presence a,.social-presence a:hover {
    transition: top .1s ease-in-out
}

.cmpnt-breadcrumbs {
    padding: 20px;
    margin-bottom: 0
}

@media only screen and (max-width: 480px) {
    .cmpnt-breadcrumbs {
        display:none
    }
}

@media only screen and (min-width: 768px) {
    .cmpnt-breadcrumbs {
        padding:0 20px 20px
    }
}

@media only screen and (min-width: 1024px) {
    .cmpnt-breadcrumbs {
        padding:0 0 0 20px;
        margin-bottom: 20px
    }
}

.cmpnt-breadcrumbs li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    list-style-type: none;
    margin-right: 10px
}

.cmpnt-breadcrumbs li a {
    display: block;
    padding-right: 10px;
    position: relative;
    font-size: 12px;
    font-size: 1.2rem
}

.cmpnt-breadcrumbs li a:after,.cmpnt-breadcrumbs li a:before {
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.cmpnt-breadcrumbs li a:after {
    border-color: hsla(0,0%,100%,0) hsla(0,0%,100%,0) hsla(0,0%,100%,0) #fff;
    border-width: 2px;
    margin-top: -2px;
    top: 50%
}

.cmpnt-breadcrumbs li a:before {
    border-color: rgba(84,84,84,0) rgba(84,84,84,0) rgba(84,84,84,0) #545454;
    border-width: 4px;
    margin-top: -4px;
    top: 50%
}

.cmpnt-breadcrumbs li a i {
    font-size: 14px;
    font-size: 1.4rem
}

.cmpnt-breadcrumbs li a span.home {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.cmpnt-breadcrumbs li:last-child a:after,.cmpnt-breadcrumbs li:last-child a:before {
    display: none
}

@media only screen and (min-width: 1024px) {
    .new-nav.template-sidebar .cmpnt-breadcrumbs {
        padding:0;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .new-nav.template-fullwidth .cmpnt-breadcrumbs {
        padding:0 0 0 10px;
        margin-bottom: 20px
    }
}

.cmpnt-sidebar {
    background: #f5f5f5 url("../img/sidebar-green-mobile.5d33bda49dae.svg") repeat-x 0 0;
    padding: 32px 0 20px
}

@media only screen and (min-width: 1024px) {
    .cmpnt-sidebar {
        background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMjAgMTAiICBoZWlnaHQ9IjEwLjBwdCI+CjxwYXRoIGQ9Ik0gMC4wMCAwLjAwIEwgNTEuODAgMC4wMCBDIDUxLjU0IDMuMzQgNTIuMDMgNi42NSA1MS44NCAxMC4wMCBMIDAuMDAgMTAuMDAgTCAwLjAwIDAuMDAgWiIgZmlsbD0iIzJkYzA2NiIgLz4KPHBhdGggZD0iTSA1MS44MCAwLjAwIEwgMTcyLjM4IDAuMDAgQyAxNjkuODcgMy4xOSAxNjcuOTkgNi43OCAxNjUuNTIgMTAuMDAgTCA1MS44NCAxMC4wMCBDIDUyLjAzIDYuNjUgNTEuNTQgMy4zNCA1MS44MCAwLjAwIFoiIGZpbGw9IiNmMWRiMDAiIC8+CjxwYXRoIGQ9Ik0gMTcyLjM4IDAuMDAgTCAyNjEuMjggMC4wMCBMIDI2Mi42MiAwLjU5IEMgMjcxLjI3IDQuMzQgMjgwLjU5IDYuMzkgMjg5LjMyIDEwLjAwIEwgMTY1LjUyIDEwLjAwIEMgMTY3Ljk5IDYuNzggMTY5Ljg3IDMuMTkgMTcyLjM4IDAuMDAgWiIgZmlsbD0iIzhjZDcwMCIgLz4KPHBhdGggZD0iTSAyNjEuMjggMC4wMCBMIDMyMC4wMCAwLjAwIEwgMzIwLjAwIDEwLjAwIEwgMjg5LjMyIDEwLjAwIEMgMjgwLjU5IDYuMzkgMjcxLjI3IDQuMzQgMjYyLjYyIDAuNTkgTCAyNjEuMjggMC4wMCBaIiBmaWxsPSIjMGM5ZDQwIiAvPgo8L3N2Zz4=);
        padding: 50px 0 40px
    }
}

.cmpnt-sidebar-title {
    font-size: 20px;
    font-size: 2rem;
    margin: 0
}

@media only screen and (min-width: 1024px) {
    .cmpnt-sidebar-title {
        font-size:24px;
        font-size: 2.4rem
    }
}

.cmpnt-credit {
    font-size: 0;
    position: relative
}

.cmpnt-credit img {
    width: 100%
}

.cmpnt-credit-text {
    background: #f16e22;
    bottom: 0;
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    height: 40px;
    font-weight: 700;
    line-height: 40px;
    max-width: 40px;
    overflow: hidden;
    padding: 0 0 0 40px;
    position: absolute;
    right: 0;
    transition: max-width .1s ease-in-out;
    width: auto
}

.cmpnt-credit-text.show,.cmpnt-credit-text:active,.cmpnt-credit-text:focus,.cmpnt-credit-text:hover {
    max-width: 300px
}

.cmpnt-credit-text:before {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    width: 40px;
    height: 40px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0
}

.cmpnt-credit-text em {
    display: inline;
    font-style: normal;
    font-weight: 400;
    margin-right: 10px
}

.cmpnt-ratings {
    margin: 0;
    padding: 20px;
    text-align: center
}

.cmpnt-ratings ul {
    width: 100%;
    padding: 0
}

.cmpnt-ratings ul li {
    list-style: none;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

@media only screen and (min-width: 481px)and (max-width:767px) {
    .cmpnt-ratings ul li {
        display:inline-block;
        width: 20%
    }
}

@media only screen and (min-width: 768px)and (max-width:1023px) {
    .cmpnt-ratings ul li {
        display:inline-block;
        width: 20%
    }
}

@media only screen and (min-width: 1024px) {
    .cmpnt-ratings ul li {
        display:inline-block;
        width: 20%
    }
}

.cmpnt-ratings ul li img {
    width: 40%;
    height: 40%;
    margin: 20px
}

.cmpnt-ratings ul li img.bbb {
    width: 30%;
    height: 30%
}

@media only screen and (min-width: 481px)and (max-width:767px) {
    .cmpnt-ratings ul li img {
        width:60%;
        height: auto
    }

    .cmpnt-ratings ul li img.bbb {
        width: 30%;
        height: auto
    }
}

@media only screen and (min-width: 768px)and (max-width:1023px) {
    .cmpnt-ratings ul li img {
        width:60%;
        height: 60%
    }

    .cmpnt-ratings ul li img.bbb {
        width: 30%;
        height: 30%
    }
}

@media only screen and (min-width: 1024px) {
    .cmpnt-ratings ul li img {
        width:60%;
        height: 60%
    }

    .cmpnt-ratings ul li img.bbb {
        width: 30%;
        height: 30%
    }
}

@media only screen and (min-width: 768px) {
    .theme-saving-lives {
        background-image:url("../img/strip-emergency-desktop.d2f4dda51114.png")
    }
}

@media only screen and (min-width: 768px) {
    .theme-saving-lives.new-nav {
        background-image:none
    }
}

.theme-saving-lives .cmpnt-title {
    background: transparent;
    color: #ff1d34
}

.theme-saving-lives .cmpnt-hero-section {
    background: #ff1d34 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2NDAgMTk1IiB3aWR0aD0iNjQwLjBwdCI+CjxwYXRoIGQ9Ik0gMC4wMCAwLjAwIEwgMTUzLjMxIDAuMDAgQyAxMDguMjggNjUuMDggNjIuNjkgMTI5LjkxIDE3LjY4IDE5NS4wMCBMIDAuMDAgMTk1LjAwIEwgMC4wMCAwLjAwIFoiIGZpbGw9IiNmZjFkMzQiIC8+CjxwYXRoIGQ9Ik0gMTUzLjMxIDAuMDAgTCAyNDkuMDkgMC4wMCBMIDI0OS42OCAwLjQ4IEMgMjU5LjIxIDYuODUgMjY5LjQ0IDEyLjYzIDI3OS4xNyAxOC43NCBDIDM3Mi42NyA3NS45NiA0NjYuMTcgMTMzLjE1IDU1OS42NyAxOTAuMzcgQyA1NjIuMDEgMTkxLjgxIDU2NC40MiAxOTIuOTYgNTY2LjM0IDE5NS4wMCBMIDE3LjY4IDE5NS4wMCBDIDYyLjY5IDEyOS45MSAxMDguMjggNjUuMDggMTUzLjMxIDAuMDAgWiIgZmlsbD0iI2RmMWUzOSIgLz4KPHBhdGggZD0iTSAyNDkuMDkgMC4wMCBMIDY0MC4wMCAwLjAwIEwgNjQwLjAwIDE5NS4wMCBMIDU2Ni4zNCAxOTUuMDAgQyA1NjQuNDIgMTkyLjk2IDU2Mi4wMSAxOTEuODEgNTU5LjY3IDE5MC4zNyBDIDQ2Ni4xNyAxMzMuMTUgMzcyLjY3IDc1Ljk2IDI3OS4xNyAxOC43NCBDIDI2OS40NCAxMi42MyAyNTkuMjEgNi44NSAyNDkuNjggMC40OCBMIDI0OS4wOSAwLjAwIFoiIGZpbGw9IiNiNTIyM2UiIC8+Cjwvc3ZnPg==) no-repeat 100% 0
}

@media only screen and (min-width: 1024px) {
    .theme-saving-lives .cmpnt-hero-section {
        background-image:url("../img/section-header-emergency-desktop.338bd529c8d7.svg")
    }
}

.theme-saving-lives .intro-feature .cmpnt-button {
    margin: 0 0 5px
}

.theme-saving-lives .cmpnt-button,.theme-saving-lives .cmpnt-button:link,.theme-saving-lives .cmpnt-button:visited {
    background: #ff1d34
}

.theme-saving-lives .cmpnt-button:active,.theme-saving-lives .cmpnt-button:focus,.theme-saving-lives .cmpnt-button:hover,.theme-saving-lives .cmpnt-button:link:active,.theme-saving-lives .cmpnt-button:link:focus,.theme-saving-lives .cmpnt-button:link:hover,.theme-saving-lives .cmpnt-button:visited:active,.theme-saving-lives .cmpnt-button:visited:focus,.theme-saving-lives .cmpnt-button:visited:hover {
    background: #630235
}

.theme-saving-lives .cmpnt-sidebar {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMjAgMTAiIGhlaWdodD0iMTAuMHB0Ij4KPHBhdGggZD0iTSAwLjAwIDAuMDAgTCA0Ni4zNCAwLjAwIEMgNDMuMzUgMy4yOSA0MC44MCA2Ljg5IDM3LjY4IDEwLjAwIEwgMC4wMCAxMC4wMCBMIDAuMDAgMC4wMCBaIiBmaWxsPSIjYjUyMzNmIiAvPgo8cGF0aCBkPSJNIDQ2LjM0IDAuMDAgTCAxNzEuOTAgMC4wMCBMIDE3Mi41MiAwLjYzIEMgMTc1LjM4IDMuNTcgMTc3LjQ5IDcuMDggMTgwLjM3IDEwLjAwIEwgMzcuNjggMTAuMDAgQyA0MC44MCA2Ljg5IDQzLjM1IDMuMjkgNDYuMzQgMC4wMCBaIiBmaWxsPSIjZTAxZTNhIiAvPgo8cGF0aCBkPSJNIDE3MS45MCAwLjAwIEwgMzIwLjAwIDAuMDAgTCAzMjAuMDAgMTAuMDAgTCAxODAuMzcgMTAuMDAgQyAxNzcuNDkgNy4wOCAxNzUuMzggMy41NyAxNzIuNTIgMC42MyBMIDE3MS45MCAwLjAwIFoiIGZpbGw9IiNmZjFkMzQiIC8+Cjwvc3ZnPg==)
}

@media only screen and (min-width: 1024px) {
    .theme-saving-lives .cmpnt-sidebar {
        background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMjAgMTAiIGhlaWdodD0iMTAuMHB0Ij4KPHBhdGggZD0iTSAwLjAwIDAuMDAgTCA0Ni4zNCAwLjAwIEMgNDMuMzUgMy4yOSA0MC44MCA2Ljg5IDM3LjY4IDEwLjAwIEwgMC4wMCAxMC4wMCBMIDAuMDAgMC4wMCBaIiBmaWxsPSIjYjUyMzNmIiAvPgo8cGF0aCBkPSJNIDQ2LjM0IDAuMDAgTCAxNzEuOTAgMC4wMCBMIDE3Mi41MiAwLjYzIEMgMTc1LjM4IDMuNTcgMTc3LjQ5IDcuMDggMTgwLjM3IDEwLjAwIEwgMzcuNjggMTAuMDAgQyA0MC44MCA2Ljg5IDQzLjM1IDMuMjkgNDYuMzQgMC4wMCBaIiBmaWxsPSIjZTAxZTNhIiAvPgo8cGF0aCBkPSJNIDE3MS45MCAwLjAwIEwgMzIwLjAwIDAuMDAgTCAzMjAuMDAgMTAuMDAgTCAxODAuMzcgMTAuMDAgQyAxNzcuNDkgNy4wOCAxNzUuMzggMy41NyAxNzIuNTIgMC42MyBMIDE3MS45MCAwLjAwIFoiIGZpbGw9IiNmZjFkMzQiIC8+Cjwvc3ZnPg==)
    }
}

.theme-saving-lives .cmpnt-button-pink,.theme-saving-lives .cmpnt-button-pink:link,.theme-saving-lives .cmpnt-button-pink:visited {
    background: #fff
}

.theme-saving-lives .cmpnt-button-pink:after,.theme-saving-lives .cmpnt-button-pink:link:after,.theme-saving-lives .cmpnt-button-pink:visited:after {
    border-left-color: #e43989
}

.theme-saving-lives .cmpnt-button-pink:active,.theme-saving-lives .cmpnt-button-pink:focus,.theme-saving-lives .cmpnt-button-pink:hover,.theme-saving-lives .cmpnt-button-pink:link:active,.theme-saving-lives .cmpnt-button-pink:link:focus,.theme-saving-lives .cmpnt-button-pink:link:hover,.theme-saving-lives .cmpnt-button-pink:visited:active,.theme-saving-lives .cmpnt-button-pink:visited:focus,.theme-saving-lives .cmpnt-button-pink:visited:hover {
    background: #fff
}

.theme-saving-lives .cmpnt-button-pink:active:after,.theme-saving-lives .cmpnt-button-pink:focus:after,.theme-saving-lives .cmpnt-button-pink:hover:after,.theme-saving-lives .cmpnt-button-pink:link:active:after,.theme-saving-lives .cmpnt-button-pink:link:focus:after,.theme-saving-lives .cmpnt-button-pink:link:hover:after,.theme-saving-lives .cmpnt-button-pink:visited:active:after,.theme-saving-lives .cmpnt-button-pink:visited:focus:after,.theme-saving-lives .cmpnt-button-pink:visited:hover:after {
    border-left-color: #630235
}

.theme-saving-lives .cmpnt-credit-text {
    background: #ff1d34
}

::selection {
    background: #f16e22;
    color: #fff;
    text-shadow: none
}

.component {
    margin: 0 0 40px
}

.component-body {
    background: #fff;
    *zoom:1}

.component-body:after,.component-body:before {
    display: table;
    content: "";
    line-height: 0
}

.component-body:after {
    clear: both
}

.component-content {
    background: #fff;
    *zoom:1}

.component-content:after,.component-content:before {
    display: table;
    content: "";
    line-height: 0
}

.component-content:after {
    clear: both
}

.component-article {
    background: #eaeade;
    overflow: hidden;
    padding-bottom: 20px
}

.component-article .component-article-section,.component-article h3,.component-article p,.component-article time {
    margin: 10px 20px
}

.component-article .component-article-section:last-child,.component-article h3:last-child,.component-article p:last-child,.component-article time:last-child {
    margin-bottom: 0
}

.component-article .component-article-section {
    margin-top: 20px
}

.component-article h3 {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 0
}

@media only screen and (min-width: 1024px) {
    .component-article h3 {
        font-size:18px;
        font-size: 1.8rem
    }
}

.deck {
    font-weight: 700;
    line-height: 1.5;
    font-size: 16px;
    font-size: 1.6rem
}

@media only screen and (min-width: 1024px) {
    .deck {
        font-size:20px;
        font-size: 2rem;
        line-height: 1.4
    }
}

.component-article-section {
    font-weight: 700;
    display: block;
    margin-top: 20px
}

.component-article-image {
    width: 100%
}

.component-article-date {
    color: #888;
    display: block;
    font-size: 1.2rem;
    line-height: 1.25em;
    margin-top: 10px;
    margin-bottom: 10px
}

.component-article-date2 {
    color: #888;
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: 10px
}

.component-article-section {
    color: #333;
    margin-top: 0;
    margin-bottom: 0!important;
    font-size: 1.4rem;
    line-height: 1.25em
}

button:hover {
    cursor: pointer
}

.component-see-more {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    margin-top: 0;
    padding: 0 12px
}

.component-see-more,.component-see-more .small-arrow {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    position: relative
}

.component-see-more .small-arrow {
    width: 12px;
    height: 10px;
    transition: all .1s ease-in-out
}

.component-see-more .small-arrow:after {
    border: solid transparent;
    content: " ";
    height: 0;
    right: -5px;
    position: absolute;
    pointer-events: none;
    width: 0;
    border-color: rgba(97,165,52,0) rgba(97,165,52,0) rgba(97,165,52,0) #44841a;
    border-width: 5px;
    margin-top: -5px;
    top: 50%
}

.component-see-more:active .small-arrow:after,.component-see-more:focus .small-arrow:after,.component-see-more:hover .small-arrow:after {
    border-left-color: #336114;
    transition: all .1s ease-in-out
}

.component-back,.component-read-more {
    display: inline-block;
    font-weight: 700;
    overflow: hidden;
    position: relative
}

.component-back:after,.component-read-more:after {
    border: 5px solid transparent;
    content: " ";
    height: 0;
    margin-top: -5px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    width: 0
}

.component-read-more {
    padding-right: 10px
}

.component-read-more:after {
    border-left-color: #44841a;
    right: -5px
}

.component-read-more:active:after,.component-read-more:focus:after,.component-read-more:hover:after {
    border-left-color: #336114
}

.component-back {
    padding-left: 10px
}

.component-back:after {
    border-right-color: #44841a;
    left: -5px
}

.component-back:active:after,.component-back:focus:after,.component-back:hover:after {
    border-right-color: #336114
}

.component-title {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    text-align: center;
    font-size: 3.2rem;
    line-height: 1em;
    color: #545454;
    margin-bottom: 0;
    padding: 0 20px
}

@media print,screen and (min-width: 40em) {
    .component-title {
        font-size:5.4rem
    }
}

.component-button,.component-button:link,.component-button:visited {
    background: #44841a;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    font-weight: 700;
    padding: 10px 30px 10px 10px;
    position: relative;
    font-size: 1.8rem;
    transition: all .1s ease-in-out
}

.component-button:after,.component-button:link:after,.component-button:visited:after {
    border: 5px solid transparent;
    border-left-color: #fff;
    content: " ";
    height: 0;
    right: 7px;
    margin-top: -5px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    width: 0
}

.component-button:active,.component-button:focus,.component-button:hover,.component-button:link:active,.component-button:link:focus,.component-button:link:hover,.component-button:visited:active,.component-button:visited:focus,.component-button:visited:hover {
    background: #336114
}

.component-button:active:after,.component-button:focus:after,.component-button:hover:after,.component-button:link:active:after,.component-button:link:focus:after,.component-button:link:hover:after,.component-button:visited:active:after,.component-button:visited:focus:after,.component-button:visited:hover:after {
    transition: all .1s ease-in-out
}

.component-button-pink,.component-button-pink:link,.component-button-pink:visited {
    background: #fff;
    color: #e43989;
    transition: all .1s ease-in-out
}

.component-button-pink:after,.component-button-pink:link:after,.component-button-pink:visited:after {
    border-left-color: #e43989
}

.component-button-pink:active,.component-button-pink:focus,.component-button-pink:hover,.component-button-pink:link:active,.component-button-pink:link:focus,.component-button-pink:link:hover,.component-button-pink:visited:active,.component-button-pink:visited:focus,.component-button-pink:visited:hover {
    background: #fff;
    color: #630235
}

.component-button-pink:active:after,.component-button-pink:focus:after,.component-button-pink:hover:after,.component-button-pink:link:active:after,.component-button-pink:link:focus:after,.component-button-pink:link:hover:after,.component-button-pink:visited:active:after,.component-button-pink:visited:focus:after,.component-button-pink:visited:hover:after {
    border-left-color: #630235
}

.component-load-more {
    margin: 20px 0 10px 10px
}

.component-submit-pointed {
    background: #fff;
    border: none;
    color: #44841a;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    font-weight: 700;
    height: 50px;
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 50px 1;
    text-align: center;
    position: relative;
    transition: all .1s ease-in-out
}

.component-submit-pointed.green {
    background: #44841a;
    color: #fff;
    height: 50px
}

.component-submit-pointed.green:after {
    border-left-color: #44841a;
    border-width: 25px;
    margin-top: -25px
}

.component-submit-pointed.green:hover {
    background: #336114;
    transition: all .1s ease-in-out
}

.component-submit-pointed.green:hover:after {
    border-left-color: #336114;
    transition: all .1s ease-in-out
}

.component-submit-pointed.inline-submit {
    font-size: 16px;
    font-size: 1.6rem;
    height: 48px;
    line-height: 48px;
    position: relative;
    top: -2px
}

.component-submit-pointed.inline-submit:after {
    border-width: 20px;
    margin-top: -20px
}

.component-submit-pointed:after {
    left: 100%;
    border: 25px solid transparent;
    border-left-color: #fff;
    margin-top: -25px;
    content: " ";
    height: 0;
    top: 50%;
    transition: all .1s ease-in-out;
    width: 0;
    position: absolute
}

.component-submit-pointed:hover {
    color: #fff;
    background: #097dae;
    transition: all .1s ease-in-out
}

.component-submit-pointed:hover:after {
    border-left-color: #097dae;
    transition: all .1s ease-in-out
}

.messages {
    width: 60%;
    background: #eaeade;
    border: 1px solid #333;
    padding: 20px;
    margin: 20px auto
}

.social-presence {
    font-size: 0;
    margin: 0;
    padding: 0
}

.social-presence li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    margin-right: 20px
}

.social-presence li:last-child {
    margin-right: 0
}

.social-presence a {
    background-color: #fff;
    color: #44841a;
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 0;
    transition: all .1s ease-in-out
}

.social-presence a:hover {
    top: -3px;
    transition: all .1s ease-in-out
}

@media only screen and (min-width: 100px) {
    .social-presence a {
        width:40px;
        height: 40px
    }
}

.social-presence i {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    height: 100%;
    line-height: 25px;
    text-align: center;
    width: 100%
}

@media only screen and (min-width: 100px) {
    .social-presence i {
        font-size:35px;
        font-size: 3.5rem;
        line-height: 40px
    }
}

.component-breadcrumbs {
    padding: 20px;
    margin-bottom: 0
}

@media only screen and (max-width: 480px) {
    .component-breadcrumbs {
        display:none
    }
}

@media only screen and (min-width: 768px) {
    .component-breadcrumbs {
        padding:0 20px 20px
    }
}

@media only screen and (min-width: 1024px) {
    .component-breadcrumbs {
        padding:0 0 0 20px;
        margin-bottom: 20px
    }
}

.component-breadcrumbs li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    list-style-type: none;
    margin-right: 10px
}

.component-breadcrumbs li a {
    display: block;
    padding-right: 10px;
    position: relative;
    font-size: 12px;
    font-size: 1.2rem
}

.component-breadcrumbs li a:after,.component-breadcrumbs li a:before {
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.component-breadcrumbs li a:after {
    border-color: hsla(0,0%,100%,0) hsla(0,0%,100%,0) hsla(0,0%,100%,0) #fff;
    border-width: 2px;
    margin-top: -2px;
    top: 50%
}

.component-breadcrumbs li a:before {
    border-color: rgba(84,84,84,0) rgba(84,84,84,0) rgba(84,84,84,0) #545454;
    border-width: 4px;
    margin-top: -4px;
    top: 50%
}

.component-breadcrumbs li a i {
    font-size: 14px;
    font-size: 1.4rem
}

.component-breadcrumbs li a span.home {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.component-breadcrumbs li:last-child a:after,.component-breadcrumbs li:last-child a:before {
    display: none
}

.component-sidebar {
    background: #fff url("../img/sidebar-green-mobile.5d33bda49dae.svg") repeat-x 0 0;
    padding: 32px 20px 20px
}

@media only screen and (min-width: 1024px) {
    .component-sidebar {
        background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMjAgMTAiICBoZWlnaHQ9IjEwLjBwdCI+CjxwYXRoIGQ9Ik0gMC4wMCAwLjAwIEwgNTEuODAgMC4wMCBDIDUxLjU0IDMuMzQgNTIuMDMgNi42NSA1MS44NCAxMC4wMCBMIDAuMDAgMTAuMDAgTCAwLjAwIDAuMDAgWiIgZmlsbD0iIzJkYzA2NiIgLz4KPHBhdGggZD0iTSA1MS44MCAwLjAwIEwgMTcyLjM4IDAuMDAgQyAxNjkuODcgMy4xOSAxNjcuOTkgNi43OCAxNjUuNTIgMTAuMDAgTCA1MS44NCAxMC4wMCBDIDUyLjAzIDYuNjUgNTEuNTQgMy4zNCA1MS44MCAwLjAwIFoiIGZpbGw9IiNmMWRiMDAiIC8+CjxwYXRoIGQ9Ik0gMTcyLjM4IDAuMDAgTCAyNjEuMjggMC4wMCBMIDI2Mi42MiAwLjU5IEMgMjcxLjI3IDQuMzQgMjgwLjU5IDYuMzkgMjg5LjMyIDEwLjAwIEwgMTY1LjUyIDEwLjAwIEMgMTY3Ljk5IDYuNzggMTY5Ljg3IDMuMTkgMTcyLjM4IDAuMDAgWiIgZmlsbD0iIzhjZDcwMCIgLz4KPHBhdGggZD0iTSAyNjEuMjggMC4wMCBMIDMyMC4wMCAwLjAwIEwgMzIwLjAwIDEwLjAwIEwgMjg5LjMyIDEwLjAwIEMgMjgwLjU5IDYuMzkgMjcxLjI3IDQuMzQgMjYyLjYyIDAuNTkgTCAyNjEuMjggMC4wMCBaIiBmaWxsPSIjMGM5ZDQwIiAvPgo8L3N2Zz4=);
        padding: 50px 40px 40px
    }
}

.component-sidebar-title {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0
}

@media only screen and (min-width: 1024px) {
    .component-sidebar-title {
        font-size:16px;
        font-size: 1.6rem
    }
}

.component-credit {
    font-size: 0;
    position: relative
}

.component-credit__text {
    background: #000;
    border-radius: 50%;
    border-bottom-right-radius: 0;
    color: #fff;
    bottom: 0;
    display: block;
    font-size: 1.6rem;
    line-height: 1.5em;
    height: 40px;
    font-weight: 700;
    max-width: 40px;
    max-height: auto;
    overflow: hidden;
    padding: 0 0 0 40px;
    position: absolute;
    right: 0;
    left: unset;
    transition: max-width .1s ease-in-out;
    transition: max-height .1s ease-in-out;
    width: auto;
    margin-right: 10px;
    margin-bottom: 10px
}

.component-credit__text.show {
    max-width: 320px;
    height: auto;
    border-radius: 0;
    padding: 10px;
    z-index: 10
}

.component-credit__text.show:after {
    top: auto;
    bottom: 0;
    content: "";
    display: inline-block
}

.component-credit__text.show:before {
    display: none
}

@media screen and (min-width: 64em) {
    .component-credit__text.show {
        padding-bottom:50px
    }
}

.component-credit__text:before {
    display: block;
    left: 0;
    text-align: center;
    top: 7px
}

.component-credit__text:after,.component-credit__text:before {
    font-size: 3.2rem;
    font-weight: 400;
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 10
}

.component-credit__text:after {
    display: none;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    font-family: Material Symbols Outlined;
    content: ""
}

@media screen and (min-width: 64em) {
    .component-credit__text:after {
        left:0;
        right: auto
    }
}

.component-credit__text p {
    display: inline;
    font-weight: 400;
    margin-right: 10px;
    font-size: 1.2rem
}

@media screen and (min-width: 48em) {
    .component-credit__text p {
        font-size:1.4rem
    }
}

@media screen and (min-width: 80em) {
    .component-credit__text p {
        font-size:1.6rem
    }
}

.component-ratings {
    margin: 0;
    padding: 20px;
    text-align: center
}

.component-ratings ul {
    width: 100%;
    padding: 0
}

.component-ratings ul li {
    list-style: none;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

@media only screen and (min-width: 481px)and (max-width:767px) {
    .component-ratings ul li {
        display:inline-block;
        width: 20%
    }
}

@media only screen and (min-width: 768px)and (max-width:1023px) {
    .component-ratings ul li {
        display:inline-block;
        width: 20%
    }
}

@media only screen and (min-width: 1024px) {
    .component-ratings ul li {
        display:inline-block;
        width: 20%
    }
}

.component-ratings ul li img {
    width: 40%;
    height: 40%;
    margin: 20px
}

.component-ratings ul li img.bbb {
    width: 30%;
    height: 30%
}

@media only screen and (min-width: 481px)and (max-width:767px) {
    .component-ratings ul li img {
        width:60%;
        height: auto
    }

    .component-ratings ul li img.bbb {
        width: 30%;
        height: auto
    }
}

@media only screen and (min-width: 768px)and (max-width:1023px) {
    .component-ratings ul li img {
        width:60%;
        height: 60%
    }

    .component-ratings ul li img.bbb {
        width: 30%;
        height: 30%
    }
}

@media only screen and (min-width: 1024px) {
    .component-ratings ul li img {
        width:60%;
        height: 60%
    }

    .component-ratings ul li img.bbb {
        width: 30%;
        height: 30%
    }
}

@media only screen and (min-width: 1024px) {
    .theme-saving-lives {
        background-image:url("../img/strip-emergency-desktop.d2f4dda51114.png")
    }
}

.theme-saving-lives .component-title {
    background: transparent;
    color: #ff1d34
}

.theme-saving-lives .component-hero-section {
    background: #ff1d34 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2NDAgMTk1IiB3aWR0aD0iNjQwLjBwdCI+CjxwYXRoIGQ9Ik0gMC4wMCAwLjAwIEwgMTUzLjMxIDAuMDAgQyAxMDguMjggNjUuMDggNjIuNjkgMTI5LjkxIDE3LjY4IDE5NS4wMCBMIDAuMDAgMTk1LjAwIEwgMC4wMCAwLjAwIFoiIGZpbGw9IiNmZjFkMzQiIC8+CjxwYXRoIGQ9Ik0gMTUzLjMxIDAuMDAgTCAyNDkuMDkgMC4wMCBMIDI0OS42OCAwLjQ4IEMgMjU5LjIxIDYuODUgMjY5LjQ0IDEyLjYzIDI3OS4xNyAxOC43NCBDIDM3Mi42NyA3NS45NiA0NjYuMTcgMTMzLjE1IDU1OS42NyAxOTAuMzcgQyA1NjIuMDEgMTkxLjgxIDU2NC40MiAxOTIuOTYgNTY2LjM0IDE5NS4wMCBMIDE3LjY4IDE5NS4wMCBDIDYyLjY5IDEyOS45MSAxMDguMjggNjUuMDggMTUzLjMxIDAuMDAgWiIgZmlsbD0iI2RmMWUzOSIgLz4KPHBhdGggZD0iTSAyNDkuMDkgMC4wMCBMIDY0MC4wMCAwLjAwIEwgNjQwLjAwIDE5NS4wMCBMIDU2Ni4zNCAxOTUuMDAgQyA1NjQuNDIgMTkyLjk2IDU2Mi4wMSAxOTEuODEgNTU5LjY3IDE5MC4zNyBDIDQ2Ni4xNyAxMzMuMTUgMzcyLjY3IDc1Ljk2IDI3OS4xNyAxOC43NCBDIDI2OS40NCAxMi42MyAyNTkuMjEgNi44NSAyNDkuNjggMC40OCBMIDI0OS4wOSAwLjAwIFoiIGZpbGw9IiNiNTIyM2UiIC8+Cjwvc3ZnPg==) no-repeat 100% 0
}

@media only screen and (min-width: 1024px) {
    .theme-saving-lives .component-hero-section {
        background-image:url("../img/section-header-emergency-desktop.338bd529c8d7.svg")
    }
}

.theme-saving-lives .intro-feature .component-button {
    margin: 0 0 5px
}

.theme-saving-lives .component-button,.theme-saving-lives .component-button:link,.theme-saving-lives .component-button:visited {
    background: #ff1d34
}

.theme-saving-lives .component-button:active,.theme-saving-lives .component-button:focus,.theme-saving-lives .component-button:hover,.theme-saving-lives .component-button:link:active,.theme-saving-lives .component-button:link:focus,.theme-saving-lives .component-button:link:hover,.theme-saving-lives .component-button:visited:active,.theme-saving-lives .component-button:visited:focus,.theme-saving-lives .component-button:visited:hover {
    background: #630235
}

.theme-saving-lives .component-sidebar {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMjAgMTAiIGhlaWdodD0iMTAuMHB0Ij4KPHBhdGggZD0iTSAwLjAwIDAuMDAgTCA0Ni4zNCAwLjAwIEMgNDMuMzUgMy4yOSA0MC44MCA2Ljg5IDM3LjY4IDEwLjAwIEwgMC4wMCAxMC4wMCBMIDAuMDAgMC4wMCBaIiBmaWxsPSIjYjUyMzNmIiAvPgo8cGF0aCBkPSJNIDQ2LjM0IDAuMDAgTCAxNzEuOTAgMC4wMCBMIDE3Mi41MiAwLjYzIEMgMTc1LjM4IDMuNTcgMTc3LjQ5IDcuMDggMTgwLjM3IDEwLjAwIEwgMzcuNjggMTAuMDAgQyA0MC44MCA2Ljg5IDQzLjM1IDMuMjkgNDYuMzQgMC4wMCBaIiBmaWxsPSIjZTAxZTNhIiAvPgo8cGF0aCBkPSJNIDE3MS45MCAwLjAwIEwgMzIwLjAwIDAuMDAgTCAzMjAuMDAgMTAuMDAgTCAxODAuMzcgMTAuMDAgQyAxNzcuNDkgNy4wOCAxNzUuMzggMy41NyAxNzIuNTIgMC42MyBMIDE3MS45MCAwLjAwIFoiIGZpbGw9IiNmZjFkMzQiIC8+Cjwvc3ZnPg==)
}

@media only screen and (min-width: 1024px) {
    .theme-saving-lives .component-sidebar {
        background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMjAgMTAiIGhlaWdodD0iMTAuMHB0Ij4KPHBhdGggZD0iTSAwLjAwIDAuMDAgTCA0Ni4zNCAwLjAwIEMgNDMuMzUgMy4yOSA0MC44MCA2Ljg5IDM3LjY4IDEwLjAwIEwgMC4wMCAxMC4wMCBMIDAuMDAgMC4wMCBaIiBmaWxsPSIjYjUyMzNmIiAvPgo8cGF0aCBkPSJNIDQ2LjM0IDAuMDAgTCAxNzEuOTAgMC4wMCBMIDE3Mi41MiAwLjYzIEMgMTc1LjM4IDMuNTcgMTc3LjQ5IDcuMDggMTgwLjM3IDEwLjAwIEwgMzcuNjggMTAuMDAgQyA0MC44MCA2Ljg5IDQzLjM1IDMuMjkgNDYuMzQgMC4wMCBaIiBmaWxsPSIjZTAxZTNhIiAvPgo8cGF0aCBkPSJNIDE3MS45MCAwLjAwIEwgMzIwLjAwIDAuMDAgTCAzMjAuMDAgMTAuMDAgTCAxODAuMzcgMTAuMDAgQyAxNzcuNDkgNy4wOCAxNzUuMzggMy41NyAxNzIuNTIgMC42MyBMIDE3MS45MCAwLjAwIFoiIGZpbGw9IiNmZjFkMzQiIC8+Cjwvc3ZnPg==)
    }
}

.theme-saving-lives .component-button-pink,.theme-saving-lives .component-button-pink:link,.theme-saving-lives .component-button-pink:visited {
    background: #fff
}

.theme-saving-lives .component-button-pink:after,.theme-saving-lives .component-button-pink:link:after,.theme-saving-lives .component-button-pink:visited:after {
    border-left-color: #e43989
}

.theme-saving-lives .component-button-pink:active,.theme-saving-lives .component-button-pink:focus,.theme-saving-lives .component-button-pink:hover,.theme-saving-lives .component-button-pink:link:active,.theme-saving-lives .component-button-pink:link:focus,.theme-saving-lives .component-button-pink:link:hover,.theme-saving-lives .component-button-pink:visited:active,.theme-saving-lives .component-button-pink:visited:focus,.theme-saving-lives .component-button-pink:visited:hover {
    background: #fff
}

.theme-saving-lives .component-button-pink:active:after,.theme-saving-lives .component-button-pink:focus:after,.theme-saving-lives .component-button-pink:hover:after,.theme-saving-lives .component-button-pink:link:active:after,.theme-saving-lives .component-button-pink:link:focus:after,.theme-saving-lives .component-button-pink:link:hover:after,.theme-saving-lives .component-button-pink:visited:active:after,.theme-saving-lives .component-button-pink:visited:focus:after,.theme-saving-lives .component-button-pink:visited:hover:after {
    border-left-color: #630235
}

.theme-saving-lives .component-credit__text {
    background: #ff1d34
}

.theme-saving-lives .footer {
    background: #fff url("../img/strip-emergency-desktop.d2f4dda51114.png") repeat-x 0 100%
}

@media print,screen and (min-width: 40em) {
    .theme-saving-lives .footer {
        padding-bottom:14px
    }
}

.theme-tstar h2 {
    font-family: oxfam_tstar_probold;
    text-transform: uppercase
}

.cmpnt-3action {
    background: #fff;
    list-style: none;
    overflow: hidden;
    padding: 0 20px 20px;
    text-align: center
}

@media only screen and (max-width: 480px) {
    .cmpnt-3action {
        padding:10px 0
    }
}

@media only screen and (min-width: 1024px) {
    .cmpnt-3action {
        background:transparent;
        border-left: 0;
        padding: 10px 20px 20px
    }
}

@media only screen and (min-width: 768px)and (max-width:1023px) {
    .cmpnt-3action {
        padding:20px
    }
}

@media only screen and (min-width: 481px)and (max-width:767px) {
    .cmpnt-3action {
        padding:20px
    }
}

.cmpnt-3action-action {
    float: left;
    padding: 20px;
    width: 33.3333%
}

.cmpnt-3action-action:first-child {
    border-left: 0
}

.cmpnt-3action-action i {
    font-size: 85px;
    font-size: 8.5rem
}

@media only screen and (min-width: 768px)and (max-width:1023px) {
    .cmpnt-3action-action i {
        font-size:50px;
        font-size: 5rem
    }
}

@media only screen and (min-width: 481px)and (max-width:767px) {
    .cmpnt-3action-action i {
        font-size:35px;
        font-size: 3.5rem
    }
}

@media only screen and (max-width: 480px) {
    .cmpnt-3action-action i {
        font-size:30px;
        font-size: 3rem
    }
}

@media only screen and (max-width: 480px) {
    .cmpnt-3action-action {
        border-left:0;
        margin: 0;
        padding: 0
    }

    .cmpnt-3action-action a {
        padding: 20px 0;
        display: block
    }
}

@media only screen and (min-width: 1024px) {
    .cmpnt-3action-action {
        border-left:0;
        padding: 0 20px 20px
    }
}

.cmpnt-3action-action a:link,.cmpnt-3action-action a:visited,.cmpnt-3action-action i {
    color: #44841a
}

.cmpnt-3action-action a:hover {
    color: #336114
}

.cmpnt-3action-action.green a:link,.cmpnt-3action-action.green a:visited,.cmpnt-3action-action.green i {
    color: #44841a
}

.cmpnt-3action-action.green a:hover {
    color: #336114
}

.cmpnt-3action-action.blue a:link,.cmpnt-3action-action.blue i {
    color: #0b9cda
}

.cmpnt-3action-action.burgundy a:link,.cmpnt-3action-action.burgundy i {
    color: #630235
}

.cmpnt-3action-action.emergency a:link,.cmpnt-3action-action.emergency i {
    color: #ff1d34
}

.cmpnt-3action-action.orange a:link,.cmpnt-3action-action.orange i {
    color: #f16e22
}

.cmpnt-3action-action.purple a:link,.cmpnt-3action-action.purple i {
    color: #53297d
}

.cmpnt-3action-action.red a:link,.cmpnt-3action-action.red i {
    color: #e70052
}

i.icon {
    font-size: 50px;
    font-size: 5rem
}

@media only screen and (min-width: 481px)and (max-width:767px) {
    i.icon {
        font-size:50px;
        font-size: 5rem
    }
}

@media only screen and (min-width: 768px)and (max-width:1023px) {
    i.icon {
        font-size:50px;
        font-size: 5rem
    }
}

@media only screen and (min-width: 1024px) {
    i.icon {
        font-size:85px;
        font-size: 8.5rem
    }
}

.cmpnt-3action-title {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-size: 25px;
    font-size: 2.5rem;
    margin: 0
}

@media only screen and (min-width: 481px)and (max-width:767px) {
    .cmpnt-3action-title {
        font-size:25px;
        font-size: 2.5rem
    }
}

@media only screen and (min-width: 768px)and (max-width:1023px) {
    .cmpnt-3action-title {
        font-size:25px;
        font-size: 2.5rem
    }
}

@media only screen and (min-width: 1024px) {
    .cmpnt-3action-title {
        font-size:32px;
        font-size: 3.2rem
    }
}

.cmpnt-3action-title.oxfamheadline {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif
}

.cmpnt-3action-title.tstar {
    font-family: oxfam_tstar_probold
}

.cmpnt-3action-title.arial {
    font-family: Arial,Helvetica,sans-serif
}

.cmpnt-3action-intro {
    color: #545454;
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    line-height: 1.25em
}

@media only screen and (min-width: 1024px) {
    .cmpnt-3action-intro {
        display:block;
        margin-right: auto;
        margin-left: auto;
        max-width: 300px
    }
}

.cmpnt-3action-button {
    display: none
}

@media only screen and (min-width: 1024px) {
    .cmpnt-3action-button {
        display:-moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom:1;*display: inline
    }
}

.cmpnt-full-article-content {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 20px;
    background-color: #fff
}

.cmpnt-full-article-content .cmpnt-full-article-header h1 {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    text-transform: none;
    line-height: 1;
    margin-bottom: 10px;
    font-size: 2.4rem;
    line-height: 1em
}

@media only screen and (min-width: 1024px) {
    .cmpnt-full-article-content .cmpnt-full-article-header h1 {
        font-size:5.4rem;
        line-height: 1em
    }
}

.cmpnt-full-article-content .cmpnt-full-article-header .cmpnt-full-article-time-and-author {
    font-size: 1.4rem;
    line-height: 1.25em;
    margin-bottom: 20px
}

@media only screen and (min-width: 1024px) {
    .cmpnt-full-article-content .cmpnt-full-article-header .cmpnt-full-article-time-and-author {
        font-size:1.6rem;
        line-height: 1.25em
    }
}

.cmpnt-full-article-content .cmpnt-full-article-header .cmpnt-full-article-time-and-author time {
    border-right: 1px solid #545454;
    margin-right: 10px;
    padding-right: 10px
}

.cmpnt-full-article-content h2,.cmpnt-full-article-content h3 {
    margin-bottom: 10px
}

.cmpnt-full-article-content p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6
}

.cmpnt-full-article-content .cmpnt-full-article-main-img,.cmpnt-full-article-content .img-inline-full-width {
    border-bottom: 1px solid #eaeade
}

.cmpnt-full-article-content .cmpnt-full-article-main-img img,.cmpnt-full-article-content .img-inline-full-width img {
    max-width: 100%;
    width: 100%
}

.cmpnt-full-article-content .cmpnt-full-article-main-img figcaption,.cmpnt-full-article-content .img-inline-full-width figcaption {
    font-size: 1.4rem;
    line-height: 1.5em
}

@media only screen and (min-width: 768px) {
    .cmpnt-full-article-content .cmpnt-full-article-main-img figcaption,.cmpnt-full-article-content .img-inline-full-width figcaption {
        text-align:left;
        padding-bottom: 5px;
        font-size: 1.2rem;
        line-height: 1.5em
    }
}

.cmpnt-full-article-content .img-inline-float-left {
    width: auto;
    float: none;
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .cmpnt-full-article-content .img-inline-float-left {
        width:50%;
        float: left;
        padding: 0 20px 0 0;
        font-size: 1.2rem;
        line-height: 1.5em
    }
}

.cmpnt-full-article-content .img-inline-float-left img {
    max-width: 100%
}

.cmpnt-full-article-content .img-inline-float-left figcaption {
    font-size: 1.4rem;
    line-height: 1.5em
}

@media only screen and (min-width: 768px) {
    .cmpnt-full-article-content .img-inline-float-left figcaption {
        text-align:left;
        padding-bottom: 5px;
        border-bottom: 1px solid #eaeade;
        font-size: 1.2rem;
        line-height: 1.5em
    }
}

.cmpnt-full-article-content .img-inline-float-right {
    width: auto;
    float: none;
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .cmpnt-full-article-content .img-inline-float-right {
        width:50%;
        float: right;
        padding: 0 0 0 20px;
        font-size: 1.2rem;
        line-height: 1.5em
    }
}

.cmpnt-full-article-content .img-inline-float-right img {
    max-width: 100%
}

.cmpnt-full-article-content .img-inline-float-right figcaption {
    font-size: 1.4rem;
    line-height: 1.5em
}

@media only screen and (min-width: 768px) {
    .cmpnt-full-article-content .img-inline-float-right figcaption {
        text-align:right;
        padding-bottom: 5px;
        border-bottom: 1px solid #eaeade;
        font-size: 1.2rem;
        line-height: 1.5em
    }
}

.cmpnt-full-article-content .cmpnt-video {
    display: block;
    position: relative;
    margin: 25px 0;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.cmpnt-full-article-content .cmpnt-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.cmpnt-full-article-content .cmpnt-full-article-share {
    background: #eaeade;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px
}

@media only screen and (min-width: 1024px) {
    .cmpnt-full-article-content .cmpnt-full-article-share {
        float:right;
        margin-left: 20px;
        width: 230px
    }
}

.cmpnt-full-article-content .cmpnt-full-article-share h3 {
    font-size: 18px;
    font-size: 1.8rem
}

@media only screen and (min-width: 1024px) {
    .cmpnt-full-article-content footer.cmpnt-full-article-footer div.cmpnt-full-article-share {
        float:none;
        width: auto;
        margin-left: 0
    }

    .cmpnt-full-article-content footer.cmpnt-full-article-footer div.cmpnt-full-article-share h3 {
        float: left;
        margin-right: 20px
    }
}

.cmpnt-full-article-content footer.cmpnt-full-article-footer aside.cmpnt-full-article-posted-in {
    margin: 40px 0 20px
}

.cmpnt-full-article-content footer.cmpnt-full-article-footer aside.cmpnt-full-article-posted-in h4 {
    margin-bottom: 0
}

.cmpnt-article-list,.component-article-list {
    background: #fff;
    padding: 0 20px
}

@media only screen and (min-width: 600px) {
    .cmpnt-article-list,.component-article-list {
        font-size:0;
        padding: 0 10px 20px
    }
}

@media only screen and (min-width: 600px) {
    .cmpnt-article-list .cmpnt-article-date,.cmpnt-article-list .cmpnt-article-list-intro,.cmpnt-article-list .cmpnt-article-list-title,.cmpnt-article-list .cmpnt-article-section,.component-article-list .cmpnt-article-date,.component-article-list .cmpnt-article-list-intro,.component-article-list .cmpnt-article-list-title,.component-article-list .cmpnt-article-section {
        margin-right:20px;
        margin-left: 20px
    }
}

.cmpnt-article-list-article,.component-article-list-article {
    border-top: 1px solid #f5f5f5;
    padding: 20px 0 10px 110px;
    position: relative
}

.cmpnt-article-list-article:first-child,.component-article-list-article:first-child {
    border-top: 0
}

@media only screen and (min-width: 600px) {
    .cmpnt-article-list-article,.component-article-list-article {
        background:#f5f5f5;
        border: 0;
        border-right: 10px solid #fff;
        border-left: 10px solid #fff;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom:1;*display: inline;
        margin-top: 20px;
        padding: 0 0 20px;
        vertical-align: top
    }
}

@media only screen and (min-width: 600px) {
    .flexbox .cmpnt-article-list {
        display:-moz-flex;
        display: -ms-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-flow: row wrap
    }
}

@media only screen and (min-width: 600px) {
    .flexbox .cmpnt-article-list-article {
        -moz-flex:0 0 50% 0 auto;
        flex: 0 0 50% 0 auto
    }
}

@media only screen and (min-width: 900px) {
    .flexbox .cmpnt-article-list-article {
        -moz-flex:0 0 33.3333% 0 auto;
        flex: 0 0 33.3333% 0 auto
    }
}

.cmpnt-article-list-title {
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 5px;
    margin-bottom: 10px
}

@media only screen and (min-width: 600px) {
    .cmpnt-article-list-title {
        font-size:18px;
        font-size: 1.8rem
    }
}

.cmpnt-article-list-image {
    left: 0;
    position: absolute;
    top: 20px;
    width: 100px
}

@media only screen and (min-width: 600px) {
    .cmpnt-article-list-image {
        margin-bottom:20px;
        position: static;
        width: 100%
    }
}

.cmpnt-article-list-intro {
    display: none
}

@media only screen and (min-width: 600px) {
    .cmpnt-article-list-intro {
        display:block;
        font-size: 14px;
        font-size: 1.4rem
    }
}

.cmpnt-fundraiser .cmpnt-article-list-intro {
    display: none
}

@media only screen and (max-width: 599px) {
    .cmpnt-fundraiser .cmpnt-article-list-intro {
        display:block;
        font-size: 14px;
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 600px) {
    .cmpnt-fundraiser .cmpnt-article-list-intro {
        display:block;
        font-size: 14px;
        font-size: 1.4rem
    }
}

.component-article-list {
    background: #fff;
    padding: 0 10px 20px
}

.component-article-list .component-article-date,.component-article-list .component-article-list-intro,.component-article-list .component-article-list-title,.component-article-list .component-article-section {
    margin-right: 20px;
    margin-left: 20px
}

.component-article-list-article {
    background: #f5f5f5;
    border: 0;
    border-right: 10px solid #fff;
    border-left: 10px solid #fff;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    margin-top: 20px;
    padding: 0 0 20px;
    vertical-align: top
}

.component-article-list-article:first-child {
    border-top: 0
}

.component-article-list-title {
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    font-size: 1.8rem;
    line-height: 1.25em;
    margin-top: 5px;
    margin-bottom: 10px
}

@media print,screen and (min-width: 40em) {
    .component-article-list-title {
        font-size:1.8rem;
        line-height: 1.25em
    }
}

.component-article-list-image {
    margin-bottom: 20px;
    position: static;
    width: 100%
}

.component-article-list-intro {
    display: block;
    font-size: 1.6rem;
    line-height: 1.5em
}

@media print,screen and (min-width: 40em) {
    .component-article-list-intro {
        font-size:1.6rem;
        line-height: 1.5em
    }
}

.component-fundraiser .component-article-list-intro {
    display: block;
    font-size: 1.6rem
}

.cmpnt-author-bio-content {
    padding: 20px 0 0 140px;
    position: relative
}

@media only screen and (min-width: 500px) {
    .cmpnt-author-bio-content {
        padding-left:0
    }
}

.cmpnt-author-bio-image {
    left: 0;
    position: absolute;
    top: 20px;
    width: 120px
}

@media only screen and (min-width: 500px) {
    .cmpnt-author-bio-image {
        margin-bottom:20px;
        position: static;
        width: 100%
    }
}

.basic-page {
    background: #fff;
    padding: 20px;
    *zoom:1}

.basic-page:after,.basic-page:before {
    display: table;
    content: "";
    line-height: 0
}

.basic-page:after {
    clear: both
}

.basic-page h1 {
    font-family: OxfamHeadline;
    color: #44841a;
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 15px;
    text-transform: uppercase;
    line-height: 1.2
}

@media only screen and (min-width: 1024px) {
    .basic-page h1 {
        font-size:40px;
        font-size: 4rem
    }
}

.layout-blog-article .cmpnt-full-article {
    padding: 20px;
    background-color: #fff
}

.layout-blog-article .cmpnt-full-article .cmpnt-full-article-main-img,.layout-blog-article .cmpnt-full-article .img-inline-full-width {
    margin-bottom: 20px;
    padding-bottom: 5px;
    display: block;
    border-bottom: 1px solid #eaeade;
    font-size: 13px;
    font-size: 1.3rem
}

.layout-blog-article .cmpnt-full-article .cmpnt-full-article-main-img img,.layout-blog-article .cmpnt-full-article .img-inline-full-width img {
    width: 100%
}

.layout-blog-article .cmpnt-full-article .cmpnt-full-article-main-img figcaption,.layout-blog-article .cmpnt-full-article .img-inline-full-width figcaption {
    font-size: 12px;
    font-size: 1.2rem
}

@media only screen and (min-width: 768px) {
    .layout-blog-article .cmpnt-full-article .cmpnt-full-article-main-img figcaption,.layout-blog-article .cmpnt-full-article .img-inline-full-width figcaption {
        text-align:left;
        padding-bottom: 5px
    }
}

.layout-blog-article .cmpnt-full-article .cmpnt-full-article-header h1 {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    text-transform: none;
    line-height: 1em;
    margin-bottom: 10px;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.2
}

@media only screen and (min-width: 1024px) {
    .layout-blog-article .cmpnt-full-article .cmpnt-full-article-header h1 {
        font-size:54px;
        font-size: 5.4rem
    }
}

.layout-blog-article .cmpnt-full-article .cmpnt-full-article-header .cmpnt-full-article-time-and-author {
    font-size: 1.4rem;
    line-height: 1.25em;
    margin-bottom: 20px
}

@media only screen and (min-width: 1024px) {
    .layout-blog-article .cmpnt-full-article .cmpnt-full-article-header .cmpnt-full-article-time-and-author {
        font-size:1.6rem
    }
}

.layout-blog-article .cmpnt-full-article .cmpnt-full-article-header .cmpnt-full-article-time-and-author time {
    border-right: 1px solid #545454;
    margin-right: 10px;
    padding-right: 10px
}

.layout-blog-article .cmpnt-full-article h2,.layout-blog-article .cmpnt-full-article h3 {
    margin-bottom: 10px
}

.layout-blog-article .cmpnt-full-article .cmpnt-full-article-share {
    background: #eaeade;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px
}

@media only screen and (min-width: 1024px) {
    .layout-blog-article .cmpnt-full-article .cmpnt-full-article-share {
        float:right;
        margin-left: 20px;
        width: 230px
    }
}

.layout-blog-article .cmpnt-full-article .cmpnt-full-article-share h3 {
    font-size: 18px;
    font-size: 1.8rem
}

@media only screen and (min-width: 1024px) {
    .layout-blog-article .cmpnt-full-article footer.cmpnt-full-article-footer div.cmpnt-full-article-share {
        float:none;
        width: auto;
        margin-left: 0
    }

    .layout-blog-article .cmpnt-full-article footer.cmpnt-full-article-footer div.cmpnt-full-article-share h3 {
        float: left;
        margin-right: 20px
    }
}

.layout-blog-article .cmpnt-full-article footer.cmpnt-full-article-footer aside.cmpnt-full-article-posted-in {
    margin: 40px 0 20px
}

.layout-blog-article .cmpnt-full-article footer.cmpnt-full-article-footer aside.cmpnt-full-article-posted-in h4 {
    margin-bottom: 0
}

.blog-index .cmpnt-single-feature {
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px
}

.blog-index .component-article-list {
    padding: 0 0 20px
}

.blog-topic .intro-feature {
    margin-bottom: 0
}

.blog-topic .intro-feature h1 {
    color: #545454
}

.component-body-content {
    max-width: 1220px;
    *zoom:1;background: #fff;
    padding: 20px;
    margin: 0 0 40px
}

.component-body-content:after,.component-body-content:before {
    display: table;
    content: "";
    line-height: 0
}

.component-body-content:after {
    clear: both
}

@media print,screen and (min-width: 40em) {
    .component-body-content {
        padding:20px 0
    }
}

.component-body-content__heading {
    padding-right: .625rem;
    padding-left: .625rem;
    width: 100%;
    float: left
}

@media print,screen and (min-width: 40em) {
    .component-body-content__heading {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

.component-body-content__heading,.component-body-content__heading:last-child:not(:first-child) {
    float: left;
    clear: none
}

.component-body-content__heading:last-child:not(:first-child) {
    float: right
}

.component-body-content__heading h1.component-body-content__title {
    font-size: 3.2rem;
    line-height: 3.2rem
}

@media print,screen and (min-width: 40em) {
    .component-body-content__heading h1.component-body-content__title {
        font-size:5.2rem;
        line-height: 5.2rem
    }
}

@media print,screen and (min-width: 64em) {
    .component-body-content__heading h1.component-body-content__title {
        font-size:5.2rem;
        line-height: 5.2rem
    }
}

.has-sidebar .component-body-content__heading h1.component-body-content__title,.template-sidebar .component-body-content__heading h1.component-body-content__title {
    font-size: 5.2rem;
    line-height: 5.2rem
}

.component-body-content__heading .component-body-content__title.green {
    color: #44841a
}

.component-body-content__heading .component-body-content__title.burgundy {
    color: #630235
}

.component-body-content__heading .component-body-content__title.emergency {
    color: #ff1d34
}

.component-body-content__heading .component-body-content__title.orange {
    color: #f16e22
}

.component-body-content__heading .component-body-content__title.purple {
    color: #53297d
}

.component-body-content__heading .component-body-content__title.red {
    color: #e70052
}

.component-body-content__heading .component-body-content__title.oxfamheadline {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif
}

.component-body-content__heading .component-body-content__title.tstar {
    font-family: oxfam_tstar_probold
}

.component-body-content__heading .component-body-content__title.arial {
    font-family: Arial,Helvetica,sans-serif
}

.component-body-content__heading .component-body-content__title.center {
    text-align: center
}

.component-body-content__heading .component-body-content__title.left {
    text-align: left
}

.component-body-content__heading .component-body-content__title.right {
    text-align: right
}

.component-body-content__heading .component-body-content__deck {
    font-size: 2rem;
    line-height: 1.5em;
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif
}

@media print,screen and (min-width: 40em) {
    .component-body-content__heading .component-body-content__deck {
        font-size:2.8rem;
        padding-top: .5rem
    }
}

@media print,screen and (min-width: 64em) {
    .component-body-content__heading .component-body-content__deck {
        font-size:3.2rem;
        padding-top: .5rem
    }
}

.has-sidebar .component-body-content__heading .component-body-content__deck,.template-sidebar .component-body-content__heading .component-body-content__deck {
    font-size: 2rem;
    line-height: 1.5em
}

@media only screen and (min-width: 1024px) {
    .has-sidebar .component-body-content__heading .component-body-content__deck,.template-sidebar .component-body-content__heading .component-body-content__deck {
        font-size:2.8rem
    }
}

.component-body-content__content {
    padding-right: .625rem;
    padding-left: .625rem;
    width: 100%;
    float: left
}

@media print,screen and (min-width: 40em) {
    .component-body-content__content {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

.component-body-content__content,.component-body-content__content:last-child:not(:first-child) {
    float: left;
    clear: none
}

.component-body-content__content:last-child:not(:first-child) {
    float: right
}

@media print,screen and (min-width: 64em) {
    .component-body-content__content {
        padding-right:.625rem;
        padding-left: .625rem;
        width: 66.6666666667%;
        float: left;
        margin-right: auto;
        margin-left: auto
    }
}

@media print,screen and (min-width: 64em)and (min-width:40em) {
    .component-body-content__content {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media print,screen and (min-width: 64em) {
    .component-body-content__content,.component-body-content__content:last-child:not(:first-child) {
        float:left;
        clear: none
    }
}

@media print,screen and (min-width: 64em) {
    .component-body-content__content:last-child:not(:first-child) {
        float:right
    }
}

@media print,screen and (min-width: 64em) {
    .component-body-content__content,.component-body-content__content:last-child:not(:first-child) {
        float:none;
        clear: both
    }
}

@media print,screen and (min-width: 64em) {
    .has-sidebar .component-body-content__content,.template-sidebar .component-body-content__content {
        padding-right:.625rem;
        padding-left: .625rem;
        width: 100%;
        float: left
    }
}

@media print,screen and (min-width: 64em)and (min-width:40em) {
    .has-sidebar .component-body-content__content,.template-sidebar .component-body-content__content {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media print,screen and (min-width: 64em) {
    .has-sidebar .component-body-content__content,.has-sidebar .component-body-content__content:last-child:not(:first-child),.template-sidebar .component-body-content__content,.template-sidebar .component-body-content__content:last-child:not(:first-child) {
        float:left;
        clear: none
    }
}

@media print,screen and (min-width: 64em) {
    .has-sidebar .component-body-content__content:last-child:not(:first-child),.template-sidebar .component-body-content__content:last-child:not(:first-child) {
        float:right
    }
}

.component-body-content__content p {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin-bottom: 2.6rem
}

@media print,screen and (min-width: 40em) {
    .component-body-content__content p {
        font-size:1.8rem;
        line-height: 3rem;
        margin-bottom: 2.6rem
    }
}

.has-sidebar .component-body-content__content p,.template-sidebar .component-body-content__content p {
    font-size: 1.8rem;
    line-height: 3rem;
    margin-bottom: 2.6rem
}

.component-body-content__content p.button-accompanying-text {
    margin-bottom: 1.8rem;
    font-style: italic
}

.component-body-content__content .pull-quote {
    font-weight: 700;
    font-size: 2rem
}

.component-body-content__content .richtext-image.right {
    max-width: 50%;
    float: right;
    margin-left: 40px
}

.component-body-content__content .richtext-image.left {
    max-width: 50%;
    float: left;
    margin-right: 40px
}

.component-body-content__video {
    clear: both;
    display: block;
    position: relative;
    margin: 20px;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0
}

.component-body-content__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.component-body-content h1 {
    font-family: OxfamHeadline;
    color: #44841a;
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 15px;
    text-transform: uppercase;
    line-height: 1.2
}

@media only screen and (min-width: 1024px) {
    .component-body-content h1 {
        font-size:40px;
        font-size: 4rem
    }
}

.component-body-content .component-fullwidth-img,.component-body-content .component-fullwidth-lead-img {
    border-bottom: 1px solid #eaeade;
    margin-bottom: 20px;
    padding-bottom: 5px
}

.component-body-content .component-fullwidth-img img,.component-body-content .component-fullwidth-lead-img img {
    max-width: 100%
}

.component-body-content .component-fullwidth-img figcaption,.component-body-content .component-fullwidth-lead-img figcaption {
    font-size: 1.2rem;
    padding-bottom: 5px
}

.component-body-content .multi-column-list {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin-bottom: 2.6rem;
    padding-left: 0;
    column-count: 1
}

@media print,screen and (min-width: 40em) {
    .component-body-content .multi-column-list {
        column-count:2;
        font-size: 2rem;
        line-height: 3rem;
        margin-bottom: 2.6rem
    }
}

@media print,screen and (min-width: 64em) {
    .component-body-content .multi-column-list {
        column-count:3
    }
}

.component-body-content .multi-column-list.no-bullets {
    list-style: none
}

.component-body-content .multi-column-list li {
    margin-left: 20px;
    margin-bottom: .5em;
    page-break-inside: avoid;
    break-inside: avoid-column
}

.component-body-content .component-full-width-share {
    background: #eaeade;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px
}

@media only screen and (min-width: 1024px) {
    .component-body-content .component-full-width-share {
        float:none;
        width: auto;
        margin-left: 0
    }

    .component-body-content .component-full-width-share h3 {
        float: left;
        margin-right: 20px
    }
}

.component-body-content .component-full-article-main-img,.component-body-content .img-inline-full-width {
    border-bottom: 1px solid #eaeade;
    margin-bottom: 20px
}

.component-body-content .component-full-article-main-img img,.component-body-content .img-inline-full-width img {
    max-width: 100%
}

.component-body-content .component-full-article-main-img figcaption,.component-body-content .img-inline-full-width figcaption {
    font-size: 12px;
    font-size: 1.2rem
}

@media only screen and (min-width: 768px) {
    .component-body-content .component-full-article-main-img figcaption,.component-body-content .img-inline-full-width figcaption {
        text-align:left;
        padding-bottom: 5px
    }
}

.component-body-content.body-copy-feature-search h2 {
    margin-bottom: 1rem;
    font-size: 2.4rem;
    line-height: 2.8rem
}

@media print,screen and (min-width: 40em) {
    .component-body-content.body-copy-feature-search h2 {
        font-size:3.2rem;
        line-height: 2.6rem
    }
}

.component-body-content.body-copy-feature-search .help-inline {
    padding-left: 0
}

.component-body-content .error1 {
    color: #0b9cda;
    text-align: center
}

.component-body-content .error1 p {
    font-weight: 400;
    font-size: 20px;
    font-size: 2rem;
    margin: 0 0 15px
}

.component-body-content .error1 p:first-of-type {
    margin: 0 0 auto
}

@media only screen and (min-width: 1024px) {
    .component-body-content .error1 p {
        font-size:28px;
        font-size: 2.8rem
    }
}

.component-body-content .error1 h1 {
    font-size: 50px;
    font-size: 5rem;
    color: #0b9cda
}

@media only screen and (min-width: 1024px) {
    .component-body-content .error1 h1 {
        font-size:180px;
        font-size: 18rem
    }
}

.component-body-content .error1 h2 {
    font-size: 28px;
    font-size: 2.8rem;
    color: #0b9cda
}

.component-body-content .error1 #Search-lg {
    margin: 0 auto;
    padding: 20px;
    *zoom:1}

.component-body-content .error1 #Search-lg:after,.component-body-content .error1 #Search-lg:before {
    display: table;
    content: "";
    line-height: 0
}

.component-body-content .error1 #Search-lg:after {
    clear: both
}

.component-body-content .error1 #Search-lg label {
    display: none
}

.component-body-content .error1 #Search-lg input {
    background: #fff;
    border: 1px solid #eaeade;
    border-right: none;
    color: #545454;
    height: 35px;
    width: 150px;
    box-shadow: none;
    transition: all .1s ease-in-out
}

@media only screen and (min-width: 1024px) {
    .component-body-content .error1 #Search-lg input {
        width:400px
    }
}

@media only screen and (min-width: 768px)and (max-width:1023px) {
    .component-body-content .error1 #Search-lg input {
        width:400px
    }
}

.component-body-content .error1 #Search-lg input:-moz-placeholder {
    color: #44841a;
    font-size: 18px;
    font-size: 1.8rem
}

.component-body-content .error1 #Search-lg input:-ms-input-placeholder {
    color: #44841a;
    font-size: 18px;
    font-size: 1.8rem
}

.component-body-content .error1 #Search-lg input::-webkit-input-placeholder {
    color: #44841a;
    font-size: 18px;
    font-size: 1.8rem
}

.component-body-content .error1 #Search-lg input:focus {
    background-color: #f7f7f7;
    transition: all .1s ease-in-out
}

.component-body-content .error1 #Search-lg button {
    background: #44841a;
    border: 0;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    height: 45px;
    left: -5px;
    line-height: 30px;
    padding: 0 6px;
    position: relative;
    text-indent: -9999em;
    top: -2px;
    width: 35px;
    transition: all .1s ease-in-out
}

.component-body-content .error1 #Search-lg button:after {
    content: "";
    font-family: oa-icons;
    height: 35px;
    left: 0;
    line-height: 35px;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: 5px;
    width: 35px;
    font-size: 30px;
    font-size: 3rem
}

.component-body-content .error1 #Search-lg button:hover {
    color: #f2f2f2;
    transition: all .1s ease-in-out
}

.component-body-content .error2 {
    color: #e43989;
    text-align: center
}

.component-body-content .error2 p {
    font-weight: 400;
    font-size: 20px;
    font-size: 2rem;
    margin: 0 0 15px
}

.component-body-content .error2 p:first-of-type {
    margin: 0 0 auto
}

@media only screen and (min-width: 1024px) {
    .component-body-content .error2 p {
        font-size:28px;
        font-size: 2.8rem
    }
}

.component-body-content .error2 h1 {
    font-size: 50px;
    font-size: 5rem;
    color: #e43989
}

@media only screen and (min-width: 1024px) {
    .component-body-content .error2 h1 {
        font-size:180px;
        font-size: 18rem
    }
}

.component-body-content .error2 h2 {
    font-size: 28px;
    font-size: 2.8rem;
    color: #e43989
}

.component-body-content .component-grid {
    background-color: #fff;
    padding: 0;
    margin: 0;
    display: block
}

@media only screen and (min-width: 481px)and (max-width:767px) {
    .component-body-content .component-grid {
        column-count:2;
        column-gap: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .component-body-content .component-grid {
        column-count:2;
        column-gap: 20px
    }
}

.component-body-content .component-grid .cell {
    background-color: #eaeade;
    height: content;
    padding: 10px;
    margin: 0 0 20px;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700
}

.component-body-content .component-grid .cell:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .component-body-content .component-grid .cell {
        font-size:16px;
        font-size: 1.6rem;
        padding: 10px;
        margin: 0 0 20px
    }

    .component-body-content .component-grid .cell:last-child {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1024px) {
    .component-body-content .component-grid .cell {
        padding:20px
    }
}

.component-body-content .component-grid .cell h3 {
    font-size: 18px;
    font-size: 1.8rem
}

.component-body-content .component-grid .cell a {
    font-size: 16px;
    font-size: 1.6rem;
    display: block
}

.component-body-content .component-grid .cell p {
    font-weight: 400
}

@media only screen and (min-width: 768px) {
    .component-body-content .component-grid .cell p {
        font-size:16px;
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1024px) {
    .component-body-content .component-grid .cell p {
        font-size:14px;
        font-size: 1.4rem
    }
}

.component-body-content .component-grid2 {
    background-color: #fff;
    padding: 0
}

@media only screen and (min-width: 1024px) {
    .component-body-content .component-grid2 {
        column-count:2;
        column-gap: 20px
    }
}

.component-body-content .component-grid2 h3 {
    font-size: 18px;
    font-size: 1.8rem
}

.component-body-content .component-grid2 .cell {
    background-color: #eaeade;
    padding: 20px;
    margin: 0 0 20px
}

.component-body-content .component-grid2 .cell:first-child {
    margin-top: 0
}

.component-body-content .component-grid2 .cell:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 1024px) {
    .component-body-content .component-grid2 .cell {
        margin:0;
        min-height: 240px
    }
}

.component-body-content .component-grid2 .cell p {
    font-weight: 400
}

@media only screen and (min-width: 768px) {
    .component-body-content .component-grid2 .cell p {
        font-size:16px;
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1024px) {
    .component-body-content .component-grid2 .cell p {
        font-size:14px;
        font-size: 1.4rem
    }
}

.component-body-content .vcard {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 0
}

.component.component-body-content {
    margin-top: -40px
}

.component-border-box {
    margin-top: 0!important;
    padding: 0!important
}

.component-border-box .component-grid-select {
    margin-bottom: 0
}

.component-border-box .component-grid-select-item .content {
    background-color: #f5f5f5;
    width: 100%;
    height: 100%;
    text-align: left;
    padding: 20px;
    margin: 0 0 20px;
    font-size: 2rem
}

.component-border-box .richtext-image.right {
    max-width: 50%;
    float: right;
    margin-left: 40px
}

.component-border-box .richtext-image.left {
    max-width: 50%;
    float: left;
    margin-right: 40px
}

.component-border-box .content__button {
    padding: 20px
}

.component-border-box .component-body-content__heading {
    padding: 20px 20px 0
}

.component-border-box .component-body-content__heading .component-body-content__title {
    margin-bottom: 0
}

.component-border-box .component-body-content__content {
    padding: 20px
}

.component-border-box .component-body-content__content:first-of-type {
    padding-top: 20px!important
}

.component-border-box .component-body-content__content:last-of-type {
    padding-bottom: 20px!important
}

.component-border-box .component-body-content__content.cmpnt-expand {
    padding: 10px
}

.component-border-box .trustpilot-widget {
    padding-top: 20px
}

.component-border-box .component-body-content__video {
    margin: 20px
}

.button,.button:link,.button:visited {
    background: #44841a;
    border: 0;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    padding: 10px 30px 10px 10px;
    position: relative;
    font-size: 1.8rem;
    line-height: 2rem;
    transition: background-color .1s ease-in-out
}

.button:after,.button:link:after,.button:visited:after {
    border: 5px solid transparent;
    border-left-color: #fff;
    content: " ";
    height: 0;
    right: 7px;
    margin-top: -5px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    width: 0;
    transition: border-left-color .1s ease-in-out
}

.button:active,.button:focus,.button:hover,.button:link:active,.button:link:focus,.button:link:hover,.button:visited:active,.button:visited:focus,.button:visited:hover {
    background: #336114;
    transition: background-color .1s ease-in-out
}

.button:active:after,.button:focus:after,.button:hover:after,.button:link:active:after,.button:link:focus:after,.button:link:hover:after,.button:visited:active:after,.button:visited:focus:after,.button:visited:hover:after {
    transition: border-left-color .1s ease-in-out
}

.button.offsite,.button:link.offsite,.button:visited.offsite {
    padding-right: 10px
}

.button.offsite:after,.button:link.offsite:after,.button:visited.offsite:after {
    border: none
}

.button.offsite:active,.button.offsite:focus,.button.offsite:hover,.button:link.offsite:active,.button:link.offsite:focus,.button:link.offsite:hover,.button:visited.offsite:active,.button:visited.offsite:focus,.button:visited.offsite:hover {
    color: #fff
}

.button.offsite .icon-new-tab,.button:link.offsite .icon-new-tab,.button:visited.offsite .icon-new-tab {
    padding-left: 5px;
    vertical-align: text-top
}

.button-pink,.button-pink:link,.button-pink:visited {
    background: #fff;
    color: #e43989;
    transition: background-color .1s ease-in-out
}

.button-pink:after,.button-pink:link:after,.button-pink:visited:after {
    border-left-color: #e43989;
    transition: border-left-color .1s ease-in-out
}

.button-pink:active,.button-pink:focus,.button-pink:hover,.button-pink:link:active,.button-pink:link:focus,.button-pink:link:hover,.button-pink:visited:active,.button-pink:visited:focus,.button-pink:visited:hover {
    background: #fff;
    color: #630235;
    transition: background-color .1s ease-in-out
}

.button-pink:active:after,.button-pink:focus:after,.button-pink:hover:after,.button-pink:link:active:after,.button-pink:link:focus:after,.button-pink:link:hover:after,.button-pink:visited:active:after,.button-pink:visited:focus:after,.button-pink:visited:hover:after {
    border-left-color: #630235;
    transition: border-left-color .1s ease-in-out
}

.button-orange,.button-orange:link,.button-orange:visited {
    background: #fff;
    color: #f16e22;
    transition: background-color .1s ease-in-out
}

.button-orange:after,.button-orange:link:after,.button-orange:visited:after {
    border-left-color: #f16e22;
    transition: border-left-color .1s ease-in-out
}

.button-orange:active,.button-orange:focus,.button-orange:hover,.button-orange:link:active,.button-orange:link:focus,.button-orange:link:hover,.button-orange:visited:active,.button-orange:visited:focus,.button-orange:visited:hover {
    background: #fff;
    color: #0b9cda;
    transition: background-color .1s ease-in-out
}

.button-orange:active:after,.button-orange:focus:after,.button-orange:hover:after,.button-orange:link:active:after,.button-orange:link:focus:after,.button-orange:link:hover:after,.button-orange:visited:active:after,.button-orange:visited:focus:after,.button-orange:visited:hover:after {
    border-left-color: #0b9cda;
    transition: border-left-color .1s ease-in-out
}

.cmpnt-load-more,.cmpnt-next,.cmpnt-previous {
    margin: 20px 0 10px 10px
}

.cmpnt-previous,.cmpnt-previous:link {
    padding: 10px 10px 10px 30px
}

.cmpnt-previous:after,.cmpnt-previous:link:after {
    border: 5px solid transparent;
    border-right-color: #fff;
    content: " ";
    height: 0;
    left: 7px;
    margin-top: -5px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    width: 0
}

.cmpnt-submit-pointed {
    background: #fff;
    border: none;
    color: #44841a;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    font-weight: 700;
    height: 50px;
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 50px;
    text-align: center;
    position: relative;
    transition: all .1s ease-in-out
}

.cmpnt-submit-pointed.green {
    background: #44841a;
    color: #fff;
    height: 50px
}

.cmpnt-submit-pointed.green:after {
    border-left-color: #44841a;
    border-width: 25px;
    margin-top: -25px
}

.cmpnt-submit-pointed.green:hover {
    background: #336114;
    transition: all .1s ease-in-out
}

.cmpnt-submit-pointed.green:hover:after {
    border-left-color: #336114;
    transition: all .1s ease-in-out
}

.cmpnt-submit-pointed.orange {
    background: #f16e22;
    color: #fff;
    height: 50px
}

.cmpnt-submit-pointed.orange:after {
    border-left-color: #f16e22;
    border-width: 25px;
    margin-top: -25px
}

.cmpnt-submit-pointed.orange:hover {
    background: #53297d;
    transition: all .1s ease-in-out
}

.cmpnt-submit-pointed.orange:hover:after {
    border-left-color: #53297d;
    transition: all .1s ease-in-out
}

.cmpnt-submit-pointed.inline-submit {
    font-size: 16px;
    font-size: 1.6rem;
    height: 48px;
    line-height: 48px;
    position: relative;
    top: -2px
}

.cmpnt-submit-pointed.inline-submit:after {
    border-width: 20px;
    margin-top: -20px
}

.cmpnt-submit-pointed:after {
    left: 100%;
    border: 25px solid transparent;
    border-left-color: #fff;
    margin-top: -25px;
    content: " ";
    height: 0;
    top: 50%;
    transition: all .1s ease-in-out;
    width: 0;
    position: absolute
}

.cmpnt-submit-pointed:hover {
    color: #fff;
    background: #097dae;
    transition: all .1s ease-in-out
}

.cmpnt-submit-pointed:hover:after {
    border-left-color: #097dae;
    transition: all .1s ease-in-out
}

.cmpnt-submit-pointed .icon-new-tab {
    padding-left: 5px;
    vertical-align: text-top
}

.button__box,a.button__box {
    min-width: 100px;
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-size: 2rem;
    line-height: 2rem;
    background: #44841a;
    border: 0;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    padding: 10px 30px;
    position: relative;
    transition: all .1s ease-in-out
}

.button__box:active,.button__box:focus,.button__box:hover,a.button__box:active,a.button__box:focus,a.button__box:hover {
    background: #336114
}

.button__box.white,a.button__box.white {
    background: #fff;
    color: #0c884a;
    transition: all .1s ease-in-out
}

.button__box.white:active,.button__box.white:focus,.button__box.white:hover,a.button__box.white:active,a.button__box.white:focus,a.button__box.white:hover {
    background: #e43989;
    color: #fff
}

.button__box__secondary,a.button__box__secondary {
    min-width: 100px;
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-size: 2rem;
    line-height: 2rem;
    display: inline-block;
    padding: 5px 30px;
    transition: all .1s ease-in-out;
    border-radius: 4px;
    border: 3px solid #44841a;
    background: transparent;
    color: #44841a
}

.button__box__secondary:active,.button__box__secondary:focus,.button__box__secondary:hover,a.button__box__secondary:active,a.button__box__secondary:focus,a.button__box__secondary:hover {
    border-color: #336114;
    color: #336114
}

.button__box__secondary.orange,a.button__box__secondary.orange {
    border-color: #f16e22;
    color: #f16e22
}

.button__box__secondary.orange:active,.button__box__secondary.orange:focus,.button__box__secondary.orange:hover,a.button__box__secondary.orange:active,a.button__box__secondary.orange:focus,a.button__box__secondary.orange:hover {
    border-color: #bb4c0c;
    color: #bb4c0c
}

.button__box__secondary.white,.button__box__secondary.white:active,.button__box__secondary.white:focus,.button__box__secondary.white:hover,a.button__box__secondary.white,a.button__box__secondary.white:active,a.button__box__secondary.white:focus,a.button__box__secondary.white:hover {
    border-color: #fff;
    color: #fff
}

.button__box.text__pink,a.button__box.text__pink {
    color: #e43989
}

.button__arrow,a.button__arrow {
    display: inline-block;
    border-radius: 4px;
    background: #fff;
    color: #44841a;
    height: 50px;
    min-width: 200px;
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-weight: 400;
    font-size: 2rem;
    line-height: 5rem;
    justify-content: left;
    text-align: center;
    transition: unset;
    width: auto;
    padding-left: 10px;
    padding-right: 40px;
    -webkit-clip-path: polygon(0 0,80% 0,81% .8%,93% 46%,93.2% 47%,93.2% 53%,93% 54%,81% 99.2%,80% 100%,0 100%);
    clip-path: polygon(0 0,80% 0,81% .8%,93% 46%,93.2% 47%,93.2% 53%,93% 54%,81% 99.2%,80% 100%,0 100%)
}

.button__arrow:active,.button__arrow:focus,.button__arrow:hover,a.button__arrow:active,a.button__arrow:focus,a.button__arrow:hover {
    background: #bece45;
    color: #336114
}

.button__arrow.inactive,a.button__arrow.inactive {
    background: #545454;
    color: #666
}

.button__arrow.green,a.button__arrow.green {
    background: #44841a;
    color: #fff
}

.button__arrow.green:active,.button__arrow.green:focus,.button__arrow.green:hover,a.button__arrow.green:active,a.button__arrow.green:focus,a.button__arrow.green:hover {
    background: #336114;
    color: #fff
}

.button__arrow.emergency,a.button__arrow.emergency {
    background: #ff1d34;
    color: #fff
}

.button__arrow.emergency:active,.button__arrow.emergency:focus,.button__arrow.emergency:hover,a.button__arrow.emergency:active,a.button__arrow.emergency:focus,a.button__arrow.emergency:hover {
    background: #d00015;
    color: #fff
}

.button__arrow__secondary,a.button__arrow__secondary {
    line-height: 2rem;
    color: #44841a;
    font-size: 2rem;
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-weight: 400;
    position: relative;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    background-color: #44841a;
    border: 4px solid #44841a;
    border-radius: 6px;
    padding: 16px 50px 14px 15px;
    transition: background-color .25s ease-out,color .25s ease-out;
    -webkit-clip-path: polygon(0 0,80% 0,81% .8%,93% 46%,93.2% 47%,93.2% 53%,93% 54%,81% 99.2%,80% 100%,0 100%);
    clip-path: polygon(0 0,80% 0,81% .8%,93% 46%,93.2% 47%,93.2% 53%,93% 54%,81% 99.2%,80% 100%,0 100%);
    max-width: 300px
}

.button__arrow__secondary:before,a.button__arrow__secondary:before {
    content: "";
    width: calc(100% - 1px);
    height: 100%;
    -webkit-clip-path: polygon(0 0,80% 0,81% 1%,93% 50%,93.5% 52%,93.5% 52%,93% 50%,81% 99.2%,80% 100%,0 100%);
    clip-path: polygon(0 0,80% 0,81% 1%,93% 50%,93.5% 52%,93.5% 52%,93% 50%,81% 99.2%,80% 100%,0 100%);
    background-color: #fff;
    display: block;
    position: absolute;
    top: 0;
    z-index: -1;
    left: 0;
    transition: background-color .25s ease-out;
    border-radius: 4px
}

.button__arrow.text__pink,a.button__arrow.text__pink {
    color: #e43989
}

.button__arrow.text__red,a.button__arrow.text__red {
    color: #a20011
}

.button__arrow.text__red:hover,a.button__arrow.text__red:hover {
    color: #ff1d34
}

.button__boxicon,a.button__boxicon {
    min-width: 100px;
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    background: #44841a;
    border: 0;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    padding: 15px 35px 15px 20px;
    position: relative;
    font-size: 2rem;
    line-height: 2rem;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    transition: all .1s ease-in-out
}

.button__boxicon:after,a.button__boxicon:after {
    border: 5px solid transparent;
    border-left-color: #fff;
    content: " ";
    height: 0;
    right: 15px;
    margin-top: -5px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    width: 0
}

.button__boxicon:active,.button__boxicon:focus,.button__boxicon:hover,a.button__boxicon:active,a.button__boxicon:focus,a.button__boxicon:hover {
    background: #336114
}

.button__boxicon:active:after,.button__boxicon:focus:after,.button__boxicon:hover:after,a.button__boxicon:active:after,a.button__boxicon:focus:after,a.button__boxicon:hover:after {
    transition: all .1s ease-in-out
}

.button__boxicon.offsite,a.button__boxicon.offsite {
    padding-right: 10px
}

.button__boxicon.offsite:after,a.button__boxicon.offsite:after {
    border: none
}

.button__boxicon.offsite:active,.button__boxicon.offsite:focus,.button__boxicon.offsite:hover,a.button__boxicon.offsite:active,a.button__boxicon.offsite:focus,a.button__boxicon.offsite:hover {
    color: #fff
}

.button__boxicon.offsite .icon-new-tab,a.button__boxicon.offsite .icon-new-tab {
    padding-left: 5px;
    vertical-align: text-top
}

.button__boxicon.white,a.button__boxicon.white {
    background: #fff;
    color: #0c884a;
    transition: all .1s ease-in-out
}

.button__boxicon.white:active,.button__boxicon.white:focus,.button__boxicon.white:hover,a.button__boxicon.white:active,a.button__boxicon.white:focus,a.button__boxicon.white:hover {
    background: #e43989;
    color: #fff
}

.button__boxicon.white:after,a.button__boxicon.white:after {
    border-left-color: #0c884a
}

.theme-saving-lives .button__boxicon,.theme-saving-lives a.button__boxicon {
    background-color: #ff1d34;
    color: #fff
}

.theme-saving-lives .button__boxicon:after,.theme-saving-lives a.button__boxicon:after {
    border-left-color: #fff
}

.theme-saving-lives .button__boxicon:hover,.theme-saving-lives a.button__boxicon:hover {
    background-color: #a20011
}

.button__boxicon__secondary,a.button__boxicon__secondary {
    min-width: 100px;
    display: inline-block;
    position: relative;
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-size: 2rem;
    line-height: 2rem;
    padding: 12px 35px 12px 20px;
    transition: all .1s ease-in-out;
    border-radius: 4px;
    border: 3px solid #44841a;
    background: transparent;
    color: #44841a
}

.button__boxicon__secondary:after,a.button__boxicon__secondary:after {
    border: 5px solid transparent;
    border-left-color: #44841a;
    content: " ";
    height: 0;
    right: 15px;
    margin-top: -5px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    width: 0
}

.button__boxicon__secondary:active,.button__boxicon__secondary:focus,.button__boxicon__secondary:hover,a.button__boxicon__secondary:active,a.button__boxicon__secondary:focus,a.button__boxicon__secondary:hover {
    border-color: #336114;
    color: #336114
}

.button__boxicon__secondary.orange,a.button__boxicon__secondary.orange {
    border-color: #f16e22;
    color: #f16e22
}

.button__boxicon__secondary.orange:active,.button__boxicon__secondary.orange:focus,.button__boxicon__secondary.orange:hover,a.button__boxicon__secondary.orange:active,a.button__boxicon__secondary.orange:focus,a.button__boxicon__secondary.orange:hover {
    border-color: #bb4c0c;
    color: #bb4c0c
}

.button__boxicon__secondary.white,a.button__boxicon__secondary.white {
    border-color: #fff;
    color: #fff
}

.button__boxicon__secondary.white:active,.button__boxicon__secondary.white:focus,.button__boxicon__secondary.white:hover,a.button__boxicon__secondary.white:active,a.button__boxicon__secondary.white:focus,a.button__boxicon__secondary.white:hover {
    border-color: #f5f5f5;
    color: #f5f5f5
}

.button__boxicon__secondary.white:after,a.button__boxicon__secondary.white:after {
    border-left-color: #fff
}

.theme-saving-lives .button__boxicon__secondary,.theme-saving-lives a.button__boxicon__secondary {
    border-color: #ff1d34;
    color: #ff1d34
}

.theme-saving-lives .button__boxicon__secondary:after,.theme-saving-lives a.button__boxicon__secondary:after {
    border-left-color: #ff1d34
}

.theme-saving-lives .button__boxicon__secondary:active,.theme-saving-lives .button__boxicon__secondary:focus,.theme-saving-lives .button__boxicon__secondary:hover,.theme-saving-lives a.button__boxicon__secondary:active,.theme-saving-lives a.button__boxicon__secondary:focus,.theme-saving-lives a.button__boxicon__secondary:hover {
    border-color: #a20011;
    color: #a20011
}

.theme-saving-lives .button__boxicon__secondary:active:after,.theme-saving-lives .button__boxicon__secondary:focus:after,.theme-saving-lives .button__boxicon__secondary:hover:after,.theme-saving-lives a.button__boxicon__secondary:active:after,.theme-saving-lives a.button__boxicon__secondary:focus:after,.theme-saving-lives a.button__boxicon__secondary:hover:after {
    border-left-color: #a20011
}

.button__boxicon.text__pink,a.button__boxicon.text__pink {
    color: #e43989
}

.button__boxicon.text__pink:after,a.button__boxicon.text__pink:after {
    border-left-color: #e43989
}

.button__boxicon.text__pink:hover,a.button__boxicon.text__pink:hover {
    color: #fff
}

.button__boxicon.text__pink:hover:after,a.button__boxicon.text__pink:hover:after {
    border-left-color: #fff
}

.cmpnt-carousel {
    position: relative
}

.cmpnt-carousel-slides {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

.cmpnt-carousel-slide {
    color: #fff;
    float: left;
    margin-right: -100%;
    position: relative;
    transition: left .5s ease-in-out;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .cmpnt-carousel-slide {
        background:#e43989 url("../img/carousel-desktop.9736de0fd85c.svg") no-repeat 0 0;
        background-size: contain
    }

    .theme-b .cmpnt-carousel-slide {
        background: #0b9cda url("../img/carousel-blue-desktop.4dcf7e6163ca.png")
    }
}

@media only screen and (min-width: 1024px) {
    .cmpnt-carousel-slide {
        background:#e43989 url("../img/carousel-desktop.9736de0fd85c.svg") no-repeat 0 0;
        background-size: contain
    }

    .theme-b .cmpnt-carousel-slide {
        background: #0b9cda url("../img/carousel-blue-desktop.4dcf7e6163ca.png")
    }
}

.cmpnt-carousel-slide.emergency {
    background: #ff1d34 url("../img/hero-home-bg-emergency.1d8330deb19f.gif") 0 bottom no-repeat
}

.cmpnt-carousel-slide:nth-child(2) {
    left: 100%
}

.cmpnt-carousel-slide:nth-child(3) {
    left: 200%
}

.cmpnt-carousel-slide:nth-child(4) {
    left: 300%
}

.cmpnt-carousel-slide:nth-child(5) {
    left: 400%
}

.cmpnt-carousel-slide:nth-child(6) {
    left: 500%
}

.csstransforms3d .cmpnt-carousel-slide {
    transition: all .5s ease-in-out
}

.csstransforms3d .cmpnt-carousel-slide:nth-child(2) {
    left: auto;
    transform: translate3d(100%,0,0)
}

.csstransforms3d .cmpnt-carousel-slide:nth-child(3) {
    left: auto;
    transform: translate3d(200%,0,0)
}

.csstransforms3d .cmpnt-carousel-slide:nth-child(4) {
    left: auto;
    transform: translate3d(300%,0,0)
}

.csstransforms3d .cmpnt-carousel-slide:nth-child(5) {
    left: auto;
    transform: translate3d(400%,0,0)
}

.csstransforms3d .cmpnt-carousel-slide:nth-child(6) {
    left: auto;
    transform: translate3d(500%,0,0)
}

.cmpnt-carousel-slide-image {
    display: block;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .cmpnt-carousel-slide-image {
        float:right;
        width: 50%
    }
}

.cmpnt-carousel-slide-content {
    background: #e43989 url("../img/carousel-mobile.a956d0596e51.svg") no-repeat 0 0;
    background-size: cover;
    padding: 20px;
    width: 100%;
    min-height: 200px
}

.theme-b .cmpnt-carousel-slide-content {
    background: #0b9cda url("../img/carousel-blue-mobile.0ad3f2b85dce.png")
}

@media only screen and (min-width: 768px) {
    .cmpnt-carousel-slide-content {
        background:transparent;
        float: left;
        padding: 20px;
        width: 50%;
        min-height: 200px
    }
}

@media only screen and (min-width: 1024px) {
    .cmpnt-carousel-slide-content {
        background:transparent;
        float: left;
        padding: 80px 20px 20px;
        width: 50%
    }
}

.cmpnt-carousel-slide-content h2 {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 0
}

@media only screen and (min-width: 1024px) {
    .cmpnt-carousel-slide-content h2 {
        font-size:40px;
        font-size: 4rem
    }
}

.cmpnt-carousel-slide-content p {
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    font-size: 2rem;
    line-height: 1.5em
}

@media only screen and (min-width: 1024px) {
    .cmpnt-carousel-slide-content p {
        display:block
    }
}

.cmpnt-carousel-slide-content .cmpnt-submit-pointed {
    color: #e43989;
    font-weight: 700;
    line-height: 49px;
    transition: all .1s ease-in-out
}

.cmpnt-carousel-slide-content .cmpnt-submit-pointed:after {
    border-left-color: #fff
}

.cmpnt-carousel-slide-content .cmpnt-submit-pointed:hover {
    color: #fff;
    background: #53297d
}

.cmpnt-carousel-slide-content .cmpnt-submit-pointed:hover:after {
    border-left-color: #53297d
}

.cmpnt-carousel2-slide-content {
    background: #e43989 url("../img/carousel-mobile.a956d0596e51.svg") no-repeat 100% 0;
    background-size: cover;
    padding: 20px;
    width: 100%;
    min-height: 200px
}

.theme-b .cmpnt-carousel2-slide-content {
    background: #0b9cda url("../img/carousel-blue-mobile.0ad3f2b85dce.png")
}

@media only screen and (min-width: 768px) {
    .cmpnt-carousel2-slide-content {
        background:transparent;
        float: left;
        padding: 20px;
        width: 50%;
        min-height: 200px
    }
}

@media only screen and (min-width: 1024px) {
    .cmpnt-carousel2-slide-content {
        background:transparent;
        float: left;
        padding: 20px;
        width: 50%
    }
}

.cmpnt-carousel2-slide-content h2 {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 0
}

@media only screen and (min-width: 1024px) {
    .cmpnt-carousel2-slide-content h2 {
        font-size:36px;
        font-size: 3.6rem;
        margin-bottom: 5px
    }
}

.cmpnt-carousel2-slide-content p {
    font-size: 18px;
    font-size: 1.8rem
}

@media only screen and (min-width: 1024px) {
    .cmpnt-carousel2-slide-content p {
        display:block;
        font-size: 18px;
        font-size: 1.8rem
    }
}

.cmpnt-carousel2-slide-content .cmpnt-submit-pointed {
    color: #e43989;
    font-weight: 700;
    line-height: 49px;
    transition: all .1s ease-in-out
}

.cmpnt-carousel2-slide-content .cmpnt-submit-pointed:after {
    border-left-color: #fff
}

.cmpnt-carousel2-slide-content .cmpnt-submit-pointed:hover {
    color: #fff;
    background: #53297d
}

.cmpnt-carousel2-slide-content .cmpnt-submit-pointed:hover:after {
    border-left-color: #53297d
}

.cmpnt-carousel-pagination {
    bottom: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 20px
}

.cmpnt-carousel-pagination li {
    background: #fff;
    border-radius: 8px;
    cursor: pointer;
    display: -moz-inline-stack;
    display: inline-block;
    *vertical-align: auto;
    zoom:1;*display: inline;
    height: 8px;
    margin-left: 16px;
    overflow: hidden;
    text-indent: -999em;
    transition: background .1s ease-in-out;
    vertical-align: middle;
    width: 8px
}

.cmpnt-carousel-pagination li:active,.cmpnt-carousel-pagination li:focus,.cmpnt-carousel-pagination li:hover {
    background: #44841a
}

.cmpnt-carousel-pagination li:first-child {
    margin-left: 0
}

.cmpnt-carousel-pagination .current {
    background: #44841a;
    height: 10px;
    width: 10px
}

.component-promo-banner {
    max-width: 1220px;
    margin: 0 auto 40px
}

.has-sidebar .layout-content .component-promo-banner .cmpnt-carousel-slide-content h2,.template-sidebar .layout-content .component-promo-banner .cmpnt-carousel-slide-content h2 {
    font-size: 3.6rem;
    margin-bottom: 5px
}

.has-sidebar .layout-content .component-promo-banner .cmpnt-carousel-slide-content p,.template-sidebar .layout-content .component-promo-banner .cmpnt-carousel-slide-content p {
    font-size: 1.8rem;
    line-height: 2.7rem
}

.cmpnt-category-list .cmpnt-sidebar-title {
    margin-bottom: 20px
}

.cmpnt-category-list-link {
    margin-top: 10px;
    font-family: oxfam_tstar_promedium,Roboto-Regular-webfont,Arial,sans-serif
}

.cmpnt-category-list-link:first-child {
    margin-top: 0
}

.cmpnt-category-list-link a {
    display: block;
    padding: 10px 20px
}

.cmpnt-category-list-link a:hover {
    background: #eaeade
}

#comments {
    padding: 20px
}

.commentlist {
    list-style-type: none;
    padding: 0;
    margin: 40px 0
}

.commentlist li {
    padding: 20px;
    margin: 10px 10px 20px;
    min-height: 100px;
    *zoom:1}

.commentlist li:after,.commentlist li:before {
    display: table;
    content: "";
    line-height: 0
}

.commentlist li:after {
    clear: both
}

.commentlist li {
    border: 1px solid #eaeade;
    border-radius: 3px;
    background: #fff;
    box-shadow: inset 0 1px 0 #fff;
    margin-left: 100px;
    position: relative
}

.commentlist li:after,.commentlist li:before {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.commentlist li:after {
    border-color: hsla(0,0%,96.9%,0) #fff hsla(0,0%,96.9%,0) hsla(0,0%,96.9%,0);
    border-width: 7px;
    top: 20px;
    margin-top: -7px
}

.commentlist li:before {
    border-color: rgba(234,234,222,0) #eaeade rgba(234,234,222,0) rgba(234,234,222,0);
    border-width: 8px;
    top: 20px;
    margin-top: -8px
}

.commentlist li img.avatar.avatar {
    position: absolute;
    margin-left: -110px;
    margin-top: -20px
}

.commentlist li .comment-content {
    padding-right: 20%
}

@media only screen and (max-width: 480px) {
    .commentlist li {
        margin-left:70px
    }

    .commentlist li img.avatar.avatar {
        position: absolute;
        width: 50px;
        height: 50px;
        margin-left: -90px
    }

    .commentlist li .comment-content {
        padding-right: 0
    }
}

.comment-author.vcard {
    font-size: 11px;
    font-size: 1.1rem;
    margin-bottom: 10px
}

.comment-content p {
    font-size: 14px;
    font-size: 1.4rem
}

#commentform {
    background: #eaeade;
    padding: 20px
}

#commentform .comment-form-author,#commentform .comment-form-comment,#commentform .comment-form-email,#commentform .comment-form-url {
    margin-bottom: 20px
}

.comment-notes {
    font-style: italic
}

.comment-notes,.form-allowed-tags {
    font-size: 13px;
    font-size: 1.3rem
}

.cmpnt-content-aggregation .cmpnt-body {
    overflow: hidden;
    padding: 20px;
    font-size: 16px;
    font-size: 1.6rem
}

@media only screen and (min-width: 850px) {
    .cmpnt-content-aggregation .cmpnt-body {
        display:table;
        padding: 20px 0 20px 20px
    }
}

.cmpnt-content-aggregation-col {
    background: #f5f5f5;
    float: left;
    border-right: 10px solid #fff;
    width: 50%
}

.cmpnt-content-aggregation-col:last-child {
    border-right: 0;
    border-left: 10px solid #fff
}

@media only screen and (min-width: 850px) {
    .cmpnt-content-aggregation-col {
        border-right:20px solid #fff;
        display: table-cell;
        float: none;
        vertical-align: top;
        width: 25%
    }

    .cmpnt-content-aggregation-col:last-child {
        border-right: 20px solid #fff;
        border-left: 0
    }
}

.cmpnt-content-aggregation-col .cmpnt-content-aggregation-article {
    border-top: 20px solid #fff
}

@media only screen and (min-width: 850px) {
    .cmpnt-content-aggregation-col .cmpnt-content-aggregation-article:first-child {
        border-top:0
    }
}

.cmpnt-content-aggregation-col .cmpnt-content-aggregation-article h3 {
    font-size: 16px;
    font-size: 1.6rem
}

@media only screen and (min-width: 1024px) {
    .cmpnt-content-aggregation-col .cmpnt-content-aggregation-article h3 {
        font-size:16px;
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 480px) {
    .cmpnt-content-aggregation-col .cmpnt-article-section,.cmpnt-content-aggregation-col time {
        font-size:12px;
        font-size: 1.2rem
    }

    .cmpnt-content-aggregation-col p {
        display: none
    }
}

.cmpnt-content-aggregation .featured {
    background: #f5f5f5;
    width: 100%
}

@media only screen and (min-width: 850px) {
    .cmpnt-content-aggregation .featured {
        border-right:20px solid #fff;
        display: table-cell;
        width: 50%
    }
}

.cmpnt-content-aggregation .featured h3 {
    font-size: 16px;
    font-size: 1.6rem
}

.cmpnt-content-aggregation-more {
    background: #fff;
    padding: 0 20px 20px;
    text-align: center
}

.component-content-aggregation .component-body {
    overflow: hidden;
    padding: 10px 20px;
    font-size: 1.6rem;
    line-height: 1.6rem;
    margin-top: 20px
}

@media screen and (min-width: 64em) {
    .component-content-aggregation .component-body {
        padding:20px 20px 10px
    }
}

.component-aggregation-grid {
    background: #f5f5f5;
    border: 10px solid #fff;
    padding: 0
}

.component-content-aggregation-col .component-content-aggregation-article {
    background: #f5f5f5;
    border-top: 20px solid #fff
}

.component-content-aggregation-col .component-content-aggregation-article:first-child {
    border-top: 0
}

.component-content-aggregation-col .component-content-aggregation-article h3 {
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    font-size: 1.6rem
}

@media print,screen and (min-width: 40em) {
    .component-content-aggregation-col .component-content-aggregation-article h3 {
        font-size:2rem;
        line-height: 1.4em
    }
}

.component-content-aggregation .featured {
    background: #f5f5f5;
    width: 100%
}

.component-content-aggregation .featured h3 {
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    font-size: 1.6rem
}

@media print,screen and (min-width: 40em) {
    .component-content-aggregation .featured h3 {
        font-size:2rem;
        line-height: 1.4em
    }
}

.component-content-aggregation-more {
    background: #fff;
    padding: 0 20px 20px;
    text-align: center
}

.cmpnt-full-article {
    padding: 20px
}

.cmpnt-full-article__deck p {
    font-family: oxfam_tstar_promedium,Roboto-Regular-webfont,Arial,sans-serif;
    font-size: 2rem;
    line-height: 1.5em;
    margin-bottom: 1em
}

@media only screen and (min-width: 1024px) {
    .cmpnt-full-article__deck p {
        font-size:2.8rem;
        line-height: 1.5em;
        margin-bottom: 1em
    }
}

.cmpnt-full-article .cmpnt-full-article-main-img,.cmpnt-full-article .img-inline-full-width {
    border-bottom: 1px solid #eaeade
}

.cmpnt-full-article .cmpnt-full-article-main-img img,.cmpnt-full-article .img-inline-full-width img {
    max-width: 100%
}

.cmpnt-full-article .cmpnt-full-article-main-img figcaption,.cmpnt-full-article .img-inline-full-width figcaption {
    font-size: 1.4rem;
    line-height: 1.5em
}

@media only screen and (min-width: 768px) {
    .cmpnt-full-article .cmpnt-full-article-main-img figcaption,.cmpnt-full-article .img-inline-full-width figcaption {
        text-align:left;
        padding-bottom: 5px
    }
}

.cmpnt-full-article .img-inline-float-left {
    width: auto;
    float: none;
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .cmpnt-full-article .img-inline-float-left {
        width:50%;
        float: left;
        padding: 0 20px 0 0
    }
}

.cmpnt-full-article .img-inline-float-left img {
    max-width: 100%
}

.cmpnt-full-article .img-inline-float-left figcaption {
    font-size: 1.4rem;
    line-height: 1.5em
}

@media only screen and (min-width: 768px) {
    .cmpnt-full-article .img-inline-float-left figcaption {
        text-align:left;
        padding-bottom: 5px;
        border-bottom: 1px solid #eaeade
    }
}

.cmpnt-full-article .img-inline-float-right {
    width: auto;
    float: none;
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .cmpnt-full-article .img-inline-float-right {
        width:50%;
        float: right;
        padding: 0 0 0 20px
    }
}

.cmpnt-full-article .img-inline-float-right img {
    max-width: 100%
}

.cmpnt-full-article .img-inline-float-right figcaption {
    font-size: 1.4rem;
    line-height: 1.5em
}

@media only screen and (min-width: 768px) {
    .cmpnt-full-article .img-inline-float-right figcaption {
        text-align:right;
        padding-bottom: 5px;
        border-bottom: 1px solid #eaeade
    }
}

.cmpnt-full-article .cmpnt-video {
    display: block;
    position: relative;
    margin: 25px 0;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.cmpnt-full-article .cmpnt-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.cmpnt-full-article.presslegacyreleasepage p:first-of-type {
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.8rem;
    margin-bottom: 2.8rem
}

.cmpnt-full-article.presslegacyreleasepage .cmpnt-full-article-footer,.cmpnt-full-article.pressreleasepage .cmpnt-full-article-footer {
    margin-top: 2.8rem
}

.component-full-article {
    padding: 20px;
    background-color: #fff
}

.component-full-article__header {
    margin-bottom: 1em
}

.component-full-article__header h1 {
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    font-size: 2.4rem;
    line-height: 1em;
    margin-bottom: 10px
}

@media only screen and (min-width: 1024px) {
    .component-full-article__header h1 {
        font-size:5.4rem
    }
}

.component-full-article__header .component-full-article-time-and-author {
    font-size: 1.4rem;
    line-height: 1.25em;
    margin-bottom: 20px
}

@media only screen and (min-width: 1024px) {
    .component-full-article__header .component-full-article-time-and-author {
        font-size:1.6rem
    }
}

.component-full-article__header .component-full-article-time-and-author time {
    border-right: 1px solid #545454;
    margin-right: 10px;
    padding-right: 10px
}

.component-full-article__share {
    background: #eaeade;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px
}

@media only screen and (min-width: 1024px) {
    .component-full-article__share {
        float:right;
        margin-left: 20px;
        width: 230px
    }
}

.component-full-article__share h3 {
    font-size: 18px;
    font-size: 1.8rem
}

.component-full-article__content p {
    font-size: 1.8rem;
    line-height: 1.5em
}

@media only screen and (min-width: 1024px) {
    .component-full-article__content p {
        font-size:2rem;
        line-height: 1.5em
    }
}

.component-full-article__content.articlelegacynewsupdatepage,.component-full-article__content.articlelegacypolicyupdatepage,.component-full-article__content.articlelegacystorypage {
    margin-bottom: 20px
}

.component-full-article__content.articlelegacynewsupdatepage p:first-of-type,.component-full-article__content.articlelegacypolicyupdatepage p:first-of-type,.component-full-article__content.articlelegacystorypage p:first-of-type {
    font-family: oxfam_tstar_promedium,Roboto-Regular-webfont,Arial,sans-serif;
    font-size: 2rem;
    line-height: 1.5;
    margin-bottom: .5em
}

@media only screen and (min-width: 1024px) {
    .component-full-article__content.articlelegacynewsupdatepage p:first-of-type,.component-full-article__content.articlelegacypolicyupdatepage p:first-of-type,.component-full-article__content.articlelegacystorypage p:first-of-type {
        font-size:2.8rem;
        line-height: 1.5;
        margin-bottom: 1em
    }
}

.component-full-article__content.articlelegacynewsupdatepage h2,.component-full-article__content.articlelegacypolicyupdatepage h2,.component-full-article__content.articlelegacystorypage h2 {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-size: 2rem;
    line-height: 1em
}

@media only screen and (min-width: 1024px) {
    .component-full-article__content.articlelegacynewsupdatepage h2,.component-full-article__content.articlelegacypolicyupdatepage h2,.component-full-article__content.articlelegacystorypage h2 {
        font-size:3.2rem
    }
}

.component-full-article__content.articlelegacynewsupdatepage h3,.component-full-article__content.articlelegacypolicyupdatepage h3,.component-full-article__content.articlelegacystorypage h3 {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-size: 2rem;
    line-height: 1em
}

@media only screen and (min-width: 1024px) {
    .component-full-article__content.articlelegacynewsupdatepage h3,.component-full-article__content.articlelegacypolicyupdatepage h3,.component-full-article__content.articlelegacystorypage h3 {
        font-size:3.2rem
    }
}

.component-full-article__deck p {
    font-family: oxfam_tstar_promedium,Roboto-Regular-webfont,Arial,sans-serif;
    font-size: 2rem;
    line-height: 1.5em;
    margin-bottom: 1em
}

@media only screen and (min-width: 1024px) {
    .component-full-article__deck p {
        font-size:2.8rem;
        line-height: 1.5em;
        margin-bottom: 1em
    }
}

.component-full-article .cmpnt-full-article-main-img,.component-full-article .img-inline-full-width {
    border-bottom: 1px solid #eaeade;
    margin-bottom: 1em
}

.component-full-article .cmpnt-full-article-main-img img,.component-full-article .img-inline-full-width img {
    max-width: 100%
}

.component-full-article .cmpnt-full-article-main-img figcaption,.component-full-article .img-inline-full-width figcaption {
    font-size: 12px;
    font-size: 1.2rem
}

@media only screen and (min-width: 768px) {
    .component-full-article .cmpnt-full-article-main-img figcaption,.component-full-article .img-inline-full-width figcaption {
        text-align:left;
        padding-bottom: 5px
    }
}

.component-full-article .img-inline-float-left {
    width: auto;
    float: none;
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .component-full-article .img-inline-float-left {
        width:50%;
        float: left;
        padding: 0 20px 0 0
    }
}

.component-full-article .img-inline-float-left img {
    max-width: 100%
}

.component-full-article .img-inline-float-left figcaption {
    font-size: 1.4rem;
    line-height: 1.5em
}

@media only screen and (min-width: 768px) {
    .component-full-article .img-inline-float-left figcaption {
        text-align:left;
        padding-bottom: 5px;
        border-bottom: 1px solid #eaeade;
        font-size: 1.2rem;
        line-height: 1.5em
    }
}

.component-full-article .img-inline-float-right {
    width: auto;
    float: none;
    padding: 20px;
    font-size: 1.4rem;
    line-height: 1.5em
}

@media only screen and (min-width: 768px) {
    .component-full-article .img-inline-float-right {
        width:50%;
        float: right;
        padding: 0 0 0 20px;
        font-size: 1.2rem;
        line-height: 1.5em
    }
}

.component-full-article .img-inline-float-right img {
    max-width: 100%
}

.component-full-article .img-inline-float-right figcaption {
    font-size: 1.4rem;
    line-height: 1.5em
}

@media only screen and (min-width: 768px) {
    .component-full-article .img-inline-float-right figcaption {
        text-align:right;
        padding-bottom: 5px;
        border-bottom: 1px solid #eaeade;
        font-size: 1.2rem;
        line-height: 1.5em
    }
}

.component-full-article .cmpnt-video {
    display: block;
    position: relative;
    margin: 25px 0;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.component-full-article .cmpnt-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.component-full-article .component-body-content {
    padding: 0;
    margin-top: 0
}

.component-full-article .component-body-content__content {
    padding-left: 0;
    padding-right: 0
}

.component-full-article .component-body-content__content h2 {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-size: 2.8rem;
    line-height: 1em;
    margin-top: .75em
}

@media screen and (min-width: 48em) {
    .component-full-article .component-body-content__content h2 {
        font-size:3.2rem
    }
}

.component-full-article .component-body-content__content h3 {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-size: 2rem;
    line-height: 1em;
    margin-top: .75em
}

@media screen and (min-width: 48em) {
    .component-full-article .component-body-content__content h3 {
        font-size:2.4rem
    }
}

.component-full-article .component-body-content__content h4 {
    font-family: Roboto-Bold-webfont,Arial,sans-serif;
    font-size: 1.8rem;
    line-height: 1.25em;
    margin-top: .75em
}

@media screen and (min-width: 64em) {
    .component-full-article .component-body-content__content h4 {
        font-size:2rem
    }
}

.component-full-article .component-body-content__content p {
    font-size: 1.8rem;
    line-height: 1.5em;
    margin-bottom: 1.5em
}

@media screen and (min-width: 64em) {
    .component-full-article .component-body-content__content p {
        font-size:2rem
    }
}

.component-full-article .component-body-content__content ul li {
    font-size: 1.8rem;
    line-height: 1.5em
}

@media only screen and (min-width: 1024px) {
    .component-full-article .component-body-content__content ul li {
        font-size:2rem;
        line-height: 1.5em
    }
}

.component-full-article .component-body-content__content ol li {
    font-size: 1.8rem;
    line-height: 1.5em
}

@media only screen and (min-width: 1024px) {
    .component-full-article .component-body-content__content ol li {
        font-size:2rem;
        line-height: 1.5em
    }
}

@media only screen and (min-width: 1024px) {
    .component-full-article .cmpnt-full-article-footer .cmpnt-full-article-share,.component-full-article .cmpnt-full-article-footer .component-full-article__share,.component-full-article__footer .cmpnt-full-article-share,.component-full-article__footer .component-full-article__share {
        float:none;
        width: auto;
        margin-left: 0
    }

    .component-full-article .cmpnt-full-article-footer .cmpnt-full-article-share h3,.component-full-article .cmpnt-full-article-footer .component-full-article__share h3,.component-full-article__footer .cmpnt-full-article-share h3,.component-full-article__footer .component-full-article__share h3 {
        float: left;
        margin-right: 20px
    }
}

.component-full-article .cmpnt-full-article-footer aside.cmpnt-full-article-posted-in,.component-full-article__footer aside.cmpnt-full-article-posted-in {
    margin: 40px 0 20px
}

.component-full-article .cmpnt-full-article-footer aside.cmpnt-full-article-posted-in h4,.component-full-article__footer aside.cmpnt-full-article-posted-in h4 {
    margin-bottom: 0
}

form.callout-cta-form {
    margin-bottom: 10px
}

form.callout-cta-form input[type=email] {
    font-size: 1.8rem;
    box-shadow: inset 4px 4px 0 rgba(226,226,215,.96);
    height: 50px;
    margin: 0;
    position: relative;
    top: 0;
    width: 50%
}

form.callout-cta-form input[type=email]:-moz-placeholder {
    color: #afafab;
    font-size: 18px;
    font-size: 1.8rem
}

form.callout-cta-form input[type=email]:-ms-input-placeholder {
    color: #afafab;
    font-size: 18px;
    font-size: 1.8rem
}

form.callout-cta-form input[type=email]::-webkit-input-placeholder {
    color: #afafab;
    font-size: 18px;
    font-size: 1.8rem
}

@media print,screen and (min-width: 40em) {
    form.callout-cta-form input[type=email] {
        font-size:2rem
    }

    form.callout-cta-form input[type=email]:-moz-placeholder {
        color: #afafab;
        font-size: 20px;
        font-size: 2rem
    }

    form.callout-cta-form input[type=email]:-ms-input-placeholder {
        color: #afafab;
        font-size: 20px;
        font-size: 2rem
    }

    form.callout-cta-form input[type=email]::-webkit-input-placeholder {
        color: #afafab;
        font-size: 20px;
        font-size: 2rem
    }
}

form.callout-cta-form input[type=email]:focus {
    box-shadow: inset 0 0 0 rgba(226,226,215,.96)
}

form.callout-cta-form button[type=submit] {
    height: 50px;
    line-height: 50px;
    padding: 0 25px 1px 15px;
    margin-bottom: 0;
    font-size: 1.8rem
}

@media print,screen and (min-width: 40em) {
    form.callout-cta-form button[type=submit] {
        font-size:2rem
    }
}

form.callout-cta-form button[type=submit]:after,form.callout-cta-form button[type=submit]:hover:after {
    transition: background-color .1s ease-in-out
}

.callout-cta {
    border: 0;
    background: #eaeade url("../img/Pattern_Strip_Vertical_Green_Desktop.a6143f9ffb5b.svg") no-repeat 0;
    background-size: cover;
    color: #fff;
    padding: 20px
}

@media print,screen and (min-width: 40em) {
    .callout-cta {
        background:#eaeade url("../img/Pattern_Strip_Vertical_Green_Desktop.a6143f9ffb5b.svg") no-repeat 0
    }
}

.callout-cta .title {
    font-size: 2.8rem;
    line-height: 2.8rem;
    text-align: center;
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-weight: 400
}

@media print,screen and (min-width: 40em) {
    .callout-cta .title {
        font-size:5.4rem;
        line-height: 1em
    }
}

@media print,screen and (min-width: 64em) {
    .callout-cta .title {
        text-align:left;
        font-size: 5.4rem;
        line-height: 1em;
        margin-bottom: 5px;
        display: inline-flex
    }
}

.has-sidebar .callout-cta .title,.template-sidebar .callout-cta .title {
    font-size: 5.4rem;
    line-height: 1em
}

.callout-cta .title .icon-arrow {
    display: none
}

@media print,screen and (min-width: 64em) {
    .callout-cta .title .icon-arrow {
        display:inline-flex;
        align-self: center
    }
}

.callout-cta .intro {
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 20px;
    padding-top: 4px
}

@media print,screen and (min-width: 40em) {
    .callout-cta .intro {
        font-size:2rem;
        line-height: 2.8rem;
        text-align: center
    }
}

@media print,screen and (min-width: 64em) {
    .callout-cta .intro {
        font-size:2rem;
        text-align: left;
        margin-bottom: 10px
    }
}

.callout-cta .component-social-share-buttons,.callout-cta .social-share-buttons {
    padding: 20px;
    background: #fff
}

.callout-cta .component-social-share-buttons section,.callout-cta .social-share-buttons section {
    background: #fff
}

.callout-cta .component-social-share-buttons section .sharrre,.callout-cta .social-share-buttons section .sharrre {
    width: 100%
}

.callout-cta .component-social-share-buttons section .sharrre .box,.callout-cta .social-share-buttons section .sharrre .box {
    min-height: 40px
}

.callout-cta .component-social-share-buttons section .sharrre .box .share,.callout-cta .social-share-buttons section .sharrre .box .share {
    width: 100%;
    min-height: 40px;
    line-height: 40px;
    font-size: 1.6rem
}

@media print,screen and (min-width: 40em) {
    .callout-cta .component-social-share-buttons section .sharrre .box .share,.callout-cta .social-share-buttons section .sharrre .box .share {
        font-size:1.8rem
    }
}

@media only screen and (min-width: 40em)and (min-width:1024px) {
    .has-sidebar .callout-cta .component-social-share-buttons section .sharrre .box .share,.has-sidebar .callout-cta .social-share-buttons section .sharrre .box .share,.template-sidebar .callout-cta .component-social-share-buttons section .sharrre .box .share,.template-sidebar .callout-cta .social-share-buttons section .sharrre .box .share {
        font-size:1.8rem
    }
}

.callout-cta .component-social-share-buttons section .sharrre .box .share:before,.callout-cta .social-share-buttons section .sharrre .box .share:before {
    font-size: 2.8rem
}

@media print,screen and (min-width: 40em) {
    .callout-cta .component-social-share-buttons section .sharrre .box .share:before,.callout-cta .social-share-buttons section .sharrre .box .share:before {
        font-size:4rem
    }
}

@media only screen and (min-width: 40em)and (min-width:1024px) {
    .has-sidebar .callout-cta .component-social-share-buttons section .sharrre .box .share:before,.has-sidebar .callout-cta .social-share-buttons section .sharrre .box .share:before,.template-sidebar .callout-cta .component-social-share-buttons section .sharrre .box .share:before,.template-sidebar .callout-cta .social-share-buttons section .sharrre .box .share:before {
        font-size:2rem
    }
}

.callout-cta .component-social-share-buttons section .sharrre.linkedin-count .box .share:before,.callout-cta .component-social-share-buttons section .sharrre.linkedin .box .share:before,.callout-cta .social-share-buttons section .sharrre.linkedin-count .box .share:before,.callout-cta .social-share-buttons section .sharrre.linkedin .box .share:before {
    font-size: 1.8rem;
    left: 4px;
    top: -1px
}

@media print,screen and (min-width: 40em) {
    .callout-cta .component-social-share-buttons section .sharrre.linkedin-count .box .share:before,.callout-cta .component-social-share-buttons section .sharrre.linkedin .box .share:before,.callout-cta .social-share-buttons section .sharrre.linkedin-count .box .share:before,.callout-cta .social-share-buttons section .sharrre.linkedin .box .share:before {
        font-size:2.5rem;
        left: 8px;
        top: -1px
    }
}

@media only screen and (min-width: 40em)and (min-width:1024px) {
    .has-sidebar .callout-cta .component-social-share-buttons section .sharrre.linkedin-count .box .share:before,.has-sidebar .callout-cta .component-social-share-buttons section .sharrre.linkedin .box .share:before,.has-sidebar .callout-cta .social-share-buttons section .sharrre.linkedin-count .box .share:before,.has-sidebar .callout-cta .social-share-buttons section .sharrre.linkedin .box .share:before,.template-sidebar .callout-cta .component-social-share-buttons section .sharrre.linkedin-count .box .share:before,.template-sidebar .callout-cta .component-social-share-buttons section .sharrre.linkedin .box .share:before,.template-sidebar .callout-cta .social-share-buttons section .sharrre.linkedin-count .box .share:before,.template-sidebar .callout-cta .social-share-buttons section .sharrre.linkedin .box .share:before {
        font-size:1.8rem;
        left: 4px;
        top: -1px
    }
}

.callout-cta .social-share-left p.social-share-intro {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 12px;
    padding-top: 4px
}

@media only screen and (min-width: 1024px) {
    .callout-cta .social-share-left {
        font-size:14px;
        font-size: 1.4rem
    }
}

.callout-cta .social-share-left i {
    display: none
}

.callout-cta .social-share-left h2.social-share-title {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-weight: 400;
    font-size: 26px;
    font-size: 2.6rem
}

@media only screen and (min-width: 1024px) {
    .callout-cta .social-share-left {
        font-size:32px;
        font-size: 3.2rem
    }
}

.callout-cta .social-share-buttons-wrap {
    padding: 20px;
    background-color: #fff;
    max-width: 100%
}

@media only screen and (min-width: 1024px) {
    .callout-cta .social-share-buttons-wrap {
        margin:0
    }
}

@media only screen and (min-width: 768px)and (max-width:1023px) {
    .callout-cta h2.social-share-title {
        font-size:32px;
        font-size: 3.2rem
    }
}

@media only screen and (min-width: 1024px) {
    .callout-cta .social-share-left h2.social-share-title {
        font-size:42px;
        font-size: 4.2rem;
        margin-top: 10px;
        margin-bottom: 8px;
        line-height: 1
    }

    .callout-cta .social-share-left .strap-wrap {
        *zoom:1}

    .callout-cta .social-share-left .strap-wrap:after,.callout-cta .social-share-left .strap-wrap:before {
        display: table;
        content: "";
        line-height: 0
    }

    .callout-cta .social-share-left .strap-wrap:after {
        clear: both
    }

    .callout-cta .social-share-left .strap-wrap p.social-share-intro {
        font-size: 16px;
        font-size: 1.6rem;
        float: left;
        width: 66%
    }

    .callout-cta .social-share-left .strap-wrap i {
        font-size: 60px;
        font-size: 6rem;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom:1;*display: inline;
        line-height: .5;
        position: relative;
        float: right;
        width: 33%;
        top: 10px
    }
}

.callout-cta .callout-cta-form-fields {
    text-align: center
}

@media print,screen and (min-width: 64em) {
    .callout-cta .callout-cta-form-fields {
        text-align:left
    }
}

.callout-cta .callout-cta-social-links .social-presence li {
    margin-right: 20px
}

.callout-cta .callout-cta-social-links .social-presence li a {
    line-height: 30px;
    width: 35px;
    height: 35px
}

.callout-cta .callout-cta-social-links .social-presence li a i {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 37px
}

.callout-cta.callout-cta__social-share {
    background: #53297d;
    max-width: 1220px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center
}

.callout-cta.callout-cta__social-share .callout-cta__social-share__section {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: .625rem;
    padding-left: .625rem
}

@media print,screen and (min-width: 40em) {
    .callout-cta.callout-cta__social-share .callout-cta__social-share__section {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media print,screen and (min-width: 64em) {
    .callout-cta.callout-cta__social-share .callout-cta__social-share__section__1 {
        flex:0 0 58.3333333333%;
        max-width: 58.3333333333%;
        padding-right: .625rem;
        padding-left: .625rem
    }
}

@media print,screen and (min-width: 64em)and (min-width:40em) {
    .callout-cta.callout-cta__social-share .callout-cta__social-share__section__1 {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media print,screen and (min-width: 40em) {
    .callout-cta.callout-cta__social-share .callout-cta__social-share__section__2 {
        flex:0 0 66.6666666667%;
        max-width: 66.6666666667%;
        padding-right: .625rem;
        padding-left: .625rem
    }
}

@media print,screen and (min-width: 40em)and (min-width:40em) {
    .callout-cta.callout-cta__social-share .callout-cta__social-share__section__2 {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media print,screen and (min-width: 64em) {
    .callout-cta.callout-cta__social-share .callout-cta__social-share__section__2 {
        flex:0 0 41.6666666667%;
        max-width: 41.6666666667%;
        padding-right: .625rem;
        padding-left: .625rem
    }
}

@media print,screen and (min-width: 64em)and (min-width:40em) {
    .callout-cta.callout-cta__social-share .callout-cta__social-share__section__2 {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

.callout-cta.callout-cta__social-share .callout-cta__social-share__icons {
    padding: 20px;
    background: #fff;
    display: flex;
    flex-flow: row wrap
}

.callout-cta.callout-cta__social-share .callout-cta__social-share__icons__button {
    margin: 2px auto;
    text-align: center;
    flex-basis: 29%
}

.callout-cta.callout-cta__social-share .callout-cta__social-share__icons__button.twitter {
    background-color: #000
}

.callout-cta.callout-cta__social-share .callout-cta__social-share__icons__button.facebook {
    background-color: #3b5998
}

.callout-cta.callout-cta__social-share .callout-cta__social-share__icons__button.linkedin {
    background-color: #0075b4
}

.callout-cta.callout-cta__social-share .callout-cta__social-share__icons__button .callout-cta__social-share__icons__link {
    display: inline-flex;
    align-items: center;
    font-size: 1.4rem;
    color: #fff;
    margin: 2px auto
}

.callout-cta.callout-cta__social-share .callout-cta__social-share__icons__button .callout-cta__social-share__icons__link:active,.callout-cta.callout-cta__social-share .callout-cta__social-share__icons__button .callout-cta__social-share__icons__link:hover,.callout-cta.callout-cta__social-share .callout-cta__social-share__icons__button .callout-cta__social-share__icons__link:visited {
    color: #fff
}

.callout-cta.callout-cta__social-share .callout-cta__social-share__icons__button .social-icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url("../img/sprite.13205ed86d55.svg");
    background-size: contain;
    width: 14px;
    height: 14px;
    margin: 4px
}

.callout-cta.callout-cta__social-share .callout-cta__social-share__icons__button .social-icon-facebook {
    background-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgo8dGl0bGU+ZmFjZWJvb2s8L3RpdGxlPgo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTkgNmg1di02aC01Yy0zLjg2IDAtNyAzLjE0LTcgN3YzaC00djZoNHYxNmg2di0xNmg1bDEtNmgtNnYtM2MwLTAuNTQyIDAuNDU4LTEgMS0xeiI+PC9wYXRoPgo8L3N2Zz4K)
}

.callout-cta.callout-cta__social-share .callout-cta__social-share__icons__button .social-icon-instagram {
    background-image: url("../img/instagram.a7f490c47901.svg")
}

.callout-cta.callout-cta__social-share .callout-cta__social-share__icons__button .social-icon-twitter {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSIwIDAgMjQgMjUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+U2hhcGUgQ29weTwvdGl0bGU+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMTQuMjgzMjYsMTAuMzg1NjggTDIzLjIxNzgsMCBMMjEuMTAwNiwwIEwxMy4zNDI3NCw5LjAxNzc0IEw3LjE0NjU2LDAgTDAsMCBMOS4zNjk4NCwxMy42MzY0MiBMMCwyNC41Mjc0IEwyLjExNzMyLDI0LjUyNzQgTDEwLjMwOTgyLDE1LjAwNDM2IEwxNi44NTM0NCwyNC41Mjc0IEwyNCwyNC41Mjc0IEwxNC4yODI3NCwxMC4zODU2OCBMMTQuMjgzMjYsMTAuMzg1NjggWiBNMTEuMzgzMywxMy43NTY1NiBMMTAuNDMzOTQsMTIuMzk4NjggTDIuODgwMjIsMS41OTM4ODggTDYuMTMyMywxLjU5Mzg4OCBMMTIuMjI4MjQsMTAuMzEzNyBMMTMuMTc3NiwxMS42NzE1OCBMMjEuMTAxNiwyMy4wMDYgTDE3Ljg0OTUyLDIzLjAwNiBMMTEuMzgzMywxMy43NTcwOCBMMTEuMzgzMywxMy43NTY1NiBaIiBpZD0iU2hhcGUtQ29weSIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=)
}

.callout-cta.callout-cta__social-share .callout-cta__social-share__icons__button .social-icon-youtube {
    background-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgo8dGl0bGU+eW91dHViZTwvdGl0bGU+CjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0zMS42ODEgOS42YzAgMC0wLjMxMy0yLjIwNi0xLjI3NS0zLjE3NS0xLjIxOS0xLjI3NS0yLjU4MS0xLjI4MS0zLjIwNi0xLjM1Ni00LjQ3NS0wLjMyNS0xMS4xOTQtMC4zMjUtMTEuMTk0LTAuMzI1aC0wLjAxMmMwIDAtNi43MTkgMC0xMS4xOTQgMC4zMjUtMC42MjUgMC4wNzUtMS45ODcgMC4wODEtMy4yMDYgMS4zNTYtMC45NjMgMC45NjktMS4yNjkgMy4xNzUtMS4yNjkgMy4xNzVzLTAuMzE5IDIuNTg4LTAuMzE5IDUuMTgxdjIuNDI1YzAgMi41ODcgMC4zMTkgNS4xODEgMC4zMTkgNS4xODFzMC4zMTMgMi4yMDYgMS4yNjkgMy4xNzVjMS4yMTkgMS4yNzUgMi44MTkgMS4yMzEgMy41MzEgMS4zNjkgMi41NjMgMC4yNDQgMTAuODgxIDAuMzE5IDEwLjg4MSAwLjMxOXM2LjcyNS0wLjAxMiAxMS4yLTAuMzMxYzAuNjI1LTAuMDc1IDEuOTg4LTAuMDgxIDMuMjA2LTEuMzU2IDAuOTYyLTAuOTY5IDEuMjc1LTMuMTc1IDEuMjc1LTMuMTc1czAuMzE5LTIuNTg3IDAuMzE5LTUuMTgxdi0yLjQyNWMtMC4wMDYtMi41ODgtMC4zMjUtNS4xODEtMC4zMjUtNS4xODF6TTEyLjY5NCAyMC4xNXYtOC45OTRsOC42NDQgNC41MTMtOC42NDQgNC40ODF6Ij48L3BhdGg+Cjwvc3ZnPgo=)
}

.callout-cta.callout-cta__social-share .callout-cta__social-share__icons__button .social-icon-linkedin {
    background-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgo8dGl0bGU+bGlua2VkaW4yPC90aXRsZT4KPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEyIDEyaDUuNTM1djIuODM3aDAuMDc5YzAuNzctMS4zODEgMi42NTUtMi44MzcgNS40NjQtMi44MzcgNS44NDIgMCA2LjkyMiAzLjYzNyA2LjkyMiA4LjM2N3Y5LjYzM2gtNS43Njl2LTguNTRjMC0yLjAzNy0wLjA0Mi00LjY1Ny0zLjAwMS00LjY1Ny0zLjAwNSAwLTMuNDYzIDIuMjE4LTMuNDYzIDQuNTA5djguNjg4aC01Ljc2N3YtMTh6Ij48L3BhdGg+CjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yIDEyaDZ2MThoLTZ2LTE4eiI+PC9wYXRoPgo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNOCA3YzAgMS42NTctMS4zNDMgMy0zIDNzLTMtMS4zNDMtMy0zYzAtMS42NTcgMS4zNDMtMyAzLTNzMyAxLjM0MyAzIDN6Ij48L3BhdGg+Cjwvc3ZnPgo=)
}

.callout-cta.callout-cta__sign-up {
    max-width: 1220px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center
}

.callout-cta.callout-cta__sign-up .callout-cta__sign-up__section {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: .625rem;
    padding-left: .625rem
}

@media print,screen and (min-width: 40em) {
    .callout-cta.callout-cta__sign-up .callout-cta__sign-up__section {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

.callout-cta.callout-cta__sign-up .callout-cta__sign-up__section__sub {
    max-width: 1220px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-flow: row wrap
}

@media print,screen and (min-width: 64em) {
    .callout-cta.callout-cta__sign-up .callout-cta__sign-up__section__1 {
        flex:0 0 75%;
        max-width: 75%;
        padding-right: .625rem;
        padding-left: .625rem
    }
}

@media print,screen and (min-width: 64em)and (min-width:40em) {
    .callout-cta.callout-cta__sign-up .callout-cta__sign-up__section__1 {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

.callout-cta.callout-cta__sign-up .callout-cta__sign-up__section__1 .callout-cta__sign-up__section__sub__section__1 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: .625rem;
    padding-left: .625rem
}

@media print,screen and (min-width: 40em) {
    .callout-cta.callout-cta__sign-up .callout-cta__sign-up__section__1 .callout-cta__sign-up__section__sub__section__1 {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media print,screen and (min-width: 64em) {
    .callout-cta.callout-cta__sign-up .callout-cta__sign-up__section__1 .callout-cta__sign-up__section__sub__section__1 {
        flex:0 0 25%;
        max-width: 25%;
        padding-right: .625rem;
        padding-left: .625rem
    }
}

@media print,screen and (min-width: 64em)and (min-width:40em) {
    .callout-cta.callout-cta__sign-up .callout-cta__sign-up__section__1 .callout-cta__sign-up__section__sub__section__1 {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

.callout-cta.callout-cta__sign-up .callout-cta__sign-up__section__1 .callout-cta__sign-up__section__sub__section__2 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: .625rem;
    padding-left: .625rem
}

@media print,screen and (min-width: 40em) {
    .callout-cta.callout-cta__sign-up .callout-cta__sign-up__section__1 .callout-cta__sign-up__section__sub__section__2 {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media print,screen and (min-width: 64em) {
    .callout-cta.callout-cta__sign-up .callout-cta__sign-up__section__1 .callout-cta__sign-up__section__sub__section__2 {
        flex:1 1 0px;
        padding-right: .625rem;
        padding-left: .625rem;
        min-width: 0
    }
}

@media print,screen and (min-width: 64em)and (min-width:40em) {
    .callout-cta.callout-cta__sign-up .callout-cta__sign-up__section__1 .callout-cta__sign-up__section__sub__section__2 {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media screen and (max-width: 63.99875em) {
    .callout-cta.callout-cta__sign-up .callout-cta__sign-up__section__2 {
        display:none!important
    }
}

@media print,screen and (min-width: 64em) {
    .callout-cta.callout-cta__sign-up .callout-cta__sign-up__section__2 {
        flex:0 0 25%;
        max-width: 25%;
        padding-right: .625rem;
        padding-left: .625rem
    }
}

@media print,screen and (min-width: 64em)and (min-width:40em) {
    .callout-cta.callout-cta__sign-up .callout-cta__sign-up__section__2 {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

.has-sidebar .callout-cta.callout-cta__sign-up .callout-cta__sign-up__section__2 .social-presence li,.template-sidebar .callout-cta.callout-cta__sign-up .callout-cta__sign-up__section__2 .social-presence li {
    margin-right: 10px
}

.callout-cta.callout-cta__related-action {
    border: 0;
    color: #545454;
    background: #eaeade url("../img/Pattern_Strip_Vertical_Green_Desktop.a6143f9ffb5b.svg") no-repeat 0;
    padding: 40px;
    text-align: left
}

@media print,screen and (min-width: 40em) {
    .callout-cta.callout-cta__related-action {
        background:#eaeade url("../img/Pattern_Strip_Vertical_Green_Desktop.a6143f9ffb5b.svg") no-repeat 0
    }
}

.callout-cta.callout-cta__related-action .title {
    color: #44841a;
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-weight: 400;
    text-align: left;
    font-size: 4rem;
    line-height: 1em;
    margin: 0 0 20px;
    padding-left: 9.375px;
    position: relative
}

@media print,screen and (min-width: 40em) {
    .callout-cta.callout-cta__related-action .title {
        font-size:4.8rem;
        line-height: 1em
    }
}

.theme-saving-lives .callout-cta.callout-cta__related-action {
    background: #eaeade url("../img/Pattern_Strip_Vertical_Emergency.1381bdc681cf.svg") no-repeat 0 0
}

@media print,screen and (min-width: 40em) {
    .theme-saving-lives .callout-cta.callout-cta__related-action {
        background:#eaeade url("../img/Pattern_Strip_Vertical_Emergency.1381bdc681cf.svg") no-repeat 0 0
    }
}

.theme-saving-lives .callout-cta.callout-cta__related-action .title {
    color: #ff1d34
}

.theme-saving-lives .callout-cta.callout-cta__related-action a.callout-cta__related-action__link {
    background-color: #ff1d34
}

.theme-saving-lives .callout-cta.callout-cta__related-action a.callout-cta__related-action__link:hover {
    background-color: #a20011
}

.callout-cta.callout-cta__related-action .callout-cta__related-action__content {
    max-width: 1220px;
    margin-right: auto;
    margin-left: auto;
    *zoom:1}

.callout-cta.callout-cta__related-action .callout-cta__related-action__content:after,.callout-cta.callout-cta__related-action .callout-cta__related-action__content:before {
    display: table;
    content: "";
    line-height: 0
}

.callout-cta.callout-cta__related-action .callout-cta__related-action__content:after {
    clear: both
}

.callout-cta.callout-cta__related-action .callout-cta__related-action__content__section {
    padding-right: .625rem;
    padding-left: .625rem;
    width: 100%;
    float: left
}

@media print,screen and (min-width: 40em) {
    .callout-cta.callout-cta__related-action .callout-cta__related-action__content__section {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

.callout-cta.callout-cta__related-action .callout-cta__related-action__content__section,.callout-cta.callout-cta__related-action .callout-cta__related-action__content__section:last-child:not(:first-child) {
    float: left;
    clear: none
}

.callout-cta.callout-cta__related-action .callout-cta__related-action__content__section:last-child:not(:first-child) {
    float: right
}

@media print,screen and (min-width: 40em) {
    .callout-cta.callout-cta__related-action .callout-cta__related-action__content__section {
        padding-right:.625rem;
        padding-left: .625rem;
        width: 100%;
        float: left
    }
}

@media print,screen and (min-width: 40em)and (min-width:40em) {
    .callout-cta.callout-cta__related-action .callout-cta__related-action__content__section {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media print,screen and (min-width: 40em) {
    .callout-cta.callout-cta__related-action .callout-cta__related-action__content__section,.callout-cta.callout-cta__related-action .callout-cta__related-action__content__section:last-child:not(:first-child) {
        float:left;
        clear: none
    }
}

@media print,screen and (min-width: 40em) {
    .callout-cta.callout-cta__related-action .callout-cta__related-action__content__section:last-child:not(:first-child) {
        float:right
    }
}

@media print,screen and (min-width: 64em) {
    .callout-cta.callout-cta__related-action .callout-cta__related-action__content__section {
        padding-right:.625rem;
        padding-left: .625rem;
        width: 100%;
        float: left
    }
}

@media print,screen and (min-width: 64em)and (min-width:40em) {
    .callout-cta.callout-cta__related-action .callout-cta__related-action__content__section {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media print,screen and (min-width: 64em) {
    .callout-cta.callout-cta__related-action .callout-cta__related-action__content__section,.callout-cta.callout-cta__related-action .callout-cta__related-action__content__section:last-child:not(:first-child) {
        float:left;
        clear: none
    }
}

@media print,screen and (min-width: 64em) {
    .callout-cta.callout-cta__related-action .callout-cta__related-action__content__section:last-child:not(:first-child) {
        float:right
    }
}

.has-sidebar .callout-cta.callout-cta__related-action .callout-cta__related-action__content__section,.template-sidebar .callout-cta.callout-cta__related-action .callout-cta__related-action__content__section {
    padding-right: .625rem;
    padding-left: .625rem;
    width: 100%;
    float: left
}

@media print,screen and (min-width: 40em) {
    .has-sidebar .callout-cta.callout-cta__related-action .callout-cta__related-action__content__section,.template-sidebar .callout-cta.callout-cta__related-action .callout-cta__related-action__content__section {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

.has-sidebar .callout-cta.callout-cta__related-action .callout-cta__related-action__content__section,.has-sidebar .callout-cta.callout-cta__related-action .callout-cta__related-action__content__section:last-child:not(:first-child),.template-sidebar .callout-cta.callout-cta__related-action .callout-cta__related-action__content__section,.template-sidebar .callout-cta.callout-cta__related-action .callout-cta__related-action__content__section:last-child:not(:first-child) {
    float: left;
    clear: none
}

.has-sidebar .callout-cta.callout-cta__related-action .callout-cta__related-action__content__section:last-child:not(:first-child),.template-sidebar .callout-cta.callout-cta__related-action .callout-cta__related-action__content__section:last-child:not(:first-child) {
    float: right
}

.callout-cta.callout-cta__related-action .callout-cta__related-action__content p {
    color: #545454;
    text-align: left;
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin-bottom: 1em
}

@media print,screen and (min-width: 40em) {
    .callout-cta.callout-cta__related-action .callout-cta__related-action__content p {
        font-size:2rem;
        line-height: 1.5em
    }
}

.callout-cta.callout-cta__related-action.theme-saving-lives {
    background: #eaeade url("../img/Pattern_Strip_Vertical_Emergency.1381bdc681cf.svg") no-repeat 0 0
}

@media print,screen and (min-width: 40em) {
    .callout-cta.callout-cta__related-action.theme-saving-lives {
        background:#eaeade url("../img/Pattern_Strip_Vertical_Emergency.1381bdc681cf.svg") no-repeat 0 0
    }
}

.callout-cta.callout-cta__related-action.theme-saving-lives .title {
    color: #ff1d34
}

.callout-cta.callout-cta__related-action.theme-saving-lives a.callout-cta__related-action__link {
    background-color: #ff1d34
}

.callout-cta.callout-cta__related-action.theme-saving-lives a.callout-cta__related-action__link:hover {
    background-color: #a20011
}

.callout-cta.callout-cta__related-signup form .column,.callout-cta.callout-cta__related-signup form .columns {
    align-self: flex-end
}

.callout-cta.callout-cta__related-signup form .column input,.callout-cta.callout-cta__related-signup form .columns input {
    margin-bottom: 0
}

.callout-cta.callout-cta__related-signup form .disclaimer p {
    font-size: 1.6rem;
    line-height: 1.2
}

.component-body-content__content .callout-cta.callout-cta__related-action {
    background: #eaeade url("../img/Pattern_Strip_Vertical_Green_Desktop.a6143f9ffb5b.svg") no-repeat 0
}

.theme-saving-lives .component-body-content__content .callout-cta.callout-cta__related-action {
    background: #eaeade url("../img/Pattern_Strip_Vertical_Emergency.1381bdc681cf.svg") no-repeat 0
}

.cmpnt-donate header {
    background: #0c884a url("../img/donate-header.23e0138156a5.svg") no-repeat 0 0;
    color: #fff;
    padding: 20px
}

@media only screen and (max-width: 400px) {
    .cmpnt-donate header {
        padding:20px 20px 15px
    }
}

.cmpnt-donate header h1 {
    margin-bottom: 0
}

.cmpnt-donate header h1 span {
    display: none
}

@media only screen and (min-width: 1024px) {
    .cmpnt-donate header h1 {
        font-size:4.2rem
    }

    .cmpnt-donate header h1 span {
        display: inline
    }
}

@media only screen and (min-width: 1024px) {
    .cmpnt-donate header p {
        font-size:1.5rem;
        margin-bottom: 10px
    }
}

.cmpnt-donate .cmpnt-donate-form-top {
    padding: 20px;
    margin-bottom: 20px;
    background-color: #eaeade;
    *zoom:1;font-size: 1.5rem
}

.cmpnt-donate .cmpnt-donate-form-top:after,.cmpnt-donate .cmpnt-donate-form-top:before {
    display: table;
    content: "";
    line-height: 0
}

.cmpnt-donate .cmpnt-donate-form-top:after {
    clear: both
}

@media only screen and (min-width: 1024px) {
    .cmpnt-donate .cmpnt-donate-form-top {
        font-size:18px;
        font-size: 1.8rem
    }
}

.cmpnt-donate .cmpnt-donate-form-top ol.donation-group {
    list-style-type: none
}

.cmpnt-donate .cmpnt-donate-form-top .monthly-selection {
    display: none
}

.cmpnt-donate .cmpnt-donate-form-top .intro {
    margin-right: 20px;
    display: block;
    float: left
}

@media only screen and (max-width: 520px) {
    .cmpnt-donate .cmpnt-donate-form-top .intro {
        margin-bottom:5px
    }
}

.cmpnt-donate .cmpnt-donate-form-top .donation-type {
    margin-right: 20px;
    float: left
}

.cmpnt-donate .cmpnt-donate-form-top .donation-type label {
    font-size: 1.5rem;
    font-weight: 700;
    padding-left: 5px;
    margin: 5px 0 0;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    float: left
}

@media only screen and (min-width: 1024px) {
    .cmpnt-donate .cmpnt-donate-form-top .donation-type label {
        font-size:1.8rem
    }
}

.cmpnt-donate .cmpnt-donate-form-top .donation-type input {
    float: left;
    margin: 7px 0 0
}

@media only screen and (max-width: 400px) {
    .cmpnt-donate .cmpnt-donate-form-top .donation-type {
        margin-right:0
    }

    .cmpnt-donate .cmpnt-donate-form-top .donation-type:first-child {
        margin-right: 10px
    }

    .cmpnt-donate .cmpnt-donate-form-top .donation-type label {
        font-size: 1.4rem
    }
}

.cmpnt-donate form.cmpnt-donate-form {
    background: #fff;
    padding: 20px 0;
    *zoom:1}

.cmpnt-donate form.cmpnt-donate-form:after,.cmpnt-donate form.cmpnt-donate-form:before {
    display: table;
    content: "";
    line-height: 0
}

.cmpnt-donate form.cmpnt-donate-form:after {
    clear: both
}

@media only screen and (max-width: 400px) {
    .cmpnt-donate form.cmpnt-donate-form {
        padding:20px
    }
}

.cmpnt-donate ul.cmpnt-donation-selection {
    padding: 0;
    margin: 0
}

.cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    margin-left: 20px;
    width: 31.9%
}

@media only screen and (max-width: 1220px) {
    .cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option {
        width:31.3%
    }
}

@media only screen and (max-width: 1106px) {
    .cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option {
        width:31.1%
    }
}

@media only screen and (max-width: 1023px) {
    .cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option {
        width:30%
    }
}

@media only screen and (max-width: 728px) {
    .cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option {
        width:29%
    }
}

@media only screen and (max-width: 608px) {
    .cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option {
        width:30%
    }
}

@media only screen and (max-width: 520px) {
    .cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option {
        width:46.5%;
        margin-bottom: 20px;
        float: left
    }

    .cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option:last-child {
        margin-left: 0
    }
}

@media only screen and (max-width: 400px) {
    .cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option {
        width:45.5%
    }
}

.cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option:first-child {
    margin-left: 0
}

.cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option a {
    background-color: #44841a;
    color: #fff;
    display: block;
    text-align: center;
    transition: background-color .1s ease-in-out
}

.cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option a img {
    display: block
}

.cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option a .donate-slide-wrap {
    position: relative;
    padding-top: 99px
}

.cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option a .donate-slide-wrap .donate-panel {
    background-color: #44841a;
    position: absolute;
    height: 149px;
    padding: 20px;
    top: 0;
    width: 100%;
    z-index: 2;
    transition: top .1s ease-in-out
}

.cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option a .donate-slide-wrap .donate-panel h2 {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    margin-bottom: 10px;
    font-size: 3.1rem
}

@media only screen and (min-width: 1024px) {
    .cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option a .donate-slide-wrap .donate-panel h2 {
        font-size:4.8rem;
        line-height: 1em
    }
}

.cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option a .donate-slide-wrap .donate-panel p {
    padding: 0 10%;
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif
}

@media only screen and (min-width: 1024px) {
    .cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option a .donate-slide-wrap .donate-panel p {
        font-size:2rem;
        line-height: 1.25em
    }
}

@media only screen and (max-width: 400px) {
    .cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option a .donate-slide-wrap .donate-panel p {
        padding:0 1%
    }
}

.cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option a .donate-slide-wrap .donate-button {
    background: #44841a;
    cursor: pointer;
    display: block;
    height: 50px;
    padding: 5px;
    text-align: center;
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option a .donate-slide-wrap .donate-button {
        font-size:22px;
        font-size: 2.2rem
    }
}

.cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option a .donate-slide-wrap .donate-button:after {
    right: 30%;
    transition: all .1s ease-in-out
}

.cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option a .donate-slide-wrap .donate-button:hover {
    background: #336114
}

@media only screen and (max-width: 1220px) {
    .cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option a .donate-slide-wrap .donate-button:after {
        right:27%
    }
}

@media only screen and (max-width: 1106px) {
    .cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option a .donate-slide-wrap .donate-button {
        font-size:18px;
        font-size: 1.8rem
    }

    .cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option a .donate-slide-wrap .donate-button:after {
        right: 33%
    }
}

@media only screen and (max-width: 1106px) {
    .cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option a .donate-slide-wrap .donate-button {
        font-size:18px;
        font-size: 1.8rem
    }

    .cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option a .donate-slide-wrap .donate-button:after {
        right: 30%
    }
}

@media only screen and (max-width: 728px) {
    .cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option a .donate-slide-wrap .donate-button:after {
        right:23%
    }
}

.cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option a .donate-slide-wrap .donate-button.donate-button-monthly:after {
    right: 20%
}

@media only screen and (max-width: 1220px) {
    .cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option a .donate-slide-wrap .donate-button.donate-button-monthly:after {
        right:12%
    }
}

@media only screen and (max-width: 1106px) {
    .cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option a .donate-slide-wrap .donate-button.donate-button-monthly:after {
        right:10%
    }
}

.cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option a:hover {
    background-color: #336114;
    transition: background-color .1s ease-in-out
}

.cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option a:hover .donate-panel {
    top: -50px;
    transition: top .1s ease-in-out
}

.cmpnt-donate ul.cmpnt-donation-selection li.cmpnt-donation-option .donate-panel {
    background: #44841a
}

.cmpnt-donate .cmpnt-donation-amount {
    padding: 20px;
    background: #eaeade;
    margin-top: 20px;
    text-align: center;
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    font-size: 2rem;
    line-height: 1.25em
}

@media only screen and (min-width: 1024px) {
    .cmpnt-donate .cmpnt-donation-amount {
        font-size:2rem;
        line-height: 1.25em
    }
}

.cmpnt-donate .cmpnt-donation-amount button,.cmpnt-donate .cmpnt-donation-amount input,.cmpnt-donate .cmpnt-donation-amount label {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline
}

.cmpnt-donate .cmpnt-donation-amount label {
    margin-right: 20px;
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    font-size: 2rem;
    line-height: 1.25em
}

.cmpnt-donate .cmpnt-donation-amount span {
    color: #44841a;
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    height: 20px;
    width: 20px;
    font-size: 3.2rem;
    line-height: 1em;
    margin-right: 8px;
    vertical-align: middle
}

@media only screen and (max-width: 520px) {
    .cmpnt-donate .cmpnt-donation-amount span {
        float:left
    }
}

@media only screen and (max-width: 400px) {
    .cmpnt-donate .cmpnt-donation-amount span {
        position:relative;
        top: 0;
        left: -6px
    }
}

.cmpnt-donate .cmpnt-donation-amount input {
    background-color: #fff;
    border-color: #f5f5f5;
    width: 150px;
    margin-right: 20px
}

.cmpnt-donate .cmpnt-donation-amount input:-moz-placeholder {
    color: #333;
    font-size: 16px;
    font-size: 1.6rem
}

.cmpnt-donate .cmpnt-donation-amount input:-ms-input-placeholder {
    color: #333;
    font-size: 16px;
    font-size: 1.6rem
}

.cmpnt-donate .cmpnt-donation-amount input::-webkit-input-placeholder {
    color: #333;
    font-size: 16px;
    font-size: 1.6rem
}

.cmpnt-donate .cmpnt-donation-amount input:focus {
    border-color: #44841a
}

@media only screen and (min-width: 1024px) {
    .cmpnt-donate .cmpnt-donation-amount input {
        font-size:1.6rem
    }
}

.cmpnt-donate .cmpnt-donation-amount button,.cmpnt-donate .cmpnt-donation-amount button.button__arrow {
    font-size: 2rem
}

@media only screen and (max-width: 520px) {
    .cmpnt-donate .cmpnt-donation-amount button,.cmpnt-donate .cmpnt-donation-amount button.button__arrow {
        margin-left:-15px;
        font-size: 1.8rem;
        min-width: 180px
    }
}

@media only screen and (max-width: 520px) {
    .cmpnt-donate .cmpnt-donation-amount {
        width:46.5%;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom:1;*display: inline;
        margin-left: 20px;
        margin-top: 0;
        margin-bottom: 80px;
        min-height: 229px;
        text-align: center
    }

    .cmpnt-donate .cmpnt-donation-amount button,.cmpnt-donate .cmpnt-donation-amount input,.cmpnt-donate .cmpnt-donation-amount label {
        margin: 0 0 10px;
        display: block;
        font-size: 1.8rem;
        line-height: 1em
    }

    .cmpnt-donate .cmpnt-donation-amount button {
        margin: 0 auto 10px
    }

    .cmpnt-donate .cmpnt-donation-amount label {
        font-size: 1.4rem;
        line-height: 1em
    }

    .cmpnt-donate .cmpnt-donation-amount input {
        width: 75%;
        margin-bottom: 20px;
        margin-left: 20%;
        font-size: 1.8rem
    }

    .cmpnt-donate .cmpnt-donation-amount input:-moz-placeholder {
        color: #333;
        font-size: 13px;
        font-size: 1.3rem
    }

    .cmpnt-donate .cmpnt-donation-amount input:-ms-input-placeholder {
        color: #333;
        font-size: 13px;
        font-size: 1.3rem
    }

    .cmpnt-donate .cmpnt-donation-amount input::-webkit-input-placeholder {
        color: #333;
        font-size: 13px;
        font-size: 1.3rem
    }
}

.cmpnt-full-event {
    background: #fff;
    padding: 20px;
    font-size: 16px;
    font-size: 1.6rem
}

.cmpnt-full-event h2 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2
}

@media only screen and (min-width: 800px) {
    .cmpnt-full-event h2 {
        font-size:28px;
        font-size: 2.8rem
    }
}

.cmpnt-full-event .cmpnt-full-event-header ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.cmpnt-full-event .cmpnt-full-event-header ul li {
    padding-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem
}

@media only screen and (min-width: 800px) {
    .cmpnt-full-event .cmpnt-full-event-header ul li {
        font-size:16px;
        font-size: 1.6rem
    }
}

.cmpnt-full-event .cmpnt-full-event-header ul li b {
    display: block
}

.cmpnt-full-event .cmpnt-full-event-header ul li ul li {
    display: inline-block;
    margin: 0 5px 0 0
}

.cmpnt-full-event .cmpnt-full-event-header p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6
}

.cmpnt-full-event .cmpnt-full-event-header p:first-of-type {
    font-weight: 400;
    line-height: 1.5;
    font-size: 16px;
    font-size: 1.6rem
}

.cmpnt-full-event .fa-envelope,.cmpnt-full-event .fa-external-link-square,.cmpnt-full-event .fa-facebook-square,.cmpnt-full-event .fa-twitter-square {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    font-size: 3rem
}

.cmpnt-full-event .fa-envelope:before {
    content: ""
}

.cmpnt-full-event .fa-external-link-square:before {
    content: ""
}

.cmpnt-full-event .fa-facebook-square:before {
    content: ""
}

.cmpnt-full-event .fa-twitter-square:before {
    content: ""
}

.cmpnt-expand {
    padding: 10px
}

.cmpnt-expand p:last-of-type {
    padding: 0 0 20px
}

.expand {
    font-weight: 700;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 3rem;
    border: 0;
    color: #44841a;
    cursor: pointer;
    padding: 0 30px 0 15px;
    position: relative;
    margin-left: 20px
}

.expand:before {
    border: 5px solid transparent;
    border-left-color: #44841a;
    content: " ";
    height: 0;
    left: 0;
    margin-top: -5px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    width: 0
}

.expand:hover {
    color: #336114
}

.expand:hover:before {
    border: 5px solid transparent;
    border-left-color: #336114;
    content: " ";
    height: 0;
    left: 0;
    margin-top: -5px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    width: 0
}

.expand.open {
    display: visible;
    color: #336114
}

.expand.open:before {
    border: 5px solid transparent;
    border-top: 6px solid #336114;
    content: " ";
    height: 0;
    left: 0;
    margin-top: -2px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    width: 0
}

.expand-button {
    font-size: 14px;
    font-size: 1.4rem
}

.expand-button:after {
    border-top-color: #fff;
    border-width: 4px;
    border-left-color: transparent;
    top: 23px;
    right: 15px
}

.expand-button:hover:after {
    top: 23px;
    right: 15px
}

.expand-button.open {
    display: none
}

.expand-content {
    display: none;
    font-weight: 400;
    padding-left: 20px
}

.expand-content.open {
    display: block;
    margin: 10px 0 20px
}

.expand-button-content {
    display: none;
    font-weight: 400
}

.expand-button-content.open {
    display: block;
    padding: 20px 0 0
}

.accordion dt {
    font-weight: 700;
    font-style: normal;
    border: 0;
    color: #44841a;
    cursor: pointer;
    padding: 0 30px 0 40px;
    position: relative
}

.accordion dt:before {
    border: 5px solid transparent;
    border-left-color: #44841a;
    content: " ";
    height: 0;
    left: 20px;
    margin-top: -5px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    width: 0
}

.accordion dt:hover {
    color: #336114
}

.accordion dt:hover:before {
    border-left-color: #336114
}

.accordion dt.open {
    color: #0c884a
}

.accordion dt.open:before {
    border: 5px solid transparent;
    border-top: 6px solid #336114;
    content: " ";
    height: 0;
    left: 20px;
    margin-top: -2px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    width: 0
}

.accordion dd {
    display: none
}

.accordion dd p:first-of-type {
    font-size: 1em;
    font-weight: 400
}

.accordion dd p:last-of-type {
    padding: 0 0 20px
}

.component-content-feature-single {
    background: #fff;
    padding: 20px;
    font-size: 1.4rem
}

.component-content-feature-single__image {
    width: 100%;
    padding: 0
}

.component-content-feature-single__content {
    width: 100%
}

@media print,screen and (min-width: 64em) {
    .component-content-feature-single__content {
        padding:10px 20px
    }
}

.component-content-feature-single__content .component-button {
    margin-bottom: 0;
    font-size: 1.8rem;
    line-height: 2.6rem
}

.component-content-feature-single__content h3 {
    margin-bottom: .5em;
    margin-top: 2.4rem;
    font-size: 2.4rem;
    line-height: 2.8rem;
    text-align: center
}

@media print,screen and (min-width: 40em) {
    .component-content-feature-single__content h3 {
        font-size:2.4rem;
        line-height: 2.6rem;
        text-align: center;
        margin-top: 2.4rem;
        margin-bottom: .5rem
    }
}

@media print,screen and (min-width: 64em) {
    .component-content-feature-single__content h3 {
        font-size:2.4rem;
        line-height: 3.2rem;
        text-align: left;
        margin-top: 0
    }
}

.component-content-feature-single__content p {
    font-size: 1.8rem;
    line-height: 2.6rem;
    text-align: center
}

@media print,screen and (min-width: 40em) {
    .component-content-feature-single__content p {
        text-align:center;
        font-size: 1.8rem;
        line-height: 2.7rem
    }
}

@media print,screen and (min-width: 64em) {
    .component-content-feature-single__content p {
        text-align:left
    }
}

@media print,screen and (min-width: 64em) {
    .component-content-feature-single.component-content-feature-single-alt .component-content-feature-single__image {
        order:2
    }
}

.component-content-feature-single.component-content-feature-single-alt .component-content-feature-single__content {
    order: 1
}

@media print,screen and (min-width: 64em) {
    .component-content-feature-single.component-content-feature-single-alt .component-content-feature-single__content {
        padding:10px 20px 20px
    }
}

.component-content-feature-three {
    background: #fff;
    padding: 0 10px 20px
}

.component-content-feature-three__item {
    background: #eaeade;
    border: 0;
    border-right: 10px solid #fff;
    border-left: 10px solid #fff;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    margin-top: 20px;
    padding: 0 0 20px;
    vertical-align: top
}

.component-content-feature-three__item:first-child {
    border-top: 0
}

.component-content-feature-three__item__title {
    font-size: 2rem;
    line-height: 2.4rem;
    margin: 5px 20px 10px
}

@media print,screen and (min-width: 40em) {
    .component-content-feature-three__item__title {
        font-size:1.8rem;
        line-height: 2.4rem
    }
}

@media print,screen and (min-width: 64em) {
    .component-content-feature-three__item__title {
        font-size:2rem;
        line-height: 2.8rem
    }
}

.component-content-feature-three__item__date {
    margin-right: 20px;
    margin-left: 20px
}

.component-content-feature-three__item__intro {
    display: block;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-right: 20px;
    margin-left: 20px
}

@media print,screen and (min-width: 40em) {
    .component-content-feature-three__item__intro {
        font-size:1.5rem;
        line-height: 2.1rem
    }
}

@media print,screen and (min-width: 64em) {
    .component-content-feature-three__item__intro {
        font-size:1.6rem;
        line-height: 2.5rem
    }
}

.component-content-feature-three__item__image {
    margin-bottom: 20px;
    position: static;
    width: 100%
}

.f16 {
    list-style: none;
    column-count: 1;
    margin: 0 40px 0 0;
    padding: 0
}

@media only screen and (min-width: 768px)and (max-width:1023px) {
    .f16 {
        column-count:2
    }
}

@media only screen and (min-width: 1024px) {
    .f16 {
        column-count:2
    }
}

@media only screen and (min-width: 1200px) {
    .f16 {
        column-count:3
    }
}

.f16 li {
    margin: 0 0 10px;
    padding-left: 0
}

.f16 .flag {
    height: 16px;
    vertical-align: text-top;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 16px
}

.f16 .flag span {
    width: 16px;
    height: 11px;
    margin-top: 2px;
    margin-right: 2px;
    float: left;
    background: url("../img/flags16x11.e8277d4b0e4f.png") no-repeat
}

.f16 .flag .ad {
    background-position: -16px 0
}

.f16 .flag .ae {
    background-position: -32px 0
}

.f16 .flag .af {
    background-position: -48px 0
}

.f16 .flag .ag {
    background-position: -64px 0
}

.f16 .flag .ai {
    background-position: -80px 0
}

.f16 .flag .al {
    background-position: -96px 0
}

.f16 .flag .am {
    background-position: -112px 0
}

.f16 .flag .an {
    background-position: -128px 0
}

.f16 .flag .ao {
    background-position: -144px 0
}

.f16 .flag .ar {
    background-position: -160px 0
}

.f16 .flag .as {
    background-position: -176px 0
}

.f16 .flag .at {
    background-position: -192px 0
}

.f16 .flag .au {
    background-position: -208px 0
}

.f16 .flag .aw {
    background-position: -224px 0
}

.f16 .flag .az {
    background-position: -240px 0
}

.f16 .flag .ba {
    background-position: 0 -11px
}

.f16 .flag .bb {
    background-position: -16px -11px
}

.f16 .flag .bd {
    background-position: -32px -11px
}

.f16 .flag .be {
    background-position: -48px -11px
}

.f16 .flag .bf {
    background-position: -64px -11px
}

.f16 .flag .bg {
    background-position: -80px -11px
}

.f16 .flag .bh {
    background-position: -96px -11px
}

.f16 .flag .bi {
    background-position: -112px -11px
}

.f16 .flag .bj {
    background-position: -128px -11px
}

.f16 .flag .bm {
    background-position: -144px -11px
}

.f16 .flag .bn {
    background-position: -160px -11px
}

.f16 .flag .bo {
    background-position: -176px -11px
}

.f16 .flag .br {
    background-position: -192px -11px
}

.f16 .flag .bs {
    background-position: -208px -11px
}

.f16 .flag .bt {
    background-position: -224px -11px
}

.f16 .flag .bv {
    background-position: -240px -11px
}

.f16 .flag .bw {
    background-position: 0 -22px
}

.f16 .flag .by {
    background-position: -16px -22px
}

.f16 .flag .bz {
    background-position: -32px -22px
}

.f16 .flag .ca {
    background-position: -48px -22px
}

.f16 .flag .catalonia {
    background-position: -64px -22px
}

.f16 .flag .cd {
    background-position: -80px -22px
}

.f16 .flag .cf {
    background-position: -96px -22px
}

.f16 .flag .cg {
    background-position: -112px -22px
}

.f16 .flag .ch {
    background-position: -128px -22px
}

.f16 .flag .ci {
    background-position: -144px -22px
}

.f16 .flag .ck {
    background-position: -160px -22px
}

.f16 .flag .cl {
    background-position: -176px -22px
}

.f16 .flag .cm {
    background-position: -192px -22px
}

.f16 .flag .cn {
    background-position: -208px -22px
}

.f16 .flag .co {
    background-position: -224px -22px
}

.f16 .flag .cr {
    background-position: -240px -22px
}

.f16 .flag .cu {
    background-position: 0 -33px
}

.f16 .flag .cv {
    background-position: -16px -33px
}

.f16 .flag .cw {
    background-position: -32px -33px
}

.f16 .flag .cy {
    background-position: -48px -33px
}

.f16 .flag .cz {
    background-position: -64px -33px
}

.f16 .flag .de {
    background-position: -80px -33px
}

.f16 .flag .dj {
    background-position: -96px -33px
}

.f16 .flag .dk {
    background-position: -112px -33px
}

.f16 .flag .dm {
    background-position: -128px -33px
}

.f16 .flag .do {
    background-position: -144px -33px
}

.f16 .flag .dz {
    background-position: -160px -33px
}

.f16 .flag .ec {
    background-position: -176px -33px
}

.f16 .flag .ee {
    background-position: -192px -33px
}

.f16 .flag .eg {
    background-position: -208px -33px
}

.f16 .flag .eh {
    background-position: -224px -33px
}

.f16 .flag .england {
    background-position: -240px -33px
}

.f16 .flag .er {
    background-position: 0 -44px
}

.f16 .flag .es {
    background-position: -16px -44px
}

.f16 .flag .et {
    background-position: -32px -44px
}

.f16 .flag .eu {
    background-position: -48px -44px
}

.f16 .flag .fi {
    background-position: -64px -44px
}

.f16 .flag .fj {
    background-position: -80px -44px
}

.f16 .flag .fk {
    background-position: -96px -44px
}

.f16 .flag .fm {
    background-position: -112px -44px
}

.f16 .flag .fo {
    background-position: -128px -44px
}

.f16 .flag .fr {
    background-position: -144px -44px
}

.f16 .flag .ga {
    background-position: -160px -44px
}

.f16 .flag .gb {
    background-position: -176px -44px
}

.f16 .flag .gd {
    background-position: -192px -44px
}

.f16 .flag .ge {
    background-position: -208px -44px
}

.f16 .flag .gf {
    background-position: -224px -44px
}

.f16 .flag .gg {
    background-position: -240px -44px
}

.f16 .flag .gh {
    background-position: 0 -55px
}

.f16 .flag .gi {
    background-position: -16px -55px
}

.f16 .flag .gl {
    background-position: -32px -55px
}

.f16 .flag .gm {
    background-position: -48px -55px
}

.f16 .flag .gn {
    background-position: -64px -55px
}

.f16 .flag .gp {
    background-position: -80px -55px
}

.f16 .flag .gq {
    background-position: -96px -55px
}

.f16 .flag .gr {
    background-position: -112px -55px
}

.f16 .flag .gs {
    background-position: -128px -55px
}

.f16 .flag .gt {
    background-position: -144px -55px
}

.f16 .flag .gu {
    background-position: -160px -55px
}

.f16 .flag .gw {
    background-position: -176px -55px
}

.f16 .flag .gy {
    background-position: -192px -55px
}

.f16 .flag .hk {
    background-position: -208px -55px
}

.f16 .flag .hm {
    background-position: -224px -55px
}

.f16 .flag .hn {
    background-position: -240px -55px
}

.f16 .flag .hr {
    background-position: 0 -66px
}

.f16 .flag .ht {
    background-position: -16px -66px
}

.f16 .flag .hu {
    background-position: -32px -66px
}

.f16 .flag .ic {
    background-position: -48px -66px
}

.f16 .flag .id {
    background-position: -64px -66px
}

.f16 .flag .ie {
    background-position: -80px -66px
}

.f16 .flag .il {
    background-position: -96px -66px
}

.f16 .flag .im {
    background-position: -112px -66px
}

.f16 .flag .in {
    background-position: -128px -66px
}

.f16 .flag .io {
    background-position: -144px -66px
}

.f16 .flag .iq {
    background-position: -160px -66px
}

.f16 .flag .ir {
    background-position: -176px -66px
}

.f16 .flag .is {
    background-position: -192px -66px
}

.f16 .flag .it {
    background-position: -208px -66px
}

.f16 .flag .je {
    background-position: -224px -66px
}

.f16 .flag .jm {
    background-position: -240px -66px
}

.f16 .flag .jo {
    background-position: 0 -77px
}

.f16 .flag .jp {
    background-position: -16px -77px
}

.f16 .flag .ke {
    background-position: -32px -77px
}

.f16 .flag .kg {
    background-position: -48px -77px
}

.f16 .flag .kh {
    background-position: -64px -77px
}

.f16 .flag .ki {
    background-position: -80px -77px
}

.f16 .flag .km {
    background-position: -96px -77px
}

.f16 .flag .kn {
    background-position: -112px -77px
}

.f16 .flag .kp {
    background-position: -128px -77px
}

.f16 .flag .kr {
    background-position: -144px -77px
}

.f16 .flag .kurdistan {
    background-position: -160px -77px
}

.f16 .flag .kw {
    background-position: -176px -77px
}

.f16 .flag .ky {
    background-position: -192px -77px
}

.f16 .flag .kz {
    background-position: -208px -77px
}

.f16 .flag .la {
    background-position: -224px -77px
}

.f16 .flag .lb {
    background-position: -240px -77px
}

.f16 .flag .lc {
    background-position: 0 -88px
}

.f16 .flag .li {
    background-position: -16px -88px
}

.f16 .flag .lk {
    background-position: -32px -88px
}

.f16 .flag .lr {
    background-position: -48px -88px
}

.f16 .flag .ls {
    background-position: -64px -88px
}

.f16 .flag .lt {
    background-position: -80px -88px
}

.f16 .flag .lu {
    background-position: -96px -88px
}

.f16 .flag .lv {
    background-position: -112px -88px
}

.f16 .flag .ly {
    background-position: -128px -88px
}

.f16 .flag .ma {
    background-position: -144px -88px
}

.f16 .flag .mc {
    background-position: -160px -88px
}

.f16 .flag .md {
    background-position: -176px -88px
}

.f16 .flag .me {
    background-position: -192px -88px
}

.f16 .flag .mg {
    background-position: -208px -88px
}

.f16 .flag .mh {
    background-position: -224px -88px
}

.f16 .flag .mk {
    background-position: -240px -88px
}

.f16 .flag .ml {
    background-position: 0 -99px
}

.f16 .flag .mm {
    background-position: -16px -99px
}

.f16 .flag .mn {
    background-position: -32px -99px
}

.f16 .flag .mo {
    background-position: -48px -99px
}

.f16 .flag .mp {
    background-position: -64px -99px
}

.f16 .flag .mq {
    background-position: -80px -99px
}

.f16 .flag .mr {
    background-position: -96px -99px
}

.f16 .flag .ms {
    background-position: -112px -99px
}

.f16 .flag .mt {
    background-position: -128px -99px
}

.f16 .flag .mu {
    background-position: -144px -99px
}

.f16 .flag .mv {
    background-position: -160px -99px
}

.f16 .flag .mw {
    background-position: -176px -99px
}

.f16 .flag .mx {
    background-position: -192px -99px
}

.f16 .flag .my {
    background-position: -208px -99px
}

.f16 .flag .mz {
    background-position: -224px -99px
}

.f16 .flag .na {
    background-position: -240px -99px
}

.f16 .flag .nc {
    background-position: 0 -110px
}

.f16 .flag .ne {
    background-position: -16px -110px
}

.f16 .flag .nf {
    background-position: -32px -110px
}

.f16 .flag .ng {
    background-position: -48px -110px
}

.f16 .flag .ni {
    background-position: -64px -110px
}

.f16 .flag .nl {
    background-position: -80px -110px
}

.f16 .flag .no {
    background-position: -96px -110px
}

.f16 .flag .np {
    background-position: -112px -110px
}

.f16 .flag .nr {
    background-position: -128px -110px
}

.f16 .flag .nu {
    background-position: -144px -110px
}

.f16 .flag .nz {
    background-position: -160px -110px
}

.f16 .flag .om {
    background-position: -176px -110px
}

.f16 .flag .pa {
    background-position: -192px -110px
}

.f16 .flag .pe {
    background-position: -208px -110px
}

.f16 .flag .pf {
    background-position: -224px -110px
}

.f16 .flag .pg {
    background-position: -240px -110px
}

.f16 .flag .ph {
    background-position: 0 -121px
}

.f16 .flag .pk {
    background-position: -16px -121px
}

.f16 .flag .pl {
    background-position: -32px -121px
}

.f16 .flag .pm {
    background-position: -48px -121px
}

.f16 .flag .pn {
    background-position: -64px -121px
}

.f16 .flag .pr {
    background-position: -80px -121px
}

.f16 .flag .ps {
    background-position: -96px -121px
}

.f16 .flag .pt {
    background-position: -112px -121px
}

.f16 .flag .pw {
    background-position: -128px -121px
}

.f16 .flag .py {
    background-position: -144px -121px
}

.f16 .flag .qa {
    background-position: -160px -121px
}

.f16 .flag .re {
    background-position: -176px -121px
}

.f16 .flag .ro {
    background-position: -192px -121px
}

.f16 .flag .rs {
    background-position: -208px -121px
}

.f16 .flag .ru {
    background-position: -224px -121px
}

.f16 .flag .rw {
    background-position: -240px -121px
}

.f16 .flag .sa {
    background-position: 0 -132px
}

.f16 .flag .sb {
    background-position: -16px -132px
}

.f16 .flag .sc {
    background-position: -32px -132px
}

.f16 .flag .scotland {
    background-position: -48px -132px
}

.f16 .flag .sd {
    background-position: -64px -132px
}

.f16 .flag .se {
    background-position: -80px -132px
}

.f16 .flag .sg {
    background-position: -96px -132px
}

.f16 .flag .sh {
    background-position: -112px -132px
}

.f16 .flag .si {
    background-position: -128px -132px
}

.f16 .flag .sk {
    background-position: -144px -132px
}

.f16 .flag .sl {
    background-position: -160px -132px
}

.f16 .flag .sm {
    background-position: -176px -132px
}

.f16 .flag .sn {
    background-position: -192px -132px
}

.f16 .flag .so {
    background-position: -208px -132px
}

.f16 .flag .somaliland {
    background-position: -224px -132px
}

.f16 .flag .sr {
    background-position: -240px -132px
}

.f16 .flag .ss {
    background-position: 0 -143px
}

.f16 .flag .st {
    background-position: -16px -143px
}

.f16 .flag .sv {
    background-position: -32px -143px
}

.f16 .flag .sx {
    background-position: -48px -143px
}

.f16 .flag .sy {
    background-position: -64px -143px
}

.f16 .flag .sz {
    background-position: -80px -143px
}

.f16 .flag .tc {
    background-position: -96px -143px
}

.f16 .flag .td {
    background-position: -112px -143px
}

.f16 .flag .tf {
    background-position: -128px -143px
}

.f16 .flag .tg {
    background-position: -144px -143px
}

.f16 .flag .th {
    background-position: -160px -143px
}

.f16 .flag .tibet {
    background-position: -176px -143px
}

.f16 .flag .tj {
    background-position: -192px -143px
}

.f16 .flag .tk {
    background-position: -208px -143px
}

.f16 .flag .tl {
    background-position: -224px -143px
}

.f16 .flag .tm {
    background-position: -240px -143px
}

.f16 .flag .tn {
    background-position: 0 -154px
}

.f16 .flag .to {
    background-position: -16px -154px
}

.f16 .flag .tr {
    background-position: -32px -154px
}

.f16 .flag .tt {
    background-position: -48px -154px
}

.f16 .flag .tv {
    background-position: -64px -154px
}

.f16 .flag .tw {
    background-position: -80px -154px
}

.f16 .flag .tz {
    background-position: -96px -154px
}

.f16 .flag .ua {
    background-position: -112px -154px
}

.f16 .flag .ug {
    background-position: -128px -154px
}

.f16 .flag .um {
    background-position: -144px -154px
}

.f16 .flag .us {
    background-position: -160px -154px
}

.f16 .flag .uy {
    background-position: -176px -154px
}

.f16 .flag .uz {
    background-position: -192px -154px
}

.f16 .flag .va {
    background-position: -208px -154px
}

.f16 .flag .vc {
    background-position: -224px -154px
}

.f16 .flag .ve {
    background-position: -240px -154px
}

.f16 .flag .vg {
    background-position: 0 -165px
}

.f16 .flag .vi {
    background-position: -16px -165px
}

.f16 .flag .vn {
    background-position: -32px -165px
}

.f16 .flag .vu {
    background-position: -48px -165px
}

.f16 .flag .wales {
    background-position: -64px -165px
}

.f16 .flag .wf {
    background-position: -80px -165px
}

.f16 .flag .ws {
    background-position: -96px -165px
}

.f16 .flag .xk {
    background-position: -112px -165px
}

.f16 .flag .ye {
    background-position: -128px -165px
}

.f16 .flag .yt {
    background-position: -144px -165px
}

.f16 .flag .za {
    background-position: -160px -165px
}

.f16 .flag .zanzibar {
    background-position: -176px -165px
}

.f16 .flag .zm {
    background-position: -192px -165px
}

.f16 .flag .zw {
    background-position: -208px -165px
}

.cmpnt-petition-widget .petition-title {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    color: #44841a
}

.cmpnt-petition-widget .required {
    color: #c66
}

.cmpnt-petition-widget .error {
    display: none;
    color: #c66
}

.cmpnt-petition-widget .disclaimer {
    display: block;
    max-width: 320px;
    font-size: 70%;
    line-height: 1.2rem
}

.cmpnt-petition-widget form input[type=email],.cmpnt-petition-widget form input[type=tel],.cmpnt-petition-widget form input[type=text] {
    display: block;
    font-weight: 700
}

.cmpnt-petition-widget form input[type=email].haserror,.cmpnt-petition-widget form input[type=tel].haserror,.cmpnt-petition-widget form input[type=text].haserror {
    border: 2px solid #c66
}

.cmpnt-petition-widget form label.checkbox {
    font-family: Roboto-Regular-webfont,Arial,sans-serif;
    font-size: 20px
}

.cmpnt-petition-widget form .email-disclaimer,.cmpnt-petition-widget form .mobile-disclaimer {
    font-size: 1.4rem;
    margin: 0 0 1em
}

.cmpnt-petition-widget form .email-disclaimer p,.cmpnt-petition-widget form .mobile-disclaimer p {
    font-size: 1.4rem;
    margin: 0
}

.cmpnt-petition-widget form .form-optin label {
    font-size: 1.8rem;
    line-height: 1.5em
}

.signup-widget .error {
    display: none;
    color: #333
}

section.donate-widget.donation-form-section {
    background-color: #eee;
    padding-bottom: 20px;
    margin-bottom: 20px
}

section.donate-widget.donation-form-section div.donation-amount {
    text-align: center
}

section.donate-widget.donation-form-section div.donation-amount span.donationLevel,section.donate-widget.donation-form-section div.donation-amount span.wrapDonationLevel {
    font-weight: 700
}

section.donate-widget.donation-form-section div.donation-amount a {
    color: #61a534
}

section.donate-widget.donation-form-section #monthly-checkbox-block {
    font-size: 0;
    margin: 0 auto 15px;
    padding-top: 15px;
    text-align: center
}

section.donate-widget.donation-form-section #monthly_gift_flag {
    display: none
}

section.donate-widget.donation-form-section #monthly_gift_flag+.monthly-flag-one-time,section.donate-widget.donation-form-section #monthly_gift_flag+.monthly-flag-one-time+.monthly-flag-monthly {
    display: inline-block;
    box-sizing: border-box;
    width: 46%;
    padding: 8px 5px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    margin-left: 0;
    margin-right: 0;
    position: relative
}

section.donate-widget.donation-form-section #monthly_gift_flag+.monthly-flag-one-time+.monthly-flag-monthly:after,section.donate-widget.donation-form-section #monthly_gift_flag+.monthly-flag-one-time:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute
}

section.donate-widget.donation-form-section #monthly_gift_flag+.monthly-flag-one-time {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-right: 0;
    margin-left: 2.5%
}

section.donate-widget.donation-form-section #monthly_gift_flag+.monthly-flag-one-time+.monthly-flag-monthly {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: 0;
    margin-right: 2.5%
}

section.donate-widget.donation-form-section #monthly_gift_flag+.monthly-flag-one-time,section.donate-widget.donation-form-section #monthly_gift_flag:checked+.monthly-flag-one-time+.monthly-flag-monthly {
    background-color: #61a534;
    border: 2px solid #61a534;
    color: #fff
}

section.donate-widget.donation-form-section #monthly_gift_flag+.monthly-flag-one-time:after,section.donate-widget.donation-form-section #monthly_gift_flag:checked+.monthly-flag-one-time+.monthly-flag-monthly:after {
    border-top-color: #61a534;
    border-width: 15px;
    margin-left: -15px
}

section.donate-widget.donation-form-section #monthly_gift_flag+.monthly-flag-one-time:active,section.donate-widget.donation-form-section #monthly_gift_flag+.monthly-flag-one-time:focus,section.donate-widget.donation-form-section #monthly_gift_flag+.monthly-flag-one-time:hover,section.donate-widget.donation-form-section #monthly_gift_flag:checked+.monthly-flag-one-time+.monthly-flag-monthly:active,section.donate-widget.donation-form-section #monthly_gift_flag:checked+.monthly-flag-one-time+.monthly-flag-monthly:focus,section.donate-widget.donation-form-section #monthly_gift_flag:checked+.monthly-flag-one-time+.monthly-flag-monthly:hover {
    border: 2px solid #61a534
}

section.donate-widget.donation-form-section #monthly_gift_flag+.monthly-flag-one-time+.monthly-flag-monthly,section.donate-widget.donation-form-section #monthly_gift_flag:checked+.monthly-flag-one-time {
    background-color: #fff;
    border: 2px solid #ccc;
    color: #61a534
}

section.donate-widget.donation-form-section #monthly_gift_flag+.monthly-flag-one-time+.monthly-flag-monthly:after,section.donate-widget.donation-form-section #monthly_gift_flag:checked+.monthly-flag-one-time:after {
    border-top-color: transparent;
    border-width: 0;
    margin-left: 0
}

section.donate-widget.donation-form-section #monthly_gift_flag+.monthly-flag-one-time+.monthly-flag-monthly:active,section.donate-widget.donation-form-section #monthly_gift_flag+.monthly-flag-one-time+.monthly-flag-monthly:focus,section.donate-widget.donation-form-section #monthly_gift_flag+.monthly-flag-one-time+.monthly-flag-monthly:hover,section.donate-widget.donation-form-section #monthly_gift_flag:checked+.monthly-flag-one-time:active,section.donate-widget.donation-form-section #monthly_gift_flag:checked+.monthly-flag-one-time:focus,section.donate-widget.donation-form-section #monthly_gift_flag:checked+.monthly-flag-one-time:hover {
    border: 2px solid #61a534
}

section.donate-widget.donation-form-section #donation-ask-string-block {
    font-size: 0;
    margin: 0 auto;
    text-align: center
}

section.donate-widget.donation-form-section #donation-ask-string-block label {
    display: inline-block;
    box-sizing: border-box;
    width: 44%;
    padding: 8px 5px;
    border: 2px solid #ccc;
    border-radius: 5px;
    margin: 5px 1.5%;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    color: #61a534;
    font-weight: 700
}

section.donate-widget.donation-form-section #donation-ask-string-block label:active,section.donate-widget.donation-form-section #donation-ask-string-block label:focus,section.donate-widget.donation-form-section #donation-ask-string-block label:hover {
    border: 3px solid #61a534
}

section.donate-widget.donation-form-section #donation-ask-string-block .donation-ask-radio {
    display: none
}

section.donate-widget.donation-form-section #donation-ask-string-block .donation-ask-radio:checked+label {
    background-color: #61a534;
    border-color: #61a534;
    color: #fff
}

section.donate-widget.donation-form-section #donation-other-amount-block {
    position: relative;
    display: block;
    width: 90%;
    margin: 5px auto;
    text-align: center
}

section.donate-widget.donation-form-section #donation-other-amount-block #level_other.donation-ask-radio {
    display: none
}

section.donate-widget.donation-form-section #donation-other-amount-block #amount_other {
    font-size: 20px;
    font-weight: 700;
    width: 100%;
    max-width: 100%;
    height: 50px
}

section.donate-widget.donation-form-section #donation-other-amount-block #amount_other::-webkit-input-placeholder {
    font-size: 20px;
    line-height: 28px;
    color: #878782
}

section.donate-widget.donation-form-section #level_other+label {
    display: block;
    position: absolute;
    top: 5px;
    left: 10px;
    padding-top: 0;
    line-height: 32px;
    font-size: 20px;
    color: #878782
}

section.donate-widget.donation-form-section #amount_other {
    padding-left: 30px;
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 5px;
    box-shadow: none
}

section.donate-widget.donation-form-section #amount_other:active,section.donate-widget.donation-form-section #amount_other:focus {
    border: 3px solid #61a534
}

section.donate-widget.donation-form-section .donate-next {
    background: #e70052;
    color: #fff;
    height: 50px;
    border: 1px solid #e70052;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    display: block;
    position: relative;
    margin: auto;
    font-weight: 700;
    font-size: 1.8rem;
    padding: 0 15%;
    min-width: 250px;
    line-height: 41px;
    text-align: center
}

section.donate-widget.donation-form-section .donate-next:after {
    content: "";
    position: absolute;
    border-bottom: 25px solid transparent;
    border-top: 24px solid transparent;
    height: 0;
    width: 0;
    margin-right: -25px;
    right: 0;
    top: 0;
    border-left: 25px solid #e70052
}

section.donate-widget.donation-form-section .donate-next.disabled {
    background-color: #ccc;
    border: 1px solid #ccc
}

section.donate-widget.donation-form-section .donate-next.disabled:after {
    border-left: 25px solid #ccc
}

section.donate-widget.donation-form-section .donate-next#other_amount_next_button {
    display: block;
    width: calc(90% - 20px)!important;
    left: -10px;
    font-size: 20px;
    min-width: 0;
    padding-left: 0;
    padding-right: 0
}

.fullwidth-intro {
    margin-left: auto;
    margin-right: auto;
    max-width: 1560px
}

.fullwidth-intro__video video {
    max-width: 100%
}

.fullwidth-intro .cmpnt-video {
    margin-bottom: 0
}

.fullwidth-intro .cmpnt-image {
    background: #000;
    max-width: 100%
}

.fullwidth-intro .cmpnt-image img {
    width: 100%
}

@media screen and (min-width: 48em) {
    .fullwidth-intro .cmpnt-image img {
        opacity:.7
    }
}

.fullwidth-intro .text-overlay {
    color: #fff;
    background: #44841a;
    text-align: center;
    min-height: 200px;
    padding: 20px
}

@media screen and (min-width: 48em) {
    .fullwidth-intro .text-overlay {
        background:transparent;
        margin-top: -300px;
        z-index: 1;
        max-width: 1220px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        min-height: auto
    }
}

@media screen and (min-width: 64em) {
    .fullwidth-intro .text-overlay {
        background:transparent;
        margin-top: -400px;
        z-index: 1;
        max-width: 1220px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        min-height: auto
    }
}

.fullwidth-intro .text-overlay h1 {
    font-size: 3.2rem;
    line-height: 1em;
    margin-bottom: 0
}

@media screen and (min-width: 48em) {
    .fullwidth-intro .text-overlay h1 {
        font-size:4.6rem;
        line-height: 1em
    }
}

@media screen and (min-width: 64em) {
    .fullwidth-intro .text-overlay h1 {
        font-size:9.2rem;
        line-height: 1em
    }
}

.fullwidth-intro .text-overlay.tstar h1 {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    text-transform: uppercase
}

.fullwidth-intro .text-overlay p {
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    font-size: 1.8rem;
    line-height: 1.2em
}

@media screen and (min-width: 48em) {
    .fullwidth-intro .text-overlay p {
        font-size:2.4rem;
        line-height: 1.2em;
        margin-top: 10px
    }
}

@media screen and (min-width: 64em) {
    .fullwidth-intro .text-overlay p {
        font-size:3.2rem;
        line-height: 1.2em
    }
}

.fullwidth-intro .text-overlay.tstar p {
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif
}

.component-heading-section {
    max-width: 1220px;
    margin-right: auto;
    margin-left: auto;
    *zoom:1;background: transparent;
    background-size: cover;
    color: #545454;
    padding: 0 20px;
    margin-bottom: 0
}

.component-heading-section:after,.component-heading-section:before {
    display: table;
    content: "";
    line-height: 0
}

.component-heading-section:after {
    clear: both
}

.theme-saving-lives .component-heading-section {
    background: transparent;
    color: #ff1d34
}

.theme-b .component-heading-section {
    background: transparent;
    color: #0b9cda
}

@media print,screen and (min-width: 40em) {
    .component-heading-section {
        padding:0
    }
}

.component-heading-section__deck,.component-heading-section__subtitle,.component-heading-section__title {
    padding-right: .625rem;
    padding-left: .625rem;
    width: 100%;
    float: left
}

@media print,screen and (min-width: 40em) {
    .component-heading-section__deck,.component-heading-section__subtitle,.component-heading-section__title {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

.component-heading-section__deck,.component-heading-section__deck:last-child:not(:first-child),.component-heading-section__subtitle,.component-heading-section__subtitle:last-child:not(:first-child),.component-heading-section__title,.component-heading-section__title:last-child:not(:first-child) {
    float: left;
    clear: none
}

.component-heading-section__deck:last-child:not(:first-child),.component-heading-section__subtitle:last-child:not(:first-child),.component-heading-section__title:last-child:not(:first-child) {
    float: right
}

.component-heading-section__title,.component-heading-section h1 {
    font-size: 3.6rem;
    line-height: 1em;
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    margin: 0
}

@media print,screen and (min-width: 40em) {
    .component-heading-section__title,.component-heading-section h1 {
        font-size:6.8rem;
        line-height: 1em
    }
}

@media print,screen and (min-width: 64em) {
    .component-heading-section__title,.component-heading-section h1 {
        font-size:9.2rem;
        line-height: 1em
    }
}

@media print,screen and (min-width: 40em) {
    .has-sidebar .component-heading-section__title,.has-sidebar .component-heading-section h1,.template-sidebar .component-heading-section__title,.template-sidebar .component-heading-section h1 {
        font-size:6.8rem;
        line-height: 1em
    }
}

.component-heading-section__deck,.component-heading-section__subtitle,.component-heading-section p {
    font-size: 2rem;
    line-height: 1em;
    font-family: oxfam_tstar_proregular,Roboto-Regular-webfont,Arial,sans-serif;
    text-transform: uppercase
}

@media print,screen and (min-width: 40em) {
    .component-heading-section__deck,.component-heading-section__subtitle,.component-heading-section p {
        font-size:4.2rem;
        line-height: 1em
    }
}

@media print,screen and (min-width: 64em) {
    .component-heading-section__deck,.component-heading-section__subtitle,.component-heading-section p {
        font-size:6rem;
        line-height: 1em
    }
}

.has-sidebar .component-heading-section__deck,.has-sidebar .component-heading-section__subtitle,.has-sidebar .component-heading-section p,.template-sidebar .component-heading-section__deck,.template-sidebar .component-heading-section__subtitle,.template-sidebar .component-heading-section p {
    font-size: 2rem;
    line-height: 1.5em
}

@media only screen and (min-width: 1024px) {
    .has-sidebar .component-heading-section__deck,.has-sidebar .component-heading-section__subtitle,.has-sidebar .component-heading-section p,.template-sidebar .component-heading-section__deck,.template-sidebar .component-heading-section__subtitle,.template-sidebar .component-heading-section p {
        font-size:4.2rem;
        line-height: 1em
    }
}

.component-content .component-body {
    padding: 20px;
    background: transparent
}

.component-content .component-body p {
    font-size: 2rem;
    line-height: 1.5em;
    margin-bottom: 2.6rem
}

@media print,screen and (min-width: 40em) {
    .component-content .component-body p {
        font-size:2.8rem;
        line-height: 1.5em;
        margin-bottom: 2.6rem
    }
}

@media print,screen and (min-width: 64em) {
    .component-content .component-body p {
        font-size:3.2rem;
        line-height: 1.5em;
        margin-bottom: 2.6rem
    }
}

.component-content .component-body-content {
    margin-bottom: 0
}

.hero-home-content {
    line-height: 1.2;
    padding: 20px;
    text-align: center
}

.hero-home-content h1 {
    color: #fff;
    font-size: 21px;
    font-size: 2.1rem
}

@media only screen and (min-width: 768px)and (max-width:1023px) {
    .hero-home-content h1 {
        font-size:32px;
        font-size: 3.2rem;
        margin: 0 0 10px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1024px) {
    .hero-home-content h1 {
        font-size:5.4rem;
        line-height: 1em;
        margin: 0 0 10px;
        font-weight: 400
    }
}

.hero-home-content p {
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2;
    display: block
}

@media only screen and (min-width: 1024px) {
    .hero-home-content p {
        font-size:18px;
        font-size: 1.8rem;
        margin: 0 20px 25px 0;
        display: block
    }
}

@media only screen and (min-width: 1120px) {
    .hero-home-content p {
        margin-right:20px
    }
}

@media only screen and (min-width: 1200px) {
    .hero-home-content p {
        font-size:20px;
        font-size: 2rem;
        margin: 0 0 25px;
        display: block
    }
}

@media only screen and (min-width: 768px) {
    .hero-home-content {
        float:left;
        padding: 40px 5% 20px 6.5%;
        text-align: left;
        width: 50%
    }
}

@media only screen and (min-width: 1120px) {
    .hero-home-content {
        padding:40px 5% 20px 7%
    }
}

@media only screen and (min-width: 1220px) {
    .hero-home-content {
        padding:40px 5% 20px 10%
    }
}

@media only screen and (min-width: 1300px) {
    .hero-home-content {
        padding:40px 5% 20px 12%
    }
}

@media only screen and (min-width: 1400px) {
    .hero-home-content {
        padding:40px 5% 20px 14%
    }
}

.hero-home-content a.cmpnt-submit-pointed {
    color: #f16e22;
    font-weight: 700;
    line-height: 49px;
    padding-right: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    transition: all .1s ease-in-out
}

.hero-home-content a.cmpnt-submit-pointed:hover {
    color: #fff
}

.hero-home-emergency {
    background: #ff1d34 url("../img/hero-home-bg-emergency.ded4b9132611.svg") 0 bottom no-repeat
}

@media only screen and (min-width: 1024px) {
    .hero-home-content-emergency h1 {
        margin:0 0 10px;
        font-size: 5.4rem;
        line-height: 1em
    }
}

.hero-home-content-emergency p {
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif
}

.cmpnt.homepage-splash.hero-home {
    background-color: #fff;
    background-size: contain;
    background-position-x: center;
    background-position-y: top;
    background-repeat: no-repeat;
    min-height: 550px
}

@media print,screen and (min-width: 48em) {
    .cmpnt.homepage-splash.hero-home {
        background-color:transparent;
        background-size: cover;
        background-position-x: center;
        background-position-y: top;
        min-height: 600px
    }
}

.cmpnt.homepage-splash.hero-home .hero-home-image {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .cmpnt.homepage-splash.hero-home .hero-home-image {
        float:none;
        width: 100%
    }
}

@media print,screen and (min-width: 48em) {
    .cmpnt.homepage-splash.hero-home .hero-home-image {
        display:none
    }
}

.cmpnt.homepage-splash.hero-home .hero-home-content {
    padding: 0
}

@media print,screen and (min-width: 48em) {
    .cmpnt.homepage-splash.hero-home .hero-home-content {
        padding:10px;
        min-width: 560px
    }
}

@media print,screen and (min-width: 64em) {
    .cmpnt.homepage-splash.hero-home .hero-home-content {
        padding:40px 5% 20px 6.5%;
        min-width: 560px
    }
}

@media only screen and (min-width: 1024px) {
    .cmpnt.homepage-splash.hero-home .hero-home-content {
        min-width:530px
    }
}

@media only screen and (min-width: 1120px) {
    .cmpnt.homepage-splash.hero-home .hero-home-content {
        padding:40px 5% 20px 7%
    }
}

@media only screen and (min-width: 1220px) {
    .cmpnt.homepage-splash.hero-home .hero-home-content {
        padding:40px 5% 20px 10%
    }
}

@media only screen and (min-width: 1300px) {
    .cmpnt.homepage-splash.hero-home .hero-home-content {
        padding:40px 5% 20px 12%
    }
}

@media only screen and (min-width: 1400px) {
    .cmpnt.homepage-splash.hero-home .hero-home-content {
        padding:40px 5% 20px 14%
    }
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap {
    background-color: #53297d;
    padding: 20px;
    color: #fff;
    text-align: left
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap h1 {
    color: #f16e22;
    font-size: 4.8rem;
    line-height: 1em;
    margin-bottom: .1em
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap p {
    font-size: 2.4rem;
    line-height: 1.5em;
    margin-bottom: .5em
}

@media print,screen and (min-width: 48em) {
    .cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap {
        padding-top:20px
    }

    .cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap h1 {
        font-size: 6rem;
        line-height: 1em
    }

    .cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap p {
        font-size: 2.4rem
    }
}

@media print,screen and (min-width: 64em) {
    .cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap {
        padding-top:20px
    }

    .cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap h1 {
        font-size: 7.2rem
    }

    .cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap p {
        font-size: 2.4rem
    }
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap div {
    margin-bottom: .5em
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap div.dollarhandles {
    column-count: 3;
    list-style: none;
    list-style-image: none;
    max-width: 400px;
    padding-left: 0
}

@media only screen and (min-width: 768px) {
    .cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap div.dollarhandles {
        column-count:3;
        list-style: none;
        list-style-image: none;
        max-width: 400px;
        padding-left: 0
    }
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap div.dollarhandles div {
    width: 100%;
    text-align: left;
    display: block;
    break-inside: avoid;
    padding-bottom: 10px
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap div.dollarhandles div button {
    width: 100%;
    background: #fff;
    color: #e70052
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap div.dollarhandles div button:hover {
    background: #9b0037;
    color: #fff
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap div.dollarhandles div button.oxfam-button__box {
    padding: 10px 0
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap div.simplified-only {
    display: none;
    list-style: none;
    margin: 0 auto;
    text-align: left;
    column-count: 1;
    padding: 0
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap div.simplified-only div p {
    font-size: 1.8rem
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap div.othersubmit {
    max-width: 100vw;
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    list-style-image: none;
    text-align: left;
    padding-left: 0;
    margin: 0 auto 0 0
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap div.othersubmit .col {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: .625rem;
    position: relative;
    padding-left: 0
}

@media print,screen and (min-width: 40em) {
    .cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap div.othersubmit .col {
        padding-right:.9375rem;
        padding-left: .9375rem;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: .625rem;
        padding-left: 0
    }
}

@media print,screen and (min-width: 40em)and (min-width:40em) {
    .cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap div.othersubmit .col {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap div.othersubmit .col label {
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    padding-top: 0;
    line-height: 5rem;
    font-size: 2rem;
    font-weight: 700;
    color: #878782
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap div.othersubmit .col input {
    padding-left: 30px;
    border-radius: 4px;
    background: #fff;
    border-color: #888;
    max-width: none
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap div.othersubmit .col .oxfam-button__arrow {
    text-align: left;
    padding-left: 10px;
    font-size: 2rem;
    position: relative
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap div.othersubmit .col .oxfam-button__arrow:hover {
    background: #ad003d
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap div.othersubmit .col .oxfam-button__arrow.red {
    background-color: #e70052;
    color: #fff
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap div.othersubmit .col .oxfam-button__arrow.red:hover {
    background-color: #9b0037;
    color: #fff
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap .subsection.thermometer h3 {
    color: #fff;
    margin-bottom: .5em
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap .subsection.thermometer .progress {
    max-width: 400px;
    display: block;
    background: #fff;
    background-size: cover;
    border-radius: 20px;
    border: 1px solid #44841a;
    height: 30px;
    position: relative;
    width: 100%
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap .subsection.thermometer .progress:before {
    background-image: url(https://s3.amazonaws.com/cdn.oxfamamerica.org/lightbox/thermometer_photo_ticks.svg);
    z-index: 100;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap .subsection.thermometer .progress .progress-meter {
    display: block;
    background-image: linear-gradient(#61a534,#61a534 25%,#44841a 75%,#44841a);
    border-radius: 20px 0 0 20px;
    height: 28px;
    width: 0;
    transition: all 1s ease-in-out
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap .subsection.thermometer .progress .progress-meter.burgundy {
    background-image: linear-gradient(#ad003d,#ad003d 25%,#630235 75%,#630235);
    border: 1px solid #fff
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.emergency {
    background: #000
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.emergency h1 {
    color: #fff;
    font-size: 3.6rem;
    line-height: 1.2em;
    font-family: oxfam_tstar_probold!important;
    font-weight: 700;
    margin-bottom: .1em;
    margin-top: 0;
    border-top: 5px solid #ff1d34
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.emergency p {
    font-size: 1.8rem;
    margin-bottom: .5em
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.emergency p.topline {
    color: #ff1d34;
    font-family: oxfam_tstar_probold!important;
    font-size: 20px;
    margin-bottom: 0;
    padding-bottom: 0;
    text-transform: uppercase
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.emergency ul {
    margin-bottom: .5em;
    padding-left: 0
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.emergency ul li {
    width: 100%;
    text-align: left;
    display: block;
    break-inside: avoid;
    padding-bottom: 10px
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.emergency ul li button.oxfam-button__pointed {
    width: 90%;
    background: #ff1d34;
    border: none;
    color: #fff;
    font-weight: 700;
    height: 42px;
    padding: .5rem 0;
    vertical-align: top;
    line-height: 42px 1;
    text-align: center;
    position: relative;
    font-size: 1.8rem
}

@media only screen and (min-width: 768px) {
    .cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.emergency ul li button.oxfam-button__pointed {
        width:90%
    }
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.emergency ul li button.oxfam-button__pointed:after {
    left: 100%;
    border: 21px solid transparent;
    border-left-color: #ff1d34;
    margin-top: -21px;
    content: " ";
    height: 0;
    top: 50%;
    width: 0;
    position: absolute
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.emergency ul li button.oxfam-button__pointed:hover {
    background: #9b1818
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.emergency ul li button.oxfam-button__pointed:hover:after {
    border-left-color: #9b1818
}

@media only screen and (max-width: 812px) {
    .cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.emergency ul {
        column-count:1
    }
}

@media only screen and (min-width: 812px) {
    .cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.emergency ul {
        column-count:2;
        list-style: none;
        list-style-image: none;
        max-width: 400px;
        padding-left: 0
    }
}

@media only screen and (max-width: 1023px)and (min-width:768px) {
    .cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.emergency ul {
        padding-top:40px
    }

    .cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.emergency ul h1 {
        font-size: 3.8rem
    }

    .cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.emergency ul p {
        font-size: 1.8rem
    }

    .cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.emergency ul ul {
        margin-top: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.emergency ul {
        padding-top:40px
    }

    .cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.emergency ul h1 {
        font-size: 5.6rem
    }

    .cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.emergency ul p {
        font-size: 2.2rem
    }

    .cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.emergency ul ul {
        margin-top: 20px
    }
}

@media only screen and (min-width: 350px) {
    .cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.emergency {
        padding:40px
    }
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.burgundy {
    background-color: #630235;
    color: #fff
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.burgundy h1 {
    color: #fff
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.purple {
    background-color: #53297d;
    color: #fff
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.purple h1 {
    color: #f16e22
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.simplifiedAsk ul.dollarhandles {
    display: none;
    visibility: hidden
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.simplifiedAsk .simplified-only {
    display: block
}

.cmpnt.homepage-splash.hero-home .hero-home-content .content-wrap.animated h1 {
    color: #fff
}

.cmpnt-hero-section {
    background: #44841a;
    background-size: cover;
    color: #fff;
    padding: 20px
}

.cmpnt-hero-section h1 {
    font-size: 35px;
    font-size: 3.5rem;
    margin: 0;
    line-height: 1.2
}

@media only screen and (min-width: 1024px) {
    .cmpnt-hero-section h1 {
        font-size:40px;
        font-size: 4rem
    }
}

.cmpnt-hero-section p {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width: 1024px) {
    .cmpnt-hero-section p {
        font-size:20px;
        font-size: 2rem
    }
}

.hide-show-content {
    width: 200px
}

.show-more,.show-more-mobile {
    overflow: hidden;
    max-height: 0;
    transition: max-height .1s ease-in-out
}

.show-more-mobile.open,.show-more.open {
    max-height: 1000px;
    transition: max-height .1s ease-in-out
}

.images-and-text p {
    margin: 0;
    padding: 0
}

.hero-home-emergency {
    background: #ff1d34 url("../img/hero-home-bg-emergency.1d8330deb19f.gif") 0 bottom no-repeat;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    max-width: 1560px;
    overflow: hidden
}

@media only screen and (max-width: 480px) {
    .hero-home-emergency {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1024px) {
    .hero-home-emergency {
        margin-bottom:20px
    }
}

.hero-home-content-emergency {
    line-height: 1.2;
    padding: 20px;
    text-align: center
}

.hero-home-content-emergency h1 {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-size: 21px;
    font-size: 2.1rem
}

@media only screen and (min-width: 768px)and (max-width:1023px) {
    .hero-home-content-emergency h1 {
        font-size:32px;
        font-size: 3.2rem;
        margin: 0 0 10px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1024px) {
    .hero-home-content-emergency h1 {
        font-size:34px;
        font-size: 3.4rem;
        margin: 0 0 10px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1120px) {
    .hero-home-content-emergency h1 {
        font-size:37.5px;
        font-size: 3.75rem
    }
}

@media only screen and (min-width: 1220px) {
    .hero-home-content-emergency h1 {
        font-size:40px;
        font-size: 4rem;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1300px) {
    .hero-home-content-emergency h1 {
        font-size:40px;
        font-size: 4rem;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1400px) {
    .hero-home-content-emergency h1 {
        font-size:50px;
        font-size: 5rem;
        line-height: 1.2
    }
}

.hero-home-content-emergency p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2;
    display: block
}

@media only screen and (min-width: 1024px) {
    .hero-home-content-emergency p {
        font-size:18px;
        font-size: 1.8rem;
        margin: 0 20px 25px 0;
        display: block
    }
}

@media only screen and (min-width: 1120px) {
    .hero-home-content-emergency p {
        margin-right:20px
    }
}

@media only screen and (min-width: 1200px) {
    .hero-home-content-emergency p {
        font-size:20px;
        font-size: 2rem;
        margin: 0 0 25px;
        display: block
    }
}

@media only screen and (min-width: 768px) {
    .hero-home-content-emergency {
        float:left;
        padding: 40px 5% 20px 6.5%;
        text-align: left;
        width: 50%
    }
}

@media only screen and (min-width: 1120px) {
    .hero-home-content-emergency {
        padding:40px 5% 20px 7%
    }
}

@media only screen and (min-width: 1220px) {
    .hero-home-content-emergency {
        padding:40px 5% 20px 10%
    }
}

@media only screen and (min-width: 1300px) {
    .hero-home-content-emergency {
        padding:40px 5% 20px 12%
    }
}

@media only screen and (min-width: 1400px) {
    .hero-home-content-emergency {
        padding:40px 5% 20px 14%
    }
}

.hero-home-content-emergency a.cmpnt-submit-pointed {
    color: #fff;
    background: #ff1d34;
    line-height: 49px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    transition: all .1s ease-in-out
}

.hero-home-content-emergency a.cmpnt-submit-pointed:after {
    border-left-color: #ff1d34;
    transition: all .1s ease-in-out
}

.hero-home-content-emergency a.cmpnt-submit-pointed:hover {
    color: #fff;
    background: #630235
}

.hero-home-content-emergency a.cmpnt-submit-pointed:hover:after {
    border-left-color: #630235;
    transition: all .1s ease-in-out
}

.hungerbanquet-steps p {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin-bottom: 2.6rem
}

@media print,screen and (min-width: 40em) {
    .hungerbanquet-steps p {
        font-size:2rem;
        line-height: 3rem;
        margin-bottom: 2.6rem
    }
}

.hungerbanquet-steps .steps-title {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    color: #44841a;
    font-size: 2.6rem;
    margin-bottom: 0
}

@media print,screen and (min-width: 40em) {
    .hungerbanquet-steps .steps-title {
        font-size:3.2rem
    }
}

.hungerbanquet-steps .component-ordered-list-result-image img {
    max-height: 207px
}

.hungerbanquet-faq .faq-title {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    color: #f16e22;
    font-size: 2.6rem
}

@media print,screen and (min-width: 40em) {
    .hungerbanquet-faq .faq-title {
        font-size:3.2rem
    }
}

.hungerbanquet-faq .component-ordered-list-result-image img {
    max-height: 207px
}

.hungerbanquet-3action.component-3action {
    background: #fff;
    list-style: none;
    overflow: hidden;
    padding: 0 20px 20px;
    text-align: center
}

@media only screen and (max-width: 480px) {
    .hungerbanquet-3action.component-3action {
        padding:10px 0
    }
}

@media only screen and (min-width: 1024px) {
    .hungerbanquet-3action.component-3action {
        background:transparent;
        border-left: 0;
        padding: 10px 20px 20px
    }
}

@media only screen and (min-width: 768px)and (max-width:1023px) {
    .hungerbanquet-3action.component-3action {
        padding:20px
    }
}

@media only screen and (min-width: 481px)and (max-width:767px) {
    .hungerbanquet-3action.component-3action {
        padding:20px
    }
}

.hungerbanquet-3action.component-3action .component-3action-action {
    border-left: 2px solid #eaeade;
    padding: 20px
}

.hungerbanquet-3action.component-3action .component-3action-action:first-child {
    border-left: 0
}

.hungerbanquet-3action.component-3action .component-3action-action i {
    font-size: 6.5rem
}

@media print,screen and (min-width: 40em) {
    .hungerbanquet-3action.component-3action .component-3action-action i {
        font-size:8.5rem
    }
}

@media only screen and (max-width: 480px) {
    .hungerbanquet-3action.component-3action .component-3action-action {
        border-left:0;
        margin: 0
    }

    .hungerbanquet-3action.component-3action .component-3action-action a {
        padding: 20px 0;
        display: block
    }
}

@media only screen and (min-width: 1024px) {
    .hungerbanquet-3action.component-3action .component-3action-action {
        border-left:0;
        padding: 0 20px 20px
    }
}

.hungerbanquet-3action.component-3action .component-3action-action .component-3action-title {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-weight: 400;
    font-size: 3.2rem;
    margin: 0 0 10px
}

@media print,screen and (min-width: 40em) {
    .hungerbanquet-3action.component-3action .component-3action-action .component-3action-title {
        font-size:3.2rem
    }
}

@media print,screen and (min-width: 64em) {
    .hungerbanquet-3action.component-3action .component-3action-action .component-3action-title {
        font-size:3.2rem
    }
}

.hungerbanquet-3action.component-3action .component-3action-action .component-3action-title.social-proof {
    color: #e70052
}

.hungerbanquet-3action.component-3action .component-3action-action .component-3action-intro {
    color: #545454;
    display: block;
    font-size: 2rem
}

@media only screen and (min-width: 1024px) {
    .hungerbanquet-3action.component-3action .component-3action-action .component-3action-intro {
        display:block;
        margin-right: auto;
        margin-left: auto;
        max-width: 300px
    }
}

.hungerbanquet-3action.component-3action .component-3action-action .component-3action-button {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline
}

@media only screen and (min-width: 1024px) {
    .hungerbanquet-3action.component-3action .component-3action-action .component-3action-button {
        display:-moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom:1;*display: inline
    }
}

.hungerbanquet-3action.component-3action .component-3action-action .hb-printmaterials {
    text-align: center
}

.hungerbanquet-3action.component-3action .component-3action-action .hb-printmaterials label {
    display: block
}

.intro-feature {
    background: #fff;
    padding: 20px;
    margin: 0 0 20px;
    *zoom:1}

.intro-feature:after,.intro-feature:before {
    display: table;
    content: "";
    line-height: 0
}

.intro-feature:after {
    clear: both
}

.intro-feature h1 {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    color: #44841a;
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 15px;
    text-transform: uppercase;
    line-height: 1.2
}

@media only screen and (min-width: 1024px) {
    .intro-feature h1 {
        font-size:40px;
        font-size: 4rem
    }
}

.intro-feature .cmpnt-full-article-main-img,.intro-feature .img-inline-full-width {
    border-bottom: 1px solid #eaeade;
    margin-bottom: 20px
}

.intro-feature .cmpnt-full-article-main-img img,.intro-feature .img-inline-full-width img {
    max-width: 100%
}

.intro-feature .cmpnt-full-article-main-img figcaption,.intro-feature .img-inline-full-width figcaption {
    font-size: 12px;
    font-size: 1.2rem
}

@media only screen and (min-width: 768px) {
    .intro-feature .cmpnt-full-article-main-img figcaption,.intro-feature .img-inline-full-width figcaption {
        text-align:left;
        padding-bottom: 5px
    }
}

.intro-feature dl.component-listing dt a {
    font-weight: 400
}

.intro-feature dl.component-listing dd {
    font-weight: 700;
    font-size: 1.2rem;
    margin: 0 0 15px
}

.intro-feature .error1 {
    color: #0b9cda;
    text-align: center
}

.intro-feature .error1 p {
    font-weight: 400;
    font-size: 20px;
    font-size: 2rem;
    margin: 0 0 15px
}

.intro-feature .error1 p:first-of-type {
    margin: 0 0 auto
}

@media only screen and (min-width: 1024px) {
    .intro-feature .error1 p {
        font-size:28px;
        font-size: 2.8rem
    }
}

.intro-feature .error1 h1 {
    font-size: 50px;
    font-size: 5rem;
    color: #0b9cda
}

@media only screen and (min-width: 1024px) {
    .intro-feature .error1 h1 {
        font-size:180px;
        font-size: 18rem
    }
}

.intro-feature .error1 h2 {
    font-size: 28px;
    font-size: 2.8rem;
    color: #0b9cda
}

.intro-feature .error1 #Search-lg {
    margin: 0 auto;
    padding: 20px;
    *zoom:1}

.intro-feature .error1 #Search-lg:after,.intro-feature .error1 #Search-lg:before {
    display: table;
    content: "";
    line-height: 0
}

.intro-feature .error1 #Search-lg:after {
    clear: both
}

.intro-feature .error1 #Search-lg label {
    display: none
}

.intro-feature .error1 #Search-lg input {
    background: #fff;
    border: 1px solid #eaeade;
    border-right: none;
    color: #545454;
    height: 35px;
    width: 150px;
    box-shadow: none;
    transition: all .1s ease-in-out
}

@media only screen and (min-width: 1024px) {
    .intro-feature .error1 #Search-lg input {
        width:400px
    }
}

@media only screen and (min-width: 768px)and (max-width:1023px) {
    .intro-feature .error1 #Search-lg input {
        width:400px
    }
}

.intro-feature .error1 #Search-lg input:-moz-placeholder {
    color: #44841a;
    font-size: 18px;
    font-size: 1.8rem
}

.intro-feature .error1 #Search-lg input:-ms-input-placeholder {
    color: #44841a;
    font-size: 18px;
    font-size: 1.8rem
}

.intro-feature .error1 #Search-lg input::-webkit-input-placeholder {
    color: #44841a;
    font-size: 18px;
    font-size: 1.8rem
}

.intro-feature .error1 #Search-lg input:focus {
    background-color: #f7f7f7;
    transition: all .1s ease-in-out
}

.intro-feature .error1 #Search-lg button {
    background: #44841a;
    border: 0;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    height: 45px;
    left: -5px;
    line-height: 30px;
    padding: 0 6px;
    position: relative;
    text-indent: -9999em;
    top: -2px;
    width: 35px;
    transition: all .1s ease-in-out
}

.intro-feature .error1 #Search-lg button:after {
    content: "";
    font-family: ous-icons;
    height: 35px;
    left: 0;
    line-height: 35px;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: 5px;
    width: 35px;
    font-size: 30px;
    font-size: 3rem
}

.intro-feature .error1 #Search-lg button:hover {
    color: #f2f2f2;
    transition: all .1s ease-in-out
}

.intro-feature .error2 {
    color: #e43989;
    text-align: center
}

.intro-feature .error2 p {
    font-weight: 400;
    font-size: 20px;
    font-size: 2rem;
    margin: 0 0 15px
}

.intro-feature .error2 p:first-of-type {
    margin: 0 0 auto
}

@media only screen and (min-width: 1024px) {
    .intro-feature .error2 p {
        font-size:28px;
        font-size: 2.8rem
    }
}

.intro-feature .error2 h1 {
    font-size: 50px;
    font-size: 5rem;
    color: #e43989
}

@media only screen and (min-width: 1024px) {
    .intro-feature .error2 h1 {
        font-size:180px;
        font-size: 18rem
    }
}

.intro-feature .error2 h2 {
    font-size: 28px;
    font-size: 2.8rem;
    color: #e43989
}

.intro-feature .cmpnt-grid {
    background-color: #fff;
    padding: 0;
    margin: 0;
    display: block
}

@media only screen and (min-width: 481px)and (max-width:767px) {
    .intro-feature .cmpnt-grid {
        column-count:2;
        column-gap: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .intro-feature .cmpnt-grid {
        column-count:2;
        column-gap: 20px
    }
}

.intro-feature .cmpnt-grid .cell {
    background-color: #eaeade;
    height: content;
    padding: 10px;
    margin: 0 0 20px;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700
}

.intro-feature .cmpnt-grid .cell:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .intro-feature .cmpnt-grid .cell {
        font-size:16px;
        font-size: 1.6rem;
        padding: 10px;
        margin: 0 0 20px
    }

    .intro-feature .cmpnt-grid .cell:last-child {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1024px) {
    .intro-feature .cmpnt-grid .cell {
        padding:20px
    }
}

.intro-feature .cmpnt-grid .cell h3 {
    font-size: 18px;
    font-size: 1.8rem
}

.intro-feature .cmpnt-grid .cell a {
    font-size: 16px;
    font-size: 1.6rem;
    display: block
}

.intro-feature .cmpnt-grid .cell p {
    font-weight: 400
}

@media only screen and (min-width: 768px) {
    .intro-feature .cmpnt-grid .cell p {
        font-size:16px;
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1024px) {
    .intro-feature .cmpnt-grid .cell p {
        font-size:14px;
        font-size: 1.4rem
    }
}

.intro-feature .cmpnt-grid2 {
    background-color: #fff;
    padding: 0
}

@media only screen and (min-width: 1024px) {
    .intro-feature .cmpnt-grid2 {
        column-count:2;
        column-gap: 20px
    }
}

.intro-feature .cmpnt-grid2 h3 {
    font-size: 18px;
    font-size: 1.8rem
}

.intro-feature .cmpnt-grid2 .cell {
    background-color: #eaeade;
    padding: 20px;
    margin: 0 0 20px
}

.intro-feature .cmpnt-grid2 .cell:first-child {
    margin-top: 0
}

.intro-feature .cmpnt-grid2 .cell:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 1024px) {
    .intro-feature .cmpnt-grid2 .cell {
        margin:0;
        min-height: 240px
    }
}

.intro-feature .cmpnt-grid2 .cell p {
    font-weight: 400
}

@media only screen and (min-width: 768px) {
    .intro-feature .cmpnt-grid2 .cell p {
        font-size:16px;
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1024px) {
    .intro-feature .cmpnt-grid2 .cell p {
        font-size:14px;
        font-size: 1.4rem
    }
}

.intro-feature .vcard {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 0
}

.cmpnt-latest-feed-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.cmpnt-latest-feed-item {
    border-top: 1px solid #eaeade;
    padding: 20px 0 20px 70px;
    position: relative
}

.cmpnt-latest-feed-item:first-child {
    border-top: 0
}

.cmpnt-latest-feed-item .cmpnt-latest-feed-image {
    left: 0;
    position: absolute;
    top: 20px;
    width: 50px
}

.cmpnt-latest-feed-title {
    font-size: 13px;
    font-size: 1.3rem;
    margin: 0 0 5px
}

.cmpnt-latest-feed-time {
    color: #888;
    display: block;
    font-size: 11px;
    font-size: 1.1rem;
    font-style: italic
}

.cmpnt-latest-feed-intro {
    color: #333;
    font-size: 13px;
    font-size: 1.3rem;
    margin: 0 0 5px
}

.cmpnt-latest-feed-intro em {
    font-style: normal;
    font-weight: 700
}

.cmpnt-latest-feed-more {
    border-top: 1px solid #eaeade;
    padding: 20px 0 0;
    display: block;
    font-weight: 700;
    margin: 20px 0 0
}

.cmpnt-latest-feed-tweets .cmpnt-body {
    list-style: none;
    margin: 0;
    padding: 0
}

.cmpnt-latest-feed-tweets-container {
    padding-left: 0
}

.cmpnt-link-block .cmpnt-body {
    font-size: 0;
    padding: 10px
}

.cmpnt-link-block .cmpnt-title {
    margin: 0
}

@media only screen and (max-width: 480px) {
    .cmpnt-link-block .cmpnt-title {
        margin:20px 0 0
    }
}

.cmpnt-link-block-link {
    border: 10px solid #fff;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    vertical-align: top;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .cmpnt-link-block-link {
        font-size:16px;
        font-size: 1.6rem;
        width: 50%
    }
}

.cmpnt-link-block-link a {
    display: block;
    min-height: 40px
}

.cmpnt-link-block-link i {
    float: left;
    background: #0b9cda;
    color: #fff;
    padding: 4px;
    margin: 0 8px 0 0;
    vertical-align: top;
    font-size: 25px;
    font-size: 2.5rem
}

@media only screen and (min-width: 1024px) {
    .cmpnt-link-block-link i {
        font-size:32px;
        font-size: 3.2rem;
        vertical-align: middle
    }
}

.cmpnt-link-block-link img {
    width: 30px;
    height: 30px;
    margin: 0 5px 0 0;
    vertical-align: top
}

@media only screen and (min-width: 1024px) {
    .cmpnt-link-block-link img {
        vertical-align:middle;
        width: 40px;
        height: 40px
    }
}

.flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus {
    outline: none
}

.flex-control-nav,.flex-direction-nav,.slides {
    margin: 0;
    padding: 0;
    list-style: none
}

.flexslider {
    margin: 0;
    padding: 0
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.flexslider .slides img {
    width: 100%;
    height: auto;
    display: block
}

.flex-pauseplay span {
    text-transform: capitalize
}

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .slides {
    display: block
}

* html .slides {
    height: 1%
}

.no-js .slides>li:first-child {
    display: block
}

.flexslider {
    position: relative;
    zoom:1}

.flex-viewport {
    max-height: 2000px;
    transition: all 1s ease
}

.loading .flex-viewport {
    max-height: 300px
}

.flexslider .slides {
    zoom:1}

.carousel li {
    margin-right: 20px
}

.flex-direction-nav {
    *height: 0
}

.flex-direction-nav a {
    width: 50px;
    height: 75px;
    margin: -37px 0 0;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    transition: all .3s ease
}

.flex-direction-nav .flex-next {
    right: -50px
}

.flex-direction-nav .flex-prev {
    left: -50px
}

.flex-direction-nav .flex-disabled {
    cursor: default
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center
}

.flex-control-nav li {
    margin: 0 6px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    cursor: pointer;
    text-indent: -9999px
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0,0,0,.7)
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0,0,0,.9);
    cursor: default
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 20px
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer
}

.flex-control-thumbs img:hover {
    opacity: 1
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default
}

.flexslider-thumbs-n-text {
    background-color: #f5f5f5;
    padding: 40px 60px
}

#carousel .slides>li {
    margin-left: 5px
}

#carousel .slides>li:first-child {
    margin-left: 0
}

#carousel li {
    box-shadow: inset 0 0 0 #0c884a,inset 0 0 0 #0c884a;
    cursor: pointer
}

#carousel li.flex-active-slide img {
    display: block;
    position: relative;
    z-index: -1
}

#carousel li.flex-active-slide a {
    display: block;
    box-shadow: inset 4px 4px 0 #0c884a,inset -4px -4px 0 #0c884a;
    z-index: 1
}

#captions {
    margin-top: 20px
}

#captions .slides>li h4 {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 0 10px
}

#captions .slides>li p {
    font-size: 14px;
    font-size: 1.4rem
}

#captions .slides>li small {
    font-size: 11px;
    font-size: 1.1rem
}

section.media-gallery {
    background: #fff;
    padding: 20px
}

.fancy-bottom {
    padding-bottom: 10px;
    background: #000 url("../img/strip-green-desktop.59496e59b0a2.png") no-repeat 0 100%
}

.slider-bottom {
    display: none
}

@media only screen and (min-width: 1024px) {
    .slider-bottom {
        font-size:13px;
        font-size: 1.3rem;
        display: block;
        padding: 20px 0
    }
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-next,.flex-direction-nav .flex-prev {
        display:none
    }

    .flexslider-thumbs-n-text {
        padding: 20px;
        background: #fff
    }

    section.media-gallery {
        padding: 0 20px
    }

    #carousel .slides>li {
        margin-left: 10px
    }
}

.media-gallery .slider {
    height: auto;
    background-color: #000;
    margin-top: 0;
    margin-bottom: 0
}

.media-gallery .slick-slide {
    height: auto
}

.media-gallery .slick-slide img {
    width: 100%
}

.slick-slider {
    -khtml-user-select: none
}

.slick-loading .slick-list {
    background: #fff url("../img/ajax-loader.c5cd7f530057.gif") 50% no-repeat
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/slick.ced611daf770.eot");
    src: url("../fonts/slick.ced611daf770.eot?#iefix") format("embedded-opentype"),url("../fonts/slick.b7c9e1e479de.woff") format("woff"),url("../fonts/slick.d41f55a78e6f.ttf") format("truetype"),url("../fonts/slick.f97e3bbf7325.svg#slick") format("svg")
}

.slick-next,.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    z-index: 100;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    border: none;
    background: transparent
}

.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover {
    color: transparent;
    outline: none
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    color: #61a534;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,.slick-dots li button {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:focus,.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

.slider,.slider-captions,.slider-nav {
    visibility: hidden
}

.slick-initialized {
    visibility: visible
}

.slider-thumbs-n-text {
    background-color: #eee;
    padding: 40px 60px
}

.slider .slick-next,.slider .slick-prev {
    width: 30px;
    height: 30px
}

.slider .slick-next:before,.slider .slick-prev:before {
    font-family: slick;
    font-size: 30px;
    line-height: 1;
    opacity: .75;
    color: #fff
}

.slider .slick-next:hover:before,.slider .slick-prev:hover:before {
    color: #483d8b
}

.slider .slick-prev {
    left: 5px
}

.slider .slick-next {
    right: 5px
}

.slider-nav button {
    width: 50px;
    height: 75px;
    margin: -37px 0 0;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    transition: all .3s ease
}

.slider-nav .slick-next {
    right: -60px;
    background-image: url("../img/next.ae5cbe916a99.png")
}

.slider-nav .slick-next,.slider-nav .slick-prev {
    background-repeat: no-repeat;
    background-size: 40px 40px;
    top: 60px
}

.slider-nav .slick-prev {
    left: -50px;
    background-image: url("../img/prev.ffa6de1ee5dc.png")
}

.slider-nav .slick-next.disabled {
    background-image: url("../img/next_gray.d9422b181ea2.png");
    cursor: default
}

.slider-nav .slick-prev.disabled {
    background-image: url("../img/prev_gray.579bc877afec.png");
    cursor: default
}

.slider-nav .slick-slide {
    margin: 5px;
    box-shadow: inset 0 0 0 #483d8b,inset 0 0 0 #483d8b;
    cursor: pointer
}

.slider-nav img {
    border: 4px solid #eee
}

.slider-nav .on img {
    display: block;
    position: relative;
    border: 4px solid #483d8b;
    box-shadow: inset 4px 4px 0 #483d8b,inset -4px -4px 0 #483d8b;
    z-index: 1
}

.slider-captions {
    margin-top: 20px
}

.slider-captions .slick-slide h4 {
    font-size: 16px;
    margin: 0 0 10px
}

.slider-captions .slick-slide p {
    font-size: 14px
}

.slider-captions .slick-slide small {
    font-size: 11px
}

@media only screen and (min-width: 801px) {
    .slider-nav.undersize .slick-track {
        width:100%!important;
        transform: translateZ(0)!important
    }
}

.slider-nav.undersize .slick-list {
    padding: 0 5px!important
}

.slider-nav.undersize .slick-slide {
    max-width: 120px!important
}

.cmpnt-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
    padding-top: 20px;
    position: relative
}

.cmpnt-video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.video-thumb {
    max-height: 80px;
    overflow: hidden
}

.video-thumb img {
    width: 100%
}

.slider-nav .on .video-thumb {
    border: 4px solid #483d8b;
    box-shadow: inset 4px 4px 0 #483d8b,inset -4px -4px 0 #483d8b;
    display: block;
    position: relative;
    z-index: 1
}

.slider-nav .on .video-thumb img {
    border: 0;
    box-shadow: none
}

#PrimaryNav .dropdown-panel {
    display: none
}

@media print,screen and (min-width: 40em) {
    #PrimaryNav.dropdown li.navbar {
        position:static!important
    }
}

@media only screen and (min-width: 40em)and (min-width:768px) {
    #PrimaryNav.dropdown li.navbar a.donate {
        position:relative;
        transition: all .1s ease-in-out
    }

    #PrimaryNav.dropdown li.navbar a.donate:hover .dropdown {
        display: block
    }
}

@media only screen and (min-width: 40em)and (min-width:768px)and (min-width:1300px) {
    #PrimaryNav.dropdown li.navbar a.donate:after {
        display:block;
        border: 31px solid transparent;
        border-left-color: #f16e22;
        content: " ";
        height: 0;
        position: absolute;
        pointer-events: none;
        right: -62px;
        top: 0;
        width: 0;
        transition: border .1s ease-in-out
    }

    #PrimaryNav.dropdown li.navbar a.donate.current,#PrimaryNav.dropdown li.navbar a.donate:active,#PrimaryNav.dropdown li.navbar a.donate:focus,#PrimaryNav.dropdown li.navbar a.donate:hover {
        background: #bb4c0c
    }

    #PrimaryNav.dropdown li.navbar a.donate.current:after,#PrimaryNav.dropdown li.navbar a.donate:active:after,#PrimaryNav.dropdown li.navbar a.donate:focus:after,#PrimaryNav.dropdown li.navbar a.donate:hover:after {
        transition: border .1s ease-in-out;
        border-left-color: #bb4c0c
    }
}

@media print,screen and (min-width: 40em) {
    #PrimaryNav.dropdown li.navbar.is-active .dropdown-panel {
        visibility:visible;
        opacity: 1;
        display: block;
        transform: translateY(0);
        transition: opacity .3s 0s,visibility .3s 0s,transform .3s 0s
    }
}

@media print,screen and (min-width: 40em) {
    #PrimaryNav.dropdown li.navbar.is-active>a {
        background:#336114
    }

    #PrimaryNav.dropdown li.navbar.is-active>a.donate {
        background: #bb4c0c
    }

    #PrimaryNav.dropdown li.navbar.is-active>a.donate:after {
        transition: border .1s ease-in-out;
        border-left-color: #bb4c0c
    }

    #PrimaryNav.dropdown li.navbar.is-active>a.donate.current,#PrimaryNav.dropdown li.navbar.is-active>a.donate:active,#PrimaryNav.dropdown li.navbar.is-active>a.donate:focus,#PrimaryNav.dropdown li.navbar.is-active>a.donate:hover {
        background: #bb4c0c
    }

    #PrimaryNav.dropdown li.navbar.is-active>a.donate.current:after,#PrimaryNav.dropdown li.navbar.is-active>a.donate:active:after,#PrimaryNav.dropdown li.navbar.is-active>a.donate:focus:after,#PrimaryNav.dropdown li.navbar.is-active>a.donate:hover:after {
        transition: border .1s ease-in-out;
        border-left-color: #bb4c0c
    }
}

@media print,screen and (min-width: 40em) {
    #PrimaryNav.dropdown .dropdown-panel {
        z-index:1000;
        position: absolute;
        top: 100%;
        left: 0;
        height: auto;
        width: 100%;
        max-width: 1220px;
        background: #fff;
        opacity: 0;
        visibility: hidden;
        display: none;
        transform: translateY(30px);
        transition: opacity .3s 0s,visibility 0s .3s,transform .3s 0s;
        padding: 20px;
        border: none;
        box-shadow: 0 4px 2px rgba(226,226,215,.96)
    }

    #PrimaryNav.dropdown .dropdown-panel .columncount {
        column-count: 3
    }
}

@media print,screen and (min-width: 40em)and (min-width:49.0625em) {
    #PrimaryNav.dropdown .dropdown-panel .columncount {
        column-count:4
    }
}

@media print,screen and (min-width: 40em) {
    #PrimaryNav.dropdown .dropdown-panel li {
        width:100%;
        text-align: left;
        display: block;
        page-break-inside: avoid;
        break-inside: avoid
    }

    #PrimaryNav.dropdown .dropdown-panel li a {
        color: #44841a;
        background: transparent;
        font-size: 2rem;
        line-height: 2.2rem;
        padding: 12px 0 8px;
        font-weight: 600
    }

    #PrimaryNav.dropdown .dropdown-panel li a:active,#PrimaryNav.dropdown .dropdown-panel li a:hover {
        color: #336114
    }

    #PrimaryNav.dropdown .dropdown-panel li a .icon-new-tab {
        padding-left: 5px
    }
}

@media print,screen and (min-width: 40em) {
    #PrimaryNav.dropdown .dropdown-panel li.is-dropdown-submenu-parent a.donate {
        background:#f16e22
    }

    #PrimaryNav.dropdown .dropdown-panel li.is-dropdown-submenu-parent a.donate.current,#PrimaryNav.dropdown .dropdown-panel li.is-dropdown-submenu-parent a.donate:active,#PrimaryNav.dropdown .dropdown-panel li.is-dropdown-submenu-parent a.donate:focus,#PrimaryNav.dropdown .dropdown-panel li.is-dropdown-submenu-parent a.donate:hover {
        background: #bb4c0c
    }

    #PrimaryNav.dropdown .dropdown-panel li.is-dropdown-submenu-parent a.donate.current:after,#PrimaryNav.dropdown .dropdown-panel li.is-dropdown-submenu-parent a.donate:active:after,#PrimaryNav.dropdown .dropdown-panel li.is-dropdown-submenu-parent a.donate:focus:after,#PrimaryNav.dropdown .dropdown-panel li.is-dropdown-submenu-parent a.donate:hover:after {
        transition: border .1s ease-in-out;
        border-left-color: #bb4c0c
    }
}

@media only screen and (min-width: 40em)and (min-width:768px) {
    #PrimaryNav.dropdown .dropdown-panel li.is-dropdown-submenu-parent a.donate {
        position:relative;
        transition: all .1s ease-in-out
    }

    #PrimaryNav.dropdown .dropdown-panel li.is-dropdown-submenu-parent a.donate:hover .dropdown {
        display: block
    }
}

@media only screen and (min-width: 40em)and (min-width:768px)and (min-width:1300px) {
    #PrimaryNav.dropdown .dropdown-panel li.is-dropdown-submenu-parent a.donate:after {
        display:block;
        border: 31px solid transparent;
        border-left-color: #f16e22;
        content: " ";
        height: 0;
        position: absolute;
        pointer-events: none;
        right: -62px;
        top: 0;
        width: 0;
        transition: border .1s ease-in-out
    }

    #PrimaryNav.dropdown .dropdown-panel li.is-dropdown-submenu-parent a.donate.current,#PrimaryNav.dropdown .dropdown-panel li.is-dropdown-submenu-parent a.donate:active,#PrimaryNav.dropdown .dropdown-panel li.is-dropdown-submenu-parent a.donate:focus,#PrimaryNav.dropdown .dropdown-panel li.is-dropdown-submenu-parent a.donate:hover {
        background: #bb4c0c
    }

    #PrimaryNav.dropdown .dropdown-panel li.is-dropdown-submenu-parent a.donate.current:after,#PrimaryNav.dropdown .dropdown-panel li.is-dropdown-submenu-parent a.donate:active:after,#PrimaryNav.dropdown .dropdown-panel li.is-dropdown-submenu-parent a.donate:focus:after,#PrimaryNav.dropdown .dropdown-panel li.is-dropdown-submenu-parent a.donate:hover:after {
        transition: border .1s ease-in-out;
        border-left-color: #bb4c0c
    }
}

@media print,screen and (min-width: 40em) {
    #PrimaryNav.dropdown .dropdown-panel .additional_content.donate_content {
        background:#eaeade;
        width: auto!important;
        margin: -20px -20px 20px
    }

    #PrimaryNav.dropdown .dropdown-panel .additional_content .nav-snippet {
        background: transparent;
        margin-bottom: 0
    }

    #PrimaryNav.dropdown .dropdown-panel .additional_content .nav-snippet h1 {
        color: #44841a;
        margin-bottom: 0
    }
}

@media print,screen and (min-width: 40em)and (min-width:49.0625em) {
    #PrimaryNav.dropdown .dropdown-panel .additional_content .nav-snippet h1 {
        font-size:5.2rem
    }
}

@media print,screen and (min-width: 40em) {
    #PrimaryNav.dropdown .dropdown-panel .additional_content .nav-snippet .nav-snippet-content ul.dollarhandles {
        column-count:3
    }

    #PrimaryNav.dropdown .dropdown-panel .additional_content .nav-snippet .nav-snippet-content ul.dollarhandles li {
        margin-bottom: 10px
    }

    #PrimaryNav.dropdown .dropdown-panel .additional_content .nav-snippet .nav-snippet-content ul.dollarhandles li button {
        width: 100%;
        font-size: 1.6rem;
        line-height: 2.4rem
    }
}

@media print,screen and (min-width: 40em)and (min-width:49.0625em) {
    #PrimaryNav.dropdown .dropdown-panel .additional_content .nav-snippet .nav-snippet-content ul.dollarhandles li button {
        font-size:1.8rem;
        line-height: 3rem
    }
}

@media print,screen and (min-width: 40em) {
    #PrimaryNav.dropdown .dropdown-panel .additional_content .nav-snippet .nav-snippet-content ul.othersubmit {
        margin-top:20px
    }

    #PrimaryNav.dropdown .dropdown-panel .additional_content .nav-snippet .nav-snippet-content ul.othersubmit li {
        text-align: center!important
    }

    #PrimaryNav.dropdown .dropdown-panel .additional_content .nav-snippet .nav-snippet-content ul.othersubmit li input[type=number] {
        background: #fff;
        font-size: 2.4rem;
        border: none;
        display: none
    }

    #PrimaryNav.dropdown .dropdown-panel .additional_content .nav-snippet .nav-snippet-content ul.othersubmit li button {
        width: 60%
    }

    #PrimaryNav.dropdown .dropdown-panel .additional_content .nav-snippet .nav-snippet-content ul.othersubmit li .oxfam-button__pointed {
        font-size: 2.4rem;
        height: 50px
    }

    #PrimaryNav.dropdown .dropdown-panel .additional_content .nav-snippet .nav-snippet-content ul.othersubmit li .oxfam-button__pointed:after {
        border-left-color: #f16e22;
        border-width: 2.4rem;
        margin-top: -2.4rem
    }

    #PrimaryNav.dropdown .dropdown-panel .additional_content .nav-snippet .nav-snippet-content ul.othersubmit li .oxfam-button__pointed:active,#PrimaryNav.dropdown .dropdown-panel .additional_content .nav-snippet .nav-snippet-content ul.othersubmit li .oxfam-button__pointed:focus,#PrimaryNav.dropdown .dropdown-panel .additional_content .nav-snippet .nav-snippet-content ul.othersubmit li .oxfam-button__pointed:hover {
        background-color: #bb4c0c
    }

    #PrimaryNav.dropdown .dropdown-panel .additional_content .nav-snippet .nav-snippet-content ul.othersubmit li .oxfam-button__pointed:active:after,#PrimaryNav.dropdown .dropdown-panel .additional_content .nav-snippet .nav-snippet-content ul.othersubmit li .oxfam-button__pointed:focus:after,#PrimaryNav.dropdown .dropdown-panel .additional_content .nav-snippet .nav-snippet-content ul.othersubmit li .oxfam-button__pointed:hover:after {
        border-left-color: #bb4c0c
    }
}

@media print,screen and (min-width: 40em) {
    @supports not (column-span:all) {
        #PrimaryNav.dropdown .dropdown-panel.donate_content {
            margin:0!important
        }
    }
}

@media print,screen and (min-width: 40em) {
    #PrimaryNav.dropdown ul.level3.is-dropdown-submenu {
        position:relative;
        top: auto;
        left: auto;
        display: block;
        border: none;
        column-count: 1
    }

    #PrimaryNav.dropdown ul.level3.is-dropdown-submenu li {
        display: block
    }

    #PrimaryNav.dropdown ul.level3.is-dropdown-submenu li a {
        font-family: oxfam_tstar_promedium,Roboto-Regular-webfont,Arial,sans-serif;
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 2.2rem;
        padding-top: 5px;
        padding-bottom: 5px
    }

    #PrimaryNav.dropdown ul.level3.is-dropdown-submenu li ul.level4.is-dropdown-submenu {
        position: relative;
        top: auto;
        left: auto;
        display: block;
        border: none;
        column-count: 1
    }

    #PrimaryNav.dropdown ul.level3.is-dropdown-submenu li ul.level4.is-dropdown-submenu li {
        display: block;
        padding-left: 10px
    }

    #PrimaryNav.dropdown ul.level3.is-dropdown-submenu li ul.level4.is-dropdown-submenu li a {
        font-family: oxfam_tstar_promedium,Roboto-Regular-webfont,Arial,sans-serif;
        font-weight: 400;
        font-size: 1.6rem;
        color: #545454;
        line-height: 2.2rem;
        padding-top: 5px;
        padding-bottom: 5px
    }

    #PrimaryNav.dropdown ul.level3.is-dropdown-submenu li ul.level4.is-dropdown-submenu li a:hover {
        color: #000
    }
}

.skip-link.menu-button {
    display: block;
    padding: 20px .5em .5em;
    background: #fff;
    float: right;
    width: 60px;
    height: 60px;
    margin-left: 20px
}

.skip-link .burger-icon {
    margin-left: 10px;
    position: relative;
    margin-top: 8px;
    margin-bottom: 8px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.skip-link .burger-icon,.skip-link .burger-icon:after,.skip-link .burger-icon:before {
    display: block;
    width: 25px;
    height: 3px;
    background-color: #44841a;
    outline: 1px solid transparent;
    transition-property: background-color,transform;
    transition-duration: .3s
}

.skip-link .burger-icon:after,.skip-link .burger-icon:before {
    position: absolute;
    content: ""
}

.skip-link .burger-icon:before {
    top: -8px
}

.skip-link .burger-icon:after {
    top: 8px
}

.skip-link.menu-button.is-active .burger-icon {
    background-color: transparent
}

.skip-link.menu-button.is-active .burger-icon:after,.skip-link.menu-button.is-active .burger-icon:before {
    background-color: #44841a
}

.skip-link.menu-button.is-active .burger-icon:before {
    transform: translateY(8px) rotate(45deg)
}

.skip-link.menu-button.is-active .burger-icon:after {
    transform: translateY(-8px) rotate(-45deg)
}

.contentwrap.is-active {
    background: #333;
    opacity: .7
}

@media print,screen and (max-width: 47.99875em) {
    .primary-nav-wrap {
        background:#eaeade
    }
}

#PrimaryNav.accordion-menu {
    text-align: left;
    border-top: 1px solid #336114
}

#PrimaryNav.accordion-menu li {
    border-bottom: 2px solid #336114
}

#PrimaryNav.accordion-menu li a {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    box-shadow: none
}

#PrimaryNav.accordion-menu li:last-child {
    border-bottom: 0
}

#PrimaryNav.accordion-menu li a.donate+button.submenu-toggle {
    background: #f16e22
}

#PrimaryNav.accordion-menu .submenu-toggle {
    border-left: 1px solid #eaeade;
    color: #fff;
    background: #44841a;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 64px;
    width: 64px;
    font-size: 44px;
    padding-top: 0
}

@media print,screen and (min-width: 40em) {
    #PrimaryNav.accordion-menu .submenu-toggle {
        display:none!important
    }
}

#PrimaryNav.accordion-menu .submenu-toggle[aria-expanded=true] {
    background: #336114
}

#PrimaryNav.accordion-menu .submenu-toggle:after {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iMC4tUXVhcmstLy1JY29uLS8tVUktLy0rIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMTMuNSwyLjc1NTQ1NTNlLTE2IEwxMy41LDEwLjUgTDI0LDEwLjUgTDI0LDEzLjUgTDEzLjQ5OSwxMy41IEwxMy41LDI0IEwxMC41LDI0IEwxMC40OTksMTMuNSBMMCwxMy41IEwwLDEwLjUgTDEwLjUsMTAuNSBMMTAuNSwtMi43NTU0NTUzZS0xNiBMMTMuNSwyLjc1NTQ1NTNlLTE2IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=);
    border: 0;
    color: #fff;
    width: auto;
    height: auto
}

#PrimaryNav.accordion-menu .submenu-toggle[aria-expanded=true]:after {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIxMC41IiB3aWR0aD0iMjQiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgPC9nPgo8L3N2Zz4=);
    transform: none;
    transform-origin: none
}

#PrimaryNav.accordion-menu ul.nested {
    margin-left: 0;
    padding-left: 0;
    background: #fff
}

#PrimaryNav.accordion-menu ul.nested li {
    border-bottom: 1px solid #eaeade
}

#PrimaryNav.accordion-menu ul.nested li a {
    color: #44841a;
    background: #fff;
    font-size: 18px;
    padding-top: 22px;
    padding-bottom: 24px;
    font-weight: 600
}

#PrimaryNav.accordion-menu ul.nested li a:hover {
    color: #336114
}

#PrimaryNav.accordion-menu ul.nested li a .icon-new-tab {
    padding-left: 5px
}

#PrimaryNav.accordion-menu ul.nested li ul.is-accordion-submenu.nested {
    padding-left: 2rem;
    padding-right: 2rem
}

#PrimaryNav.accordion-menu ul.nested li ul.is-accordion-submenu.nested.is-active {
    border-top: 1px solid #eaeade
}

#PrimaryNav.accordion-menu ul.nested li ul.is-accordion-submenu.nested li a {
    font-family: oxfam_tstar_promedium,Roboto-Regular-webfont,Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    padding-top: 18px;
    padding-bottom: 18px
}

#PrimaryNav.accordion-menu ul.nested li ul.is-accordion-submenu.nested li ul.is-accordion-submenu.nested li a {
    color: #545454;
    font-weight: 400;
    font-size: 16px;
    font-family: oxfam_tstar_promedium,Roboto-Regular-webfont,Arial,sans-serif
}

#PrimaryNav.accordion-menu ul.nested li ul.is-accordion-submenu.nested .submenu-toggle {
    border: 1px solid #fff;
    background: #fff;
    color: #44841a;
    height: 44px;
    width: 44px;
    font-size: 38px;
    margin: 4px 0 4px 4px
}

#PrimaryNav.accordion-menu ul.nested li ul.is-accordion-submenu.nested .submenu-toggle[aria-expanded=true] {
    background: #eaeade
}

#PrimaryNav.accordion-menu ul.nested li ul.is-accordion-submenu.nested .submenu-toggle:after {
    color: #44841a;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU3ICg4MzA3NykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+MC4gUXVhcmsgLyBJY29uIC8gVUkgLyArPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IjAuLVF1YXJrLS8tSWNvbi0vLVVJLS8tKyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTEzLjUsMi43NTU0NTUzZS0xNiBMMTMuNSwxMC41IEwyNCwxMC41IEwyNCwxMy41IEwxMy40OTksMTMuNSBMMTMuNSwyNCBMMTAuNSwyNCBMMTAuNDk5LDEzLjUgTDAsMTMuNSBMMCwxMC41IEwxMC41LDEwLjUgTDEwLjUsLTIuNzU1NDU1M2UtMTYgTDEzLjUsMi43NTU0NTUzZS0xNiBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGw9IiM2MUE1MzQiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+)
}

#PrimaryNav.accordion-menu ul.nested li ul.is-accordion-submenu.nested .submenu-toggle[aria-expanded=true]:after {
    background: #eaeade;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU3ICg4MzA3NykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+MC4gUXVhcmsgLyBJY29uIC8gVUkgLyAtPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IjAuLVF1YXJrLS8tSWNvbi0vLVVJLS8tLSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iIzYxQTUzNCIgeD0iMCIgeT0iMTAuNSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjMiPjwvcmVjdD4KICAgIDwvZz4KPC9zdmc+)
}

#PrimaryNav.accordion-menu ul.nested li:last-child {
    border-bottom: 0
}

#PrimaryNav.accordion-menu ul.nested .submenu-toggle {
    padding-top: 0;
    background: #fff;
    color: #44841a;
    height: 64px;
    width: 64px;
    font-size: 44px;
    border: 1px solid #fff;
    border-left-color: #eaeade
}

#PrimaryNav.accordion-menu ul.nested .submenu-toggle[aria-expanded=true] {
    background: #eaeade
}

#PrimaryNav.accordion-menu ul.nested .submenu-toggle:after {
    color: #44841a;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU3ICg4MzA3NykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+MC4gUXVhcmsgLyBJY29uIC8gVUkgLyArPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IjAuLVF1YXJrLS8tSWNvbi0vLVVJLS8tKyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTEzLjUsMi43NTU0NTUzZS0xNiBMMTMuNSwxMC41IEwyNCwxMC41IEwyNCwxMy41IEwxMy40OTksMTMuNSBMMTMuNSwyNCBMMTAuNSwyNCBMMTAuNDk5LDEzLjUgTDAsMTMuNSBMMCwxMC41IEwxMC41LDEwLjUgTDEwLjUsLTIuNzU1NDU1M2UtMTYgTDEzLjUsMi43NTU0NTUzZS0xNiBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGw9IiM2MUE1MzQiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+)
}

#PrimaryNav.accordion-menu ul.nested .submenu-toggle[aria-expanded=true]:after {
    background: #eaeade;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU3ICg4MzA3NykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+MC4gUXVhcmsgLyBJY29uIC8gVUkgLyAtPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IjAuLVF1YXJrLS8tSWNvbi0vLVVJLS8tLSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iIzYxQTUzNCIgeD0iMCIgeT0iMTAuNSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjMiPjwvcmVjdD4KICAgIDwvZz4KPC9zdmc+)
}

#PrimaryNav.dropdown li {
    text-align: center
}

#PrimaryNav.dropdown a:after {
    display: none;
    margin-top: 0
}

@media print,screen and (max-width: 47.99875em) {
    #TertiaryNav {
        display:block;
        background: #eaeade;
        column-count: 2;
        padding: 20px 10px
    }

    #TertiaryNav li {
        width: 100%;
        border-left: none;
        padding: 5px 0
    }
}

.offsite.reveal {
    background: #44841a;
    border: 0;
    text-align: center;
    color: #fff
}

@media print,screen and (min-width: 64em) {
    .offsite.reveal {
        max-width:1024px
    }
}

.offsite.reveal p {
    padding-left: 20px;
    padding-right: 20px
}

.offsite.reveal a {
    color: #fff
}

.offsite.reveal a:hover {
    color: #eaeade
}

.offsite.reveal a.cmpnt-submit-pointed {
    background-color: #630235;
    margin-top: 20px
}

.offsite.reveal a.cmpnt-submit-pointed:after {
    border-left-color: #630235
}

.offsite.reveal a.cmpnt-submit-pointed:hover {
    background-color: #e70052
}

.offsite.reveal a.cmpnt-submit-pointed:hover:after {
    border-left-color: #e70052
}

.offsite.reveal .modal-close a {
    text-decoration: underline
}

.offsite.reveal .modal-close a:active,.offsite.reveal .modal-close a:hover {
    text-decoration: none
}

.offsite.reveal.oxfamaction {
    background: #630235;
    color: #fff
}

@media print,screen and (min-width: 64em) {
    .offsite.reveal.oxfamaction {
        max-width:1024px
    }
}

.offsite.reveal.oxfamaction h2.modal-headline {
    font-size: 2.8rem;
    padding-top: 40px;
    margin-bottom: 20px
}

@media print,screen and (min-width: 64em) {
    .offsite.reveal.oxfamaction h2.modal-headline {
        font-size:4.2rem;
        padding-top: 40px
    }
}

.offsite.reveal.oxfamaction p {
    font-size: 1.6rem
}

@media print,screen and (min-width: 64em) {
    .offsite.reveal.oxfamaction p {
        font-size:2.4rem;
        max-width: 80%;
        margin: 0 auto
    }
}

.offsite.reveal.oxfamaction p.modal-copytext {
    background-image: url("../img/OAAF_H_W.0b4a7d12c7f7.svg");
    background-repeat: no-repeat;
    padding-bottom: 80px;
    background-position: bottom;
    background-size: 200px 52px
}

@media screen and (orientation: landscape)and (max-width:63.99875em) {
    .offsite.reveal.oxfamaction p.modal-copytext {
        background-image:none;
        padding-bottom: 20px
    }
}

@media print,screen and (min-width: 64em) {
    .offsite.reveal.oxfamaction p.modal-copytext {
        background-size:300px 79px;
        max-width: 8 0;
        padding-bottom: 120px
    }
}

@media print,screen and (min-width: 64em) {
    .offsite.reveal.oxfamaction p.modal-button {
        margin-top:40px
    }
}

.offsite.reveal.oxfamaction p.modal-close {
    font-size: 1.6rem;
    padding-bottom: 20px
}

@media print,screen and (min-width: 64em) {
    .offsite.reveal.oxfamaction p.modal-close {
        padding-top:20px
    }
}

.offsite.reveal.oxfamaction a {
    color: #fff
}

.offsite.reveal.oxfamaction a.cmpnt-submit-pointed {
    color: #fff;
    background: #e70052
}

.offsite.reveal.oxfamaction a.cmpnt-submit-pointed:after {
    border-left-color: #e70052
}

.offsite.reveal.oxfamaction a.cmpnt-submit-pointed:hover {
    background: #9b0037
}

.offsite.reveal.oxfamaction a.cmpnt-submit-pointed:hover:after {
    border-left-color: #9b0037
}

.offsite.reveal.oxfamaction a.button__arrow {
    color: #44841a
}

.modal {
    color: #fff
}

.modal--green {
    background-color: #44841a
}

.modal--green a.oxfam-button__arrow,.modal--green button.oxfam-button__arrow {
    background-color: #e70052;
    color: #fff
}

.modal--black {
    background-color: #000
}

.modal--black h2 {
    color: #ff1d34
}

.modal--black a.oxfam-button__arrow,.modal--black button.oxfam-button__arrow {
    background-color: #ff1d34;
    color: #fff
}

.modal--black input:focus {
    border-color: #ff1d34
}

.modal--burgundy {
    background-color: #630235
}

.modal--purple {
    background-color: #53297d
}

.modal--purple h2 {
    color: #f16e22
}

.modal--purple a.oxfam-button__arrow,.modal--purple button.oxfam-button__arrow {
    background-color: #f16e22;
    color: #fff
}

.modal--purple input:focus {
    border-color: #f16e22
}

.modal-image__wrapper {
    flex-shrink: 0;
    height: 100%
}

.modal.reveal {
    border: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    max-width: 840px;
    max-height: 400px;
    overflow: hidden
}

.modal__disclaimer {
    font-size: 1.2rem
}

.modal__disclaimer a {
    color: #fff;
    text-decoration: underline
}

.modal__disclaimer a:hover {
    text-decoration: none
}

.modal .oxfam-button__close {
    background-image: url(https://s3.amazonaws.com/oxfam-us/static/lightbox/img/close.svg);
    background-repeat: no-repeat;
    width: 29px;
    height: 29px;
    position: absolute;
    top: 4px;
    right: 4px
}

.modal .slick-slider {
    margin-bottom: 0
}

.modal-donation-form {
    width: 100%;
    max-width: 840px;
    max-height: 400px
}

.modal-donation-form__wrapper {
    display: flex
}

.modal-donation-form__content {
    display: flex;
    flex-direction: column;
    align-self: flex-end;
    width: 360px
}

.modal-donation-form__content h2 {
    font-family: oxfam_tstar_proheadline;
    text-transform: uppercase;
    font-size: 4.2rem;
    line-height: 1em;
    text-align: left;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px
}

.modal-donation-form__content p {
    font-family: oxfam_tstar_probold;
    font-size: 2.4rem;
    line-height: 1.2em;
    text-align: left;
    max-width: 100%;
    margin-bottom: .5em;
    padding-left: 10px;
    padding-right: 10px
}

.modal-donation-form__content p.modal__disclaimer {
    font-size: 1.2rem
}

.modal-donation-form__content label {
    text-align: left;
    width: 100%;
    font-size: 1.6rem;
    color: #fff;
    font-family: oxfam_tstar_proregular
}

.modal-donation-form__content .column,.modal-donation-form__content .columns {
    display: flex
}

.modal-donation-form__content .column span.amount-dollarsign,.modal-donation-form__content .columns span.amount-dollarsign {
    text-align: left;
    font-family: oxfam_tstar_proregular;
    margin-bottom: 0;
    padding-bottom: 0;
    position: absolute;
    padding-top: 4px;
    line-height: 4.2rem;
    font-size: 2.4rem;
    font-weight: 700;
    color: #878782
}

.modal-donation-form__content .column input,.modal-donation-form__content .columns input {
    padding-left: 20px;
    border-radius: 4px;
    border-color: #cacaca;
    background-color: #fff
}

.modal-donation-form__content .column input:focus,.modal-donation-form__content .columns input:focus {
    border-color: #44841a
}

.modal-donation-form__content form {
    margin-bottom: 10px
}

.modal-donation-form__content button.oxfam-button__arrow {
    width: 100%;
    text-align: left;
    padding-left: 30px
}

.modal-donation-form__content button.modal-donation-form__button--link {
    font-size: 1.4rem;
    width: 100%;
    text-align: left;
    color: #fff
}

.modal-donation-form__content svg.logo {
    margin-top: 0
}

.modal-donation-form__headline {
    padding-top: 10px;
    text-decoration: underline;
    font-size: 2rem!important;
    text-transform: uppercase
}

.modal-donation-form__image {
    width: 480px;
    display: flex
}

.modal-image-form {
    width: 100%;
    max-width: 840px;
    max-height: 400px;
    align-self: flex-start
}

.modal-image-form__wrapper {
    display: flex
}

.modal-image-form__content {
    display: flex;
    flex-direction: column;
    align-self: center;
    width: 360px
}

.modal-image-form__content h2 {
    font-family: oxfam_tstar_proheadline;
    text-transform: uppercase;
    font-size: 4.2rem;
    font-weight: 400;
    line-height: 1em;
    text-align: left;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px
}

.modal-image-form__content p {
    font-family: oxfam_tstar_probold;
    font-size: 2rem;
    line-height: 1.5em;
    text-align: left;
    max-width: 100%;
    margin-bottom: .5em;
    padding-left: 10px;
    padding-right: 10px
}

.modal-image-form__content p.modal__disclaimer {
    font-size: 1.2rem
}

.modal-image-form__content form {
    display: flex;
    flex-flow: row wrap;
    margin: 10px
}

.modal-image-form__content .modal__input {
    flex-basis: 100%;
    margin-bottom: 10px
}

.modal-image-form__content .modal__submit {
    flex-basis: 60%
}

.modal-image-form__content .modal__logo {
    flex-basis: 35%;
    margin: 0 auto
}

.modal-image-form__content .modal__logo svg.ox-horiz {
    margin-top: 0
}

.modal-image-form__content label {
    text-align: left;
    width: 100%;
    font-size: 1.6rem;
    color: #fff;
    font-family: oxfam_tstar_proregular
}

.modal-image-form__content input {
    padding-left: 20px;
    border-radius: 4px;
    border-color: #cacaca;
    background-color: #fff
}

.modal-image-form__content input:focus {
    border-color: #44841a
}

.modal-image-form__content svg {
    margin-top: 0
}

.modal-image-form__content button.oxfam-button__arrow {
    width: 100%;
    text-align: left;
    padding-left: 20px
}

.modal-image-form__content button.modal-image-form__button--link {
    font-size: 1.4rem;
    width: 100%;
    text-align: left;
    color: #fff
}

.modal-image-form__content button.oxfam-button__close {
    position: relative;
    margin-left: 326px;
    margin-top: 4px;
    top: auto;
    right: auto
}

.modal-image-form__heading--large {
    text-transform: uppercase;
    font-weight: 700
}

.modal-image-form__image {
    width: 480px;
    display: flex
}

.modal-form-slide__wrapper {
    display: flex;
    width: 840px
}

.modal-form-slide__content {
    display: flex;
    flex-direction: column;
    align-self: center;
    margin: 10px;
    text-align: center
}

.modal-form-slide__content h2 {
    font-family: oxfam_tstar_proheadline;
    font-size: 6rem;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 1.4rem
}

.modal-form-slide__content p {
    font-size: 2.4rem;
    font-family: oxfam_tstar_probold
}

.modal-form-slide__content p.modal__disclaimer {
    font-size: 1.2rem
}

.modal-form-slide__content button.modal-form-slide__button--link {
    font-size: 1.4rem;
    width: 100%;
    text-align: center;
    color: #fff;
    text-decoration: underline
}

.modal-form-slide__content form {
    display: flex;
    flex-flow: row wrap
}

.modal-form-slide__final {
    width: 100%;
    max-width: 840px;
    max-height: 400px;
    align-self: flex-start;
    padding-left: 120px;
    padding-right: 120px
}

.modal-form-slide__final h2,.modal-form-slide__final p {
    color: #fff
}

.modal-form-slide__slide {
    width: 100%;
    max-width: 840px;
    max-height: 400px;
    align-self: flex-start;
    background-color: #fff;
    border: 10px solid #44841a;
    padding-left: 120px;
    padding-right: 120px
}

.modal-form-slide__slide h2 {
    color: #53297d;
    line-height: 1em
}

.modal-form-slide__slide p {
    color: #53297d;
    line-height: 1.2em;
    margin-bottom: 0
}

.modal-form-slide__slide p.modal__disclaimer {
    color: #53297d
}

.modal-form-slide__slide p.modal__disclaimer a {
    color: #53297d;
    text-decoration: underline
}

.modal-form-slide__slide form {
    display: flex;
    flex-flow: row wrap;
    margin: 10px;
    gap: 10px
}

.modal-form-slide__slide .modal__input {
    flex-basis: 50%;
    margin-bottom: 0;
    align-self: flex-end
}

.modal-form-slide__slide .modal__input label {
    text-align: left;
    color: #545454
}

.modal-form-slide__slide .modal__input input {
    margin-bottom: 0;
    border-radius: 4px;
    border-color: #cacaca;
    background-color: #fff
}

.modal-form-slide__slide .modal__input input:focus {
    border-color: #44841a
}

.modal-form-slide__slide .modal__submit {
    flex-basis: 30%;
    align-self: flex-end
}

.modal-form-slide__slide .modal__submit button.oxfam-button__arrow {
    text-align: left
}

.modal-form-slide__slide .modal__logo {
    display: none
}

.modal-form-slide__slide .modal__optout {
    flex: 1;
    align-self: flex-end;
    text-align: center
}

.modal-form-slide__slide .modal__optout .modal-form__opt-out-button {
    color: #e70052;
    text-decoration: underline;
    font-family: oxfam_tstar_proregular
}

.reveal svg.ox-h,.reveal svg.ox-horiz {
    margin-top: 20px
}

.block-multiple-rows .component-ordered-list-result-title {
    text-align: center;
    font-size: 2.4rem;
    line-height: 1.2;
    margin-bottom: 0
}

@media print,screen and (min-width: 48em) {
    .block-multiple-rows .component-ordered-list-result-title {
        text-align:left
    }
}

.block-multiple-rows .component-ordered-list-result-image {
    text-align: center
}

@media print,screen and (min-width: 48em) {
    .block-multiple-rows .block-accordion .component-body-content__content.cmpnt-expand {
        float:left;
        width: 100%;
        padding-right: 200px
    }
}

.block-multiple-rows .component-ordered-list-result-container {
    order: 1
}

@media print,screen and (min-width: 48em) {
    .block-multiple-rows .component-ordered-list-result-container {
        order:2
    }
}

.block-multiple-rows .component-ordered-list-result-title-wrapper {
    order: 2
}

.block-multiple-rows .component-ordered-list-result-image {
    order: 1;
    padding: 0;
    margin-bottom: 2rem
}

@media print,screen and (min-width: 48em) {
    .block-multiple-rows .component-ordered-list-result-image {
        order:1
    }
}

.block-multiple-rows .component-ordered-list-result-image img {
    max-width: 100%;
    border: 1px solid #eaeade;
    max-height: 160px
}

.block-multiple-rows .component-ordered-list-result-image .no-max-height {
    max-height: none!important
}

.block-multiple-rows .component-ordered-list-result-content {
    text-align: center
}

.block-multiple-rows .component-ordered-list-result-content .expand {
    text-align: left
}

.block-multiple-rows .component-ordered-list-result-content .expand-content {
    text-align: left;
    padding-left: 0
}

@media print,screen and (min-width: 48em) {
    .block-multiple-rows .component-ordered-list-result-content {
        text-align:left
    }
}

.cmpnt-ordered-list {
    background: #fff;
    padding: 20px
}

.cmpnt-ordered-list-results {
    list-style: none;
    margin: 0;
    padding: 0
}

.cmpnt-ordered-list-result {
    border-top: 1px solid #eaeade;
    min-height: 140px;
    padding: 20px 0 20px 80px;
    position: relative
}

.cmpnt-ordered-list-result:first-child {
    border-top: 0
}

.cmpnt-ordered-list-result .extra-bottom-padding {
    padding-bottom: 70px!important
}

@media only screen and (min-width: 800px) {
    .cmpnt-ordered-list-result {
        min-height:140px;
        padding-left: 180px
    }
}

@media only screen and (min-width: 1200px) {
    .cmpnt-ordered-list-result {
        padding-bottom:50px
    }
}

.cmpnt-ordered-list-result-title {
    font-size: 2.4rem;
    line-height: 1em;
    margin-top: 0;
    margin-bottom: 20px
}

@media only screen and (min-width: 800px) {
    .cmpnt-ordered-list-result-title {
        font-size:2.4rem;
        line-height: 1em
    }
}

.cmpnt-ordered-list-result-title .remove-bottom-margin {
    margin-bottom: 1px!important
}

.cmpnt-ordered-list-result-copy {
    margin: 0 0 20px
}

.cmpnt-ordered-list-result-copy .vertical-image-height-adjustment {
    min-height: 0
}

@media only screen and (min-width: 800px) {
    .cmpnt-ordered-list-result-copy .vertical-image-height-adjustment {
        min-height:100px
    }
}

.cmpnt-ordered-list-result-image {
    left: 0;
    position: absolute;
    top: 20px;
    width: 60px;
    border: 1px solid #eaeade
}

.cmpnt-ordered-list-result-image .no-max-height {
    max-height: none!important
}

@media only screen and (min-width: 800px) {
    .cmpnt-ordered-list-result-image {
        width:160px
    }
}

.cmpnt-ordered-list-events .cmpnt-ordered-list-result {
    margin: 0;
    padding: 0
}

.cmpnt-ordered-list-events .cmpnt-ordered-list-result-title {
    font-size: 20px;
    font-size: 2rem;
    margin: 20px 0 10px
}

@media only screen and (min-width: 800px) {
    .cmpnt-ordered-list-events .cmpnt-ordered-list-result-title {
        font-size:22px;
        font-size: 2.2rem
    }
}

.cmpnt-ordered-list-events time {
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6rem
}

.cmpnt-ordered-list-events .cmpnt-read-more {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 20px 0
}

@media only screen and (min-width: 800px) {
    .cmpnt-ordered-list-events .cmpnt-read-more {
        font-size:16px;
        font-size: 1.6rem
    }
}

.cmpnt-ordered-list-publication {
    position: relative
}

.cmpnt-ordered-list-publication:before {
    border-bottom: 3px solid #eaeade;
    content: "";
    position: absolute;
    left: 25%;
    bottom: 0;
    height: 15px;
    width: 50%
}

.cmpnt-ordered-list-publication .cmpnt-ordered-list-result {
    min-height: 117.57574px
}

@media only screen and (min-width: 800px) {
    .cmpnt-ordered-list-publication .cmpnt-ordered-list-result {
        min-height:246.86864px
    }
}

.cmpnt-ordered-list-publication:last-of-type:before {
    border-bottom: 0
}

.cmpnt-ordered-list-people {
    background: #fff;
    padding: 20px
}

.cmpnt-ordered-list-people .cmpnt-ordered-list-result .cmpnt-ordered-list-result-copy {
    margin-top: 20px
}

.cmpnt-ordered-list-people .cmpnt-ordered-list-result-title {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0
}

@media only screen and (min-width: 800px) {
    .cmpnt-ordered-list-people .cmpnt-ordered-list-result-title {
        font-size:22px;
        font-size: 2.2rem
    }
}

.cmpnt-ordered-list-people .cmpnt-people-title {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 0 20px
}

@media only screen and (min-width: 800px) {
    .cmpnt-ordered-list-people .cmpnt-people-title {
        font-size:16px;
        font-size: 1.6rem
    }
}

.cmpnt-ordered-list-people.summary_bio .cmpnt-ordered-list-result .cmpnt-ordered-list-result-copy p {
    display: none
}

.cmpnt-ordered-list-people.summary_bio .cmpnt-ordered-list-result .cmpnt-ordered-list-result-copy p:first-of-type {
    display: block
}

.component-ordered-list {
    background: #fff;
    padding: 20px
}

.component-ordered-list-results {
    list-style: none;
    margin: 0;
    padding: 0
}

.component-ordered-list-result {
    border-top: 1px solid #eaeade;
    padding: 40px 0 20px 20px
}

.component-ordered-list-result:first-child {
    border-top: 0;
    padding-top: 20px
}

.component-ordered-list-result .extra-bottom-padding {
    padding-bottom: 70px!important
}

@media only screen and (min-width: 800px) {
    .component-ordered-list-result {
        padding-left:20px
    }
}

@media only screen and (min-width: 1200px) {
    .component-ordered-list-result {
        padding-bottom:50px
    }
}

.component-ordered-list-result-title {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-top: 0;
    margin-bottom: 5px
}

@media print,screen and (min-width: 40em) {
    .component-ordered-list-result-title {
        font-size:2.8rem;
        line-height: 3.8rem;
        margin-bottom: 0
    }
}

.component-ordered-list-result-title .remove-bottom-margin {
    margin-bottom: 1px!important
}

.component-ordered-list-result-copy {
    margin: 0 0 20px;
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media print,screen and (min-width: 40em) {
    .component-ordered-list-result-copy {
        font-size:2rem;
        line-height: 3rem
    }
}

.component-ordered-list-result-copy .vertical-image-height-adjustment {
    min-height: 0
}

@media only screen and (min-width: 800px) {
    .component-ordered-list-result-copy .vertical-image-height-adjustment {
        min-height:100px
    }
}

.component-ordered-list-result-container {
    order: 1
}

@media print,screen and (min-width: 40em) {
    .component-ordered-list-result-container {
        order:2
    }
}

.component-ordered-list-result-image {
    order: 2;
    padding: 0
}

@media print,screen and (min-width: 40em) {
    .component-ordered-list-result-image {
        order:1
    }
}

.component-ordered-list-result-image img {
    max-width: 100%;
    border: 1px solid #eaeade;
    max-height: 160px
}

.component-ordered-list-result-image .no-max-height {
    max-height: none!important
}

.component-ordered-list-events .component-ordered-list-result {
    margin: 0;
    padding: 0
}

.component-ordered-list-events .component-ordered-list-result-title {
    font-size: 20px;
    font-size: 2rem;
    margin: 20px 0 10px
}

@media only screen and (min-width: 800px) {
    .component-ordered-list-events .component-ordered-list-result-title {
        font-size:22px;
        font-size: 2.2rem
    }
}

.component-ordered-list-events time {
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6rem
}

.component-ordered-list-events .component-read-more {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 20px 0
}

@media only screen and (min-width: 800px) {
    .component-ordered-list-events .component-read-more {
        font-size:16px;
        font-size: 1.6rem
    }
}

.component-ordered-list-publication .component-ordered-list-result {
    min-height: 117.57574px
}

@media only screen and (min-width: 800px) {
    .component-ordered-list-publication .component-ordered-list-result {
        min-height:246.86864px
    }
}

.component-ordered-list-people {
    background: #fff;
    padding: 20px
}

.component-ordered-list-people .component-ordered-list-result .component-ordered-list-result-copy {
    margin-top: 20px
}

.component-ordered-list-people .component-ordered-list-result-title {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0
}

@media only screen and (min-width: 800px) {
    .component-ordered-list-people .component-ordered-list-result-title {
        font-size:22px;
        font-size: 2.2rem
    }
}

.component-ordered-list-people .component-people-title {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 0 20px
}

@media only screen and (min-width: 800px) {
    .component-ordered-list-people .component-people-title {
        font-size:16px;
        font-size: 1.6rem
    }
}

.component-ordered-list-flex.component-ordered-list-people .component-ordered-list-result {
    display: flex;
    flex-flow: column
}

@media screen and (min-width: 48em) {
    .component-ordered-list-flex.component-ordered-list-people .component-ordered-list-result {
        flex-flow:row
    }
}

.component-ordered-list-flex.component-ordered-list-people .component-ordered-list-result--wrapper-content {
    order: 2
}

.component-ordered-list-flex.component-ordered-list-people .component-ordered-list-result--wrapper-image {
    order: 1
}

@media screen and (min-width: 48em) {
    .component-ordered-list-flex.component-ordered-list-people .component-ordered-list-result--wrapper-image {
        flex:0 0 180px
    }
}

.cmpnt-people-detail {
    background: #fff;
    padding: 20px;
    position: relative;
    line-height: 1.5
}

@media only screen and (min-width: 768px) {
    .cmpnt-people-detail {
        min-height:175px;
        line-height: 1.5
    }
}

.cmpnt-people-detail p {
    clear: left
}

.cmpnt-people-detail .pull-quote p {
    font-weight: 700;
    font-size: 1.1em;
    margin-bottom: 20px
}

.cmpnt-people-detail-name {
    color: #44841a;
    font-size: 2.4rem;
    line-height: 1em;
    margin: 0 0 10px;
    padding: 0
}

@media print,screen and (min-width: 40em) {
    .cmpnt-people-detail-name {
        font-size:5.4rem;
        line-height: 1em
    }
}

.cmpnt-people-detail-title {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 0 20px;
    font-size: 20px;
    font-size: 2rem
}

@media only screen and (min-width: 768px) {
    .cmpnt-people-detail-title {
        min-height:auto;
        padding-left: 0;
        font-size: 16px;
        font-size: 1.6rem
    }
}

.cmpnt-people-detail-meta-block {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 20px 0 0;
    padding-right: 20px;
    padding-bottom: 20px;
    vertical-align: top;
    width: 100%
}

.cmpnt-people-detail-meta-block h3 {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0;
    padding: 0
}

.cmpnt-people-detail-tags {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0;
    padding: 0 0 20px
}

.cmpnt-people-detail-image {
    width: auto;
    display: block;
    float: none;
    margin-bottom: 10px
}

.cmpnt-people-detail-image img {
    max-width: 100%
}

.cmpnt-people-photo-download {
    clear: left;
    border-bottom: 3px solid #eaeade;
    list-style: none;
    margin: 20px 0;
    padding: 0 0 20px
}

.cmpnt-people-photo-download li {
    margin-top: 20px
}

.cmpnt-people-photo-download a:link,.cmpnt-people-photo-download a:visited {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    padding-left: 0
}

.cmpnt-people-photo-download a:link span,.cmpnt-people-photo-download a:visited span {
    color: #545454;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400
}

.cmpnt-people-photo-download .fa-picture-o:before {
    font-family: FontAwesome;
    content: "";
    font-weight: 400;
    font-style: normal;
    padding-right: 5px
}

.cmpnt-people-detail-share {
    background: #eaeade;
    margin: 0;
    padding: 20px
}

.cmpnt-people-detail-share h3 {
    color: #545454;
    font-size: 14px;
    font-size: 1.4rem
}

.cmpnt-publication-detail {
    background: #fff;
    padding: 20px;
    position: relative;
    line-height: 1.5
}

.cmpnt-publication-detail h3 {
    font-size: 20px;
    font-size: 2rem
}

@media only screen and (min-width: 768px) {
    .cmpnt-publication-detail {
        min-height:150px;
        padding-left: 280px;
        line-height: 1.5
    }
}

.cmpnt-publication-detail p {
    clear: left
}

.cmpnt-publication-detail-title {
    font-family: Arial,Helvetica,sans-serif;
    color: #44841a;
    min-height: 75px;
    margin: 0;
    padding-left: 140px;
    font-size: 22px;
    font-size: 2.2rem
}

@media only screen and (min-width: 768px) {
    .cmpnt-publication-detail-title {
        min-height:auto;
        padding-left: 0;
        font-size: 27px;
        font-size: 2.7rem
    }
}

.cmpnt-publication-detail-image {
    float: left;
    margin-bottom: 20px;
    width: 120px;
    border: 1px solid #eaeade
}

@media only screen and (min-width: 768px) {
    .cmpnt-publication-detail-image {
        width:240px;
        position: absolute;
        left: 20px;
        top: 20px
    }
}

.cmpnt-publication-detail-meta-block {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 20px 0 0;
    padding-right: 20px;
    vertical-align: top;
    width: 48%
}

.cmpnt-publication-detail-meta-block h3 {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0
}

.cmpnt-publication-detail-downloads {
    border-top: 3px solid #eaeade;
    list-style: none;
    margin: 0 0 40px;
    padding: 0
}

.cmpnt-publication-detail-downloads li {
    margin-top: 20px
}

.cmpnt-publication-detail-downloads a:link,.cmpnt-publication-detail-downloads a:visited {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700
}

.cmpnt-publication-detail-downloads a:link span,.cmpnt-publication-detail-downloads a:visited span {
    color: #545454;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400
}

.cmpnt-publication-detail-downloads a:link.sprite-file-pdf:before,.cmpnt-publication-detail-downloads a:visited.sprite-file-pdf:before {
    content: "";
    margin-right: 5px;
    display: inline-block;
    background-image: url("../img/sprite-sca9a7bbc0b.fea2f35c54b3.png");
    background-position: -120px -75px;
    width: 25px;
    height: 26px
}

.cmpnt-publication-detail-share {
    background: #eaeade;
    margin: 0;
    padding: 20px
}

.cmpnt-publication-detail-share h3 {
    color: #545454;
    font-size: 14px;
    font-size: 1.4rem
}

.component-content .component-quote {
    padding: 20px;
    background: transparent
}

.component-content .component-quote .component-icon {
    text-align: center
}

.component-content .component-quote .icon {
    color: #44841a;
    font-size: 5rem;
    text-align: center
}

.component-content .component-quote p {
    font-size: 1.6rem;
    line-height: 2.6rem
}

@media print,screen and (min-width: 40em) {
    .component-content .component-quote p {
        font-size:2rem;
        line-height: 3rem
    }
}

.component-content.pattern {
    background: #44841a url("../img/quote-green-background.405223bf05dd.png") no-repeat 0 0;
    background-size: cover
}

.component-content.pattern .component-quote {
    padding: 20px;
    background: transparent
}

.component-content.pattern .component-quote .icon {
    color: #fff;
    font-size: 5rem;
    text-align: center
}

.component-content.pattern .component-quote p {
    color: #fff;
    font-size: 2rem;
    line-height: 2.6rem;
    text-align: center;
    font-family: oxfam_tstar_probold
}

@media print,screen and (min-width: 40em) {
    .component-content.pattern .component-quote p {
        font-size:2.8rem;
        line-height: 3.4rem
    }
}

.component-content.pattern .component-quote p.quoted {
    text-transform: uppercase
}

.component-content.pattern .component-quote p.quoted>strong {
    font-family: oxfam_tstar_proheadline
}

.component-content.pattern .component-attribution .component-credit {
    font-size: 2rem;
    line-height: 2.6rem;
    font-family: oxfam_tstar_probold;
    color: #fff;
    text-align: center
}

@media print,screen and (min-width: 40em) {
    .component-content.pattern .component-attribution .component-credit {
        font-size:2.4rem;
        line-height: 3rem
    }
}

.component-content.pattern .component-attribution .component-credit__name {
    text-transform: uppercase;
    font-family: oxfam_tstar_proheadline
}

.component-content.pattern .component-attribution .component-credit__affiliation {
    text-transform: uppercase;
    margin-left: 0
}

.theme-emergency .component-content.pattern,.theme-saving-lives .component-content.pattern {
    background: #ff1d34 url("../img/hero-home-bg-emergency.1d8330deb19f.gif") no-repeat 0 0;
    background-size: cover
}

.cmpnt-related-action {
    background: #fff;
    padding: 20px;
    font-size: 16px;
    font-size: 1.6rem
}

@media only screen and (min-width: 768px) {
    .cmpnt-related-action {
        font-size:14px;
        font-size: 1.4rem
    }
}

.cmpnt-related-action-title {
    background: #e43989 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2MzkgOTUiIHdpZHRoPSI2MzkuMHB0IiA+CjxwYXRoIGQ9Ik0gMC4wMCAwLjAwIEwgNDExLjQ2IDAuMDAgQyAzOTQuNTQgMzIuMDAgMzc2Ljg4IDYzLjY1IDM1OC43OCA5NS4wMCBMIDAuMDAgOTUuMDAgTCAwLjAwIDAuMDAgWiIgZmlsbD0iI2ZjMDE3ZSIgLz4KPHBhdGggZD0iTSA0MTEuNDYgMC4wMCBMIDQyNC4xMiAwLjAwIEwgNDI0LjY1IDAuNTYgQyA0MzcuMjEgMTIuNjIgNDUwLjk4IDI1LjQ0IDQ2My4xOCAzNy44MiBDIDQ4MC41MyA1NS41MCA0OTcuNTEgNzMuNDkgNTEzLjk1IDkyLjAyIEMgNTE0LjUyIDkyLjcyIDUxNS4wNSA5My40NSA1MTUuNTMgOTQuMjEgTCA1MTYuMTIgOTUuMDAgTCAzNTguNzggOTUuMDAgQyAzNzYuODggNjMuNjUgMzk0LjU0IDMyLjAwIDQxMS40NiAwLjAwIFoiIGZpbGw9IiM4MTAxYTkiIC8+CjxwYXRoIGQ9Ik0gNDI0LjEyIDAuMDAgTCA2MzkuMDAgMC4wMCBMIDYzOS4wMCA5NS4wMCBMIDUxNi4xMiA5NS4wMCBMIDUxNS41MyA5NC4yMSBDIDUxNS4wNSA5My40NSA1MTQuNTIgOTIuNzIgNTEzLjk1IDkyLjAyIEMgNDk3LjUxIDczLjQ5IDQ4MC41MyA1NS41MCA0NjMuMTggMzcuODIgQyA0NTAuOTggMjUuNDQgNDM3LjIxIDEyLjYyIDQyNC42NSAwLjU2IEwgNDI0LjEyIDAuMDAgWiIgZmlsbD0iI2IzMDA0OSIgLz4KPC9zdmc+) no-repeat 100% 0;
    background-size: cover;
    color: #fff;
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-size: 26px;
    font-size: 2.6rem;
    margin: 0 -20px;
    padding: 10px 20px;
    position: relative;
    top: -20px
}

.cmpnt-related-content .cmpnt-body {
    overflow: hidden;
    padding: 0 20px 20px
}

@media only screen and (min-width: 650px) {
    .cmpnt-related-content .cmpnt-body {
        display:-moz-flex;
        display: -ms-flex;
        display: flex
    }
}

@media print,screen and (min-width: 40em) {
    .cmpnt-related-content .cmpnt-body {
        padding:0
    }
}

.cmpnt-related-content-article {
    background: #f5f5f5;
    border-top: 20px solid #fff;
    margin-right: 20px;
    float: left;
    font-size: 14px;
    font-size: 1.4rem;
    width: 100%
}

.cmpnt-related-content-article:first-child {
    width: 100%
}

.cmpnt-related-content-article h3 {
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-size: 1.8rem;
    line-height: 1.25em
}

.cmpnt-related-content-article h3 .icon-new-tab {
    padding-left: 5px;
    vertical-align: text-top
}

@media only screen and (min-width: 650px) {
    .cmpnt-related-content-article {
        display:table-cell;
        float: none;
        width: 33.33%
    }

    .cmpnt-related-content-article:first-child {
        width: 33.33%
    }

    .cmpnt-related-content-article:last-child {
        margin-right: 0
    }
}

.empty {
    background: #fff
}

.cmpnt-related-content-article img {
    width: 100%
}

.cmpnt-related-links-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.cmpnt-related-links-link {
    border-top: 1px solid #eaeade;
    margin: 20px 0 0;
    padding: 20px 0 0
}

.cmpnt-related-links-link:first-child {
    border-top: 0;
    margin-top: 0
}

.cmpnt-related-links-link .with-image {
    display: block;
    padding-left: 40px
}

.cmpnt-related-links-title {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    margin: 0 0 10px
}

.cmpnt-related-links-title .filesize {
    color: #888;
    font-size: 12px;
    font-size: 1.2rem
}

.cmpnt-related-links-type {
    border-right: 1px solid #545454;
    color: #888;
    font-size: 11px;
    font-size: 1.1rem;
    font-style: italic;
    padding-right: 4px
}

.cmpnt-related-links .cmpnt-article-date {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom:1;*display: inline;
    margin: 0
}

.component-search-bar {
    background: #fff;
    padding: 20px;
    margin: 0 0 20px
}

.component-search-bar__content__form input[type=search] {
    -moz-appearance: none;
    font-size: 2.4rem;
    width: 100%;
    height: 44px;
    padding: 0
}

.component-search-bar__content__form .help-inline {
    font-size: 2rem;
    padding-left: 0;
    width: 100%
}

@media print,screen and (min-width: 40em) {
    .component-search-bar__content__form .help-inline {
        font-size:2.4rem
    }
}

@media print,screen and (min-width: 64em) {
    .component-search-bar__content__form .help-inline {
        font-size:3.2rem;
        height: 62px
    }
}

input[type=search] {
    color: #545454;
    -webkit-appearance: searchfield
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button
}

@media print,screen and (min-width: 64em) {
    .component-ordered-list-search.component-ordered-list h2.component-search-query-results {
        font-size:3.2rem
    }
}

.component-ordered-list-search.component-ordered-list .component-ordered-list-results .component-ordered-list-result {
    padding-left: 0
}

.component-ordered-list-search.component-ordered-list .component-ordered-list-results .component-ordered-list-result .component-ordered-list-result-container .component-article-section {
    font-size: 1.4rem
}

@media print,screen and (min-width: 40em) {
    .component-ordered-list-search.component-ordered-list .component-ordered-list-results .component-ordered-list-result .component-ordered-list-result-container .component-article-section {
        font-size:1.4rem
    }
}

@media print,screen and (min-width: 64em) {
    .component-ordered-list-search.component-ordered-list .component-ordered-list-results .component-ordered-list-result .component-ordered-list-result-container .component-article-section {
        font-size:1.6rem;
        line-height: 1.4rem
    }
}

@media print,screen and (min-width: 40em) {
    .component-ordered-list-search.component-ordered-list .component-ordered-list-results .component-ordered-list-result .component-ordered-list-result-container .component-ordered-list-result-title {
        font-size:2rem;
        line-height: 3rem
    }
}

@media print,screen and (min-width: 64em) {
    .component-ordered-list-search.component-ordered-list .component-ordered-list-results .component-ordered-list-result .component-ordered-list-result-container .component-ordered-list-result-title {
        font-size:2.8rem;
        line-height: 3.8rem;
        padding-bottom: .3rem
    }
}

.component-ordered-list-search.component-ordered-list .component-ordered-list-results .component-ordered-list-result .component-ordered-list-result-container .component-article-date {
    margin-bottom: 3px;
    font-size: 1.4rem
}

@media print,screen and (min-width: 40em) {
    .component-ordered-list-search.component-ordered-list .component-ordered-list-results .component-ordered-list-result .component-ordered-list-result-container .component-article-date {
        font-size:1.4rem
    }
}

@media print,screen and (min-width: 64em) {
    .component-ordered-list-search.component-ordered-list .component-ordered-list-results .component-ordered-list-result .component-ordered-list-result-container .component-article-date {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media print,screen and (min-width: 40em) {
    .component-ordered-list-search.component-ordered-list .component-ordered-list-results .component-ordered-list-result .component-ordered-list-result-container .component-ordered-list-result-copy {
        font-size:1.8rem;
        line-height: 2.7rem
    }
}

@media print,screen and (min-width: 64em) {
    .component-ordered-list-search.component-ordered-list .component-ordered-list-results .component-ordered-list-result .component-ordered-list-result-container .component-ordered-list-result-copy {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

.cmpnt-secondary-nav {
    padding: 20px
}

@media only screen and (min-width: 1024px) {
    .cmpnt-secondary-nav {
        display:block;
        font-size: 16px;
        font-size: 1.6rem;
        padding: 30px 0
    }

    .cmpnt-secondary-nav li {
        margin: 5px 0
    }

    .cmpnt-secondary-nav a {
        display: block;
        padding: 5px 20px
    }

    .cmpnt-secondary-nav a .icon-new-tab {
        padding-left: 5px
    }

    .cmpnt-secondary-nav .cmpnt-secondary-nav-l2 a {
        padding: 5px 20px 5px 40px
    }

    .cmpnt-secondary-nav .cmpnt-secondary-nav-l3 a:link,.cmpnt-secondary-nav .cmpnt-secondary-nav-l3 a:visited {
        color: #333;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 5px 0 5px 60px
    }

    .cmpnt-secondary-nav .cmpnt-secondary-nav-l3 a:active,.cmpnt-secondary-nav .cmpnt-secondary-nav-l3 a:focus,.cmpnt-secondary-nav .cmpnt-secondary-nav-l3 a:hover {
        color: #333;
        text-decoration: underline
    }
}

.cmpnt-secondary-nav-backlink {
    display: none
}

.cmpnt-secondary-nav-open,.cmpnt-secondary-nav-open:link,.cmpnt-secondary-nav-open:visited {
    background: #eaeade;
    color: #333
}

.cmpnt-side-newsletter {
    background: #e70052 url("../img/social-email-bg.ef62fbdd27b0.svg") no-repeat;
    background-size: cover;
    color: #fff;
    padding: 20px
}

@media only screen and (min-width: 1024px) {
    .cmpnt-side-newsletter {
        background:#e70052 url("../img/social-email-bg.ef62fbdd27b0.svg") no-repeat 100% 0
    }
}

.side-newsletter-title {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 0 4px
}

@media only screen and (max-width: 1031px) {
    .side-newsletter-title {
        font-size:26px;
        font-size: 2.6rem
    }
}

form.cmpnt-side-newsletter-content {
    margin-bottom: 10px
}

form.cmpnt-side-newsletter-content p.cmpnt-side-newsletter-intro {
    font-size: 14px;
    font-size: 1.4rem
}

@media only screen and (max-width: 1031px) {
    form.cmpnt-side-newsletter-content p.cmpnt-side-newsletter-intro {
        font-size:16px;
        font-size: 1.6rem
    }
}

form.cmpnt-side-newsletter-content input[type=email] {
    font-size: 15px;
    font-size: 1.5rem;
    box-shadow: inset 4px 4px 0 rgba(226,226,215,.96);
    height: 40px;
    margin: 0;
    position: relative;
    top: -2px;
    width: 65%
}

form.cmpnt-side-newsletter-content input[type=email]:-moz-placeholder {
    color: #afafab;
    font-size: 15px;
    font-size: 1.5rem
}

form.cmpnt-side-newsletter-content input[type=email]:-ms-input-placeholder {
    color: #afafab;
    font-size: 15px;
    font-size: 1.5rem
}

form.cmpnt-side-newsletter-content input[type=email]::-webkit-input-placeholder {
    color: #afafab;
    font-size: 15px;
    font-size: 1.5rem
}

form.cmpnt-side-newsletter-content input[type=email]:focus {
    box-shadow: inset 0 0 0 rgba(226,226,215,.96)
}

@media only screen and (max-width: 1031px) {
    form.cmpnt-side-newsletter-content input[type=email] {
        width:90%
    }
}

form.cmpnt-side-newsletter-content button[type=button],form.cmpnt-side-newsletter-content button[type=submit] {
    height: 40px;
    line-height: 40px;
    padding: 0 25px 0 10px;
    width: 33%;
    top: -2px;
    font-size: 15px;
    font-size: 1.5rem
}

form.cmpnt-side-newsletter-content button[type=button]:after,form.cmpnt-side-newsletter-content button[type=submit]:after {
    right: 6px;
    transition: background .1s ease-in-out
}

form.cmpnt-side-newsletter-content button[type=button]:hover:after,form.cmpnt-side-newsletter-content button[type=submit]:hover:after {
    transition: background .1s ease-in-out
}

@media only screen and (min-width: 1032px)and (max-width:1200px) {
    form.cmpnt-side-newsletter-content button[type=button].cmpnt-button-pink,form.cmpnt-side-newsletter-content button[type=submit].cmpnt-button-pink {
        width:30%;
        padding: 0;
        text-align: center
    }

    form.cmpnt-side-newsletter-content button[type=button].cmpnt-button-pink:after,form.cmpnt-side-newsletter-content button[type=submit].cmpnt-button-pink:after {
        display: none
    }
}

@media only screen and (max-width: 1031px) {
    form.cmpnt-side-newsletter-content button[type=button].cmpnt-button-pink,form.cmpnt-side-newsletter-content button[type=submit].cmpnt-button-pink {
        width:85px
    }

    form.cmpnt-side-newsletter-content button[type=button].cmpnt-button-pink:after,form.cmpnt-side-newsletter-content button[type=submit].cmpnt-button-pink:after {
        display: block
    }
}

@media only screen and (max-width: 480px) {
    form.cmpnt-side-newsletter-content input[type=email] {
        width:60%;
        font-size: 14px;
        font-size: 1.4rem
    }

    form.cmpnt-side-newsletter-content input[type=email]:-moz-placeholder {
        color: #afafab;
        font-size: 14px;
        font-size: 1.4rem
    }

    form.cmpnt-side-newsletter-content input[type=email]:-ms-input-placeholder {
        color: #afafab;
        font-size: 14px;
        font-size: 1.4rem
    }

    form.cmpnt-side-newsletter-content input[type=email]::-webkit-input-placeholder {
        color: #afafab;
        font-size: 14px;
        font-size: 1.4rem
    }

    form.cmpnt-side-newsletter-content button[type=button],form.cmpnt-side-newsletter-content button[type=submit] {
        width: 35%;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 0 10px 1px 0
    }
}

.cmpnt-simple-text .cmpnt-see-more {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0;
    padding-left: 0
}

.cmpnt-single-feature {
    background: #f5f5f5;
    padding: 20px;
    font-size: 1.8rem;
    line-height: 1.5em;
    *zoom:1}

.cmpnt-single-feature:after,.cmpnt-single-feature:before {
    display: table;
    content: "";
    line-height: 0
}

.cmpnt-single-feature:after {
    clear: both
}

.cmpnt-single-feature .featured-img {
    margin-bottom: 20px;
    padding-bottom: 5px;
    display: block;
    border-bottom: 1px solid #eaeade
}

.cmpnt-single-feature .featured-img img {
    width: 100%
}

.theme-saving-lives .cmpnt-single-feature__link {
    color: #ff1d34
}

.theme-saving-lives .cmpnt-single-feature__link:hover {
    color: #a20011
}

.cmpnt-single-feature-image {
    width: 100%
}

@media screen and (min-width: 48em) {
    .cmpnt-single-feature-image {
        float:left;
        width: 50%
    }
}

.cmpnt-single-feature-content {
    padding: 20px 0;
    width: 100%
}

@media screen and (min-width: 48em) {
    .cmpnt-single-feature-content {
        float:right;
        padding: 10px 20px;
        width: 50%
    }
}

.cmpnt-single-feature-content h3 {
    font-size: 2.4rem;
    line-height: 1em;
    margin-bottom: 10px
}

@media screen and (min-width: 48em) {
    .cmpnt-single-feature-content h3 {
        font-size:3.2rem;
        line-height: 1em
    }
}

.cmpnt-single-feature-content p {
    font-size: 1.6rem;
    line-height: 1.5em
}

@media screen and (min-width: 48em) {
    .cmpnt-single-feature-alt .cmpnt-single-feature-image {
        float:right
    }

    .cmpnt-single-feature-alt .cmpnt-single-feature-content {
        float: left;
        padding: 10px 20px 20px
    }
}

.template-fullwidth .cmpnt-single-feature .cmpnt-single-feature-content p {
    font-size: 1.8rem
}

.slick-slider {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:after,.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.js-cmpnt-slidenav-button {
    display: none
}

@media only screen and (max-width: 1023px) {
    .js .js-cmpnt-slidenav-button {
        background:#44841a;
        color: #fff;
        cursor: pointer;
        display: block;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: 700;
        padding: 20px;
        transition: background .1s ease-in-out
    }

    .js .js-cmpnt-slidenav-button:active,.js .js-cmpnt-slidenav-button:focus,.js .js-cmpnt-slidenav-button:hover {
        background: #336114
    }

    .js .js-cmpnt-slidenav-button .arrow {
        border: 5px solid transparent;
        border-left-color: #fff;
        content: " ";
        display: inline-block;
        height: 0;
        margin-left: 5px;
        pointer-events: none;
        width: 0
    }

    .js .js-cmpnt-slidenav-wrapper {
        position: relative;
        transition: left .5s ease-in-out
    }

    .js .js-cmpnt-slidenav-wrapper.js-cmpnt-slidenav-open {
        left: 280px
    }

    .js .js-cmpnt-slidenav-block {
        background: #fff;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: 400;
        height: 100%;
        left: -280px;
        position: absolute;
        top: 0;
        width: 280px
    }

    .js .js-cmpnt-slidenav-block .cmpnt-secondary-nav-backlink {
        background: #eaeade;
        display: block;
        padding: 20px
    }

    .js .js-cmpnt-slidenav-block .cmpnt-secondary-nav-backlink:active,.js .js-cmpnt-slidenav-block .cmpnt-secondary-nav-backlink:focus,.js .js-cmpnt-slidenav-block .cmpnt-secondary-nav-backlink:hover {
        background: #e0e0ce
    }

    .js .js-cmpnt-slidenav-block .cmpnt-secondary-nav {
        background: transparent;
        box-shadow: none;
        padding-top: 10px
    }

    .js .js-cmpnt-slidenav-block .cmpnt-secondary-nav a {
        display: block;
        margin: 5px 0;
        padding: 10px
    }

    .js .js-cmpnt-slidenav-block .cmpnt-secondary-nav .cmpnt-secondary-nav-l2 a {
        margin-left: 20px
    }

    .js .js-cmpnt-slidenav-block .cmpnt-secondary-nav .cmpnt-secondary-nav-l3 a {
        margin-left: 30px
    }

    .js.csstransforms3d .js-cmpnt-slidenav-wrapper {
        transition: all .5s ease-in-out
    }

    .js.csstransforms3d .js-cmpnt-slidenav-wrapper.js-cmpnt-slidenav-open {
        left: auto;
        transform: translate3d(280px,0,0)
    }

    .js.csstransforms3d .js-cmpnt-slidenav-block {
        left: auto;
        transform: translateX(-280px)
    }
}

.social-proof .component-body {
    overflow: hidden;
    padding: 20px;
    text-align: center
}

.social-proof-statlist {
    list-style: none;
    padding: 0
}

@media only screen and (min-width: 570px) {
    .social-proof-statlist {
        display:table;
        width: 100%
    }
}

.social-proof-statlist li {
    vertical-align: middle;
    position: relative
}

.social-proof-statlist li:before {
    content: "";
    position: absolute;
    left: 25%;
    bottom: -15px;
    height: 15px;
    width: 50%;
    border-bottom: 3px solid #eaeade
}

@media screen and (min-width: 48em) {
    .social-proof-statlist li:before {
        border-bottom:0;
        border-left: 3px solid #eaeade;
        left: 0;
        bottom: auto;
        top: 15%;
        height: 75%;
        width: auto
    }
}

@media screen and (min-width: 64em) {
    .social-proof-statlist li:before {
        top:10%;
        height: 75%
    }
}

@media screen and (min-width: 80em) {
    .social-proof-statlist li:before {
        top:0;
        height: 100%
    }
}

@media screen and (min-width: 48em) {
    .social-proof-statlist li {
        display:table-cell;
        padding: 0 20px;
        width: 33.333%;
        vertical-align: middle
    }

    .social-proof-statlist li:first-child:before {
        border-left: 0
    }
}

.social-proof-statlist li:last-of-type,.social-proof-statlist li:last-of-type:before {
    border-bottom: 0
}

.social-proof-stat {
    color: #e70052;
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-size: 4.8rem;
    line-height: 1em;
    margin-bottom: 10px;
    padding-top: 20px
}

@media screen and (min-width: 48em) {
    .social-proof-stat {
        font-size:5.4rem;
        padding-top: 0
    }
}

.social-proof-info {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.5em;
    padding-bottom: 20px
}

.social-proof-info:last-child {
    margin-bottom: 20px
}

@media screen and (min-width: 48em) {
    .social-proof-info:last-child {
        margin-bottom:0
    }
}

@media screen and (min-width: 48em) {
    .social-proof-info {
        padding-bottom:0
    }
}

.cmpnt-social-share {
    background-color: #53297d;
    color: #fff;
    padding: 20px
}

.cmpnt-social-share .social-share-left p.social-share-intro {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 12px;
    padding-top: 4px
}

@media only screen and (min-width: 1024px) {
    .cmpnt-social-share .social-share-left {
        font-size:14px;
        font-size: 1.4rem
    }
}

.cmpnt-social-share .social-share-left i {
    display: none
}

.cmpnt-social-share .social-share-left h2.social-share-title {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-size: 26px;
    font-size: 2.6rem
}

@media only screen and (min-width: 1024px) {
    .cmpnt-social-share .social-share-left {
        font-size:32px;
        font-size: 3.2rem
    }
}

.cmpnt-social-share .social-share-buttons-wrap {
    padding: 20px;
    background-color: #fff;
    max-width: 50%
}

@media only screen and (min-width: 1024px) {
    .cmpnt-social-share .social-share-buttons-wrap {
        margin:0;
        max-width: inherit
    }
}

@media only screen and (max-width: 480px) {
    .cmpnt-social-share .social-share-buttons-wrap {
        max-width:100%
    }
}

@media only screen and (min-width: 768px)and (max-width:1023px) {
    .cmpnt-social-share h2.social-share-title {
        font-size:32px;
        font-size: 3.2rem
    }
}

@media only screen and (min-width: 1024px) {
    .cmpnt-social-share {
        *zoom:1
    }

    .cmpnt-social-share:after,.cmpnt-social-share:before {
        display: table;
        content: "";
        line-height: 0
    }

    .cmpnt-social-share:after {
        clear: both
    }

    .cmpnt-social-share .social-share-left {
        float: left;
        width: 60%
    }

    .cmpnt-social-share .social-share-left h2.social-share-title {
        font-size: 42px;
        font-size: 4.2rem;
        margin-top: 10px;
        margin-bottom: 8px;
        line-height: 1
    }

    .cmpnt-social-share .social-share-left .strap-wrap {
        *zoom:1}

    .cmpnt-social-share .social-share-left .strap-wrap:after,.cmpnt-social-share .social-share-left .strap-wrap:before {
        display: table;
        content: "";
        line-height: 0
    }

    .cmpnt-social-share .social-share-left .strap-wrap:after {
        clear: both
    }

    .cmpnt-social-share .social-share-left .strap-wrap p.social-share-intro {
        font-size: 16px;
        font-size: 1.6rem;
        float: left;
        width: 66%
    }

    .cmpnt-social-share .social-share-left .strap-wrap i {
        font-size: 60px;
        font-size: 6rem;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom:1;*display: inline;
        line-height: .5;
        position: relative;
        float: right;
        width: 33%;
        top: 10px
    }

    .cmpnt-social-share .social-share-right {
        float: right;
        width: 30%;
        min-width: 262px
    }
}

.component-social-share {
    border: 0;
    background: #e70052 url("../img/social-share-email-mobile.c53e9bcdc4d2.svg") no-repeat;
    background-size: cover;
    color: #fff;
    padding: 20px
}

@media only screen and (min-width: 1024px) {
    .component-social-share {
        background:#e70052 url("../img/social-email-bg.ef62fbdd27b0.svg") no-repeat 100% 0
    }
}

.component-social-share .title {
    font-size: 2.8rem;
    line-height: 2.8rem;
    text-align: center;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 400
}

@media print,screen and (min-width: 40em) {
    .component-social-share .title {
        font-size:5.2rem;
        line-height: 5.2rem
    }
}

@media print,screen and (min-width: 64em) {
    .component-social-share .title {
        text-align:left;
        font-size: 5.2rem;
        line-height: 5.2rem;
        margin-bottom: 5px
    }
}

.component-social-share .title .icon-arrow {
    display: none
}

@media print,screen and (min-width: 64em) {
    .component-social-share .title .icon-arrow {
        display:inline-block
    }
}

.component-social-share .intro {
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
    padding-top: 4px
}

@media print,screen and (min-width: 40em) {
    .component-social-share .intro {
        font-size:2rem;
        text-align: center
    }
}

@media print,screen and (min-width: 64em) {
    .component-social-share .intro {
        font-size:2rem;
        text-align: left;
        margin-bottom: 10px
    }
}

.component-social-share .social-share-buttons {
    padding: 20px;
    background: #fff
}

.component-social-share .social-share-buttons section {
    background: #fff
}

.component-social-share .social-share-buttons section .sharrre {
    width: 100%
}

.component-social-share .social-share-buttons section .sharrre .box {
    min-height: 40px
}

.component-social-share .social-share-buttons section .sharrre .box .share {
    width: 100%;
    min-height: 40px;
    line-height: 40px;
    font-size: 1.6rem
}

.component-social-share .social-share-buttons section .sharrre .box .share:before {
    font-size: 2.8rem
}

@media print,screen and (min-width: 40em) {
    .component-social-share .social-share-buttons section .sharrre .box .share:before {
        font-size:4rem
    }
}

.component-social-share .social-share-left p.social-share-intro {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 12px;
    padding-top: 4px
}

@media only screen and (min-width: 1024px) {
    .component-social-share .social-share-left {
        font-size:14px;
        font-size: 1.4rem
    }
}

.component-social-share .social-share-left i {
    display: none
}

.component-social-share .social-share-left h2.social-share-title {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 26px;
    font-size: 2.6rem
}

@media only screen and (min-width: 1024px) {
    .component-social-share .social-share-left {
        font-size:32px;
        font-size: 3.2rem
    }
}

.component-social-share .social-share-buttons-wrap {
    padding: 20px;
    background-color: #fff;
    max-width: 100%
}

@media only screen and (min-width: 1024px) {
    .component-social-share .social-share-buttons-wrap {
        margin:0
    }
}

@media only screen and (min-width: 768px)and (max-width:1023px) {
    .component-social-share h2.social-share-title {
        font-size:32px;
        font-size: 3.2rem
    }
}

@media only screen and (min-width: 1024px) {
    .component-social-share .social-share-left h2.social-share-title {
        font-size:42px;
        font-size: 4.2rem;
        margin-top: 10px;
        margin-bottom: 8px;
        line-height: 1
    }

    .component-social-share .social-share-left .strap-wrap {
        *zoom:1}

    .component-social-share .social-share-left .strap-wrap:after,.component-social-share .social-share-left .strap-wrap:before {
        display: table;
        content: "";
        line-height: 0
    }

    .component-social-share .social-share-left .strap-wrap:after {
        clear: both
    }

    .component-social-share .social-share-left .strap-wrap p.social-share-intro {
        font-size: 16px;
        font-size: 1.6rem;
        float: left;
        width: 66%
    }

    .component-social-share .social-share-left .strap-wrap i {
        font-size: 60px;
        font-size: 6rem;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom:1;*display: inline;
        line-height: .5;
        position: relative;
        float: right;
        width: 33%;
        top: 10px
    }
}

.component-social-share-buttons .share-button {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 400
}

.component-social-share-buttons .share-button a.share {
    color: #fff;
    display: block;
    font-size: 1.1rem;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    margin-top: 0;
    padding: 0 0 0 12px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 60px
}

.component-social-share-buttons .share-button a.share:hover {
    text-decoration: none
}

.component-social-share-buttons .share-button a.share:before {
    color: #fff;
    content: "";
    font-family: ous-icons;
    font-size: 17.5px;
    font-size: 1.75rem;
    left: 1px;
    position: absolute
}

.component-social-share-buttons .share-button.twitter .share,.component-social-share-buttons .share-button.twitter .share:hover {
    background: #000
}

.component-social-share-buttons .share-button.twitter .share:before {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMjQgMjUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+U2hhcGUgQ29weTwvdGl0bGU+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMTQuMjgzMjYsMTAuMzg1NjggTDIzLjIxNzgsMCBMMjEuMTAwNiwwIEwxMy4zNDI3NCw5LjAxNzc0IEw3LjE0NjU2LDAgTDAsMCBMOS4zNjk4NCwxMy42MzY0MiBMMCwyNC41Mjc0IEwyLjExNzMyLDI0LjUyNzQgTDEwLjMwOTgyLDE1LjAwNDM2IEwxNi44NTM0NCwyNC41Mjc0IEwyNCwyNC41Mjc0IEwxNC4yODI3NCwxMC4zODU2OCBMMTQuMjgzMjYsMTAuMzg1NjggWiBNMTEuMzgzMywxMy43NTY1NiBMMTAuNDMzOTQsMTIuMzk4NjggTDIuODgwMjIsMS41OTM4ODggTDYuMTMyMywxLjU5Mzg4OCBMMTIuMjI4MjQsMTAuMzEzNyBMMTMuMTc3NiwxMS42NzE1OCBMMjEuMTAxNiwyMy4wMDYgTDE3Ljg0OTUyLDIzLjAwNiBMMTEuMzgzMywxMy43NTcwOCBMMTEuMzgzMywxMy43NTY1NiBaIiBpZD0iU2hhcGUtQ29weSIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=);
    left: 6px;
    top: -2px
}

.component-social-share-buttons .share-button.facebook .share,.component-social-share-buttons .share-button.facebook .share:hover {
    background: #3b5998
}

.component-social-share-buttons .share-button.facebook .share:before {
    content: ""
}

.component-social-share-buttons .share-button.linkedin .share,.component-social-share-buttons .share-button.linkedin .share:hover {
    background: #0075b4
}

.component-social-share-buttons .share-button.linkedin .share:before {
    content: "";
    font-size: 1.25rem;
    left: 3px;
    top: -1px
}

.component-ta-landing h1 {
    color: #53297d;
    text-align: center;
    font-size: 3.2rem;
    line-height: 3.4rem;
    margin-bottom: 0
}

@media print,screen and (min-width: 40em) {
    .component-ta-landing h1 {
        font-size:4.2rem;
        line-height: 4rem
    }
}

.component-ta-landing a:link,.component-ta-landing a:visited {
    color: #44841a;
    text-decoration: none;
    transition: color .1s ease-in-out
}

.component-ta-landing a:active,.component-ta-landing a:focus,.component-ta-landing a:hover {
    color: #336114
}

.component-ta-landing .view-more-link {
    text-align: center
}

.component-community {
    background: #fff;
    margin-top: 20px;
    padding-top: 20px
}

.component-community-feed {
    margin-bottom: 20px
}

.component-community .component-signup {
    text-align: center;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #eaeade
}

.component-community .component-signup h2 {
    margin-bottom: 2rem
}

.component-community .component-signup p {
    font-size: 2rem;
    line-height: 2.6rem
}

.component-community .component-signup button[type=submit] {
    padding-left: 40px;
    padding-right: 30px;
    margin-left: 0;
    margin-top: 5px
}

@media print,screen and (min-width: 40em) {
    .component-community .component-signup button[type=submit] {
        margin-left:10px;
        margin-top: -4px
    }
}

.community-slider,.impact-slider {
    background: #fff;
    visibility: hidden;
    opacity: 0;
    margin-top: 20px
}

.community-slider-feed-list,.community-slider-feed .slick-track,.community-slider .slick-list-list,.community-slider .slick-list .slick-track,.impact-slider-feed-list,.impact-slider-feed .slick-track,.impact-slider .slick-list-list,.impact-slider .slick-list .slick-track {
    list-style: none;
    text-align: center
}

.community-slider-feed-list-item,.community-slider-feed-list .slick-slide,.community-slider-feed .slick-track-item,.community-slider-feed .slick-track .slick-slide,.community-slider .slick-list-list-item,.community-slider .slick-list-list .slick-slide,.community-slider .slick-list .slick-track-item,.community-slider .slick-list .slick-track .slick-slide,.impact-slider-feed-list-item,.impact-slider-feed-list .slick-slide,.impact-slider-feed .slick-track-item,.impact-slider-feed .slick-track .slick-slide,.impact-slider .slick-list-list-item,.impact-slider .slick-list-list .slick-slide,.impact-slider .slick-list .slick-track-item,.impact-slider .slick-list .slick-track .slick-slide {
    padding-left: 20px;
    padding-right: 20px
}

.community-slider-feed-list-item h4,.community-slider-feed-list .slick-slide h4,.community-slider-feed .slick-track-item h4,.community-slider-feed .slick-track .slick-slide h4,.community-slider .slick-list-list-item h4,.community-slider .slick-list-list .slick-slide h4,.community-slider .slick-list .slick-track-item h4,.community-slider .slick-list .slick-track .slick-slide h4,.impact-slider-feed-list-item h4,.impact-slider-feed-list .slick-slide h4,.impact-slider-feed .slick-track-item h4,.impact-slider-feed .slick-track .slick-slide h4,.impact-slider .slick-list-list-item h4,.impact-slider .slick-list-list .slick-slide h4,.impact-slider .slick-list .slick-track-item h4,.impact-slider .slick-list .slick-track .slick-slide h4 {
    margin-bottom: 0;
    font-size: 2rem;
    line-height: 2.4rem
}

.community-slider-feed-list-item p,.community-slider-feed-list .slick-slide p,.community-slider-feed .slick-track-item p,.community-slider-feed .slick-track .slick-slide p,.community-slider .slick-list-list-item p,.community-slider .slick-list-list .slick-slide p,.community-slider .slick-list .slick-track-item p,.community-slider .slick-list .slick-track .slick-slide p,.impact-slider-feed-list-item p,.impact-slider-feed-list .slick-slide p,.impact-slider-feed .slick-track-item p,.impact-slider-feed .slick-track .slick-slide p,.impact-slider .slick-list-list-item p,.impact-slider .slick-list-list .slick-slide p,.impact-slider .slick-list .slick-track-item p,.impact-slider .slick-list .slick-track .slick-slide p {
    font-size: 1.6rem;
    line-height: 2.4rem
}

.community-slider-feed-list-item .circle-img,.community-slider-feed-list .slick-slide .circle-img,.community-slider-feed .slick-track-item .circle-img,.community-slider-feed .slick-track .slick-slide .circle-img,.community-slider .slick-list-list-item .circle-img,.community-slider .slick-list-list .slick-slide .circle-img,.community-slider .slick-list .slick-track-item .circle-img,.community-slider .slick-list .slick-track .slick-slide .circle-img,.impact-slider-feed-list-item .circle-img,.impact-slider-feed-list .slick-slide .circle-img,.impact-slider-feed .slick-track-item .circle-img,.impact-slider-feed .slick-track .slick-slide .circle-img,.impact-slider .slick-list-list-item .circle-img,.impact-slider .slick-list-list .slick-slide .circle-img,.impact-slider .slick-list .slick-track-item .circle-img,.impact-slider .slick-list .slick-track .slick-slide .circle-img {
    border-radius: 50%;
    width: 50%;
    margin: 0 auto
}

@media print,screen and (min-width: 40em) {
    .community-slider-feed-list-item .circle-img,.community-slider-feed-list .slick-slide .circle-img,.community-slider-feed .slick-track-item .circle-img,.community-slider-feed .slick-track .slick-slide .circle-img,.community-slider .slick-list-list-item .circle-img,.community-slider .slick-list-list .slick-slide .circle-img,.community-slider .slick-list .slick-track-item .circle-img,.community-slider .slick-list .slick-track .slick-slide .circle-img,.impact-slider-feed-list-item .circle-img,.impact-slider-feed-list .slick-slide .circle-img,.impact-slider-feed .slick-track-item .circle-img,.impact-slider-feed .slick-track .slick-slide .circle-img,.impact-slider .slick-list-list-item .circle-img,.impact-slider .slick-list-list .slick-slide .circle-img,.impact-slider .slick-list .slick-track-item .circle-img,.impact-slider .slick-list .slick-track .slick-slide .circle-img {
        width:75%
    }
}

.community-slider .component-slides-pagination,.community-slider .slick-dots,.impact-slider .component-slides-pagination,.impact-slider .slick-dots {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.community-slider .component-slides-pagination li,.community-slider .slick-dots li,.impact-slider .component-slides-pagination li,.impact-slider .slick-dots li {
    background: #eaeade;
    border-radius: 8px;
    cursor: pointer;
    display: -moz-inline-stack;
    display: inline-block;
    *vertical-align: auto;
    zoom:1;*display: inline;
    height: 10px;
    margin-left: 16px;
    overflow: hidden;
    text-indent: -999em;
    transition: background .1s ease-in-out;
    vertical-align: middle;
    width: 10px
}

.community-slider .component-slides-pagination li.slick-active,.community-slider .component-slides-pagination li:active,.community-slider .component-slides-pagination li:focus,.community-slider .component-slides-pagination li:hover,.community-slider .slick-dots li.slick-active,.community-slider .slick-dots li:active,.community-slider .slick-dots li:focus,.community-slider .slick-dots li:hover,.impact-slider .component-slides-pagination li.slick-active,.impact-slider .component-slides-pagination li:active,.impact-slider .component-slides-pagination li:focus,.impact-slider .component-slides-pagination li:hover,.impact-slider .slick-dots li.slick-active,.impact-slider .slick-dots li:active,.impact-slider .slick-dots li:focus,.impact-slider .slick-dots li:hover {
    background: #44841a
}

.community-slider .component-slides-pagination li.slick-active button,.community-slider .component-slides-pagination li:active button,.community-slider .component-slides-pagination li:focus button,.community-slider .component-slides-pagination li:hover button,.community-slider .slick-dots li.slick-active button,.community-slider .slick-dots li:active button,.community-slider .slick-dots li:focus button,.community-slider .slick-dots li:hover button,.impact-slider .component-slides-pagination li.slick-active button,.impact-slider .component-slides-pagination li:active button,.impact-slider .component-slides-pagination li:focus button,.impact-slider .component-slides-pagination li:hover button,.impact-slider .slick-dots li.slick-active button,.impact-slider .slick-dots li:active button,.impact-slider .slick-dots li:focus button,.impact-slider .slick-dots li:hover button {
    color: #44841a;
    background: #44841a
}

.community-slider .component-slides-pagination li.slick-active button:before,.community-slider .component-slides-pagination li:active button:before,.community-slider .component-slides-pagination li:focus button:before,.community-slider .component-slides-pagination li:hover button:before,.community-slider .slick-dots li.slick-active button:before,.community-slider .slick-dots li:active button:before,.community-slider .slick-dots li:focus button:before,.community-slider .slick-dots li:hover button:before,.impact-slider .component-slides-pagination li.slick-active button:before,.impact-slider .component-slides-pagination li:active button:before,.impact-slider .component-slides-pagination li:focus button:before,.impact-slider .component-slides-pagination li:hover button:before,.impact-slider .slick-dots li.slick-active button:before,.impact-slider .slick-dots li:active button:before,.impact-slider .slick-dots li:focus button:before,.impact-slider .slick-dots li:hover button:before {
    color: #44841a
}

.community-slider .component-slides-pagination li:first-child,.community-slider .slick-dots li:first-child,.impact-slider .component-slides-pagination li:first-child,.impact-slider .slick-dots li:first-child {
    margin-left: 0
}

.community-slider .component-slides-pagination .current,.community-slider .slick-dots .current,.impact-slider .component-slides-pagination .current,.impact-slider .slick-dots .current {
    background: #44841a;
    height: 10px;
    width: 10px
}

.community-slider.slick-initialized,.impact-slider.slick-initialized {
    visibility: visible;
    opacity: 1;
    transition: opacity .3s ease-out
}

.component-ta-impact {
    background: #fff;
    padding-top: 20px
}

.component-ta-impact>p {
    padding: 20px
}

.component-ta-impact>p:first-of-type {
    font-size: 2rem;
    line-height: 2.8rem;
    text-align: center;
    margin-bottom: 0
}

.component-ta-impact .cmpnt-3action-button {
    background-color: transparent
}

.component-ta-impact .cmpnt-3action-button:after {
    border: 5px solid transparent;
    border-left-color: #44841a;
    content: " ";
    height: 0;
    right: 7px;
    margin-top: -5px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    width: 0
}

.component-ta-impact .cmpnt-3action-button.offsite {
    padding-right: 10px
}

.component-ta-impact .cmpnt-3action-button.offsite:after {
    border: none
}

.component-ta-impact .cmpnt-3action-button.offsite:active,.component-ta-impact .cmpnt-3action-button.offsite:focus,.component-ta-impact .cmpnt-3action-button.offsite:hover {
    color: #fff
}

.component-ta-impact .cmpnt-3action-button.offsite .icon-new-tab {
    padding-left: 5px;
    font-size: 1.8rem;
    vertical-align: text-top
}

.component-ta-impact .cmpnt-3action {
    box-shadow: none;
    padding: 20px
}

.component-ta-impact .cmpnt-3action .cmpnt-3action-action {
    border-left: 0;
    border-bottom: 0
}

.component-ta-impact .cmpnt-3action .cmpnt-3action-action a {
    padding: 10px 0
}

.component-ta-impact .cmpnt-3action .cmpnt-3action-action h3.cmpnt-3action-title {
    font-size: 2rem;
    line-height: 2.4rem
}

.component-ta-impact .cmpnt-3action .cmpnt-3action-action h4 {
    margin-bottom: 0;
    margin-top: 10px
}

.component-ta-impact .cmpnt-3action .cmpnt-3action-action:last-of-type {
    border-bottom: 0
}

@media print,screen and (min-width: 40em) {
    .component-ta-impact .cmpnt-3action .cmpnt-3action-action {
        border-bottom:0
    }
}

.component-ta-impact .cmpnt-3action .cmpnt-3action-action .cmpnt-3action-intro {
    margin-bottom: 0;
    line-height: 2.4rem;
    display: block
}

.component-ta-impact .cmpnt-3action .cmpnt-3action-action .cmpnt-3action-button {
    display: inline-block
}

.component-ta-impact .cmpnt-3action .cmpnt-3action-action .resource-thumbnail {
    border: 1px solid #eaeade
}

.component-ta-impact .cmpnt-3action .cmpnt-3action-action i {
    font-size: 12rem
}

@media print,screen and (min-width: 40em) {
    .component-ta-impact .cmpnt-3action .cmpnt-3action-action i {
        font-size:8rem
    }
}

@media print,screen and (min-width: 64em) {
    .component-ta-impact .cmpnt-3action .cmpnt-3action-action i {
        font-size:8.5rem
    }
}

.component-ta-impact .cmpnt-3action.resource-list {
    margin-bottom: 0
}

.component-ta-impact .cmpnt-3action.resource-list .cmpnt-3action-action .cmpnt-3action-intro {
    margin-bottom: 30px
}

@media print,screen and (min-width: 40em) {
    .component-ta-impact .cmpnt-3action.resource-list .cmpnt-3action-action .cmpnt-3action-intro {
        margin-bottom:0
    }
}

.component-grid-select {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 0 40px;
    display: block
}

.component-grid-select-wrap {
    margin-top: 20px
}

@media print,screen and (min-width: 40em) {
    .component-grid-select-wrap {
        padding-left:10px;
        padding-right: 10px
    }
}

.component-grid-select-item {
    padding: 0 20px
}

@media print,screen and (min-width: 40em) {
    .component-grid-select-item {
        padding:0 10px;
        align-self: stretch
    }
}

.component-grid-select-item .selection {
    background-color: #eaeade;
    width: 100%;
    height: content;
    text-align: center;
    padding: 10px;
    margin: 0 0 20px;
    font-size: 2rem;
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif
}

.component-grid-select-item h3 {
    font-size: 18px;
    font-size: 1.8rem
}

.component-grid-select-item a {
    font-size: 16px;
    font-size: 1.6rem;
    display: block
}

.component-grid-select-item p {
    font-weight: 400
}

@media only screen and (min-width: 768px) {
    .component-grid-select-item p {
        font-size:16px;
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1024px) {
    .component-grid-select-item p {
        font-size:14px;
        font-size: 1.4rem
    }
}

.component-mosaic {
    background: #fff;
    padding-bottom: 20px
}

.component-mosaic .mosaic {
    max-width: 1180px;
    grid-gap: 2px;
    display: flex;
    flex-wrap: wrap;
    display: -ms-grid;
    display: grid;
    margin: 0 auto;
    grid-template-columns: repeat(4,1fr);
    grid-auto-rows: minmax(140px,auto)
}

@media print,screen and (min-width: 40em) {
    .component-mosaic .mosaic {
        grid-gap:5px
    }
}

@media print,screen and (min-width: 64em) {
    .component-mosaic .mosaic {
        grid-gap:20px
    }
}

@media screen and (orientation: landscape) {
    .component-mosaic .mosaic {
        grid-gap:2px
    }
}

@media print,screen and (min-width: 40em) {
    .component-mosaic .mosaic {
        grid-template-columns:repeat(4,1fr)
    }
}

@media print,screen and (min-width: 64em) {
    .component-mosaic .mosaic {
        grid-template-columns:repeat(4,1fr);
        grid-auto-rows: minmax(240px,auto);
        grid-gap: 20px
    }
}

.component-mosaic .mosaic>* {
    background-color: #444;
    color: #fff;
    border-radius: 0;
    padding: 0;
    margin-bottom: 0
}

.component-mosaic .panel {
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    flex: 1 1 200px;
    position: relative
}

@media screen and (min-width: 40em)and (orientation:landscape) {
    .component-mosaic .panel {
        margin-left:0;
        margin-right: 0
    }
}

.component-mosaic .panel button.cmpnt-button {
    display: block;
    margin: 0 auto
}

.component-mosaic .panel.icon .panel_image {
    margin: auto
}

@media screen and (orientation: landscape) {
    .component-mosaic .panel.icon .panel_image {
        width:75%
    }
}

@media print,screen and (min-width: 48em) {
    .component-mosaic .panel.icon .panel_image {
        width:75%
    }
}

@media print,screen and (min-width: 50em) {
    .component-mosaic .panel.icon .panel_image {
        width:80%
    }
}

@media screen and (min-width: 64.0625em) {
    .component-mosaic .panel.icon .panel_image {
        width:90%
    }
}

.component-mosaic .panel.panel_expand .close {
    text-align: right;
    padding-right: 10px
}

.component-mosaic .panel.panel_expand .close .closex {
    opacity: 0;
    font-size: 30px
}

.component-mosaic .panel.panel_expand.active {
    z-index: 1
}

.component-mosaic .panel.panel_expand.active .closex {
    opacity: 1;
    color: #fff
}

.component-mosaic .panel.panel_expand.active .action {
    opacity: 1
}

@media screen and (orientation: portrait) {
    .component-mosaic .panel.panel_expand.active .action {
        position:relative
    }
}

.component-mosaic .panel.panel_a {
    grid-column: 1/span 4;
    grid-row: 1/span 2
}

.component-mosaic .panel.panel_b {
    grid-column: 1/span 4;
    grid-row: 3
}

.component-mosaic .panel.panel_c {
    grid-column: 1/span 2;
    grid-row: 4
}

.component-mosaic .panel.panel_d {
    grid-column: 3/span 2;
    grid-row: 4
}

.component-mosaic .panel.panel_e {
    grid-column: 1/span 2;
    grid-row: 5
}

.component-mosaic .panel.panel_f {
    grid-column: 1/span 4;
    grid-row: 6
}

.component-mosaic .panel.panel_g {
    grid-column: 3/span 2;
    grid-row: 5
}

.component-mosaic .panel.panel_h {
    grid-column: 1/span 4;
    grid-row: 7
}

.component-mosaic .panel.panel_i {
    grid-column: 1/span 2;
    grid-row: 8
}

.component-mosaic .panel.panel_j {
    grid-column: 3/span 2;
    grid-row: 8
}

.component-mosaic .panel.green {
    background-color: #44841a
}

.component-mosaic .panel.burgundy {
    background-color: #630235
}

.component-mosaic .panel.blue {
    background-color: #0b9cda
}

.component-mosaic .panel.purple {
    background-color: #53297d
}

.component-mosaic .panel.orange {
    background-color: #f16e22
}

.component-mosaic .panel.red {
    background-color: #e70052
}

.component-mosaic .panel.emergency {
    background-color: #ff1d34
}

@media print,screen and (min-width: 40em) {
    .component-mosaic .panel.panel_a {
        -ms-grid-row:1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/span 2;
        grid-row: 1/span 2
    }

    .component-mosaic .panel.panel_b {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 2;
        grid-column: 3/5;
        grid-row: 1
    }

    .component-mosaic .panel.panel_c {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        grid-row: 2
    }

    .component-mosaic .panel.panel_d {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5;
        grid-row: 2
    }

    .component-mosaic .panel.panel_e {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        grid-row: 3
    }

    .component-mosaic .panel.panel_f {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        grid-column: 2/4;
        grid-row: 3
    }

    .component-mosaic .panel.panel_g {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5;
        grid-row: 3
    }

    .component-mosaic .panel.panel_h {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        grid-row: 4
    }

    .component-mosaic .panel.panel_i {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        grid-row: 4
    }

    .component-mosaic .panel.panel_j {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5;
        grid-row: 4
    }
}

@media screen and (orientation: landscape) {
    .component-mosaic .panel.panel_a {
        -ms-grid-row:1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-row: 1;
        grid-column: 1;
        grid-column-end: span 2;
        grid-row-end: span 2
    }

    .component-mosaic .panel.panel_b {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 2;
        grid-column: 3/5;
        grid-row: 1
    }

    .component-mosaic .panel.panel_c {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        grid-row: 2
    }

    .component-mosaic .panel.panel_d {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5;
        grid-row: 2
    }

    .component-mosaic .panel.panel_e {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        grid-row: 3
    }

    .component-mosaic .panel.panel_f {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        grid-column: 2/4;
        grid-row: 3
    }

    .component-mosaic .panel.panel_g {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5;
        grid-row: 3
    }

    .component-mosaic .panel.panel_h {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        grid-row: 4
    }

    .component-mosaic .panel.panel_i {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        grid-row: 4
    }

    .component-mosaic .panel.panel_j {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5;
        grid-row: 4
    }
}

@media print,screen and (min-width: 64em) {
    .component-mosaic .panel.panel_a {
        -ms-grid-row:1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/span 2;
        grid-row: 1/span 2
    }

    .component-mosaic .panel.panel_b {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 2;
        grid-column: 3/5;
        grid-row: 1
    }

    .component-mosaic .panel.panel_c {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        grid-row: 2
    }

    .component-mosaic .panel.panel_d {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5;
        grid-row: 2
    }

    .component-mosaic .panel.panel_e {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        grid-row: 3
    }

    .component-mosaic .panel.panel_f {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        grid-column: 2/4;
        grid-row: 3
    }

    .component-mosaic .panel.panel_g {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5;
        grid-row: 3
    }

    .component-mosaic .panel.panel_h {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        grid-row: 4
    }

    .component-mosaic .panel.panel_i {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        grid-row: 4
    }

    .component-mosaic .panel.panel_j {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5;
        grid-row: 4
    }
}

.component-mosaic .panel>.panel_image {
    transition: all .5s ease
}

.component-mosaic .panel>img {
    width: 100%;
    display: block
}

.component-mosaic .panel>.headline {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    height: 52px;
    z-index: 10;
    font-size: 2rem;
    line-height: 2.4rem;
    font-family: oxfam_tstar_probold;
    margin: 0;
    padding-left: 2px;
    padding-right: 2px;
    transition: height 0s
}

@media print,screen and (min-width: 40em) {
    .component-mosaic .panel>.headline {
        font-size:2rem;
        line-height: 2.4rem;
        position: absolute;
        bottom: 0;
        width: 100%
    }
}

@media screen and (min-width: 40em)and (orientation:landscape) {
    .component-mosaic .panel>.headline {
        font-size:1.6rem;
        line-height: 2rem
    }
}

@media print,screen and (min-width: 64em) {
    .component-mosaic .panel>.headline {
        font-size:2rem;
        line-height: 2.4rem
    }
}

.component-mosaic .panel>.headline.featured {
    font-size: 2.8rem;
    line-height: 2.8rem
}

@media screen and (min-width: 40em)and (orientation:landscape) {
    .component-mosaic .panel>.headline.featured {
        font-size:2.2rem;
        line-height: 2.4rem
    }
}

@media print,screen and (min-width: 64em) {
    .component-mosaic .panel>.headline.featured {
        font-size:3.2rem;
        line-height: 3.2rem
    }
}

.component-mosaic .panel>.headline.green {
    background-color: #44841a
}

.component-mosaic .panel>.headline.burgundy {
    background-color: #630235
}

.component-mosaic .panel>.headline.blue {
    background-color: #0b9cda
}

.component-mosaic .panel>.headline.purple {
    background-color: #53297d
}

.component-mosaic .panel>.headline.orange {
    background-color: #f16e22
}

.component-mosaic .panel>.headline.red {
    background-color: #e70052
}

.component-mosaic .panel>.headline.emergency {
    background-color: #ff1d34
}

.component-mosaic .panel>.action {
    opacity: 0;
    display: none;
    align-items: center;
    margin-bottom: 20px;
    text-align: center;
    position: absolute;
    bottom: 0;
    background: transparent;
    color: #fff;
    overflow: hidden;
    width: 100%;
    transition: opacity .5s,height .5s;
    height: 100%
}

.component-mosaic .panel>.action .overlay {
    width: 100%;
    margin-bottom: 40px
}

.component-mosaic .panel>.action .overlay p {
    margin-bottom: 20px
}

.component-mosaic .panel>.action .overlay .cmpnt-submit-pointed {
    line-height: 40px;
    height: 40px;
    background: #fff;
    color: #44841a
}

.component-mosaic .panel>.action .overlay .cmpnt-submit-pointed:after {
    border-left-color: #fff;
    border-width: 20px;
    margin-top: -20px
}

.component-mosaic .panel>.action .overlay .cmpnt-submit-pointed.burgundy {
    color: #630235
}

.component-mosaic .panel>.action .overlay .cmpnt-submit-pointed.blue {
    color: #0b9cda
}

.component-mosaic .panel>.action .overlay .cmpnt-submit-pointed.purple {
    color: #53297d
}

.component-mosaic .panel>.action .overlay .cmpnt-submit-pointed.orange {
    color: #f16e22
}

.component-mosaic .panel>.action .overlay .cmpnt-submit-pointed.red {
    color: #e70052
}

.component-mosaic .panel>.action .overlay .cmpnt-submit-pointed.emergency {
    color: #ff1d34
}

.component-mosaic .panel>.action .overlay input[type=email] {
    width: 200px;
    display: inline-block;
    height: 39px;
    vertical-align: baseline
}

@media screen and (min-width: 64.0625em) {
    .component-mosaic .panel>.action .overlay input[type=email] {
        width:100%
    }
}

.component-mosaic .panel>.action .overlay .cmpnt-button {
    background: #fff;
    color: #44841a;
    display: inline-block;
    margin-left: 5px
}

@media screen and (min-width: 64.0625em) {
    .component-mosaic .panel>.action .overlay .cmpnt-button {
        margin-left:auto;
        display: block
    }
}

.component-mosaic .panel>.action .overlay .cmpnt-button:after {
    border-left-color: #44841a
}

.component-mosaic .panel>.action .overlay .cmpnt-button.burgundy {
    color: #630235
}

.component-mosaic .panel>.action .overlay .cmpnt-button.burgundy:after {
    border-left-color: #630235
}

.component-mosaic .panel>.action .overlay .cmpnt-button.blue {
    color: #0b9cda
}

.component-mosaic .panel>.action .overlay .cmpnt-button.blue:after {
    border-left-color: #0b9cda
}

.component-mosaic .panel>.action .overlay .cmpnt-button.purple {
    color: #53297d
}

.component-mosaic .panel>.action .overlay .cmpnt-button.purple:after {
    border-left-color: #53297d
}

.component-mosaic .panel>.action .overlay .cmpnt-button.orange {
    color: #f16e22
}

.component-mosaic .panel>.action .overlay .cmpnt-button.orange:after {
    border-left-color: #f16e22
}

.component-mosaic .panel>.action .overlay .cmpnt-button.red {
    color: #e70052
}

.component-mosaic .panel>.action .overlay .cmpnt-button.red:after {
    border-left-color: #e70052
}

.component-mosaic .panel>.action .overlay .cmpnt-button.emergency {
    color: #ff1d34
}

.component-mosaic .panel>.action .overlay .cmpnt-button.emergency:after {
    border-left-color: #ff1d34
}

.component-mosaic .panel>.action h2 {
    font-size: 1.8rem;
    line-height: 2.2rem;
    padding-top: 20px;
    height: 5.2rem;
    font-family: oxfam_tstar_probold;
    text-transform: uppercase
}

@media print,screen and (min-width: 40em) {
    .component-mosaic .panel>.action h2 {
        font-size:2rem;
        line-height: 2.4rem;
        height: 5.2rem
    }
}

.component-mosaic .panel>.action p {
    font-family: Arial;
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.4rem;
    padding: 0 20px
}

@media print,screen and (min-width: 64em) {
    .component-mosaic .panel>.action p {
        font-size:1.8rem;
        line-height: 2.4rem
    }
}

.component-mosaic .panel>.action.featured h2 {
    font-size: 2.8rem;
    line-height: 3rem
}

@media print,screen and (min-width: 40em) {
    .component-mosaic .panel>.action.featured h2 {
        font-size:3.2rem;
        line-height: 7.2rem
    }
}

.component-mosaic .panel>.action.featured p {
    font-size: 1.4rem;
    line-height: 1.8rem
}

@media print,screen and (min-width: 64em) {
    .component-mosaic .panel>.action.featured p {
        font-size:2.4rem;
        line-height: 3.2rem
    }
}

.component-mosaic .panel>.action:hover {
    transform: translate(0)
}

.component-mosaic .panel.panel_expand.active>.action,.component-mosaic .panel:hover>.action {
    display: none
}

@media print,screen and (min-width: 48em) {
    .component-mosaic .panel.panel_expand.active>.action,.component-mosaic .panel:hover>.action {
        height:100%;
        position: absolute;
        top: 0;
        opacity: 1;
        z-index: 1;
        display: flex;
        align-items: center;
        margin-bottom: 20px
    }
}

.component-mosaic .panel.panel_expand.active>.action {
    display: block
}

@media print,screen and (min-width: 48em) {
    .component-mosaic .panel:hover>.panel_image {
        opacity:.1;
        transform: scale(1.2)
    }
}

@media print,screen and (min-width: 40em) {
    .component-mosaic .panel:hover>.headline {
        z-index:2
    }
}

@supports(display: grid) {
    .mosaic>* {
        margin:0
    }
}

@media screen and (max-width: 1024px) {
    .mosaic {
        grid-gap:5px
    }
}

@supports not (display: flex) {
    .mosaic {
        display:table
    }
}

@supports not (display: grid) {
    .mosaic {
        display:flex;
        flex-flow: row wrap;
        min-height: 100vh;
        padding: .75vw
    }

    .mosaic .panel {
        min-height: 20vh;
        margin: .75vw
    }

    .mosaic .panel .panel_image {
        height: 100%
    }

    @media screen and (orientation: landscape) {
        .mosaic .panel:first-child {
            flex:0 1 calc(50% - 1.5vw);
            height: 50vw;
            order: 0
        }

        .mosaic .panel:nth-child(2) {
            flex: 0 1 calc(50% - 1.5vw);
            height: 50vw;
            order: 1
        }

        .mosaic .panel:nth-child(3) {
            flex: 0 1 calc(33% - 1.5vw);
            height: 33vw;
            order: 2
        }

        .mosaic .panel:nth-child(4) {
            flex: 0 1 calc(33% - 1.5vw);
            height: 33vw;
            order: 3
        }

        .mosaic .panel:nth-child(5) {
            flex: 0 1 calc(33% - 1.5vw);
            height: 33vw;
            order: 4
        }

        .mosaic .panel:nth-child(6) {
            flex: 0 1 50%;
            height: 25%;
            order: 5
        }

        .mosaic .panel:nth-child(7) {
            flex: 0 1 calc(33% - 1.5vw);
            height: 33vw;
            order: 7
        }

        .mosaic .panel:nth-child(8) {
            flex: 0 1 50%;
            height: 25%;
            order: 6
        }

        .mosaic .panel:nth-child(9) {
            flex: 0 1 calc(33% - 1.5vw);
            height: 33vw;
            order: 8
        }

        .mosaic .panel:nth-child(10) {
            flex: 0 1 calc(33% - 1.5vw);
            height: 33vw;
            order: 9
        }

        .mosaic .panel_b .panel_image {
            height: 100%;
            width: 200%;
            max-width: 200%;
            margin-left: -50%
        }
    }

    @media screen and (orientation: portrait) {
        .mosaic {
            padding-left:2.5vw
        }

        .mosaic .panel:first-child,.mosaic .panel:nth-child(2) {
            flex: 0 1 95vw;
            height: 95vw
        }

        .mosaic .panel:nth-child(3),.mosaic .panel:nth-child(4),.mosaic .panel:nth-child(5),.mosaic .panel:nth-child(6),.mosaic .panel:nth-child(7),.mosaic .panel:nth-child(8),.mosaic .panel:nth-child(9),.mosaic .panel:nth-child(10) {
            flex: 0 1 45vw;
            height: 45vw
        }

        .mosaic .panel_b .panel_image,.mosaic .panel_h .panel_image {
            height: 100%;
            width: 200%;
            max-width: 200%;
            margin-left: -50%
        }

        .mosaic .panel_f .panel_image {
            height: 50%;
            margin-top: 25%
        }
    }

    @media screen and (orientation: portrait)and (min-width:48em) {
        .mosaic {
            padding-left:3vw
        }

        .mosaic .panel:first-child,.mosaic .panel:nth-child(2) {
            flex: 0 1 45vw;
            height: 45vw
        }
    }

    @media print,screen and (min-width: 50em) {
        .mosaic .panel {
            margin:.5vw
        }

        .mosaic .panel:first-child {
            flex: 0 1 48vw;
            height: 48vw;
            order: 0
        }

        .mosaic .panel:nth-child(2) {
            flex: 0 1 48vw;
            height: 48vw;
            order: 1
        }

        .mosaic .panel:nth-child(3) {
            flex: 0 1 31.5vw;
            height: 31.5vw;
            order: 2
        }

        .mosaic .panel:nth-child(4) {
            flex: 0 1 31.5vw;
            height: 31.5vw;
            order: 3
        }

        .mosaic .panel:nth-child(5) {
            flex: 0 1 31.5vw;
            height: 31.5vw;
            order: 4
        }

        .mosaic .panel:nth-child(6) {
            flex: 0 1 48vw;
            height: 24vw;
            order: 5
        }

        .mosaic .panel:nth-child(7) {
            flex: 0 1 31.5vw;
            height: 31.5vw;
            order: 7
        }

        .mosaic .panel:nth-child(8) {
            flex: 0 1 48vw;
            height: 24vw;
            order: 6
        }

        .mosaic .panel:nth-child(9) {
            flex: 0 1 31.5vw;
            height: 31.5vw;
            order: 8
        }

        .mosaic .panel:nth-child(10) {
            flex: 0 1 31.5vw;
            height: 31.5vw;
            order: 9
        }

        .mosaic .panel_b .panel_image {
            height: 100%;
            width: 200%;
            max-width: 200%;
            margin-left: -50%
        }
    }
}

@media print,screen and (min-width: 48em) {
    .component-carousel .cmpnt-carousel-slide-content {
        padding:20px
    }
}

@media print,screen and (min-width: 50em) {
    .component-carousel .cmpnt-carousel-slide-content {
        padding:20px
    }
}

@media screen and (min-width: 64.0625em) {
    .component-carousel .cmpnt-carousel-slide-content {
        padding:80px 20px 20px
    }
}

@media print,screen and (min-width: 48em) {
    .component-carousel .cmpnt-carousel-slide-content h2 {
        font-size:2.4rem;
        line-height: 3.6rem
    }
}

@media print,screen and (min-width: 50em) {
    .component-carousel .cmpnt-carousel-slide-content h2 {
        font-size:3.6rem;
        line-height: 4rem
    }
}

@media screen and (min-width: 64.0625em) {
    .component-carousel .cmpnt-carousel-slide-content h2 {
        font-size:4rem;
        line-height: 4.8rem
    }
}

@media only screen and (min-width: 700px) {
    .take-action {
        padding:20px
    }
}

@media only screen and (min-width: 700px) {
    .sign-petition {
        background-color:#f5f5f5
    }
}

.signatures {
    background: #44841a;
    -webkit-clip-path: polygon(0 0,100% 0,100% 83%,50% 100%,0 83%);
    clip-path: polygon(0 0,100% 0,100% 83%,50% 100%,0 83%);
    color: #fff;
    padding: 20px 20px 40px;
    margin: 0 0 -16px
}

.signatures h2 {
    font-size: 2.8rem;
    line-height: 1em;
    color: #fff;
    margin-bottom: 10px
}

.signatures p {
    font-size: 1.8rem;
    line-height: 1.5em
}

.theme-emergency .signatures,.theme-saving-lives .signatures {
    background: #ff1d34
}

.signature-progress {
    background: #44841a;
    display: block;
    height: 50px;
    width: 100%
}

.theme-emergency .signature-progress,.theme-saving-lives .signature-progress {
    background: #ff1d34
}

.signature-progress-wrap {
    background: #336114;
    display: none;
    margin: 20px 0;
    overflow: hidden;
    position: relative
}

.signature-progress-wrap.show {
    display: block
}

.signature-progress-wrap .signature-progress-bar {
    background: #fff;
    left: 0;
    position: absolute;
    top: 0;
    transition: left .1s ease-in-out
}

.theme-emergency .signature-progress-wrap,.theme-saving-lives .signature-progress-wrap {
    background: #ec4631
}

.cmpnt-fundraiser .signature-progress-wrap {
    background: #336114;
    display: none;
    margin: 20px 0;
    overflow: hidden;
    position: relative
}

.cmpnt-fundraiser .signature-progress-wrap.show {
    display: block
}

.cmpnt-fundraiser .signature-progress-wrap .signature-progress-bar {
    background: #fff;
    left: 0;
    position: absolute;
    top: 0;
    transition: left .1s ease-in-out
}

@media only screen and (max-width: 599px) {
    .cmpnt-fundraiser .signature-progress-wrap .signature-progress-bar {
        border:1px solid
    }
}

.signature-target {
    margin: 0 0 10px
}

@media only screen and (min-width: 1024px) {
    .signature-target {
        font-size:28px;
        font-size: 2.8rem
    }
}

.form-petition-wrap {
    background: #f5f5f5;
    padding: 20px
}

.form-petition-wrap p {
    *zoom:1}

.form-petition-wrap p:after,.form-petition-wrap p:before {
    display: table;
    content: "";
    line-height: 0
}

.form-petition-wrap p:after {
    clear: both
}

.form-petition-wrap p.checkbox-p {
    margin-bottom: 10px
}

.form-petition-wrap p.checkbox-p label {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5
}

.form-petition-wrap p.checkbox-p span {
    font-size: 11px;
    font-size: 1.1rem;
    font-style: italic;
    display: block;
    font-weight: 400
}

.form-petition-wrap p.with-opt-in {
    margin-bottom: 0
}

.form-petition-wrap p.with-opt-in label.checkbox {
    padding-left: 10px
}

.form-petition-wrap input[type=checkbox] {
    float: left;
    margin-right: 20px
}

.form-petition-wrap input[type=checkbox].opt-in {
    margin-right: 0;
    margin-top: 8px
}

.form-petition-wrap label {
    float: left;
    display: block;
    width: 80%;
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    font-weight: 400;
    font-size: 2rem;
    color: #545454
}

.form-petition-wrap #petition-postcode {
    width: 150px
}

.indent-content {
    padding: 0 20px 20px
}

@media only screen and (min-width: 700px) {
    .indent-content {
        padding:10px 40px 20px 10px
    }
}

.indent-content p:first-child {
    font-weight: 700
}

.hide-show-content {
    width: 130px;
    font-size: 14px;
    font-size: 1.4rem
}

.hide-show-content:after {
    border-top-color: #fff;
    border-width: 4px;
    border-left-color: transparent;
    top: 23px;
    right: 15px
}

.hide-show-content:hover:after {
    top: 23px;
    right: 15px
}

.hide-show-content.hide-arrow:after {
    border-top-color: transparent;
    border-bottom-color: #fff;
    top: 19px;
    right: 15px
}

.hide-show-content.hide-arrow:hover:after {
    top: 19px;
    right: 15px
}

@media only screen and (min-width: 1085px) {
    .hide-show-content {
        display:none
    }
}

.show-more-mobile {
    overflow: hidden;
    max-height: 0;
    transition: max-height .1s ease-in-out
}

.show-more-mobile.open {
    max-height: 1000px;
    transition: max-height .1s ease-in-out
}

@media only screen and (min-width: 1085px) {
    .show-more-mobile {
        display:block;
        max-height: 1000px
    }
}

ul.split-three {
    margin: 0;
    padding: 0
}

ul.split-three li.red h3,ul.split-three li.red i {
    color: #e70052
}

ul.split-three li.green h3,ul.split-three li.green i {
    color: #44841a
}

ul.split-three li.orange h3,ul.split-three li.orange i {
    color: #f16e22
}

ul.split-three li.blue h3,ul.split-three li.blue i {
    color: #0b9cda
}

ul.split-three li.burgundy h3,ul.split-three li.burgundy i {
    color: #630235
}

ul.split-three li.purple h3,ul.split-three li.purple i {
    color: #53297d
}

ul.split-three li.emergency h3,ul.split-three li.emergency i {
    color: #ff1d34
}

ul.split-three li {
    padding: 10px 10%;
    display: block;
    list-style-type: none;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem
}

@media only screen and (min-width: 1085px) {
    ul.split-three li {
        display:-moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom:1;*display: inline;
        width: 32%;
        padding: 10px
    }
}

ul.split-three li i {
    font-size: 80px;
    font-size: 8rem
}

@media only screen and (min-width: 1085px) {
    ul.split-three li i {
        font-size:100px;
        font-size: 10rem
    }
}

ul.split-three li h3 {
    font-size: 25px;
    font-size: 2.5rem;
    font-family: OxfamHeadline;
    margin: 0 0 10px
}

@media only screen and (min-width: 1085px) {
    ul.split-three li h3 {
        font-size:22px;
        font-size: 2.2rem;
        margin: 5px 0 25px
    }
}

.image-and-text img {
    margin: 20px auto;
    display: block
}

.image-and-text p {
    margin: 0;
    padding: 10px 10%
}

@media only screen and (min-width: 1085px) {
    .image-and-text {
        margin-top:70px
    }

    .image-and-text p {
        padding: 0
    }

    .image-and-text img {
        float: left;
        margin: 0 20px 20px 0;
        position: relative;
        top: -40px
    }
}

.cmpnt-video,.responsive-object {
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.cmpnt-video iframe,.responsive-object iframe {
    position: absolute;
    border: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.cmpnt-social-share-email.ous-en-widget .responsive-object.en-iframe {
    padding-bottom: 56.25%
}

@media only screen and (min-width: 768px)and (max-width:1023px) {
    .cmpnt-social-share-email.ous-en-widget .responsive-object.en-iframe {
        padding-bottom:30%
    }
}

@media only screen and (min-width: 1024px) {
    .cmpnt-social-share-email.ous-en-widget .responsive-object.en-iframe {
        padding-bottom:20%
    }
}

.component__transcript--link {
    font-size: 1.4rem;
    line-height: 1.5em
}

.component__transcript .reveal-text {
    display: none
}

.component__transcript .reveal-text.open {
    display: block
}

.lightbox {
    color: #fff
}

.lightbox--green {
    background-color: #44841a
}

.lightbox--green button.oxfam-button__arrow {
    background-color: #e70052;
    color: #fff
}

.lightbox--black {
    background-color: #000
}

.lightbox--black h2 {
    color: #ff1d34
}

.lightbox--black button.oxfam-button__arrow {
    background-color: #ff1d34;
    color: #fff
}

.lightbox--black input:focus {
    border-color: #ff1d34
}

.lightbox--burgundy {
    background-color: #630235
}

.lightbox--purple {
    background-color: #53297d
}

.lightbox--purple h2 {
    color: #f16e22
}

.lightbox--purple button.oxfam-button__arrow {
    background-color: #f16e22;
    color: #fff
}

.lightbox--purple input:focus {
    border-color: #f16e22
}

.lightbox-image__wrapper {
    flex-shrink: 0;
    height: 100%
}

.lightbox.reveal {
    border: 0;
    padding: 0;
    width: calc(100% - 40px);
    max-width: 480px;
    height: auto;
    margin: 20px auto;
    overflow: hidden;
    min-height: 400px
}

@media screen and (min-width: 64em) {
    .lightbox.reveal {
        width:100vw;
        height: 100vh;
        max-width: 840px;
        max-height: 400px
    }
}

.lightbox__disclaimer {
    font-size: 1.2rem
}

.lightbox__disclaimer a {
    color: #fff;
    text-decoration: underline
}

.lightbox__disclaimer a:hover {
    text-decoration: none
}

.lightbox .oxfam-button__close {
    background-image: url(https://s3.amazonaws.com/oxfam-us/static/lightbox/img/close.svg);
    background-repeat: no-repeat;
    width: 29px;
    height: 29px;
    position: absolute;
    top: 4px;
    right: 4px
}

.lightbox .slick-slider {
    margin-bottom: 0
}

@media screen and (min-width: 64em) {
    .lightbox-donation-form {
        width:100%;
        max-width: 840px;
        max-height: 400px
    }
}

.lightbox-donation-form__wrapper {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 64em) {
    .lightbox-donation-form__wrapper {
        flex-direction:row
    }
}

.lightbox-donation-form__content {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    max-width: 360px;
    width: 100%;
    padding: 10px
}

@media screen and (min-width: 48em) {
    .lightbox-donation-form__content {
        padding:20px;
        max-width: 400px
    }
}

@media screen and (min-width: 64em) {
    .lightbox-donation-form__content {
        width:360px;
        align-self: flex-end
    }
}

.lightbox-donation-form__content h2 {
    font-family: oxfam_tstar_proheadline;
    text-transform: uppercase;
    font-size: 4.2rem;
    line-height: 1em;
    text-align: left;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0
}

.lightbox-donation-form__content p {
    font-family: oxfam_tstar_probold;
    font-size: 1.8rem;
    line-height: 1em;
    text-align: left;
    max-width: 100%;
    margin-bottom: .5em;
    padding-left: 0;
    padding-right: 0
}

.lightbox-donation-form__content p.lightbox__disclaimer {
    font-size: 1.2rem
}

.lightbox-donation-form__content label {
    text-align: left;
    width: 100%;
    font-size: 1.6rem;
    color: #fff;
    font-family: oxfam_tstar_proregular
}

.lightbox-donation-form__content .column,.lightbox-donation-form__content .columns {
    display: flex;
    padding: 0
}

.lightbox-donation-form__content .column .buttonarea,.lightbox-donation-form__content .columns .buttonarea {
    padding: 0;
    flex-direction: column;
    align-content: center
}

@media screen and (min-width: 64em) {
    .lightbox-donation-form__content .column .buttonarea,.lightbox-donation-form__content .columns .buttonarea {
        flex-direction:row;
        align-content: left
    }
}

.lightbox-donation-form__content .column span.amount-dollarsign,.lightbox-donation-form__content .columns span.amount-dollarsign {
    text-align: left;
    font-family: oxfam_tstar_proregular;
    margin-bottom: 0;
    padding-bottom: 0;
    position: absolute;
    padding-top: 4px;
    line-height: 4.2rem;
    font-size: 2.4rem;
    font-weight: 700;
    color: #878782
}

.lightbox-donation-form__content .column input,.lightbox-donation-form__content .columns input {
    padding-left: 20px;
    border-radius: 4px;
    border-color: #cacaca;
    background-color: #fff
}

.lightbox-donation-form__content .column input:focus,.lightbox-donation-form__content .columns input:focus {
    border-color: #44841a
}

.lightbox-donation-form__content form {
    margin-bottom: 10px
}

.lightbox-donation-form__content button.oxfam-button__arrow {
    width: 100%;
    text-align: left;
    padding-left: 15px
}

@media screen and (min-width: 23.4375em) {
    .lightbox-donation-form__content button.oxfam-button__arrow {
        margin-left:20px
    }
}

.lightbox-donation-form__content button.lightbox-donation-form__button--link {
    font-size: 1.4rem;
    width: 100%;
    text-align: left;
    color: #fff
}

.lightbox-donation-form__content svg.logo {
    margin-top: 0
}

.lightbox-donation-form__headline {
    padding-top: 0;
    text-decoration: underline;
    font-size: 1.6rem!important;
    line-height: 1.4em;
    text-transform: uppercase
}

@media screen and (min-width: 64em) {
    .lightbox-donation-form__headline {
        font-size:2rem!important
    }
}

.lightbox-donation-form__image {
    display: none
}

@media screen and (min-width: 23.4375em) {
    .lightbox-donation-form__image {
        max-width:480px;
        width: 100%;
        display: flex
    }
}

@media screen and (min-width: 64em) {
    .lightbox-donation-form__image {
        width:480px;
        display: flex
    }
}

.lightbox-donation-form .lightbox-donation-form__footer .column,.lightbox-donation-form .lightbox-donation-form__footer .columns {
    align-self: center
}

.lightbox-image-form {
    width: 100%;
    max-width: 840px;
    max-height: 400px;
    align-self: flex-start
}

.lightbox-image-form__wrapper {
    display: flex
}

.lightbox-image-form__content {
    display: flex;
    flex-direction: column;
    align-self: center;
    width: 360px
}

.lightbox-image-form__content h2 {
    font-family: oxfam_tstar_proheadline;
    text-transform: uppercase;
    font-size: 4.2rem;
    font-weight: 400;
    line-height: 1em;
    text-align: left;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px
}

.lightbox-image-form__content p {
    font-family: oxfam_tstar_probold;
    font-size: 2rem;
    line-height: 1.5em;
    text-align: left;
    max-width: 100%;
    margin-bottom: .5em;
    padding-left: 10px;
    padding-right: 10px
}

.lightbox-image-form__content p.lightbox__disclaimer {
    font-size: 1.2rem
}

.lightbox-image-form__content form {
    display: flex;
    flex-flow: row wrap;
    margin: 10px
}

.lightbox-image-form__content .lightbox__input {
    flex-basis: 100%;
    margin-bottom: 10px
}

.lightbox-image-form__content .lightbox__submit {
    flex-basis: 60%
}

.lightbox-image-form__content .lightbox__logo {
    flex-basis: 35%;
    margin: 0 auto
}

.lightbox-image-form__content .lightbox__logo svg.ox-horiz {
    margin-top: 0
}

.lightbox-image-form__content label {
    text-align: left;
    width: 100%;
    font-size: 1.6rem;
    color: #fff;
    font-family: oxfam_tstar_proregular
}

.lightbox-image-form__content input {
    padding-left: 20px;
    border-radius: 4px;
    border-color: #cacaca;
    background-color: #fff
}

.lightbox-image-form__content input:focus {
    border-color: #44841a
}

.lightbox-image-form__content svg {
    margin-top: 0
}

.lightbox-image-form__content button.oxfam-button__arrow {
    width: 100%;
    text-align: left;
    padding-left: 20px
}

.lightbox-image-form__content button.lightbox-image-form__button--link {
    font-size: 1.4rem;
    line-height: 1.2em;
    width: 100%;
    text-align: left;
    color: #fff
}

.lightbox-image-form__content button.oxfam-button__close {
    position: relative;
    margin-left: 326px;
    margin-top: 4px;
    top: auto;
    right: auto
}

.lightbox-image-form__heading--large {
    text-transform: uppercase;
    font-weight: 700
}

.lightbox-image-form__image {
    width: 480px;
    display: flex
}

.lightbox-form-slide__wrapper {
    display: flex;
    width: 840px
}

.lightbox-form-slide__content {
    display: flex;
    flex-direction: column;
    align-self: center;
    margin: 10px;
    text-align: center
}

.lightbox-form-slide__content h2 {
    font-family: oxfam_tstar_proheadline;
    font-size: 6rem;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 1.4rem
}

.lightbox-form-slide__content p {
    font-size: 2.4rem;
    font-family: oxfam_tstar_probold
}

.lightbox-form-slide__content p.lightbox__disclaimer {
    font-size: 1.2rem
}

.lightbox-form-slide__content button.lightbox-form-slide__button--link {
    font-size: 1.4rem;
    width: 100%;
    text-align: center;
    color: #fff;
    text-decoration: underline
}

.lightbox-form-slide__content form {
    display: flex;
    flex-flow: row wrap
}

.lightbox-form-slide__final {
    width: 100%;
    max-width: 840px;
    max-height: 400px;
    align-self: flex-start;
    padding-left: 120px;
    padding-right: 120px
}

.lightbox-form-slide__final h2,.lightbox-form-slide__final p {
    color: #fff
}

.lightbox-form-slide__slide {
    width: 100%;
    max-width: 840px;
    max-height: 400px;
    align-self: flex-start;
    background-color: #fff;
    border: 10px solid #44841a;
    padding-left: 120px;
    padding-right: 120px
}

.lightbox-form-slide__slide h2 {
    color: #53297d;
    line-height: 1em
}

.lightbox-form-slide__slide p {
    color: #53297d;
    line-height: 1.2em;
    margin-bottom: 0
}

.lightbox-form-slide__slide p.lightbox__disclaimer {
    color: #53297d
}

.lightbox-form-slide__slide p.lightbox__disclaimer a {
    color: #53297d;
    text-decoration: underline
}

.lightbox-form-slide__slide form {
    display: flex;
    flex-flow: row wrap;
    margin: 10px;
    gap: 10px
}

.lightbox-form-slide__slide .lightbox__input {
    flex-basis: 50%;
    margin-bottom: 0;
    align-self: flex-end
}

.lightbox-form-slide__slide .lightbox__input label {
    text-align: left;
    color: #545454
}

.lightbox-form-slide__slide .lightbox__input input {
    margin-bottom: 0;
    border-radius: 4px;
    border-color: #cacaca;
    background-color: #fff
}

.lightbox-form-slide__slide .lightbox__input input:focus {
    border-color: #44841a
}

.lightbox-form-slide__slide .lightbox__submit {
    flex-basis: 30%;
    align-self: flex-end
}

.lightbox-form-slide__slide .lightbox__submit button.oxfam-button__arrow {
    text-align: left
}

.lightbox-form-slide__slide .lightbox__logo {
    display: none
}

.lightbox-form-slide__slide .lightbox__optout {
    flex: 1;
    align-self: flex-end;
    text-align: center
}

.lightbox-form-slide__slide .lightbox__optout .lightbox-form__opt-out-button {
    color: #e70052;
    text-decoration: underline;
    font-family: oxfam_tstar_proregular
}

.reveal svg .fill-white {
    fill: #fff
}

.reveal svg .fill-green {
    fill: #44841a
}

.reveal svg .fill-black {
    fill: #000
}

.reveal svg.ox-v {
    height: 100px;
    width: 100%
}

.reveal svg.ox-h,.reveal svg.ox-horiz {
    height: 60px;
    width: 100%;
    fill: #fff
}

.sticky-container {
    position: relative;
    max-width: 100%
}

.sticky {
    position: absolute;
    z-index: 0;
    transform: translateZ(0);
    visibility: hidden
}

.sticky.is-stuck {
    position: fixed;
    z-index: 5;
    visibility: visible
}

.sticky.is-stuck.is-at-top {
    top: 0
}

.sticky.is-stuck.is-at-bottom {
    bottom: 0
}

.sticky.is-anchored {
    position: absolute;
    left: auto;
    right: auto
}

.sticky.is-anchored.is-at-bottom {
    bottom: 0
}

@media screen and (max-width: 63.9375em) {
    body section.burgundy-banner {
        display:none
    }
}

@media screen and (orientation: portrait) {
    body section.burgundy-banner {
        display:none
    }
}

.oxfam-sticky {
    height: 0!important
}

.oxfam-sticky .sticky {
    width: 100%;
    max-width: 100%!important;
    height: auto;
    max-height: 100vh;
    flex: 0 0 100%;
    max-width: 100%;
    background: #eaeade;
    background: rgba(234,234,222,.9);
    transition: max-height 1.2s
}

.oxfam-sticky .sticky.is-anchored {
    display: none
}

.oxfam-sticky .sticky.is-active,.oxfam-sticky .sticky.is-stuck {
    position: fixed;
    bottom: 0;
    top: auto;
    z-index: 1000;
    visibility: visible;
    background: .oxfam-sticky .sticky.is-active,.oxfam-sticky .sticky.is-stuck C-Beige;
    background: rgba(234,234,222,.9)
}

.oxfam-sticky--heading--2 {
    color: #44841a
}

.oxfam-sticky__content {
    max-width: 76.25rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-flow: row wrap;
    max-width: 1220px;
    text-align: center;
    padding: .45rem 0
}

.oxfam-sticky__content .primary {
    text-align: left;
    padding-left: .3125rem;
    flex: 0 0 75%;
    max-width: 75%;
    align-self: center
}

@media print,screen and (min-width: 40em) {
    .oxfam-sticky__content .primary {
        flex:0 0 75%;
        max-width: 75%
    }
}

@media print,screen and (min-width: 64em) {
    .oxfam-sticky__content .primary {
        flex:0 0 83.33333%;
        max-width: 83.33333%
    }
}

.oxfam-sticky__content .primary p {
    font-size: 1.25rem;
    margin-bottom: 0;
    font-weight: 700;
    color: #333
}

@media print,screen and (min-width: 40em) {
    .oxfam-sticky__content .primary p {
        font-size:2rem
    }

    .oxfam-sticky__content .primary p.mobile {
        font-size: 1.8rem
    }
}

@media print,screen and (min-width: 64em) {
    .oxfam-sticky__content .primary p {
        font-size:2.25rem
    }
}

.oxfam-sticky__content .primary p span.headline {
    font-family: oxfam_tstar_proheadline
}

.oxfam-sticky__content .secondary {
    flex: 0 0 25%;
    max-width: 25%;
    align-self: center;
    text-align: right;
    padding-right: .3125rem
}

@media print,screen and (min-width: 40em) {
    .oxfam-sticky__content .secondary {
        flex:0 0 25%;
        max-width: 25%
    }
}

@media print,screen and (min-width: 64em) {
    .oxfam-sticky__content .secondary {
        flex:0 0 16.66667%;
        max-width: 16.66667%
    }
}

.oxfam-sticky__content .secondary .oxfam-button__box {
    padding: 10px;
    width: 100%;
    max-width: 100%;
    font-size: 1.8rem
}

@media print,screen and (min-width: 40em) {
    .oxfam-sticky__content .secondary .oxfam-button__box {
        font-size:2.125rem;
        padding: 10px
    }
}

@media print,screen and (min-width: 64em) {
    .oxfam-sticky__content .secondary .oxfam-button__box {
        font-size:2.125rem;
        padding: 10px
    }
}

.oxfam-sticky__content .secondary .oxfam-button__box.red {
    background-color: #e70052
}

.oxfam-sticky__content .secondary .oxfam-button__box:after {
    border: 0
}

.oxfam-sticky.lead-gen .sticky {
    background: #000;
    background: rgba(0,0,0,.9)
}

.oxfam-sticky.lead-gen .oxfam-sticky__content .primary p {
    color: #fff
}

.oxfam-sticky.lead-gen .oxfam-sticky__content .secondary .oxfam-button__box {
    background: #44841a
}

.oxfam-sticky.lead-gen .oxfam-sticky__content .secondary .oxfam-button__box:active,.oxfam-sticky.lead-gen .oxfam-sticky__content .secondary .oxfam-button__box:hover {
    background: #336114
}

.oxfam-sticky.lead-gen .oxfam-sticky__content .form,.oxfam-sticky.lead-gen .oxfam-sticky__content .success {
    color: #fff;
    text-align: left;
    width: 100%
}

@media print,screen and (min-width: 64em) {
    .oxfam-sticky.lead-gen .oxfam-sticky__content .form,.oxfam-sticky.lead-gen .oxfam-sticky__content .success {
        text-align:center
    }
}

.oxfam-sticky.lead-gen .oxfam-sticky__content .form h2,.oxfam-sticky.lead-gen .oxfam-sticky__content .form p.headline,.oxfam-sticky.lead-gen .oxfam-sticky__content .success h2,.oxfam-sticky.lead-gen .oxfam-sticky__content .success p.headline {
    font-family: oxfam_tstar_proheadline;
    text-align: left;
    margin-bottom: 1rem;
    font-size: 2em;
    line-height: 1.2em
}

@media print,screen and (min-width: 40em) {
    .oxfam-sticky.lead-gen .oxfam-sticky__content .form h2,.oxfam-sticky.lead-gen .oxfam-sticky__content .form p.headline,.oxfam-sticky.lead-gen .oxfam-sticky__content .success h2,.oxfam-sticky.lead-gen .oxfam-sticky__content .success p.headline {
        text-align:center
    }
}

.oxfam-sticky.lead-gen .oxfam-sticky__content .form p,.oxfam-sticky.lead-gen .oxfam-sticky__content .success p {
    text-align: left;
    font-size: 1.8rem;
    line-height: 1.2em
}

@media print,screen and (min-width: 40em) {
    .oxfam-sticky.lead-gen .oxfam-sticky__content .form p,.oxfam-sticky.lead-gen .oxfam-sticky__content .success p {
        text-align:center;
        font-size: 2rem;
        line-height: 1.25em
    }
}

.oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide1,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide1 {
    display: flex;
    flex-wrap: wrap
}

.oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide1 .primary,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide1 .primary {
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
    align-self: flex-start;
    padding-top: .5em
}

.oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide1 .primary p,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide1 .primary p {
    text-align: left
}

@media print,screen and (min-width: 40em) {
    .oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide1 .primary,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide1 .primary {
        flex:0 0 60%;
        max-width: 60%;
        text-align: left;
        justify-content: left
    }

    .oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide1 .primary p,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide1 .primary p {
        text-align: left
    }
}

@media print,screen and (min-width: 64em) {
    .oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide1 .primary,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide1 .primary {
        flex:0 0 70%;
        max-width: 70%;
        text-align: left;
        justify-content: left
    }
}

.oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide1 .secondary,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide1 .secondary {
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
    align-self: flex-start;
    padding-top: .5em;
    text-align: center;
    justify-content: center
}

.oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide1 .secondary .oxfam-button__box,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide1 .secondary .oxfam-button__box {
    max-width: 280px
}

@media print,screen and (min-width: 40em) {
    .oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide1 .secondary,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide1 .secondary {
        flex:0 0 40%;
        max-width: 40%;
        text-align: right;
        justify-content: right
    }
}

@media print,screen and (min-width: 64em) {
    .oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide1 .secondary,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide1 .secondary {
        flex:0 0 30%;
        max-width: 30%;
        text-align: right;
        justify-content: right
    }
}

.oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide2,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide2 {
    display: block
}

.oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide2 p,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide2 p {
    text-align: center
}

.oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide2 .primary,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide2 .primary {
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
    align-self: flex-start;
    padding-top: .5em
}

@media print,screen and (min-width: 40em) {
    .oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide2 .primary,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide2 .primary {
        flex:0 0 50%;
        max-width: 50%;
        text-align: right;
        justify-content: right
    }
}

.oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide2 .primary div,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide2 .primary div {
    width: 100%;
    max-width: 320px
}

.oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide2 .primary input.email,.oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide2 .primary input.phone,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide2 .primary input.email,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide2 .primary input.phone {
    max-width: 100%;
    margin-bottom: 10px;
    height: 2.4em;
    font-size: 1.8rem;
    margin-top: 0
}

@media print,screen and (min-width: 40em) {
    .oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide2 .primary input.email,.oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide2 .primary input.phone,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide2 .primary input.email,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide2 .primary input.phone {
        max-width:320px;
        margin-bottom: 0
    }
}

.oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide2 .primary input.email.error,.oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide2 .primary input.phone.error,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide2 .primary input.email.error,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide2 .primary input.phone.error {
    border: 2px solid #f12222;
    transition: border .5s ease-in
}

.oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide2 .primary input.email:focus,.oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide2 .primary input.phone:focus,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide2 .primary input.email:focus,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide2 .primary input.phone:focus {
    border: 2px solid #44841a;
    transition: border .5s ease-in
}

.oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide2 .primary span.error,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide2 .primary span.error {
    display: block;
    padding: 0;
    margin: 0 auto;
    max-width: 320px;
    text-align: center;
    background-color: #ffeae9;
    color: #f12222;
    transition: background-color .5s ease-in
}

.oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide2 .secondary,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide2 .secondary {
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
    align-self: flex-start;
    padding-top: .5em
}

@media print,screen and (min-width: 40em) {
    .oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide2 .secondary,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide2 .secondary {
        flex:0 0 40%;
        max-width: 40%;
        text-align: left;
        justify-content: left
    }
}

.oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide2 .secondary .oxfam-button__box,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide2 .secondary .oxfam-button__box {
    max-width: 280px
}

@media print,screen and (min-width: 40em) {
    .oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide2 .secondary .oxfam-button__box,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide2 .secondary .oxfam-button__box {
        max-width:280px
    }
}

.oxfam-sticky.lead-gen .oxfam-sticky__content .form.slide2 .tertiary,.oxfam-sticky.lead-gen .oxfam-sticky__content .success.slide2 .tertiary {
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
    align-self: flex-start;
    justify-content: center;
    padding-top: 1.5em
}

.oxfam-sticky.lead-gen .oxfam-sticky__content .success {
    margin-bottom: 20px;
    width: 100%
}

.oxfam-sticky .oxfam-button__close {
    background-image: url(https://s3.amazonaws.com/oxfam-us/static/lightbox/img/close.svg)
}

.slide2.step1 .step1 {
    display: block
}

.slide2.step1 .step2,.slide2.step2 .step1 {
    display: none
}

.slide2.step2 .step2 {
    display: block
}

.sticky-promo__form-fields {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media print,screen and (min-width: 40em) {
    .sticky-promo__form-fields {
        flex-direction:row
    }
}

.sticky-promo__button {
    font-size: 2rem;
    line-height: 2.2rem;
    width: 100%
}

.sticky-promo__button--red {
    background-color: #e70052
}

.sticky-promo__button--red:active,.sticky-promo__button--red:focus,.sticky-promo__button--red:hover {
    background: #9b0037
}

.sticky-promo__button--green {
    background: #44841a
}

.sticky-promo__button--green:active,.sticky-promo__button--green:focus,.sticky-promo__button--green:hover {
    background: #336114
}

.sticky-promo__form-field-button {
    width: 100%;
    height: auto;
    margin-top: 1rem;
    font-size: 2rem
}

@media print,screen and (min-width: 40em) {
    .sticky-promo__form-field-button {
        margin-top:0;
        margin-left: 1rem;
        width: 33%
    }
}

.sticky-promo__form-field-wrapper {
    width: 100%
}

.sticky-promo__form-field-wrapper input {
    margin-bottom: 0;
    max-width: unset
}

@media print,screen and (min-width: 40em) {
    .sticky-promo__form-field-wrapper {
        width:33%
    }
}

.sticky-promo__form-slide {
    color: #fff;
    width: 100%;
    font-size: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.sticky-promo__form-slide .oxfam-button__close {
    align-self: flex-end;
    margin-top: .5rem
}

.sticky-promo__form-slide .copy {
    margin-bottom: 1rem
}

.sticky-promo__form-slide .copy p {
    font-family: oxfam_tstar_proregular
}

.sticky-promo__form-slide .copy p .copytext {
    font-family: oxfam_tstar_probold
}

.sticky-promo__form-slide .copy p .headline {
    font-family: oxfam_tstar_proheadline
}

.sticky-promo__simple-slide {
    color: #fff;
    width: 100%;
    font-size: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center
}

@media print,screen and (min-width: 40em) {
    .sticky-promo__simple-slide {
        flex-direction:row;
        text-align: left
    }
}

.sticky-promo__simple-slide-content {
    display: flex;
    flex-direction: column
}

@media print,screen and (min-width: 40em) {
    .sticky-promo__simple-slide-content {
        flex-direction:row;
        align-items: baseline
    }
}

.sticky-promo__simple-slide-content p {
    font-family: oxfam_tstar_probold
}

.sticky-promo__simple-slide-headline {
    font-family: oxfam_tstar_proheadline
}

.sticky-promo__simple-slide-button-wrapper {
    width: 100%
}

@media print,screen and (min-width: 40em) {
    .sticky-promo__simple-slide-button-wrapper {
        width:33%;
        max-width: 250px
    }
}

.sticky-promo__opt-out-button {
    width: auto;
    margin: 1rem auto;
    color: #44841a;
    font-family: oxfam_tstar_proregular
}

.sticky-promo__opt-out-button:focus,.sticky-promo__opt-out-button:hover {
    color: #336114
}

.u-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px)
}

.skiplink {
    position: absolute;
    top: -200px;
    left: 0;
    z-index: 1;
    color: #545454;
    padding: 20px
}

.header,.skiplink {
    background-color: #fff
}

.header {
    padding: 0
}

@media screen and (min-width: 80em) {
    .header {
        padding:10px 20px
    }

    body.header--sticky .header {
        position: fixed;
        z-index: 1000;
        width: 100%
    }
}

.header__logo-link {
    flex-grow: 1;
    padding: 0 0 0 20px;
    align-self: center
}

.header__logo {
    width: 94px;
    height: 36px;
    fill: #44841a
}

.theme-oaaf .header__logo {
    width: 139px;
    height: 36px
}

@media screen and (min-width: 48em) {
    .header__logo {
        width:149px;
        height: 57px;
        margin-top: 5px
    }

    .theme-oaaf .header__logo {
        width: 220px;
        height: 57px
    }
}

.header__slogan {
    display: none;
    max-width: 100%
}

@media screen and (min-width: 48em) {
    .header__slogan {
        display:inline-flex;
        align-items: center;
        width: 100%;
        margin-left: 20px;
        padding-left: 20px;
        position: relative
    }

    .header__slogan:before {
        content: "";
        border-left: 2px solid #eaeade;
        left: 0;
        bottom: auto;
        top: 25%;
        height: 50%;
        width: auto;
        position: absolute
    }
}

@media screen and (min-width: 80em) {
    .header__slogan {
        max-width:100px
    }
}

.header__slogan p {
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    max-width: 100px;
    font-size: 1.8rem;
    line-height: 1.3em
}

.header__inner {
    display: flex;
    justify-content: space-around;
    position: relative
}

.header__desktop-menu-wrapper {
    display: none
}

@media screen and (min-width: 80em) {
    .header__desktop-menu-wrapper {
        display:flex;
        width: 100%;
        justify-content: space-between
    }
}

.header__primary-menu {
    display: flex
}

@media only screen and (min-width: 599px) {
    .header__primary-menu {
        margin-left:30px
    }
}

@media only screen and (min-width: 1300px) {
    .header__primary-menu {
        margin-left:100px
    }
}

.header__primary-menu .header__donate-button {
    font-weight: 900;
    background-color: #e70052;
    background-color: #fff;
    text-transform: uppercase;
    display: block;
    position: relative;
    margin-right: 15px;
    padding: 10px 35px 7px;
    font-size: 20px;
    border-radius: 5px;
    transition: background-color .25s ease-out,color .25s ease-out;
    max-width: 135px;
    cursor: pointer
}

@media only screen and (min-width: 1300px) {
    .header__primary-menu .header__donate-button {
        margin-right:35px
    }
}

.header__primary-menu .header__donate-button,.header__primary-menu .header__donate-button:visited {
    color: #fff
}

.header__primary-menu .header__donate-button:focus,.header__primary-menu .header__donate-button:hover {
    background-color: #e70052;
    color: #fff
}

.header__secondary-menu {
    display: flex;
    position: relative
}

.header__menus--mobile {
    position: absolute;
    top: -9999px;
    right: 0;
    max-width: 375px;
    z-index: 1001;
    width: 100%;
    height: calc(100vh - 78px);
    background: #fff;
    transform: translate3d(100%,0,0);
    transition: visibility 0ms .25s,transform .25s cubic-bezier(.24,.26,.2,1) 0ms;
    overflow: auto;
    display: none
}

@media screen and (min-width: 80em) {
    .header__menus--mobile {
        display:none
    }
}

.header__menus--mobile.is-visible {
    transform: translateZ(0);
    top: 75px;
    overflow: visible;
    transition: transform .25s cubic-bezier(.24,.26,.2,1) 0ms
}

.header__menus--mobile .nav {
    width: 100%;
    height: auto;
    overflow: auto;
    background: #fff
}

.header__menus--mobile .nav__item {
    display: flex;
    flex-flow: column wrap
}

.header__menus--mobile .nav__item--wrap {
    display: flex;
    flex-flow: row;
    width: 100%
}

.header__menus--mobile .nav--subnav {
    display: none;
    transform: translate3d(100%,0,0);
    transition: visibility 0ms .25s,transform .25s cubic-bezier(.24,.26,.2,1) 0ms
}

.header__menus--mobile .nav--subnav.is-visible {
    display: flex;
    transform: translateZ(0);
    transition: transform .25s cubic-bezier(.24,.26,.2,1) 0ms
}

.header__menu-toggle {
    font-size: 3.6rem;
    z-index: 10;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    width: 60px;
    font-weight: 700;
    color: #44841a;
    text-transform: uppercase;
    padding: 10px
}

@media screen and (min-width: 80em) {
    .header__menu-toggle {
        display:none
    }
}

.theme-oaaf .header__form {
    display: flex;
    margin: auto 0;
    width: 60px
}

@media screen and (min-width: 23.4375em) {
    .header__form {
        display:flex;
        margin: auto 0;
        width: 60px
    }
}

@media screen and (min-width: 64em) {
    .header__form {
        padding-left:10px
    }
}

.header__search-input {
    position: absolute;
    z-index: 10;
    top: 68px;
    left: -20px;
    right: -20px;
    width: calc(100% + 40px);
    padding: 25px;
    margin: auto;
    display: flex;
    background-color: #fff;
    border-top: 1px solid #ccc;
    align-items: center
}

@media screen and (min-width: 80em) {
    .header__search-input {
        top:85px
    }
}

.header__search-input input {
    border: 1px solid #ccc;
    box-shadow: none;
    background-color: #fff;
    margin: 0;
    font-size: 18px;
    color: #000;
    border-radius: 5px;
    padding: 0 15px;
    font-weight: 400;
    width: 100%;
    flex-grow: 1
}

.header__search-input input:focus {
    background-color: #fff
}

.header__search-input input:-ms-input-placeholder {
    font-weight: 400;
    font-size: 18px
}

.header__search-input input::placeholder {
    font-weight: 400;
    font-size: 18px
}

@media only screen and (min-width: 599px) {
    .header__search-input input {
        min-width:calc(100% - 175px)
    }
}

.header__search-wrapper {
    display: none;
    margin: 0 auto;
    pointer-events: none;
    opacity: 0;
    transform: translateY(-10px);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    transition: opacity .25s cubic-bezier(.24,.26,.2,1),transform .25s cubic-bezier(.24,.26,.2,1)
}

.header__search-wrapper.display {
    display: block;
    pointer-events: auto
}

.header__search-wrapper.active {
    opacity: 1;
    transform: translateY(0)
}

.header__search-inner {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}

.header__search-toggle {
    position: relative;
    height: 45px;
    width: 45px;
    padding: 0;
    margin: auto 0 auto 15px;
    display: none
}

.theme-oaaf .header__search-toggle {
    display: flex
}

@media screen and (min-width: 64em) {
    .header__search-toggle {
        display:flex
    }
}

.header__search-toggle:focus {
    border-left-color: transparent
}

.header__search-toggle:focus .header__search-icon,.header__search-toggle:hover .header__search-icon {
    fill: #44841a
}

.header__search-toggle.active {
    border-left-color: transparent
}

.header__search-toggle.active .header__search-icon--open {
    display: none
}

.header__search-toggle.active .header__search-icon--close {
    display: block
}

.header__search-icon {
    width: 60px;
    height: 60px;
    font-size: 3.6rem;
    margin: auto 0;
    fill: #333;
    transition: fill .25s ease-out
}

.header__search-icon:before {
    color: #545454;
    content: "";
    font-family: Material Symbols Outlined
}

.header__search-icon--close {
    display: none
}

.header__search-icon--close:before {
    color: #545454;
    content: "";
    font-family: Material Symbols Outlined
}

.header__search-submit {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    background-color: #44841a;
    font-weight: 900;
    text-transform: uppercase;
    display: block;
    padding: 10px 40px;
    font-size: 18px;
    border-radius: 5px;
    align-self: center;
    margin-left: 20px;
    flex-grow: 1;
    cursor: pointer;
    transition: background-color .25s ease-out,color .25s ease-out
}

.header__search-submit,.header__search-submit:visited {
    color: #fff
}

.header__search-submit:focus,.header__search-submit:hover {
    background-color: #e70052;
    color: #fff
}

.header__form__xxs {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px
}

@media screen and (min-width: 64em) {
    .header__form__xxs {
        display:none
    }
}

.header__search-wrapper__xxs {
    display: block;
    width: 100%;
    pointer-events: auto;
    padding: 20px
}

.header__search-input__xxs input,.header__search-input__xxs input[type=text] {
    border: 1px solid #ccc;
    box-shadow: none;
    background-color: #fff;
    margin: 0;
    font-size: 18px;
    color: #000;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0 15px;
    font-weight: 400;
    width: 100%;
    flex-grow: 1
}

.header__search-input__xxs input:focus,.header__search-input__xxs input[type=text]:focus {
    background-color: #fff
}

.header__search-input__xxs input:-ms-input-placeholder,.header__search-input__xxs input[type=text]:-ms-input-placeholder {
    font-weight: 400;
    font-size: 18px
}

.header__search-input__xxs input::placeholder,.header__search-input__xxs input[type=text]::placeholder {
    font-weight: 400;
    font-size: 18px
}

.header__search-inner__xxs {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}

.header__search-submit__xxs {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    background-color: #44841a;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    padding: 8px 10px;
    font-size: 3.2rem;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    align-self: center;
    margin-left: 0;
    flex-grow: 1;
    cursor: pointer;
    transition: background-color .25s ease-out,color .25s ease-out
}

.header__search-submit__xxs,.header__search-submit__xxs:visited {
    color: #fff
}

.header__search-submit__xxs:focus,.header__search-submit__xxs:hover {
    background-color: #e70052;
    color: #fff
}

.header__search-icon__xxs {
    font-size: 3.2rem;
    margin: auto 0;
    fill: #fff;
    transition: fill .25s ease-out
}

.header__search-icon__xxs:before {
    color: #fff;
    content: "";
    font-family: Material Symbols Outlined
}

.header__donate-button {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    background-color: #e70052;
    color: #fff!important;
    cursor: pointer;
    font-weight: 900;
    text-transform: uppercase;
    display: block;
    position: relative;
    padding: 10px 20px;
    font-size: 20px;
    border-radius: 5px;
    max-width: 135px;
    align-self: center;
    margin-left: 20px;
    transition: background-color .25s ease-out,color .25s ease-out;
    margin-top: -10px
}

.theme-oaaf .header__donate-button {
    display: none;
    background-color: #630235
}

.header__donate-button,.header__donate-button:visited {
    color: #fff
}

.header__donate-button:focus,.header__donate-button:hover {
    background-color: #e70052;
    color: #fff!important
}

@media screen and (min-width: 23.4375em) {
    .header__donate-button {
        padding:10px 35px 12px
    }
}

@media screen and (min-width: 48em) {
    .theme-oaaf .header__donate-button {
        display:block
    }
}

.header__donate-button--mobile {
    margin-top: 10px;
    width: 100%;
    max-width: 90%;
    text-align: center
}

.theme-oaaf .header__donate-button--mobile {
    display: block
}

@media screen and (min-width: 48em) {
    .theme-oaaf .header__donate-button--mobile {
        display:none
    }
}

.header__login {
    background-color: #2d2d2d;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    border-radius: 5px;
    line-height: 17px
}

.header__login--mobile {
    padding: 12px 20px 8px;
    margin-right: 15px;
    align-self: baseline;
    font-size: 16px
}

@media screen and (min-width: 80em) {
    .header__login--mobile {
        display:none
    }
}

.header__login--desktop {
    padding: 14px 20px 10px;
    font-size: 20px;
    margin-left: 20px;
    display: none
}

@media screen and (min-width: 80em) {
    .header__login--desktop {
        display:block;
        align-self: center
    }
}

.header__link-wrapper {
    display: flex
}

.header-dropdown {
    position: fixed;
    left: 0;
    right: 0;
    top: 85px;
    z-index: 5;
    padding: 20px 8.33333vw 70px;
    background: linear-gradient(#fff,#f3f3f1);
    opacity: 0;
    transform: translate3d(0,-30px,0);
    pointer-events: none;
    transition: opacity .25s cubic-bezier(.24,.26,.2,1),transform .25s cubic-bezier(.24,.26,.2,1);
    display: none;
    overflow: scroll
}

@media screen and (min-width: 80em) {
    .header-dropdown {
        display:block;
        visibility: hidden;
        max-height: calc(100vh - 140px)
    }
}

.is-active .header-dropdown {
    opacity: 1;
    transform: translateZ(0);
    pointer-events: all;
    visibility: visible
}

.header-dropdown__grid {
    display: grid;
    grid-template-columns: 1fr 350px;
    grid-column-gap: 10px
}

@media screen and (min-width: 80em) {
    .header-dropdown__grid {
        grid-template-columns:1fr 400px
    }
}

@media only screen and (min-width: 1300px) {
    .header-dropdown__grid {
        grid-template-columns:1fr 480px
    }
}

.header-dropdown__left-col {
    position: relative
}

.header-dropdown__left-col:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 40px);
    height: 1px;
    background-color: #eee
}

.nav__item--primary .header-dropdown__heading {
    font-size: 28px;
    font-weight: 900;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 30px;
    color: #333
}

@media only screen and (min-width: 599px) {
    .nav__item--primary .header-dropdown__heading {
        font-size:40px
    }
}

@media only screen and (min-width: 1023px) {
    .nav__item--primary .header-dropdown__heading {
        font-size:40px
    }
}

@media only screen and (min-width: 599px) {
    .nav__item--primary .header-dropdown__heading {
        line-height:50px;
        letter-spacing: 2px
    }
}

@media only screen and (min-width: 1023px) {
    .template-donate-page .nav__item--primary .header-dropdown__heading,.template-donation-campaign-page .nav__item--primary .header-dropdown__heading,.template-emergency-donation-page .nav__item--primary .header-dropdown__heading,.template-story-page .nav__item--primary .header-dropdown__heading,.template-zakat-donation-campaign-page .nav__item--primary .header-dropdown__heading {
        color:#333
    }
}

.header-dropdown__sub-heading {
    font-size: 16px;
    color: #333;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 30px;
    margin-top: 0
}

@media only screen and (min-width: 599px) {
    .header-dropdown__sub-heading {
        font-size:20px
    }
}

@media only screen and (min-width: 1023px) {
    .header-dropdown__sub-heading {
        font-size:20px
    }
}

@media only screen and (min-width: 599px) {
    .header-dropdown__sub-heading {
        line-height:28px
    }
}

.header-dropdown__list {
    column-count: 3
}

.header-dropdown__list li {
    margin-bottom: 30px;
    break-inside: avoid
}

.nav__item--primary .header-dropdown__list a {
    position: relative;
    display: block;
    font-size: 20px;
    margin-right: 0;
    line-height: 1em;
    color: #333;
    transition: color .25s ease-out
}

.nav__item--primary .header-dropdown__list a:hover {
    color: #e70052
}

.header-dropdown__sub-item {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 6px;
    padding-bottom: 6px
}

.header-dropdown__sub-item:first-of-type {
    padding-top: 12px
}

.header-dropdown__sub-item:last-of-type {
    padding-bottom: 0
}

.nav__item--primary .header-dropdown__sub-item a {
    font-size: 14px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
    font-family: oxfam_tstar_promedium,Roboto-Regular-webfont,Arial,sans-serif;
    line-height: 1.25em
}

@media only screen and (min-width: 599px) {
    .nav__item--primary .header-dropdown__sub-item a {
        font-size:16px
    }
}

@media only screen and (min-width: 1023px) {
    .nav__item--primary .header-dropdown__sub-item a {
        font-size:16px
    }
}

.header-cta {
    position: relative;
    width: 100%;
    background-color: #44841a;
    align-self: end
}

.header-dropdown .header-cta {
    padding: 0;
    transition: background-color .25s ease-out
}

.header-cta .cmpnt-button,.header-cta__button {
    background-color: #fff;
    color: #44841a
}

.header-cta:hover .header-cta__content {
    background-color: #336114
}

.header-cta:hover .header-cta__icon {
    transform: translateZ(0)
}

.header-cta:hover .header-cta__button {
    background-color: #fff;
    color: #44841a
}

.header-cta img {
    width: 100%
}

.header-cta__button {
    margin-top: 15px;
    padding: 0 30px 0 0
}

.header-cta__icon {
    position: absolute;
    width: 23px;
    height: 30px;
    fill: #fff;
    bottom: 32px;
    right: 32px;
    transform: translate3d(-4px,0,0);
    transition: transform .25s ease-out
}

.header-cta__label {
    position: absolute;
    top: -11px;
    left: 0;
    background-color: #bece45;
    color: #333;
    font-size: 16px;
    padding: 3px 16px 2px;
    text-transform: none;
    font-weight: 700;
    margin: 0
}

.header-cta__content {
    background-color: #44841a;
    color: #fff;
    padding: 45px 55px;
    transition: background-color .25s ease-out
}

.header-cta__content-heading {
    margin: 0
}

.header-cta__heading {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-size: 2.8rem;
    line-height: 1em
}

.header-cta__subheading {
    font-weight: 400
}

.header-cta__summary {
    margin: 10px 0 0;
    padding-right: 20px;
    font-size: 1.8rem;
    line-height: 1.5em;
    text-transform: none
}

.header-cta__meta {
    text-transform: none;
    font-weight: 400
}

.header-featured-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 50px;
    margin-top: 40px;
    padding-right: 40px
}

.nav__item--primary .header-featured-item {
    position: relative;
    padding: 7px 30px 15px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 0;
    background-color: #fff
}

@media only screen and (min-width: 599px) {
    .nav__item--primary .header-featured-item {
        padding-top:0
    }
}

.nav__item--primary .header-featured-item:before {
    content: "";
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 11px;
    height: 15px;
    top: auto;
    left: auto;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0tMjI1LTU1NDBoMTQ0MHY5ODA4SC0yMjV6Ii8+PHBhdGggZD0iTTMuNzMyIDExLjUzNGw0LjI5LTQuNTA2YTEuNSAxLjUgMCAwMC4wMDUtMi4wNjJMMy43OTcuNDcyQTEuNSAxLjUgMCAwMDIuNzA2IDBILjA2NWw1LjIxOSA1LjU4OGEuNi42IDAgMDEtLjAwMy44MjJMMCAxMmgyLjY0NWExLjUgMS41IDAgMDAxLjA4Ny0uNDY2eiIgZmlsbD0iI0U3MDA1MiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPgo=);
    background-size: cover;
    background-color: transparent;
    transform: translate3d(-2px,0,0);
    opacity: 0;
    display: block;
    transition: transform .25s ease-out,opacity .25s ease-out
}

@media screen and (min-width: 80em) {
    .nav__item--primary .header-featured-item:before {
        display:block
    }
}

.nav__item--primary .header-featured-item:hover {
    background-color: #fff
}

.nav__item--primary .header-featured-item:hover:before {
    opacity: 1;
    background-color: transparent;
    transform: translateZ(0)
}

.nav__item--primary .header-featured-item:hover .header-featured-item__heading {
    color: #e70052
}

.nav__item--primary .header-featured-item__heading {
    font-weight: 900;
    font-size: 22px;
    letter-spacing: 1px;
    color: #44841a;
    text-transform: uppercase;
    transition: color .25s ease-out
}

.nav__item--primary .header-featured-item__content p {
    color: #333;
    margin-top: 6px;
    text-transform: none;
    font-weight: 400
}

.header-featured-item--emergency .header-featured-item__heading {
    color: #ff1d34
}

.main-content {
    overflow: auto;
    position: relative
}

@media screen and (min-width: 80em) {
    body.header--sticky .main-content {
        padding-top:88px
    }
}

.main-content:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    opacity: 0;
    background-color: rgba(51,51,51,.8);
    display: none;
    transition: opacity .25s ease-out
}

.main-content.overlay-block:after {
    display: block
}

.main-content.overlay-visible:after {
    opacity: 1
}

.button-menu-toggle {
    position: relative;
    z-index: 10;
    display: block;
    width: 45px;
    height: 45px;
    margin-top: 0;
    background: transparent;
    border: 0;
    transform: rotate(0deg);
    transition: .25s ease-out;
    padding: 0
}

.button-menu-toggle:after {
    display: none
}

.button-menu-toggle .material-symbols-outlined__menu {
    font-size: 3.6rem;
    display: block
}

.button-menu-toggle .material-symbols-outlined__menu:before {
    content: "";
    font-family: Material Symbols Outlined;
    color: #545454
}

.button-menu-toggle.is-open .button-menu-toggle__line {
    background-color: #44841a
}

.button-menu-toggle.is-open .material-symbols-outlined__menu {
    color: #44841a
}

.button-menu-toggle.is-open .material-symbols-outlined__menu:before {
    content: ""
}

.button-menu-toggle__line {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: #333;
    opacity: 1;
    border-radius: 3px;
    transform: rotate(0deg);
    transition: top,width,opacity,transform,left,background-color,.25s ease-out
}

.button-menu-toggle__line:first-child {
    top: 0
}

.is-open .button-menu-toggle__line:first-child {
    top: 10px;
    left: 50%;
    width: 0
}

.button-menu-toggle__line:nth-child(2),.button-menu-toggle__line:nth-child(3) {
    top: 8px
}

.is-open .button-menu-toggle__line:nth-child(2),.is-open .button-menu-toggle__line:nth-child(3) {
    opacity: 1
}

.is-open .button-menu-toggle__line:nth-child(2) {
    transform: rotate(45deg)
}

.is-open .button-menu-toggle__line:nth-child(3) {
    transform: rotate(-45deg)
}

.button-menu-toggle__line:nth-child(4) {
    top: 16px
}

.is-open .button-menu-toggle__line:nth-child(4) {
    top: 10px;
    left: 50%;
    width: 0
}

.button-menu-toggle:active,.button-menu-toggle:focus,.button-menu-toggle:hover,.button-menu-toggle:visited:active,.button-menu-toggle:visited:hover {
    background: transparent
}

.nav {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: auto
}

@media screen and (min-width: 80em) {
    .nav {
        flex-direction:row
    }
}

.nav--subnav {
    display: none
}

.nav--subnav.is-visible {
    display: block
}

@media screen and (min-width: 80em) {
    .nav--subnav {
        display:none
    }
}

.nav__item {
    font-size: 20px;
    font-family: oxfam_tstar_proregular,Roboto-Regular-webfont,Arial,sans-serif;
    font-weight: 500;
    width: 100%
}

@media only screen and (min-width: 599px) {
    .nav__item {
        font-size:28px
    }
}

@media only screen and (min-width: 1023px) {
    .nav__item {
        font-size:28px
    }
}

@media screen and (min-width: 80em) {
    .nav__item {
        font-size:14px;
        width: auto
    }
}

@media only screen and (min-width: 80em)and (min-width:599px) {
    .nav__item {
        font-size:16px
    }
}

@media only screen and (min-width: 80em)and (min-width:1023px) {
    .nav__item {
        font-size:16px
    }
}

.nav__item--primary {
    display: flex;
    align-content: space-between;
    border-top: 1px solid #ccc
}

.nav__item--primary:last-of-type {
    border-bottom: 1px solid #ccc
}

@media screen and (min-width: 80em) {
    .nav__item--primary:last-of-type {
        border-bottom:0
    }
}

.nav__item--primary a {
    font-size: 20px;
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-weight: 400;
    color: #333;
    padding: 14px 10px 14px 20px;
    display: block;
    position: relative;
    transition: background-color .25s ease-out,color .25s ease-out
}

.nav__item--primary a:hover {
    background-color: #eaeade;
    color: #44841a
}

.nav__item--primary a:hover:after,.nav__item--primary a:hover:before {
    background-color: #eaeade
}

.nav__item--primary a:hover .nav__icon {
    fill: #44841a
}

@media screen and (min-width: 80em) {
    .nav__item--primary a {
        padding:0 30px 0 0;
        margin-right: 35px;
        display: inline-block;
        transition: color .25s ease-out
    }

    .nav__item--primary a:after,.nav__item--primary a:before {
        display: none
    }
}

@media only screen and (min-width: 1300px) {
    .nav__item--primary a {
        padding-right:30px;
        margin-right: 35px
    }
}

.nav__item--primary a.header__donate-button {
    color: #fff
}

@media screen and (min-width: 80em) {
    .nav__item--primary a.header__donate-button {
        color:#fff
    }
}

@media screen and (min-width: 80em) {
    .nav__item--primary {
        border-top:0
    }
}

.nav__item--primary.is-active>a {
    color: #44841a
}

.nav__item--is-parent a.nav__link__text {
    padding: 14px 10px 14px 20px;
    display: flex;
    flex-grow: 1
}

.nav__item--is-parent a.nav__link__icon {
    display: flex;
    padding: 16px;
    width: 60px;
    min-width: 60px;
    border-left: 1px solid #ccc
}

.nav__item--is-parent a.nav__link__icon .material-symbols-outlined__chevron_right:before {
    content: "";
    color: #545454;
    font-family: Material Symbols Outlined
}

.nav__item--is-parent a.nav__link__icon .material-symbols-outlined__chevron_left:before {
    content: "";
    color: #545454;
    font-family: Material Symbols Outlined
}

.nav__item--is-parent a.nav__link__icon .material-symbols-outlined__expand:before {
    content: "";
    color: #545454;
    font-family: Material Symbols Outlined
}

.nav__item--is-parent a.nav__link__icon.is-open {
    background-color: #eaeade
}

.nav__item--is-parent a.nav__link__icon.is-open .material-symbols-outlined__expand:before {
    content: "";
    color: #44841a;
    font-family: Material Symbols Outlined
}

@media screen and (min-width: 80em) {
    .nav__item--is-parent a:after,.nav__item--is-parent a:before {
        content:"";
        position: absolute;
        left: 0;
        width: 100vw;
        height: 1px
    }
}

.nav__item--is-parent a:before {
    top: 0;
    background-color: #ccc
}

.nav__item--is-parent a:after {
    bottom: 0
}

.nav__item--is-parent a:hover {
    background-color: #eaeade;
    color: #44841a
}

.nav__item--is-parent a:hover:after,.nav__item--is-parent a:hover:before {
    background-color: #eaeade
}

.nav__item--is-parent a:hover .nav__icon {
    fill: #44841a
}

@media screen and (min-width: 80em) {
    .nav__item--is-parent a:hover .nav__icon {
        fill:#333
    }
}

.nav__item--is-parent:last-of-type a:after {
    background-color: #ccc
}

@media screen and (min-width: 80em) {
    .nav__item--is-parent a:hover {
        color:#e70052;
        background-color: transparent
    }

    .nav__item--is-parent a:hover .nav__icon {
        fill: #e70052
    }
}

.nav__item--secondary {
    display: flex;
    align-content: space-between
}

.nav__item--secondary a {
    position: relative;
    color: #545454;
    display: block;
    font-size: 20px;
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    text-transform: none;
    transition: background-color .25s ease-out,colour .25s ease-out;
    border-top: 1px solid #ccc
}

@media screen and (min-width: 80em) {
    .nav__item--secondary a {
        padding:20px 10px;
        transition: color .25s ease-out;
        font-weight: 700;
        font-size: 17px;
        text-transform: none
    }

    .nav__item--secondary a:after,.nav__item--secondary a:before {
        display: none
    }
}

.nav__item--secondary a:hover {
    background-color: #eaeade;
    color: #44841a
}

.nav__item--secondary a:hover:after,.nav__item--secondary a:hover:before {
    background-color: #eaeade
}

.nav__item--secondary a:hover .nav__icon {
    fill: #44841a
}

.nav__item--secondary:first-of-type {
    border-top: 0
}

.nav__item--secondary:last-of-type a {
    border-bottom: 1px solid #ccc
}

.nav--subnav .nav__item--secondary a {
    font-size: 20px;
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    text-transform: none
}

@media screen and (min-width: 80em) {
    .nav__item--secondary {
        padding:0;
        display: inline-block
    }

    .nav__item--secondary a:hover {
        color: #e70052;
        background-color: transparent
    }

    .nav__item--secondary:not(:last-of-type) a {
        padding-right: 20px
    }
}

.nav__item--tertiary {
    display: flex;
    align-content: space-between;
    width: 90%;
    padding-left: 5%
}

.nav__item--tertiary a {
    position: relative;
    color: #545454;
    display: block;
    font-size: 16px;
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    font-weight: 700;
    text-transform: none;
    transition: background-color .25s ease-out,colour .25s ease-out;
    border-top: 1px solid #ccc
}

@media screen and (min-width: 80em) {
    .nav__item--tertiary a {
        padding:20px 10px;
        transition: color .25s ease-out;
        font-weight: 700;
        font-size: 17px;
        text-transform: none
    }

    .nav__item--tertiary a:after,.nav__item--tertiary a:before {
        display: none
    }
}

.nav__item--tertiary a:hover {
    background-color: #eaeade;
    color: #44841a
}

.nav__item--tertiary a:hover:after,.nav__item--tertiary a:hover:before {
    background-color: #eaeade
}

.nav__item--tertiary a:hover .nav__icon {
    fill: #44841a
}

.nav__item--tertiary:first-of-type {
    border-top: 0
}

.nav--subnav .nav__item--tertiary a {
    font-size: 16px;
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    font-weight: 700;
    text-transform: none
}

@media screen and (min-width: 80em) {
    .nav__item--tertiary {
        padding:0;
        display: inline-block
    }

    .nav__item--tertiary a:hover {
        color: #e70052;
        background-color: transparent
    }

    .nav__item--tertiary:not(:last-of-type) a {
        padding-right: 20px
    }
}

.nav__item--quaternary {
    display: flex;
    align-content: space-between;
    width: 90%;
    padding-left: 5%
}

.nav__item--quaternary a {
    position: relative;
    color: #545454;
    display: block;
    font-size: 16px;
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    font-weight: 400;
    text-transform: none;
    transition: background-color .25s ease-out,colour .25s ease-out
}

.nav__item--quaternary a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 1px;
    background-color: #ccc
}

@media screen and (min-width: 80em) {
    .nav__item--quaternary a {
        padding:20px 10px;
        transition: color .25s ease-out;
        font-weight: 700;
        font-size: 17px;
        text-transform: none
    }

    .nav__item--quaternary a:after,.nav__item--quaternary a:before {
        display: none
    }
}

.nav__item--quaternary a:hover {
    background-color: #eaeade;
    color: #44841a
}

.nav__item--quaternary a:hover:after,.nav__item--quaternary a:hover:before {
    background-color: #eaeade
}

.nav__item--quaternary a:hover .nav__icon {
    fill: #44841a
}

.nav__item--quaternary:last-of-type a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100vw;
    height: 1px;
    background-color: #ccc
}

.nav--subnav .nav__item--quaternary a {
    font-size: 16px;
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    font-weight: 400;
    text-transform: none
}

@media screen and (min-width: 80em) {
    .nav__item--quaternary {
        padding:0;
        display: inline-block
    }

    .nav__item--quaternary a:hover {
        color: #e70052;
        background-color: transparent
    }

    .nav__item--quaternary:not(:last-of-type) a {
        padding-right: 20px
    }
}

.nav__item--parent-heading a {
    background-color: #eaeade;
    color: #44841a
}

.nav__item--parent-heading a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 1px;
    background-color: #ccc
}

.nav__item--back {
    font-weight: 700;
    font-size: 17px;
    padding: 23px 20px 18px;
    cursor: pointer;
    position: relative;
    color: #333
}

.nav__item--back .material-symbols-outlined__chevron_left:before {
    content: "";
    color: #545454;
    font-family: Material Symbols Outlined;
    top: 6px;
    position: relative
}

.nav__item--back svg {
    transform: rotate(180deg);
    width: 9px;
    height: 12px;
    fill: #333;
    margin: 4px 6px 0 0
}

.nav__icon {
    position: absolute;
    right: 8.33333vw;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 9px;
    height: 12px;
    display: block;
    fill: #333
}

@media screen and (min-width: 80em) {
    .nav__icon {
        right:10px;
        top: 10px;
        bottom: auto;
        margin: 0;
        transform: rotate(90deg);
        fill: #707070;
        transition: fill .25s ease-out
    }

    .is-active .nav__icon {
        transform: rotate(-90deg);
        fill: #44841a
    }
}

.nav__icon--external {
    width: 16px;
    height: 16px
}

@media screen and (min-width: 80em) {
    .nav__item--secondary .nav__icon {
        display:none
    }
}

.nav--secondary {
    flex-flow: row wrap;
    padding-left: 20px
}

.nav--secondary .nav__item {
    width: 50%
}

.nav--secondary .nav__item a {
    font-weight: 400;
    font-size: 16px;
    text-transform: none;
    padding: 5px 10px;
    width: 100%
}

.nav--secondary .nav__item a:after {
    height: 0
}

.nav--secondary .nav__item--secondary a {
    border: 0
}

.hero-promo {
    background: #44841a;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    display: flex;
    flex-flow: row wrap
}

@media screen and (min-width: 64em) {
    .hero-promo {
        flex-flow:row nowrap
    }
}

.hero-promo__image {
    flex: 1 100%
}

@media screen and (min-width: 64em) {
    .hero-promo__image {
        flex:unset;
        order: 1
    }
}

.hero-promo__video {
    flex: 1 100%
}

.hero-promo__video video {
    width: 100%;
    height: auto
}

@media screen and (min-width: 64em) {
    .hero-promo__video {
        order:1
    }
}

.hero-promo__content {
    flex: 1 50%;
    padding: 20px;
    text-align: left;
    align-self: center
}

@media screen and (min-width: 64em) {
    .hero-promo__content {
        flex:1 50%;
        order: 2;
        padding: 30px
    }
}

.hero-promo__content h1 {
    font-size: 2.8rem;
    line-height: 1em;
    margin-bottom: 1rem;
    margin-top: 0
}

@media screen and (min-width: 48em) {
    .hero-promo__content h1 {
        font-size:4.2rem
    }
}

@media screen and (min-width: 64em) {
    .hero-promo__content h1 {
        font-size:3.2rem
    }
}

@media screen and (min-width: 80em) {
    .hero-promo__content h1 {
        font-size:4.2rem
    }
}

@media screen and (min-width: 120em) {
    .hero-promo__content h1 {
        font-size:6rem
    }
}

.hero-promo__content p {
    font-size: 2rem;
    line-height: 1.5em;
    margin-bottom: 2rem
}

@media screen and (min-width: 64em) {
    .hero-promo__content p {
        font-size:1.8rem;
        margin-bottom: 3rem
    }
}

@media screen and (min-width: 80em) {
    .hero-promo__content p {
        font-size:2rem
    }
}

@media screen and (min-width: 120em) {
    .hero-promo__content p {
        font-size:2.8rem;
        margin-bottom: 4rem
    }
}

.hero-promo__content p.disclaimer {
    font-size: 1.2rem;
    margin: 1em 0 0
}

.hero-promo__content p.tag {
    color: #000;
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1em;
    text-transform: uppercase;
    border-top: 4px solid #000;
    display: inline;
    margin-bottom: 0
}

@media screen and (min-width: 64em) {
    .hero-promo__content p.tag {
        font-size:1.8rem;
        border-top: 6px solid #000
    }
}

@media screen and (min-width: 90em) {
    .hero-promo__content p.tag {
        font-size:2.2rem
    }
}

@media screen and (min-width: 120em) {
    .hero-promo__content p.tag {
        font-size:2.8rem
    }
}

.hero-promo__content div.othersubmit {
    max-width: 100vw;
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    list-style-image: none;
    text-align: left;
    padding-left: 0;
    margin: 0 40px 0 0
}

.hero-promo__content div.othersubmit .col {
    position: relative;
    padding-left: 0!important;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: .625rem;
    padding-left: .625rem
}

@media print,screen and (min-width: 40em) {
    .hero-promo__content div.othersubmit .col {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media screen and (min-width: 80em) {
    .hero-promo__content div.othersubmit .col {
        flex:0 0 50%;
        max-width: 50%;
        padding-right: .625rem;
        padding-left: 0
    }
}

@media screen and (min-width: 80em)and (min-width:40em) {
    .hero-promo__content div.othersubmit .col {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

.hero-promo__content div.othersubmit .col label {
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    padding-top: 0;
    line-height: 5rem;
    font-size: 2rem;
    font-weight: 700;
    color: #44841a
}

.hero-promo__content div.othersubmit .col input {
    padding-left: 30px;
    border-radius: 4px;
    background: #fff;
    border-color: #888;
    max-width: 300px
}

.hero-promo.emergency {
    background: #ff1d34
}

.hero-promo.emergency .button__arrow {
    color: #ff1d34
}

.hero-promo.emergency .button__arrow:hover {
    background: #a20011;
    color: #fff
}

.hero-home {
    background: #ec4631 url("../img/hero-home-bg.4aed1035371f.svg") 0 bottom no-repeat;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    max-width: 1560px;
    overflow: hidden
}

@media only screen and (max-width: 480px) {
    .hero-home {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1024px) {
    .hero-home {
        margin-bottom:20px
    }
}

.hero-home-image {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .hero-home-image {
        float:right;
        width: 50%
    }
}

.component-credit_hero-promo {
    font-size: 0;
    position: relative
}

.component-credit_hero-promo__text {
    background: #000;
    border-radius: 50%;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 50%;
    color: #fff;
    bottom: 0;
    display: block;
    font-size: 1.6rem;
    line-height: 1.5em;
    height: 40px;
    font-weight: 700;
    max-width: 40px;
    max-height: auto;
    overflow: hidden;
    padding: 0 0 0 40px;
    position: absolute;
    left: auto;
    right: 0;
    z-index: 0;
    transition: max-width .1s ease-in-out;
    transition: max-height .1s ease-in-out;
    width: auto;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px
}

@media screen and (min-width: 64em) {
    .component-credit_hero-promo__text {
        border-bottom-right-radius:50%;
        border-bottom-left-radius: 0;
        right: auto;
        left: 0;
        margin-left: 10px
    }
}

.component-credit_hero-promo__text.show {
    max-width: 320px;
    height: auto;
    border-radius: 0;
    padding: 10px;
    z-index: 0
}

.component-credit_hero-promo__text.show:after {
    top: auto;
    bottom: 0;
    content: "";
    display: inline-block
}

.component-credit_hero-promo__text.show:before {
    display: none
}

@media screen and (min-width: 64em) {
    .component-credit_hero-promo__text.show {
        padding-bottom:50px
    }
}

.component-credit_hero-promo__text:before {
    display: block;
    left: 0;
    text-align: center;
    top: 7px
}

.component-credit_hero-promo__text:after,.component-credit_hero-promo__text:before {
    font-size: 3.2rem;
    font-weight: 400;
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 0
}

.component-credit_hero-promo__text:after {
    display: none;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    font-family: Material Symbols Outlined;
    content: ""
}

@media screen and (min-width: 64em) {
    .component-credit_hero-promo__text:after {
        left:0;
        right: auto
    }
}

.component-credit_hero-promo__text p {
    display: inline;
    font-weight: 400;
    margin-right: 10px;
    font-size: 1.2rem
}

@media screen and (min-width: 48em) {
    .component-credit_hero-promo__text p {
        font-size:1.4rem
    }
}

@media screen and (min-width: 80em) {
    .component-credit_hero-promo__text p {
        font-size:1.6rem
    }
}

.cmpnt-credit-text {
    background: #ff1d34
}

.hero-promo-fullwidth {
    background: #44841a;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    display: flex;
    flex-flow: row wrap
}

@media screen and (min-width: 64em) {
    .hero-promo-fullwidth {
        display:block;
        position: relative
    }
}

.hero-promo-fullwidth .button__arrow {
    background-color: #fff;
    color: #e70052
}

.hero-promo-fullwidth .button__arrow:hover {
    background: #294f10;
    color: #fff
}

.hero-promo-fullwidth .button__arrow:hover:after {
    border-left-color: #294f10;
    color: #fff
}

.hero-promo-fullwidth .button__arrow.offsite:after {
    border: none
}

.hero-promo-fullwidth .button__arrow.offsite:active,.hero-promo-fullwidth .button__arrow.offsite:focus,.hero-promo-fullwidth .button__arrow.offsite:hover {
    color: #fff
}

.hero-promo-fullwidth .button__arrow.offsite .icon-new-tab {
    padding-left: 5px;
    vertical-align: text-top
}

@media screen and (min-width: 64em) {
    .hero-promo-fullwidth {
        flex-flow:row nowrap
    }
}

.hero-promo-fullwidth__image {
    flex: 1 100%
}

.hero-promo-fullwidth__image img {
    width: 100%
}

@media screen and (min-width: 64em) {
    .hero-promo-fullwidth__image img {
        width:100%;
        height: 480px;
        object-fit: cover;
        object-position: top
    }
}

@media screen and (min-width: 80em) {
    .hero-promo-fullwidth__image img {
        width:100%;
        height: 600px;
        object-fit: cover;
        object-position: top
    }
}

@media screen and (min-width: 90em) {
    .hero-promo-fullwidth__image img {
        width:100%;
        height: 675px;
        object-fit: cover;
        object-position: top
    }
}

@media screen and (min-width: 120em) {
    .hero-promo-fullwidth__image img {
        width:100%;
        height: 900px;
        object-fit: cover;
        object-position: top
    }
}

.hero-promo-fullwidth__video {
    flex: 1 100%
}

.hero-promo-fullwidth__video video {
    width: 100%;
    height: auto
}

@media screen and (min-width: 64em) {
    .hero-promo-fullwidth__video video {
        order:1;
        width: 100%;
        height: 480px;
        object-fit: cover;
        object-position: top
    }
}

@media screen and (min-width: 80em) {
    .hero-promo-fullwidth__video video {
        width:100%;
        height: 600px;
        object-fit: cover;
        object-position: top
    }
}

@media screen and (min-width: 90em) {
    .hero-promo-fullwidth__video video {
        width:100%;
        height: 675px;
        object-fit: cover;
        object-position: top
    }
}

@media screen and (min-width: 120em) {
    .hero-promo-fullwidth__video video {
        width:100%;
        height: 900px;
        object-fit: cover;
        object-position: top
    }
}

.hero-promo-fullwidth__content {
    background: #44841a;
    color: #fff;
    flex: 1 100%;
    padding: 20px;
    text-align: left;
    align-self: center
}

@media screen and (min-width: 64em) {
    .hero-promo-fullwidth__content {
        padding:30px;
        position: absolute;
        bottom: 40px;
        left: 30px;
        display: block;
        z-index: 1;
        width: 40%
    }
}

@media screen and (min-width: 90em) {
    .hero-promo-fullwidth__content {
        left:110px;
        width: 496px
    }
}

.hero-promo-fullwidth__content form {
    margin: 0
}

.hero-promo-fullwidth__content h1 {
    font-size: 2.8rem;
    line-height: 1em;
    margin-bottom: 1rem;
    margin-top: 0
}

@media screen and (min-width: 48em) {
    .hero-promo-fullwidth__content h1 {
        font-size:4.2rem
    }
}

@media screen and (min-width: 64em) {
    .hero-promo-fullwidth__content h1 {
        font-size:3.6rem;
        margin-bottom: 1.5rem
    }
}

@media screen and (min-width: 80em) {
    .hero-promo-fullwidth__content h1 {
        font-size:5.4rem;
        margin-bottom: 2rem
    }
}

.hero-promo-fullwidth__content p {
    font-size: 2rem;
    line-height: 1.5em;
    margin-bottom: 2rem
}

@media screen and (min-width: 64em) {
    .hero-promo-fullwidth__content p {
        font-size:1.8rem
    }
}

@media screen and (min-width: 80em) {
    .hero-promo-fullwidth__content p {
        font-size:2rem;
        line-height: 1.25em;
        margin-bottom: 3rem
    }
}

.hero-promo-fullwidth__content p.disclaimer {
    font-size: 1.2rem;
    margin: 1em 0 0
}

.hero-promo-fullwidth__content p.tag {
    color: #000;
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1em;
    text-transform: uppercase;
    border-top: 4px solid #000;
    display: inline;
    margin-bottom: 0
}

@media screen and (min-width: 64em) {
    .hero-promo-fullwidth__content p.tag {
        font-size:1.8rem;
        border-top: 6px solid #000
    }
}

@media screen and (min-width: 90em) {
    .hero-promo-fullwidth__content p.tag {
        font-size:2.2rem
    }
}

@media screen and (min-width: 120em) {
    .hero-promo-fullwidth__content p.tag {
        font-size:2.8rem
    }
}

.hero-promo-fullwidth__content div.othersubmit {
    max-width: 100vw;
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    list-style-image: none;
    text-align: left;
    padding-left: 0;
    margin: 0 40px 0 0
}

.hero-promo-fullwidth__content div.othersubmit .col {
    position: relative;
    padding-left: 0!important;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: .625rem;
    padding-left: .625rem
}

@media print,screen and (min-width: 40em) {
    .hero-promo-fullwidth__content div.othersubmit .col {
        padding-right:.9375rem;
        padding-left: .9375rem;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: .625rem;
        padding-left: 0
    }
}

@media print,screen and (min-width: 40em)and (min-width:40em) {
    .hero-promo-fullwidth__content div.othersubmit .col {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

.hero-promo-fullwidth__content div.othersubmit .col label {
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    padding-top: 0;
    line-height: 5rem;
    font-size: 2rem;
    font-weight: 700;
    color: #44841a
}

.hero-promo-fullwidth__content div.othersubmit .col input {
    padding-left: 30px;
    border-radius: 4px;
    background: #fff;
    border-color: #888;
    max-width: none
}

.hero-promo-fullwidth__content.emergency {
    background: #ff1d34;
    color: #fff
}

.hero-promo-fullwidth__content.emergency p.topline {
    color: #000;
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif!important;
    font-size: 1.6rem;
    margin-bottom: 0;
    padding-bottom: 0;
    text-transform: uppercase;
    border-top: 4px solid #000;
    display: inline
}

.hero-promo-fullwidth__content.emergency .button__arrow {
    background-color: #000;
    color: #fff
}

.hero-promo-fullwidth__content.emergency .button__arrow:hover {
    background: #fff;
    color: #000
}

.hero-promo-fullwidth__content.emergency .button__arrow:hover:after {
    border-left-color: #fff;
    color: #000
}

.hero-promo-fullwidth__content.oaaf_burgundy {
    background: #630235;
    color: #fff
}

.hero-promo-fullwidth__content.oaaf_burgundy .button__arrow {
    background-color: #e43989;
    color: #fff
}

.hero-promo-fullwidth__content.oaaf_burgundy .button__arrow:hover {
    background: #961551
}

.hero-promo-fullwidth__content.oaaf_burgundy .button__arrow:hover:after {
    border-left-color: #961551
}

.hero-promo-fullwidth__content.aaa_blue {
    background: #065e84;
    color: #fff
}

.hero-promo-fullwidth__content.aaa_blue .button__arrow {
    background-color: #fbc43a;
    color: #065e84
}

.hero-promo-fullwidth__content.aaa_blue .button__arrow:hover {
    background: #b68304;
    color: #fff
}

.hero-promo-fullwidth__content.aaa_blue .button__arrow:hover:after {
    border-left-color: #b68304;
    color: #fff
}

.hero-promo-fullwidth__content.purple {
    background-color: #53297d;
    color: #fff
}

.hero-promo-fullwidth__content.purple .button__arrow {
    background-color: #0b9cda;
    color: #fff
}

.hero-promo-fullwidth__content.purple .button__arrow:hover {
    background: #075e83
}

.hero-promo-fullwidth__content.purple .button__arrow:hover:after {
    border-left-color: #075e83
}

.hero-promo-fullwidth__content.blue {
    background-color: #0b9cda;
    color: #fff
}

.hero-promo-fullwidth__content.blue .button__arrow {
    background-color: #53297d;
    color: #fff
}

.hero-promo-fullwidth__content.blue .button__arrow:hover {
    background: #32194b
}

.hero-promo-fullwidth__content.blue .button__arrow:hover:after {
    border-left-color: #32194b
}

.hero-promo-fullwidth__content.pink {
    background-color: #e43989;
    color: #fff
}

.hero-promo-fullwidth__content.pink .button__arrow {
    background-color: #53297d;
    color: #fff
}

.hero-promo-fullwidth__content.pink .button__arrow:hover {
    background: #32194b
}

.hero-promo-fullwidth__content.pink .button__arrow:hover:after {
    border-left-color: #32194b
}

.hero-promo-fullwidth__content.orange {
    background-color: #f16e22;
    color: #fff
}

.hero-promo-fullwidth__content.orange .button__arrow {
    background-color: #630235;
    color: #fff
}

.hero-promo-fullwidth__content.orange .button__arrow:hover {
    background: #3b0120
}

.hero-promo-fullwidth__content.orange .button__arrow:hover:after {
    border-left-color: #3b0120
}

.component-credit_hero-promo-fullwidth {
    font-size: 0;
    position: relative
}

.component-credit_hero-promo-fullwidth__text {
    background: #000;
    border-radius: 50%;
    border-bottom-right-radius: 0;
    color: #fff;
    bottom: 0;
    display: block;
    font-size: 1.6rem;
    line-height: 1.5em;
    height: 40px;
    font-weight: 700;
    max-width: 40px;
    max-height: auto;
    overflow: hidden;
    padding: 0 0 0 40px;
    position: absolute;
    right: 0;
    left: unset;
    z-index: 0;
    transition: max-width .1s ease-in-out;
    transition: max-height .1s ease-in-out;
    width: auto;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px
}

.component-credit_hero-promo-fullwidth__text.show {
    max-width: 320px;
    height: auto;
    border-radius: 0;
    padding: 10px;
    z-index: 0
}

.component-credit_hero-promo-fullwidth__text.show:after {
    top: auto;
    bottom: 0;
    content: "";
    display: inline-block
}

.component-credit_hero-promo-fullwidth__text.show:before {
    display: none
}

@media screen and (min-width: 64em) {
    .component-credit_hero-promo-fullwidth__text.show {
        padding-bottom:50px
    }
}

.component-credit_hero-promo-fullwidth__text:before {
    display: block;
    font-size: 3.2rem;
    font-weight: 400;
    width: 40px;
    height: 40px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 7px;
    z-index: 0
}

.component-credit_hero-promo-fullwidth__text:after {
    display: none;
    font-size: 3.2rem;
    font-weight: 400;
    width: 40px;
    height: 40px;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    position: absolute;
    font-family: Material Symbols Outlined;
    z-index: 0;
    content: ""
}

@media screen and (min-width: 64em) {
    .component-credit_hero-promo-fullwidth__text:after {
        left:0;
        right: auto
    }
}

.component-credit_hero-promo-fullwidth__text p {
    display: inline;
    font-weight: 400;
    margin-right: 10px;
    font-size: 1.2rem
}

@media screen and (min-width: 48em) {
    .component-credit_hero-promo-fullwidth__text p {
        font-size:1.4rem
    }
}

@media screen and (min-width: 80em) {
    .component-credit_hero-promo-fullwidth__text p {
        font-size:1.6rem
    }
}

.component-signup {
    background-color: #44841a;
    color: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column
}

.component-signup__first,.component-signup__second {
    flex: 0 0 100%
}

.component-signup__third {
    flex: 0 0 100%;
    margin: auto
}

@media screen and (min-width: 64em) {
    .component-signup {
        flex-direction:row;
        justify-content: space-between
    }

    .component-signup__first {
        flex: 1 0 150px;
        max-width: 150px
    }

    .component-signup__second {
        flex: 2 0 550px;
        max-width: 100%
    }

    .component-signup__third {
        flex: 1 0 200px;
        max-width: 300px
    }
}

.component-signup__title {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-size: 3.2rem;
    line-height: 1em;
    text-align: center;
    margin: 0 0 10px
}

@media screen and (min-width: 64em) {
    .component-signup__title {
        font-size:5.4rem;
        text-align: left
    }
}

.component-signup__intro {
    font-size: 1.6rem;
    line-height: 1.5em;
    text-align: center;
    margin-bottom: 1em
}

@media screen and (min-width: 64em) {
    .component-signup__intro {
        font-size:2rem;
        text-align: left;
        margin-bottom: .5em
    }
}

.component-signup__form {
    text-align: center;
    margin-bottom: 20px
}

.component-signup__form input[type=email] {
    vertical-align: top
}

@media screen and (min-width: 48em) {
    .component-signup__form button {
        margin-left:10px
    }
}

@media screen and (min-width: 64em) {
    .component-signup__form {
        text-align:left;
        margin-bottom: 0
    }
}

.component-signup__form .error {
    color: #e70052;
    background: #eaeade;
    display: block;
    margin-bottom: 0;
    width: 320px;
    opacity: .8
}

.component-signup__social-icons {
    text-align: center
}

.component-signup__social-icons ul li {
    margin-right: 10px;
    display: inline-block;
    width: 40px;
    height: 40px
}

.component-signup__social-icons ul li a {
    width: 40px;
    height: 40px;
    display: block;
    position: relative
}

.component-signup__social-icons ul li a:hover {
    top: -3px;
    transition: all .1s ease-in-out
}

.component-signup__social-icons ul li a i.icon-facebook {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+cm91bmQvd2hpdGUvZmFjZWJvb2s8L3RpdGxlPgogICAgPGcgaWQ9InJvdW5kL3doaXRlL2ZhY2Vib29rIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMjAsMCBDMzEuMDQ1Njk1LDAgNDAsOC45NTQzMDUgNDAsMjAgQzQwLDMxLjA0NTY5NSAzMS4wNDU2OTUsNDAgMjAsNDAgQzguOTU0MzA1LDQwIDAsMzEuMDQ1Njk1IDAsMjAgQzAsOC45NTQzMDUgOC45NTQzMDUsMCAyMCwwIFogTTIxLjAwNjU2LDkgQzE3LjEyNjUxNDMsOSAxNi4yNDQ3NTQzLDExLjgxMTYgMTYuMjQ0NzU0MywxMy42MTEyIEwxNi4yNDQ3NTQzLDE1LjYgTDE0LDE1LjYgTDE0LDIwIEwxNi4yNjI4NTcxLDIwIEwxNi4yNjI4NTcxLDMxIEwyMC43ODg1NzE0LDMxIEwyMC43ODg1NzE0LDIwIEwyNC4xNDc0MDU3LDIwIEwyNC41NiwxNS42IEwyMC45NjI4MTE0LDE1LjYgTDIwLjk2MjgxMTQsMTMuODQwNzMzMyBDMjAuOTYyODExNCwxMi45ODM0NjY3IDIxLjU1MTE1NDMsMTIuNzgzMjY2NyAyMS45NjM3NDg2LDEyLjc4MzI2NjcgTDI0LjUwMjY3NDMsMTIuNzgzMjY2NyBMMjQuNTAyNjc0Myw5LjAxMzkzMzMzIEwyMS4wMDY1Niw5IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=)
}

.component-signup__social-icons ul li a i.icon-twitter,.component-signup__social-icons ul li a i.icon-x {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+cm91bmQvd2hpdGUveDwvdGl0bGU+CiAgICA8ZyBpZD0icm91bmQvd2hpdGUveCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTIxLjY0Njc3ODcsMTguNDY4NjM1MSBMMjguOTMyMTMzLDEwIEwyNy4yMDU3MzczLDEwIEwyMC44Nzk4NjUsMTcuMzUzMTk2OCBMMTUuODI3NDA5MywxMCBMMTAsMTAgTDE3LjY0MDMwNDMsMjEuMTE5MzM1OSBMMTAsMzAgTDExLjcyNjQ5MzYsMzAgTDE4LjQwNjc3NzcsMjIuMjM0Nzc0MiBMMjMuNzQyNTQxLDMwIEwyOS41Njk5NTAzLDMwIEwyMS42NDYzNTQ3LDE4LjQ2ODYzNTEgTDIxLjY0Njc3ODcsMTguNDY4NjM1MSBaIE0xOS4yODIxMDksMjEuMjE3Mjk5OCBMMTguNTA3OTg3LDIwLjExMDA2NDcgTDEyLjM0ODU3MzQsMTEuMjk5Njc5NSBMMTUuMDAwMzY2OSwxMS4yOTk2Nzk1IEwxOS45NzEwODU0LDE4LjQwOTk0MTUgTDIwLjc0NTIwNzQsMTkuNTE3MTc2NyBMMjcuMjA2NTUyNywyOC43NTk0MjgyIEwyNC41NTQ3NTkyLDI4Ljc1OTQyODIgTDE5LjI4MjEwOSwyMS4yMTc3MjM5IEwxOS4yODIxMDksMjEuMjE3Mjk5OCBaIE0yMCw0MCBDMzEuMDQ1Njk1LDQwIDQwLDMxLjA0NTY5NSA0MCwyMCBDNDAsOC45NTQzMDUgMzEuMDQ1Njk1LDAgMjAsMCBDOC45NTQzMDUsMCAwLDguOTU0MzA1IDAsMjAgQzAsMzEuMDQ1Njk1IDguOTU0MzA1LDQwIDIwLDQwIFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=)
}

.component-signup__social-icons ul li a i.icon-instagram {
    content: url("../img/icon-social-instagram-circle-white.e434081a9a48.svg")
}

.component-signup__social-icons ul li a i.icon-youtube {
    content: url("../img/icon-social-youtube-circle-white.09718753ef22.svg")
}

.component-icon_image_grid h2.component-title {
    max-width: 768px;
    margin: 0 auto 20px;
    text-align: center
}

.component-icon_image_grid p.component-intro {
    max-width: 768px;
    margin: 0 auto 40px;
    text-align: center;
    font-size: 2rem;
    line-height: 1.5em
}

.component-icon_image_grid__content h3.title {
    font-size: 2rem;
    line-height: 1em;
    color: #44841a;
    margin-bottom: 0
}

.component-icon_image_grid__content p.intro {
    font-size: 1.8rem;
    line-height: 1.5em
}

.component-icon_image_grid .row {
    justify-content: center
}

.component-icon_image_grid .row .column,.component-icon_image_grid .row .columns {
    flex: 50%;
    text-align: center;
    align-self: start;
    margin-bottom: 40px
}

.component-icon_image_grid .row .column .component-icon_image_grid__image,.component-icon_image_grid .row .columns .component-icon_image_grid__image {
    margin-bottom: 10px
}

.component-icon_image_grid .row .column .component-icon_image_grid__image img,.component-icon_image_grid .row .columns .component-icon_image_grid__image img {
    padding-left: 10px;
    padding-right: 10px
}

.component-icon_image_grid .row .column .component-icon_image_grid__content,.component-icon_image_grid .row .columns .component-icon_image_grid__content {
    text-align: center
}

.component-icon_image_grid .row .column .component-icon_image_grid__content h3.title,.component-icon_image_grid .row .columns .component-icon_image_grid__content h3.title {
    font-size: 1.8rem
}

.component-icon_image_grid .row .column.has-intro,.component-icon_image_grid .row .has-intro.columns {
    flex: 100%;
    display: flex;
    flex-direction: row
}

.component-icon_image_grid .row .column.has-intro .component-icon_image_grid__image,.component-icon_image_grid .row .has-intro.columns .component-icon_image_grid__image {
    flex: 0 0 30%;
    margin-left: 0;
    margin-bottom: 10px
}

.component-icon_image_grid .row .column.has-intro .component-icon_image_grid__content,.component-icon_image_grid .row .has-intro.columns .component-icon_image_grid__content {
    flex: 0 0 65%;
    text-align: left;
    margin-left: 20px
}

.component-icon_image_grid .row .column.has-intro .component-icon_image_grid__content h3.title,.component-icon_image_grid .row .has-intro.columns .component-icon_image_grid__content h3.title {
    font-size: 2rem
}

.component-icon_image_grid .row.circle_images .component-icon_image_grid__image img {
    border-radius: 50%
}

.component-icon_image_grid .row.count_1 .column,.component-icon_image_grid .row.count_1 .columns,.component-icon_image_grid .row.count_2 .column,.component-icon_image_grid .row.count_2 .columns,.component-icon_image_grid .row.count_3 .column,.component-icon_image_grid .row.count_3 .columns {
    flex: 100%;
    margin-bottom: 40px
}

.component-icon_image_grid .row.count_1 .column .component-icon_image_grid__content,.component-icon_image_grid .row.count_1 .columns .component-icon_image_grid__content,.component-icon_image_grid .row.count_2 .column .component-icon_image_grid__content,.component-icon_image_grid .row.count_2 .columns .component-icon_image_grid__content,.component-icon_image_grid .row.count_3 .column .component-icon_image_grid__content,.component-icon_image_grid .row.count_3 .columns .component-icon_image_grid__content {
    text-align: center
}

.component-icon_image_grid .row.count_1 .column .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_1 .columns .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_2 .column .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_2 .columns .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_3 .column .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_3 .columns .component-icon_image_grid__content h3.title {
    font-size: 2.4rem
}

.component-icon_image_grid .row.count_1 .column.has-intro,.component-icon_image_grid .row.count_1 .has-intro.columns,.component-icon_image_grid .row.count_2 .column.has-intro,.component-icon_image_grid .row.count_2 .has-intro.columns,.component-icon_image_grid .row.count_3 .column.has-intro,.component-icon_image_grid .row.count_3 .has-intro.columns {
    display: block
}

.component-icon_image_grid .row.count_1 .column.has-intro .component-icon_image_grid__image,.component-icon_image_grid .row.count_1 .has-intro.columns .component-icon_image_grid__image,.component-icon_image_grid .row.count_2 .column.has-intro .component-icon_image_grid__image,.component-icon_image_grid .row.count_2 .has-intro.columns .component-icon_image_grid__image,.component-icon_image_grid .row.count_3 .column.has-intro .component-icon_image_grid__image,.component-icon_image_grid .row.count_3 .has-intro.columns .component-icon_image_grid__image {
    margin-left: 0;
    margin-bottom: 10px
}

.component-icon_image_grid .row.count_1 .column.has-intro .component-icon_image_grid__content,.component-icon_image_grid .row.count_1 .has-intro.columns .component-icon_image_grid__content,.component-icon_image_grid .row.count_2 .column.has-intro .component-icon_image_grid__content,.component-icon_image_grid .row.count_2 .has-intro.columns .component-icon_image_grid__content,.component-icon_image_grid .row.count_3 .column.has-intro .component-icon_image_grid__content,.component-icon_image_grid .row.count_3 .has-intro.columns .component-icon_image_grid__content {
    text-align: center;
    margin-left: 0
}

.component-icon_image_grid .row.count_1 .column.has-intro .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_1 .has-intro.columns .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_2 .column.has-intro .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_2 .has-intro.columns .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_3 .column.has-intro .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_3 .has-intro.columns .component-icon_image_grid__content h3.title {
    font-size: 2.4rem
}

.component-icon_image_grid .row.count_4 .column,.component-icon_image_grid .row.count_4 .columns,.component-icon_image_grid .row.count_5 .column,.component-icon_image_grid .row.count_5 .columns,.component-icon_image_grid .row.count_6 .column,.component-icon_image_grid .row.count_6 .columns {
    flex: 100%;
    margin-bottom: 40px
}

.component-icon_image_grid .row.count_4 .column .component-icon_image_grid__content,.component-icon_image_grid .row.count_4 .columns .component-icon_image_grid__content,.component-icon_image_grid .row.count_5 .column .component-icon_image_grid__content,.component-icon_image_grid .row.count_5 .columns .component-icon_image_grid__content,.component-icon_image_grid .row.count_6 .column .component-icon_image_grid__content,.component-icon_image_grid .row.count_6 .columns .component-icon_image_grid__content {
    text-align: center
}

.component-icon_image_grid .row.count_4 .column .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_4 .columns .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_5 .column .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_5 .columns .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_6 .column .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_6 .columns .component-icon_image_grid__content h3.title {
    font-size: 2.4rem
}

.component-icon_image_grid .row.count_4 .column.has-intro,.component-icon_image_grid .row.count_4 .has-intro.columns,.component-icon_image_grid .row.count_5 .column.has-intro,.component-icon_image_grid .row.count_5 .has-intro.columns,.component-icon_image_grid .row.count_6 .column.has-intro,.component-icon_image_grid .row.count_6 .has-intro.columns {
    display: block
}

.component-icon_image_grid .row.count_4 .column.has-intro .component-icon_image_grid__image,.component-icon_image_grid .row.count_4 .has-intro.columns .component-icon_image_grid__image,.component-icon_image_grid .row.count_5 .column.has-intro .component-icon_image_grid__image,.component-icon_image_grid .row.count_5 .has-intro.columns .component-icon_image_grid__image,.component-icon_image_grid .row.count_6 .column.has-intro .component-icon_image_grid__image,.component-icon_image_grid .row.count_6 .has-intro.columns .component-icon_image_grid__image {
    margin-left: 0;
    margin-bottom: 10px
}

.component-icon_image_grid .row.count_4 .column.has-intro .component-icon_image_grid__content,.component-icon_image_grid .row.count_4 .has-intro.columns .component-icon_image_grid__content,.component-icon_image_grid .row.count_5 .column.has-intro .component-icon_image_grid__content,.component-icon_image_grid .row.count_5 .has-intro.columns .component-icon_image_grid__content,.component-icon_image_grid .row.count_6 .column.has-intro .component-icon_image_grid__content,.component-icon_image_grid .row.count_6 .has-intro.columns .component-icon_image_grid__content {
    text-align: center;
    margin-left: 0
}

.component-icon_image_grid .row.count_4 .column.has-intro .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_4 .has-intro.columns .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_5 .column.has-intro .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_5 .has-intro.columns .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_6 .column.has-intro .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_6 .has-intro.columns .component-icon_image_grid__content h3.title {
    font-size: 2rem
}

@media screen and (min-width: 48em) {
    .component-icon_image_grid .row .column,.component-icon_image_grid .row .columns,.component-icon_image_grid .row.count_1 .column,.component-icon_image_grid .row.count_2 .column,.component-icon_image_grid .row.count_3 .column,.component-icon_image_grid .row.count_4 .column,.component-icon_image_grid .row.count_5 .column,.component-icon_image_grid .row.count_6 .column {
        flex:25%;
        margin-bottom: 60px
    }

    .component-icon_image_grid .row .column .component-icon_image_grid__content h3.title,.component-icon_image_grid .row .columns .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_1 .column .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_2 .column .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_3 .column .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_4 .column .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_5 .column .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_6 .column .component-icon_image_grid__content h3.title {
        font-size: 2.8rem
    }

    .component-icon_image_grid .row .column.has-intro,.component-icon_image_grid .row.count_1 .column.has-intro,.component-icon_image_grid .row.count_2 .column.has-intro,.component-icon_image_grid .row.count_3 .column.has-intro,.component-icon_image_grid .row.count_4 .column.has-intro,.component-icon_image_grid .row.count_5 .column.has-intro,.component-icon_image_grid .row.count_6 .column.has-intro,.component-icon_image_grid .row .has-intro.columns {
        flex: 25%;
        display: block;
        margin-bottom: 60px
    }

    .component-icon_image_grid .row .column.has-intro .component-icon_image_grid__image,.component-icon_image_grid .row.count_1 .column.has-intro .component-icon_image_grid__image,.component-icon_image_grid .row.count_2 .column.has-intro .component-icon_image_grid__image,.component-icon_image_grid .row.count_3 .column.has-intro .component-icon_image_grid__image,.component-icon_image_grid .row.count_4 .column.has-intro .component-icon_image_grid__image,.component-icon_image_grid .row.count_5 .column.has-intro .component-icon_image_grid__image,.component-icon_image_grid .row.count_6 .column.has-intro .component-icon_image_grid__image,.component-icon_image_grid .row .has-intro.columns .component-icon_image_grid__image {
        margin-left: 0;
        margin-bottom: 10px
    }

    .component-icon_image_grid .row .column.has-intro .component-icon_image_grid__content,.component-icon_image_grid .row.count_1 .column.has-intro .component-icon_image_grid__content,.component-icon_image_grid .row.count_2 .column.has-intro .component-icon_image_grid__content,.component-icon_image_grid .row.count_3 .column.has-intro .component-icon_image_grid__content,.component-icon_image_grid .row.count_4 .column.has-intro .component-icon_image_grid__content,.component-icon_image_grid .row.count_5 .column.has-intro .component-icon_image_grid__content,.component-icon_image_grid .row.count_6 .column.has-intro .component-icon_image_grid__content,.component-icon_image_grid .row .has-intro.columns .component-icon_image_grid__content {
        text-align: center;
        margin-left: 0
    }

    .component-icon_image_grid .row .column.has-intro .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_1 .column.has-intro .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_2 .column.has-intro .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_3 .column.has-intro .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_4 .column.has-intro .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_5 .column.has-intro .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_6 .column.has-intro .component-icon_image_grid__content h3.title,.component-icon_image_grid .row .has-intro.columns .component-icon_image_grid__content h3.title {
        font-size: 2.8rem
    }

    .component-icon_image_grid .row .column.has-intro .component-icon_image_grid__content p.intro,.component-icon_image_grid .row.count_1 .column.has-intro .component-icon_image_grid__content p.intro,.component-icon_image_grid .row.count_2 .column.has-intro .component-icon_image_grid__content p.intro,.component-icon_image_grid .row.count_3 .column.has-intro .component-icon_image_grid__content p.intro,.component-icon_image_grid .row.count_4 .column.has-intro .component-icon_image_grid__content p.intro,.component-icon_image_grid .row.count_5 .column.has-intro .component-icon_image_grid__content p.intro,.component-icon_image_grid .row.count_6 .column.has-intro .component-icon_image_grid__content p.intro,.component-icon_image_grid .row .has-intro.columns .component-icon_image_grid__content p.intro {
        font-size: 2rem
    }

    .component-icon_image_grid .row.count_3 .column,.component-icon_image_grid .row.count_3 .columns,.component-icon_image_grid .row.count_5 .column,.component-icon_image_grid .row.count_5 .columns,.component-icon_image_grid .row.count_6 .column,.component-icon_image_grid .row.count_6 .columns,.component-icon_image_grid .row.count_9 .column,.component-icon_image_grid .row.count_9 .columns,.component-icon_image_grid .row.count_17 .column,.component-icon_image_grid .row.count_17 .columns {
        flex: 0 1 33%;
        margin-bottom: 60px
    }

    .component-icon_image_grid .row.count_4 .column .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_4 .column.has-intro .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_4 .columns .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_4 .has-intro.columns .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_5 .column .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_5 .column.has-intro .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_5 .columns .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_5 .has-intro.columns .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_6 .column .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_6 .column.has-intro .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_6 .columns .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_6 .has-intro.columns .component-icon_image_grid__content h3.title {
        font-size: 2.8rem
    }

    .component-icon_image_grid .row.count_4 .column.has-intro .component-icon_image_grid__content p.intro,.component-icon_image_grid .row.count_4 .has-intro.columns .component-icon_image_grid__content p.intro,.component-icon_image_grid .row.count_5 .column.has-intro .component-icon_image_grid__content p.intro,.component-icon_image_grid .row.count_5 .has-intro.columns .component-icon_image_grid__content p.intro,.component-icon_image_grid .row.count_6 .column.has-intro .component-icon_image_grid__content p.intro,.component-icon_image_grid .row.count_6 .has-intro.columns .component-icon_image_grid__content p.intro {
        font-size: 2rem
    }

    .component-icon_image_grid .row.count_1 .column .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_1 .column.has-intro .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_1 .columns .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_1 .has-intro.columns .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_2 .column .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_2 .column.has-intro .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_2 .columns .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_2 .has-intro.columns .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_3 .column .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_3 .column.has-intro .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_3 .columns .component-icon_image_grid__content h3.title,.component-icon_image_grid .row.count_3 .has-intro.columns .component-icon_image_grid__content h3.title {
        font-size: 3.2rem
    }

    .component-icon_image_grid .row.count_1 .column.has-intro .component-icon_image_grid__content p.intro,.component-icon_image_grid .row.count_1 .has-intro.columns .component-icon_image_grid__content p.intro,.component-icon_image_grid .row.count_2 .column.has-intro .component-icon_image_grid__content p.intro,.component-icon_image_grid .row.count_2 .has-intro.columns .component-icon_image_grid__content p.intro,.component-icon_image_grid .row.count_3 .column.has-intro .component-icon_image_grid__content p.intro,.component-icon_image_grid .row.count_3 .has-intro.columns .component-icon_image_grid__content p.intro {
        font-size: 2rem
    }
}

.component-icon_image_grid.component-multi_datapoint .row .component-multi_datapoint__image {
    margin-bottom: 20px
}

.component-icon_image_grid.component-multi_datapoint .row .component-multi_datapoint__image img {
    max-width: 150px
}

@media screen and (min-width: 48em) {
    .component-icon_image_grid.component-multi_datapoint .row .component-multi_datapoint__image img {
        max-width:130px
    }
}

@media screen and (min-width: 80em) {
    .component-icon_image_grid.component-multi_datapoint .row .component-multi_datapoint__image img {
        max-width:160px
    }
}

.component-icon_image_grid.component-multi_datapoint .row .component-multi_datapoint__content h3.title {
    font-size: 5.4rem;
    line-height: 1em;
    margin-bottom: 0
}

@media screen and (min-width: 48em) {
    .component-icon_image_grid.component-multi_datapoint .row .component-multi_datapoint__content h3.title {
        font-size:4.8rem
    }
}

@media screen and (min-width: 80em) {
    .component-icon_image_grid.component-multi_datapoint .row .component-multi_datapoint__content h3.title {
        font-size:7.6rem
    }
}

.component-icon_image_grid.component-multi_datapoint .row .component-multi_datapoint__content p.intro {
    font-size: 1.8rem;
    line-height: 1.5em
}

@media screen and (min-width: 80em) {
    .component-icon_image_grid.component-multi_datapoint .row .component-multi_datapoint__content p.intro {
        font-size:2rem
    }
}

.component-icon_image_grid.component-multi_datapoint .row.green .component-multi_datapoint__content h3.title {
    color: #44841a
}

.component-icon_image_grid.component-multi_datapoint .row.blue .component-multi_datapoint__content h3.title {
    color: #0b9cda
}

.component-icon_image_grid.component-multi_datapoint .row.burgundy .component-multi_datapoint__content h3.title {
    color: #630235
}

.component-icon_image_grid.component-multi_datapoint .row.emergency .component-multi_datapoint__content h3.title {
    color: #ff1d34
}

.component-icon_image_grid.component-multi_datapoint .row.orange .component-multi_datapoint__content h3.title {
    color: #f16e22
}

.component-icon_image_grid.component-multi_datapoint .row.purple .component-multi_datapoint__content h3.title {
    color: #53297d
}

.component-icon_image_grid.component-multi_datapoint .row.red .component-multi_datapoint__content h3.title {
    color: #e70052
}

.component-leadgen-download,.component-leadgen-download.callout-cta__related-action {
    background-color: #eaeade;
    color: #545454;
    text-align: center;
    padding: 20px;
    display: flex;
    flex-direction: column
}

.component-leadgen-download.callout-cta__related-action__first,.component-leadgen-download__first {
    flex: 0 0 100%;
    margin-bottom: 20px
}

.component-leadgen-download.callout-cta__related-action__second,.component-leadgen-download__second {
    flex: 0 0 100%
}

.component-leadgen-download.callout-cta__related-action__third,.component-leadgen-download__third {
    flex: 0 0 100%;
    margin: auto
}

@media screen and (min-width: 48em) {
    .component-leadgen-download,.component-leadgen-download.callout-cta__related-action {
        flex-direction:row;
        justify-content: space-between;
        text-align: left
    }

    .component-leadgen-download.callout-cta__related-action__first,.component-leadgen-download__first {
        flex: 1 0 150px;
        max-width: 150px;
        margin-right: 20px;
        margin-left: 10px;
        margin-bottom: 0
    }

    .component-leadgen-download.callout-cta__related-action__second,.component-leadgen-download__second {
        flex: 2 0 550px;
        max-width: 100%
    }

    .component-leadgen-download.callout-cta__related-action__third,.component-leadgen-download__third {
        flex: 1 0 200px;
        max-width: 300px
    }
}

.component-leadgen-download.callout-cta__related-action__title,.component-leadgen-download__title {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-size: 3.2rem;
    line-height: 1em;
    text-align: center;
    margin: 0 0 10px
}

@media screen and (min-width: 48em) {
    .component-leadgen-download.callout-cta__related-action__title,.component-leadgen-download__title {
        font-size:5.4rem;
        text-align: left
    }
}

.component-leadgen-download.callout-cta__related-action__content,.component-leadgen-download__content {
    font-size: 1.6rem;
    line-height: 1.5em;
    text-align: center;
    margin-bottom: 1em
}

@media screen and (min-width: 48em) {
    .component-leadgen-download.callout-cta__related-action__content,.component-leadgen-download__content {
        font-size:2rem;
        text-align: left;
        margin-bottom: .5em
    }
}

.component-leadgen-download.callout-cta__related-action__content p,.component-leadgen-download__content p {
    color: #545454
}

.component-leadgen-download.callout-cta__related-action__form,.component-leadgen-download__form {
    text-align: center;
    margin-bottom: 20px
}

.component-leadgen-download.callout-cta__related-action__form input[type=email],.component-leadgen-download__form input[type=email] {
    vertical-align: top
}

@media screen and (min-width: 48em) {
    .component-leadgen-download.callout-cta__related-action__form button,.component-leadgen-download__form button {
        margin-left:10px
    }
}

@media screen and (min-width: 48em) {
    .component-leadgen-download.callout-cta__related-action__form,.component-leadgen-download__form {
        text-align:left;
        margin-bottom: 0
    }
}

.component-leadgen-download.callout-cta__related-action__social-icons,.component-leadgen-download__social-icons {
    text-align: center
}

.component-leadgen-download.callout-cta__related-action__social-icons .social-presence li,.component-leadgen-download__social-icons .social-presence li {
    margin-right: 10px
}

.component-leadgen-download.callout-cta__related-action__social-icons .social-presence li a,.component-leadgen-download__social-icons .social-presence li a {
    width: 40px;
    height: 40px
}

.component-leadgen-download.callout-cta__related-action__social-icons .social-presence li a i,.component-leadgen-download__social-icons .social-presence li a i {
    font-size: 3.5rem;
    line-height: 1.2em
}

.oxfam-cta__content {
    background-color: #eaeade;
    background-size: auto;
    color: #545454;
    text-align: center;
    padding: 20px;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px
}

.oxfam-cta__content__first {
    flex: 0 0 100%;
    margin-bottom: 20px;
    align-content: center
}

.oxfam-cta__content__second {
    padding-left: 20px;
    flex: 0 0 100%
}

.oxfam-cta__content__third {
    flex: 0 0 100%;
    margin: auto
}

@media screen and (min-width: 48em) {
    .oxfam-cta__content {
        flex-direction:row;
        justify-content: space-between;
        text-align: left
    }

    .oxfam-cta__content__first {
        flex: 1 0 150px;
        max-width: 150px;
        margin-right: 20px;
        margin-left: 10px;
        margin-bottom: 0
    }

    .oxfam-cta__content__second {
        flex: 2 0 550px;
        max-width: 100%;
        padding-left: 20px
    }

    .oxfam-cta__content__third {
        flex: 1 0 200px;
        max-width: 300px
    }
}

.oxfam-cta__content__title {
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    color: #44841a;
    font-size: 3.2rem;
    line-height: 1em;
    text-align: center;
    margin: 0 0 10px
}

@media screen and (min-width: 48em) {
    .oxfam-cta__content__title {
        font-size:5.4rem;
        text-align: left
    }
}

.oxfam-cta__content__content {
    font-size: 1.6rem;
    line-height: 1.5em;
    text-align: center;
    margin-bottom: 1em
}

@media screen and (min-width: 48em) {
    .oxfam-cta__content__content {
        font-size:2rem;
        text-align: left;
        margin-bottom: .5em
    }
}

.oxfam-cta__content__content p {
    color: #545454
}

.oxfam-cta__content__form {
    display: flex;
    flex-flow: column;
    text-align: center;
    margin-bottom: 20px
}

.oxfam-cta__content__form input[type=email] {
    vertical-align: top
}

.oxfam-cta__content__form button {
    max-height: 50px;
    margin: 0 auto
}

@media screen and (min-width: 48em) {
    .oxfam-cta__content__form {
        flex-flow:row
    }

    .oxfam-cta__content__form button {
        margin-left: 10px;
        max-height: 50px
    }
}

@media screen and (min-width: 48em) {
    .oxfam-cta__content__form {
        text-align:left;
        margin-bottom: 0
    }
}

.oxfam-cta__content__social-icons {
    text-align: center
}

.oxfam-cta__content__social-icons .social-presence li {
    margin-right: 10px
}

.oxfam-cta__content__social-icons .social-presence li a {
    width: 40px;
    height: 40px
}

.oxfam-cta__content__social-icons .social-presence li a i {
    font-size: 3.5rem;
    line-height: 1.2em
}

.oxfam-cta .cta .callout-cta__related-action.advocacy-action {
    margin-bottom: 60px;
    background-color: #fbc43a;
    background-image: none;
    display: flex;
    flex-direction: column;
    padding: 0
}

@media screen and (min-width: 48em) {
    .oxfam-cta .cta .callout-cta__related-action.advocacy-action {
        flex-direction:row
    }
}

.oxfam-cta .cta .callout-cta__related-action.advocacy-action .callout-cta__related-action__wrap {
    order: 2;
    padding: 20px;
    flex: 1;
    align-content: center
}

@media screen and (min-width: 48em) {
    .oxfam-cta .cta .callout-cta__related-action.advocacy-action .callout-cta__related-action__wrap {
        padding:20px 40px
    }
}

.oxfam-cta .cta .callout-cta__related-action.advocacy-action .callout-cta__related-action__image {
    order: 1;
    flex: 0
}

@media screen and (min-width: 48em) {
    .oxfam-cta .cta .callout-cta__related-action.advocacy-action .callout-cta__related-action__image {
        flex:0 0 50%
    }
}

@media screen and (min-width: 56.25em) {
    .oxfam-cta .cta .callout-cta__related-action.advocacy-action .callout-cta__related-action__image {
        flex:0 0 40%
    }
}

@media screen and (min-width: 68.75em) {
    .oxfam-cta .cta .callout-cta__related-action.advocacy-action .callout-cta__related-action__image {
        flex:0 0 33.3333%
    }
}

.oxfam-cta .cta .callout-cta__related-action.advocacy-action .callout-cta__related-action__image img {
    object-fit: cover;
    height: 100%
}

.oxfam-cta .cta .callout-cta__related-action.advocacy-action .callout-cta__related-action__content .title {
    color: #333;
    padding: 0;
    font-size: 3.2rem;
    margin-bottom: 0
}

@media screen and (min-width: 48em) {
    .oxfam-cta .cta .callout-cta__related-action.advocacy-action .callout-cta__related-action__content .title {
        font-size:4rem;
        margin-bottom: .2em
    }
}

@media screen and (min-width: 80em) {
    .oxfam-cta .cta .callout-cta__related-action.advocacy-action .callout-cta__related-action__content .title {
        font-size:4.8rem;
        margin-bottom: .2em
    }
}

.oxfam-cta .cta .callout-cta__related-action.advocacy-action .callout-cta__related-action__content .callout-cta__related-action__content__section {
    padding: 0
}

.oxfam-cta .cta .callout-cta__related-action.advocacy-action .callout-cta__related-action__content .callout-cta__related-action__content__section p.oxfam-cta__content__content {
    color: #333;
    font-family: Roboto-Regular-webfont,Arial,sans-serif;
    font-size: 1.8rem;
    line-height: 1.5em;
    margin-bottom: 1em
}

@media screen and (min-width: 48em) {
    .oxfam-cta .cta .callout-cta__related-action.advocacy-action .callout-cta__related-action__content .callout-cta__related-action__content__section {
        padding:0
    }

    .oxfam-cta .cta .callout-cta__related-action.advocacy-action .callout-cta__related-action__content .callout-cta__related-action__content__section p.oxfam-cta__content__content {
        font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
        font-size: 2rem;
        line-height: 1.5em
    }
}

.component-data__single-data-point {
    flex: 100%;
    align-content: center;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    color: #44841a
}

.component-data__single-data-point div.component-icon-div {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.component-data__single-data-point p {
    text-align: center;
    margin: auto
}

.component-data__single-data-point p.component-number {
    font-size: 5.4rem;
    line-height: 1em;
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-weight: 700
}

.component-data__single-data-point p.component-description {
    font-size: 2rem;
    line-height: 1.25em;
    font-weight: 700;
    max-width: 400px
}

@media screen and (min-width: 48em) {
    .component-data__single-data-point {
        flex-flow:row wrap;
        padding-left: 66px;
        padding-right: 66px
    }

    .component-data__single-data-point div.component-icon-div {
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        flex: 1 0 150px;
        max-width: 150px
    }

    .component-data__single-data-point div.component-content-div {
        display: flex;
        align-content: center;
        align-self: center;
        flex: 2 0 480px;
        max-width: 100%;
        flex-flow: row wrap;
        padding-left: 20px
    }

    .component-data__single-data-point p {
        text-align: left;
        margin: 0
    }

    .component-data__single-data-point p.component-number {
        font-size: 6rem;
        line-height: 1em
    }

    .component-data__single-data-point p.component-description {
        font-size: 2rem;
        line-height: 1.25em;
        max-width: unset
    }
}

@media screen and (min-width: 64em) {
    .component-data__single-data-point {
        padding-left:130px;
        padding-right: 130px
    }

    .component-data__single-data-point div.component-icon-div {
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        flex: 1 0 175px;
        max-width: 175px
    }

    .component-data__single-data-point div.component-content-div {
        display: flex;
        align-content: center;
        align-self: center;
        flex: 2 0 550px;
        max-width: 100%;
        flex-flow: row wrap
    }

    .component-data__single-data-point p.component-number {
        font-size: 6.8rem;
        line-height: 1em
    }

    .component-data__single-data-point p.component-description {
        font-size: 2.4rem;
        line-height: 1.25em
    }
}

@media screen and (min-width: 80em) {
    .component-data__single-data-point {
        padding-left:unset;
        padding-right: unset
    }

    .component-data__single-data-point div.component-icon-div {
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        flex: 1 0 250px;
        max-width: 250px
    }

    .component-data__single-data-point div.component-content-div {
        display: flex;
        align-content: center;
        align-self: center;
        flex: 2 0 600px;
        max-width: 100%;
        flex-flow: row wrap
    }

    .component-data__single-data-point p.component-number {
        font-size: 7.6rem;
        line-height: 1em
    }

    .component-data__single-data-point p.component-description {
        font-size: 2.8rem;
        line-height: 1.25em
    }
}

.filterDiv {
    display: flex;
    justify-content: space-evenly
}

.filterBy {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    color: #545454;
    font-size: 24px;
    margin: 0
}

.filterTitle {
    text-align: left;
    margin: 0;
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    font-size: 20px
}

.filtersContainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-left: 30px
}

@media screen and (min-width: 48em) {
    .filtersContainer {
        margin-right:10px;
        flex-direction: row
    }
}

.filterContainer {
    text-align: left;
    font-family: Roboto-Regular-webfont,Arial,sans-serif;
    font-size: 20px;
    list-style-type: none;
    max-width: unset;
    padding: 0 30px 0 14px;
    width: 100%;
    margin-bottom: 20px
}

@media screen and (min-width: 48em) {
    .filterContainer {
        width:95%;
        margin-bottom: 30px
    }
}

.jobList {
    display: flex;
    flex-flow: row wrap;
    padding: 0 20px 20px
}

.jobCardButton {
    transition: .3s;
    padding: 10px;
    display: flex;
    width: 100%
}

.jobCard {
    list-style-type: none;
    color: #f5f5f5;
    align-self: stretch;
    flex: 0 0 100%;
    display: none
}

.jobCard.show {
    display: flex
}

@media screen and (min-width: 48em) {
    .jobCard {
        flex:0 0 50%
    }
}

@media screen and (min-width: 64em) {
    .jobCard {
        flex:0 0 33%
    }
}

.jobCardInfo {
    background-color: #f5f5f5;
    padding: 20px;
    width: 100%
}

.jobCardInfo:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2)
}

.jobCardInfo:hover .jobName {
    color: #336114
}

.jobDepartment {
    font-size: 14px;
    color: #4a4a4a
}

.jobDepartment,.jobName {
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    margin: 0
}

.jobLocation,.typeOfEmployment {
    font-size: 14px;
    color: #888;
    margin: 0
}

.jobLocation {
    text-transform: uppercase
}

.filterDiv {
    flex-wrap: wrap
}

.individualFilterDiv {
    width: 90%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media screen and (min-width: 48em) {
    .individualFilterDiv {
        width:33%
    }
}

.titleContainer {
    width: 100%;
    margin-left: 30px;
    padding-bottom: 10px
}

.filterTitle {
    padding-bottom: 5px
}

@media screen and (min-width: 48em) {
    .filterTitle {
        padding-bottom:10px
    }
}

.noMatch {
    text-align: center;
    font-family: oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
    font-size: 24px;
    margin-top: 40px;
    margin-bottom: 60px
}

.component--advocacy,.component--homepage-advocacy {
    background-color: #fbc43a;
    padding: 3rem 3rem 6rem;
    margin-bottom: 4rem
}

.component--advocacy .component-title,.component--homepage-advocacy .component-title {
    margin-bottom: 4rem;
    padding: 0
}

.component--advocacy-array,.component--homepage-advocacy-array {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap
}

.component--advocacy-array-card,.component--homepage-advocacy-array-card {
    flex: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fff
}

@media screen and (min-width: 48em) {
    .component--advocacy-array-card,.component--homepage-advocacy-array-card {
        flex:calc(50% - 1rem)
    }
}

@media screen and (min-width: 80em) {
    .component--advocacy-array-card,.component--homepage-advocacy-array-card {
        flex:calc(25% - 1rem)
    }
}

.component--advocacy-array-card .card-image img,.component--homepage-advocacy-array-card .card-image img {
    width: 100%
}

.component--advocacy-array-card .card-content,.component--homepage-advocacy-array-card .card-content {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    flex: 1
}

.component--advocacy-array-card .card-content p.tag,.component--homepage-advocacy-array-card .card-content p.tag {
    align-self: flex-start;
    color: #545454;
    padding-top: 2px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    border-top: 4px solid #44841a;
    display: inline;
    margin-bottom: 0
}

@media screen and (min-width: 64em) {
    .component--advocacy-array-card .card-content p.tag,.component--homepage-advocacy-array-card .card-content p.tag {
        font-size:1.4rem;
        border-top: 6px solid #44841a
    }
}

.component--advocacy-array-card .card-content h4.title,.component--homepage-advocacy-array-card .card-content h4.title {
    color: #545454;
    font-family: oxfam_tstar_proheadline,RobotoCondensed-Bold-webfont,Arial,sans-serif;
    font-weight: 400;
    font-size: 2rem;
    line-height: 1em;
    margin-top: .4rem;
    margin-bottom: 2rem;
    flex: 1
}

.component--advocacy-array-card .card-content a.action-button,.component--homepage-advocacy-array-card .card-content a.action-button {
    text-align: left
}

.component-blockquote {
    max-width: 800px;
    padding: 4rem;
    border: 0;
    margin: 0 auto
}

.component-blockquote__quote-icon {
    text-align: center;
    margin: 0 auto;
    height: 50px
}

.component-blockquote__quote-icon svg {
    width: 48px;
    fill: #44841a
}

.component-blockquote__quote-text {
    font-family: Roboto-Regular-webfont,Arial,sans-serif;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.5em;
    color: #44841a;
    text-align: center;
    padding-top: 20px;
    margin-bottom: 20px
}

@media screen and (min-width: 48em) {
    .component-blockquote__quote-text {
        font-family:oxfam_tstar_probold,Roboto-Bold-webfont,Arial,sans-serif;
        font-weight: 400;
        font-size: 3.2rem;
        line-height: 1.5em
    }
}

.component-blockquote__quote-attribution {
    color: #44841a;
    font-family: Roboto-Regular-webfont,Arial,sans-serif;
    font-size: 1.8rem;
    line-height: 1.5em;
    text-align: center;
    margin-bottom: 20px
}

@media screen and (min-width: 48em) {
    .component-blockquote__quote-attribution {
        font-size:2rem;
        line-height: 1.5em
    }
}

.component-blockquote__quote-bottom {
    text-align: center;
    margin: 0 auto
}

.component-blockquote__quote-bottom svg {
    fill: #44841a
}

.component-blockquote.blue .component-blockquote__quote-icon svg path {
    fill: #0b9cda
}

.component-blockquote.blue .component-blockquote__quote-bottom svg path {
    stroke: #0b9cda
}

.component-blockquote.blue .component-blockquote__quote-attribution,.component-blockquote.blue .component-blockquote__quote-text {
    color: #0b9cda
}

.component-blockquote.burgundy .component-blockquote__quote-icon svg path {
    fill: #630235
}

.component-blockquote.burgundy .component-blockquote__quote-bottom svg path {
    stroke: #630235
}

.component-blockquote.burgundy .component-blockquote__quote-attribution,.component-blockquote.burgundy .component-blockquote__quote-text {
    color: #630235
}

.component-blockquote.emergency .component-blockquote__quote-icon svg path {
    fill: #ff1d34
}

.component-blockquote.emergency .component-blockquote__quote-bottom svg path {
    stroke: #ff1d34
}

.component-blockquote.emergency .component-blockquote__quote-attribution,.component-blockquote.emergency .component-blockquote__quote-text {
    color: #ff1d34
}

.component-blockquote.red .component-blockquote__quote-icon svg path {
    fill: #e70052
}

.component-blockquote.red .component-blockquote__quote-bottom svg path {
    stroke: #e70052
}

.component-blockquote.red .component-blockquote__quote-attribution,.component-blockquote.red .component-blockquote__quote-text {
    color: #e70052
}

.component-blockquote.orange .component-blockquote__quote-icon svg path {
    fill: #f16e22
}

.component-blockquote.orange .component-blockquote__quote-bottom svg path {
    stroke: #f16e22
}

.component-blockquote.orange .component-blockquote__quote-attribution,.component-blockquote.orange .component-blockquote__quote-text {
    color: #f16e22
}

.component-blockquote.purple .component-blockquote__quote-icon svg path {
    fill: #53297d
}

.component-blockquote.purple .component-blockquote__quote-bottom svg path {
    stroke: #53297d
}

.component-blockquote.purple .component-blockquote__quote-attribution,.component-blockquote.purple .component-blockquote__quote-text {
    color: #53297d
}

.theme-oaaf .hero-promo {
    background: #630235
}